.sub{margin:10px auto; min-height : 550px;}
.sub .mb-10{margin-bottom:10px;}
.sub .mb-20{margin-bottom:20px;}
.sub .mb-30{margin-bottom:30px;}
.sub .mb-40{margin-bottom:40px;}
.sub .mb-50{margin-bottom:50px;}

 .sub select{border:1px solid #ebebeb;padding:5px 20px 5px 5px;margin:3px 0;background:white url('/common/img/sub/arrow.png') no-repeat 95% 50%;-webkit-appearance:none;height:40px;}
 
.sub .info {background:#f7f8fa;padding:10px;margin:0 0 10px 0;}
.sub .info a{color:#ee1e27;font-weight:600}
.sub .info .dot{    position: relative;
    padding: 0 0 0 15px;
    line-height: 1.5;
    font-size: 0.8rem;
    color: #3b3b3b;}
/*.sub .info .dot:before{display:Block;position:absolute;content:"·";left:0;top:0;}*/
.sub .info .dot:before{display: Block;
    position: absolute;
    content: "";
    left: 2px;
    width: 3px;
    height: 3px;
    background-color: black;
    top: 7px;}

.sub .ico_check{margin:-5px 10px 0 0;}
.sub .exp{line-height:1.8;font-weight:300;}

.cash_info .table_box table{width:100%;text-align:center;border-collapse:collapse;}
.cash_info .table_box table th{background:#f7f7f7;border:1px solid #ebebeb;padding:5px;}
.cash_info .table_box table td{border:1px solid #ebebeb;padding:5px;}


.spam .box .tit{padding:0 0 20px 0;}

.spam .box .spam_ul { overflow:hidden; }

.spam .box .spam_ul li { position:relative;float:left;width:100%;margin:0 3% 3% 0;padding:10px;min-height:auto;min-width:auto;text-align:center;border:1px solid #ebebeb;border-radius:10px;margin:0 0 7% 0; color : white; }
.spam .box .spam_skt li { background:#4e7bc5;}
.spam .box .spam_kt li { background:#408d9c;}
.spam .box .spam_lg li { background:#7a78a9;}

.spam .box .spam_ul li:after { display:block;position:absolute;right: auto;left: 50%;top: auto;bottom: -60%;transform: translate(-50%,0) rotate(90deg);width:18px;height:18px;background:url('/common/img/sub/ico_arrow.png') center center no-repeat;background-size:12px auto;content:"";opacity:0.2}
.spam .box .spam_ul li:last-child{margin:0 0 3% 0}
.spam .box .spam_ul li:last-child:after{display:none;}


/* faq  */
/* 
.faq .accordion-container{position: relative;}
.faq .set{position: relative;width: 100%;height: auto;cursor:pointer;}
.faq .set > a{display: block;padding: 20px;border-bottom: 1px solid #ebebeb;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;transition:all 0.2s linear;}
.faq .set > a i{float: right;margin-top:10px;}
.faq .set > a.active{background-color:#fef4f3;}
.faq .set > a.active .qst{color: #fef4f3;}
.faq .set .qst{font-family:'Montserrat', sans-serif;display:inline-block;width:40px;height:40px;line-height:2.5;text-align:center;border-radius:100px;background:#333;color:#FFF;margin:0 20px 0 0;}
 */
 
.faq .accordion-container{position: relative;}
.faq .set{position: relative;width: 100%;height: auto;cursor:pointer;}
.faq .set > a{display: block;padding: 15px;border-bottom: 1px solid #ebebeb;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;transition:all 0.2s linear;}
.faq .set > a i{float: right;margin-top:10px;}
.faq .set > a.active{background-color:#fef4f3;}
.faq .set > a.active .qst{color: #fef4f3;}
.faq .set .qst{font-family:'Montserrat', sans-serif;display:inline-block;width:23px;height:23px;/* line-height:2.5; */line-height:2.0;text-align:center;border-radius:100px;background:#333;color:#FFF;margin:0 10px 0 0;font-size:0.8em;}


.faq .set .ans{font-family:'Montserrat', sans-serif;width:23px;height:23px;text-align:center;/* line-height:2.3; */line-height:1.9;border-radius:100px;background:#fef4f3;float:left;margin:0 0 10px 0;border:1px solid #ebebeb;font-size:0.8em;}
.faq .content{border-bottom: 1px solid #ebebeb;overflow:hidden;padding: 15px;display:none;width:100%;}
.faq .content p{margin: 0;word-break: keep-all;float:right;width:100%;line-height:1.8;font-weight:300;}





/* .sms .bg_sms {overflow:hidden;border-bottom:1px solid #ebebeb;padding:0 0 50px 0;margin:0 0 50px 0;} */
.sms .bg_sms {overflow:hidden;border-bottom:1px solid #ebebeb;padding:0 0 10px 0;margin:0 0 0 0;}

/*
.sms .bg_sms .box01 {float:left;width:40%;}
.sms .bg_sms .box01 .bg{position:relative;background:url('/common/img/sub/bg_phone.png') no-repeat center center;height:707px;background-size:contain}
.sms .bg_sms .box01 .bg .send {position:absolute;width:65%;top:12%;left:50%;transform:translateX(-50%);}
.sms .bg_sms .box01 .bg .send textarea{border:none;min-height:350px;color:#949494;background:#FFF;width:100%;padding:10px;} 
 */
 
.sms .bg_sms .box01 {    float: left;
    width: 100%;
    margin: 0 0 25px 0;
    padding-bottom: 10px;
    border: 1px solid #828282;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;}
.sms .bg_sms .box01 .bg{position:relative;background:none;height:auto;background-size:contain}
.sms .bg_sms .box01 .bg .send {position:absolute;width:100%;top:12%;left:50%;transform:translateX(-50%);position:inherit;}
/* .sms .bg_sms .box01 .bg .send textarea{border:none;min-height:200px;color:#949494;background:#FFF;width:100%;padding:10px;} */
.sms .bg_sms .box01 .bg .send textarea{border:1px solid #f1f1f1;min-height:200px;color:#949494;background:#f1f6ff;width:100%;padding:10px;font-size: 0.7rem; resize: none;}

.sms .bg_sms .box01 .bg .send .byte{color:#949494;float:right;margin:0 0 15px 0;}
.sms .bg_sms .box01 .bg .send .byte span{color:#ee1e27;font-weight:600;}
.sms .bg_sms .box01 .bg .send ul {clear:both;overflow:hidden;}
.sms .bg_sms .box01 .bg .send ul li{float: left;
    text-align: Center;
    margin: 1%;
    width: 36%;
    margin-left: 23px;}
.sms .bg_sms .box01 .bg .send ul li a{display:block;padding:10px;color:#000;}
.sms .bg_sms .box01 .bg .send .bg01{background:#dcdedf;
    width: 130px;
    height: 40px;
    color: #5e5a5a;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 900;
    font-style: normal;
    /*text-shadow: 0px -1px 0px rgb(0 0 0 / 40%);*/
    text-decoration: none;
    /*background: transparent;*/
    cursor: pointer;
    position: relative;
    display: inline-block;
    box-shadow: inset 0px 1px 0px rgb(255 255 255), 0px 1px 3px rgb(0 0 0 / 30%);
    outline: none;
    /* border: 1px solid #ba6; */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(#e6e6e6));
    border-color: #7c7c7c;}
.sms .bg_sms .box01 .bg .send .bg02{background:#dcdedf;
    width: 130px;
    height: 40px;
    color: #5e5a5a;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 900;
    font-style: normal;
    /*text-shadow: 0px -1px 0px rgb(0 0 0 / 40%);*/
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    position: relative;
    display: inline-block;
    box-shadow: inset 0px 1px 0px rgb(255 255 255), 0px 1px 3px rgb(0 0 0 / 30%);
    outline: none;
    /* border: 1px solid #ba6; */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(#e6e6e6));
    border-color: #7c7c7c;}
.sms .bg_sms .box01 .bg .send .bg03{background: #dcdedf;
    width: 130px;
    height: 40px;
    color: #5e5a5a;
    border-radius: 5px;
    padding: 10px 5px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 900;
    font-style: normal;
    /*text-shadow: 0px -1px 0px rgb(0 0 0 / 40%);*/
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    position: relative;
    display: inline-block;
    box-shadow: inset 0px 1px 0px rgb(255 255 255), 0px 1px 3px rgb(0 0 0 / 30%);
    outline: none;
    /* border: 1px solid #ba6; */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(#e6e6e6));
    border-color: #7c7c7c;}
.sms .bg_sms .box01 .bg .send .bg04{    background: #8b909a;     color: #fff;
    /* border: none; */
    box-sizing: border-box;
    background: #ff8a6f;
    color: #fff;
    width: 130px;
    height: 40px;
    color: #5e5a5a;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 900;
    font-style: normal;
    /*text-shadow: 0px -1px 0px rgb(0 0 0 / 40%);*/
    text-decoration: none;
    /* background: transparent; */
    cursor: pointer;
    position: relative;
    display: inline-block;
    box-shadow: inset 0px 1px 0px rgb(255 255 255), 0px 1px 3px rgb(0 0 0 / 30%);
    outline: none;
    /* border: 1px solid #ba6; */
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(#e6e6e6)); */
    border-color: #7c7c7c; }


/* .sms .bg_sms .box02 {float:right;width:50%} */
.sms .bg_sms .box02 {float:right;width:100%}
.sms .bg_sms .box02 .tit {overflow:hidden;margin:0 0 10px 0;font-weight:600;}

/* .sms .bg_sms .box02 .tit .icon{float:left;margin:0 10px 0 0;} */
.sms .bg_sms .box02 .tit .icon{float:left;margin:0 10px 0 0;width:10%;}

/* .sms .bg_sms .box02 input[type="text"]{border:1px solid #f1f1f1;padding:10px;} */
.sms .bg_sms .box02 input[type="text"]{border:1px solid #f1f1f1;padding:5px;}
.sms .bg_sms .box02 select{border:1px solid #f1f1f1;padding:0 5px 0 5px;background:white url('/common/img/sub/arrow.png') no-repeat 101% 50%;-webkit-appearance:none;}



/*받는사람*/
.sms .bg_sms .box02 .to {margin: 0 0 35px 0;}
.sms .bg_sms .box02 .to .num {overflow:hidden;margin:0 0 10px 0;}
.sms .bg_sms .box02 .to .num label{float:left;width:27%;}
/* .sms .bg_sms .box02 .to .num input{border:1px solid #f1f1f1;padding:10px;float:left;width:40%;} */
.sms .bg_sms .box02 .to .num input{border:1px solid #f1f1f1;padding:5px;float:left;width:40%;}


/* .sms .bg_sms .box02 .to .num a{display:block;text-align:Center;background:#f1f1f1;display:block;padding:0 8px;height:40px;line-height:40px;} */
.sms .bg_sms .box02 .to .num a{display:block;text-align:Center;background:#f1f1f1;display:block;padding:0 8px;height:40px;line-height:40px;}
.sms .bg_sms .box02 .to .num a{display:block;text-align:Center;background:#f1f1f1;display:block;padding:0 8px;height:40px;line-height:40px;margin: 3px 0 0 2px;}
.sms .bg_sms .box02 .to .num .add{float: left;
    font-size: 13px;
    float: left;
    font-size: 13px;
    display: inline-block;
    padding: 0 8px;
    height: 37px;
    font-size: 13px;
    line-height: 34px;
    text-align: center;
    letter-spacing: -1px;
    border-radius: 5px;
    box-shadow: 0px 2px 4px grey;
    vertical-align: top;
    background-color: #d0346a;
    color: white;
    font-weight: 800;
}
.sms .bg_sms .box02 .to .num .latest{float: right;
    width: 20%;
    font-size: 13px;
    float: right;
    width: 23%;
    font-size: 13px;
    display: inline-block;
    /* padding: 0 8px; */
    height: 37px;
    font-size: 13px;
    line-height: 33px;
    text-align: center;
    letter-spacing: -1px;
    border-radius: 5px;
    box-shadow: 0px 2px 4px grey;
    vertical-align: top;
    background-color: #47495a;
    color: white;
    font-weight: 800;
    margin-left: 5px;
}


.sms .bg_sms .box02 .to .textarea {overflow:hidden;}
.sms .bg_sms .box02 .to .textarea .list {float: right;
    width: 38%;
    position: relative;
    right: 0px;
    top: -4px;
}
.sms .bg_sms .box02 .to .textarea .list li a{    text-align: Center;
    background: #ff9898;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    display: block;
    height: 35.5px;
    height: 28px;
    margin-top: 5px;
    border: 1px solid #dedede;
    background: #4d7cff;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -1px;
    border-radius: 5px;
    box-shadow: 0px 1px 2px grey;
}
.sms .bg_sms .box02 .to .textarea .list li .btn-xs{
    background-color: white;
    line-height: 15px;
    border: 1px dotted red;
    color: black;
    font-size: 0.7rem;
    height: 29px;
    margin-top: 10px;
}


.sms .bg_sms .box02 .to .textarea .list li:nth-child(2){margin:10px 0;}
.sms .bg_sms .box02 .to .textarea .txt{float:left;width:60%;}
.sms .bg_sms .box02 .to .textarea .txt textarea{    margin: 0 0 10px 0;
    padding: 8px;
    height: 150px;
    border: 1px solid #f1f1f1;
    width: 100%;
    font-size: 13px;
    resize: none;
    float: left;
    display: inline-block;}
.sms .bg_sms .box02 .to .textarea .txt .total{    float: left;    margin-left: 40px;}
.sms .bg_sms .box02 .to .textarea .txt .total span{color:#ee1e27;font-weight:600}


/*보내는사람*/
.sms .bg_sms .box02 .from .num {overflow:hidden;margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #ebebeb;}
.sms .bg_sms .box02 .from .num label{float:left;width:27%;}
.sms .bg_sms .box02 .from .num select{float:left;width:40%;-webkit-appearance:none; font-size : 14px;}

 .sms .bg_sms .box02 .from .num .latest{    float: right;
     width: 29%;
     display: block;
     text-align: Center;
     background: #47495a;
     color: white;
     font-weight: 900;
     display: block;
     padding: 0 8px;
     height: 37px;
     line-height: 35px;
     margin: 0px 0 0 2px;
     font-size: 11px;
     box-shadow: 0px 1px 2px grey;
     border-radius: 7px;
 }

/* 
.sms .bg_sms .box02 .from .title_wrap {overflow:hidden;margin:0 0 30px 0;}
.sms .bg_sms .box02 .from .title_wrap .title{float:left;width:27%;font-weight:600;}
.sms .bg_sms .box02 .from .title_wrap input{width:73%;}
*/
.sms .bg_sms .box02 .from .title_wrap {overflow:hidden;margin:0 0 20px 0;}
.sms .bg_sms .box02 .from .title_wrap .title{float:none;width:100%;font-weight:600;margin: 0 0 5px 0;}
.sms .bg_sms .box02 .from .title_wrap input{width:100%;}
 
 
/* .sms .bg_sms .box02 .from .type_wrap {overflow:hidden;margin:0 0 30px 0;} */
.sms .bg_sms .box02 .from .type_wrap {overflow:hidden;margin:0 0 10px 0;}

/* .sms .bg_sms .box02 .from .type_wrap .type{float:left;width:27%;font-weight:600;}
.sms .bg_sms .box02 .from .type_wrap .type_list {float:right;width:73%;} */
.sms .bg_sms .box02 .from .type_wrap .type{float:none;width:100%;font-weight:600;margin:0 0 5px 0;}
.sms .bg_sms .box02 .from .type_wrap .type_list {float:none;width:100%;} 


.sms .bg_sms .box02 .from .type_wrap .type_list ul{overflow:hidden;}
.sms .bg_sms .box02 .from .type_wrap .type_list ul li{float:left;margin:0 30px 0 0}
/* .sms .bg_sms .box02 .from .type_wrap .type_list li input {margin:0 5px 0 0;} */
.sms .bg_sms .box02 .from .type_wrap .type_list .date {margin:10px 0 0 0;overflow:hidden;}
.sms .bg_sms .box02 .from .type_wrap .type_list .date li{float:left}
.sms .bg_sms .box02 .from .type_wrap .type_list .date li:nth-child(1){width:38%;}
.sms .bg_sms .box02 .from .type_wrap .type_list .date li:nth-child(2){width:30%;margin:0 1%;}
.sms .bg_sms .box02 .from .type_wrap .type_list .date li:nth-child(3){width:30%;}
.sms .bg_sms .box02 .from .type_wrap .type_list .date p{display:inline}
/*.sms .bg_sms .box02 .from .type_wrap .type_list .date input[type="date"]{background:white url('/common/img/sub/date.png') no-repeat 90% 50%;height:40px;width:100%;border:1px solid #f1f1f1;padding:8px;} */
.sms .bg_sms .box02 .from .type_wrap .type_list .date input[type="date"]{/*background:white url('/common/img/sub/date.png') no-repeat 90% 50%;*/height:30px;width:100%;border:1px solid #f1f1f1;padding:8px;}

.sms .bg_sms .box02 .from .type_wrap .type_list .date select{width:70%;}
	
.sms .bg_sms .box02 .from .option_wrap {overflow:hidden;}

/* 
.sms .bg_sms .box02 .from .option_wrap .option{float:left;width:27%;font-weight:600;}
.sms .bg_sms .box02 .from .option_wrap .option_list {float:right;width:73%;}
 */
.sms .bg_sms .box02 .from .option_wrap .option{float:left;width:20%;font-weight:600;}
.sms .bg_sms .box02 .from .option_wrap .option_list {float:right;width:80%;}


.sms .bg_sms .box02 .from .option_wrap .option_list li{float:left;width:33.333%;}
.sms .bg_sms .box02 .from .option_wrap .option_list input[type="checkbox"]{margin:0 5px 0 0;}
.sms .bg_sms .box02 .from .option_wrap .option_list input[type="text"]{width:50%;}
.sms .bg_sms .box02 .from .option_wrap .option_list select{float:left;width:50%;}

/* .sms .bg_sms .mms{margin:50px 0 0 0;} */
.sms .bg_sms .mms ul{overflow:hidden}

/* 
.sms .bg_sms .mms ul li{float:left;width:32%;min-height:373px;border:1px solid #ebebeb;}
.sms .bg_sms .mms ul li:nth-child(2){margin:0 2%;}
 */
 
/* .sms .bg_sms .mms ul li{float:left;width:100%;min-height:auto;border:1px solid #ebebeb;margin:1%} */
/* .sms .bg_sms .mms ul li:nth-child(2){margin:2% 0;} */
.sms .bg_sms .mms ul li{float:left;width:100%;min-height:300px;border:1px solid #ebebeb;margin:0 0 1% 0}


.sms .bg_sms .mms img{width:100%;}
/*
.sms .bg_sms .mms p{color:#FFF;display: inline-block;margin: 15px;text-align: center;padding: 5px;}
.sms .bg_sms .mms .file_on p{background:#ee1e27;}
.sms .bg_sms .mms .file_off p{background:#d0d0d0;}
*/
.sms .bg_sms .mms span{color:#FFF;display: inline-block;margin: 15px;text-align: center;padding: 5px;}
.sms .bg_sms .mms .file_on span{background:#ee1e27;}
.sms .bg_sms .mms .file_off span{background:#d0d0d0;}


.join .board_list .type_wrap .type_list {float:none;width:100%;} 
.join .board_list .type_wrap .type_list ul{overflow:hidden;}
.join .board_list .type_wrap .type_list ul li{margin:0 0 10px 0 }


/* 
.sms .submit_list{width:70%;margin:auto;}
.sms .submit_list ul li{width:45%;}
.sms .submit_list ul li a{display:Block;padding:15px;color:#FFF;text-align:center;}
.sms .submit_list ul li img{margin:0 10px 0 0;} 
*/
.sms .submit_list{width:100%;margin:auto;}
.sms .submit_list ul li{width:100%;}
/* .sms .submit_list ul li{width:49%;} */
.sms .submit_list ul li a{display:Block;padding:10px;color:#FFF;text-align:center;}
.sms .submit_list ul li img{margin:0 10px 0 0;width:10%;}

.sms .submit_list ul li:nth-child(1){float:left;background:#000}
.sms .submit_list ul li:nth-child(2){float:right;background:#d0d0d0}

.sms .submit_list_ad{width:100%;margin:auto;}
.sms .submit_list_ad ul li{width:100%;}
/* .sms .submit_list ul li{width:49%;} */
.sms .submit_list_ad ul li a{display:Block;padding:10px;color:#FFF;text-align:center;}
.sms .submit_list_ad ul li img{margin:0 10px 0 0;width:10%;}

.sms .submit_list_ad ul li:nth-child(1){float:left;background:#000}
.sms .submit_list_ad ul li:nth-child(2){float:right;background:#164F9E}

/*회원가입*/

.step{overflow:hidden;padding:0 0 10px 0;}
.step ul li{position:relative;float:left;text-align:center;border-right:1px solid #ebebeb;padding:10px;border:1px solid #eee;margin:1%;width:48%;}
.step ul li:first-child{border-left:1px solid #ebebeb;}
.step ul li:last-child{border-right:1px solid #ebebeb;}
.step ul li span{margin: 0 10px 0 0;}
/*.step ul li.on p{color:#fff;font-weight:bold;}*/
.step ul li.on span{color:#fff;font-weight:bold;}
.step ul li.on{background:#47495a;border:1px solid #47495a; color : #fff; border-radius: 7px;}
.step ul li.on a{color : #fff; }

.step02 ul li {
	font-size : 14px; 
}

.step ul li.on:after{display:none;content:'▼';color:#333;position:absolute;left:50%;font-size:25px;bottom:-20px;transform:translateX(-50%);}
 
 .join .btn_one {
 	clear : both;
 	width : 100%; 
 }
 
  .join .btn_one div {
  	margin : 0 auto;
  } 
 
 .join .btn_one div a {
 	width:45%; border:1px solid #333; display:block;padding:10px; font-size : 1em; margin-top : 12px; margin : 0 auto; 
 }
 
.join .agree_box{height:300px;overflow-y:scroll;padding:20px;border:1px solid #ebebeb;}
.join .check_box{text-align:right;margin:20px 0  50px 0;}
.join .join_pg {clear:both;}
/* .join .join_pg ul{width:30%;margin:auto;overflow:hidden} */
/* .join .join_pg ul{width:80%;margin:auto;overflow:hidden}
.join .join_pg ul li{width:48%;text-align:center;} */
.join .join_pg ul{width:100%;margin:auto;overflow:hidden}
.join .join_pg ul li{width:48%;text-align:center; float : left;}
/* .join .join_pg ul li a{display:block;padding:15px;} */
.join .join_pg ul li a{display:block;padding:10px; font-size : 1.0em;}

.join .join_pg ul li:nth-child(2) a{color:#FFF;}
.join .join_pg ul li:nth-child(1){float:left;}
.join .join_pg ul li:nth-child(2){float:right; }

.join .certi {border:1px solid #ebebeb}
.join .certi ul{overflow:hidden;}

/* 
.join .certi ul li:first-child{border-right:1px solid #ebebeb;}
.join .certi ul li{float:left;width:50%;padding:50px;text-align:Center;} 
*/

.join .certi ul li:first-child{border-right:none;border-bottom:1px solid #eee;}
.join .certi ul li{float:left;width:100%;padding:50px;text-align:Center;}

.join .certi ul li a{display:inline-block;padding:15px;}

.join .table table{width:100%;border-collapse:collapse;}
.join .table table th{background:#f7f7f7;width:25%;}
.join .table table td{width:75%;}
.join .table table th, .join .table table td{padding:10px;border:1px solid #ebebeb}
.join .table input{border:1px solid #ebebeb;padding:5px;}
/* .join .table .id_con{padding:5px 10px;margin:0 0 0 5px;background:#000;color:#FFF;display:inline-block;} */
.join .table .id_con{padding:5px 10px;margin:10px 0 0 0;background:#000;color:#FFF;display:block;width:100px;text-align:Center;}


/* .join .info_withd{background:#f7f7f7;line-height:1.8;padding:50px;text-align:center;margin:0 0 50px 0;} */
.join .info_withd{background:#f7f7f7;line-height:1.8;padding:20px;text-align:center;margin:0 0 50px 0;}
.join .info_withd img{width:25%;}
/* input[type=radio]{position:absolute; width:0px; height:0px; opacity:0;}
input[type=radio]+label{position:relative; display:inline-block;padding-left:30px;cursor:pointer;}
input[type=radio]+label:before {content:'';background:url('/common/img/sub/radio.png') no-repeat;display:inline-block; position:absolute; left:0; top:50%; transform: translateY(-50%);width:20px; height:20px;}
input[type=radio]:checked + label:before  {background:url('/common/img/sub/radio_on.png') no-repeat;}
 */

.pay .table table{width:100%;border-collapse:collapse;}
.pay .table table th{background:#f7f7f7;}
.pay .table table th, .pay .table table td{padding:10px;border:1px solid #ebebeb}
.pay .table table td a.add_btn{padding:5px 3px; margin-left : 5px; background:#000;color:#FFF;display:inline-block;width:80px;text-align:Center;}

.pay .table01 table td{text-align:center;}
.pay .table01 table td:first-child{text-align:left;}
.pay .table01 a{display:inline-block;background:#ee1e27;color:#FFF;margin:0 0 0 10px;padding:3px 5px;font-size:0.6em;font-family:'Montserrat', sans-serif}
.pay .charge_event span{display:inline-block;background:#ee1e27;color:#FFF;margin:0 10px 0 0;padding:3px 5px;font-size:0.6em;font-family:'Montserrat', sans-serif}
.pay .table02 th{width:20%;}
/* .pay .table02 .add_btn{padding:5px 10px;margin:0 0 0 5px;background:#000;color:#FFF;display:inline-block;} */
.pay .table02 .add_btn{padding:5px 10px;margin:0 0 10px 0;background:#000;color:#FFF;display:block;width:100px;text-align:Center;}

.pay .slash ul{width:60%;margin:Auto}
.pay .slash a{display:block;padding:5px;width:45%;}
.pay .slash .modify{border:1px solid #000;float:left}
.pay .slash .delete{background:#000;border:1px solid #000;color:#FFF;float:right}

.pay .exl_box{background:#f7f7f7;padding:20px;}
/*.pay .exl_box input{border:1px solid #ebebeb;padding:5px;background:#FFF;}
.pay .exl_box select{border:1px solid #f1f1f1;padding:5px;background:white url('/common/img/sub/arrow.png') no-repeat 95% 50%;-webkit-appearance:none}*/
.pay .exl_box .border{border-bottom:1px solid #ebebeb;}
.pay .acen textarea{padding:10px;}
.pay .add_file{padding:5px 10px;margin:0 0 0 5px;background:#000;color:#FFF;display:inline-block;}

/* .pay .group_box{background:#f7f7f7;padding:20px;border:1px solid #ebebeb;} */
.pay .group_box{background:#f7f7f7;padding:10px;border:1px solid #ebebeb;} 
.pay .group_box ul{overflow:hidden;}

/* .pay .group_box ul li{text-align:center;float:left;width:4%;margin:0 5px;} */
.pay .group_box ul li{text-align:center;float:left;width:20%;margin:5px;}
.pay .group_box ul li a{border:1px solid #ebebeb;background:#FFF;display:block;padding:5px;}
.pay .group_box ul li a.on{background:#000;color:#FFF}

/* .pay .group_search{text-align:center;padding:20px;border:1px solid #ebebeb;} */
.pay .group_search{text-align:center;padding:10px;border:1px solid #ebebeb;}
.pay .group_search input{margin:5px 0}

.pay .group_list .box01{width:100%;/* border-right:none; */}
.pay .group_list .box01 .gp_sel{background:#f7f7f7;padding:10px;}
.pay .group_list .box01 .mana_list ul{min-height:180px; overflow:auto;}
.pay .group_list .box01 .mana_list li{padding:10px;border-bottom:1px solid #ebebeb;}
.pay .group_list .box01 .mana_list p{display:inline-block;}
.pay .group_list .box01 .mana_list i{cursor:pointer;padding:3px;border:1px solid #ebebeb;}
.pay .group_list .box01 .bo_btn {padding:10px;background:#f7f7f7;}
.pay .group_list .box01 .bo_btn a{display:inline-block;background:#000;color:#FFF;padding:5px;}
.pay .exl_box span{margin:10px 5px;display:block;}

.sample .case{background:#fef4f3;padding:20px;margin:0 0 30px 0;}
.sample .case ul{overflow:hidden;}
.sample .case li{float:left;width:33.333%;}
.sample .case li a{display:block;position:relative;padding:0 0 0 15px;line-height:1.8}
.sample .case li a.on{font-weight:bold;}
.sample .case li a:before{display:Block;position:absolute;content:"·";left:0;top:0;}
.sample .search{text-align:center;background:#f7f7f7;border:1px solid #ebebeb;padding:10px;margin:0 0 30px 0;}
.sample .search .btn_ser{padding:5px 10px;margin:5px;background:#000;color:#FFF;display:inline-block;}

.sample .sample_list span{text-align:center;display:block;background:#f7f7f7;padding:5px;}
.sample .sample_list textarea{cursor:pointer;width:100%;line-height:1.7;color:#777;min-height:180px;padding:20px;border:1px solid #ebebeb;}
.sample .sample_list ul{overflow:hidden;}
.sample .sample_list ul li{float:left;width:48%;margin:1%;}
.sample .mms_list ul li img{width:100%; min-height : 170px; max-height : 170px;}
.sample .mms_list textarea{min-height:auto}
 
 
.mn08 .ft01{line-height:2}

.cash_info .table_box .table_width{overflow-x:auto;}
.cash_info .table_box .table_width table{width:700px;}




/* layer_pop  */
.layer_pop {display:block;height:100%;width:100%;background:#FFF;}
.layer_pop .pop_tit{padding:15px;border-bottom:1px solid #ebebeb;}
.layer_pop .pop_tit img{margin:0 20px 0 0;}
.layer_pop .pop_content{padding:0 10px;overflow:hidden;}

.layer_pop .char .tab-content li{float:left;text-align:center;}
.layer_pop .char .tab-content li a{font-size:14px;display:block;padding:20px 0;border:1px solid #f7f7f7;}
.layer_pop .char .tab-content li a:hover {background:#f97070; color:#fff;}
.layer_pop .char #tab1 li{width:10%}
.layer_pop .char #tab2 li{width:20%;height:60px;}
.layer_pop .char .ft01 {font-size:1.2em}


.layer_pop .info {background:#00af1640;padding:20px;margin:0 0 0 0;}
.layer_pop .info a{color:#ee1e27;font-weight:600}
.layer_pop .info .dot{position:relative;padding:0 0 0 15px;line-height:1.8}
.layer_pop .info .dot:before{    display: Block;
    position: absolute;
    content: "";
    left: 2px;
    width: 4px;
    height: 4px;
    background-color: black;
    top: 12px;}
.layer_pop .ico_check{margin:0 10px 0 0;}
.layer_pop .exp{line-height:1.2;font-weight:300;}

.layer_pop .pop_content .item_add li{float:left;margin:1%;width:48%;text-align:center;}
.layer_pop .pop_content .item_add li a {display:block;padding:10px;background:#f68e93;color:#FFF;border-radius:50px; font-size: 0.7rem;}

.layer_pop select{border:1px solid #ebebeb;padding:5px 20px 5px 5px;margin:3px 0;background:white url('/common/img/sub/arrow.png') no-repeat 95% 50%;-webkit-appearance:none;height:40px;}
 
 .layer_pop .pop_content table td a.add_btn{padding:5px 3px; margin-left : 5px; background:#000;color:#FFF;display:inline-block;width:80px;text-align:Center;}
 
 .layer_pop .pop_content .history_list > li a.remove_btn{padding:5px 3px; margin-left : 5px; background:red;color:#FFF;display:inline-block;width:40px;text-align:Center;}


@media (max-width: 768px){

}

@media (max-width:768px) and (min-width:480px){
	
	
}


@media (max-width: 480px){	
	
	
} 

.layer_pop .pop_content .layer_search_list {width : 100%; margin-bottom : 15px; }
.layer_pop .pop_content .layer_search_list ul{overflow:hidden; display : inline-block; vertical-align: middle;}
.layer_pop .pop_content .layer_search_list ul li{float:left;margin:0 7px 0 0}
.layer_pop .pop_content .layer_search_list li input {margin:0 4px 0 0; vertical-align: top;}

.pay .board_list .table .type_wrap .type_list ul li{float:left;margin:0 10px 0 0}
.pay .board_list .table .type_wrap .type_list li input {margin:0 5px 0 0;}
.pay .board_list .table .type_wrap .type_list .ft01 { font-size : 0.9em; }

.pay .board_list .nor_list .btn_s_red {
	display:inline-block;border:1px solid red;background:red;color:#FFF;padding:3px;margin:0 5px; font-size : 0.8em;
}  


/**월간 사용 내역*/
.use .table_box table{width:100%;text-align:center;border-collapse:collapse;}
.use .table_box table th{background:#f7f7f7;border:1px solid #ebebeb;padding:5px;}
.use .table_box table td{border:1px solid #ebebeb;padding:5px;}
.use .table_box .table_width{overflow-x:auto;}
.use .table_box .table_width table{width:700px;}

/**기간별 사용 내역*/
.period .table_box table{width:100%;text-align:center;border-collapse:collapse;}
.period .table_box table th{background:#f7f7f7;border:1px solid #ebebeb;padding:5px;}
.period .table_box table td{border:1px solid #ebebeb;padding:5px;}
.period .table_box .table_width{overflow-x:auto;}
.period .table_box .table_width table{width:700px;}


/* paging */
.paging{ display: block; width: 100%; margin-top: 30px; text-align: center; }
.paging a{ display: inline-block; width: 30px; height: 30px; margin-left: 4px; vertical-align: top; line-height: 30px;}
.paging a.first{ margin: 0 0 0 6px; background: url(../../img/sub/btn_first.png) no-repeat center center;  }
.paging a.prev{ margin: 0 6px 0 6px;  background: url(../../img/sub/btn_prev.png) no-repeat center center;  }
.paging a.next{ margin: 0 6px 0 12px; background: url(../../img/sub/btn_next.png) no-repeat center center; }
.paging a.end{ margin: 0 6px 0 0; background: url(../../img/sub/btn_end.png) no-repeat center center; }
.paging a.on, .paging a:not(.paging a.first, .paging a.prev, .paging a.next, .paging a.end):hover{ border: 1px solid #6a7ba1; border-radius: 100%; background: #f0f2f4; color: #FF0000; font-weight: 700; }


.board_det_bo {width:100%; background:#fff; border-bottom:1px solid #222;}
.board_det_bo  * {vertical-align:middle;}
.board_det_bo tbody th,
.board_det_bo tbody td {border-right:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; }
.board_det_bo tbody td:last-child {border-right:none;}
.board_det_bo tbody th {padding:10px 0 ; text-align:center; height:45px;  color:#333; font-weight:normal; background:#f3f4f6;}
.board_det_bo tbody td {padding:10px; height:45px;  }
.board_det_bo tbody td a:hover {text-decoration:underline; transition:normal;}

/* 모바일용 사이트맵 */
.sitemap{ position: relative; width: 100%; }
.sitemap dl{ width: 70%; margin: 10px auto; border: 1px solid #e5e5e5; padding: 15px 14px; }
.sitemap dl dt{ margin-bottom: 10px; padding-bottom: 5px; font-size: 14px; font-family: 'GmarketSans'; font-weight: 600; border-bottom: 1px solid #ddd; }
.sitemap dl dt a{ color: #3861e1  }
.sitemap dl dt a:hover{ color: #198297; transition: All .3s ease; }

.sitemap dl dd{ position: relative; margin-top: 8px; padding: 0 0 7px 13px;  border-bottom: 1px dashed #ddd; font-size : 13px;  }
.sitemap dl dd a::before{ display: inline-block; width: 2px; height: 2px; margin-top: -6px; background: #999; }
.sitemap dl dd a:hover{ color: #198297; transition: All .3s ease; }
.sitemap dl dd a:hover::before { background: #198297;}