*{margin: 0;
    padding: 0;
}

#login_wrap, #wrap, h1, h2, h3, h4 {
    margin:0; 
    padding:0;
    overflow-x: hidden;
    overflow-y: auto;
} 

#login_wrap {
    margin:0 auto;
}

.login_img img {
    width:100%; 
    height:auto;
}

.login_title{
    font-size: 25px;
    margin-bottom: 20px;
    color: #AB68B3;
    text-align: center;
}

.input_stitle {
    height:32px;
    color:#575656; 
    margin-top:10px; 
    margin-bottom:20px; 
    font-size:33px;
    
    display: inline-block;
}

.input_tel{
    border: 1px solid #CCCCCC;
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom:10px; 
}

.input_tel2{
    border: 1px solid #CCCCCC;
    width: 74%;
    display: inline-block;
    position: relative;
    margin-bottom:10px; 
}

.join_btn_g{
    border-radius: 4px;
    color: #ffffff;
    box-sizing: border-box;	
    text-align: center;
    width: 25%;
    font-size:30px;	
    padding-top: 10px;
    height: 74px;
    background-color: #AB68B3;
    display: inline-block;
}

.limit_time{
    margin-left: 20px;
    color: #AB68B3;
    font-size: 27px;
    display: inline-block;
    width:300px;
}

.h_blank{
    color: #CCCCCC;
    text-align: center;
    width: 5%;
    display: inline-block
}

.input_txt1{
    border: 1px solid #CCCCCC;
    width:100%;	 
}


.input_error {
    height:40px; 
    line-height:40px; 
    padding:5px 10px 0 0; 
    font-size:18px; 
    color:#ff3f3f;
    margin-left: 20px;
}
.input_error_no, .space {
    visibility:hidden; 
    height:40px; 
    line-height:40px; 
    font-size:18px; 
    color:#ff3f3f;}

.check_box{
    margin-right: 10px;
    display: inline-block;
}

.check_box p{
    margin-left: 10px;
    display: inline-block;
}

.term_left_blank{
    margin-left: 50px;
}

.term_txt{
    font-size: 28px;
    margin-bottom: 20px;
    text-align: center;
}

.term_txt_s{
    font-size: 25px;
    margin-bottom: 20px;
    text-align: center;
}

.term_arr{
    position: absolute;
    display: inline-block;
    top: 7px;
    right: 26px;
}

.term_arr img{
    width: 13px;
}

.term_check_wrap{
    position: relative;
}



.join_txt{
    display:inline-block; 
    font-size: 25px; 
}


.info_btn_g{
    width: 140px;
    height: 46px;
    font-size: 20px;
    color: #ffffff;
    padding: 7px 30px;
    margin-top: 10px;
    background-color: #666666;
    box-sizing: border-box;
    border-radius: 4px;
}

/*폴딩메뉴*/

input[id="answer"]{
    display: none;
}

input[id="answer"]:checked + label + div {
    max-height: 1000px;
}

input[id="answer"] + label {
    display: block;
    height: 32px;
    margin-top:10px; 
    margin-bottom:10px; 
    font-size:28px; 
    position: relative;
}

input[id="answer"] + label em {
    position: absolute;
    top: 100%;
    width: 16px;
    height: 10px;
    margin-left: 12px;
    margin-top: -15px;
    display: inline-block;
    background: url(../images/fold_arr.png) 0 0 no-repeat ;
}

input[id="answer"]:checked + label em {
    background: url(../images/fold_arr_down.png) 0 0 no-repeat ;
}

input[id="answer"] + label +div {
    max-height: 0;
    transition: all .35s;
    overflow: hidden;
    font-size: 28px;
    color: #8A8A8A;
    font-family: 'NotoKrL';
}

.auto_login {
    display:inline-block; 
    width: auto; 
    font-size: 25px;
    margin-top: 8px;
    margin-bottom: 50px;
}


.join {
    display:inline-block; 
    font-size: 18px; 
    margin-left: 15px;  
}

.bar{
    display: inline-block;
    width: 1px;
    height: 14px;
    margin-left: 15px;
    background-color: #858585;
}


.content {
    width:92%; 
    margin:0 auto;
}

.term_box {
    width:92%; 
    padding: 10px 0 20px 30px;
    box-sizing: border-box;
    background-color: #FAF3FA;
    margin:0 auto;
}



/** 추가 퍼블리싱 게시판**/

.col_pur{
    color: #AB68B3;
}

.content2 {
    width: 100%;
    margin-top: 200px;
    /* height: auto; */
    /* overflow: hidden; */
    height: 80vh;
    overflow-y: scroll;
}

.board_top{
    width: 100%;
    height: 90px;
    background: #fff;
    padding: 20px 20px 0 20px;
    border-bottom: 1px solid #D7D7D7;
    font-size: 33px;
    font-family: 'NotoKrB';
    box-sizing: border-box;
    position: fixed;
    z-index: 2;
    margin-top: 110px;
    display: flex;
    text-align: center;
    justify-content: space-between;
}


.board_in{
    background: #FAF3FA;
}

.board_in p{
    font-family: 'NotoKrL';
    font-size: 28px;
    height: auto;
    display: inline;
}

.p_blank{
    display: inline-block;
    width: 10px;
    height: 5px;
}

.board_in_pd1{
    padding: 20px 40px 20px 60px;
}

.board_in_pd2{
    padding: 20px 40px 20px 70px;
}

.re_arr{
    display: inline;
}

.content2 caption{
    display: none;
}

.content2 table{
    margin: 0 auto;
    width: 100%;
}

.content2 td{
    box-sizing: border-box;
    border-bottom: 1px solid #D7D7D7;
}

.content2 table img{
    width: 23px;
}

.content2 table p img{
    width: 100%;
    height: auto;
}

.table_cate{
    font-size: 30px;
    padding-left: 20px;
    font-family: 'NotoKrB';
    height: 100px;
}

.table_title{
    font-size: 30px;
    padding-left: 10px;
    height: 100px;
}

.table_data{
    font-size: 20px;
    color: #999999;
    padding-left: 10px;
    padding-top: 10px;
    height: 100px;
}

.table_arr{
    padding: 3px 25px 0 10px;
}

.btn_bottom{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 80px;
    color: #ffffff;
    font-size: 40px;
    text-align: center;
    padding-top: 20px;
    font-family: 'NotoKrM';
    background: #AB68B3;
}

.write_wrap{
    padding: 40px 20px;
    overflow: hidden;
    height: auto;
}

.blank_write{
    width: 100%;
    height: 400px;
}

.qna_none{
    width: 100%;
    height: 500px;
    text-align: center;
    font-size: 33px;
    box-sizing: border-box;
    padding-top: 30%;
    background: url("../images/qna_none.png") center no-repeat;
}

.write_input{
    width: 100%;
    border: 1px solid #D7D7D7; 
}

.write_textarea{
    font-size:27px;	
    margin-top:12px; 
    font-family: 'NotoKrR'; 
    padding: 20px;	
    color:black;
    box-sizing: border-box;	
    background: white;
    width: 100%;
    height: 300px;
    border: 1px solid #D7D7D7; 
}

.h10{
    height: 10px;
}

/***통학노선****/
.line_bg{
    position: absolute;
    bottom: 100px;
    /* padding: 50px 20px 20px 20px; */
    padding: 0px 3% 20px 3%;
    border-left: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    /* left: 1.5%; */
    /* width: 91%; */
    width: 94%;
    border-radius: 25px 25px 0 0;
    box-shadow: 0 -5px 5px -2px rgb(0 0 0 / 20%);

    z-index: 999;
}

.bus_stop_wrap{
    height: 550px;
    overflow: auto;
}

.time_wrap{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    margin-bottom: 25px;
}

.time_txt{
    font-size: 27px;
    color: #666666;
}

.time_all{
    width: 120px;
    height: 40px;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 27px;
    border-radius: 10px;
    font-family: 'NotoKrM';
    margin: 0 10px 10px 0;
}

.time_on{
    background-color: #AB68B3;
}

.time_none{
    background-color: #B5B5B5;
}

.time_basic{
    background-color: #CF9ABF;
}

.line_mid{
    font-size: 27px;
}

.line_tap{
    position: absolute;
    z-index: 10;
    top: 15px;
    left: 50%;
    margin-left: -40px;
    border-radius: 100px;
    display: inline-block;
    width: 80px;
    height: 11px;
    background-color: #D7D7D7;
}

.line_in_wrap{
    margin-top: 10px;
    padding-top: 17px;
    border-top: 1px solid #D7D7D7;
    display: flex;
    justify-content: space-between;
}

.line_base{
    box-sizing: border-box;
    width: 90px;
    height: 44px;
    border-radius: 10px;
    font-size: 27px;
    text-align: center;
}

.line_start{
    color: #fff;
    background-color: #AB68B3;
    font-family: 'NotoKrM';
}

.line_start2{
    color: #AB68B3;
    border: 1px solid #AB68B3;
    font-family: 'NotoKrM';
}

.line_end{
    color: #fff;
    background-color: #CF9ABF;
}

.line_end2{
    color: #CF9ABF;
    border: 1px solid #CF9ABF;
    font-family: 'NotoKrM';
}

.line_bottom{
    margin-top: 12px;
    border-top: 1px solid #D7D7D7;
}



/* 메인 */
.main_top{
    position: fixed;
    width: 100%;
    /* top: 20px; */
    left: 20px;
    padding: 20px;
    display: flex;
    justify-content: start;
    gap: 30px;

    z-index: 99;
}

.main_top img{
    width: 32px;
}

.btn_menu{
    width: 66px;
    height: 56px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    padding-top: 14px;
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 20%);

    background-color: white;
;
}

