/* BASIC css start */
#header{display:none;}
body .header_sub{display:flex;}

.bold{font-weight:600}
.mypage_wrap { display:flex; } 
.mypage_wrap>div.cnt_left { border-right:1px solid var(--mainColor); width:50%; flex:1; } 
.mypage_wrap>div.cnt_left .subCnt_title h4 { font-size:13px; font-weight:500; line-height:16px; padding:50px 50px 0 50px; box-sizing:border-box; position:relative; z-index:1; } 
.mypage_wrap>div.cnt_left .cnt_sub_title p { font-size:13px; line-height:22px; font-weight:400; margin-top:30px; padding:0 50px; } 
.mypage_wrap>div.cnt_right { width:50%; flex:1; } 
.mypage_wrap .cnt_section { padding:30px 50px; box-sizing:border-box; border-top:1px solid var(--mainColor); } 
.mypage_wrap .cnt_section.sec01 { border-top:0; } 
.mypageindex_wrap .cnt_section.sec01 { padding-top:60px; } 
.mypageindex_wrap .cnt_section.sec04 { padding-bottom:90px; } 
.mypageindex_wrap .cnt_section .cnt_article { margin-bottom:30px; } 
.mypageindex_wrap .cnt_section .cnt_article:last-of-type { margin-bottom:0; } 
.mypageindex_wrap .cnt_section .cnt_article>a { display:flex; align-items:center; justify-content:space-between; } 
.mypageindex_wrap .cnt_section .cnt_article:first-of-type .article_title p { font-weight:500; } 
.mypageindex_wrap .cnt_section .cnt_article .article_title p { font-size:13px; font-weight:400; line-height:22px; } 
.mypageindex_wrap .cnt_section .cnt_article .article_cnt p { display:flex; align-items:center; font-size:13px; font-weight:400; } 
.mypageindex_wrap .cnt_section .cnt_article .article_cnt img { transform:rotate(-90deg) translateX(-1px); margin-left:8px; } 
.mypageindex_wrap .cnt_section .cnt_article .article_cnt span.myshop_benefit_ship_free_message { display:none; } 
#xans_myshop_bankbook_avail_mileage { color:var(--red); } 
#xans_myshop_bankbook_avail_mileage+span { color:var(--red); } 
.mypageindex_wrap .cnt_section .cnt_article.coupon .article_cnt p { color:var(--red); } 
.membership_wrap .cnt_section.sec01 { padding-top:50px; } 
.membership_wrap .cnt_article .cnt_top .level { display:flex; gap:0 18%; } 
.membership_wrap .cnt_article .cnt_top .level li { margin-bottom:15px; } 
.membership_wrap .cnt_article .cnt_top .level li:first-of-type { width:30px; } 
.membership_wrap .cnt_article .cnt_bottom { display:flex; padding-left:calc(18% + 30px); gap:0 10px; } 
.membership_wrap .cnt_article ul { width: 30%; flex-shrink: 0; } 
.membership_wrap .cnt_article ul.client { width: 20%; } 
.membership_wrap .cnt_article ul li { font-size: 12px; margin-bottom:5px; white-space: pre; } 
.membership_wrap .cnt_article ul li b { font-weight:500; } 
.membership_wrap .cnt_article ul li:last-of-type { margin-bottom:0; } 
.membership_wrap .cnt_article.membershipinfo { display:block; } 
.membership_wrap .cnt_article.membershipinfo p { font-size:11.5px; color:var(--mainColor); line-height:20px; font-weight:400; } 
.mo_only { display:none!important; } 
.mo_only_F { display:none!important; } 
@media(max-width:900px){
 .mypage_wrap { padding-bottom: 68px; } 
.mypage_wrap>div.cnt_left { display:none; } 
.mypage_wrap>div.cnt_right { width:100%; } 
.membership_wrap .cnt_article.level1 p { margin-bottom:40px; font-size:13px; line-height:22px; color:var(--mainColor); font-weight:400; } 
.ec-base-button.gBottom.bottom_btn { width:100%; } 
.addr_wrap .addr_list tbody td { color:var(--mainColor); } 
body #capp-shop-new-product-optionselect-layer { height:100% !important; top:0 !important; width:100% !important; } 
.xans-product-optionselectlayer.ec-base-layer.typeSide { border-left:0!important; } 
 }
@media(max-width:900px){
 #wrap.da #container { min-height:calc(100vh - 71px)!important; } 
.pc_only { display:none!important; } 
.mo_only { display:block!important; } 
.mo_only_F { display:flex!important; } 
.customLayer .typeModal.txtBox { } 
 }
@media(max-width:743px){
 .mypage_wrap .cnt_section { padding: 20px; } 
.mypage_wrap .cnt_section.sec01 { padding-top:30px; } 
.mypage_wrap .cnt_section.sec04 { padding-bottom:30px; } 
.mypage_wrap .cnt_section .cnt_article .article_title p { font-size:12px; line-height:20px; } 
.mypage_wrap .cnt_section .cnt_article .article_cnt p { font-size:12px; } 
.historylist_wrap .mileage_tab .menu li a { font-size:12px; } 
.historylist_wrap .mileage_tab .menu li a span { transform:translateY(1px); } 
.mypage_wrap .cnt_section .pointlist thead th { font-size:12px; line-height:15px; padding:17.25px 10px; } 
.mypage_wrap .cnt_section .pointlist tbody td { font-size:12px; padding:7.5px 10px; } 
.mypage_wrap .cnt_section .pointlist thead th:first-of-type { padding-left:20px; } 
.mypage_wrap .cnt_section .pointlist thead th:last-of-type { padding-right:20px; } 
.mypage_wrap .cnt_section .pointlist tbody td:first-of-type { padding-left:20px; } 
.mypage_wrap .cnt_section .pointlist tbody td:last-of-type { padding-right:20px; } 
.mypage_wrap .cnt_section .pointlist tfoot td.noData { font-size:12px; padding:16.5px 10px; } 
.mypage_wrap .ec-base-paginate.typeList a { font-size:12px; line-height:15px; } 
.mypage_wrap .ec-base-paginate.typeList ol a.this { font-size:12px; } 
 }
@media (max-width:1366px){
 .mypageindex_wrap .cnt_section.sec01 { padding-top:50px; } 
.mypageindex_wrap .cnt_section.sec04 { padding-bottom:68px; } 
.membership_wrap .cnt_article .cnt_top .level { gap:0 8%; } 
.membership_wrap .cnt_article .cnt_bottom { display:flex; padding-left: 0; justify-content: space-between; align-items: flex-start; } 
#contents .xans-myshop-wishlist .cart_table tbody td.button { width:200px; } 
#contents .xans-myshop-wishlist .cart_table tbody td.button .btn_bottom { gap: 0 34px; } 
 }

/* BASIC css end */

