@charset "utf-8";

#media h2{font-size:28px;line-height:1.4;padding-top: 28px; margin-bottom:36px}
.wrap#media .container{padding:0 20px;}

/* Font Size Up */
body.default #media .media_list ul li a .box .tit{font-size:16px}
body.default #media .media_list ul li a .box .tit.letsdl_list_title {font-size:18px}
body.default #media .media_list ul li a .box .date{font-size:14px}
body.default #media .media_view .media_top .tit_box .tit{font-size:20px}
body.default #media .media_view .media_top .date{font-size:14px}
body.default #media .media_view .media_top .content_box p{font-size:14px}
body.default #media .media_view .media_top .content_box p > em {font-size:14px; font-weight: 700;}
body.default #media .media_view .media_top .content_box .file_box dl dt{font-size:14px}
body.default #media .media_view .media_top .content_box .file_box dl dd a{font-size:14px}
body.default #media .media_view .media_top .nav_btn a{font-size:14px}
body.default #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit h3{font-size:16px}
body.default #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap button strong{font-size:14px}
body.default #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap .pr_subtit_box p{font-size:14px}
body.default #media .media_list .list_tit{font-size:20px}
body.default #popup-pr .pop_cont .pr_view .pr_subtit h3{font-size:16px}
body.default #popup-pr .pop_cont .pr_view .pr_subtit .pr_subtit_inner strong{font-size:14px}
body.default #popup-pr .pop_cont .pr_view .pr_subtit .pr_subtit_inner p{font-size:14px}
body.default #media .letsdl_title .sub {font-size: 14px;}
body.default #media .letsdl_view_tit .letsdl_award,
body.default #media .letsdl_view_tit .letsdl_award_team {font-size: 16px;}
body.default #media .letsdl_view_tit .letsdl_award small,
body.default #media .letsdl_view_tit .letsdl_award_team small {font-size: 14px;}

body.medium #media .media_list ul li a .box .tit{font-size:18px}
body.medium #media .media_list ul li a .box .tit.letsdl_list_title {font-size:20px}
body.medium #media .media_list ul li a .box .date{font-size:16px}
body.medium #media .media_view .media_top .tit_box .tit{font-size:22px}
body.medium #media .media_view .media_top .date{font-size:16px}
body.medium #media .media_view .media_top .content_box p{font-size:16px}
body.medium #media .media_view .media_top .content_box p > em {font-size:16px; font-weight: 700;}
body.medium #media .media_view .media_top .content_box .file_box dl dt{font-size:16px}
body.medium #media .media_view .media_top .content_box .file_box dl dd a{font-size:16px}
body.medium #media .media_view .media_top .nav_btn a{font-size:16px}
body.medium #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit h3{font-size:18px}
body.medium #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap button strong{font-size:16px}
body.medium #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap .pr_subtit_box p{font-size:16px}
body.medium #media .media_list .list_tit{font-size:22px}
body.medium #popup-pr .pop_cont .pr_view .pr_subtit h3{font-size:18px}
body.medium #popup-pr .pop_cont .pr_view .pr_subtit .pr_subtit_inner strong{font-size:16px}
body.medium #popup-pr .pop_cont .pr_view .pr_subtit .pr_subtit_inner p{font-size:16px}
body.medium #media .letsdl_title .sub {font-size: 16px;}
body.medium #media .letsdl_view_tit .letsdl_award,
body.medium #media .letsdl_view_tit .letsdl_award_team {font-size: 18px;}
body.medium #media .letsdl_view_tit .letsdl_award small,
body.medium #media .letsdl_view_tit .letsdl_award_team small {font-size: 16px;}