.btn_line{
    width: 234px;
    height: 56px;
    border: 1px solid #EBDAED;
    box-sizing: border-box;
    font-size: 25px;
    font-family: 'NotoKrM';
    color: #794080;
    border-radius: 30px;
    text-align: center;
    padding-top: 5px;
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 20%);

    background-color: white;
}

.btn_line img{
    margin-top: 5px;
    vertical-align: sub;
}

.btn_line_txt{
    display: inline-block;
    margin-left: 10px;
}


.main_bottom{
    position: absolute;
    width: 100%;
    /* left: 1%; */
    /* height:310px;
    bottom: 100px; */
    /* height: 420px; */
    bottom: 0px;
    height: 385px;
    background-color:#F8F8F8;
    box-shadow: 0 -2px 6px -2px rgb(0 0 0 / 20%);
    border-radius: 20px 20px 0 0;
    z-index: 1;
}

.pop4{
    position:absolute;
    top: 100px;
    height: auto;
    /* top: 300px;
    left: calc(50% - 215px); */
    border: 1px solid #D7D7D7;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 20%);
    background-color: white;
}

.pop_w80{
    width: 80%;
    left: 9%;
    top: 50%; /*22.12.19 lsa 추가*/
    left: 50%;
    transform: translate(-50%, -50%);
}

.pop_w90{
    width: 90%;
    left: 5%;
}

.pop4_content{
    color: #333;
    margin: 15px 30px;
    text-align: center;
    height: 250px;
    line-height: 50px;
    font-size: 30px;
    overflow: auto;
}

.pop4_content_long{
    color: #333;
    margin: 15px 30px;
    text-align: left;
    height: 600px;
    line-height: 50px;
    font-size: 30px;
    overflow: auto;
}

.pop6_content{
    height: 345px;
    overflow: auto;
}

.pop4 table{
    text-align: center;
    width: 90%;
    margin-left: 5%;
    margin-top: 20px;
}

.font33{
    font-size: 33px;
}

.pop4 td{
    height: 70px;
    border-bottom: 1px solid #D7D7D7;
}

.pop6_td3{
    padding-left: 10px;
    font-size: 23px;
}


.pop6_top{
    margin-top: 20px;
    margin-left: 5%;
    font-size: 33px;
    width: 90%;
    height: 74px;
    padding-top: 10px;
    box-sizing: border-box;
    font-family: 'NotoKrM';
    background-color:#F8F1F8 ;
}

.main_pop{
    position:absolute;
    width: 440px;
    /* top: 300px;
    left: calc(50% - 215px); */
    border: 1px solid #D7D7D7;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 20%);
    background-color: white;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50%);
}

.main_pop_title{
    position: relative;
    width: 100%;
    height: 60px;
    font-size: 33px;
    padding: 5px 0 0 15px;
    color: #fff;
    box-sizing: border-box;
    background-color: #AB66B2;
}

.tac{
    text-align: center;
}

