/* BASIC css start */
.tit {
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: bold;
    margin-top: 80px;
    margin-bottom: 50px;
}

/* ȸ¿ø Á¤º¸ */
.info {border:1px solid #e9e9e9; *zoom:1;overflow:hidden;padding: 0;}
.info:after { display:block; clear:both; content:'' }
.info .user, .info dl {}
.info .user {position:relative;width: 30%;float: left;padding:36px 16px;box-sizing: border-box;display: table;}
.info .user .user-img {display: table-cell;     padding-right: 27px;}
.info .user .user-img img {width: 84px;height: 84px;}
.info .user .user-info {padding: 0;vertical-align: middle;display: table-cell; overflow:hidden; word-break:break-all; width:230px;}
.info .user .user-info p {font-size:17px;color:#202020;/*display: table-cell;*/vertical-align: middle; text-align:left;}
.info .user .user-info .box {padding-top:10px;/*display: table-cell;*/display:inline-block;}
.info .user .user-info .box dl { padding-top:10px; *zoom:1 }
.info .user .user-info .box dl:after { display:block; clear:both; content:'' }
.info .user .user-info .box dl dt { float:left; width:90px; font-size:14px }
.info .user .user-info .box dl dd { float:left; font-size:14px; color:#8d8d8d }
.info dl {padding: 0;display: table-cell;vertical-align: middle;height: 84px; border-right: 1px solid #eeeeee;}
.info dl:last-child{border-right:0 !important;}
.info dl dt, .info dl dd {/* padding-top:8px; *//* float: left; *//* font-size:14px; */}
.info dl dt {display: block;text-align: center;}
.info dl dt a {
    font-size: 18px;
    color: #808080;
}
.info dl dd {
    text-align: center;
    display: block;
}
.info dl dd a {font-size: 23px;color: #000000;font-weight: bold; font-family: 'Montserrat', sans-serif;}
.info .order dd a:hover { text-decoration: underline; }
.info dt {margin-bottom: 15px;/* font-size:15px; *//* font-weight: bold; */}

.user_info{display:table;table-layout:fixed;width:70%;float:left;background: #f8f8f8;padding: 55px 30px;box-sizing: border-box;}

/* BASIC css end */