@charset "utf-8";
#container_main{background:#f2f2f2;}
.content{overflow:hidden; padding:17px 0 26px; box-sizing:border-box;}

.dot > li:before{top:8px; background:#a4a4a4;}

.sec{position:relative; float:left; width:32.5%; background:#fff;}
.sec2{margin:0 0 0 15px;}
.sec3{float:right; box-sizing:border-box;}
.sec3:before{content:''; display:block; position:absolute; bottom:20px; left:0; width:100%; height:157px; background: url(/images/main/bg_live.png) no-repeat 50% 100%;}

.sec > .tit{position:relative; height:135px; padding:45px 0 0 65px; color:#fff; font-size:30px; font-weight:900; letter-spacing:-1px; background:#65b400 url(/images/assembly/main/bg_pattern1.jpg) repeat; box-sizing:border-box;}
.sec > .tit *{display:block;}
.sec > .tit a{color:#fff; text-decoration:none;}
.sec > .tit strong{margin:0 0 7px; font-size:22px; font-weight:900;}
.sec > .tit span{width:60%; line-height:150%; color:#d2f1ff;}
.sec > .tit a:hover span,
.sec > .tit a:focus span,
.sec > .tit a:active span{text-decoration:underline;}
.sec > .tit span{color:#e9fecd;}

.sec2 > .tit{background-color:#00a7a5; background-image:url(/images/assembly/main/bg_pattern2.jpg);}
.sec3 > .tit{background-color:#154079; background-image:url(/images/assembly/main/bg_pattern3.jpg);}
.sec > .tit:after{content:""; display:block; position:absolute; bottom:6px; right:30px; width:104px; height:102px; background:url(/images/assembly/main/bg_sec1.png) no-repeat 100% 100%;}
.sec2 > .tit:after{right:17px; background-image:url(/images/assembly/main/bg_sec2.png);}
.sec3 > .tit:after{right:33px; background-image:url(/images/assembly/main/bg_sec3.jpg);}

.con{overflow:hidden; width:100%; height:100%; padding:30px 27px 0 25px; border:1px solid #cdcdcd; border-top:none; box-sizing:border-box;}
.con h4{height:38px; line-height:100%; font-size:20px; color:#383838; font-weight:800;}

.board{position:relative; width:100%; height:196px; margin:0 0 30px; font-size:15px; border-bottom:1px solid #cdcdcd;}
.board ul{overflow:hidden; width:100%;}
.board li{position:relative; float:left; width:100%; height:26px; padding:0 0 0 9px; box-sizing:border-box;}
.board li a{position:relative; float:left; width:100%; padding:0 70px 0 0; box-sizing:border-box; color:#4c4c4c;}
.board li .tit{float:left; max-width:98%; padding:0 16px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.board li a:focus .tit,
.board li a:hover .tit{text-decoration:underline;}
.board li .new{float:left; width:15px; height:15px; line-height:15px; margin:2px 0 0 -15px; font-size:9px; font-weight:bold; text-transform:uppercase; text-align:center; color:#fff; background:#dd3743; border-radius:50%;}
.board li .date{position:absolute; top:0; right:1px; color:#878787; font-size:14px;}
.board .none{padding:3em 0; text-align:center; box-sizing:content-box;}
.board .none:before{display:none;}
.board .more{display:block; position: absolute; top:0; right:0; color:#999; letter-spacing:-1px; font-size:15px;}
.board .more:before{content:''; display:inline-block; width:11px; height:11px; margin:0 6px 0 0; transition:0.3s ease; background:url(/images/assembly/main/ico_ctrl.png) no-repeat 0 -54px;}
.board .more:hover{color:#333;}
.board .more:hover:before{background-position:0 -65px;}

.search {float:left; width:100%;}
.search h4{padding:0 0 0 58px; color:#518e02; background:url(/images/assembly/main/bg_tit1.png) no-repeat;}
.search select{float:left; width:49.2%; height:36px; line-height:35px; margin:0 0 5px; padding:0 0 0 10px; border:1px solid #bfbfbf; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; -moz-appearance:none; background:url(/images/assembly/main/bg_select.gif) no-repeat 90% 50%;}
.search select:hover{cursor:pointer;}
.search select.end{float:right;}
.search select::-ms-expand{display:none;}
.search input[type="text"]{float:left; width:71.5%; height:36px; padding:0 0 0 30px; line-height:34px; border:1px solid #bfbfbf; box-sizing:border-box; background:url(/images/assembly/main/bg_input.gif) no-repeat 11px 50%;}
.search select:hover,
.search input[type="text"]:hover,
.search input[type="text"]:focus{border-color:#888; box-shadow:0 2px 2px #ccc;}
.search button{float:right; width:27%; height:36px; color:#fff; font-size:15px; border:1px solid #427400; background:#518e02; transition:0.3s;}
.search button:hover{background:#427400;}
.sec2 .search h4{color:#018381; background-image:url(/images/assembly/main/bg_tit2.png);}
.sec2 .search button{border-color:#018381; background:#018381;}
.sec2 .search button:hover{background:#006e6c;}

#slogan{padding:72px 0 0 0; color:#2f2f2f; font-size:25px; font-weight:800; letter-spacing:-1px; word-break:keep-all; text-align:center; background:url(/images/assembly/main/bg_slogan.png) no-repeat 50% -20px;}
#slogan .live {padding:112px 0 0 0; margin:0 auto; text-align:center; background:url(/images/assembly/main/bg_mice.jpg) no-repeat 50% 11px;}
#slogan .live span{display:inline-block; width:63px; height:27px; line-height:27px; font-size:18px; font-weight:900; color:#ccc; border-radius:5px; text-transform:uppercase; background:rgba(0,0,0,0.8); vertical-align:top;}
#slogan .live span:before{content:''; display:inline-block; width:12px; height:12px; margin:0 7px 0 0; border-radius:50%; background:#ccc;}
#slogan .live .on{color:#f01a27;}
#slogan .live .on:before{background:#f01a27;}

#live .con{position:relative; padding:30px 30px 0 30px; box-sizing:border-box;}
#live h4{height:auto; font-size:18px; color:#535353; font-weight:200;}
#live .more{display:inline-block; width:23px; height:23px; font-size:0; text-indent:-999px; vertical-align:middle; transition:0.3s ease; margin:-3px 0 0 0; background:url(/images/assembly/main/ico_ctrl.png) no-repeat -37px -78px;}
#live .more:hover{transform:rotate(360deg);}
#live .onair{float:left; margin:0 0 10px; line-height:100%; font-size:52px; color:#ec2546; letter-spacing:-2px;}
#live .onair span{font-weight:900;}
#live .date_wrap{position:relative; overflow:hidden; width:100%; margin:0 0 10px; font-size:30px; font-weight:900; color:#383838; text-align:center; letter-spacing:-2px;}
#live .date_wrap .btns{z-index:3; display:block; position:absolute; top:13px; left:50%; width:13px; height:21px; font-size:0; text-indent:-999px; margin:0 0 0 -140px; background:url(/images/assembly/main/ico_ctrl.png) no-repeat;}
#live .date_wrap .btn_next{margin:0 0 0 130px; background-position:-41px 0;}
#live .date span{display:inline-block; margin:-2px 0 0 0; font-size:20px; font-weight:800; vertical-align:middle;}
#live .list_wrap{position:relative; overflow:hidden; width:100%; height:130px; border:1px solid #ccc; box-sizing:border-box; background:#fbfbfb;}
#live .list_wrap .list{width:100%; padding:17px 21px 0 12px; box-sizing:border-box;}
#live .list_wrap .list:not(:first-of-type){display:none;}
#live .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;} 
#live .list a{position:relative; display:inline-block; width:100%; line-height:100%; padding:0 50px 14px 11px; box-sizing:border-box;}
#live .list a:before{content:''; display:block; position: absolute; top:5px; left:0; width:3px; height:3px; background:#727272;}
#live .list strong{display:inline-block; width:98%; margin:0 0 3px; line-height:19px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; color:#4c4c4c;}
#live .list .ico{display:block; position: absolute; right:17px; top:0; width:34px; height:18px; line-height:19px; font-size:12px; color:#fff; border-radius:18px; text-align:center; background:#9c9b99;}
#live .list .on{background:#ec2546;}
#live .list .time{display:block; font-size:14px; color:#5e5d5d;}
#live .list .time:before{content:''; display:inline-block; width:14px; height:14px; vertical-align:middle; margin:-2px 5px 0 0; background:url(/images/assembly/main/ico_ctrl.png) no-repeat 0 -30px;}
#live .control{z-index:55; position:absolute; bottom:-2px; right:-1px; width:23px;}
#live .control button{display:block; height:45px; width:23px; margin:-1px 0 0 0; font-size:0; text-indent:-999px; border:1px solid #ccc; background:url(/images/assembly/main/ico_ctrl.png) no-repeat -63px 20px;}
#live .control .btn_next{background-position:-63px -52px;}
#live .control .btn_stop{background-position:-64px -14px;}
#live .control .btn_stop.on{background-position:-42px -28px;}

@media all and (max-width:1230px){
	.content{padding-left:15px; padding-right:15px;}
	
	.sec > .tit{padding-left:30px; font-size:28px;}
	.sec > .tit:after{right:25px;}

	#live .date_wrap .btn_prev{margin:0 0 0 -125px;}
	#live .date_wrap .btn_next{margin:0 0 0 115px;}
}
@media all and (max-width:1024px){
	.dot > li:before{top:6px;}

	.content{padding:15px;}

	.sec > .tit{height:auto; padding:23px 0 22px 25px; line-height:100%; font-size:23px;}
	.sec > .tit:after{bottom:0; height:60px; background-size:contain;}

	.sec3{width:100%; height:auto; margin:0 0 10px;}

	.sec1{width:49.4%;}
	.sec2{width:49.4%; float:right; margin:0;}

	.con{height:auto; padding:25px 5% 27px;}

	#live .con{height:auto; padding:25px 20px 15px;}
	#live h4{margin:0 0 7px; color:#383838; font-weight:800; font-size:20px;}
	#live .onair{display:none;}
	#live .list_wrap{height:125px;}
	#live .date_wrap{margin:0 0 7px;}
	#live .date_wrap .btn_prev{margin:0 0 0 -145px;}
	#live .date_wrap .btn_next{margin:0 0 0 130px;}
	#live .date_wrap .btns{top:9px;}
	#live .list a:before{top:3px;}

	#slogan {padding:20px 0 0 0; font-size:22px; background-position:50% -110px;}
	#slogan p{display:inline-block; margin:3px 3px 0 0; vertical-align:middle;}
	#slogan img{height:50px;}
	#slogan .live{padding:85px 0 0 0; background-size:auto 100px;}

	.board{height:185px; margin:0 0 20px;}
	.search h4{padding-top:2px;}
}
@media all and (max-width:768px){
	.content{padding:10px;}
	.sec3{margin:0 0 7px;}

	.sec > .tit{padding:19px 0 18px 20px; font-size:21px;}
	.sec > .tit:after{height:50px;}

	.con{padding:20px 17px 25px;}
	.con h4{height:35px; font-size:18px;}
	.board{height:180px;}

	#live .con{padding:20px 17px 15px;}
	#live h4{font-size:19px;}
	#live .date_wrap{font-size:28px;}
	
	#slogan{font-size:20px;}
	#slogan img{height:45px;}
	#slogan .live span{font-size:16px;}

	.search h4{padding-top:5px;}
}
@media all and (max-width:568px){
	
	.content{padding-bottom:0;}

	.sec{width:100%; margin:0 0 10px;}
	.sec > .tit{font-size:20px;}
	
	.board{height:180px; margin:0 0 17px;}
	.board li .new{margin-top:1px;}

	#live h4{margin:0 0 7px; font-size:18px;}
	#live .date_wrap{font-size:26px;}
	#live .date_wrap .btns{top:7px;}
	#live .date_wrap .btn_prev{margin:0 0 0 -120px;}
	#live .date_wrap .btn_next{margin:0 0 0 110px;}
	
	#slogan{padding:15px 0 0 0; font-size:19px; background-position:50% -130px;}
	#slogan img{height:38px;}
	#slogan .live{padding:70px 0 0 0; background-size:auto 80px;}
	#slogan .live span{width:59px;}
	#slogan .live span:before{width:9px; height:9px; margin:-3px 5px 0 0; vertical-align:middle;}
}

@media all and (max-width:380px){
	.sec > .tit strong{font-size:19px;}
	.con{padding:17px 15px 20px;}
	.con h4{height:32px;}

	.board{height:175px;}
	.board,
	.board .more{font-size:14px;}
	.board li .date{font-size:13px;}
	.con h4,
	#live h4{font-size:17px;}
	#live .con{padding:17px 15px 15px;}
	#live .list strong{font-size:14px;}
	#live .list .time{font-size:13px;}
	#live .date_wrap{font-size:24px;}

	#slogan{padding:12px 0 0 0; font-size:17px; background-position:50% -150px;}
	#slogan img{height:35px;}
	#slogan .live{padding:65px 0 0 0; background-size:auto 75px;}
	#slogan .live span{font-size:15px;}
}


/* 생방송제거 수정 20200821 */
#live {overflow:hidden; text-align:center; background:#3e6293;}
#live img{margin:0 0 0 -108px;}

@media all and (max-width:1024px){
	#live {height:290px;}
	#live  img{margin:-10px 0 0 -35px;}

}
@media all and (max-width:568px){
	#live img{max-width:110%;}
}
@media all and (max-width:480px){
	#live {height:245px;}
}
@media all and (max-width:420px){
	#live {height:210px;}
}
@media all and (max-width:380px){
	#live {height:205px;}
	#live img{max-width:120%;}
}