.main_pop_busstop{
    color: #333;
    margin: 0 30px;
    text-align: center;
    height: 80px;
    padding-top: 30px;
    font-size: 33px;
    font-family: 'NotoKrM';
}

.main_pop_btn{
    width: 215px;
    height: 60px;
    display: inline-block;
    font-size: 30px;
    padding-top: 10px;
    text-align: center;
    border-top:  1px solid #D7D7D7;
}

.main_pop_btn_r{
    border-left:  1px solid #D7D7D7;
}

.pop_btn_x{
    display: inline-block;
    position: absolute;
    top: 16px;
    right: 11px;
}

.pop_btn_x img{
    width: 25px;
}

.pop_btn_wrap{
    box-sizing: border-box;
    margin: 10px 10px;
}

.map_positon{
    /* position: absolute; */
    position: inherit;
    width: 90px;
    height: 90px;
    text-align: center;
    border: 1px solid #D7D7D7;
    border-radius: 100px;
    /* top: 500px; */
    top: -100px;
    bottom: 400px;
    left: 20px;
    box-sizing: border-box;
    padding-top: 21px;
    background-color: #fff;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 20%);
}

.map_positon img{
    width: 44px;
}


.bus_search{
    width: 94%;
    /* height: 185px; */
    height: 160px;
    border: 1px solid #D7D7D7;
    border-radius: 20px;
    padding: 0 20px 0 20px;
    box-shadow: 0 2px 6px -2px rgb(0 0 0 / 20%);
    background-color: #fff;
}

.bus_search_dot{
    width: 35px;
    display: inline-block;
}

.bus_search_dot img{
    width: 16px;
}

.bus_search_txt{
    width: 94%;
    font-size: 33px;
    display: inline-block;
}

.bus_search_txt2{
    padding-top: 10px;
    display: inline-block;
}




