#pages_top{font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif;color:#344054}
#pages_top .title{display:flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box;height:auto;margin:0 0 22px;padding:0 0 14px;border:0;border-bottom:1px solid #dfe7f0}
#pages_top .title .xl,#pages_top .title .xr{float:none}
#pages_top .title .xl h2{margin:0;padding:0;font-family:inherit;font-size:25px;line-height:1.25;letter-spacing:-1px}
#pages_top .title .xl h2 a{color:#172b45;text-decoration:none}
#pages_top .title .xr{min-width:0}
#pages_top .title .xr>ul{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;margin:0;padding:0}
#pages_top .title .xr>ul>li{position:relative;top:auto;float:none;box-sizing:border-box;height:auto;margin:0;padding:0;border:0;border-radius:7px;background:#f2f5f8;list-style:none;color:#536176;cursor:pointer}
#pages_top .title .xr>ul>li.leftside{display:none}
#pages_top .title .xr>ul>li>a{display:flex;align-items:center;min-height:32px;padding:0 10px;border-radius:7px;color:#536176;font-size:11px;font-weight:600;line-height:32px;text-decoration:none}
#pages_top .title .xr>ul>li>a:hover,#pages_top .title .xr>ul>li.selected>a{background:#0b8bd3;color:#fff}
#pages_top .title .xr li .morebox{position:absolute;top:36px;right:0;z-index:20;display:none}
#pages_top .title .xr li .morebox ul{position:static;box-sizing:border-box;width:112px;margin:0;padding:6px;border:1px solid #dfe7f0;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(31,55,81,.14)}
#pages_top .title .xr li .morebox li{position:static;float:none;height:auto;margin:0;padding:0;border:0;background:#fff;list-style:none}
#pages_top .title .xr li .morebox li a{display:block;height:auto;padding:8px 9px;border-radius:5px;color:#536176;font-size:11px;line-height:1.4;text-decoration:none}
#pages_top .title .xr li .morebox li a:hover{background:#eef7fd;color:#087dcc}

#mypage_main{font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif;color:#344054}
#mypage_main>.photo{float:left;box-sizing:border-box;width:72px;height:72px;margin:0 18px 20px 0;border:1px solid #dfe7f0;border-radius:16px;background-color:#f2f5f8;background-size:cover;overflow:hidden}
#mypage_main>.photo img{display:block;width:100%;height:100%;object-fit:cover}
#mypage_main>.msg{box-sizing:border-box;min-height:72px;height:auto;margin:0 0 22px;padding:11px 16px;border:1px solid #d8eaf6;border-radius:12px;background:#f2f9fe;color:#475467;font-family:inherit;font-size:12px;line-height:1.7}
#mypage_main>.msg .b{color:#087dcc;font-size:13px}
#mypage_main>.msg .info{color:#667085;font-family:inherit;font-size:11px}
#mypage_main>.line{display:none}
#mypage_main .postbox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;clear:both}
#mypage_main .postbox .xleft,#mypage_main .postbox .xright{float:none;box-sizing:border-box;width:auto;margin:0;padding:0;border:0}
#mypage_main h5{margin:0;padding:14px 16px;border:1px solid #dfe7f0;border-bottom:0;border-radius:12px 12px 0 0;background:#f5f8fb;color:#263a55;font-family:inherit;font-size:13px;font-weight:700}
#mypage_main ul{box-sizing:border-box;height:auto;min-height:150px;max-height:260px;margin:0 0 16px;padding:8px 15px 12px;border:1px solid #dfe7f0;border-radius:0 0 12px 12px;background:#fff;overflow:auto}
#mypage_main li{display:flex;align-items:center;box-sizing:border-box;height:auto;min-height:32px;margin:0;padding:7px 0;border-bottom:1px solid #edf1f5;list-style:none;letter-spacing:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#mypage_main li:last-child{border-bottom:0}
#mypage_main li a{overflow:hidden;color:#536176;font-size:11px;text-decoration:none;text-overflow:ellipsis}
#mypage_main li a:hover{color:#087dcc;text-decoration:none}
#mypage_main li.none{align-items:center;justify-content:center;color:#98a2b3;white-space:normal}
#mypage_main li .new{margin-left:5px;color:#f04438;font-size:9px;font-weight:700;text-transform:uppercase}

/* Shared sub-page controls and data tables */
#pages_top~div:not(#qTilePopDiv){font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif;color:#475467}
#pages_top~div input[type=text],#pages_top~div input[type=password],#pages_top~div input[type=email],#pages_top~div select,#pages_top~div textarea{box-sizing:border-box;min-height:34px;padding:6px 10px;border:1px solid #cfd8e3;border-radius:7px;background:#fff;color:#344054;font-family:inherit;outline:0;box-shadow:none}
#pages_top~div input:focus,#pages_top~div select:focus,#pages_top~div textarea:focus{border-color:#5ba9dc;box-shadow:0 0 0 2px rgba(11,139,211,.10)}
#pages_top~div input[type=submit],#pages_top~div input[type=button],#pages_top~div .btnblue,#pages_top~div .btngray{box-sizing:border-box;min-height:34px;padding:0 14px;border:0!important;border-radius:7px;color:#fff!important;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;box-shadow:none!important;outline:0!important}
#pages_top~div .btnblue,#pages_top~div input[type=submit]{background:#0b8bd3}
#pages_top~div .btngray,#pages_top~div input[type=button]{background:#7f8997}
#pages_top~div table{width:100%;border-spacing:0;border-collapse:separate;border:1px solid #dfe7f0;border-radius:10px;background:#fff;overflow:hidden}
#pages_top~div table thead th{height:40px;padding:0 10px;border:0;border-bottom:1px solid #dfe7f0;background:#f3f7fb;color:#667085;font-family:inherit;font-size:11px;font-weight:700;text-align:center}
#pages_top~div table tbody td{height:40px;padding:7px 10px;border:0;border-bottom:1px solid #edf1f5;color:#667085;font-family:inherit;font-size:11px}
#pages_top~div table tbody tr:last-child td{border-bottom:0}
#pages_top~div table tbody tr:hover td{background:#f9fbfd}
#pages_top~div .pagebox01,#pages_top~div .pagebox{padding:20px 0;text-align:center}
#pages_top~div .searchform{display:flex;align-items:center;justify-content:center;gap:6px;padding:18px 0}

@media(max-width:900px){#pages_top .title{align-items:flex-start;flex-direction:column}#pages_top .title .xr{width:100%;overflow-x:auto}#pages_top .title .xr>ul{justify-content:flex-start;min-width:max-content;flex-wrap:nowrap}#mypage_main .postbox{grid-template-columns:1fr}}
@media(max-width:600px){#mypage_main>.photo{float:none;margin:0 auto 12px}#mypage_main>.msg{text-align:center}#pages_top .title .xl h2{font-size:22px}#pages_top~div table{display:block;overflow-x:auto}}
