/*common*/
.grid-block{background:#f4f4f6}
.mobile_top_title{text-align: center;background:#089dff;color:#fff;}
.mobile_top_title ._title{font-size:1.2em;padding:1em;}

.m9_mtitle_01_03{font-size:1em;margin-bottom:1em}
.m9_mtitle_01_03{border-bottom:1px solid #eee;padding:1em 0}


/*title*/
.m9_mtitle_01_01{text-align: center;margin-bottom:3em;}
.m9_mtitle_01_01>h1{font-size:2.5em;}

/**/ 
.sub_mtxt_01{text-align: center;margin:1em 0;font-size: 1.2em;}
.sub_mtxt_01>b{display: block; font-size:1.3em}

/*menu*/
.mobile_top_menu{background: #fff;}
.mobile_top_menu .menu{}
.mobile_top_menu .menu>ul>li{}
.mobile_top_menu .menu>ul>li>div{}
.mobile_top_menu .menu>ul>li>div>a{display: block;;text-align: center;padding:5px}
.mobile_top_menu .menu>ul>li>div>a._selected{background:#dcf1ff}
.mobile_top_menu .menu>ul>li>div>a>span{display: block;font-size: 13px;font-weight: 500;}

/*mobile_section*/
.mobile_section{padding:1em 1.5em;background:#fff;margin-bottom:1em;border-radius:10px;box-shadow: 0 0 6px #e6e6e6}
.mobile_section .my_img_box{text-align: center;margin:1em 0}
.mobile_section .sub_text_02{color:#666;font-size:0.9em;}
.mobile_section ._name{font-size: 1.3em;font-weight: 700;padding:10px 0}
.mobile_section .contents{text-align: left;}
.mobile_section .contents>ul>li{padding:10px 0}
.mobile_section .contents>ul>li:after{content:"";display: block;clear: both;}   
.mobile_section .contents>ul>li>a:after{content:"\e850";font-family: axicon;position: absolute;right:0;top:0}
.mobile_section .contents>ul>li span{float:left;}
.mobile_section .contents>ul>li b{display: block;overflow: hidden;padding:0 30px 0 10px;font-weight: normal}

/*profile*/    
.my_img_box ._img_box{position: relative;display: inline-block;}
.my_img_box ._img_box:after{content:"\f1ca";font-family: axicon;position: absolute;right:10px;bottom:10px; font-size:1em;width:30px;height:30px;border-radius: 50%;line-height:30px;text-align: center;background:#fff;border:1px solid #eee;color:#000;z-index: 10}
.profile_img_box{text-align: center;}

/*file*/
.file_box label {display: block;padding: 0.5em 1em;font-size: 0.9em;vertical-align: middle;background-color: #fdfdfd;cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: 5px;text-align: center;}
.file_box input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;border: 0}
        
/*button*/
.btn_box{margin:2em auto;}
.m9_mbtn_01{text-align: center;}
.m9_mbtn_01>a{display: inline-block;padding:0.7em 3em;background: #089dff;border:1px solid #089dff;border-radius:30px;text-align: center;color: #fff;margin:0 0.5em;transition:0.3s}
.m9_mbtn_01>a:hover{opacity: 0.8}

.m9_mbtn_01>a._cancle ,.m9_mbtn_01>a._link{background:#fff;border:1px solid #dbdbdb;color:#000}
.m9_mbtn_01>a._cancle:hover ,.m9_mbtn_01>a._link:hover{background:#f4f4f4}

.m9_mbtn_01>a._ok{background:#089dff;color:#fff;border-color:#089dff}
.m9_mbtn_01>a>span{display: inline-block;padding-left:5px;}

.m9_mbtn_02{}
.m9_mbtn_02>a{display: block;padding: 0.5em 1em;font-size: 0.9em;vertical-align: middle;background-color: #fdfdfd;cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: 5px;text-align: center;}

.m9_mbtn_03{margin:2em 0;text-align: center}


/*textarea*/    
.textarea_box>textarea{width:100%;padding:10px;box-sizing: border-box;border-radius: 5px;font-size: 13px;resize: both;border:1px solid #eee;text-align: left}

/*notice*/
.notice_box ._content{font-size: 0.9em;}wk
.notice_box ._content .table-11 tr{border-bottom:1px solid #eee}
.notice_box ._content .table-11 td{max-width:200px;padding:5px 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.notice_add_btn{text-align: center;margin:1em 0}
.notice_add_btn>a{line-height: 1;color:#888}
.notice_add_btn>a:before{content:"\e040";display:inline-block;font-family:'axicon';font-size:0.9em;padding-right:5px;vertical-align: middle}

/*ticket_box*/
.ticket_box{max-width:360px;margin:0 auto;text-align: center;}
.ticket_box .title{text-align: center;padding:1em 1em;background:#009996;color:#fff;border-top-left-radius: 20px;border-top-right-radius: 20px}    
.ticket_box .contents{background:#fff;padding:2em 3em;} 
.ticket_box .contents ._title{color:#009996}
.ticket_box .contents ._num{color:#009996;font-size: 4em;font-weight: bold}   
.ticket_box .contents ._name{color:#000;font-size: 2em;font-weight: bold;padding:0.3em 0}
.ticket_box .contents ._company{color:#000;font-size: 1.2em;font-weight: bold}
.ticket_box .contents ._position{color:#666}
.ticket_box .date{padding:0.8em 1em 3em;background:#009996;color:#fff;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px}    
    

/*list_box*/
.list_box{}
.list_box ul li{position: relative;}
.list_box ul li:after{content:"\e850";font-family: axicon;position: absolute;right:0;top:50%;transform: translateY(-50%)}
.list_box ul li:last-child>a{border-bottom:0}
.list_box ul li a{display: table;width:100%;padding:0.7em 0.5em;border-bottom:1px solid #dedede;}
.list_box ul li a b{display: table-cell;width:60px;}
.list_box ul li a b span{display: inline-block;width:60px;height:60px;border-radius: 50%; overflow: hidden;vertical-align: middle;}
.list_box ul li a b span img{}
.list_box ul li a dl{display: table-cell;vertical-align: middle;padding:0 1.5em;}
.list_box ul li a dl dt{font-weight: bold;font-size: 1em;}
.list_box ul li a dl dd{font-size: 0.9em;}