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

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
}
@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: 'MuseumCulturalFoundationClassic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/국립박물관문화재단클래식L.woff') format('woff');
}

/* 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:'Pretendard';color:#333333; font-weight: 500;}
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:'Pretendard';}


/* CSS Document */

#wrap {
   margin: 0 auto;
  }
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: #2a2a2a;
    border-bottom: 1px solid #787878;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
 }
.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: 'Pretendard'; font-weight: bold;}
.navbar-nav li .dropdown-item{font-family: 'Pretendard';}
.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: #d3d3d3;
}

.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;padding-top: 1.2em;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;}

/* 메인페이지 */
#main-visual{ height: 100vh; background: url("../images/main2025.png") no-repeat center; background-size: cover;}
.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: url("../images/info_bg.png") no-repeat bottom center;background-size: contain;}
#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_people{
  width: 100%;
  height: 90vh;
  /*background: #190872 !important;*/
  padding:8em 0 6em 0;
  background: url("../images/mainhistory_bg.png") no-repeat;background-size: cover;
}


.main_history h3{text-align: center !important;font-size: 8vmin;font-weight: 800;color: #ffffff;margin-bottom: 0.5em;/* font-family: NotoSerifKR; */}
.main_history h3 span{font-size: 3vmin;font-weight: 400;display: block;/* padding-left: .5em; */color: #d3d3d3;}
.main_history h4{font-size: 32px;font-weight: bold;color: #f0d9ff; text-align: center;}
.main_history p{color: #ffffff; text-align: center; font-size: 20px;}

#demos .column, #demos .columns{padding: 0 !important;}
#demos .owl-carousel .owl-item .item{    
	overflow: hidden;
    position: relative;
    text-align: center;
    border-radius: 1em;
    box-shadow: 0 0 5px 2px #100044;
}

/*#demos .owl-carousel .item a:after {
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  content: "";
}*/

.owl-carousel .owl-item img {transition-duration: 0.3s;}
.owl-carousel .owl-item :hover img {
	transform: scale(1.1, 1.1); transition-duration: 0.3s;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
} 

#demos .owl-carousel .item h5{
  position: absolute;
  bottom: -15px;
  z-index: 3;
  width: 100%;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  height: 150px;
  display: flex;
  align-items: end;
  justify-content: center;
  padding-bottom: 1.3em;
  }

#spon{padding: 3em 0;}
.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;}


#main-visual .main_esg_txt{display: flex;flex-direction:column;text-align: center;padding: 10em 0;}
.main_esg_txt h3{ margin: 1em 0;}
.main_esg_txt h4{ margin-top: 5em;}
.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 .5s cubic-bezier(.25,.46,.45,.94) 3s both;animation:slide-in-fwd-bottom .5s cubic-bezier(.25,.46,.45,.94) 3s 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{border-bottom: 1px solid #eee;height: 25vh;background: #fbfbfb;/* padding-top: 13em; */background: url("/images/sub2025.jpg") no-repeat center top;background-size: 100%;}
.sub_logicon{position: absolute;left: 16%;top: 15%;}
.sub_banner{ display: flex; justify-content: center;}
.banner_heading{
	font-weight: bold;
	font-size: 4vmin;
	color: #ececec;
	padding-top:3em;
    text-transform: uppercase;
} 
.banner_date{
	font-weight:600;
	font-size: 1.5em;
	color: #ffffff;
	padding: 5em 0 0 0;
	width: 50%;
} 

.side-menu{border-bottom: 1px solid #ededed; padding: 1.5em 0;}
.side-menu .sub-menu01{display: flex; justify-content: center; font-size: 20px; padding-top: 0.3em;}
.side-menu .sub-menu01 li{padding: 0 1em; font-weight: bold;}
.side-menu .sub-menu01 li a{color: #7f7f7f;}
.side-menu .sub-menu01 .on a, .side-menu .sub-menu01 li a:hover{color: #4d2578;}
.sub-menu02{display: none;cursor: pointer;}
.sub-menu02 span{color: #21006e; font-size: 20px;}
.sub-menu02 i{float: right;}
.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.6em 1.2em; font-size: 18px;}
.sub-menu02 .subdrop-menu a{color: #666;}
.sub-menu02 .subdrop-menu li:hover{background: #fafafa;}


.subpage{font-weight: 400; padding: 5em 0;}
.heading-agileinfo {
    font-weight: 600;
    font-size: 36px;
    text-align: center;
    color: #000;
    margin-bottom: 1em;
}
.sub_cont {padding: 0em 0 3em 0; word-break:keep-all; /*overflow:auto;*/}
.sub_cont .row{margin: 0;}
.sub_tab {
  overflow: hidden;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  margin: 2em 0;
  font-family: 'Pretendard';
}
.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: 20px 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: #21006e;
  color: #fff;
}

.info-hi .none{ display: none !important;}

.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%;}

.info_txt{font-size: 20px;line-height: 28px;background: #fcfcfc;font-weight: 400;border: 1px solid #ededed;padding: 2.5em;margin-bottom: 3em;}
.info_txt dl{display: flex;flex-direction: row;}
/*.info_txt dl:last-child{margin-bottom: 0 !important;}*/
.info_txt dt{width: 90px;height: 40px;background: #21006e;/* padding: 10px 0; */color: #fff;border-radius: 20px;/* text-align: center; */display: flex;justify-content: center;flex-direction: column;text-align: center;}
.info_txt dd{padding: 8px;}

.info_summary{font-size: 18px;line-height: 28px;background: #fcfcfc;font-weight: 400;/* text-align: center; */border: 1px solid #ededed;padding: 3.5em;}
.info_summary p{font-family: 'NotoSerifKR'; font-size: 22px; margin-top:0; margin-bottom: .5em; font-weight: 600; color: #21006e;}


.info_photo{display: flex;}
.info_photo h4{color: #080808;padding: 0 0 3px 0;font-size: 22px;font-weight: bold;}
.info_photo .bg-secondary{color: #ffffff !important;background: #242424 !important;margin:0.3em 0.3em 0.3em 0;}
.info_photo .photo_name{padding-left: 5px;display: table-cell;vertical-align: bottom;height: 130px;}
.info_photo dl{margin: auto 0 auto 4em;width: 100%;}
.info_photo dt{font-size: 34px; color:#21006e; margin-bottom: 15px;}
.info_photo dt span{ font-size: 18px; color: #666; padding-left: 10px;font-weight: 500;}
.info_photo dd{background: #fcfcfc;padding: 2.5em;width: 100%;word-break: break-all;}
.info_photo img{border-radius: 10px;height:fit-content;}



.info_hi{display: flex;margin-top: 2em;justify-content:space-between;font-size: 18px;line-height: 28px;background: #fcfcfc;font-weight: 400;/* text-align: center; */border: 1px solid #ededed;padding: 3.5em;}
.info_hi_photo{width: 29%;text-align: left;}
.info_hi_txt01{width: 68%;}
.info_hi_txt01 p{font-weight: bold; font-size: 20px;}
.info_hi_txt01 span{font-size: 15px; margin-right: 0.3em;}
.font-bm{font-family: 'NotoSerifKR'; font-size: 22px; margin-top:0; margin-bottom: 1em; font-weight: 400;}
.info_hi .name{font-weight: bold; font-size: 20px; display: flex;justify-content: end;}
.info_hi .name li{display: flex;align-items: center;}
.info_hi .name .small{font-size: 14px; margin-right: 0.8em; line-height: 20px;}

.hi_02{display: flex;margin-top: 2em;justify-content:space-between;font-size: 18px;line-height: 28px;background: #fcfcfc;font-weight: 400;/* text-align: center; */border: 1px solid #ededed;padding: 3.5em;flex-direction: row-reverse;}

.bi_img{ background: url("/images/bi_bg.png") no-repeat; padding: 4em 0; margin-bottom: 1em; border: 1px solid #ebebeb; text-align: center;}
.bi_txt{padding: 15px;font-size: 18px;margin-top: 0.5em;line-height: 26px;}

.program table{
	  border-collapse: collapse;
	  width: 100%;
	  border-top: 2px solid #21006e;
	  border-bottom: 2px solid #e5e5e5;
	  /* border: 1px solid #e5e5e5; */
	  font-size: 16px;
	  min-width: 500px;
	  margin-bottom: 1em;
	  line-height: 22px;
}
.program th, .program td {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  /* border-right: 1px solid #e5e5e5; */
  text-align: center;
}
.program th{color: #000;}
.program dl{ text-align: left; display: flex;margin: 0; align-items:baseline;}
.program dt{ margin-right: 10px;}
.program dd{margin: 0;}
.program .time{ width: 3%;}

.program .identify{padding: 0.3em 0.4em;font-size: 14px;border: 2px solid #003e82;margin-bottom: 0.5em;line-height: 1.3em;font-weight: 400;}
.program .identify:hover, .program .identify:active, .program .identify:focus {
	border: 2px solid #003e82;
	background-color: #f6f3fe !important;
	color: #003e82;
}
.program .identify span{font-size: 12px;}

.program .blank{  border-bottom: none !important; padding: 15px 0 0 0; }
.program .r-line{ border-right: 1px solid #e5e5e5;}

.program02 h3{font-size: 4vmin;font-weight: bold;color: #061854;}
.program02 h6{color:#21006e;padding: 0 0 3px 0;font-size: 28px;font-weight: bold;}
.program02 h7{font-size: 18px;display: block;line-height: 2em;word-break: break-all;}
.program02 h7 b{font-size: 20px;}
.program02 h5{color: #44009d;margin: .5em 0;font-weight: 600; font-size: 3vmin;}
.program02 .bg-secondary{ color: #ffffff !important; background:#21006e !important; margin:0.3em 0.3em 0.3em 0;}
.program02 span{color:#888888;font-size: 16px; font-weight: 400;}
.program02 dl{ text-align: left; display: flex;margin: 0; border-top: 1px solid #d8d8d8; padding:2em 0; align-items:start;}
.program02 dl:last-child{border-bottom: 1px solid #d8d8d8; margin-bottom: 2em;}
.program02 dt{width: 15%;font-size: 24px;font-weight: 500;}
.program02 dd{margin: 0;width: 85%;}
.program02 .people_list{display: flex; flex-direction:row;}
.program02 .people {display: flex;align-items:center;padding: 1.5em;background: #fcfcfc;margin: 0.5em;border-radius: 1em;width: 31%;}
.program02 .people ul{display: flex; align-items:center;}

.program02 .photo{
	position: relative;
	width: 100px;
	height: 100px;}
.program02 .photo img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: auto;
	border-radius: 50% 50%;
}
.program02 .people .txt{ padding-left: 10px; font-size: 20px; font-weight: bold; color: #000000; width: 210px;}
.program02 .people .txt a:hover{ color: #000000;}

.place_txt{padding: 15px 0; border: 1px solid #ededed; font-size: 20px; text-align: center; margin-top: 0.5em;}

.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: 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;}
}


@media only screen and (max-width: 1200px){
.banner_date{padding:4em 5em 0 0;}
}
/* 테블릿 가로 */
@media only screen and (max-width: 1024px){
	h1 img{width: 70%;}
	.container { width: 90% !important; padding: 0 15px;}   
	.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;}
}


/* 테블릿 세로 */
@media only screen and (max-width:991px) {
	header {margin-bottom:1em; box-shadow:none;}
	#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:#21006e !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{background: url("/images/sub2025.jpg") no-repeat center;height: 180px;background-size: cover;}
	.program02 .people{width: 95%;}
}

@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;}
}

/* 모바일 */
@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}
}
@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;}
}

@media only screen and (max-width:630px){
	.partner-list li{width: 100%; margin: 0.5em 0 !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){
	.heading-agileinfo{font-size: 28px;}
	#main-visual{height: 95vh !important;background: url("../images/mobile_main2025.png") no-repeat center;background-size: cover;}
	.main_esg_txt img{ width: 64%;}
	.main_esg_txt h3{ margin: 0 !important;}
	.sub_banner{justify-content:center;}
	.banner_date{padding:3em 0 0 0;}
	#main_info{padding:6em 0 6em 0;}
	.history-gallery .col-sm-3{ width: 50%;}
	.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: 14px;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{text-align:left; word-break:keep-all; padding: 1.5em; font-size: 18px;}
	.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;}
}
@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;}
	.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;}
}


@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_logicon{width: 20%;}
	.banner_heading{font-size: 1em;}
	.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;}
}
	
@media only screen and (max-width:280px) {
	.main_esg_txt h3{margin: 0;}
	
}