@charset "euc-kr";
/* Layout */
#bullying_home {background:#aee4ef}
#bullying_sub {background:#aee4ef}
#m_wrap {overflow:hidden; width:100%; position:relative; text-align:center; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/bg_main.jpg") no-repeat center 150px}
#s_wrap {overflow:hidden; width:100%; position:relative; text-align:center; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/bg_sub.jpg") no-repeat center 150px}
#header {z-index:30; position:relative; width:100%; height:150px; background:#fff; text-align:center}
#header .gnb {z-index:30; position:relative; width:990px; margin:0 auto; text-align:left}#sitemap ul li a {font-size:11px; color:#e8fff2; line-height:1.33}
/* Quck Header */
#quick_header {overflow:hidden; width:100%; height:36px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/bg_quick_header.gif") repeat-x}	
#quick_header .logo {display:block; float:left; width:48px; height:36px; margin-left:22px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -850px -30px; text-indent:-5000em}
#quick_header ul {overflow:hidden; float:right; width:230px; height:36px}
#quick_header ul li {overflow:hidden; float:left; height:36px; margin-right:17px}
#quick_header ul li.hd {width:51px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -900px -30px}
#quick_header ul li.talk {width:36px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -350px -60px}
#quick_header ul li.onair {width:34px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -960px -30px}
#quick_header ul li.schedule {width:35px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -310px -50px}
#quick_header ul li a {display:block; height:36px; text-indent:-5000em}
/* Content */
#m_container {position:relative; overflow:hidden; width:1008px; margin:0 auto 30px; padding:300px 0 9px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/bg_con_btm.png") no-repeat center bottom}
#m_container h1 {position:absolute; left:76px; top:44px; width:217px; height:159px}
#s_container {position:relative; overflow:hidden; width:1008px; margin:0 auto 30px; padding:150px 0 9px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/bg_con_btm.png") no-repeat center bottom}
#s_container h1 {position:absolute; left:72px; top:11px; width:169px; height:125px}
#s_container h1 a {display:block; width:169px; height:125px}
#m_colgroup {overflow:hidden; width:1008px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/bg_con_top.png") no-repeat center top}
#m_schema {position:absolute; right:14px; top:4px; font-size:11px; letter-spacing:-1px; line-height:1.65; color:#141313; text-align:right}
#nav {z-index:20; position:relative; overflow:hidden; width:990px; height:46px; margin:0 auto; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/backup/bg_nav.png") no-repeat}
#nav ul {overflow:hidden; width:990px; height:46px}
#nav ul li {float:left; width:112px; height:46px}
#nav ul li.vod {width:119px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat 0 -100px}
#nav ul li.bbs {width:120px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -119px -100px}
#nav ul li.preview {background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -239px -100px}
#nav ul li.cast {background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -351px -100px}
#nav ul li.concept {background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -463px -100px}
#nav ul li.staff {background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -575px -100px}
#nav ul li.event {width:303px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -687px -100px}
#nav ul li a {display:block; height:46px; text-indent:-5000em}
#m_con {z-index:10; position:relative; overflow:hidden; width:970px; *width:1008px; padding:0 19px 20px; text-align:left; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/bg_con_y.png") repeat-y center}
#m_con h2 {overflow:hidden; width:956px; *width:970px; height:49px; *height:66px; margin-bottom:10px; padding:17px 0 0 14px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/bg_h2.gif") repeat-x left bottom}
#m_con h2 span {display:block}
#m_con .h2_cast {width:95px; height:28px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -490px 0; text-indent:-5000em}
#m_con .h2_staff {width:71px; height:28px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -890px 0; text-indent:-5000em}
#m_con .h2_bbs {width:118px; height:28px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -370px 0; text-indent:-5000em}
#m_con .h2_preview {width:93px; height:28px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -690px 0; text-indent:-5000em}
#m_con .h2_vod {width:92px; height:28px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -790px 0; text-indent:-5000em}
#m_con .h2_concept {width:95px; height:28px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat no-repeat -590px 0; text-indent:-5000em}
#m_con .h2_event {width:470px; height:28px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -370px -30px; text-indent:-5000em}
#cast_wrap {overflow:hidden; float:left; width:710px; margin-right:10px}
#cast_wrap dl {position:relative; width:515px; *width:710px; min-height:275px; height:auto !important; height:275px; margin-bottom:10px; padding:0 0 0 195px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/bg_dott.gif") repeat-x left bottom}
#cast_wrap dl dt {margin-bottom:14px; font-size:16px; color:#4e4848; font-weight:bold; letter-spacing:-1px; line-height:1.33}
#cast_wrap .img {display:block; overflow:hidden; position:absolute; left:0; top:0; width:178px; *width:180px; border:1px solid #9a9a9a}
#cast_wrap .img img {width:178px; vertical-align:top}
#cast_wrap dl dd {}
#cast_wrap dl dd p {color:#4e4848; line-height:2.1}
#cast_wrap .thum_list {position:absolute; left:90px; top:251px; overflow:hidden; height:12px}
#cast_wrap .thum_list ul {overflow:hidden; height:12px}
#cast_wrap .thum_list ul li {overflow:hidden; float:left; width:10px; *width:12px; height:10px; *height:12px; margin-right:5px; border:1px solid #384e50; cursor:pointer; vertical-align:top}
#cast_wrap .thum_list ul li.on {background:#384e50}
#bbs_wrap {overflow:hidden; float:left; width:710px; margin-right:10px}
#vod_wrap {overflow:hidden; float:left; width:710px; margin-right:10px}
#event_top {overflow:hidden; width:710px; margin-bottom:15px}
#staff_wrap {overflow:hidden; float:left; position:relative; width:710px; margin-right:10px}
#staff_wrap .intro {position:relative; width:545px; *width:710px; min-height:146px; height:auto !important; height:155px; margin-bottom:14px; padding:9px 0 0 165px}
#staff_wrap .intro p {line-height:1.55}
#staff_wrap h3 {margin-bottom:6px; color:#3d3d3d; font-weight:bold; line-height:1.55}
#staff_wrap h3 img {position:absolute; left:0; top:0}
#staff_wrap p {line-height:2; color:#3d3d3d}
#staff_wrap p span {display:block}
#cpt_wrap {overflow:hidden; float:left; position:relative; width:710px; margin-right:10px}
#cpt_wrap p {position:absolute; left:0; top:600px; padding:0 45px; color:#3d3d3d; line-height:2}
#r_con {overflow:hidden; float:left; width:250px; padding-top:7px}
#ad {overflow:hidden; width:250px; height:250px; margin-bottom:10px}
#twi_banner {overflow:hidden; width:250px; height:75px}
#footer {width:100%; margin-bottom:30px}
#f_copyright {color:#fff; line-height:1.33}
/* Tablet : iPad */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
	#header {height:36px}
	#m_wrap {background:url("http://img.imbc.com/broad/tv/drama/bullying/images/bg_main.jpg") no-repeat center 36px}
	#m_container {width:768px; background-size:768px 9px}
	#m_container h1 {position:absolute; left:20px; top:44px; width:170px; height:125px}
	#m_container h1 img {width:170px}
	#m_colgroup {width:768px; background-size:768px 48px}
	#m_con {width:730px; *width:768px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/bg_con_y.png") repeat-y center; background-size:768px 3px}
	#nav {width:754px}
	#nav ul {width:754px}
	#nav ul li {width:64px}
	#nav ul li.vod {background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -250px 0}
	#nav ul li.bbs {background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat -120px 0}
	#nav ul li.preview {background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat 8px -365px, url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat 0 0}
	#nav ul li.cast {background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat 8px -165px, url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat 0 0}
	#nav ul li.concept {background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat 10px -225px, url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat 0 0}
	#nav ul li.staff {width:63px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat 13px -425px, url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat 0 0}
	#nav ul li.event {width:260px; background:url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat 6px -295px, url("http://img.imbc.com/broad/tv/drama/bullying/images/sp_img.png") no-repeat 0 -50px}
	#r_con {display:none}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
	#header {height:36px}
	#m_wrap {background:url("http://img.imbc.com/broad/tv/drama/bullying/images/bg_main.jpg") no-repeat center 36px}
}

/* Smartphones */
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) {
	
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) {

}