@charset "euc-kr";
@import url("http://www.imbc.com/commons/css/common2011.css");
@import url("http://www.imbc.com/common/css/style2005.css");
/* Aside AD Banner Hide */
#Adcode{display:none !important;}
/* Default Selectors */
.hide {position:absolute; left:-2000%; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden}
.HideText {text-indent:-5000em;}
.radio {width:13px; height:12px; margin:-1px 2px 0 0; vertical-align:middle;}
.checkbox {width:13px; height:13px; vertical-align:middle}
.skip_navi {display:none;}
/* ºí·¯ ¾ø¾Ö±â (ÅÇÅ°°¡ ÀÛµ¿ÇÏÁö ¾ÊÀ¸¹Ç·Î °¡±ÞÀû »ç¿ëÇÏÁö ¾Êµµ·Ï ±ÇÀå) */
/* a, img, label, input{selector-dummy:expression(this.hideFocus=true);} */
body		{text-align:center; font-size:75%;}
#header		{z-index:30; position:relative; clear:both; width:100%; height:150px; background:#fff; text-align:center}
.gnb		{z-index:30; position:relative; width:990px; margin:0 auto; text-align:left}
#f_copyright {overflow:hidden; width:990px; padding:20px 0 27px 0; color:#fff;}

#wrap {overflow:hidden; width:100%; text-align:center;}
#visual {z-index:80; position:relative; overflow:hidden; margin:0 auto; width:100%; height:750px; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/bg_index_ts.jpg) no-repeat 50% 0; -webkit-background-size:1920px 750px; text-align:center;}
#intro {position:relative; overflow:hidden; width:990px; height:649px; margin:0 auto;}
#intro ul.btn_yorn {display:none; position:absolute; left:576px; top:259px;}
#intro ul.btn_yorn li {float:left; margin-right:14px; width:63px; height:37px; text-indent:-5000em;}
#intro ul.btn_yorn li a {display:block; width:63px; height:37px;}
#intro ul.btn_yorn li.clk_y {background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/btn_yorn.jpg) no-repeat 0 0;}
#intro ul.btn_yorn li.clk_n {background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/btn_yorn.jpg) no-repeat -77px 0;}
#blingbling {display:none; z-index:10; position:absolute; overflow:hidden; left:0; top:0; width:100%; height:750px; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/bg_wrap_ts.png) repeat 0 0;}
#container {z-index:20; position:relative; overflow:hidden; width:990px; height:649px; margin:0 auto; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/bg_content_ts.png) no-repeat 50% 8px;}
.btn_close_content {position:absolute; right:70px; top:10px;}
#container .section {position:absolute; left:92px; top:40px; width:800px; height:600px; text-align:left;}
.section .nav_ts {float:left; position:relative; width:134px; height:600px;}
.nav_ts ul.nav_list {position:absolute; overflow:hidden; left:0; top:288px; width:134px;}
.nav_ts ul.nav_list li {overflow:hidden; float:left; width:134px;}
.nav_ts ul.nav_list li.cast {height:36px; margin-bottom:8px;}
.nav_ts ul.nav_list li.photo {height:36px; margin-bottom:6px;}
.nav_ts ul.nav_list li.board {height:37px; margin-bottom:5px;}
.nav_ts ul.nav_list li.msupporter {height:38px; margin-bottom:3px;}
.nav_ts ul.nav_list li.event {height:41px;} 
.nav_ts ul.nav_list li a {display:block; width:134px; text-indent:-5000em;}
.nav_ts ul.nav_list li.cast a {height:36px; margin-bottom:8px; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/nav_ts.jpg) no-repeat 0 0;}
.nav_ts ul.nav_list li.photo a {height:36px; margin-bottom:6px; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/nav_ts.jpg) no-repeat 0 -44px;}
.nav_ts ul.nav_list li.board a {height:37px; margin-bottom:5px; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/nav_ts.jpg) no-repeat 0 -86px;}
.nav_ts ul.nav_list li.msupporter a {height:38px; margin-bottom:3px; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/nav_ts.jpg) no-repeat 0 -128px;}
.nav_ts ul.nav_list li.event a {height:41px; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/nav_ts.jpg) no-repeat 0 -169px;}
.nav_ts ul.nav_list li.cast a:hover,
.nav_ts ul.nav_list li.cast a.on {height:36px; margin-bottom:8px; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/nav_ts.jpg) no-repeat -134px 0;}
.nav_ts ul.nav_list li.photo a:hover,
.nav_ts ul.nav_list li.photo a.on {height:36px; margin-bottom:6px; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/nav_ts.jpg) no-repeat -134px -44px;}
.nav_ts ul.nav_list li.board a:hover,
.nav_ts ul.nav_list li.board a.on {height:37px; margin-bottom:5px; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/nav_ts.jpg) no-repeat -134px -86px;}
.nav_ts ul.nav_list li.msupporter a:hover,
.nav_ts ul.nav_list li.msupporter a.on {height:38px; margin-bottom:3px; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/nav_ts.jpg) no-repeat -134px -128px;}
.nav_ts ul.nav_list li.event a:hover,
.nav_ts ul.nav_list li.event a.on {height:41px; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/nav_ts.jpg) no-repeat -134px -169px;}
.nav_ts .btn_story_view {position:absolute; left:0; bottom:0;}
.section .content {overflow:hidden; position:relative; width:660px; *width:655px; height:530px; margin-top:60px;}
.bbs_wrap {border:5px solid #e3e2da;}
.btn_cast {position:absolute; left:151px; top:337px; width:219px; height:39px;}
.btn_cast a {display:block; width:219px; height:39px; text-indent:-5000em;}
/* ¾Æ¶ûÀü¼³ ¼Ò°³ */
.arang_sec {background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/txt_arang.jpg) no-repeat 22px 0;}
/* »ý»ý ÃÔ¿µÇöÀå */
.photo_sec {overflow-y:scroll !important; -webkit-overflow-scrolling:touch;}
.photo_sec::-webkit-scrollbar {width: 15px}
.photo_sec::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}
.photo_sec::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)}
.photo_sec .twitter_sec {position:relative; overflow:hidden; width:600px; *width:625px; height:99px; *height:119px; padding:20px 0 0 25px; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/bg_photo_twt.png) no-repeat 17px 1px;}
.photo_sec .twitter_sec .snsFrame {overflow:hidden; width:592px; height:80px;}
.photo_sec .twitter_sec .snsFrame iframe {margin-top:-78px; *margin-top:-38px;}
.photo_sec .twitter_sec .btn_sns_more {position:absolute; right:40px; top:20px;}
.photoVideo_sec {overflow:hidden; position:relative; width:600px; height:84px; margin:5px 0 30px 21px;}
.photoVideo_sec .btn_prev {overflow:hidden; position:absolute; left:0; top:0; width:15px; height:55px; *height:80px; padding-top:25px; cursor:pointer;}
.photoVideo_sec .btn_next {overflow:hidden; position:absolute; right:0; top:0; width:15px; height:55px; *height:80px; padding-top:25px; cursor:pointer;}
.photoVideo_sec .listWrap {overflow:hidden; position:absolute; left:18px; top:0; width:570px; height:84px;}
.photoVideo_sec .listWrap ul.cast_list {width:5700px;}
.photoVideo_sec .listWrap ul.cast_list li {float:left; margin-right:5px; width:90px; cursor:pointer;}
.photoVideo_sec .listWrap ul.cast_list li .cast_list_img {overflow:hidden; width:88px; *width:90px; height:63px; *height:65px; margin-bottom:5px; border:1px solid #e3dedc;}
.photoVideo_sec .listWrap ul.cast_list li .cast_list_img img {width:88px; height:63px;}
.photoVideo_sec .listWrap ul.cast_list li .cast_list_name {overflow:hidden; width:90px; height:14px; text-align:center;}
.cast_info {position:relative; overflow:hidden; margin:0 0 2px 51px; width:540px; height:40px;}
.cast_info .date {float:left; line-height:18px; color:#8b645c;}
.cast_info ul.btn_sns_list {position:absolute; right:0; bottom:0;}
.cast_info ul.btn_sns_list li {float:left; margin-right:6px;}
.cast_img {overflow:hidden; margin:0 0 8px 51px; width:530px; *width:540px; border:5px solid #e3e2da;} /* height:240px; *height:250px; */
.cast_img img {float:left; width:530px;}
.cast_txt {margin:0 0 10px 59px; width:524px; color:#4b3533;}
.talktalk {overflow:hidden; width:590px; *width:600px; margin:0 0 0 21px; background:#fff;}
/* ½ÃûÀÚ ÀÀ¿ø °Ô½ÃÆÇ */
.board_sec {position:relative;}
.board_bbs {overflow-y:scroll; -webkit-overflow-scrolling:touch; width:620px; *width:630px; height:410px; *height:420px; margin:110px 0 0 21px; background:#fff;}
.board_bbs::-webkit-scrollbar {width: 15px}
.board_bbs::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}
.board_bbs::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)}
/* m ¼­Æ÷ÅÍÁî */
.msupporter_sec {overflow-y:scroll !important; -webkit-overflow-scrolling:touch; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/txt_msuppoter.png) no-repeat 38px 2px;}
.msupporter_sec::-webkit-scrollbar {width: 15px}
.msupporter_sec::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}
.msupporter_sec::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)}
.member_modify {position:absolute; left:514px; top:310px;}
.member_modify a {display:block; width:76px; height:18px; text-indent:-5000em;}
.msupporter_bbs {width:590px; *width:600px; height:410px; *height:420px; margin:470px 0 0 21px; background:#fff;}
/* À̺¥Æ® */
.event_sec {background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/txt_event.jpg) no-repeat 0 0;}
.event_sec input {width:33px; height:33px; line-height:36px; font-size:18px; font-weight:bold; padding-left:10px; border:1px solid #b6766b;}
.event_sec .rate_10 {position:absolute; left:373px; top:228px;}
.event_sec .rate_1 {position:absolute; left:408px; top:228px;}
.event_sec .rate_float {position:absolute; left:452px; top:228px;}
.event_sec .btn_apply {position:absolute; left:177px; top:283px;}
.event_sec .btn_stats {position:absolute; left:329px; top:283px;}
.event_sec .btn_apply img,
.event_sec .btn_stats img {cursor:pointer;}
.event_sec .txt_notice {position:absolute; left:52px; top:346px; font-size:11px; color:#877472; line-height:16px; letter-spacing:-1px;}
.event_sec .txt_notice .title {color:#4b3533; font-size:13px; font-weight:bold; line-height:28px;}
.event_sec .txt_notice .txt_em1 {color:#4b3533;}
.event_sec .txt_notice .txt_em2 {color:#902035;}

.apply_result {display:none; z-index:100; position:absolute; left:50%; top:119px; overflow:hidden; margin-left:-185px; width:475px; height:396px;}
.apply_result .btn_close_layer {width:100%; height:21px; text-align:right;}
.apply_result .btn_close_layer img {cursor:pointer;}
.apply_result .list_sec {overflow:hidden; position:relative; width:473px; *width:475px; height:373px; *height:375px; border:1px solid #6d6c6c; background:#fdf2e5;}
.apply_result .list_sec h3 {position:absolute; left:35px; top:24px;}
.apply_result .list_sec .apply_per {position:absolute; left:32px; top:37px; width:414px; text-align:right; font-size:16px; font-weight:bold; color:#dd8487;}
.apply_result .list_sec .apply_per img {vertical-align:middle;}
table#tb_apply {position:absolute; left:32px; top:58px; width:414px;}
table#tb_apply thead th {padding:6px 0 4px 0; height:25px; color:#343434; background:#ffefee; border:1px solid #c1c1c1;}
table#tb_apply thead th.no {width:38px;}
table#tb_apply thead th.apply_id {width:126px;}
table#tb_apply thead th.apply_rate {width:105px;}
table#tb_apply thead th.apply_time {width:140px;}
table#tb_apply tbody td {padding:5px 0 3px 0; background:#fff; border:1px solid #c1c1c1; color:#343434; text-align:center;}
table#tb_apply tbody td.no {color:#343434; font-weight:bold; background:#ffefee;}
.paging {position:absolute; left:32px; bottom:14px; width:414px;}
.paging a {padding:0 2px 0; color:#343434;}
.paging a.on {font-weight:bold;}


#vodWrap {z-index:500; position:absolute; left:0; top:150px; width:100%; height:750px; background:url(http://img.imbc.com//broad/tv/drama/arang4to/images/bg_wrap_ts.png) repeat 0 0;}
#BgFlash {overflow:hidden; position:absolute; left:50%; top:150px; margin-left:-360px; width:750px; height:422px;}
.vodTSclose {position:absolute; left:50%; top:120px; margin-left:390px; cursor:pointer;}