.cs-auth-layout{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;margin:65px auto;background:#fff;border:1px solid #e2ebef;border-radius:20px;overflow:hidden;box-shadow:0 15px 60px #1b66820b}.cs-auth-story{padding:46px;background:#eaf8fd;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:580px}.cs-auth-brand{font-size:32px;font-weight:850;color:#19a6ce;letter-spacing:-1px}.cs-auth-story h2{font-size:35px;line-height:1.35;letter-spacing:-1.4px;margin:45px 0 16px;color:#204a60}.cs-auth-story p{font-size:15px;line-height:1.8;color:#7496a7}.cs-auth-story img{width:220px;height:235px;object-fit:contain;align-self:center;margin:20px 0 0;mix-blend-mode:multiply;transform:rotate(-8deg)}.cs-auth-layout #mb_login{width:100%;max-width:none;margin:0;padding:45px 38px;background:white;border:0;border-radius:0}.cs-auth-layout .mbskin_box{padding:0!important;border:0!important;box-shadow:none!important}.cs-auth-layout .mbskin_box>h1{display:none}.cs-auth-layout .mb_log_cate{display:flex;margin-bottom:30px!important;border-bottom:1px solid #e2ebf0}.cs-auth-layout .mb_log_cate>*{width:50%;float:none!important;height:52px!important;line-height:52px!important;font-size:17px!important;font-weight:600;background:none!important;border:0!important;border-radius:0!important}.cs-auth-layout .mb_log_cate h2{color:#149fc8!important;border-bottom:3px solid #26b0d4!important}.cs-auth-layout .mb_log_cate a{color:#98a9b2!important}.cs-auth-layout #login_fs{padding:0!important}.cs-auth-layout #login_fs>label{position:static!important;width:auto!important;height:auto!important;display:block!important;overflow:visible!important;font-size:13px;margin:17px 0 8px;color:#627c8b;clip:auto!important}.cs-auth-layout #login_fs>label strong{display:none}.cs-auth-layout .frm_input{height:50px!important;padding:12px 14px!important;font-size:16px!important;border:1px solid #dce6ec!important;border-radius:7px!important;background:#fff!important;width:100%!important;margin-bottom:4px!important}.cs-auth-layout .btn_submit{width:100%;height:50px!important;line-height:48px!important;border-radius:7px!important;font-size:16px!important;background:#22acd1!important;margin-top:20px}.cs-auth-layout #login_info{font-size:12px!important;line-height:1.7;padding-top:18px!important}.cs-auth-layout #mb_login_notmb,.cs-auth-layout #mb_login_od_wr{margin:28px 0 0!important;padding:24px 0 0!important;border:0!important;border-top:1px solid #e5edf2!important;background:none!important}.cs-auth-layout #mb_login_od_wr h2,.cs-auth-layout #mb_login_notmb h2{font-size:17px;margin:0 0 15px}.cs-auth-layout #mb_login_od,.cs-auth-layout #mb_login_odinfo{padding:0!important}.cs-auth-layout #mb_login_odinfo p,.cs-auth-layout #mb_login_notmb p{font-size:12px;color:#8ca0ab;line-height:1.7;margin-top:14px}.cs-auth-layout #guest_privacy{font-size:12px;max-height:140px;overflow:auto}.cs-auth-layout #mb_login_notmb .chk_box{font-size:12px;line-height:1.7;margin:15px 0}
.register{width:100%!important;max-width:780px!important;margin:35px auto 70px!important}.cs-account-intro{margin:0 0 30px}.cs-account-intro>span{font-size:11px;color:#27a8ce;letter-spacing:1.5px;font-weight:700}.cs-account-intro h2{font-size:30px;line-height:1.4;margin:12px 0;color:#284b5d;letter-spacing:-1px}.cs-account-intro p{font-size:14px;color:#8ba0ac;line-height:1.8}.register #fregister>p{font-size:13px!important;line-height:1.8;background:#eef8fc!important;border:0!important;border-radius:9px!important;padding:18px!important;color:#7093a5!important}.register section,.register .register_form_inner{padding:26px!important;background:white!important;border:1px solid #e0e9ef!important;border-radius:10px!important;margin:0 0 20px!important}.register h2{font-size:20px!important;margin:0 0 22px!important;padding:0!important;border:0!important;line-height:1.5}.register textarea{font-size:14px!important;line-height:1.8!important;border:1px solid #e4ebf0!important;border-radius:6px!important;padding:15px!important;background:#f8fafc!important;width:100%!important}.register #fregister_private table{font-size:12px;line-height:1.8;table-layout:fixed}.register #fregister_private th,.register #fregister_private td{padding:14px 10px!important;border-color:#e4ecf1!important;word-break:keep-all}.register #fregister_private th{background:#f3f8fb!important}.register .fregister_agree{position:static!important;margin:15px 0 0!important;padding:0!important;font-size:13px!important}.register #fregister_chkall{padding:20px!important;background:#f1f9fc!important;border:1px solid #deedf4!important;border-radius:8px!important;margin:25px 0!important}.register .btn_confirm{display:flex!important;justify-content:center;gap:12px;margin:30px 0!important}.register .btn_submit,.register .btn_close{height:52px!important;line-height:50px!important;width:auto!important;min-width:130px!important;border-radius:7px!important;padding:0 26px!important;font-size:15px!important;margin:0!important}.register .btn_submit{background:#20acd0!important;color:#fff!important}.register .register_form_inner ul{padding:0!important}.register .register_form_inner li{padding:0!important;margin:0 0 23px!important;width:100%!important;float:none!important}.register .register_form_inner li:last-child{margin-bottom:0!important}.register .register_form_inner label{display:block;font-size:14px!important;font-weight:600!important;margin:0 0 9px!important;color:#597586!important}.register .register_form_inner .frm_input,.register select{height:48px!important;font-size:16px!important;padding:11px 14px!important;width:100%!important;border:1px solid #dae5ec!important;background-color:#fff!important;background-image:none!important;border-radius:7px!important;margin:0 0 8px!important;box-shadow:none!important}.register .frm_info{font-size:12px!important;line-height:1.7;color:#90a3ae!important}.register .register_form_inner .chk_box label{display:inline-block!important;font-size:13px!important;font-weight:400!important}.register .btn_frmline{height:42px!important;line-height:40px!important;border-radius:6px!important;background:#edf7fc!important;color:#208cad!important;border:1px solid #d6eaf3!important;margin-bottom:9px}.register #reg_mb_zip{width:135px!important}.register .tooltip{font-size:12px!important;font-weight:400}.register input:focus,.mbskin input:focus{outline:3px solid #e3f5fc!important;border-color:#27add0!important}.mbskin:not(#mb_login){max-width:510px!important;width:calc(100% - 32px)!important;margin:60px auto!important;padding:32px!important;border:1px solid #e0e9ef!important;border-radius:12px!important;background:white!important}.mbskin:not(#mb_login) .mbskin_box{padding:0!important;border:0!important}.mbskin:not(#mb_login) h1{font-size:25px!important}.mbskin:not(#mb_login) p{font-size:14px;line-height:1.8;color:#8099a7}.mbskin:not(#mb_login) .frm_input{height:48px!important;font-size:16px!important;border-radius:7px!important}.mbskin:not(#mb_login) .btn_submit{height:48px!important;background:#20acd0!important;border-radius:7px!important;font-size:15px!important}
.cs-my{max-width:1120px;margin:25px auto 70px}.cs-my-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px;background:#ecf8fc;border-radius:14px;margin-bottom:26px}.cs-my-welcome h2{font-size:29px;letter-spacing:-1px;line-height:1.4;margin:0 0 9px}.cs-my-welcome p{font-size:14px;color:#81a0ae;margin:0}.cs-my-welcome>a{font-size:13px;border:1px solid #cfe4ee;background:white;border-radius:7px;padding:12px 17px;color:#4e839b}.cs-my-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px}.cs-my-nav{display:flex;flex-direction:column;gap:5px}.cs-my-nav a{padding:13px 16px;border-radius:7px;font-size:14px;color:#77909f}.cs-my-nav a.active{background:#edf8fc;color:#189bc3;font-weight:700}.cs-my-nav small{font-size:11px;color:#a3b3bc;padding:22px 16px 4px}.cs-my-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e2ebef;border-radius:10px;padding:25px 0;margin:0 0 32px}.cs-my-stats a{text-align:center;border-right:1px solid #e5edf1;font-size:13px;color:#8ba0ac}.cs-my-stats a:last-child{border:0}.cs-my-stats strong{display:block;font-size:30px;font-weight:750;color:#2e809f;margin-bottom:7px}.cs-my-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.cs-my-heading h2{font-size:22px;letter-spacing:-.5px}.cs-my-heading a{font-size:12px;color:#8ca1af}.cs-order-card{border:1px solid #dfe9ef;border-radius:10px;margin-bottom:18px;background:white;overflow:hidden}.cs-order-meta{padding:16px 20px;background:#f7fafc;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:#8aa1af}.cs-order-meta b{color:#557b91;font-weight:600}.cs-order-meta a{font-size:12px}.cs-order-body{padding:22px;display:flex;gap:20px;align-items:center}.cs-order-body img{width:75px;height:88px;object-fit:contain;border-radius:5px}.cs-order-body>div{flex:1;min-width:0}.cs-order-body h3{font-size:15px;font-weight:600;line-height:1.6;margin:9px 0}.cs-order-body p{font-size:14px;margin:5px 0;color:#466a80}.cs-order-body small{font-size:12px;color:#9aadb8}.cs-order-status{font-size:12px;font-weight:600;color:#1e9bbf}.cs-empty-account{border:1px solid #e1eaf0;border-radius:10px;text-align:center;padding:65px 20px;color:#97aab5}.cs-empty-account strong{display:block;color:#597989;font-size:18px;margin-bottom:12px}.cs-empty-account a{display:inline-block;background:#25add0;color:white;border-radius:6px;font-size:13px;padding:12px 22px;margin-top:24px}.cs-my-help{padding:23px;background:#f7fafc;border-radius:9px;margin-top:28px;font-size:13px;line-height:1.8;color:#92a6b2}.cs-my-help strong{display:block;font-size:15px;color:#5d7d90;margin-bottom:5px}
#sod_fin{font-size:14px!important}#sod_fin_no{padding:24px!important;background:#eaf8fc!important;border-radius:10px!important;margin-bottom:25px!important;font-size:15px!important}#sod_fin_no strong{font-size:21px!important}#sod_fin h2{font-size:21px!important;margin-bottom:20px!important}#sod_fin .tbl_frm01 th,#sod_fin .tbl_frm01 td{font-size:14px!important;line-height:1.8!important;padding:14px!important;border-color:#e5ecf1!important}#sod_fin .tbl_frm01 th{width:115px!important;background:#f6f9fb!important;color:#77919f!important;font-weight:500!important}#sod_fin .tbl_frm01{border:1px solid #e4ebf0;border-radius:9px;overflow:hidden}#sod_fin section{margin-bottom:30px!important}#sod_fin .sod_left{width:calc(100% - 360px)!important}#sod_fin .sod_right{width:330px!important}#sod_fin .tbl_head03{overflow:auto}#sod_fin .tbl_head03 th,#sod_fin .tbl_head03 td{padding:17px 12px!important;font-size:13px!important}#sod_fin .btn01,#sod_fin .btn02{font-size:14px;border-radius:6px;padding:12px 20px;height:auto}#sod_fin .btn_confirm{margin-top:25px}
@media(max-width:760px){.cs-auth-layout{display:block;margin:24px 16px;max-width:none;border-radius:12px}.cs-auth-story{min-height:0;padding:25px}.cs-auth-brand{font-size:28px}.cs-auth-story h2{font-size:23px;margin:20px 0 8px}.cs-auth-story h2 br{display:none}.cs-auth-story p{font-size:12px}.cs-auth-story img{display:none}.cs-auth-layout #mb_login{padding:26px 23px}.register{margin:20px auto 40px!important}.register section,.register .register_form_inner{padding:21px 17px!important}.register #fregister_private th,.register #fregister_private td{padding:11px 6px!important;font-size:11px}.cs-my-welcome{padding:24px;align-items:flex-start}.cs-my-welcome h2{font-size:24px}.cs-my-welcome p{font-size:12px}.cs-my-welcome>a{font-size:11px;padding:8px;white-space:nowrap}.cs-my-grid{display:block}.cs-my-nav{display:flex;flex-direction:row;overflow:auto;gap:5px;margin:0 0 22px}.cs-my-nav a{white-space:nowrap;font-size:12px;padding:11px}.cs-my-nav small,.cs-my-nav a:last-child{display:none}.cs-my-stats{padding:20px 0}.cs-my-stats a{font-size:11px}.cs-my-stats strong{font-size:25px}.cs-order-meta{font-size:11px;padding:13px}.cs-order-meta b{display:block;margin-bottom:4px}.cs-order-body{padding:16px;gap:13px}.cs-order-body h3{font-size:13px}.cs-order-body img{width:60px;height:75px}.cs-my-heading h2{font-size:20px}#sod_fin .sod_left,#sod_fin .sod_right{float:none!important;width:100%!important}#sod_fin .tbl_frm01 th{width:85px!important}#sod_fin .tbl_frm01 th,#sod_fin .tbl_frm01 td{font-size:12px!important;padding:11px!important}#sod_fin_no strong{font-size:17px!important}}

/* Mobile account layout: all menu actions fit without sideways scrolling. */
.cs-my-grid>*{min-width:0}.cs-my-welcome h2{word-break:keep-all}.cs-my-nav a:hover{background:#f2f9fc;color:#1c94b9}
@media(max-width:760px){.cs-my{margin:8px auto 45px}.cs-my-welcome{display:block;padding:24px;margin-bottom:20px}.cs-my-welcome h2{font-size:22px;letter-spacing:-.7px;margin-bottom:10px}.cs-my-welcome>a{display:inline-flex;margin-top:18px;padding:9px 14px;font-size:12px}.cs-my-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow:visible;margin-bottom:24px}.cs-my-nav a{white-space:normal;word-break:keep-all;text-align:center;padding:13px 6px;background:#f6f9fb;border:1px solid #e9eff3;border-radius:7px;font-size:12px;line-height:1.6}.cs-my-nav a.active{background:#e9f7fc;border-color:#d2eaf4}.cs-my-stats{margin-bottom:27px}.cs-order-meta{align-items:flex-start}.cs-order-meta>a{white-space:nowrap;font-size:11px;margin-top:3px}.cs-my-help{padding:19px;font-size:12px}.cs-my-help strong{font-size:14px}.cs-order-body h3{word-break:keep-all}.cs-my-welcome p{font-size:13px}}

#sod_fin_list .td_prd{min-width:270px!important;text-align:left!important}
#sod_fin_list .td_prd .sod_img{float:none!important;position:static!important;width:64px!important;height:78px!important;display:inline-block!important;vertical-align:middle;margin:0 14px 0 0!important}
#sod_fin_list .td_prd .sod_img img{width:64px!important;height:78px!important;object-fit:contain}
#sod_fin_list .sod_name{display:inline-block!important;vertical-align:middle;width:calc(100% - 90px)!important;padding:0!important;float:none!important;font-size:14px!important;line-height:1.7!important}
#sod_fin_list .sod_name>a{font-size:14px!important;font-weight:600!important}
#sod_fin_list .sod_opt{font-size:12px!important;color:#95a9b4!important;padding:0!important;margin-top:7px!important}
#sod_fin .tbl_head01{border:1px solid #e1eaf0;border-radius:9px;overflow:hidden;margin-bottom:20px!important}
#sod_fin .tbl_head01 table{width:100%;table-layout:auto!important}
#sod_fin .tbl_head01 th{background:#f6f9fb!important;color:#7c95a3!important;font-size:13px!important;font-weight:500!important;width:105px!important;padding:15px!important;border:0!important;border-bottom:1px solid #e5edf2!important}
#sod_fin .tbl_head01 td{font-size:14px!important;line-height:1.8!important;padding:15px!important;border:0!important;border-bottom:1px solid #e5edf2!important;word-break:break-word}
#sod_fin .sod_left>h2{margin:25px 0!important}
#sod_fin h3{font-size:17px!important;font-weight:650!important;margin:0 0 16px!important}
#sod_fin #sod_fin_pay{background:#f7fafc!important;border:1px solid #e0e9ef!important;padding:23px!important;border-radius:10px!important}
#sod_fin #sod_fin_pay li{height:auto!important;min-height:0!important;font-size:13px!important;line-height:1.8!important;padding:11px 0!important;word-break:break-word;border-color:#e1eaf0!important}
#sod_fin #sod_fin_pay li strong{font-size:12px!important;color:#899faa!important;float:none!important;display:block!important;margin-bottom:4px!important}
#sod_fin #sod_bsk_tot2{padding:22px!important;background:#f2f9fc!important;border:1px solid #dfebf1!important;border-radius:10px!important;margin-bottom:22px!important}
#sod_fin #sod_bsk_tot2 li{height:auto!important;line-height:1.8!important;padding:10px 0!important;font-size:14px!important}
@media(max-width:760px){#sod_fin_list .tbl_head03{border:0!important;overflow:visible!important}#sod_fin_list table,#sod_fin_list tbody{display:block!important;width:100%!important;min-width:0!important}#sod_fin_list thead{display:none!important}#sod_fin_list tbody tr{display:grid!important;grid-template-columns:1fr 1fr;gap:12px 16px;border:1px solid #dfe9ef!important;border-radius:10px;padding:18px!important;margin-bottom:15px!important;background:white!important}#sod_fin_list tbody td{display:block!important;width:auto!important;min-width:0!important;padding:0!important;border:0!important;text-align:left!important;font-size:13px!important;line-height:1.7!important}#sod_fin_list tbody td.td_prd{grid-column:1/-1;display:flex!important;gap:13px;margin-bottom:8px}#sod_fin_list .td_prd .sod_img{flex-shrink:0;margin:0!important;display:block!important}#sod_fin_list .sod_name{flex:1;min-width:0;width:auto!important;display:block!important}#sod_fin_list .sod_name>a{font-size:14px!important;word-break:keep-all}#sod_fin_list .sod_opt{font-size:11px!important;line-height:1.7!important}#sod_fin_list td:before{color:#96a9b3;font-size:12px;margin-right:8px}#sod_fin_list td[headers=th_itqty]:before{content:'수량'}#sod_fin_list td[headers=th_itprice]:before{content:'판매가'}#sod_fin_list td[headers=th_itsum]:before{content:'상품 금액'}#sod_fin_list td[headers=th_itst]:before{content:'주문 상태'}#sod_fin_list td[headers=th_itpt],#sod_fin_list td[headers=th_itsd]{display:none!important}#sod_fin_list td[headers=th_itprice]:after,#sod_fin_list td[headers=th_itsum]:after{content:'원';margin-left:3px}#sod_fin_list td[headers=th_itqty]:after{content:'개';margin-left:3px}#sod_fin .tbl_head01 th{width:80px!important;font-size:12px!important;padding:12px!important}#sod_fin .tbl_head01 td{font-size:13px!important;padding:12px!important}#sod_fin .sod_left,#sod_fin .sod_right{height:auto!important;margin:0!important;padding:0!important}#sod_fin .sod_right{margin-top:25px!important}#sod_fin .sod_left>h2{font-size:21px!important}#sod_fin_no{line-height:1.8!important;padding:20px!important}#sod_fin_no strong{display:block!important;font-size:21px!important}#sod_fin #sod_fin_cancel{margin:20px 0!important}#sod_fin #sod_fin_cancel button{height:46px!important;font-size:14px!important;border-radius:7px!important;width:100%!important}}

.cs-auth-layout #mb_login{padding:38px!important;text-align:left!important}.cs-auth-layout .mb_log_cate{text-align:center!important}.cs-auth-layout #login_fs>label{text-align:left!important}.cs-auth-layout #login_fs>.btn_submit{margin:20px 0 0!important}.cs-auth-layout #login_info{padding-top:20px!important}
.register #fregister>p{border:0!important;border-left:0!important;text-align:left!important}
.register .fregister_agree{display:flex!important;align-items:center!important;gap:9px!important;position:static!important;float:none!important;width:auto!important;min-height:24px!important;margin-top:17px!important}
.register .fregister_agree input[type=checkbox]{position:static!important;display:inline-block!important;opacity:1!important;z-index:auto!important;width:18px!important;height:18px!important;margin:0!important;flex-shrink:0;accent-color:#24acd0}
.register .fregister_agree label{position:static!important;display:block!important;margin:0!important;padding:0!important;font-size:13px!important;line-height:1.7!important;color:#6e8898!important;font-weight:400!important;cursor:pointer}
.register .fregister_agree label span{display:none!important}.register .fregister_agree label b{font-weight:400!important}
#sod_fin_list tbody td{height:auto!important;min-height:0!important}#sod_fin_list .sod_opt{word-break:keep-all!important}
@media(max-width:760px){.cs-auth-layout #mb_login{padding:26px 23px!important}.cs-auth-story h2 br{display:inline!important}.cs-auth-story h2 br:after{content:' '}.cs-auth-story h2{font-size:22px!important;word-break:keep-all}.register .fregister_agree label{font-size:12px!important}.register #fregister_chkall{padding:17px!important}#sod_fin_list tbody tr{height:auto!important;min-height:0!important}#sod_fin_list tbody td.td_prd{margin-bottom:12px!important;min-height:80px!important}}