@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;background: #000018;}
body,input,select,textarea,button {border:none;font-size:16px; font-family:'Paperozi';color:#333333; 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: 94% !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: 20px;font-family: 'paperozi';font-weight: bold;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: #ffc4c4;
}

.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.png") no-repeat center; background-size: cover;*/}
#main_day{background: #ff0039;padding: 1em;width: 35%;margin: 0 auto;clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%);color: #FFFFFF;position: absolute;right: 0;bottom: 13%;}
.d_day{display: flex;font-size: 4.5vmin;margin: 0 auto;justify-content: center; font-family: 'Paperozi'; font-weight: 400; align-items: center;}
.d_day .day{font-weight: bold; padding-left:1em}
.marquee-container {
    /* 텍스트가 컨테이너 밖으로 나가도록 설정하고 숨김 */
    overflow: hidden; 
    white-space: nowrap; /* 텍스트 줄바꿈 방지 */
    width: 100%; /* 컨테이너 너비 설정 */	
}

.marquee-text {
    /* 애니메이션 적용 */
    display: inline-block;
    padding-left: 100%; /* 초기 위치를 컨테이너 오른쪽 끝으로 설정 */
    animation: marquee 15s linear infinite; /* 애니메이션 이름, 지속 시간, 타이밍 함수, 반복 설정 */
	font-size: 25px;
	color: #FFFFFF;
	font-family: 'Paperozi';
	font-weight: bold;
}

/* @keyframes를 사용하여 애니메이션 동작 정의 */
@keyframes marquee {
    0% {
        transform: translateX(0); /* 시작 위치 (컨테이너 오른쪽 끝) */
    }
    100% {
        transform: translateX(-100%); /* 종료 위치 (컨테이너 왼쪽 끝으로 완전히 이동) */
    }
}

.main_quick{display: flex; position: relative; top:-8.9em; z-index: 10;}
.main_quick li{width: 33.33%; background: #5b2c7f;padding: 1.5em 1em; font-size: 20px; cursor: pointer;}
.main_quick li:first-child{border-top-left-radius:10px }
.main_quick li:last-child{border-bottom-right-radius:10px }
.main_quick .bg02{ background: #033e8c;}
.main_quick li a{color: #fff;}
.main_quick li a:hover{color: #fff1be;}
.main_logicon{display: flex;justify-content: end;padding: 4em 10em;}
.main_logicon li{/* float: left; */display: flex;justify-content: end;}

.poster_txt{border: 2px solid #21006e;padding: 2.5em;margin: 1em auto;background: #fff;border-radius: 1em;width: 80%;}
#main_info{padding: 7em 0;text-align: center;background:linear-gradient(0deg, rgba(0, 8, 24, 10), rgba(0, 8, 24, 0) 100%); position: relative;}
#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_live{ width: 100%; height: 400px;}

#main_map{padding: 7em 0;background:#000818; position: relative;}
/* 백로고 슬라이더 */
.slider {
    height: 200px;
    overflow: hidden;
    width: 100%;
}
/* 트랙 */
.slide-track {
    display: flex;
    width: max-content;
    animation: scroll 30s linear infinite;
}

/* 개별 슬라이드 */
.slide {
    width: 1400px;   /* 이미지 한 장 너비 */
    height: 108px;
    flex-shrink: 0;
}

/* 이미지 */
.slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 애니메이션 */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
/* //로고 슬라이더 */
#main_map:before{
    content: '';
    height: 900px;
    width: 100%;
    background: url('../images/main_symbol.png') center left no-repeat;
    position: absolute;
    display: block;
    z-index: 0;
    left: -5%;
	background-size: contain;
 }
#main_map h5{font-family:'paperozi';font-weight: bold;font-size: 5.5vmin;text-transform: uppercase;margin-bottom: 0;margin-top: 0.5em;display: flex;flex-direction: column;}
#main_map span{color: #ed1541;text-transform: uppercase;font-size: 18px;}
#main_map ul{margin: 0 auto; color: #ffffff; padding: 5em 0;}
#main_map li{display: block; z-index: 10;}
#main_map .content{padding-top: 0.7em;font-size: 24px;}
#main_map .btn-outline-danger {
  border-radius: 1.5em;
  margin-top: 0.5em;
  border: solid 2px #ffffff;
  color: #ffffff;
  padding: 0.3em 2em;
  font-size: 18px;
}

#main_map .btn-outline-danger:hover {
  background-color: #ed1541;
  border-color: #ed1541;
}
#main_map .roughmap_maker_label span{color: #000000; font-size: 11px;}

#main_map .notice{border-top: 2px solid #ed1541;padding: 0;font-size: 20px;}
#main_map .title {text-align: right;}
#main_map .notice li{ padding: 1.5em; border-bottom: 1px solid #ffffff; display: flex;}
.notice .b_title{width:85%;}
.notice .date{width:15%; font-size: 16px; text-align:right; color: #C1C1C1; align-content:center;}
.notice .b_title a{color:#fff;}


/*#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;}
*/


.clients{display: flex;flex-direction:column;}
.clients .container{padding: 0 !important;}
.sponsor{display: flex;justify-content: center;}
.sponsor dl {display: flex;align-items: center;margin-right: 2.2em;}
.sponsor dd img{padding: 0 10px 5px 8px;}
.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; width: 100%;}
.spon_title{align-items: baseline !important;border:0 !important;/* padding-top: 1.5em; */}


#main-visual .main_esg_txt{display: flex;flex-direction:column;text-align: right;padding-top: 17em;padding-right: 10em;}
.main_esg_txt h3{ margin: 1em 0;}
.main_esg_txt h4{ margin-top: 1em;}
.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) 2s both;animation:swing-in-top-fwd 1s cubic-bezier(.175,.885,.32,1.275) 2s 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) 1s both;animation:slide-in-fwd-bottom .2s cubic-bezier(.25,.46,.45,.94) 1s 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;}
.sub_logicon{position: absolute;left: 16%;top: 15%;}
.sub_banner{ display: flex; justify-content: center;}
.banner_heading{
	font-weight: bold;
	font-size: 4vmin;
	color: #ffffff;
	padding-top:3em;
    text-transform: uppercase;
	text-shadow: 2px 3px 7px black;
} 
.banner_date{
	font-weight:600;
	font-size: 1.5em;
	color: #ffffff;
	padding: 5em 0 0 0;
	width: 50%;
} 

