@charset "utf-8";

/**
noscript 대체콘텐츠
**/
/* 글자크기조절 */
#font_acc{position:absolute; top:10px; left:665px; width:100px; height:15px; padding:5px; background:#fff; border:1px solid #ccc;}

/**
공통 적용요소
**/
#topmenu_w li .tit {display: none;}
/*
공통 레이아웃
*/
.m{display:none;}

#skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
#skip-navigation *{list-style:none; margin:0; padding:0;}
#skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active{width:100px; height:auto; background:#ffd;}

#lnbArea{float:left; width:100%; height:35px; background:#a0a0a0;}
#lnb{position:relative; width:1200px; margin:0 auto;}
#lnb *{float:left; color:#fff; letter-spacing:-1px;}

#global li{line-height:0;}
#global li a{position:relative; width:105px; text-align:center; line-height:35px; text-decoration:none;}
#global li.start a{border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd;}
#global li.none{width:80px; margin:0; text-align:center; line-height:35px; background:#717171 url(/images/kr/common/bg_global.gif) no-repeat 100% 50%;}
#global li.end a{background:#717171;}
#global li.end ul{position:absolute; top:33px; left:0; width:95px; min-width:95px; padding:20px 5px; border-top:none; background:#d7d7d7;}
#global li.end ul li{width:100%; text-align:center;}
#global li.end ul a{width:100%; padding:0; font-size:92%; line-height:170%; background:none; color:#555;}
#global li .caret{float:none;}

#headArea{float:left; width:100%; height:82px; border-bottom:3px solid #50a4e2;}
#header{position:relative; width:1200px; margin:0 auto;}

h1{position:absolute; top:22px; left:0px; z-index:97; font-size:240%;}
h1 a {text-decoration:none; letter-spacing:-2px;}
h1 a strong{padding:0 0 0 0.4em;}

#font_control {float:right; padding:20px 0 0 0;}
#font_control li img{vertical-align:top;}

#container_main{float:left; width:100%; margin-top:24px;}
#container_sub{float:left; width:100%; border-bottom:1px solid #d8d8d8; background:url(/images/member/common/bg.gif) repeat-x;}

/* 메인메뉴 */

#mainmenu{float:left; width:100%; z-index:98; border-top:1px solid #d2d2d2;}
#topmenu{overflow:hidden; width:1200px; margin:0 auto;}
#topmenu li{float:left; line-height:0;}
#topmenu li a{float:left; width:166px; text-align:center; font-size:125%; line-height:62px; font-weight:bold; text-decoration:none; z-index:90; background:url(/images/member/common/bg_menu.gif) no-repeat 0 50%;}
#topmenu li:first-child a{background:none;}
#topmenu li.current a:active,
#topmenu li.current a:focus,
#topmenu li.current a:hover,
#topmenu li.current_on a:link,
#topmenu li.current_on a:visited,
#topmenu li.current_on a:active,
#topmenu li.current_on a:focus,
#topmenu li.current_on a:hover{color:#1056ab;}
#topmenu li ul{display:none;}

#mainmenu_w{position:absolute; top:15px; right:0px;}
#topmenu_w{width:830px;}
#topmenu_w li{float:left; width:50%;}
#topmenu_w li a{display:inline-block; width:100%; text-align:center; font-size:145%; line-height:62px; font-weight:bold; text-decoration:none; background:url(/images/member/common/bg_menu.gif) no-repeat 0 50%;}
#topmenu_w li:first-child a{background:none;}
#topmenu_w li.current a:active,
#topmenu_w li.current a:focus,
#topmenu_w li.current a:hover,
#topmenu_w li.current_on a:link,
#topmenu_w li.current_on a:visited,
#topmenu_w li.current_on a:active,
#topmenu_w li.current_on a:focus,
#topmenu_w li.current_on a:hover{color:#45a9fa; text-align:center;}
#topmenu_w li ul{display:none;}


/* 푸터 */
#footArea{float:left; width:100%; background:#2c2a29;}
#footer{position:relative; overflow:hidden; width:1200px; padding:25px 0 35px 0; margin:0 auto;}
#footer .info{float:left; width:650px; color:#9a9a9a;}
#footer .info address {padding:6px 0 5px 0; line-height:150%;}
#footer .info .copyright{text-transform:uppercase; font-size:90%;}
#footer .linksite{float:right; width:190px;}
#footer .linksite *{float:left;}
#footer .linksite select{width:138px; height:23px; line-height:23px; padding:2px; margin:0 4px 0 0; border:1px solid #cecece;}

/*
메인 레이아웃
*/
#mainContent{position:relative; overflow:hidden; width:1200px; margin:0 auto; padding:0 0 30px 0;}

/* 슬로건 */
#visual{float:left; width:352px; height:867px; background:url(/images/cast/main/bg.jpg) no-repeat;}
#slogan{margin:50px 0 0 35px;}
#slogan *{display:block; color:#fff;}
#slogan span{padding:0.1em 0 0.2em 0; font-size:155%; letter-spacing:-2px; line-height:140%;}
#slogan strong{margin:0 0 0.35em 0; font-size:220%; line-height:135%;}
#slogan p{width:90%; line-height:150%; font-size:110%;}

