/* sub_common */
section {padding: 0 15px;}
.m_sub_top_right {float:right; margin: 14px 0 35px 0;  display: flex; align-items: center;}
.m_sub_top_right li {float:left; padding-right: 22px; font-size:12px; color:#333333;}
.m_sub_top_right li:last-child {padding-right:0;}
.m_sub_top_right li.m_home_move {position:relative;}
.m_sub_top_right li.m_home_move img { display: block;}
.m_sub_top_right li.m_home_move:after {content: ''; width: 5px; height: 8px; background: url("/img/mobile/common/m_sub_gnb_next.png")no-repeat; position: absolute; right: 8px; top: 50%; transform: translateY(-50%);}
.m_sub_top_right li.m_move {position:relative;}
.m_sub_top_right li.m_move:after {content: ''; width: 5px; height: 8px; background: url("/img/mobile/common/m_sub_gnb_next.png")no-repeat; position: absolute; right: 8px; top: 50%; transform: translateY(-50%);}
.m_sub_top_right li a  {color: #333333; font-size: 12px;}
.m_drop_btn {padding-left: 5px; margin-top:-3px; vertical-align: middle;}
.m_sub_top {width: 100%; right: 370px; z-index: 1;}
.m_common_title {margin-bottom: 32px;}
.m_common_title h1 {font-size: 35px; letter-spacing: -1px;}
.m_common_title p {font-size: 13px; letter-spacing: -1px; color: #666666; font-weight: 400; margin-top: 5px;}
.bg-gray {background-color: #f1f1f1;}





.m_success_case_content { padding-bottom: 80px;}
.m_success_case_content .m_success_case_top {padding: 20px; border-top: 2px solid var(--page-theme-color);  border-bottom: 1px solid #e2e2e2; letter-spacing: -1px;}
.m_success_case_content .m_success_case_top h3 {color: #222222; font-size: 16px; font-weight: 500; margin-bottom: 15px;}
.m_success_case_content .m_success_case_top span {font-weight: 400; font-size: 14px;}
.m_success_case_content .m_success_case_top span.case_cate { color: var(--page-theme-color); }
.m_success_case_content .m_success_case_top span.date {color: #666666; margin-left: 20px; position: relative;}
.m_success_case_content .m_success_case_top span.date::before {position: absolute; content: ""; width: 1px; height: 14px; background-color: #e2e2e2; left: -10px; top: 4px;}
.m_success_case_content .m_success_case_mid { padding: 40px 0; letter-spacing: -1px; border-bottom: 1px solid #e2e2e2;}
.m_success_case_content .m_success_case_mid .middle_txt:not(:first-child) { margin-top: 37px;}
.m_success_case_content .m_success_case_mid .middle_txt span.m_md_span {color: var(--page-theme-color); font-size: 18px; font-weight: 600; padding-left: 15px; position: relative;}
.m_success_case_content .m_success_case_mid .middle_txt span.m_md_span::before {position: absolute; content: ""; background-color: var(--page-theme-color); width: 3px; height: 14px; top: 6px; left: 0;}
.m_success_case_content .m_success_case_mid .middle_txt p.m_md_p {color: #333333; font-size: 14.5px; line-height: 28px; margin-top: 19px; font-weight: 400;}
.m_success_case_content .m_success_case_mid .middle_txt img {width: 100%;}
.m_success_case_content .m_success_case_bottom {margin-bottom: 40px;}
.m_success_case_content .m_success_case_bottom .bt { border-bottom: 1px solid #e2e2e2; padding: 15px 0; display: flex; align-items: center; }
.m_success_case_content .m_success_case_bottom .bt span {color: #222222; position: relative; font-size: 14px; font-weight: 400;}
.m_success_case_content .m_success_case_bottom .bottom_prev span::after {position: absolute; content: ""; background: url("/img/mobile/sub/m_case_prev.png")no-repeat center; right: -15px; top: 50%; transform: translateY(-50%); width: 7px; height: 5px;}
.m_success_case_content .m_success_case_bottom .bottom_next span::after {position: absolute; content: ""; background: url("/img/mobile/sub/m_case_next.png")no-repeat center; right: -15px; top: 50%; transform: translateY(-50%); width: 7px; height: 5px; }
.m_success_case_content .m_success_case_bottom .bt p , .bt p a{color: #333333; margin-left: 25px; font-size: 14px;}
.m_success_case_content button.view_list {border: none; background-color: var(--page-theme-color); color: white; font-size: 14px; margin: 0 auto; display: block; text-align: center; padding: 13px 30px;}