@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 700;
	src: url(/css/font/NanumGothic-Bold.eot);
	src: url(/css/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(/css/font/NanumGothic-Bold.woff2) format('woff2'),
		url(/css/font/NanumGothic-Bold.woff) format('woff'),
		url(/css/font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(/css/font/NanumGothic-Regular.eot);
	src: url(/css/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(/css/font/NanumGothic-Regular.woff2) format('woff2'),
		url(/css/font/NanumGothic-Regular.woff) format('woff'),
		url(/css/font/NanumGothic-Regular.ttf) format('truetype');
}

body {color:#222; background: #eee; font-weight:bold; font-size: 15px; font-family: 'Nanum Gothic', sans-serif;  letter-spacing: -0.5px;}
.vod_wrap {width:100%; margin:0 auto; }

.member_info .desc ul {display: inline-block;}
.vod_wrap .sns{display: inline-block; padding:7px 0 0 0; vertical-align:bottom;}
.vod_wrap .sns a{float:left; width:27px; height:25px; font-size:0; text-indent:-9999px; background:#4db2f3 url(/img/player/ico_sns.png) no-repeat -28px 4px;}
.vod_wrap .sns .home{background:#7c48ab url(/minutes/player/images/view.png) no-repeat 6px 5px;}
.vod_wrap .sns .fb{background-color:#254da9; background-position:9px 4px;}
.vod_wrap .sns .bl{background-color:#24c000; background-position:-65px 4px;;}
.vod_wrap .sns .kko{background-color:#fbc000; background-position:-142px 4px;} 
.vod_wrap .sns .insta{background-color:#c536a4; background-position:-103px 4px;}
.vod_wrap .sns .off{background-color:#aaa;}

.arrow_icon {width: 18px; height: 100%;position: absolute; top: 0; right: 15px;}
.arrow_icon.rotate { transform: rotate(0deg);}
.arrow_icon .arrow {display:inline-block;width: 10px; display: inline-block; height: 2px; background: #fff; position: absolute; top: 45%; }
.arrow_icon .arrow.first {transform: rotate(45deg);}
.arrow_icon .arrow.second {transform: rotate(-45deg); left:6px;}

.head {position: relative; height:65px; line-height:65px; padding:0 24px 0 78px; background: #1c4799 url(/img/player/title_bg_texture.png) no-repeat 100% 100%;}
.head .tit {display: inline-block;}
.head .tit img {vertical-align: middle; margin-right: 5px;}
.head .tit strong {display:inline-block; line-height:140%; font-size: 21px; color:#fff; margin-right:15px; vertical-align: middle;}
.head .tit span {font-size: 18px; color:#c3f6ff; vertical-align: middle;}

#head{overflow:hidden; /*width:910px;*/ padding:0 20px 0 20px; box-sizing: border-box; position: relative;}
.assembly{background:#0098dd;}
.record{background:#65b400;}
.live{background:#fc8001;}
#head{overflow:hidden; /*width:910px;*/ padding:0 20px 0 20px; box-sizing: border-box; position: relative;}
#head h1{/*float:left; width:865px;*/ margin:0 auto; text-align:center; font:bold 175%/60px "NanumGothicBold"; color:#fff; letter-spacing:-1px;}
#head h1 span{display:inline-block; padding:0 15px 0 0; vertical-align:middle; font:bold 140% arial; }
#head .close{/*float:right; padding:19px 0 0 0;*/ position: absolute; right: 20px; top: 18px; z-index: 2;}
#live .list{width:478px; height:340px; border:1px solid #d1d3d6; background:#fff; overflow-y:auto;}
#live .list ul{width:435px; padding:7px 8px 0 8px;}
#live .list ul li{overflow:hidden; width:435px; line-height:24px; border-bottom:1px solid #ededed;}
#live .list ul li a{float:left;}
#live .list ul li span{float:right;}
#live .list ul li .on{font:bold 100% "NanumGothicBold"; color:#9c3fd4;}


.menu_btn {position: absolute; top: 0; left: 0px; display: block; width: 65px; height: 65px; background: #1c4799;}
.menu_btn .bar {display: block; width: 20px; margin: 0 auto; height: 2px; margin-top: 5px; background: #fff; }
.menu_btn .bar:first-child {margin-top: 0;}


.close_btn {
    position: absolute; top: 50%; right: 25px;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
	display: inline-block; width: 30px; height: 30px; background: url(/img/player/close_btn.png) no-repeat center;
}

.lnb {position: fixed; top: 0; left: 0; width: 240px;/*(1)*/ height: 100%; background: #343434;}
.lnb {
		-webkit-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	    -o-transform: translate(0, 0);
	    transform: translate(0, 0);
}
.lnb_top {position: absolute; width: 100%; height: 65px; line-height:65px;}
.lnb_top .council {color: #fff; font-weight: 400; font-size: 18px; text-align: center; font-weight:700;}

.lnb_bottom {padding-top: 65px; box-sizing:border-box; height: 100%;; overflow-y: auto;}

.list_area .tit {display: block; position: relative; padding:0 15px 0 45px; height: 50px; line-height: 50px;background: #635a4d; cursor:pointer; font-size: 16px; font-weight: 700;color: #fff;}
.list_area .tit:before {position: absolute; top: 50%; margin-top: -7px; left: 20px; content:""; display: inline-block; width: 16px; height: 16px; overflow: hidden;}
.list_area .tit.icon1:before {background: url(/img/player/view_icon_pack.png) no-repeat 0 0;}        
.list_area .tit.icon2:before {background: url(/img/player/view_icon_pack.png) no-repeat 0 -21px;}
.list_area .cont {padding:0 15px; overflow-y:auto}
.list_area .cont .order {padding:15px 0 23px;}
.list_area .cont .order a {display: block; width: 100%; margin-bottom: 9px; color: #fff; font-weight: 400;}

.lnb.toggle {/*(1)-紐⑤컮�쇰찓�댄겢由�떆width*//*240-65=175*/
	-webkit-transform: translate(-175px, 0);
    -ms-transform: translate(-175px, 0);
    -o-transform: translate(-175px, 0);
    transform: translate(-175px, 0);
}
.lnb.toggle .lnb_top .menu_btn {width: 55px;}
.lnb.toggle .lnb_top .council .txt{font-size:0; text-indent:-999em;}

.lnb.toggle .list_area .tit:before {left:auto; right: 25px;}
.lnb.toggle .lnb_bottom .list_area .tit {font-size: 0;}
.lnb.toggle .lnb_bottom .list_area .cont {height: 0;}
.lnb.toggle .lnb_bottom .list_area .cont li a {font-size: 0;}
.lnb.toggle .arrow_icon{display:none;}

.wrap {padding-left: 240px;/*(1)*/ width: 100%; box-sizing:border-box; height: 100%; background: #ebecee; overflow-y:auto; z-index:800;}
.wrap.toggle {padding-left: 65px;}


.content {height: auto; padding:15px; background-color: #ebecee;}
.content .cont_tit span{display: inline-block; padding:0 13px; height:39px; line-height:39px; color:#fff;}
.cont_bottom {margin-top: 1%;}
.cont_tit .btn_view{display:none;}

.clx::after {content:""; display: block; clear: both;}

/* �뚮젅�댁뼱 */
.vod_player {position: relative; float: left; width:49.5%; height:414.34px;overflow: hidden; background: #343434 url(/img/player/video_thumb.png) no-repeat center; background-size: 100% auto;}
.vod_player .video-js .vjs-tech {position: static;} 
#mediaplayer {height: 100%;}
.vod_player .video-js.vjs-16-9 {padding-top: 0; height: 100%}

/* �뺣낫 */
.vod_info {float: right; width:49.5%;}
.vod_info .info_box {position: relative; margin-top:1.5%; padding:48px 17px 14px; background-color: #fff; box-sizing:border-box; min-height:165px;}
.vod_info .info_box:first-child {margin-top: 0;}
.vod_info .cont_tit {position: absolute; top: 0; left: 0;}
.vod_info .info_box .SNS{position: absolute;top: 50px;float: none;}

a.sns_l  {display:inline-block; height:35px; width:35px;  background-repeat:no-repeat; background-position:center; font-size:0; margin-left:3px; vertical-align:top;}
a.l_band   {background-image: url(/images/common/lnb_band.png);}
a.l_facebook {background-image: url(/images/common/lnb_facebook.png);}
a.l_kakao {background-image: url(/images/common/lnb_kakao.png);}
a.l_twitter {background-image: url(/images/common/lnb_twitter.png);}
a.l_share {background-image: url(/images/common/lnb_share.png);}

p.sns_tit{font-size:17px;  font-weight:700; color:#fff; margin:0px 0px 5px 10px; }

.SNS{position:absolute; right:7px; top:7px;}

@media screen and (max-width:1100px) {
	a.sns_l {width:27px; height:27px; margin-left:1px; background-size:contain;}
}

/* �뺣낫 > 발언자정보 */
.member .cont_tit span{background-color: #1472b9;}
.member_info {/*display:none;*/ /*overflow: hidden;*/ position: relative; box-sizing:border-box; padding-left: 101px; }
.member_info.on{ display: block;}
.member_info .pic {position: absolute; top: 0; left: 0;}
.member_info .pic .img_wrap {width: 81px; height: 102px;}
.member_info .pic .img_wrap img {width: 100%; height: 100%;}

.member_info .desc {position: relative;}
.member_info .desc .desc_item {margin-top: 8px;}
.member_info .desc .desc_item:first-child {margin-top: 0px;}
.member_info .desc .btn {display: inline-block; padding: 5px 14px 7px; margin-top: 10px; border: 1px solid #1472b9; color: #1472b9; font-size: 13px; margin-right:5px;}

#speakerNoN {padding-left: 0;}

/* �뺣낫 > 안건 */
.angun .cont_tit span{background-color: #14adb9;}
.angun_info {padding:3px; padding-right:10px; height: 179px; overflow:hidden; overflow-y: auto; box-sizing:border-box;}
.angun_info .desc {
	display: table; width: 100%; table-layout: fixed;
	position: relative; font-size: 13px; margin-top: 8px; box-sizing:border-box; cursor:pointer;
	padding-left:75px;
	padding-right: 71px;
	min-height:24px;
}

.angun_info .desc.on {outline:1px solid #00aed2;}
.angun_info .desc .tit {
	display: block;
	position: relative; 
	width:100%; padding-left: 4px; box-sizing:border-box; 
	vertical-align: middle;
	line-height:150%;
}

.state {
	margin-right:4px;
	width: 62px; font-size: 11px; font-weight: bold; line-height: 1.3em; color: #fff;
	padding:3px 5px; border:1px solid #666; -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; background: #999;
	word-break:break-all;
	text-align: center;
	display: block; position: absolute; top: 0px; left: 0;
}

.state.type.R{color:#666}
.state.type.A{border-color:#a60;background-color:#fa3;}
.state.type.P{border-color:#195;background-color:#2c6;}
.state.type.E{border-color:#660;background-color:#bc0;}
.state.type.N{background-color:#666;}
.state.type.M{border-color:#146;background-color:#05a;}
.state.type.Q{border-color:#816;background-color:#c9f;}
.state.type.S{border-color:#068;background-color:#2bf;}
.state.type.O{border-color:#a40;background-color:#f60;}
.state.type.Z{border-color:#a40;background-color:#483D8B;}

.angun_info .desc.on .tit {color:#ef6f0b;}
.angun_info .desc .time {
	/*display:table-cell;*/
	position: absolute; top: 2px; right: 0;
	display: inline-block;
	width: 70px;
	text-align: right; 
	font-weight: 400; 
	vertical-align: top;
}

.left_btn{position:absolute; right:0px; top:5px; display:inline-block; float:right;}
.btn_download {display:inline-block; padding:0 10px; width:100px; text-align:center; border-radius:3px; font-size:14px; vertical-align:middle; cursor:pointer; margin-right:5px;}
a.btn_download {text-decoration:none; line-height:30px; font-weight:bold; color:#fff; }
.btn_download {background:#14adb9; color:#fff; border:1px solid #14adb9;}
.btn_download:hover,.btn_download:active,.btn_download:focus {background:#fff; color:#14adb9; border:1px solid #14adb9;}

/* 회의록보기 */
.minutes .cont_tit span{background-color: #e3731c;}
.minutes .minutes_text {height:260px;/*height:400px;*/ padding:15px 17px 16px; background-color: #fff; box-sizing:border-box;}
.minutes .minutes_text .text {height:100%; font-size: 13px; line-height:21px; overflow:hidden; overflow-y:auto; }

.minutes ul{margin:0;padding:0;list-style:none;list-style-type:none;}

.minutes #assembly{position:relative; overflow-y:scroll; height:360px; background:#fff;}
.minutes #assembly .none{padding-top:15%; text-align:center;}
.minutes #assembly li.timeblock {margin:0 0 10px;border:1px solid #fff;border-radius:3px;padding:0px;list-style:none;list-style-type:none;}
.minutes #assembly li.timeblock:hover {cursor:pointer;}
.minutes #assembly li.timeblock.on {border-color:#2f56b4;color:#2f56b4;}
.minutes #assembly li.timeblock.on:hover {cursor:default;}
.minutes #assembly li.timeblock .speech {margin:0 0 15px;}
.minutes #assembly li.timeblock .speech .speaker {display:inline-block;border:1px solid #999;border-left-width:3px;border-radius:3px;padding:3px;font-weight:bold;background:#fff}
.minutes #assembly li.timeblock .speech:first-child .speaker {border-color:#2f56b4;border-radius:20px 3px 3px 20px;color:#000}
.minutes #assembly li.timeblock.on .speech .speaker {border:1px solid #2f56b4;border-radius:0 3px 3px 0;color:#fff;background:#2f56b4}
.minutes #assembly li.timeblock .speech .lines {margin:10px;}
.minutes #assembly li.timeblock .speech .lines p {line-height:1.5em}

.minutes #assembly li.timeblock .speecno {margin:0 0 15px;}
.minutes #assembly li.timeblock .speechno .speaker {display:inline-block;border:1px solid #999;border-left-width:3px;border-radius:3px;padding:3px;font-weight:bold;background:#fff}
.minutes #assembly li.timeblock .speechno:first-child .speaker {border-color:#2f56b4;border-radius:20px 3px 3px 20px;color:#000}
.minutes #assembly li.timeblock .speechno .lines {margin:10px;}
.minutes #assembly li.timeblock .speechno .lines p {line-height:1.5em}
.minutes #assembly li.timeblock .speechno:first-child .speaker,
.minutes #assembly li.timeblock .speechno .speaker{border:1px solid #666;border-radius:3px;color:#333;}


@media screen and (max-width:1100px) {
    #vod_wrap {width: 100%; min-width:320px;}
    .head {height:auto; line-height:30px; padding:12px 0; background-size:cover;}
    .head .tit {display: block; text-align: center;}
    .head .tit strong {margin: 0;}
    .head .tit span {display:block; margin:3px 0 0 0; font-size:17px;}
	
	#head h1 {/*padding:15px 10px;*/ font-size:18px; box-sizing:border-box;}
	#head h1 span {display:inline-block; line-height:140%;}
	
	.arrow_icon {display:none;}
	.lnb {/*(1)-紐⑤컮�쇰찓�댄겢由�떆width*//*240-55=185*/
		-webkit-transform: translate(-185px, 0);
	    -ms-transform: translate(-185px, 0);
	    -o-transform: translate(-185px, 0);
	    transform: translate(-185px, 0);
	}
	.lnb.toggle {
		-webkit-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	    -o-transform: translate(0, 0);
	    transform: translate(0, 0);
	}
	
	.lnb_top .menu_btn {width: 55px; right: 0;}
	.list_area .tit:before {left:auto; right: 20px;}
	.lnb_bottom .list_area .tit {font-size: 0;}
	.lnb_bottom .list_area .cont {display: none; height:0;}
	
	
	.lnb.toggle .arrow_icon{display:block;}
	.lnb.toggle .lnb_top .council {text-indent:0;}
	.lnb.toggle .lnb_top .menu_btn {width: 55px;}
	.lnb.toggle .list_area .tit:before {position: absolute; top: 50%; margin-top: -7px; left: 20px; content:""; display: inline-block; width: 16px; height: 16px; overflow: hidden;}
	.lnb.toggle .lnb_bottom .list_area .tit {display: block; position: relative; padding:0 15px 0 45px; height: 50px; line-height: 50px;background: #635a4d; cursor:pointer; font-size: 16px; font-weight: 400;color: #fff;}
	.lnb.toggle .lnb_bottom .list_area .cont {display: block; padding:0 15px; overflow-y:auto}
	.lnb.toggle .lnb_bottom .list_area .cont {height: auto;}
	.lnb.toggle .lnb_bottom .list_area .cont li a {font-size: 1em;}
	
	
	.wrap {padding-left: 55px;}
	.wrap.toggle {padding-left: 240px;/*1*/}
	
	.menu_btn {width: 55px; left: -55px;}
	.wrap.toggle .menu_btn {left: 0;}
	
	.close_btn { margin-top: -15px; right: 10px;}
    .content {padding:10px 10px; height: auto;}
    .cont_bottom {margin: 10px 0 34px 0;}
	.cont_tit .btn_view{position:relative; display:inline-block; height:39px; width:39px; font-size:0; border-radius:3px; color:#fff; vertical-align:top; background:#999;}
	.cont_tit .btn_view:after{content:''; display:inline-block; width:6px; height:6px; margin:0 0 0 2px; vertical-align:top; border-bottom:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); transition:0.3s ease;}
	.info_box.on .cont_tit .btn_view:after{transform:rotate(225deg);}
    
    /* �뚮젅�댁뼱 */
	.vod_player {float: none; width:100%;height: auto;}

	/* �뺣낫 */
    .vod_info {float: none; width:100%; margin-top: 10px;}
    .vod_info .info_box {margin-top:10px; padding:39px 12px 0; min-height:0; transition:0.3s ease;}
	.vod_info .info_box.on{padding:48px 12px 14px; min-height:165px;}
    .info_box .angun_info,
	.info_box #profile{visibility:hidden; opacity:0; height:0;}
	.info_box .angun_info{padding:0;}
	.info_box.on .angun_info{visibility:visible; opacity:1; height:140px;}
	.info_box.on #profile{visibility:visible; opacity:1; height:auto;}

	.btn_download {display: none;}

    /* 회의록보기 */
   .minutes .minutes_text {height:210px; overflow:hidden; overflow-y:auto; padding:15px 5px 16px;}
}
@media screen and (max-width:797px) {
	.lnb {
		-webkit-transform: translate(-300px, 0);
	    -ms-transform: translate(-300px, 0);
	    -o-transform: translate(-300px, 0);
	    transform: translate(-300px, 0);
	}
	.lnb_top {height: 55px; line-height: 55px;}
	.lnb_bottom {padding-top: 55px;} 
	
	.wrap {position: fixed; width: 100%; left: 0; top: 0; padding-left: 0; min-width:320px;}
	.wrap.toggle {left: 240px;/*1*/ padding-left: 0;}
	
	.head{padding:0;}
	.head .tit {padding:8px 40px 10px 54px;}
	.head .tit strong{font-size:18px;}
	.head .tit span {line-height:120%; font-size:15px;}
	.head .tit img{height:33px; margin-right:2px;}
	.btn_wrap {width: 100%; background: #fff;}
	.btn_wrap .close_btn {width: 55px; height: 55px;  top: 0; right: 0; margin: 0; transform:none;}
	.btn_wrap .menu_btn {width: 55px; height: 55px;  top: 0; left: 0; margin: 0;}
	
     #wrap {width:100%; min-width:320px;}
     #head {position:relative; width:100%; padding:0 40px; box-sizing:border-box;} 
     #head h1 {width:100%;float:none;line-height:140%; padding:15px 10px;}
     #head h1 span {padding-right:0; margin-right:3px;}
     /*#head .close {float:none; position:absolute; top:50%; margin-top:-12px; right:10px; padding:0;}*/

     #contents {width:98%; padding:5px; margin:0 auto; box-sizing:border-box;}
     #contents .left {float:none; width:100%; box-sizing:border-box;}
     #vodplayer {float:none; width:100%;}
     #vodplayer .control {width:100%; box-sizing:border-box;}
     #vodplayer #mediaplayer {width:100%;}


     #contents .right {float:none; width:100%; padding:0; margin-top:0px;}
     #live .list {width:100%; box-sizing:border-box;}
}
@media screen and (max-width:480px) {
	.btn_wrap .menu_btn,
	.btn_wrap .close_btn{width:45px; height:45px;}

	.angun_info .desc {padding-right:0;}
	.angun_info .desc .time {position:static; width:100%; display:inline-block; box-sizing:border-box; padding-left:4px; text-align:left; margin-top:3px;}
}
@media screen and (max-width:360px) {
	.head .tit{padding:8px 40px 10px 45px;}
	.head .tit strong{font-size:17px;}
	.head .tit span{font-size:14px;}
	.head .tit img{height:32px;}

	.member_info .desc {font-size: 13px;}
}