#main_right{float:right; width:827px; border:1px solid #d7d7d7;}
#live{float:left; width:413px; height:152px; color:#fff; background:url(/images/cast/main/live.png) no-repeat 314px 30px #45a9fa; border-bottom:1px solid #d7d7d7;}
#live .inner{position:relative; overflow:hidden; width:345px; margin:25px auto 0 auto;}
#live a{color:#fff;}
#live h4{font-size:155%;}
#live .info{margin-bottom:0px; padding:7px 0 0 0;}
#live .info .on{font-size:240%; font-weight:bold; color:#fff66c;}
#live .info .off{font-size:240%; font-weight:bold; color:#fff;}
#live .info .date{padding-left:50px; font-size:150%;}
#live .agenda .none{width:320px; padding:10px; text-align:center; color:#333; background:#fff;}
#live .agenda a{float:left; width:320px; padding:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; background:#fff;}

#record{float:left; width:414px; height:152px; color:#fff; background:url(/images/cast/main/record.png) no-repeat 230px center #6473dc; border-bottom:1px solid #d7d7d7;}
#record h4{font-size:155%; margin-bottom:10px;}
#record a{display:block; padding:25px 34px 40px 34px; color:#fff; text-decoration:none;}
#record span{display:block;}
#record .t1{font-size:150%; font-weight:bold;}
#record .t2{width:130px; padding-top:15px; font-size:125%; line-height:140%;}

