@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Nanum+Gothic:wght@400;700;800&display=swap');
body {font-family:'S-CoreDream-2ExtraLight','S-CoreDream-4Regular','S-CoreDream-3Light','S-CoreDream-6Bold', sans-serif;}
.sub_wrap {
    font-family:'S-CoreDream-2ExtraLight','S-CoreDream-4Regular','S-CoreDream-3Light','S-CoreDream-6Bold', sans-serif;
}

/*메인배너*/

.main_banner {
    position: fixed;
    bottom: 10px; left: 20px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid#222;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main_banner span {
    display: none;
}
.main_banner.active {
    background-color: #333;
    width: 300px;
    height: 40px;
    border-radius: 0;
    color: #fff;
    border: 0;
}
.main_banner.active img {
    display: none;
}
.main_banner.active span {
    display: inline-block;
    cursor:pointer;
    line-height: 40px;
}

.main_banner img {
    width: 50px;
    height: auto;
    padding: 25px;
}

.main_banner div {
    display: none;
}

.main_banner div.visible {
    line-height: 20px;
    color: #fff;
    flex-wrap: wrap;
    width: 300px;
    height: 610px;
    text-align: center;
    background-color: #333;
    padding: 10px 0;
    box-sizing: border-box;
    font-size: 14px;
    letter-spacing: -0.5px;
    display: inline-block;
    position: absolute;
    top: -610px;left: 0;
}
/*메인배너*/



.gnb_wrpa {width: 100%; height: 80px;}
.gnb_bg {width: 100%; height: 80px; background-color: #333;
    opacity: 0.75; position: absolute; top: 0;left: 0;z-index: -9;}

