@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,700&display=swap');
body{overflow-x:hidden; letter-spacing:-.3px; font-weight:400; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕',sans-serif;}

.wrap{text-align:center; padding-top:40px; padding-bottom:40px; margin:0 auto; max-width:1600px; width:100%; overflow:hidden}
#contents{position:relative; margin-top:70px; margin-bottom:160px;}
#contents:after{content:''; display:block; clear:both;}
#contents>div{position:relative; float:right; width:50%; color:#fff; padding-top:60px; padding-bottom:230px; word-break:keep-all;}
#contents>div:after{content:''; position:absolute; top:0; width:1000%; height:100%; z-index:-1;}
#contents>div:before{content:''; position:absolute; bottom:-70px; left:50%; margin-left:-227px; width:454px; height:256px;}
#contents .con .txt{font-size:20px;}
#contents .con .tit{margin-top:5px; font-size:40px; letter-spacing:-1px;}
#contents a.btn_go{display:inline-block; min-width:165px; margin-top:30px; padding:4px 20px; color:#fff; font-size:16px; border-radius:30px;}
.home:after{right:0; background:#5048a7 url(/intro/images/home_bg.gif) right top no-repeat;}
.home:before{background:url(/intro/images/home2022.png) center bottom no-repeat;}
.home a.btn_go{background-color:#302a76;}
.live:after{left:0; background:#3364b1 url(/intro/images/live_bg.gif) left top no-repeat;}
.live:before{background:url(/intro/images/live.png) center bottom no-repeat;}
.live a.btn_go{background-color:#17498d;}
.broadcast:after{left:0; background:#3364b1 url(/intro/images/live_bg.gif) left top no-repeat;}
.broadcast>a{background-color:#17498d;}
.broadcast div.list{position:absolute; bottom:-70px; left:0px; right:0px; text-align:left; margin:auto; padding:30px; width:400px; height:256px; background:#fff; border:4px solid #000; color:#444;  border-radius:10px; }
.broadcast div.list p{font-weight:bold; font-size:1.2em; color:#17498d}
.broadcast div.list ul{margin-top:5px; height:170px; overflow:auto}
.broadcast div.list ul li{position:relative; padding:5px 70px 5px 10px;  border-top:1px dotted #ccc}
.broadcast div.list ul li:first-child{border-top:0px}
.broadcast div.list ul li:before{display:block; content:''; position:absolute; left:2px; top:14px; width:3px; height:3px; background-color:#17498d; }
.broadcast div.list ul li>a{display:block; position:absolute; right:0px; top:5px; padding:1px 10px 3px;  background-color:#17498d; color:#fff; border-radius:60px; font-size:0.92em}
.broadcast div.list ul li:has(.btn-box) {padding-right: 157px;}
.broadcast .btn-box {position: absolute; right: 0; top: 2px; display: flex; gap: 3px;}
footer{color:#484848;}
footer address{margin-bottom:10px; font-size:16px;}
footer p{font-size:14px; letter-spacing:0}

/*****************************************************************************************************************************************/

@media all and (max-width:800px){
	#contents>div{float:none; width:100%; padding-bottom:180px;}
	#contents>div:before{background-size:80%;}
	.home{margin-top:120px;}
	.broadcast div.list{bottom:auto; top:250px; height:auto; min-height:200px}
	.broadcast div.list ul{height:auto}
}
@media all and (max-width:400px){
	h1{margin:10px;}
	#contents{margin-top:15px; margin-bottom:15px;}
	#contents>div{margin-top:0; padding:40px;}
	#contents>div:before{display:none;}
	#contents .con .txt{font-size:18px;}
	#contents .con .tit{font-size:30px;}
	.broadcast div.list{position:relative; top:20px; width:95%}
	.broadcast div.list ul li span{display:block}
	.broadcast div.list ul li:has(.btn-box) {padding-right: 0;}
	.broadcast div.list ul li:has(.btn-box) span {display: inline-block;}
	.broadcast .btn-box {position: static; flex-wrap: wrap; margin-top: 5px;}
}