.board{float:left; width:413px; height:177px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
#board2,#board4,#board6,#board8{border-right:0;}
#board7{border-bottom:1px solid #d7d7d7;}

#main_right .board .inner{position:relative; overflow:hidden; width:345px; margin:34px auto 0 auto;}
#main_right .board h4{font-size:125%; margin-bottom:10px;}
#main_right .board .inner ul li{line-height:150%;min-height: 21px}
#main_right .board .inner ul li a{display:block; float:left; width:76%; padding-left:8px; background:url(/images/cast/main/ico_sbj.gif) no-repeat 0 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.95em;}
#main_right .board .inner ul li span{display:block; float:right; width:20%; font-size: 0.95em;}
#main_right .board .inner .more{position:absolute; top:0; right:0;}
#main_right .board .inner .more a{padding-left:8px; background:url(/images/cast/main/ico_more.gif) no-repeat 0 3px;}

#search{float:left; width:413px;}
#search .inner{position:relative; overflow:hidden; width:345px; margin:34px auto 34px auto;}
#search h4{font-size:125%; margin-bottom:17px;}
#search #th_sch{float:left; width:49%; padding:6px 5px; margin-bottom:6px;}
#search #cmt_sch{float:right; width:49%; padding:6px 5px; margin-bottom:6px;}
#search input{float:left; width:250px; padding:6px 5px;}
#search button{float:right; padding:8px 25px; color:#fff; background:#898989; border:0;}
#search button:hover{background:#7b7b7b;}

/*
서브 레이아웃
*/
#subLayout{float:left; width:100%; margin-top:24px;}
#subContent{position:relative; overflow:hidden; width:1200px; margin:0 auto; padding-bottom:60px; background:url(/images/cast/common/snb_bg.gif) repeat-y;}
#subContent #fontSize{float:right; width:900px;}

/* 서브비주얼 */
#subVisual{height:164px; background:url(/images/cast/common/visual.jpg) no-repeat 50% center; border-bottom:1px solid #ddd;}

/* 서브메뉴 */
#submenu{float:left; width:241px;}
#submenu .sm_tit{height:115px; font-size:200%; text-align:center; color:#fff; letter-spacing:-1px; line-height:110px; background:url(/images/cast/common/sm_tit.gif) repeat; border-bottom:1px solid #dedede;}
#submenu .depth2 li{line-height:0;}
#submenu .depth2 li a{display:block; padding:0 0 0 1.2em; font-size:110%; line-height:44px; color:#444; font-weight:bold; border-bottom:1px solid #d8d8d8; text-decoration:none;}
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li > a:active,
#submenu .depth2 > li.current_on > a{color:#2b9adc; background:url(/images/cast/common/bg_on.png) no-repeat 93% 50%;}
#submenu .depth2 li ul{display:block; padding:0.7em 0; border-bottom:1px solid #d8d8d8; background:#f1f1f1; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
#submenu .depth2 li ul li a{color:#5a5a5a; font-size:100%; line-height:27px; border-bottom:none;}
#submenu .depth2 li ul li a:hover,
#submenu .depth2 li ul li a:focus,
#submenu .depth2 li ul li a:active,
#submenu .depth2 li ul li.current_on a{color:#2b9adc;}

/* 문서정보 */
#pageInfo{float:left; display:inline; width:100%;}
#pageInfo #pageTitle{float:left; display:inline; margin:48px 0 0 0px;}
#pageInfo #pageTitle h2{font-size:240%; font-weight:bold;}
#pageInfo .loc{float:right; margin:11px 0 0 0; padding:1px 0 0 18px; font-size:90%; background:url(/images/common/bullet/ico_home.gif) no-repeat 0 2px;}
#pageInfo .loc span.loc_current{color:#333; font-weight:bold;}

/* 서브기본 */
.sub_default{position:relative; overflow:hidden; width:100%; line-height:150%; padding:50px 0; font-family:'Nanum gothic', Dotum, sans-serif;}


/**
768
**/
@media screen and (max-width:999px) {
	img{border:0; max-width:100%; vertical-align:middle;}
	#header,
	#lnb,
	#topmenu,
	#mainContent,
	#subContent,
	#footer{width:768px;}
	#footer .info{width:550px;}
	#topmenu li a{width:127px;}
	#subvisual #slogan p{width:30%;}
	#subContent{width:100%; background:none;}
	#subContent #fontSize{width:100%;}
}

/**
768미만
**/
@media screen and (max-width:767px) {
	body{letter-spacing:-1px;}
	.w{display:none;}
	.m{display:block;}

	#headArea{height:50px; border-bottom:1px solid #dddede;}
	#container{width:100%; padding:0;}

	#mainContent{width:98%; margin:0 auto; padding:0 0 0.3em 0;}

	#footer{width:98%; padding:1em 0 1em 0;}
	#footer ul {overflow:hidden; width:100%; margin:0 0 1em 0; text-align:center;}
	#footer ul li{display:inline-block; line-height:100%;}
	#footer ul li:first-child{margin:0 1em 0 0; padding:0 1em 0 0; border-right:1px solid #ccc;}
	#footer a{color:#fff;}
	#footer .info,
	#footer .linksite{width:100%; margin:0 0 1em 0;}
	#footer .linksite select,
	#footer .linksite input{border-radius:0; background:#fff;}
	#footer .info address{padding:0 0 0.25em 0;}

	#header{width:100%;}
	#header *{float:none;}
	#header h1{float:none; position:relative; top:10px; width:100%; text-align:center; font-size:180%;}
	#header h1 a img{height:25px;}
	#header h1 strong{display:inline-block; padding:0;}

	.allmenu,.home {position:absolute; top:0; z-index:99;}
	.home {right:0; padding:0.7em; font-size:150%;}
	.allmenu .navbar-toggle .icon-bar{background-color:#000;}

	#mainmenu{border-top:none;}
	#navbar{position:absolute; top:50px; left:1%; width:98%; margin:0 auto; padding-bottom:7px; background:#fff; border:1px solid #999; border-radius:6px; box-shadow:0 3px 9px #ccc; background-clip:padding-box; z-index:999;}
	#navbar > li > a{font-weight:bold;}
	#navbar div{padding:0 0 0 20px;}
	#navbar div ul{overflow:hidden; width:100%;}
	#navbar div a{display:block; padding:8px 0 8px 7px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 13px;}
	/*
	#mainmenu{border-top:none;}
	#navbar{position:absolute; top:50px; left:1%; width:98%; margin:0 auto; padding-bottom:7px; background:#fff; border:1px solid #999; border-radius:6px; box-shadow:0 3px 9px #ccc; background-clip:padding-box; z-index:999;}
	#navbar > li > a{font-weight:bold;}
	#navbar div{padding:0 0 0 20px;}
	#navbar div ul{overflow:hidden; width:100%;}
	#navbar div a{float:left; width:30%; padding:8px 0 8px 7px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 13px;}
	*/
	
	#container_main{width:98%; margin-top:5px; padding:1%;}
	#container_sub{background:none;}

	#visual{width:100%; max-height:235px; background-repeat:repeat-x;}
	#slogan{position:relative; overflow:hidden; width:90%; margin:0 auto;}
	#slogan span{padding-top:15px;}
	#slogan p{width:88%;}

	#main_right{width:100%; border:0;}
	#live{width:100%; margin:4px 0 3px 0; background-image:none;}
	#live .inner{width:92%;}
	#live .agenda .none{width:100%;}
	#live .agenda a{width:98%;}
	#record{width:100%; background-size:30%; background-position:90% center;}
	.board{width:100%; height:auto;}
	#main_right .board .inner{width:96%; margin:10px auto;}
	#search{width:98%}
	#search .inner{width:100%; margin:0 auto; padding:15px 0; border-top:1px solid #d7d7d7;}
	#search input{width:65%;}
	#search button{width:28%;}

	#subContent{width:98%; padding:0.3em 0;}
	
	#pageInfo,
	#pageInfo .pageTitle{width:100%; padding:0;}

	#subRight #content{width:99.6%; padding:0 0 2em 0; border:1px solid red;}

	#pageInfo {height:auto;}
	#pageInfo .pageTitle h3{padding:0 0 0 0.5em; min-height:43px; font-size:165%; line-height:220%; background-position:0 50%;}

	.sub_default{width:98%; padding:1%;}
}

@media screen and (max-width:359px) {
	#slogan{font-size:90%;}
}