/* Layout */
.cont_box{ margin:30px 60px 0 60px }

.fox-select {
    position: relative;
    height: 29px;
    line-height: 29px;
    font: inherit;
    box-sizing: border-box;
    cursor: pointer
}

.fox-select .lbl {
    height: inherit;
    line-height: inherit;
    padding-left: 10px;
    text-align: left;
    border: 1px solid #ccc;
    background: #fff;
    box-sizing: border-box
}

.fox-select .lbl>span {
    display: block;
    padding-right: 18px;
    margin-right: 10px;
    background: url('./img/icon_dropdown.png') no-repeat right center
}

.fox-select.disabled {
    cursor: default
}

.fox-select.disabled .lbl {
    background-color: #ececec;
    opacity: .6
}

.fox-select .fox-option {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 14em;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: inherit;
    text-align: left;
    border: 1px solid #ccc;
    border-top-width: 0;
    background-color: #fff;
    z-index: 9
}

.fox-select .fox-option li {
    padding: 0 10px;
    line-height: inherit
}

.fox-select .fox-option li:hover, .fox-select .fox-option li.on {
    background-color: #e9f1fb
}

.fox-select .fox-option li.disabled {
    color: #ccc;
    cursor: default
}

.fox-select .fox-option li.disabled:hover {
    background-color: #fff
}

legend,caption {
    display: none
}


/* Dubbing Festival */
.dubbing-festival { margin-top: 29px;
    font-family: 'Malgun Gothic','¸¼Àº °íµñ',Tahoma,Dotum,'µ¸¿ò',sans-serif;
    font-size: 13px;
    line-height: 1.5;
}
.dubbing-festival__intro { margin: 0 0 39px; }
.dubbing-festival__main-title { margin: 0 0 18px; text-align: right; font-size: 46px; line-height: 1; font-weight: 700; color: #d1dce8; }
.dubbing-festival__info img { display: block; width: 100%; height: auto; }
.dubbing-festival__select { display: flex; justify-content: flex-end; margin: 12px 0 0; }
.dubbing-festival__select .fox-select { width: 140px; line-height: 29px; font-size: 14px; }
.dubbing-festival__title strong { font-size: 20px; color: #398bde; }
.dubbing-festival__title span { padding: 0 0 0 5px; font-size: 14px; color: #666; }
.dubbing-festival__title p { font-size: 14px; }
.dubbing-festival__list { display: flex; flex-wrap: wrap; margin: 10px 0 25px; padding: 20px 26px; border: 1px solid #7eb6ee; border-radius: 6px; font-size: 13px; }
.dubbing-festival__list li { width: 144px; margin: 0 0 0 21px; text-align: center; line-height: 1.23; }
.dubbing-festival__list li:nth-child(5n+1) { margin-left: 0; }
.dubbing-festival__list li:nth-child(n+6) { margin-top: 12px; }
.dubbing-festival__list img { width: 100%; }
.dubbing-festival__list .thumb { position: relative; display: block; }
.dubbing-festival__list .thumb::after { display: none; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('./img/btn_play.png') no-repeat 50%; }
.dubbing-festival__list .thumb:hover::after,
.dubbing-festival__list .thumb:focus::after { display: block; }
.dubbing-festival__list .nickname { display: block; margin: 8px 0 2px; font-weight: 500; word-break: break-all; }
.dubbing-festival__list .period { display: block; }
.dubbing-festival__list .subject { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 32px; margin: 2px 0 0; color: #398bde; }
.dubbing-festival__table { margin: 10px 0 0; }
.dubbing-festival__table table { width: 100%; border-top: 1px solid #949494; border-bottom: 1px solid #949494; }
.dubbing-festival__table thead th { border-left: 1px solid #e1e1e1; padding: 7px 0 8px; background: #f4f4f4; vertical-align: middle;  }
.dubbing-festival__table thead th:first-child { border: 0; }
.dubbing-festival__table tbody th,
.dubbing-festival__table tbody td { border-top: 1px solid #dadada; padding: 7px 12px; }
.dubbing-festival__table tbody th { word-break: break-all; text-align: center; background: #e9f1fb; }
.dubbing-festival__table .subject,
.dubbing-festival__table .phone { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 39px; }
.dubbing-festival__table .phone { text-align: center; }
.dubbing-festival__table thead th:nth-child(4),
.dubbing-festival__table tbody th:nth-child(4) {
    border-left: 1px solid #949494;
}

.dubbing-popup { font-family: 'Malgun Gothic','¸¼Àº °íµñ',Tahoma,Dotum,'µ¸¿ò',sans-serif;
    font-size: 13px;
    line-height: 1.5; }
.dubbing-popup__title { height: 38px; padding-left: 15px; line-height: 38px; font-weight: bold; font-size: 15px; color: #fff; background:#398bde; }
.dubbing-popup__info { display: flex; flex-wrap: wrap; align-items: center; padding: 7px 15px 7px 0; background: #e8e8e8; }
.dubbing-popup__info .flag { width: 94px; height: 55px; margin: 0 18px 0 0; background: url('./img/bg_flag.png') no-repeat 0 0; }
.dubbing-popup__info .flag span { position:absolute; top:0; left:0; overflow:hidden; width:1px !important; height:1px !important; clip:rect(1px, 1px, 1px, 1px); }
.dubbing-popup__info .info { width: calc(100% - 112px); }
.dubbing-popup__info .nickname { font-weight: normal; }
.dubbing-popup__info .period { position: relative; margin: 0 0 0 2px; padding: 0 0 0 6px; }
.dubbing-popup__info .period::before { content: ''; position: absolute; left: 0; top: 2px; width: 1px; height: 12px; background: #636363; }
.dubbing-popup__info .subject { font-weight: bold; margin: 0; }
.dubbing-popup__video { padding: 15px 15px 20px; text-align: center; }
.dubbing-popup__video video { width: 650px; height: 366px; }
.dubbing-popup__close { text-align: center; }
.dubbing_popup_btn { width: 84px; text-align: center; background: white; border: 1px solid #B2B2B2; color: #525252;
    line-height: 29px;
    padding: 0 10px;
    font-size: 16px;
    height: 36px;
    cursor: pointer;
    border-radius: 3px;
    text-decoration: none;
}
.dubbing_popup_btn:hover { background : #004790; color: #fff;  }