/* sub1 실시간 대국민 투표 */
.m_sub_tab{
    display: none;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background-color: #e6e7e9;
}

.m_sub_tab>ul{
    width: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.m_sub_tab>ul>li{
    font-size: 14px;
    padding: 5px 0;
    box-sizing: border-box;
    text-align: center;
    background-color: #f8f8f8;
    color: #999;
    font-family: 'AppleSDGothic';
}

.m_sub_tab>ul>li.sub_on{
    color: #333;
    font-weight: bold;
    background-color: #fff;
}

.m_sub_tab01 ul li{
    width: 50%;
}


.m_sub_tab02 ul li{
    width: 100%;
}

.m_sub_tab04 ul li{
    width: 33.33%;
}

.m_sub_tab05 ul{
    display: inline-block;
}

.m_sub_tab05 ul li{
    width: 20%;
    word-break: keep-all;
    padding: 5px 10px;
    box-sizing: border-box;
    float: left;
}

.m_sub_tab11 ul li{
    width: 25%;
}

.m_sub_tab_mp>ul{
    display: inline-block;
}

.m_sub_tab_mp>ul>li{
    width: 25%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.m_sub_tab_mp>ul>li span{
    font-size: 12px;
    margin-left: 20px;
}

ul.m_subsub{
    width: 100%;
    position: absolute;
    top: 28px;
    display: none;
    z-index: 999;
}

ul.m_subsub li{
    width: 100%;
    padding: 8px 0;
    background-color: #f8f8f8;
    color: #999;
    font-weight: normal;
}

ul.m_subsub li.sub_on02{
    background-color: #fff;
    color: #333;
    font-weight: bold;
}

.sub_title{
    width: 100%;
    font-size: 26px;
    font-weight: 500;
    text-align: center;
}

.vote_write_btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.vote_write_btn a{
    width: 290px;
    height: 50px;
    border: 2px solid #000;
    font-weight: bold;
    display: block;
    text-align: center;
    line-height: 45px;
    color: #333;
    box-sizing: border-box;
}

.best10{
    width: 100%;
    margin-top: 100px;
}

.title_tab{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.best10_title{
    font-size: 24px;
    font-weight: 500;
}

.best_tab ul{
    display: flex;
    align-items: center;
}

.best_tab ul li{
    width: 100px;
    padding: 15px 0;
    font-family: 'NanumSquareR';
    cursor: pointer;
    text-align: center;
    z-index: 999;
}

.best_tab ul li.on03{
    font-weight: bold;
    border-top: 1px solid #313131;
    border-left: 1px solid #313131;
    border-right: 1px solid #313131;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    background-color: #fff;
}

.best_content{
    width: 100%;
    border-top: 1px solid #313131;
    margin-top: -1px;
    display: flex;
}

ul.best_list{
    width: 50%;
}

ul.best_list li{
    width: 100%;
    padding: 15px 10%;
    box-sizing: border-box;
    color: #252525;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #cecece;
    cursor: pointer;
}

ul.best_list li .red{
    color: #f83025;
}

.b_list_number{
    font-weight: bold;
    margin-right: 30px;
}

.today_new{
    width: 100%;
    margin-top: 80px;
}

.today_select{
    width: 95px;
    height: 35px;
    position: relative;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    background-color: #fff;
}

.today_select i{
    position: absolute;
    right: 10px;
    color: #777;
    top: 50%;
    transform: translateY(-50%);
}

table.today_new_list{
    width: 100%;
    border-top: 1px solid #313131;
    margin-top: 10px;
    border-collapse: collapse;
}

table.today_new_list th{
    font-weight: normal;
    padding: 10px 0;
    border-bottom: 1px solid #cecece;
}

table.today_new_list td{
    padding: 20px 0;
    border-bottom: 1px solid #cecece;
    text-align: center;
}

table.today_new_list td:nth-child(3){
    font-size: 18px;
    color: #252525;
    text-align: left;
    cursor: pointer;
}

table.today_new_list td:nth-child(4){
    color: #555;
}

table.today_new_list td:nth-child(4) strong{
    color: #111;
    margin-right: 10px;
}

table.today_new_list td:nth-child(5){
    color: #474747;
}

table.today_new_list th:first-child,
table.today_new_list td:first-child{
    width: 10%;
}

table.today_new_list th:nth-child(2),
table.today_new_list td:nth-child(2){
    width: 15%;
}

table.today_new_list th:nth-child(3),
table.today_new_list td:nth-child(3){
    width: 30%;
}

table.today_new_list th:nth-child(4),
table.today_new_list td:nth-child(4){
    width: 15%;
}

table.today_new_list th:nth-child(5),
table.today_new_list td:nth-child(5){
    width: 15%;
}

table.today_new_list th:last-child,
table.today_new_list td:last-child{
    width: 15%;
}

.page_btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.page_btn>div{
    padding: 0 1.5px;
}

.page_btn input[type='button']{
    font-size: 15px;
    font-family: 'NanumSquareB';
    color: #999;
    margin: 0 10px;
    background-color: transparent;
    cursor: pointer;
}

.page_btn input[type='button'].on04{
    color: #111;
    font-weight: 900;
    text-decoration: underline 2px #111;
}

.vote_write_btn02{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: -30px;
}

.vote_write_btn02 a{
    width: 175px;
    height: 40px;
    background-color: #313131;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 40px;
}

.input_box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    padding: 30px 0;
    margin: 30px 0 30px;
}

.select01,
.select02{
    width: 95px;
    height: 35px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
    margin-right: 5px;
}

.select01 i,
.select02 i{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #777;
}

.search{
    display: flex;
    align-items: center;
}

.search input[type='text']{
    width: 350px;
    height: 35px;
    border: 1px solid #e5e5e5;
}

.search input[type='button']{
    width: 75px;
    height: 35px;
    background-color: #313131;
    color: #fff;
    font-size: 14px;
    border: 0;
}

.sub1_tab{
    width: 100%;
    padding: 0 8%;
    box-sizing: border-box;
}

.sub1_tab ul{
    width: 100%;
    display: inline-block;
}

.sub1_tab ul li{
    width: 19%;
    margin: 0 0.5% 1%;
    padding: 15px 0;
    border: 1px solid #d2d2d2;
    color: #111;
    font-family: 'NanumSquareR';
    font-weight: bold;
    text-align: center;
    float: left;
    box-sizing: border-box;
    cursor: pointer;
}

.sub1_tab ul li:hover{
    background-color: #313131;
    color: #fff;
}

.sub1_tab ul li.back_color{
    background-color: #313131;
    color: #fff;
}

.popup{
    width: 440px;
    background-color: #fff;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 0;
    display: none;
}

.pop_title{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center;
}

.pop_con{
    font-size: 14px;
    color: #777;
    text-align: center;
}

.pop_input{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.pop_input input[type='password']{
    width: 240px;
    height: 35px;
    border: 1px solid #dfdfdf;
}

.pop_input input[type='password']::placeholder{
    color: #979898;
    font-size: 12px;
}

.pop_input input[type='button']{
    width: 100px;
    height: 35px;
    background-color: #313131;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.pop_input input[type='button'].margin_l{
    background-color: #fff;
    border: 1px solid #dfdfdf;
    color: #333;
    margin-right: 10px;
}

.popup button{
    position: absolute;
    color: #8b8b8b;
    top: 10px;
    right: 15px;
    background-color: #fff;
    cursor: pointer;
    font-family: 'NanumSquareR';
    font-size: 18px;
}


/* sub1_w 투표안건글쓰기 */
table.vote_w{
    width: 100%;
    border-top: 1px solid #313131;
    border-collapse: collapse;
    margin-top: 50px;
}

table.vote_w th{
    width: 17%;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d2d2d2;
    font-weight: normal;
    text-align: left;
    padding: 0 2%;
    box-sizing: border-box;
}

table.vote_w td{
    width: 83%;
    padding: 20px 3%;
    box-sizing: border-box;
    border-bottom: 1px solid #d2d2d2;
}

table.vote_w td input[type='text']{
    width: 70%;
    height: 30px;
    border: 1px solid #d2d2d2;
}

table.vote_w td input[type='date']{
    height: 30px;
    border: 1px solid #d2d2d2;
}

.tag_box{
    width: 100%;
    height: 30px;
}

tr.tag_show_hide{
    display: none;
}

.radio_box{
    font-size: 14px;
    color: #555;
    display: flex;
    align-items: center;
}

.radio_box input[type='radio']{
    margin-right: 10px;
}

.radio_box input[type='radio']:last-child{
    margin-left: 30px;
}

.code_box{
    width: 100%;
    display: flex;
    align-items: center;
}

.code_box input[type='text']{
    width: 40% !important;
}

.code_box p{
    font-size: 12px;
    color: #f83025;
    margin-left: 10px;
}

.radio_box02,
.code_box02{
    margin-bottom: 10px;
}

table.vote_w td textarea{
    width: 80%;
    height: 200px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    resize: none;
}

.select_box{
    width: 230px;
    height: 30px;
    position: relative;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
}

.select_box i{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #777;
}

.file_box{
    width: 100%;
    display: flex;
    align-items: center;
}

.file_box input[type='file']{
    width: 100%;
}

.file_box input[type='text']{
    width: 50% !important;
}

.file_box input[type='button']{
    width: 95px;
    height: 30px;
    background-color: #acacac;
    color: #fff;
    font-size: 14px;
    border: 0;
    margin-left: 10px;
}

.date_box{
    display: flex;
    align-items: center;
    margin-left: 20px;
    display: none;
}

.date_box input[type='date']{
    border: 1px solid #d2d2d2;
    width: 150px;
    height: 30px;
    padding-left: 5px;
    box-sizing: border-box;
}

.date_box input[type='date']:first-child{
    margin-right: 5px;
}

.date_box input[type='date']:last-child{
    margin-left: 5px;
}

.vote_btn{
    width: 100%;
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vote_btn input[type='button']{
    width: 120px;
    height: 40px;
    background-color: #313131;
    font-size: 14px;
    color: #fff;
    margin: 0 5px;
}

.vote_btn input[type='button'].theme_border{
    background-color: #fff;
    border: 1px solid #313131;
    color: #333;
}

.popup03{
    padding: 40px 30px;
    box-sizing: border-box;
}

.pop_title01{
    color: #777;
    text-align: center;
}

.pop_title01 strong{
    font-size: 22px;
    font-weight: 500;
    color: #555;
}

.pop_inner{
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.inner_list{
    width: 90%;
    display: inline-block;
    margin-top: 30px;
}

.inner_box,
.inner_box02{
    width: 31%;
    margin: 1%;
    float: left;
    text-align: center;
}

.inner_box input[type='text'],
.inner_box02 input[type='text']{
    width: 100%;
    height: 35px;
    border: 1px solid #cacaca;
    border-radius: 10px;
}

.inner_box input[type='text']::placeholder,
.inner_box02 input[type='text']::placeholder{
    text-align: center;
    color: #cacaca;
}

.p_m_btn{
    width: 10%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.p_m_btn div{
    width: 25px;
    height: 25px;
    border-radius: 50px;
    box-sizing: border-box;
    text-align: center;
    line-height: 18px;
    margin: 8px 0;
    cursor: pointer;
}

.plus{
    border: 2px solid #313131;
    color: #313131;
    font-size: 25px;
}

.minus{
    border: 2px solid #e42525;
    color: #e42525;
    font-size: 35px;
}

.ok_btn{
    width: 100px;
    height: 35px;
    color: #fff;
    background-color: #313131;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 30px auto 0;
}


/* sub2_w 온라인 촛불집회 글쓰기 */
.sub_text{
    color: #ed1f1f;
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-top: 30px;
}

.sub_text i{
    margin-right: 5px;
}

.sub_text span{
    text-align: center;
}

table.online_w th span{
    font-size: 12px;
    display: block;
}

table.online_w td textarea{
    width: 100%;
}

.day_box{
    display: flex;
    align-items: center;
}

.day_box input[type='text']{
    width: 25% !important;
}

.day_box input[type='text']:first-child{
    margin-right: 10px;
}

.day_box input[type='text']:last-child{
    margin-left: 10px;
}

.day_box input[type='date']{
    width: 25% !important;
}

.day_box input[type='date']:first-child{
    margin-right: 10px;
}

.day_box input[type='date']:last-child{
    margin-left: 10px;
}


/* login 로그인 */
.login_bg{
    width: 100%;
    height: 100vh;
    background-color: #f8f8f8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.login{
    width: 550px;
    text-align: center;
}

.login img{
    margin-bottom: 30px;
    cursor: pointer;
}

.login_box02{
    width: 100%;
    background-color: #fff;
    border: 0;
    padding: 50px 60px;
    box-sizing: border-box;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
}

.login_box02 .id,
.login_box02 .pw{
    height: 55px;
}

.login_box02 .id_save{
    margin-top: 20px;
}

.login_box02 input[type='button']{
    height: 70px;
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    border: 0;
    background-color: #313131;
}

.find_join{
    width: 100%;
    margin-top: 20px;
}

.find_join ul{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.find_join ul li{
    cursor: pointer;
    font-size: 18px;
}


/* pw_find 비밀번호 찾기 */
.login p{
    font-size: 32px;
    font-family: 'NanumSquareR';
    margin: 30px 0;
}

.pw_find_box{
    width: 100%;
    background-color: #fff;
    border: 0;
    padding: 50px 60px;
    box-sizing: border-box;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
}

.pw_text{
    font-size: 24px;
    font-family: 'NanumSquareR';
    color: #555;
    line-height: 40px;
}

.pw_find_box input[type='button']{
    width: 100%;
    height: 70px;
    color: #fff;
    font-size: 26px;
    border: 0;
    background-color: #313131;
    margin-top: 50px;
}


/* confirm 본인인증 */
.join_bg{
    width: 100%;
    padding: 4% 0;
    display: inline-flex;
    justify-content: center;
    background-color: #fff;
}

.confirm_box{
    width: 100%;
    margin-top: 10%;
}

.confirm_box p.title{
    font-size: 30px;
    margin: 0;
}

.confirm_box .title_bar{
    background-color: #d2d2d2;
    width: 45px;
    height: 1px;
    margin: 20px auto 0;
}

.confirm_box02{
    width: 100%;
    margin-top: 15%;
    padding: 0 90px;
    box-sizing: border-box;
}

ul.process{
    width: 100%;
    border-top: 1px solid #d2d2d2;
    display: flex;
    justify-content: space-between;

}

ul.process li{
    text-align: center;
    margin-top: -30px;
}

.check_circle{
    width: 60px;
    height: 60px;
    border-radius: 100px;
    background-color: #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.check_circle i{
    font-size: 35px;
    color: #bebebe;
    font-weight: bold;
}

.circle_black{
    background-color: #000;
}

.circle_black i{
    color: #fff;
}

p.process_t{
    font-size: 16px;
    margin: 15px 0 0 0;
}

.process_box{
    margin-top: 20%;
}

.phone_circle{
    width: 145px;
    height: 145px;
    background-color: #fff;
    border-radius: 100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -1px 1px 8px rgba(0, 0, 0, 0.1);
}

.phone_circle i{
    font-size: 100px;
    color: #555;
}

p.process_t02{
    font-size: 24px;
    font-weight: bold;
    margin: 35px 0 10px;
}

p.process_t03{
    font-size: 16px;
    color: #777;
    margin: 0;
}

.p_btn{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.p_btn input[type='button']{
    width: 155px;
    height: 40px;
    background-color: #313131;
    color: #fff;
    font-size: 16px;
}


/* join 회원가입 */
.join_box{
    width: 100%;
    margin-top: 15%;
}

.join_check{
    width: 100%;
    display: flex;
    align-items: baseline;
    font-size: 22px;
    font-weight: bold;
    font-family: 'NanumSquareR';
}

.join_check input{
    margin-right: 10px;
}

.agree_box{
    width: 100%;
    margin-top: 25px;
}

.agree_check{
    width: 100%;
    font-family: 'NanumSquareR';
    color: #111;
    font-size: 17px;
    text-align: left;
}

span.text_red{
    color: #e41818;
}

.agree_check input{
    margin-right: 5px;
}

.agree_textbox{
    width: 100%;
    text-align: left;
    border: 1px solid #e5e5e5;
    padding: 10px 15px;
    box-sizing: border-box;
    margin-top: 10px;
}

table.join_list{
    width: 100%;
    margin-top: 15%;
}

table.join_list th{
    width: 33%;
    text-align: left;
    font-size: 18px;
    font-weight: normal;
    padding-top: 20px;
}

table.join_list td{
    width: 67%;
    text-align: left;
    padding-top: 30px;
}

table.join_list td input[type='text'],
table.join_list td input[type='number'],
table.join_list td input[type='password']{
    border-bottom: 1px solid #a0a0a0;
    width: 100%;
    height: 30px;
}

.nickname{
    width: 100%;
    display: flex;
    align-items: center;
}

.nickname input[type='text']{
    width: 75% !important;
}

.nickname input[type='button']{
    width: 85px;
    height: 30px;
    margin-left: 10px;
    font-size: 14px;
    border: 1px solid #313131;
    background-color: #fff;
}

p.nick_confirm{
    margin: 5px 0 0 0;
    font-size: 14px;
    color: #de2b2b;
}

.join_radio{
    font-size: 16px;
}

.address_select{
    width: 80%;
    height: 35px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    position: relative;
}

.address_select select{
    font-size: 16px;
}

.address_select i{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.join_box>input[type='button']{
    width: 100%;
    height: 55px;
    background-color: #313131;
    color: #fff;
    font-size: 18px;
    margin-top: 80px;
}


/* join_success 가입완료 */
p.process_t04{
    font-size: 30px;
}


/* sub4_1_w 대국민 신문고 글쓰기 */
table.comuniti_w td.font_b{
    font-weight: bold;
    color: #111;
    font-family: 'NanumSquareR';
}

table.comuniti_w td input[type='password']{
    width: 70%;
    height: 30px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    padding: 0 10px;
}


/* sub11_1 RV 이용안내-가입안내 */
.sub_content{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.left_gnb{
    width: 200px;
}

.right_sub_con{
    width: 750px;
}

.right_sub_con02{
    height: 90vh;
}

.side_title{
    width: 100%;
    height: 65px;
    background-image: url(../images/left_submenu_bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 65px;
    font-size: 22px;
    color: #d9bc75;
    padding: 0 20px;
    box-sizing: border-box;
}

ul.side_menu{
    width: 100%;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
}

ul.side_menu>li{
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;
}

ul.side_menu>li:nth-child(2){
    padding: 0;
    border: 0;
}

.sub_gnb_box{
    padding: 10px 0 10px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.side_show,
.side_hide{
    position: absolute;
    color: #999999;
    font-size: 20px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    top: 0;
    right: 0;
    padding: 5px 20px 0 0;
    text-align: right;
    box-sizing: border-box;
}

.side_hide{
    display: none;
}

ul.side_submenu{
    width: 100%;
    background-color: #f8f8f8;
    padding: 10px 20px;
    box-sizing: border-box;
    display: none;
    border-bottom: 1px solid #e5e5e5;
}

ul.side_submenu li{
    font-size: 14px;
    color: #777;
    padding: 10px 0;
}

.title_box02 p{
    font-size: 24px;
    font-weight: 500;
}

ul.guide{
    width: 100%;
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
}

ul.guide li{
    width: 30%;
    position: relative;
}

ul.guide li .guide_thumb{
    width: 100%;
    height: 150px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
}

.guide_text{
    font-size: 18px;
    margin-top: 20px;
    text-align: center;
}

.guide_number{
    width: 30px;
    height: 30px;
    background-color: #313131;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 0;
}


/* sub11_3 RV 이용안내 - Q&A */
table.qna_list{
    width: 100%;
    border-top: 1px solid #313131;
    border-collapse: collapse;
    margin-top: 50px;
}

table.qna_list th{
    border-bottom: 1px solid #ececec;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 500;
}

table.qna_list td{
    border-bottom: 1px solid #ececec;
    padding: 20px 0;
    color: #252525;
    text-align: center;
}

table.qna_list td:nth-child(2){
    font-size: 18px;
    cursor: pointer;
    text-align: left;
}

table.qna_list td:nth-child(4){
    color: #474747;
}

.qna_w_btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
}

.qna_w_btn a{
    width: 175px;
    height: 45px;
    background-color: #313131;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 45px;
}

table.qna_list th:first-child,
table.qna_list td:first-child{
    width: 15%;
}

table.qna_list th:nth-child(2),
table.qna_list td:nth-child(2){
    width: 40%;
}
table.qna_list th:nth-child(3),
table.qna_list td:nth-child(3){
    width: 15%;
}

table.qna_list th:nth-child(4),
table.qna_list td:nth-child(4){
    width: 15%;
}

table.qna_list th:last-child,
table.qna_list td:last-child{
    width: 15%;
}


/* sub11_3_w RV 이용안내 - Q&A 글쓰기 */
table.qna_w td.qna_pw{
    font-size: 14px;
    color: #999;
}

table.qna_w td.qna_pw input[type='password']{
    width: 25%;
    height: 30px;
    border: 1px solid #d2d2d2;
    margin-right: 10px;
}


/* sub11_3_detail RV 이용안내 - Q&A 상세내용 */
table.qna_d td{
    font-size: 14px;
    color: #555;
}

.answer{
    font-size: 20px;
    font-weight: 500;
    margin: 50px 0 10px;
}

table.qna_d02{
    margin-top: 0;
}

table.qna_d02 th{
    border: 0;
}

table.qna_d02 td{
    width: revert;
    border: 0;
    font-size: 14px;
    color: #555;
}

table.qna_d02 td.w_td01{
    width: 40%;
}

table.qna_d02 td.w_td02{
    width: 26%;
    text-align: center;
}

table.qna_d03{
    margin-top: 0;
    width: 100%;
    border-top: 1px solid #d2d2d2;
    border-collapse: collapse;
}

table.qna_d03 th{
    width: 17%;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d2d2d2;
    text-align: left;
    padding: 0 2%;
    box-sizing: border-box;
}

table.qna_d03 td{
    width: 83%;
    font-size: 14px;
    color: #555;
    padding: 20px 3%;
    box-sizing: border-box;
    border-bottom: 1px solid #d2d2d2;
}


/* sub11_4 FAQ */
.right_sub_header{
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #505050;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.r_header01{
    font-size: 34px;
    font-weight: 300;
}

.r_header01 span{
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #999;
}

.r_header_search{
    width: 340px;
    display: flex;
    align-items: center;
}

.r_header_search input[type='text']{
    border: 2px solid #434343;
    width: 300px;
    height: 40px;
    box-sizing: border-box;
}

.r_header_search i{
    width: 40px;
    height: 40px;
    background-color: #434343;
    font-size: 25px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.cc_box{
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: baseline;
}

.cc{
    font-weight: 500;
    padding-right: 10px;
}

.cc span{
    margin: 0 10px 0 15px;
}

.cc_box ul{
    display: flex;
    align-items: center;
}

.cc_box ul li{
    color: #777;
    font-size: 14px;
    border: 1px solid #d2d2d2;
    padding: 3px 10px;
    border-radius: 30px;
    margin-right: 8px;
}

.keyword_box{
    width: 90%;
    border: 5px solid #eee;
    box-sizing: border-box;
    padding: 20px 0 20px 30px;
    margin: 50px auto;
}

.keyword_box ul{
    width: 100%;
    display: inline-block;
}

.keyword_box ul li{
    width: 20%;
    padding: 2% 1%;
    box-sizing: border-box;
    float: left;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.keyword_box ul li.faq_on i{
    color: #313131;
}

.keyword_box ul li i{
    color: #bebebe;
    font-size: 18px;
    margin-right: 5px;
}

.faq_content{
    width: 100%;
    display: none;
}

.faq_on{
    display: block;
}

.faq_con_title{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
}

ul.faq_title{
    width: 100%;
    border-top: 1px solid #505050;
}

ul.faq_title>li{
    border-bottom: 1px solid #d2d2d2;
}

.top10_list{
    width: 100%;
    padding: 20px 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
}

.icon_q{
    width: 35px;
    height: 35px;
    background-color: #282828;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-family: 'NanumSquareB';
    text-align: center;
    line-height: 35px;
    margin-right: 15px;
}

.faq_t{
    color: #555;
    font-family: 'AppleSDGothic';
}

.faq_arrow{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.faq_arrow i{
    color: #777;
    font-size: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding-right: 30px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    text-align: right;
    line-height: 75px;
}

.faq_arrow i.xi-angle-up{
    display: none;
}

ul.faq_con{
    width: 100%;
    border-top: 1px solid #d2d2d2;
    padding: 40px 30px;
    box-sizing: border-box;
    background-color: #f8f8f8;
    display: none;
}

ul.faq_con li{
    width: 100%;
    display: flex;
    align-items: center;
}

.icon_a{
    width: 35px;
    height: 35px;
    background-color: #d9bc75;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-family: 'NanumSquareB';
    text-align: center;
    line-height: 35px;
    margin-right: 15px;
}

.faq_c{
    font-size: 14px;
    font-family: 'AppleSDGothic';
}


/* sub11_2  RV 이용안내 - 컨텐츠 안내 */
.content_tab{
    width: 100%;
    margin-top: 30px;
}

.content_tab ul{
    width: 100%;
    display: inline-block;
}

.content_tab ul li{
    width: 33.33%;
    float: left;
    font-size: 18px;
    color: #777;
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    padding: 10px 0;
}

.content_tab ul li:first-child,
.content_tab ul li:nth-child(2),
.content_tab ul li:nth-child(3){
    border-top: 1px solid #d2d2d2;
}

.content_tab ul li:first-child,
.content_tab ul li:nth-child(4){
    border-left: 1px solid #d2d2d2;
}

.content_tab ul li.content_on{
    background-color: #313131;
    color: #fff;
    border: 1px solid #313131;
}

.content_con{
    width: 100%;
    margin-top: 40px;
}

.content_con_fix img{
    width: 100%;
}

.content_con ul{
    width: 100%;
    display: inline-block;
}

.content_con ul li{
    width: 33.33%;
    float: left;
    padding: 1% 2% 5%;
    box-sizing: border-box;
}

.content_thumb{
    width: 100%;
    height: 150px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
}

.content_title{
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
}


/* sub7 REAL 뉴스 */
.news_apply_btn{
    width: 100%;
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.news_apply_btn a{
    width: 200px;
    height: 40px;
    border: 1px solid #313131;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: 40px;
    display: block;
    color: #333;
}

.real_news{
    width: 100%;
}

ul.real_news_list{
    width: 100%;
    padding-bottom: 20px;
}

ul.real_news_list li{
    width: 100%;
    padding: 20px 30px;
    box-sizing: border-box;
    display: flex;
    margin-top: 30px;
    background-color: #fff;
    box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.news_thumb{
    width: 20%;
    background-color: #eee;
    border-radius: 5px;
    height: 140px;
}

.news_thumb img{
    width: 100%;
    border-radius: 5px;
    height: 140px;
}

.news_text{
    width: 80%;
    padding: 20px 0 20px 5%;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.news_title{
    display: flex;
    flex-direction: column;
    color: #202227;
    font-size: 24px;
    font-family: 'NanumSquareR';
    cursor: pointer;
}

.news_title p{
    color: #777;
    font-size: 16px;
    margin-top: 50px;
}

.views{
    font-size: 18px;
    color: #202227;
    font-family: 'NanumSquareR';
}

.views span{
    color: #999;
    font-weight: 300;
    margin: 0 10px;
}


/* sub7_apply_detail REAL 뉴스 기자신청 상세 */
.mini_title{
    color: #999;
}

table.news_apply_d{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
    margin-top: 20px;
}

table.news_apply_d th{
    font-size: 35px;
    font-weight: normal;
    text-align: left;
    padding: 10px 20px;
    box-sizing: border-box;
}

table.news_apply_d td{
    text-align: center;
    padding: 40px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #d2d2d2;
}

table.news_apply_d td.a_d{
    padding: 5px 20px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.name_day{
    color: #777;
}

.name_day span{
    margin-left: 20px;
}

.view02{
    color: #777;
}

.view02 span{
    color: #333;
    font-weight: 500;
    margin-left: 5px;
}

.view02 span:first-child{
    margin-right: 20px;
}

.apply_con{
    width: 50%;
    height: 300px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    margin: 0 auto;
}

.apply_btn{
    justify-content: flex-end;
    margin-top: 30px;
}

.answer02{
    width: 100%;
    margin-top: 50px;
}

.answer02 p{
    font-size: 20px;
    margin-bottom: 10px;
}

.answer02 textarea{
    width: 100%;
    height: 150px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    resize: none;
}

.answer02 textarea::placeholder{
    color: #dfdfdf;
    font-size: 18px;
}


/* sub3 온라인 서명운동 */
table.today_new_list02 th:first-child,
table.today_new_list02 td:first-child{
    width: 10%;
}

table.today_new_list02 th:nth-child(2),
table.today_new_list02 td:nth-child(2){
    width: 15%;
}

table.today_new_list02 th:nth-child(3),
table.today_new_list02 td:nth-child(3){
    width: 45%;
}

table.today_new_list02 th:nth-child(4),
table.today_new_list02 td:nth-child(4){
    width: 15%;
}

table.today_new_list02 th:last-child,
table.today_new_list02 td:last-child{
    width: 15%;
}


/* sub3_main 메인 서명운동 전체보기 */
.main_box04{
    width: 100%;
    margin-bottom: 20px;
    margin-top: 0;
}

.main_box04 .main_box03_3{
    margin-top: 0;
    height: 180px;
}

.mdpick_box{
    width: 100%;
    margin-top: 15%;
}

.vip_box{
    width: 100%;
    margin-top: 20%;
}

.vip_box .vip_img{
    display: flex !important;
}

/* .vip_box .vip_img img{
    height: 230px;
} */

.vip_img_sub .vip_sponsor_box{
    height: 100px;
}

.tab_container_box{
    width: 70%;
    margin-top: 15%;
}

.tab_container{
    width: 100%;
}

.tab_con_box02{
    width: 100%;
}

.content_inner03{
    width: 100%;
    margin-top: 50px;
    display: none;
}

.on04{
    display: block;
}

.content_inner03 ul{
    width: 100%;
}

.content_inner03 ul li{
    width: 100%;
    margin-bottom: 20px;
    display: flex;
}

.c_i_thumb{
    width: 30%;
    height: 150px;
}

.c_i_thumb img{
    width: 100%;
    height: 150px;
    border-radius: 10px;
}

.c_i_text{
    width: 70%;
    padding-left: 30px;
    box-sizing: border-box;
}

.tt{
    font-size: 14px;
    font-weight: 500;
    padding: 2px 15px;
    display: inline-block;
}

.c_i_text_b .tt{
    color: #1153ad;
    border: 1px solid #1153ad;
}

.c_i_text_p .tt{
    color: #ee909e;
    border: 1px solid #ee909e;
}

.c_i_text_pu .tt{
    color: #5853a0;
    border: 1px solid #5853a0;
}

.tc{
    width: 100%;
}

.tc p{
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0 10px;
    cursor: pointer;
}

.tc p:hover{
    text-decoration: underline 1px solid #333;
}

.tc span{
    color: #777;
}

.tv{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
}

.tv_box{
    display: flex;
    align-items: center;
    font-size: 14px;
}

.tv_box{
    margin-right: 15px;
}

.tv_box img{
    margin-right: 8px;
}

.slide_menu02 ul{
    display: flex !important;
}

.big_content{
    width: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid #d2d2d2;
}

.big_thumb{
    width: 100%;
}

.big_thumb img{
    width: 100%;
    height: 200px;
    /* object-fit: cover; */
    border-radius: 5px;
}

.big_box01{
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.bt{
    font-size: 16px;
    font-weight: 500;
    color: #1153ad;
    border: 1px solid #1153ad;
    width: 60px;
    text-align: center;
    padding: 2px 0;
    box-sizing: border-box;
}

.big_box01 .tv{
    width: revert;
}

.big_box01 .tv_box{
    font-size: 16px;
}

.big_box02 .tc p{
    font-size: 25px;
    margin: 20px 0 10px;
}

.big_box02 .tc span{
    font-size: 20px;
}

.vote_btn02{
    width: 100%;
}

.vote_btn02 a{
    width: 100%;
    height: 50px;
    border: 2px solid #000;
    box-sizing: border-box;
    display: block;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
}

.ranking_box_01,
.ranking_box_02,
.logo_box02{
    margin-top: 7%;
}


/* sub3_detail02 서명운동-결과상세 */
.input_box02{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.input_box02 input[type='button']{
    width: 120px;
    height: 35px;
    border: 1px solid #a0a0a0;
    font-size: 14px;
    background-color: #fff;
}

.input_box02 input[type='button']:not(:last-child){
    margin-right: 10px;
}

.sub3_header{
    width: 100%;
    margin-top: 50px;
}

.sub3_title{
    width: 100%;
    text-align: center;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 3px solid #313131;
    font-size: 32px;
    font-weight: 500;
}

.time{
    width: 100%;
    text-align: right;
    font-size: 14px;
    color: #ed2121;
    margin-top: -40px;
}

.box01{
    margin-top: 100px;
}

table.sub3_d{
    margin-top: 0;
}

table.sub3_d td{
    font-size: 16px;
    color: #333;
}

.little_title{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}

.box02{
    width: 100%;
    margin-top: 80px;
    text-align: center;
}

.box02 p{
    font-size: 28px;
    font-weight: 500;
    padding: 0 20px;
    background-color: #fff;
    display: inline-block;
}

.in_box{
    width: 100%;
    padding: 30px 0 20px;
    border: 6px solid #eee;
    box-sizing: border-box;
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    margin-top: -20px;
}

.in_box strong{
    font-size: 50px;
    font-weight: 900;
}

.box03{
    width: 100%;
    margin-top: 60px;
    text-align: center;
}

.box03 p{
    font-size: 30px;
    font-weight: 500;
    padding: 0 30px;
    background-color: #fff;
    display: inline-block;
}

.in_box ul{
    width: 100%;
    display: flex;
}

.in_box ul li{
    width: 33.33%;
    font-size: 18px;
    padding-top: 5px;
}

.in_box ul li strong{
    font-size: 30px;
    font-weight: 900;
}

.in_box ul li span{
    font-size: 20px;
    font-weight: bold;
}

.in_box ul li:not(:last-child){
    border-right: 1px solid #d2d2d2;
    box-sizing: border-box;
}

.box04{
    width: 100%;
    margin-top: 150px;
}

.box04 .good_bad{
    margin-top: 30px;
}

.box_img01{
    width: 100%;
    height: 430px;
    text-align: center;
}

.box_img02{
    width: 100%;
    height: 500px;
    text-align: left;
    padding-top: 30px;
}

.box_img03{
    width: 100%;
    height: 400px;
    padding-top: 30px;
}

.box_img03 img{
    width: 100%;
}

.box06{
    width: 100%;
    margin-top: 150px;
    display: flex;
    justify-content: space-between;
}

.box07{
    width: 70%;
}

.box08{
    width: 25%;
}

.box08 .little_title{
    text-align: center;
}

.box09{
    margin-top: 150px;
}

.box09 ul{
    width: 100%;
    margin-top: 20px;
}

.box09 ul li{
    width: 100%;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 20px 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box09 ul li:not(:last-child){
    margin-bottom: 15px;
}

.t01{
    font-size: 22px;
    font-weight: 500;
    width: 13%;
}

.t02{
    font-size: 18px;
    width: 77%;
}

.t03{
    display: flex;
    align-items: center;
    width: 10%;
}

.finger{
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.finger img{
    display: block;
    margin-bottom: 5px;
    cursor: pointer;
}

.finger:first-child{
    margin-right: 20px;
}

.box10{
    width: 100%;
    margin-top: 150px;
}

table.person_list{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
    margin-top: 20px;
}

table.person_list th{
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0;
    border-bottom: 1px solid #d2d2d2;
}

table.person_list td{
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
}

table.person_list td:nth-child(3),
table.person_list td:nth-child(4){
    color: #474747;
}

table.person_list th:first-child,
table.person_list td:first-child{
    width: 15%;
}

table.person_list th:nth-child(2),
table.person_list td:nth-child(2){
    width: 15%;
}

table.person_list th:nth-child(3),
table.person_list td:nth-child(3){
    width: 40%;
}

table.person_list th:nth-child(4),
table.person_list td:nth-child(4){
    width: 15%;
}

table.person_list th:last-child,
table.person_list td:last-child{
    width: 15%;
}


/* sub3_detail 서명운동 상세 */
.img_box{
    width: 100%;
    text-align: center;
    margin-top: 60px;
}

.img_box img{
    border-radius: 10px;
}

.img_box img:first-child{
    /* margin-bottom: 30px; */
}

p.flex{
    display: inline-flex;
    align-items: flex-end;
    padding: 0 30px;
}

p.flex img{
    margin-right: 10px;
}

.btn_box01{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
}

.btn_box01 input[type='button']{
    width: 49%;
    height: 50px;
    background-color: #313131;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    border: 0;
    border-radius: 5px;
    font-family: 'Noto Sans KR', sans-serif;
}

.btn_box02{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.btn_box02 input[type='button']{
    width: 49%;
    height: 50px;
    background-color: #fff;
    font-size: 20px;
    border: 2px solid #333;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: 'Noto Sans KR', sans-serif;
}

.content_box{
    width: 100%;
    padding: 100px 0 20px;
    border-bottom: 1px solid #dfdfdf;
}

.content_box img{
    width: 100%;
}

#columnchart_values{
    height: 100%;
}

.good_bad{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
}

.good, .bad{
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #555;
    font-family: 'NanumSquareR';
    margin: 0 5px;
}

.good img, .bad img{
    display: block;
    cursor: pointer;
    margin-bottom: 10px;
}

.box10_1{
    margin-top: 100px;
}

.comment_box{
    width: 100%;
    margin-top: 80px;
}

.comment_header{
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 10px;
}

.comment_how{
    font-size: 20px;
}

.comment_how strong{
    font-size: 26px;
    font-weight: 500;
    color: #111;
}

.comment_tab ul{
    display: flex;
    color: #999;
}

.comment_tab ul li{
    padding: 0 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #333;
}

.comment_tab ul li i{
    color: #555;
    font-size: 20px;
    margin-right: 5px;
    display: none;
}

.comment_tab ul li.on05 i{
    display: block;
}

.comment_w{
    width: 100%;
    display: flex;
}

.comment_w textarea{
    width: 85%;
    height: 150px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
}

.comment_w textarea::placeholder{
    font-size: 18px;
    color: #bfbfbf;
}

.comment_w input[type='button']{
    width: 15%;
    background-color: #313131;
    color: #fff;
    font-size: 24px;
    font-family: 'Noto Sans KR', sans-serif;
    border: 0;
    font-weight: 300;
}

.warning{
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.warning p{
    font-weight: 500;
}

.warning i{
    margin-right: 5px;
    font-size: 20px;
}

.commnet_l_box{
    width: 100%;
    margin-top: 70px;
    display: none;
}

.on05{
    display: block;
}

ul.commnet_list{
    width: 100%;
    border-top: 1px solid #d2d2d2;
}

ul.commnet_list>li{
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
}

.c_box{
    width: 100%;
    padding: 20px 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comment_id{
    font-weight: bold;
    margin-bottom: 15px;
}

.comment_text{
    display: flex;
    align-items: baseline;
}

.comment_text span{
    font-size: 20px;
    font-weight: 300;
}

.del{
    margin-left: 20px;
}

.del input[type='button']{
    font-size: 16px;
    color: #555;
    padding: 0 10px;
    border: 1px solid #7d7d7d;
    background-color: #fff;
    margin: 0 5px;
    font-family: 'Noto Sans KR', sans-serif;
}

.comment_time{
    display: flex;
    align-items: center;
    margin: 10px 0 20px;
}

.comment_time p{
    font-size: 14px;
    color: #999;
}

.report{
    font-size: 14px;
    color: #f11818;
    margin-left: 15px;
    cursor: pointer;
}

.reply{
    color: #555;
    padding: 0 10px;
    border: 1px solid #7d7d7d;
    cursor: pointer;
    display: inline-block;
}

ul.comment_rcon{
    width: 100%;
    background-color: #f8f8f8;
    border-top: 1px solid #d2d2d2;
    display: none;
}

ul.comment_rcon li{
    padding: 20px 30px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
}

ul.comment_rcon li i{
    font-size: 20px;
    color: #acacac;
    margin: 5px 20px 0 0;
}

.popup05,
.popup18{
    width: 360px;
}

.pop_con02{
    font-size: 18px;
    color: #555;
    text-align: center;
}

.pop_btn02{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.pop_btn02 input[type='button']{
    font-size: 14px;
    color: #fff;
    background-color: #555;
    width: 100px;
    height: 35px;
    border-radius: 5px;
    border: 0;
    font-family: 'AppleSDGothic';
}

.content_box_btn{
    width: 100%;
    margin-top: 20px;
    text-align: right;
}

.content_box_btn input[type='button']{
    font-size: 20px;
    width: 200px;
    height: 50px;
    border: 1px solid #a0a0a0;
    border-radius: 10px;
    background-color: #fff;
}


/* sub5_4 스폰서 NEWS */
.sponsor_news{
    margin-top: 60px;
}


/* sub10_guidance 스폰서 제휴안내 */
.guidance_box{
    width: 100%;
    border-top: 1px solid #505050;
    border-bottom: 1px solid #d2d2d2;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 80px;
}

.guidance_box textarea{
    width: 100%;
    height: 500px;
}

.guidance_btn{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.guidance_btn input[type='button']{
    width: 150px;
    height: 40px;
    background-color: #313131;
    font-size: 18px;
    color: #fff;
}

.pop_con03{
    font-size: 14px;
    text-align: center;
    line-height: 25px;
}

.pop_con03 u{
    color: #e81a1a;
}


/* sub9_1 인사말 */
ul.side_menu02>li:nth-child(2){
    position: revert;
    padding: 10px 20px;
    border-bottom: 1px solid #e5e5e5;
}

.h_img_box{
    width: 100%;
    margin-top: 50px;
}

.h_img_box img{
    width: 100%;
}

.h_text{
    width: 100%;
    font-size: 24px;
    text-align: center;
    margin-top: 50px;
}

.h_text strong{
    font-size: 30px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.vertical_bar{
    width: 1px;
    height: 65px;
    background-color: #d2d2d2;
    margin: 20px auto;
}

.h_context{
    width: 100%;
    text-align: center;
    line-height: 30px;
}


/* sub9_2 소식 및 공지 */
ul.the_news{
    width: 100%;
    margin-top: 50px;
    border-top: 1px solid #d2d2d2;
}

ul.the_news li{
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #d2d2d2;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.number_bg{
    width: 25px;
    height: 25px;
    background-image: url(../images/number_bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 25px;
}

.the_news_con{
    font-size: 14px;
    color: #555;
    line-height: 25px;
    width: 80%;
    padding-right: 30px;
    box-sizing: border-box;
    word-break: keep-all;
}

.the_news_con strong{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    display: block;
    margin-bottom: 20px;
}

.the_news_day{
    font-size: 14px;
    color: #999;
}


/* sub9_3_detail 일대일문의 내용 */
.qustion_btn{
    margin-top: 30px;
    justify-content: space-between;
}


/* sub5_4_detail 스폰서 NEWS 상세 */
table.news_apply_d02{
    margin-top: 60px;
}

.news_con{
    width: 100%;
    height: 300px;
}

.sns_box{
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: -50px;
}

.sns_box img{
    margin-right: 10px;
    cursor: pointer;
}

.prev_next{
    width: 100%;
    margin-top: 80px;
}

.prev_next ul{
    width: 100%;
    border-top: 1px solid #505050;
}

.prev_next ul li{
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d2d2d2;
    padding: 15px 20px;
    box-sizing: border-box;
}

.prev,
.next{
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #555;
    margin-right: 60px;
    cursor: pointer;
}

.prev i,
.next i{
    font-size: 20px;
    margin-right: 10px;
}

.prev_text,
.next_text{
    font-size: 14px;
    color: #979797;
    cursor: pointer;
}

.news_d_btn input[type='button']{
    border-radius: 5px;
}


/* sub5_2 스폰서 전시관 */
.sponsor_container{
    width: 100%;
    margin-top: 60px;
}

.sponsor_box{
    width: 85%;
    margin: 0 auto;
}

.sponsor_box ul{
    width: 100%;
    display: inline-block;
}

.sponsor_box ul li{
    width: 30%;
    float: left;
    margin-right: 5%;
    margin-bottom: 35px;
    cursor: pointer;
}

.sponsor_box ul li:nth-child(3n){
    margin-right: 0;
}

.sponsor_logobox{
    width: 100%;
    height: 130px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.sponsor_logobox img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sponsor_namebox{
    width: 100%;
    height: 40px;
    background-color: #313131;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.sponsor_box ul li:hover .sponsor_logobox{
    border: 1px solid #d9bc75;
    transition-duration: .5s;
}

.sponsor_box ul li:hover .sponsor_logobox img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    transition-duration: .5s;
}

.sponsor_box ul li:hover .sponsor_namebox{
    background-color: #d9bc75;
    transition-duration: .5s;
}





.sponsor_title{
    font-weight: 500;
    color: #999;
    display: flex;
    align-items: center;
}

.circle{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #fff;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.circle img{
    /*width: 90%;*/
    width: 100%;
    object-fit: cover;
    height: 100%;
}

ul.sponsor{
    width: 100%;
    display: flex;
    align-items: center;
}

ul.sponsor li{
    width: 33.33%;
    height: 160px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

ul.sponsor1 li img{
    width: 80%;
}

ul.sponsor02{
    width: 100%;
    display: flex;
    align-items: center;
}

ul.sponsor02 li{
    width: 25%;
    text-align: center;
    padding: 20px 0 60px;
    font-size: 18px;
    cursor: pointer;
}

.sponsor_img{
    width: 75%;
    height: 45px;
    background-color: #eee;
    margin: 20px auto 10px;
}

ul.sponsor03{
    width: 100%;
    display: flex;
    align-items: center;
}

ul.sponsor03 li{
    width: 20%;
    text-align: center;
    padding-top: 20px;
    font-size: 14px;
    cursor: pointer;
}


/* sub5_2_detail */
.sponsor_detail_box01{
    width: 85%;
    margin: 50px auto 0;
    border-top: 1px solid #434343;
    padding: 50px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sponsor_vidio{
    width: 45%;
    height: 250px;
    border-radius: 10px;
    text-align: center;
    line-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.s_img{
    width: 45%;
    height: 250px;
    border-radius: 10px;
    text-align: center;
    line-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #ccc;
}

.sponsor_vidio img{
    width: 80%;
}

.s_img img{
    width: 70%;
}

.sponsor_name{
    width: 48%;
}

.sponsor_name p{
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}

.sponsor_name p span{
    font-size: 35px;
    color: #d9bc75;
    margin-right: 10px;
    font-weight: bold;
    margin-bottom: 5px
}

.home,
.tel{
    display: flex;
    align-items: center;
    font-size: 22px;
}

.home i,
.tel i{
    font-size: 24px;
    margin-right: 15px;
    font-weight: bold;
    color: #d9bc75;
}

.home{
    margin-bottom: 10px;
    cursor: pointer;
}

.sponsor_detail_box02{
    width: 85%;
    margin: 30px auto 50px;
}

.sponsor_thumb{
    width: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-flex-start;
    justify-content: space-between;
}

.s_text{
    width: 48%;
}

.s_text textarea{
    width: 100%;
    height: 200px;
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
}

.s_text span{
    line-height: 30px;
}

.download{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 5px;
}

.btn_box{
    width: 200px;
    height: 40px;
    background-color: #434343;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-right: -20px; */
}

.btn_box i{
    font-size: 20px;
    color: #fff;
    margin-right: 5px;
}

.btn_box input[type='button']{
    font-size: 16px;
    color: #fff;
    background-color: transparent;
}

.sponsor_detail_box03{
    width: 85%;
    margin: 30px auto 50px;
}

.more_img{
    width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.s_img2{
    width: 24%;
    height: 200px;
    border-radius: 10px;
    text-align: center;
    line-height: 200px;
    overflow:hidden;
    border: 1px solid #ddd;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.s_img2>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img_hover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.img_hover i{
    color: #fff;
    font-size: 40px;
}

.img_hover:hover {
    opacity: 1;
}

.more_imgpop{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    display: none;
}

.more_imgpop img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.more_imgpop_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}


/* sub5_1 스폰서 제품 */
.product_box{
    width: 100%;
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1%;
    box-sizing: border-box;
}

.product_search{
    display: flex;
    align-items: center;
}

.product_search input[type='text']{
    width: 250px;
    height: 35px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.product_search input[type='text']::placeholder{
    font-size: 14px;
    font-family: 'NanumSquareR';
}

.product_search input[type='button']{
    width: 70px;
    height: 35px;
    background-color: #313131;
    border: 0;
    color: #fff;
    font-size: 14px;
}

.product_select{
    width: 150px;
    height: 35px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    position: relative;
}

.product_select select{
    width: 100%;
    height: 100%;
    position: absolute;
    border: 0;
    background-color: transparent;
}

.product_select i{
    font-size: 14px;
    color: #777;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

ul.product_list{
    width: 100%;
    display: inline-block;
    margin-top: 40px;
}

ul.product_list li{
    width: 25%;
    padding: 0 1% 50px;
    box-sizing: border-box;
    float: left;
}

.product_thumb{
    width: 100%;
    height: 150px;
    background-color: #eee;
    border-radius: 10px;
    cursor: pointer;
}

.product_title{
    font-size: 20px;
    color: #555;
    margin-top: 10px;
    cursor: pointer;
}

.product_price{
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
}


/* sub8_3 포인트 - 프리RP */
.sub_mini_text{
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin-top: 15px;
}

.point_tab{
    width: 100%;
    margin-top: 60px;
    padding: 0 1%;
    box-sizing: border-box;
}

.point_tab ul{
    width: 100%;
    display: flex;
    border-top: 1px solid #313131;
    border-bottom: 1px solid #313131;
}

.point_tab ul li{
    width: 33.33%;
    text-align: center;
    padding: 10px 0;
    font-size: 22px;
    box-sizing: border-box;
    cursor: pointer;
    border-left: 1px solid #313131;
}

.point_tab ul li:last-child{
    border-right: 1px solid #313131;
}

.point_tab ul li.on06{
    background-color: #313131;
    color: #fff;
}

.point_tabcon{
    width: 100%;
    margin-top: 50px;
    display: none;
}

.on06{
    display: block;
}

.point_tabcon ul{
    width: 100%;
    display: inline-block;
}

.point_tabcon ul li{
    width: 31.33%;
    margin: 0 1% 20px;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    float: left;
    border-radius: 5px;
}

.logo_img{
    width: 100%;
    text-align: center;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo_img img{
    width: 50%;
}


/* youtube01 유투브등록 상세 */
table.ytb{
    margin-top: 0;
}

.ytb_con{
    width: 100%;
}

.ytb_img,
.ytb_video{
    width: 55%;
    height: 300px;
    border: 1px solid #dcdcdc;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ytb_link{
    width: 55%;
    margin: 20px auto 0;
    text-align: left;
}

.ytb_link span{
    cursor: pointer;
}

.ytb_img2{
    margin-top: 40px;
}

.ytb_img img,
.ytb_video img{
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
}

.ytb_img{
    margin-bottom: 25px;
}

.vote_input{
    width: 100%;
    margin-top: 80px;
    text-align: center;
}

.vote_input p{
    font-size: 28px;
    font-weight: 500;
}

.ytb_r_box{
    margin-top: 30px;
    display: inline-block;
}

.vote_radio{
    margin: 10px 0;
    font-size: 20px;
    text-align: left;
    display: flex;
    align-items: center;
}

.vote_radio input[type='radio']{
    margin-right: 10px;
}

.vote_radio span{
    margin-left: 30px;
    font-size: 16px;
}

.ytb_vote_btn{
    width: 100%;
    margin: 30px 0 20px;
}

.ytb_vote_btn input[type='button']{
    width: 250px;
    height: 40px;
    background-color: #313131;
    color: #fff;
    font-size: 14px;
}

.vote_result{
    width: 100%;
    margin-top: 130px;
}

.vote_result img{
    width: 100%;
}

.vote_result_box{
    width: 100%;
    margin-top: 80px;
}

.vote_result_box ul{
    width: 100%;
}

.vote_result_box ul li{
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 100px;
    box-sizing: border-box;
}

.vote_result_box ul li p{
    width: 15%;
    font-family: 'NanumSquareR';
    font-size: 24px;
}

.vote_result_box ul li:not(:last-child){
    margin-bottom: 30px;
}

.vote_bar{
    width: 85%;
    font-family: 'NanumSquareR';
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    padding: 15px 30px;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: right;
}

.vote_bar_b{
    background-color: #4a98e0;
}

.vote_bar_g{
    background-color: #50cdcd;
}

.vote_bar_gr{
    background-color: #c7c7c7;
}

.btn_container{
    width: 100%;
    margin-top: 80px;
}

.btn_container button{
    width: 100%;
    height: 60px;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 20px;
    color: #777;
    font-family: 'NanumSquareR';
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_container button i{
    margin-left: 10px;
}

.btn_container button:first-child{
    margin-bottom: 30px;
}

.btn_input{
    width: 100%;
    margin: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_input input[type='button']{
    width: 150px;
    height: 45px;
    border: 1px solid #a0a0a0;
    font-family: 'NanumSquareR';
    font-size: 18px;
    margin: 0 10px;
    border-radius: 5px;
    background-color: transparent;
    box-sizing: border-box;
}

.comment_banner{
    width: 100%;
    height: 100px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    text-align: center;
    line-height: 100px;
    box-sizing: border-box;
    margin: 50px 0 60px;
    overflow: hidden;
}


/* sub4_2 커뮤니티 - 1인시위 */
table.demonstration{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
    margin-top: 50px;
}

table.demonstration th{
    font-weight: normal;
    padding: 10px 0;
    border-bottom: 1px solid #cecece;
}

table.demonstration td{
    text-align: center;
    padding: 25px 0;
    border-bottom: 1px solid #cecece;
}

table.demonstration td:nth-child(2){
    font-size: 18px;
    text-align: left;
    padding-left: 30px;
    box-sizing: border-box;
}

table.demonstration td:nth-child(4){
    color: #474747;
}

.stay_notice{
    color: #252525;
    font-size: 14px;
    padding: 2px 15px;
    box-sizing: border-box;
    border: 1px solid #434343;
    border-radius: 30px;
    display: inline-block;
}

span.category{
    color: #105de9;
    width: 20%;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

span.red_num{
    font-size: 14px;
    color: #e82121;
    margin-left: 10px;
}

span.community-title {
    cursor: pointer;

}

span.community-title:hover {
    text-decoration:underline;
}

table.demonstration th:first-child,
table.demonstration td:first-child{
    width: 10%;
}

table.demonstration th:nth-child(2),
table.demonstration td:nth-child(2){
    width: 45%;
}

table.demonstration th:nth-child(3),
table.demonstration td:nth-child(3){
    width: 10%;
}

table.demonstration th:nth-child(4),
table.demonstration td:nth-child(4){
    width: 15%;
}

table.demonstration th:nth-child(5),
table.demonstration td:nth-child(5){
    width: 10%;
}

table.demonstration th:last-child,
table.demonstration td:last-child{
    width: 10%;
}

.demonstration_btn{
    margin: 20px 0 50px;
}

.demonstration_btn a{
    font-size: 16px;
    border: 2px solid #434343;
    width: 170px;
}


/* sub4_1 커뮤니티 - 대국민신문고 */
table.demonstration02 td:nth-child(3){
    color: #555;
}

table.demonstration02 td:nth-child(3) strong{
    color: #111;
}

.demonstration02_btn{
    margin: 20px 0 50px;
}


/* sub4_2_detail 커뮤니티 - 대국민 신문고 상세 */
table.demonstration_d{
    margin-top: 100px;
}

table.demonstration_d th:first-child,
table.demonstration_d td:first-child{
    width: 10%;
}

table.demonstration_d th:nth-child(2),
table.demonstration_d td:nth-child(2){
    width: 15%;
}

table.demonstration_d th:nth-child(3),
table.demonstration_d td:nth-child(3){
    width: 40%;
}

table.demonstration_d th:nth-child(4),
table.demonstration_d td:nth-child(4){
    width: 10%;
}

table.demonstration_d th:nth-child(5),
table.demonstration_d td:nth-child(5){
    width: 15%;
}

table.demonstration_d th:last-child,
table.demonstration_d td:last-child{
    width: 10%;
}

table.demonstration_d td:nth-child(2){
    font-size: 16px;
    color: #105de9;
    padding: 0;
    text-align: center;
    cursor: initial;
}

table.demonstration_d td:nth-child(3){
    font-size: 18px;
    text-align: left;
    padding-left: 30px;
    box-sizing: border-box;
    cursor: pointer;
}


/* sub4_3 커뮤니티 - 카운셀러 */
.counselor_box01,
.counselor_box02{
    width: 100%;
}

.counselor_box02 p{
    font-size: 22px;
    color: #282828;
    font-family: 'NanumSquareB';
}

.counselor_box02 table{
    margin-top: 10px;
}

.counselor_box02{
    margin-top: 80px;
}

.counselor_category_box{
    width: 100%;
    margin-top: 80px;
}

.counselor_category{
    padding: 0 14%;
    box-sizing: border-box;
}

.counselor_category ul{
    width: 100%;
    display: inline-block;
}

.counselor_category ul li{
    width: 19%;
    float: left;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    margin: 5px 0.5%;
    text-align: center;
    padding: 10px 0;
    color: #111;
    font-family: 'NanumSquareR';
    font-weight: bold;
    cursor: pointer;
}

.counselor_profile_box{
    width: 100%;
    margin-top: 30px;
}

.counselor_profile{
    width: 100%;
}

.c_p{
    width: 100%;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex !important;
    padding: 30px 40px;
}

.c_profile{
    width: 13%;
    height: 130px;
    background-color: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c_profile_text{
    width: 87%;
    padding-left: 30px;
    box-sizing: border-box;
}

.c_profile_text p{
    font-size: 30px;
    color: #202227;
    font-weight: 300;
    margin-bottom: 20px;
}

.c_profile_text span{
    font-size: 22px;
    color: #202227;
    font-weight: 300;
}


/* sub4_1_detail02 */
.sub4_box01{
    width: 100%;
    margin-top: 80px;
}

.box_border{
    width: 100%;
    padding: 20px 0;
    border: 6px solid #eee;
    box-sizing: border-box;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.sub4_box02{
    width: 100%;
    display: flex;
    margin: 100px 0 80px;
}

.sub4_box_con{
    width: 50%;
}

.in_box02{
    width: 100%;
    text-align: center;
}

.in_box03{
    padding-top: 80px;
    box-sizing: border-box;
    font-size: 35px;
    font-weight: lighter;
}

.in_box03 strong{
    font-weight: 900;
    font-size: 45px;
}

.sub4_box03{
    width: 100%;
    margin-top: 100px;
}

.sub4_box03 table{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
}

.sub4_box03 table th{
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0;
    border-bottom: 1px solid #cecece;
    width: 16.66%;
}

.sub4_box03 table td{
    border-bottom: 1px solid #cecece;
    padding: 20px 0;
    color: #252525;
    text-align: center;
    width: 16.66%;
}

.sub4_box03 table th:nth-child(2),
.sub4_box03 table th:nth-child(4),
.sub4_box03 table td:nth-child(2),
.sub4_box03 table td:nth-child(4){
    border-right: 1px solid #eeeeee;
    box-sizing: border-box;
}

#donutchart{
    width: 100%;
}


/* sub4 커뮤니티 */
.sub_title02{
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #505050;
    font-size: 30px;
    font-weight: 500;
}

.community_box{
    width: 100%;
    margin-top: 40px;
}

.community_box>ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.community_box>ul>li{
    width: 31%;
}

.community_title{
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.community_title p{
    font-size: 20px;
    font-weight: 500;
    border-bottom: 3px solid #1b1b1b;
    padding-bottom: 5px;
}

.more_btn{
    color: #777;
    font-size: 14px;
    cursor: pointer;
}

.community_con_box{
    width: 100%;
    margin-top: 25px;
}

.comm_tab{
    width: 100%;
}

.comm_tab ul{
    width: 100%;
    display: flex;
}

.comm_tab ul li{
    width: 50%;
    background-color: #f8f8f8;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    color: #999;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
}

.comm_tab ul li.on07{
    color: #000;
    border-bottom: 0;
    border-right: 0;
    background-color: #fff;
}

.community_con{
    width: 100%;
    display: none;
    margin-top: 15px;
}

.on07{
    display: block;
}

.community_con ul{
    width: 100%;
    padding: 0 25px;
    box-sizing: border-box;
}

.community_con ul li{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 0;
    color: #555;
    cursor: pointer;
}

.num_box{
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    background-color: #7d7d7d;
    color: #fff;
    margin-right: 15px;
}

.num_box_red{
    background-color: #e41d1d;
}

.event_zoon{
    width: 100%;
    margin-top: 130px;
}

.event_zoon p{
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #202227;
    font-family: 'NanumSquareR';
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: 4px solid #282828;
}

.event_zoon ul{
    width: 100%;
    padding: 50px 30px;
    box-sizing: border-box;
    display: flex;
}

.event_zoon ul li{
    width: 33.33%;
    text-align: center;
    position: relative;
    padding-bottom: 30px;
}

.event_zoon ul li:nth-child(2){
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    box-sizing: border-box;
}

.event_btn{
    font-size: 20px;
    color: #fff;
    font-family: 'NanumSquareB';
    width: 150px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 30px;
    margin-top: 50px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.event_btn_b{
    background-color: #0ab5fd;
}

.event_btn_g{
    background-color: #04b46f;
}

.event_btn_y{
    background-color: #fbae22;
}

.pop_con04{
    font-size: 20px;
    text-align: center;
}

.comment_box02{
    margin-top: 150px;
}


/* sub5_w 스폰서 - 제휴 글쓰기 */
.sub5_box{
    width: 100%;
    margin-top: 50px;
}

.list_title{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

table.sponsor_w{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
}

table.sponsor_w th,
table.sponsor_w td{
    border-bottom: 1px solid #d2d2d2;
}

table.sponsor_w th{
    padding: 0 20px;
    box-sizing: border-box;
    background-color: #f8f8f8;
    width: 20%;
    text-align: left;
    font-weight: normal;
}

table.sponsor_w th span{
    font-size: 14px;
    color: #777;
}

table.sponsor_w td{
    width: 80%;
    padding: 15px 30px;
    box-sizing: border-box;
}

table.sponsor_w td.border_b{
    border-bottom: 0;
    padding-bottom: 0;
}

table.sponsor_w td input{
    height: 30px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}

table.sponsor_w td input[type='text'].w_1{
    width: 70%;
}

table.sponsor_w td input[type='text'].w_1_1{
    margin-left: 20px;
}

table.sponsor_w td input[type='text'].w_2{
    width: 40%;
}

table.sponsor_w td input[type='text'].w_3{
    width: 50%;
}

table.sponsor_w td input[type='button']{
    width: 90px;
    margin-left: 10px;
    border: 0;
    background-color: #acacac;
    color: #fff;
}

table.sponsor_w td input[type='button'].not_bg{
    border: 1px solid #333;
    background-color: #fff;
    color: #333;
}

.flex_box{
    display: flex;
    align-items: center;
    margin-top: 3px;
}

.sub5_box02{
    width: 100%;
    margin-top: 100px;
}

table.manager{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
}

table.manager th,
table.manager td{
    border-bottom: 1px solid #d2d2d2;
}

table.manager th{
    width: 15%;
    font-weight: normal;
    text-align: left;
    padding: 0 20px;
    box-sizing: border-box;
    background-color: #f8f8f8;
}

table.manager td{
    width: 35%;
    padding: 15px 30px;
    box-sizing: border-box;
}

table.manager td input{
    width: 85%;
    height: 30px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}

table.sponsorship{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
}

table.sponsorship th{
    font-size: 18px;
    font-weight: normal;
    padding: 10px 0;
    border-bottom: 1px solid #d2d2d2;
}

table.sponsorship td{
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
}

table.sponsorship td:first-child{
    text-align: left;
    padding-left: 40px;
    box-sizing: border-box;
}

table.sponsorship th:first-child,
table.sponsorship td:first-child{
    width: 20%;
}

table.sponsorship th:nth-child(2),
table.sponsorship td:nth-child(2){
    width: 60%;
}

table.sponsorship th:last-child,
table.sponsorship td:last-child{
    width: 20%;
}

.spon_radio{
    display: flex;
    align-items: center;
    justify-content: center;
}

.spon_radio_box{
    display: flex;
    align-items:center;
}

.spon_radio input[type='radio']{
    margin-right: 10px;
}

.spon_radio_box:not(:first-child) input[type='radio']{
    margin-left: 50px;
}


.benefit_btn{
    width: 90px;
    height: 35px;
    border: 1px solid #313131;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    box-sizing: border-box;
    margin: 0 auto;
    cursor: pointer;
}

.benefit_btn01{
    width: 90px;
    height: 35px;
    border: 1px solid #313131;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    box-sizing: border-box;
    margin: 0 auto;
    cursor: pointer;
}

.benefit_btn02{
    width: 90px;
    height: 35px;
    border: 1px solid #313131;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    box-sizing: border-box;
    margin: 0 auto;
    cursor: pointer;
}

.benefit_btn03{
    width: 90px;
    height: 35px;
    border: 1px solid #313131;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    box-sizing: border-box;
    margin: 0 auto;
    cursor: pointer;
}

.benefit_btn04{
    width: 90px;
    height: 35px;
    border: 1px solid #313131;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    box-sizing: border-box;
    margin: 0 auto;
    cursor: pointer;
}

.benefit_btn05{
    width: 90px;
    height: 35px;
    border: 1px solid #313131;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    box-sizing: border-box;
    margin: 0 auto;
    cursor: pointer;
}

table.sponsor_w02{
    margin-top: 100px;
}

table.sponsor_w02 .flex_box input{
    width: 20%;
}

table.sponsor_w02 .flex_box input:first-child{
    margin-right: 10px;
}

table.sponsor_w02 .flex_box input:last-child{
    margin-left: 10px;
}

table.sponsor_w02 .spon_radio,
table.sponsor_w03 .spon_radio{
    justify-content: flex-start;
}

table.sponsor_w02 .spon_radio input:nth-child(2){
    margin-left: 50px;
}

table.sponsor_w03 td.big_f{
    font-size: 24px;
    font-weight: bold;
}

.agree_box02{
    width: 100%;
    margin-top: 50px;
}

.check{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.check span{
    color: #ff0000;
    margin-right: 5px;
}

.check input{
    margin-right: 10px;
}

.popup08 table{
    width: 80%;
    margin: 20px auto 0;
    border-top: 1px solid #505050;
    border-collapse: collapse;
}

.popup08 table th{
    font-weight: normal;
    font-size: 14px;
    width: 40%;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d2d2d2;
}

.popup08 table td{
    width: 60%;
    padding: 10px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #d2d2d2;
}

.popup08 table td input{
    width: 100%;
    height: 30px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}

.mini_text{
    color: #e21c1c;
    font-size: 12px;
    text-align: center;
    margin-top: 15px;
}

.popup08 .pop_input input[type='button']{
    background-color: #555;
}

.pop_con05{
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}


/* sub5_2_member 스폰서 - 회원목록 */
.exhibition01{
    width: 100%;
    margin-top: 80px;
}

.exhibition02{
    margin-top: 0;
}

.exhibition_title{
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
}

.exhibition01 p{
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 3px solid #1b1b1b;
    display: inline-block;
}

.exhibition01 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.exhibition01 ul li{
    width: 18%;
}

.sponsor_title02{
    font-size: 14px;
}

.sponsor_title02 .circle{
    width: 45px;
    height: 45px;
}

.logo_box03{
    width: 100%;
    height: 120px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    margin: 20px 0;
    text-align: center;
    line-height: 120px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo_box03 img{
    width: 80%;
}

.exhibition01 table{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
    margin-top: 40px;
}

.exhibition01 table th{
    font-weight: normal;
    padding: 10px 0;
    border-bottom: 1px solid #d2d2d2;
    width: 25%;
}

.exhibition01 table td{
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #d2d2d2;
    width: 25%;
}

.exhibition01 table td:first-child{
    font-size: 18px;
    font-weight: bold;
    color: #252525;
}

.exhibition01 table td:last-child{
    color: #474747;
}

.logo_box04{
    width: 100%;
    height: 50px;
    background-color: #eee;
    text-align: center;
    border-radius: 5px;
    line-height: 50px;
}


/* sub10_3 광고/제휴 문의 */
.advertisement_tab{
    width: 100%;
    padding: 0 13%;
    box-sizing: border-box;
    margin-top: 50px;
}

.advertisement_tab ul{
    width: 100%;
    display: inline-block;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    box-sizing: border-box;
}

.advertisement_tab ul li{
    width: 33.33%;
    font-size: 18px;
    color: #777;
    padding: 15px 0;
    text-align: center;
    cursor: pointer;
    float: left;
    border-right: 1px solid #d2d2d2;
    box-sizing: border-box;
}

.advertisement_tab ul li:first-child{
    border-left: 1px solid #d2d2d2;
}

.advertisement_tab ul li.on08{
    background-color: #313131;
    color: #fff;
    border: 0;
}

.advertisement_content{
    width: 100%;
    text-align: center;
    margin-top: 60px;
}

.advertisement_box{
    width: 500px;
    padding: 30px 50px;
    box-sizing: border-box;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin: 20px auto 0;
}

.a_box{
    width: 100%;
    font-size: 18px;
    text-align: left;
}

.a_box input{
    width: 100%;
    height: 35px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    margin: 5px 0 10px;
}

.a_box textarea{
    width: 100%;
    height: 130px;
    border: 1px solid #dcdcdc;
    margin: 5px 0 20px;
}

.write_btn{
    width: 100%;
}

.write_btn input[type='button']{
    background-color: #313131;
    color: #fff;
    width: 100%;
    height: 50px;
    font-size: 18px;
    font-weight: 500;
}


/* sub10_1 광고제휴신청하기 */
.advertisement_box02{
    text-align: left;
}

.sub5_box03{
    margin-top: 20px;
}

.sub10_box{
    width: 100%;
    margin-top: 80px;
}

.sub10_box table{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
}

.sub10_box table th{
    font-size: 18px;
    color: #555;
    font-weight: normal;
    padding: 10px 0;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
}

.sub10_box table td{
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #d2d2d2;
}

.sub10_box table td:nth-child(2){
    font-size: 18px;
    font-weight: 500;
    text-align: left;
}

.sub10_box table td:nth-child(6){
    font-size: 18px;
    font-weight: bold;
}

.sub10_box table th:first-child,
.sub10_box table td:first-child{
    width: 10%;
}

.sub10_box table th:nth-child(2),
.sub10_box table td:nth-child(2){
    width: 10%;
}

.sub10_box table th:nth-child(3),
.sub10_box table td:nth-child(3){
    width: 13%;
}

.sub10_box table th:nth-child(4),
.sub10_box table td:nth-child(4){
    width: 12%;
}

.sub10_box table th:nth-child(5),
.sub10_box table td:nth-child(5){
    width: 10%;
}

.sub10_box table th:nth-child(6),
.sub10_box table td:nth-child(6){
    width: 20%;
}

.sub10_box table th:nth-child(7),
.sub10_box table td:nth-child(7){
    width: 10%;
}

.sub10_box table th:last-child,
.sub10_box table td:last-child{
    width: 15%;
}

.popup10 table{
    width: 80%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
    margin: 0 auto;
}

.popup10 table th{
    background-color: #f8f8f8;
    border-bottom: 1px solid #d2d2d2;
    font-size: 20px;
    padding: 10px 0;
    font-weight: normal;
}

.mini_text02{
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
}


/* sub10_2 스폰서제휴신청하기 */
table.sponsorship th{
    text-align: center;
}


/* sub8_1 포인트 - RP 상점 */
.point_get{
    width: 100%;
    margin-top: 30px;
    border: 6px solid #e5e5e5;
    box-sizing: border-box;
    padding: 30px 0;
}

.point_get p{
    font-size: 26px;
    text-align: center;
}

.point_get_btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.point_get_btn a{
    display: block;
    width: 200px;
    height: 40px;
    background-color: #313131;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.sub8_box{
    width: 100%;
    margin-top: 60px;
}

table.rc_list{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
}

table.rc_list th{
    padding: 10px 0;
    font-size: 18px;
    font-weight: normal;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d2d2d2;
}

table.rc_list td{
    padding: 20px 0;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
}

table.rc_list td:last-child{
    font-family: 'AppleSDGothic';
}

table.rc_list td input[type='text']{
    width: 160px;
    height: 35px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
}

table.rc_list th:first-child,
table.rc_list td:first-child{
    width: 20%;
}

table.rc_list th:nth-child(2),
table.rc_list td:nth-child(2){
    width: 50%;
}

table.rc_list th:last-child,
table.rc_list td:last-child{
    width: 30%;
}

.sub8_box .list_title i{
    margin-right: 5px;
}

.caution{
    width: 100%;
}

.caution span{
    font-size: 20px;
    font-weight: 900;
}

.cash_box{
    width: 100%;
    border-top: 1px solid #505050;
    border-bottom: 1px solid #d2d2d2;
    padding: 30px 0;
    font-size: 18px;
    display: flex;
    align-items: baseline;
}

.cash_box input{
    margin: 0 10px 0 50px;
}


/* sub5 스폰서 */
.sponsor_box02{
    width: 100%;
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
}

.sponsor_box03:first-child{
    width: 38%;
}

.sponsor_box03:last-child{
    width: 55%;
}

.sponsor_box04{
    width: 100%;
    margin-top: 100px;
}

.sponsor_box_title{
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 1%;
    box-sizing: border-box;
}

.sponsor_box_title p{
    font-size: 22px;
    font-weight: 500;
}

ul.company_list{
    width: 100%;
    margin-top: 20px;
}

ul.company_list li{
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px 25px;
    box-sizing: border-box;
}

ul.company_list li:not(:last-child){
    margin-bottom: 25px;
}

ul.individual_list{
    width: 100%;
    margin-top: 20px;
}

ul.individual_list li{
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    padding: 25px 50px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.individual_list li:not(:last-child){
    margin-bottom: 33px;
}

.rc_rank{
    width: 95px;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}

.rc_t{
    width: 50%;
    font-size: 22px;
    font-weight: 500;
}

.rc_nickname{
    font-size: 24px;
    font-weight: 500;
}

ul.product_list02{
    margin-top: 20px;
}

.sponsor_box04 table.demonstration{
    margin-top: 20px;
}


/* sub2 촛불집회 */
.sub2_content{
    width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.sub2_left_con{
    width: 62%;
}

.sub2_right_con{
    width: 36%;
}

ul.con01{
    width: 100%;
}

ul.con01 li{
    width: 100%;
    height: 340px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

ul.con01 li .con_text{
    font-size: 18px;
    line-height: 30px;
    position: absolute;
    bottom: 12px;
    left: 12px;
    letter-spacing: -0.5px;
}

ul.con02{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

ul.con02 li{
    width: 49%;
    height: 290px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

ul.con02 li .con_text{
    line-height: 26px;
    position: absolute;
    bottom: 12px;
    left: 12px;
    letter-spacing: -0.5px;
}

ul.con03{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

ul.con03 li{
    width: 32%;
    height: 200px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

ul.con03 li .con_text{
    font-size: 14px;
    line-height: 25px;
    position: absolute;
    bottom: 5px;
    left: 5px;
    letter-spacing: -0.5px;
}

ul.con04{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

ul.con04 li{
    width: 23.5%;
    height: 180px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

ul.con04 li .con_text{
    font-size: 12px;
    line-height: 23px;
    position: absolute;
    bottom: 3px;
    left: 3px;
    letter-spacing: -0.5px;
}

ul.con05{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

ul.con05 li{
    height: 150px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

ul.con05 li:first-child,
ul.con05 li:nth-child(2),
ul.con05 li:nth-child(4),
ul.con05 li:last-child{
    width: 17%;
    line-height: 18px;
}

ul.con05 li:nth-child(3){
    width: 25%;
    line-height: 23px;
}

ul.con05 li .con_text{
    font-size: 10px;
    position: absolute;
    bottom: 3px;
    left: 3px;
    letter-spacing: -0.5px;
}

ul.con01 li figure,
ul.con02 li figure,
ul.con03 li figure,
ul.con04 li figure,
ul.con05 li figure{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

ul.con01 li figure img,
ul.con02 li figure img,
ul.con03 li figure img,
ul.con04 li figure img,
ul.con05 li figure img{
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

ul.con01 li figure:hover img,
ul.con02 li figure:hover img,
ul.con03 li figure:hover img,
ul.con04 li figure:hover img,
ul.con05 li figure:hover img{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.new_content{
    width: 100%;
    height: 250px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
}

.new_con_header{
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.new,
.hot{
    width: 100px;
    height: 45px;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 45px;
    margin: -1px 20px 0 -1px;
}

.new{
    background-color: #d9bc75;
}

.hot{
    background-color: #e92828;
}

.new_con_header p{
    font-size: 22px;
    font-family: 'NanumSquareB';
    margin-bottom: 3px;
}

.new_con_text{
    position: absolute;
    bottom: 10px;
    left: 10px;
    line-height: 25px;
}

.sub2_btn{
    width: 100%;
    margin-bottom: 50px;
}

.sub2_btn input[type='button']{
    width: 100%;
    height: 65px;
    font-size: 22px;
    margin-top: 15px;
    font-family: 'Noto Sans KR', sans-serif;
}

.sub2_btn input[type='button']:first-child{
    background-color: #313131;
    border: 0;
    color: #fff;
    font-weight: 500;
}

.sub2_btn input[type='button']:nth-child(2){
    background-color: #fff;
    border: 2px solid #313131;
    font-weight: 500;
}

.sub2_btn input[type='button']:last-child{
    color: #555;
    background-color: #efefef;
}

.hot_content{
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    box-sizing: border-box;
}

ul.hot_list{
    width: 100%;
    padding: 30px 40px 40px;
    box-sizing: border-box;
}

ul.hot_list li{
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

ul.hot_list li:not(:last-child){
    margin-bottom: 10px;
}

.hot_rank{
    width: 30px;
    font-size: 20px;
    font-weight: 500;
}

.hot_title{
    width: 65%;
    cursor: pointer;
}

.hot_percent{
    width: 60px;
    text-align: right;
    font-size: 24px;
    font-weight: bold;
}

.hot_percent span{
    font-size: 28px;
    color: #e92828;
}


/* mypage1_1 마이페이지 - 출석체크 */
.side_title02 span{
    font-size: 14px;
}

.side_menu02 li span{
    font-size: 14px;
}

.mypage_title{
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
}

.attendance_box{
    width: 100%;
    margin-top: 30px;
}

.attendance_img{
    width: 100%;
    text-align: center;
}

.calendar_box{
    width: 100%;
}

.month{
    width: 100%;
    text-align: center;
    font-family: 'Spoqa Han SansB';
    font-size: 20px;
}

.month strong{
    font-family: 'GmarketSansMedium';
    font-size: 50px;
}

table.calendar{
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    border: 1px solid #bfbfbf;
}

table.calendar th{
    width: 14.285%;
    font-family: 'Spoqa Han SansR';
    padding: 10px 0;
    border-bottom: 1px solid #bfbfbf;
}

table.calendar th:not(:last-child){
    border-right: 1px solid #bfbfbf;
    box-sizing: border-box;
}

table.calendar td{
    width: 14.285%;
    height: 90px;
    padding: 10px;
    box-sizing: initial;
    border-bottom: 1px solid #bfbfbf;
    vertical-align: top;
    font-weight: 300;
    position: relative;
}

table.calendar td:not(:last-child){
    border-right: 1px solid #bfbfbf;
    box-sizing: border-box;
}

table.calendar td img{
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
}

.sun_red{
    color: #f53c3c;
}

.sun_red02{
    color: #f42323;
}

.attendance_btn{
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.attendance_btn input[type='button']{
    background-color: #202227;
    width: 250px;
    height: 50px;
    font-size: 20px;
    color: #fff;
}


/* mypage1_2 마이페이지 - 나의 활동 */
.member_level02{
    width: 100%;
}

.member_level02>ul{
    width: 100%;
    display: flex;
    align-items: center;
    border-top: 3px solid #1b1b1b;
    border-bottom: 1px solid #313131;
    padding: 25px 0;
}

.member_level02>ul li{
    padding: 5px 30px;
    box-sizing: border-box;
}

.member_level02>ul li:first-child{
    width: 60%;
}

.member_level02>ul li:nth-child(2){
    width: 40%;
    border-left: 1px solid #e5e5e5;
    /* border-right: 1px solid #e5e5e5; */
    box-sizing: border-box;
}
/*
.member_level02>ul li:last-child{
    width: 25%;
} */

.m_l_text{
    font-size: 22px;
    color: #555;
}

.m_l_text strong{
    color: #333;
}

.point,
.messenger{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.point_icon{
    color: #555;
}

.point_icon img{
    display: block;
    margin: 0 auto 5px;
}

.point_text p{
    font-size: 17px;
    margin: 5px 0;
}

.point_text p strong{
    font-size: 24px;
    cursor: pointer;
}

.activity_box{
    width: 100%;
    margin-top: 60px;
}

.activity_title{
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
}

.activity_tab{
    width: 100%;
}

.activity_tab ul{
    width: 100%;
    display: flex;
}

.activity_tab ul li{
    width: 50%;
    border: 1px solid #313131;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding: 12px 0;
    cursor: pointer;
}

.activity_tab ul li.on09{
    background-color: #313131;
    border: 0;
    color: #fff;
    font-weight: normal;
}

.activity_tabcon{
    width: 100%;
    margin-top: 40px;
    display: none;
}

.on09{
    display: block;
}

.activity_select_box{
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.activity_select{
    width: 300px;
    height: 40px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    position: relative;
    border-radius: 5px;
}

.activity_select select{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: transparent;
    color: #555;
}

.activity_select i{
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    color: #777;
    font-size: 20px;
}

table.activity_list{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
    margin-top: 20px;
}

table.activity_list th{
    font-weight: 500;
    padding: 10px 0;
    border-bottom: 1px solid #d2d2d2;
}

table.activity_list td{
    padding: 20px 0;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
}

table.activity_list td:nth-child(4){
    text-align: left;
    cursor: pointer;
}

table.activity_list td:nth-child(5),
table.activity_list td:last-child{
    color: #474747;
}

table.activity_list th:first-child,
table.activity_list td:first-child{
    width: 10%;
}

table.activity_list th:nth-child(2),
table.activity_list td:nth-child(2){
    width: 5%;
}

table.activity_list th:nth-child(3),
table.activity_list td:nth-child(3){
    width: 20%;
}

table.activity_list th:nth-child(4),
table.activity_list td:nth-child(4){
    width: 30%;
}

table.activity_list th:nth-child(5),
table.activity_list td:nth-child(5){
    width: 15%;
}

table.activity_list th:last-child,
table.activity_list td:last-child{
    width: 15%;
}

.red_num02{
    color: #fd1d1d;
    font-size: 16px;
}

.activity_btn{
    margin-top: 20px;
}

.activity_btn input[type='button']{
    font-size: 16px;
    font-family: 'Noto Sans KR', sans-serif;
    border: 1px solid #d2d2d2 !important;
}

ul.comment_list{
    width: 100%;
    border-top: 1px solid #505050;
    border-bottom: 1px solid #d2d2d2;
}

ul.comment_list li{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    border-top: 1px solid #d2d2d2;
    display: flex;
    justify-content: space-between;
}

.comment_sec{
    width: 78%;
}

.best_comment{
    font-size: 18px;
    cursor: pointer;
}

.best_comment_con{
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.ot{
    font-size: 14px;
    color: #999;
    border: 1px solid #999;
    padding: 1px 10px;
    margin-right: 10px;
}

.best_comment_con p{
    color: #999;
}

.comment_day{
    font-size: 14px;
    color: #999;
}


/* mypage1_3 마이페이지 - 등급 */
.level_box{
    width: 100%;
}

.level_d_btn{
    width: 100%;
    text-align: right;
    font-size: 18px;
    color: #111;
    cursor: pointer;
    font-family: 'NanumSquareR';
}

.now_level{
    width: 100%;
    margin-top: 10px;
    border-top: 3px solid #1b1b1b;
    border-bottom: 1px solid #313131;
    padding: 40px 0;
}

.member_now_level{
    width: 100%;
    font-size: 22px;
    color: #555;
    text-align: center;
    font-family: 'NanumSquareR';
}

.member_level{
    width: 300px;
    background-color: #f8f8f8;
    padding: 20px 0;
    border-radius: 10px;
    font-family: 'NanumSquareB';
    font-size: 20px;
    margin: 20px auto 0;
    text-align: center;
}

.member_level strong{
    font-size: 26px;
    display: block;
    margin-top: 15px;
}

.nickname_change{
    width: 100%;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nickname_change a{
    width: 200px;
    height: 45px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'NanumSquareR';
    font-weight: bold;
    color: #333;
}

.nickname_change a i{
    margin-right: 7px;
    font-size: 25px;
}

.leave_point{
    width: 100%;
    margin-top: 60px;
}

.leave_point img{
    margin-right: 10px;
}

.l_p_text01{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-family: 'NanumSquareR';
    font-weight: bold;
}

.l_p_text01 strong{
    font-family: 'NanumSquareEB';
    font-size: 24px;
    margin: 0 5px;
}

.l_p_text02{
    width: 100%;
    text-align: center;
    font-family: 'NanumSquareR';
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
}

.l_p_text02 strong{
    font-size: 24px;
}

.level_up{
    width: 100%;
    margin-top: 80px;
}

.level_up p{
    text-align: center;
    font-family: 'NanumSquareR';
}

.level_up a{
    width: 200px;
    height: 45px;
    font-size: 18px;
    color: #fff;
    background-color: #313131;
    font-family: 'NanumSquareR';
    text-align: center;
    line-height: 45px;
    display: block;
    margin: 15px auto 0;
}


/* mypage1_3_detail 마이페이지 - 등급 상세보기 */
.level_d_box{
    width: 100%;
}

.class_title{
    width: 280px;
    height: 45px;
    background-color: #313131;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 45px;
    margin: 50px auto 0;
}

table.class_list{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
    margin-top: 30px;
}

table.class_list th{
    border-bottom: 1px solid #d2d2d2;
    padding: 10px 0;
    font-weight: normal;
    background-color: #f8f8f8;
}

table.class_list td{
    border-bottom: 1px solid #d2d2d2;
    padding: 18px 0;
}

table.class_list td:first-child,
table.class_list td:last-child{
    font-size: 18px;
    text-align: center;
}

table.class_list td:nth-child(2){
    padding-left: 13%;
    box-sizing: border-box;
}

table.class_list th:first-child,
table.class_list td:first-child{
    width: 15%;
}

table.class_list th:nth-child(2),
table.class_list td:nth-child(2){
    width: 60%;
}

table.class_list th:last-child,
table.class_list td:last-child{
    width: 25%;
}


/* mypage1_7_royal 마이페이지 - (왕족)회원정보 수정 */
table.information_amend{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
}

table.information_amend th{
    font-weight: normal;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d2d2d2;
    text-align: left;
    width: 23%;
    padding: 0 20px;
    box-sizing: border-box;
}

table.information_amend td{
    border-bottom: 1px solid #d2d2d2;
    padding: 15px 20px;
    box-sizing: border-box;
    width: 77%;
}

table.information_amend td input[type='text'],
table.information_amend td input[type='password']{
    width: 280px;
    height: 30px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}

table.information_amend td input[type='button']{
    width: 120px;
    height: 35px;
    border: 1px solid #313131;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
    margin-left: 30px;
}

.address_select_box{
    width: 280px;
    height: 30px;
    border: 1px solid #dcdcdc;
    position: relative;
}

.address_select_box i{
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: #777;
}


/* mypage1_7_pw 마이페이지 - 비밀번호 확인 */
.pw_confirm{
    width: 100%;
    margin-top: 50px;
    border: 6px solid #eee;
    box-sizing: border-box;
    padding: 70px 0;
}

.pw_confirm span{
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

.pw_input{
    width: 350px;
    height: 35px;
    display: flex;
    align-items: center;
    margin: 30px auto 0;
}

.pw_input input[type='password']{
    width: 260px;
    height: 35px;
    border: 1px solid #bfbfbf;
}

.pw_input input[type='button']{
    width: 90px;
    height: 35px;
    border: 0;
    background-color: #313131;
    color: #fff;
}


/* mypage_1_3_levelup 마이페이지 - 등급업그레이드 */
.level_up02>ul li:nth-child(2),
.level_up02>ul li:last-child{
    width: 30%;
}

.level_up02 .messenger{
    display: inline-block;
}

.level_up02 .messenger .point_icon{
    text-align: center;
}

.level_up02 .messenger .point_text{
    text-align: center;
}

.level_up02 .messenger .point_text p{
    font-size: 20px;
}

.level_up02 .messenger .point_text p strong{
    font-size: 26px;
}

.charge_box{
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 60px;
}

.charge_box p{
    font-size: 20px;
}

.charge_box ul{
    display: flex;
    align-items: center;
    margin-left: 50px;
}

.charge_box ul li{
    width: 150px;
    padding: 10px 0;
    font-size: 18px;
    font-family: 'NanumSquareB';
    text-align: center;
    border: 1px solid #c8ad6d;
    cursor: pointer;
}

.charge_box ul li:first-child{
    background-color: #c8ad6d;
    color: #fff;
}

.charge_box ul li:last-child{
    background-color: #fff;
    color: #c8ad6d;
}

.level_caution{
    width: 100%;
    margin-top: 80px;
}

.caution_title{
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-bottom: 20px;
}

.caution_title i{
    font-size: 25px;
    margin-right: 10px;
}

.level_caution span{
    display: block;
    color: #555;
    font-family: 'NanumSquareR';
    margin-left: 40px;
    line-height: 25px;
}

.level_up_buy{
    width: 100%;
    margin-top: 80px;
}

.l_up_header{
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.l_up_title{
    font-size: 22px;
}

.l_up_header .level_d_btn{
    width: revert;
}

.level_up_buy table{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
    margin-top: 10px;
}

.level_up_buy table th{
    padding: 10px 0;
    font-weight: normal;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d2d2d2;
}

.level_up_buy table td{
    padding: 20px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #d2d2d2;
}

.level_up_buy table th:first-child,
.level_up_buy table td:first-child{
    width: 20%;
}

.level_up_buy table th:nth-child(2),
.level_up_buy table td:nth-child(2){
    width: 25%;
}

.level_up_buy table th:nth-child(3),
.level_up_buy table td:nth-child(3){
    width: 20%;
}

.level_up_buy table th:last-child,
.level_up_buy table td:last-child{
    width: 35%;
}

.payment{
    width: 100%;
    margin-top: 80px;
}

.payment_box{
    width: 100%;
    margin-top: 10px;
    display: flex;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
}

.payment_left{
    width: 55%;
    padding: 30px 20px;
    box-sizing: border-box;
}

.payment_right{
    width: 45%;
    background-color: #f8f8f8;
}

.payment_point{
    width: 100%;
    margin-left: 10px;
}

.payment_point input[type='button']{
    width: 200px;
    height: 60px;
    border: 2px solid #434343;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 20px;
    font-family: 'NanumSquareB';
    background-color: #fff;
}

.payment_money{
    width: 100%;
    margin-top: 80px;
}

.p_m_title{
    width: 100%;
    font-size: 20px;
    color: #555;
    padding-bottom: 10px;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 30px;
    font-family: 'NanumSquareB';
}

.p_m_input{
    width: 100%;
    font-size: 18px;
    margin-top: 15px;
}

.p_m_input input[type='radio']{
    margin: 0 5px 0 20px;
}

.total{
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
}

.total_title{
    width: 100%;
    font-family: 'NanumSquareB';
    font-size: 24px;
    margin-bottom: 30px;
}

.total_1,
.total_2{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.total_1{
    margin-bottom: 10px;
}

.total_2{
    padding-bottom: 20px;
    border-bottom: 1px dashed #bfbfbf;
}

.total_1 p,
.total_2 p{
    font-size: 18px;
}

.total_1 p:first-child,
.total_2 p:first-child{
    color: #555;
}

.total_2 p:last-child{
    color: #ff0000;
}

.total_money{
    width: 100%;
    text-align: right;
    margin-top: 10px;
    font-size: 30px;
    font-weight: bold;
}

.agree_box03{
    width: 100%;
    margin-top: 30px;
    display: flex;
    align-items: baseline;
}

.agree_box03 input{
    margin-right: 10px;
}

.agree_box03>span{
    display: block;
    color: #555;
    font-size: 14px;
}

span.red02{
    color: #ff0000;
}

.payment_btn{
    width: 100%;
}

.payment_btn input[type='button']{
    width: 100%;
    height: 55px;
    background-color: #333;
    font-size: 18px;
    color: #fff;
}


/* mypage1_4 마이페이지 - 쪽지 */
.messenger_box{
    width: 100%;
}

.messenger_tab{
    width: 100%;
}

.messenger_tab ul{
    width: 100%;
    display: flex;
    align-items: center;
}

.messenger_tab ul li{
    width: 33.33%;
    border-top: 1px solid #e5e5e5;
    border-bottom: 2px solid #313131;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
}

.messenger_tab ul li:first-child{
    border-left: 1px solid #e5e5e5;
}

.messenger_tab ul li.on10{
    border-top: 2px solid #313131;
    border-left: 2px solid #313131;
    border-right: 2px solid #313131;
    border-bottom: 0;
    box-sizing: border-box;
}

.messenger_tabcon{
    width: 100%;
    margin-top: 40px;
    display: none;
}

.on10{
    display: block;
}

.messenger_send{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.messenger_send a{
    border: 2px solid #333333;
    width: 150px;
    height: 40px;
    color: #333;
    display: block;
    text-align: center;
    line-height: 35px;
    box-sizing: border-box;
    font-weight: 500;
}

ul.messenger_list{
    width: 100%;
    border-top: 1px solid #505050;
}

ul.messenger_list>li{
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
}

ul.messenger_list>li.m_l_title{
    padding: 10px 0;
    display: flex;
}

ul.messenger_list>li.m_l_title div{
    text-align: center;
}

.m_box_con{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px 0;
    position: relative;
}

.m_box_con div{
    text-align: center;
}

.m_box2,
.m_box3,
.m_box4,
.m_box5{
    font-weight: 500;
}

.m_box1,
.m_box_con1{
    width: 10%;
}

.m_box2,
.m_box_con2{
    width: 10%;
}

.m_box3,
.m_box_con3{
    width: 40%;
}

.m_box4,
.m_box_con4{
    width: 15%;
}

.m_box5,
.m_box_con5{
    width: 15%;
}

.m_box6,
.m_box_con6{
    width: 10%;
}

.m_box_con3{
    text-align: left !important;
    padding-left: 30px;
    box-sizing: border-box;
}

.m_box_con4,
.m_box_con5{
    color: #474747;
}

.m_arrow{
    position: absolute;
    width: 90%;
    height: 100%;
    top: 0;
    right: 0;
}

.m_arrow i{
    color: #777;
    font-size: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding-right: 30px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    text-align: right;
    line-height: 75px;
}

.m_arrow i.xi-angle-up{
    display: none;
}

ul.messenger_con{
    width: 100%;
    background-color: #f8f8f8;
    padding: 20px 40px;
    box-sizing: border-box;
    border-top: 1px solid #d2d2d2;
    display: none;
}

.m_con_text{
    width: 100%;
    font-size: 14px;
    line-height: 25px;
}

.popup17 .pop19{
    width: 70px;
    height: 70px;
    border: 2px solid #e32929;
    box-sizing: border-box;
    border-radius: 100px;
    font-size: 40px;
    color: #df2323;
    font-weight: 300;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.pop_con06{
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
    text-align: center;
}

.pop_con06 strong{
    font-weight: 500;
}


/* mypage1_4_w 마이페이지 - 쪽지 보내기 */
table.messenger_w{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
}

table.messenger_w th,
table.messenger_w td{
    border-bottom: 1px solid #d2d2d2;
}

table.messenger_w th{
    font-weight: normal;
    background-color: #f8f8f8;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: left;
    width: 15%;
}

table.messenger_w td{
    padding: 20px;
    box-sizing: border-box;
    width: 85%;
}

table.messenger_w td input[type='text']{
    width: 70%;
    height: 30px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}

table.messenger_w td textarea{
    width: 90%;
    height: 250px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}

.messenger_w_text{
    width: 100%;
    margin-top: 50px;
    color: #202227;
    display: flex;
    align-items: center;
    justify-content: center;
}

.messenger_w_text i{
    margin-right: 5px;
    font-size: 20px;
}


/* mypage1_6 마이페이지 - 인증서 발급 */
.activity_title03{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}

table.certification{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
}

table.certification th{
    font-weight: 500;
    padding: 10px 0;
    border-bottom: 1px solid #d2d2d2;
}

table.certification td{
    padding: 20px 0;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
}

table.certification td:nth-child(3){
    text-align: left;
    padding-left: 30px;
    box-sizing: border-box;
    cursor: pointer;
}

table.certification td:last-child{
    color: #474747;
}

table.certification th:first-child,
table.certification td:first-child{
    width: 10%;
}

table.certification th:nth-child(2),
table.certification td:nth-child(2){
    width: 15%;
}

table.certification th:nth-child(3),
table.certification td:nth-child(3){
    width: 55%;
}

table.certification th:last-child,
table.certification td:last-child{
    width: 20%;
}

.certification_btn{
    justify-content: flex-start;
}

.sns_box02{
    justify-content: flex-end;
}

/* mypage2_1 내역확인 - 구매내역 */
.history_header{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.activity_title02{
    font-size: 24px;
    color: #555;
    font-weight: 500;
}

.history_input{
    display: flex;
    align-items: center;
}

.w_m_y{
    height: 30px;
    display: flex;
    margin-right: 10px;
}

.w_m_y input[type='button']{
    width: 60px;
    height: 100%;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
}

.history_date{
    height: 30px;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.history_date input[type='date']{
    width: 130px;
    height: 100%;
    border: 1px solid #e5e5e5;
    padding-left: 10px;
    box-sizing: border-box;
}

.history_date input[type='date']:first-child{
    margin-right: 5px;
}

.history_date input[type='date']:last-child{
    margin-left: 5px;
}

.history_lookup input[type='button']{
    width: 70px;
    height: 30px;
    background-color: #333;
    color: #fff;
}

table.history_list{
    margin-top: 20px;
}

table.history_list th{
    font-size: 16px;
    border-bottom: 1px solid #d2d2d2;
}

table.history_list td{
    border-bottom: 1px solid #d2d2d2;
}

table.history_list td:nth-child(2){
    font-size: 16px;
    padding-left: 10px;
    box-sizing: border-box;
    cursor: revert;
}

table.history_list td:nth-child(3){
    color: #474747;
}


table.history_list td input[type='button']{
    width: 80px;
    height: 30px;
    background-color: #f8f8f8;
    border: 1px solid #d2d2d2;
    font-weight: 500;
    color: #777;
    font-family: 'Noto Sans KR', sans-serif;
}

.popup14{
    padding: 30px 30px 100px;
    box-sizing: border-box;
}

.popup14 .history_title{
    font-size: 20px;
    font-family: 'NanumSquareR';
    font-weight: bold;
}

.popup14 table{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
    margin-top: 30px;
}

.popup14 table th{
    border-bottom: 1px solid #d2d2d2;
    background-color: #f8f8f8;
    text-align: left;
    font-weight: normal;
    padding: 0 15px;
    box-sizing: border-box;
    font-family: 'NanumSquareR';
    font-size: 14px;
    width: 30%;
}

.popup14 table td{
    border-bottom: 1px solid #d2d2d2;
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 14px;
    color: #555;
    width: 70%;
}


/* mypage2_2 내역확인 = 1:1 문의 */
table.n_list{
    margin-top: 20px;
}

table.n_list th:nth-child(2),
table.n_list td:nth-child(2){
    width: 55%;
}

table.n_list th:nth-child(3),
table.n_list td:nth-child(3){
    width: 15%;
}

table.n_list td:nth-child(2){
    text-align: left;
    padding-left: 30px;
    box-sizing: border-box;
}

table.n_list td:nth-child(3){
    padding-left: 0;
    color: #474747;
    text-align: center;
}

.n_btn{
    margin-top: 20px;
}

.n_btn input[type='button']{
    height: 35px;
}


/* mypage3_1 스폰서 - 결제내역 */
table.n_list td input[type='button']{
    width: 80px;
    height: 30px;
    background-color: #f8f8f8;
    border: 1px solid #d2d2d2;
    font-weight: 500;
    color: #777;
    font-family: 'Noto Sans KR', sans-serif;
}


/* mypage3_2 스폰서 - 스폰서 등급 */
.sponsor_level{
    width: 100%;
}

.now_level02{
    width: 100%;
    margin-top: 60px;
    border: 6px solid #eee;
    box-sizing: border-box;
    padding: 20px 100px 20px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.now_level02 span{
    display: block;
    color: #202227;
    font-size: 24px;
    line-height: 40px;
}

.now_level02 span strong{
    font-size: 26px;
    border-bottom: 3px solid #202227;
}

.member_level03{
    width: 100px;
    font-size: 22px;
    font-weight: 500;
    color: #202227;
    text-align: center;
}

.level_icon{
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: #f8f8f8;
    text-align: center;
    line-height: 100px;
    color: #b9b9b9;
    margin-bottom: 5px;
}

.level_up03 ul{
    border: 0;
    padding: 70px 0;
    align-items: flex-start;
}

.level_up03 ul li{
    width: 33.33% !important;
    padding: 0;
}

.level_up03 .point_icon{
    font-size: 18px;
    color: #555;
}

.level_up03 .point_icon img{
    margin-bottom: 10px;
}

.level_up03 .point_text{
    font-size: 22px;
    margin-top: 40px;
}

.level_up03 .point_text strong{
    font-size: 28px;
}

.level_up03 ul li:nth-child(2) .point_text{
    margin-top: 30px;
}

table.sponsor_level_lest{
    width: 100%;
    border-top: 1px solid #505050;
    border-collapse: collapse;
}

table.sponsor_level_lest th{
    padding: 15px 0;
    font-weight: normal;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d2d2d2;
}

table.sponsor_level_lest td{
    padding: 10px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #d2d2d2;
    word-break: keep-all;
}

table.sponsor_level_lest th:first-child,
table.sponsor_level_lest td:first-child{
    border-right: 1px solid #d2d2d2;
    box-sizing: border-box;
    width: 20%;
}

table.sponsor_level_lest th:last-child,
table.sponsor_level_lest td:last-child{
    width: 80%;
}


/* mypage3_3 스폰서 - 정보수정 */
.information_change .sub5_box03{
    margin-top: 50px;
}

table.info_c{
    margin-top: 0;
}

table.info_c th{
    width: 25%;
}

table.info_c td{
    width: 75%;
}


/* mypage3_4_booht 스폰서 - 컨텐츠 관리 - 스폰서 부스 관리 */
.container_box{
    width: 100%;
}

.container_tab{
    width: 100%;
}

.container_tab ul{
    width: 100%;
    display: flex;
    align-items: center;
}

.container_tab ul li{
    width: 33.33%;
    border-top: 1px solid #e5e5e5;
    border-bottom: 2px solid #313131;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
}

.container_tab ul li:first-child{
    border-left: 1px solid #e5e5e5;
}

.container_tab ul li.on11{
    border-top: 2px solid #313131;
    border-left: 2px solid #313131;
    border-right: 2px solid #313131;
    border-bottom: 0;
    box-sizing: border-box;
}

.container_tabcon{
    width: 100%;
    margin-top: 40px;
}

.on11{
    display: block;
}

table.info_c td textarea{
    width: 100%;
    height: 150px;
    border: 1px solid #dcdcdc;
}

.flex_box input[type='button'].border_btn{
    background-color: #fff;
    border: 1px solid #333;
    box-sizing: border-box;
    color: #333;
}

.add_plus{
    display: none;
}

/* mypage4_1 광고제휴 - 결제내역 */
.m_l_text02{
    font-size: 20px;
    line-height: 32px;
}


/* mypage4_2 광고제휴 - 배너관리 */
.banner_box02{
    margin-top: 20px;
}


/* sub2_detail02 촛불집회 - 결과상세 */
.box_img04{
    width: 100%;
    display: flex;
}

.box_img04_1{
    width: 60%;
}

.box_img04_2{
    width: 40%;
}

.sex_percent{
    width: 260px;
    display: flex;
}

.sex_percent div{
    width: 50%;
    text-align: center;
    padding: 15px 0 20px;
    font-size: 25px;
    font-family: 'NanumSquareEB';
}

.m{
    color: #69b3e4;
}

.w{
    color: #ea6674;
}

.human_box{
    width: 260px;
    height: 230px;
    display: flex;
    align-items: center;
    background-color: #dad9da;
}

.man{
    position: relative;
    width: 100%;
    height: 100%;
}

.woman{
    position: relative;
    width: 100%;
    height: 100%;
}

.man .bg01{
    background-color: #69b3e4;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0%;
}

.woman .bg02{
    background-color: #ea6674;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0%;
}

.man img,
.woman img{
    position: absolute;
}

p.flex02{
    position: relative;
    padding: 0 30px 0 90px;
}

p.flex02 img{
    position: absolute;
    left: 30px;
    bottom: 0;
}

p.flex02 img:last-child{
    animation: blink 0.5s ease-in-out infinite alternate;
}

@keyframes blink{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-ms-keyframes blink{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.box_img05{
    width: 100%;
    display: flex;
}

.box_img05_1{
    width: 50%;
    padding-top: 30px;
    box-sizing: border-box;
    height: 250px;
}

.box_img05_2{
    width: 50%;
    padding-top: 173px;
    height: 250px;
}

.graph_box{
    width: 100%;
    display: flex;
}

.graph_box02{
    width: 60%;
    height: 300px;
}

#piechart,
#barchart_values,
#columnchart_material,
#top_x_div01,
#top_x_div02,
#chart_div{
    height: 100%;
}

#top_x_div02{
    transform: rotate(180deg);
}

































/* mobile */
@media screen and (max-width: 767px){

    .day_box{
        display: block;
    }

    .day_box input[type='date']{
        width: 43% !important;
        font-size: 10px;
    }

    .day_box input[type='date']:first-child{
        margin-right: 5px;
    }

    .day_box input[type='date']:last-child{
        margin-left: 5px;
    }

    .select_box{
        width: 100%;
    }

    /* sub1 */
    .m_sub_tab{
        display: block;
    }

    .m_sub_tab05 ul{
        background-color: #f8f8f8;
    }

    .m_sub_tab05 ul li{
        width: 33.33%;
        word-break: keep-all;
        padding: 5px 10px;
        box-sizing: border-box;
        float: left;
    }

    .m_sub_tab_mp>ul>li{
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .sub_title{
        display: none;
    }

    .vote_write_btn{
        display: none;
    }

    .best10{
        width: 100%;
        margin-top: 0;
        background-color: #fff;
        padding: 10px;
        box-sizing: border-box;
    }

    .title_tab{
        display: revert;
    }

    .best10_title{
        font-size: 20px;
    }

    .best_tab{
        width: 100%;
        margin-top: 10px;
    }

    .best_tab ul li{
        width: 25%;
        padding: 7px 0;
        font-size: 14px;
    }

    .best_content{
        margin-top: -2px;
        display: revert;
    }

    ul.best_list{
        width: 100%;
    }

    ul.best_list li{
        padding: 10px;
    }

    .today_new{
        width: 100%;
        margin-top: 10px;
        padding: 10px;
        box-sizing: border-box;
        background-color: #fff;
    }

    .title_tab01{
        display: flex;
    }

    table.today_new_list th{
        padding: 5px 0;
    }

    table.today_new_list td{
        padding: 10px 0;
    }

    table.today_new_list td:nth-child(3){
        font-size: 16px;
        text-align: center;
    }

    table.today_new_list th:first-child,
    table.today_new_list td:first-child{
        display: none;
    }

    table.today_new_list th:nth-child(2),
    table.today_new_list td:nth-child(2){
        width: 20%;
    }

    table.today_new_list th:nth-child(3),
    table.today_new_list td:nth-child(3){
        width: 60%;
    }

    table.today_new_list th:nth-child(4),
    table.today_new_list td:nth-child(4){
        display: none;
    }

    table.today_new_list th:nth-child(5),
    table.today_new_list td:nth-child(5){
        display: none;
    }

    table.today_new_list th:last-child,
    table.today_new_list td:last-child{
        width: 20%;
    }

    .page_btn{
        margin-top: 30px;
    }

    .page_btn03{
        justify-content: flex-start;
    }

    .vote_write_btn02{
        margin-top: -35px;
    }

    .vote_write_btn02 a{
        width: 150px;
        height: 35px;
        line-height: 35px;
    }

    .input_box{
        width: 100%;
        margin: 10px 0 0 0;
    }

    .select01,
    .select02{
        width: 70px;
    }

    .select01 i,
    .select02 i{
        font-size: 12px;
        right: 5px;
    }


    .search input[type='text']{
        width: 130px;
    }

    .search input[type='button']{
        width: 60px;
    }

    .sub1_tab{
        width: 100%;
        padding: 10px;
        background-color: #fff;
    }

    .sub1_tab ul li{
        width: 49%;
        margin: 0 0.5% 1%;
        padding: 15px 0;
        border: 1px solid #d2d2d2;
        color: #111;
        font-family: 'NanumSquareR';
        font-weight: bold;
        text-align: center;
        float: left;
        box-sizing: border-box;
        cursor: pointer;
    }

    .main_box03_1_1{
        width: 100%;
    }

    .popup{
        width: 70%;
        padding: 30px 10px;
        box-sizing: border-box;
    }

    .pop_title{
        font-size: 18px;
        margin-bottom: 5px;
    }

    .pop_con{
        word-break: keep-all;
    }

    .pop_input{
        margin-top: 20px;
    }

    .pop_input input[type='password']{
        width: 150px;
        height: 30px;
    }

    .pop_input input[type='button']{
        width: 60px;
        height: 30px;
    }


    /* sub1_w */
    table.vote_w{
        margin-top: 0;
        background-color: #fff;
    }

    table.vote_w th{
        width: 33%;
        font-size: 12px;
        padding: 0 5px;
        box-sizing: border-box;
        word-break: keep-all;
    }

    table.vote_w td{
        width: 67%;
        padding: 10px;
        font-size: 12px;
    }

    table.vote_w td input[type='text']{
        width: 100%;
        height: 30px;
    }

    .radio_box{
        font-size: 10px;
    }

    .code_box{
        display: revert;
    }

    .code_box input[type='text']{
        width: 100% !important;
    }

    .code_box p{
        word-break: keep-all;
        margin: 5px 0 0 0;
    }

    table.vote_w td textarea{
        width: 100%;
        height: 200px;
    }

    .file_box input[type='text']{
        width: 80% !important;
    }

    .file_box input[type='button']{
        width: 60px;
        font-size: 12px;
        margin-left: 10px;
    }

    .file_box01{
        display: revert;
    }

    .date_box{
        margin: 5px 0 0 0;
        display: none;
    }

    .date_box input[type='date']{
        width: 100px;
        height: 30px;
        font-size: 12px;
    }

    .date_box input[type='date']:first-child{
        margin-right: 5px;
    }

    .date_box input[type='date']:last-child{
        margin-left: 5px;
    }

    .vote_btn{
        padding: 10px 0 20px;
        margin: 0;
        background-color: #fff;
    }

    .vote_btn input[type='button']{
        width: 110px;
        height: 35px;
    }

    .popup03{
        padding: 30px 10px;
    }

    .pop_title01 strong{
        font-size: 18px;
    }

    .inner_list{
        width: 100%;
        margin-top: 20px;
    }

    .inner_box input[type='text'],
    .inner_box02 input[type='text']{
        height: 30px;
    }

    .p_m_btn div{
        width: 25px;
        height: 25px;
        margin: 4.5px 0;
    }


    /* sub2_w */
    .sub_text{
        margin-top: 0 !important;
        margin-bottom: 10px;
        font-size: 12px;
        padding: 0 20px;
        box-sizing: border-box;
    }


    /* login */
    .login_box02{
        display: block;
        padding: 30px;
    }

    .login{
        width: 85%;
    }

    .login_box02 .id,
    .login_box02 .pw{
        height: 40px;
    }

    .login_box02 input[type='button']{
        height: 50px;
        font-size: 18px;
    }

    .find_join{
        margin-top: 10px;
    }

    .find_join ul li{
        font-size: 16px;
    }



    /* pw_find */
    .login p{
        font-size: 20px;
        margin: 0 0 20px 0;
    }

    .pw_find_box{
        padding: 30px;
    }

    .pw_text{
        font-size: 16px;
        line-height: 25px;
    }

    .pw_find_box input[type='button']{
        height: 50px;
        font-size: 20px;
        margin-top: 20px;
    }


    /* confirm */
    .join_bg02{
        padding: 10% 0;
        width: 100%;
    }

    .confirm_box{
        margin-top: 0;
    }

    .confirm_box p.title{
        font-size: 20px;
    }

    .confirm_box .title_bar{
        width: 25px;
        margin: 8px auto 0;
    }

    .confirm_box02{
        margin-top: 60px;
        padding: 0 10px;
    }

    p.process_t{
        font-size: 14px;
        margin: 10px 0 0 0;
    }

    .process_box{
        margin-top: 30px;
    }

    .phone_circle{
        width: 80px;
        height: 80px;
    }

    .phone_circle i{
        font-size: 50px;
    }

    p.process_t02{
        font-size: 18px;
        margin: 20px 0 10px;
    }

    p.process_t03{
        font-size: 16px;
    }

    .p_btn{
        margin-top: 20px;
    }


    /* join */
    .join_check{
        font-size: 16px;
    }

    .agree_box{
        margin-top: 20px;
    }

    .agree_check{
        font-size: 15px;
    }

    .agree_textbox{
        font-size: 14px;
    }

    table.join_list{
        margin-top: 20px;
    }

    table.join_list th{
        width: 38%;
        font-size: 14px;
        padding-top: 10px;
    }

    table.join_list td{
        width: 62%;
        padding-top: 20px;
    }

    .nickname input[type='button']{
        width: 60px;
        height: 30px;
        font-size: 12px;
    }

    p.nick_confirm{
        font-size: 12px;
        margin: 5px 0 0 0;
    }

    .address_select select{
        font-size: 14px;
    }

    .join_box>input[type='button']{
        height: 50px;
        font-size: 16px;
        margin-top: 30px;
    }


    /* join_success */
    p.process_t04{
        font-size: 18px;
        margin-top: 20px;
    }


    /* sub11_1 */
    .sub_content{
        display: revert;
    }

    .left_gnb{
        display: none;
    }

    .right_sub_con{
        width: 100%;
        background-color: #fff;
        padding: 10px 10px 20px;
        box-sizing: border-box;
    }

    .right_sub_con02{
        height: revert;
    }

    .title_box02{
        padding: 0;
    }

    .title_box02 p{
        font-size: 18px;
    }

    ul.guide{
        margin-top: 20px;
    }

    ul.guide li .guide_thumb{
        height: 100px;
    }

    .guide_text{
        font-size: 14px;
        margin-top: 5px;
        word-break: keep-all;
    }


    /* sub11_3 */
    table.qna_list{
        margin-top: 20px;
    }

    table.qna_list th{
        padding: 5px 0;
        font-size: 14px;
    }

    table.qna_list td{
        padding: 10px 0;
        font-size: 12px;
    }

    table.qna_list td:nth-child(2){
        font-size: 14px;
        text-align: center;
    }

    table.qna_list th:first-child,
    table.qna_list td:first-child{
        display: none;
    }

    table.qna_list th:nth-child(2),
    table.qna_list td:nth-child(2){
        width: 40%;
    }
    table.qna_list th:nth-child(3),
    table.qna_list td:nth-child(3){
        width: 15%;
    }

    table.qna_list th:nth-child(4),
    table.qna_list td:nth-child(4){
        width: 25%;
    }

    table.qna_list th:last-child,
    table.qna_list td:last-child{
        width: 20%;
    }

    .qna_w_btn{
        margin-top: 10px;
    }

    .qna_w_btn a{
        width: 150px;
        height: 35px;
        font-size: 16px;
        line-height: 35px;
    }

    .page_btn02{
        margin-top: -20px;
        justify-content: flex-start;
    }


    /* sub11_3_w */
    table.qna_w{
        margin-top: 20px;
    }

    table.vote_w02 th{
        font-size: 14px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    table.qna_w td.qna_pw{
        font-size: 12px;
    }

    table.qna_w td.qna_pw input[type='password']{
        width: 100%;
        margin-right: 0;
    }

    .vote_btn03{
        padding-bottom: 0;
    }


    /* sub11_3_detail */
    table.qna_d{
        margin-top: 20px;
    }

    .answer{
        font-size: 18px;
        margin: 30px 0 10px;
    }

    table.qna_d02 th{
        width: 25%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    table.qna_d02 td.w_td01{
        width: 25%;
    }

    table.qna_d02 td.w_td02{
        width: 26%;
        text-align: center;
    }

    table.qna_d03 th{
        width: 22.5%;
        padding: 0 10px;
    }


    /* sub11_4 */
    .right_sub_header{
        display: revert;
        padding-bottom: 10px;
    }

    .r_header01{
        font-size: 20px;
    }

    .r_header01 span{
        font-size: 14px;
    }

    .r_header02{
        width: 100%;
        display: revert;
        margin-top: 10px;
    }

    .r_header_search{
        width: 100%;
    }

    .r_header_search input[type='text']{
        width: 90%;
    }

    .r_header_search i{
        width: 40px;
    }

    .cc_box{
        width: revert;
        margin-top: 10px;
    }

    .keyword_box{
        padding: 10px 0 10px 5%;
        margin: 30px auto;
    }

    .faq_con_title{
        font-size: 18px;
        margin-bottom: 10px;
    }

    .keyword_box ul li{
        width: 50%;
        padding: 2% 5%;
        font-size: 14px;
    }

    .top10_list{
        padding: 10px 20px;
    }

    .icon_q{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .faq_arrow i{
        padding-right: 20px;
        line-height: 50px;
    }

    ul.faq_con{
        padding: 20px;
    }

    .icon_a{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }


    /* sub11_2 */
    .content_tab{
        width: 100%;
        margin-top: 20px;
    }

    .content_tab ul li{
        font-size: 12px;
        padding: 5px 0;
    }

    .content_con{
        margin-top: 10px;
    }

    .content_con ul li{
        width: 33.33%;
        float: left;
        padding: 1% 1% 20px;
        box-sizing: border-box;
    }

    .content_thumb{
        height: 100px;
    }

    .content_title{
        font-size: 14px;
        margin-top: 5px;
        word-break: keep-all;
    }

    .page_btn04{
        margin-top: 10px;
    }


    /* sub7 */
    .news_apply_btn{
        margin-top: 0;
        padding: 10px 10px 20px;
        box-sizing: border-box;
        background-color: #fff;
    }

    .news_apply_btn a{
        width: 150px;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
        background-color: #fff;
    }

    .real_news{
        background-color: #fff;
        padding-bottom: 20px;
    }

    ul.real_news_list{
        width: 100%;
        padding: 0 10px 0;
        box-sizing: border-box;
    }

    ul.real_news_list li{
        width: 100%;
        padding: 10px 5%;
        margin: 0 0 20px;
        align-items: center;
        box-sizing: border-box;
    }

    .news_thumb{
        width: 30%;
        height: 100px;
    }

    .news_text{
        width: 70%;
        padding: 0 0 0 15px;
        display: revert;
    }

    .news_title{
        font-size: 18px;
    }

    .news_title p{
        margin-top: 15px;
    }

    .views{
        font-size: 16px;
        margin-top: 5px;
    }

    .views span{
        margin: 0 5px;
    }


    /* sub7_apply */
    .qna_w_btn02{
        padding: 0 10px;
        box-sizing: border-box;
    }

    table.qna_list02{
        margin-top: 0;
    }


    /* sub7_apply_detail */
    .real_news_box{
        width: 100%;
        background-color: #fff;
        padding: 10px 10px 20px;
        box-sizing: border-box;
    }

    table.news_apply_d{
        margin-top: 10px;
    }

    table.news_apply_d th{
        font-size: 20px;
        font-weight: 500;
        padding: 10px 0;
    }

    table.news_apply_d td{
        padding: 20px 0;
    }

    table.news_apply_d td.a_d{
        padding: 5px 0 10px;
    }

    .name_day{
        font-size: 12px;
    }

    .view02{
        font-size: 12px;
    }

    .name_day span{
        margin-left: 10px;
    }

    .view02 span:first-child{
        margin-right: 10px;
    }

    .answer02{
        margin-top: 10px;
    }

    .answer02 p{
        font-size: 18px;
    }

    .answer02 textarea::placeholder{
        font-size: 14px;
    }

    .apply_con{
        width: 100%;
        height: 200px;
    }



    /* sub3 */
    table.today_new_list02 th:first-child,
    table.today_new_list02 td:first-child{
        display: none;
    }

    table.today_new_list02 th:nth-child(2),
    table.today_new_list02 td:nth-child(2){
        width: 20%;
    }

    table.today_new_list02 th:nth-child(3),
    table.today_new_list02 td:nth-child(3){
        width: 60%;
    }

    table.today_new_list02 th:nth-child(4),
    table.today_new_list02 td:nth-child(4){
        display: none;
    }

    table.today_new_list02 th:last-child,
    table.today_new_list02 td:last-child{
        width: 20%;
        display: revert;
    }


    /* sub3_main */
    .main_box04{
        width: 100%;
        margin-bottom: 0;
        margin-top: 0;
    }

    .main_box04 .main_box03_3{
        margin-top: 0;
        height: revert;
    }

    .main_box01_1{
        width: 100%;
        margin-top: 0;
    }

    .left_conbox03{
        width: 100%;
    }

    .right_conbox03{
        width: 100%;
    }

    .big_content{
        width: 100%;
        margin-top: 10px;
        background-color: #fff;
        padding: 10px 10px 20px;
        box-sizing: border-box;
    }

    .big_box01 .tv{
        margin-top: 0;
    }

    .big_box01{
        align-items: center;
    }

    .big_box02 .tc p{
        font-size: 18px;
        margin: 10px 0 5px;
    }

    .big_box02 .tc span{
        font-size: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        word-break: keep-all;
        -webkit-line-clamp: 1;
    }

    .content_inner03{
        width: 100%;
        margin-top: 10px;
        background-color: #fff;
        padding: 10px 10px 20px;
        box-sizing: border-box;
    }

    .content_inner03 ul li{
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .content_inner03 ul li:not(:last-child){
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

    .content_inner03 ul li:last-child{
        margin-bottom: 0;
    }

    .c_i_thumb{
        width: 40%;
        height: revert;
    }

    .c_i_thumb img{
        width: 100%;
        height: auto;
    }

    .c_i_text{
        padding-left: 10px;
        width: 60%;
    }

    .tt{
        font-size: 12px;
        padding: 2px 5px;
    }

    .tc p{
        font-size: 16px;
        margin: 10px 0 5px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .tc span{
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        word-break: keep-all;
        -webkit-line-clamp: 1;
        font-size: 14px;
    }

    .tv{
        margin-top: 10px;
    }

    .mdpick_box{
        width: 100%;
        margin-top: 10px;
        background-color: #fff;
        padding-top: 10px;
    }

    .vip_box{
        width: 100%;
        margin-top: 10px;
        background-color: #fff;
        padding: 10px 0 20px;
    }

    .vip_box .vip_img img{
        width: 50%;
        height: auto;
    }

    .tab_container_box{
        width: 100%;
        margin-top: 10px;
    }

    .tab_container{
        width: 100%;
        margin-top: 10px;
        background-color: #fff;
        box-sizing: border-box;
    }

    .vote_btn02{
        width: 100%;
        margin-top: 10px;
    }

    .vote_btn02 a{
        background-color: #fff;
        border: 1px solid #313131;
        font-weight: 500;
        font-size: 19px;
    }

    .ranking_box01{
        width: 100%;
        margin-top: 10px;
    }

    .ranking_box02{
        width: 100%;
        margin-top: 10px;
    }

    .logo_box02{
        width: 100%;
        background-color: #fff;
        margin-top: 10px;
        padding: 10px 10px 20px;
        box-sizing: border-box;
    }


    /* sub3_detail02 */
    .content_center02{
        background-color: #fff;
    }

    .input_box02{
        justify-content: center;
        padding-top: 15px;
    }

    .input_box02 input[type='button']{
        width: 23%;
    }

    .input_box02 input[type='button']:not(:last-child){
        margin-right: 5PX;
    }

    .sub3_header{
        margin-top: 20px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .sub3_header img{
        display: none;
    }

    .sub3_title{
        margin-top: 0;
        font-size: 20px;
    }

    .time{
        margin-top: 0;
        font-size: 12px;
        text-align: center;
        margin-top: 5px;
    }

    .box01{
        margin-top: 30px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .little_title{
        font-size: 18px;
    }

    table.sub3_d{
        margin-top: 0;
    }

    .box02{
        margin-top: 30px;
        padding: 10px;
        box-sizing: border-box;
    }

    .box02 p{
        font-size: 18px;
    }

    .box03{
        padding: 0 10px;
        margin-top: 30px;
        box-sizing: border-box;
    }

    .box03 p{
        font-size: 20px;
        padding: 0 20px;
    }

    .in_box{
        padding: 20px 0 10px;
        font-size: 18px;
    }

    .in_box strong{
        font-size: 20px;
    }

    .in_box ul li{
        font-size: 14px;
    }

    .in_box ul li strong{
        font-size: 20px;
    }

    .box04{
        margin-top: 50px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .box06{
        margin-top: 50px;
        padding: 0 20px;
        box-sizing: border-box;
        display: revert;
    }

    .box07{
        width: 100%;
    }

    .box08{
        width: 100%;
        margin-top: 50px;
    }

    .box08 .little_title{
        text-align: left;
    }

    .box09{
        margin-top: 50px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .box09 ul{
        margin-top: 10px;
    }

    .box09 ul li{
        padding: 10px;
        display: revert;
    }

    .t01{
        font-size: 18px;
        width: revert;
    }

    .t02{
        font-size: 16px;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-top: 5px;
    }

    .t03{
        justify-content: flex-end;
        width: revert;
        margin-top: 10px;
    }

    .finger{
        font-size: 12px;
    }

    .finger img{
        width: 25px;
    }

    .box10{
        margin-top: 50px;
        padding: 0 20px 20px;
        box-sizing: border-box;
    }

    .box_img02{
        height: 250px;
        padding-top: 10px;
    }

    .box_img03{
        height: 250px;
        padding-top: 10px;
    }

    .box04 .good_bad{
        margin-top: 20px;
    }

    .good, .bad{
        font-size: 20px;
    }

    .good img, .bad img{
        width: 80px;
    }

    .box_img05_1{
        padding-top: 10px;
        height: 150px;
    }

    .box_img05_2{
        padding-top: 72px;
        height: 150px;
    }

    .box_img01{
        width: 60%;
        height: 250px;
        margin: 0 auto;
    }

    #chart_div{
        height: 100%;
    }

    .box_img04{
        display: revert;
    }

    .box_img04_1{
        width: 100%;
    }

    .box_img04_2{
        width: 100%;
    }

    .sex_percent{
        margin: 0 auto;
    }

    .human_box{
        margin: 0 auto;
    }

    table.person_list{
        margin-top: 10px;
    }

    table.person_list th{
        font-size: 14px;
        padding: 5px 0;
    }

    table.person_list td{
        padding: 10px 0;
        font-size: 14px;
    }

    table.person_list th:first-child,
    table.person_list td:first-child{
        display: none;
    }

    table.person_list th:nth-child(2),
    table.person_list td:nth-child(2){
        width: 15%;
    }

    table.person_list th:nth-child(3),
    table.person_list td:nth-child(3){
        width: 40%;
    }

    table.person_list th:nth-child(4),
    table.person_list td:nth-child(4){
        width: 30%;
    }

    table.person_list th:last-child,
    table.person_list td:last-child{
        width: 15%;
    }


    /* sub3_detail */
    .img_box{
        margin-top: 0;
        background-color: #fff;
        padding: 20px 0 0;
    }

    .img_box img{
        width: 50%;
    }

    p.flex{
        padding: 0 10px;
    }

    p.flex img{
        width: 30px;
        margin-left: 5px;
    }

    .btn_box01{
        margin-top: 30px;
    }

    .btn_box02{
        margin-top: 5px;
    }

    .btn_box01,
    .btn_box02{
        padding: 0 20px;
        box-sizing: border-box;
    }

    .btn_box01 input[type='button'],
    .btn_box02 input[type='button']{
        height: 40px;
        font-size: 16px;
    }

    .content_box{
        padding: 30px 20px 30px;
        box-sizing: border-box;
    }

    .graph_box{
        width: 100%;
        display: revert;
    }

    .good_bad{
        margin-top: 30px;
    }

    .content_box_btn{
        padding: 0 20px;
        box-sizing: border-box;
    }

    .comment_box{
        padding: 0 10px;
        box-sizing: border-box;
        margin-top: 30px;
    }

    .comment_header{
        margin-bottom: 5px;
    }

    .comment_how{
        font-size: 18px;
    }

    .comment_how strong{
        font-size: 20px;
    }

    .comment_tab ul li{
        padding: 0 10px;
        font-size: 14px;
    }

    .comment_tab ul li i{
        font-size: 16px;
    }

    .comment_w textarea{
        height: 80px;
        width: 75%;
    }

    .comment_w textarea::placeholder{
        font-size: 14px;
    }

    .comment_w input[type='button']{
        font-size: 16px;
        width: 25%;
    }

    .warning{
        align-items: flex-start;
        margin-top: 5px;
        font-size: 12px;
    }

    .warning i{
        font-size: 16px;
    }

    .commnet_l_box{
        margin-top: 20px;
    }

    .c_box{
        padding: 10px;
        align-items: flex-end;
    }

    .comment_id{
        margin-bottom: 5px;
        font-size: 14px;
    }

    .comment_text{
        display: revert;
    }

    .comment_text span{
        font-size: 14px;
    }

    .del{
        margin-left: 0;
        margin-top: 5px;
    }

    .del input[type='button']{
        font-size: 12px;
        margin: 0;
    }

    .comment_time{
        margin: 5px 0 10px;
    }

    .comment_time p{
        font-size: 12px;
    }

    .report{
        font-size: 12px;
        margin-left: 10px;
    }

    .reply{
        font-size: 12px;
    }

    .page_btn05{
        margin-top: 30px;
        padding-bottom: 20px;
        justify-content: center;
    }

    .box_img04_2_1{
        width: 195px;
        margin: 0 auto;
    }

    .box_img04_2_1 .sex_percent{
        width: 100%;
    }

    .box_img04_2_1 .human_box{
        width: 100%;
        height: 172px;
    }

    .box_img04_2_1 .human_box img{
        width: 100%;
    }

    .graph_box03{
        width: 100%;
        height: 250px;
    }

    .content_box_btn{
        margin-top: 10px;
    }

    .content_box_btn input[type='button']{
        font-size: 14px;
        width: 100px;
        height: 35px;
    }

    .pop_con02{
        font-size: 16px;
    }

    .pop_btn02{
        margin-top: 20px;
    }


    /* sub5_4 */
    .content_center03{
        padding-top: 10px;
        background-color: #fff;
    }

    .sponsor_news{
        margin-top: 0;
        padding-top: 20px;
    }


    /* sub10_guidance */
    .sub_title03{
        display: block;
        font-size: 18px;
        padding-bottom: 10px;
    }

    .guidance_box{
        width: 95%;
        margin: 0 auto;
        background-color: #fff;
        padding: 0;
    }

    .guidance_box textarea{
        height: 300px;
    }

    .guidance_btn{
        margin: 30px 0 0 0;
        padding-bottom: 20px;
    }

    .guidance_btn input[type='button']{
        width: 100px;
        height: 35px;
        font-size: 12px;
        color: #fff;
    }


    /* sub9_1 */
    .h_img_box{
        margin-top: 20px;
    }

    .h_text{
        font-size: 16px;
        margin-top: 20px;
        word-break: keep-all;
    }

    .h_text strong{
        font-size: 20px;
        margin-bottom: 5px;
    }

    .vertical_bar{
        height: 50px;
        margin: 10px auto;
    }

    .h_context{
        font-size: 14px;
        word-break: keep-all;
        line-height: 25px;
    }


    /* sub9_2 */
    ul.the_news{
        margin-top: 20px;
    }

    ul.the_news li{
        padding: 10px 0;
        display: revert;
    }

    .number_bg{
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 20px;
    }

    .the_news_con{
        font-size: 14px;
        line-height: 25px;
        width: 90%;
        padding-right: 0;
        margin: -22px 0 0 30px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: keep-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        word-break: normal;
    }

    .the_news_con strong{
        font-size: 16px;
        margin-bottom: 10px;
    }

    .the_news_day{
        font-size: 12px;
        text-align: right;
        margin-top: 10px;
    }


    /* sub5_4_detail */
    .sns_box{
        padding: 0 10px;
        box-sizing: border-box;
        margin: 0;
        justify-content: flex-end;
    }

    .sns_box img{
        width: 40px;
        margin: 5px 5px 0 0;
    }

    .news_d_btn{
        padding: 10px;
        box-sizing: border-box;
    }

    table.news_apply_d02{
        margin-top: 0;
    }

    .com_box{
        padding: 0 10px;
        box-sizing: border-box;
    }

    .prev_next{
        width: 100%;
        margin: 30px 0 50px;
    }

    .prev_next ul li{
        padding: 5px 10px;
    }

    .prev,
    .next{
        font-size: 14px;
    }

    .prev i,
    .next i{
        font-size: 16px;
    }


    /* sub5_2 */
    .sponsor_container{
        margin-top: 0;
        padding: 10px 10px 20px;
        box-sizing: border-box;
    }

    .sponsor_title{
        font-size: 14px;
    }

    .circle{
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }

    ul.sponsor li img{
        width: 80%;
    }

    ul.sponsor02 li{
        font-size: 14px;
        padding: 20px 0 40px;
    }

    .sponsor_img{
        width: 85%;
        margin: 10px auto 5px;
    }


    /* sub5_4_detail */
    .sns_box{
        padding: 0 10px;
        box-sizing: border-box;
    }

    .news_d_btn{
        padding: 10px;
        box-sizing: border-box;
    }

    .prev_next{
        margin-top: 50px;
    }


    /* sub5_2 */
    .sponsor_container{
        margin-top: 20px;
        padding: 0 10px 20px;
        box-sizing: border-box;
    }


    /* sub5_2_detail */
    .sponsor_detail_box01{
        margin-top: 0;
        padding: 20px 10px;
        display: revert;
    }

    .sponsor_vidio,
    .s_img{
        width: 100%;
        height: 150px;
        line-height: 150px;
    }

    .sponsor_name {
        width: 100%;
    }

    .sponsor_name p{
        font-size: 18px;
        margin: 20px 0 10px;
    }

    .sponsor_name p span{
        font-size: 20px;
    }

    .home,
    .tel{
        font-size: 14px;
    }

    .home i,
    .tel i{
        font-size: 16px;
        margin-right: 10px;
    }

    .home{
        margin-bottom: 5px;
    }

    .s_text textarea {
        height: 150px;
    }

    .sponsor_detail_box02{
        padding: 0;
        box-sizing: border-box;
        margin-top: 30px;
    }

    .sponsor_thumb{
        padding: 20px 10px;
        display: revert;
    }

    .s_text{
        width: 100%;
        margin-top: 20px;
    }

    .s_text span{
        font-size: 14px;
        line-height: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: keep-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }

    .download{
        margin-top: 10px;
    }

    .btn_box{
        width: 200px;
        height: 40px;
        margin: 0;
    }

    .btn_box input[type='button']{
        font-size: 14px;
    }

    .more_img{
        margin-top: 20px;
    }

    .s_img2{
        height: 100px;
        line-height: 100px;
    }

    .more_imgpop img{
        width: 80%;
    }

    .img_hover i{
        font-size: 20px;
    }



    /* sub5_1 */
    .product_box{
        margin-top: 0;
        padding: 0 10px;
        display: revert;
    }

    .product_select{
        width: 100%;
        margin-top: 5px;
    }

    ul.product_list{
        margin-top: 20px;
    }

    ul.product_list li{
        width: 33.33%;
        padding: 0 2.5% 40px;
    }

    .product_thumb{
        height: 100px;
    }

    .product_title{
        font-size: 16px;
        word-break: keep-all;
        margin-top: 5px;
    }

    .product_price{
        font-size: 14px;
    }


    /* sub8_3 */
    .sub_mini_text{
        margin-top: 0;
    }

    .point_tab{
        margin-top: 20px;
        padding: 0 10px;
    }

    .point_tab ul li{
        padding: 5px 0;
        font-size: 13px;
    }

    .point_tabcon{
        margin-top: 20px;
    }

    .point_tabcon ul li{
        width: 48%;
    }

    .point_tabcon ul li:last-child{
        display: none;
    }


    /* youtube01 */
    table.ytb th{
        padding: 10px;
        box-sizing: border-box;
    }

    table.ytb td.a_d{
        padding: 5px 10px 10px;
        box-sizing: border-box;
    }

    .ytb_img,
    .ytb_video{
        width: 90%;
        height: 150px;
        line-height: 150px;
    }

    .ytb_img{
        margin-bottom: 10px;
    }

    .ytb_img2{
        margin-top: 20px;
    }

    .ytb_link{
        width: 90%;
        font-size: 12px;
        margin: 10px auto 0;
    }

    .vote_input{
        margin-top: 30px;
    }

    .vote_input p{
        font-size: 20px;
    }

    .ytb_r_box{
        margin-top: 10px;
    }

    .vote_radio{
        font-size: 16px;
    }

    .ytb_vote_btn{
        margin: 10px 0 20px;
    }

    .sns_box03{
        margin-top: -10px;
    }

    .vote_result{
        margin-top: 50px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .vote_result_box{
        margin-top: 50px;
    }

    .vote_result_box ul li{
        padding-right: 0;
    }

    .vote_result_box ul li p{
        font-size: 16px;
        width: 30%;
    }

    .vote_result_box ul li:not(:last-child){
        margin-bottom: 10px;
    }

    .vote_bar{
        width: 70%;
        font-size: 16px;
        padding: 10px 20px;
    }

    .btn_container{
        margin-top: 30px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .btn_container button{
        height: 35px;
        font-size: 16px;
    }

    .btn_container button:first-child{
        margin-bottom: 10px;
    }

    .btn_input{
        margin: 20px 0 50px;
    }

    .btn_input input[type='button']{
        height: 35px;
        font-size: 14px;
        margin: 0 5px;
        padding: 0 5px;
    }

    .comment_banner{
        margin: 30px 0;
        height: 50px;
        line-height: 50px;
    }

    ul.comment_rcon li{
        padding: 10px;
    }

    ul.comment_rcon li i{
        margin: 5px 5px 0 0;
    }


    /* sub4_2 */
    table.demonstration{
        margin-top: 0;
    }

    table.demonstration th{
        padding: 5px 0;
        font-size: 14px;
    }

    table.demonstration td{
        padding: 10px 0;
        font-size: 14px;
    }

    table.demonstration td:nth-child(2){
        font-size: 14px;
        padding-left: 20px;
    }

    .stay_notice{
        font-size: 12px;
        padding: 2px 10px;
    }

    span.category{
        width: 25%;
        font-size: 14px;
    }

    table.demonstration th:first-child,
    table.demonstration td:first-child{
        width: 20%;
    }

    table.demonstration th:nth-child(2),
    table.demonstration td:nth-child(2){
        width: 60%;
    }

    table.demonstration th:nth-child(3),
    table.demonstration td:nth-child(3){
        display: none;
    }

    table.demonstration th:nth-child(4),
    table.demonstration td:nth-child(4){
        display: none;
    }

    table.demonstration th:last-child,
    table.demonstration td:last-child{
        width: 20%;
    }

    .demonstration_btn{
        margin: 10px 0 0 0;
        padding: 0 10px;
    }

    .demonstration_btn a{
        font-size: 14px;
        width: 150px;
        box-sizing: border-box;
        line-height: 30px;
    }

    .input_box03{
        margin-top: 30px;
    }


    /* sub4_1 */
    table.demonstration02 th:first-child,
    table.demonstration02 td:first-child{
        width: 20%;
    }

    table.demonstration02 th:nth-child(2),
    table.demonstration02 td:nth-child(2){
        width: 60%;
    }

    table.demonstration02 th:nth-child(3),
    table.demonstration02 td:nth-child(3){
        display: none;
    }

    table.demonstration02 th:last-child,
    table.demonstration02 td:last-child{
        width: 20%;
    }

    table.demonstration02 span.category{
        width: 25%;
        font-size: 14px;
    }

    .demonstration02_btn{
        margin: 10px 0 0 0;
        padding: 0 10px;
        box-sizing: border-box;
    }


    /* sub4_3 */
    .counselor_category_box{
        margin-top: 30px;
    }

    .counselor_category{
        width: 100%;
        padding: 0 12%;
    }

    .counselor_profile_box{
        margin-top: 30px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .counselor_category ul li{
        width: 49%;
        font-size: 14px;
        margin: 2px 0.5%;
    }

    .c_p{
        padding: 10px;
        align-items: center;
    }

    .c_profile{
        height: 80px;
        width: 25%;
    }

    .c_profile img{
        width: 60%;
    }

    .c_profile_text{
        width: 70%;
        padding-left: 15px;
    }

    .c_profile_text p{
        font-size: 18px;
        margin-bottom: 5px;
    }

    .c_profile_text span{
        font-size: 14px;
    }

    .counselor_box02{
        margin-top: 30px;
    }

    .counselor_box02 p{
        margin-left: 10px;
        margin-bottom: 5px;
    }


    /* sub4_2_detail */
    table.demonstration_d02{
        margin-top: 50px;
    }

    table.demonstration_d th:first-child,
    table.demonstration_d td:first-child{
        width: 20%;
    }

    table.demonstration_d th:nth-child(2),
    table.demonstration_d td:nth-child(2){
        width: 15%;
    }

    table.demonstration_d th:nth-child(3),
    table.demonstration_d td:nth-child(3){
        display: revert;
        width: 45%;
    }

    table.demonstration_d th:nth-child(4),
    table.demonstration_d td:nth-child(4){
        display: none;
    }

    table.demonstration_d th:nth-child(5),
    table.demonstration_d td:nth-child(5){
        display: none;
    }

    table.demonstration_d th:last-child,
    table.demonstration_d td:last-child{
        width: 20%;
    }

    table.demonstration_d td:nth-child(2){
        font-size: 14px;
        padding-left: 0;
    }

    table.demonstration_d td:nth-child(3){
        font-size: 14px;
        padding-left: 10px;
    }


    /* sub4_1_detail02 */
    .sub4_box01{
        margin-top: 50px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .box_border{
        padding: 10px 0;
        font-size: 20px;
    }

    .sub4_box02{
        margin: 50px 0 0;
        padding: 0 20px;
        box-sizing: border-box;
        display: revert;
    }

    .sub4_box_con{
        width: 100%;
    }

    .in_box03{
        padding-top: 0;
        font-size: 18px;
    }

    .in_box03 strong{
        font-size: 30px;
    }


    .sub4_box03{
        margin-top: 50px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .box09_1{
        padding-bottom: 20px;
    }

    .sub4_box_con02{
        margin-top: 50px;
    }

    .sub4_box03 table th{
        font-size: 14px;
        padding: 5px 0;
    }

    .sub4_box03 table td{
        padding: 10px 0;
        font-size: 10px;
    }


    /* sub4 */
    .sub_title02{
        display: none;
    }

    .community_box{
        margin-top: 10px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .community_box>ul{
        display: revert;
    }

    .community_box>ul>li{
        width: 100%;
    }

    .community_box>ul>li:not(:last-child){
        margin-bottom: 30px;
    }

    .community_title p{
        font-size: 18px;
    }

    .community_title p.b_b01{
        width: 210px;
    }

    .community_title p.b_b02{
        width: 170px;
    }

    .community_title p.b_b03{
        width: 170px;
    }

    .comm_tab ul li{
        font-size: 14px;
    }

    .community_con ul{
        padding: 0 10px;
    }

    .community_con ul li{
        padding: 5px 0;
        font-size: 14px;
    }

    .num_box{
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 10px;
    }

    .event_zoon{
        margin-top: 50px;
    }

    .event_zoon p{
        font-size: 18px;
        padding-bottom: 5px;
    }

    .event_zoon ul{
        padding: 20px 0 50px;
    }

    .event_zoon ul li img{
        width: 60%;
    }

    .event_btn{
        margin-top: 30px;
        font-size: 14px;
        width: 90px;
        height: 35px;
        line-height: 35px;
        font-family: 'Noto Sans KR', sans-serif;
    }


    /* sub5_w 스폰서 - 제휴 글쓰기 */
    .sub5_box{
        margin-top: 0;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .list_title{
        font-size: 18px;
        margin-bottom: 5px;
        letter-spacing: -0.5px;
    }

    table.sponsor_w th{
        padding: 0 5px;
        width: 30%;
        font-size: 12px;
    }

    table.sponsor_w th span{
        font-size: 12px;
    }

    table.sponsor_w td{
        padding: 10px;
        width: 70%;
        font-size: 12px;
    }

    table.sponsor_w td input[type='text'].w_1{
        width: 75%;
    }

    table.sponsor_w td input[type='text'].w_1_1{
        margin-left: 10px;
    }

    table.sponsor_w td input[type='text'].w_2{
        width: 100%;
    }

    table.sponsor_w td input[type='text'].w_3{
        width: 100%;
    }

    table.sponsor_w td input[type='button']{
        width: 90px;
        margin-left: 5px;
        font-size: 12px;
    }

    .sub5_box02{
        margin-top: 30px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    table.manager th{
        width: 20%;
        padding: 0 5px;
        font-size: 12px;
    }

    table.manager td{
        width: 30%;
        padding: 10px;
        font-size: 12px;
    }

    table.manager td input{
        width: 100%;
    }

    table.sponsorship th{
        padding: 5px 0;
        font-size: 14px;
    }

    table.sponsorship td{
        padding: 10px 0;
    }

    table.sponsorship th:first-child,
    table.sponsorship td:first-child{
        width: 20%;
    }

    table.sponsorship th:nth-child(2),
    table.sponsorship td:nth-child(2){
        width: 65%;
    }

    table.sponsorship th:last-child,
    table.sponsorship td:last-child{
        width: 15%;
    }

    table.sponsorship td:first-child{
        padding: 0;
        text-align: center;
    }

    table.sponsorship td:first-child img{
        margin: 0 auto;
    }

    table.sponsorship td:nth-child(2){
        text-align: left;
        padding-left: 2%;
        box-sizing: border-box;
    }

    img.img_c01{
        content: url(../images/m_sponsorship_img01.png);
    }

    img.img_c02{
        content: url(../images/m_sponsorship_img02.png);
    }

    img.img_c03{
        content: url(../images/m_sponsorship_img03.png);
    }

    img.img_c04{
        content: url(../images/m_sponsorship_img04.png);
    }

    img.img_c05{
        content: url(../images/m_sponsorship_img05.png);
    }

    .spon_radio{
        display: revert;
        font-size: 12px;
    }

    .spon_radio_box{
        width: 100%;
        margin: 5px 0;
        display: flex;
        align-items: center;
    }

    .spon_radio input[type='radio']{
        margin-right: 5px;
    }

    .spon_radio input[type='radio']:last-child{
        margin-left: 0;
    }

    .benefit_btn{
        width: 70px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .benefit_btn01{
        width: 70px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .benefit_btn02{
        width: 70px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .benefit_btn03{
        width: 70px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .benefit_btn04{
        width: 70px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .benefit_btn05{
        width: 70px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    table.sponsor_w02{
        margin-top: 50px;
    }

    table.sponsor_w02 .flex_box input{
        width: 70%;
    }

    table.sponsor_w03 td.big_f{
        font-size: 16px;
    }

    .agree_box02{
        margin-top: 30px;
    }

    .spon_radio_box02{
        margin: 0;
    }

    .check{
        font-size: 10px;
    }

    .check span{
        margin-right: 0;
    }

    .check input{
        margin-right: 5px;
    }

    .popup08{
        width: 85%;
    }

    .popup08 table{
        width: 98%;
    }

    .popup08 table th{
        font-size: 12px;
        width: 45%;
    }

    .popup08 table td{
        width: 55%;
        padding: 5px;
    }

    .mini_text{
        word-break: keep-all;
    }

    .pop_con05{
        font-size: 14px;
    }


    /* sub5_2_member */
    .exhibition01{
        padding: 0 10px;
        box-sizing: border-box;
        margin-top: 50px;
    }

    .exhibition02{
        margin-top: 30px;
    }

    .exhibition01 p{
        font-size: 18px;
    }

    .exhibition01 ul{
        display: inline-block;
        margin-top: 20px;
    }

    .exhibition01 ul li{
        width: 50%;
        padding: 0 1%;
        box-sizing: border-box;
        float: left;
    }

    .sponsor_title02 .circle{
        width: 35px;
        height: 35px;
    }

    .exhibition01 table{
        margin-top: 20px;
    }

    .exhibition01 table th{
        padding: 5px 0;
        width: 25%;
        font-size: 14px;
    }

    .exhibition01 table td{
        padding: 10px 0;
        font-size: 12px;
    }

    .exhibition01 table th.change_t{
        visibility: hidden;
        font-size: 0;
    }

    .exhibition01 table th.change_t::before{
        visibility: visible;
        font-size: 14px;
        content: "RCP";
    }

    .exhibition01 table th:first-child,
    .exhibition01 table td:first-child{
        width: 20%;
    }

    .exhibition01 table th:nth-child(2),
    .exhibition01 table td:nth-child(2){
        width: 20%;
    }

    .exhibition01 table th:nth-child(3),
    .exhibition01 table td:nth-child(3){
        width: 30%;
    }

    .exhibition01 table th:last-child,
    .exhibition01 table td:last-child{
        width: 30%;
    }

    .exhibition01 table td:first-child{
        font-size: 14px;
    }

    .logo_box04{
        height: 30px;
        line-height: 30px;
    }


    /* sub10_3 */
    .title_box03{
        padding: 0 10px;
        box-sizing: border-box;
    }

    .advertisement_tab{
        padding: 0 10px;
        margin-top: 30px;
    }

    .advertisement_tab ul li{
        width: 100%;
        font-size: 14px;
        padding: 5px 0;
        border-bottom: 1px solid #d2d2d2;
        border-left: 1px solid #d2d2d2;
    }

    .advertisement_content{
        margin-top: 30px;
    }

    .advertisement_content02{
        padding-bottom: 20px;
    }

    .advertisement_content>img{
        content: url(../images/logo_m.png);
    }

    .advertisement_box{
        width: 90%;
        padding: 20px 30px;
        margin: 20px auto 0;
    }

    .a_box{
        font-size: 16px;
    }

    .write_btn input[type='button']{
        height: 40px;
        font-size: 16px;
    }


    /* sub10_1 */
    .sub5_box03{
        margin-top: 20px;
    }

    .sub10_box{
        margin-top: 50px;
        overflow: auto;
        width: 100%;
    }

    .sub10_box table{
        width: 650px;
    }

    .sub10_box::-webkit-scrollbar{
        display: block;
    }

    .sub10_box table th{
        font-size: 14px;
        padding: 5px 0;
    }

    .sub10_box table td{
        padding: 10px 0;
        font-size: 14px;
    }

    .sub10_box table td:nth-child(2){
        font-size: 14px;
    }

    .sub10_box table td:nth-child(6){
        font-size: 14px;
    }

    .popup10{
        width: 80%;
        padding: 40px 10px;
    }

    .popup10 table{
        width: 95%;
    }

    .popup10 table th{
        font-size: 16px;
        padding: 5px 0;
    }

    .mini_text02{
        font-size: 14px;
        margin-top: 10px;
    }


    /* sub10_2 */
    .sub5_box03_1{
        padding: 0 10px;
        box-sizing: border-box;
    }


    /* sub8_1 */
    .point_get{
        width: 90%;
        margin: 10px auto 0;
        padding: 20px 10px;
        box-sizing: border-box;
    }

    .point_get p{
        font-size: 18px;
    }

    .point_get_btn{
        margin-top: 20px;
    }

    .sub8_box{
        margin-top: 30px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    table.rc_list th{
        padding: 5px 0;
        font-size: 14px;
    }

    table.rc_list td{
        padding: 10px 0;
        font-size: 14px;
    }

    table.rc_list th:first-child,
    table.rc_list td:first-child{
        width: 20%;
    }

    table.rc_list th:nth-child(2),
    table.rc_list td:nth-child(2){
        width: 40%;
    }

    table.rc_list th:last-child,
    table.rc_list td:last-child{
        width: 40%;
    }

    table.rc_list td input[type='text']{
        width: 90%;
    }

    .caution{
        font-size: 14px;
    }

    .caution span{
        font-size: 16px;
        padding-left: 20px;
        box-sizing: border-box;
    }

    .cash_box{
        padding: 10px 0;
        font-size: 12px;
        align-items: center;
    }

    .cash_box input{
        margin: 0 5px 0;
    }

    .cash_box input:not(:first-child){
        margin-left: 15px;
    }



    /* sub5 */
    .sponsor_box02{
        margin-top: 30px;
        padding: 0 10px;
        box-sizing: border-box;
        display: revert;
    }

    .sponsor_box03:first-child{
        width: 100%;
    }

    .sponsor_box03:last-child{
        width: 100%;
        margin-top: 50px;
    }

    .sponsor_box_title p{
        font-size: 18px;
    }

    .sponsor_box04{
        margin-top: 50px;
    }

    .sponsor_box05{
        margin-top: 10px;
    }

    ul.company_list{
        margin-top: 10px;
        display: inline-block;
    }

    ul.company_list li{
        width: 48%;
        height: 85px;
        margin: 0 1%;
        float: left;
        padding: 10px 15px;
    }

    ul.company_list li:not(:last-child){
        margin-bottom: 10px;
    }

    ul.individual_list{
        margin-top: 10px;
    }

    ul.individual_list li{
        padding: 10px 15px;
    }

    ul.individual_list li:not(:last-child){
        margin-bottom: 10px;
    }

    .rc_rank{
        width: 50px;
        font-size: 18px;
    }

    .rc_rank img{
        width: 100%;
    }

    .rc_t{
        font-size: 16px;
    }

    .rc_nickname{
        font-size: 16px;
    }

    ul.product_list02{
        margin-top: 10px;
    }


    /* sub5 */
    .sponsor_box_title02{
        padding: 0 10px;
        box-sizing: border-box;
    }

    .sponsor_box02{
        margin-top: 20px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .sponsor_box03:last-child{
        width: 100%;
    }

    .sponsor_box04{
        margin-top: 50px;
    }

    .sponsor_box05{
        margin-top: 20px;
    }

    .sponsor_box04 table.demonstration{
        margin-top: 5px;
    }


    /* sub2 */
    .sub2_content{
        margin-top: 0;
        padding: 0 10px;
        box-sizing: border-box;
        display: revert;
    }

    .sub2_left_con{
        width: 100%;
    }

    .sub2_right_con{
        width: 100%;
        display: inline-block;
        margin-top: 10px;
    }

    ul.con01 li{
        height: 200px;
    }

    ul.con01 li .con_text{
        font-size: 16px;
        line-height: 25px;
        bottom: 10px;
        left: 10px;
    }

    ul.con02 li{
        width: 48%;
        height: 150px;
    }

    ul.con02 li .con_text{
        font-size: 14px;
        line-height: 20px;
        bottom: 5px;
        left: 5px;
        letter-spacing: -1px;
    }

    ul.con03 li{
        width: 31%;
        height: 100px;
    }

    ul.con03 li .con_text{
        font-size: 10px;
        line-height: 15px;
    }

    ul.con04,
    ul.con05{
        display: none;
    }

    .new_content{
        width: 100%;
        height: 150px;
        margin-top: 50px;
    }

    .new,
    .hot{
        width: 100px;
        height: 30px;
        font-size: 16px;
        line-height: 30px;
        margin: -1px 10px 0 -1px;
    }

    .new_con_header p{
        font-size: 18px;
        margin-bottom: 2px;
    }

    .new_con_text{
        line-height: 20px;
        font-size: 14px;
    }

    .sub2_btn{
        width: 100%;
        margin-bottom: 10px;
    }

    .sub2_btn input[type='button']{
        width: 100%;
        height: 40px;
        font-size: 16px;
        margin-top: 10px;
    }

    .sub2_btn input[type='button']:nth-child(2){
        border: 1px solid #313131;
    }

    ul.hot_list{
        padding: 20px 30px;
    }

    ul.hot_list li{
        padding-bottom: 5px;
        font-size: 14px;
    }

    .hot_rank{
        font-size: 18px;
    }

    .hot_percent{
        font-size: 20px;
    }

    .hot_percent span{
        font-size: 24px;
    }

    .box09_2{
        padding: 0 10px 20px !important;
    }


    /* mypage1_1 */
    .mypage_title{
        display: none;
    }

    .attendance_box{
        margin-top: 10px;
    }

    .attendance_img img{
        width: 100%;
    }

    .month{
        font-size: 16px;
    }

    .month strong{
        font-size: 30px;
    }

    table.calendar th{
        font-size: 14px;
    }

    table.calendar td{
        height: 50px;
        padding: 5px;
        font-size: 14px;
    }

    table.calendar td img{
        width: 65%;
        top: 35%;
    }

    .attendance_btn{
        margin-top: 30px;
    }

    .attendance_btn input[type='button']{
        height: 40px;
        font-size: 16px;
    }


    /* mypage1_2 */
    .member_level02{
        margin-top: 10px;
    }

    .member_level02>ul{
        display: flex;
        padding: 10px 0;
        align-items: center;
    }

    .member_level02>ul li{
        padding: 0;
    }

    .member_level02>ul li:first-child{
        /* width: 100%; */
        float: left;
        text-align: center;
        /* border-bottom: 1px solid #e5e5e5; */
        padding: 0;
        width: 60%;
    }

    .member_level02>ul li:nth-child(2){
        /* width: 55%; */
        /* border-left: 1px solid #e5e5e5; */
        float: left;
        padding: 0;
        width: 40%;
    }

    .point{
        /* justify-content: center; */
    }

    /* .member_level02>ul li:last-child{
        width: 45%;
        float: right;
        padding: 10px 10px 0;
    } */

    .m_l_text{
        font-size: 14px;
    }

    .point,
    .messenger{
        height: auto;
        justify-content: center;
    }

    .point_icon{
        font-size: 10px;
        margin-right: 10px;
    }

    .point_icon img{
        display: block;
        margin: 0 auto;
    }

    .point_text p{
        font-size: 10px;
        margin: 0;
    }

    .point_text p strong{
        font-size: 12px;
    }

    .activity_title{
        display: none;
    }

    .activity_box{
        margin-top: 20px;
    }

    .activity_tab ul li{
        font-size: 14px;
        padding: 5px 0;
    }

    .activity_tabcon{
        margin-top: 20px;
    }

    .activity_select{
        width: 100%;
        height: 30px;
    }

    table.activity_list th{
        padding: 5px 0;
        font-size: 14px;
    }

    table.activity_list td{
        padding: 10px 0;
        font-size: 14px;
    }

    table.activity_list th:first-child,
    table.activity_list td:first-child{
        width: 15%;
    }

    table.activity_list th:nth-child(2),
    table.activity_list td:nth-child(2){
        display: none;
    }

    table.activity_list th:nth-child(3),
    table.activity_list td:nth-child(3){
        width: 25%;
    }

    table.activity_list th:nth-child(4),
    table.activity_list td:nth-child(4){
        width: 40%;
    }

    table.activity_list th:nth-child(5),
    table.activity_list td:nth-child(5){
        display: none;
    }

    table.activity_list th:last-child,
    table.activity_list td:last-child{
        width: 20%;
    }

    table.activity_list td:nth-child(4){
        text-align: left;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .red_num02{
        font-size: 12px;
    }

    .activity_btn input[type='button']{
        font-size: 14px;
    }

    ul.comment_list li{
        padding: 10px;
    }

    .comment_sec{
        width: 60%;
    }

    .best_comment{
        font-size: 16px;
    }

    .best_comment_con{
        margin-top: 14px;
    }

    .ot{
        font-size: 12px;
        padding: 1px 5px;
        margin-right: 5px;
    }

    .best_comment_con p{
        font-size: 14px;
    }

    .comment_day{
        font-size: 12px;
    }


    /* mypage1_3 */
    .level_d_btn{
        font-size: 14px;
    }

    .now_level{
        padding: 20px 0;
    }

    .member_now_level{
        font-size: 16px;
    }

    .member_level{
        width: 250px;
        padding: 10px 0;
        font-size: 18px;
    }

    .member_level strong{
        font-size: 22px;
        margin-top: 10px;
    }

    .nickname_change{
        margin-top: 20px;
    }

    .leave_point{
        margin-top: 30px;
    }

    .leave_point img{
        margin-right: 5px;
        width: 10%;
    }

    .l_p_text01{
        font-size: 14px;
    }

    .l_p_text01 strong{
        font-size: 18px;
        margin: 0 5px;
    }

    .l_p_text02{
        font-size: 14px;
        margin-top: 10px;
        word-break: keep-all;
        line-height: 25px;
    }

    .l_p_text02 strong{
        font-size: 18px;
    }

    .level_up{
        margin-top: 30px;
    }

    .level_up a{
        height: 35px;
        font-size: 14px;
        line-height: 35px;
    }


    /* mypage1_3_detail */
    .class_title{
        width: 250px;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
        margin: 10px auto 0;
    }

    .c_l_box{
        width: 100%;
        overflow: auto;
    }

    table.class_list{
        margin-top: 20px;
        width: 500px;
    }

    table.class_list th{
        padding: 5px 0;
        font-size: 14px;
    }

    table.class_list td{
        padding: 10px 0;
        font-size: 14px;
    }

    table.class_list td:first-child,
    table.class_list td:last-child{
        font-size: 14px;
    }

    table.class_list td:nth-child(2){
        padding-left: 5%;
    }


    /* mypage1_7_royal */
    table.information_amend th{
        width: 30%;
        padding: 5px;
        font-size: 14px;
        word-break: keep-all;
    }

    table.information_amend td{
        padding: 10px;
        width: 70%;
        font-size: 14px;
    }

    table.information_amend td input[type='text'],
    table.information_amend td input[type='password']{
        width: 80%;
    }

    table.information_amend td input[type='button']{
        width: 100px;
        height: 30px;
        font-size: 12px;
    }

    table.information_amend td .flex_box04 input[type='button']{
        margin: 10px 0 0 0;
    }

    .address_select_box{
        width: 100%;
    }


    /* mypage1_7_pw */
    .pw_confirm{
        margin-top: 30px;
        padding: 20px 0;
    }

    .pw_confirm span{
        font-size: 16px;
    }

    .pw_input{
        width: 280px;
        margin: 20px auto 0;
    }

    .pw_input input[type='password']{
        width: 200px;
    }

    .pw_input input[type='password']::placeholder{
        font-size: 12px;
    }

    .pw_input input[type='button']{
        width: 80px;
        font-size: 12px;
    }


    /* mypage_1_3_levelup */
    .level_up02 .messenger .point_icon img{
        height: 30px;
    }

    .level_up02 .messenger .point_text p{
        font-size: 16px;
    }

    .level_up02 .messenger .point_text p strong{
        font-size: 18px;
    }

    .level_up02 .messenger02{
        height: 85px;
    }

    .charge_box{
        margin-top: 30px;
        display: revert;
    }

    .charge_box p{
        font-size: 18px;
    }

    .charge_box ul{
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .charge_box ul li{
        width: 50%;
        padding: 10px 0;
    }

    .caution_title{
        font-size: 18px;
        margin-bottom: 10px;
        align-items: baseline;
    }

    .caution_title i{
        font-size: 20px;
        margin-right: 5px;
    }

    .level_caution span{
        margin-left: 25px;
    }

    .level_caution{
        margin-top: 50px;
    }

    .level_up_buy{
        margin-top: 50px;
    }

    .l_up_title{
        font-size: 18px;
    }

    .level_up_buy table th{
        padding: 5px 0;
        font-size: 14px;
    }

    .level_up_buy table td{
        padding: 10px 0;
        font-size: 14px;
    }

    .payment{
        margin-top: 50px;
    }

    .payment_box{
        display: revert;
        margin-top: 5px;
    }

    .payment_left{
        width: 100%;
        padding: 20px 10px;
    }

    .payment_right{
        width: 100%;
    }

    .payment_point input[type='button']{
        width: 150px;
        height: 40px;
        font-size: 18px;
    }

    .payment_money{
        margin-top: 50px;
    }

    .p_m_title{
        font-size: 18px;
        margin-bottom: 20px;
    }

    .p_m_input{
        font-size: 14px;
        margin-top: 10px;
    }

    .p_m_input input[type='radio']{
        margin: 0 5px 0 10px;
    }

    .total{
        padding: 20px;
    }

    .total_title{
        font-size: 18px;
        margin-bottom: 20px;
    }

    .total_1{
        margin-bottom: 5px;
    }

    .total_2{
        padding-bottom: 10px;
    }

    .total_1 p,
    .total_2 p{
        font-size: 14px;
    }

    .total_money{
        margin-top: 5px;
        font-size: 20px;
    }

    .agree_box03{
        margin-top: 20px;
        align-items: baseline;
    }

    .agree_box03 input{
        margin-right: 5px;
    }

    .agree_box03>span{
        font-size: 12px;
    }

    .payment_btn input[type='button']{
        height: 40px;
        font-size: 16px;
    }


    /* mypage1_4 */
    .messenger_tab ul li{
        font-size: 14px;
        padding: 5px 0;
    }

    .messenger_tabcon{
        margin-top: 20px;
    }

    .messenger_send{
        margin-bottom: 10px;
    }

    .messenger_send a{
        width: 110px;
        height: 35px;
        font-size: 14px;
        line-height: 30px;
    }

    ul.messenger_list>li.m_l_title{
        padding: 5px 0;
    }

    .m_box_con{
        padding: 10px 0;
        font-size: 12px;
    }

    .m_box2,
    .m_box3,
    .m_box4,
    .m_box5{
        font-size: 14px;
    }

    .m_box1,
    .m_box_con1{
        width: 13%;
    }

    .m_box2,
    .m_box_con2{
        display: none;
    }

    .m_box3,
    .m_box_con3{
        width: 30%;
    }

    .m_box4,
    .m_box_con4{
        width: 20%;
    }

    .m_box5,
    .m_box_con5{
        width: 25%;
    }

    .m_box6,
    .m_box_con6{
        width: 12%;
    }

    .m_box_con3{
        text-align: center !important;
        padding-left: 0;
    }

    .m_arrow i{
        font-size: 14px;
        padding-right: 10px;
        line-height: 40px;
    }

    ul.messenger_con{
        padding: 10px 20px;
    }

    .m_con_text{
        font-size: 12px;
        line-height: 20px;
    }

    .popup17{
        width: 80%;
    }

    .popup17 .pop19{
        width: 50px;
        height: 50px;
        font-size: 30px;
    }

    .pop_con06{
        font-size: 14px;
        line-height: 25px;
        margin-top: 10px;
    }


    /* mypage1_4_w */
    table.messenger_w th{
        font-size: 14px;
        padding: 0 10px;
        width: 25%;
        word-break: keep-all;
    }

    table.messenger_w td{
        padding: 10px;
        width: 75%;
    }

    table.messenger_w td input[type='text']{
        width: 100%;
    }

    table.messenger_w td textarea{
        width: 100%;
        height: 200px;
    }

    .messenger_w_text{
        margin-top: 30px;
        font-size: 14px;
    }

    .messenger_w_text i{
        font-size: 16px;
    }


    /* mypage1_6 */
    .activity_title03{
        font-size: 18px;
        margin-bottom: 5px;
    }

    table.certification th{
        padding: 5px 0;
        font-size: 14px;
    }

    table.certification td{
        padding: 10px 0;
        font-size: 12px;
    }

    table.certification td:nth-child(3){
        text-align: center;
        padding-left: 0;
    }

    table.certification th:first-child,
    table.certification td:first-child{
        width: 10%;
    }

    table.certification th:nth-child(2),
    table.certification td:nth-child(2){
        width: 15%;
    }

    table.certification th:nth-child(3),
    table.certification td:nth-child(3){
        width: 45%;
    }

    table.certification th:last-child,
    table.certification td:last-child{
        width: 30%;
    }

    .sns_box04{
        margin-top: -60px;
        padding: 0;
    }


    /* mypage2_1 */
    .history_header{
        display: revert;
    }

    .activity_title02{
        font-size: 18px;
    }

    .history_input{
        display: revert;
    }

    .w_m_y{
        height: 25px;
        margin: 5px 0 5px;
    }

    .w_m_y input[type='button']{
        font-size: 12px;
        margin-right: 5px;
    }

    .history_date{
        height: 25px;
        margin: 0 5px 5px 0;
    }

    .history_date input[type='date']{
        height: 100%;
        font-size: 12px;
    }

    .history_lookup input[type='button']{
        width: 100%;
    }

    .scroll_box{
        width: 100%;
        overflow: auto;
    }

    table.history_list{
        width: 450px;
        margin-top: 5px;
    }

    table.history_list th{
        font-size: 14px;
    }

    table.history_list td:nth-child(2){
        font-size: 12px;
        padding-left: 30px;
        text-align: left;
    }

    table.history_list td input[type='button']{
        width: 60px;
        font-size: 12px;
    }

    .popup14{
        width: 80%;
        padding: 30px 20px 50px;
    }

    .popup14 .history_title{
        font-size: 16px;
    }

    .popup14 table{
        margin-top: 20px;
    }

    .popup14 table th{
        padding: 0 10px;
        font-size: 12px;
        width: 35%;
    }

    .popup14 table td{
        padding: 10px;
        font-size: 12px;
        width: 65%;
    }


    /* mypage2_2 */
    table.n_list{
        margin-top: 5px;
    }

    table.n_list th:nth-child(2),
    table.n_list td:nth-child(2){
        width: 40%;
    }

    table.n_list th:nth-child(3),
    table.n_list td:nth-child(3){
        width: 30%;
    }

    table.n_list td:nth-child(2){
        text-align: center;
        padding-left: 0;
    }


    /* mypage3_1 */
    table.n_list td input[type='button']{
        width: 60px;
        font-size: 12px;
    }


    /* mypage3_2 */
    .now_level02{
        margin-top: 5px;
        padding: 20px;
        display: inline-block;
    }

    .now_level02 span{
        font-size: 18px;
        line-height: 35px;
    }

    .now_level02 span strong{
        font-size: 22px;
    }

    .member_level03{
        font-size: 16px;
        float: right;
        margin-top: -20px;
    }

    .level_icon{
        width: 90px;
        height: 90px;
        line-height: 90px;
        margin: 0 auto 5px;
    }

    .level_up03 ul{
        padding: 20px 0;
    }

    .level_up03 ul li{
        padding: 0 !important;
        border: 0 !important;
    }

    .level_up03 .point_icon{
        font-size: 14px;
    }

    .level_up03 .messenger{
        height: revert;
    }

    .level_up03 .point_icon img{
        margin-bottom: 5px;
    }

    .level_up03 .point_text{
        margin-top: 15px;
    }

    .level_up03 .point_text p{
        font-size: 14px !important;
    }

    .level_up03 .point_text strong{
        font-size: 16px !important;
    }

    .level_up03 ul li:nth-child(2) .point_text{
        margin-top: 10px;
    }

    table.sponsor_level_lest th{
        padding: 5px 0;
        font-size: 14px;
    }

    table.sponsor_level_lest td{
        padding: 10px;
        font-size: 12px;
    }

    table.sponsor_level_lest th:first-child,
    table.sponsor_level_lest td:first-child{
        width: 25%;
    }

    table.sponsor_level_lest th:last-child,
    table.sponsor_level_lest td:last-child{
        width: 75%;
    }

    table.sponsor_level_lest td:first-child{
        text-align: center;
    }


    /* mypage3_3 */
    .information_change .sub5_box03{
        margin-top: 20px;
    }

    table.info_c{
        margin: 0;
    }

    .sub5_box02_1{
        padding: 0;
    }


    /* mypage3_4_booht */
    .container_tab ul li{
        font-size: 13px;
        padding: 5px 0;
    }

    .container_tabcon{
        margin-top: 20px;
    }

    .flex_box input[type='button'].border_btn{
        display: none;
    }

    .add_plus{
        display: block;
        width: 30px;
        height: 30px;
        border: 1px solid #acacac;
        box-sizing: border-box;
        margin-left: 3px;
        text-align: center;
        font-size: 20px;
        line-height: 25px;
        color: #acacac;
    }

    .flex_box03 input[type='text'].w_3{
        width: 55% !important;
    }

    .flex_box03 input[type='button']{
        width: 60px !important;
    }


    /* mypage4_1 */
    .m_l_text02{
        font-size: 16px;
        line-height: revert;
    }


    /* mypage4_2 */
    .banner_box02{
        margin-top: 5px;
    }


    ul.sponsor li {
        height: 60px;
    }

    .sponsor_vidio img, .s_img img {
        width: 55%;
    }

    .s_img2 {
        height: 60px;
    }

    .logo_box03{
        height: 80px;
    }


    /* 스폰서 전시관 */
    .sponsor_box{
        width: 95%;
    }

    .sponsor_box ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 15px;
    }

    .sponsor_box ul li:nth-child(3n){
        margin-right: 4%;
    }

    .sponsor_box ul li:nth-child(2n){
        margin-right: 0;
    }

    .sponsor_logobox{
        height: 80px;
    }

    .sponsor_namebox{
        height: 30px;
        font-size: 14px;
    }

}


























/* tablet */
@media screen and (min-width: 768px) and (max-width: 1024px){
    /* sub1 */
    .m_sub_tab{
        display: block;
    }

    .sub_title{
        display: none;
    }

    .vote_write_btn{
        display: none;
    }

    .best10{
        width: 49.5%;
        margin-top: 0;
        float: left;
        background-color: #fff;
        padding: 10px;
        box-sizing: border-box;
    }

    .title_tab{
        display: revert;
    }

    .best10_title{
        font-size: 20px;
    }

    .best_tab{
        width: 100%;
        margin-top: 10px;
    }

    .best_tab ul li{
        width: 25%;
        padding: 7px 0;
        font-size: 14px;
    }

    .best_content{
        margin-top: -2px;
        display: revert;
    }

    ul.best_list{
        width: 100%;
    }

    ul.best_list li{
        padding: 10px;
    }

    .today_new{
        width: 49.5%;
        margin-top: 0;
        float: right;
        padding: 10px;
        box-sizing: border-box;
        background-color: #fff;
    }

    .title_tab01{
        display: flex;
    }

    table.today_new_list th{
        padding: 5px 0;
    }

    table.today_new_list td{
        padding: 10px 0;
    }

    table.today_new_list td:nth-child(3){
        font-size: 16px;
        text-align: center;
    }

    table.today_new_list th:first-child,
    table.today_new_list td:first-child{
        display: none;
    }

    table.today_new_list th:nth-child(2),
    table.today_new_list td:nth-child(2){
        width: 20%;
    }

    table.today_new_list th:nth-child(3),
    table.today_new_list td:nth-child(3){
        width: 60%;
    }

    table.today_new_list th:nth-child(4),
    table.today_new_list td:nth-child(4){
        display: none;
    }

    table.today_new_list th:nth-child(5),
    table.today_new_list td:nth-child(5){
        display: none;
    }

    table.today_new_list th:last-child,
    table.today_new_list td:last-child{
        width: 20%;
    }

    .page_btn{
        margin-top: 30px;
    }

    .page_btn03{
        justify-content: flex-start;
    }

    .vote_write_btn02{
        margin-top: -35px;
    }

    .vote_write_btn02 a{
        width: 150px;
        height: 35px;
        line-height: 35px;
    }

    .input_box{
        width: 49.5%;
        float: right;
        margin: 10px 0 0 0;
    }

    .select01,
    .select02{
        width: 70px;
    }

    .search input[type='text']{
        width: 150px;
    }

    .search input[type='button']{
        width: 60px;
    }

    .sub1_tab{
        width: 49.5%;
        float: right;
        padding: 10px;
        background-color: #fff;
    }

    .sub1_tab ul li{
        width: 49%;
        margin: 0 0.5% 1%;
        padding: 15px 0;
        border: 1px solid #d2d2d2;
        color: #111;
        font-family: 'NanumSquareR';
        font-weight: bold;
        text-align: center;
        float: left;
        box-sizing: border-box;
        cursor: pointer;
    }

    .main_box03_1_1{
        width: 49.5%;
        float: left;
    }


    /* sub1_w */
    table.vote_w{
        margin-top: 20px;
        background-color: #fff;
    }

    table.vote_w th{
        width: 20%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    table.vote_w td{
        width: 80%;
        padding: 10px;
    }

    .code_box p{
        word-break: keep-all;
    }

    .vote_btn{
        padding: 10px 0 20px;
        margin: 0;
        background-color: #fff;
    }


    /* sub2_w */
    .sub_text{
        margin-top: 20px !important;
        margin-bottom: 10px;
    }


    /* login */
    .login_box02{
        display: block;
        padding: 30px;
    }

    .login{
        width: 450px;
    }

    .login_box02 .id,
    .login_box02 .pw{
        height: 40px;
    }

    .login_box02 input[type='button']{
        height: 50px;
        font-size: 20px;
    }

    .find_join{
        margin-top: 10px;
    }


    /* pw_find */
    .login p{
        font-size: 24px;
        margin: 0 0 20px 0;
    }

    .pw_find_box{
        padding: 30px;
    }

    .pw_text{
        font-size: 20px;
        line-height: 30px;
    }

    .pw_find_box input[type='button']{
        height: 50px;
        font-size: 20px;
        margin-top: 30px;
    }


    /* confirm */
    .join_bg02{
        padding: 0;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .confirm_box{
        margin-top: 0;
    }

    .confirm_box p.title{
        font-size: 24px;
    }

    .confirm_box .title_bar{
        width: 30px;
        margin: 10px auto 0;
    }

    .confirm_box02{
        margin-top: 60px;
        padding: 0;
    }

    p.process_t{
        font-size: 16px;
        margin: 10px 0 0 0;
    }

    .process_box{
        margin-top: 50px;
    }

    .phone_circle{
        width: 100px;
        height: 100px;
    }

    .phone_circle i{
        font-size: 60px;
    }

    p.process_t02{
        font-size: 18px;
        margin: 20px 0 10px;
    }

    p.process_t03{
        font-size: 16px;
    }


    /* join */
    .join_check{
        font-size: 18px;
    }

    .agree_box{
        margin-top: 20px;
    }

    table.join_list{
        margin-top: 20px;
    }

    p.nick_confirm{
        margin: 5px 0 0 0;
        font-size: 14px;
        color: #de2b2b;
    }

    .join_box>input[type='button']{
        height: 50px;
        font-size: 16px;
        margin-top: 30px;
    }


    /* join_success */
    p.process_t04{
        font-size: 20px;
        margin-top: 20px;
    }


    /* sub11_1 */
    .sub_content{
        display: revert;
    }

    .left_gnb{
        display: none;
    }

    .right_sub_con{
        width: 100%;
        background-color: #fff;
        padding: 10px 10px 20px;
        box-sizing: border-box;
    }

    .right_sub_con02{
        height: 50vh;
    }

    .title_box02{
        padding: 0;
    }

    .title_box02 p{
        font-size: 18px;
    }

    ul.guide{
        margin-top: 20px;
    }

    .guide_text{
        font-size: 16px;
        margin-top: 10px;
    }


    /* sub11_3 */
    table.qna_list{
        margin-top: 20px;
    }

    table.qna_list th{
        padding: 5px 0;
        font-size: 16px;
    }

    table.qna_list td{
        padding: 10px 0;
    }

    table.qna_list td:nth-child(2){
        font-size: 16px;
    }

    .qna_w_btn{
        margin-top: 10px;
    }

    .qna_w_btn a{
        width: 150px;
        height: 35px;
        font-size: 16px;
        line-height: 35px;
    }

    .page_btn02{
        justify-content: center;
        margin-top: -15px;
    }


    /* sub11_3_w */
    table.qna_w{
        margin-top: 20px;
    }

    .vote_btn03{
        padding-bottom: 0;
    }


    /* sub11_3_detail */
    table.qna_d{
        margin-top: 20px;
    }

    .answer{
        font-size: 18px;
        margin: 30px 0 10px;
    }


    /* sub11_4 */
    .right_sub_header{
        display: revert;
        padding-bottom: 10px;
    }

    .r_header01{
        font-size: 20px;
    }

    .r_header01 span{
        font-size: 14px;
    }

    .r_header02{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-top: 10px;
    }

    .cc_box{
        width: revert;
        margin-top: 0;
    }

    .keyword_box{
        padding: 10px 0 10px 30px;
        margin: 30px auto;
    }

    .faq_con_title{
        font-size: 18px;
        margin-bottom: 10px;
    }

    .top10_list{
        padding: 10px 20px;
    }

    .icon_q{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .faq_arrow i{
        padding-right: 20px;
        line-height: 50px;
    }

    ul.faq_con{
        padding: 20px;
    }

    .icon_a{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }


    /* sub11_2 */
    .content_tab{
        width: 100%;
        margin-top: 20px;
    }

    .content_tab ul li{
        font-size: 16px;
        padding: 5px 0;
    }

    .content_con{
        margin-top: 10px;
    }

    .content_con ul li{
        width: 33.33%;
        float: left;
        padding: 1% 1% 20px;
        box-sizing: border-box;
    }

    .content_title{
        font-size: 16px;
        margin-top: 10px;
    }

    .page_btn04{
        margin-top: 10px;
    }


    /* sub7 */
    .news_apply_btn{
        margin-top: 0;
        padding: 10px 10px 20px;
        box-sizing: border-box;
        background-color: #fff;
    }

    .news_apply_btn a{
        width: 150px;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
        background-color: #fff;
    }

    .real_news{
        background-color: #fff;
        padding-bottom: 20px;
    }

    ul.real_news_list{
        width: 100%;
        padding: 0 10px 0;
        box-sizing: border-box;
    }

    ul.real_news_list li{
        width: 48%;
        padding: 10px 20px;
        float: left;
        margin: 0 1% 30px;
        align-items: center;
    }

    .news_thumb{
        width: 30%;
        height: 100px;
    }

    .news_text{
        width: 70%;
        padding: 0 20px;
        display: revert;
    }

    .news_title{
        font-size: 18px;
    }

    .news_title p{
        margin-top: 20px;
    }

    .views{
        font-size: 16px;
        margin-top: 5px;
    }

    .views span{
        margin: 0 5px;
    }


    /* sub7_apply */
    .qna_w_btn02{
        padding: 0 10px;
        box-sizing: border-box;
    }


    /* sub7_apply_detail */
    .real_news_box{
        width: 100%;
        background-color: #fff;
        padding: 10px 10px 20px;
        box-sizing: border-box;
    }

    table.news_apply_d{
        margin-top: 20px;
    }

    table.news_apply_d th{
        font-size: 20px;
        font-weight: 500;
        padding: 10px;
    }

    table.news_apply_d td{
        padding: 20px 10px;
    }

    table.news_apply_d td.a_d{
        padding: 5px 10px 10px;
    }

    .name_day span{
        margin-left: 10px;
    }

    .answer02{
        margin-top: 10px;
    }

    .answer02 p{
        font-size: 18px;
    }

    .answer02 textarea::placeholder{
        font-size: 14px;
    }


    /* sub3 */
    table.today_new_list02 th:first-child,
    table.today_new_list02 td:first-child{
        display: none;
    }

    table.today_new_list02 th:nth-child(2),
    table.today_new_list02 td:nth-child(2){
        width: 20%;
    }

    table.today_new_list02 th:nth-child(3),
    table.today_new_list02 td:nth-child(3){
        width: 60%;
    }

    table.today_new_list02 th:nth-child(4),
    table.today_new_list02 td:nth-child(4){
        display: none;
    }

    table.today_new_list02 th:last-child,
    table.today_new_list02 td:last-child{
        width: 20%;
        display: revert;
    }


    /* sub3_main */
    .main_box04{
        width: 100%;
        margin-bottom: 0;
        margin-top: 0;
    }

    .main_box04 .main_box03_3{
        margin-top: 0;
        height: revert;
    }

    .main_box01_1{
        width: 100%;
        margin-top: 0;
    }

    .left_conbox03{
        width: 49.5%;
        float: left;
    }

    .right_conbox03{
        width: 49.5%;
        float: right;
    }

    .big_content{
        width: 100%;
        margin-top: 10px;
        background-color: #fff;
        padding: 10px 10px 20px;
        box-sizing: border-box;
    }

    .big_box01 .tv{
        margin-top: 0;
    }

    .big_box01{
        align-items: center;
    }

    .big_box02 .tc p{
        font-size: 18px;
        margin: 10px 0 5px;
    }

    .big_box02 .tc span{
        font-size: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        word-break: keep-all;
        -webkit-line-clamp: 1;
    }

    .content_inner03{
        width: 100%;
        margin-top: 10px;
        background-color: #fff;
        padding: 10px 10px 20px;
        box-sizing: border-box;
    }

    .content_inner03 ul li{
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .content_inner03 ul li:not(:last-child){
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

    .content_inner03 ul li:last-child{
        margin-bottom: 0;
    }

    .c_i_thumb{
        width: 40%;
        height: revert;
    }

    .c_i_thumb img{
        width: 100%;
        height: auto;
    }

    .c_i_text{
        padding-left: 10px;
        width: 60%;
    }

    .tt{
        font-size: 12px;
        padding: 2px 5px;
    }

    .tc p{
        font-size: 16px;
        margin: 10px 0 5px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .tc span{
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        word-break: keep-all;
        -webkit-line-clamp: 1;
        font-size: 14px;
    }

    .tv{
        margin-top: 10px;
    }

    .mdpick_box{
        width: 100%;
        margin-top: 10px;
        background-color: #fff;
        padding-top: 10px;
    }

    .vip_box{
        width: 100%;
        margin-top: 10px;
        background-color: #fff;
        padding: 10px 0 20px;
        box-sizing: border-box;
    }

    .vip_box .vip_img img{
        width: 50%;
        height: auto;
    }

    .tab_container_box{
        width: 49.5%;
        float: right;
        margin-top: -415px;
    }

    .tab_container{
        width: 100%;
        background-color: #fff;
        box-sizing: border-box;
    }

    .vote_btn02{
        width: 100%;
        margin-top: 10px;
    }

    .vote_btn02 a{
        background-color: #fff;
    }

    .ranking_box01{
        width: 100%;
        margin-top: 10px;
    }

    .ranking_box02{
        width: 100%;
        margin-top: 10px;
    }

    .logo_box02{
        width: 100%;
        background-color: #fff;
        margin-top: 10px;
        padding: 10px 10px 20px;
        box-sizing: border-box;
    }

    .main_box03_2_1{
        float: left;
    }


    /* sub3_detail02 */
    .content_center02{
        background-color: #fff;
    }

    .input_box02{
        justify-content: center;
        padding-top: 15px;
    }

    .sub3_header{
        margin-top: 20px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .sub3_header img{
        display: none;
    }

    .sub3_title{
        margin-top: 0;
        font-size: 22px;
    }

    .time{
        margin-top: -30px;
    }

    .box01{
        margin-top: 30px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .little_title{
        font-size: 20px;
    }

    table.sub3_d{
        margin-top: 0;
    }

    .box02{
        margin-top: 30px;
        padding: 10px;
        box-sizing: border-box;
    }

    .box02 p{
        font-size: 20px;
    }

    .box03{
        padding: 0 10px;
        margin-top: 30px;
        box-sizing: border-box;
    }

    .box03 p{
        font-size: 20px;
        padding: 0 20px;
    }

    .in_box strong{
        font-size: 30px;
    }

    .box04{
        margin-top: 50px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .box06{
        margin-top: 50px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .box09{
        margin-top: 50px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .box09 ul{
        margin-top: 10px;
    }

    .box09 ul li{
        padding: 10px 20px;
    }

    .t01{
        font-size: 20px;
    }

    .box10{
        margin-top: 50px;
        padding: 0 20px 20px;
        box-sizing: border-box;
    }

    .box_img02{
        height: 300px;
        padding-top: 10px;
    }

    .box_img03{
        height: 300px;
        padding-top: 10px;
    }

    .box04 .good_bad{
        margin-top: 20px;
    }

    .good, .bad{
        font-size: 20px;
    }

    .good img, .bad img{
        width: 100px;
    }

    .box_img05_1{
        padding-top: 10px;
        height: 200px;
    }

    .box_img05_2{
        padding-top: 123px;
        height: 200px;
    }

    .box_img01{
        height: 350px;
    }


    /* sub3_detail */
    .img_box{
        margin-top: 10px;
        background-color: #fff;
        padding: 20px 0;
    }

    .img_box img{
        width: 50%;
    }

    .btn_box01,
    .btn_box02{
        padding: 0 20px;
        box-sizing: border-box;
    }

    .content_box{
        padding: 50px 20px 30px;
        box-sizing: border-box;
    }

    .good_bad{
        margin-top: 30px;
    }

    .content_box_btn{
        padding: 0 20px;
        box-sizing: border-box;
    }

    .comment_box{
        padding: 0 20px;
        box-sizing: border-box;
        margin-top: 30px;
    }

    .comment_w textarea{
        height: 80px;
    }

    .comment_w input[type='button']{
        font-size: 20px;
    }

    .commnet_l_box{
        margin-top: 30px;
    }

    .c_box{
        padding: 10px 20px;
    }

    .comment_id{
        margin-bottom: 5px;
    }

    .comment_text span{
        font-size: 16px;
    }

    .del{
        margin-left: 10px;
    }

    .comment_time{
        margin: 5px 0 10px;
    }

    .page_btn05{
        margin: 30px 0 20px;
    }


    /* sub5_4 */
    .sponsor_news{
        margin-top: 0;
        padding-top: 20px;
    }


    /* sub10_guidance */
    .sub_title03{
        display: block;
        font-size: 22px;
        padding-top: 20px;
    }

    .guidance_box{
        width: 95%;
        padding: 0;
        margin: 20px auto 0;
    }

    .guidance_box textarea{
        height: 300px;
    }

    .guidance_btn{
        margin: 30px 0 30px;
    }


    /* sub9_1 */
    .h_img_box{
        margin-top: 20px;
    }

    .h_text{
        font-size: 20px;
        margin-top: 30px;
    }

    .h_text strong{
        font-size: 26px;
        margin-bottom: 5px;
    }


    /* sub9_2 */
    ul.the_news{
        margin-top: 30px;
    }

    ul.the_news li{
        padding: 10px 0;
    }

    .the_news_con strong{
        margin-bottom: 10px;
    }


    /* sub9_3_detail */
    table.qna_d03{
        margin-top: 0;
    }


    /* sub5_4_detail */
    .sns_box{
        padding: 0 10px;
        box-sizing: border-box;
    }

    .news_d_btn{
        padding: 10px;
        box-sizing: border-box;
    }

    .prev_next{
        margin-top: 50px;
    }

    .com_box{
        padding: 0 10px;
        box-sizing: border-box;
    }

    /* sub5_2 */
    .sponsor_container{
        margin-top: 20px;
        padding: 0 10px 20px;
        box-sizing: border-box;
    }


    /* sub5_2_detail */
    .sponsor_detail_box01{
        margin-top: 20px;
        padding: 30px 20px;
    }

    .sponsor_vidio,
    .s_img{
        height: 180px;
    }

    .sponsor_name p{
        font-size: 20px;
        margin-bottom: 20px;
    }

    .sponsor_name p span {
        font-size: 25px;
    }

    .home,
    .tel{
        font-size: 16px;
    }

    .sponsor_detail_box02{
        padding: 0 10px;
        box-sizing: border-box;
        margin: 30px auto 0;
    }

    .sponsor_thumb{
        padding: 30px 10px;
    }

    .s_text span{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: keep-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
    }

    .s_text textarea {
        height: 150px;
    }

    .download{
        margin-top: 5px;
    }

    .btn_box{
        width: 200px;
        height: 40px;
        margin: 0;
    }

    .btn_box input[type='button']{
        font-size: 16px;
    }

    .more_img{
        margin-top: 40px;
    }


    /* sub5_1 */
    .product_box{
        margin-top: 20px;
        padding: 0 10px;
    }

    ul.product_list li{
        padding: 0 1.5% 40px;
    }


    /* sub8_3 */
    .point_tab{
        margin-top: 30px;
        padding: 0 10px;
    }

    .point_tab ul li{
        padding: 5px 0;
        font-size: 18px;
    }

    .point_tabcon{
        margin-top: 20px;
    }


    /* youtube01 */
    .ytb_img,
    .ytb_video{
        height: 220px;
    }

    .vote_input{
        margin-top: 30px;
    }

    .vote_input p{
        font-size: 22px;
    }

    .ytb_r_box{
        margin-top: 10px;
    }

    .vote_radio{
        font-size: 18px;
    }

    .ytb_vote_btn{
        margin: 10px 0 20px;
    }

    .sns_box03{
        margin-top: -60px;
    }

    .vote_result{
        margin-top: 50px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .vote_result_box{
        margin-top: 50px;
    }

    .vote_result_box ul li{
        padding-right: 0;
    }

    .vote_result_box ul li p{
        font-size: 20px;
    }

    .vote_result_box ul li:not(:last-child){
        margin-bottom: 20px;
    }

    .btn_container{
        margin-top: 50px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .btn_container button:first-child{
        margin-bottom: 20px;
    }

    .btn_input{
        margin: 20px 0 60px;
    }

    .comment_banner{
        margin: 30px 0;
    }


    /* sub4_2 */
    table.demonstration{
        margin-top: 10px;
    }

    .demonstration_btn{
        margin: 10px 0 0 0;
        padding: 0 10px;
    }

    .input_box03{
        width: 100%;
        margin-top: 30px;
        float: revert;
    }


    /* sub4_1 */
    table.demonstration02 th:nth-child(2),
    table.demonstration02 td:nth-child(2){
        width: 40%;
    }

    table.demonstration02 th:nth-child(3),
    table.demonstration02 td:nth-child(3){
        width: 15%;
    }

    span.category{
        width: 20%;
        font-size: 16px;
    }

    .demonstration02_btn{
        margin: 10px 0 0 0;
        padding: 0 10px;
        box-sizing: border-box;
    }


    /* sub4_3 */
    .counselor_category_box{
        margin-top: 30px;
    }

    .counselor_category{
        width: 100%;
        padding: 0 10%;
    }

    .counselor_profile_box{
        margin-top: 30px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .c_p{
        padding: 20px 30px;
        align-items: center;
    }

    .c_profile{
        height: 100px;
    }

    .c_profile img{
        width: 60%;
    }

    .c_profile_text p{
        font-size: 24px;
        margin-bottom: 10px;
    }

    .c_profile_text span{
        font-size: 18px;
    }

    .counselor_box02{
        margin-top: 30px;
    }

    .counselor_box02 p{
        margin-left: 10px;
    }


    /* sub4_2_detail */
    table.demonstration_d02{
        margin-top: 80px;
    }


    /* sub4_1_detail02 */
    .sub4_box01{
        margin-top: 50px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .sub4_box02{
        margin: 50px 0;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .sub4_box03{
        margin-top: 50px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .box09_1{
        padding-bottom: 20px;
    }


    /* sub4 */
    .sub_title02{
        display: none;
    }

    .community_box{
        margin-top: 20px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .community_box>ul{
        display: revert;
    }

    .community_box>ul>li{
        width: 100%;
    }

    .community_box>ul>li:not(:last-child){
        margin-bottom: 40px;
    }

    .event_zoon{
        margin-top: 50px;
    }

    .event_zoon p{
        font-size: 24px;
        padding-bottom: 10px;
    }

    .event_zoon ul{
        padding: 30px 20px 80px;
    }

    .event_btn{
        margin-top: 30px;
    }


    /* sub5_w*/
    .sub5_box{
        margin-top: 20px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    table.sponsor_w th{
        padding: 0 10px;
        width: 25%;
    }

    table.sponsor_w td{
        padding: 10px;
        width: 75%;
    }

    .sub5_box02{
        margin-top: 50px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    table.manager th{
        width: 20%;
        padding: 0 10px;
    }

    table.manager td{
        width: 30%;
        padding: 10px;
    }

    table.sponsorship th{
        padding: 5px 0;
    }

    table.sponsorship th:first-child,
    table.sponsorship td:first-child{
        width: 25%;
    }

    table.sponsorship th:nth-child(2),
    table.sponsorship td:nth-child(2){
        width: 60%;
    }

    table.sponsorship th:last-child,
    table.sponsorship td:last-child{
        width: 15%;
    }

    table.sponsorship td:first-child{
        padding: 0 20px;
    }

    table.sponsorship td:nth-child(2){
        padding: 20px 0 20px 30px;
    }

    .spon_radio{
        display: revert;
    }

    .spon_radio_box{
        width: 100%;
        margin: 5px 0;
        display: flex;
        align-items: center;
    }

    .spon_radio input[type='radio']:last-child{
        margin-left: 0;
    }

    .benefit_btn{
        width: 80px;
    }
    .benefit_btn01{
        width: 80px;
    }
    .benefit_btn02{
        width: 80px;
    }

    .benefit_btn03{
        width: 80px;
    }

    .benefit_btn04{
        width: 80px;
    }

    .benefit_btn05{
        width: 80px;
    }

    table.sponsor_w02{
        margin-top: 50px;
    }

    table.sponsor_w03 td.big_f{
        font-size: 20px;
    }

    .agree_box02{
        margin-top: 30px;
    }


    /* sub5_2_member */
    .exhibition01{
        padding: 0 10px;
        box-sizing: border-box;
        margin-top: 50px;
    }

    .exhibition02{
        margin-top: 0;
    }


    /* sub10_3 */
    .title_box03{
        padding: 0 10px;
        box-sizing: border-box;
        margin-top: 20px;
    }

    .advertisement_tab ul li{
        font-size: 16px;
        padding: 10px 0;
    }

    .advertisement_content{
        margin-top: 30px;
    }

    .advertisement_box{
        margin: 20px auto 20px;
    }


    /* sub10_1 */
    .sub5_box03{
        margin: 0;
    }

    .sub10_box{
        margin-top: 50px;
    }

    .sub10_box table th{
        font-size: 16px;
        padding: 5px 0;
    }

    .sub10_box table td{
        padding: 10px 0;
    }

    .sub10_box table td:nth-child(2){
        font-size: 16px;
    }


    /* sub10_2 */
    .sub5_box03_1{
        padding: 0 10px;
        box-sizing: border-box;
    }


    /* sub8_1 */
    .point_get{
        width: 80%;
        margin: 20px auto 0;
        padding: 20px 10px;
        box-sizing: border-box;
    }

    .point_get p{
        font-size: 22px;
    }

    .point_get_btn{
        margin-top: 20px;
    }

    .sub8_box{
        margin-top: 50px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .cash_box{
        padding: 15px 0;
    }


    /* sub5 */
    .sponsor_box_title02{
        padding: 0 10px;
        box-sizing: border-box;
    }

    .sponsor_box02{
        margin-top: 20px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .sponsor_box03:last-child{
        width: 60%;
    }

    .sponsor_box04{
        margin-top: 80px;
    }

    .sponsor_box05{
        margin-top: 40px;
    }


    /* sub2 */
    .sub2_content{
        margin-top: 20px;
        padding: 0 10px;
        box-sizing: border-box;
        display: revert;
    }

    .sub2_left_con{
        width: 100%;
    }

    .sub2_right_con{
        width: 100%;
        display: inline-block;
        margin-top: 10px;
    }

    .new_content{
        width: 49%;
        float: left;
        margin-bottom: 10px;
    }

    .sub2_btn{
        width: 49%;
        margin-bottom: 0;
        float: right;
    }

    .hot_content{
        clear: both;
    }

    .box09_2{
        padding: 0 10px 20px !important;
    }


    /* mypage1_1 */
    .mypage_title{
        display: none;
    }


    /* mypage1_2 */
    .member_level02{
        margin-top: 10px;
    }

    .activity_title{
        display: none;
    }

    .activity_box{
        margin-top: 40px;
    }


    /* mypage1_3 */
    .level_box{
        margin-top: 10px;
    }


    /* mypage1_3_detail */
    .class_title{
        margin: 20px auto 0;
    }


    /* mypage_1_3_levelup */
    .charge_box{
        margin-top: 0;
    }

    .level_caution{
        margin-top: 50px;
    }

    .level_up_buy{
        margin-top: 50px;
    }

    .payment{
        margin-top: 50px;
    }


    /* mypage1_6 */
    .activity_title03{
        font-size: 22px;
        margin-bottom: 5px;
    }


    /* mypage2_1 */
    .activity_title02{
        font-size: 22px;
    }

    table.history_list{
        margin-top: 10px;
    }


    /* mypage2_2 */
    table.n_list{
        margin-top: 10px;
    }


    /* mypage3_2 */
    .now_level02{
        margin-top: 10px;
        padding: 20px 100px;
    }

    .now_level02 span{
        font-size: 22px;
        line-height: 35px;
    }

    .now_level02 span strong{
        font-size: 24px;
    }

    .member_level03{
        font-size: 20px;
    }

    .level_icon{
        width: 80px;
        height: 80px;
        line-height: 80px;
        margin: 0 auto 5px;
    }

    .level_up03 ul{
        padding: 30px 0;
    }

    .level_up03 .point_text{
        font-size: 22px;
        margin-top: 20px;
    }

    .level_up03 ul li:nth-child(2) .point_text{
        margin-top: 15px;
    }


    /* mypage3_3 */
    table.info_c{
        margin: 0 0 20px;
    }


    /* mypage4_1 */
    .m_l_text02{
        font-size: 20px;
        line-height: revert;
    }


    /* mypage4_2 */
    .banner_box02{
        margin-top: 10px;
    }


    ul.sponsor li {
        height: 100px;
    }

    .s_img2 {
        height: 130px;
    }

    .logo_box03{
        height: 100px;
    }

    .more_imgpop img{
        width: 80%;
    }


    /* 스폰서 전시관 */
    .sponsor_box ul li{
        margin-bottom: 20px;
    }

    .sponsor_logobox{
        height: 100px;
    }

    .sponsor_namebox{
        height: 30px;
        font-size: 14px;
    }

}