@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/*common*/
.main-ui {background:#fff6e3 url(http://img.imbc.com/broad/tv/drama/gumsawall/images/main_bg.png) no-repeat center 120px;}
.sub-ui {background:#fff6e3 url(http://img.imbc.com/broad/tv/drama/gumsawall/images/sub_bg.jpg) no-repeat center 120px;}
.wrapper {width:100%; min-width:1024px; text-align:center;}
.container {position:relative; /*overflow:hidden;*/ width:1024px; margin:0 auto; text-align:left;}
.footer {clear:both; padding:20px 0; color:#555; text-align:center; font-size:12px; letter-spacing:0;}
.content-main .img, .content-main .tit, .content-main .date, .content-main .summary,.area-banner a, .area-preview a, .drama-bottom li a, .visual-top button {display:block;}
.area-preview, .area-photo, .area-sketch, .area-news, .area-banner, .content-sub .content, .right-common, .aside-menu, .aside-drama, .drama-bottom li, .area-paging, .area-paging li {float:left;}
.drama-gnb li a:hover, .drama-gnb li a:focus, .drama-gnb li a:active,
.area-preview a:hover, .area-preview a:active, .single a:hover, .single a:active, .area-news .item-news a:hover, .area-news .item-news a:active,
.drama-bottom li a:hover, .drama-bottom li a:active, .cast-summary a:hover, .cast-summary a:active, .link-cast-tree:hover, .link-cast-tree:active {text-decoration:underline;}
/*main*/
.btn-like-program-wrap {position:absolute; top:20px; left:8px; z-index:100;}
.drama-header {position:relative; /*overflow:hidden;*/ width:100%;}
.sub-ui .drama-header {height:258px;}
.main-ui .drama-header {height:258px;}
.header-inner {position:relative; width:1024px; margin:0 auto; text-align:left;}
.main-ui .drama-header {height:434px;}
.main-ui .drama-header h1.logo {position:relative; top:50px; left:0; right:0; width:409px; height:176px; margin-left:291px;}
.visual-top {overflow:hidden; position:absolute; top:0; left:0; right:0; width:100%; height:652px;}
.visual-top button {overflow:hidden; line-height:100px; cursor:pointer;}
.visual-top .box-fade {width:100%; height:100%;}
.visual-top .item-visual {position:absolute; top:0; left:0; width:100%;}
.visual-top .area-buttons {position:absolute; top:428px; left:50%; width:125px; height:30px; margin-left:-62px; text-align:center; z-index:60;}
.visual-top .area-paging {overflow:hidden; width:auto; height:11px; padding:8px 0; margin-right:20px; text-align:left;}
.visual-top .area-paging li,.visual-top .area-paging button {width:19px; height:11px;}
.visual-top .area-paging li {margin:0 3px;}
.visual-top .area-paging button {background:url(http://img.imbc.com/broad/tv/drama/gumsawall/images/indicator.png) no-repeat; }
.visual-top .area-paging button.on {background-position:0 -21px;}
.visual-top .btn-visual {float:left; width:30px; height:30px; background:url(http://img.imbc.com/broad/tv/drama/gumsawall/images/stop-rolling.png) no-repeat;}
.visual-top .btn-visual.play {background:url(http://img.imbc.com/broad/tv/drama/gumsawall/images/play-rolling.png) no-repeat;}
.drama-gnb {overflow:hidden; width:1024px; height:46px; margin:0 auto 20px;}
.drama-gnb ul {overflow:hidden; width:auto; height:100%; text-align:center;}
.drama-gnb li {height:100%; float:left;}
.drama-gnb li.fst {margin-left:7px;/*margin-left:87px;*/}/* 2015-09-30 margin-left 37px에서 7px로 변경 - 김태균 */
.drama-gnb li.fst a {background:none;}
.drama-gnb li a {display:block; padding: 0 10px; line-height:48px; color:#000; letter-spacing:0; background:url(http://img.imbc.com/broad/tv/drama/gumsawall/images/nav-line-v2.gif) no-repeat 0 19px; font-size:15px; font-family:'나눔고딕', NanumGothic, 'fontng', 'Nanum Gothic';}
/* 2015-09-30 padding 0 12px 에서 0 10px로 변경- 김태균 */
.main-ui .drama-gnb {position:relative; width:1104px; padding:44px 0 20px; margin-bottom:0; background:url(http://img.imbc.com/broad/tv/drama/gumsawall/images/nav-bg.png) no-repeat; z-index:50;}
.main-ui .drama-gnb li.fst {margin-left:50px;}/* 2015-09-30 margin-left 77px에서 50px로 변경 - 김태균 */
.drama-info {position:absolute; overflow:hidden; width:100%;}
.drama-info.img-ver {top:22px; right:0; width:284px; height:26px; background:url(http://img.imbc.com/broad/tv/drama/gumsawall/images/info-staff-bar_v2.png) no-repeat; z-index:100;}
.content-main {position:relative; overflow:hidden; *width:1024px; width:966px; padding:17px 29px; margin-bottom:10px; background:#fff;}
.content-main h3 {height:30px; padding-left:10px; margin-bottom:10px; line-height:30px; background:#eee; font-size:12px; color:#333;}
.single .img img, .area-preview .img img {width:100%;}
.single {width:225px; height:220px;}
.single .img {overflow:hidden; width:100%; height:127px; background:#eee;}
.single .tit {padding-top:9px; font-size:12px; line-height:18px; /*font-weight:bold;*/ color:#333;}
.area-preview {width:225px; height:220px; margin:0 12px 15px 0;}
.area-preview a {position:relative; overflow:hidden; width:100%; height:180px; background:#eee;}
.area-preview .img {position:absolute; top:0; left:0; right:0; overflow:hidden; width:100%; height:126px;}
.area-preview .date {display:block; margin-bottom:10px; padding:15px 17px 0; font-weight:bold;}
.area-preview .summary {line-height:1.5; padding:0 16px 17px;}
.area-photo {margin:0 10px 15px 0;}
.area-sketch {margin:0 265px 15px 0;}
.area-news {overflow:hidden; width:699px; height:220px; margin-right:15px;}
.area-news ul {position:relative; padding-left:474px;}
.area-news .fst, .area-news .scd {position:absolute; top:0; font-weight:bold;}
.area-news .fst {left:0;}
.area-news .scd {left:235px;}
.area-news .item-news {overflow:hidden; width:225px; height:29px; border-bottom:1px solid #e5e5e5; text-indent:7px; line-height:29px; white-space:nowrap; text-overflow:ellipsis; background:url(http://img.imbc.com/broad/tv/drama/gumsawall/images/dot-list-ent.gif) no-repeat 1px 50%;}
.area-news li.item-news + li.item-news + li.item-news + li.item-news + li.item-news + li.item-news {border-bottom:0 none;}
.area-news .item-news a {font-size:11px;}
.area-banner {float:right; width:250px; padding-top:26px;}
.area-banner a {overflow:hidden; width:100%; height:80px; margin-bottom:10px; background:#e1e1e1;}
.area-clip {overflow:hidden; width:100%; height:257px;}
.area-clip ul {width:977px;}
.area-clip li {float:left; margin-right:13px; width:231px;}
.area-clip .single .img {overflow:hidden; width:231px; height:126px; background:#eee;}
.ad250{position:absolute; top:17px; right:29px; overflow:hidden; width:250px;}
.drama-bottom {overflow:hidden; width:100%; padding:28px 0; background:#dbdbdb;}
.aside-menu, .aside-drama {overflow:hidden; width: 512px;}
.drama-bottom h3{margin: 0 0 12px; padding:0 36px; font-weight:bold; font-size:12px;}
.aside-menu {overflow:hidden; width:512px; background: url('http://img.imbc.com/broad/tv/drama/women/img/bg-dott.png') repeat-y right;}
.drama-bottom ul {overflow:hidden; background: url('http://img.imbc.com/broad/tv/drama/women/img/bg-dott.png') repeat-y center;}
.drama-bottom li {width:184px; margin:0 0 6px; padding:0 36px; line-height:1.2;}
.drama-bottom li a {color:#333;}
/*sub*/
.sub-ui .drama-header h1.logo {position:relative; top:50px; left:0; right:0; width:409px; height:176px; margin-left:291px;}
.content-sub {position:relative; overflow:hidden; width:1002px; *width:1024px; padding:0 12px 10px 10px; background:#fff url(http://img.imbc.com/broad/tv/drama/gumsawall/images/sub_tit_shadow.png) repeat-x 0 50px;}
.content-sub .content {width:712px; margin-right:25px;padding-bottom:20px}
.tit-h2-sub {overflow:hidden; width:100%; height:50px; margin-bottom:10px; line-height:52px; font-size:16px; font-weight:bold; color:#555; letter-spacing:-1px; text-indent:20px}
.tit-summ {display:inline-block; *display:inline; zoom:1; font-size:12px; text-indent:15px; color:#666; font-weight:normal;}
.right-common {width:250px;}
.board-wrap {overflow:hidden;}
.cast-wrap {position:relative; width:100%;}
.cast-img-area {margin-bottom:11px;}
.cast-summary {position:relative; margin-bottom:20px; border-top:2px solid #e0e8e8; border-bottom:2px solid #e0e8e8; color:#3e4f4e; letter-spacing:-0.5px;}
.cast-summary h3 {overflow:hidden; width:100%; padding:19px 0 18px; background:#f2f5f5; font-size:14px; font-weight:bold; color:#737270;}
.cast-summary h3 span {display:block;float:left;line-height:16px;height:16px;}
.cast-summary h3 .drama-name {margin-left:21px; padding-right:14px;}
.cast-summary h3 .actor-name {padding-left:10px; background:url("http://img.imbc.com/broad/tv/drama/ggcs/img/cast-bg.gif") no-repeat 0 1px;}
.cast-summary p {padding:10px 0 15px; margin:0 25px; font-size:12px; line-height:20px; letter-spacing:-1px; color:#44403e;}
.cast-summary p strong {display:block; padding-bottom:8px; font-size:14px; line-height:30px; font-weight:normal; letter-spacing:-1px;}
.cast-summary a, .link-cast-tree {display:block; position:absolute; right:9px; width:160px; overflow:hidden; color:#3c7a72; line-height:21px;}
.cast-summary a {top:19px;}
.list-other {width:100%; padding-top:40px;}
.other-item {overflow:hidden; width:622px; margin:0 30px 0 40px; padding-bottom:20px;}
.other-item .other-img {overflow:hidden; width:200px; float:left;}
.other-item .other-img img {height:150px; }
.other-item p {padding-left:210px; font-size:12px; line-height:18px; letter-spacing:-1px; color:#44403e;}
.other-item p strong {overflow:hidden; display:block; width:400px; margin-bottom:16px; font-size:14px; color:#777574;}
.other-item p strong span {display:block; float:left;}
.other-item p strong .other-actor-name {margin-left:10px; padding-left:10px; background:url("http://img.imbc.com/broad/tv/drama/ggcs/img/cast-other-bg.gif") no-repeat 0 2px;}
.link-cast-tree {top:5px;}
.ui-dividing-presscon {overflow:hidden;position:relative;margin-bottom:20px;}
.ui-dividing-presscon .player {overflow:hidden; z-index:10;position:absolute;left:28px;top:379px;width:638px;*width:640px;height:358px;*height:360px;border:1px solid #c595c9;background-color:#000;}
.ui-dividing-presscon .buttons {display:block; z-index:10;overflow:hidden;position:absolute; left:0; top:747px; width:100%; text-align:center; font-size:0;}
.ui-dividing-presscon .buttons a:first-child {margin-right:5px;}
.ui-dividing-presscon .button {display:inline-block; position:relative; vertical-align:top; zoom:1; *display:inline;}
.live-bottom {position:relative; width:711px;padding:10px 0 132px;margin-bottom:20px;background:url(http://img.imbc.com/broad/tv/drama/gumsawall/images/live-bg.png) no-repeat;}
.live-vod {overflow:hidden; width:640px; height:360px; margin:0 35px;}
.link-concept, .link-cast {position:absolute; bottom:0; overflow:hidden; width:170px; height:51px; margin-bottom:50px; background-repeat:no-repeat; text-indent:100%; white-space:nowrap;}
.link-concept {left:175px; background-image:url(http://img.imbc.com/broad/tv/drama/gumsawall/images/btn-concept.png);}
.link-cast {right:175px; background-image:url(http://img.imbc.com/broad/tv/drama/gumsawall/images/btn-cast.png);}
.broad-area {text-align:center;}
/* 이벤트 시작 */
.btn-event{display:block;background-color:#fff;opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);width:167px;height:47px;position:absolute;bottom:93px;left:50%;margin-left:-75px;cursor:pointer}
.documentation-sub .container {
overflow: hidden;
position: relative;
float: left;
width: 693px;
margin-right: 21px;
}
.container-event {
overflow: hidden;
position: relative;
width: 693px;
}
.container-event .list {
position: absolute;
left: 0;
top: 726px;
width: 693px;
text-align: center;
}
.container-event .list ul {
width: 693px;
margin-bottom: 17px;
font-size: 0;
}
.container-event .list ul li {
position: relative;
overflow: hidden;
display: inline-block;
zoom: 1;
*display: inline;
margin: 0 3px;
vertical-align: top;
}
.container-event .list ul li button {
padding: 0;
border: 0;
cursor: pointer;
background-color: transparent;
vertical-align: top;
}
.container-event .list ul li input {
position: absolute;
left: 9px;
top: 0;
width: 13px;
height: 13px;
}
.container-event .list .btn-event {
display: block;
width: 201px;
height: 71px;
margin: 0 auto;
padding: 0;
border: 0;
cursor: pointer;
background-color: transparent;
}
.container-event .dimd {
display: none;
z-index: 10;
position: absolute;
left: 0;
top: 0;
width: 693px;
height: 1462px;
background: url("http://img.imbc.com/broad/tv/drama/sunbi/img/bg-dimd.png");
}
.container-event .description {
display: none;
z-index: 20;
position: absolute;
left: 0;
top: 678px;
width: 693px;
}
.container-event .description .btn-close {
z-index: 10;
position: absolute;
right: 16px;
top: 0;
width: 29px;
height: 29px;
padding: 0;
border: 0;
cursor: pointer;
background: url("http://img.imbc.com/broad/tv/drama/sunbi/img/btn-description-close.png") no-repeat;
text-indent: -9999px;
}
.container-event .description .mark {
display: none;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 693px;
padding-top: 37px;
text-align: center;
}
.event-section {
padding-bottom: 10px;
border-top: 1px solid #e0e8e8;
border-bottom: 2px solid #e0e8e8;
font-size: 12px;
line-height: 18px;
letter-spacing: -0.5px;
}
.sec-common {
border-bottom: 2px solid #e0e8e8;
}
.event-tab {
margin-bottom: 30px;
border-top: 1px solid #e0e8e8;
border-bottom: 1px solid #e0e8e8;
}
.event-tab ul {
overflow: hidden;
width: 100%;
padding: 11px 0;
background: #f3f6f6;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.event-tab li {
float: left;
padding: 4px 30px;
border-left: 1px solid #e0e8e8;
line-height: 1;
}
.event-tab li.none-border {
border-left: 0 none;
}
.event-tab li a {
color: #2a7171;
}
.event-tab li a.tab-on {
font-weight: bold;
}
.event-summary {
position: relative;
padding-bottom: 56px;
width: 100%;
*zoom: 1;
}
.event-summary:after {
content: "";
display: block;
visibility: hidden;
clear: both;
font-size: 0;
height: 0;
line-height: 0;
}
.event-summary span {
float: left;
display: block;
margin-left: 30px;
}
.event-summary span img {
width: 196px;
height: 196px;
}
.event-summary div {
float: right;
width: 415px;
margin: 0 30px 0 21px;
}
.event-summary div strong {
font-size: 14px;
line-height: 34px;
font-weight: bold;
color: #333;
}
.event-summary div p {
color: #333;
font-size: 12px;
line-height: 20px;
}
.event-summary div ul {
padding-top: 23px;
}
.event-summary div ul li {
padding-left: 7px;
background: url("http://img.imbc.com/broad/tv/drama/springday/images/list-style01.gif") no-repeat 0 6px;
font-size: 12px;
line-height: 18px;
color: #2a7171;
}
.event-join {
position: absolute;
top: 201px;
left: 30px;
clear: both;
z-index: 10;
}
.event-join a {
display: block;
width: 194px;
padding: 9px 0;
border: 1px solid #ccd7d7;
background: #d7e1e1;
font-weight: bold;
text-align: center;
line-height: 1;
color: #333;
}
.btn-eveMore {
position: absolute;
top: 0;
right: 0;
display: block;
width: 176px;
padding: 28px 0 25px 0;
border: 2px solid #d2d2d2;
background: #fff url("http://img.imbc.com/broad/tv/drama/springday/images/event-go.gif") no-repeat 130px 20px;
font-size: 14px;
font-weight: bold;
color: #232323;
text-indent: 15px;
line-height: 1;
letter-spacing: -0.5px;
}
.event-none {
padding: 174px 0;
font-size: 14px;
color: #666;
text-decoration: underline;
text-align: center;
letter-spacing: -0.5px;
}
.event-title {
display: block;
padding: 15px 0;
font-size: 12px;
color: #2a7171;
text-indent: 30px;
letter-spacing: -0.5px;
border-top: 2px solid #e0e8e8;
}
.event-top {
margin-bottom: 20px;
}
.btn-event-submit{display:block;background-color:#fff;opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);width:170px;height:51px;position:absolute;bottom:59px;left:50%;margin-left:-216px;cursor:pointer}
/* 이벤트 끝 */