@font-face {
  font-family: 'ONE-Mobile-Title';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ONE-Mobile';
  src: url('../font/one_mobile_light.ttf') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'ONE-Mobile';
  src: url('../font/one_mobile_regular.ttf') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'ONE-Mobile';
  src: url('../font/one_mobile_bold.ttf') format('woff');
  font-weight: bold;
  font-style: normal;
}



/* Common **********************************************************************/ 
html,body {width:100%;}
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0; word-break:keep-all;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:18px; line-height:1.7; font-family: 'Pretendard'; color:#000; letter-spacing: -0.5px;} /* 기본폰트 세팅 */
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 泥섎━ */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}


/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/


.center{text-align:center;}
.inner {width:1400px; margin:0 auto;}
.pc {display:inline-block;}
.tab {display:none;}
.mob {display:none;}
.pc_img {display:inline-block;}
.tab_img {display:none;}
.mob_img {display:none;}


/* === Main === */
#wrap {position:relative; width:100%; margin:0 auto;}

#header {width:100%; height: 100px; z-index: 10; text-align: center; position: relative; left:0; top:0; border-bottom: 1px solid #EBEBEB;}

#header h1 {position:absolute; left:60px; top:13px; line-height: 100px; width: 89px; height: 74px;}
#header h1 a {display:block; width:100%; height:100%;}
#header h1 img {width: 100%;}

#header .gnb {font-size: 0; display:flex; justify-content: center; text-align: center; font-family: 'ONE-Mobile-Title';}
#header .gnb > li {font-size: 20px; margin-right: 120px; display: inline-block; line-height: 100px; position: relative;}
#header .gnb > li:last-child {margin-right: 0;}
#header .gnb > li > a {color: #000; display:block; width: 100%; height: 100%;}
#header .gnb > li:hover > a {color: #4660ED;}

#header .gnb > li .gnb_2depth {display: none; padding: 30px; position: absolute; left: 50%; transform: translateX(-50%); top: 100px; border: 1px solid #dedede; background: #fff; border-radius: 20px;}
#header .gnb > li .gnb_2depth li {font-size: 16px; height: 24px; line-height: 24px; margin-bottom: 20px;}
#header .gnb > li .gnb_2depth li:last-child {margin-bottom: 0;}
#header .gnb > li .gnb_2depth li a {color: #444;}
#header .gnb > li .gnb_2depth li:hover a {color: #000;}

#header .login_box {position: absolute; right: 60px; top: 25px;}
#header .login_box .login_btn {width: 150px; height: 50px; border-radius: 25px; background: #4660ED;}
#header .login_box .login_btn a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
#header .login_box .login_btn img {width: 17px; height: 18px;}
#header .login_box .login_btn p {font-size: 18px; line-height: 1; color: #fff; font-family: 'ONE-Mobile-Title'; margin-left: 10px;}


.navi {display:none;}
.navi_btn {display:none;}


#main_visual {width: 100%; height: calc(100vh - 100px); background: url(/images/main/main_visual.png) no-repeat center center / cover; display: flex; align-items: center; justify-content: center;}
#main_visual .inner {text-align: center;}
#main_visual .inner img {width: 110px;}
#main_visual .inner h2 {font-size: 70px; line-height: 90px; font-family: 'ONE-Mobile-Title'; margin: 30px 0; color: #fff;}
#main_visual .inner p {font-size: 24px; line-height: 1; font-family: 'ONE-Mobile'; color: #fff;}

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