body.large #media .media_list ul li a .box .tit{font-size:20px}
body.large #media .media_list ul li a .box .tit.letsdl_list_title {font-size:22px}
body.large #media .media_list ul li a .box .date{font-size:18px}
body.large #media .media_view .media_top .tit_box .tit{font-size:24px}
body.large #media .media_view .media_top .date{font-size:18px}
body.large #media .media_view .media_top .content_box p{font-size:18px}
body.large #media .media_view .media_top .content_box p > em {font-size:18px; font-weight: 700;}
body.large #media .media_view .media_top .content_box .file_box dl dt{font-size:18px}
body.large #media .media_view .media_top .content_box .file_box dl dd a{font-size:18px}
body.large #media .media_view .media_top .nav_btn a{font-size:18px}
body.large #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit h3{font-size:20px}
body.large #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap button strong{font-size:18px}
body.large #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap .pr_subtit_box p{font-size:18px}
body.large #media .media_list .list_tit{font-size:24px}
body.large #popup-pr .pop_cont .pr_view .pr_subtit h3{font-size:20px}
body.large #popup-pr .pop_cont .pr_view .pr_subtit .pr_subtit_inner strong{font-size:18px}
body.large #popup-pr .pop_cont .pr_view .pr_subtit .pr_subtit_inner p{font-size:18px}
body.large #media .letsdl_title .sub {font-size: 18px;}
body.large #media .letsdl_view_tit .letsdl_award,
body.large #media .letsdl_view_tit .letsdl_award_team {font-size: 20px;}
body.large #media .letsdl_view_tit .letsdl_award small,
body.large #media .letsdl_view_tit .letsdl_award_team small {font-size: 18px;}

/* media list */
#media .media_list{opacity:0;transition: all 0.8s ease;position:relative;top:40px}
#media .media_list .list_tit{font-size:20px;line-height:1.5;margin-bottom:22px;font-weight:700;}
#media .media_list ul{margin-top:24px}
#media .media_list ul li{width:100%;}
#media .media_list ul li + li {margin-top: 28px;}
#media .media_list ul li.letsdl_thum + li.letsdl_thum {margin-top: 60px;}
#media .media_list ul li a{display:block;cursor:pointer;}
#media .media_list ul li a .thumb_box{background-color:#0c2340;position:relative;}
#media .media_list ul li.letsdl_thum a .thumb_box {border: 1px solid #eee;}
#media .media_list ul li a:hover .thumb_box img{opacity:0.6;}
#media .media_list ul li a .thumb_box img{transition: .3s;}
#media .media_list ul li a .thumb_box span{width:72px;height:72px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);background:url('../img/ico_play_btn.png')no-repeat;background-size:cover;}
#media .media_list ul li a .box{margin-top:16px}
#media .media_list ul li a .box .cacategory_box{font-size:0;margin-bottom:12px;}
#media .media_list ul li a .box .cacategory_box span{display:inline-block;font-size:14px;line-height:1.4;color:#999;background-color:#f9f9f9;margin-right:8px;padding:3px 8px 2px;font-weight:700;}
#media .media_list ul li a .box .cacategory_box span:last-child{margin:0;}
#media .media_list ul li a .box .cacategory_box span.award_result {color: #fff; background-color: #0c2340;}
#media .media_list ul li a .box .cacategory_box span.award_result_team {color: #fff; background-color: #999;}
#media .media_list ul li a .box .tit{font-size:16px;line-height:1.5}
#media .media_list ul li a .box .tit.letsdl_list_title{font-size:18px;}
#media .media_list ul li a .box .date{font-size:14px;line-height:1.5;color:#999;margin-top:8px;display:block;font-weight:700;}
#media .media_list ul li a .box .date.letsdl_by {font-weight: 500;}
#media .media_list .select_btn{font-size:14px;line-height:1.5;display:inline-block;padding:14px 12px 13px 14px;background-color:#f9f9f9;font-weight:700;position:relative;width:100%;text-align:left;transition: .4s;}
#media .media_list .select_btn.on {background-color: #eee;}
#media .media_list .select_btn:before{content:'';position:absolute;background:url('../img/ico_dropdown_gray.png')no-repeat;background-size:24px 24px;top:10px;right:12px;width:24px;height:24px;transition: all 0.3s ease-in-out;}
#media .media_list .select_btn.on:before{transform: rotate(180deg);}
#media .media_list .select_box{width:100%;background-color:#f9f9f9;display:none; position: absolute; transition: ease .4s;margin:0;}
#media .media_list .select_box.open {display: block;z-index: 1;}
#media .media_list .select_box li{width:100%;margin:0;}
#media .media_list .select_box li button{display:block;font-size:14px;line-height:1.5;padding: 13px 0; width: calc(100% - 28px); margin: 0 auto; text-align: left; font-weight: 700; color: #999; box-sizing: border-box; border-bottom: 1px solid #eee;}
#media .media_list .select_box li:last-of-type button{border-bottom: none;}
#media .media_more_btn{font-size:14px;line-height:1.7;text-align:center;width:auto;margin:60px auto 0;color:#0c2340;display:block;font-weight:700;padding:11px 36px 11px;border:1px solid #0c2340}

