@charset "euc-kr";

@import url(http://font.imbc.com/nanumgothic/nanumgothic.css);
@import url(http://font.imbc.com/noto/noto.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');

/* common style */
a {color: inherit;}

button {border: 0 none; background: none; cursor: pointer;}

body {text-align: center;}
.wrapper {min-width: 1024px; font-family: "Malgun Gothic", "¸¼Àº °íµñ", dotum, sans-serif; letter-spacing: -0.05em;}
.btn-like-program-wrap {display: inline-block; position: absolute; top: 12px; right: 50%; z-index: 100; margin-right: -505px;}
.ellipsis {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* ¶óÀμö */ -webkit-box-orient: vertical; word-wrap: break-word;}

/*main - Æ÷½ºÅÍ ver */
.visual-top {position: relative; overflow: hidden; margin: 10px auto 0; width: 1024px; height: 580px;}
.visual-top .program-data {position: absolute; bottom: 30px; top: auto; left: 55px; overflow: hidden; z-index: 200;}
.visual-top .program-data .tit-logo {float: left; margin-right: 20px; width: 73px;}
.visual-top .program-data .tit-logo img {display: block; width: 100%;}
.visual-top .program-data .broad-info {float: left; font-size: 0; text-align: left; color: #000;}
.visual-top .program-data .broad-info h2 {margin-top: 10px; color: #000; font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.visual-top .program-data .broad-info span {font-size: 12px; font-weight: normal; letter-spacing: -0.075em;}
.visual-top .program-data .broad-info span em {color: #eba3b1;}
.visual-top .program-data .broad-info img {margin: 1px 5px 0;}
.btn-like-program-wrap {display: inline-block; position: absolute; top: 32px; right: 50%; z-index: 100; margin-right: -495px;}

/*preview visual-txt-box */
.roll-ban-event {width: 1024px; height: 580px; position: relative; margin-bottom: 13px; background-color: #000;}
.roll-ban-event li {position: absolute; top: 0; left: 0; width: 1024px; height: 580px; opacity: 0; -ms-filter: "alpha(opacity=0)"; font-size: 0; text-indent: -9999em;}
.roll-ban-event li img {width: 100%; height: 100%;}
.roll-ban-event li:first-child {opacity: 1; -ms-filter: "alpha(opacity=100)";}
.roll-controll-btn .btn:last-child {margin-right: 0;}
.roll-controll-btn .btn {vertical-align: middle; background-color: #dcdcdc; border-radius: 50%; border: 2px solid #dcdcdc; box-sizing: border-box; display: inline-block; width: 12px; height: 12px; margin-right: 18px; border: 0; cursor: pointer;}
.roll-controll-btn .btn.on {border: 2px solid #000; background-color: #fff;}
.btn-front {position: absolute; right: 0; width: 22px; height: 22px; text-indent: 100%; white-space: nowrap; cursor: pointer; background-image: url('http://img.imbc.com/broad/tv/drama/fantasy2017/images/btn-play-stop.png'); background-repeat: no-repeat; background-color: transparent; background-position: 0 0; background-color: #ddd; z-index: 1000;}
.btn-stop {background-position: 0 -22px;}

/*nav*/
.nav {margin: 0 auto; position: relative; height: 54px; font-size: 15px; line-height: 45px; letter-spacing: -.5px; min-width: 1168px;}
.nav ul {position: relative; height: 45px; text-align: center; margin-top: 30px; border-bottom: 1px solid #ccc;}
.nav li {font-size: 15px; display: inline-block; *display: inline; position: relative; height: 94px; text-align: center; vertical-align: top;}
.nav li .item {display: inline-block; *display: inline; position: relative; height: 45px; vertical-align: top; color: #000; margin: 0 12px; box-sizing: border-box; letter-spacing: -1px;}
.nav li .item:hover {color: #309267; font-weight: bold; border-bottom: 3px solid #309267;}
.nav li .item.active {color: #309267; font-weight: bold; border-bottom: 3px solid #309267;}
.nav li .dropdown {width: 270px; z-index: 50; position: absolute; top: 45px; padding: 5px 0; background: #fff; border: 1px solid #ccc; border-top: none;}
.nav li.concept .dropdown {left: -83px;}
.nav li.vod .dropdown {left: -23px;}
.nav li .program_dropdown {width: 700px; left: -440px;}
.nav li .event_dropdown {width: 400px; left: -180px;}
.nav li .dropdown a {display: inline-block; *display: inline; text-align: center; color: #000; font-family: 'Nanum Gothic', "³ª´®°íµñ"; font-size: 15px; line-height: 30px; margin-right: 14px;}
.nav li .dropdown a:hover {font-weight: bold; color: #309267; text-decoration: underline; border: 0; font-weight: normal;}
.nav .hidden {display: none;}

/*floating banner*/
.flt_ban {position: absolute; top: 0; left: 0; z-index: 100;}
.flt_ban .banner {height: 271px;}
.flt_ban .btn-close {position: absolute; top: 0; left: 213px; z-index: 200; cursor: pointer;}
.content .section {width: 1024px; margin: 0 auto 50px; overflow: hidden;}

/*section1*/
.section1 {overflow: hidden; position: relative;}
.section1 .whatsnew {position: relative; float: left; width: 198px; height: 215px; padding: 27px 20px; border: 1px solid #fad379; background: #fde3a7; text-align: left;}
.section1 .wrap-article {float: right; text-align: left; position: relative; width: 784px; background-color: #fff;}
.section1 .article-multi li:first-child p.title {border-top: 1px solid #ccc;}
.section1 .article-multi li:last-child p.title {border-bottom: 1px solid #ccc;}
.section1 .article-multi .img {display: none; position: absolute; right: 312px; top: -1px; width: 472px; height: 272px; overflow: hidden;}
.section1 .article-multi .img img {width: 482px;}
.section1 .article-multi .txt {display: none; position: absolute; right: 805px; top: 60px; width: 198px; height: 190px; overflow: hidden; font-size: 20px; font-weight: bold; line-height: 28px;}
.section1 .article-multi .txt > p {color: #000;}
.section1 .article-multi .txt > span {color: #2e2d31; position: absolute; bottom: 0; display: block; font-size: 12px; font-weight: normal;}
.section1 .article-multi .txt > span > span {font-weight: bold; color: #000;}
.section1 .article-multi .title {position: relative; width: 258px; padding: 16.5px 20px; margin-left: 484px; color: #424242; font-size: 12px; letter-spacing: -.5px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.section1 .article-multi .over .img, .section1 .article-multi .over .txt, .section1 .article-multi .over .bg-arr {display: block;}
.section1 .article-multi .over .title {background: #fff; color: #f6921e; text-decoration: underline; border: 1px solid #f6921e; border-left: 0;}
.section1 .article-multi .bg-arr {display: none; position: absolute; z-index: 10; top: 0; left: -8px; width: 9px; height: 45px; background: url(http://img.imbc.com/broad/tv/ent/talknomad/images/arr_bar_v2.jpg);}

/*customed*/
.section1 .article-multi li.over:first-child .title {border-top: 1px solid #f6921e;}
.section1 .article-multi li.over:last-child .title {border-bottom: 1px solid #f6921e;}

/*section2 - È­Á¦ÀÇ 1ºÐ */
.section2 {float: left; width: 100%; max-width: 714px; text-align: left;}
.section2 h2 {width: 228px; color: #d4173c; font-size: 13px; font-weight: bold; line-height: 33px;}
.section2 h2 span {color: #959595; font-weight: bold;}
.section2 .clip-wrap, .section2 .specialclip-wrap {position: relative; float: left; overflow: hidden; height: 250px;}
.section2 .clip, .section2 .specialclip {width: 100%; max-width: 714px; height: 482px; overflow: hidden; display: inline-block; margin: 0 auto; margin-bottom: 25px;}
.section2 .clip ul, .section2 .specialclip ul {overflow: hidden; float: left;}
.section2 .clip ul li, .section2 .specialclip ul li {position: relative; float: left; margin: 0 12px 50px 0; width: 228px; height: 214px; border: 1px solid #dcdcdc;}

.section2 .clip ul li:nth-child(3), .section2 .specialclip ul li:nth-child(3) {margin-right: 0;}
.section2 .clip a, .section2 .specialclip a {line-height: 20px; font-weight: bold; font-size: 14px; letter-spacing: -.5px; color: #424242; font-weight: bold;}
.section2 .clip .img, .section2 .specialclip .img {position: relative; display: block; width: 100%; height: 128px; margin-bottom: 7px; overflow: hidden;}
.section2 .clip .img img, .section2 .specialclip .img img {width: 228px;}
.section2 .clip .txt, .section2 .specialclip .txt {padding: 3px 15px; display: block; font-size: 14px; text-align: left; color: #424242; font-weight: normal;}
.section2 .clip img.ico-m-play, .section2 .specialclip img.ico-m-play {width: 30px; height: 30px; position: absolute; bottom: 10px; right: 10px; width: auto; height: auto; z-index: 10;}
.date {position: absolute; color: #959595; font-size: 11px; bottom: 7px; left: 15px; line-height: 20px;}
.section .replay-wrap {overflow: hidden;}
.section .box-wrap {float: left;}
.section .box-wrap:first-child {margin-right: 12px;}
.section .photo_box {overflow: hidden;}
.section .photo_box .rect:first-child {margin-right: 12px;}
.rect-wrap {position: relative; overflow: hidden;}
.rect {float: left; position: relative; width: 228px; height: 214px; border: 1px solid #dcdcdc;}
.rect a {line-height: 20px; font-weight: bold; font-size: 14px; letter-spacing: -.5px; color: #424242; font-weight: bold;}
.rect .img {position: relative; display: block; width: 100%; height: 128px; margin-bottom: 7px; overflow: hidden;}
.rect .img img {width: 228px;}
.rect .txt {padding: 3px 15px; display: block; font-size: 14px; text-align: left; color: #03073f; font-weight: normal;}
.rect img.ico-m-play {width: 30px; height: 30px; position: absolute; bottom: 10px; right: 10px; width: auto; height: auto; z-index: 10;}
.section2 .num {color: #818181; font-size: 11px; letter-spacing: 5px; line-height: 28px;}
.section2 .num strong {color: #d4173c;}
.section2 .paging {position: absolute; top: 0px; right: 0;}
.section3 h2 {width: 228px; color: #d4173c; font-size: 13px; font-weight: bold; line-height: 33px; text-align: left;}
.section3 h2 span {color: #959595;}
.section3 .num strong {color: #d4173c;}
.section3 {float: right; width: 250px;}
.section .box-wrap {overflow: hidden; margin-top: 30px; position: relative;}
.section .box-wrap:first-child {margin-top: 0;}
.section .box-wrap .rect {width: 248px;}
.section .box-wrap .rect .img img {width: 100%;}
.section .box-wrap .rect img.ico-m-play {width: 30px;}
.section .banner {margin-top: 10px; position: relative;}
.section .banner a {display: block; margin-bottom: 10px;}
.section .banner .txt {width: 250px; position: absolute; top: 0; left: 0; line-height: 135px; text-align: center; font-size: 16px; font-weight: bold; color: #000; display: none;}

/* ¸ÞÀÎ ¿¹°í ¿µ»ó */

.section-preview {margin-bottom: 30px; overflow: hidden;}
.section-preview h2 {text-align: left; color: #5f21d1; font-size: 13px; font-weight: bold; margin-bottom: 12px;}
.section-preview h2 span {color: #959595;}
.section-preview .ad-wrap {float: right;}
.teaser {float: left; margin-bottom: 76px;}
.banner-teaser {margin-top: 9px;}

/*------------------------------------------------------------------- ¼­ºêÆäÀÌÁö ------------*/

/*¼­ºêÆäÀÌÁö °øÅë*/
.sub .visual-top {position: relative; overflow: hidden; margin: 0 auto; width: 1028px; height: 138px; background: url('http://img.imbc.com/broad/tv/ent/musiccore/images3/bg-sub-2020.jpg') 0 0 no-repeat; margin-top: 10px;}
.sub .visual-top .program-data {left: 60px; bottom: 35px;}
.sub .visual-top .program-data .broad-info {float: left; font-size: 0; text-align: left; color: #000;}
.sub .visual-top .program-data .broad-info h2 {margin-top: 14px; color: #000;}
.sub .visual-top .program-data .broad-info span {font-weight: bold;}
.sub .visual-top .program-data .broad-info span .em_point {color: #000;}
.sub .btn-like-program-wrap {top: 30px; margin-right: -490px;}
.sub .nav ul {margin-top: 25px;}
.sub .btn-like-program-wrap .btn-like-program-summary {margin: 3px auto 0;}
.sub .content h2.tit-content {color: #000; padding-left: 50px; background: #f6f6f6 url(http://img.imbc.com/broad/tv/ent/lovemeactually/images/sub-title.png) 28px no-repeat; border: 1px solid #f4eeef; margin-bottom: 25px; line-height: 44px; font-size: 15px; font-weight: bold;}
.sub .content h2.tit-content span {color: #777; font-size: 12px; font-weight: normal; vertical-align: bottom;}
.sub .content h2.tit-content span.sub-text {color: #5b3bbb;}
.sub .content {width: 1024px; *width: 1024px; margin: 0 auto; padding-bottom: 50px; background: #fff; text-align: left; overflow: hidden;}
.sub .content .section-left {position: relative; margin-right: 48px; width: 725px; float: left;}
.sub .content .section-left .imbbs {text-align: center; padding-top: 10px; margin-top: 10px; border: 1px solid #dbdbdb;}
.sub .content .section-right {float: left;}
.sub .border_box {text-align: center;}

/* concept*/
.sub .concept {position: relative; height: 1464px; background: url("http://img.imbc.com/broad/tv/ent/lovemeactually/images/concept_v4.jpg") no-repeat;}
.concept .staff {display: table; position: absolute; top: 945px; left: 50%; width: 500px; margin-left: -250px; padding-top: 77px; text-align: left;}
.concept dl {padding-left: 58px; font-size: 15px; color: #2e3342; line-height: 28px;}
.concept dt {display: inline-block; width: 66px; height: 28px; font-weight: bold;}
.concept dd {display: inline-block; width: 340px; vertical-align: top;}

/* footer */
#footer {padding: 55px 0; color: #424242; background-color: #ececec;}

/* vod ¹× preview »ó¼¼ÆäÀÌÁö */
.preview_wrapper p {text-align: center !important; font-size: 12px;}
.preview_wrapper em {text-align: center !important; font-size: 14px;}
.preview_wrapper .vod_btn {margin-left: 10% !important;}

/* ¸ÞÀÎ °øº¹ÀÚµé ´º½º */
.section .paging {position: absolute; top: 0; right: 0;}
.section .paging a {display: block; float: left;}
.section .num {float: left; color: #818181; font-size: 11px; letter-spacing: 5px; line-height: 28px; margin-right: 5px;}
.section .box-wrap .rect li {position: relative; width: 248px; height: 216px;}
.profile_box {width: 725px; height: 1006px; background: url(http://img.imbc.com/broad/tv/ent/musiccore/images3/mc_mcBG_001.png) 0 0 no-repeat; position: relative;}
.profile_box .tab-con {padding-top: 1px;}
.profile_box .profile_row {width: 648px; height: 282px; margin: 0 auto; position: relative; margin-top: 28px;}
.profile_box .profile_row .profile_imgbox {}
.profile_box .profile_row .profile_txt {}
.profile_box .profile_row:first-child .profile_txt {}
.profile_box .profile_row:first-child .profile_imgbox {}
.profile_box .profile_row:last-child .profile_imgbox {}
.profile_box .profile_row:last-child .profile_txt {}
.profile_top_info {padding: 35px 0 10px; text-align: center;}
.profile_top_info + .profile_row {background: none;}
.profile_box .profile_row .profile_imgbox {float: left; width: 312px; height: 281px; z-index: 2; position: absolute; top: 0; left: 0;}
.profile_box .profile_row .profile_txt {float: right; width: 510px; height: 280px; background-color: #fff; border: 4px solid #000; box-sizing: border-box; z-index: 1;}
.profile_box .profile_row > * {min-height: 184px;}
.profile_box .profile_row .profile_txt .name {padding: 50px 0 45px 0; color: #d4173c; font-size: 18px; line-height: 26px; letter-spacing: -1px;}
.profile_box .profile_row .profile_txt .name .nm_i {display: inline-block; width: 85px; height: 25px; background: url(http://img.imbc.com/broad/tv/ent/musiccore/images3/mc_mcname_002-v2.png) 0 0 no-repeat;}
.profile_box .profile_row:first-child .profile_txt .name .nm_i {display: inline-block; width: 85px; height: 25px; background: url(http://img.imbc.com/broad/tv/ent/musiccore/images3/mc_mcname_001.png) 0 0 no-repeat;}
.profile_box .profile_row:last-child .profile_txt .name .nm_i {display: inline-block; width: 85px; height: 25px; background: url(http://img.imbc.com/broad/tv/ent/musiccore/images3/mc_mcname_003.png) 0 0 no-repeat;}
.profile_box .profile_row .profile_txt .name > p {font-size: 32px; font-weight: bold; color: #d8242b; display: none;}
.profile_box .profile_row .profile_txt .name.v2 {color: #e25112;}
.profile_box .profile_row .profile_txt .name.v3 {padding: 28px 0 16px; color: #26654c;}
.profile_box .profile_row .profile_txt .info_wrap {color: #222; font-size: 13px; letter-spacing: -0.5px;}
.info_wrap .info_title {padding-bottom: 9px; font-weight: bold;}
.info_wrap .info_txt {font-size: 16px; line-height: 24px; letter-spacing: -0.075em; font-weight: 600;}
.profile_box .profile_row .profile_txt .name, .profile_box .profile_row .profile_txt .info_wrap {padding-left: 170px;}
.profile_box .mc_icon_bx {position: absolute; z-index: 2;}
.profile_box .mci_01 {width: 82px; height: 73px; background: url(http://img.imbc.com/broad/tv/ent/musiccore/images3/mc_mcBGicon_001.png) 0 0 no-repeat; top: 225px; left: 20px;}
.profile_box .mci_02 {width: 79px; height: 59px; background: url(http://img.imbc.com/broad/tv/ent/musiccore/images3/mc_mcBGicon_002.png) 0 0 no-repeat; top: 10px; left: 540px;}
.profile_box .mci_03 {width: 67px; height: 61px; background: url(http://img.imbc.com/broad/tv/ent/musiccore/images3/mc_mcBGicon_003.png) 0 0 no-repeat; top: 320px; left: 250px;}
.profile_box .mci_04 {width: 72px; height: 63px; background: url(http://img.imbc.com/broad/tv/ent/musiccore/images3/mc_mcBGicon_004.png) 0 0 no-repeat; top: 265px; left: 650px;}
.profile_box .mci_05 {width: 67px; height: 77px; background: url(http://img.imbc.com/broad/tv/ent/musiccore/images3/mc_mcBGicon_005.png) 0 0 no-repeat; top: 635px; left: 40px;}
.profile_box .mci_06 {width: 97px; height: 64px; background: url(http://img.imbc.com/broad/tv/ent/musiccore/images3/mc_mcBGicon_006.png) 0 0 no-repeat; top: 595px; left: 515px;}
.profile_box .mci_07 {width: 79px; height: 82px; background: url(http://img.imbc.com/broad/tv/ent/musiccore/images3/mc_mcBGicon_007.png) 0 0 no-repeat; top: 910px; left: 330px;}
.profile_box .mci_08 {width: 85px; height: 58px; background: url(http://img.imbc.com/broad/tv/ent/musiccore/images3/mc_mcBGicon_008.png) 0 0 no-repeat; top: 835px; left: 630px;}

/* µ¿È£È¸¿ø ¸ðÁý */
.apply_box {height: 1214px;}
.ev_support {padding-top: 765px;}
.step_box {width: 529px; height: 234px; margin: 0 auto;}
.step_txt_wrap {padding: 72px 60px 0 60px;}
.st_info_txt {text-align: left;}
.stp_txt {padding: 7px 0 16px; font-family: 'notokr-regular'; font-size: 20px; color: #000000; letter-spacing: -1.2px;}
.stp_txt p {padding-bottom: 9px;}
.stp_txt .point_color {color: #e6454b; font-family: 'notokr-bold';}
.stp_txt .bold {font-family: 'notokr-bold';}
.ev_btn {padding: 90px 0 51px; text-align: center;}
.ev_btn a {display: inline-block;}

/* Ãß°¡ */
.section .box-wrap.banner {margin: 20px 0 19px;}

/* 2019-05-24 Ãß°¡ */

*:after,
*:before {box-sizing: border-box;}
.cf:after, .cf:before {content: ''; clear: both; display: block;}

/* ¶óµð¿À½ºÅ¸ - ÇÁ·Î±×·¥¼Ò°³ */

.cct_box {width: 725px; height: 812px; position: relative; background: url(http://img.imbc.com/broad/tv/ent/goldfish/images3/cct_bg_box001.jpg) 0 0 no-repeat; background-size: cover; background-position: center;}
.cct_box .cct_txtBx {width: 671px; height: 319px; position: absolute; background: url(http://img.imbc.com/broad/tv/ent/goldfish/images3/cct_ctbox_sub001.png) 0 0 no-repeat; background-size: cover; background-position: center; bottom: 34px; left: 50%; margin-left: -335px;}
.cct_box .cct_txtBx ul {text-align: left; font-size: 21px; line-height: 2.01em; letter-spacing: -0.123em; font-weight: bold; padding: 68px 0 0 44px; color: #2f2f2f;}
.cct_box .cct_txtBx ul li {}
.cct_box .cct_txtBx ul li span.cct_txt_i {display: inline-block; width: 14px; height: 13px; background: url(http://img.imbc.com/broad/tv/ent/goldfish/images3/cct_ctbox_txticon001.png) 0 0 no-repeat; background-size: cover; background-position: center; margin-right: 16px; margin-bottom: 3px;}

/**/

.page-main-visual {width: 1024px; height: 475px; position: relative;}
.page-main-visual:after {content: ''; display: block; clear: both;}
.page-main-visual .info {color: #fff; font-size: 12px; line-height: 38px; text-align: right; padding-right: 31px;}
.page-main-visual h1 {position: absolute; width: 356px; height: 261px; top: 10px; left: 50%; margin-left: -425px;}
.page-main-visual .btn-like-program-wrap {display: inline-block; float: right; padding-right: 31px;}
.page-main-content {padding: 35px 0; width: 1024px;}
.page-main-content .main-cont-top {width: 1024px; height: 254px;}
.page-main-content .main-cont-top div {float: left;}
.page-main-content .main-cont-top .this-week-guest {width: 474px;}
.page-main-content .main-cont-top .this-week-guest .guest-title {height: 72px;}
.page-main-content .main-cont-top .this-week-guest .guest-cont {width: 438px; height: 143px; border: 2px solid #000; background-color: #fff; margin: 15px;}
.page-main-content .main-cont-top .this-week-guest .guest-cont #guest-cont-inner {padding: 21px 28px; font-size: 15px; line-height: 26px; color: #000; font-family: '³ª´®°íµñ', 'Nanum Gothic'; text-align: left;}
.page-main-content .main-cont-top .this-week-guest .guest-cont #guest-cont-inner p {display: inline-block; font-weight: bold; font-size: 16px; width: 282px;}
.page-main-content .main-cont-top .btns {margin: 0 58px 0 10px; width: 232px;}
.page-main-content .main-cont-top .btns div {padding-top: 7px;}
.page-main-content .main-cont-top .btns div img {z-index: -3;}
.page-main-content .main-cont-top .btns div:first-child {padding-top: 0;}
.page-main-content .main-cont-top .box-ad {}
.box-visual {position: relative; height: 580px; background: #091b5b url(http://img.imbc.com/broad/tv/ent/musiccore/images3/main-bg-2020.jpg) 50% 0px no-repeat;}

.sub .visual-top .program-data .tit-logo {width: 73px;}
.page-sub-content .sub-content {float: left; margin: 0 26px 0 22px; position: relative; font-size: 12px;}
.sub-content > img, .sub-content > iframe {display: block; margin: 0 auto;}
.staff-area {width: 724px; height: 755px; background: url(http://img.imbc.com/broad/tv/ent/musiccore/images3/concept_ctt_BG-001.jpg) no-repeat center top; margin: 0 auto; box-sizing: border-box; position: relative;}
.staff-area .staff-wrap {width: 100%; max-width: 520px; position: absolute; bottom: 140px; left: 50%; margin-left: -260px; overflow: hidden;}
.staff-area .staff-wrap > div {margin: 0 auto;}
.staff-area .staff-wrap .staff-tit {width: 450px; height: 106px; text-align: unset;}
.staff-area .staff-wrap .staff-list {width: 282px; margin-top: 45px;}
.staff-area .staff-wrap .staff-list ul li {font-size: 0px; margin-top: 7px; color: #000; font-family: "¸¼Àº °íµñ"; overflow: hidden;}
.staff-area .staff-wrap .staff-list ul li:first-child {margin-top: 0;}
.staff-area .staff-wrap .staff-list ul li strong {width: 50px; display: block; float: left; margin-right: 47px;}
.staff-area .staff-wrap .staff-list ul li strong img {vertical-align: bottom;}
.staff-area .staff-wrap .staff-list ul li span {width: 185px; letter-spacing: -1px; display: block; float: left; line-height: 1.1; font-size: 15px;}

/*½ÃûÀÚÀ§¿øȸ ÅõÇ¥ */
.musiclist_vote {width: 724px; margin: 0 auto; margin-bottom: 50px; color: #000; font-size: 12px; font-family: dotum;}
.musiclist_vote p {line-height: 22px; letter-spacing: -.55px;}
.musiclist_vote .musiclist {margin-top: 5px; padding: 15px 25px; text-align: center; background: #fff; font-size: 12px; color: #222222; line-height: 30px;}
.musiclist_vote .musiclist h3 {text-align: left;}
.musiclist_vote .musiclist h3 span {font-size: 11px; color: #313030;}
.musiclist_vote .musiclist table td {position: relative; border-bottom: 1px solid #f49ff3; text-align: left;}
.musiclist_vote .musiclist table td input {position: absolute; right: 20px; top: 6px;}
.musiclist_vote .musiclist .btn_vote {margin: 20px auto 15px; cursor: pointer;}
.wrap_view #header .head-info {background-color: #ffd8e4;}
.ml_cct_bx {position: relative; margin-top: 3px;}
.ml_cct_bx:first-child {margin-top: 0;}
.ml_cct_bx h3 {width: 100%;}
.ml_cct_bx h3 img {position: absolute; top: 0; left: 0;}
.mlc_bx01 {height: 247px;}
.mlc_bx02 {height: 208px;}
.mlc_bx03 {height: 165px;}
.ml_cct_bx p {position: absolute; font-size: 16px; line-height: 1.5em; left: 85px;}
.mlc_bx01 p {top: 165px;}
.mlc_bx01 p.mlc_bx01_p1 {font-size: 20px; font-weight: bold; top: 90px; left: 120px;}
.mlc_bx02 p {top: 110px;}
.mlc_bx03 p {top: 115px;}
.sub .content .section-left .imbbs iframe#hbbs_music_bbs {height: 100vw !important; padding-bottom: 30px;}

/*2019-07-09*/
.flt-banner {position: absolute; right: 0; bottom: 0;}
.flt-banner .banner-img {position: relative;}
.flt-banner .btn-close {display: inline-block; width: 32px; height: 32px; position: absolute; top: 0; right: 0; z-index: 10; cursor: pointer; text-indent: -9999px;}
.mco_att_01 {width: 100%; max-width: 725px; overflow: hidden; position: relative;}
.mco_att_01 > img {width: 100%;}
.mco_att_01 .att01_txt_bx {width: 625px; position: absolute; bottom: 40px; left: 50%; margin-left: -308px;}
.mco_att_01 .att01_txt_bx ul {}
.mco_att_01 .att01_txt_bx ul li {height: 27px; margin-top: 10px;}
.mco_att_01 .att01_txt_bx ul li:first-child {margin-top: 0;}
.mco_att_01 .att01_txt_bx ul li:before {content: ''; clear: both; display: block;}
.mco_att_01 .att01_txt_bx ul li img {float: left; padding-top: 6px;}
.mco_att_01 .att01_txt_bx ul li p {float: left; font-size: 18px; line-height: 37px; font-family: 'Noto Sans KR', sans-serif; color: #2b2b2b;}
.mco_att_01 .att01_txt_bx ul li p span {color: #da0001; font-weight: bold;}