﻿@charset 'utf-8';
@import url('http://m.imbc.com/css/imbc.template-board.css');

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img, strong, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textdistrict, button, select {line-height:1; margin:0;padding:0;border:0;vertical-align:baseline; word-break: keep-all; letter-spacing:-0.5px;}
body { background:#f7f7f7; font-family:Arial, Helvetica, sans-serif; }
body.writebg { background:#fff; }
.dmc-board .item .title, .summary-tit, h1, h2, h3, h4, h5, h6, strong, th, caption { font-weight:bold; color:#222;}
table {width:100%;border-collapse:collapse;border-spacing:0;}
li {list-style:none;}
img {border:0 none;vertical-align:bottom;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
label, input, button, select, textarea {border-radius:0;-webkit-appearance:none;letter-spacing:-1px;}
button {border:0 none;text-align:center;vertical-align:top;cursor:pointer;font-family:Arial, Helvetica, sans-serif;background:none;}
button::-moz-focus-inner {padding:0;border:0;}
a {text-decoration:none;color:inherit;}
a:hover, a:active, a:-webkit-any-link, a[href^="tel"] {text-decoration:none;color:inherit;}


/* common */
.hide-text, .blind {position:absolute;visibility:hidden;margin:0;padding:0;width:0;height:0;line-height:0;font-size:0;color:transparent;}
.txt-blind {overflow:hidden;font-size:0;color:transparent; display:none;}
.tab-ui {overflow:hidden;}
.tab-ui li {float:left;text-align:center;}
.full-size img {width:100%;}
.list-type1 {padding-left:8px;background:url(../img2/bg-dot-blue.png) no-repeat 0 11px;background-size:2px;}
.list-type2 {padding-left:10px;background:url(../img2/bg-bar-red.png) no-repeat 0 3px;background-size:2px;}
ul.list-type3 {padding:0 8px 12px;border-top:1px solid #db4b43;border-bottom:1px solid #db4b43;}
ul.list-type3 li {margin-top:12px;}
ul.list-type3 li .sub-title:before {display:inline-block;content:'■';margin-right:4px;vertical-align:1px;color:#db4b43;}
ul.list-type3 li p {padding-bottom:0;}
.point-r {color:#db4b43 !important;}


/* layout */
.wrapper { margin:0 auto; min-width:320px; max-width:720px;}
/* .wrapper.main {background:url(../img2/bg-main.jpg) no-repeat 50% 0;background-size:cover;} */
#header { background-color:#fff; }
#header h1 { width:100%; line-height:65px; text-align:center; font-size:0; }
#header h1 img {width:164px !important; vertical-align:middle; }
.nav { background-color:#fff; position:relative; height:65px; z-index:200; }
.nav button { position:absolute; font-size:14px; }
.nav .btn-menu { top:50%; right:5%; margin-top:-9px;}
.nav .btn-menu img { width:19px; }
.nav .btn-global { z-index:200; left:5%; font-weight:bold; top:50%; margin-top:-38px; padding-right:12px; background:#fff url(../img2/global-arr.png) no-repeat right center; background-size:7px; }
.nav .on { background-color:#fff; }
.nav button img {width:50%;}
.menu { width:100%; position:absolute; top:-100%; left:0; z-index:150;}
.menu .menu-list { text-align:center; }
.menu .menu-list > li { background:#0a0a0a url('../img2/menu-off.png') no-repeat; background-position: 95% 20px; background-size:17px;}
.menu .menu-list li:nth-child(2) .sub-list li:nth-child(2) {display:none;}
.menu .menu-list > li:last-child { display:none; }
.menu .menu-list > li > a {display:block;height:50px;line-height:52px;border-bottom:1px solid #2a2a2a;font-size:18px;color:#fff; }
.menu .menu-list > li.on { background:#0a0a0a url('../img2/menu-on.png') no-repeat; background-position: 95% 20px; background-size:16px }
.menu .menu-list > li.on > a { font-weight:600; color:#da4c42;}
.menu .menu-list li:last-child.on ul {display:none;}
.menu .menu-list li.on .sub-list { display:block; }
.menu .sub-list { display:none; padding:10px 0; background:#242424; } 
.menu .sub-list > li > a {display:block;height:38px;line-height:38px; font-size:16px; color:#fff; }
.english .menu .sub-list {display:block !important;}
.chinese .menu .sub-list {display:block !important;}
.chinese .menu .menu-list > li > a, .english .menu .menu-list > li > a { font-weight:600 !important; color:#da4c42 !important;}
.menu .sub-list > li:first-child > a {border-top:0 none;}
.global-wrap { position:relative; background:#fff; }
.set-global { text-align:center; display:none; position:absolute; top:-20px; background:#fff; padding:3% 5%; z-index:300;  }
.set-global li { font-size:14px; margin-bottom:12px; font-weight:bold; }
.set-global li a {  }
.background-block { display:none; top:0; width:100%; height:100%; background:rgba(255,255,255,0.7); position:absolute; z-index:120; }
.page-content {padding:0 16px 7%;}
.main { background-color:#282828; }
.main .page-content { padding-bottom:0px; }
li:last-child { margin-bottom:0 !important; }
.login-wrap { background:#f4f4f4; overflow:hidden; height:24px; position:relative; z-index:300; }
.login-wrap .logo { float:left; vertical-align: middle; margin-left:5%; }
.login-wrap .logo img { width:70%; vertical-align:middle; }
.login-wrap .logo a { line-height:24px; }
.login-wrap .login-btn { float:right; margin-right:5%;  }
.login-wrap .login-btn a { line-height:26px; font-size:11px; }

#footer { text-align:center; padding:39px 16px; background-color:#282828; color:#fff; }
#footer .copyright {letter-spacing:0; font-size:11px; }
#footer .sns {  width:100%; margin-bottom:7%; }
#footer .sns ul { overflow:hidden; width:45%; margin:0 auto; }
#footer .sns ul li { float:left; margin:0 auto; width:33.33%; }
#footer .sns ul li img { width:50%; }
.sub #footer { background-color:#f7f7f7 !important; }
.sub #footer .copyright { color:#686666; }

/* main */
.main-top {position:relative; width:100%; height:261px; min-height:261px; }
.dayCounter {position:absolute;left:50%;top:48.2%;padding:0 8px;font-weight:bold;font-size:8vw;color:#fff;background-color:#000;}
.dayCounter span {display:inline-block;margin-right:1px;vertical-align:2px;}
/* .slide-area {position:relative;z-index:1;} */
.slide {width:100%;height:100%;-webkit-transform:translateX(0);transform:translateX(0);}
.slide li {overflow:hidden;position:absolute;left:0;z-index:2;min-width:320px;width:100%;-webkit-transform:translateX(0);transform:translateX(0);}
.btn-control button {position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;opacity:0.5;z-index:100;font-size:0;background-color:#000;background-repeat:no-repeat;background-position:0 0;background-size:44px 44px;}
.btn-control button:hover,
.btn-control button:active {opacity:1;}
.btn-control .prev {left:0;background-image:url(../img2/btn-arr-l.png);}
.btn-control .next {right:0;background-image:url(../img2/btn-arr-r.png);}
.page-indicator {position:absolute;left:0;width:100%;text-align:center;}
.page-indicator > * {display:inline-block;background:url(http://djgpark.imbc.com/images/cir-nav.png) no-repeat 100% 0;}
.page-indicator .on {background:url(http://djgpark.imbc.com/images/cir-nav.png) no-repeat 0 0;}
.slide-area .page-indicator {bottom:10px;}
.slide-area .page-indicator a {margin:0 3px;width:12px;height:12px;}
iframe { width:100%; height:100%; }
.main-content a img {width:100%;}
.more { margin-top:1px; }
.more a img { width:18px; }
.contents { margin-bottom:8%; }
.content-tit-section { overflow:hidden; position:relative; margin-bottom:5%; }
.main-content-tit { margin-right:10px; font-weight:bold; font-size:20px; color:#f4f4f4; float:left; }
.main-contit-sub { margin-top:3px;  font-size:14px; float:left; vertical-align:middle;}
.main-contit-sub ul { overflow:hidden;  }
.main-contit-sub ul li { float:left; margin-right:7px;color:#6d6d6d; }
.main-contit-sub ul li.active {  font-weight:bold; color:#e11f28;  text-decoration: underline; }
.main-promo-video { margin-bottom:9%; }
.main-promo-video .video-dot { position:absolute; right:0; top:30%; }
.main-promo-video .video-dot ul { width:100%; overflow:hidden; }
.main-promo-video .video-dot ul li { float:left;  margin-right:7px; }
.main-promo-video .video-dot ul li:last-child { margin-right:0; }
.main-promo-video .video-dot ul li a { display:block; text-indent:-9999px; width:8px; height:8px; background-color:#fff; }
.main-promo-video .video-dot ul li.active a { border:2px solid #e11f28; box-sizing:border-box; }
.main-promo-video .video-list {  }
.main-promo-video .video-list ul { overflow:hidden; width:100%; }
.main-promo-video .video-list ul li { float:left; width:100%; display:none; height:214px; }
.main-promo-video .video-list ul li.active { display:block; }
.main-notice .content-tit-section { margin-bottom:1%; }
.main-notice .notice-list ul li { overflow:hidden; color:#fff; background:url(../img2/main-notice-list.png) no-repeat left center; background-size:4px; padding:3% 0 3% 5%; box-sizing:border-box; border-bottom:1px solid #565656; line-height:1.5em; }
.main-notice .notice-list ul li .title { 
	word-wrap:normal !important; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;white-space:nowrap;
	color:#fff; line-height:1.5em; float:left; display:inline-block;  width:70%; font-size:16px; }
.main-notice .notice-list ul li .date { line-height:22px; letter-spacing:-0.5px; text-align:right; float:left; display:inline-block; width:30%; font-size:15px; color:#c1c1c1; vertical-align: bottom;}
.main-video, .main-photo { background:#e7e7e7; }
.main-video .main-content-tit , .main-photo .main-content-tit { color:#a72135; }
.main-video { margin-bottom:10%; }
.content-list ul li { height:190px; overflow:hidden; margin-bottom:5%; }
.content-list ul li a { width:100%; height:100%; display:block; position:relative; }
.content-list ul li a strong { 
	word-wrap:normal !important; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;white-space:normal; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;
	letter-spacing:-0.7px; padding:0 14%; box-sizing:border-box; text-align:center; color:#fff; width:100%; position:absolute; bottom:11%; z-index:50; line-height:1.4em;}
.content-list ul li a::after { content:''; display:block; width:100%; height:100%; position:absolute; bottom:0; left:0; background:url(../img2/img-deco.png) no-repeat center bottom; background-size:100%; }
.content-list ul li a .play-btn { width:42px; position:absolute; top:35%; left:50%; margin-left:-21px; }
.support { display:none; overflow:hidden; margin-bottom:10%; }
.support .main-content-tit { float:left; width:20%; margin:0; text-align:left; }
.support ul { width:80%; float:left; }
.support ul li { margin-bottom:7%; }
.support ul li img { width:100%; }

/* visual */
#visual {margin-bottom:9%; width:100%; overflow:hidden; position:relative; background:url(../img2/visual-bg.jpg) no-repeat center; background-size:cover; height:261px; }
.count { position:absolute; top:5%; left:5%; font-weight:bold; font-size:13px; }
.count>p { color:#fb3737; }
.program { margin-left:0; }
.program li { float:left; height:261px; min-height:261px; max-width:720px; }
.program li .table-wrap { display:table; width:100%; height:100%; }
.program li .table-wrap .table-cell { text-align:center; vertical-align:middle; display:table-cell; }
.program li a.visual-content { display: block; margin-top:15px; }
.program li a.visual-content img { margin:0 auto; text-align:center; height:120px; margin-bottom:4%; }
.program li:nth-child(1) a.visual-content img { height:124px; margin-bottom:3%; }
.program li:nth-child(2) a.visual-content img { height:94px; margin-bottom:9%; }
/* .program li:nth-child(3) a.visual-content img { height:110px; margin-bottom:6%; } */
.program li:nth-child(3) a.visual-content img { height:110px; margin-bottom:18px; }
.program li:nth-child(4) a.visual-content img { height:100px; margin-bottom:6%; }
.program li:nth-child(5) a.visual-content img { height:113px; margin-bottom:4%; }
.program li:nth-child(6) a.visual-content img { height:130px; margin-bottom:3%; }
.program li:nth-child(7) a.visual-content img { height:106px; margin-bottom:4%; }
.program li a.visual-content span { font-size:17px; color:#fff; display:block; line-height:1.5em; }
.program li a.visual-content span>span {  }
.main-top>button { margin-top:-13.5px; }
.main-top>button>img { width:50%; }
.main-top .slide-nav { z-index:100; }
.main-top .slide-left { position:absolute; top:50%; left:5%; }
.main-top .slide-right { position:absolute; top:50%;  right:5%; }

/*sub*/
.sub { background-color:#fff; letter-spacing:-0.5px;}
.category-title {text-align:center; height:75px;line-height:75px;font-weight:bold;font-size:18px;color:#fff;letter-spacing:0; background-size:100% auto;}
.page-header {height:58px;line-height:60px;border-bottom:2px solid #333333;font-weight:bold;font-size:21px;color:#000;letter-spacing:-0.5px;}
.page-type-view {position:relative;}
.page-type-view .page-header {text-align:center;}
.page-type-view .btn-back {position:absolute;left:22px;top:0;overflow:hidden;width:25px;height:50px;text-indent:-5000px;background:url(../img2/btn-arr-back.png) no-repeat 0 center;background-size:25px 15px;}
.sponsor-list {overflow:hidden;margin-top:16px;}
.sponsor-list li {float:left;box-sizing:border-box;margin-bottom:2%;padding:10%;width:49%;text-align:center;background-color:#f3f3f4;}
.sponsor-list li:nth-child(odd) {margin-right:2%;}
.sponsor-list li img {display:inline-block;max-width:100%;vertical-align:middle;}
.inner-content { padding-top:3%; }
.inner-content .txt { line-height:1.5em; }
.inner-content .content-txt { margin:3% 0 5%; line-height:1.7em; }
.inner-content .content-txt strong, .inner-content .content-txt span { color:#b92e26; }
.content-photo { position:relative; }
.content-photo img { width:100%; }
.content-photo img.click { width:100%; }
.content-photo img.zoom { position:absolute; right:0; bottom:0; width:18%;}
.sub table { font-size:14px; letter-spacing:-1.5px; margin-bottom:7%; }
.sub table caption { font-size:16px; text-align:left; font-weight:bold; letter-spacing:-1px; margin-bottom:5%; }
.sub table thead { font-weight:bold; background:#faf3f3; border-top:1px solid #f7e1e1; border-bottom:1px solid #f7e1e1; }
.sub table thead th { font-weight:bold; font-size:12px; background:url(../img2/table-vertical.png) no-repeat right center; background-size:2px; color:#b92e26; }
.sub table thead th:last-child { background:none; }
.sub table th, td { padding:15px 0; border-bottom:1px solid #e8e8e8; }
.sub table tbody th { line-height:1.2em; text-align:left; vertical-align:middle; padding:0 3%; }
.sub table tbody td { line-height:1.2em; text-align:center; }
.sub table tbody .rowspan { background:#f6f6f6; text-align:center; vertical-align: middle; }
.sub table.amn-table { margin-bottom:0; }
.sub table.amn-table th, td { padding:15px 2%; text-align:center; }
.summary { background:#f3f3f3; padding:5%; margin-bottom:7%;}
.summary .summary-tit { color:#a9181f; font-weight:bold; }
.summary ul li { margin-bottom:5%; }
.summary ul li:last-child { margin-bottom:0; }
.summary ul li p { line-height:1.5em; }
.tab-btn ul { overflow:hidden; }
.tab-btn ul li { float:left; width:50%; height:42px; background:#f6f6f6; border:1px solid #dee6ea; box-sizing:border-box; }
.tab-btn ul li:last-child { border-left:none; }
.tab-btn ul li.active { background:#a9181f; font-weight:bold; }
.tab-btn ul li.active a { color:#fff; font-weight:normal; }
.tab-btn ul li a { display:block; width:100%; line-height:42px; text-align:center; font-size:14px;}

/* 당첨확인 */
.win-top { background:#f6f6f6; font-size:14px; border:1px solid #dee6ea; text-align:center; padding:7%; margin-bottom:5% }
.win-top.none-ticket { padding:15% 7%; }
.win-top.none-ticket>p>strong { color:#b92e26; font-size:16px; }
.win-top>p { margin-bottom:7%; }
.win-top.none>p { margin:0 auto; width:70%; }
.win-top .atten { color:#b92e26; text-decoration: underline; }
.win-top.none .atten { text-decoration: none; }
.win-top .win-list { width:70%; margin:0 auto; }
.win-top .win-list .tit { font-size:12px; font-weight:bold; color:#fff; background:#3a3a3a; padding:9% 0; }
.win-top .win-list .name {  padding:9%;  background:#fff;  }
.win-top .win-list .name ul li { color:#b92e26; line-height:1.5em; font-weight:normal; }
.caution>strong { width:85%; margin:0 auto; display:block; font-size:12px; color:#2465ab; font-weight:bold; text-align:center; margin-bottom:10%; line-height:1.5em; }

/*방청신청*/
.ticket { padding-top:10px; }
.ticket-top h4 { font-size:18px; font-weight:bold; margin:5% 0 4%; } 
.mask.ticket-top h4 { margin-top:0; }
.ticket-top .txt { color:#3a3a3a; }
.ticket-top .txt>strong { font-weight:normal; color:#2465ab; }
.ticket-top .txt>a { font-size:14px; color:#ae272d; font-weight:bold; text-decoration: underline}
.ticket-top .info { font-size:15px; margin:4% 0 7%;}
.ticket-top .info ul { margin-bottom:5%; }
.ticket-top .info ul li { line-height:1.5em; color:#666; }
.ticket-top .info ul li>strong { color:#3a3a3a; font-weight:normal; }
.check-list-more { text-align: right; margin-bottom:5%; }
.check-list-more img { width:120px;}
.check-list-prev { text-align: right; margin-bottom:5%; }
.check-list-prev img { width:120px;}
.ticket-schedule input { width:21px; height:21px; vertical-align:middle; background:url(../img2/checkbox-v2.png) no-repeat center top; background-size:cover;}
.ticket-schedule input.disabled { background:url(../img2/checkbox-v2.png) no-repeat center bottom; background-size:cover }
.ticket-schedule .check-wrap { vertical-align:middle; padding:0; }
.ticket-app .caution>strong { color:#b92f25; margin-bottom:0; }
.ticket-app .app-btn { margin-top:5%; width:100%; height:43px; background-color:#b92f25; color:#fff; }
.ticket-app .app-btn a { width:100%; line-height:43px; display:block; text-align:center; }
.sub .ticket table tbody th { text-align:center; }

/* 복면가왕 */
.mask-info .program-view { margin-bottom:10%; }
.mask-info .program-info h4 { margin-bottom:3%; }
.mask-info .list1>li { margin-bottom:5%; font-size:14px; line-height:1.7em; background:url(../img2/list-style.png) no-repeat left 6px; background-size:6px; padding-left:10px;}
.mask-info .list1>li.box-title { padding-left:0; background:none; }
.mask-info .list1>li>span { font-weight:bold; color:#b92e26; }
.mask-info .list1 li a { color:#b92e26; text-decoration: underline; }
.mask-info .program-info>ul>li>ul>li strong { width:27%; margin-bottom:3%;}
.mask-info .program-info>ul>li>ul>li strong.width_46 { width:46%; }
.mask-info .program-info>ul>li>ul>li span { line-height:1.7em; width:100%; }
.mask-info .program-info>ul>li>ul>li span.caution { color:#2465ab; }
.mask-info .program-info>ul>li>ul>li span.d_width { width:68%; }
.mask .dmc-board { margin-top:2%; }
.mask .board-wrapper { border-top:1px solid #ddd; padding-top:7%; }

/*신청내역 */
tr.active { background:#f6f6f6; }
tr.active .check-wrap { color:#b92f25; font-weight:bold; text-decoration: underline;}
.ticket-top .info .caution {  }
.ticket-top .info .caution>strong { color:#ae272d; font-size:14px; margin:0; text-align:left; margin-bottom:3%; }
.ticket-top .info .caution>span { margin-bottom:3%; display:block; color:#ae272d;  font-size:12px; text-align:left; line-height:1.5em; }
.ticket2 .ticket-top .info ul { margin-bottom:3%; }

/* 오시는 길 */
.map-img img {margin-top:20px;box-sizing:border-box;width:100%;}
.location {padding-left:2px;}
.location > strong {display:block;padding:8% 0 4%;font-weight:bold;font-size:16px;color:#333;letter-spacing:-0.8px;}
.location ul li { position:relative;margin-bottom:3%; padding-left:6%;line-height:1.8em; font-size:14px;color:#3a3a3a;letter-spacing:-1px;}
.location ul li:before {content:'●';position:absolute;left:0;top:3px; line-height:14px;font-size:20px;}
.location ul li.line-air:before, .location ul li.line-air>strong {color:#1361aa;}
.location ul li.line-center:before, .location ul li.line-center>strong {color:#0b6953;}
.location ul li.line-6:before, .location ul li.line-6>strong {color:#a96804;}
.location ul li>strong {display:inline-block;font-weight:bold; margin-bottom:2%; }
.location > strong + p {padding-bottom:5%; font-size:16px;}
.location .busline li { padding-left:12%; }
.location .busline li:before {margin-top:-2px; padding:1% 2%; vertical-align:2px;text-align:center;font-size:12px;color:#fff;letter-spacing:-0.4px;}
.location .busline .busline-green:before {content:"지선";background-color:#0f9d63;}
.location .busline .busline-blue:before {content:"간선";background-color:#1c7ac4;}
.location .busline .busline-red:before {content:"광역";background-color:#d0392e;}
.location .busline .busline-green-en { padding-left:16%; }
.location .busline .busline-green-en:before {content:"Green";background-color:#0f9d63;}
.location .busline .busline-blue-en:before {content:"Blue";background-color:#1c7ac4;}
.location .busline .busline-red-en:before {content:"Red";background-color:#d0392e;}
.location .content-txt { margin:0; font-size:14px; }

/*프로그램 list*/
.program-list, .event-list { overflow:hidden; }
.english .program-list, .english .event-list, .chinese .program-list, .chinese .event-list { margin-bottom:5%;overflow:hidden; }
.event-list li:last-child { display:none; }
.program-list li, .event-list li { overflow:hidden; height:220px;padding:3%; box-sizing:border-box; width:49%; margin-right:2%; margin-bottom:2%; float:left; border:1px solid #cbcbcb; }
.program-list li a, .event-list li a { display:block; width:100%; height:100%; }
.program-list li:nth-child(2n), .event-list li:nth-child(2n) { margin-right:0; }
.program-list li span, .event-list li span { display: inline-block; }
.program-list li .program-logo, .event-list li .program-logo { height:135px; width:100%;display:table;}
.program-list li .program-logo .logo-wrap, .event-list li .program-logo .logo-wrap { text-align:center; display:table-cell; vertical-align:middle;}
.program-list li .program-logo .logo-wrap img { width:60%; }
.program-list li:nth-child(1) .program-logo .logo-wrap img { width:56%; }
.program-list li:nth-child(2) .program-logo .logo-wrap img { width:70%; }
.program-list li:nth-child(3) .program-logo .logo-wrap img { width:60%; }
.program-list li:nth-child(4) .program-logo .logo-wrap img { width:60%; }
.program-list li:nth-child(5) .program-logo .logo-wrap img { width:60%; }
.program-list li:nth-child(6) .program-logo .logo-wrap img { width:48%; }
.program-list li:nth-child(7) .program-logo .logo-wrap img { width:70%; }
.program-list li .program-txt span {display:block; font-size:12px; line-height:1.5em; }
.program-list li .program-txt .program-name {  font-weight:bold;  }
.program-list li .program-txt .program-date, .event-list li .program-txt .program-date { color:#2465ab; }

.event-list li .program-logo { height:160px; }
.event-list li .program-logo .logo-wrap img { width:80%; }
.event-list li { padding:0; box-sizing:border-box; }
.event-list li .program-txt { width:100%; padding:4%; box-sizing:border-box;}
.event-list li .program-txt span { font-size:12px; }
.event-list li .program-txt .program-name { width:100%; font-weight:bold; }

/*프로그램 view*/
.program-view .program-title { position:relative; text-align: center; }
.program-view .program-title>img  { width:100%; }
.program-view .program-title .logo { position:absolute; top:0; left:0; height:70%; width:100%; }
.program-view .program-title .logo .table-cell {  display:table-cell; vertical-align: middle; }
.program-view .program-title .logo img { width:30%; margin-top:8px; }
.program-view .program-title .txt { background:rgba(0,0,0,0.7); position:absolute; top:70%; left:0; height:30%; width:100%; }
.program-view .program-title .table-wrap{ display: table; width:100%; height:100%; }
.program-view .program-title .txt h3 { line-height:1.4em; padding:2px 40px 0; color:#fff; font-size:18px; width:100%; display:table-cell; vertical-align: middle; }
.program-view .program-title .txt strong { color:#fff; }
.program-view .program-title .txt h3 span { margin-bottom:2%; font-size:11px; display:block; }
.program-contents { margin-bottom:8%; font-size:16px; line-height:1.7em; padding:5%; background:#faf3f3; border-top:2px solid #b92e26; border-bottom:1px solid #f7e1e1; }
.program-contents>strong { margin-bottom:3%; display:block; font-size:18px; line-height:1.5em; font-weight:bold; color:#b92e26; }
.program-info { padding:0 4%; }
.program-info table { text-align:center; font-size:13px; }
.program-info table tbody th { line-height:1.5em; background:#f6f6f6; padding:15px 3%; text-align:center; vertical-align:middle; }
.program-info table tbody td { padding:15px 2%; line-height:1.5em; vertical-align:middle; }
.program-info table.amn { text-align:left; }
.program-info table.amn tbody th, .program-info table.amn tbody td { text-align: left; padding:5%; border:1px solid #e8e8e8;}
.program-info table.amn tbody th { color:#666; font-weight:normal; }
.program-info .caution2 { font-size:12px; color:#2465ab; width:100%; }
.program-info h4 { font-size:18px; color:#3a3a3a; margin-bottom:2%; line-height:1.5em; }
.program-info h4::before { content:''; display:block; width:14px; height:2px; margin-bottom:2%; background:#b92e26; }
.program-info>ul { margin-bottom:10%; }
.program-info>ul>li { margin-bottom:8%; }
.program-info>ul>li>strong { margin-left:23%; margin-top:2%; font-size:12px; display:block; line-height:1.5em; width:60%; color:#2465ab; }
.program-info>ul>li>ul>li { margin-bottom:4%; font-size:15px; }
.program-info>ul>li>ul>li strong { vertical-align:top; width:18%; margin-right:2%; padding:5px 0 4px; display:inline-block; text-align:center; background:#b92e26; color:#fff; }
.program-info>ul>li>ul>li span { margin-top:1px; display:inline-block; width:80%; line-height:1.5em; }
.program-info>ul>li:nth-child(3) ul>li strong { width:32%; }
.program-info>ul>li:nth-child(3) ul>li span { width:66%; }
.ticket-btn { text-align: center; }
.ticket-btn img { width:100%; }
.event-summary { background-color:#f3f3f3; padding:5%; margin-top:3%; margin-bottom:0 !important; }
.event-summary p.summary-logo img { width:100%; padding:0 2%; box-sizing:border-box; }

.english .program-info>ul>li>ul>li strong { margin-bottom:3%; display:inline-block; width:initial; padding:2%; }
.english .program-info>ul>li>ul>li strong.width_fix { width:80px; padding:2% 0; }
.english .program-info>ul>li>ul>li span { display:block; width:100%; }
.chinese .program-info>ul>li>ul>li strong { margin-bottom:3%; display:inline-block; width:initial; padding:2%; }
.chinese .program-info>ul>li>ul>li strong.width_fix { width:80px; padding:2% 0; }
.chinese .program-info>ul>li>ul>li span { display:block; width:100%; }
.chinese .program-contents, .chinese p, .chinese strong, .chinese span, .chinese .content-txt { word-wrap: break-word; } 

/* sns */
.share {position:relative;z-index:110;}
.btn-share {position:absolute;right:7px;top:-40px;}
.btn-share img {width:20px;}
.share-layer {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.share-layer .layer-inner {position:absolute;left:50%;top:130px;margin-left:-138px;width:276px;height:155px;border:1px solid #dcdcdc;text-align:center;background-color:#fff;}
.share-layer .sharing {display:block;padding:20px 0 26px;}
.share-layer a {display:inline-block;width:60px;font-size:12px;color:#2b2b2b;letter-spacing:-0.6px;}
.share-layer a img {display:block;margin:0 auto 4px;width:44px;}
.share-layer .btn-close {position:absolute;right:20px;top:20px;width:15px;height:14px;}
.share-layer .btn-close img {width:15px;}

/* poll */
.tab-ui {overflow:hidden;padding-top:12px;}
.tab-ui li {box-sizing:border-box;float:left;width:50%;height:36px;line-height:34px;border:1px solid #ccc;font-size:14px;color:#3a3e44;letter-spacing:-1px;background-color:#f7f7f9;}
.tab-ui li:nth-child(even) {border-left:0 none;}
.poll .tab-ui li:nth-child(1),
.poll .tab-ui li:nth-child(2) {border-bottom:0 none;}
.tab-ui li.current {font-weight:bold;color:#fff;background-color:#db4b43;}
.tab-ui li a {display:block;}
.poll .btn-custom {display:block !important;margin:0 auto !important;width:140px;border-radius:0 !important;text-align:center;}
.poll-content {display:none;margin-top:-1px;padding:20px 12px;border:1px solid #ccc;letter-spacing:-0.6px;background-color:#fcf6f6;}
#poll0 {display:block;}
.poll-content .poll-title {margin-bottom:12px;font-size:16px;color:#331521;}
.poll-content p {position:relative;padding:2px 0 2px 8px;line-height:1.4;font-size:15px;color:#626262;}
.poll-content p:before {content:"-";position:absolute;left:0;top:1px;}
.poll-content p a {text-decoration:underline;color:#1a75bc;}
.poll .m-content {margin-top:12px;min-width:250px;max-width:100%;}
.poll .section-poll.event .text01:first-child {display:none;}
.poll .event .apply {border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.poll .text-box-2 label {display:none;}
.poll .section-poll .input-private label {padding-left:12px;min-width:36%;color:#331521 !important;background-color:#fdeae6 !important;}
.poll .section-poll .ques {padding-bottom:20px;}
.poll .text-box-2 {padding:0;}
.poll .check-custom label {padding-left:12px;}
.poll .check-custom label.on {background:#fdeae6 url(../img2/bg-check-on.png) no-repeat 95% center;background-size:19px 14px;}
.poll .check-custom label.on .text {color:#331521;}
.poll .m-content .sns-share {display:none;}
.poll-maskking {overflow:hidden;padding-bottom:40px;}
.poll-maskking .poll-title {text-align:center;}
.poll-maskking .intro {text-align:center;}
.poll-maskking .intro img {margin-bottom:10px;width:138px;}
.poll-maskking .intro p:before,
.poll-maskking .maskking-notice p:before {display:none;}
.poll-maskking .list-type3 {margin-top:20px;}
.poll-maskking .list-type3 .sub-title {padding-bottom:4px;font-size:15px;}
.poll-content .modify-member {display:inline-block;padding:0 4px;line-height:24px;color:#fff;text-decoration:none;background-color:#bb2329;}
.poll-maskking .maskking-notice {margin-top:20px;margin-bottom:30px;margin-left:-12px;padding:12px 16px 4px;width:110%;background-color:#db574a;}
.poll-maskking .maskking-notice strong {color:#fff;}
.poll-maskking .maskking-notice p {padding-bottom:16px;padding-left:0;width:90%;color:#331521;}
.poll-apan .dmc-board .ui-header {margin-bottom:16px;padding-top:0;padding-bottom:16px;text-align:center;font-size:24px;}
.poll-apan .apply .quest {padding-left:8px;}
.poll-apan label img {margin-bottom:4px;}
.poll-apan .ui-header span {display:block;font-size:18px;}

/* board */
#mBoardState { padding-bottom:3%; font-size:12px; display:block; width:70%; line-height:1.3em;}
.dmc-board {letter-spacing:-0.4px;}
.page-content .button-write {display:inline-block;float:right;margin-top:-46px;width:73px;height:30px;line-height:31px;text-align:center;font-size:12px;color:#fff;background-color:#b92f27;}
.mask .button-write { margin-top:-34px; }
.dmc-board .imbc-table-text ul,
.dmc-board .imbc-table-photo ul {overflow:hidden;position:relative;margin-bottom:10px;box-sizing:border-box;border-right:1px solid #dee6ea;border-left:1px solid #dee6ea;;background-color:#fff;}
.dmc-board .item.item-top {background-color:#f6f6f6; }
.dmc-board .item.item-top:last-child {margin-bottom:10px;}
.dmc-board .item-top * {color:#b92e26 !important; }
.dmc-board .item.reply,
.dmc-board .item.reply-1 {z-index:20;margin-top:12px;padding-left:60px !important;border-top:0 none;background-repeat:no-repeat;background-position:47px 8px;background-image:url("http://m.imbc.com/2015radio/img2/icon-reply.png");background-size:8px 10px;}
.dmc-board .item.reply-2 {padding-left:70px !important;background-image:url("http://m.imbc.com/2015radio/img2/icon-reply.png");background-position:57px 8px;}
.dmc-board .item.reply-3 {padding-left:80px !important;background-image:url("http://m.imbc.com/2015radio/img2/icon-reply.png");background-position:67px 8px;}
.dmc-board .reply { margin-top:10%; }
.dmc-board .reply textarea {height:60px;}
.dmc-board .reply .button-submit {display:inline-block;margin-top:-4px;padding:8px 16px;color:#fff;background-color:#b92e26;}
.dmc-board .imbc-table-text .item { padding:4% 4% 4% 16%; border-bottom-color:#dee6ea; }
.none-active { display:none; }
.dmc-board .item .title {margin-bottom:4px;color:#3a3e44;font-size:16px; line-height:1.4em;}
.dmc-board .item .title .heading {margin-right:3px;color:#2465ab;font-size:1em;}
.dmc-board .item .title.lock { padding-left:18px;background:url("http://www.dmcfestival.com/m/img2/icon-lock.png") no-repeat 0 45%;background-size:10px 13px;}
.dmc-board .item .title.lock-private {padding-left:15px;background:url("http://www.dmcfestival.com/m/img2/icon-lock-private.png") no-repeat;background-size:10px 13px;}
.dmc-board .imbc-table-text .num { color:#b92e26; width:16%; }
.dmc-board .item .date {font-size:12px;color:#666666;}
.dmc-board .item .user {font-size:12px;}
.dmc-board .item .button-more {position:relative;width:100%;height:36px;border:1px solid #e8e8e8;box-sizing:border-box;background-color:#f7f7f9;}
.dmc-board .imbc-table-text .btn-vod-more-v2,
.dmc-board .imbc-table-text-with-photo .btn-vod-more-v2, 
.dmc-board .imbc-table-photo .btn-vod-more-v2 {width:100%;height:36px;margin-bottom:8px;font-size:16px;background-color:#f7f7f9;border:1px solid #e8e8e8;box-sizing:border-box;}
.dmc-board .item .button-more:-moz-focus-inner {padding:0;border:0;}
.dmc-board .ui-header {border-bottom:1px solid #e2e2e2;line-height:1.5em;font-size:20px;color:#181818; padding:3% 0 5%;}
.dmc-board .ui-header .date { margin-bottom:4%; display:block; font-weight:normal;font-size:14px;color:#626262;letter-spacing:-0.5px;}
.dmc-board .content-view {overflow:hidden;position:relative;padding:16px 0 24px;line-height:1.5em;border-bottom:1px solid #e2e2e2;font-size:16px;color:#585858;text-align:left;}
.dmc-board .content-view img { margin-bottom:3%; display:block;max-width:100% !important;}
.ui-buttons {overflow:hidden;margin-top:-1px;padding-top:12%;text-align:center;}
.ui-buttons a,
.ui-buttons button,
.poll .btn-custom {display:inline-block;margin:0 3px;padding:8px 22px;line-height:1.4;font-size:14px;color:#fff;background-color:#b92e26 !important;}
.dmc-board .field {border-bottom:1px solid #e2e2e2;line-height:1.4;font-size:15px;}
.dmc-board .field:first-child {margin-bottom:12px;padding:18px 0;}
.dmc-board .field:first-child label {display:block;visibility:visible;width:14%;height:30px;line-height:28px;text-indent:8px;color:#68778c;vertical-align:middle;font-size:16px;}
.dmc-board label + input {box-sizing:border-box;margin-left:15%;width:85%;height:30px;border:1px solid #d5d5d5;text-indent:8px;font-size:16px;}
.field .lbl-file {line-height:30px !important;}
.dmc-board textarea {box-sizing:border-box;margin-bottom:8px;padding:8px 6px;border:1px solid #dadada;width:100%;font-size:16px;background-color:#f8fbff;resize:none;}
.field .lbl-file {display:block;margin-top:-1px;margin-bottom:12px;width:100%;height:32px;line-height:32px;border:1px solid #dadada;background-color:#f9f9f9;text-align:center;color:#121212;font-size:14px;box-sizing:border-box;}
.dmc-board .guide {padding:12px 8px 0;font-size:14px;line-height:1.5;color:#626262;}
.dmc-board .list-talk {overflow:hidden;position:relative;}
.dmc-board .list-talk .item {overflow:hidden;position:relative;border:1px solid #dadada;margin-top:8px;background-color:#f9f9f9;}
.dmc-board .list-talk .item .header {position:relative;border-bottom:1px solid #dadada;font-size:0;}
.dmc-board .list-talk .item .header span {position:absolute;display:block;left:10px;top:6px;padding:2px 4px 1px 4px;border:1px solid #dadada;background-color:white;line-height:1.42857;font-size:0.786em;color:#464646;}
.dmc-board .list-talk .item .header .num {position:relative;display:inline-block;min-width:41px;padding:8px 10px 7px;margin-right:10px;text-align:center;box-sizing:border-box;font-size:14px;}
.dmc-board .list-talk .item .header .num:after {content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:11px;margin-top:-6px;background-color:#dadada;}
.dmc-board .list-talk .item .header .user {display:inline-block;padding:8px 0 7px;font-size:14px;}
.dmc-board .list-talk .item .header .date {position:absolute;right:0;top:0;padding:8px 30px 7px 0;text-align:right;color:#727272;font-size:14px;}
.dmc-board .list-talk .item .content {overflow:hidden;position:relative;width:100%;padding:8px 10px 7px;color:#0f0f0f;font-size:1em;box-sizing:border-box;}
.dmc-board .list-talk .item .button-delete {display:block;position:absolute;right:8px;top:10px;width:15px;height:15px;padding:0;}
.dmc-board .list-talk .item .button-delete:before {content:'';display:block;width:13px;height:13px;border:1px solid #dadada;background:#fff url("http://m.imbc.com/2015radio/img2/icon-talk-delete.png") no-repeat center;background-size:10px 10px;}
.dmc-board .list-thumb100 .txt-wrap {display:block;box-sizing:border-box;width:100%;position:relative;padding:16px 14px 12px;border-top:1px solid #ccc;border-bottom:1px solid #e2e2e2;line-height:1.3;font-weight:bold;font-size:22px;color:#181818;}
.dmc-board .list-thumb100 .txt-wrap span + em {margin-left:4px;font-style:normal;}
.dmc-board .txt-wrap .broad-date {display:block;margin-top:4px;font-weight:normal;font-size:14px;font-style:normal;color:#626262;}
.replay-time {display:none;}
.dmc-board .list-thumb100 .img-wrap {display:block;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #e2e2e2;}
.dmc-board .list-thumb100 .img-wrap img {width:100%;}
#btnMore {display:block;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;margin-top:5%;width:100%; height:44px; line-height:0;font-size:0;border:1px solid #eddada;background:#faf3f3 url(../img2/notice-more.png) no-repeat center; background-size:19px 10px; }
#vodListNoData {padding:40px 0 80px;border-top:1px solid #e2e2e2;text-align:center;}
#newsList { border:none; }
.list-thumb-one {position:relative; width:100%}
.list-thumb-one li {overflow:hidden; position:relative; border-bottom:1px solid #e8e8e8}
.list-thumb .thumb169 {padding:5px 5px 12px 5px}
.list-thumb-one a {overflow:hidden; display:block; width:100%; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.list-thumb-one .img-wrap {overflow:hidden; display:block; position:relative; float:left; margin-right:10px;width:44%;border:1px solid #e8e8e8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.list-thumb-one .img-wrap img {width:100%}
.list-thumb-one .img-wrap + .txt-wrap {display:block;margin-bottom:8px;margin-left:44%; line-height:1.4em;font-size:14px;color:#3a3e44; font-weight:bold;}
.list-thumb-one .img-wrap + .txt-wrap + .txt-wrap {display:block;margin-left:44%;padding-left:10px;font-size:14px;color:#626262;}
.list-thumb-one .txt-wrap .times {padding-right:5px}
.list-thumb-one.img-small .img-wrap {width:34%;}
.list-thumb-one.img-small .txt-wrap {left:34%;}
.list-thumb-one .txt-wrap .txt-align .txt-cut-custom {font-size:14px; line-height:1.5em;}
.wrapper {padding-bottom:0 !important; overflow-x:hidden; }
.dmc-board .container {background-color:#fff;}
.arr-paging-prev {background:url(http://m.imbc.com/2014mobile/images/arr-paging-prev.png) no-repeat;}
.arr-paging-next {background:url(http://m.imbc.com/2014mobile/images/arr-paging-next.png) no-repeat;}
.view-common-top .view-common-date { letter-spacing:-0.5px; padding:2% 0 3%; color:#9b9b9b; font-size:14px;}
.view-sketch-title { margin-bottom:7%; }
.view-sketch-title strong {font-size:20px; line-height:1.5em;}
.view-common-top img {max-width:100%;}
.view-sketch-txt { color:#222; line-height:1.7em; padding-bottom:3%;margin-bottom:3%;border-bottom:1px solid #e2e2e2; font-size:16px;}
.view-sketch-txt>p { line-height: 1.5em; }
.view-sketch-txt img, .view-sketch-txt .vod-player { margin-bottom:3%; }
.view-sketch-author {font-size:14px !important; color:#666666;}
.thumb169 { padding:3% 0; }
.list-thumb-one li:first-child { padding-top:0; }
.view-sketch-txt> p { line-height:1.7em; }
.view-sketch-txt img { width:100%; }
.qna .dmc-board .ui-header { padding:1% 0 5% 0; }
.qna .dmc-board .ui-header .date { padding-bottom:0; }
.qna .dmc-board .content-view { margin-top:5%; overflow-x:auto; }
.dmc-board .content-view font { line-height:1.7em; }
.dmc-board .vod-obj { margin-bottom:3%; }

/*photo*/
.photo .imbc-table-photo .num { color:#b92e26; width:20%; font-size:16px; }
.photo .imbc-table-photo ul { border:none; }
.photo .imbc-table-photo ul li { background:#fff; border:none }
.photo .imbc-table-photo .txt-wrap { padding:3% 5% 3% 20% ; }
.photo .dmc-board .item .title { font-size:17px; }
.photo .imbc-table-photo .metas .meta { font-size:12px; }
.photo .imbc-table-photo .item { border:1px solid #dee6ea; border-bottom:none; box-sizing:border-box; }
.photo .imbc-table-photo .item:last-child { border-bottom:1px solid #dee6ea; }
.dmc-board .ui-header .date { margin:0; padding:2% 0 4%; color:#9b9b9b; font-size:14px;}
.none-border .dmc-board .ui-header { border:none; padding:0; margin-bottom:7%;}
.dmc-board .content-view { padding-top:0; }
.dmc-board .content-view div p { line-height:1.7em; }
.dmc-board .content-view div, .dmc-board .content-view p { line-height:1.7em; }

/*vod*/
.vod-list ul li { border-bottom:none; }
.vod .imbc-table-photo .txt-wrap { padding:3% 5%; }
.dmc-board .list-thumb100 .img-wrap { padding:0; border-bottom:none;  }
.dmc-board .list-thumb100 .img-wrap img { width:100%; }
.dmc-board .list-thumb100 .txt-wrap { padding:3%; border:none;}
.dmc-board .list-thumb100 .txt-wrap .txt-cut { font-size:17px; }
.dmc-board .txt-wrap .broad-date { font-size:12px; }
.dmc-board .list-thumb100 li { border:1px solid #dee6ea; border-bottom:none; box-sizing:border-box; }

/* live */
.live .noti{margin-top:10px;line-height:23px;font-size:14px; color:#626262; }
.live h4{font-size:17px;font-weight:bold;line-height: 50px;}
.live h5{line-height:30px; color:#30302e; text-align: center;background: #fabd2f; border:1px solid #d0d0d0;}
.live-list {margin-bottom:25px;}
.live-list li{border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0; min-height:60px;padding:10px 13px;overflow:hidden;border-bottom:1px solid #d7d7d7;background:#fcf6f6;}
.live-list li img{width:44px;}
.live-list li.current{background:#fcdbd6; font-weight: bold; }
.live-list span{display: inline-block;letter-spacing: -1px;font-size:16px;}
.live-list .title{float:left;width:80%;}
.live-list .date{color:#626262;font-size:12px;line-height:25px;}
.live-list .name{color:#000;font-size:17px;line-height:25px;color:#3a3e44;}
.live-list .status{float:right;text-align:right;width:20%;display:inline-block;}
.live .link{color:#1a75bc;font-size:12px;}
.live-schedule table td img { width:21px; }
.live-schedule .live-btn-wrap { padding:0; vertical-align: middle; }

/* lang */
.wrapper.multi-language {background:#fff none;}
.wrapper.multi-language .page-content {padding-bottom:30px;}
.wrapper.multi-language * {word-break:break-word;}
.multi-language .category-title {background:url(../img2/bg-sub-info.jpg) no-repeat;}
.multi-language .program-title {margin-bottom:4px;padding:0;height:36px;line-height:34px;border:1px solid #ddd;background:#f7f7f9 url(../img2/bg-tab-close.png) no-repeat 96% center;background-size:28px;}
.multi-language .program-title.open {background:#fcdbd6 url(../img2/bg-tab-open.png) no-repeat 96% center;background-size:28px;}
.multi-language .program-title + * {display:none;}
.multi-language .program-title.open + * {display:block;}
.multi-language .program-title button {display:block;box-sizing:border-box;padding-left:14px;width:100%;height:36px;line-height:34px;font-weight:bold;font-size:14px;color:#331521;text-align:left;}
.multi-language .program-list li {margin-bottom:8px;}
.multi-language .program-list li .program-logo {height:105px;}
.multi-language .program-list li .text-box {min-height:60px;}
.multi-language .program-list .detail {clear:left;padding:2px 16px 8px;background-color:#f5f5f5;}
.detail .program-info {padding-bottom:4px !important;line-height:1.3;font-size:14px !important;}
.detail .program-info:first-child {margin-bottom:4px;}
.detail .program-info span {font-weight:bold;}
.multi-language .special .program-list li .program-logo {float:none;width:100%;}
.multi-language .special .program-list li .text-box {float:none;margin-left:0;padding-top:12px;width:100%;}
.multi-language .map-img img {margin-top:12px;}
html[lang="en"] .location .busline li:before {width:30px;}
html[lang="en"] .location .busline .busline-green:before {content:"green";}
html[lang="en"] .location .busline .busline-blue:before {content:"blue";}
html[lang="en"] .location .busline .busline-red:before {content:"red";}
html[lang="zh-CN"] .location .busline .busline-green:before {content:"支线";}
html[lang="zh-CN"] .location .busline .busline-blue:before {content:"干线";}
html[lang="zh-CN"] .location .busline .busline-red:before {content:"广域";}

/*english*/
.global-low-list ul li { background:#faf3f3 url(../img2/en-list-arr.png) no-repeat 95% center; background-size:15px; border:1px solid #f7e1e1; border-bottom:none; }
.global-low-list ul li:last-child { border-bottom:1px solid #f7e1e1; height:43px; }
.global-low-list ul li a { box-sizing:border-box; padding-left:5%; display:block; width:100%; line-height:43px; font-size:15px; color:#a9181f; font-weight:bold; text-decoration: underline; }
.global-program-list { margin-bottom:5%; }
.global-program-list ul li { margin-bottom:5%; }
.global-program-list ul li .tit-wrap { padding:3% 0 6% 0; position:relative; width:100%;}
.global-program-list ul li .tit-wrap img { width:25%; vertical-align:middle; }
.global-program-list ul li .tit-wrap .tit-txt { width:68%; margin-left:5%; display:inline-block; vertical-align:middle; }
.global-program-list ul li .tit-wrap .tit-txt h3, .global-program-list ul li .tit-wrap .tit-txt p { line-height:1.5em; }
.global-program-list ul li .tit-wrap .tit-txt h3 { font-size:20px; }
.global-program-list ul li .summary-txt { padding:3%; background:#eee; }
.global-program-list ul li .summary-txt>p { line-height:1.5em; margin-bottom:3%; }
.global-program-list ul li .summary-txt .introduce {}
.global-program-list ul li .summary-txt>p strong { color:#b92e26; display:block;}

.singer {margin-top:40px;padding:12px 0 4px;border-top:1px solid #db4b43;border-bottom:1px solid #db4b43;}
.singer .sub-title {padding:4px 10px;font-size:16px;}
.singer .program-list li {padding:10px;border-top:1px solid #d0d0d0;border-bottom:0 none;}
.singer .program-list li:first-child {border-top:0 none;}
.singer .program-list li .program-logo {overflow:hidden;width:80px;height:80px;}
.singer .program-list li .program-logo img {width:80px;max-height:200px !important;}
.singer .program-list li .text-box {margin-left:80px;padding:0;width:auto;}
.singer .program-list li .program-name {padding-left:8px;line-height:1.5;font-size:15px;color:#3a3e44;}
.singer .program-list li .program-text {display:block;padding-bottom:4px;padding-left:22px;line-height:16px;font-size:12px;color:#626262;background:url(../img2/ico-play.png) no-repeat 10px 3px;background-size:10px;vertical-align:middle;}
.singer .program-list .none .program-text {padding-left:10px;background:none;}
.singer .btn-vod-link {display:inline-block;margin-left:3px;width:15px;height:15px;line-height:0;vertical-align:middle;font-size:0;color:transparent;background:url(../img2/btn-play.png) no-repeat;background-size:15px;}
.singer + .ui-buttons {margin-top:0;padding-top:16px;}
.singer + .ui-buttons a {background-color:#ffb400 !important;}


/* @media screen and (min-width:360px) {
	.poll-apan .apply {overflow:hidden;}
	.poll-apan .check-custom {float:left;width:49%;}
	.poll-apan .check-custom:nth-child(even) {margin-left:2%;}
	.poll-apan .check-custom label {box-sizing:border-box;padding:10px 8px 24px !important;min-height:168px;background-position:center 94%;}
	.poll-apan .check-custom label.on {background-position:center 94%;}
	.poll-apan .check-custom label .text {width:100%;line-height:1.4;}
	.poll-apan .check-custom label img {width:100%;max-width:155px;max-height:80px;}
}

@media screen and (min-width:414px) {
	.poll-apan .check-custom label img {max-height:90px;}
}

@media screen and (min-width:720px) {
	.dayCounter {font-size:60px;}
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:413px) {
}

@media screen and (max-width:359px) {
	.poll-apan .check-custom label img {width:160px;height:90px;}
}
 */

/* -- ~Galaxy S3 & ~iPhone 4+ -- */
/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}
/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* -- Galaxy S4 -- */
/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}
/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* -- Galaxy S5 -- */
/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}
/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* -- Galaxy S6~ -- */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px)
  and (-webkit-min-device-pixel-ratio : 4) 
  and (-webkit-device-pixel-ratio : 4)
  and (orientation: portrait) {

}

/* -- iPhone 6 -- */
/* Landscape */
@media only screen 
    and (min-device-width : 375px) // or 213.4375em or 3in or 9cm
    and (max-device-width : 667px) // or 41.6875em
    and (width : 667px) // or 41.6875em
    and (height : 375px) // or 23.4375em
    and (orientation : landscape) 
    and (color : 8)
    and (device-aspect-ratio : 375/667)
    and (aspect-ratio : 667/375)
    and (device-pixel-ratio : 2)
    and (-webkit-min-device-pixel-ratio : 2)
{ }
/* Portrait */
@media only screen 
    and (min-device-width : 375px) // or 213.4375em
    and (max-device-width : 667px) // or 41.6875em
    and (width : 375px) // or 23.4375em
    and (height : 559px) // or 34.9375em
    and (orientation : portrait) 
    and (color : 8)
    and (device-aspect-ratio : 375/667)
    and (aspect-ratio : 375/559)
    and (device-pixel-ratio : 2)
    and (-webkit-min-device-pixel-ratio : 2)
{ }

/* -- iPhone 6+ -- */
/* Landscape */
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) 
{ }
/* Portrait */
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px)
    and (device-width : 414px)
    and (device-height : 736px)
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 3) 
    and (-webkit-device-pixel-ratio : 3)
{ }

/* #### Mobile Phones Portrait #### */


/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width:768px) and (orientation:portrait){
  /* some CSS here */
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width:640px) and (orientation:landscape){
  /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width:480px) and (max-device-width:1024px){
  /* some CSS here */
}

@media screen and (max-width:414px) and (orientation:portrait){
  /* some CSS here */
	.win-top.none>p { width:80%; }
	.page-content .mask .button-write { margin-top:-9%; }
}

@media screen and (max-width:375px) and (orientation:portrait){
  /* some CSS here */
	.program-info>ul>li:nth-child(3) ul>li strong { width:38%; }
	.program-info>ul>li:nth-child(3) ul>li span { width:60%; }
	.program-info>ul>li>ul>li strong { width:21%; }
	.program-info>ul>li>ul>li span { width:77%; }
	.win-top.none>p { width:85%; }
	.event-list li .program-txt {padding:6%; }
	.event-list li .program-logo { height:120px; }
	.content-list ul li { height:180px; }
	.program-list li, .event-list li { height:200px; }
	.program-list li .program-logo { height:120px; }
	/*.mask .button-write { margin-top:-12%; } */
}

@media screen and (max-width:360px) and (orientation:portrait){
  /* some CSS here */
  	.content-list ul li { height:170px; }
}

@media screen and (max-width:359px) and (orientation:portrait){
  /* some CSS here */
	.program-info>ul>li:nth-child(3) ul>li strong { width:40%; }
	.program-info>ul>li:nth-child(3) ul>li span { width:58%; }
	.program-info>ul>li>ul>li strong { width:23%; }
	.program-info>ul>li>ul>li span { width:75%; }
	.program li:nth-child(2) a.visual-content img { height:85px; }
	.event-list li .program-txt span { font-size:11px; }
}

@media screen and (max-width:320px) and (orientation:portrait){
  /* some CSS here */
	.main-promo-video .video-list ul li { height:180px; }
	.program-list li .program-logo { height:120px; }
	.program-list li .program-txt span { font-size:11px; letter-spacing:-1px; }
	.caution>strong { width:100%; }
	.win-top.none>p { width:100%; }
	.content-list ul li { height:160px; }
	.main-notice .notice-list ul li .title { font-size:14px; }
	.main-notice .notice-list ul li .date { font-size:12px; }
	.dmc-board .imbc-table-text .item { padding-left:18%; }
	.program li a.visual-content img { height:100px; }
	.program-contents { font-size:14px; }
	.program-info>ul>li>ul>li { font-size:14px; }
	.program-info table { font-size:11px; }
	.program-list li, .event-list li { height:180px; }
	.program-list li span { font-size:11px; }
	.program-list li .program-logo { height:110px; }
	.mask-info .program-info>ul>li>ul>li strong.width_46 { width:50%; }
	.page-header { font-size:18px; }
	.program-view .program-title .txt h3 { font-size:16px; }
	.mask .button-write { margin-top:-40px; }

}