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

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@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: 'NanumBarunpen';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumBarunpen.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 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%; /*background:#fff;*/ 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:'Noto Sans KR', sans-serif;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;}
 
/* 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, #daumRoughmapContainer1747719449040{ font-family:'GmarketSansMedium';}
.root_daum_roughmap .cont{display: none !important;}


/* CSS Document */

#wrap {
   margin: 0 auto;
  }
header {
   display: flex !important;
   justify-content:center;
   width: 100%;
   position: fixed;
   background: #fff;
   z-index: 20;
   border-bottom:2px solid #36318f;
   box-shadow:0 0 10px rgb(0 0 0 / 20%); 
   }

.navbar {
    padding: 0.5rem 0.5rem;
    width: 70% !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: 'GmarketSansMedium'; padding-top: 0.5em;}
.navbar-nav li .dropdown-item{font-family: 'GmarketSansMedium';}
.navbar-nav li a:hover{color: #36318f;}
.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-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: #36318f;
}

.nav-item{margin-right:1.5rem !important }
.dropdown-item{font-size: 17px; line-height: 1.8em;}
.dropdown-menu{background-color:#062a5b !important; border: 0 !important;}
.dropdown-menu a{color: #fff;border-bottom: 1px solid rgb(255 255 255 / 38%) !important; width: 90%; margin: 0 auto;}
.dropdown-menu a:last-child{ border-bottom: 0 !important;}
.dropdown-item:hover, .dropdown-item:focus {
  color: #fff1be !important;
  text-decoration: none;
  background-color: #0453a9 !important;
  width: 100%;
}

.top_sns{display: flex; padding-top: 1.2em;}
.top_sns li{ padding: 0 0.2em;}
.navbar-nav .sns-btn{display:none;}

.login{right:3%;top:50%;}
.btnlogin{border: 2px solid #36318f;
  border-radius:5px;
  background-color: white;
  color: #36318f;
  padding: 4px 8px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
font-family: 'GmarketSansMedium';
}
.btnlogin:hover{
  background: #36318f;
  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: #36318f; 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: #36318f;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 #36318f;
  border-radius:5px;
  background: #36318f;
  color: white;
  padding: 1% 2%;
  font-size: 18px;
  cursor: pointer;
  margin: 2em 0;
}

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

/* 메인페이지 */
#main-visual{ height: 55vw; background: url("../images/main_bg.png?ver=2.0") no-repeat bottom; padding-top: 6em; background-size: cover;}
.main_quick{display: flex; position: relative; top:-8.9em; z-index: 10;}
.main_quick li{width: 33.33%; background: #062a5b;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: space-between;padding: 4em 10em;}
.main_logicon li{float: left;}

.main_title{ display: flex; flex-direction:column; text-align: center; padding: 10em 0;}

.poster_txt{border: 2px solid #36318f;padding: 2.5em;margin: 1em auto;background: #fff;border-radius: 1.3em;width: 65%;}
#main_info{ padding: 10em 0 6em 0; text-align: center; background: url("../images/info_bg.png") no-repeat top center;background-size: cover;}
#main_info h2{font-weight: bold;font-size: 3em;margin-bottom: 0.5em;color: #36318f; margin-top: -1em; line-height:1em; font-family:'GmarketSansMedium'; font-weight: bold;}
#main_info h3{ font-size: 1.8em;}
#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: 450px;}

#main_people{
  width: 100vw;
  height: 90vh;
  /*background: #f0fffb !important;*/
  padding:8em 0 6em 0;
  background: url("../images/people_bg.png") no-repeat bottom;
  background-size: cover;
}

#demos h3{text-align: center !important;font-size: 40px;font-weight: bold; font-family: 'GmarketSansMedium';}
#demos h3 span{font-size: 20px; font-weight: 600; display: block;}
#demos .owl-carousel .item h4{margin-top:0.5em !important;}
#demos h5{font-size:18px;}


.sponsor{display: flex;justify-content: center;flex-direction: column;}
.sponsor dl {display: flex;align-items: center;margin-right: 2.2em;flex-direction: row;}
.sponsor dd img{padding: 0 0 5px 10px;}
.sponsor dt{font-size: 18px;font-family: 'GmarketSansMedium', sans-serif;/* margin-right: 5px; */width: 90px;background: #36318f;border-radius: 3px;color: #f8f9fa;padding: .5em;text-align: center;}
.sponsor dd{text-align: left;display: flex;margin: 0;}
.spon_title{/* align-items: baseline !important; */border:0 !important;padding-top: 1.5em;}

#spon{background: #f7f7f7; padding: 3em 0;}
.spon_list{text-align: center;}
.spon_list h4{padding-top: 1.5em; font-size: 20px;color:#36318f;}
.spon_list h4 span {
	background: #36318f 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;}

/* //메인페이지 */



/* 서브페이지 */
#sub-visual{border-bottom: 1px solid #eee;height: 40vh;background: #fbfbfb;padding-top: 13em;background: url("/images/sub2026.jpg") no-repeat center bottom;}
.sub_logicon{position: absolute;left: 16%;top: 15%;}
.sub_banner{ display: flex; justify-content: space-between;}
.banner_heading{font-weight:600;
	font-size:2em;
	color:#fff;
	padding-top:10%;
    text-transform: uppercase;
} 
.banner_date{
	font-weight:400;
	font-size: 1.5em;
	color: #ffffff;
	padding-top: 10%;
} 

.side-menu{border-bottom: 1px solid #abbfd6; 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;}
.side-menu .sub-menu01 li a{color: #7f7f7f;}
.side-menu .sub-menu01 .on a, .side-menu .sub-menu01 li a:hover{color: #36318f;}
.sub-menu02{display: none;cursor: pointer;}
.sub-menu02 span{color: #36318f; 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: 0.5em;
}
.sub_cont {padding: 1em 0 3em 0; word-break:keep-all; overflow:auto;}
.sub_cont ul, li{margin: 0 !important;}
.sub_cont .row{margin: 0;}
.sub_tab {
  overflow: hidden;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  margin: 0 0 0.5em 0;
  font-family: 'GmarketSansMedium';
}
.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: #36318f;
  color: #fff;
}

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

.session_title{font-size: 30px; font-weight: 600; text-align: center; margin-bottom: 1em;}
.session_title span {
	background: #36318f 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: 20px;color: #36318f;}
.subtabcontent table {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.subtabcontent th, .subtabcontent td {
  text-align: left;
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.subtabcontent th{ width: 20%; background: #f6fbff; text-align: center; font-size: 20px; font-family:'GmarketSansMedium'; color:#36318f;}
.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-weight: 400;text-align: center;border: 1px solid #abbfd6;background: #fbfdff;padding: 3em;}
.info_txt dl{display: flex;flex-direction: row;}
.info_txt dt{width: 90px; height: 40px; background: #36318f; padding: 10px 0; color: #fff; border-radius: 3px;}
.info_txt dd{text-align: justify; padding: 10px;}


.info_photo{display: flex;}
.info_photo img{border: solid 1px #E7E7E7;}
.info_photo .photo_name{padding-left: 5px;display: table-cell;vertical-align: bottom;height: 130px;}
.info_photo dl{margin: auto 0 auto 20px; width: 100%;}
.info_photo dt{font-size: 30px; padding-left: 10px; color:#36318f; margin-bottom: 15px;}
.info_photo dt span{ font-size: 16px; color: #666; padding-left: 10px;font-weight: 500;}
.info_photo dd{background: #f7f7f7; padding: 20px; width: 100%;}


.info_hi{display: flex; margin-top: 2em; justify-content:space-between;}
.info_hi_photo{ width: 20%;}
.info_hi_txt01{ width: 74%;}
.info_hi_txt01 p{font-weight: bold; margin-top:1em; font-family: 'NotoSerifKR'; font-size: 18px;}
.info_hi_txt01 span{font-size: 15px; margin-right: 0.3em;}
.info_hi_txt01 .font-bm{font-family: 'NotoSerifKR'; font-size: 22px; margin-top:0; margin-bottom: 1em; font-weight: 400;}

.program table{
	  border-collapse: collapse;
	  width: 100%;
	  border-top: 1px solid #e5e5e5;
	  border-bottom: 1px solid #e5e5e5;
	  font-size: 16px;
	  min-width: 500px;
	  margin-bottom: 2em;
	  line-height: 22px;
}
.program th, .program td {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
.program table{
	  border-collapse: collapse;
	  width: 100%;
	  border-top: 2px solid #36318f;
	  border-bottom: 2px solid #e5e5e5;
	  /* border: 1px solid #e5e5e5; */
	  font-size: 16px;
	  min-width: 500px;
	  margin-bottom: 2em;
	  line-height: 22px;
}
.program th, .program td {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  /* border-right: 1px solid #e5e5e5; */
  text-align: center;
}
.program .right{border-right: 1px solid #e5e5e5;}
.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: #f1fffc !important;
	color: #003e82;
}
.program .identify span{font-size: 12px;}

.program .blank{  border-bottom: none !important; padding: 15px 0 0 0; }

.program table .text-primary{ color: #005d93 !important; }
.program table .bg-info { font-size: 14px !important;}
.program table .bg-dark { font-size: 14px; width:80px !important;}

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

.live_title{ background: #36318f; 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: #f7f7f7; 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: #36318f;
  color: white;
  padding: 3%;
  font-size: 12px;
  cursor: pointer;
  letter-spacing: 2px;
  margin: 5px 5px 0 0;
  float: right;
  height:78px;
}

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

.history_txt{font-weight: 400;text-align: center;border: 1px solid #abbfd6;background: #fbfdff;padding: 3em 1em;}
.history_txt img{width: 100%;}
.history-info {padding: 1em 0;}
.history-info dl{display: flex;flex-direction: row;}
.history-info dt{width: 80px;height: 32px;background: #36318f;padding: 6px 0;color: #fff;border-radius: 3px;font-size: 15px;}
.history-info dd{text-align: left; padding: 5px 10px;}
.history-info .session{line-height: 1.5em !important;}
.history-info .session p{font-size: 15px;color: #616161;border: solid 1px #e6e6e6;padding: 10px; background: #f6fbff;}
.history-info .session b{ color: #36318f; width: 70px;}
.history-info .session span{padding-left: 4em;}

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

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

/*자문위원*/
/* 그리드 레이아웃 (반응형) */
.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 25px;
}


/* 기본 자문위원 카드 디자인 (세로형) */
.consultant-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.03);
}


/* ★ [수정] 사진(프로필 썸네일) 사각형 스타일 ★ */
.profile-thumb {
   	width: 180px;
    height: 230px; /* 세로가 약간 더 긴 신분증/프로필 비율 */
    margin: 0 auto 20px auto;
    border-radius: 8px; /* 모서리를 부드럽게 깎은 사각형 */
    overflow: hidden;
    background-color: #edf2f7;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.profile-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 이미지가 왜곡되지 않도록 사각형 틀에 맞춤 */
}

.name {
    font-size: 1.3rem;
    color: #1a202c;
    font-weight: 700;
    margin-bottom: 8px;
}

.company {
    font-size: 0.9rem;
    color: #4a5568;
    word-break: keep-all;
}


/* //서브페이지 */



#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: 1490px){
	.navbar{width: 100% !important;}
}

@media only screen and (max-width: 1440px){
	.sub_logicon{ top:20%;}
	.sub_logicon img{width: 100%;}
	#sub-visual{background: url("/images/sub2026.jpg") no-repeat center 80px; height: 360px;}
	.banner_heading,.banner_date{padding-top: 3%;}
	.navbar-nav li{font-size: 20px !important;}
	.main_title{padding:3em 0; width: 60%; margin: 0 auto;}
	.main_title img{ width: 100%;}
	.sub_logicon img{display: none;}
}

/* 테블릿 가로 */
@media only screen and (max-width: 1024px){
	h1 img{width: 70%;}
	.container { width: 90%; padding: 0 15px;}   
	.side-sns{display: none;}
	.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%;}
	.navbar{width: 100% !important;}
	.sponsor{display: block;}
	.sponsor dl{display: block;text-align:center;margin-right: 0 !important;}
	.sponsor dt{margin-bottom:10px;}
	.spon_title dt{width: 90px;margin: .5em auto;padding: 0.4em;font-size: 16px;}
	.sponsor dd{ text-align: center; display: flow; justify-content: center;}
	.sponsor dd img{padding: 0 8px 8px 0 !important;}
}


/* 테블릿 세로 */
@media only screen and (max-width:991px) {
	header {margin-bottom:1em;}
	#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;}
	.top_sns{display: none;}
	.navbar-nav .sns-btn{display: block;border: 0 !important;text-align: right;padding-top: 0.8em;/* background: #eee; */}
	.navbar-nav{padding: 1em 0 !important; border: 1px solid #eee !important;}
	.navbar-nav li{text-align: left; padding: 0 1em; border-bottom: solid #f1f1f1 1px; width: 95%; 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:#36318f !important;
	  background-color: #f1f1f1 !important;
	}
	aside{ display:none;}
	.menu_univ{display: block; text-align: right;padding:1em;}
	#sub-visual{min-height: 14rem !important;}
	.banner_heading{
	font-size:2em;
	padding-top:6%;
    
	} 
	.banner_date{font-weight:600;
	font-size:1.5em;
	padding-top:8%;
	} 
}

@media only screen and (max-width: 820px) {
	.live{display:contents;}
	.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: 500px;}
	.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%;}
	.main_logicon{padding: 2em;}
	.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-top: 10%;
	} 
	.info_hi_photo{ width: 35%; margin-right: 5%;}
	.info_hi_txt01{ width: 60%;}
	#sub-visual{height:350px;  background: url("/images/sub2026.jpg") no-repeat center 65px;}
	.partner-list li{width: 45%;}
	.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;}
	.consultant-card.leader .profile-thumb {
        margin: 0 auto 20px auto;
    }
}

/* 모바일 */
@media only screen and (max-width: 767px) {
	.sns{
	margin-right:1em;
	}
	.banner_heading{
	font-size:1.8em;
	padding-top:11%; 
	} 
	.banner_date{font-weight:600;
		font-size:1em;
		padding-top:14%;} 
	.history-info .session span{padding-left: 0;}
}

@media only screen and (max-width:500px){
	.container{ width: 95% !important;}
	.history-gallery .col-sm-3{ width: 50%;}
	.partner-list li{width: 100%; margin: 0.5em 0 !important;}
	.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;}
	.main_title{padding:2em 0;width: 80%;margin: 0 auto;}
	#main-visual{height: 400px;}
	.program dd{width: 75% !important;}
}

@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%;}
	#sub-visual{height: 300px;background: url("../images/mobile_sub2026.jpg") no-repeat bottom;background-size: 100%;}
	#top-nav{ padding-bottom: 1em;} 
	.main_logicon{padding: 1.3em;}
	.main_logicon img { width: 50%;}
	#main_info h2{font-size: 1.5em;}
	#main_info h3{font-size: 1.4em;}
	#main_info h5{font-size: 0.9em; word-break: keep-all;}
	.poster_txt{width: 70%;padding: 1.5em;}
	.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: 25px;word-break: keep-all;line-height: 32px;}
	.info_photo{display: block;}
	.info_photo .photo_name{padding-left: 5px;display:inline;}
	.banner_heading{font-size: 1em;padding-top: 5%;}
	.banner_date{padding-top: 5%;}
	.btnenter{ padding: 2% 2%;}
	.info_txt{text-align:left; word-break:keep-all; padding: 1em;}
	.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 span{display: none !important;}	
	.info-hi .none{display: block !important;}	
	.main_title{width: 85%;}
	.sub_tab button{font-size: 12px;padding: 0;height: 50px;}
}


@media only screen and (max-width:375px) {
	#top-nav h1{
		transform: none;
		font-size: 1.5em;
	}
	#top-nav{ padding-bottom: 0.3em;} 
	.sub_tab button{font-size: 14px;}
	.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;}
	.info_hi_txt01 .font-bm{font-size: 20px;}
	.sub_logicon{left:5%;}
	.subtabcontent th, .subtabcontent td{padding: 10px !important;}
	.main_title{padding: 2.5em 0;}
	.sub_tab button{font-size:13px;}
	.sponsor dd{display: flex;flex-direction: column;}
	.sponsor dd img{width: fit-content;margin: 0 auto;}
}

@media only screen and (max-width:320px) {
	.poster_txt{width: 80%;}
	.main_quick li{font-size: 11px;}
	.info_hi_photo img{width: 100% !important;}
	#sub-visual{height:  260px;}
	.sub_tab button{font-size:11px;}
}