@charset "utf-8";
#container_main{ position: relative; overflow: hidden; }


.img { position: relative; }
.img .wrap { position: relative; /*padding-top: 66%;*/ overflow: hidden; }
.img .wrap .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); }
.img .wrap .centered img { position: absolute; top: 0; left: 0; width: auto; height: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.control a{float:left; width:30px; height:30px; margin:0 0 0 -1px; font-size:0; text-indent:-9999px; border:1px solid #a2a2a1; background:url("/images/standing/common/ico_bullet.png") 0 0 no-repeat;}
.control a:first-child{margin:0;}
.control .btn_next{background-position-x:-60px;}
.control .btn_stop{background-position-x:-30px;}
.control .btn_play,
.control .btn_stop.on{background-position-x:-30px;}
.control .more{position:relative; background-position-x:-90px;}
.control .more:before,
.control .more:after{display:none;}
.control a:hover,
.control a:focus,
.control a:active{background-color:rgba(0,0,0,0.05);}

/* main top */
#mainTop { position: relative; overflow: hidden; }
/*
#mainTop:before { content: ''; display: block; width: calc(50% - 1000px); height: 100%; position: absolute; left: 0; top: 0; background-color: #00264d; }
#mainTop:after { content: ''; display: block; width: calc(50% - 1000px); height: 100%; position: absolute; right: 0; top: 0; background-color: #0a6869; }
*/

/* visual */
#visual { width: 100%; max-width: 1920px; margin: 0 auto; height: 560px; }
#visual .img { height: 100%; }
#visual .img .wrap { height: 100%; } 
@media all and (max-width: 1220px) {
	#visual { height: auto; }
	#visual .img .wrap { padding-top: 29.16%; } 
}

/* 의사일정 */
#agenda {position:relative; width:100%; color:#fff; background: url("/images/standing/main/bg_agenda.png") center bottom no-repeat; margin-top: -80px;}
#agenda h4{float:left; width: 144px; box-sizing:border-box; padding: 12px 0;}
#agenda h4 span { display: block; font-size: 17px; font-weight: 200; color: #ccc; }
#agenda h4 .month { font-size: 20px; font-weight: 400; color: #fff; margin-bottom: 4px; }
#agenda h4 .month strong { font-size: 30px; font-weight: 800; }
#agenda .date{float:left; width: 195px; height: 40px; line-height: 40px; background-color: #f58a00; color: #fff; font-size:18px; font-weight: 800; text-align: center; border-radius: 20px; letter-spacing:0; margin: 20px 0; }
#agenda .date strong{font-size:23px; font-family:"Tahoma";}
#agenda .list_wrap{float:left; width:calc(100% - 485px); padding:0 0 0 20px; box-sizing:border-box;}
#agenda .list_wrap *{vertical-align:top; height:80px; line-height:80px;}
#agenda .list{position:relative; float:left; width:100%; padding:0 0 0 10px; box-sizing:border-box;}
#agenda .list:before{content:''; display:block; position:absolute; top:50%; left:0; width:3px; height:3px; margin: -1px 0 0 0; background:#fff;}
#agenda .list a{position:relative; display:block; padding:0 0 0 100px; color:#fff; box-sizing:border-box; font-size: 18px;}
#agenda .list em{display:inline-block; overflow:hidden; max-width:calc(100% - 110px); text-overflow:ellipsis; white-space:nowrap; padding-right: 10px;}
#agenda .list .time{position:absolute; top:0; left:0;}
#agenda .list .time:after { content: '|'; font-size: 14px; color: #777; vertical-align: bottom; margin-left: 12px; }
#agenda .list .ico{position:relative; display:inline-block; width:auto; height:100%; line-height:80px; font-size:15px; color:#ff5f28; padding-left: 31px;}
#agenda .list .ico:before { content: ''; width: 26px; height: 16px; background: url("/images/standing/main/icon_live.png") center no-repeat; position: absolute; left: 0; top: 0px; bottom: 0; margin: auto; }
#agenda .list a:hover em,
#agenda .list a:focus em,
#agenda .list a:active em{text-decoration:underline;}
#agenda .control {position:absolute; top:24px; right:0px;}
#agenda .control .more{position:relative;}
#agenda .btn_year{position:absolute; right:0; top:18px; display:block; height:31px; line-height:31px; padding:0 20px; color:rgba(255,255,255,0.91); font-size:15px; font-weight:800; letter-spacing:0; transition:background-color 0.3s ease; background:#4b90ee;}
#agenda .btn_year:hover{color:#fff; background-color:#1e7dfe;}
@media all and (max-width: 1024px) {
	#agenda { margin-top: 0; background: rgba(0, 42, 61, .9); }
	#agenda h4 { width: auto; padding: 0; line-height: 60px; margin-right: 15px; }
	#agenda h4 span { display: inline-block; margin-right: 5px; }
	#agenda h4 .month { margin-bottom: 0; }
	#agenda .date { width: 155px; font-size: 16px; margin: 10px 0; }
	#agenda .list_wrap { float: none; clear: both; width: 100%; padding: 0; margin-bottom: 20px; }
	#agenda .list_wrap * { height: 30px; line-height: 30px;}
	#agenda .list .ico { line-height: 30px; }
	#agenda .list a { font-size: 16px; }
	#agenda .control { top: 14px; }
}
@media all and (max-width: 568px) {
	#agenda h4 { line-height: 32px; margin: 10px 0; }
	#agenda h4 span { font-size: 15px; }
	#agenda h4 .month { font-size: 17px; }
	#agenda h4 .month strong { font-size: 24px; }
	#agenda .date { float: none; clear: both; height: 20px; line-height: 20px; font-size: 15px; }
	#agenda .list_wrap { margin-bottom: 10px; }
}

/* board */
#board{ position:relative; padding: 50px 0; height: 205px; }
#board .inner { height: 100%; }
#board .tit { margin-bottom: 20px; }
#board .tit h3 { margin-bottom: 5px; }
#board .tit p { font-size: 14px; font-weight: 200; color: #999; line-height: 100%; word-break: keep-all; }
#board li h4{ width: 267px; position: relative; z-index: 2; margin-bottom: 10px; box-sizing: border-box; padding-right: 50px; }
#board li:last-child h4{ margin-bottom: 0px; }
#board li h4 a { position: relative; display: block; line-height: 100%; font-weight: 400; font-size: 18px; color: #777; text-align: left; text-decoration: none; box-sizing: border-box; }
#board li h4 a span { position: relative; display: inline-block; z-index: 2; background-color: #fff; padding-right: 10px; }
#board li h4 a:hover,
#board li h4 a:focus,
#board li h4 a:active,
#board li.on h4 a { color: #095375; }
#board li h4 a:hover:after,
#board li h4 a:focus:after,
#board li h4 a:active:after,
#board li.on h4 a:after { content: ''; display: block; width: 100%; height: 1px; background-color: #095375; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; }
#board ul ul{display:none; position:absolute; top: 0; right: 0; width:calc(100% - 267px); font-size:16px; box-sizing: border-box; height: 100%; margin-left: -7.5px; margin-right: -7.5px; }
#board ul .on ul{display:block;}
#board ul ul li { float: left; width: 33.33%; box-sizing: border-box; padding-left: 7.5px; padding-right: 7.5px; }
#board ul ul li:after { content: ''; display: block; clear: both; }
#board ul ul li a{position:relative; display: block; box-sizing: border-box; padding: 30px; border: 1px solid #ddd; background-color: #fff; }
#board ul ul li a:after { content: ''; display: block; clear: both; }
#board ul ul li a:hover,
#board ul ul li a:focus,
#board ul ul li a:active { box-shadow: 5px 5px 2px rgba(0, 0, 0, .05); }
#board ul ul li a:hover .title,
#board ul ul li a:focus .title,
#board ul ul li a:active .title,
#board ul ul li a:hover > p,
#board ul ul li a:focus > p,
#board ul ul li a:active > p { text-decoration: underline; }
#board ul ul li .title{display:block; line-height: 150%; font-size: 16px; font-weight: 400; color: #555; word-break: keep-all; margin-bottom: 71px; overflow: hidden; text-overflow: ellipsis; }
#board ul ul li .date { font-size: 16px; color: #999; font-weight: 200; }
#board ul ul li .new{display:inline-block; width:15px; height:15px; line-height:14px; font-size:10px; font-weight:bold; text-transform:uppercase; text-align:center; color:#fff; border-radius:50%; background:#d63700; vertical-align: middle; margin-left: 10px; margin-top: -2px; }
#board .none{width:100%; padding:3em 0 0 0; text-align:center; background:none;}
#board .none:before,
#board .more{display:none;}
#board .more { position: absolute; left: 0; bottom: 0; z-index: 2; }
#board .more a { display: block; width: 100%; height: 20px; line-height: 20px; background-color: #095375; box-sizing: border-box; padding: 0 20px; border-radius: 10px; font-size: 11px; color: #fff; font-weight: 100; transition: .3s; text-decoration: none; }
#board .more a:after { content: '→'; margin-left: 10px; }
#board .more a:hover,
#board .more a:focus,
#board .more a:active { background-color: #f58a00; }
#board .on .more{display:block; }
@media all and (min-width: 769px) {
	#board ul ul li .title { height: 48px; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } 
}
@media all and (max-width: 1024px) { 
	#board .tit { width: 157px; box-sizing: border-box; padding-right: 20px; }
	#board .tit h3 img { height: 33px; }
	#board li h4 { width: 157px; padding-right: 20px; } 
	#board ul ul { width: calc(100% - 157px); }
}
@media all and (max-width: 768px) { 
	#board { padding: 30px 0; height: 210px; }
	#board .tit { width: 100%; }
	#board .tit:after { content: ''; display: block; clear: both; }
	#board .tit h3 { float: left; }
	#board .tit p { float: left; padding: 15px 0 0 10px; }
	#board ul ul { margin: 0; top: 52px; }
	#board ul ul li { float: none; width: 100%; padding: 0; margin-bottom: 10px; }
	#board ul ul li:last-child { margin-bottom: 0px; }
	#board ul ul li a { padding: 10px; }
	#board ul ul li .title { float: left; width: 70%; height: auto; margin-bottom: 0; white-space: nowrap; }
	#board ul ul li .date { float: right; width: 30%; text-align: right; }
	#board ul ul li .new { display: none; }
}
@media all and (max-width: 568px) { 
	#board { height: 205px; }
	#board .tit h3 img { height: 28px; }
	#board li h4 a { font-size: 16px; }
	#board li h4 { width: 127px; padding-right: 10px; }
	#board ul ul { width: calc(100% - 127px); }
	#board ul ul li .title,
	#board ul ul li .date { font-size: 14px; }
	#board ul ul li .title { width: calc(100% - 66px); }
	#board ul ul li .date { width: 66px; }
}
@media all and (max-width: 350px) {
	#board .tit p { display: none; }
}

/* gallery */
#gallery { position: relative; box-sizing: border-box; padding: 50px 0 40px; background: rgba(245, 245, 245, .7) url("/images/standing/main/bg_gallery.png") left top repeat; }
#gallery .tit { margin-bottom: 10px; }
#gallery .tit:after { content: ''; display: block; clear: both; }
#gallery .tit * { float: left; }
#gallery .tit p { padding: 10px 0 0 10px; }
#gallery .list { margin-left: -13px; margin-right: -13px; overflow: hidden; position: relative; z-index: 2; }
#gallery .list .slick-track { margin-left: 0; margin-right: 0; }
#gallery .list .item { float: left; width: 25%; box-sizing: border-box; padding-left: 13px; padding-right: 13px; padding-bottom: 10px; position: relative; }
#gallery .list .item .img { overflow: hidden; }
#gallery .list .item .img .wrap { padding-top: 65.71%; transition: .3s; }
#gallery .list .item .txt { width: 100%; box-sizing: border-box; padding: 20px; }
#gallery .list .item .txt h5 { font-weight: 200; font-size: 16px; color: #555; height: 48px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; word-break: keep-all; margin-bottom: 20px; }
#gallery .list .item .txt p { font-size: 16px; font-weight: 200; color: #999; }
#gallery .list .item a { display: block; position: relative; border: 1px solid #ddd; background-color: #fff; }
#gallery .list .item a:hover,
#gallery .list .item a:focus,
#gallery .list .item a:active { box-shadow: 5px 5px 2px rgba(0, 0, 0, .05); }
#gallery .list .item a:hover .img .wrap,
#gallery .list .item a:focus .img .wrap,
#gallery .list .item a:active .img .wrap { transform: scale(1.1); }
#gallery .list .item.vod a:after { content: '영상회의록'; display: block; width: 115px; height: 30px; line-height: 30px; background-color: #f58a00; color: #fff; position: absolute; left: 0; top: 0; z-index: 2; text-align: center; font-size: 16px; }
#gallery .list .item.vod a .img:before { content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 2; }
#gallery .list .item.vod a .img:after { content: ''; display: block; width: 56px; height: 56px; background: url("/images/standing/main/icon_play.png") center no-repeat; background-size: contain; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 2; }
#gallery .tab { width: 100%; position: relative; margin-top: -55px; }
#gallery .tab > li { width: 100%; overflow: hidden; }
#gallery .tab > li > h4 { position: absolute; width: auto; top: 0px; display: block; text-align: left; box-sizing: border-box; z-index: 1; }
#gallery .tab > li > h4:after { content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #878484; position: absolute; top: 10px; right: 0; }
/*#gallery .tab > li:nth-child(1) > h4 { right: 215px; width:	39px; }*/
#gallery .tab > li:nth-child(1) > h4 { right: 0; width: 97px; }/* 임시로 한개만 보이게 함 */
#gallery .tab > li:nth-child(2) > h4 { right: 104px; width: 106px; }
#gallery .tab > li:nth-child(3) > h4 { right: 0; width: 97px; }
#gallery .tab > li:last-child > h4:after { display: none; }
#gallery .tab > li > h4 > a.tabmenu { display: inline-block; color: #777; font-size: 17px; font-weight: 100; }
#gallery .tab > li > h4 > a.more { display: inline-block; font-size: 0; width: 18px; height: 22px; background: url("/images/standing/main/icon_g_more.png") right 1px center no-repeat; vertical-align: bottom; margin-left: 3px; }
#gallery .tab > li > h4 > a.tabmenu:hover,
#gallery .tab > li > h4 > a.tabmenu:focus { text-decoration: none; }
#gallery .tab > li > h4 > a.tabmenu:hover,
#gallery .tab > li > h4 > a.tabmenu:focus,
#gallery .tab > li.on > h4 > a.tabmenu { color: #095375; }
#gallery .tab > li > .wrap { display: none; margin-top: 20px; box-sizing: border-box; }
#gallery .tab > li.on > .wrap { display: block; }
@media all and (max-width: 1024px) {
	#gallery .tit * { float: none; } 
	#gallery .tit h3 { margin-bottom: 5px; }
	#gallery .tit h3 img { height: 33px; }
	#gallery .tit p { padding: 0; }
	#gallery .list .item.vod a:after { font-size: 13px; height: 20px; line-height: 20px; width: 75px; }
	#gallery .list .item.vod a .img:after { width: 36px; height: 36px; }
	#gallery .tab { margin-top: -35px; }
	#gallery .tab > li > .wrap { margin-top: 40px; }
}
@media all and (max-width: 768px) {
	#gallery { padding: 30px 0; }
	#gallery .list .item .txt h5 { height: 42px; }
	#gallery .tab > li > .wrap { overflow-x: scroll; width: 100%; }
	#gallery .tab > li > .wrap > .list { width: 800px; }
	#gallery .tab > li > h4 > a.tabmenu { font-size: 16px; }
}
@media all and (max-width: 568px) {
	#gallery .tit h3 img { height: 28px; }
	/* #gallery .tab { margin-top: 0px; } */
	/* #gallery .tab > li:nth-child(1) > h4 { right: auto; width:	39px; left: 0; } */
	#gallery .tab > li:nth-child(2) > h4 { right: auto; width: 106px; left: 44px; }
	#gallery .tab > li:nth-child(3) > h4 { right: auto; width: 97px; left: 156px; }
}