.red {
    color: #be0000;
}

.underline {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
    font-size: 20px;
}

.nav {
    width: 1024px;
    margin: 0 auto;
}

body {
    font-family: '나눔 고딕', 'Nanum Gothic';
    color: #313131;
}

.wrapper {}

.container {
  background: url('http://img.imbc.com/broad/tv/drama/2016_scenario2/img/bg-scenario-automn3.jpg') no-repeat center top;
}
.wrapper.sub-ui-page{
	background:#fbd4d2;
}
.sub-ui-page .container {
    background: url('http://img.imbc.com/broad/tv/drama/2016_scenario2/img/bg-scenario-automn4.jpg') no-repeat center 0;
}

.visual {
    margin:0 auto;width:450px;height:848px;
}
.player-wrap {
    position:absolute; 
    top:418px; 
    right:50%;
    margin-right:-625px;
    width:640px; 
    height:320px; 
    background:black; 
    overflow:hidden;
}
.player {
    width:100%; 
    height:100%;
}

.visual .tit-scenario {
    padding-top:71px;
	margin-left:-232px;
	margin-bottom:45px;
}
.visual .txt-scenario {
	margin-left:-221px;
}
.visual .visual-rolling {
    position: absolute;
    top: 157px;
    left: 50%;
    margin-left: -60px;
    width: 693px;
    height: 691px;
}

.visual .visual-rolling .rolling-img {
    position: relative;
}

.visual .visual-rolling .rolling-img li {
    position: absolute;
    z-index: 10;
    display: none;
}

.visual .visual-rolling button {
    cursor: pointer;
    border: 0;
    position: absolute;
    z-index: 100;
}

.visual .visual-rolling .btn-play-stop {
    background: url('http://img.imbc.com/broad/tv/drama/2016_scenario/img/btn-play-stop.png') no-repeat 0 0;
    width: 55px;
    top: 532px;
    right: 50%;
    margin-right: -280px;
    height: 55px;
}

.visual .visual-rolling .playing {
    background-position: -55px 0;
}

.visual .visual-rolling .btn-prev {
    background: url('http://img.imbc.com/broad/tv/drama/2016_scenario/img/btn-prev.png') no-repeat 0 0;
    width: 46px;
    height: 92px;
    right: 50%;
    top: 440px;
    margin-right: -252px;
}

.visual .visual-rolling .btn-prev:hover,
.visual .visual-rolling .btn-next:hover {
    background-position: -46px 0;
}

.visual .visual-rolling .btn-next {
    background: url('http://img.imbc.com/broad/tv/drama/2016_scenario/img/btn-next.png') no-repeat 0 0;
    width: 46px;
    height: 92px;
    top: 440px;
    right: 50%;
    margin-right: -298px
}

.nav {
    height: 71px;
}

.nav ul {
    overflow: hidden;
}

.nav ul li {
    float: left;
    height: 71px;
    line-height: 71px;
}

.nav ul li a {
    text-indent: -9999px;
    display: inline-block;
}

.nav ul li.menu01 {
	padding: 0 53px 0 50px;
}
.nav ul li.menu02 {
	padding: 0 40px 0 43px;
	margin-top: 22px;
}
.nav ul li.menu03 {
	padding: 0 45px 0 44px;
}
.nav ul li.menu01 a {
    width: 99px;
    height: 28px;
    line-height: 28px;
    background: url('http://img.imbc.com/broad/tv/drama/2016_scenario/img/menu01-v2.png') no-repeat 0 3px;
}

.nav ul li.menu02{
    width: 125px;
    height: 28px;
    line-height: 28px;
    background: url('http://img.imbc.com/broad/tv/drama/2016_scenario/img/menu02-v2.png') no-repeat 40px 3px;
}

.nav ul li.menu03 a {
    width: 132px;
    height: 29px;
    line-height: 29px;
    background: url('http://img.imbc.com/broad/tv/drama/2016_scenario2/img/menu-03.png') no-repeat 0 3px;
}

.nav ul li a:hover,
.nav ul li.nav-active a {
    background-position: 0 -29px;
}

.content {
    width: 1024px;
    margin: 0 auto;
    text-align:center;
}

.content .cont01,
.content .cont02,
.content .cont03,
.content .cont04 {
    overflow: hidden;
    text-align:left;
}

.content .cont01 h2,
.content .cont02 h2,
.content .cont03 h2,
.content .cont04 h2 {
    float: left;
    width: 198px;
}

.content .cont01 {
    height: 471px;
}

.content .cont01 h2 {
    margin-top: 65px;
    margin-left: 48px;
}

.content .cont02 {
    height: 357px;
}

.content .cont02 h2 {
    margin-top: 67px;
    margin-left: 48px;
}

.content .cont03 {
    height: 235px;
}