.timer_wrap h3 {margin-bottom: 20px; font-size: 16px; line-height: 1; opacity: 0.7; color: #fff; font-family: 'ONE-Mobile';}
.timer_wrap .timer {display: flex; justify-content: center; gap: 15px;}
.timer_wrap .time-box {background: white; color: #081A77; border-radius: 20px; padding: 15px 15px; width: 70px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
.timer_wrap .time-box .value {font-size: 28px; 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: 280px; height: 80px; line-height: 80px; border-radius: 40px; background: #fff; font-size: 30px; color: #1D65E6; font-family: 'ONE-Mobile-Title';}
#main_visual .mv_btn a {display: block; width: 100%; height: 100%; color: #1D65E6;}


.red {color: #E61646 !important;}






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

.sub_nav {width: 100%; height: 66px; background: #F7F8F9; border-bottom: 1px solid #EBEBEB;}
.sub_nav .s_nav {display: flex; align-items: center;}
.sub_nav .s_nav > li {width: 230px; height: 66px; text-align: left; border-right: 1px solid #EBEBEB; font-family: 'ONE-Mobile'; position: relative;}
.sub_nav .s_nav > li > a {display: block; width: 100%; height: 100%; padding: 0 25px; color: #222; background: url(../images/sub/arrow.png) no-repeat center right 25px; background-size: 11px 6px;}
.sub_nav .s_nav > li > a p {font-size: 16px; line-height: 66px; font-weight: bold;}
.sub_nav .s_nav > li:first-child {width: 66px; display: flex; align-items: center; justify-content: center; border-left: 1px solid #EBEBEB;}
.sub_nav .s_nav > li:first-child img {width: 18px; height: 16px;}


.sub_nav .s_nav > li .nav_select {position: absolute; left: 0; top: 70px; width: 100%; padding: 15px 25px; background: #fff; border: 1px solid #EBEBEB; display: none;}
.sub_nav .s_nav > li .nav_select li {font-size: 16px; margin-bottom: 10px;}
.sub_nav .s_nav > li .nav_select li:last-child {margin-bottom: 0;}
.sub_nav .s_nav > li .nav_select li a {color: #222;}
.sub_nav .s_nav > li .nav_select li:hover a {color: #4660ED;}

.sub_title {margin: 80px auto;}

.sub_title .sub_tab {display: inline-flex; background: #F7F8F9; padding: 5px; margin-bottom: 50px; border-radius: 30px;}
.sub_title .sub_tab li {width: 120px; height: 50px; border-radius: 25px; background: #F7F8F9; font-size: 18px; font-family: 'ONE-Mobile'; font-weight: bold; text-align: center;}
.sub_title .sub_tab li a {color: #111; display: block; width: 100%; height: 100%; line-height: 50px;}

.sub_title .sub_tab li.on {background: #4660ED;}
.sub_title .sub_tab li.on a {color: #fff;}

.sub_title span {font-size: 22px; line-height: 1; display: block; color: #4660ED; font-family: 'ONE-Mobile'; font-weight: bold;}
.sub_title h2 {font-size: 60px; line-height: 1; margin: 40px 0; font-family: 'ONE-Mobile-Title';}
.sub_title p {font-size: 22px; color: #444;}


/* 대회소개 */
.intro_wrap {display: flex; justify-content: space-between;}
.intro_wrap .img_box {width: 40%;}
.intro_wrap .img_box img {width: 100%; border-radius: 20px;}
.intro_wrap .txt_box {width: 57%; padding-top: 20px;}
.intro_wrap .txt_box > ul > li {margin-bottom: 18px; padding: 0 20px 15px; border-bottom: 1px dashed #dedede;}
.intro_wrap .txt_box > ul > li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.intro_wrap .txt_box > ul > li span {font-family: 'ONE-Mobile'; display: block; font-weight: bold; font-size: 16px; color: #000; line-height: 1;}
.intro_wrap .txt_box > ul > li p {font-size: 16px; color: #444; margin-top: 10px;}
.intro_wrap .txt_box > ul > li table {margin-top: 10px;}

.intro_date {width: 100%; border-top: 1px solid #bbb;}
.intro_date tr {border-bottom: 1px solid #dedede;}
.intro_date th {background: #F4F5FD; font-size: 15px; padding: 8px 0; text-align: center;}
.intro_date td {font-size: 15px; padding: 8px 0; text-align: center;}

.intro_date th.l_line {border-left: 1px solid #dedede;}
.intro_date td.l_line {border-left: 1px solid #dedede;}

.intro_date td.left_td {padding: 8px 20px; text-align: left;}
.intro_date td b.tdp {font-size: 15px; font-weight: 500; margin-top: 10px; display: block;}


#footer {width: 100%; padding: 45px 0; background: #121D58;}
#footer .inner {position: relative;}
#footer .inner p {font-size: 16px; line-height: 26px; color: #fff;}
#footer .inner p.copyright {font-weight: bold; margin-top: 30px;}
#footer .inner .foot_logo {display: flex; align-items: center; position: absolute; right: 0; top: 0;}
#footer .inner .foot_logo img {height: 85px;}
#footer .inner .foot_logo img:last-child {margin-left: 15px;}


/* 신청접수 - 약관동의 */
.apply_process {display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px;}
.apply_process li {width: 390px; height: 70px; font-size: 18px; line-height: 70px; text-align: center; background: url(../images/sub/process_bg.png) no-repeat; margin-left: -53px; position: relative; font-family: 'ONE-Mobile'; font-weight: bold;}
.apply_process li.on {background: url(../images/sub/process_bg_on.png) no-repeat; color: #fff;}

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


.apply_con {position: relative;}

.btn_right_area {display: flex; align-items: center; justify-content: space-between;}
.ap_download {width: 250px; height: 60px; border: 1px solid #4660ED; border-radius: 30px;}
.ap_download a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #4660ED;}
.ap_download a p {font-size: 18px; line-height: 1; margin-right: 15px; font-family: 'ONE-Mobile'; font-weight: bold;}
.ap_download a img {width: 24px;}
.btn_right_area > p {margin-left: 20px; font-size: 20px; font-family: 'ONE-Mobile'; font-weight: bold; line-height: 1;}
.btn_right_area > p b {color: #4660ED;}

.btn_right_area .txt p {font-size: 18px; line-height: 30px; font-family: 'ONE-Mobile';}

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

.agree_area {margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.agree_area .agree_box {width: 49%; margin-top: 2%; border: 1px solid #EBEBEB; padding: 40px; border-radius: 10px;}
.agree_area .agree_box:nth-child(-n+2) {margin-top: 0;}
.agree_area .agree_box h4 {font-size: 20px; line-height: 1; margin-bottom: 30px;}
.agree_area .agree_box h4 b {color: #4660ED;}
.agree_area .agree_box textarea {border: 1px solid #EBEBEB; width: 100%; height: 200px; padding: 20px 15px; background: #f9f9f9; font-size: 16px; line-height: 26px;}

.agree_area .agree {margin-top: 15px;}
.agree_area .agree label {display: flex; align-items: center;}
.agree_area .agree span {font-size: 16px; margin-left: 8px;}
.agree_area .agree span b {color: #4660ED;}

.agree_area .all_agree {width: 100%; border: 1px solid #EBEBEB; padding: 40px; margin-top: 2%; display: flex; justify-content: center; border-radius: 10px;}
.agree_area .all_agree .agree {margin-top: 0;}
.agree_area .all_agree .agree span {font-size: 18px;}

.apply_btn_wrap {margin-top: 80px; display: flex; justify-content: center;}
.apply_btn_wrap button {margin-right: 10px;}
.apply_btn_wrap button:last-child {margin-right: 0;}

.go_prev {width: 220px; height: 60px; font-size: 20px; background: #6c757d; color: #fff; font-family: 'ONE-Mobile'; font-weight: bold; border-radius: 10px;}
.save_draft {width: 220px; height: 60px; border: 1px solid #4660ED; font-size: 20px; color: #4660ED; font-family: 'ONE-Mobile'; font-weight: bold; border-radius: 10px;}
.a_next_btn {width: 220px; height: 60px; font-size: 20px; font-family: 'ONE-Mobile'; font-weight: bold; background: #4660ED; border-radius: 10px; color: #fff;}
.a_next_btn a {display: block; width: 100%; height: 100%; color: #fff; line-height: 60px;}


/* 신청접수 - 신청서 작성 */
.form_con .title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.form_con .title h3 {font-size: 28px; line-height: 1; font-family: 'ONE-Mobile'; font-weight: bold;}
.form_con .title p {font-size: 16px; line-height: 1;}
.form_con .title p b {color: #4660ED;}

.apply_form {width: 100%; border: 1px solid #EBEBEB; margin-bottom: 30px; padding: 50px; background: #fafafa; border-radius: 10px;}

.apply_form .af_box {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ddd;}
.apply_form .af_box:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.apply_form .af_box h4 {font-size: 24px; font-family: 'ONE-Mobile'; font-weight: bold; color: #4660ED; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}


.af_list {display: flex; justify-content: space-between; flex-wrap: wrap;}
.af_list li {display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dashed #ddd;}
.af_list li span {font-size: 18px; width: 150px; display: block; font-family: 'ONE-Mobile'; font-weight: bold;}
.af_list li span b {color: #4660ED;}
.af_list li input {width: calc(100% - 150px); height: 48px; background: #fff; border: 1px solid #EBEBEB; font-size: 16px; color: #000; padding-left: 15px; border-radius: 4px;}
.af_list li input[type="file"] {line-height: 48px;}
.af_list li input.full_slc {width: 300px;} 
.af_list li select {min-width: 200px; 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: calc(100% - 150px); height: 120px; background: #fff; border: 1px solid #EBEBEB; font-size: 16px; line-height: 26px; color: #000; padding: 15px; border-radius: 4px;}

.af_list li .phone {display: flex; width: calc(100% - 150px);}
.af_list li .phone select {width: 200px; margin-right: 8px;}
.af_list li .phone input {width: 200px; margin-right: 8px;}
.af_list li .phone input:last-child {margin-right: 0;}

.af_list li .email {display: flex; width: calc(100% - 150px); align-items: center;}
.af_list li .email em {margin: 0 5px;}
.af_list li .email input {width: 240px;}
.af_list li .email select {width: 220px; margin-left: 8px;}
.af_list li .email .main_cer_btn {width: 100px; height: 48px; background: #888; color: #fff; font-size: 16px; border-radius: 8px; margin-left: 10px; font-family: 'ONE-Mobile'; font-weight: bold;}

.af_list li .mail_cer {margin-left: 150px; margin-top: 10px; display: none;}
.af_list li .mail_cer .mcer_box {display: flex; align-items: center;}
.af_list li .mail_cer .mcer_box .mcer {display: flex; align-items: center; background: #fff; border: 1px solid #EBEBEB; border-radius: 4px; padding-right: 10px;}
.af_list li .mail_cer .mcer_box .mcer input {width: 240px; border: 0;}
.af_list li .mail_cer .mcer_box .mcer span {font-size: 14px; display: inline-block; width: auto; color: #4660ED; width: 45px;}
.af_list li .mail_cer .mcer_box .mail_cer_submit {width: 100px; height: 48px; background: #081A77; color: #fff; font-size: 16px; border-radius: 8px; margin-left: 10px; font-family: 'ONE-Mobile'; font-weight: bold;}
.af_list li .mail_cer > p {font-size: 16px; margin-top: 10px;}


.af_list li .date {display: flex; width: calc(100% - 150px); align-items: center;}
.af_list li .date input[type="date"] {width: 200px; margin-right: 8px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url(../images/sub/date_icon.png) no-repeat center right 15px; background-size: 15px 16px; color-scheme: light; position: relative;}
.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 {display: flex; align-items: center; width: calc(100% - 150px);}
.af_list li .file .file_name {font-size: 16px; width: calc(100% - 260px); height: 48px; line-height: 48px; background: #fff; border: 1px solid #EBEBEB; font-size: 16px; color: #000; padding-left: 15px; border-radius: 4px; font-family: 'Pretendard'; font-weight: 400;}
.af_list li .file button {width: 120px; height: 48px; background: #081A77; color: #fff; font-size: 16px; border-radius: 8px; margin-left: 10px; font-family: 'ONE-Mobile'; font-weight: bold;}
.af_list li .file button.dlt_file {border: 1px solid #bbb; background: none; color: #999;}


.af_list li .bus_num {display: flex; align-items: center; justify-content: space-between; width: calc(100% - 150px);}
.af_list li .bus_num input {width: 73%;}
.af_list li .bus_num select {width: 25%; min-width: auto;}

.af_list li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.af_list li.w50 {width: 48%; padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.af_list li.top_border {padding-top: 25px; margin-top: 25px; border-top: 1px dashed #ddd;}

.af_list li .ap_search {width: 120px; height: 48px; background: #081A77; color: #fff; font-size: 16px; border-radius: 8px; margin-left: 10px; font-family: 'ONE-Mobile'; font-weight: bold;}

.add_team_member {width: 100%; height: 54px; background: #4660ED; font-size: 20px; color: #fff; border-radius: 10px; margin-bottom: 50px;}


/* 팝업 */
.popup_overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9998;}

.popup {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 9999; padding: 30px 30px 40px; border-radius: 10px;}

.popup_inner {min-width: 800px; position: relative;}
.popup_inner .text .tit {font-size: 26px; font-family: 'ONE-Mobile-Title'; color: #081A77; line-height: 1; display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #081A77;}

.popup_inner .search_box {display: flex; justify-content: space-between; margin-bottom: 20px;}
.popup_inner .search_box input {border: 1px solid #ddd; height: 35px; font-size: 15px; padding-left: 10px; width: calc(100% - 100px); border-radius: 6px;}
.popup_inner .search_box button {width: 90px; height: 35px; background: #081A77; color: #fff; border-radius: 6px; font-size: 15px; font-weight: 500;}


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

.pop_tbl {width: 100%;}
.pop_tbl th {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 16px; background: #f7f7f7; padding: 6px 0;}
.pop_tbl td {border-bottom: 1px solid #ddd; font-size: 16px; padding: 6px 0; text-align: center;}
.pop_tbl td:nth-child(1) {text-align: left; padding: 0 30px;}
.pop_tbl td button.pop_chc {width: 80px; height: 32px; background: #444; font-size: 14px; font-weight: bold; color: #fff; border-radius: 5px; display: block; margin: 0 auto;}
.pop_tbl td button.pop_chc:hover {background: #4660ED;}


.popup_inner .close_popup {position: absolute; right: 0; top: 0; width: 24px; height: 24px;}
.popup_inner .close_popup img {width: 100%;}




/* 접수 완료 */
.apply_complete {width: 100%; background: #F4F5FD; padding: 50px 80px; border-radius: 10px; }

.apply_complete .apcp_wrap {display: flex; align-items: flex-start;}
.apply_complete .apcp_wrap img {width: 40px; margin-right: 40px;}
.apply_complete .apcp_wrap .txt strong {display: block; font-size: 28px; margin-bottom: 25px; font-family: 'ONE-Mobile'; font-weight: bold; color: #081A77;}
.apply_complete .apcp_wrap .txt p {font-family: 'ONE-Mobile'; font-size: 20px; line-height: 35px; margin-bottom: 15px;}
.apply_complete .apcp_wrap .txt p b {color: #081A77;}
.apply_complete .apcp_wrap .txt p:last-child {margin-bottom: 0; font-weight: bold;}

.apply_complete .compl_box {border-top: 3px solid #4660ED; width: 100%; display: flex; flex-wrap: wrap; margin-top: 50px;}
.apply_complete .compl_box li {display: flex; width: 50%; border-top: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff; height: 100px; line-height: 100px;}
.apply_complete .compl_box li:nth-child(-n+2) {border-top: 0;}
.apply_complete .compl_box li:nth-child(2n) {border-right: none;}
.apply_complete .compl_box li strong {width: 200px; font-family: 'ONE-Mobile'; font-weight: bold; color: #081A77; font-size: 22px; padding-left: 40px;}
.apply_complete .compl_box li p {width: calc(100% - 200px); font-size: 20px; color: #222;}

.apply_complete .compl_btns {display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.apply_complete .compl_btns button {width: 220px; height: 60px;  font-size: 20px; color: #fff; background: #4660ED; font-family: 'ONE-Mobile'; font-weight: bold; border-radius: 10px; margin-right: 10px;}
.apply_complete .compl_btns button a {color: #fff; display: block; width: 100%; height: 100%; line-height: 60px;}
.apply_complete .compl_btns button:last-child {margin-right: 0; border: 1px solid #4660ED; background: none; color: #4660ED;}
.apply_complete .compl_btns button:last-child a {color: #4660ED;}


/* 로그인 */
#login_wrap {width: 100%; margin: 120px 0 200px;}
#login_wrap .l_tit {text-align: center; margin-bottom: 40px;}
#login_wrap .l_tit h3 {font-size: 40px; line-height: 1; font-family: 'ONE-Mobile-Title';}
#login_wrap .l_tit h3 b {font-weight: bold;}
#login_wrap .l_tit p {font-size: 18px; margin-top: 20px;}

#login_wrap .login_box {width: 600px; background: #F7F8F9; border-radius: 10px; margin: 0 auto; padding: 50px 30px 60px;}
#login_wrap .login_box input {width: 100%; height: 50px; border: 1px solid #ddd; border-radius: 8px; padding-left: 20px; font-size: 16px; color: #000; margin-bottom: 5px;}
#login_wrap .login_box input:last-of-type {margin-bottom: 20px;}
#login_wrap .login_box input::placeholder {color: #888;}
#login_wrap .login_box .login_btn {display:block; width: 100%; height: 50px; background: #4660ED; border-radius: 8px; color: #fff; font-family: 'ONE-Mobile-Title';}

#login_wrap .login_box .findpw {font-size: 16px; text-align: left; margin-top: 15px;}
#login_wrap .login_box .findpw a {color: #000;}
#login_wrap .login_box .j_btn {font-size: 16px; display: block; margin-top: 15px; font-weight: 500; float: right;}
#login_wrap .login_box .j_btn a {color: #4660ED;}


#login_wrap .join_box {width: 100%; background: #f7f7f7; border-radius: 20px; margin: 0 auto; padding: 50px;}
#login_wrap .join_btn {display:block; width: 260px; height: 60px; background: #4660ED; border-radius: 8px; color: #fff; font-family: 'ONE-Mobile-Title'; margin: 0 auto; margin-top: 50px;}

#login_wrap .btn_right_area {justify-content: center; margin-top: 30px;}

.my_tab {width: 100%; display: flex; margin-bottom: 50px;}
.my_tab li {width: 50%; height: 60px; line-height: 60px; text-align: center; font-size: 20px; font-family: 'ONE-Mobile'; font-weight: bold; background: #f7f7f7;}
.my_tab li a {display: block; width: 100%; height: 100%; color: #222;}
.my_tab li.on {background: #fff; border: 1px solid #ddd; border-bottom: 0;}


.my_ap_list p {font-size: 20px; font-family: 'ONE-Mobile'; margin-bottom: 30px;}
.my_ap_tbl {width: 100%;}
.my_ap_tbl th {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 18px; background: #F4F5FD; padding: 12px 0;}
.my_ap_tbl td {border-bottom: 1px solid #ddd; font-size: 18px; padding: 15px 0; text-align: center;}
.my_ap_tbl td:nth-child(2) {text-align: left; padding: 0 20px;}
.my_ap_tbl td .state {margin: 0 auto; width: 100px; height: 34px; line-height: 34px; background: #444; font-size: 16px; font-weight: bold; color: #fff; border-radius: 5px;}
.my_ap_tbl td .state.st_c {background: #4660ED;}


.my_ap_tbl td .state.st_l {background: none; border: 1px solid #4660ED; color: #4660ED; cursor: pointer;}
.my_ap_tbl td .state.st_l:hover {background: #4660ED; border: none; color: #fff;}

.my_ap_tbl td .state.st_r {background: #888; cursor: pointer;}
.my_ap_tbl td .state.st_r:hover {background: #111;}

.btntype_01 {display:block; width: 260px; height: 60px; background: #4660ED; border-radius: 8px; color: #fff; font-family: 'ONE-Mobile-Title'; margin: 0 auto; margin-top: 50px;}
.btntype_01 a {display: block; width: 100%; height: 100%; text-align: center; line-height: 60px; color: #fff;}



/* 공지사항 */
.notice_wrap .not_top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px;}
.notice_wrap .not_top .total {font-size: 18px; font-family: 'ONE-Mobile';}
.notice_wrap .not_top .total b {color: #4660ED; font-weight: bold;}

.notice_wrap .search_box {display: flex; align-items: center;}
.notice_wrap .search_box input {border: 1px solid #dedede; width: 350px; height: 46px; font-size: 16px; border-radius: 6px; padding-left: 15px;}
.notice_wrap .search_box .s_btn {width: 80px; height: 46px; font-size: 16px; font-family: 'ONE-Mobile'; font-weight: bold; color: #fff; background: #4660ED; border-radius: 6px; margin-left: 10px;}



.tbl_type_01 {width: 100%; border-top: 3px solid #081A77;}
.tbl_type_01 tr {border-bottom: 1px solid #dedede;}
.tbl_type_01 tr:hover {background: #f9f9f9;}
.tbl_type_01 tr:first-child:hover {background: none;}
.tbl_type_01 th {font-size: 18px; padding: 20px 0; font-family: 'ONE-Mobile'; font-weight: bold;}
.tbl_type_01 td {font-size: 18px; padding: 30px 0; font-family: 'ONE-Mobile'; text-align: center;}
.tbl_type_01 td.n_title {text-align: left; padding: 15px 50px;}
.tbl_type_01 td.n_title a {color: #000;}
.tbl_type_01 td.n_title a:hover {text-decoration: underline;}

.tbl_type_01 td.n_title.lock {background: url(/images/sub/lock_icon.png) no-repeat left 50px center; background-size: 13px 18px; padding: 15px 50px 15px 75px;}

.tbl_type_01 td .nt_state {width: 80px; height: 38px; border-radius: 4px; font-size: 16px; font-weight: bold; line-height: 38px; text-align: center; color: #fff; margin: 0 auto;}
.tbl_type_01 td .nt_state.nt_wait {background: #777;}
.tbl_type_01 td .nt_state.nt_compl {background: #4660ED;}

.tbl_type_01 tr.fix td img {width: 28px; height: 28px;}
.tbl_type_01 tr.fix {background: #f9f9f9;}



.paging_wrap{text-align: center; margin-top: 40px;}
ul.paging{display: inline-block; font-size: 0;}
ul.paging li{display: inline-block; vertical-align: middle; margin-right: 5px; width: 40px; height: 40px; border: 1px solid #ddd; border-radius: 50%;}
ul.paging li:last-child {margin-right: 0;}
ul.paging li img {vertical-align: middle;}
ul.paging li a {display: block; width: 100%; height: 100%; font-size: 14px; color:#999; line-height: 40px; border-radius: 50%;}
ul.paging li.on a {color:#fff; border: 0; background:#081A77;}
ul.paging li.page_arrow {border: none;}
.paging_wrap .paging li img {width: 100%; height: 100%;}


/* 공지사항 읽기 */
.not_view_wrap {border-top: 3px solid #081A77; text-align: center;}
.not_view_wrap .ntv_top {border-bottom: 1px solid #dedede; padding: 50px 0;}
.not_view_wrap .ntv_top .ntv_title {font-family: 'ONE-Mobile'; font-weight: bold; font-size: 24px; line-height: 38px; margin-bottom: 25px; color: #222;}

.not_view_wrap .ntv_top .file_down {width: 100%; background: #f8f8f8; padding: 15px 40px; border-radius: 10px; display: flex; align-items: center; margin-top: 30px;}
.not_view_wrap .ntv_top .file_down span {font-size: 18px; line-height: 1; margin-right: 40px; color: #444;}
.not_view_wrap .ntv_top .file_down .download {height: 40px; background: #fff; border: 1px solid #ddd; border-radius: 5px; line-height: 40px; padding: 0 15px;}
.not_view_wrap .ntv_top .file_down .download a {display: flex; align-items: center; width: 100%; height: 100%;}
.not_view_wrap .ntv_top .file_down .download a p {font-size: 16px; color: #444; margin-right: 15px;}
.not_view_wrap .ntv_top .file_down .download a img {width: 20px;}



.not_view_wrap .ntv_top .ntv_info {display: flex; align-items: center; justify-content: center;}
.not_view_wrap .ntv_top .ntv_info li {font-size: 18px; color: #555;}
.not_view_wrap .ntv_top .ntv_info li:first-child {margin-right: 40px; position: relative;}
.not_view_wrap .ntv_top .ntv_info li:first-child::after {content:''; width: 8px; height: 8px; background: #eee; border-radius: 4px; position: absolute; right: -24px; top: 11px;}


.not_view_wrap .ntv_con {text-align: center; font-size: 16px; border-bottom: 1px solid #dedede; padding: 50px 0;}
.not_view_wrap .ntv_con img {max-width: 100%;}


.not_view_wrap.qw_view .q_bs_box {margin-bottom: 20px;}
.not_view_wrap.qw_view .q_bs_box p {font-size: 20px; color: #4660ED; font-weight: bold; font-family: 'ONE-Mobile'; font-weight: bold;}





/* 공지사항 쓰기 */
.not_wrt_wrap {border-top: 3px solid #081A77;}
.not_wrt_wrap .nw_top li {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 30px 0; border-bottom: 1px solid #dedede;}
.not_wrt_wrap .nw_top li span {font-size: 18px; font-family: 'ONE-Mobile'; font-weight: bold; width: 200px; text-align: center; }
.not_wrt_wrap .nw_top li input[type="text"] {width: calc(100% - 260px); border-radius: 5px; height: 45px; padding-left: 15px; border: 1px solid #dedede;}
.not_wrt_wrap .nw_top li input[type="file"] {width: calc(100% - 260px); 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% - 260px); 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% - 260px); 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% - 260px);}
.not_wrt_wrap .nw_top li .r_con .point_p {font-size: 18px; font-weight: bold; margin-top: 10px;}

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



.go_list {display:block; width: 160px; height: 50px; background: #081A77; border-radius: 8px; color: #fff; font-family: 'ONE-Mobile'; font-weight: bold; margin: 0 auto; margin-top: 60px;}
.go_list a {display: block; width: 100%; height: 100%; text-align: center; line-height: 50px; color: #fff;}


.go_write {display: block; width: 160px; height: 50px; background: #081A77; border-radius: 8px; color: #fff; font-family: 'ONE-Mobile'; font-weight: bold; margin-left: auto; margin-top: 30px;}
.go_write a {display: block; width: 100%; height: 100%; text-align: center; line-height: 50px; color: #fff;}


.ad_as_btn {display:block; width: 140px; height: 44px; background: #081A77; border-radius: 8px; color: #fff; font-family: 'ONE-Mobile'; font-size: 16px; font-weight: bold; margin-top: 30px;}

.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 {display: block; width: 160px; height: 50px; background: #444; border-radius: 8px; color: #fff; font-family: 'ONE-Mobile'; font-weight: bold;}

.dlt_btn {display: block; width: 160px; height: 50px; background: #fff; border: 1px solid #ccc; border-radius: 8px; color: #111; font-family: 'ONE-Mobile'; font-weight: bold;}



.admin_answer {margin-top: 40px; width: 100%; background: #f8f8f8; padding: 40px; border-radius: 20px; text-align: left; position: relative;}
.admin_answer strong {display: block; font-size: 20px; line-height: 1; margin-bottom: 25px; font-weight: bold; color: #081A77;}
.admin_answer .ad_as textarea {width: 100%; height: 280px; border: 1px solid #dedede; background: #fff; padding: 10px 15px; font-size: 16px; line-height: 28px;}
.admin_answer .ad_as p {font-size: 16px; line-height: 28px;}
.admin_answer span {font-size: 16px; display: block; margin-top: 20px; color: #777;}
.admin_answer .dlt {display: block; width: 100px; height: 40px; background: #222; border-radius: 8px; color: #fff; font-family: 'ONE-Mobile'; font-size: 14px; font-weight: bold; position: absolute; right: 40px; bottom: 30px;}


.admin_answer .public_check {display: flex; align-items: center; margin-top: 20px;}
.admin_answer .public_check span {color: #000; line-height: 1; margin: 0 15px 0 0;}


/* 발표자료 */
.pre_list {display: flex; flex-wrap: wrap;}
.pre_list li {width: 31.2%; margin-right: 3.2%; margin-top: 50px; cursor: pointer;}
.pre_list li:nth-child(-n+3) {margin-top: 0;}
.pre_list li:nth-child(3n) {margin-right: 0;}

.pre_list li img {width: 100%; border-radius: 20px; border: 1px solid #dedede; display: block;}
.pre_list li p {font-size: 22px; line-height: 34px; max-height: 68px; font-family: 'ONE-Mobile'; font-weight: bold; margin-top: 15px; word-break: break-all;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}


/* 유튜브 팝업 */
.pre_popup {display: none;}

.pre_popup.active {width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.85); display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; z-index: 9999;}
.pre_popup .pop_in {width: 1000px;}
.pre_popup .pop_in iframe {width: 100%; height: 562.5px;}
.pre_popup .pop_in img {width: 100%;}
.pre_popup .pop_in p {font-size: 24px; color: #fff; margin-top: 10px; font-family: 'ONE-Mobile'; font-weight: bold;}
.pre_popup .close_btn {display: block; width: 35px; height: 35px; position: absolute; right: 40px; top: 40px;}
.pre_popup .close_btn img {width: 100%;}

.pre_popup .btn_wrap {display: flex; position: absolute; right: 40px; bottom: 40px;}
.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;}

/* 갤러리 */
.gallery_list {display: flex; flex-wrap: wrap;}
.gallery_list li {width: 31.2%; margin-right: 3.2%; margin-top: 50px; cursor: pointer;}
.gallery_list li:nth-child(-n+3) {margin-top: 0;}
.gallery_list li:nth-child(3n) {margin-right: 0;}

.gallery_list li img {width: 100%; border-radius: 20px; border: 1px solid #dedede; display: block;}
.gallery_list li p {font-size: 22px; line-height: 34px; font-family: 'ONE-Mobile'; font-weight: bold; margin-top: 15px; word-break: break-all;}