@charset "utf-8";

/* 마이페이지 공통 레이아웃 */
#container.mp_layout {display:flex;align-items:flex-start;gap:60px;width:100%;padding-top:60px;padding-bottom:100px;}
#container.mp_layout .mp_lnb {flex:0 0 240px;width:240px;padding:0;}
#container.mp_layout .mp_content {flex:1 1 auto;min-width:0;width:calc(100% - 300px);}
#container.mp_layout .mp_content #container_title {margin:0 0 40px;text-align:left;}
#container.mp_layout .mp_content #container_title span {padding-bottom:0;}

/* 마이페이지 왼쪽 메뉴 */
.mp_lnb {position:relative;width:240px;padding:10px 0 40px;color:#222222;}
.mp_lnb_title {margin:0 0 42px;font-size:28px;font-weight:800;line-height:1.2;}
.mp_lnb_title a {color:#222222;}
.mp_lnb_toggle {display:none;}
.mp_lnb_body {display:block;}
.mp_lnb_group {padding:0 0 36px;}
.mp_lnb_group + .mp_lnb_group {padding-top:36px;border-top:1px solid #dddddd;}
.mp_lnb_group strong {display:block;margin:0 0 18px;color:#222222;font-size:18px;font-weight:700;line-height:1.4;}
.mp_lnb_list li {display:block;margin:0 0 12px;}
.mp_lnb_list li:last-child {margin-bottom:0;}
.mp_lnb_list a {display:block;color:#777777;font-size:15px;font-weight:400;line-height:1.5;}
.mp_lnb_list a:hover {color:#222222;}
.mp_lnb_list a.on {color:#222222;font-weight:700;}

@media (max-width:969px) {
    #container.mp_layout {display:block;padding-top:30px;padding-bottom:70px;}
    #container.mp_layout .mp_lnb {display:block;position:relative;width:100%;margin:0 0 30px;padding:0;z-index:1;}
    #container.mp_layout .mp_content {display:block;width:100%;min-width:0;}
    #container.mp_layout .mp_content #container_title {margin:0 0 25px;text-align:center;}

    .mp_lnb_title {display:none;}
    .mp_lnb_toggle {display:flex;z-index:1;align-items:center;justify-content:space-between;position:relative;width:100%;height:56px;padding:0 19px;border:1px solid #cfcfcf;border-radius:6px;background:#ffffff;color:#111111;font-size:16px;font-weight:700;line-height:54px;text-align:left;box-shadow:none;}
    .mp_lnb_toggle:hover,.mp_lnb_toggle:focus {border-color:#999999;background:#ffffff;}
    .mp_lnb_toggle_text {display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .mp_lnb_toggle_arrow {display:block;flex:0 0 10px;width:10px;height:10px;margin:0 3px 5px 20px;border-right:2px solid #444444;border-bottom:2px solid #444444;transform:rotate(45deg);transition:transform 0.2s ease,margin 0.2s ease;}
    .mp_lnb.is-open .mp_lnb_toggle {border-color:#999999;border-radius:6px 6px 0 0;}
    .mp_lnb.is-open .mp_lnb_toggle_arrow {margin-top:5px;margin-bottom:0;transform:rotate(225deg);}
    .mp_lnb_body {display:none;position:absolute;top:55px;right:0;left:0;max-height:70vh;padding:28px 20px;border:1px solid #999999;border-top:0;border-radius:0 0 6px 6px;background:#ffffff;overflow-x:hidden;overflow-y:auto;box-shadow:0 12px 24px rgba(0,0,0,0.09);}
    .mp_lnb.is-open .mp_lnb_body {display:block;}
    .mp_lnb_group {padding:0 0 26px;}
    .mp_lnb_group + .mp_lnb_group {margin-top:26px;padding-top:26px;border-top:1px solid #e5e5e5;}
    .mp_lnb_group:last-child {padding-bottom:0;}
    .mp_lnb_group strong {display:block;margin:0 0 12px;color:#111111;font-size:17px;font-weight:700;line-height:1.5;}
    .mp_lnb_list li {display:block;margin:0;}
    .mp_lnb_list a {display:block;margin:0;padding:12px 13px;border-radius:5px;color:#666666;font-size:16px;font-weight:400;line-height:22px;}
    .mp_lnb_list a:hover {background:#f7f7f7;color:#222222;font-weight:500;}
    .mp_lnb_list a.on {background:#f2f2f2;color:#111111;font-weight:700;}
}