.content .cont03 h2 {
    margin-top: 67px;
    margin-left: 48px;
}

.content .cont04 {
    height: 538px;
}

.content .cont04 h2 {
    margin-top: 67px;
    margin-left: 48px;
}

.content .cont01 .info,
.content .cont02 .info,
.content .cont03 .info,
.content .cont04 .info {
    float: left;
    padding-top: 64px;
}

.content .cont01 .info div {
    font-size: 18px;
    line-height: 24px;
}

.content .cont01 .info div p.bold {
    line-height: 24px;
}
.content .cont01 .info div ul {
    overflow: hidden;
}

.content .cont01 .info div ul li {
    float: left;
    width: 257px;
    margin-left: 2px;
}

.content .cont01 .info div ul li:first-child {
    margin-left: 0;
}

.content .cont01 .info div ul li div.bold {
    font-size: 20px;
    letter-spacing: -2px;
    background-color: #d7b5b4;
    height: 42px;
    line-height: 42px;
}

.content .cont01 .info div ul li div {
    text-align: center;
    height: 180px;
    background-color: #ecc8c6;
}

.content .cont01 .info div ul li div p {
    letter-spacing: -1px;
    font-size: 16px;
    line-height: 24px;
}

.content .cont01 .info div ul li div p:first-child {
    padding-top: 20px;
}

.content .cont02 .info {
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 30px;
}

.content .cont02 .info .dot {
    background: url('http://img.imbc.com/broad/tv/drama/2016_scenario/img/bg-dot.png') no-repeat left center;
    padding-left: 20px;
}

.content .cont02 .info ul li div {
    padding-left: 20px;
}

.content .cont02 .info ul li {
    margin-bottom: 20px;
}

.content .cont03 .info p {
    line-height: 30px;
    font-size: 18px;
}

.content .cont03 .info p.bold {
    font-size: 20px;
}

.content .cont04 .info ul li {
    background: url('http://img.imbc.com/broad/tv/drama/2016_scenario2/img/bg-dot-red.png') no-repeat left 13px;
    padding-left: 20px;
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 30px;
}

.footer {
    padding: 64px 0;
    background-color: #fbd4d2;
}

#f_copyright {
    text-align: center;
}

.sub-ui-page .sub-apply-contariner {
    padding-bottom: 50px;
}

.sub-ui-page .content {
    background: #fcb1a0;
    position: relative;
    padding-bottom: 245px;
}

.apply-number {
    display: block;
    padding: 12px 0 10px;
    font-size: 14px;
    text-decoration: underline;
    text-align: right;
    letter-spacing: -1px;
    font-weight: bold;
    width:894px;
    margin-left:100px;
}

.form-area {
    padding: 43px 68px 0 0;
}

.modification-area {
    position: relative;
    height: 85px;
    padding:2px 1px;
    background: url('http://img.imbc.com/broad/tv/drama/2016_scenario/img/bg-apply-modify.png') no-repeat top center;
    margin-bottom: 20px;
    width:894px;
    margin-left:100px;
    text-align:left;
}

.modification-area ul {
    padding-top: 26px;
}

.modification-area li {
    padding: 0 0 8px 43px;
    background: url(http://ann.imbc.com/anna14/dasome4/images/modi-bg.gif) no-repeat 28px 6px;
    font-size: 14px;
    color: #5e5e5e;
    letter-spacing: -1px;
}

.modification-area a {
    position: absolute;
    top: 26px;
    right: 20px;
    overflow: hidden;
    display: block;
    width: 139px;
    height: 38px;
    background: #15a4cf url('http://img.imbc.com/broad/tv/drama/2016_scenario2/img/change_btn.jpg') no-repeat;
    white-space: nowrap;
    text-indent: 100%;
}

.apply-area {
    width: 894px;
    /* height:749px; *height:750px */
    margin-left:100px;
    text-align: left;
    margin-bottom: 10px;
}

.apply-area .first-line {
    border-top: 1px solid #3c3c3c;
}

.apply-area tr {
    font-size: 14px;
}

.apply-area th {
    width: 128px;
    text-indent: 22px;
    padding: 12px 0 11px;
    *height: 38px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #9eb3bb;
    letter-spacing: -1px;
}
#ph1{
    margin-right:2px;
}
.gecko #ph1,
.ie #ph1{
    margin-right:3px;
}

.apply-area th span {
    display: block;
}

.apply-area td {
    border-bottom: 1px solid #c28e82;
    letter-spacing: -1px;
    *height: 38px;
}

.apply-area td p {
    padding: 11px 0 8px;
    font-size: 14px;
}

.txt-area input {
    height: 24px;
    *height: 26px;
    background: #f4f4f4;
    border: 1px solid #7e7e7e;
    padding-left: 10px;
}

