/* BASIC css start */
/* 추가페이지 : 멤버쉽 */
.mambership_page table {width:100%;}
.mambership_page .title_box {margin:40px 0 32px 0;}
.mambership_page .member_sec01 .member_box {height:840px;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:80px;}

.mambership_page .member_sec01 .member_box .member_bg{margin:0 auto 16px;width:94%;background-color:#f9f9f9;}
.mambership_page .member_sec01 .member_box .member_bg:last-child  {margin-bottom:0;}
.mambership_page .member_sec01 .member_box .member_sec {margin:0 auto;width: 328px;height:120px;background-color:#f9f9f9;display:flex;align-items: center;}
.mambership_page .member_sec01 .member_box .member_sec .member_img {width:72px;height:72px;}
.mambership_page .member_sec01 .member_box .member_sec .member_img img {width:100%;}
.mambership_page .member_sec01 .member_box .member_sec .member_text {display:flex;flex-direction:column;flex-basis:70%;width:100%;text-align:left;margin-left: 16px;font-weight:400;font-size:14px;line-height:22px;letter-spacing:-0.02em;color:#9a9a9a;}
.mambership_page .member_sec01 .member_box .member_sec .member_text span {font-weight:600;font-size:16px;line-height:24px;color:#1a1a1a;margin-bottom:4px;}

.mambership_page .member_sec02 {margin-bottom:80px;}
.mambership_page .member_sec02 .tab_inner {width:94%;margin:0 auto;text-align:center;}
.mambership_page .member_sec02 .tab_inner .benefit_name {background-color:#f3f3f3;border-right:1px solid #e8e8e8;}
.mambership_page .member_sec02 .tab_inner tr:first-child {border-top:2px solid #1a1a1a;}
.mambership_page .member_sec02 .tab_inner td {background-color:#fff;border-bottom:1px solid #e8e8e8;font-weight:400;font-size:14px;line-height:22px;letter-spacing:-0.02em;color:#1a1a1a;padding:13px 8px;}
.mambership_page .member_sec02 .benefit_guide {margin-top:40px;width:94%;margin:0 auto;}
.mambership_page .member_sec02 .benefit_guide li {display:flex;align-items:center;font-weight:400;font-size:14px;line-height:22px;letter-spacing:-0.02em;color:#1a1a1a;margin-bottom:8px;}
.mambership_page .member_sec02 .benefit_guide li .list_dot {width:4px;height:4px;margin-right:14px;background-image:url('/design/young2686/mobile_cosmoline/svg/tab_on.svg');}

.mambership_page .member_sec02 .title_box {margin:0px 0px 32px 0px;}
.mambership_page .member_sec02 .m_tab02 {display:flex;justify-content: center;text-align:center;width:94%;margin:0 auto;}
.mambership_page .member_sec02 .m_tab02 li {padding:0px 8px 8px 8px;display:inline-block;font-weight:400;font-size:16px;line-height:24px;letter-spacing:-0.02em;color:#9a9a9a;text-align:center; box-sizing: border-box;}
.mambership_page .member_sec02 .m_tab02 li.current {font-weight:600;color:#1a1a1a;}
.mambership_page .member_sec02 .m_tab02 li .tab_on_dot {width:4px;height:4px;margin:0 auto 8px;background-image:url('/design/young2686/mobile_cosmoline/svg/tab_on.svg');opacity:0; transition: all 0.3s;}
.mambership_page .member_sec02 .m_tab02 li.current .tab_on_dot {opacity:1;}
.mambership_page .member_sec02 .tabcontent02 {display:none; margin-top:40px; padding:0px; margin-bottom:40px;}
.mambership_page .member_sec02 .tabcontent02.current {display:block;}
/* BASIC css end */