﻿/** 말하기대회 **/
.speech_wrap {background: #faf7e3;}
.speech_wrap .speech_upper_wrap {background: #f2d64e;width: 100%;height: 110px;}
.speech_wrap .speech_upper_wrap .tit_box {display: flex;align-items: center;height: 110px;padding-left: 198px;position: relative;}
.speech_wrap .speech_upper_wrap .tit_box:before {position: absolute;bottom: 0;left: -8px;width: 187px;height: 97px;background: url(../img/speech/sprite.png);background-size: 800px 500px;background-position: -10px -10px;display: block;content: "";}
.speech_wrap .speech_upper_wrap .tit_box .main_tit {line-height: 1;z-index: 1;}
.speech_wrap .speech_upper_wrap .tit_box .main_tit b {padding-bottom: 12px;font-size: 25px;color: #222;display: inline-block;}
.speech_wrap .speech_upper_wrap .tit_box .main_tit span {font-size: 13px;color: #96702d;display: inline-block;}
.speech_wrap .speech_upper_wrap .tit_box .main_tit span+span {margin-left: 8px;}
.speech_wrap .speech_upper_wrap .tit_box .main_tit span:last-child {margin-top: 6px;}
.speech_wrap .speech_upper_wrap .tit_box .txt_bg {position: absolute;bottom: -13px;right: 0;font-size: 105px;font-family: "Roboto";font-weight: 700;color: rgba(255, 255, 255, 0.22);line-height: 1;}
.speech_wrap .speech_lower_wrap {padding: 50px 0;}

.speech_wrap .apply_cont {display: flex;justify-content: center;}
.speech_wrap .apply_cont .team_box {width: 385px;margin-right: 15px;}
.speech_wrap .apply_cont .team_box li {width: 100%;height: 142px;border-radius: 15px;overflow: hidden;position: relative;}
.speech_wrap .apply_cont .team_box li+li {margin-top: 15px;}
.speech_wrap .apply_cont .team_box li .team_add {font-size: 18px;color: #cbb59b;line-height: 1;border: 2px dashed #cbb59b;border-radius: 15px;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;position: relative;}
.speech_wrap .apply_cont .team_box li .team_add span {padding-top: 36px;}
.speech_wrap .apply_cont .team_box li .team_add:before {width: 3px;height: 21px;background: #cbb59b;display: block;content: "";position: absolute;top: 40px;left: 50%;margin-left: -1px;}
.speech_wrap .apply_cont .team_box li .team_add:after {width: 21px;height: 3px;background: #cbb59b;display: block;content: "";position: absolute;top: 49px;left: 50%;margin-left: -10px;}
.speech_wrap .apply_cont .team_box li .member {display: none;width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;justify-content: center;align-items: center;}
.speech_wrap .apply_cont .team_box li .member:before {position: absolute;top: 32px;left: 50%;margin-left: -19px;width: 39px;height: 41px;background: url(../img/speech/sprite.png);background-size: 800px 500px;background-position: -227px -10px;display: block;content: "";}
.speech_wrap .apply_cont .team_box li .member p {padding-top: 60px;font-size: 18px;font-weight: 700;color: #222;line-height: 1;word-break: break-word;}
.speech_wrap .apply_cont .team_box li .member p span {margin-left: 8px;font-size: 16px;font-weight: normal;color: #666;}
.speech_wrap .apply_cont .team_box li .member .btn_del {position: absolute;top: 20px;right: 15px;width: 15px;height: 15px;padding: 8px;}
.speech_wrap .apply_cont .team_box li .member .btn_del:before, .speech_wrap .apply_cont .team_box li .member .btn_del:after {position: absolute;top: 50%;left: 50%;margin-left: -10px;width: 20px;height: 1px;background: #222;content: "";}
.speech_wrap .apply_cont .team_box li .member .btn_del:before {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.speech_wrap .apply_cont .team_box li .member .btn_del:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.speech_wrap .apply_cont .team_box li.on .member {display: flex;}
.speech_wrap .apply_cont .form_box {padding: 40px;width: calc(100% - 400px);background: #fff;border-radius: 15px;}
.speech_wrap .apply_cont .form_box .form_list {display: flex;align-items: center;}
.speech_wrap .apply_cont .form_box .form_list+.form_list {margin-top: 20px;}
.speech_wrap .apply_cont .form_box .form_list .tit {padding-right: 30px;width: 129px;font-size: 16px;color: #222;line-height: 1.3;}
.speech_wrap .apply_cont .form_box .form_list .cont {width: calc(100% - 129px);}
.speech_wrap .apply_cont .form_box .form_list.select_list .select_form {width:100%;}
.speech_wrap .apply_cont .form_box .form_list.select_list .select_form button {height:40px;padding: 0 35px 0 12px;}
.speech_wrap .apply_cont .form_box .form_list.select_list .select_form button span {font-size:16px; font-weight:bold;}

.speech_wrap .apply_cont .form_box .form_list .form_btn {display: flex;align-items: center;}
.speech_wrap .apply_cont .form_box .form_list .btn_download {margin-left: 10px;min-width: 180px;height: 40px;padding: 0 20px;font-size: 15px;line-height: 1;border: 1px solid #008398;background: #008398;color: #fff;}
.speech_wrap .apply_cont .form_box .form_list .btn_download span {padding-left: 26px;display: inline-block;}
.speech_wrap .apply_cont .form_box .form_list .btn_download span:before {width: 18px;height: 17px;position: absolute;left: 0;top: -1px;background: url(../img/speech/sprite.png);background-size: 800px 500px;background-position: -616px -10px;display: block;content: "";}

.speech_wrap .apply_cont .form_box .form_list .term_wrap {margin: 0;}
.speech_wrap .apply_cont .form_box .form_list .term_wrap .term_box {height: 170px;padding: 10px;border: 1px solid #ddd;}
.speech_wrap .apply_cont .form_box .form_list .term_wrap .term_box .term_txt {overflow-y: auto;height: 100%;padding: 0 2px;}
.speech_wrap .apply_cont .form_box .form_list .term_wrap .term_box .term_txt::-webkit-scrollbar {width: 8px;height: 8px;}
.speech_wrap .apply_cont .form_box .form_list .term_wrap .term_box .term_txt::-webkit-scrollbar-thumb {background-color: #e2e2e2;border-radius: 16px;}
.speech_wrap .apply_cont .form_box .form_list .term_wrap .term_box .term_txt::-webkit-scrollbar-track {background-color: transparent;border-radius: 16px;}
.speech_wrap .apply_cont .form_box .form_list .term_wrap .check_form {margin-top: 12px;}
.speech_wrap .apply_cont .form_box .form_list .term_wrap .check_form input[type="checkbox"] + label {color: #222;}

.speech_wrap .input_box {position:relative;}
.speech_wrap .input_box input {-webkit-box-sizing:border-box; box-sizing:border-box; width:100%; height:40px; font-size:16px; font-weight:700;color:#222; padding: 0 12px; margin: 0; border:none; border:1px solid #ddd; background:#fff; border-radius: 0;font-family: "Nanum Gothic"; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none;}
.speech_wrap .input_box input:focus {outline: 1px dotted #00687f;}
.speech_wrap .input_box input::placeholder {color: #d3d0cc;}
.speech_wrap .file_box {display: flex;align-items: center;flex-wrap: wrap;}
.speech_wrap .file_box .upload_hidden {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.speech_wrap .file_box .input_box {width: calc(100% - 190px);}
.speech_wrap .file_box label {margin-left: 10px;min-width: 180px;height: 40px;line-height: 38px;padding: 0 20px;font-size: 15px;border: 1px solid #acacac;color: #222;text-align: center;cursor: pointer;}
.speech_wrap .file_box .btn_view_box {margin-top: 6px;width: calc(100% - 190px);display:none;}
.speech_wrap .file_box .btn_view_box .btn_view {width: 100%;height: 40px;background: #c4eaf0;}
.speech_wrap .file_box .btn_view_box .btn_view span {padding-left: 28px;font-size: 13px;color: #666;}
.speech_wrap .file_box .btn_view_box .btn_view span:before {width: 17px;height: 17px;background: url(../img/speech/sprite.png);background-size: 800px 500px;background-position: -424px -82px;position: absolute;top: -1px;left: 0;display: block;content: "";}

.speech_wrap .btn_box {margin-top: 50px;display: flex;justify-content: center;}
.speech_wrap .btn_box button {min-width: 180px;height: 50px;padding: 0 15px;font-family: "Nanum Square";font-size: 18px;font-weight: 700;line-height: 1;}
.speech_wrap .btn_box button.btn_black {background: #222;color: #fff;}

.speech_wrap .no_data {display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;}
.speech_wrap .no_data .txt {position: relative;padding-top: 60px;font-size: 14px;font-weight: 700;color: #222;text-align: center;line-height: 1;}
.speech_wrap .no_data .txt:before {position: absolute;top: 0;left: 50%;width: 46px;height: 42px;margin-left: -23px;background: url(../img/speech/sprite.png);background-size: 800px 500px;background-position: -424px -10px;content: "";}

.speech_wrap .popup {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9999;}
.speech_wrap .popup .popup_back {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.6);z-index: 9990;}
.speech_wrap .popup .popup_content {position: fixed;top: 50%;left: 50%;margin-left: -260px;margin-top: -216px;width: 520px;height: 432px;overflow: hidden;z-index: 9999;}
.speech_wrap .popup .inner_pop {position: relative;width: 100%;height:100%;background: #fff;border-radius: 10px;overflow: hidden;}
.speech_wrap .popup .inner_pop .pop_top {padding: 0 40px;height: 80px;background: #e7e7e7;display: flex;align-items: center;justify-content: space-between;position: relative;}
.speech_wrap .popup .inner_pop .pop_top .pop_tit {font-size: 22px;color: #222;line-height: 1;}
.speech_wrap .popup .inner_pop .pop_top .btn_close {position: absolute;top: 50%;right: 32px;margin-top: -15px;width: 20px;height: 20px;padding: 16px;display: block;z-index: 1;}
.speech_wrap .popup .inner_pop .pop_top .btn_close:before, .speech_wrap .popup .inner_pop .pop_top .btn_close:after {position: absolute;top: 50%;left: 50%;margin-left: -10px;width: 20px;height: 2px;background: #222;-webkit-transform-origin: center;transform-origin: center;content: "";}
.speech_wrap .popup .inner_pop .pop_top .btn_close:before {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.speech_wrap .popup .inner_pop .pop_top .btn_close:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.speech_wrap .popup .inner_pop .pop_cont {padding: 40px 40px 50px 40px;}
.speech_wrap .popup .inner_pop .pop_cont .search_box .form_box {display: flex;}
.speech_wrap .popup .inner_pop .pop_cont .search_box .form_box .input_box {width: calc(100% - 120px);}
.speech_wrap .popup .inner_pop .pop_cont .search_box .form_box .input_box input {height: 44px;font-size: 15px;}
.speech_wrap .popup .inner_pop .pop_cont .search_box .form_box .btn_black {margin-left: 10px;width: 110px;height: 44px;background: #222;font-size: 16px;color: #fff;text-align: center;}
.speech_wrap .popup .inner_pop .pop_cont .search_box .noti {margin-top: 10px;font-size: 13px;color: #f00e00;line-height: 1;}
.speech_wrap .popup .inner_pop .pop_cont .member_list {margin-top: 40px;}
.speech_wrap .popup .inner_pop .pop_cont .member_list .list:not(.loadingbar) {width: 100%;height: 90px;background: #faf7e3;border-top: 1px solid #222;display: flex;justify-content: center;align-items: center;}
.speech_wrap .popup .inner_pop .pop_cont .member_list .list.loadingbar {width: 100%;height: 90px;display: flex;justify-content: center;align-items: center; display:none; margin:0 auto; border-top:1px solid #222;}
.speech_wrap .popup .inner_pop .pop_cont .member_list .list.loadingbar img {margin-top:50px!important; width:30%; display:flex; margin:0 auto;}
.speech_wrap .popup .inner_pop .pop_cont .member_list .list p {padding-left: 31px;font-size: 18px;font-weight: 700;color: #222;line-height: 1;position: relative;}
.speech_wrap .popup .inner_pop .pop_cont .member_list .list p:before{position: absolute;top: -2px;left: 0px;width: 21px;height: 22px;background: url(../img/speech/sprite.png);background-size: 800px 500px;background-position: -227px -81px;display: block;content: "";}
.speech_wrap .popup .inner_pop .pop_cont .member_list .list p span {margin-left: 7px;font-weight: normal;color: #999;}
.speech_wrap .popup .inner_pop .pop_cont .btn_box {margin-top: 20px;}
.speech_wrap .popup .inner_pop .pop_cont .btn_add {width: 160px;height: 44px;background: #222;font-size: 16px;color: #fff;text-align: center;}
.speech_wrap .popup .inner_pop .pop_cont .btn_add span {padding-left: 18px;position: relative;}
.speech_wrap .popup .inner_pop .pop_cont .btn_add span:before {width: 2px;height: 10px;background: #fff;display: block;content: "";position: absolute;top: 4px;left: 4px;}
.speech_wrap .popup .inner_pop .pop_cont .btn_add span:after {width: 10px;height: 2px;background: #fff;display: block;content: "";position: absolute;top: 8px;left: 0px;}
.speech_wrap .popup .inner_pop .pop_cont .no_data {padding: 50px 0 30px 0;border-top: 1px solid #222;}
.speech_wrap .popup_video .popup_content {margin-left: -500px;margin-top: -321px;width: 1000px;height: 642.5px;}
.speech_wrap .popup_video .inner_pop .pop_cont {padding: 0;}
.speech_wrap .popup_video .video_cont {position: relative;padding-bottom: 56.25%;height: 0;background: #000;}
.speech_wrap .popup_video video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    
.speech_wrap .popup .inner_pop .pop_top .pop_tit_video {margin-left: -10px;}
.speech_wrap .popup .inner_pop .pop_top .pop_tit_video .info {font-size: 13px;color: #666;line-height: 1;}
.speech_wrap .popup .inner_pop .pop_top .pop_tit_video .info span:first-child {padding-right: 8px;}
.speech_wrap .popup .inner_pop .pop_top .pop_tit_video .info span:last-child {padding-left: 8px;position: relative;}
.speech_wrap .popup .inner_pop .pop_top .pop_tit_video .info span:last-child:before {width: 3px;height: 3px;background: #666;border-radius: 50%;position: absolute;left: -1px;top: 6px;display: block;content: "";}
.speech_wrap .popup .inner_pop .pop_top .pop_tit_video .tit {margin-top: 10px;font-size: 20px;color: #222;font-weight: 700;line-height: 1;}

.speech_wrap .popup_video .video_btn_box {position: absolute;top: 110px;right: 17px;z-index:2147483647;}
.speech_wrap .popup_video .video_btn_box .btn_video {width: 60px;height: 60px;color: #00fffc;font-size: 12px;background: rgba(0,0,0,0.5);border-radius: 50%;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.speech_wrap .popup_video .video_btn_box .btn_video+.btn_video {margin-top: 10px;}
.speech_wrap .popup_video .video_btn_box .btn_video span:before {background: url(../img/speech/sprite.png);background-size: 800px 500px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);display: block;content: "";}
.speech_wrap .popup_video .video_btn_box .btn_like span {padding-top: 25px;}
.speech_wrap .popup_video .video_btn_box .btn_like span:before {width: 23px;height: 20px;background-position: -616px -82px;}
.speech_wrap .popup_video .video_btn_box .btn_like.on span:before {width: 23px;height: 20px;background-position: -616px -192px;}
.speech_wrap .popup_video .video_btn_box .btn_share span {padding-top: 27px;}
.speech_wrap .popup_video .video_btn_box .btn_share span:before {width: 18px;height: 21px;background-position: -703px -10px;}

.speech_wrap .result_cont {max-width: 800px;margin: 0 auto;}
.speech_wrap .result_cont .top_tit {position: relative;padding-top: 52px;}
.speech_wrap .result_cont .top_tit:before {position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 29px;height: 32px;background: url(../img/speech/sprite.png);background-size: 800px 500px;background-position: -520px -10px;display: block;content: "";}
.speech_wrap .result_cont .top_tit .tit {font-size: 35px;color: #222;font-weight: 700;line-height: 1;text-align: center;}
.speech_wrap .result_cont .top_tit .txt {margin-top: 15px;font-size: 16px;color: #21677e;line-height: 1;text-align: center;}
.speech_wrap .result_cont .info_box {margin-top: 53px;padding: 34px 40px 34px 40px;background: #fff;border-radius: 10px;}
.speech_wrap .result_cont .info_box .title {padding-bottom: 33px;border-bottom: 1px solid #222;font-size: 24px;color: #222;font-weight: 700;line-height: 1;text-align: center;}
.speech_wrap .result_cont .info_box .title span {margin-left: 6px;font-size: 20px;color: #666;font-weight: normal;}
.speech_wrap .result_cont .info_box .info .list {display: flex;border-bottom: 1px solid #e4e4e4;padding: 16px 0;}
.speech_wrap .result_cont .info_box .info .list:last-child {border-bottom: 0;}
.speech_wrap .result_cont .info_box .info .list .tit {min-width: 138px;padding: 0 20px;font-size: 16px;color: #222;font-weight: 700;line-height: 1.2;}
.speech_wrap .result_cont .info_box .info .list .cont {width: 100%;font-size: 16px;color: #222;line-height: 1.2;}
.speech_wrap .result_cont .info_box .info .txt {padding-top: 34px;font-size: 16px;color: #222;}

.speech_wrap .upload_thumb {width: 150px;}
.speech_wrap .upload_thumb .thumb {width: 150px;height: 105px;border: 1px solid #dce6e7;position: relative;background: #e4eced;position: relative;}
.speech_wrap .upload_thumb .thumb:not(.include):before {position: absolute; top: 50%; left: 50%; margin-left: -26px;margin-top: -32px;width: 58px;height: 64px;background: url(../img/speech/sprite.png);background-size: 800px 500px;background-position: -326px -10px;display: block;content: "";}
.speech_wrap .upload_thumb .thumb.include {background-size: 150px 105px;}
.speech_wrap .upload_thumb .btn_play {width: 36px;height: 36px;background: rgba(0, 0, 0, 0.8);border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);position: relative;}
.speech_wrap .upload_thumb .btn_play:before {position: absolute;top: 10px;left: 15px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 10px solid #fff;display: block;content: "";}
.speech_wrap .upload_thumb .info {margin-top: 10px;font-size: 13px;color: #999;text-align: center;line-height: 1;}

.speech_wrap .list_cont .list_box {padding: 40px 34px 50px 33px;background: #fff;border-radius: 10px;}
.speech_wrap .list_cont .list_box .search_area {display: flex;justify-content: center;align-items: center;padding-bottom: 20px;margin: 0 6px 0 7px;border-bottom: 1px solid #222;}
.speech_wrap .list_cont .list_box .search_area .select_form {font-size: 15px;}
.speech_wrap .list_cont .list_box .search_area .select_form button {min-width: 110px;line-height: 42px;}
.speech_wrap .list_cont .list_box .search_area .input_box {margin-left: 6px;min-width: 320px;}
.speech_wrap .list_cont .list_box .search_area .input_box input {height: 44px;}
.speech_wrap .list_cont .list_box .search_area .btn_search {margin-left: 6px;width: 60px;height: 44px;background: #222;position: relative;}
.speech_wrap .list_cont .list_box .search_area .btn_search:before {width: 20px;height: 19px;background: url(../img/speech/sprite.png);background-size: 800px 500px;background-position: -520px -82px;position: absolute;top: 13px;left: 20px;display: block;content: "";}
.speech_wrap .list_cont .list_box .search_area .btn_search span {display: none;}
.speech_wrap .list_cont .list_box .list_order {padding-top: 30px;display: flex;justify-content: center;align-items: center;}
.speech_wrap .list_cont .list_box .list_order .btn_order {margin: 0 5px;padding: 0 22px;height: 35px;background: #efefef;border-radius: 20px;font-size: 14px;color: #222;}
.speech_wrap .list_cont .list_box .list_order .btn_order.on {background: #222;color: #fff;}
.speech_wrap .list_cont .list_box .list_order .btn_order.on span {padding-left: 17px;}
.speech_wrap .list_cont .list_box .list_order .btn_order.on span:before {position: absolute;left: 3px;top: 0px;width: 7px;height: 11px;border: 1px solid #fff;border-top: 0;border-left: 0;-webkit-transform: rotate(50deg) skew(10deg);transform: rotate(50deg) skew(10deg);content: "";}
.speech_wrap .list_cont .list_box .list {display: flex;flex-wrap: wrap;}
.speech_wrap .list_cont .list_box .list li {width: calc(25% - 13px);margin: 30px 6px 0 7px;cursor: pointer;}
.speech_wrap .list_cont .list_box .list li .thumb_img {width: 100%;overflow: hidden;position: relative;padding-bottom: 56.25%;height: 0;border: 1px solid #dce6e7;}
.speech_wrap .list_cont .list_box .list li .thumb_img img {vertical-align: top;position: absolute;top: 0;width: 100%;height: 100%;}
.speech_wrap .list_cont .list_box .list li .info {margin-top: 14px;font-size: 13px;color: #666;line-height: 1;}
.speech_wrap .list_cont .list_box .list li .info span:first-child {padding-right: 9px;}
.speech_wrap .list_cont .list_box .list li .info span:last-child {padding-left: 9px;position: relative;}
.speech_wrap .list_cont .list_box .list li .info span:last-child:before {width: 3px;height: 3px;background: #c3c3c3;border-radius: 50%;position: absolute;left: -1px;top: 6px;display: block;content: "";}
.speech_wrap .list_cont .list_box .list li .title {margin-top: 10px;font-size: 16px;color: #222;font-weight: 700;line-height: 1;}
.speech_wrap .list_cont .list_box .btn_box .btn_more {min-width: 130px;height: 44px;font-size: 16px;font-weight: 400;color: #222;border: 1px solid #222;}

.speech_wrap .topbtn {display: none;position: fixed;right: 20px;width: 50px;height: 50px;background: rgba(0, 0, 0, 0.6);border-radius: 50%;z-index: 10;cursor: pointer;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);}
.speech_wrap .topbtn:before {width: 2px;height: 15px;background: #fff;position: absolute;top: 18px;left: 24px;display: block;content: "";}
.speech_wrap .topbtn:after {width: 10px;height: 10px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;position: absolute;top: 19px;left: 20px;-webkit-transform: rotate(225deg);transform: rotate(225deg);display: block;content: "";}

/* 로딩 */
.speech_wrap .popup_loading .popup_content {margin-left: -235px;margin-top: -150px;width: 470px;height: 300px;}
.speech_wrap .popup_loading .inner_pop {background: #c4eaf0;}
.speech_wrap .popup_loading .loading_cont {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.speech_wrap .popup_loading .loading_cont .tit {font-size: 20px;font-weight: 700;color: #222;line-height: 1;text-align: center;}
.speech_wrap .popup_loading .loading_cont .sub {margin-top: 14px;font-size: 16px;line-height: 1;text-align: center;}
.speech_wrap .popup_loading .loading_cont p {margin-top: 26px;font-size: 13px;color: #666;text-align: center;line-height: 1.5;}
.speech_wrap .popup_loading .loading_cont .loading_bar {margin-top: 30px;padding: 14px 30px;width: 100%;max-width: 330px;background: #fff;border-radius: 20px;text-align: center;}
.speech_wrap .popup_loading .loading_cont .loading_bar img {display: block;}
@media (max-width:1400px) {
    .speech_wrap .apply_cont .team_box {width: 32%;}
    .speech_wrap .apply_cont .form_box {width: calc(68% - 15px);}
}

@media (max-width:1280px) {
    .speech_wrap .apply_cont .form_box .form_list .btn_download {min-width: 150px;}
    .speech_wrap .file_box .input_box {width: calc(100% - 160px);}
    .speech_wrap .file_box label {min-width: 150px;}
    .speech_wrap .file_box .btn_view_box {width: calc(100% - 160px);}

    .speech_wrap .list_cont .list_box .list li {width: calc(33.33% - 13px);}
}

@media (max-width:1024px) {
    .speech_wrap .speech_upper_wrap {height: 100%;}
    .speech_wrap .speech_upper_wrap .tit_box {display: block;height: 100%;padding-left: 0;padding: 10px 0 20px;}
    .speech_wrap .speech_upper_wrap .tit_box:before {position: relative;bottom: auto;left: 50%;margin-left: -93px;}
    .speech_wrap .speech_upper_wrap .tit_box .main_tit {text-align: center;}
    .speech_wrap .speech_upper_wrap .tit_box .main_tit b {padding-top: 18px;}
    .speech_wrap .speech_upper_wrap .tit_box .main_tit p {display: inline-block;text-align: left;}
    .speech_wrap .speech_upper_wrap .tit_box .main_tit span {display: block;}
    .speech_wrap .speech_upper_wrap .tit_box .main_tit span em {width: 67px;display: inline-block;text-align: right;}
    .speech_wrap .speech_upper_wrap .tit_box .main_tit span+span {margin-left: 0px;margin-top: 6px;}
    .speech_wrap .speech_upper_wrap .tit_box .main_tit br {display: none;}
    .speech_wrap .speech_upper_wrap .tit_box .txt_bg {display: none;}
    .speech_wrap .speech_lower_wrap {padding: 50px 0 30px 0;}

    .speech_wrap .apply_cont {flex-wrap: wrap;}
    .speech_wrap .apply_cont .team_box {width: 100%;margin-right: 0;margin-bottom: 20px;}
    .speech_wrap .apply_cont .team_box li {height: 65px;border-radius: 10px;}
    .speech_wrap .apply_cont .team_box li+li {margin-top: 10px;}
    .speech_wrap .apply_cont .team_box li .team_add span {padding-top: 0;padding-left: 42px;}
    .speech_wrap .apply_cont .team_box li .team_add:before {height: 17px;top: 1px;top: 23px;left: 32px;margin-left: 0px;}
    .speech_wrap .apply_cont .team_box li .team_add:after {width: 17px;top: 8px;top: 30px;left: 25px;margin-left: 0px;}
    .speech_wrap .apply_cont .team_box li .member p {padding-top: 0px;padding-left: 45px;text-align: center;}
    .speech_wrap .apply_cont .team_box li .member:before {top: 12px;left: 16px;margin-left: 0px;transform: scale(0.66);}
    .speech_wrap .apply_cont .team_box li .member .btn_del {top: 50%;margin-top: -8px;}
    .speech_wrap .apply_cont .form_box {width: 100%;}
    
    .speech_wrap .btn_box {margin-top: 30px;}

    .speech_wrap .popup .popup_content {top: auto;left: 0;bottom: 0;margin-left: 0px;margin-top: 0px;width: 100%;min-width: 320px;}
    .speech_wrap .popup .inner_pop {border-radius: 5px 5px 0 0;}
    .speech_wrap .popup_video .popup_content {height: auto;}

    .speech_wrap .popup_video .popup_content {top: 0;height: 100%;}
    .speech_wrap .popup_video .inner_pop {border-radius: 0;display: flex;align-items: center;background: #222;}
    .speech_wrap .popup_video .popup_content {height: 100%;}
    .speech_wrap .popup_video .inner_pop .pop_top {height: 0;padding: 0;}
    .speech_wrap .popup_video .inner_pop .pop_top .pop_tit {display: none;}
    .speech_wrap .popup_video .inner_pop .pop_top .btn_close {position: fixed;top: 15px;right: 15px;margin-top: 0;}
    .speech_wrap .popup_video .inner_pop .pop_top .btn_close:before, .speech_wrap .popup_video .inner_pop .pop_top .btn_close:after {background: #fff;}

    .speech_wrap .popup_video_top .inner_pop {border-radius: 5px 5px 0 0;display: block;}
    .speech_wrap .popup_video_top .inner_pop .pop_top {background: #000;}
    .speech_wrap .popup_video_top .inner_pop .pop_top .pop_tit_video .info {color: #999;}
    .speech_wrap .popup_video_top .inner_pop .pop_top .pop_tit_video .tit {color: #fff;}
    .speech_wrap .popup_video_top .inner_pop .pop_top .btn_close:before, .speech_wrap .popup_video_top .inner_pop .pop_top .btn_close:after {background: #fff;}
    .speech_wrap .popup_video_top .inner_pop {background: #000;}
    .speech_wrap .popup_video_top .popup_content {height: auto;top: auto;}
    .speech_wrap .popup_video_top .inner_pop {flex-wrap: wrap;align-content: center;}
    .speech_wrap .popup_video_top .inner_pop .pop_top {height: 80px;padding: 0 40px;width: 100%;border-radius: 5px 5px 0 0;}
    .speech_wrap .popup_video_top .inner_pop .pop_top .btn_close {position: absolute;top: 50%;right: 32px;margin-top: -15px;}

    .speech_wrap .popup_video .inner_pop .pop_cont {width: 100%;}
    .speech_wrap .popup_video video {top: 50%;transform: translateY(-50%);}

    .speech_wrap .popup_video .video_btn_box {display: flex;justify-content: center;align-items: center;position: relative;top: auto;right: auto;width: 100%;height: 90px;}
    .speech_wrap .popup_video .video_btn_box .btn_video {font-size: 11px;background: rgba(255,255,255,0.15);}
    .speech_wrap .popup_video .video_btn_box .btn_video+.btn_video {margin-left: 10px;margin-top: 0;}
    .speech_wrap .popup_video .video_btn_box .btn_video span:before {background-size: 400px 250px;}
    .speech_wrap .popup_video .video_btn_box .btn_like span {padding-top: 22px;}
    .speech_wrap .popup_video .video_btn_box .btn_like span:before {width: 21px;height: 18px;background-position: -308px -64px;}
    .speech_wrap .popup_video .video_btn_box .btn_like.on span:before {width: 21px;height: 18px;background-position: -308px -121px;}
    .speech_wrap .popup_video .video_btn_box .btn_share span {padding-top: 23px;}
    .speech_wrap .popup_video .video_btn_box .btn_share span:before {width: 15px;height: 19px;background-position: -356px -64px;}

    .speech_wrap .list_cont .list_box .list li {width: calc(50% - 13px);}

    .speech_wrap .topbtn {display: block;bottom: 97px;}
    .speech_wrap .list_cont .list_box .search_area .select_form button {min-width: 78px; line-height: 38px; padding-left: 10px;}

    .speech_wrap .popup_loading .popup_content {width: 90%;min-width: calc(320px - 10%);max-width: 470px;height: 300px;top: 50%;left: 50%;bottom: auto;transform: translate(-50%, -50%);}
    .speech_wrap .popup_loading .inner_pop {border-radius: 10px;}
    .speech_wrap .popup_loading .loading_cont {padding: 0 20px;}
    .speech_wrap .popup_loading .loading_cont .tit {font-size: 16px;}
    .speech_wrap .popup_loading .loading_cont .sub {font-size: 13px;}
    .speech_wrap .popup_loading .loading_cont p {font-size: 12px;}
}

@media (max-width:599px) {
    .speech_wrap .speech_upper_wrap .tit_box:before {transform: scale(0.6);margin-top: -18px;}
    .speech_wrap .speech_upper_wrap .tit_box .main_tit {margin-top: -6px;}
    .speech_wrap .speech_upper_wrap .tit_box .main_tit b {padding-top: 3px;padding-bottom: 11px;font-size: 17px;}
    .speech_wrap .speech_upper_wrap .tit_box .main_tit span+span {margin-top: 4px;}
    .speech_wrap .speech_lower_wrap {padding: 25px 0 30px 0;}

    .speech_wrap .apply_cont .team_box {margin-bottom: 10px;}
    .speech_wrap .apply_cont .team_box li {border-radius: 5px;}
    .speech_wrap .apply_cont .team_box li .team_add {font-size: 14px;border: 1px dashed #cbb59b;border-radius: 5px;}
    .speech_wrap .apply_cont .team_box li .member p {font-size: 15px;}
    .speech_wrap .apply_cont .team_box li .member p span {margin-left: 6px;font-size: 13px;}
    .speech_wrap .apply_cont .form_box {padding: 25px 15px 30px 15px;border-radius: 5px;}
    .speech_wrap .apply_cont .form_box .form_list {flex-wrap: wrap;}
    .speech_wrap .apply_cont .form_box .form_list+.form_list {margin-top: 15px;}
    .speech_wrap .apply_cont .form_box .form_list .tit {padding-top: 0;padding-bottom: 10px;width: 100%;font-size: 13px;}
    .speech_wrap .apply_cont .form_box .form_list .cont {width: 100%;}

    .speech_wrap .apply_cont .form_box .form_list.select_list .select_form {width:100%;}
    .speech_wrap .apply_cont .form_box .form_list.select_list .select_form button {padding: 0 12px;height:40px;}
    .speech_wrap .apply_cont .form_box .form_list.select_list .select_form button span {font-size:14px; font-weight:bold;}

    .speech_wrap .apply_cont .form_box .form_list .btn_download {margin-left: 6px;min-width: 95px;height: 40px;padding: 0 8px;font-size: 14px;}
    .speech_wrap .apply_cont .form_box .form_list .btn_download span {padding-left: 22px;}
    .speech_wrap .apply_cont .form_box .form_list .btn_download span:before {width: 15px;height: 14px;top: 0px;background-size: 400px 250px;background-position: -351px -30px;}

    .speech_wrap .apply_cont .form_box .form_list .term_wrap .term_box {height: 135px;padding: 10px;}
    .speech_wrap .apply_cont .form_box .form_list .term_wrap .check_form {margin-top: 8px;}
    .speech_wrap .apply_cont .form_box .form_list .term_wrap .check_form input[type="checkbox"] + label {font-size: 14px;}

    .speech_wrap .input_box input {height:40px; font-size:14px; padding:0 12px;}
    .speech_wrap .file_box label {margin-left: 6px;min-width: 95px;height: 40px;line-height: 38px;}
    .speech_wrap .file_box label span {font-size: 14px;}
    .speech_wrap .file_box .input_box {width: calc(100% - 101px);}
    .speech_wrap .file_box .btn_view_box {width: 100%;}
    .speech_wrap .file_box .btn_view_box .btn_view {height: 32px;}
    .speech_wrap .file_box .btn_view_box .btn_view span {padding-left: 22px;}
    .speech_wrap .file_box .btn_view_box .btn_view span:before {width: 14px;height: 15px;background-size: 400px 250px;background-position: -212px -64px;top: 0px;}
    .speech_wrap .btn_box button {min-width: 150px;height: 40px;font-size: 16px;}

    .speech_wrap .no_data .txt {font-size: 13px;}

    .speech_wrap .popup .popup_content {height: 347px;}
    .speech_wrap .popup .inner_pop .pop_top {padding: 0 20px;height: 60px;}
    .speech_wrap .popup .inner_pop .pop_top .pop_tit {font-size: 16px;}
    .speech_wrap .popup .inner_pop .pop_top .btn_close {right: 8px;}
    .speech_wrap .popup .inner_pop .pop_top .btn_close:before, .speech_wrap .popup .inner_pop .pop_top .btn_close:after {margin-left: -8px;width: 16px;height: 1px;}
    .speech_wrap .popup .inner_pop .pop_cont {padding: 30px 20px 40px 20px;}
    .speech_wrap .popup .inner_pop .pop_cont .search_box .form_box .input_box {width: calc(100% - 75px);}
    .speech_wrap .popup .inner_pop .pop_cont .search_box .form_box .input_box input {height: 40px;font-size: 13px;}
    .speech_wrap .popup .inner_pop .pop_cont .search_box .form_box .btn_black {margin-left: 5px;width: 70px;height: 40px;font-size: 14px;}
    .speech_wrap .popup .inner_pop .pop_cont .search_box .noti {font-size: 12px;}
    .speech_wrap .popup .inner_pop .pop_cont .member_list {margin-top: 30px;}
    .speech_wrap .popup .inner_pop .pop_cont .member_list .list {height: 70px;}
    .speech_wrap .popup .inner_pop .pop_cont .member_list .list p {padding-left: 23px;font-size: 15px;}
    .speech_wrap .popup .inner_pop .pop_cont .member_list .list p:before{top: -3px;left: -2px;transform: scale(0.8);}
    .speech_wrap .popup .inner_pop .pop_cont .btn_box {margin-top: 15px;}
    .speech_wrap .popup .inner_pop .pop_cont .btn_add {width: 115px;height: 40px;font-size: 14px;}
    .speech_wrap .popup .inner_pop .pop_cont .no_data {padding: 31px 0 20px 0;}
    .speech_wrap .popup_video .popup_content {height: auto;}
    .speech_wrap .popup_video .inner_pop .pop_top {height: 0;padding: 0;}
    .speech_wrap .popup_video .inner_pop .pop_cont {padding: 0;}
    .speech_wrap .popup_video_top .inner_pop .pop_top {padding: 0 20px;height: 70px;}
    .speech_wrap .popup_video_top .inner_pop .pop_top .btn_close {right: 8px;}
    .speech_wrap .popup_video_top .inner_pop .pop_top .btn_close:before, .speech_wrap .popup_video_top .inner_pop .pop_top .btn_close:after {margin-left: -8px;width: 16px;height: 1px;}
    .speech_wrap .popup .inner_pop .pop_top .pop_tit_video {margin-left: 0px;}
    .speech_wrap .popup .inner_pop .pop_top .pop_tit_video .info {font-size: 13px;}
    .speech_wrap .popup .inner_pop .pop_top .pop_tit_video .tit {margin-top: 8px;font-size: 16px;}

    .speech_wrap .result_cont {max-width: 100%;}
    .speech_wrap .result_cont .top_tit {padding-top: 35px;}
    .speech_wrap .result_cont .top_tit:before {top: -5px;transform: translateX(-50%) scale(0.65);}
    .speech_wrap .result_cont .top_tit .tit {font-size: 24px;}
    .speech_wrap .result_cont .top_tit .txt {margin-top: 12px;font-size: 12px;}
    .speech_wrap .result_cont .info_box {margin-top: 35px;padding: 22px 15px 19px 15px;border-radius: 5px;}
    .speech_wrap .result_cont .info_box .title {padding-bottom: 21px;font-size: 15px;}
    .speech_wrap .result_cont .info_box .title span {font-size: 13px;}
    .speech_wrap .result_cont .info_box .info .list {padding: 11px 0;}
    .speech_wrap .result_cont .info_box .info .list .tit {min-width: 87px;padding: 0 5px;font-size: 12px;}
    .speech_wrap .result_cont .info_box .info .list .cont {font-size: 14px;padding-right: 5px;}
    .speech_wrap .result_cont .info_box .info .txt {padding-top: 19px;font-size: 14px;}

    .speech_wrap .upload_thumb {width: 110px;}
    .speech_wrap .upload_thumb .thumb {width: 110px;height: 75px;}
    .speech_wrap .upload_thumb .thumb.include {background-size:110px 75px!important;}
    .speech_wrap .upload_thumb .thumb:before {transform: scale(0.8);}
    .speech_wrap .upload_thumb .btn_play {width: 34px;height: 34px;}
    .speech_wrap .upload_thumb .btn_play:before {left: 14px;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 9px solid #fff;}
    .speech_wrap .upload_thumb .info {font-size: 12px;}

    .speech_wrap .list_cont .list_box {padding: 25px 15px 40px 15px;border-radius: 5px;}
    .speech_wrap .list_cont .list_box .search_area {flex-wrap: wrap;margin: 0;}
    .speech_wrap .list_cont .list_box .search_area .select_form {font-size: 13px;}
    .speech_wrap .list_cont .list_box .search_area .select_form button {min-width: 78px;line-height: 38px;padding-left: 10px;}
    .speech_wrap .list_cont .list_box .search_area .input_box {min-width: calc(100% - 86px);}
    .speech_wrap .list_cont .list_box .search_area .input_box input {height: 40px;}
    .speech_wrap .list_cont .list_box .search_area .btn_search {margin-left: 0;margin-top: 6px;width: 100%;height: 40px;}
    .speech_wrap .list_cont .list_box .search_area .btn_search:before {display: none;}
    .speech_wrap .list_cont .list_box .search_area .btn_search span {display: inline-block;padding-left: 23px;font-size: 13px;color: #fff;}
    .speech_wrap .list_cont .list_box .search_area .btn_search span:before {width: 15px;height: 14px;background: url(../img/speech/sprite.png);background-size: 400px 250px;background-position: -260px -64px;top: 0px;left: 0px;position: absolute;content: "";}
    .speech_wrap .list_cont .list_box .list_order .btn_order {margin: 0 4px;padding: 0 18px;height: 35px;border-radius: 20px;font-size: 12px;}
    .speech_wrap .list_cont .list_box .list li {width: 100%;margin: 30px 0 0 0;}
    .speech_wrap .list_cont .list_box .list li .info {font-size: 12px;}
    .speech_wrap .list_cont .list_box .list li .title {font-size: 14px;}
    .speech_wrap .list_cont .list_box .btn_box .btn_more {min-width: 105px;height: 35px;font-size: 14px;}

    .speech_wrap .topbtn {display: block;bottom: 70px;}
    .speech_wrap .popup_loading .popup_content {height: 300px;}
}

@media screen and (max-height: 600px) and (orientation: landscape) {
    .speech_wrap .popup .popup_content {height: 100%;}
    .speech_wrap .popup .inner_pop {height: 100%;overflow: auto;}

    .speech_wrap .popup_video .video_cont {padding: 0;height: auto;text-align: center;}
    .speech_wrap .popup_video video {top: 10%;width: 50%;transform: none;position: relative;vertical-align: top;}
	.speech_wrap .popup_video .inner_pop .pop_top .btn_close {top: 15%;}
    .speech_wrap .popup_video_top .inner_pop .pop_top .btn_close {top: 50%;margin-top: -15px;right: 8px;}

    .speech_wrap .popup_video_top .inner_pop .pop_top {padding: 0 20px;height: 60px;}
    .speech_wrap .popup .inner_pop .pop_top .pop_tit_video {margin-left: 0;}
    .speech_wrap .popup .inner_pop .pop_top .pop_tit_video .info {font-size: 13px;}
    .speech_wrap .popup .inner_pop .pop_top .pop_tit_video .tit {margin-top: 8px;font-size: 16px;}
}