.side-menu{background: #ed1541;}
.side-menu .sub-menu01{display: flex; justify-content: center; font-size: 20px;}
.side-menu .sub-menu01 li{padding: 1.3em 0.5em;font-weight: 400;border-right: 1px solid #ba1a3a;}
.side-menu .sub-menu01 li:first-child{border-left: 1px solid #ba1a3a;}
.side-menu .sub-menu01 li a{color: #ffffff;}
.side-menu .sub-menu01 .on{background: rgba(39, 39, 39, 0.26); font-weight: bold;} 
.side-menu .sub-menu01 .on a, .side-menu .sub-menu01 li a:hover{color: #ffffff;}

.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 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 ul.col7 li { width:14.2%;}
.subnav ul.col8 li { width:12.5%;}

.sub-menu02{display: none;cursor: pointer;}
.sub-menu02 span{color: #FFFFFF; font-size: 20px;}
.sub-menu02 i{float: right;color: #ffffff;}
.sub-menu02 .subdrop-menu{display: none;border-bottom: 1px solid #ed1541;background: #000000;border-radius: 0px;width: 100%;position: absolute;left: 0px;margin-top: 1em;z-index: 100;padding: 1.2em 0;}
.sub-menu02 .subdrop-menu li{ padding: 0.6em 1.2em; font-size: 18px;}
.sub-menu02 .subdrop-menu a{color: #ffffff;}
.sub-menu02 .subdrop-menu li:hover{color: #FF9C9C;}


.subpage{padding: 5em 0;background: rgba(0, 8, 24, 0.75);}
.heading-agileinfo {
    font-weight: 900;
    font-size: 5vmin;
    text-align: center;
    color: #ffffff;
    margin-bottom: 1em;
}
.sub_cont {word-break:keep-all;background: #FFFFFF;padding: 3em;border-radius: 1em;}
.sub_cont02 {word-break:keep-all;}
.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 {
    display: flex;
    align-items: center; /* 아이콘과 글자 세로 중앙 정렬 */
    font-size: 28px;
    font-weight: bold;
    line-height: 1.4;    /* 타이틀이 두 줄이 될 경우를 대비 */
	color: #000818;font-weight: 600;
}
.sub_cont h4:before {
    content: ""; 
    display: block;
    flex-shrink: 0;      /* 중요: 아이콘 형태가 찌그러지지 않게 고정 */
    width: 32px;         /* 아이콘 너비 */
    height: 34px;        /* 아이콘 높이 */
    margin-right: 3px;  /* 아이콘과 우측 글자 간격 */
    background: url('/images/icon_subtitle.png') no-repeat center center;
    background-size: contain; /* 이미지가 정해진 크기 안에 꽉 차도록 */
}
.sub_cont div, .sub_cont02 div{font-size: 20px;line-height: 1.5em;}

.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 7em;background: #ffffff;display: block;border-radius: 1em;}
.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{ width: 90%; margin: 0 auto;}

.info_txt{font-size: 20px;line-height: 28px;display: flex;align-items: center;}
.info_txt dl{display: flex;flex-direction: row;border-bottom: 1px solid #000818;align-items: center;padding: 0.3em 0;}
/*.info_txt dl:last-child{margin-bottom: 0 !important;}*/
.info_txt dt{width: 150px;height: 50px;background: #000818;/* padding: 10px 0; */color: #fff;/* border-radius: 0; *//* text-align: center; */display: flex;justify-content: center;flex-direction: column;text-align: center;}
.info_txt dd{padding: 0.8em; text-align: left; margin-bottom: 0;}

.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;}
.traffic_info dl{display: flex;padding: 1em;border-bottom: 1px solid #000818;}
.traffic_info dt{width: 150px;text-align: center;background: #000818;height: 50px;display: flex;align-items: center;justify-content: center;color: #ffffff;}
.traffic_info dd{display: flex;align-items: center;padding-left: 1em;line-height: 1.6em;}

.application_info{font-size: 24px !important;line-height: 32px;background: #fcfcfc;font-weight: 400;border: 1px solid #ededed;padding: 2.5em;/* margin-bottom: 3em; */}
.application_info dl{display: flex;flex-direction: row;margin-bottom: 0.5em;}
.application_info dl:last-child{margin-bottom:0 !important;}
.application_info dt{width: 130px;height: 50px;background: #000818;/* padding: 10px 0; */color: #fff;border-radius: 1em;/* text-align: center; */display: flex;justify-content: center;flex-direction: column;text-align: center;}
.application_info dd{padding: 0.5em 0.7em;margin-bottom: 0;}
.application_area{display: flex;}
.application_area img{margin-bottom: 0.3em;}
.application_area h5{font-size: 24px;font-weight: 800;color: #ed1541;}
.application_area h6{font-size: 20px; font-weight: 800;}
.application_area p{font-size: 16px; margin-bottom: 0;}
.application_area li{width: 50%;/* background: #ffffff; */border-radius: 1em;padding: 2em 1.5em;text-align: center;margin: 10px;border: 3px solid #ed1541;align-content: center;}

.tablevender button{position: absolute; right: 0;}
.tablevender button a{ color: #fff;}
.tablevender .btn-danger{background: #ed1541;font-weight: bold !important;display: flex;justify-content: space-around;width: 180px;border-radius: 0;font-size: 24px;}
.tablevender .btn-danger:hover{ background: #000818; border-color:#000818;}
.tablevender_info{font-size: 22px !important;line-height: 32px;background: #fcfcfc;font-weight: bold;border: 1px solid #ededed;padding: 2em 2.5em;}
.tablevender_info li {
  list-style: none;     /* 기본 불렛 제거 */
  position: relative;
  padding-left: 23px;   /* 불렛이 들어갈 공간 확보 */
}

.tablevender_info li::before {
  content: "▫";         /* 불렛 모양 */
  position: absolute;
  left: 0;
  top: 0;             /* 위아래 위치를 px 단위로 미세 조정 */
  color: #515151;
  /* font-weight: bold; */
}
/*.tablevender_info li{list-style-type: square;}
.tablevender_info li::marker { color: #616161;}*/
.tablevender_info .booth { font-size:18px; font-weight: 400; margin-top: 0.5em;}
.tablevender .cont02{padding: 0 2em; font-size: 20px;line-height: 30px;}
.tablevender .notice dl{padding: 0 1em; font-size: 20px;}
.tablevender .notice dd{padding: 0.3em 0.5em;font-size: 18px;line-height: 25px; color: #3F3F3F;}

.stageprogram{ color: #ffffff;}
.stageprogram h3, .stageprogram h5, .stageprogram h6{text-align: center;}
.stageprogram h3{font-size: 4vmin; font-weight: 900; color: #fff7cf;}
.stageprogram h5{font-size: 2.7vmin;}
.stageprogram h6{font-size: 2.5vmin; margin: 1em 0;}
.stageprogram table, .stageprogram th, .stageprogram td{
  padding: 0.5em 0.7em;
  border: 1px solid #ffffff;
  vertical-align: middle;
  font-size: 16px;
  background: #000000;
}

.stageprogram th {
    font-weight: bold;
	color: #ed1541;
	font-size: 18px;
}
.stageprogram .bg-w{background: #ffffff; color: #000000; font-weight: bold;}
.stageprogram .border-b{ border-bottom: solid #000000 1px;}
.stageprogram p{fott-size:20px !important;}
.stageprogram .stage-img{display: flex; align-items: center;}


.arrow {font-size: 0em;}
.arrow:after {content:""; display: block; clear: both; display:inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin-left: 0.5rem;
    border-top: 0.1rem solid #fff;
    border-right: 0.1rem solid #fff;
	transform: rotate(45deg);}
.arrow * {box-sizing: border-box;}
.arrow > li {display:inline-block; font-size:1.4rem; width:calc(20% - 20px); position: relative; text-align: center; line-height: 1.2; margin:0 10px;}
.arrow .list li{margin-left: 0 !important;list-style:none;color: #000000;font-size: 22px;line-height: 20px;margin-top: 0.5em;}
.arrow > li:after {content: " ";display: block;position: absolute;top: 45%;right: -30px;transform: translate(0,-50%);background: url(../images/icon_bg.png)no-repeat;height: 92px;width: 41px;}
.arrow > li:last-of-type:after {display:none;}
.arrow > li div {display: table; width:100%;}
.arrow > li div span {display:table-cell; vertical-align: middle;}
.arrow > li div:nth-of-type(1) {color:#fff; overflow: hidden;}

.parking_info dl{display: flex;padding: 1em;border-bottom: 1px solid #000818;}
.parking_info dt{width: 210px;text-align: center;background: #000818;height: 50px;display: flex;align-items: center;justify-content: space-between;color: #ffffff;padding: 1em;}
.parking_info dd{display: flex;align-items: center;padding-left: 1em;line-height: 1.6em;}
.parking_info small{color: #6a6a6a;}

.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 {
   padding: 20px;
   text-align: center;
   color: #AAAAAA;
   background: #333;
   letter-spacing: 1px;
   font-size: 12px;
   font-weight: 400;
}

.footer-sns{ display:flex;justify-content: center; margin-bottom:0.5em;}
.footer-sns a{ color:#888; font-size:14px; padding:5px;}




/* 반응형 웹 */

@media only screen and (max-width: 1680px){
	.navbar{width: 96% !important;}
	.navbar-nav li{font-size: 18px;}
	#main_day{width: 40%;}
}

@media only screen and (max-width: 1440px){
	.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;}
	.navbar-nav li{font-size: 18px !important;}
	.main_esg_txt h3{margin: 0.5em 0;}
	#main_day{width: 45%;}
	.navbar{width: 100% !important;}
	.nav-item{margin-right:0.5em !important }
}


@media only screen and (max-width: 1280px){
	.subnav li{font-size: 14px;}
	.navbar-nav li{font-size: 16px !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_esg_txt{padding-top: 15em;padding-right: 5em;}
	#main_day{bottom: 17%;}
	.poster_cont{flex-direction: column;}
}

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

/* 테블릿 가로 */
@media only screen and (max-width: 1024px){
	h1{width:14%;}
	h1 img{width: 100%;}
	.subnav li{font-size:12px;}
	.side-menu .sub-menu01 li{padding: 1em 0.3em;}
	.navbar-nav li{font-size: 14px !important;}
	.container { width: 95% !important; padding: 0 15px;}   
	.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;}
	.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: 95% !important;}
	h1{width: 25%;}
	#top-nav .logo{width:100%; text-align:center;left:0;}
	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_esg_txt h3{margin: 0.2em 0;}
	.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_esg_txt img{width: 100%;}
	#main-visual .main_esg_txt{display: flex;flex-direction:column;width: 60%;position: absolute;right: 0;}
	.d_day .day{font-size: 3vmin;}
	.info_txt{margin-top: 1em;}
	.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_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;
	} 
	.info_hi_photo{ width: 35%; margin-right: 5%;}
	.info_hi_txt01{ width: 60%;}
	.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;}
}

/* 모바일 */
@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;}
	.sub_cont div{font-size: 18px;}
	.info_summary{font-size: 20px;}
	.info_summary p{font-size: 3.5vmin;}
	.tablevender_info .booth{font-size: 14px;}
}
@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;
	}
	.program .identify{padding: 0.3em 0.3em;font-size: 11px;}
	.program .identify span{font-size: 10px;}
	.arrow > li {width:100%; margin-right:0; ;margin: 30px 0;}
	.arrow > li:after {top:calc(100% + -10px); left:50%; transform: translate(-50%, 0) rotate(90deg);}
	.tablevender .notice dt{font-size:18px;}
	.tablevender .notice dl{padding: 0 0.5em;}
}

@media only screen and (max-width:630px){
	.partner-list li{width: 100%; margin: 0.5em 0 !important;}
	.application_info{padding: 1em;}
	.tablevender_info{font-size: 16px !important;line-height: 24px;background: #fcfcfc;font-weight: 400;border: 1px solid #ededed;padding: 1em 1.3em;}
	.tablevender_info li {padding-left: 20px;   /* 불렛이 들어갈 공간 확보 */}
	.tablevender .btn-danger{width: 100px;font-size: 14px;height: auto;padding: 0.5em 0.5em;}
	.arrow .list li{font-size: 18px;}
}

@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: 40%;}
	.heading-agileinfo{font-size: 28px;}
	#main-visual{height: 95vh !important;}
	#main-visual .main_esg_txt{width: 75% !important;padding-right: 2.5em;}
	.d_day .day{font-size: 4vmin!important;}
	#main_day{width: 60% !important; padding: 0.7em !important; bottom: 20%;}
	.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 div{font-size: 16px;}
	.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;}
	.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: 2em;}
	#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: 2em;}
	.application_area{display: flex;flex-direction: column;}
	.application_area li{width: 100%;margin: 10px 0;}
	.application_info dt{width: 90px;height: 34px;font-size: 16px;}
	.application_info dd{font-size: 16px;line-height: 20px;}
	.sub_cont h3{font-size: 5.5vmin;}
	.traffic_info dl{padding: 0.5em;}
	.traffic_info dt{width: 100px;height: 40px;}
	.traffic_info dd{margin-bottom:0;}
	.tablevender_info, .tablevender .cont02{font-size: 14px;}
	.tablevender_info .booth{font-size: 12px;}
	.stageprogram h3{font-size: 20px;}
	.stageprogram h5, .stageprogram h6{font-size: 16px;}
}
@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;}
	.sub_cont h4:before {
    content: "";
    display: block;
    flex-shrink: 0;      /* 중요: 아이콘 형태가 찌그러지지 않게 고정 */
    width: 26px;         /* 아이콘 너비 */
    height: 28px;        /* 아이콘 높이 */
    margin-right: 0;  /* 아이콘과 우측 글자 간격 */
    background: url('/images/icon_subtitle.png') no-repeat center center;
    background-size: 90%; /* 이미지가 정해진 크기 안에 꽉 차도록 */
}
	.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;*/}
	.banner_heading{padding-top: 25%;}
	.banner_date{padding-top: 3em; font-size: 1.1em;}
	.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%;
	}
}


@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 .main_esg_txt{top:280px;}
	.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: 55%; height: auto;}
	#main_info h5{font-size: 0.8em;}
	#main_info h2{padding:0.2em 0.1em;}
	.sub_cont{padding: 2em 1em;}
	.subpage .container{width: 100% !important;}
	.sub_logicon{width: 20%;}
	.banner_heading{font-size: 1.3em; padding-top: 35%;}
	.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;}
}

@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_esg_txt h3{margin: 0;}
	
}