/**인원,검색 셀렉트**/
.option_wrap{
    width: 100%;
    /* margin-top: 18px; */
    margin-top: 13px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.person_wrap img{
    width: 20px;
}

.reset_wrap{
    width: 30%;
    /* display: flex; */
    /* justify-content: flex-start; */
    padding-left : 10px;
}

.reset_wrap imp{
    width: 20px;
    height: 20px;
}
.person_wrap{
    width: 70%;
    display: flex;
    justify-content: flex-end;
    padding-right:10px;
}



.person_txt{
    font-size: 30px;
    margin-right: 20px;
    display: inline-block;
}

.person_choice_wrap{
    width: 200px;
    height: 55px;
    border: 1px solid #B5B5B5;
    background: #FAF3FA;
    text-align: center;
    display: flex;
    justify-content: center;
}

.per_number{
    width: 86px;
    height: 55px;
    padding-top: 6px;
    font-size: 27px;
    display: inline-block;
}

.per_box{
    width: 56px;
    height: 55px;
    background: #fff;
    font-size: 27px;
    padding-top: 8px;
    box-sizing: border-box;
}

.per_minu{
    border-right: 1px solid #B5B5B5;
}

.per_plus{
    padding-left: 4px;
    border-left: 1px solid #B5B5B5;
}



/*지도*/
.map_top{
    position: relative;
    width: 100%;
    height: 80px;
    font-family: 'NotoKrM';
    padding-top: 15px;
    box-sizing: border-box;
    text-align: center;
    background-color: #ffffff;
    border-bottom: 1px solid #D7D7D7;;
    margin: 0 auto;
    font-size: 33px;
    box-shadow:  6px 3px 32px -16px rgba(0,0,0,0.48);
}

.map_x{
    width: 21px;
    height: 25px;
    position: absolute;
    top: 29px;
    right: 21px;
    background-position: -28px -49px;
}

/* 공통 버튼 -은영 */
.btn_bt { 
    width: 100%; 
    margin-bottom: 30px;
}

.btn_action {
    background: #AB68B3; 
    border-radius: 4px;
    color: #ffffff; 
    text-align: center; 
    font-size: 36px;  
    width: 100%;  
    padding: 20px 0;
    height: 60px;
}

.btn_disabled {
    background: #636363; 
    border-radius: 4px;
    color: #ffffff; 
    text-align: center; 
    font-size: 36px;  
    width: 100%; 
    margin: 0 auto; 
    padding: 15px 0;
}

.btn_action a{
    color: #ffffff;
}

.btn_disabled a{
    color: #ffffff;
}

.img_all{
    background-image: url(../images/sprite.png);
}

.arrow_blu{
    display: inline-block;
    width: 16px;
    height: 10px;
    background-position: 0 0;
    margin: 3px 12px;
}

.bold_b{font-family: 'NotoKrB';}

.opr_term {text-align:center;}
.mtop150 {margin-top:150px;} 
.mtop120 {margin-top:120px;} 
.mtop100 {margin-top:100px;} 
.mtop50 {margin-top:50px;}
.mtop70 {margin-top:70px;}
.mtop60 {margin-top:60px;}
.mtop40 {margin-top:40px;}
.mtop30 {margin-top:30px;}
.mtop20 {margin-top:20px;}
.mtop10 {margin-top:10px;}

.mleft67 {margin-left:67%;}
.mleft20 {margin-left:20px; display: inline-block;}
.mleft10 {margin-left:10px; display: inline-block;}
.mleft20di {margin-left:5%; display: inline-block;}
.mright70 {margin-right:70px;}
.mright160 {margin-right:160px;}
.mbot20 {margin-bottom:20px;}
.mbot30 {margin-bottom:30px;}
.mbot30 {margin-bottom:30px;}
.mbot40 {margin-bottom:40px;}
.w50{width: 54px;}
.w66{width: 50px;}
.w20{width: 40px;}
.w10{width: 5px; display: inline-block;}


.term_top{
    font-size: 27px;
    line-height: 33px;
}

.btn_right{
    position: absolute;
    right: 4%;
}

.title {
    font-family: 'NotoKrB'; 
    text-align:center; 
    color:black;
    padding-right: 10px;
}


.title30{
    font-size:34px;
}

.title40{font-size:40px;}
.title45{font-size:45px;}

.sub_title {
    font-size:40px; 
    text-align:center; 
}


.sub_title_m{
    margin-top: 10px;
    font-size:25px; 
    word-wrap: keep-all;
    padding-bottom: 10px;
}

.sub_title_s {
    font-size:25px; 
    color: #AB68B3;
    padding-bottom: 10px;
}

.record_txt{ /* 운행기록 회색 텍스트*/ 
    color:#6a6a6a;
    font-size: 33px;
}

/*경로 검색*/
.termsrch_start {
    position: relative;
    width: 100%; 
    height:60px; -webkit-appearance: none; 
    display:inline-block; -moz-appearance: none;	-ms-appearance: none;	-o-appearance:none;	
    appearance:none;
    border: 1px solid #D7D7D7; 
}

.termsrch_end {
    position: relative;
    width: 100%; 
    height:60px; -webkit-appearance: none; 
    display:inline-block; -moz-appearance: none;	-ms-appearance: none;	-o-appearance:none;	
    appearance:none;
    border-left: 3px solid #D7D7D7;
    border-right: 3px solid #D7D7D7 ;
    border-bottom: 3px solid #D7D7D7;
}

.rout_selc{
        border:0; 
        height: 60px;
        padding-left:20px;
        width: 100%;
        font-family: 'NotoKrR'; 
        font-size:22px; 
        display: inline-block;
}

/**셀렉트박스 추가 2212**/
.write_selc{
    border:0; 
    height: 60px;
    padding-left:20px;
    width: 100%;
    font-family: 'NotoKrR'; 
    font-size:28px; 
    display: inline-block;
}

.rout_arr_d { 
    width:14px; 
    padding: 20px 30px 0 0 ;
    position: absolute;
    right: 0px;
    display:inline-block;
}

.rout_wrap{
    position: relative;
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #D7D7D7;
    margin: 20px 0;
}

/* 버스 노선 수단별*/
.rout_bx1{
    position: relative;
    width: 100%;
    height: 150px;
    border-bottom: 1px solid #D7D7D7;
}

.rout_bx1 table{
    position: absolute;
    margin: 75px 0 0 35px;
}

.rout_bx1 td{
    font-size: 24px;
    text-align: center;
    line-height: 24px;
    font-family: 'NotoKrM';
}

.time_walk{
    width: 65px;
    color: #909090;
}

.time_bus{
    width: 98px;
    color: #1082DF;
}

.time_drt{
    width: 80px;
    color: #AB68B3;
}

.time_byc{
    width: 129px;
    color: #F6C12B;
}

.time_quk{
    width: 112px;
    color: #87C700;
}

/*경로검색 상세내역*/

.rout_bx2{
    margin: 0 auto;
    width: 100%;
    padding-top: 50px;
    padding-left: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #D7D7D7;
    display: none;
}

.rout_bx2 table{height: 200px;}

.rout_bx2 table tr.rout_tr{height: 50px;}
.rout_bx2 table tr.record_tr{height: 60px;}

.rout_bx2 img{position: absolute;}

.rout_bx2_l{
    position: relative;
}

.bg_g{
    position: absolute;
    width: 75%;
    border-radius: 30px;
    height: 26px;
    background-color: #D7D7D7;
    margin: 40px 0 0 25px;
    display: inline-block;
    z-index: 95;
}

.num{    
    width: 50px;
    height: 50px;
    background-color: #AB68B3;
    color: #ffffff;
    text-align: center;
    font-size: 33px;
    border-radius: 50%;
    margin-top:24px;
    box-sizing: border-box;
    position: absolute;
    display: inline-block;
    z-index: 98;
}

.rout_ico{
    width: 39px;
    height: 39px;
    position: absolute;
    background: url(../images/sprite.png) no-repeat;
    background-size: cover;
    z-index: 100;
    margin-top: 32px;
}

.ico_walk{
    background-image : url(../images/ico_walk2.png);
}

.ico_bus{
    background-image : url(../images/ico_bus2.png);
}
.ico_drt{
    background-image : url(../images/ico_drt2.png);
}
.ico_byc{
    background-image : url(../images/ico_byc2.png);
}

.ico_quk{
    background-image : url(../images/ico_quk2.png);
}

.ico_arr{
    background-position:1px -96px;
}

.rout_line{
    height: 26px;
    border-radius: 30px;
    position: absolute;
    z-index: 99;
    margin-top: 40px;
}

.rout_line_txt{
    position: absolute;
    color: #ffffff;
    font-size: 20px;
    z-index: 101;
    margin-top: 38px;
}

.rout_txt_walk{margin: 38px 0 0 55px;}
.rout_txt_bus{margin: 38px 0 0 113px;}
.rout_txt_drt{margin: 38px 0 0 212px;}
.rout_txt_byc{margin: 38px 0 0 293px;}
.rout_txt_quk{margin: 38px 0 0 423px;}


.line_bus{
    width: 100px;
    background-color: #1082DF;
    margin: 40px 0 0 100px;
}
.line_drt{
    width: 100px;
    background-color: #AB68B3;
    margin: 40px 0 0 190px;
}

.line_byc{
    width: 125px;
    background-color: #F6C12B;
    margin: 40px 0 0 280px;
}

.line_quk{
    width: 115px;
    background-color: #87C700;
    margin: 40px 0 0 410px;
}

.rout_time{
    font-size: 25px;
    position: absolute;
    right: 0px;
    top: 10px;
}

.rout_time_b{
    font-family: 'NotoKrB'; 
    font-size:42px; 
    color:black;
    margin: 0 5px;
}

.v_line{
    height: calc(100% - 132.5px);
    margin: 37.5px 0 0 34px;
    background: url(../images/route_dot_bg.png) repeat-y;
}
.w_line{
    width: 90%;
    height: 2px;
    border-top: 1px solid #D7D7D7;
}

.rout_txt{
    font-size: 33px;
    color: black;
}

.w100{ width: 100px;}
.w130{ width: 120px;}

.h20{height: 40px;}

.btn_rout{
    width: 165px;
    height: 48px;
    font-size: 24px;
    text-align: center;
    padding-top: 9px;
    color: #ffffff;
    border-radius: 60px;
    margin-right: 18px;
}

.btn_byc{background-color:#F6C12B;}
.btn_drt{background-color: #AB68B3;}
.btn_bus{background-color: #1082DF;}
.btn_quk{background-color: #87C700;}

.rout_swap{
    position: absolute;
    display: inline-block;
    width: 52px;
    height: 52px;
    top: 180px;
    right: 90px;
    z-index: 1011;
}
.rout_img_s{top: 1%;  margin-left: 7px;}
.rout_img_e{bottom:1%;  margin-left: 7px;}
.rout_dot{margin: 0 0 0 24px;}

/* 좌석선택 */
.content_seat{
    width: 100%;
    margin-top: 110px;
    background-color: #EBEBEB;
    height: auto;
    overflow: hidden;
}

/*좌석조회*/
.seat_wrap table{
    background-color: #EBEBEB;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.seat_top_img{
    width: 605px;
    height: 168px;
    background-image: url(../images/seat_top.png);
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}


.seat_door{
    width: 39px;
    height: 135px;
    background-image: url(../images/seat_top2.png);
}
.seat_top{
    width: 661px;
    height: 168px;
}

.seat_h{
    height: 140px;
    width: 120px;
}

.seat_arr{
    display: inline-block;
    text-align: center;
    width: 27px;
    height: 25px;
    background-position: -25px -16px;
}

.seat_img{
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    width: 120px;
    height: 115px;
    font-size: 33px;
    font-family: 'NotoKrM';
    padding-top: 26px;
    color: #000;
    background-position: -145px -135px;
}

.seat_base{
    background-position: -145px -138px;
}

.seat_none{
    color: #5E5E5E;
    background-position: -10px 165px;
}

.seat_on{
    background-position: -65px -13px;
}



/* 버튼 공통 */
.btn_form_s{
    font-size: 28px;
    width: 136px;
    height: 58px;
    padding-top: 8px;
    box-sizing: border-box;
    display: inline-block
}

.btn_info{
    width: 55px;
    height: 55px;
    margin-top: -27px;
    display: inline-block;
    background-size: cover;
}

.btn_m{
    width: 190px;
    height: 65px;
    font-size: 33px;
    padding-top: 7px;
    box-sizing: border-box;
    position: absolute;
    right: 0px;
}


.btn_r{
    position: absolute;
    right: 0px;
    margin-bottom: 20px;
}

.btn_yell{
    background-image: url(../images/ico_byc2.png);
}

.btn_gren{
    background-image: url(../images/ico_quk2.png);
}

.btn_blue{
    background-image: url(../images/ico_bus2.png);
}

.btn_wait{
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    background: #AB68B3;
}

.btn_wait a{
    color: #ffffff;
}

.btn_ok{
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    background: #AB68B3
}

.btn_now{
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    background: #ff621d;
}

.btn_none{
    border-radius: 4px;
    background: #999999;
    color: #D1D1D1;
}


/* 비밀번호 찾기 */
.pass_wrap{
    font-size: 30px;
    margin: 130px 20px 0px 20px ;
}




/* 아이디_패스워드찾기 */

.pw_top{
    display: inline-block;
    width: 50%;
    font-size: 30px;
    text-align: center;  
}

.pw_bl{
    border-top: 3px solid #AB68B3;
}

.pw_gr{
    border-top: 1px solid #aaaaaa
}

.pw_btm{
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
}

.pw_txt_gr{
    color: #323232;
}

.pw_txt_bl{
    font-family: 'NotoKrM';
    color: #AB68B3;
}


/* 팝업레이어 */

.popup_bg{
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../images/dot.png);
    display: none;
}
.popup_layer {
    padding: 30px;
    width:90%; 
}

.btn_pop{
    background: #AB68B3; 
    border-radius: 4px;
    color: #ffffff; 
    text-align: center; 
    font-size: 30px;  
    width: 100%; 
    margin: 0 auto; 
    padding: 15px 0;
}

.btn_com{
    display:inline-block; 
    width:43%; 
    font-size:30px; 
    border-radius: 4px; 
    text-align:center; 
    padding: 15px 0; 
    color:#ffffff;
}

.btn_confirm {
    background:#AB68B3; 
}

.btn_confirm2 {
    margin-left: 5%; 
    background:#AB68B3; 
}

.btn_cancel {
    margin-left:5%; 
    background:#C3C3C3; 
}

.btn_cancel2 {
    background:#C3C3C3; 
}

/*  셀렉트박스 뉴 */
.sele_space{
    width: 478px;
    display: inline-block;
}

.sele_wrap{
    display: inline-block;
    width: 175px; 
    height: 42px; 
    right: 0;
    border-bottom: 1px solid #aaaaaa; 
}

.sele_1 {
    height:36px; 
    font-family: 'NotoKrR'; 
    font-size:22px; 
    padding: 0 0 0 5px;
}

.sele_arr {
    position: absolute;
    width:15px; 
    right: 5%;
    margin-top: 13px;
    vertical-align:bottom; 
    display:inline-block;
}

#menu_bottom_wrap{
    /* height: calc(50px + env(safe-area-inset-bottom)); */
    height: 130px;
    z-index: 999;
}

.menu_bottom{
    overflow: hidden;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #ddd;
    text-align: center;
    background-color: #ffffff;
}


.menu_bottom a{
    font-size: 30px;
    display: block;
    height: 100%;
    padding: 17px 0 0;
    text-align: center;
    color: #7D7D7D;
}

.menu_bottom a:active{
    color: #1082DF;
}

.btmenu_img{
    width: 50px;
    display: block;
    padding-left: 31px;
    padding-bottom: 5px;
}

.btmenu_img1{
    width: 60px;
    display: block;
    margin: 0 auto;
    background-image: url(../images/bus_reserve1.png);
    background-size: cover;
}

.btmenu_img1:active{
    background-image: url(../images/bus_reserve.png);
}



.menu_bottom ul{
    display: flex;
	justify-content: space-around; 
}


/* 셀렉트박스 기존 */
.btn_arrow_down1 {
    display:inline-block; 
    text-align:right; 
    width:14px; 
    height:auto; 
    padding: 0 15px 10px 10px; 
    vertical-align:bottom; 
    margin-left:-30px;  
    margin-bottom:3px; 
}

.termsrch_form {
    position: relative;
    display:inline-block; 
    width:24%; 
    height:50px; -webkit-appearance: none; 
    display:inline-block; -moz-appearance: none;	-ms-appearance: none;	-o-appearance:none;	
    appearance:none; 
    border-bottom: 1px solid #aaaaaa; 
}

.termsrch_form_long {
    position: relative;
    width: 100%; 
    height:42px; -webkit-appearance: none; 
    display:inline-block; -moz-appearance: none;	-ms-appearance: none;	-o-appearance:none;	
    appearance:none; 
    border-bottom: 1px solid #aaaaaa; 
}

.termsrch_type {
    border:0; 
    width: 100%;
    font-size: 33px;
    padding-left: 8px;
    height:43px; 
    font-family: 'NotoKrR'; 
    color: #3c3c3c;
}



.btn_termsrch { 
    width:14px; 
    padding: 10px 10px 0 0 ;
    position: absolute;
    right: 0px;
    display:inline-block;
}


/* 마이정보 */

.myinfo_line{
    color:#6a6a6a;
    font-size: 22px;
    height: 65px;
    border-bottom: 1px solid #aaaaaa;
    padding-top: 20px;
    box-sizing: border-box;
    margin-bottom: 40px;
}



/* 배차 */
.txt_big{
    color: #CCCCCC;
    font-size: 100px;
    font-family: 'NotoKrB';
    text-align: center;
}

.gis_img{
    width: 30px;
    padding-top: 12px;
    padding-right: 8px;
}


input.bg_g {background: #9b9b9b;}

#header {
    width:100%; 
    background: #fff;
    margin:0 auto; 
    height:100px;
    padding-top: 10px;
    position: fixed;
    z-index: 1;
    display: flex;
    justify-content: space-between;
}

#header h1{
    margin-top: 10px;
}

.menu {
    width:32px; 
    height:auto; 
    float: right; 
    padding:20px 30px 0 0; 
    display:inline-block;
}
.top_back{
    margin: 20px 0 0 10px;
    display: inline-block;
}


.top_back img{
    width: 50px;
    display: inline-block;
}


.map_gis {width:100%; border:1px solid #cacac9; height:380px; margin:20px 0 20px 0;}
.blu_arr {width:25px; height:auto; }
.view_agree {color:#4a8dff; font-size:22px; font-family: 'NotoKrM';}
.view_cancel {color:#ff4a5f; font-size:22px; font-family: 'NotoKrM';}



.btn_action_response {background:#ff621d; left:2%; color:#ffffff; border-radius:60px; text-align:center; font-size:30px; font-family: 'NotoKrR'; width:96%; margin:0 auto; padding:15px 0; }

#slide {
    position:absolute; 
    width:55%; 
    height:100%; 
    margin:0; 
    padding:0;  
    overflow-x:hidden; 
    border-right:1px solid #cacac9; -webkit-box-shadow: 0 0 5px 10px #949494; 
    box-shadow: 0 0 10px 4px #bcbcbc;
    background-color: white;
    z-index: 9999;
}
#slide .slide_img {width:100%; height:auto;}
#slide .slide_nav {margin:0; padding:0; position:absolute; margin-top:30px; width:100%; height:100%;}
#slide .slide_nav ul.navi_lst {width:90%; margin:0; padding:0; margin-left:10%; }
#slide .slide_nav ul.navi_lst li {
    height:90px; 
    text-indent:5px; 
    line-height:90px; 
    font-family: 'NotoKrR'; 
    font-size:33px; 
    color:black; 
    border-bottom:1px solid #d9d9d9; 
    list-style:none; 
}
#slide .slide_nav ul.navi_lst li a {display:block;}

.navi_blt {
    width:10px; 
    display:inline-block; 
    margin-right:30px; 
    line-height:60px;
}
.sidemenu_bl {text-align:right; margin-top:-67px;}


.slide_name {
    position:absolute; 
    bottom: 30%; 
    right:4%; 
    width:auto; 
    font-family: 'NotoKrR'; 
    font-size:20px; 
    height:30px;
}

.bl_user {width:26px; height:auto; display:inline-block; margin-right:5px;}
.notice_viewinfo {font-family: 'NotoKrR'; font-size:22px; color:#959595; margin-top:8px;}
.notice_viewinfo .viewinfo_date {display:inline-block;}
.notice_viewinfo .viewinfo_hit {display:inline-block; margin-left:50px;}
.notice_viewconts {margin-top:30px; font-family: 'NotoKrR'; font-size:33px; color:black;}

.sbtn_srch {
    font-family: 'NotoKrR'; 
    color:#ffffff; 
    font-size:30px; 
    background:#AB68B3; 
    padding:15px 20px; 
    display:inline-block; 
    border-radius: 4px;
}
.sbtn_srch2 {font-family: 'NotoKrR'; color:#ffffff; font-size:25px; background:#ff621d; padding:15px 20px; display:inline-block;}
.xsbtn_comfirm {font-family: 'NotoKrL'; color:black; font-size:20px; border:1px solid #818181; background:#ffffff; padding:5px 10px; display:inline-block;}

/** 배차 **/
.operte_list{
    width:100%; 
    height:80px; 
    display:block; 
    padding-top: 20px;
    text-indent:5px; 
    font-size:28px; 
    font-family: 'NotoKrM'; 
    box-sizing: border-box;
    border-bottom:1px solid #aaaaaa; 
}


.content label{
    font-size:28px; 
}

.choice_wrap{
    position: relative;
    display: inline-block;
    width: 47%;
    height: 55px;
    margin-bottom: 10px;
    border-bottom: 1px solid #aaaaaa; 
}

.r01{
    margin: 17px 10px 0 0px;
    position: absolute;
    right: 0;
}


.operte_gis {clear:both; display:block; width:98%; height:auto; background:url(../images/oprt_dot_bg.png) 24px top repeat-y;}
.op_start {font-family: 'NotoKrM'; font-size:32px; color:black; height:90px; line-height:60px;}
.op_via {font-family: 'NotoKrM'; font-size:32px; color:black; height:90px; line-height:60px;}
.op_end {font-family: 'NotoKrM'; font-size:32px; cOlor:black; height:90px; line-height:60px;}
.operte_gis .gis_blt {width:54px; height:auto; margin-right:16px;}
.op_date {color:#747474; font-family: 'NotoKrR'; font-size:22px; margin:-34px 0 30px 80px;}
.op_enddate {color:#747474; font-family: 'NotoKrR'; font-size:22px; margin:-34px 0 30px 20px; text-indent:60px; background:#ffffff;}
.list_unit {
    font-family: 'NotoKrR'; 
    color:#929191; 
    font-size:28px; 
    padding-left: 10px;
}
.list_unit2 {font-family: 'NotoKrM'; color:#207FC9; font-size:28px; padding-left: 10px;}

.plus_bx {display:block; margin-top:-38px; padding:0; text-align:right;}
.bl_plus, .bl_minus {width:36px; height:auto; display:inline-block; margin-right:20px;}
.map_fixed_check {display:inline-block; padding:10px 10px; position:fixed; right:6%; top:200px; font-family: 'NotoKrR'; font-size:15px; line-height:15px; -webkit-box-shadow: 0 0 2px 4px #949494; box-shadow: 0 0 4px 1px #bcbcbc; }
.checkbx_img {display:inline-block; width:16px; height:auto; margin-right:3px;}

/** form_type **/
.select_form {height:auto; border:0;}
.selecttype {height:70px; width:100%; font-family: 'NotoKrR';  font-size:30px; margin-top:12px;	vertical-align: middle;	-webkit-appearance: none; -moz-appearance: none;	-ms-appearance: none;	-o-appearance:none;	appearance:none; padding-left:5px; border:0; border-bottom: 1px solid #aaaaaa; }
.select_bg {width:20px; height:auto; background:url(../images/bl_dropdown.png) right 50% no-repeat;}

.mbjoin_form {display:inline-block; width:15%; height:70px; margin-top:11px; -webkit-appearance: none; display:inline-block; -moz-appearance: none;	-ms-appearance: none;	-o-appearance:none;	appearance:none; border-bottom: 1px solid #aaaaaa; }
.mbjoin_type {display:inline-block; border:0; height:70px; font-family: 'NotoKrR'; font-size:30px; padding:0 30px 0 5px;}

option {height:60px;}

.btn_select {position:absolute; z-index:999; right:8%; margin-top:35px; display:inline-block; text-align:right; width:18px; height:auto; display:inline-block;}
.btn_calendar {position:absolute; z-index:999; right:8%; margin-top:27px; display:inline-block; text-align:right; width:42px; height:auto; display:inline-block;}
input.diasalbe {background:#f9f9f9;}
.chk_agree {font-family: 'NotoKrR'; display:inline-block; font-size:18px; margin:10px 0;}
#check_type {display: none;}
#check_type + label {display: inline-block;cursor: pointer;}
textarea.comment {border:2px solid #cccccc; border-radius:10px; margin:10px 0 10px 0; font-size:22px; font-family: 'NotoKrL';width:100%;}

/** table_type **/
table.type_01 {width:100%; padding:10px; border-spacing:0px;}
table.type_01 td {font-family: 'NotoKrR'; font-size:22px; border:1px solid red; padding:7px 5px 5px; text-align:left; border:0;}
table.type_01 td.viewline {height:20px;}
table.type_02 {width:100%; padding:10px; border-spacing:0px;}
table.type_02 td.date {text-align:right; padding-top:20px;}
table.type_02 td {font-family: 'NotoKrR'; font-size:22px; color:#6a6a6a; padding:0 30px 6px 30px; text-align:left;}
table.type_02 td.title {font-family: 'NotoKrR'; color:black; font-size:22px; padding-top:20px; font-weight:600; text-align:left;}
table.type_02 td.line {border-bottom:1px solid #cccccc; padding-bottom:20px;}
table.type_03 {
    position: relative;
    width:100%; 
    padding:0; 
    border-spacing:0px;
}
table.type_03 td {
    font-family: 'NotoKrR'; 
    padding:5px; border:0; 
    font-size:33px; 
    text-align:left;
}

table.type_03 td.viewline {padding-top:6px; border-bottom:1px solid #c7c7c7;}
table.type_03 td.top {
    padding-top:18px;
    text-align: center;
    line-height: 42px;
}


table.type_03 td.info {
    height: 84px;
    font-size:33px;
    padding-top:20px;
    line-height: 44px;
    box-sizing: border-box;
}

.info_form{
    position: absolute;
    right: 0;
}

/* .info_r1{top: 194px;}
.info_r2{top: 278px;}
.info_r3{top: 423px;} */


table.type_04{
    width:100%; 
    border-spacing:0px;
}

table.type_04 td {
    font-family: 'NotoKrR'; 
    height: 50px;
    padding:5px; 
    border:0; 
    font-size:22px; 
    text-align: center;
    border-top:1px solid #c7c7c7;
    border-bottom:1px solid #c7c7c7;
}

.bg_grey {
    background-color: #F2F2F2;
}

.h80 {
    height: 80px;
}



hr {border-bottom:1px solid #b2b3b3; size:1;}
.clboth {clear:both;}
.chk_txt {font-family: 'NotoKrR'; display:inline-block; font-size:24px; margin:4px 0;}
.inputbx {width:90%; clear:both; height:90px; margin-top:10px; margin-left:5px; line-height:70px;}

/** nfc-qrcode **/
.go_area {width:100%; margin:30px 0 0 0; padding:0;}
.go_qrcode {float:left; background:#f9f9f9 url(../images/go_qrcode.png) no-repeat 50% 50%; width:50%; height:120px;}
.go_nfc {float:left; background:#f3f3f3 url(../images/go_nfc.png) no-repeat 50% 50%; width:50%;height:120px;}

/** 2020_1102 **/
.okimg {width:120px; height:auto; margin:0 auto; margin-top:40%;}
.oktxt {font-family: 'NotoKrM'; color:black; font-size:48px; line-height:76px; margin-top:40px; text-align:center;}
.card_aply {font-family: 'NotoKrR'; color:black; margin-top:30%; font-size:34px; line-height:50px; text-align:left;}
.card_aply_txt {font-family: 'NotoKrR'; color:black; font-size:25px; height:100px; line-height:50px; text-align:left;}
.card_agree {font-family: 'NotoKrR'; color:black; font-size:24px; line-height:46px; text-align:left;}
span.agree_st {font-family: 'NotoKrB'; color:#1d71ff;}
.card_procs01 {height:70px; padding-top:30px; width:auto; margin-left:3%;}
.cd_pro {display:inline-block; float:left; font-family: 'NotoKrR'; width:28%; color:black; border-radius:30px;  background:#93aff5; height:50px; line-height:50px; font-size:22px; text-align:center;}
.cd_pro_sl {display:inline-block; float:left; font-family: 'NotoKrR'; width:28%; color:#3559b3; border-radius:30px;  background:#ffffff; border:2px solid #93aff5; height:50px; line-height:50px; font-size:22px; text-align:center;}
.mright10 {margin-right:6%;}
.cd_bg {display:inline-block; float:left; width:6%; color:#b9ccfa; font-size:10px; line-height:50px;text-align:center;}
.card {width:100%; height:270px; border-radius:26px; background:url(../images/drtcard_bg01.png) no-repeat; background-size:100% 100%;}
.sum_tit {float:left; width:25%; margin-left:50px; height:90px; margin-top:20px; font-family: 'NotoKrR'; line-height:90px; font-size:50px; color:#ffffff;}
.sum_con {float:right; width:55%; text-align:right; margin-right:50px; height:90px; margin-top:20px; font-family: 'NotoKrM'; font-size:62px; color:#ffffff;}
.coin_fill {float:right; margin-right:50px; margin-top:20px; font-family: 'NotoKrM'; background:#214a8f; border-radius:30px; font-size:26px; color:#ffffff; padding:10px 50px;}
.cd_number {clear:both; width:auto; float:left; margin-left:50px; margin-top:10px; font-family: 'NotoKrR'; font-size:32px; color:#ffffff;}
.kakaopay {clear:both;}
.pay {width:100%; height:78px; margin:0; padding:0; background:#fee200 url(../images/bl_dropdown.png) no-repeat 96% 50%;;}
.kakaopay_tit {float:left; width:240px; height:78px; margin-right:40px; background:url(../images/kakao.png) no-repeat; margin-bottom:20px; background-size:cover;}
.kakaopay_fill {font-family: 'NotoKrR'; height:60px; display:inline-block; font-size:30px; }
.other_tit { padding-left:100px;}
.mbjoin_btn_termsrch2 {display:inline-block; text-align:right; width:14px; height:auto; padding:0 2px 0 10px; vertical-align:bottom; margin-left:0;  margin-bottom:18px; display:inline-block;}
.kakaopay_l {height:60px; line-height:60px; margin-top:10px; text-indent:5px;}
.fill_cmt {clear:both; width:100%; font-family: 'NotoKrR'; text-align:right; font-size:23px; height:60px; line-height:40px;}
.btn_fill {float:left; display:inline-block; margin:15px 5px 0 0; width:30px; height:30px; background:url(../images/fill_plus3.png) no-repeat; background-size:cover;}

.bus_time{
    font-size: 28px;
    color: #E1396B;
    right: 0;
}

.notice_content{
    font-size: 33px;
    width:100%;
    border: 0;
}
.reservation_map_bg{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    /* visibility: hidden; */
}
.reservation_map {
    height: 100%;
    width: 100%;
    position: fixed;
    /* top: 184px; */
}
.input_box{
    position: absolute;
    background-color:lightgray;
    /* padding: 20px 10px 20px 10px; */
    bottom: 100px;
    z-index: 1;
}
.div_bottom{
    position: absolute;
    bottom:0%;

}

.btn_bt_no_margin{
    width:100%;
}
.popup_map {
    width:170px; 
    position:absolute; 
    z-index:999; 
    height:auto; 
    background:white; 
    border:2px solid gray;
}
.popup_map ul {
    margin:0; 
    padding:0;
}
.popup_map ul li {
    list-style:none; 
    font-size:30px; 
    text-align:center; 
    border-bottom:1px solid #bcbaba; 
    color:black;
}
.popup_map ul li:hover {
    background:#efeff2;
}

.terms_title{
    text-align: center;
}
.term_textarea{
    margin: 25px;
}
.terms_ul{
    width: 100%;
    text-align: center;
}
.terms_ul>li {
    margin-right: 20px;
    display: inline-block;
}




/* 팝업 */
.pop_back{
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0,0,0, 0.5);
    backdrop-filter: blur(2px);
}
.pop_bg_all{
    top: 31%;
    left: 10%;
    position: absolute;
    border: 1px solid #C4C4C4;
    width: 580px;
    background: #ffffff;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 30%);
}

.pop_mid{
    display: block;
    width: 310px;
    height: auto; /*lsa 22 추가*/
    margin: 0 auto;
}

.pop_mid2{
    text-align: center;
    display: block;
    width: 500px;
    padding-top: 25px;
    margin: 0 auto;
}

.myinfo_pass{
    display: inline-block;
    font-size: 25px;
}

/* .pop_bg1{height: 390px;} */
.pop_bg1{height: auto;} /*lsa 22 추가*/
.pop_bg2{height: 325px;}
.pop_bg3{height: 300px;}

.pop_top{
    width: 100%;
    height: 54px;
    padding-top: 10px;
    background-color: #AB68B3;
    color: #ffffff;
    font-size: 30px;
    text-align: center;
    margin-bottom: 10px;
}

.selc_join{
    width: 224px;
    height: 45px;
    margin-top: 20px;
}

.selc_myinfo{
    width: 306px;
    height: 45px;
    margin-top: 8px;
}

.pop_back label{
    display: inline-block;
    text-align: left;
    width: 80px;
}

.btn_join {
    color: #ffffff;
    background-color: #AB68B3;
}

.btn_join_w {
    color: #AB68B3;
    border: 1px solid #AB68B3;
}

.btn_m1 {
    padding-top: 9px;
    text-align: center;
    font-size: 23px;
    width: 230px;
    height: 44px;
    border-radius: 3px;
    display: inline-block;
}

.left20 {
    margin-left: 20px;
    display: inline-block;
}

.left40 {
    margin-left: 40px;
    display: inline-block;
}


.input_title{
    border: 1px solid #CCCCCC;
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom:10px; 
}

.input_contents{
    border: 1px solid #CCCCCC;
    width: 100%;
    height: 200px;
    display: inline-block;
    position: relative;
    margin-bottom:10px; 
}

#slideUpBackDiv{
    transition: 1s;
    position: absolute;
    width: 100%;
    height: 0;
    bottom: -1260px;
    z-index: 999;
}

.input-number-password {
    -webkit-text-security: disc;
}

#side_menu{
    height: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 1px;
    /* display: none; */
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.7);
}

/* 팝업레이어 */

#popup_wrap {
    position:absolute; 
    top:50%; 
    left:50%; 
    width:90%;
    background:#ffffff; -webkit-box-shadow: 0 0 5px 10px #949494; 
    border-radius:10px; 
    box-shadow: 0 0 10px 4px #747474;
    transform: translate(-50%, -50%);}

    .resetIcon{
        width: 20px;
    height: 16px;
    margin-left: 10px;
    background-position: -63px -58px;
    display: inline-block;
    }