@charset "utf-8";


/* reset */
* 		{ margin:0; padding:0; box-sizing:border-box; outline:none; word-break:keep-all; }
html, body, h1, h2, h3, h4, h5, h6, input, select, button, textarea, a, div, p, pre { font-family:'Pretendard GOV'; line-height:1; color:#292929; /* font-size:20px; */ font-weight:400; }
body	{ background:#fff; }
img 	{ border:0; vertical-align:top; max-width:100%; }
table 	{ border-collapse:collapse; border-spacing:0; }
ul,ol,li 		{ list-style:none; }
a 				{ border:0; text-decoration:none; color:#333; transition: all 0.1s; }
legend,caption	{ visibility:hidden; width:0; height:0; font-size:0; line-height:0; }
address,cite,em,var 	{ font-style:normal; }
label 			{ cursor:pointer; }
button			{ border:0; background:none; cursor:pointer; }
pre				{ white-space:pre-wrap; font-size:inherit; line-height:inherit; }
.slick-list		{ overflow:hidden; }
.slick-slide	{ float:left; }


/* 실시간 스트리밍 하단 부분 숨김
.vjs-control-bar		{ display:none !important; visibility:hidden !important; }
 */

/* 공통 사용 */
/* 동영상 이미지 팝업// */
.vodPop				{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:200; display:none; }
.vodPop .popClose	{ width:38px; height:37px; background:url(../img/frame/btn-x-circle-popup.svg) 0 0 no-repeat; position:absolute; top:-65px; right:-30px; }
.pop_vodWrap		{ width:836px; transform:translate(-50%, -50%); position:absolute; top:50%; left:50%; }
.playVod 			{ position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url('../img/frame/btn_play_big.svg') no-repeat 50% 50%; }

.cntListPop				{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:200; display:none; }
.cntListPop .popClose	{ width:56px; height:56px; background:url(../img/frame/btn-x-circle-popup.svg) 0 0 no-repeat; position:absolute; top:-96px; right:-87px; }
.pop_cntListWrap		{ width:600px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.pop_cntList			{ position:relative; width:600px; }
.pop_cntList .slick-list		{ text-align:center; max-width:600px; width:600px; }
.pop_cntList img		{ width:600px; }
.pop_cntList .slick-arrow		{ position:absolute; top:50%; margin-top:-12px; width:24px; height:24px; text-indent:-9999px; }
.pop_cntList .slick-next		{ right:-56px; border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg); }
.pop_cntList .slick-prev		{ left:-56px; border-top:3px solid #fff; border-left:3px solid #fff; transform:rotate(-45deg); }
.pop_cntListWrap .customPaging	{ padding:30px 0 0; text-align:center; color:#fff; font-size:18px; font-weight:bold; }
/* //동영상 이미지 팝업 */


.tvAlram			{ width:492px; height:143px; background:url(../img/layout/tvAlram.svg) 0 0 no-repeat; position:fixed; bottom:0; right:0; z-index:101; text-align:center; }
.tvAlram p			{ background:url(../img/layout/tvAlramIco.svg) 14px 13px no-repeat; padding:40px 20px 0; font-size:18px; color:#fff; line-height:27px; letter-spacing:-1px; }
.tvAlram p strong	{ font-weight:500; }
.tvAlram a			{ width:17px; height:17px; background:url(../img/layout/tvAlramClose.svg) 0 0 no-repeat; position:absolute; top:14px; right:14px; }
.gotocardnewslink_web{ position: absolute;
    top: 0;
    right: 0;
    display: block;
   box-shadow: 0px 0px 5px #c2c2c2;
    padding: 10px 15px;
    background: #1f3c76;
    font-size: 15px;
    color:#fff !important;
}
 .gotocardnewslink_web img, .gotolink img{
 width: 15px;    vertical-align: middle;} 
.gotocardnewslink_web:hover, .gotocardnewslink_web.active{
	 box-shadow: none;
}

.gotocardnewslink_web02{ position: absolute;
        top: 45px;
    right: 0;
    display: block;
   box-shadow: 0px 0px 5px #c2c2c2;
    padding: 10px 17px;
    background: #1f3c76;
    font-size: 15px;
    color:#fff !important;
}
 .gotocardnewslink_web02 img{
 width: 15px;    vertical-align: middle;} 
 
.gotocardnewslink_web02:hover, .gotocardnewslink_web02.active{
	 box-shadow: none;
}
.gotolink_wrap{
	text-align: center;
    margin-top: 20px;
    background: #1f3c76;
    color: #fff;
    padding: 8px 8px;
}
.gotolink_wrap a{
	    color: #fff;
	    width: 100%;
	    height: 100%;
	    display: block;
}

/*221122 추가*/
html, body {
   	/*font-size:16px;*/
   }
.tab2_box1, 
.tab_container {
     max-width: 1290px !important;
     width:100% !important;
     margin: 40px auto 0; 
}  
ul.tab2_box1 li {
 	width:50%;
}
ul.tab2_box1 li.on {
	background:#171717;
}
#container, .wrap {
	overflow:visible;
}
.wrap {
	max-width:1000px;
	width:100%;
}
.gotocardnewslink_web, .gotocardnewslink_web02{
	top:0;
	right:0;
	padding:10px 17px; 
	width:205px;
	background:#171717;
	white-space: nowrap;
}
.gotocardnewslink_web02 {
	top:45px;
}
.info .contents .infoTxt1 {
	/*max-width:550px;*/
	width:100%;
}
.infoTop2021 .innoexpo {
}
.infoTop2021:after {
	display:none;
}
.infoTop2021:before {
	/*content:"";*/
	/*position:absolute;*/
	/*bottom:0;*/
	/*right:0;*/
	/*width:206px;*/
	/*height:291px;*/
	/*background:url(/static/ucms/img/expo2021/frame/img_poster.png) no-repeat center center / cover;*/
}
.infoBox a {
	color:#292929 !important;
}
.infoBig h3{
	display:inline-block;
	font-size: 3.2rem;
	padding:100px 0 0;
}
.infoBig h3:after {
	content:"";
	display:block;
	width:100%;
	height:4px;
	background:linear-gradient(to right, #015eea, #00c0fa);
	margin-top:6px;
}
.infoTit {
	position:relative;
	display:inline-block;
	font-size:2.4rem !important;
}
.infoTop3 {
	font-size:1.25rem !important;
}
.infoTop3 > span {
	font-size:1.8rem;
	font-family:'Pretendard GOV';
}
.infoTit:before {
	content:"";
	position:absolute;
	bottom:10px;
	width:100%;
	height:15px;
	background:#69d5e5;
	z-index:-1;
}
.blueBox {
	position:relative;
	background:#e5f8fb;
	padding:25px 0;
	box-sizing:border-box;
}
.blueBox:before {
	content:"";
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:300%;
	height:100%;
	background:#e5f8fb;
	z-index:-1;
}
.blueCont {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-end;
	width:100%;
}
.blueCont > div {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:33%;
	margin:30px 0;
	text-align:center;
	border-right:1px solid #cadadf;
}
.blueCont > div:nth-child(4), .blueCont > div:last-child {
	width:40%;
}
.blueCont > div:nth-child(3), .blueCont > div:last-child {
	border-right:0;
}
.blueCont > div h4 {
	margin:15px 0;
	text-align:center;
	font-size:2.2rem;
}
.blueCont > div span {
	font-family:'Pretendard GOV';
	font-weight:100;
	color:#666;
	font-size: 18px;
}
.goExpo {
	position:relative;
	max-width:270px;
	width:100%;
	margin:55px auto;
	display:block;
	padding:20px 55px 20px 15px;
	background:linear-gradient(135deg, #98c2f8, #7d96ee);
	border-radius:50px;
	box-shadow:0px 16px 20px rgb(0 0 0 / 16%);
}
.goExpo > a {
	color:#fff;
	font-family:'Pretendard', sans-serif;
	font-size:1.125rem;
	font-weight:600;
	width:100%;
	height:100%;
	display:block;
}
.goExpo:after {
	content:"⇀";
	position:absolute;
	top:calc(50% - 24px);
	right:20px;
	color:#fff;
	font-family:'Pretendard', sans-serif;
	font-size:40px;
	font-weight:100;
}
.metaBus ul {
	display:flex;
	max-width:600px;
	width:100%;
	margin:10px auto;
}
.metaBus ul > li {
	position:relative;
	width:49%;
	border:4px solid #2196f3;
	overflow:hidden;
}
.metaBus ul > li > a {
	width:100%;
	height:100%;
	display:block;
}
.metaBus ul > li > a > img {
	width:100%;
	z-index:99;
}
.metaBus ul > li:first-child {
	margin-right:2%;
}
.metaBus ul > li:after {
	content:"";
	position:absolute;
	top:-7px;
	right:-7px;
	width:30px;
	height:30px;
	background:url(/static/ucms/img/expo2021/frame/external-link.png) no-repeat;
	cursor:pointer;
}
.realProgram {
	display:flex;
}
.realProgram > ul {
	position:relative;
	display:flex;
	width:100%;
	margin:20px 0;
}
.realProgram > ul:nth-child(odd) {
	border-top:6px solid;
	border-image: linear-gradient(to right, #015eea, #00c0fa);
	border-image-slice: 1;
}
.realProgram > ul:nth-child(even) {
	border-top:6px solid;
	border-image: linear-gradient(to right, #ed6e9f, #ec8b6b);
	border-image-slice: 1;
}
.realProgram > ul:before {
	content:"";
	position:absolute;
	top:18px;
	left:50%;
	width:1px;
	height:100%;
	background:#dbdbdb;	
}
.realProgram > ul > li {
	width:45%;
	margin:20px auto 0;
}
.realProgram > ul > li a {
	width:100%;
	height:auto;
	display:block;
	box-sizing:border-box;
}
.realProgram > ul > li h4 {
	font-size:2rem;
	margin:10px 0;
}
.realProgram > ul > li p {
	font-size:1.125rem;
}
.realProgram span{font-size: 1.8rem}
.vodArea {
	position:relative;
	margin:50px 0 !important;
}
.vodArea:before {
	content:"";
	position:absolute;
	bottom:-6%;
	left:50%;
	transform:translateX(-50%);
	width:300%;
	height:100%;
	background:linear-gradient(to bottom, transparent, #ecf4fd);
}
.contents .vodArea {
	width:100% !important;
}
.contents .vodArea video {
	max-width:852px !important;
	width:100% !important;
    height:auto !important;
} 
@media all and (max-width:1024px) {
	#content {
		width:100% !important;
		padding:40px 0 0 !important;
	}
	.contents {
		padding:10px 5px !important;
	} 
	.blueCont {
		display:block;
	}
	.blueCont > div {
		flex-direction:row;
		width:100%;
		text-align:left;
		padding-bottom:34px;
		border-right:none;
		border-bottom:1px solid #cadadf;
	}
	.blueCont > div:last-child {
		border-bottom:none;
	}
	.blueCont img {
		width:65px;
		margin-right:10%;
	}
	.blueCont > div h4 {
		text-align:left;
	}
	.blueCont > div:nth-child(4), .blueCont > div:last-child {
		width:100%;
	}
	.vodArea:before {
		display:none;
	}
}
@media all and (max-width:768px) {
	.info .contents .titImg {
		padding-top:80px;
	}
	.infoTop2021 .innoexpo {
		display:none;
	}
	.infoTop2021:before {
		display:none;
	}
	.linkWrap {
		position:absolute;
		top:0;
		display:flex;
	}
	.linkWrap > a {
		position:static !important;
	}
	.linkWrap > a:first-child {
		margin-right:0.4rem;
	}
}
@media all and (max-width:480px) {
	.info .contents .titImg {
		/*padding-top:150px;*/
	}
	.linkWrap {
		flex-direction:column;
	}
	.linkWrap > a {
		margin-top:0 !important;
	}
	.linkWrap > a:first-child {
		margin-right:0;
		margin-bottom:10px;
	}
	.br480 {
		display:none;
	}
	.infoTop2021:before {
		display:none;
	}
	.info .contents .infoBox p strong {
		display:block;
		width:100%;
	}
	.metaBus ul {
		display:block;
	}
	.metaBus ul li {
		width:100%;
		margin-bottom:1rem;
	}
	.realProgram ul {
		flex-direction:column;
		margin:0;
	}
	.realProgram ul:nth-child(odd) {
		border-top:none;
	}
	.realProgram ul:nth-child(even) {
		border-top:none;
	}
	.realProgram > ul:before {
		display:none;
	}
	.realProgram > ul > li {
		display:flex;
		align-items:flex-start;
		width:100%;
		padding-top:10px;
	}
	.realProgram > ul > li:nth-child(odd) {
		border-top:4px solid;
		border-image: linear-gradient(to right, #015eea, #00c0fa);
		border-image-slice: 1;
	}
	.realProgram > ul > li:nth-child(even) {
		border-top:4px solid;
		border-image: linear-gradient(to right, #ed6e9f, #ec8b6b);
		border-image-slice: 1;
	}
	.realProgram > ul > li h4 {
		margin:0 0 10px 0;
	}
	.realProgram > ul > li a {
		width:auto;
	}
	.realProgram > ul > li img {
		max-width:160px;
		margin-right:1rem;
		display:block;
	}
	.goExpo > a {
		font-size:1rem;
	}
}
@media all and (max-width:380px) {
	.realProgram > ul > li {
		flex-direction:column;
	}
	.realProgram > ul > li img {
		max-width:480px;
		width:100%;
	}
	.realProgram > ul > li h4 {
		margin:10px 0;
	}
}