/* media view */
#media .media_view{opacity:0;transition: all 0.8s ease;position:relative;top:40px}
#media .media_view .media_top{width:100%}
#media .media_view .media_top .tit_box {padding-top: 28px;}
#media .media_view .media_top .tit_box .tit{font-size:20px;line-height:1.5}
#media .media_view .media_top .date{font-size:14px;line-height:1.5;color:#999;margin-top:8px;display:block;font-weight:700;}
#media .media_view .media_top .content_box{margin:32px 0 20px;padding-bottom:40px;border-bottom:2px solid #0c2340}
#media .media_view .media_top .content_box p{font-size:14px;line-height:1.5;word-break:break-all;}
#media .media_view .media_top .content_box p > em {font-size:14px; font-weight: 700;}
#media .media_view .media_top .content_box .file_box{border:1px solid #eee;margin-top:20px}
#media .media_view .media_top .content_box .file_box dl{padding:16px 20px}
#media .media_view .media_top .content_box .file_box dl dt{display:block;width:100%;margin-bottom:16px;font-size:14px;line-height:1.4;font-weight:700;color:#999}
#media .media_view .media_top .content_box .file_box dl dd{display:block;width:100%;vertical-align:top;font-size:0;}
#media .media_view .media_top .content_box .file_box dl dd a{display:block;font-size:14px;line-height:1.4;font-weight:700;margin-bottom:8px;word-break: break-all;}
#media .media_view .media_top .content_box .file_box dl dd a:last-child{margin-bottom:0}

#media .media_view .media_top .nav_btn{font-size:0;}
#media .media_view .media_top .nav_btn a{display:inline-block;font-size:14px;font-weight:700;line-height:40px;color:#0c2340;}
#media .media_view .media_top .nav_btn a i{display:inline-block;width:40px;height:40px;background-color:#0c2340;background-repeat:no-repeat;background-position:center;}
#media .media_view .media_top .nav_btn .disabled{color:#aaa;cursor: default;}
#media .media_view .media_top .nav_btn .disabled i{background-color:#aaa;}
#media .media_view .media_top .nav_btn .prev{float:left;}
#media .media_view .media_top .nav_btn .next{float:right;}
#media .media_view .media_top .nav_btn .prev i{background-image:url('../img/ico_arrow.png');background-size:28px;margin-right:12px;transform: rotate(180deg);}
#media .media_view .media_top .nav_btn .next i{background-image:url('../img/ico_arrow.png');background-size:28px;margin-left:12px;}

#media .media_view .media_bottom{width:100%;margin-top:40px}
#media .media_view .media_bottom a{font-size:14px;line-height:48px;text-align:center;width:100%;display:block;font-weight:700;background-color:#f9f9f9;position:relative}
#media .media_view .media_bottom a:before{content:'';width:20px;height:20px;background:url('../img/ico_back.png')no-repeat;background-size:cover;margin-right:12px;display:inline-block;vertical-align:-5px;}