.gnb {width: 1200px; height: 80px;margin: 0 auto;}
.gnb h1 {width: 200px;height: 80px;float: left;}
.gnb h1 a {font-size: 32px;font-family:'S-CoreDream-6Bold', sans-serif; color: #fff;}
.gnb h1 img {width: 40px;position: relative; top: 5px;}

.gnb > ul {float: right;}
.gnb > ul li {float: left;padding-top: 40px; margin-left: 30px;}
.gnb > ul li a {font-size: 20px; color: #aaa;}
.gnb > ul li a:hover {color: #fff; transition: 0.5s}

.mo_menu {display: none;}

.telegram_link {width: 100%; height: 100px;}
.telegram_link a {width: 100%; height: 30px;text-align: center;
    color: #f1f1f1;font-size: 24px;}

.footer_copy {display: inline-block; font-size: 15px; color: #ddd;
    height: 50px;}

.header_wrpa {height: 300px;}
.sub_img {width: 100%; height: 300px; position: absolute;top: 0;left: 0;}
.sub_img > h6 {width: 100%; text-align: center;color: #fff;font-size: 35px;
    padding-top: 180px;font-weight: bold;
}

.sub_content {width: 1200px; height: 100%; margin: 0 auto;}

#footer {width: 100%; height: 100%; text-align: center;
    background-color: #010101; color: #fff; position: relative;
    float: left;}
.footer_text {width: 350px;margin: 0 auto;height: 100px;padding-top: 110px;}
.footer_text img {float: left;margin-right: 10px; width: 60px;height: auto;
    position: relative;top: 0px;left: 0;}
.footer_text p {float: left; text-align: left; font-size: 26px;}

.telegram_link {width: 100%; height: 100px;}
.telegram_link a {width: 100%; height: 30px;text-align: center;
    color: #f1f1f1;font-size: 24px;}

.footer_copy {display: inline-block; font-size: 15px; color: #ddd;
    height: 50px;margin-top: 30px;}


.footer_wrap {
    width: 1200px;
    margin: 0 auto;
}
.footer_left {
    width: 600px;float: left;
    min-height: 300px;
}
.footer_right {
    width: 600px;float: left;
    min-height: 310px;
    height: auto;
}
.footer_right strong {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 24px;
    margin: 40px 0 10px 0;
    font-weight: normal;
}
.footer_right ul {
    text-align: left;
}
.footer_right ul li {
}
.footer_right ul li p {
    height: auto;
    line-height: 30px;
    color: #ddd;
}

input[id*=answer] {
    display: none;
}
input[id*=answer] + label {
    display: block;
    padding: 5px;
    background-color: #000;
    border-bottom: 0;
    color: #ddd;
    font-weight: 900;
    cursor: pointer;
    position: relative; 
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-size: 18px;
    font-weight: normal;
}
input[id*=answer] + label em {
    position: absolute;
    top: 50%;right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    display: inline-block;
    background:url(/images/top_icon.png) 0 0 no-repeat;
    background-size: cover;
}

input[id*=answer] + label + div {
    max-height: 0;
    overflow:hidden;
    font-size: 16px;
}
input[id*=answer] + label + div p {
    display: inline-block;
    padding: 5px;
    box-sizing: border-box;
}


input[id*=answer]:checked + label + div {
    height: 100%;
    max-height: 100%;
    line-height: 22px;
    text-align: left;
    padding: 0 10px 0 30px;
    box-sizing: border-box;
    font-weight:100;
}




/*--------------------------------------------------------------------------------회원가입*/

.membership_header {height: 80px;}

.membership_wrap {width: 100%;height: 100%;
    /*background: url(/images/membership_bg.png) no-repeat center;*/
    background: url(/images/new/sms_nine_bg.png) no-repeat center;
    background-size: cover;}

.membership_con01 {width: 700px; height: 700px;margin: 0 auto;
}
.membership_con01 ul {width: 700px; height: 600px;margin-top: 100px;}

.membership_con01 .membership_title {
    height: 100px;line-height: 100px; text-align: center;padding-top: 50px;}
.membership_title strong {color: #fff;font-size: 24px; }
.membership_con01 li {width: 470px;height: 60px;line-height: 50px; margin:  0 auto;}
.membership_con01 li p {width: 200px;display: inline-block;color: #f5f5f5;font-size: 18px;
    text-align: center;}
.membership_con01 li input { width: 250px;height: 35px;padding: 5px; box-sizing: border-box;
    }

.membership_con01 .membership_btn {width: 200px; margin-top: 20px;}
.membership_con01 .membership_btn input {width: 220px;height: 70px; font-size: 20px;
    border: 0; background-color: #333; color: #fff; cursor: pointer;}


.membership_con01 .membership_pw {border-top: 1px solid#aaa;margin-top: 20px;}
.membership_con01 .membership_pw02 {border-bottom: 1px solid#aaa;margin-bottom: 20px;}
/*--------------------------------------------------------------------------------회원가입*/
/*--------------------------------------------------------------------------------리스트 넘버*/

.con_list_num {width: 100%; text-align: center;margin: 70px 0 100px 0;}
.con_list_num input { width: 30px;height: 30px;
    border: 0; background-color: #555; color: #ddd;
    border-radius: 30px; font-size: 14px; margin: 0 5px;
    cursor: pointer;
}
.con_list_num .current_page {width: 35px;height: 35px;color: #fff;font-weight: bold;}

/*--------------------------------------------------------------------------------리스트 넘버*/
/*--------------------------------------------------------------------------------공지사항*/
.header_wrpa .notice_img {
    background: url(/images/notice_img.png) no-repeat center;z-index: -99;
    background-size: cover;
}
.notice_con {margin: 50px auto 0 auto;}
.notice_text {width: 1000px; height:;margin: 0 auto;}
.notice_text li {display: inline-block;height: 50px; line-height: 50px;
    font-size: 18px;border-bottom: 1px solid#ddd;box-sizing: border-box;
    overflow: hidden;}

.notice_title li {color: #aaa;}


.notice01 {width: 695px;padding: 0 0 0 5px;}
.notice02 {width: 300px;text-align: center;margin-left: -5px;}

/*--------------------------------------------------------------------------------공지사항*/
/*--------------------------------------------------------------------------------공지사항 게시글*/


.notice_bg {width: 100%;height: 100%;background-color: #333; opacity: 0.65;
    position: absolute; top: 0;z-index: -9;}
.notice_text_wrap {width: 900px;height: 900px;background-color: #fff;
    position: absolute; top: 50%; left: 50%; margin: -450px;
}
.notice_text_wrap .notice_title_day {height: 80px;line-height: 80px;}
.notice_text_wrap .notice_text_title {width: 100%;text-align:center;font-size: 22px;font-weight: bold;}
.notice_text_wrap .notice_text_con {width: 800px; height: 700px;margin:  0 auto;
        background-color: #f2f2f2;padding: 10px; box-sizing: border-box;
        font-size: 18px; line-height: 25px; overflow-y: scroll;
}
.notice_text_wrap .notice_text_btn {
        width: 100%; text-align: center; margin: 30px 0;}
.notice_text_btn input  {width: 100px; height: 40px; border: 0;
    background-color: #aaa; color: #fff; font-size: 18px;cursor: pointer;}

/*--------------------------------------------------------------------------------공지사항 게시글*/
/*--------------------------------------------------------------------------------입금확인관리*/

.header_wrpa .deposit_img {
    background: url(/images/deposit_img.png) no-repeat center;z-index: -99;
    background-size: cover;
}

.sub_title {height: 150px;width: 1000px; margin: 50px auto 20px auto;}
.sub_title strong {font-size: 20px; line-height: 40px; }
.sub_title p {font-size: 18px; line-height: 22px;}
.sub_title p span { font-size: 16px; color: #666; letter-spacing: -0.5px;}


.deposit_con01 {height: 160px;border-top: 1px solid#ddd; border-bottom: 1px solid#ddd;
    padding: 30px 0;  box-sizing: border-box; width: 1000px;margin:  0 auto;
}
.deposit_con01 li {float: left; width: 50%;height: 50px; line-height: 50px;}
.deposit_con01 p {float: left; font-size: 20px; width: 150px;text-align: center;}
.deposit_con01 strong {font-size: 20px; text-align: center;width: 350px;color: #555; display: inline-block;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.deposit_con01 input  {width: 300px; height: 35px; padding: 5px; box-sizing: border-box;
    border: 0; background-color: #f2f2f2;}


.deposit_con02 {width: 1000px; margin: 30px auto; height: 300px; text-align: center;}
.deposit_con02 strong {width: 100%; text-align: center;display: inline-block;
        font-size: 20px; line-height: 50px; }

.deposit_con02 input {width: 200px; height: 45px;margin: 10px 15px;
    border: 0; background-color: #ddd; color: #999; font-size: 18px;
    cursor: pointer;
}
.deposit_con02 input:hover {background-color: #333; color: #fff; transition: 0.3s;}
.deposit_con02 .con02_btn {margin-top: 50px;
    background-color: #f5f5f5; border: 1px solid#333; color: #333;
}
/*--------------------------------------------------------------------------------입금확인관리*/
/*--------------------------------------------------------------------------------보내기*/

.header_wrpa .send_img {
    background: url(/images/send_img.png) no-repeat center;z-index: -99;
    background-size: cover;
}

.send_title {width: 100%; height: 100px; line-height: 30px; font-size: 22px;text-align: center;
    margin-top: 30px;}

.send_con01 {width: 750px; margin: 0 auto;height:420px;}
.phone_img {width: 300px;height: 330px;float: left;
    background: url(/images/iphone_bg.jpg) no-repeat center;
    background-size:contain;
    position: relative;margin-top: 40px
}
.phone_img textarea {width: 235px;height: 245px;
    position: absolute; top: 40px;left:32px;
    background-color: #f6f6f6; padding: 10px; box-sizing: border-box;
    border-radius: 10px;border: 1px solid#ddd;
    resize: none;
    font-size: 14px;
    line-height: 18px;
}
.phone_img span {position: absolute; bottom: 25px;left: 140px;font-size: 14px; color: #999;}

.send_num {width: 450px; height: 100%;float: left;}
.send_num ul li p {width: 200px; float: left;text-align: center;}


.send_num .send_num_01 strong {height: 70px;line-height: 30px; font-size: 25px; color: #555;
    margin-top: 40px;display: inline-block;}

.send_num_02 {
    width: 100%;
    height: 145px;
}
.send_num_02_title {
    width: 100px;
    height: 145px;
    background-color: #eee;
    text-align: center;
    float: left
}
.send_num_02 .send_num_02_title p {
    width: 100%;
    text-align: center;
    line-height: 50px;
    display: inline-block;
}

.send_num_02_text {
    width: 200px;
    height: 110px;
    float: left;
}
.send_num_02_text textarea {
    resize: none;
    width: 200px;
    height: 145px;
    border: 0;
    box-sizing: border-box;
    padding: 3px;
    border: 1px solid#ddd;
    margin-left: 5px;
}


.send_num_02_btn {
    float: left;
    width: 130px;
    display: inline-block;
    margin-left: 10px;
}
.send_num_02_btn input {
    width: 130px;
    border: 0;
    height: 40px;
    cursor: pointer;
    float: left;
}
.send_num_02_btn01 {
    background-color: #111;
    color: #fff;
}
.send_num_02_btn02 {
    background-color: #111;
    color: #fff;
    margin: 12px 0;
}
.send_num_02_btn .send_num_02_btn03 {
    background-color: #f00;
    color: #fff;
}



.send_num_03 {
    width: 500px;
    height: 100px;
}
.send_num_03_title {
    width: 100px;
    height: 100px;
    background-color: #f2f2f2;
    text-align: center;
    float: left;
    margin-top: 3px;
}
.send_num_03 .send_num_03_title p {
    width: 100%;
    text-align: center;
    line-height: 100px;
}

.send_num_03_btn {
    float: left;
    width: 400px;
}
.send_num_03_btn input {
    border: 0;
    height: 35px;
}
.send_num_03_btn01 {
    width: 100%;
    margin: 15px 0 10px 5px;
}
.send_num_03_btn02 {
    width: 160px;
    height: 30px;
    background-color: #111;
    color: #fff;
    margin-left: 5px;
    cursor: pointer;
}
.send_num_03_btn03 {
    width: 170px;
    height: 30px;
    background-color: #f00;
    color: #fff;
    cursor: pointer;
}



.send_con02 {width: 1000px;margin: 0 auto;height: 100%;}

.send_con02_title {
    height: 70px;line-height: 70px;
    border-top: 1px solid#ddd; border-bottom: 1px solid#ddd;
    font-size: 22px; text-align: center;position: relative;
    margin-bottom: 40px;}
.send_con02_title input {width: 130px; height: 30px; font-size: 16px;
    position: absolute; bottom: 20px; right: 0;
    border: 0; background-color: #555; color: #fff; cursor: pointer;
}

.send_con02_none {width: 100%; text-align: center; font-size: 20px;
    color: #999; height: 250px; line-height: 200px;
}

.send_box {width: 330px;height: 340px;display: inline-block;margin-bottom: 20px;}
.send_box > div {
    width: 330px;height: 330px;
    background-color: #f9f9f9;
    color: #666; padding: 20px; box-sizing: border-box;
    text-align: right; cursor: pointer;
    border: 1px solid#f9f9f9
}
.send_box > div:hover {background-color: #fff; box-sizing: border-box;border: 1px solid#333;
    transition: 0.3s; color: #333;}
.send_box > div input {width: 15px;height: 15px;}
.send_box > div p {width: 100%;height: 250px;
    text-align: left;font-size: 18px;margin-top: 0;
    overflow-y: scroll;padding: 10px;box-sizing: border-box;
    line-height: 22px;
}
/*--------------------------------------------------------------------------------보내기*/
/*--------------------------------------------------------------------------------결과*/

.header_wrpa .result_img {
    background: url(/images/result_img.png) no-repeat center;z-index: -99;
    background-size: cover;
}

.result_con_title {width: 1000px;height: 90px;}

.result_con01 {width: 1000px;height: 80px; line-height: 80px;margin: 0 auto;}
.result_con01 .del_btn {}
.result_con01 .del_btn li {float: left;}
.result_con01 .del_btn input  { width: 150px; height: 35px; 
    background-color: #f9f9f9; border: 1px solid#555;
    margin-right: 20px; cursor: pointer;
}
.result_con01 .del_btn .result_month {float: right;}
.result_con01 .del_btn .result_month input {margin-right: 0; margin-left: 20px;}
.result_con01 .del_btn .month {padding: 0;width: 160px;height: 32px;}

.result_con .result_con02-1 > li {background-color: #f2f2f2;height: 50px;line-height: 50px;}
.result_con .result_con02-2 > li {border-bottom: 1px solid#ddd; box-sizing: border-box;}

.result_con02 {width: 1000px; height: 100%;margin: 0 auto;}

.result_con02 ul {width: 1000px;display: inline-block;margin: 0 auto;}
.result_con02 ul li {height: 100px; line-height: 100px; float: left;text-align: center;}
.result_con02-2 .result_num p {line-height: 20px;}
.result_con02-2 .result_num {padding-top: 20px; box-sizing: border-box;}

.result_con_text .result_checkbox {width: 50px;}
.result_con_text .result_day {width: 250px;}
.result_con_text .result_text {width: 550px;}
.result_con_text .result_num {width: 150px;}

.result_con02-2 .result_text {width: 550px;line-height: 20px;padding: 5px; box-sizing: border-box;
    overflow-y: scroll;text-align: left;
}


.result_con02 .result_con_none li {width: 1000px;height: 500px;line-height: 500px;
        text-align: center;border-bottom: 1px solid#ddd;font-size: 18px;color: #555;}


/*--------------------------------------------------------------------------------결과*/
/*--------------------------------------------------------------------------------마이페이지*/
.header_wrpa .mypage_img {
    background: url(/images/mypage_img.png) no-repeat center left;z-index: -99;
    background-size: cover;
}
.mypage_con_title {width: 1000px;height: 100px;}

.mypage_con01 {width: 1000px; height: 100%; margin: 0 auto;}
.mypage_con01 ul {display: inline-block;}
.mypage_con01 strong {font-size: 18px;color: #555;padding: 10px 0 20px 0;display: inline-block;}

.mypage_con01_title{background-color: #f2f2f2;}
.mypage_con01_text li {float: left;height: 60px; line-height: 60px;
    border-bottom: 1px solid#ddd;}
.mypage_con01_text p {text-align: center;}

.mypage_con01_day {width: 300px;}
.mypage_con01_money {width: 300px;}
.mypage_con01_point {width: 250px;}
.mypage_con01_bonus {width: 150px;}

.mypage_con_title p {width: 260px;}
.mypage_con_title a {width: 150px;height: 30px;line-height: 30px;text-align: center;
    display: inline-block; background-color: #555; color: #fff;float: right;
    margin-top: -20px;}


/*--------------------------------------------------------------------------------마이페이지*/
/*--------------------------------------------------------------------------------비밀번호 변경*/

.sub_wrap .pw_img {text-align: center;height: 130px;}
.sub_wrap .pw_btn {text-align: center;}
.sub_wrappw_text p {display: block;}
.sub_wrap .pw_btn input {width: 200px;height: 40px;margin-top: 50px;cursor: pointer;}

/*--------------------------------------------------------------------------------비밀번호 변경*/
/*--------------------------------------------------------------------------------리셀러-메뉴*/
.header_wrpa .reseller_img {
    background: url(/images/reseller_img.png) no-repeat center right;z-index: -99;
    background-size: cover;
}
.reseller_menu {width: 1200px;height:50px; line-height: 50px; }
.reseller_menu ul {width: 600px;margin-left: -300px;position: absolute;top: 250px;left: 50%;}
.reseller_menu li {float: left;width: 150px;text-align: center;font-size: 20px;}
.reseller_menu li a {color: #aaa;font-weight: bold;}
.reseller_menu .reseller_menu_on a {color: #fff;padding: 0 20px; border-bottom: 2px solid#aaa}
/*--------------------------------------------------------------------------------리셀러-메뉴*/
/*--------------------------------------------------------------------------------리셀러-코드*/


.code_con strong {font-size: 18px;padding: 20px 0;display: inline-block;}
.code_con {font-size: 18px;}

.code_con01 { height: 220px;}
.code_con01  li {border-bottom: 1px solid#ddd;}

.code_con01-1 {width: 600px;height: 60px; line-height: 60px; float: left;}
.code_con01-1 p {float: left; width: 250px;text-align: center;}
.code_con01-1 span {width: 350px; text-align: center;display: inline-block;
    color: #163392;font-weight: bold;}

.code_con01-2 {width: 600px;height: 60px; line-height: 60px; float: left;}
.code_con01-2 p {float: left;width: 220px;text-align: center;}
.code_con01-2 input {border: 0;height: 35px;width: 240px;background-color: #f2f2f2;}
.code_con01-2 .code_con01btn {width: 130px;background-color: #555; color: #fff;}

.code_con01-3 {width: 1200px;height: 60px; line-height: 60px;;float: left;}
.code_con01-3 p {float: left; width: 240px; text-align: center;}
.code_con01-3 input {border: 0;height: 35px;width: 824px;text-align: right;
        padding: 0 15px; box-sizing: border-box; background-color: #f2f2f2;}
.code_con01-3 .code_con01btn  {width: 130px;background-color: #555; color: #fff;
    padding: 0;text-align: center;}

.code_con .code_con01-4 {width: 1200px;height: 30px;line-height: 30px; text-align: right;float: left;
    border: 0;}
.code_con01-4 p {font-size: 16px;}

.code_con02 {height: 100%;float: left;margin-bottom: 40px;}
.code_con02_text {width: 1200px;margin: 0 auto;}
.code_con02_text p {font-size: 16px;}
.code_con02_text li {float: left;height: 60px;line-height: 60px;
    border-bottom: 1px solid#ddd;text-align: center;}

.code_con02_title li {height: 45px;line-height: 45px;}
.code_con02_title p {color: #555;background-color: #f2f2f2;}

.code_con02_num {width: 170px;}
.code_con02_day {width: 230px;}
.code_con02_code {width: 200px;}
.code_con02_mail {width: 350px;}
.code_con02_pay {width: 250px;}
/*--------------------------------------------------------------------------------리셀러-코드*/
/*--------------------------------------------------------------------------------리셀러-충전*/


.charge_con01 strong {font-size: 18px;padding: 20px 0;display: inline-block;}

.charge_con01 li {width: 1200px;border-bottom: 1px solid#ddd;
    padding: 0 10px;box-sizing: border-box; margin: 0 auto;height: 50px;line-height: 50px;}
.charge_con01 li p {font-size: 18px;float: left;}
.charge_con01 input {height: 30px;border: 0; background-color: #f2f2f2;}

.charge_con01-1 p {width: 590px;}
.charge_con01-point {text-align: right;}

.charge_con01-2 {}
.charge_con01-2 p {width: 160px;float: left;}
.charge_con01-2 input {width: 860px;}
.charge_con01-2 .charge_search {width: 150px;background-color: #555; color: #fff;cursor: pointer;}

.charge_con01-3 {}
.charge_con01-3 p {width: 160px;float: left;}

.charge_con01-3 input {width: 610px;text-align: right;padding: 0 10px; box-sizing: border-box;}
.charge_con01-3 select {width: 250px;height: 30px;background-color: #f2f2f2;border: 0;}
.charge_con01-3 .charge_check {width: 150px;background-color: #555; color: #fff;text-align: center;cursor: pointer;}


.charge_con02 {margin-top: 50px;}

.charge_con02 .charge_con02_title {margin-top: 10px;}
.charge_con02_text {width: 1200px; height: 100%;margin: 0 auto;display: inline-block;}
.charge_con02_text li {height: 60px;line-height: 60px;text-align: center; float: left;
    border-bottom: 1px solid#ddd;}
.charge_con02_text p {}

.charge_con02_num {width: 150px;}
.charge_con02_mail {width: 350px;}
.charge_con02_day {width: 150px;}
.charge_con02_normal {width: 150px;}
.charge_con02_charge {width: 200px;}
.charge_con02_point {width: 200px;}

.charge_con02_none {width: 1200px;height: 300px; line-height: 300px;text-align: center;
    font-size: 20px; color: #555;border-bottom: 1px solid#ddd;}

/*--------------------------------------------------------------------------------리셀러-충전*/
/*--------------------------------------------------------------------------------리셀러-리스트*/

.reseller_list_con01 strong {font-size: 18px;padding: 20px 0;display: inline-block;}

.reseller_list_con01 {float: left;}
.reseller_list_con01 li {width: 600px;height: 50px;line-height: 50px; float: left;
    border-bottom: 1px solid#ddd; 
}
.reseller_list_con01 p {width: 150px;text-align: center; float: left;font-size: 18px;}
.reseller_list_con01 input {width: 450px;height: 30px;border: 0; background-color: #f2f2f2;
    padding: 0 10px;box-sizing: border-box;
}
.reseller_list_con01 .list_btn {width: 245px;float: right;border: 0;margin-top: 10px;}
.reseller_list_con01 select {width: 450px;height: 30px;border: 0; background-color: #f2f2f2;
    padding: 0 10px;box-sizing: border-box;}
.list_btn input {width: 120px;height: 35px;border: 0; background-color: #555; color: #fff;}

.reseller_list_con02 .reseller_list_con02_none li {
    width: 1200px; height: 300px;line-height: 300px; text-align: center;
    font-size: 18px; color: #555;}
.reseller_list_con02 {width: 1200px; height: 100%;float: left;margin-bottom: 50px;}
.reseller_list_con02 li {height: 60px;line-height:60px; float: left;
    border-bottom: 1px solid#ddd;text-align: center;
}
.reseller_list_con02 span {font-size: 14px;margin: 40px 0 10px 0;display: inline-block;
    width: 100%;text-align: right;color: #777;}
.reseller_list_con02_title li {height: 40px;line-height: 40px; background-color: #f2f2f2;border: 0;color: #555;}
.list_con02_num {width: 120px;}
.list_con02_mail {width: 280px;overflow: hidden;}
.list_con02_point {width: 130px;}
.list_con02_normal {width: 120px;}
.list_con02_pay {width: 130px;}
.list_con02_remainder {width: 120px;}
.list_con02_jon {width: 150px;}
.list_con02_last {width: 150px;}
/*--------------------------------------------------------------------------------리셀러-리스트*/
/*--------------------------------------------------------------------------------리셀러-정산*/


.calculate_con {width: 1200px;height: 100%;margin: 0 auto;display: inline-block;}

.calculate_title {height: 40px;line-height: 40px;}
.calculate_title strong {font-size: 18px;}
.calculate_title p {display: inline-block;font-size: 14px;}

.calculate_search01 {width: 1200px;height:100%;display: inline-block;}
.calculate_search01-1 {width: 1200px;border-top: 1px solid#ddd; border-bottom: 1px solid#ddd;}
.calculate_search01 li {line-height: 60px;font-size: 18px;}
.calculate_search01 p {width: 100px;text-align: center; height: 60px;float: left;}
.calculate_search01 .search_day  {width: 250px;height: 35px;border: 0;background-color: #f2f2f2;}
.calculate_search01 .search_btn  {width: 100px;height: 35px;border: 0; background-color: #555; color: #fff;margin-left: 10px;}

.calculate_search01_day p {width: 1200px;height: 50px;line-height: 50px; text-align: left;
    font-size: 16px;}

.calculate_con .calculate_con_title li {background-color: #f2f2f2;border: 0;}

.calculate_con_text li { height: 55px;line-height: 55px;font-size: 18px; float: left;
    border-bottom: 1px solid#ddd;text-align: center;}
.calculate_con_none {width: 1200px; height: 300px;display: inline-block;float: left;text-align: center;
    line-height: 300px;font-size: 18px; color: #555;border-bottom: 1px solid#ddd;}
.calculate_mail {width: 350px;}
.calculate_point01 {width: 200px;}
.calculate_point02 {width: 200px;}
.calculate_send {width: 200px;}
.calculate_profit {width: 250px;}

.calculate_con02 .calculate_search01 p {display: inline-block;float: none;}
/*--------------------------------------------------------------------------------리셀러-정산*/
/*--------------------------------------------------------------------------------로그인*/

.login {width: 100%;height: 500px; margin:0 auto; text-align: center; position: relative;margin: 0 auto;}
.login ul {margin: 0;}
.login .login_title {height: 70px;margin-top:0;padding: 0 0 10px 0; }
.membership_title strong {display: inline-block;font-size: 25px; line-height: 50px;}
.membership_title img {width: 20px;height: auto}


.membership_con01 .login input {
    width: 400px;height: 45px;border: 1px solid#ddd;padding: 0 20px;color: #ddd;}
.e_mail {margin-bottom: 20px;}

.login .check {height: 50px; line-height: 50px;}
.login .check span {font-size: 16px;display: inline-block; color: #ddd;}
.login .check input {width: 15px;height: 15px;margin-right: 5px;color: #ddd;}

.login_btn a {width: 390px;height: 45px; display: inline-block; background-color: #333;
    color: #fafafa;font-size: 20px;line-height: 45px;margin: 20px 0 50px 0;}

.membership p {height: 30px;display: inline-block;color: #aaa}
.membership a {display: inline-block;text-decoration: underline;color: #ddd}
/*--------------------------------------------------------------------------------로그인*/
/*------------------------------------------------------------------------------URL 변환*/

.url_con_title {
    height: 250px;
}

.url_con01 {
    width: 500px;
    margin: 0 auto;
    height: 150px;
}

.url_con01 li {
    height: 40px;
    line-height: 40px;
}
.url_con01 li span {
    font-size: 18px;
    display: inline-block;
    margin-right: 5px;
}
.url_con01 li input {
    background-color: #f2f2f2;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    box-sizing: border-box;
    border: 1px solid#ddd;
    font-size: 16px;
}
.url_con01_text01 {
    width: 400px;
}
.url_con01_text02 {
    width: 300px;
}
.url_con01 .url_con01_text02_btn  {
    width: 95px;
    background-color: #333;
    color: #fff;
    cursor: pointer;
    height: 30px;
    border: 0;
}
.url_con01 .url_con01_text03_btn  {
    width: 95px;
    background-color: #333;
    color: #fff;
    cursor: pointer;
    height: 30px;
    border: 0;
}
.url_con01_text03 {
    width: 283px;
}

.url_con02 {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    display: inline-block;
    padding: 0 100px;
}
.url_con02 strong {
    width: 100%;
    display: inline-block;
    font-size: 20px;
    line-height: 50px;
}
.url_con02_title li {
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.url_con02_title li p {
    font-weight: 600;
}
.url_con02_title .day {
    width: 120px;
}
.url_con02_title .url01 {
    width: 480px;
}
.url_con02_title .url02_name {
    width: 170px;
}
.url_con02_title .url03 {
    width: 230px;
}


.url_con02_text {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid#ddd;
    
}
.url_con02_text li {
    float: left;
    height: auto;
    min-height: 30px;
    text-align: center;
    line-height: 20px;
    width: 100%;
    
    
}
.url_con02_text li p {
    width: 100%;
    height: auto;
    min-height: 30px;
    line-height: 30px;
    word-break: break-all;
    
}

.url_con02_title li {
    background-color: #eee;
}

.url_con02_text .day {
    width: 120px;
}
.url_con02_text .url01 {
    width: 480px;
}
.url_con02_text .url02_name {
    width: 170px;
}
.url_con02_text .url03 {
    width: 230px;
}

.url_con02_text .url03 p {
    width: 230px;
    word-break: break-all;
}

/*------------------------------------------------------------------------------URL 변환*/
















@media all and (min-width:721px) and (max-width:1100px) {
    
    
     /*메인배너*/
    .main_banner {
        display: none;
    }
    /*메인배너*/
    /*무료메시지 아이콘*/
    .free_message_icon {
        width: 70px;
        height: 70px;
        position: fixed;
        bottom: 10px; right: 20px;
    }
    .free_message_icon p {
        line-height: 70px;
        font-size: 12px;
    }
    /*무료메시지 아이콘*/
    .gnb_wrpa {width: 100%; height: 70px;}
    .gnb_bg {width: 100%; height: 70px;z-index: -9;}

    .gnb {width: 98%; height: 70px;margin-left: 1%;}
    .gnb h1 {width: 200px;height: 80px;}
    .gnb h1 a {font-size: 26px;}
    .gnb h1 img {width: 35px;position: relative; top: 7px;}

    .gnb > ul {display: none;}
    .mo_menu {display: inline-block;}
    .mo_menu img {width: 35px; position: absolute; top: 28px;right: 25px;}
    

    #footer {position: relative;}

    .footer_text {width: 320px;margin: 0 auto;height: 100px;padding-top: 80px;}
    .footer_text img {float: left;margin-right: 10px; width: 55px;height: auto;
        position: relative;top: 0px;left: 0;}
    .footer_text p {float: left; text-align: left; font-size: 24px;}

    .telegram_link {width: 100%; height: 80px;}
    .telegram_link a {width: 100%; height: 30px;font-size: 22px;}

    .footer_copy {font-size: 14px;height: 40px;}


    .footer_wrap {
        width: 100%;
        margin: 0 auto;
    }
    .footer_left {
        width: 50%;float: left;
        min-height: 300px;
    }
    .footer_right {
        width: 50%;float: left;
        min-height: 310px;
        height: auto;
    }
    .footer_right strong {
        font-size: 22px;
        margin: 30px 0 10px 0;
    }
    .footer_right ul {
        text-align: left;
    }
    .footer_right ul li p {
        height: auto;
        line-height: 30px;
    }

    input[id*=answer] {
        display: none;
    }
    input[id*=answer] + label {
        display: block;
        padding: 5px;
        position: relative; 
        height: auto;
        line-height: 22px;
        font-size: 18px;
        font-weight: normal;
        padding-right: 30px;
        box-sizing: border-box;
    }

    input[id*=answer] + label + div {
        max-height: 0;
        overflow:hidden;
        font-size: 14px;
    }
    input[id*=answer] + label + div p {
        display: inline-block;
        padding: 3px;
        box-sizing: border-box;
    }


    input[id*=answer]:checked + label + div {
        height: 100%;
        max-height: 100%;
        line-height: 22px;
        padding: 0 10px 0 30px;
    }
    .header_wrpa {height: 250px;}
    .sub_img {width: 100%; height: 250px; position: absolute;top: 0;left: 0;}
    .sub_img > h6 {width: 100%; font-size: 30px;padding-top: 140px;
    }

    .sub_content {width: 100%; height: 100%; margin: 0 auto;}
    
    /*--------------------------------------------------------------------------------회원가입*/

    .membership_header {height: 80px;}

    .membership_wrap {width: 100%;height: 100%;
        background: url(/images/membership_bg.png) no-repeat center;
        background-size: cover;}

    .membership_con01 {width: 700px; height: 700px;}
    .membership_con01 ul {width: 700px; height: 600px;margin-top: 50px;}

    .membership_con01 .membership_title {
        height: 100px;line-height: 100px; text-align: center;padding-top:20px;}
    .membership_title strong {color: #fff;font-size: 22px; }
    .membership_con01 li {width: 470px;height: 80px;line-height: 60px; margin:  0 auto;}
    .membership_con01 li p {width: 200px;font-size: 18px;}
    .membership_con01 li input { width: 250px;height: 35px;padding: 5px; box-sizing: border-box;
        }

    .membership_con01 .membership_btn {width: 200px; margin-top: 50px;}
    .membership_con01 .membership_btn input {width: 220px;height: 50px; font-size: 20px;}


    .membership_con01 .membership_pw {border-top: 1px solid#aaa;margin-top: 20px;}
    .membership_con01 .membership_pw02 {border-bottom: 1px solid#aaa;margin-bottom: 20px;}
    /*--------------------------------------------------------------------------------회원가입*/
    /*--------------------------------------------------------------------------------리스트 넘버*/

    .con_list_num {width: 100%;margin: 70px 0 100px 0;}
    .con_list_num input { width: 30px;height: 30px;font-size: 14px; margin: 0 5px;
    }
    .con_list_num .current_page {width: 35px;height: 35px;}

    /*--------------------------------------------------------------------------------리스트 넘버*/
    /*--------------------------------------------------------------------------------공지사항*/
    .header_wrpa .notice_img {
        background: url(/images/notice_img.png) no-repeat center;z-index: -99;
        background-size: cover;
    }
    .notice_con {margin: 50px auto 0 auto;}
    .notice_text {width: 98%; height:;margin: 0 auto;}
    .notice_text li {display: inline-block;height: 45px; line-height:45px;
        font-size: 16px;border-bottom: 1px solid#ddd;box-sizing: border-box;}

    .notice_title li {color: #aaa;}


    .notice01 {width: 70%;padding: 0 0 0 5px;}
    .notice02 {width: 30%;text-align: center;margin-left: -5px;}

    /*--------------------------------------------------------------------------------공지사항*/
    /*--------------------------------------------------------------------------------공지사항 게시글*/

    .notice_text_wrap {width: 700px;height:700px;position: absolute; top: 150px; left: 50%; margin-left:  -350px; margin-top: 0;
    }
    .notice_text_wrap .notice_title_day {height: 60px;line-height: 60px;}
    .notice_text_wrap .notice_text_title {width: 100%;font-size: 22px;}
    .notice_text_wrap .notice_text_con {width: 600px; height:550px;
        padding: 10px; font-size: 16px; line-height: 25px; overflow-y: scroll;    }
    .notice_text_wrap .notice_text_btn {
            width: 100%; text-align: center; margin: 20px 0;}
    .notice_text_btn input  {width: 100px; height: 40px; border: 0;
        background-color: #aaa; color: #fff; font-size: 18px;cursor: pointer;}

    /*--------------------------------------------------------------------------------공지사항 게시글*/
    /*--------------------------------------------------------------------------------입금확인관리*/

    .header_wrpa .deposit_img {
        background: url(/images/deposit_img.png) no-repeat center;z-index: -99;
        background-size: cover;
    }



    .sub_title {height: 180px;width: 98%; margin: 50px 1% 20px 1%;text-align: center;}
    .sub_title strong {font-size: 20px; line-height: 40px; }
    .sub_title p {font-size: 18px; line-height: 30px;}
    .sub_title p span {width: 100%; font-size: 16px; color: #666; letter-spacing: -0.5px;
        display: inline-block; line-height: 0;}


    .deposit_con01 {height: 160px;border-top: 1px solid#ddd; border-bottom: 1px solid#ddd;
        padding: 30px 0;  box-sizing: border-box; width: 700px;margin:  0 auto;
    }
    .deposit_con01 li {float: left; width: 50%;height: 50px; line-height: 50px;}
    .deposit_con01 p {float: left; font-size: 18px; width: 100px;}
    .deposit_con01 strong {font-size: 18px;width: 200px;}
    .deposit_con01 input  {width: 220px; height: 35px; padding: 5px; box-sizing: border-box;}


    .deposit_con02 {width: 700px; margin: 30px auto; height: 300px;}
    .deposit_con02 strong {width: 100%;font-size: 20px; line-height: 50px; }

    .deposit_con02 input {width: 140px; height: 45px;margin: 10px 15px;font-size: 16px;
    }
    .deposit_con02 .con02_btn {margin-top: 50px;
        background-color: #f5f5f5; border: 1px solid#333; color: #333;
    }
    /*--------------------------------------------------------------------------------입금확인관리*/
    /*--------------------------------------------------------------------------------보내기*/

    .header_wrpa .send_img {
        background: url(/images/send_img.png) no-repeat center;z-index: -99;
        background-size: cover;
    }

    .send_title {width: 100%; height: 80px; line-height: 30px; font-size: 20px;text-align: center;
        margin-top: 50px;}

    .send_con01 {width: 670px; margin: 0 auto;height:350px;}
    .phone_img {width: 260px;height: 350px;float: left;
        background: url(/images/iphone_bg.jpg) no-repeat center;
        background-size: contain;
        position: relative;margin-top: 0;
        margin-right: 10px;
    }
    .phone_img textarea {width: 225px;height: 243px;
        position: absolute; top: 55px;left:17px;padding: 10px;resize: none;
    }
    .phone_img span {position: absolute; bottom: 32px;left: 115px;font-size: 14px; }

    .send_num {width: 400px; height: 100%;
        margin-top: 30px;}
    .send_num ul li p {width: 400px;}


    .send_num .send_num_01 strong {height: 50px;line-height: 20px; font-size: 18px; color: #555;
        margin-top: 0;display: inline-block;}


    .send_num_02 {
        width: 100%;
        height: 155px;
    }
    .send_num_02_title {
        width: 100px;
        height: 155px;
    }
    .send_num_02 .send_num_02_title p {
        width: 100%;
        line-height: 50px;
        display: inline-block;
    }

    .send_num_02_text {
        width: 300px;
        height: 110px;
    }
    .send_num_02_text textarea {
        resize: none;
        width: 296px;
        height: 110px;
        border: 0;
        padding: 3px;
        margin-left: 5px;
        border: 1px solid#ddd;
    }

    .send_num_02_btn {
        float: left;
        width: 295px;
        display: inline-block;
        margin-left: 5px;
        margin-top: 7px; 
    }
    .send_num_02_btn input {
        width: 95px;
        border: 0;
        height: 32px;
        cursor: pointer;
        float: left;
        margin: 0;
    }
    .send_num_02_btn .send_num_02_btn02 {
        margin: 0 5px;
    }
    
    .send_num_03 {
        width: 500px;
        height: 80px;
    }
    .send_num_03_title {
        width: 100px;
        height: 80px;
        margin-top: 3px;
    }
    .send_num_03 .send_num_03_title p {
        line-height: 80px;
    }

    .send_num_03_btn {
        float: left;
        width: 300px;
    }
    .send_num_03_btn input {
        border: 0;
        height: 35px;
    }
    .send_num_03_btn .send_num_03_btn01 {
        width: 100%;
        height: 30px;
        margin: 10px 0 0 5px;
    }
    .send_num_03_btn02 {
        width: 120px;
        height: 30px;
        background-color: #666;
        color: #fff;
        margin-left: 5px;
        cursor: pointer;
    }
    .send_num_03_btn03 {
        width: 170px;
        height: 30px;
        background-color: #f00;
        color: #fff;
        cursor: pointer;
    }
    
    


    .send_con02 {width: 100%; height: 100%;}
    
    .send_con02_none {font-size: 18px;height: 250px; line-height: 200px;}
    
    .send_con02 ul {width: 721px; margin:  0 auto;}
    .send_con02_title {
        width: 100%; display: inline-block;
        height: 60px;line-height: 60px;
        font-size: 20px;margin-bottom: 30px;}
    
    .send_con02_title strong {
    }
    .send_con02_title input {width: 130px; height: 30px; font-size: 14px;
        position: absolute; bottom: 15px; right: 10px;    }

    .send_box {width: 237px;height: 250px;display: inline-block;margin-bottom: 5px;}
    .send_box > div {margin: 0 auto;
        width: 100%;height: 250px;
        padding: 5px; box-sizing: border-box;
        text-align: right;
    }
    .send_box > div input {width: 15px;height: 15px;}
    .send_box > div p {width: 100%;height: 200px;
        text-align: left;font-size: 16px;margin-top: 5px;
        overflow-y: scroll; line-height: 20px;
        padding: 5px;
    }
    /*--------------------------------------------------------------------------------보내기*/
    /*--------------------------------------------------------------------------------결과*/

    .header_wrpa .result_img {
        background: url(/images/result_img.png) no-repeat center;z-index: -99;
        background-size: cover;
    }

    .result_con_title {width: 100%;height: 95px;}

    .result_con01 {width: 98%;height: 60px; line-height: 60px;margin: 0 1%;}
    .result_con01 .del_btn li {float: left;}
    .result_con01 .del_btn input  { width: 120px; height: 35px;margin-right: 10px;font-size: 14px;}
    .result_con01 .del_btn .result_month {float: right;}
    .result_con01 .del_btn .result_month input {margin-right: 0; margin-left: 10px;}
    .result_con01 .del_btn .month {padding: 0;width: 140px;height: 32px;}

    .result_con .result_con02-1 > li {height: 40px;line-height: 40px;}

    .result_con02 {width: 98%; height: 100%;margin: 0 1%;}

    .result_con02 ul {width: 100%;display: inline-block;}
    .result_con02 ul li {height: 100px; line-height: 100px;font-size: 14px;}
    .result_con02-2 .result_num p {line-height: 20px;}
    .result_con02-2 .result_num {padding-top: 20px;}

    .result_con_text .result_checkbox {width: 8%;}
    .result_con_text .result_day {width: 25%;}
    .result_con_text .result_text {width: 52%;}
    .result_con_text .result_num {width: 15%;}

    .result_con02-2 .result_text {width: 52%;line-height: 20px;padding: 5px; box-sizing: border-box;
        overflow-y: scroll;text-align: left;
    }
    
    .result_con02 .result_con_none li {width: 100%;height: 300px;line-height: 300px;font-size: 16px;}
    /*--------------------------------------------------------------------------------결과*/
    /*--------------------------------------------------------------------------------마이페이지*/
    .header_wrpa .mypage_img {
        background: url(/images/mypage_img.png) no-repeat center left;z-index: -99;
        background-size: cover;
    }
    .mypage_con_title {width: 100%;height: 60px;text-align: left}

    .mypage_con01 {width: 98%; height: 100%; margin: 0 1%;}
    .mypage_con01 ul {width: 100%;display: inline-block;}
    .mypage_con01 strong {width: 100%;font-size: 18px;color: #555;padding: 10px 0 20px 0;display: inline-block;}

    
    .mypage_con01_text li {float: left;height: 60px; line-height: 60px;
        border-bottom: 1px solid#ddd;}
    .mypage_con01_text p {text-align: center;}

    .mypage_con01_day {width: 30%;}
    .mypage_con01_money {width: 25%;}
    .mypage_con01_point {width: 25%;}
    .mypage_con01_bonus {width: 20%;}
    
    .mypage_con_title a {width: 140px;height: 30px;line-height: 30px;margin: -20px 20px 0 0;}
    
    /*--------------------------------------------------------------------------------마이페이지*/
    /*--------------------------------------------------------------------------------리셀러-메뉴*/
    .header_wrpa .reseller_img {
        background: url(/images/reseller_img.png) no-repeat center right;z-index: -99;
        background-size: cover;
    }
    .reseller_menu {width: 100%;height:40px; line-height: 40px; }
    .reseller_menu ul {width: 600px;margin-left: -300px;position: absolute;top: 210px;left: 50%;}
    .reseller_menu li {width: 150px;font-size: 18px;}
    .reseller_menu .reseller_menu_on a {padding: 0 20px; border-bottom: 2px solid#aaa}
    /*--------------------------------------------------------------------------------리셀러-메뉴*/
    /*--------------------------------------------------------------------------------리셀러-코드*/


    .code_con strong {font-size: 16px;padding: 15px 0;display: inline-block;}
    .code_con {width: 700px;height: 100%;margin: 0 auto;font-size: 16px;}

    .code_con01 {width: 710px; height: 220px;margin: 0 auto;}
    .code_con01 p {font-size: 16px;}
    
    .code_con01-1 {width: 355px;height: 60px; line-height: 60px; float: left;}
    .code_con01-1 p {float: left; width:130px;}
    .code_con01-1 span {width: 225px;}

    .code_con01-2 {width:355px;height: 60px; line-height: 60px; float: left;}
    .code_con01-2 p {float: left;width:100px;;text-align: center;}
    .code_con01-2 input {border: 0;height: 35px;width: 140px;background-color: #f2f2f2;}
    .code_con01-2 .code_con01btn {width:100px;background-color: #555; color: #fff;}

    .code_con01-3 {width:710px;height: 60px; line-height: 60px;float: left;}
    .code_con01-3 p {float: left; width: 130px; text-align: center;}
    .code_con01-3 input {border: 0;height: 35px;width:470px; padding: 0 15px;}
    .code_con01-3 .code_con01btn  {width:100px;padding: 0;}

    .code_con .code_con01-4 {width: 700px;height: 30px;line-height: 30px}
    .code_con01-4 p {font-size: 14px;}

    .code_con02 {height: 100%;width: 720px;margin: 0 auto;float:none;}
    .code_con02_text {width: 720px;height: 100%;display: inline-block;margin: 0 auto;}
    .code_con02_text p {font-size: 14px;}
    .code_con02_text li {float: left;height: 60px;line-height: 60px;}

    .code_con02_title li {height: 40px;line-height: 40px;}
    
    .code_con02_num {width: 80px;}
    .code_con02_day {width: 180px;}
    .code_con02_code {width: 100px;}
    .code_con02_mail {width: 250px;overflow-x: scroll;}
    .code_con02_pay {width: 110px;}
    /*--------------------------------------------------------------------------------리셀러-코드*/
    /*--------------------------------------------------------------------------------리셀러-충전*/

    .charge_con01 {width: 720px;margin:  0 auto;}
    .charge_con01 strong {font-size: 16px;padding: 10px 0;display: inline-block;}

    .charge_con01 li {width: 720px;height: 50px;line-height: 50px;padding: 0 10px;box-sizing: border-box; 
        margin: 0 auto;}
    .charge_con01 li p {font-size: 16px;}
    .charge_con01 input {height: 30px;}

    .charge_con01-1 p {width: 340px;}
    .charge_con01-point {text-align: right;}

    .charge_con01-2 {}
    .charge_con01-2 p {width: 150px;float: left;}
    .charge_con01-2 input {width: 430px;}
    .charge_con01-2 .charge_search {width: 100px;background-color: #555; color: #fff;cursor: pointer;}

    .charge_con01-3 {}
    .charge_con01-3 p {width: 150px;float: left;}

    .charge_con01-3 input {width: 260px;text-align: right;padding: 0 10px; box-sizing: border-box;}
    .charge_con01-3 select {width: 170px;height: 30px;}
    .charge_con01-3 .charge_check {width: 100px;}


    .charge_con02 {width: 720px;margin: 40px auto 0 auto;}

    .charge_con02 .charge_con02_title {margin-top: 10px;}
    .charge_con02_text {width: 720px; height: 100%;margin: 0 auto;}
    .charge_con02_text li {height: 50px;line-height: 50px;float: left;}
    .charge_con02_text p {font-size: 15px;}

    .charge_con02_title .charge_con02_mail {overflow:hidden;}
    .charge_con02_num {width: 90px;}
    .charge_con02_mail {width: 220px;overflow-x: scroll;overflow-y: none;}
    .charge_con02_day {width: 130px;}
    .charge_con02_normal {width: 60px;}
    .charge_con02_charge {width: 110px;}
    .charge_con02_point {width: 110px;}

    .charge_con02_none {width: 720px;height: 250px; line-height: 250px;font-size: 16px;}

    /*--------------------------------------------------------------------------------리셀러-충전*/
    /*--------------------------------------------------------------------------------리셀러-리스트*/

    .reseller_con {width: 720px;}
    .reseller_list_con01 strong {font-size: 16px;padding: 10px 0;display: inline-block;}

    .reseller_list_con01 {float: left;width: 720px;height: 100%;display: inline-block;margin: 0 auto;}
    .reseller_list_con01 li {width: 360px;height: 50px;line-height: 50px;}
    .reseller_list_con01 p {width: 120px;font-size: 16px;}
    .reseller_list_con01 input {width: 230px;height: 30px;padding: 0 10px;}
    .reseller_list_con01 .list_btn {width: 245px;float: right;border: 0;margin-top: 10px;}
    .reseller_list_con01 select {width: 230px;height: 30px;border: 0;padding: 0 10px;}
    .list_btn input {width: 120px;height: 35px;border: 0;}

    .reseller_list_con02 .reseller_list_con02_none li {
        width: 720px; height: 250px;line-height: 250px; font-size: 16px;}
    .reseller_list_con02 {width: 720px; height: 100%;margin-bottom: 50px;float: left;}
    .reseller_list_con02 li {height: 50px;line-height:50px;font-size: 14px;}
    .reseller_list_con02 span {font-size: 14px;margin: 40px 0 10px 0;}
    .reseller_list_con02_title li {height: 40px;line-height: 40px;font-size: 14px;}
    .list_con02_num {width: 100px;}
    .list_con02_mail {width: 170px;overflow-x: scroll;}
    .list_con02_point {width: 110px;}
    .list_con02_normal {width: 110px;}
    .list_con02_pay {width: 110px;}
    .list_con02_remainder {width: 120px;}
    .list_con02_jon {display: none;}
    .list_con02_last {display: none;}
    /*--------------------------------------------------------------------------------리셀러-리스트*/
    /*--------------------------------------------------------------------------------리셀러-정산*/


    .reseller_con .calculate_con {width: 100%;height: 100%;margin: 0 auto;}

    .calculate_title {height: 40px;line-height: 40px;}
    .calculate_title strong {font-size: 16px;}
    .calculate_title p {font-size: 13px;}

    .calculate_search01 {width: 100%;height:100%;}
    .calculate_search01-1 {width:100%;}
    .calculate_search01 li {line-height: 50px;font-size: 16px;}
    .calculate_search01 p {width: 13%;height: 50px;float: left;}
    .calculate_search01 .search_day  {width: 28%;height: 35px;}
    .calculate_search01 .search_btn  {width: 12%;height: 35px;margin-left: 10px;}

    .calculate_search01_day p {width: 100%;height: 40px;line-height: 40px;font-size: 14px;}

    .calculate_con_text li { height: 50px;line-height: 50px;font-size: 16px;}
    .calculate_con_none {width: 100%; height: 250px;line-height: 250px;font-size: 18px;}
    .calculate_mail {width: 33%; overflow-x: scroll;}
    .calculate_point01 {width: 15%;}
    .calculate_point02 {width: 20%;}
    .calculate_send {width: 15%;}
    .calculate_profit {width: 17%;}

    .calculate_con02 .calculate_search01 p {display: inline-block;float: none;}
    /*--------------------------------------------------------------------------------리셀러-정산*/
    /*--------------------------------------------------------------------------------로그인*/

    .login {width: 100%;height: 500px; margin:0 auto;margin: 0 auto;}
    .login ul {margin: 0;}
    .login .login_title {height: 70px;margin-top:0;padding: 0 0 10px 0; }
    .membership_title strong {display: inline-block;font-size: 25px; line-height: 50px;}
    .membership_title img {width: 20px;height: auto}


    .membership_con01 .login input {
        width: 350px;height: 45px;padding: 0 20px;}
    .e_mail {margin-bottom: 20px;}

    .login .check {height: 50px; line-height: 50px;}
    .login .check span {font-size: 16px;}
    .login .check input {width: 15px;height: 15px;margin-right: 5px;}

    .login_btn a {width: 350px;height: 45px; display: inline-block;
        font-size: 20px;line-height: 45px;margin: 20px 0 50px 0;}

    .membership p {height: 30px;display: inline-block;}
/*--------------------------------------------------------------------------------로그인*/
/*------------------------------------------------------------------------------URL 변환*/

    .url_con_title {
        height: 100px;
        margin-top: 20px;
    }
    .url_con {
        width: 700px;
        height: 100%;
        margin: 0 auto;
    }

    .url_con01 {
        width: 700px;
        margin: 0 auto;
        height: 150px;
    }

    .url_con01 li {
        height: 40px;
        line-height: 40px;
    }
    .url_con01 li span {
        font-size: 18px;
        display: inline-block;
        margin-right: 5px;
    }
    .url_con01 li input {
        height: 30px;
        line-height: 30px;
        padding: 0 5px;
        font-size: 16px;
    }
    .url_con01_text01 {
        width: 600px;
    }
    .url_con01_text02 {
        width: 500px;
    }
    .url_con01 .url_con01_btn button {
        width: 95px;
        height: 30px;
        border: 0;
    }
    .url_con01_text03 {
        width: 482px;
        margin-right: 2px;
    }

    .url_con02 {
        width: 700px;
        height: 100%;
        margin: 0 auto;
        padding: 0;
        
    }
    .url_con02 strong {
        width: 100%;
        display: inline-block;
        font-size: 18px;
        line-height: 50px;
    }
    .url_con02_text li {
        float: left;
        display: inline-block;
        height: auto;
        min-height: 40px;
        line-height: 40px;
        text-align: center;
        
        word-break: break-all;

    }
    .url_con02_text li p {
        width: 100%;
        height: auto;
        font-size: 15px;
        line-height: 20px;
    }

    .url_con02_text .day {
        width: 120px;
    }
    .url_con02_text .url01 {
        width: 320px;
    }
    .url_con02_text .url02_name {
        width: 110px;
    }
    .url_con02_text .url03 {
        width: 150px;
    }
    .url_con02_text .url03 p {
        width: 100%;
    }
    
    
    
        .url_con02_title .day {
        width: 120px;
    }
    .url_con02_title .url01 {
        width: 320px;
    }
    .url_con02_title .url02_name {
        width: 110px;
    }
    .url_con02_title .url03 {
        width: 150px;
    }

/*------------------------------------------------------------------------------URL 변환*/
/*------------------------------------------------------------------------------무료문자팝업*/

    .mobile_free_msg {
        width: 500px;
        min-height: 460px;
        height: 100%;
        margin:auto;
        padding: 0;
        border: 1px solid#ddd;
        text-align: center;
    }
    .mobile_free_msg textarea {
        resize: none;
        width: 300px;
        height: 200px;
        background-color: #f9f9f9;
        border: 1px solid#ddd;
        padding: 5px;
        box-sizing: border-box;
        font-size: 15px;
    }

    .mobile_free_msg h1 {
        font-size: 20px;
        font-weight: bold;
    }
    .mobile_free_msg h1 a {}
    .mobile_free_msg h1 img {
        width: 30px;
        position: relative;
        top: 3px; left: -2px;
    }

    .mobile_free_msg .msg_num {
        margin: 5px 0;
    }
    .mobile_free_msg .msg_num input {
        width: 200px;
        height: 30px;
        border: 1px solid#ddd;
        background-color: #f2f2f2;
    }
    .mobile_free_msg .msg_num .msg_num_btn {
        width: 90px;
        height: 33px;
        background-color: #333;
        color: #fff;
        cursor: pointer;
    }

    .mobile_free_msg .msg_num_plus input {
        width: 295px;
        height: 30px;
        border: 1px solid#ddd;
        background-color: #f2f2f2;
        margin-bottom: 5px;
    }
    .mobile_free_msg .msg_num_plus span {
        width: 100%;
        text-align:center;
        display: inline-block;
        margin: 5px 0 10px 0;
    }

    .mobile_free_msg .msg_num_send input {
        width: 120px;
        height: 30px;
        border: 0;
        background-color: #333;
        color: #fff;
        font-weight: bold;
        letter-spacing: 2px;
        cursor: pointer;
    }
    .mobile_free_msg .msg_num_send span {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 10px 0;
        font-size: 16px;
        font-weight: bold;
    }
/*------------------------------------------------------------------------------무료문자팝업*/
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
   
}


@media all and (min-width:481px) and (max-width:720px) {
     /*메인배너*/
    .main_banner {
        display: none;
    }
    /*메인배너*/
    /*무료메시지 아이콘*/
    .free_message_icon {
        width: 70px;
        height: 70px;
        position: fixed;
        bottom: 10px; right: 20px;
    }
    .free_message_icon p {
        line-height: 70px;
        font-size: 12px;
    }
    /*무료메시지 아이콘*/
    
    
     .gnb_wrpa {width: 100%; height: 60px;}
    .gnb_bg {width: 100%; height: 60px;z-index: -9;}

    .gnb {width: 98%; height: 60px;margin-left: 1%;}
    .gnb h1 {width: 140px;height: 60px;line-height: 60px; margin: 0;}
    .gnb h1 a {font-size: 24px;}
    .gnb h1 img {width: 30px;position: relative; top: 7px;}

    .gnb > ul {display: none;}
    .mo_menu {display: inline-block;}
    .mo_menu img {width: 30px; position: absolute; top: 22px;right: 25px;}
       #footer {position: relative;}

    .footer_text {width: 290px;margin: 0 auto;height: 70px;padding-top: 10px;}
    .footer_text img {float: left;margin-right:5px; width: 45px;height: auto;
        position: relative;top: 0px;left: 0;}
    .footer_text p {float: left; text-align: left; font-size: 20px;}

    .telegram_link {width: 100%; height: 30px;}
    .telegram_link a {width: 100%; height: 30px;font-size: 18px;}

    .footer_copy {font-size: 14px;height: 40px;}

    .footer_wrap {
        width: 100%;
        margin: 0 auto;
    }
    .footer_left {
        width: 100%;float: left;
        min-height: 110px;
    }
    .footer_right {
        width: 90%;float: left;
        min-height: 310px;
        height: auto;
        margin: 0 5%;
        text-align: center;
    }
    .footer_right strong {
        font-size: 22px;
        margin: 30px 0 10px 0;
        text-align: center;
    }
    .footer_right ul {
        text-align: center;
    }
    .footer_right ul li p {
        height: auto;
        line-height: 30px;
    }

    input[id*=answer] {
        display: none;
    }
    input[id*=answer] + label {
        display: block;
        padding: 5px;
        position: relative; 
        height: auto;
        line-height: 20px;
        font-size: 16px;
        font-weight: normal;
        padding-right: 30px;
        box-sizing: border-box;
    }

    input[id*=answer] + label + div {
        max-height: 0;
        overflow:hidden;
        font-size: 14px;
    }
    input[id*=answer] + label + div p {
        display: inline-block;
        padding: 3px;
        box-sizing: border-box;
    }


    input[id*=answer]:checked + label + div {
        height: 100%;
        max-height: 100%;
        line-height: 22px;
        padding: 0 10px 0 20px;
    }
    
    .header_wrpa {height: 200px;}
    .sub_img {width: 100%; height: 200px; position: absolute;top: 0;left: 0;}
    .sub_img > h6 {width: 100%; font-size: 24px;padding-top: 120px;
    }

    .sub_content {width: 100%; height: 100%; margin: 0 auto;}
    
    /*--------------------------------------------------------------------------------회원가입*/

    .membership_header {height: 80px;}

    .membership_wrap {width: 100%;height: 100%;
        background: url(/images/membership_bg.png) no-repeat center;
        background-size: cover;}

    .membership_con01 {width: 400px; height: 600px;}
    .membership_con01 ul {width: 400px; height: 500px;margin-top: 50px;}

    .membership_con01 .membership_title {
        height: 80px;line-height: 80px;padding-top:20px;}
    .membership_title strong {font-size: 20px; }
    .membership_con01 li {width: 400px;height: 60px;line-height: 60px; margin:  0 auto;}
    .membership_con01 li p {width: 150px;font-size: 18px;}
    .membership_con01 li input { width: 200px;height: 35px;padding: 5px; box-sizing: border-box;
        }

    .membership_con01 .membership_btn {width: 180px; margin-top: 40px;}
    .membership_con01 .membership_btn input {width: 180px;height: 40px; font-size: 18px;}


    .membership_con01 .membership_pw {border-top: 1px solid#aaa;margin-top: 20px;}
    .membership_con01 .membership_pw02 {border-bottom: 1px solid#aaa;margin-bottom: 20px;}
    /*--------------------------------------------------------------------------------회원가입*/
    /*--------------------------------------------------------------------------------리스트 넘버*/

    .con_list_num {width: 100%;margin: 70px 0 100px 0;}
    .con_list_num input { width: 25px;height: 25px;font-size: 12px; margin: 0 5px;
    }
    .con_list_num .current_page {width: 30px;height: 30px;}

    /*--------------------------------------------------------------------------------리스트 넘버*/
    /*--------------------------------------------------------------------------------공지사항*/
    .header_wrpa .notice_img {
        background: url(/images/notice_img.png) no-repeat center;z-index: -99;
        background-size: cover;
    }
    .notice_con {margin: 30px auto 0 auto;}
    .notice_text {width: 98%; height:;margin: 0 auto;}
    .notice_text li {display: inline-block;height: 45px; line-height:45px;
        font-size: 14px;border-bottom: 1px solid#ddd;box-sizing: border-box;}

    .notice_title li {color: #aaa;}

    .notice01 {width: 70%;padding: 0 0 0 5px;}
    .notice02 {width: 30%;text-align: center;margin-left: -5px;}
    /*--------------------------------------------------------------------------------공지사항*/
    /*--------------------------------------------------------------------------------공지사항 게시글*/

    .notice_text_wrap {width: 400px;height:500px;position: absolute; top: 100px; left: 50%; margin-left:  -200px; margin-top: 0;
    }
    .notice_text_wrap .notice_title_day {height: 60px;line-height: 60px;}
    .notice_text_wrap .notice_text_title {width: 100%;font-size: 16px;overflow: hidden;}
    .notice_text_wrap .notice_text_con {width: 380px; height:380px;
        padding: 10px; font-size: 14px; line-height: 25px; overflow-y: scroll;;    }
    .notice_text_wrap .notice_text_btn { margin: 10px 0;}
    .notice_text_btn input  {width: 100px; height: 35px; border: 0;font-size: 16px;cursor: pointer;}

    /*--------------------------------------------------------------------------------공지사항 게시글*/
    /*--------------------------------------------------------------------------------입금확인관리*/

    .header_wrpa .deposit_img {
        background: url(/images/deposit_img.png) no-repeat center;z-index: -99;
        background-size: cover;
    }



    .sub_title {height: 150px;width: 98%; margin: 50px 1% 20px 1%;text-align: center;}
    .sub_title strong {font-size: 18px; line-height: 40px; }
    .sub_title p {font-size: 16px; line-height: 24px;}
    .sub_title p span { font-size: 14px; color: #666; letter-spacing: -0.5px;
        display: inline-block; line-height: 0;}


    .deposit_con01 {width: 98%;margin:  0 1%;height: 260px;padding: 30px 0; text-align: center; box-sizing: border-box; 
    }
    .deposit_con01 li {float: none; width: 400px; margin: 0 auto;display: inline-block; height: 50px; line-height: 50px;}
    .deposit_con01 p {float: left; font-size: 18px; width: 150px;}
    .deposit_con01 strong {font-size: 16px;width: 200px;}
    .deposit_con01 input  {width: 230px; height: 35px; padding: 5px; box-sizing: border-box;}


    .deposit_con02 {width: 400px;margin: 30px auto 0 auto; height: 450px;}
    .deposit_con02 strong {width: 100%;font-size: 18px; line-height: 50px; }

    .deposit_con02 input {width: 140px; height: 45px;margin: 10px 15px;font-size: 16px;
    }
    .deposit_con02 .con02_btn {margin-top: 50px;}
    /*--------------------------------------------------------------------------------입금확인관리*/
    /*--------------------------------------------------------------------------------보내기*/

    .header_wrpa .send_img {
        background: url(/images/send_img.png) no-repeat center;z-index: -99;
        background-size: cover;
    }

    .send_title {width: 100%; height: 80px; line-height: 30px; font-size: 20px;text-align: center;
        margin-top: 50px;}

    .send_con01 {width: 100%; margin: 0 auto;height:900px;}
    .phone_img {width: 100%;height: 370px;float: left;
        background: url(/images/iphone_bg.jpg) no-repeat center;
        background-size: contain;
    }
    .phone_img textarea {width: 265px;height: 275px;
        position: absolute; top: 50px;left:50%;padding: 10px;resize: none;
        margin-left: -133px;
    }
    .phone_img span {position: absolute; bottom: 20px;left: 50%;font-size: 14px;
        margin-left: -20px;}

    .send_num {width: 480px; margin: 0 auto; height: 100%;float: none;}
    .send_num ul li p {width:480px;}


    .send_num .send_num_01 strong {width: 100%;height: 50px;line-height: 24px; 
        font-size: 20px;text-align: center;margin: 15px 0 10px 0;}

    .send_num_02 {
        width: 480px;
        height: 135px;
        margin: 0 auto;
    }
    .send_num_02_title {
        width: 80px;
        height: 135px;
    }
    .send_num_02 .send_num_02_title p {
        width: 100%;
        line-height: 50px;
        display: inline-block;
    }

    .send_num_02_text {
        width: 400px;
        height: 90px;
    }
    .send_num_02_text textarea {
        resize: none;
        width: 395px;
        height: 90px;
        border: 0;
        padding: 3px;
        margin-left: 5px;
        font-size: 14px;
        border: 1px solid#ddd;
    }

    .send_num_02_btn {
        float: left;
        width: 395px;
        display: inline-block;
        margin-left: 5px;
        margin-top: 7px; 
    }
    .send_num_02_btn input {
        width: 128px;
        border: 0;
        height: 32px;
        cursor: pointer;
        float: left;
        margin: 0;
    }
    .send_num_02_btn .send_num_02_btn02 {
        margin: 0 5px;
    }
    
    .send_num_03 {
        width: 480px;
        height: 80px;
    }
    .send_num_03_title {
        width: 80px;
        height: 80px;
        margin-top: 3px;
    }
    .send_num_03 .send_num_03_title p {
        line-height: 80px;
    }

    .send_num_03_btn {
        width: 400px;
    }
    .send_num_03_btn input {
        border: 0;
        height: 35px;
    }
    .send_num_03_btn .send_num_03_btn01 {
        width: 100%;
        height: 30px;
        margin: 10px 0 0 5px;
    }
    .send_num_03_btn02 {
        width: 170px;
        height: 30px;
        margin-left: 5px;
    }
    .send_num_03_btn03 {
        width: 220px;
        height: 30px;
    }
    

    .send_con02 {width: 100%; height: 100%;}
    
    .send_con02_none {font-size: 16px;height: 200px; line-height: 150px;}
    
    
    .send_con02 ul {width: 100%; margin:  0 auto;text-align: center;}
    .send_con02_title {
        height: 60px;line-height: 60px;
        font-size: 20px;margin-bottom: 30px;}
    .send_con02_title input {width: 130px; height: 30px; font-size: 14px;
        position: absolute; bottom: 15px; right: 10px;    }

    .send_box {width: 480px;height: 320px;display: inline-block;margin-bottom: 20px;}
    .send_box > div {margin: 0 auto;
        width: 320px;height: 320px;
        background-color: #f9f9f9;
        color: #666; padding: 10px; box-sizing: border-box;
        text-align: right;margin: 0 auto;
    }
    .send_box > div input {width: 15px;height: 15px;}
    .send_box > div p {width: 100%;height: 270px;
        text-align: left;font-size: 16px;margin-top: 10px;
        overflow-y: scroll; line-height: 20px;
    }
    /*--------------------------------------------------------------------------------보내기*/
    /*--------------------------------------------------------------------------------결과*/

    .header_wrpa .result_img {
        background: url(/images/result_img.png) no-repeat center;z-index: -99;
        background-size: cover;
    }

    .result_con_title {width: 100%;height: 95px;}

    .result_con01 {width: 98%;height: 60px; line-height: 60px;margin: 0 1%;}
    .result_con01 .del_btn li {float: left;}
    .result_con01 .del_btn input  { width: 100px; height: 35px;margin-right: 5px;font-size: 13px;}
    .result_con01 .del_btn .result_month {float: right;}
    .result_con01 .del_btn .result_month input {margin-right: 0; margin-left: 5px;}
    .result_con01 .del_btn .month {padding: 0;width: 120px;height: 32px;}

    .result_con .result_con02-1 > li {height: 35px;line-height: 35px;font-size: 14px;}

    .result_con02 {width: 98%; height: 100%;margin: 0 1%;}

    .result_con02 ul {width: 100%;display: inline-block;}
    .result_con02 ul li {height: 100px; line-height: 100px;font-size: 14px;}
    .result_con02-2 .result_num p {line-height: 20px;}
    .result_con02-2 .result_num {padding-top: 20px;}

    .result_con_text .result_checkbox {width: 10%;}
    .result_con_text .result_day {display: none;}
    .result_con_text .result_text {width: 70%;}
    .result_con_text .result_num {width: 20%;}

    .result_con02-2 .result_text {width: 70%;line-height: 20px;padding: 5px; box-sizing: border-box;
        overflow-y: scroll;text-align: left;
    }
    .result_con02 .result_con_none li {width: 100%;height: 200px;line-height: 200px;font-size: 16px;}
    /*--------------------------------------------------------------------------------결과*/
    /*--------------------------------------------------------------------------------마이페이지*/
    .header_wrpa .mypage_img {
        background: url(/images/mypage_img.png) no-repeat center left;z-index: -99;
        background-size: cover;
    }
    .mypage_con_title {width: 100%;height: 60px;text-align: left;}

    .mypage_con01 {width: 98%; height: 100%; margin: 0 1%;}
    .mypage_con01 ul {width: 100%;display: inline-block;}
    .mypage_con01 strong {width: 100%;font-size: 16px;color: #555;padding: 10px 0;display: inline-block;}

    
    .mypage_con01_text li {float: left;height: 50px; line-height: 50px;}
    .mypage_con01_text p {text-align: center;font-size: 14px;letter-spacing: -0.5px;}

    .mypage_con01_day {width: 35%;}
    .mypage_con01_money {width: 25%;}
    .mypage_con01_point {width: 23%;}
    .mypage_con01_bonus {width: 17%;}
    .mypage_con_title a {width: 120px;height: 30px;line-height: 30px;font-size: 14px; margin: -25px 10px 0 0;}
    /*--------------------------------------------------------------------------------마이페이지*/
    /*--------------------------------------------------------------------------------비밀번호 변경*/

    .sub_wrap .pw_img {text-align: center;height: 100px;}
    .sub_wrap .pw_img img {width: 80px;}
    .sub_wrap .pw_btn {text-align: center;}
    .sub_wrap .pw_btn input {width: 200px;height: 40px;margin-top: 50px;}

    /*--------------------------------------------------------------------------------비밀번호 변경*/
    /*--------------------------------------------------------------------------------리셀러-메뉴*/
    .header_wrpa .reseller_img {
        background: url(/images/reseller_img.png) no-repeat center right;z-index: -99;
        background-size: cover;
    }
    .reseller_menu {width: 400px;height:40px; line-height: 40px; }
    .reseller_menu ul {width: 400px;margin-left: -200px;position: absolute;top: 160px;left: 50%;}
    .reseller_menu li {width: 100px;font-size: 16px;}
    .reseller_menu .reseller_menu_on a {padding: 0 15px; border-bottom: 2px solid#aaa}
    /*--------------------------------------------------------------------------------리셀러-메뉴*/
    /*--------------------------------------------------------------------------------리셀러-코드*/


    .code_con strong {font-size: 16px;padding: 10px 0;}
    .code_con {width: 480px;margin: 0 auto;font-size: 14px;}

    .code_con01 {width: 480px; height: 220px;margin: 0 auto;}
    .code_con01 p {font-size: 14px;}
    
    .code_con01-1 {width: 240px;height: 50px; line-height: 50px; float: left;}
    .code_con01-1 p {float: left; width:120px;}
    .code_con01-1 span {width: 120px;}

    .code_con01-2 {width: 240px;height: 50px; line-height: 50px; float: left;}
    .code_con01-2 p {float: left;width:60px;text-align: center;}
    .code_con01-2 input {border: 0;height: 30px;width: 110px;background-color: #f2f2f2;}
    .code_con01-2 .code_con01btn {width:60px;}

    .code_con01-3 {width:480px;height: 60px; line-height: 60px;float: left;}
    .code_con01-3 p {float: left; width: 120px;}
    .code_con01-3 input {border: 0;height: 30px;width:275px; padding: 0 15px;}
    .code_con01-3 .code_con01btn  {width:80px;padding: 0;}

    .code_con .code_con01-4 {width: 475px;height: 30px;line-height: 30px}
    .code_con01-4 p {font-size: 13px;}

    .code_con02 {height: 100%;width: 480px;margin: 0 auto;float:none;}
    .code_con02_text {width: 480px;height: 100%;display: inline-block;margin: 0 auto;}
    .code_con02_text p {font-size: 13px;}
    .code_con02_text li {float: left;height: 50px;line-height: 60px;}

    .code_con02_title li {height: 40px;line-height: 40px;}
    
    .code_con02_num {width: 80px;}
    .code_con02_day {display: none;}
    .code_con02_code {width: 90px;}
    .code_con02_mail {width: 230px;overflow-x: scroll;}
    .code_con02_pay {width: 80px;letter-spacing: -0.5px;}
    /*--------------------------------------------------------------------------------리셀러-코드*/
    /*--------------------------------------------------------------------------------리셀러-충전*/

    .charge_con01 {width: 480px;margin:  0 auto;}
    .charge_con01 strong {font-size: 16px;padding: 10px 0;}

    .charge_con01 li {width: 480px;height: 45px;line-height: 45px;padding: 0 5px;box-sizing: border-box; 
        margin: 0 auto;}
    .charge_con01 li p {font-size: 14px;}
    .charge_con01 input {height: 30px;}

    .charge_con01-1 p {width: 235px;}
    .charge_con01-point {text-align: right;}

    .charge_con01-2 p {width: 120px;float: left;}
    .charge_con01-2 input {width: 250px;}
    .charge_con01-2 .charge_search {width: 90px;}

    
    .charge_con01-3 p {width: 120px;float: left;}

    .charge_con01-3 input {width: 170px;text-align: right;padding: 0 10px; box-sizing: border-box;}
    .charge_con01-3 select {width: 80px;height: 30px;}
    .charge_con01-3 .charge_check {width:90px;}


    .charge_con02 {width: 480px;margin: 30px auto 0 auto;}

    .charge_con02 .charge_con02_title {margin-top: 10px;}
    .charge_con02_text {width: 480px; height: 100%;margin: 0 auto;}
    .charge_con02_text li {height: 45px;line-height: 45px;float: left;}
    .charge_con02_text p {font-size: 14px;}

    .charge_con02_title .charge_con02_mail {overflow:hidden;}
    .charge_con02_num {width: 90px;}
    .charge_con02_mail {width: 150px;overflow-x: scroll;}
    .charge_con02_day {display: none;}
    .charge_con02_normal {width: 50px;}
    .charge_con02_charge {width: 95px;}
    .charge_con02_point {width: 95px;}

    .charge_con02_none {width: 480px;height: 200px; line-height: 200px;font-size: 14px;}

    /*--------------------------------------------------------------------------------리셀러-충전*/
    /*--------------------------------------------------------------------------------리셀러-리스트*/

    .reseller_con {width: 100%; height: 100%;margin: 0 auto;}
    .reseller_list_con01 strong {font-size: 14px;padding: 5px 0;display: inline-block;}

    .reseller_list_con01 {float: left;width: 98%;height: 100%;margin-left: 1%;}
    .reseller_list_con01 li {width: 50%;height: 40px;line-height: 40px;}
    .reseller_list_con01 p {width: 40%;font-size: 13px;}
    .reseller_list_con01 input {width:60%;height: 30px;padding: 0 5px;font-size: 13px;}
    .reseller_list_con01 .list_btn {width: 165px;margin-top: 10px;}
    .reseller_list_con01 select {width: 60%;height: 30px;border: 0;padding: 0 5px;font-size: 13px;}
    .list_btn input {width: 80px;height: 30px;border: 0;}

    .reseller_list_con02 .reseller_list_con02_none li {
        width: 100%; height: 200px;line-height: 200px; font-size: 14px;}
    .reseller_list_con02 {width: 100%; height: 100%;margin-bottom: 50px;}
    .reseller_list_con02 li {height: 40px;line-height:40px;font-size: 13px;}
    .reseller_list_con02 span {font-size: 13px;margin: 25px 0 10px 0;}
    .reseller_list_con02_title li {height: 40px;line-height: 40px;font-size: 12px;}
    .list_con02_num {display: none;}
    .list_con02_mail {width: 40%;overflow-x: scroll;}
    .list_con02_point {display: none;}
    .list_con02_normal {width: 20%}
    .list_con02_pay {width: 22%;}
    .list_con02_remainder {width: 18%;}
    .list_con02_jon {display: none;}
    .list_con02_last {display: none;}
    /*--------------------------------------------------------------------------------리셀러-리스트*/
    /*--------------------------------------------------------------------------------리셀러-정산*/


    .reseller_con .calculate_con {width: 100%;height: 100%;margin: 0 auto;}

    .calculate_title {height: 40px;line-height: 40px;}
    .calculate_title strong {font-size: 16px;}
    .calculate_title p {font-size: 13px;}

    .calculate_search01 {width: 100%;height:100%;}
    .calculate_search01-1 {width:100%;}
    .calculate_search01 li {line-height: 50px;font-size: 14px;}
    .calculate_search01 p {width: 12%;height: 50px;float: left;}
    .calculate_search01 .search_day  {width: 28%;height: 30px;}
    .calculate_search01 .search_btn  {width: 12%;height: 30px;margin-left: 5px;}

    .calculate_search01_day p {width: 100%;height: 30px;line-height: 30px;font-size: 13px;}

    .calculate_con_text li { height: 40px;line-height: 40px;font-size: 14px;}
    .calculate_con_none {width: 100%; height: 200px;line-height: 200px;font-size: 16px;}
    .calculate_mail {width: 40%; overflow-x: scroll;}
    .calculate_point01 {width: 20%;}
    .calculate_point02 {display: none;}
    .calculate_send {width: 18%;}
    .calculate_profit {width: 22%;}

    .calculate_con02 .calculate_search01 p {display: inline-block;float: none;}
    /*--------------------------------------------------------------------------------리셀러-정산*/
    /*--------------------------------------------------------------------------------로그인*/

    .login {width: 100%;height: 500px; margin:0 auto;margin: 0 auto;}
    .login ul {margin: 0;}
    .login .login_title {height: 70px;margin-top:0;padding: 0 0 10px 0; }
    .membership_title strong {display: inline-block;font-size: 22px; line-height: 50px;}
    .membership_title img {width: 18px;height: auto}


    .membership_con01 .login input {
        width: 350px;height: 35px;padding: 0 10px;}
    .e_mail {margin-bottom: 10px;}

    .login .check {height: 40px; line-height:40px;}
    .login .check span {font-size: 14px;}
    .login .check input {width: 15px;height: 15px;margin-right: 5px;}

    .login_btn a {width: 350px;height: 35px; display: inline-block;
        font-size: 16px;line-height: 35px;margin: 20px 0 50px 0;}

    .login .membership {width: 400px;height: 50px; line-height: 50px;}
    .login .membership p {width: 160px;height: 30px;display: inline-block;font-size: 14px;}
    .login .membership a {height: 30px;display: inline-block;font-size: 14px;}
/*--------------------------------------------------------------------------------로그인*/
/*------------------------------------------------------------------------------URL 변환*/

    .url_con_title {
        height: 100px;
        margin-top: 20px;
    }
    .url_con {
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

    .url_con01 {
        width: 100%;
        margin: 0 auto;
        height: 130px;
    }

    .url_con01 li {
        height: 35px;
        line-height: 35px;
    }
    .url_con01 li span {
        font-size: 16px;
        display: inline-block;
        margin-right: 0;
        padding-left: 5px;
        box-sizing: border-box;
    }
    .url_con01 li input {
        height: 30px;
        line-height: 30px;
        padding: 0 5px;
        font-size: 16px;
    }
    .url_con01_text01 {
        width: 80%;
    }
    .url_con01_text02 {
        width: 59%;
    }
    .url_con01 .url_con01_btn button {
        width: 20%;
        height: 30px;
        border: 0;
    }
    .url_con01_text03 {
        width: 55.5%;
    }

    .url_con02 {
        width: 98%;
        height: 100%;
        margin: 0 1%;
        padding: 0;
        
    }
    .url_con02 strong {
        width: 100%;
        display: inline-block;
        font-size: 16px;
        line-height: 40px;
    }
    .url_con02_text li {
        height: auto;
        min-height: 35px;
        line-height: 35px;
    }
    .url_con02_text li p {
        width: 100%;
        height: auto;
        font-size: 13px;
    }

    .url_con02_text .day {
        width: 15%;
    }
    .url_con02_text .url01 {
        width: 50%;
        padding: 0 5px;
        box-sizing: border-box;
    }
    .url_con02_text .url02_name {
        width: 15%;
    }
    .url_con02_text .url03 {
        width: 20%;
    }
        .url_con02_text .url03 p {
        width: 100%;
    }
    
    
   .url_con02_title .day {
        width: 15%;
    }
    .url_con02_title .url01 {
        width: 50%;
    }
    .url_con02_title .url02_name {
         width: 15%;
    }
    .url_con02_title .url03 {
        width: 20%;
    }
/*------------------------------------------------------------------------------URL 변환*/
/*------------------------------------------------------------------------------무료문자팝업*/

    .mobile_free_msg {
        width: 500px;
        min-height: 460px;
        height: 100%;
        margin:auto;
        padding: 0;
        border: 1px solid#ddd;
        text-align: center;
    }
    .mobile_free_msg textarea {
        resize: none;
        width: 300px;
        height: 200px;
        background-color: #f9f9f9;
        border: 1px solid#ddd;
        padding: 5px;
        box-sizing: border-box;
        font-size: 15px;
    }

    .mobile_free_msg h1 {
        font-size: 20px;
        font-weight: bold;
    }
    .mobile_free_msg h1 a {}
    .mobile_free_msg h1 img {
        width: 30px;
        position: relative;
        top: 3px; left: -2px;
    }

    .mobile_free_msg .msg_num {
        margin: 5px 0;
    }
    .mobile_free_msg .msg_num input {
        width: 200px;
        height: 30px;
        border: 1px solid#ddd;
        background-color: #f2f2f2;
    }
    .mobile_free_msg .msg_num .msg_num_btn {
        width: 90px;
        height: 33px;
        background-color: #333;
        color: #fff;
        cursor: pointer;
    }

    .mobile_free_msg .msg_num_plus input {
        width: 295px;
        height: 30px;
        border: 1px solid#ddd;
        background-color: #f2f2f2;
        margin-bottom: 5px;
    }
    .mobile_free_msg .msg_num_plus span {
        width: 100%;
        text-align:center;
        display: inline-block;
        margin: 5px 0 10px 0;
    }

    .mobile_free_msg .msg_num_send input {
        width: 120px;
        height: 30px;
        border: 0;
        background-color: #333;
        color: #fff;
        font-weight: bold;
        letter-spacing: 2px;
        cursor: pointer;
    }
    .mobile_free_msg .msg_num_send span {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 10px 0;
        font-size: 16px;
        font-weight: bold;
    }
/*------------------------------------------------------------------------------무료문자팝업*/
    
    
    
    
    
    


    
    
}





@media all and (min-width:320px) and (max-width:480px) {
    
    /*메인배너*/
    .main_banner {
        display: none;
    }
    /*메인배너*/
    /*무료메시지 아이콘*/
    .free_message_icon {
        width: 70px;
        height: 70px;
        position: fixed;
        bottom: 10px; right: 20px;
    }
    .free_message_icon p {
        line-height: 70px;
        font-size: 12px;
    }
    /*무료메시지 아이콘*/
    
    
    
    .gnb_wrpa {width: 100%; height: 50px;}
    .gnb_bg {width: 100%; height: 50px;z-index: -9;}

    .gnb {width: 98%; height:50px;margin-left: 1%;}
    .gnb h1 {width: 140px;height: 50px;line-height: 50px; margin: 0;}
    .gnb h1 a {font-size: 22px;}
    .gnb h1 img {width: 25px;position: relative; top: 5px;}

    .gnb > ul {display: none;}
    .mo_menu {display: inline-block;}
    .mo_menu img {width: 25px; position: absolute; top: 18px;right: 10px;}
    
     
     #footer {position: relative;}

    .footer_text {width: 200px;margin: 0 auto;height:50px;padding-top:10px;}
    .footer_text img {float: left;margin-right:5px; width: 40px;height: auto;
        position: relative;top: 0px;left: 0;}
    .footer_text p {float: left; text-align: left; font-size: 16px;}

    .telegram_link {width: 100%; height: 20px;}
    .telegram_link a {width: 100%; height: 30px;font-size: 16px;}

    .footer_copy {font-size: 12px;height: 30px;}
    .footer_wrap {
        width: 100%;
        margin: 0 auto;
    }
    .footer_left {
        width: 100%;float: left;
        min-height: 85px;
    }
    .footer_right {
        width: 90%;float: left;
        min-height: 240px;
        height: auto;
        margin: 0 5%;
        text-align: center;
    }
    .footer_right strong {
        font-size: 18px;
        margin: 20px 0 5px 0;
        text-align: center;
    }
    .footer_right ul {
        text-align: center;
    }
    .footer_right ul li p {
        height: auto;
        line-height: 30px;
    }

    input[id*=answer] {
        display: none;
    }
    input[id*=answer] + label {
        display: block;
        padding: 5px;
        position: relative; 
        height: auto;
        line-height: 20px;
        font-size: 15px;
        font-weight: normal;
        padding-right: 30px;
        box-sizing: border-box;
    }

    input[id*=answer] + label + div {
        max-height: 0;
        overflow:hidden;
        font-size: 13px;
    }
    input[id*=answer] + label + div p {
        display: inline-block;
        padding: 0px;
        box-sizing: border-box;
    }


    input[id*=answer]:checked + label + div {
        height: 100%;
        max-height: 100%;
        line-height: 20px;
        padding: 0 10px 0 20px;
    }
    
    
    
    .header_wrpa {height: 150px;}
    .sub_img {width: 100%; height: 150px; position: absolute;top: 0;left: 0;}
    .sub_img > h6 {width: 100%; font-size: 20px;padding-top: 90px;
    }

    .sub_content {width: 100%; height: 100%; margin: 0 auto;}
    
    /*--------------------------------------------------------------------------------회원가입*/

    .membership_header {height: 80px;}

    .membership_wrap {width: 100%;height: 100%;
        background: url(/images/membership_bg.png) no-repeat center;
        background-size: cover;}

    .membership_con01 {width: 300px; height: 500px;}
    .membership_con01 ul {width: 300px; height: 500px;margin-top:0;}

    .membership_con01 .membership_title {
        height: 60px;line-height: 60px;padding-top:20px;}
    .membership_title strong {font-size: 18px; }
    .membership_con01 li {width: 300px;height: 60px;line-height: 60px; margin:  0 auto;}
    .membership_con01 li p {width: 100px;font-size: 14px;}
    .membership_con01 li input { width: 180px;height: 30px;padding: 5px; box-sizing: border-box;
        background-color: #f1f1f1;font-size: 13px;}

    .membership_con01 .membership_btn {width: 150px; margin-top: 30px;}
    .membership_con01 .membership_btn input {width: 150px;height: 40px; font-size: 16px;}


    .membership_con01 .membership_pw {border-top: 1px solid#aaa;margin-top: 20px;}
    .membership_con01 .membership_pw02 {border-bottom: 1px solid#aaa;margin-bottom: 20px;}
    /*--------------------------------------------------------------------------------회원가입*/
    /*--------------------------------------------------------------------------------리스트 넘버*/

    .con_list_num {width: 100%;margin: 30px 0 80px 0;}
    .con_list_num input { width: 22px;height: 22px;font-size: 12px; margin: 0 5px;
    }
    .con_list_num .current_page {width: 26px;height: 26px;}

    /*--------------------------------------------------------------------------------리스트 넘버*/
    /*--------------------------------------------------------------------------------공지사항*/
    .header_wrpa .notice_img {
        background: url(/images/notice_img.png) no-repeat center;z-index: -99;
        background-size: cover;
    }
    .notice_con {margin: 20px auto 0 auto;}
    .notice_text {width: 98%; height:;margin: 0 auto;}
    .notice_text li {display: inline-block;height: 40px; line-height:40px;
        font-size: 12px;border-bottom: 1px solid#ddd;box-sizing: border-box;}

    .notice_title li {color: #aaa;}

    .notice01 {width: 70%;padding: 0 0 0 5px;}
    .notice02 {width: 30%;text-align: center;margin-left: -5px;}
    /*--------------------------------------------------------------------------------공지사항*/
    /*--------------------------------------------------------------------------------공지사항 게시글*/

    .notice_text_wrap {width: 300px;height:400px;position: absolute; top: 50px; left: 50%; margin-left:  -150px; margin-top: 0;
    }
    .notice_text_wrap .notice_title_day {height: 50px;line-height: 50px;}
    .notice_text_wrap .notice_text_title {width: 100%;font-size: 14px;overflow: hidden;}
    .notice_text_wrap .notice_text_con {width: 280px; height:300px;
        padding: 5px; font-size: 12px; line-height: 20px; overflow-y: scroll;    }
    .notice_text_wrap .notice_text_btn { margin: 10px 0;}
    .notice_text_btn input  {width: 80px; height: 30px; border: 0;font-size: 14px;cursor: pointer;}

    /*--------------------------------------------------------------------------------공지사항 게시글*/
    /*--------------------------------------------------------------------------------입금확인관리*/

    .header_wrpa .deposit_img {
        background: url(/images/deposit_img.png) no-repeat center;z-index: -99;
        background-size: cover;
    }

    .sub_title {height: 150px;width: 98%; margin: 50px 1% 20px 1%;text-align: center;}
    .sub_title strong {font-size: 16px; line-height: 40px; }
    .sub_title p {font-size: 14px; line-height: 20px;word-break: keep-all;}
    .sub_title p span { font-size: 12px; color: #666; letter-spacing: -0.5px;
        display: inline-block; line-height:0;}


    .deposit_con01 {width: 98%;margin:  0 1%;height: 230px;padding: 30px 0; text-align: center; box-sizing: border-box; 
    }
    .deposit_con01 li {float: none; width: 310px; margin: 0 auto;display: inline-block; height: 40px; line-height: 40px;}
    .deposit_con01 p {float: left; font-size: 14px; width: 100px;}
    .deposit_con01 strong {font-size: 14px;width: 200px;}
    .deposit_con01 input  {width: 200px; height: 35px; padding: 5px; box-sizing: border-box;
        font-size: 14px;}


    .deposit_con02 {width: 321px;margin: 30px auto 0 auto; height: 400px;}
    .deposit_con02 strong {width: 100%;font-size: 16px; line-height: 20px; }

    .deposit_con02 input {width: 130px; height: 40px;margin: 10px 10px;font-size: 14px;
    }
    .deposit_con02 .con02_btn {margin-top: 50px;}
    /*--------------------------------------------------------------------------------입금확인관리*/
        /*--------------------------------------------------------------------------------보내기*/

    .header_wrpa .send_img {
        background: url(/images/send_img.png) no-repeat center;z-index: -99;
        background-size: cover;
    }

    .send_title {width: 100%; height: 80px; line-height: 22px; font-size: 16px;text-align: center;
        margin-top: 30px;}

    .send_con01 {width: 100%; margin: 0 auto;height:650px;}
    .phone_img {width: 100%;height: 350px;float: left;
        background: url(/images/iphone_bg.jpg) no-repeat center;
        background-size: contain;margin-top: 0;
    }
    .phone_img textarea {width: 250px;height: 255px;
        position: absolute; top: 50px;left:50%;padding: 5px;resize: none;
        margin-left: -125px;
    }
    .phone_img span {position: absolute; bottom: 20px;left: 50%;font-size: 14px;
        margin-left: -20px;}

    .send_num {width: 100%; margin: 0 auto; height: 100%;float: none;}
    .send_num ul li p {width:100%;}


    .send_num .send_num_01 strong {width: 100%;height: 50px;line-height: 20px; 
        font-size: 16px;text-align: center;margin-top: 10px;}

    .send_num_02 {
        width: 98%;
        height: 135px;
        margin: 0 1%;
    }
    .send_num_02_title {
        width: 25%;
        height: 135px;
    }
    .send_num_02 .send_num_02_title p {
        width: 100%;
        line-height: 50px;
        display: inline-block;
    }

    .send_num_02_text {
        width: 73%;
        height: 90px;
    }
    .send_num_02_text textarea {
        resize: none;
        width: 100%;
        height: 90px;
        border: 0;
        padding: 3px;
        margin-left: 5px;
        font-size: 14px;
        border: 1px solid#ddd;
    }

    .send_num_02_btn {
        float: left;
        width: 73%;
        display: inline-block;
        margin-left: 5px;
        margin-top: 7px; 
    }
    .send_num_02_btn input {
        width: 32.4%;
        border: 0;
        height: 30px;
        cursor: pointer;
        float: left;
        margin: 0;
        font-size: 13px;
    }
    .send_num_02_btn .send_num_02_btn02 {
        margin: 0 1%;
    }
    
    .send_num_03 {
        width: 98%;
        height: 75px;
        margin: 0 1%;
    }
    .send_num_03_title {
        width: 25%;
        height: 75px;
        margin-top: 3px;
    }
    .send_num_03 .send_num_03_title p {
        line-height: 80px;
    }

    .send_num_03_btn {
        width: 75%;
    }
    .send_num_03_btn input {
        border: 0;
        height: 35px;
        font-size: 14px;
    }
    .send_num_03_btn .send_num_03_btn01 {
        width: 100%;
        height: 30px;
        margin: 0 0 0 5px;
        padding-top: 10px;
    }
    .send_num_03_btn02 {
        width: 43%;
        height: 30px;
        margin-left: 5px;
    }
    .send_num_03_btn03 {
        width: 52%;
        height: 30px;
    }
    


    .send_con02 {width: 100%; height: 100%;}
    .send_con02_none {font-size: 16px;height: 200px; line-height: 150px;}
    .send_con02 ul {width: 100%; margin:  0 auto;text-align: center;}
    .send_con02_title {
        height: 40px;line-height: 40px;
        font-size: 16px;margin-bottom: 30px;}
    .send_con02_title input {width: 90px; height: 30px; font-size: 12px;
        position: absolute; bottom: 5px; right: 10px;    }

    .send_box {width: 320px;height: 250px;display: inline-block;margin-bottom: 10px;}
    .send_box > div {margin: 0 auto;
        width: 300px;height: 250px;
        background-color: #f2f2f2;
        color: #666; padding: 10px; box-sizing: border-box;
        text-align: right;margin: 0 auto;
    }
    .send_box > div input {width: 15px;height: 15px;}
    .send_box > div p {width: 100%;height: 190px;
        text-align: left;font-size: 16px;margin-top: 5px;
        overflow-y: scroll; line-height: 20px;
        padding: 5px;
    }
    /*--------------------------------------------------------------------------------보내기*/
    /*--------------------------------------------------------------------------------결과*/

    .header_wrpa .result_img {
        background: url(/images/result_img.png) no-repeat center;z-index: -99;
        background-size: cover;
    }

    .result_con_title {width: 100%;height: 95px;}

    .result_con01 {width: 100%;height: 120px;line-height: 60px;margin: 0 auto;}
    .result_con01 .del_btn {width: 98%;display: inline-block;margin: 0 1%;}
    .result_con01 .del_btn li {float: left;height: 45px;}
    .result_con01 .del_btn input  { width: 120px; height: 30px;margin-right: 10px;font-size: 12px;}
    .result_con01 .del_btn .result_month {float: left;}
    .result_con01 .del_btn .result_month input {margin-left: 0; margin-right: 5px;}
    .result_con01 .del_btn .month {padding: 0;width: 120px;height: 28px;}

    .result_con .result_con02-1 > li {height: 35px;line-height: 35px;font-size: 12px;}

    .result_con02 {width: 98%; height: 100%;margin: 0 1%;}

    .result_con02 ul {width: 100%;display: inline-block;}
    .result_con02 ul li {height: 100px; line-height: 100px;font-size: 14px;}
    .result_con02-2 .result_num p {line-height: 20px;}
    .result_con02-2 .result_num {padding-top: 20px;}

    .result_con_text .result_checkbox {width: 15%;}
    .result_con_text .result_day {display: none;}
    .result_con_text .result_text {width: 85%;}
    .result_con_text .result_num {display: none;}

    .result_con02-2 .result_text {width: 85%;line-height: 20px;padding: 5px; box-sizing: border-box;
        overflow-y: scroll;text-align: left;
    }
    .result_con02 .result_con_none li {width: 100%;height: 200px;line-height: 200px;font-size: 14px;}
    /*--------------------------------------------------------------------------------결과*/
    /*--------------------------------------------------------------------------------마이페이지*/
    .header_wrpa .mypage_img {
        background: url(/images/mypage_img.png) no-repeat center left;z-index: -99;
        background-size: cover;
    }
    .mypage_con_title {width: 100%;height: 60px;text-align: left;}

    .mypage_con01 {width: 98%; height: 100%; margin: 0 1%;}
    .mypage_con01 ul {width: 100%;display: inline-block;}
    .mypage_con01 strong {width: 100%;font-size: 14px;text-align: center;
        padding: 10px 0;display: inline-block;}

    
    .mypage_con01_text li {float: left;height: 40px; line-height: 40px;}
    .mypage_con01_text p {text-align: center;font-size: 12px;letter-spacing: -0.5px;}

    .mypage_con01_day {display: none;}
    .mypage_con01_money {width: 38%;}
    .mypage_con01_point {width: 37%;}
    .mypage_con01_bonus {width: 25%;}
    .mypage_con_title a {width: 100px;height: 25px;line-height: 25px;font-size: 12px; margin: -25px 5px 0 0;}
    /*--------------------------------------------------------------------------------마이페이지*/
    /*--------------------------------------------------------------------------------비밀번호 변경*/

    .sub_wrap .pw_img {text-align: center;height: 70px;}
    .sub_wrap .pw_img img {width: 60px;}
    .sub_wrap .pw_btn {text-align: center;}
    .sub_wrap .pw_btn input {width: 100px;height: 35px;margin-top: 20px;}

    /*--------------------------------------------------------------------------------비밀번호 변경*/
    /*--------------------------------------------------------------------------------리셀러-메뉴*/
    .header_wrpa .reseller_img {
        background: url(/images/reseller_img.png) no-repeat center right;z-index: -99;
        background-size: cover;
    }
    .reseller_menu {width: 100%;height:20px; line-height: 20px; }
    .reseller_menu ul {width: 280px;margin-left: -140px;position: absolute;top: 125px;left: 50%;}
    .reseller_menu li {width: 70px;font-size: 12px;font-weight: 400;}
    .reseller_menu .reseller_menu_on a {padding: 0 10px; font-weight: 400;border-bottom: 1px solid#aaa}
    /*--------------------------------------------------------------------------------리셀러-메뉴*/
    /*--------------------------------------------------------------------------------리셀러-코드*/


    .code_con strong {font-size: 14px;padding: 10px 0;display: inline-block;}
    .code_con {width: 100%;height: 100%;margin: 0 auto;font-size: 16px;}

    .code_con01 {width: 100%; height: 220px;margin: 0 auto;}
    .code_con01 p {font-size: 13px;}
    
    .code_con01-1 {width: 100%;height: 40px; line-height: 40px; float:none;}
    .code_con01-1 p {float: left; width:40%}
    .code_con01-1 span {width: 60%;}

    .code_con01-2 {width:100%;height: 50px; line-height: 50px; float: none;}
    .code_con01-2 p {float: left;width:35%;text-align: center;}
    .code_con01-2 input {border: 0;height: 30px;width: 40%;}
    .code_con01-2 .code_con01btn {width:20%;font-size: 13px;}

    .code_con01-3 {width:100%;height: 50px; line-height: 50px;float:none;}
    .code_con01-3 p {float: left; width:35%; text-align: center;}
    .code_con01-3 input {border: 0;height: 30px;width:40%; padding: 0 5px;}
    .code_con01-3 .code_con01btn  {width:22%;padding: 0;font-size: 13px;}

    .code_con .code_con01-4 {width: 99%;height: 30px;line-height: 30px}
    .code_con01-4 p {font-size: 12px;}

    .code_con02 {height: 100%;width: 100%;margin: 0 auto;float:none;}
    .code_con02_text {width:100%;height: 100%;display: inline-block;margin: 0 auto;}
    .code_con02_text p {font-size: 12px;}
    .code_con02_text li {float: left;height:40px;line-height: 40px;}

    .code_con02_title li {height: 30px;line-height: 30px;}
    
    .code_con02_num {display: none;}
    .code_con02_day {display: none;}
    .code_con02_code {width: 25%;}
    .code_con02_mail {width: 50%;overflow-x: scroll;}
    .code_con02_pay {width: 25%;}
    /*--------------------------------------------------------------------------------리셀러-코드*/
    /*--------------------------------------------------------------------------------리셀러-충전*/

    .charge_con01 {width: 320px;margin:  0 auto;}
    .charge_con01 strong {font-size: 14px;padding: 5px 0;}
    .charge_con02 strong {font-size: 14px;padding: 5px 0;}

    .charge_con01 li {width: 100%;height: 40px;line-height: 40px;padding: 0 5px;box-sizing: border-box; 
        margin: 0 auto;}
    .charge_con01 li p {font-size: 12px;}
    .charge_con01 input {height: 30px;}

    .charge_con01-1 p {width:50%;}
    .charge_con01-point {text-align: right;}

    .charge_con01-2 p {width:30%;float: left;}
    .charge_con01-2 input {width: 45%;}
    .charge_con01-2 .charge_search {width: 22%;font-size: 13px;}

    
    .charge_con01-3 p {width: 30%;float: left;}

    .charge_con01-3 input {width: 30%;font-size: 13px;padding: 0 5px; box-sizing: border-box;}
    .charge_con01-3 select {width: 17%;height: 30px;font-size: 13px;}
    .charge_con01-3 .charge_check {width:20%;font-size: 13px;}


    .charge_con02 {width:100%;margin: 20px auto 0 auto;}

    .charge_con02 .charge_con02_title {margin-top: 10px;}
    .charge_con02_text {width: 100%; height: 100%;margin: 0 auto;}
    .charge_con02_text li {height: 40px;line-height: 40px;float: left;}
    .charge_con02_text p {font-size: 12px;}

    .charge_con02_num {width: 20%;}
    .charge_con02_mail {width: 40%;overflow-x: scroll;}
    .charge_con02_day {display: none;}
    .charge_con02_normal {width: 15%;}
    .charge_con02_charge {width: 25%;}
    .charge_con02_point {display: none;}

    .charge_con02_none {width: 100%;height: 150px; line-height: 150px;font-size: 12px;}

    /*--------------------------------------------------------------------------------리셀러-충전*/
        /*--------------------------------------------------------------------------------리셀러-리스트*/

    .reseller_con {width: 100%; height: 100%;margin: 0 auto;}
    .reseller_list_con01 strong {font-size: 12px; padding: 5px 0;display: inline-block;}

    .reseller_list_con01 {float: left;width: 98%;height: 100%;margin-left: 1%;}
    .reseller_list_con01 li {width: 100%;height: 40px;line-height: 40px;}
    .reseller_list_con01 p {width: 50%;font-size: 12px;}
    .reseller_list_con01 input {width:50%;height: 30px;padding: 0 5px;font-size: 12px;}
    .reseller_list_con01 .list_btn {width: 100%;margin:0 auto;text-align: center;}
    .reseller_list_con01 select {width: 50%;height: 30px;border: 0;padding: 0 5px;font-size: 12px;}
    .list_btn input {width: 80px;height: 25px;border: 0;}

    .reseller_list_con02 .reseller_list_con02_none li {
        width: 100%; height: 150px;line-height: 150px; font-size: 12px;}
    .reseller_list_con02 {width: 100%; height: 100%;margin-bottom: 50px;}
    .reseller_list_con02 li {height: 35px;line-height:35px;font-size: 12px;}
    .reseller_list_con02 span {font-size: 12px;margin: 25px 0 10px 0;text-align: center;}
    .reseller_list_con02_title li {height: 30px;line-height: 30px;font-size: 12px;}
    .list_con02_num {display: none;}
    .list_con02_mail {width: 55%;overflow-x: scroll;}
    .list_con02_point {display: none;}
    .list_con02_normal {width: 25%}
    .list_con02_pay {display: none;}
    .list_con02_remainder {width: 20%;}
    .list_con02_jon {display: none;}
    .list_con02_last {display: none;}
    /*--------------------------------------------------------------------------------리셀러-리스트*/
    /*--------------------------------------------------------------------------------리셀러-정산*/


    .reseller_con .calculate_con {width: 100%;height: 100%;margin: 0 auto;}

    .calculate_title {height: 60px;line-height: 25px;}
    .calculate_title strong {font-size: 14px;}
    .calculate_title p {height: 30px;display: inline-block;font-size: 12px;}

    .calculate_search01 {width: 100%;height:100%;}
    .calculate_search01-1 {width:100%;}
    .calculate_search01 li {line-height: 50px;font-size: 14px;}
    .calculate_search01 p {width: 35%;height: 50px;float: left;}
    .calculate_search01 .search_day  {width: 40%;height: 30px;}
    .calculate_search01 .search_btn  {width: 15%;height: 30px;margin-left: 5px;}

    .calculate_search01_day p {width: 100%;height: 30px;line-height: 30px;font-size: 12px;}

    .calculate_con_text li { height: 35px;line-height: 35px;font-size: 12px;}
    .calculate_con_none {width: 100%; height: 150px;line-height: 150px;font-size: 14px;}
    .calculate_mail {width: 45%; overflow-x: scroll;}
    .calculate_point01 {width: 30%;}
    .calculate_point02 {display: none;}
    .calculate_send {width: 25%;}
    .calculate_profit {display: none;}

    .calculate_con02 .calculate_search01 p {display: inline-block;float: none;}
    /*--------------------------------------------------------------------------------리셀러-정산*/
    /*--------------------------------------------------------------------------------로그인*/

    .login {width: 100%;height: 400px; margin:0 auto;margin: 0 auto;}
    .login ul {margin: 0;}
    .login .login_title {height: 40px;margin-top:0;padding: 0 0 10px 0; }
    .membership_title strong {display: inline-block;font-size: 20px; line-height: 50px;}
    .membership_title img {width: 18px;height: auto}


    .membership_con01 .login input {
        width: 280px;height: 35px;padding: 0 10px;}
    .e_mail {margin-bottom: 10px;}

    .login .check {height: 40px; line-height:40px;}
    .login .check span {font-size: 14px;}
    .login .check input {width: 15px;height: 15px;margin-right: 5px;}

    .login_btn a {width: 280px;height: 35px; display: inline-block;
        font-size: 16px;line-height: 35px;margin: 20px 0 50px 0;}

    .login .membership {width: 280px;height: 50px; line-height: 50px;}
    .login .membership p {width: 160px;height: 30px;display: inline-block;font-size: 14px;}
    .login .membership a {height: 30px;display: inline-block;font-size: 14px;}
/*--------------------------------------------------------------------------------로그인*/
/*------------------------------------------------------------------------------URL 변환*/

    .url_con_title {
        height: 100px;
        margin-top: 20px;
    }
    .url_con {
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

    .url_con01 {
        width: 100%;
        margin: 0 auto;
        height: 120px;
    }

    .url_con01 li {
        height: 35px;
        line-height: 35px;
    }
    .url_con01 li span {
        font-size: 14px;
        display: inline-block;
        margin-right: 0;
        padding-left: 5px;
        box-sizing: border-box;
    }
    .url_con01 li input {
        height: 27px;
        line-height: 27px;
        padding: 0 3px;
        font-size: 14px;
    }
    .url_con01_text01 {
        width: 75%;
    }
    .url_con01_text02 {
        width: 54%;
    }
    .url_con01 .url_con01_btn button {
        width: 24%;
        height: 30px;
        border: 0;
        font-size: 14px;
    }
    .url_con01 .url_con01_text03_btn {
        width: 20%;
    }
    .url_con01 .url_con01_text02_btn {
        width: 20%
    }
    .url_con01_text03 {
        width: 50%;
    }

    .url_con02 {
        width: 98%;
        height: 100%;
        margin: 0 1%;
        padding: 0;
        
    }
    .url_con02 strong {
        width: 100%;
        display: inline-block;
        font-size: 15px;
        line-height: 30px;
    }
    .url_con02_text {
        border-bottom: 1px solid#ddd;
    }
    .url_con02_text li {
        height: auto;
        min-height: 35px;
        line-height: 35px;
    }
    .url_con02_text li p {
        width: 100%;
        height: auto;
        font-size: 12px;
    }

    .url_con02_text .day {
        display: none;
    }
    .url_con02_text .url01 {
        width: 50%;
        padding: 0 5px;
        box-sizing: border-box;
    }
    .url_con02_text .url02_name {
        width: 25%;
    }
    .url_con02_text .url03 {
        width: 25%;
    }
    
    .url_con02_text .url03 p {
        width: 100%;
    }
    
    .url_con02_title p {
        font-size: 12px;
    }
   .url_con02_title .day {
        display: none;
    }
    .url_con02_title .url01 {
        width: 50%;
    }
    .url_con02_title .url02_name {
         width: 25%;
    }
    .url_con02_title .url03 {
        width: 25%;
    }
/*------------------------------------------------------------------------------URL 변환*/
/*------------------------------------------------------------------------------무료문자팝업*/

    .mobile_free_msg {
        width: 310px;
        min-height: 280px;
        height: 100%;
        margin:auto;
        padding: 0;
        border: 1px solid#ddd;
        text-align: center;
        margin-top: 20px;
    }
    .mobile_free_msg textarea {
        resize: none;
        width: 280px;
        height: 150px;
        background-color: #f9f9f9;
        border: 1px solid#ddd;
        padding: 5px;
        box-sizing: border-box;
        font-size: 13px;
    }

    .mobile_free_msg h1 {
        font-size: 16px;
        font-weight: bold;
    }
    .mobile_free_msg h1 a {}
    .mobile_free_msg h1 img {
        width: 25px;
        position: relative;
        top: 3px; left: -2px;
    }

    .mobile_free_msg .msg_num {
        margin: 5px 0;
    }
    .mobile_free_msg .msg_num input {
        width: 195px;
        height: 30px;
        border: 1px solid#ddd;
        background-color: #f2f2f2;
        font-size: 14px;
    }
    .mobile_free_msg .msg_num .msg_num_btn {
        width: 75px;
        height: 33px;
        background-color: #333;
        color: #fff;
        font-size: 14px;
    }

    .mobile_free_msg .msg_num_plus input {
        width: 275px;
        height: 30px;
        border: 1px solid#ddd;
        background-color: #f2f2f2;
        margin-bottom: 5px;
    }
    .mobile_free_msg .msg_num_plus span {
        width: 100%;
        text-align:center;
        display: inline-block;
        margin: 5px 0 10px 0;
        font-size: 14px;
    }

    .mobile_free_msg .msg_num_send input {
        width: 100px;
        height: 30px;
        border: 0;
        background-color: #333;
        color: #fff;
        letter-spacing: 1px;
        cursor: pointer;
        font-size: 14px;
        font-weight: bold;
    }
    .mobile_free_msg .msg_num_send span {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 10px 0;
        font-size: 16px;
        font-weight: bold;
    }
/*------------------------------------------------------------------------------무료문자팝업*/
   
}