@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/*@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
}*/
@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
}

/* Common */
 * {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;}
/*html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}*/
body{width:100%;min-width:320px;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;font-size:16px; font-family:'Paperozi';color:#000000; font-weight: 500 !important;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle; cursor:pointer;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;} 
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}
br{font-family:"돋움",Dotum !important;}

 
/* Form */
textarea { border:1px solid #dbdbdb;}
select { height:32px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff;border-radius: 5px;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {font-size:13px; color:#555; border:1px solid #e9e9e9; background:#fff; border-radius: 5px; transition: all 0.5s; vertical-align:middle;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%;}
textarea { padding:5px 0;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:12px;}
textarea[readonly],
textarea[disabled]{font-size:14px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}

.align-center{text-align: center;}
.align-left{text-align: left;}
.align-right{text-align: right;}


.banner_heading, .banner_date, .heading-agileinfo, .side-menu, .main_quick, #daumRoughmapContainer1648515434613{ font-family:'paperozi';}


/* CSS Document */

#wrap {
  margin: 0 auto;
  /*background: url("../images/mainbg.png") no-repeat top;
  background-size:cover;*/
  }
header {
   display: flex !important;
   justify-content:
   center;
   width: 100%;
   position: fixed;
   z-index: 20;
   }
.fixed {
	position: fixed!important;
	animation: fixedd .5s 0s 1 ease-in-out forwards;
}
.fixed.roll {
    background: #303030;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
	z-index: 100;
 }
.navbar {
    padding: 0.5rem 0.5rem;
    width: 80% !important;
    display: flex !important;
    justify-content: space-between !important;
}
#top-nav .logo {position: absolute;left:3%; padding-top: 0.8em;}
#top-nav .openbtn, #top-nav .closebtn{ display: none;}

.container{ width: 1200px; margin: 0 auto;}

.navbar-nav li{list-style-type:none;margin-right:3rem;font-size: 22px;font-family: 'paperozi';font-weight: 500;text-transform: uppercase;}
.navbar-nav li .dropdown-item{font-family: 'Pretendard';text-transform: capitalize;}
.navbar-nav li a{color: #ffffff;}
.navbar-nav li a:hover{color: #21006e;}
.navbar-nav li i{display: none;}

.nav-item:hover .dropdown-menu{
	display: block !important;
}

.dropdown-menu{
	display: none;
	animation: menuAni 0.5s;}

@keyframes menuAni {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }

}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-item:hover>a,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #a5f5ff;
}

.nav-item{margin-right:1.5rem !important }
.dropdown-item{font-size: 16px; line-height: 1.4em; font-weight: 600;}
.dropdown-menu{background-color:#eeeeee !important; border: 0 !important;}
.dropdown-menu a{color: #242424 !important; width: 90%; margin: 0 auto;}
.dropdown-menu a:last-child{ border-bottom: 0 !important;}
.dropdown-item:hover, .dropdown-item:focus {
  color: #4c4c4c !important;
  text-decoration: none;
  background-color: #ffffff !important;
  width: 100%;
}

.top_sns{display: flex;width: 13%;}
.top_sns li{ padding: 0 0.2em;}
.navbar-nav .sns-btn{display:none;}

.login{right:3%;top:50%;}
.btnlogin{border: 2px solid #21006e;
  border-radius:5px;
  background-color: white;
  color: #21006e;
  padding: 4px 8px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
font-family: 'Pretendard';
}
.btnlogin:hover{
  background: #21006e;
  color: white;
}
aside{position: absolute;top: 40%;right: 0;width: 4%;text-align: center;}
.side-sns{position: fixed;}
.side-sns .go_sns{margin: 1em 0.5em;width: 60px; height:60px; background: #21006e; border-radius:50%;}
.side-sns .go_sns a{color: #fff; font-size:1.6em;}
.side-sns .go_sns i{ margin-top:0.7em;}
.side-sns .go_univ{width: 64px;height:72px;background: #21006e;color: #fff;padding: 10px;border-radius: 5px;line-height: 15px;font-size: 13px;} 
.side-sns .go_univ a{color: #fff;}
.side-sns .go_univ i{font-size: 32px; display: block;}
.side-sns .go_univ span{font-size: 10px;}
.menu_univ{display: none;}


.btnenter{border: 2px solid #21006e;
  border-radius:5px;
  background: #21006e;
  color: white;
  padding: 1% 2%;
  font-size: 18px;
  cursor: pointer;
  margin: 2em 0;
}

.btnenter:hover{border: 2px solid #21006e;
  background-color: white;
  color: #21006e;
}
.btnenter i{padding-left: 1em;}

.toggler_cont {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 30px;
  height: 2px;
  background-color: #000000;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  transform: translate(0, 9px) rotate(-45deg);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  transform: translate(0, -9px) rotate(45deg);
}


/* 메인페이지 */
#main-visual{ height: 100vh; background: url("../images/main2026.webp") no-repeat center; background-size: cover;}
#main_btn{width: 25%;position: absolute;right: 0;bottom: 13%; display: flex;}
#main_btn li{margin-right: 0.5em;}
#main_btn li:last-child{margin-right:0 !important;}
.btn-circle{
	background: #09b3cd;
	color: #ffffff;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size: 24px;
	font-weight: bold;
}

.btn-circle02{
	background: #ffffff;
	color: #09b3cd;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size: 24px;
	font-weight: bold;
}

.btn-circle:hover, .btn-circle02:hover{
	background: #3948b4;
	color: #ffffff;
}



#main_info{padding: 10em 0;text-align: center; background: url("../images/main_info_bg.webp") #051062 no-repeat 100% bottom; position: relative;}
#main_info:before, #main_souvenir:before{
	content: '';
	height: 160px;
	width: 100%;
	background: url('../images/point_bg.png') center left no-repeat;
	position: absolute;
	display: block;
	z-index: 0;
	right: 0;
	background-size: contain;
	transform: rotate(180deg);
	top: 5em;
}
#main_info .main_subject{padding: 1.5em;text-align: left;font-size: 18px;line-height: 1.3em;}
#main_info h2{font-weight: bold;font-size: 3em;margin-bottom: 0.5em;color: #21006e; margin-top: -1em; line-height:1em; font-family:'Pretendard'; font-weight: bold;}
#main_info h3{ font-size: 1.5em; margin: 0.8em 0; font-weight:bold;}
#main_info h5{ font-size: 1.2em;color: #666; line-height: 1.3em;}
.red_txt{background: #d02e28; color: #fff; padding: 1em 0; text-align: center; font-size: 14px; line-height: 20px;} 


#main_course{padding: 10em 0;text-align: center; background: url("../images/main_course_bg.webp") #1b1b1b no-repeat 100% top; position: relative;}
#main_course h4{ font-size: 6vmin; color: #ffffff; font-weight: bold;}
#main_course:before{
	content: '';
	height: 160px;
	width: 100%;
	background: url('../images/point_bg.png') center left no-repeat;
	position: absolute;
	display: block;
	z-index: 0;
	left: 0;
	background-size: contain;
	top: 5em;
}

.course-container {
  display: flex;
  gap: 20px;
  padding: 20px 0 !important;
  justify-content: center;
}

.course-item {
  position: relative;
  width: 100%; /* 이미지 크기에 맞게 조절 */
  height: 400px;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
  /* 기본 상태: 투명한 테두리를 미리 그려서 호버 시 덜덜거림 방지 */
  border: 4px solid transparent; 
  transition: all 0.3s ease;
  background-color: #1d201f;
}

.course-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6; /* 기본적으로 약간 어둡게 */
  transition: all 0.3s ease;
}

/* 텍스트(HALF, 10km) 스타일 */
.course-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
  pointer-events: none; /* 클릭 방해 금지 */
  text-shadow: 1px 1px 2px black;
}

/* 호버 효과 및 활성화(active) 효과 */
.course-item:hover, 
.course-item.active {
  border: 4px solid #48c6ef; /* 이미지의 하늘색 테두리 컬러 */
  box-shadow: 0 0 15px rgba(72, 198, 239, 0.5);
}

.course-item:hover .course-overlay,
.course-item.active .course-overlay {
  color: #48c6ef;
  /* 글자에도 네온 효과 추가 (선택 사항) */
  text-shadow: 1px 1px 2px black;
}

.course-item:hover img,
.course-item.active img {
  opacity: 1; /* 호버 시 이미지를 밝게 */
  transform: scale(1.05); /* 살짝 커지는 효과 (선택사항) */
}



.main_live{ width: 100%; height: 400px;}

#main_map{padding: 7em 0;background:#000818; position: relative;}
/* 전체 슬라이더 컨테이너 */
.slider {
    height: 106vh; /* 화면에 보여줄 영역의 높이 (원하는 대로 조절) */
    margin: auto;
    overflow: hidden;
    position: absolute;
    width: 173px; /* 이미지 너비에 맞춰 조절 */
    top: 0;
	left: 3em;
}
/* 이미지가 나열되는 트랙 */
.slide-track {
    display: flex;
    flex-direction: column;
    /* 긴 이미지 2개를 이어붙여야 하므로 높이는 자동(auto)으로 두거나 충분히 크게 잡습니다 */
    height: auto; 
    animation: scroll-up 25s linear infinite; /* 위로 흐르는 애니메이션 */
}

/* 개별 슬라이드 */
.slide {
    width: 100%;
    /* height를 고정하지 말고 이미지 비율대로 나오게 합니다 */
}

.slide img {
    width: 100%;
    display: block; 
	object-fit: contain;
}

/* [중요] 아래로 흐르는 애니메이션 정의 */
@keyframes scroll-up {
    0% {
        /* 시작할 때 위로 한 칸(이미지 하나 높이만큼) 올린 상태에서 시작 */
        transform: translateY(0);
    }
    100% {
        /* 원래 위치(0)로 내려오면 무한 루프 완성 */
        transform: translateY(-100%);
    }
}

/* //로고 슬라이더 */

#main_souvenir{ background: #b5e2ff; padding: 10em 0; text-align: center; position: relative;}
#main_souvenir h4{font-size: 6vmin; margin-bottom: 20px; font-weight: bold;}
.souvenir_info{padding: 5em 2em;background: #ffffff;display: block;border-radius: 2em;}

/*#spon{padding: 3em 0; background: #FFFFFF;}
.spon_list{text-align: center;}
.spon_list h4{padding-top: 1.5em; font-size: 20px;color:#4d2578;}
.spon_list h4 span {
	background: #4d2578 none repeat scroll 0 0;
	display: block;
	height: 2px;
	margin: 10px auto 0.5em;
	overflow: hidden;
	position: relative;
	width: 30px;
}
.spon01{margin: 2em 0;display: flex;justify-content: center;}
.spon01 li{ margin-right: 1rem !important;}
.spon01 li:last-child{ margin-right: 0rem !important;}
*/


.sponsor{display: flex;justify-content: center;padding: 0.5em 0;}
.sponsor dl {display: flex;align-items: center;margin-right: 2.2em;}
.sponsor dd img{padding: 0 10px 5px 8px; height:50px;}
.sponsor dt{font-size: 18px; width: 120px; background: black;border-radius: 3px;color: #f8f9fa;padding: 0.3em 0 0.4em 0; text-align: center;}
.sponsor dd{text-align: left;}
.spon_title{align-items: baseline !important;border:0 !important;/* padding-top: 1.5em; */}
.spon_tel{display: flex; justify-content: center;}


#main-visual .main_visual_txt{display: flex;flex-direction:column;text-align: center;padding-top: 19em;}
.main_visual_txt h4{ margin-top: 5em; color: #FFFFFF; font-size: 30px;}
.bounce-in-top{-webkit-animation:bounce-in-top 1.1s both !important;animation:bounce-in-top 1.1s both !important;}
@-webkit-keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
.swing-in-top-fwd{-webkit-animation:swing-in-top-fwd 1s cubic-bezier(.175,.885,.32,1.275) 1s both;animation:swing-in-top-fwd 1s cubic-bezier(.175,.885,.32,1.275) 1s both}
@-webkit-keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:top;transform-origin:top;opacity:1}}
@keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:top;transform-origin:top;opacity:1}}

.updown{-webkit-animation:updown 2s infinite linear; animation: updown 2s infinite linear;}
	@-webkit-keyframes updown {
		0%{transform:translate(0,0);}
		25%{transform:translate(0,-5px);}
		50%{transform:translate(0,0);}
		75%{transform:translate(0,5px);}
		100%{transform:translate(0,0);}
	}
	@keyframes updown {
		0%{transform:translate(0,0);}
		25%{transform:translate(0,-5px);}
		50%{transform:translate(0,0);}
		75%{transform:translate(0,5px);}
		100%{transform:translate(0,0);}
	}
.slide-in-fwd-bottom{-webkit-animation:slide-in-fwd-bottom .2s cubic-bezier(.25,.46,.45,.94) 2s both;animation:slide-in-fwd-bottom .2s cubic-bezier(.25,.46,.45,.94) 2s both}
@-webkit-keyframes slide-in-fwd-bottom{0%{-webkit-transform:translateZ(-1400px) translateY(800px);transform:translateZ(-1400px) translateY(800px);opacity:0}100%{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}@keyframes slide-in-fwd-bottom{0%{-webkit-transform:translateZ(-1400px) translateY(800px);transform:translateZ(-1400px) translateY(800px);opacity:0}100%{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}


/* //메인페이지 */



/* 서브페이지 */
#sub-visual{height: 25vh;background: url("../images/sub2026.webp") no-repeat bottom;background-size: cover;display: flex;justify-content: center;align-items: center;}
.banner_heading{
	font-weight: bold;
	font-size: 4vmin;
	color: #ffffff;
	text-transform: uppercase;
	text-shadow: 2px 3px 1px black;
	padding-top: 1em;
} 


/* tab */
.subnav {width:100%;}
.subnav ul {width:100%; overflow:hidden;display: flex;justify-content: center;}
.subnav li {float:left; font-size: 18px;line-height:1.5em;font-weight:bold;color:#383838;text-align:center;/* border-right:1px solid #cecece; */ overflow:hidden;}
.subnav li:before{position: relative; top: 50%; margin-top: -5px; left: 0; display: block; content: ''; width: 1px; height: 10px; background: #b8b8b8;}
.subnav li:first-child:before{background: #051062;}
.subnav ul.col2 li {width:50%;}
.subnav ul.col3 li {width:33.33%;}
.subnav ul.col4 li {width:25%;}
.subnav ul.col5 li {width:20%;}
.subnav ul.col6 li { width:16.7%;}
.subnav li a {display:block;padding:20px 0 18px 0;color: #ffffff;overflow:hidden;}
.subnav li a:hover{text-decoration:none;}
.subnav li a:hover{
	color:#a5f5ff; 
	transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;}
.subnav li.selected {border-bottom: 2px solid #a5f5ff;}
.subnav li.selected a{color:#a5f5ff; font-size: 20px; padding-top: 21px;} 
.con_border {border-bottom:1px solid #cecece;width:100%;background: #051062;}

.sub_tab {
  overflow: hidden;
  border: 1px solid #8eabd3;
  background-color: #fff;
  margin: 2em 0;
}
.b_05 button{ width: 20%;}
.b_04 button{ width: 25%;}
.b_02 button{ width: 50%;}
.b_03 button{ width: 33.333%;}
.sub_tab button{
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 20px 0;
  transition: 0.3s;
  font-size: 18px;
  border-right: 1px solid #8eabd3;
}
.sub_tab button:last-child{border-right:none;}
.sub_tab button:hover {
  background-color: #F7F7F7;
}
.sub_tab button.active {
  background-color: #083e88;
  color: #fff;
}


/* //tab */

.sub-menu02{display: none;cursor: pointer;padding: 1em 0;}
.sub-menu02 span{color: #ffffff; font-size: 20px;}
.sub-menu02 .bi{font-size: 16px !important;}
.sub-menu02 i{float: right; padding-top: 5px; color: #ffffff;}
.sub-menu02 .subdrop-menu{display: none; border-bottom: 1px solid #ddd;background:#fff; border-radius: 0px; width: 100%; position: absolute;left: 0px; margin-top: 1.6em; z-index: 100;padding: 1.2em 0;}
.sub-menu02 .subdrop-menu li{ padding: 0.4em 1.2em; font-size: 18px;}
.sub-menu02 .subdrop-menu a{color: #666; text-decoration: none;}
.sub-menu02 .subdrop-menu li:hover{background: #fafafa;}

.subpage{padding: 5em 0;}
.heading-agileinfo {
    font-weight: 900;
    font-size: 5vmin;
    text-align: center;
    margin-bottom: 1em;
}
.sub_cont {word-break:keep-all;background: #FFFFFF;font-size: 18px;line-height: 30px;}
.sub_cont .row{margin: 0;}
.sub_tab {
  overflow: hidden;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  margin: 2em 0;
}
.b_06 button{ width: 33.333%;}
.b_05 button{ width: 20%;}
.b_04 button{ width: 25%;}
.b_02 button{ width: 50%;}
.b_03 button{ width: 33.333%;}
.sub_tab button{
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 16px 0;
  transition: 0.3s;
  font-size: 18px;
  border-right: 1px solid #d8d8d8;
}
.sub_tab button:last-child{border-right:none;}
.sub_tab button:hover {
  background-color: #F7F7F7;
}
.sub_tab button.active {
  background-color: #000818;
  color: #fff;
  font-weight: bold !important;
}
.sub_cont h3{font-size: 4.5vmin;display: flex;flex-direction: column;font-weight: 800;}
.sub_cont h3 span{font-size: 3vmin;font-weight: 400;}
.sub_cont h4 {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.4;    /* 타이틀이 두 줄이 될 경우를 대비 */
	color: #051062;
	font-weight: 600;
}

.session_title{font-size: 30px;font-weight: 600;text-align: center;margin-bottom: 2em; color: #21006e;}
.session_title span {
	background: #21006e none repeat scroll 0 0;
	display: block;
	height: 2px;
	margin: 10px auto 0.5em;
	overflow: hidden;
	position: relative;
	width: 50px;
}
.session_subtitle{text-align:center;font-weight:bold; margin-bottom:2em;}
.subtabcontent {
  display: none;
}
.subtabcontent h3{text-align: center;margin-bottom: 0.3em;font-size: 24px;color: #21006e; margin-top: 3em;}
.subtabcontent h3 .bg-secondary{ color: #ffffff !important; background:#21006e !important; margin:0.3em 0.3em 0.3em 0;}
.subtabcontent table {
  border-collapse: collapse;
  width: 100%;
  border-top: 2px solid #21006e;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 4em;
}

.subtabcontent tr, .subtabcontent .line{
  border-bottom: 1px solid #e5e5e5;
}
.subtabcontent th, .subtabcontent td {
  text-align: left;
  padding: 4em;
}
.subtabcontent th{ width: 20%; background: #f6f3fe; text-align: center; font-size: 20px; font-family:'Pretendard'; color:#21006e;}
.subtabcontent details{color: #999; cursor: pointer;}
.subtabcontent details > summary {
  border: solid 1px #eee;
  margin-top: 1em;
  padding: 5px 10px;
  width: 90px;
  font-size: 14px;
  border-radius:5px;
}
.subtabcontent details ul{padding: 10px; width: 100%;}
.subtabcontent details li{display: flex;}
.subtabcontent details span {width: 10%; color: #636363;}
.subtabcontent details p{width: 90%;}
.subtabcontent details .s02 span {width: 18%;}
.subtabcontent details .s02 p{width: 82%;}


.summary_mt{margin-top: 5em;}

.poster_info{padding: 5em;background: #ffffff;display: block;border-radius: 2em;}
.poster_info h3{font-family: 'RiaSans-ExtraBold';  color: #29b963; text-align: center; font-size: 3.5vmin; margin-bottom: 1em; text-shadow: none !important; margin: 0.5em 0 1em 0; font-weight: 500;}
.poster_info h3:before {content: open-quote; color: #29b963; font-family:auto;}
.poster_info h3:after {content: close-quote; color: #29b963; font-family:auto;}
.poster_info p { color: #ffffff; font-size: 2.2vmin; padding-bottom: 2em; text-align: center; line-height: 1.3em;}

.poster_cont{display: flex;}
.poster_cont .left {text-align: center;}
.poster_cont .left img{width: 100%; border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 5px;}
.poster_cont .right div{margin: 0 auto;}

.info_txt{font-size: 30px;line-height: 36px;display: flex;align-items: center;}
.info_txt dl{display: flex;flex-direction: row;align-items: start;padding: 0.5em 0;}
/*.info_txt dl:last-child{margin-bottom: 0 !important;}*/
.info_txt dt{width: 180px;height: 55px;background: #09b3cd;/* padding: 10px 0; */color: #fff;/* border-radius: 0; *//* text-align: center; */display: flex;justify-content: center;flex-direction: column;text-align: center;border-radius: 2em;}
.info_txt dd{/* padding: 0.8em; */text-align: left;margin-bottom: 0;padding: 0.3em 0.8em;}
.info_txt dd small{ font-size: 17px; color: #666666; padding-left:6.5em; }
.info_txt .bg-dark{background: #051062 !important;}

.sub_cont .info_txt {font-size: 20px;}
.sub_cont .info_txt div{ width: 100%;}
.sub_cont .info_txt dl{display: flex;flex-direction: row;border-bottom: 1px #000000 dashed;/* padding-bottom: .5em; */}
.sub_cont .info_txt dt{width: 140px;height: 45px;background: #09b3cd;/* padding: 10px 0; */color: #fff;/* border-radius: 0; *//* text-align: center; */display: flex;justify-content: center;flex-direction: column;text-align: center;border-radius: 2em;}
.sub_cont .info_txt dd img{height:40px;}
.sub_cont .info_txt .spon{background: #333;} 



.info_summary{font-size: 24px;line-height: 40px;font-weight: 400;text-align: center;color:#FFFFFF;}
.info_summary p{font-family: 'Paperozi';font-size: 4.5vmin;margin-top:0;margin-bottom: .5em;font-weight: 800;color: #ffffff;text-shadow: 1px 1px 0 black;background: rgb(237 21 65 / 48%);padding: 1em;line-height: 6vmin;/* clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%); */border-radius: 5em;}


.root_daum_roughmap .cont{display: none !important;}

.guide table, .guide th, .guide td{
  padding: 0.8em;
  border: 1px solid #d1d1d1;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.guide th {
	background: #09b3cd;
	color: #ffffff;
}
.guide td{ background: #f7f7f7;}
.guide .bg-w{ font-weight:100; background: #FFFFFF;}
.guide .border-b{ border-bottom: solid #000000 1px;}
.guide p{fott-size:20px !important;}
.award-txt{font-size: 18px !important; line-height: 22px;}

.demands .flex-list {
  display: flex;       /* 가로 정렬 */
  align-items: flex-start; /* 상단 기준 정렬 (번호와 첫 줄 높이 맞춤) */
  gap: 10px;           /* 번호와 내용 사이의 간격 */
  padding-left: 10px;
}
.demands .symbol {
  flex-shrink: 0;      /* 중요! 번호 영역이 좁아지지 않게 고정 */
  width: 10px;         /* 번호 영역의 고정 너비 */
  font-weight: bold;
  color: #7b7b7b;      /* 서울달리기 포인트 컬러 예시 */
  text-align: center;
}
.demands .content {
  flex-grow: 1;        /* 남은 공간을 모두 차지 */
  line-height: 1.6;    /* 가독성을 위한 줄 간격 */
  word-break: keep-all; /* 한글 단어가 중간에 끊기지 않게 설정 (선택사항) */
}

.receive{display: flex; gap:20px; justify-content: center;}
.receive li{width: 45%;padding: 2em;font-size: 32px;font-weight: bold;display: flex;flex-direction: column; }
.receive img{ width: 120px; margin: 0 auto;}
.btn-info{border: 2px solid #0dcaf0 !important;background: #f7feff;color:#0dcaf0;}
.btn-info:hover, .btn-info:active{color: #FFFFFF !important;}
.btn-primary{border: 2px solid #0d6efd !important;background: #f2f7ff;color:#0d6efd;}

#receive_entry{margin-bottom: 1em;  border-top:2px solid #000000; border-bottom:1px solid #000000;padding: 12px 0;}
#receive_entry small{display: none;}
.entry_info{display: flex; border-bottom:1px solid #dcdcdc;padding: 12px 0;}
.entry_info label{width: 10%;text-align: center;font-weight: 600;}
 #receive_entry .badge{
  padding: 0.8em 1.5em;
  font-size: 1em;
  display: flex;
  justify-content: center;
  width: 180px;
  margin: 1em auto;
}


.souvenir h5{width: 320px;/* height: 55px; */background: #051062;color: #fff;display: flex;justify-content: center;flex-direction: row;text-align: center;border-radius: 2em;margin: 0.5em auto;font-size: 25px;font-weight: 600;padding: 10px;align-items: center;}
.souvenir h5 img{width: fit-content;}

.lineup {display: flex;flex-direction: row;padding: 5em 0 1em 0 !important;justify-content: space-evenly;position: relative;border-radius: 1em;}
.lineup li{width: 40%;}

.live_title{ background: #21006e; color: #fff1be; padding: 1em 0; text-align: center; border-radius: 5px;  margin-bottom: 5px;}
.live{ display: flex; height: 460px;}
.live_vod{ width: 68%; height: 100%; margin-right:2%;}
.live_text{ width: 30%; border: solid 1px #d8d8d8;}
.live_text .scroll{ width: 100%; height: 370px; overflow-y: scroll; background: #fcfcfc; font-size: 13px; font-weight: 400; border-bottom: solid 1px #d8d8d8;}
.live_text .scroll::-webkit-scrollbar {
    width: 10px;
  }
.live_text .scroll::-webkit-scrollbar-thumb {
    background-color: #c8c8c8;
    border-radius: 8px;
  }
.live_text .scroll::-webkit-scrollbar-track {
    background-color: #ededed;
	border-radius: 6px;}
.live_text .scroll li{margin: 8px 12px;}
.live_text .scroll .chat{border: 1px solid #dedede;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  margin: 3px 0 10px 0;
  display: flex;
}
.live_text .scroll .time-right {
  margin-left: 5px;
  color: #aaa;
}
.chat_info{background:#e6e6e6;text-align: center;font-size: 14px;padding: 10px 0;z-index: 5;color: #4c4c4c;font-weight: 500;}
.live_text .chat_area{ padding: 5px; width: 79% !important; float: left;}
.live_text .chat_name{ 
	width: 100%;
	height:20px;
    padding: 5px;
	font-size: 12px;
	color: #666;
    border: 1px solid #e9e9e9;
	resize:none;
	font-weight: 400;
	margin-bottom: 5px;
}
.live_text .chat_write{ 
	width: 100%;
	height: 50px;
    padding: 5px;
	font-size: 12px;
	color: #666;
	border: 1px solid #e9e9e9;
    resize:none;
	font-weight: 400;
}

.chat_write_enter{
  border-radius:5px;
  background: #21006e;
  color: white;
  padding: 3%;
  font-size: 12px;
  cursor: pointer;
  letter-spacing: 2px;
  margin: 5px 5px 0 0;
  float: right;
  height:78px;
}

.year_bar{margin-bottom: 1em; width: 100%;}
.year_bar select {background: #000 url("/images/select_bg.jpg") no-repeat right;font-size: 16px;color: #fff;border: 0; border-radius:5px;padding: .7em;width: 240px; appearance:none;height: 50px;}

.partner .row{margin: 0;}
.partner h3{font-size: 24px;}
.partner-list{padding-bottom: 3em;}
.partner-list li{border: 1px solid #ededed;margin:0.5em 1em 0.5em 0 !important;width: 23%;text-align: center;padding: 1.5em 0;cursor:pointer;}
.partner-list li:hover{background: #f2f2f2;}

.history_btn {text-align: center;}
.history_btn .btn-outline-dark{color: #a2a2a2 !important;border: none;font-size: 18px;}
.history_btn .btn{padding: 0.6em !important;}
.history_btn .btn:hover, .history_btn .btn:focus, .history_btn .btn:active{color: #5b2c7f !important; background: none !important;}
.history_btn .btn-outline-dark-on{
  color: #5b2c7f;
  border-bottom: 2px solid;
  border-radius: 0;
  font-size: 18px;  
}
.history_btn .btn-outline-dark-on:focus, .history_btn .btn-outline-dark-on:active, .history_btn .btn-outline-dark-on:checked {border-top: none;  border-top: none;  border-left: none;  border-right: none; border-bottom: 2px solid;}


.history_txt{font-weight: 400;text-align: center;border: 1px solid #ededed;padding: 3em;margin-bottom: 2em !important;}
.history_txt img{width: 100%;}
.history-info {padding: 0 2em;}
.history-info dl{display: flex;flex-direction: column;}
.history-info dt{width: 90px;height: 32px;background: #5b2c7f;padding: 6px 0;color: #fff;border-radius: 3px;font-size: 16px;}
.history-info dd{text-align: left;padding: 10px;}
.history-info .session{line-height: 1.5em !important;}
.history-info .session p{font-size: 16px;color: #616161;border: solid 1px #e6e6e6;padding: 20px;background: #fdfdfd;margin-top: 10px;}
.history-info .session b{ color: #5b2c7f; width: 70px;}
.history-info .session span{padding-left: 4em;}
.history_vod{ height: 600px;}

.history-gallery{border-bottom: 1px solid #e3e3e3; padding: 2em 0;}
.history-gallery a{ padding-top: 10px;}
.history-gallery .col-sm-3{padding: 5px;}
.img-history{ width: 100%;}

.memberinfo{display: flex; justify-content: center;}
.memberinfo h4{display: flex; flex-direction: column;}
.memberinfo h4 i{font-size: 2em; margin-bottom: 0.3em;}
.memberinfo h4 span{font-size: 18px;}
.memberinfo .memberbtn{font-family: 'Pretendard';background: #ffffff;color: #003e82;border:none;padding: 3em 2em;font-size: 14px;border: 1px solid #003e82; height: 300px; width: 100%; margin-bottom:1em;}
.memberinfo .memberbtn:hover, .memberinfo .memberbtn:active, .memberinfo .memberbtn:focus {
	border: 1px solid #003e82;
	background-color: #003e82 !important;
	color: #ffffff !important;
}


/* //서브페이지 */


/* 모바일용 행사페이지 */
.mobile_main{font-weight: 400;text-align: center;border: 1px solid #ededed;padding: 1em; margin: 1em 0;}
.mobile_main img{width: 100%;}
.mobile_main .logo_fi{width: 60%; margin: 1em auto;}
.mobile_main dl{display: flex;flex-direction: row;}
.mobile_main dt{width: 90px;height: 32px;background: #5b2c7f;padding: 6px 0;color: #fff;border-radius: 3px;font-size: 15px;}
.mobile_main dd{text-align: left; padding: 5px 10px; width: 100%;}
.go_btn{background:#003e82;color:white;border:none;font-weight:600;padding: 0.8em 1em;font-size: 16px;border: 2px solid #003e82; border-radius:5px;}
.go_btn:hover{border: 2px solid #003e82;background-color: white;color: #003e82;}

@media only screen and (max-width: 640px) {
	.mobile_main dl{flex-direction: column;}
	.mobile_main dt{width: 100%;height: 30px;}
}
@media only screen and (max-width: 480px) {
	.mobile_main dl{font-size: 14px;}
}

/* // 모바일용 행사페이지 */






footer {
	background: #3d4043;
	padding: 20px;
   text-align: center;
   color: #AAAAAA;
   letter-spacing: 1px;
   font-size: 12px;
}

footer .footer-grid{ border-bottom: 1px solid #494949; padding-bottom: 1rem; }
.footer-grid ul{ display: flex; justify-content: space-between; margin-bottom: 1em;}
.footer-grid li a{display:block; padding:.5rem 1.25rem; background:#575757; color:#adb5bd; font-size:12px;margin-top:2em; border-radius: 2px;}
.footer-grid .copy{text-align: left;}
.footer-grid .copy span:after{width:0.5px;content:"|"; margin:0 5px;}
.footer-grid .copy span:last-of-type:after{display:none}

footer p{padding-top:1rem; text-transform:uppercase;}



/* 반응형 웹 */

@media only screen and (max-width: 1680px){
	.navbar{width: 95% !important;}
	#main_btn{width: 40%;}
}

@media only screen and (max-width: 1440px){
	#main-visual .main_visual_txt{width: 55%;margin: 0 auto; padding-top:18%;}
	#main-visual .main_visual_txt img{width: 100%}
	.sub_logicon{ top:20%;}
	.sub_logicon img{width: 100%;}
	#sub-visual{/*background: url("/images/sub2025.jpg") no-repeat center;*/height: 250px;}
	.banner_heading,.banner_date{padding-top: 3.5em;}
	#main_btn{width: 33%;}
	.navbar{width: 100% !important;}
	.nav-item{margin-right:0.5em !important }
}


@media only screen and (max-width: 1280px){
	#main-visual .main_visual_txt{padding-top:15em;}
	#main_info:before, #main_course:before, #main_souvenir:before{
	width: 40%;
	top: 3em;
	background-size:80%;
	}
	.navbar-nav li{font-size: 20px !important;}
	.banner_date{padding:4em 5em 0 0;}
	.sponsor dl{text-align:center;margin-right: 0 !important;}
	.sponsor dt{margin-bottom: 10px;}
	.poster_info{padding: 5em;}
	#main_map h5{font-size:4.5vmin;}
	.d_day .day{font-size: 4.3vmin;}
	#main-visual .main_visual_txt{padding-top:22%;}
	.main_visual_txt h4{margin-top: 3em}
	#main_btn{bottom: 10%;}
	.poster_cont{flex-direction: column;}
}

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

/* 테블릿 가로 */
@media only screen and (max-width: 1024px){
	h1{width:25%;}
	h1 img{width: 100%;}
	#main-visual .main_visual_txt{padding-top:30%;}
	.info_txt dd small{ padding-left:0 !important; }
	.main_visual_txt h4{margin-top: 2em; font-size: 24px;}
	.btn-circle, .btn-circle02{
    width: 125px;
    height: 125px;
	font-size: 20px;
	}
	.side-menu .sub-menu01 li{padding: 1em 0.3em;}
	.navbar-nav li{font-size: 18px !important;}
	.container { width: 95% !important;}   
	.d_day .day{font-size: 3.6vmin;}
	.side-sns{display: none;}
	.main_logicon .live_icon img{ width: 80%;}
	.banner_date{width: 60%;}
	.history-info dl{display: block !important;}
	.live_text .chat_area{width: 74% !important;}
	.main_logicon{padding: 4em;}
	.spon01{flex-wrap:wrap;}
	.info_hi_photo{ width: 25%; margin-right: 5%;}
	.info_hi_txt01{ width: 70%;}
	.main_live{height: 300px;}
	.program02 .people_list{display: flex; flex-direction:column;}
	.program02 .people{width: 95%;}
	.program02 .people .txt{width: 400px;}
	.sponsor, .sponsor dl{flex-direction: column;}
	.sponsor dt {margin: 15px auto;}
	.sponsor dl { margin-bottom: 2em;}
	.sponsor dd{text-align: center; margin: 0 auto;}
	.sponsor dd img{padding: 0 0 10px 10px;}
	#main_map .notice li{ padding: 1em !important;}
	.notice .b_title{width: 75% !important;}
	.notice .date{width: 25% !important;}
	#main_map h5{ margin-top:0 !important;}
	.arrow > li {width: calc(33% - 20px);margin:20px 10px;}
	.tablevender .notice dd{padding: 0.3em;font-size: 16px;line-height: 23px;color: #3F3F3F;}
	.parking_info dl{flex-direction: column;}
	.parking_info dt{margin-bottom: 0.5em;}
	.tablevender_info{padding: 1.5em;}
}


/* 테블릿 세로 */
@media only screen and (max-width:991px) {
	header {margin-bottom:1em; box-shadow:none;}
	.navbar{width: 98% !important;}
	h1{width: 28%;}
	#top-nav .logo{width:100%; text-align:center;left:0;}
	.course-item{height: 280px !important;}
	.course-overlay{font-size: 2rem;}
	button{border: 0; background: none;}
	#top-nav .openbtn, #top-nav .closebtn{ display: block;} 
	#top-nav{padding-top:1.8em}
	#top-nav .logo{padding-top: 0;}
	#main-visual .main_visual_txt{ width: 65%;}
	.top_sns{display: none;}
	.navbar-nav .sns-btn{display: flex;border: 0 !important;/* text-align: right; */padding: 0.8em;/* background: #eee; */justify-content: end;}
	.navbar-nav .sns-btn a{padding: 0 0.1em;}
	.navbar-nav{padding: 1em 0 !important;border: 1px solid #6d6d6d !important;background: #000000;}
	.navbar-nav li{text-align: left;padding: 0.3em;border-bottom: solid #6d6d6d 1px;width: 90%;margin: 0 auto !important;font-size:18px !important;}
	.navbar-nav li i{display: inline-block; position: absolute; right: 3%;}
	
	.nav-item{margin-right:0 !important;}
	.dropdown-item{text-align: left !important;}
	.dropdown-menu{background: #fcfcfc !important; width: 95% !important; margin: 0 auto 1em auto !important; border: 1px #f7f7f7 solid !important;}
	.dropdown-menu a{color: #333 !important; width: 100% !important;}
	.dropdown-item:hover, .dropdown-item:focus {
	  color:#ff0039 !important;
	  background-color: #f1f1f1 !important;
	}
	aside{ display:none;}
	.menu_univ{display: block; text-align: right;padding:1em;}
	.banner_heading{
	font-size:2em;
	padding-top:6%;
    
	} 
	.banner_date{padding:4em 0 0 0;}
	.bi_img img{width: 85%;}
	.bi_txt{padding: 15px;font-size: 16px;margin-top: 0.5em;line-height: 20px;}
	#sub-visual{height: 180px;/*background: url("/images/sub2025.jpg") no-repeat center;background-size: cover;*/}
	.program02 .people{width: 95%;}
	.notice_line{flex-direction:column-reverse;}
	#main_map .title{ text-align: left;}
	#main-visual .main_visual_txt img{width: 100%;}
	.info_txt dl{display: flex;flex-direction: column;padding: 0.5em 0;align-items: start;}
	.info_txt dd{padding: 0.3em;}
	#main_map .btn-outline-danger {
	  position: absolute;
	  top: 18%;
	  right: 0%;
	}
	#main_map .content{padding: 0.5em 0;}
	#main_map .notice{margin-top: 0.5em;}
	#main_map .notice_line .btn-outline-danger{margin-top: 1.6em;}
}

@media only screen and (max-width: 820px) {
	.live{display:contents;}
	#main_btn{ bottom: 15%; width: 40%;}
	.main_logicon li{display: block;position: absolute;right: 1em;padding: 1em 0 0 0;}
	.main_logicon{padding: 0 !important;}
	.live_vod, .main_live{ width: 100%; height: 400px;}
	.live_text{ width: 100%; margin-top: 0.2em;}
	.live_text .scroll{height: 300px;}
	.live_text .chat_area{width: 86% !important;}
	.live_text .chat_box{ height: 90px;}
	#main-visual{height: 100vh;/*background: url("../images/mobile_main2025.png") no-repeat center;background-size: 100%;*/display: flex;justify-content: center;}
	.poster_txt{width: 80%;}
	#main_info h2{font-size: 2.5em;}
	.subtabcontent details li{display: block;}
	.subtabcontent details span {width: 100%;}
	.subtabcontent details p{width: 100%;}
	.subtabcontent details .s02 span {width: 100%;}
	.subtabcontent details .s02 p{width: 100%;}
	.live_icon{text-align: right;}
	.main_logicon img{width: 80%;}
	.sub_logicon{top:20%;left: 10%;}
	.sub_logicon img{width: 70%;}
	.banner_heading{
	font-size: 1.8em;
	padding-top: 8%;
	} 
	.banner_date{
	font-weight:600;
	font-size: 1.3em;
	padding:4em 2em 0 0;
	} 
	.sub_cont .info_txt dl{display: flex;flex-direction: column;}
	.partner-list li{width: 45%;}
	.info_photo img{height: 267px;}
	.program02 dl{flex-direction:column !important; padding: 2.5em 0;}
	.program02 dt, .program02 dd{width: 100%;}
	.program02 dt{ margin-bottom:.5em;}
	.program02 .last{margin-bottom: 5em;}
	#main_people{height: 100vh;}
	.history_btn .btn{padding: 0.3em !important;}
	.sub_cont h3{ font-size: 4vmin;}
	.application_info{font-size: 20px !important;padding: 1.5em;}
	.application_info dl{display: flex;flex-direction: column;margin-bottom: 0.5em;}
	.application_info dd{padding: 0.3em 0.7em;}
	.application_info dt{border-radius:1.5em;}
	.application_area h6{font-size: 18px;}
	.tablevender_info{font-size: 18px !important;line-height: 24px;background: #fcfcfc;font-weight: 400;border: 1px solid #ededed;padding: 1.5em 1.8em;}
	.tablevender .btn-danger{width: 160px;font-size: 20px;}
	.tablevender .cont02{padding: 0;font-size:16px;line-height: 22px;}
	.arrow > li {width: calc(45% - 20px);margin:20px 10px;}
	.souvenir h5{width: 230px;height: 55px;display: flex;justify-content: center;text-align: center;border-radius: 2em;margin: 0.5em auto;font-size: 22px;font-weight: 600;}
	#main_souvenir{padding:6em 0;}
	.souvenir_info{padding:3em 2em;}
}

/* 모바일 */
@media only screen and (max-width: 768px) {
	.sns{
	margin-right:1em;
	}
	.banner_heading{
	font-size:1.8em;
	padding-top:11%; 
	} 
	.banner_date{font-weight:600;
		font-size: 1.3em;
		padding: 3.5em 1em 0 0;
		} 
	.sub-menu01{display: none !important;}
	.sub-menu02{display: block; text-align: center;}
	.sub-menu02 select{width: 90%; border: 0;}
	.sub-menu02 select:hover{border: 0 !important;}
	.history-info .session span{padding-left: 0;}
	.history_vod{ height: 400px;}
	.subtabcontent th, .subtabcontent td{padding:2em;}
	.info_photo dl{margin: auto 0 auto 2em;}
	.info_photo dd{padding: 1.5em}
	.side-menu{padding: 1em 0;}
	.traffic_info dl{flex-direction: column;}
	.traffic_info dd{padding-top: 0.5em; padding-left: 0;}
	.info_summary{font-size: 20px;}
	.info_summary p{font-size: 3.5vmin;}
	.tablevender_info .booth{font-size: 14px;}

	.popup_notice_big{
		top:60px !important;
		left:10px !important;
		width: 95% !important;
		height: 609px !important;
	}
	
	.popup_notice_big iframe{
		width: 100% !important;
		height: 556px !important;
	}
	.receive li{padding: 1.5em 1em;font-size: 24px;}
}
@media only screen and (max-width: 767px) {
	.banner_date{padding: 3.5em 0 0 0;} 
	.info_photo{display: block;}
	.info_photo .photo_name{padding-left: 5px;display:inline;}
	.info_photo img{display: flex;justify-content: center;margin: 0 auto;}
	.program th, .program td {
	  padding: 10px 8px !important;
	  font-size: 14px !important;
	}

	
}

@media only screen and (max-width:630px){
	.partner-list li{width: 100%; margin: 0.5em 0 !important;}
	.receive{flex-direction: column;}
	.receive li {width: 100%;}
	.guide table, .guide th, .guide td, .award-txt{
  	padding: 0.5em;
    font-size: 16px;
	word-break: keep-all;
	}

	.popup_notice_big{
		top:60px !important;
		left:10px !important;
		width: 95% !important;
		height: 560px !important;
	}
	
	.popup_notice_big iframe{
		width: 100% !important;
		height: 508px !important;
	}
}

@media only screen and (max-width:599px){
	#main_people{padding: 3em 0;}
/*	.owl-carousel .owl-item img{width: 80% !important; margin: 0 auto;}
	#demos .owl-carousel .item a:after {
	  
	  bottom: 0;
	  z-index: 1;
	  content: "";
	  width: 100%;
	}*/
}



@media only screen and (max-width:500px){
	h1{width: 60%;}
	.heading-agileinfo{font-size: 28px;}
	#main-visual{height: 100vh !important;}
	#main-visual .main_visual_txt{width: 85% !important; padding-top:50%;}
	.main_visual_txt h4{margin-top: 2em;font-size: 18px;}
	.course-container{flex-direction:column !important;}
	.d_day .day{font-size: 4vmin!important;}
	#main_btn{width: 100% !important;/* padding: 0.7em !important; */bottom: 20%;/* margin: 0 auto; */display: flex;justify-content: center;}
	.poster_cont .right div{width: 100%;}
	.sub_banner{justify-content:center;}
	.banner_date{padding:3em 0 0 0;}
	#main_info, #main_map{padding:5em 0;}
	.sub_cont .info_txt {font-size: 16px;}
	.sub_cont .info_txt dt{width: 120px;height: 35px;}
	.history-gallery .col-sm-3{ width: 50%;}
	.summary_mt{margin-top: 3.5em;}
	.info_photo dt{font-size: 20px !important;}
	.info_photo dl{margin: 0.5em 0 !important;}
	.info_photo dt span{ font-size: 14px; padding-left: 0 !important; display: block !important;}
	/*.info_photo img{width: 100% !important;}*/
	.info_photo dd{font-size: 13px !important; padding: 10px !important;word-break:keep-all !important;}
	.history_txt, .history-info .session p{font-size: 14px;}
	.info_hi, .info_summary, .program02 .info_program, .history_txt{font-size: 16px;line-height:20px; /*padding:3em 2em;*/}
	.history-info{ padding: 2em 0;}
	.info_hi_txt01 p, .info_summary p{font-size: 15px;line-height: 22px;word-break: break-all;}
	.program02 dt{font-size: 20px;}
	.program02 h6{font-size: 24px;}
	.history_vod{ height: 200px;}
	.info_txt dl{display: flex;flex-direction: column; margin-bottom:0.5em;}
	.info_txt dl:last-child{margin-bottom: 0;}
	.info_txt dt{width: 120px;height: 36px;margin-bottom: 0.5em;}
	.info_txt{text-align:left;word-break:keep-all;/* padding: 1.5em; */font-size: 16px; line-height:22px;}
	.info_txt dd{padding: 0;}
	.program02 .people ul{display: flex;align-items:center;flex-direction: column;text-align: center;width: 100%;}
	.program02 .people .txt{padding-left: 0;width: 100%;margin-top: 1em;}
	.info_photo h4{font-size: 18px;word-break: break-word;}
	.poster_info{padding: 1.5em; border-radius:1em;}
	#main_map h5{ font-size: 30px;}
	#main_map .content{font-size: 18px;}
	#main_map .btn-outline-danger {
	  position: absolute;
	  top: 16%;
	  right: 0%;
	  font-size: 16px;
	  padding: 0.3em 1.4em;
	}
	#main_map span{font-size: 14px;}
	.sub_cont{padding: 1.5em; word-break:break-all; font-size: 16px;line-height: 26px;}
	#main_course{ background: url("../images/main_course_bg.webp") #1b1b1b no-repeat 100% bottom; background-size: contain;}
	#main_info{ background-size: contain;}
	.entry_info{flex-direction: column;}
	.entry_info label{width: 100%;}
	.entry_info div{ margin: 0 auto !important;}
	.lineup{flex-direction:column;}
	.lineup li{width: 80%;margin: 1em auto;}
}
@media only screen and (max-width:480px){
	.logo img{width: 100px;}
	.live_vod, .main_live{height: 200px;}
	.live_text .chat_area{ width: 81% !important;}
	.chat_write_enter{padding: 2%;}
	#top-nav{ padding-bottom: 1em;} 
	.main_logicon img { width: 50%;}
	#main_info h2{font-size: 1.5em;}
	#main_info h3{font-size: 1em;}
	#main_info h5{font-size: 0.9em; word-break: keep-all;}
	.poster_txt{width: 90%;padding: 1em;}
	.main_quick{top:-7.5em;}
	.main_quick li{font-size: 12px; padding: 1.5em 0;}
	.sub_cont h4 {font-size: 20px;}
	.spon01{display: contents;justify-content: center;}
	.spon01 li{ margin-right: 0rem !important; margin-bottom: 1rem !important;}
	.spon01 h4{padding-top: 2em;}
	.session_title{font-size: 22px;word-break: keep-all;/*line-height: 32px;*/}
	.btnenter{ padding: 2% 2%;}
	.info_hi{display: block;}
	.info_hi_photo{ width: 100%; text-align: center;}
	.info_hi_txt01{ width: 100%; padding-top: 15px;}
	.subtabcontent th{ font-size: 16px !important;}
	.info-hi button{ height: 80px !important;}
	.info-hi span{display: none !important;}	
	.info-hi .none{display: block !important;}
	.sub_tab button{font-size: 14px; height: 70px;}
	.main_history h4{font-size: 24px;}
	.main_history p{text-align: left;font-size: 16px;}
	.sponsor dl{text-align:center; margin-right: 0 !important;}
	.sponsor dt{margin-bottom:10px;}
	.sponsor dd{display: flex; flex-direction: column;}
	.sponsor dd img{ padding: 0 0 10px 0; margin: 0 auto;}
	.sponsor img{ width: auto !important;}
	#main_map .notice li{flex-direction:column}
	.notice .b_title{width: 100% !important;}
	.notice .date{width: 100% !important;}
	#main_map .btn-outline-danger {
	  position: absolute;
	  top: 18%;
	  right: 0%;
	}
	.footer-grid ul{display: block;}
	.footer-grid img{width: 90%;}
}


@media only screen and (max-width:375px) {
	#top-nav h1{
		transform: none;
		font-size: 1.5em;
	}
	#top-nav{ padding-bottom: 0.3em;} 
	#main-visual{height: 100vh !important;}
	.main_visual_txt h4{font-size: 17px;}
	.live_text .chat_area{width: 78% !important;}
	.main_quick{top:-5em;}
	#main_info{padding:4em 0;}
	#main_info h2{font-size: 1.3em;}
	#main_info h3{font-size: 1.1em; letter-spacing: -1px;}
	#main_info h4 img{width: 70%; height: auto;}
	#main_info h5{font-size: 0.8em;}
	#main_info h2{padding:0.2em 0.1em;}
	.sub_cont{padding: 2em 1.5em;}
	.subpage .container{width: 100% !important;}
	.sub_logicon{width: 20%;}
	.banner_heading{font-size: 1.3em;}
	.banner_date{font-size: 0.8em; padding-top: 3.5em;}
	.info_hi_txt01 .font-bm{font-size: 16px;}
	.sub_logicon{left:5%;}
	.subtabcontent th, .subtabcontent td{padding: 10px !important;}
	.info_hi .name{font-weight: bold;font-size: 16px;display: flex;justify-content: end;flex-direction: column;}
	.info_hi .name li{display: flex;/* align-items: end; *//* flex-direction: column; */justify-content: end;padding-top: 0.5em;}
	.info_hi .name .small{font-size: 12px; margin-right: 0; line-height: 18px;}
	.main_history h4{font-size: 20px;}

	.popup_notice_big{
		top:60px !important;
		left:10px !important;
		width: 95% !important;
		height: 542px !important;
	}
	
	.popup_notice_big iframe{
		width: 100% !important;
		height: 489px !important;
	}
}

@media only screen and (max-width:320px) {
	/*.navbar{width: auto !important;}*/
	.poster_txt{width: 80%;}
	.main_quick li{font-size: 11px;}
	.info_hi_photo img{width: 100% !important;}
	.info_summary p{font-size: 14px;line-height: 20px;word-break: break-all; border-radius:1em;}
}
	
@media only screen and (max-width:280px) {
	.main_visual_txt h3{margin: 0;}
	
}