/* pr list */
#media .pr_view{margin-bottom:80px;opacity:0;transition: all 0.8s ease;position:relative;top:40px}
#media .pr_view .pr_video{width:100%;position:relative}
#media .pr_view .pr_video .pr_video_inner{width:100%;height:100%;background-color:#fff}
#media .pr_view .pr_video .swiper-container-autoheight,
#media .pr_view .pr_video .swiper-container-autoheight .swiper-slide{height:100%;}
#media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide{position:relative;}
#media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide iframe{width:100%;height:100%;position:relative;}
#media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide .slide_box{position:relative;overflow:hidden;padding-bottom:56.12%}
#media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide .slide_box .slide_box_inner{position:absolute;width:100%;height:100%;z-index:10;background:#0c2340;}
#media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide .video_cover img{width:100%;}
#media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide .video_cover .dim{display:block;z-index:0;position:absolute;background:rgba(0,0,0,.4);}
#media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide .video_cover p{font-size:28px;line-height:1.4;position:absolute;top:40px;left:40px;font-weight:700;color:#fff;}
#media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide .video_cover button{width:72px;height:72px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);background:url('../img/ico_play_btn.png')no-repeat;background-size:cover;}
#media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit{width:100%;background:#f9f9f9;padding:16px 16px 18px;}
#media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit h3{font-size:16px;line-height:1.5;font-weight:700;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #ccc}
#media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap button{display:block;width:100%;text-align:left;position:relative;padding:2px 0 1px;margin-bottom:16px}
#media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap button:before{content:'';position:absolute;width:24px;height:24px;background:url('../img/ico_updown.png')no-repeat;background-size:cover;top:0;right:0;transition: all .2s ease;transform:rotate(180deg);}
#media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap button.on:before{transform:rotate(0);}
#media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap button strong{font-size:14px;line-height:1.5;font-weight:700;}
#media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap .pr_subtit_box{overflow-y:scroll;height:0;transition: all .2s ease;}
#media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap .pr_subtit_box.on{height:100px;}
#media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap .pr_subtit_box p{font-size:14px;line-height:1.5;color:#666;background:#fff;padding:12px;word-break:keep-all;}
#media .pr_view .pr_control{position:relative;margin-top:24px;}
#media .pr_view .pr_control .nav_btn{font-size:0;width:100%;}
#media .pr_view .pr_control .nav_btn .swiper-pagination{width:100%;}
#media .pr_view .pr_control .nav_btn .swiper-pagination-bullet{border-radius:0%;margin:0 6px;opacity:1;background:#eee;}
#media .pr_view .pr_control .nav_btn .swiper-pagination-bullet-active{background:#0c2340;}

/* Let's DL */
#media .letsdl_title h2 {margin-bottom: 0;}
#media .letsdl_title .sub {font-size: 14px; color: #999; margin: 20px 0 36px 0;}
#media .letsdl_view_vid {width: 100%; height: auto; position: relative; padding-top: 50%;}
#media .letsdl_view_vid iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#media .letsdl_view_vid,
#media .letsdl_view_img {margin-bottom: 20px;}
#media .letsdl_view_tit .letsdl_award {display:inline-block; font-size:16px; font-weight:700; line-height:1.4; color:#fff; background-color:#0c2340; margin-bottom: 10px; padding:3px 8px 2px;}
#media .letsdl_view_tit .letsdl_award_team {display:inline-block; font-size:16px; font-weight:700; line-height:1.4; color:#fff; background-color:#999; margin-bottom: 10px; padding:3px 8px 2px;}
#media .letsdl_view_tit .letsdl_award small,
#media .letsdl_view_tit .letsdl_award_team small {display: block; font-size: 14px;}

/* pr popup */
.popup.active{overflow-y:scroll;}
#popup-pr{width:100%;min-height:100%;padding:0;top:0;left:0;transform:translate(0, 0);padding-bottom:60px;}
#popup-pr .pop_cont .pr_view{margin-top:60px}
#popup-pr .pop_cont .pr_view .pr_video_wrap{position:relative;overflow:hidden;padding-bottom:56.12%;}
#popup-pr .pop_cont .pr_view .pr_video_wrap .pr_video{position:absolute;width:100%;height:100%;z-index:10;background:#0c2340;}
#popup-pr .pop_cont .pr_view .pr_video_wrap .pr_video iframe{width:100%;height:100%;position:relative;}
#popup-pr .pop_cont .pr_view .pr_video_wrap .pr_video .video_cover img{width:100%;}
#popup-pr .pop_cont .pr_view .pr_video_wrap .pr_video .video_cover .dim{position:absolute;z-index:0;}
#popup-pr .pop_cont .pr_view .pr_video_wrap .pr_video .video_cover button{width:72px;height:72px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);background:url('../img/ico_play_btn.png')no-repeat;background-size:cover;}
#popup-pr .pop_cont .pr_view .pr_subtit{padding:0 20px;margin-top:20px}
#popup-pr .pop_cont .pr_view .pr_subtit h3{font-size:16px;line-height:1.5;font-weight:700;}
#popup-pr .pop_cont .pr_view .pr_subtit .pr_subtit_inner{margin-top:40px}
#popup-pr .pop_cont .pr_view .pr_subtit .pr_subtit_inner strong{font-size:14px;line-height:1.5;font-weight:700;display:block;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #eee}
#popup-pr .pop_cont .pr_view .pr_subtit .pr_subtit_inner p{font-size:14px;line-height:1.5;color:#666}
#popup-pr .btn_close{width:26px;height:40px;top:8px;right:18px}
#popup-pr .btn_close span{top:20px}

