@charset "euc-kr"; /* @ Lyaout */ body {text-align:center} #wrapper {width:100%; overflow:hidden; } #header {width:100%} #header .gnb {width:990px; margin:0 auto; text-align:left} #container {position:relative; width:990px; overflow:hidden; margin:0 auto; text-align:center;} #footer {clear:both; color:#949494; padding:30px 0;} #rectangle_banner {float:right; width:250px; height:250px;overflow:hidden;} #right_common {float:right !important; width:250px; overflow:hidden;} button {background:none; border:none;} /* @ Accessibility */ #accessibility{position:relative; z-index:9999; text-align:left} #accessibility li {position:absolute;top:0;left:0; width:100%} #accessibility a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-1000px; z-index:500; font-size:12px} #accessibility a:focus, #accessibility a:active{position:absolute; top:0; height:40px; font-weight:bold; font-size:12px; color:#000; z-index:1000; background:#efefef; line-height:40px} /* @ Main Content */ #main {background:url("http://img.imbc.com/broad/tv/drama/mil/images/bg_main.jpg") no-repeat center 150px;} #main .logo {position:absolute; width:0; height:0; text-indent:-5000px;} #main .dra_info {position:absolute; top:10px; right:10px; letter-spacing:-1.2; word-spacing:-1.2; line-height:1.5; color:#555; text-align:right; z-index:200;} #main .dra_info span{font-weight:bold;} #main #mVisual {position:relative; overflow:hidden; width:990px; height:444px; } #main #mVisual .btn {position:absolute; bottom:20px; right:20px; width:46px; height:10px; background:url("http://img.imbc.com/broad/tv/drama/mil/images/btn.png") no-repeat } #main #mVisual .btn li {float:left; text-indent:-5000px; width:15px; height:10px; cursor:pointer;} #main #mVisual .mainImg {width:1980px; height:444px;} #main #mVisual .mainImg li {position:absolute; top:0; left:0;} #main #imbc_nav {width:990px; height:51px; *height:55px;background:url("http://img.imbc.com/broad/tv/drama/mil/images/mainMenu.jpg") no-repeat left top; border-top:3px solid #1b1e1c; border-bottom:1px solid #1b1e1c; } #main #imbc_nav ul.mMenu {width:990px; height:51px;} #main #imbc_nav li {float:left; width:165px; height:51px;} #main #imbc_nav li a {display:block; width:165px; height:51px; text-indent:-5000px;} #main #imbc_content {position:relative; width:950px; *width:990px; overflow:hidden; padding:20px; text-align:left;} #main #imbc_content h3 {margin-bottom:15px;} #main #mPreview {float:left; width:268px; height:198px; margin-right:30px;} #main #mPreview #preStory {width:248px; *width:268px; height:110px; *height:150px; padding:20px 10px; background:#f4f4f4; } #main #mPreview #preStory #airDate {font-weight:bold; letter-spacing:-1.2; margin-bottom:10px;} #main #mPreview #preStory #airText {letter-spacing:-1.2; line-height:1.5;} #main #mClip {float:left; width:343px; height:220px; margin-right:30px;} #main #mClip .m_clip {width:343px; height:150px; margin-bottom:24px; text-align:center; } #main #mClip .m_clip li {float:left; width:154px; margin-right:15px;} #main #mClip .m_clip li .li_clip_img {width:154px; height:116px; overflow:hidden;border:1px solid #1e1e1e; text-align:center; margin-bottom:5px;} #main #mClip .m_clip li .li_clip_img a {display:block; width:154px; height:116px; letter-spacing:-1.2;} #main #mClip .m_clip li img {height:116px; } #main #mClip .m_clip li .li_clip_txt a { width:154px; text-align:left; line-height:1.3;} #main #mPnS {clear:both; width:950px; height:225px; margin:15px 30px 15px 0; background:url("http://img.imbc.com/broad/tv/drama/mil/images/bg_photoclip.png") no-repeat left 25px ; } #main #mPhoto {float:left; width:338px; height:160px; padding-left:115px;} #main #mPhoto .photo { width:338px; height:160px;} #main #mPhoto .photo li {float:left; width:154px !important; height:160px; margin-right:15px;} #main #mPhoto .photo li .li_photo_img {width:154px !important; height:114px; *height:116px; overflow:hidden; border:1px solid #1e1e1e; text-align:center; margin-bottom:10px; background:#000;} #main #mPhoto .photo li img {height:116px;} #main #mPhoto .photo li .li_photo_txt a {text-align:left; line-height:1.5;} #main #mSketch {float:right; width:492px; overflow:hidden;} #main #mSketch .sketch li {float:left; position:relative; width:154px; margin-left:9px;} #main #mSketch .sketch li .li_sketch_img {width:154px; height:116px; text-align:center; overflow:hidden; border:1px solid #1e1e1e; margin-bottom:10px;} #main #mSketch .sketch li .li_sketch_img a {display:block; width:154px; height:116px; letter-spacing:-1.2;} #main #mSketch .sketch li .ico_play {position:absolute; top:95px; left:10px; width:154px; height:20px;background:url("http://img.imbc.com/broad/tv/drama/mil/images/play.png") no-repeat 0px 0px; z-index:20;} #main #mSketch .sketch li img {height:116px;} #main #mSketch .sketch li .li_sketch_txt a {text-align:left; line-height:1.5; letter-spacing:-1.2;} #main #mEvent {float:left; position:relative; width:268px; height:110px; margin-right:30px;} #main #mEvent .banner {width:268px; height:63px; overflow:hidden; border:1px solid #c1c1c1;} #main #mEvent .banner ul{width:1000px;} #main #mEvent .banner ul li {width:268px; height:63px; float:left;} #main #mEvent .eventControl {position:absolute; top:23px; right:0px;} #main #talk {float:left; width:650px !important; overflow:hidden; margin-bottom:10px;} #main #talk .talk-inner {width:650px; *height:85px; } #main #talk .newsList {width:620px; overflow:hidden; position:relative; margin-top} #main #talk .newsList li{float:left; width:285px; height:63px; text-align:left; } #main #talk .newsList li a {float:left; display:block; width:90px; height:63px;} #main #talk .newsList li img {float:left; height:63px; } #main #talk .newsList li p { line-height:1.5; color:#555555 !important;} #main #talk .newsList li p a {width:165px; color:#555555 !important; margin-left:10px;} #main #talk .newsTxt1, #main #talk .newsTxt2, #main #talk .newsTxt3{clear:both; width:315px; *width:320px !important; height:11px !important; margin-top:2px; padding-left:5px;} #main #talk .newsTxt1 { position:absolute; top:0px ; right:10px;} #main #talk .newsTxt2 { position:absolute; top:20px; right:10px;} #main #talk .newsTxt3 { position:absolute; top:40px; right:10px;} #main #talk .newsTxt1 img, #main #talk .newsTxt2 img, #main #talk .newsTxt3 img {display:none;} #main #talk .newsTxt1 a, #main #talk .newsTxt2 a, #main #talk .newsTxt3 a {display:none !important; letter-spacing:-1.2; word-spacing:-1.2; } #main #talk .newsTxt1 p a.txtLink, #main #talk .newsTxt2 p a.txtLink, #main #talk .newsTxt3 p a.txtLink {display:block !important; overflow:hidden; width:290px; *width:300px !important; height:17px !important; border-bottom:1px dashed #d8d8d8; white-space:nowrap; text-overflow:ellipsis} #main #siteMap{clear:both; overflow:hidden; text-align:left !important; background:#1e1e1e; padding:20px 30px; height:155px; *height:195px; margin-top:15px;} #main #group {display:none;} #main .group, #main .group_last {float:left; height:155px; border-right:1px solid #333534; border-left:1px solid #242424; padding:0 15px;} #main .group_last ul {margin-top:-3px;} #main .group_pro {width:188px; float:right; text-align:right; } #main #group01 {padding-left:0; border-left:none;} #main .group h3, #main .group_last h3{color:#cecece; font-weight:bold;} #main .group_pro h3 {color:#72a7a4; font-weight:bold;} #main .group li, #main .group_last li{line-height:1.6;} #main .group li a, #main .group_last li a {color:#cecece !important; word-spacing:-1.1;} #main .group_pro li {line-height:1.6;} #main .group_pro li a {color:#72a7a4 !important;} .dramaList {overflow:hidden; padding:35px 0 30px 39px; background:url("http://img.imbc.com/broad/tv/drama/mil/images/bg_dramaSE.jpg") no-repeat left top;} .dramaList li {float:left; height:155px; margin-bottom:25px; padding-left:12px; padding-right:28px} .dramaList li dl {width:250px;} .dramaList li dt { padding-right:10px; width:250px; height:168px; } .dramaList li dd { line-height:1.5; text-align:center !important;} .dramaList li dd.title span {font-weight:bold; color:#bf6e18; text-align:center !important;} .dramaList li dd.title {padding-top:3px; width:150px; color:#3c4043; font-weight:bold; text-align:center !important;} /* @ Sub Content */ .sub #wrapper{background:url("http://img.imbc.com/broad/tv/drama/mil/images/bg_sub.jpg") no-repeat center 150px;} .sub .logo {float:left;width:300px; height:250px;} .sub .logo a {float:left; display:block; width:300px; height:250px; text-indent:-5000px; } .sub .dra_info {float:left; width:350px; height:45px; margin:10px 0 0 75px; letter-spacing:-1.2; word-spacing:-1.2; line-height:1.5; color:#555; text-align:right; z-index:200;} .sub .dra_info span{ font-weight:bold;z-index:200;} .sub #content {position:relative; float:left; width:735px; overflow:hidden;} .sub #con_inner {float:left; width:735px; overflow:hidden; background:url("http://img.imbc.com/broad/tv/drama/mil/images/bg_content.jpg") repeat-y center 50px; border-bottom:1px solid #000;} #imbc_nav {float:left; width:130px; overflow:hidden; text-align:left;} #imbc_nav .fav {width:130px; height:51px; background:url("http://img.imbc.com/broad/tv/drama/mil/images/bg_fav.jpg") no-repeat;} #imbc_nav .popular {width:110px; height:13px; *height:25px; float:left; overflow:hidden; padding:6px 10px;} #imbc_nav .popular a {display:block; width:110px; height:13px; font-weight:bold; color:#fff; } #imbc_nav #group01 {margin:20px 10px 20px 10px;} #imbc_nav .group, #imbc_nav .group_last {margin:15px 10px 0 10px; padding-bottom:15px; border-bottom:1px dashed #e7e7e7; line-height:1.8; letter-spacing:-1.2; word-spacing:-1.2;} #imbc_nav .group_last {border:none; padding-top:8px;} #imbc_nav h3 {color:#000; font-weight:bold;} #imbc_nav .group a, #aside .group_last a {color:#000;} #imbc_nav .group li.on a, #imbc_nav .group_last li.on a, #imbc_nav .group li a:hover, #imbc_nav .group_last li a:hover {color:#008176; letter-spacing:-1.1; word-spacing:-1.2; font-weight:bold; padding-left:5px; background:url("http://img.imbc.com/broad/tv/drama/mil/images/ico_menu.jpg") no-repeat left 2px;} /*#aside .group li.on a, #aside #group a:hover {color:#fff; background:none; padding:0;}*/ .sub #con_inner #talk {float:right; width:567px; *width:605px; height:13px; *height:51px; overflow:hidden; padding:19px; background:#000;} .sub .newsList {width:567px; height:13px; overflow:hidden;} .sub .newsList li {border:none !important;} .sub .newsList li p {text-align:left;} .sub .newsList li p a {color:#fff; letter-spacing:-1.2; word-spacing:-1.2; } .sub .newsList li img {display:none;} /*#newsBar {position:relative; float:left; width:100%; height:45px; margin-top:6px; overflow:hidden;}*/ /*#newsBar .items {position:absolute; left:0px; top:45px; height:45px; overflow:hidden;}*/ /*#newsBar .items a {color:#fff; line-height:45px; padding-left:20px; font-weight:bold}*/ .sub #imbc_content {float:left; width:585px; *width:605px; padding:20px 10px 90px 10px; text-align:left !important;} .sub #imbc_content h3 {font-size:16px; font-weight:bold; margin-bottom:20px; letter-spacing:-1.2; word-spacing:-1.3;} .sub #imbc_content h3 span {font-size:12px; font-weight:normal;} .sub #imbc_content h3 .eveTit {font-size:16px; font-weight:normal;} .sub .com_banner {margin-bottom:10px; width:585px; height:65px;} /* 제작진 소개 */ #imbc_content .imgStaff {position:relative; width:585px; height:800px;} #imbc_content .txtStaff{position:absolute; top:350px; left:35px; color:#1a1a1a; line-height:1.7; letter-spacing:-1; word-spacing:-1.2;} /* 화제의 1분 */ .sub #clipList {overflow:hidden; width:559px; *width:585px; height:121px; *height:138px; padding:15px 0 0 24px; border:1px solid #d9d9d9; background:#eee; margin-bottom:20px;} .sub #clipList li {overflow:hidden; position:relative; float:left; width:126px; margin-right:10px; letter-spacing:-1px; line-height:1.3; color:#555; text-align:center} .sub #clipList li img {display:block; width:120px; height:80px; margin-bottom:4px; border:3px solid #bfb7a6} .sub #clipList li em {display:block;} .sub #clipList li span {display:block; letter-spacing:0} .sub #clipList .playVod {position:absolute; right:10px; top:60px; width:19px; height:21px; border:0} .sub #clipList .playVod img {width:19px; height:21px; border:0} /* 이벤트 */ .sub #eventList{width:585px; height:54px; padding:4px 0 0 8px; background:url("http://img.imbc.com/broad/tv/drama/images/event_bg.jpg") no-repeat; text-align:center; margin-top:10px;} .sub #eventList li{float:left; margin-right:19px; width:91px; height:27px;} .sub #eventList a {display:block; height:27px; text-indent:-5000em; background:no-repeat left top} .sub #eventList a.btnEventIng {background-image:url("http://img.imbc.com/commons/images/btn_event_ing.gif")} .sub #eventList a.btnEventFinish {background-image:url("http://img.imbc.com/commons/images/btn_event_finish.gif")} .sub #eventList a.btnEventWinner {background-image:url("http://img.imbc.com/commons/images/btn_event_winner.gif")} .sub #eventList a.on {background-position:left bottom} .sub .eventField {width:100%; margin:0 auto; text-align:center;} /* 방송 정보 */ .sub #tvinfoWrap{overflow:hidden; position:relative; width:585px; padding-top:29px} .sub #tvinfoWrap h4{position:absolute; top:0; width:108px; height:29px; text-align:center; font-size:12px; color:#fff; letter-spacing:-1px; line-height:29px; background:url("http://img.imbc.com/broad/tv/drama/bigf/images/tvinfoOff.gif") no-repeat; font-weight:bold; cursor:pointer;} .sub #tvinfoWrap h4.on{background:url("http://img.imbc.com/broad/tv/drama/bigf/images/tvinfoOn.gif") no-repeat;} .sub #tvinfoWrap h4.tvinfo{left:0;} .sub #tvinfoWrap h4.qna{left:113px;} .sub .tvinfoFrame{display:none; overflow:hidden; width:585px;} .sub .tvinfoTxt{margin-bottom:20px;} .sub .countryList{overflow:hidden; border-bottom:2px solid #000; height:30px; *height:32px;} .sub .countryList li{float:left; width:142px; *width:144px; height:28px; *height:30px; background:#efefef; border:1px solid #dfdfdf; line-height:28px; text-align:center; margin-right:3px; cursor:pointer; color:#747474;} .sub .countryList li.on{background:#000; border-color:#000; font-weight:bold; color:#ffe90e;} .sub #country_02, #country_03, #country_04{display:none;} /*월페이퍼 & 포스터*/ .sub #wallList{width:563px; *width:585px; height:155px; *height:174px; background:#eee; overflow:hidden; padding:19px 0 0 22px; overflow:hidden;} .sub #wallList h3{clear:both; float:left; margin-bottom:17px;} .sub #wallList ul{overflow:hidden; float:left; width:430px; margin-bottom:17px;} .sub #wallList ul li{cursor:pointer; float:left; margin-right:15px; overflow:hidden;} .sub #wallList li img{width:71px;} .sub #wallList .wallpaperList{margin-left:15px;} .sub #wallList .posterList{margin-left:38px;} .sub #wallView{background:#a1a09f; padding:38px 4px 4px; *padding-top:25px; position:relative; overflow:hidden;} .sub #veiwPhoto img{width:577px;} .sub .btnZoom, .btnDown{overflow:hidden; position:absolute; top:10px; right:13px; height:19px;} .sub .btnZoom button{width:79px; height:19px; vertical-align:top; padding:0; border:none; margin-left:12px; float:left; cursor:pointer; background:none;} .sub .btnDown button{width:79px; height:19px; vertical-align:top; padding:0; border:none; cursor:pointer; background:none;} /* 영상 스케치 */ DIV.bbs_list_img {position:relative;} /* 예고 보기 */ #v_temp {width:585px !important;} /*등장인물*/ #castNav{background:#eee; width:585px; height:120px; margin-bottom:21px; position:relative;} #castNav ul{overflow:hidden; width:50000px;} #castNav li{float:left; cursor:pointer; margin-right:20px; width:70px; text-align:center;} #castNav li span{display:block; color:#777; font-size:11px; letter-spacing:-1px; line-height:20px;} .castList{width:520px; height:100px; overflow:hidden; margin:0 0 0 33px; padding:20px 0 0;} #cast .castMain{display:none;} #cast .castPart{display:none; overflow:hidden; width:585px} .castPart dl{overflow:hidden; position:relative; width:585px; margin-bottom:15px; padding:5px 0 0 0;} .castPart dl dt{ width:375px; font-size:16px; letter-spacing:-2px; line-height:1.33; font-weight:bold; color:#000; margin-bottom:10px;} .castPart dl dt span {font-size:12px; color:#164700;} .castPart dl dd{float:left;} .castPart dl img{border:1px solid #ebebeb;} .castPart dl .txt {color:#777; line-height:1.55; margin:0px 0 0 12px; width:375px;} .castPart .frame {position:relative; left:10px; top:4px; padding-left:10px; color:#5574CA; letter-spacing:-1px; line-height:1.33; background:url("http://img.imbc.com/broad/tv/drama/bogo/images2/arrowBlick.jpg") no-repeat 0 2px; font-size:12px; font-weight:normal} .btn_pre {position:absolute; top:52px; left:12px;} .btn_next {position:absolute; top:52px; right:12px;}