/* BASIC css start */
/* aside */
#aside { position:absolute;top:173px;left:20px;z-index:10;width:194px;}
#aside .aside-tit { padding-bottom:31px; color:#000;font-size:24px;font-weight:600;line-height:24px; }
/* lnb */
#aside .lnb-wrap {}
#aside .lnb-wrap .lnb-bx {margin-bottom:32px; }
#aside .lnb-wrap .lnb-bx .txt { color:#000000;font-size:20px;font-weight:600;line-height:38px; }
#aside .lnb-wrap .lnb { overflow:hidden }
#aside .lnb-wrap .lnb ul {}
#aside .lnb-wrap .lnb ul li {  }
#aside .lnb-wrap .lnb ul li a {display:block;color:#999999;font-size:16px;line-height:35px;transition:all 0.3s ease-in-out;}
#aside .lnb-wrap .lnb ul li a:hover {color:#000;}

.mypage-title {
    position:absolute;
    top:80px;
    left:0px;
    right:0px;
    z-index:1;
    color:#000000;
    font-size:30px;
    font-weight:800;
    line-height:40px;
    text-align:center;
    letter-spacing:1.6px;
}

.infoBox {}
/* ȸ¿ø Á¤º¸ */
.infoBox .info { display:flex;justify-content:space-between;align-items:center;min-height:240px;padding:20px 50px 20px 100px;background:#f9f5f1; }
.infoBox .info .user,
.infoBox .info .order {}

.infoBox .info .user {position:relative;display:flex;align-items:center;gap:0px 50px;}
.infoBox .info .user .user-img { flex-shrink:0;width:120px;height:120px;border-radius:50%;overflow:hidden;}
.infoBox .info .user .user-img img {width:100%;height:100%;object-fit:cover;}
.infoBox .info .user .user-info {font-size:0px;}
.infoBox .info .user .user-info h6 {color:#999999;font-size:16px;font-weight:300;line-height:30px;}
.infoBox .info .user .user-info h6 span {color:#000000;font:inherit;}
.infoBox .info .user .user-info h6 strong {color:#000000;font:inherit;font-size:22px;font-weight:800;}
.infoBox .info .user .user-info p {margin-top:2px;margin-bottom:9px;color:#999999;font-size:16px;font-weight:300;line-height:30px;}
.infoBox .info .user .user-info p strong {color:inherit;font:inherit;font-weight:800;}
.infoBox .info .user .user-info a {display:inline-block;margin-top:9px;margin-right:10px;}

.infoBox .info .order-group {flex-shrink:0;display:flex;}
.infoBox .info .order {display:flex;flex-direction:column;justify-content:center;gap:22px 0px;width:160px;height:102px;border-right:1px solid #dedede;text-align:center;}
.infoBox .info .order:last-child {border-right:none;}
.infoBox .info .order dt {color:#000000;font-size:16px;line-height:20px;}
.infoBox .info .order dd {}
.infoBox .info .order dd a {display:block;color:#000000;font-size:22px;font-weight:800;line-height:30px;}

.mp-banner {
    margin-top:40px;
}
.mp-banner p.example {
    background:#eeeeee;
    color:#c1c1c1;
    font-size:25px;
    font-weight:800;
    line-height:110px;
    text-align:center;
}

/** content °øÅë **/
#contentWrap { width:100%;max-width:1640px;padding:173px 20px 0px 214px;box-sizing:border-box;}
#content {float:none;width:100%;min-height:400px;}
#mypage .tbl th {padding:19px 0;}
.item-wrap { width:1070px;}
.table-d2-list tbody td {padding:17px 0;}
.tb-center {font-weight:normal; color:#000;}
.CSSbuttonMin {display:none;}
/** //content °øÅë **/

.lnb .active {font-weight:bold}

/* BASIC css end */