/* layer popup */
.layer {display: none; flex-flow: column; justify-content: center; width: 100%; height: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 100; cursor: pointer;}
.layer.active {display: flex; transition: all .3s ease-in;}
.layer .btn_close {width: 26px; height: 40px; position: absolute; top: 8px; right: 18px; z-index: 100; cursor: pointer;}
.layer .btn_close span {width: 100%; height: 2px; background: #000; position: absolute; top: 20px; left: 0; transform: rotate(45deg);}
.layer .btn_close span:last-child {transform: rotate(-45deg);}


/* Drak Mode */
.dark #media h2{color:#fff}

/* media list */
.dark #media .media_list{opacity:0;transition: all 0.8s ease;position:relative;top:40px}
.dark #media .media_list .list_tit{font-size:20px;line-height:1.5;margin-bottom:22px;font-weight:700;color:#fff}
.dark #media .media_list ul{margin-top:24px}
.dark #media .media_list ul li{width:100%;margin-bottom:28px}
.dark #media .media_list ul li:last-child{margin-bottom:0;}
.dark #media .media_list ul li a{display:block;cursor:pointer;}
.dark #media .media_list ul li a .thumb_box{background-color:#0c2340;position:relative;}
.dark #media .media_list ul li a:hover .thumb_box img{opacity:0.6;}
.dark #media .media_list ul li a .thumb_box img{transition: .3s;}
.dark #media .media_list ul li a .thumb_box span{width:72px;height:72px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);background:url('../img/ico_play_btn.png')no-repeat;background-size:cover;}
.dark #media .media_list ul li a .box{margin-top:16px}
.dark #media .media_list ul li a .box .cacategory_box{font-size:0;margin-bottom:12px;}
.dark #media .media_list ul li a .box .cacategory_box span{display:inline-block;font-size:14px;line-height:1.4;color:#666;background-color:#333;margin-right:8px;padding:3px 8px 2px;font-weight:700;}
.dark #media .media_list ul li a .box .cacategory_box span:last-child{margin:0;}
.dark #media .media_list ul li a .box .cacategory_box span.award_result {color: #111; background-color: #fff;}
.dark #media .media_list ul li a .box .tit{color:#fff}
.dark #media .media_list ul li a .box .date{font-size:14px;line-height:1.5;color:#666;margin-top:8px;display:block;font-weight:700;}
.dark #media .media_list .select_btn{font-size:14px;line-height:1.5;display:inline-block;padding:14px 12px 13px 14px;background-color:#333;font-weight:700;position:relative;width:100%;text-align:left;transition: .4s;color:#fff}
.dark #media .media_list .select_btn.on {background-color: #444;}
.dark #media .media_list .select_btn:before{content:'';position:absolute;background:url('../img/ico_dropdown_b.png')no-repeat;background-size:24px 24px;top:10px;right:12px;width:24px;height:24px;transition: all 0.3s ease-in-out;}
.dark #media .media_list .select_btn.on:before{transform: rotate(180deg);}
.dark #media .media_list .select_box{width:100%;background-color:#333;display:none; position: absolute; transition: ease .4s;margin:0;}
.dark #media .media_list .select_box.open {display: block;z-index: 1;}
.dark #media .media_list .select_box li{width:100%;margin:0;}
.dark #media .media_list .select_box li button{display:block;font-size:14px;line-height:1.5;padding: 13px 0; width: calc(100% - 28px); margin: 0 auto; text-align: left; font-weight: 700; color: #666; box-sizing: border-box; border-bottom: 1px solid #444;}
.dark #media .media_list .select_box li:last-of-type button{border-bottom: none;}
.dark #media .media_more_btn{font-size:14px;line-height:1.7;text-align:center;width:auto;margin:60px auto 0;color:#fff;display:block;font-weight:700;padding:11px 36px 11px;border:1px solid #fff}

/* media view */
.dark #media .media_view{opacity:0;transition: all 0.8s ease;position:relative;top:40px}
.dark #media .media_view .media_top{width:100%}
.dark #media .media_view .media_top .tit_box {padding-top: 28px;}
.dark #media .media_view .media_top .tit_box .tit{color:#fff}
.dark #media .media_view .media_top .date{font-size:14px;line-height:1.5;color:#666;margin-top:8px;display:block;font-weight:700;}
.dark #media .media_view .media_top .content_box{margin:32px 0 20px;padding-bottom:40px;border-bottom:2px solid #fff}
.dark #media .media_view .media_top .content_box p{font-size:14px;line-height:1.5;color:#fff}
.dark #media .media_view .media_top .content_box .file_box{border:1px solid #444;margin-top:20px}
.dark #media .media_view .media_top .content_box .file_box dl{padding:16px 20px}
.dark #media .media_view .media_top .content_box .file_box dl dt{display:block;width:100%;margin-bottom:16px;font-size:14px;line-height:1.4;font-weight:700;color:#666}
.dark #media .media_view .media_top .content_box .file_box dl dd{display:block;width:100%;vertical-align:top;font-size:0;}
.dark #media .media_view .media_top .content_box .file_box dl dd a{display:block;font-size:14px;line-height:1.4;font-weight:700;margin-bottom:8px;word-break: break-all;color:#fff}
.dark #media .media_view .media_top .content_box .file_box dl dd a:last-child{margin-bottom:0}

.dark #media .media_view .media_top .nav_btn{font-size:0;}
.dark #media .media_view .media_top .nav_btn a{display:inline-block;font-size:14px;font-weight:700;line-height:40px;color:#fff;}
.dark #media .media_view .media_top .nav_btn a i{display:inline-block;width:40px;height:40px;background-color:#fff;background-repeat:no-repeat;background-position:center;}
.dark #media .media_view .media_top .nav_btn .disabled{color:#aaa;cursor: default;}
.dark #media .media_view .media_top .nav_btn .prev.disabled i{background-color:#aaa;background-image:url('../img/ico_arrow.png');background-size:28px;transform: rotate(180deg);}
.dark #media .media_view .media_top .nav_btn .next.disabled i{background-color:#aaa;background-image:url('../img/ico_arrow.png');background-size:28px;}
.dark #media .media_view .media_top .nav_btn .prev{float:left;}
.dark #media .media_view .media_top .nav_btn .next{float:right;}
.dark #media .media_view .media_top .nav_btn .prev i{background-image:url('../img/ico_arrow_b.png');background-size:28px;margin-right:12px;transform: rotate(180deg);}
.dark #media .media_view .media_top .nav_btn .next i{background-image:url('../img/ico_arrow_b.png');background-size:28px;margin-left:12px;}

.dark #media .media_view .media_bottom{width:100%;margin-top:40px}
.dark #media .media_view .media_bottom a{font-size:14px;line-height:48px;text-align:center;width:100%;display:block;font-weight:700;background-color:#333;position:relative;color:#fff}
.dark #media .media_view .media_bottom a:before{content:'';width:20px;height:20px;background:url('../img/ico_back_w.png')no-repeat;background-size:cover;margin-right:12px;display:inline-block;vertical-align:-5px;}

/* pr list */
.dark #media .pr_view{margin-bottom:80px;opacity:0;transition: all 0.8s ease;position:relative;top:40px}
.dark #media .pr_view .pr_video{width:100%;position:relative}
.dark #media .pr_view .pr_video .pr_video_inner{width:100%;height:100%;background-color:#111}
.dark #media .pr_view .pr_video .swiper-container-autoheight,
.dark #media .pr_view .pr_video .swiper-container-autoheight .swiper-slide{height:100%;}
.dark #media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide{position:relative;}
.dark #media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide iframe{width:100%;height:100%;position:relative;}
.dark #media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide .slide_box{position:relative;overflow:hidden;padding-bottom:56.12%}
.dark #media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide .slide_box .slide_box_inner{position:absolute;width:100%;height:100%;z-index:10;background:#0c2340;}
.dark #media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide .video_cover img{width:100%;}
.dark #media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide .video_cover .dim{display:block;z-index:0;position:absolute;background:rgba(0,0,0,.4);}
.dark #media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide .video_cover p{font-size:28px;line-height:1.4;position:absolute;top:40px;left:40px;font-weight:700;color:#fff;}
.dark #media .pr_view .pr_video .swiper-container .swiper-wrapper .swiper-slide .video_cover button{width:72px;height:72px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);background:url('../img/ico_play_btn.png')no-repeat;background-size:cover;}
.dark #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit{width:100%;background:#333;padding:16px 16px 18px;}
.dark #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit h3{font-size:16px;line-height:1.5;font-weight:700;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #444;color:#fff}
.dark #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap button{display:block;width:100%;text-align:left;position:relative;padding:2px 0 1px;margin-bottom:16px;color:#fff}
.dark #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap button:before{content:'';position:absolute;width:24px;height:24px;background:url('../img/ico_dropdown.png')no-repeat;background-size:cover;top:0;right:0;transition: all .2s ease;transform:rotate(0);}
.dark #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap button.on:before{transform:rotate(180deg);}
.dark #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap button strong{font-size:14px;line-height:1.5;font-weight:700;color:#fff}
.dark #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap .pr_subtit_box{overflow-y:scroll;height:0;transition: all .2s ease;}
.dark #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap .pr_subtit_box.on{height:100px;}
.dark #media .pr_view .swiper-container .swiper-wrapper .swiper-slide .pr_subtit .pr_subtit_wrap .pr_subtit_box p{font-size:14px;line-height:1.5;color:#666;background:#333;color:#fff;padding:12px;word-break:keep-all;}
.dark #media .pr_view .pr_control{position:relative;margin-top:24px;}
.dark #media .pr_view .pr_control .nav_btn{font-size:0;width:100%;}
.dark #media .pr_view .pr_control .nav_btn .swiper-pagination{width:100%;}
.dark #media .pr_view .pr_control .nav_btn .swiper-pagination-bullet{border-radius:0%;margin:0 6px;opacity:1;background:#444;}
.dark #media .pr_view .pr_control .nav_btn .swiper-pagination-bullet-active{background:#fff;}

/* Let's DL */
.dark #media .letsdl_view_tit .letsdl_award,
.dark #media .letsdl_view_tit .letsdl_award_team {color:#111;background-color:#fff;}

/* pr popup */
.dark .popup.active{overflow-y:scroll;}
.dark #popup-pr{width:100%;min-height:100%;padding:0;top:0;left:0;transform:translate(0, 0);padding-bottom:60px;background-color:#111;}
.dark #popup-pr .pop_cont .pr_view{margin-top:60px}
.dark #popup-pr .pop_cont .pr_view .pr_video_wrap{position:relative;overflow:hidden;padding-bottom:56.12%;}
.dark #popup-pr .pop_cont .pr_view .pr_video_wrap .pr_video{position:absolute;width:100%;height:100%;z-index:10;background:#0c2340;}
.dark #popup-pr .pop_cont .pr_view .pr_video_wrap .pr_video iframe{width:100%;height:100%;position:relative;}
.dark #popup-pr .pop_cont .pr_view .pr_video_wrap .pr_video .video_cover img{width:100%;}
.dark #popup-pr .pop_cont .pr_view .pr_video_wrap .pr_video .video_cover .dim{position:absolute;z-index:0;}
.dark #popup-pr .pop_cont .pr_view .pr_video_wrap .pr_video .video_cover button{width:72px;height:72px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);background:url('../img/ico_play_btn.png')no-repeat;background-size:cover;}
.dark #popup-pr .pop_cont .pr_view .pr_subtit{padding:0 20px;margin-top:20px}
.dark #popup-pr .pop_cont .pr_view .pr_subtit h3{font-size:16px;line-height:1.5;font-weight:700;color:#fff}
.dark #popup-pr .pop_cont .pr_view .pr_subtit .pr_subtit_inner{margin-top:40px}
.dark #popup-pr .pop_cont .pr_view .pr_subtit .pr_subtit_inner strong{font-size:14px;line-height:1.5;font-weight:700;display:block;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #444;color:#fff}
.dark #popup-pr .pop_cont .pr_view .pr_subtit .pr_subtit_inner p{font-size:14px;line-height:1.5;color:#666}
.dark #popup-pr .btn_close{width:26px;height:40px;top:8px;right:18px}
.dark #popup-pr .btn_close span{top:20px;background-color:#fff;}

/* layer popup */
.dark .layer {background: #111;}
.dark .layer .btn_close span {background: #fff;}