.txt-area textarea {
    overflow-x: hidden;
    overflow-y: auto;
    width: 737px;
    background: #f4f4f4;
    border: 1px solid #7e7e7e;
    border: 1px solid #7e7e7e;
}

.txt-area textarea.txt-box01 {
    height: 144px;
}

.txt-area textarea.txt-box02 {
    height: 112px;
    margin-bottom: 15px;
}

.apply-area .last-line {
    border-bottom: 1px solid #3c3c3c;
}

.apply-area td.last-line strong {
    display: block;
    padding: 11px 0 3px;
    font-weight: normal;
}

.apply-area td.last-line li {
    padding-top: 4px;
    font-size: 12px;
}

.apply-area td.last-line li b {
    letter-spacing: -2px;
}

.apply-area td em {
    display: block;
    font-size: 12px;
    padding: 6px 0 23px;
}

.agree-area {

position: absolute;

left: 0;

bottom: 164px;

height: 73px;

margin-left: 100px;

letter-spacing: -1px;

width: 859px;    
    *width: 1022px;

background: url('http://img.imbc.com/broad/tv/drama/2016_scenario/img/bg-apply-agree.png') no-repeat top center;

padding: 2px 1px 2px 36px;

text-align:left;
}

.agree-area strong {
    display: block;
    padding: 21px 0 11px;
}

.agree-area p {
    position: relative;
    width: 100%;
}

.agree-area p span {
    display: block;
    position: absolute;
    top: 0;
    right: 50px;
}

.agree-area p span input,
.radio-area input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin-top: -2px;
    vertical-align: middle;
    line-height: 1;
}

#nm {
    width: 260px;
}

.ph {
    width: 83px;
}

.mail1,
.major1 {
    width: 102px;
}

.mail2,
.major2 {
    width: 135px;
}

.filebox-area {
    position: relative;
}

.file_input_textbox {
    float: left;
    height: 24px;
    *height: 26px;
    width: 276px;
    *width: 278;
    margin: 9px 5px 0 0;
    background: #f4f4f4;
    border: 1px solid #7e7e7e;
}

.file_input_div {
    position: relative;
    width: 90px;
    height: 26px;
    margin-top: 9px;
    overflow: hidden;
}

.file_input_button {
    width: 90px;
    height: 26px;
    *height: 26px;
    position: absolute;
    top: 0px;
    background-color: #666666;
    color: #FFFFFF;
    border: 1px solid #5b5b5b;
    line-height:24px;
    *line-height:26px;
}

.file_input_hidden {
    font-size: 45px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}

.file_input_review {
    position: absolute;
    left: 380px;
    margin-top: -26px;
    width: 90px;
    height: 24px;
    *height: 26px;
    background-color: #666666;
    color: #FFFFFF;
    border: 1px solid #5b5b5b;
}

.btn-end {
    position: absolute;
    bottom: 60px;
    left: 0;
    overflow: hidden;
    display: block;
    width: 268px;
    height: 59px;
    margin-left: 420px;
    background: url('http://img.imbc.com/broad/tv/drama/2016_scenario2/img/apply_btn.png') no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    border: 0 none;
    text-align: center;
    cursor: pointer;
}

.announce .item {padding:10px 0 20px;text-align: left; font-family:"Nanum Gotic";}
.announce .item strong {display:block;padding-bottom:10px;line-height:24px;font-weight:700; color:#000;font-size:20px; font-weight: bold}
.announce .item p, .announce .item li {line-height:1.6; font-weight: normal; font-size: 16px;}
.announce .noti {padding-top:20px;line-height:1.6;font-size:16px;text-align:left;}
.drama-apply{
width:719px;
	margin:0 auto;
	padding-top:68px;
	display:block;
}
.drama-apply th{
	height:51px;
	background:#f25f2d;
	color:#fff;
	font-size:16px;
	border:1px solid #fcb1a0;
}
.drama-apply td{
	height:51px;
	font-size:16px;
	background:#fdc9bd;
	border:1px solid #fcb1a0;
}
.border-left{
	border-left:none;
}
.border-right{
	border-right:none;
}
.buttons{
	margin-top:50px;
}
button {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	cursor: pointer;
	width:89px;
	height:40px;
	color:#fff;
	background:#000 !important;
	margin-right:5px;
}
/*=======당선작발표*/
.cont05 {padding-top: 60px;}
.cont05 ul{width: 619px;  margin: 0 auto;}
.cont05 ul li{margin-top: 20px; font-family:"돋움","Dotum";}
.cont05 ul li .bold {height: 33px; padding-top:19px; font-size: 16px; color:#fff; background: #f25f2d; letter-spacing: -0.075em;}
.cont05 ul li .info {margin-top: 2px; padding: 20px 0; font-size: 14px; line-height: 1.6; background: #fdc9bd; }