#my_office_layout * { box-sizing: border-box; }
#my_office_layout .my_office_layout_contents {   }
.contents_body { background:#eee; padding:0px;}
.subpage_con { background:#eee; padding:0px; box-shadow:none;  border-radius:0px; margin-top:0px; padding-bottom:30px; }


.mn_box { border-radius:5px; background:#fff;  border:1px solid #ddd; overflow:hidden; width:calc(100% - 30px); margin:15px auto; }
.mnb_t1 { text-align:center; padding:20px 10px; }
.mnb_t2 ul { display:flex; align-items:center; }
.mnb_t2 ul li { width:50%; padding:15px; position:relative; }
.mnb_t2 ul li:first-child { border-right:1px solid #ddd; }
.mnb_t2 ul li img { width:30px;   background:#e6f7fc;  padding:5px; border-radius:15px;  position:absolute; right:15px; top:10px; }
.mnb_t2 ul li strong { color:#777;  text-align:left; font-weight:normal; font-size:14px; }
.mnb_t2 ul li p { padding:10px 0; font-size:20px;color:#333; white-space:nowrap; }
.mnb_t2 ul li a.mnb_btn { background:#7084c7; color:#fff; display:block; font-size:14px; padding:5px 0 6px;  border-radius:4px;  text-align:center; }
.mnb_t2 ul li a.color2 { background:#fa896b; }
.mnb_t2 .mnb_t2_1 li { text-align:left; padding:20px; }
.mnb_t2 .mnb_t2_1 li:last-child { text-align:right; }
.mnb_t2 .mnb_t2_1 li:first-child { border-right:0; width:40px; flex-shrink:0; padding-right:0;  }
.mnb_t2 .mnb_t2_2 li { padding-top:0; }
.mnb_t3 { padding:20px; }
.mnb_t3 h3 { font-size:20px;  display:flex; justify-content:space-between; align-items:center; }
.mnb_t3 h3 .btn_myinfo { width:10px; }
.mnb_t3 h3 .btn_myinfo img { width:100%; }
.mnb_t3 > div { display:flex; align-items:center; margin-top:10px; }
.mnb_t3 ul { flex-grow:1; }
.mnb_t3 ul.smile { width:50px; flex-shrink:0; flex-grow:0; margin-right:20px; }
.mnb_t3 ul.smile img { width:100%; }
.mnb_t3 ul li { display:flex; justify-content:space-between; font-size:14px;padding:5px 0; } 
.mnb_t3 ul li strong { font-weight:300; } 
.mnb_t3 ul li span { text-align:right; } 



.myinfo_box { padding:20px; position:relative; }
.myinfo_box .dbi { position:absolute; top:15px; right:20px;  background:#e6f7fc;  width:50px; height:50px; border-radius:25px; display:flex; align-items:center; justify-content:center; }
.myinfo_box .dbi img { width:60%; }

.myinfo_box h3 { font-size:14px; display:flex; align-items:center; color:#777; }
.myinfo_box h3 a { width:15px; display:block; margin-left:5px; padding:5px; }
.myinfo_box h3 a img { max-width:100%; }
.myinfo_box ul { margin-top:10px; }
.myinfo_box ul li { display:flex; align-items:center; padding:3px 0; line-height:20px;  }
.myinfo_box ul li strong { font-size:13px; width:60px ; flex-shrink:0; font-weight:normal; color:#777; background:#f3f6f9; margin-right:10px;  line-height:20px;  
display:block; text-align:center; }
.myinfo_box ul li span { font-size:13px; color:#222; }
.myinfo_box ul li:nth-child(3) strong,
.myinfo_box ul li:nth-child(4) strong { background:#e9f9ec; }
.myinfo_box ul li:nth-child(5) strong { background:#feede9; }


/*
.myinfo_box > div { display:flex; align-items:center; margin-top:10px; }
.myinfo_box ul { flex-grow:1; }
.myinfo_box ul li { display:flex; justify-content:space-between; font-size:14px;padding:5px 0; } 
.myinfo_box ul li strong { font-weight:300; } 
.myinfo_box ul li span { text-align:right; } 
*/




.mnb_t4 {  border:0; display:flex; justify-content:space-between; background:none; }
.mnb_t4 a {  width:calc(50% - 5px); display:block; color:#333;  background:#fff; border-radius:5px; padding:15px;  position:relative; border:1px solid #ddd; background:#e5fcf0; }
.mnb_t4 a.kakao { background:#fffcd6; }
.mnb_t4 a img { width:25px; border-radius:15px; position:absolute; top:15px; right:15px; }
.mnb_t4 a span { display:block; font-size:11px; color:#777; }
.mnb_t4 a p { display:block;  font-size:13px; }


.mnb_t5 { padding:20px; position:relative; }
.mnb_t5 h3 { font-size:14px; display:flex; align-items:center; color:#777; }
.mnb_t5 h3 a { width:15px; display:block; margin-left:5px; padding:5px; }
.mnb_t5 h3 a img { max-width:100%; }

.mnb_t5 ul li { border-top:1px solid #eee; padding:10px 0; }
.mnb_t5 ul li:first-child { border-top:0; }
.mnb_t5 ul li span { display:block; font-size:14px;}
.mnb_t5 ul li span a { font-size:14px; }
.mnb_t5 ul li span.date1 { font-size:12px; color:#888; margin-top:5px; }

.mnb_t_income {  margin:25px 15px ; position:relative; }
.mnb_t_income::after { content:""; background:url('../image/icon_check.png') no-repeat;
background-size:25px; background-position:center center; width:25px; height:20px; position:absolute; 
top:25px; left:50%; margin-left:-70px; }
.mnb_t_income a { margin-bottom:15px; display:flex; color:#fff; align-items:center; font-size:20px; 
background:#338943; padding:20px 0 20px 30px; overflow:hidden; border-radius:10px; justify-content:center; }


.btn_prev { display:none !important; }