.wrap { position: relative; width: 1440px; margin: 0 auto; }

/* head */
.head { position: absolute; left:0px; top: 0px; z-index: 99; width: 100%; }
.head.scrolled { position: fixed; left: 0px; top: 0px; background: #fff; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); }

.head .wrap { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.head .logo { position: absolute; left: 0; top: 35px; }
.logo a { display: flex; flex-wrap: wrap; color: #005fad; font-size: 28px; font-weight: 800; letter-spacing: -0.03em; }

.head .hd-menu .gnb-wrap { height:100%;}
.head .hd-menu .gnb-wrap .gnb { display:flex; justify-content:center; align-items:center;height:100%; text-align:center;}
.head .hd-menu .gnb-wrap .gnb > li { position: relative; display: flex; justify-content: center; align-items: center; padding: 0px 30px; height: 120px; transition: all ease .3s; }
.head .hd-menu .gnb-wrap .gnb > li:after { content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#449105; transform:translate(-50%); }
.head .hd-menu .gnb-wrap .gnb > li > a { display: flex; justify-content: center; align-items: center; font-family:'KoPub Dotum'; font-size: 21px; font-weight: 600; letter-spacing: -0.03em; line-height: 1; }
.head .hd-menu .gnb-wrap .gnb > li .depth { opacity:0; visibility:hidden; position:absolute; left:0; top:100%; padding-top:30px; width:100%; }
.head .hd-menu .gnb-wrap .gnb > li .depth:before { content: ""; position: absolute; left: 0; top: 30px; width: 1px; height: 175px; background: rgba(0, 0, 0, 0.1); }
.head .hd-menu .gnb-wrap .gnb > li:first-child .depth:before {display:none;}
.head .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a { display: block; padding: 5px 10px; color: #555; font-size: 1em; font-weight: 500; line-height: 1.4; letter-spacing: -0.03em; word-break: keep-all; }
.head .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a:hover { color: #222; }
.head .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a > span {position:relative;} 

.head.on { overflow:hidden; height:360px; background:#000; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); box-shadow:1px 1px 25px rgb(67 67 67 / 10%); }
.head.on:after { content:''; position: absolute; left: 0px; top: 120px; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.1); }

.head.scrolled.on {  }
.head.scrolled .hd-menu .gnb-wrap .gnb > li { height: 120px; }
.head.on .hd-menu .gnb-wrap .gnb > li > a, #header.scrolled .hd-menu .gnb-wrap .gnb > li > a {  }
.head.on .hd-menu .gnb > li .depth { opacity:1; visibility:visible; transition-delay: 0.1s; transition:all 0.3s; }

.menu-toggler, .mobile_menu { display: none; }

/* footer */
.footer { padding: 80px 0; background: #222; }
.footer .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.footer_info { text-align: right; color: rgba(255, 255, 255, 0.7); font-size: 0.95em; font-weight: 200; line-height: 1.5; }
.footer_info span { position: relative; }
.footer_info span.line { padding-right: 15px; margin-right: 15px; }
.footer_info span.line:after { content:''; position: absolute; top: 20%; right: 0px; width: 1px; height: 60%; background: rgba(255, 255, 255, 0.5); }
.footer_info p { margin-top: 10px; color: rgba(255, 255, 255, 0.5); }
 
/* main */
.main_vis { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: calc(100vh - 120px); margin-top: 120px; background: #fff url('../image/main/main_vis01.jpg') right center no-repeat; background-size: contain; }
.main_text { display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; }
.main_text img { max-width: 90%; }
.main_text_inr01 { margin-bottom: 30px; }
.main_text_inr01 img { width: 900px; }
.main_btnbox { display: flex; flex-wrap: wrap; gap: 0 10px; margin-top: 25px; }
.main_btn01 {display: inline-flex;flex-wrap: wrap;justify-content: center;align-items: center;text-align: center;width: 350px;height: 80px;border-radius: 10px;background: linear-gradient(90deg, #e5007d, #672382);color: #fff;font-family: 'Paperozi';font-size: 26px;font-weight: 700;transition: 0.3s;}
.main_btn01:hover { background: linear-gradient(90deg, #e5007d, #e5007d); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
.main_btn01 img { margin-right: 10px; }

.main_con { padding: 100px 0; }
.main_con h2 { position: relative; text-align: center; margin-bottom: 50px; font-family: 'Paperozi'; font-size: 62px; font-weight: 800; }
.main_con h2 span { display: block; margin-bottom: 15px; font-size: 18px; font-weight: 400; letter-spacing: 0.02em; opacity: 0.3; }

.main_con01_logolist li { margin-bottom: 50px; }
.main_con01_logolist li:last-child { margin-bottom: 0px; }
.main_con01_logolist li h3 { margin-bottom: 20px; }
.main_con01_logolist li h3 span { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 35px; padding: 0 30px; background: #c70026; border-radius: 500px; color: #fff; font-weight: 600; }
.main_con01_logolist dl { display: flex; flex-wrap: wrap; gap: 0 20px; }
.main_con01_logolist dl dd img { max-width: 100%; height: 27px; }

.main_con02 { overflow: hidden; position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; padding: 200px 0; background: url('../image/main/main_con02_bg01.jpg') center center no-repeat; color: #fff; }
.main_con02:after { content:''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); /* backdrop-filter: blur(5px); */ }
.main_con02:before { content: 'BAJF'; position: absolute; bottom: -120px; right: -60px; z-index: 1; font-size: 762px; font-weight: 900; color: rgba(255, 255, 255, 0.02); line-height: 1; }
.main_con02 .wrap { z-index: 9; }
.main_con02 span.stitle { display: block; margin-bottom: 30px; color: rgba(255, 255, 255, 0.7); font-size: 24px; font-weight: 300; letter-spacing: 0.05em; }
.main_con02 h3 { margin-bottom: 80px; font-family: 'KoPub Dotum'; font-size: 62px; font-weight: 500; letter-spacing: -0.03em; line-height: 1; word-break: keep-all; }
.main_con02 h3 strong { font-weight: 800; }
.main_con02_more { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 270px; height: 80px; background: #fff; border-radius: 10px; font-family: 'Paperozi'; font-size: 24px; font-weight: 700; letter-spacing: -0.03em; transition: 0.3s; }
.main_con02_more i { margin-left: 5px; font-size: 26px; font-weight: bold; }
.main_con02_more:hover { background: linear-gradient(90deg, #e5007d, #672382); color: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); }

.main_con03 { background: #eff3f8; }

/* sub */
.sub_vis { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 450px; margin-bottom: 80px; background: #e5eaf1 url('../image/sub/sub_vis01.jpg') right bottom no-repeat; background-size: cover; }
.sub_title { text-align: center; margin-top: 80px; }
.sub_title h2 { font-family: 'Paperozi'; font-size: 62px; font-weight: 800; }
.sub_title p { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 20px; color: rgba(0, 0, 0, 0.3); font-size: 0.95em; font-weight: 700; }
.sub_title p > i { margin:0 5px; }

.sub_contents { margin-bottom: 80px; }

#sub_page { color: #333; font-size: 17px; line-height: 1.6; }
.sub_page_inr { margin-bottom: 80px; }
.sub_page_last { margin-bottom: 0px; }

.sub_contents h3 { position: relative; margin-bottom: 30px; padding-left: 25px; font-size: 30px; line-height: 1; }
.sub_contents h3:after { content: ''; position: absolute; left: 0px; top: 0px; width: 12px; height: 12px; border-radius: 500px; background: #47388b; z-index: 9; }

.sub_contents h4 { margin-bottom: 15px; font-size: 23px; line-height: 1; }
.sub_contents h5 { position: relative; margin-bottom: 15px; padding-left: 25px; font-size: 18px; }
.sub_contents h5:after { content: ''; position: absolute; left: 0px; top: 12px; width: 15px; height: 2px; background: #3059c7; }

.information { display: flex; flex-wrap: wrap; }
.post_imgbox { width: 40%; }
.post_imgbox img { max-width: 100%; border: 1px solid #ddd; }

.post_infobox { display: flex; flex-wrap: wrap; align-items: center; width: 60%; padding-left: 80px; }
.post_infolist li { margin-bottom: 20px; }
.post_infolist li:last-child { margin-bottom: 0px; }
.post_infolist li dl { display: flex; flex-wrap: wrap; }
.post_infolist li dl dt { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 150px; height: 45px; margin-bottom: 15px; background: #47388b; border-radius: 500px; color: #fff; font-family: 'Paperozi'; font-size: 1.1em; font-weight: 700; }
.post_infolist li dl dd { display: flex; flex-wrap: wrap; align-items: center; width: 100%; font-weight: 600; }
.post_infolist li dl dd.logobox { gap: 10px 20px; }
.post_infolist li dl dd p { position: relative; text-align: left; width: 100%; margin-bottom: 10px; padding-left: 20px; word-break: keep-all; }
.post_infolist li dl dd p:last-child { margin-bottom: 0px; }
.post_infolist li dl dd p:after { content:''; position: absolute; left: 0px; top: 9px; width: 7px; height: 7px; border: 2px solid #47388b; border-radius: 500px; }

.fairmap img { max-width: 100%; }

.root_daum_roughmap { max-width: 100%; }
.location p { margin-bottom: 30px; color: #555; font-size: 1.1em; line-height: 1; letter-spacing: -0.02em; }

.location_info { padding-left: 25px; }
.location_textlist01 { margin-bottom: 30px; }
.location_textlist01 li { position: relative; padding-left: 20px; }
.location_textlist01 li:after { content:''; position: absolute; top: 11px; left: 0px; width: 4px; height: 4px; border-radius: 4px; background: #777; }

.ready_page { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-height: 400px; background: #f4f4f4; border: 1px solid #ddd; color: #777; font-size: 1.1em; font-weight: 500; }

.participation_info { display: flex; flex-wrap: wrap; }
.participation_info li { flex: 1; border-left: 1px solid #ddd; }
.participation_info li:first-child { border-left: none; }
.participation_info li dl { display: flex; flex-wrap: wrap; }
.participation_info li dl dt, .participation_info li dl dd { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 50px; }
.participation_info li dl dt { background: #eee; font-weight: 600; border-top: 2px solid #222; }
.participation_info li dl dd { border-bottom: 1px solid #ddd; }

.noti {}
.noti li { margin-bottom: 10px; font-size: 0.95em;}
.noti li:last-child { margin-bottom: 0px; }

.step_list01 { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 50px; gap: 0 20px; }
.step_list01 li { flex: 1; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; height: 180px; padding: 0 10px; border: 3px solid #eee; }
.step_list01 li .stitle { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; font-weight: 600; line-height: 1.4; }
.step_list01 li .stitle i { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 30px; height: 30px; margin-bottom: 15px; background: #47388b; border-radius: 500px; color: #fff; font-size: 13px; font-style: normal; }

.people_list { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 30px; width: 100%; }

.people_list li { display: flex; flex-wrap: wrap; justify-content: center; width: 25%; padding-bottom: 30px; border: 1px solid #ddd; }
.people_list li .icon { overflow: hidden; position: relative; width: 180px; height: 180px; margin-bottom: 20px; border-radius: 500px; border: 1px solid #ddd; }
.people_list li .icon img { max-width: 100%; }
.people_list li .imgbox { margin-bottom: 30px; }
.people_list li .imgbox img { max-width: 100%; }
.people_list li .stitle { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; font-weight: 600; line-height: 1.4; }

.program_list { display: flex; flex-wrap: wrap; justify-content: center; }
.program_list li { display: flex; flex-wrap: wrap; width: 32%; margin-left: 2%; margin-bottom: 30px; padding: 0px; border: 1px solid #ddd; }
.program_list li:nth-child(3n+1) { margin-left: 0%; }
.program_list li .imgbox {  }
.program_list li .imgbox img { max-width: 100%; }
.program_list li .textbox { display: flex; flex-wrap: wrap; align-content: flex-start; align-items: center; text-align: center; width: 100%; padding: 30px 30px; }
.program_list li .textbox h4 { width: 100%; font-size: 21px; word-break: keep-all; }
.program_list li .textbox p { width: 100%; font-size: 0.95em; word-break: keep-all; }

.schedule_table01 { min-width: 640px; border-top: 2px solid #222; }
.schedule_table01 th, .schedule_table01 td { text-align: center; padding: 15px 5px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.schedule_table01 thead th { background: #f0f8fd; color: #444; }
.schedule_table01 tbody th { background: #f0f8fd; color: #555; }
.schedule_table01 tbody td { color: #555; }
.schedule_table01 .noline { border-left: none; }

.policy_list01 { display: flex; flex-wrap: wrap; border-top: 2px solid #222; }
.policy_list01 li { display: flex; flex-wrap: wrap; align-content: center; align-items: center; width: 100%; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.policy_list01 li:first-child { padding-top: 30px; }
.policy_list01 li .imgbox { width: 240px; }
.policy_list01 li .imgbox img { max-width: 100%; }
.policy_list01 li dl { width: calc(100% - 240px); padding-left: 50px; }
.policy_list01 li dl dd { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 10px; }
.policy_list01 li dl dd:last-child { margin-bottom: 0px; }
.policy_list01 li dl dd strong { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 90px; height: 35px; background: #eee; border-radius: 500px; font-size: 0.95em; }
.policy_list01 li dl dd p { display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 90px); min-height: 35px; padding-left: 30px; font-size: 0.95em; font-weight: 500; word-break: keep-all; }

.companyinfo_list01 { display: flex; flex-wrap: wrap; border-top: 2px solid #222; }
.companyinfo_list01 li { display: flex; flex-wrap: wrap; align-content: center; align-items: center; width: 50%; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.companyinfo_list01 li:first-child { padding-top: 30px; }
.companyinfo_list01 li .imgbox { width: 240px; }
.companyinfo_list01 li .imgbox img { max-width: 100%; }
.companyinfo_list01 li dl { width: calc(100% - 240px); padding: 0 30px; }
.companyinfo_list01 li dl dd { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 10px; }
.companyinfo_list01 li dl dd:last-child { margin-bottom: 0px; }
.companyinfo_list01 li dl dd strong { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 120px; height: 35px; background: #eee; border-radius: 500px; font-size: 0.95em; }
.companyinfo_list01 li dl dd p { display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 120px); min-height: 35px; padding-left: 30px; font-size: 0.95em; font-weight: 500; word-break: break-all; }