@charset "utf-8";

.float-area{ *zoom:1; }
.float-area:after{ content:''; display:block; clear:both; }
.float-area .fl{ float:left; }
.float-area .fr{ float:right; }

.flex-area{ margin:0 -5px; display:flex; }
.flex-area > * { margin:0 5px; }

.relative{ position:relative; }
.absolute{ position:absolute; }
.blind{ width:0; height:0; line-height:0; position:absolute; left:-9999px; font-size:0; overflow:hidden; }

.border-none{ border:none !important; }
.border-top{ border-top:1px solid #eee; }
.bottom-none{ border-bottom:none !important; }
.border-bottom{ border-bottom:1px solid #ededed !important; }
.none{ display:none !important; }
.block{ display:block !important; }

.m0{ margin:0 !important; }
.m20{ margin:20px !important; }
.mg20{ margin-top:20px !important; margin-bottom:20px !important; }
.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt20{ margin-top:20px !important; }
.mt24{ margin-top:24px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt36{ margin-top:36px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }
.mt60{ margin-top:60px !important; }
.mb0{ margin-bottom:0 !important; }
.mb10{ margin-bottom:10px !important; }
.mb12{ margin-bottom:12px !important; }
.mb15{ margin-bottom:15px !important; }
.mb16{ margin-bottom:16px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.mb70{ margin-bottom:70px !important; }
.mb75{ margin-bottom:75px !important; }
.mb80{ margin-bottom:80px !important; }
.mb120{ margin-bottom:120px !important; }
.mb180{ margin-bottom:180px !important; }
.ml0{ margin-left:0 !important; }
.mr0{ margin-right:0 !important; }
.mlr16{ margin: 0 16px !important; }
.mr20{ margin-right:20px !important; }
.m-auto{margin:0 auto !important;}

.p0{ padding:0 !important; }
.p20{ padding:20px !important; }
.p25{ padding:25px !important; }
.p40{ padding:40px !important; }
.pt0{ padding-top:0 !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
.pt25{ padding-top:25px !important; }
.pt30{ padding-top:30px !important; }
.pt40{ padding-top:40px !important; }
.pt50{ padding-top:50px !important; }
.pt75{ padding-top:75px !important; }
.pb0{ padding-bottom:0px !important; }
.pb15{ padding-bottom:15px !important; }
.pb25{ padding-bottom:25px !important; }
.pb30{ padding-bottom:30px !important; }
.pb50{ padding-bottom:50px !important; }
.pb100{ padding-bottom:100px !important; }
.pb120{ padding-bottom:120px !important; }
.pb140{ padding-bottom:140px !important; }
.pb160{ padding-bottom:160px !important; }
.pb180{ padding-bottom:180px !important; }
.pb200{ padding-bottom:200px !important; }
.pl0{ padding-left:0px !important; }
.pl16{ padding-left:16px !important; }
.pl25{ padding-left:25px !important; }
.pr0{ padding-right:0px !important; }
.pr16{ padding-right:16px !important; }
.pr20{ padding-right:20px !important; }
.pr25{ padding-right:25px !important; }

.wid-10p {width:10% !important;}
.wid-20p {width:20% !important;}
.wid-30p {width:30% !important;}
.wid-40p {width:40% !important;}
.wid-50p {width:50% !important;}
.wid-60p {width:60% !important;}
.wid-70p {width:70% !important;}
.wid-80p {width:80% !important;}
.wid-90p {width:90% !important;}
.wid-100p {width:100% !important;}

.color-gray{ color:rgba(0, 0, 0, 0.4) !important; }
.color-black{ color:#000 !important; }
.color-red{ color:#C27477 !important; }
.color-white{ color:#fff !important; }

.fw300{ font-weight:300 !important; }
.fw400{ font-weight:400 !important; }
.fw500{ font-weight:500 !important; }
.fw600{ font-weight:600 !important; }
.fw700{ font-weight:700 !important; }
.fw800{ font-weight:800 !important; }
.fw900{ font-weight:900 !important; }

.hr{ width:100%; height:8px; background-color:#F7F7F7; border:none; }

/* txt */
.txt-center{ text-align:center !important; }
.txt-left{ text-align:left !important; }
.txt-right{ text-align:right !important; }

.txt-underline{ text-decoration:underline; }
.txt-overflow{ overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.txt-ellipsis{ display:inline-block; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; word-wrap:normal; zoom:1; *display:inline/*IE7 HACK*/; }
/* vertical-align:middle; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap;  */
.txt-through{ text-decoration:line-through; }
.txt-info{ font-size:14px; }

/* tit */
.tit-dep1{ line-height:32px; font-size:32px; font-weight:500; letter-spacing:-1.5px; }
.tit-dep1 small{ display:block; font-size:16px; font-weight:400; letter-spacing:-0.5px; }
.tit-dep2{ line-height:35px; font-size:24px; font-weight:500; letter-spacing:-1.5px; }
.tit-dep2 small{ display:block; font-size:16px; font-weight:400; letter-spacing:-0.5px; }
.tit-dep3{ font-size:20px; font-weight:700; letter-spacing:-1.5px; }
.tit-dep3 small{ display:block; color:rgba(0, 0, 0, 0.4); font-size:12px; font-weight:300;}
.tit-dep3 .ico{ display:inline-block; top:-1.5px; }
.tit-dep4{ font-size:18px; font-weight:700; letter-spacing:-1.5px; }
.tit-dep5{ font-size:14px; font-weight:500; letter-spacing:-1px; }
.tit-dep6{ font-size:16px; font-weight:700; letter-spacing:-1px; }

/* col */
.col-30{ width:33%; }
.col-35{ width:35%; }
.col-50{ width:50%; }
.col-60{ width:60%; }
.col-100{ width:100%; }

/* layout */
.content-container{ width:100%; }
.flex-container{ width:100%; height:100%; margin:0 auto; padding:0; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; flex-direction:column; }
.content-layout{ position:relative; margin: 0 16px; }
.wide-layout{ width:100%; position:relative; }

/* content */
.content-area{ padding:20px 25px; }
.content-container .page_title { margin-bottom: 20px; font-size: 20px; line-height: 1.3; font-weight: 400; letter-spacing: -1px; color: #222; }

/* dim-pop */
.nav-bg{ display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, .5); z-index:999; }

/* btn */
.btn{ width:100%; height:2.5rem; line-height:2.428571429rem; padding:0; display:inline-block; background-color:#fff; border:none; border:1px solid #000; font-size:0.875rem; text-align:center; letter-spacing:-.02em; vertical-align:top; box-sizing:border-box; }
.btn-default{ font-weight:700; color:#fff; letter-spacing:-0.05em; };
.btn-strong{ font-weight:700; }
.btn-sm{ width:auto; height:1.571428571rem; line-height:1.428571429rem; padding:0 0.714285714rem; font-size:0.857142857rem; font-weight:400; }
.btn-mid{ width:auto; height:2.142857143rem; line-height:2.071428571rem; padding:0 0.714285714rem; font-size:0.857142857rem; font-weight:400; }
.btn-lg{ height:2.785714286rem; line-height:2.714285714rem; }
.btn-border, .btn-border:hover{ background-color:transparent; border-color:rgba(0, 0, 0, 0.2) !important; background-color:#fff; color:rgba(0, 0, 0, 0.4) !important; }
.btn-border-black, .btn-border-black:hover{ background-color:transparent; border-color:#000 !important; background-color:#fff; color:#000; }
.btn-border-gray, .btn-border-gray:hover{ background-color:transparent; border-color:rgba(0, 0, 0, 0.2) !important; background-color:#fff; color:#000; }
.btn-search{ width:84px; line-height:34px; height:34px; position:absolute; top:50%; right:9px; transform:translate(0, -50%); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* .btn-default, .btn-default:hover{ background-color:#0068b7; border-color:#0068b7; color:#fff; } */
.btn-black, .btn-black:hover{ background-color:#000; border-color:#000; color:#fff !important; }
.btn-gray, .btn-gray:hover{ background-color:#b3b3b3; border-color:#b3b3b3; color:#fff !important; }
.btn-refund, .btn-refund:hover{ background-color:#C6C6C6; border-color:#C6C6C6; color:rgba(0, 0, 0, 0.4) !important; cursor:default; }
.btn-white, .btn-white:hover{ border-color:#dfdfdf; color:#000 !important; }
.btn-disabled, .btn-disabled:hover{ background-color:#dfdfdf !important; border-color:#dfdfdf !important; color:#fff !important; cursor:default; }
.btn-inactive, .btn-inactive:hover{ background-color:#F7F7F7 !important; border-color:rgba(0, 0, 0, 0.2) !important; color:rgba(0, 0, 0, 0.4) !important; cursor:default; }

/* btn-count */
.btn-count-wrap{ height:32px; margin-right:32px; display:inline-block; position:relative; border:1px solid #dfdfdf; font-size:0; vertical-align:top; box-sizing:border-box; }
.btn-count-wrap:before{ content:''; width:1px; position:absolute; top:0; left:32px; bottom:0; background-color:#dfdfdf; }
.btn-count-wrap:after{ content:''; width:1px; position:absolute; top:0; right:32px; bottom:0; background-color:#dfdfdf; }
.btn-count-wrap > *{ line-height:32px; vertical-align:middle; }
.btn-count-wrap .btn-minus, .btn-count-wrap .btn-plus{ width:32px; display:inline-block; position:relative; background-repeat:no-repeat; background-position:50% 50%; text-indent:-9999em; }
.btn-count-wrap .btn-minus{ background-image:url("data:image/svg+xml,%3Csvg width='12' height='2' viewBox='0 0 12 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='1' fill='black' fill-opacity='0.93'/%3E%3C/svg%3E%0A"); }
.btn-count-wrap .btn-plus{ background-image:url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 6V0.5H5.5V6H0V7H5.5V12.5H6.5V7H12V6H6.5Z' fill='black' fill-opacity='0.93'/%3E%3C/svg%3E%0A"); }
.btn-count-wrap > span{ width:64px; display:inline-block; font-size:14px; text-align:center; }

/* ico */
[class^='ico']{ display:inline-block; position:relative; top:-1px; background-position:50% 0; background-size:100% 100%; background-repeat:no-repeat; text-indent:-9999px; vertical-align:middle; }
/* .ico-home{ width:24px; height:24px; background-image:url(//img.sdij.com/books/mo/2022/ico/ico_home.png); } */
.ico-delivery{ width:28px; height:28px; background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 9L21 20.125C21 20.6083 20.6082 21 20.125 21L7.875 21C7.39175 21 7 20.6082 7 20.125L7 9' stroke='black' stroke-width='1.05' stroke-linecap='square'/%3E%3Cpath d='M11.5 9V5.875C11.5 5.39175 11.8918 5 12.375 5L15.625 5C16.1082 5 16.5 5.39175 16.5 5.875V9' stroke='black' stroke-width='1.05' stroke-linecap='square'/%3E%3C/svg%3E%0A"); }
.ico-hamburger{ width:28px; height:28px; background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 8.5H21' stroke='%23767676' stroke-linecap='square'/%3E%3Cpath d='M7 14H21' stroke='%23767676' stroke-linecap='square'/%3E%3Cpath d='M7 19.5H21' stroke='%23767676' stroke-linecap='square'/%3E%3C/svg%3E%0A");}
.ico-home{ width:28px; height:28px; background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 23V12.4985C5 12.2326 5.13211 11.9841 5.35251 11.8354L13.5525 6.30197C13.8229 6.11949 14.1771 6.11949 14.4475 6.30197L22.6475 11.8354C22.8679 11.9841 23 12.2326 23 12.4985V23' stroke='%23222222' stroke-width='1.6'/%3E%3Cline x1='14' y1='23' x2='14' y2='16' stroke='%23222222' stroke-width='1.6'/%3E%3C/svg%3E%0A");}
.ico-logo{ width:24px; height:24px; background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.106 18.058h2.827l-1.082 1.713H1L11.59 3l1.082 1.712 2.661 4.216-1.01 1.605-2.733-4.325-7.484 11.85ZM22.181 3h-9.405l1.082 1.712h5.215l-3.2 5.07-1.013 1.603-4.214 6.673H8.119l-1.082 1.713h4.554l1.083-1.713h-.002l3.2-5.07 1.013-1.603L22.181 3ZM12.166 13.164a.879.879 0 1 0-1.464-.974.879.879 0 0 0 1.464.974Zm6.907 4.894-2.661-4.215 1.012-1.603 4.757 7.53h-9.406l1.082-1.712h5.216Z' fill='%23000' fill-opacity='.93'/%3E%3C/svg%3E"); }
.ico-books{ background-image: url("data:image/svg+xml,%3Csvg width='134' height='16' viewBox='0 0 134 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72.7969 13.3448H75.6515C77.7027 13.3448 78.6828 12.518 78.6828 10.9874C78.6828 9.45668 77.7255 8.62987 75.4008 8.62987H72.8026V13.3448H72.7969ZM72.7969 7.15508H75.3951C77.5831 7.15508 78.4435 6.29476 78.4435 4.91492C78.4435 3.53507 77.566 2.69149 75.4749 2.69149H72.7969V7.15508ZM75.5319 1.19434C78.7341 1.19434 80.2212 2.59096 80.2212 4.66352C80.2212 6.1942 79.4178 7.3059 77.9136 7.8422V7.88131C79.5716 8.26677 80.5346 9.41198 80.5346 11.0823C80.5346 13.3616 78.8366 14.8364 75.9022 14.8364H70.9963V1.19434H75.5319Z' fill='%23676E75'/%3E%3Cpath d='M83.992 8.01887C83.992 11.3707 85.69 13.4992 88.4307 13.4992C91.1713 13.4992 92.8693 11.3707 92.8693 8.01887C92.8693 4.66701 91.1485 2.53858 88.4307 2.53858C85.7128 2.53858 83.992 4.66701 83.992 8.01887ZM94.7439 8.01887C94.7439 12.3707 92.2995 15.108 88.4307 15.108C84.5618 15.108 82.1174 12.3707 82.1174 8.01887C82.1174 3.66704 84.5618 0.929688 88.4307 0.929688C92.2995 0.929688 94.7439 3.66704 94.7439 8.01887Z' fill='%23676E75'/%3E%3Cpath d='M98.686 8.01887C98.686 11.3707 100.384 13.4992 103.125 13.4992C105.865 13.4992 107.563 11.3707 107.563 8.01887C107.563 4.66701 105.843 2.53858 103.125 2.53858C100.407 2.53858 98.686 4.66701 98.686 8.01887ZM109.438 8.01887C109.438 12.3707 106.994 15.108 103.125 15.108C99.2559 15.108 96.8115 12.3707 96.8115 8.01887C96.8115 3.66704 99.2559 0.929688 103.125 0.929688C106.994 0.929688 109.438 3.66704 109.438 8.01887Z' fill='%23676E75'/%3E%3Cpath d='M122.41 14.8394H120.011L113.971 8.13564H113.931V14.8394H112.131V1.19727H113.931V7.34793H113.971L119.578 1.19727H121.846L115.766 7.69429L122.41 14.8394Z' fill='%23676E75'/%3E%3Cpath d='M133.108 5.41294H131.29C131.29 3.40183 130.156 2.44096 128.105 2.44096C126.384 2.44096 125.347 3.26775 125.347 4.56939C125.347 6.02745 126.424 6.44642 128.709 7.00506C131.347 7.63633 133.438 8.28994 133.438 11.0887C133.438 13.5412 131.484 15.111 128.453 15.111C125.21 15.111 123.256 13.463 123.256 10.3178H125.114C125.114 12.558 126.384 13.597 128.475 13.597C130.566 13.597 131.581 12.6976 131.581 11.1837C131.581 9.66978 130.43 9.28434 128.179 8.73128C125.501 8.07767 123.507 7.42962 123.507 4.68668C123.507 2.48563 125.285 0.932617 128.116 0.932617C131.438 0.932617 133.102 2.46887 133.102 5.4185' fill='%23676E75'/%3E%3Cpath d='M53.7402 4.09697V1.9909H56.0592L56.7942 0.365234H49.199V1.9909H51.7744L51.7687 4.09697L48.7146 10.527H50.6405L52.7544 6.1081L54.8741 10.527H56.7999L53.7402 4.09697Z' fill='%23222222'/%3E%3Cpath d='M34.9114 4.43562C34.9114 3.54738 35.1051 2.86024 35.4926 2.40216C35.9142 1.91055 36.5467 1.64797 37.3216 1.64797C38.0965 1.64797 38.7517 1.91055 39.1734 2.40216C39.6064 2.87142 39.84 3.56973 39.84 4.43562C39.84 6.20652 38.9227 7.22325 37.3273 7.22325C35.7319 7.22325 34.9171 6.23445 34.9171 4.43562M40.5352 7.64782C41.3614 6.83779 41.783 5.75402 41.783 4.43562C41.7602 3.11723 41.3329 2.02785 40.5124 1.20106C39.6862 0.413375 38.5865 0 37.3159 0C36.0453 0 34.9342 0.424548 34.165 1.20106C33.3388 2.01109 32.9171 3.10047 32.9171 4.43562C32.9171 5.77078 33.3502 6.88805 34.165 7.67015C34.9342 8.44667 36.0566 8.87125 37.3159 8.87125C38.5751 8.87125 39.7261 8.43551 40.5295 7.64782' fill='%23222222'/%3E%3Cpath d='M46.7153 14.3322H37.3765V10.5781H35.4165V15.997H45.9632L46.7153 14.3322Z' fill='%23222222'/%3E%3Cpath d='M61.3004 0.229492V4.66512H59.688V0.268601H57.8418V15.7821H59.688V6.41367H61.3004V16H63.1465V0.229492H61.3004Z' fill='%23222222'/%3E%3Cpath d='M14.2319 0.229492H12.3459V15.8436H14.2319V0.229492Z' fill='%23222222'/%3E%3Cpath d='M19.0195 2.03557H23.4296V0.365234H17.0651V10.527H23.3385L24.0963 8.83984H19.0195V2.03557Z' fill='%23222222'/%3E%3Cpath d='M46.3174 0.229492H44.3687V11.5811H46.3174V0.229492Z' fill='%23222222'/%3E%3Cpath d='M2.28882e-05 10.6064H2.07405L5.28764 3.97527L8.50695 10.6064H10.581H10.6151L5.30473 0.03125L2.28882e-05 10.6064Z' fill='%23222222'/%3E%3Cpath d='M28.8833 0.229492V4.66512H27.2708V0.268601H25.4304V15.7821H27.2708V6.41367H28.8833V16H30.7294V0.229492H28.8833Z' fill='%23222222'/%3E%3C/svg%3E%0A");}
.ico-books-w{ background-image: url("data:image/svg+xml,%3Csvg width='134' height='16' viewBox='0 0 134 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72.7969 13.3448H75.6515C77.7027 13.3448 78.6828 12.518 78.6828 10.9874C78.6828 9.45668 77.7255 8.62987 75.4008 8.62987H72.8026V13.3448H72.7969ZM72.7969 7.15508H75.3951C77.5831 7.15508 78.4434 6.29476 78.4434 4.91492C78.4434 3.53507 77.566 2.69149 75.4749 2.69149H72.7969V7.15508ZM75.5318 1.19434C78.734 1.19434 80.2212 2.59096 80.2212 4.66352C80.2212 6.1942 79.4178 7.3059 77.9136 7.8422V7.88131C79.5716 8.26677 80.5346 9.41198 80.5346 11.0823C80.5346 13.3616 78.8366 14.8364 75.9022 14.8364H70.9963V1.19434H75.5318Z' fill='%23676E75'/%3E%3Cpath d='M83.992 8.01887C83.992 11.3707 85.69 13.4992 88.4306 13.4992C91.1713 13.4992 92.8693 11.3707 92.8693 8.01887C92.8693 4.66701 91.1485 2.53858 88.4306 2.53858C85.7128 2.53858 83.992 4.66701 83.992 8.01887ZM94.7439 8.01887C94.7439 12.3707 92.2995 15.108 88.4306 15.108C84.5618 15.108 82.1174 12.3707 82.1174 8.01887C82.1174 3.66704 84.5618 0.929688 88.4306 0.929688C92.2995 0.929688 94.7439 3.66704 94.7439 8.01887Z' fill='%23676E75'/%3E%3Cpath d='M98.686 8.01887C98.686 11.3707 100.384 13.4992 103.125 13.4992C105.865 13.4992 107.563 11.3707 107.563 8.01887C107.563 4.66701 105.843 2.53858 103.125 2.53858C100.407 2.53858 98.686 4.66701 98.686 8.01887ZM109.438 8.01887C109.438 12.3707 106.994 15.108 103.125 15.108C99.2559 15.108 96.8115 12.3707 96.8115 8.01887C96.8115 3.66704 99.2559 0.929688 103.125 0.929688C106.994 0.929688 109.438 3.66704 109.438 8.01887Z' fill='%23676E75'/%3E%3Cpath d='M122.41 14.8394H120.011L113.971 8.13564H113.931V14.8394H112.131V1.19727H113.931V7.34793H113.971L119.578 1.19727H121.846L115.766 7.69429L122.41 14.8394Z' fill='%23676E75'/%3E%3Cpath d='M133.108 5.41294H131.29C131.29 3.40183 130.156 2.44096 128.105 2.44096C126.384 2.44096 125.347 3.26775 125.347 4.56939C125.347 6.02745 126.424 6.44642 128.709 7.00506C131.347 7.63633 133.438 8.28994 133.438 11.0887C133.438 13.5412 131.484 15.111 128.453 15.111C125.21 15.111 123.256 13.463 123.256 10.3178H125.114C125.114 12.558 126.384 13.597 128.475 13.597C130.566 13.597 131.581 12.6976 131.581 11.1837C131.581 9.66978 130.43 9.28434 128.179 8.73128C125.501 8.07767 123.507 7.42962 123.507 4.68668C123.507 2.48563 125.285 0.932617 128.116 0.932617C131.438 0.932617 133.102 2.46887 133.102 5.4185' fill='%23676E75'/%3E%3Cpath d='M53.7402 4.09697V1.9909H56.0592L56.7942 0.365234H49.199V1.9909H51.7744L51.7687 4.09697L48.7147 10.527H50.6405L52.7544 6.1081L54.8741 10.527H56.7999L53.7402 4.09697Z' fill='white'/%3E%3Cpath d='M34.9114 4.43562C34.9114 3.54738 35.1051 2.86024 35.4925 2.40216C35.9142 1.91055 36.5466 1.64797 37.3216 1.64797C38.0965 1.64797 38.7517 1.91055 39.1734 2.40216C39.6064 2.87142 39.84 3.56973 39.84 4.43562C39.84 6.20652 38.9227 7.22325 37.3273 7.22325C35.7319 7.22325 34.9171 6.23445 34.9171 4.43562M40.5352 7.64782C41.3613 6.83779 41.783 5.75402 41.783 4.43562C41.7602 3.11723 41.3329 2.02785 40.5124 1.20106C39.6862 0.413375 38.5865 0 37.3159 0C36.0452 0 34.9342 0.424548 34.1649 1.20106C33.3388 2.01109 32.9171 3.10047 32.9171 4.43562C32.9171 5.77078 33.3502 6.88805 34.1649 7.67015C34.9342 8.44667 36.0566 8.87125 37.3159 8.87125C38.5751 8.87125 39.7261 8.43551 40.5295 7.64782' fill='white'/%3E%3Cpath d='M46.7154 14.3322H37.3766V10.5781H35.4165V15.997H45.9633L46.7154 14.3322Z' fill='white'/%3E%3Cpath d='M61.3005 0.229492V4.66512H59.688V0.268601H57.8419V15.7821H59.688V6.41367H61.3005V16H63.1466V0.229492H61.3005Z' fill='white'/%3E%3Cpath d='M14.2319 0.229492H12.3459V15.8436H14.2319V0.229492Z' fill='white'/%3E%3Cpath d='M19.0195 2.03557H23.4296V0.365234H17.0651V10.527H23.3385L24.0963 8.83984H19.0195V2.03557Z' fill='white'/%3E%3Cpath d='M46.3174 0.229492H44.3687V11.5811H46.3174V0.229492Z' fill='white'/%3E%3Cpath d='M6.10352e-05 10.6064H2.07409L5.28768 3.97527L8.50698 10.6064H10.581H10.6152L5.30477 0.03125L6.10352e-05 10.6064Z' fill='white'/%3E%3Cpath d='M28.8833 0.229492V4.66512H27.2708V0.268601H25.4304V15.7821H27.2708V6.41367H28.8833V16H30.7294V0.229492H28.8833Z' fill='white'/%3E%3C/svg%3E%0A"); }
.ico-mypage{ width:28px; height:28px; background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 21L7 12.8C7 12.3582 7.35817 12 7.8 12L20.2 12C20.6418 12 21 12.3582 21 12.8L21 21' stroke='%23767676' stroke-linecap='square'/%3E%3Ccircle cx='14' cy='7' r='2' stroke='%23767676'/%3E%3C/svg%3E%0A");}
.ico-search{ width:32px; height:32px; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3379 6.68066C15.8603 6.85924 18.6611 9.77204 18.6611 13.3389L18.6523 13.6816C18.5684 15.3379 17.8794 16.834 16.8027 17.9551L23.9189 25.0713L23.0713 25.9189L15.8965 18.7441C14.7997 19.5372 13.4521 20.0048 11.9951 20.0049L11.6514 19.9961C8.24272 19.8231 5.50972 17.0903 5.33691 13.6816L5.32812 13.3389C5.32812 9.65697 8.31322 6.67188 11.9951 6.67188L12.3379 6.68066ZM11.9951 7.87207C8.97596 7.87207 6.52832 10.3197 6.52832 13.3389C6.5285 16.3579 8.97607 18.8057 11.9951 18.8057C15.014 18.8055 17.4617 16.3578 17.4619 13.3389C17.4619 10.3198 15.0141 7.87225 11.9951 7.87207Z' fill='%239F9F9F'/%3E%3C/svg%3E%0A");}
.ico-share{ width:24px; height:24px; background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.4745 4.29005C18.0246 3.68564 17.1763 3.56512 16.5797 4.02086C15.9831 4.47661 15.8642 5.33603 16.314 5.94044C16.7639 6.54486 17.6122 6.66537 18.2088 6.20963C18.8054 5.75388 18.9243 4.89446 18.4745 4.29005ZM19.8493 3.23979C18.8269 1.86613 16.899 1.59223 15.5431 2.62801C14.3978 3.50286 14.027 5.03221 14.5555 6.31404L11.1792 8.89319L12.2159 10.286L15.6371 7.67255C16.6986 8.42145 18.1565 8.43434 19.2454 7.60248C20.6013 6.5667 20.8717 4.61345 19.8493 3.23979ZM7.81272 14.0963C8.96746 14.0963 9.90356 13.1479 9.90356 11.978C9.90356 10.8082 8.96746 9.85979 7.81272 9.85979C6.65797 9.85979 5.72187 10.8082 5.72187 11.978C5.72187 13.1479 6.65797 14.0963 7.81272 14.0963ZM7.81272 15.8407C9.91842 15.8407 11.6254 14.1113 11.6254 11.978C11.6254 9.84473 9.91842 8.11535 7.81272 8.11535C5.70701 8.11535 4 9.84473 4 11.978C4 14.1113 5.70701 15.8407 7.81272 15.8407ZM18.9161 19.0341C19.3384 18.4096 19.1809 17.5565 18.5644 17.1288C17.9479 16.7011 17.1059 16.8606 16.6837 17.4851C16.2615 18.1097 16.419 18.9627 17.0355 19.3905C17.6519 19.8182 18.4939 19.6587 18.9161 19.0341ZM20.3368 20.0198C21.2963 18.6004 20.9384 16.6617 19.5374 15.6896C18.4217 14.9155 16.9811 14.9877 15.9559 15.7659L12.4164 13.3099L11.4434 14.7492L14.9214 17.1625C14.4331 18.4743 14.8699 20.0022 16.0625 20.8297C17.4636 21.8019 19.3772 21.4393 20.3368 20.0198Z' fill='white'/%3E%3C/svg%3E%0A"); }
.ico-alam{ width:24px; height:24px; background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8889 2V3.83594C16.1856 4.27104 18.73 7.09234 18.73 10.5079V16.9842H20V18.762H15.152C15.1669 18.8868 15.1746 19.014 15.1746 19.1429C15.1746 20.8962 13.7533 22.3175 12 22.3175C10.2467 22.3175 8.82539 20.8962 8.82539 19.1429C8.82539 19.014 8.83307 18.8868 8.84801 18.762H4V16.9842H5.26966V10.5079C5.26966 7.09218 7.81422 4.27079 11.1112 3.83588V2H12.8889ZM10.6557 18.762C10.6215 18.883 10.6032 19.0108 10.6032 19.1429C10.6032 19.9143 11.2285 20.5397 12 20.5397C12.7714 20.5397 13.3968 19.9143 13.3968 19.1429C13.3968 19.0108 13.3785 18.883 13.3443 18.762H10.6557ZM7.04744 10.5079C7.04744 7.77277 9.26469 5.55551 11.9998 5.55551C14.7349 5.55551 16.9522 7.77277 16.9522 10.5079V16.9841H7.04744V10.5079Z' fill='white'/%3E%3C/svg%3E%0A");}
.ico-dropdown{ width:12px; height:12px; background-image:url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.36358 5.67476L11.701 0.337376L12.7275 1.36395L6.36358 7.72791L-0.000383854 1.36395L1.02619 0.337376L6.36358 5.67476Z' fill='black' fill-opacity='0.93'/%3E%3C/svg%3E%0A"); }
.ico-close{ width:26px; height:26px; background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 3 26 26M29 3 3 29' stroke='%23000'/%3E%3C/svg%3E"); }
.ico-close2 { width: 32px; height: 32px; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3398 21.6543L21.6565 10.3435' stroke='%23222222' stroke-width='1.2' stroke-linecap='square'/%3E%3Cpath d='M10.3428 10.3438L21.6565 21.6575' stroke='%23222222' stroke-width='1.2' stroke-linecap='square'/%3E%3C/svg%3E%0A"); }
.ico-close-w{ width:26px; height:26px; background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 3 26 26M29 3 3 29' stroke='%23fff'/%3E%3C/svg%3E"); }
.ico-facebook{ width:60px; height:60px; background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='30' fill='%231574EA'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M37.998 20.292V15h-4.633a6.623 6.623 0 0 0-4.706 1.968 6.75 6.75 0 0 0-1.95 4.75v4.841H22v5.526h4.71v12.913h5.746V32h4.305l.82-5.485h-5.125V22.61c0-.615.241-1.205.672-1.64a2.287 2.287 0 0 1 1.623-.68h3.247Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(22 15)' d='M0 0h16v30H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }
.ico-twitter{ width:60px; height:60px; background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='30' fill='%231EA0F1'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M45.916 21.3c-.634.9-1.363 1.728-2.174 2.472-.883.804-.726 1.35-.812 2.45-.13 1.64-.47 3.258-1.008 4.813a18.313 18.313 0 0 1-5.43 7.918C30.586 44.005 21.482 44.22 15 40.195c4.77.204 6.91-.781 9.393-2.625-2.496-.36-4.734-1.03-5.958-4.464.912.262 1.881.25 2.787-.036-2.3-.734-5.004-1.853-5.004-6.295.975.59 2.294.841 2.866.762-3.102-2.152-3.353-5.777-1.942-8.47 1.994 2.986 9.363 7.174 12.716 6.437-.373-3.012 1.248-6.08 4.232-7.1a7.068 7.068 0 0 1 5.01.119 5.532 5.532 0 0 1 1.793 1.168.495.495 0 0 0 .257.17c.072.014.145.01.215-.01a22.396 22.396 0 0 0 3.484-1.419c.2-.114-1.027 2.812-2.704 3.524a28.056 28.056 0 0 0 3.257-1.017.618.618 0 0 1 .429-.054c.165.047.238.21.085.415Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(15 18)' d='M0 0h31v25H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }
.ico-kakao{ width:60px; height:60px; background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='30' fill='%23FFE812'/%3E%3Cg clip-path='url(%23a)' fill='%23261A00'%3E%3Cpath d='M30.5 16C20.835 16 13 22.12 13 29.67c0 4.882 3.276 9.165 8.203 11.584-.268.916-1.723 5.892-1.78 6.283 0 0-.035.294.157.406.191.112.417.025.417.025.55-.076 6.385-4.136 7.395-4.841 1.03.144 2.068.215 3.108.215 9.665 0 17.5-6.12 17.5-13.67C48 22.12 40.165 16 30.5 16Zm-8.666 17.488c0 .526-.453.955-1.01.955-.556 0-1.01-.429-1.01-.955v-5.943H18.24a.993.993 0 0 1-.699-.287.975.975 0 0 1 0-1.385.993.993 0 0 1 .7-.287h5.17c.262 0 .513.104.698.287a.975.975 0 0 1 0 1.385.993.993 0 0 1-.699.287h-1.575v5.943Zm8.485.804c-.201.09-.42.138-.642.138-.42 0-.743-.17-.84-.442l-.5-1.297H25.26l-.5 1.298c-.097.272-.419.441-.84.441-.221 0-.44-.047-.642-.138-.279-.127-.546-.477-.24-1.42l2.415-6.299c.17-.479.687-.971 1.345-.987.66.015 1.176.508 1.346.988l2.415 6.296c.307.945.04 1.295-.239 1.422Zm5.103.005h-3.24c-.533 0-.967-.412-.967-.917v-6.794c0-.551.462-1 1.031-1 .57 0 1.032.449 1.032 1v5.877h2.145c.534 0 .968.412.968.917 0 .505-.436.917-.97.917Zm7.903-.754a.996.996 0 0 1-.746.83 1.018 1.018 0 0 1-1.06-.366l-2.367-3.108-.35.347v2.183a.993.993 0 0 1-.291.716 1.011 1.011 0 0 1-1.108.22 1.01 1.01 0 0 1-.547-.549.993.993 0 0 1-.074-.387v-6.843a.996.996 0 0 1 .3-.698 1.015 1.015 0 0 1 1.42 0 .996.996 0 0 1 .3.698v2.15l2.817-2.79a.782.782 0 0 1 .56-.223 1 1 0 0 1 .694.296c.174.168.28.393.297.634a.774.774 0 0 1-.223.609l-2.3 2.279 2.485 3.262a.988.988 0 0 1 .193.741v-.001Z'/%3E%3Cpath d='M25.79 30.92h2.017l-1.009-2.839-1.008 2.839Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(13 16)' d='M0 0h35v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }
.ico-linked{ width:60px; height:60px; background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='30' fill='%23ABABAB'/%3E%3Cpath d='M33.344 27.643a6.254 6.254 0 0 0-1.25-.958l-1.157 1.15a1.56 1.56 0 0 0-.38 1.561c.209.127.403.277.578.448a3.123 3.123 0 0 1 .678 3.405 3.123 3.123 0 0 1-.678 1.013l-4.69 4.684a3.13 3.13 0 0 1-5.339-2.21c0-.828.33-1.623.916-2.208l2.757-2.748a7.754 7.754 0 0 1-.433-3.966l-4.512 4.507a6.252 6.252 0 0 0 0 8.847 6.267 6.267 0 0 0 8.857 0l4.69-4.684a6.243 6.243 0 0 0-.037-8.841Z' fill='%23fff'/%3E%3Cpath d='M41.159 19.837a6.253 6.253 0 0 0-6.826-1.36c-.76.316-1.45.777-2.031 1.36l-4.69 4.683a6.218 6.218 0 0 0-.805 7.85 6.223 6.223 0 0 0 2.056 1.939l1.157-1.15a1.56 1.56 0 0 0 .38-1.561 3.183 3.183 0 0 1-.578-.448 3.122 3.122 0 0 1 0-4.418l4.689-4.684a3.13 3.13 0 0 1 5.339 2.21c0 .828-.33 1.623-.916 2.209l-2.72 2.747a7.797 7.797 0 0 1 .454 3.966l4.511-4.512a6.241 6.241 0 0 0-.02-8.831Z' fill='%23fff'/%3E%3C/svg%3E"); }
.ico-new{ width:20px; height:20px; background-image:url("data:image/svg+xml,%3Csvg width='31' height='31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31' height='31' rx='15.5' fill='%23C27477'/%3E%3Cpath d='M11.53 21h1.96v-4.158c0-1.19-.153-2.492-.251-3.612h.07l1.05 2.226L17.355 21h2.1V10.626h-1.96v4.144c0 1.176.168 2.548.266 3.626h-.07l-1.036-2.24-3.01-5.53H11.53V21Z' fill='%23fff'/%3E%3C/svg%3E"); }
.ico-vertical{ width:11px; height:11px; background-image:url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H3L3 2L11 2L11 3L3 3L3 5H2L2 3L0 3V2L2 2L2 0ZM9 11H8V9L0 9V8L8 8V6L9 6L9 8L11 8V9L9 9V11Z' fill='black' fill-opacity='0.93'/%3E%3C/svg%3E%0A"); }
.ico-horizontal{ width:11px; height:11px; background-image:url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 10H8L8 2L7 2L7 1L8 1V0H9V1L10 1V2H9L9 10ZM10 2L11 2V3H10V2ZM7 2L7 3L6 3V2L7 2ZM2 1H3V9H4V10H3V11H2V10H1V9H2V1ZM1 9H0V8H1V9ZM4 9V8H5V9H4Z' fill='black' fill-opacity='0.93'/%3E%3C/svg%3E%0A"); }
.ico-customer{ width:28px; height:28px; background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='21' r='1.5' stroke='%23222222'/%3E%3Cpath d='M14 5C17.866 5 21 8.13401 21 12V17.375H20V12C20 8.68629 17.3137 6 14 6C10.6863 6 8 8.68629 8 12V17C8 19.7614 10.2386 22 13 22H13.9375V23H13L12.6914 22.9922C9.62332 22.8368 7.16325 20.3767 7.00781 17.3086L7 17V12C7 8.13401 10.134 5 14 5Z' fill='%23222222'/%3E%3Cpath d='M7.5 17.5C5.84315 17.5 4.5 16.1569 4.5 14.5C4.5 12.8431 5.84315 11.5 7.5 11.5V17.5Z' stroke='%23222222'/%3E%3Cpath d='M20.5 11.5C22.1569 11.5 23.5 12.8431 23.5 14.5C23.5 16.1569 22.1569 17.5 20.5 17.5L20.5 11.5Z' stroke='%23222222'/%3E%3C/svg%3E%0A"); }
.ico-customers{ width:45px; height:42px; background-image:url("data:image/svg+xml,%3Csvg width='55' height='52' viewBox='0 0 55 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.8501 25.4909C54.4885 23.5809 53.6251 21.7997 52.3471 20.3277C51.0692 18.8557 49.4222 17.7451 47.5729 17.1086C46.8434 12.3475 44.4197 8.0036 40.7413 4.86476C37.0628 1.72592 32.3732 0 27.5231 0C22.6729 0 17.9833 1.72592 14.3049 4.86476C10.6264 8.0036 8.20268 12.3475 7.47326 17.1086L7.30027 17.183C5.52732 17.8784 3.95202 18.9928 2.71102 20.4296C1.47002 21.8664 0.600796 23.5821 0.17875 25.4279C-0.184533 26.928 0.126853 29.6076 0.17875 29.911C0.175968 29.9434 0.175968 29.976 0.17875 30.0084C0.720382 32.5335 2.11677 34.7982 4.13542 36.4254C6.15407 38.0527 8.67319 38.9443 11.2733 38.9518H11.85C12.4025 38.8509 12.8989 38.5532 13.2461 38.1147C13.5933 37.6761 13.7673 37.1268 13.7356 36.5699V18.8262C13.7671 18.2685 13.5923 17.7185 13.2439 17.2799C12.8956 16.8412 12.3978 16.5441 11.8442 16.4444H11.2964C10.8452 16.4489 10.3947 16.4795 9.94705 16.536C10.7919 12.5253 13.0014 8.92558 16.2042 6.34177C19.407 3.75796 23.4079 2.34754 27.5346 2.34754C31.6613 2.34754 35.6622 3.75796 38.865 6.34177C42.0678 8.92558 44.2773 12.5253 45.1221 16.536C44.661 16.4793 44.197 16.4487 43.7324 16.4444H43.1558C42.6022 16.5441 42.1044 16.8412 41.7561 17.2799C41.4077 17.7185 41.2329 18.2685 41.2644 18.8262V36.5756C41.2329 37.1334 41.4077 37.6833 41.7561 38.122C42.1044 38.5607 42.6022 38.8578 43.1558 38.9575H43.7324C43.9631 38.9575 44.188 38.9575 44.4186 38.9289C43.9054 42.1925 42.3831 44.7633 40.1342 46.0859C39.2425 46.552 38.2804 46.8711 37.2856 47.0306C37.0102 46.3815 36.5483 45.8273 35.9576 45.4373C35.3669 45.0473 34.6735 44.8387 33.9641 44.8377H30.3371C29.3812 44.8377 28.4645 45.2147 27.7887 45.8858C27.1128 46.5569 26.7331 47.4671 26.7331 48.4162C26.7331 49.3653 27.1128 50.2755 27.7887 50.9466C28.4645 51.6177 29.3812 51.9947 30.3371 51.9947H33.9641C34.7549 51.9885 35.5218 51.7246 36.1469 51.2436C36.7719 50.7626 37.2206 50.0911 37.424 49.3323C38.7771 49.13 40.0856 48.7001 41.2932 48.0612C44.3206 46.2748 46.2985 42.8223 46.7771 38.5338C48.7701 37.9729 50.5715 36.8833 51.9878 35.3823C53.404 33.8812 54.3816 32.0253 54.8155 30.0141C54.8183 29.9817 54.8183 29.9491 54.8155 29.9168C55.0125 28.4486 55.0241 26.9618 54.8501 25.4909ZM2.44495 29.5904C2.2773 28.3867 2.2676 27.1665 2.41612 25.9604C2.6978 24.7454 3.21818 23.5975 3.94745 22.5826C4.67672 21.5676 5.60054 20.7056 6.66596 20.0458V35.3962C5.59821 34.7686 4.67228 33.9291 3.94601 32.9301C3.21974 31.9312 2.70875 30.7943 2.44495 29.5904ZM11.4002 18.7117C11.4032 18.7441 11.4032 18.7767 11.4002 18.8091V36.5585C11.4061 36.5906 11.4061 36.6236 11.4002 36.6558H11.2791C10.5005 36.6565 9.72509 36.5564 8.97252 36.3581V19.0438C9.72401 18.8389 10.4998 18.7349 11.2791 18.7346L11.4002 18.7117ZM33.9641 49.6816H30.3371C29.993 49.6816 29.663 49.5458 29.4196 49.3042C29.1763 49.0626 29.0396 48.735 29.0396 48.3933C29.0396 48.0516 29.1763 47.724 29.4196 47.4824C29.663 47.2408 29.993 47.105 30.3371 47.105H33.9641C34.3082 47.105 34.6383 47.2408 34.8816 47.4824C35.1249 47.724 35.2616 48.0516 35.2616 48.3933C35.2616 48.735 35.1249 49.0626 34.8816 49.3042C34.6383 49.5458 34.3082 49.6816 33.9641 49.6816ZM43.6113 36.6443C43.6082 36.612 43.6082 36.5794 43.6113 36.547V18.8262C43.6082 18.7939 43.6082 18.7613 43.6113 18.7289H43.7324C44.5107 18.7283 45.2858 18.8265 46.039 19.0209V36.3638C45.2865 36.5626 44.5111 36.6627 43.7324 36.6615L43.6113 36.6443ZM52.5608 29.5675C52.3036 30.7821 51.7952 31.9305 51.0676 32.9398C50.3399 33.949 49.4091 34.7972 48.334 35.4305V19.9714C49.4333 20.5977 50.3825 21.4535 51.1162 22.4796C51.85 23.5057 52.3507 24.6776 52.5839 25.9146C52.7221 27.1365 52.7143 28.3703 52.5608 29.5904V29.5675Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"); }
.ico-del{ width:0.75rem; height:0.75rem; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.5356 6.24272L2.00015 9.77817L2.70725 10.4853L6.24271 6.94983L9.77817 10.4853L10.4853 9.77819L6.94981 6.24272L10.4854 2.70711L9.77832 2L6.24271 5.53561L2.70711 2.00002L2 2.70712L5.5356 6.24272Z' fill='black' fill-opacity='0.4'/%3E%3C/svg%3E%0A"); }
.ico-bell-ringing {width:21px;height:18px;background-image: url("data:image/svg+xml,%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_5790_224' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.8115 15H4.06152V8.375C4.06152 4.85419 6.91571 2 10.4365 2C13.9573 2 16.8115 4.85419 16.8115 8.375V15Z'/%3E%3C/mask%3E%3Cpath d='M16.8115 15V16H17.8115V15H16.8115ZM4.06152 15H3.06152V16H4.06152V15ZM16.8115 14H4.06152V16H16.8115V14ZM5.06152 15V8.375H3.06152V15H5.06152ZM5.06152 8.375C5.06152 5.40647 7.46799 3 10.4365 3V1C6.36342 1 3.06152 4.3019 3.06152 8.375H5.06152ZM10.4365 3C13.4051 3 15.8115 5.40647 15.8115 8.375H17.8115C17.8115 4.3019 14.5096 1 10.4365 1V3ZM15.8115 8.375V15H17.8115V8.375H15.8115Z' fill='black' mask='url(%23path-1-inside-1_5790_224)'/%3E%3Cline x1='1.93652' y1='14.5' x2='18.9365' y2='14.5' stroke='black'/%3E%3Cline x1='10.4365' y1='2.18557e-08' x2='10.4365' y2='3' stroke='black'/%3E%3Cmask id='path-5-inside-2_5790_224' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.4365 18C12.1969 18 13.624 16.6569 13.624 15C13.624 14.6494 13.5601 14.3128 13.4426 14H7.4304C7.31294 14.3128 7.24902 14.6494 7.24902 15C7.24902 16.6569 8.67612 18 10.4365 18Z'/%3E%3C/mask%3E%3Cpath d='M13.4426 14L14.3788 13.6484L14.1353 13H13.4426V14ZM7.4304 14V13H6.73775L6.49424 13.6484L7.4304 14ZM12.624 15C12.624 16.0483 11.7026 17 10.4365 17V19C12.6912 19 14.624 17.2654 14.624 15H12.624ZM12.5065 14.3516C12.5826 14.5543 12.624 14.772 12.624 15H14.624C14.624 14.5268 14.5376 14.0712 14.3788 13.6484L12.5065 14.3516ZM7.4304 15H13.4426V13H7.4304V15ZM8.24902 15C8.24902 14.772 8.29041 14.5543 8.36656 14.3516L6.49424 13.6484C6.33546 14.0712 6.24902 14.5268 6.24902 15H8.24902ZM10.4365 17C9.17042 17 8.24902 16.0483 8.24902 15H6.24902C6.24902 17.2654 8.18181 19 10.4365 19V17Z' fill='black' mask='url(%23path-5-inside-2_5790_224)'/%3E%3Cpath d='M2.06335 3.05125C0.964798 4.98306 0.692805 6.40615 1.76148 9.03237' stroke='black'/%3E%3Cpath d='M18.9366 3.05125C20.0352 4.98306 20.3072 6.40615 19.2385 9.03237' stroke='black'/%3E%3C/svg%3E%0A"); }

/* .ico-go{ width:6px; height:12px; background-image:url(//img.sdij.com/books/mo/2022/ico/ico_go.png); } */
.ico-myinfo{ width:32px; height:32px; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.60742 23.1641C8.60742 23.385 8.7869 23.5645 9.00781 23.5645H23.0078C23.2287 23.5645 23.4082 23.385 23.4082 23.1641V9.56445H24.6074V23.1641C24.6074 24.0477 23.8915 24.7637 23.0078 24.7637H9.00781C8.12416 24.7637 7.4082 24.0477 7.4082 23.1641V9.56445H8.60742V23.1641ZM18.0156 5.40039C18.8993 5.40039 19.6152 6.11634 19.6152 7V10.5996H18.416V7C18.416 6.77909 18.2365 6.59961 18.0156 6.59961H14.0156C13.7947 6.59961 13.6152 6.77909 13.6152 7V10.5996H12.416V7C12.416 6.11634 13.132 5.40039 14.0156 5.40039H18.0156Z' fill='%23222222'/%3E%3C/svg%3E%0A"); }
.ico-back{ width:32px; height:32px; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.57519 16.4238L6.15234 16L6.57519 15.5762L14.5664 7.57617L14.9902 8L15.415 8.42383L8.44726 15.4004L27 15.4004L27 16.5996L8.44726 16.5996L15.415 23.5762L14.9902 24L14.5664 24.4238L6.57519 16.4238Z' fill='%23222222'/%3E%3C/svg%3E%0A");}
.ico-bag{ width:26px; height:26px; background-image:url(//img.sdij.com/books/mo/2022/ico/ico_bag.png); }
.ico-personal{ width:28px; height:28px; background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 21L7 12.8C7 12.3582 7.35817 12 7.8 12L20.2 12C20.6418 12 21 12.3582 21 12.8L21 21' stroke='%23222222' stroke-linecap='square'/%3E%3Ccircle cx='14' cy='7' r='2' stroke='%23222222'/%3E%3C/svg%3E%0A"); }
.ico-order{ width:28px; height:28px; background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7178 6.00391C10.3146 6.04508 10.0001 6.38583 10 6.7998V9H6.82422C6.61641 9 6.41681 9.08098 6.26758 9.22559L2.24316 13.1279C2.08795 13.2786 2.00003 13.4859 2 13.7021V20.2002L2.00391 20.2822C2.04529 20.6852 2.3859 21 2.7998 21H5.5498C5.5171 20.8387 5.50004 20.6719 5.5 20.501C5.5 20.3294 5.51786 20.1618 5.55078 20H3V13.7861L6.90527 10H10V19.0049C10.3127 19.4223 10.5 19.9393 10.5 20.501C10.5 20.6554 10.4849 20.8064 10.458 20.9531C10.4728 20.948 10.4885 20.9454 10.5029 20.9395C10.5708 20.9668 10.6422 20.9884 10.7178 20.9961L10.7998 21H18.0498C18.0171 20.8387 18 20.6719 18 20.501C18 20.3294 18.0179 20.1618 18.0508 20H11V7H25V20H22.9492C22.9821 20.1618 23 20.3294 23 20.501C23 20.6718 22.9829 20.8388 22.9502 21H25.2002C25.614 20.9999 25.9547 20.6851 25.9961 20.2822L26 20.2002V6.7998C25.9999 6.35813 25.6419 5.99913 25.2002 5.99902H10.7998L10.7178 6.00391Z' fill='%23767676'/%3E%3Cpath d='M20.5 17.999C19.1193 17.999 18 19.1183 18 20.499C18 21.8797 19.1193 22.999 20.5 22.999C21.8807 22.999 23 21.8797 23 20.499C23 19.1183 21.8807 17.999 20.5 17.999ZM8 17.999C6.61929 17.999 5.5 19.1183 5.5 20.499C5.5 21.8797 6.61929 22.999 8 22.999C9.38071 22.999 10.5 21.8797 10.5 20.499C10.5 19.1183 9.38071 17.999 8 17.999ZM20.5 18.999C21.3284 18.999 22 19.6706 22 20.499C22 21.3275 21.3284 21.999 20.5 21.999C19.6716 21.999 19 21.3275 19 20.499C19 19.6706 19.6716 18.999 20.5 18.999ZM8 18.999C8.82843 18.999 9.5 19.6706 9.5 20.499C9.5 21.3275 8.82843 21.999 8 21.999C7.17157 21.999 6.5 21.3275 6.5 20.499C6.5 19.6706 7.17157 18.999 8 18.999Z' fill='%23767676'/%3E%3C/svg%3E%0A"); }
.ico-order2{ width:28px; height:28px; background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7178 6.00439C10.3146 6.04557 10.0001 6.38632 10 6.80029V9.00049H6.82422C6.61641 9.00049 6.41681 9.08147 6.26758 9.22607L2.24316 13.1284C2.08795 13.279 2.00003 13.4863 2 13.7026V20.2007L2.00391 20.2827C2.04529 20.6857 2.3859 21.0005 2.7998 21.0005H5.5498C5.5171 20.8392 5.50004 20.6723 5.5 20.5015C5.5 20.3299 5.51787 20.1624 5.55078 20.0005H3V13.7866L6.90527 10.0005H10V19.0054C10.3126 19.4229 10.5 19.9399 10.5 20.5015C10.5 20.6559 10.4849 20.8069 10.458 20.9536C10.4728 20.9485 10.4885 20.9459 10.5029 20.9399C10.5708 20.9672 10.6422 20.9889 10.7178 20.9966L10.7998 21.0005H18.0498C18.0171 20.8392 18 20.6723 18 20.5015C18 20.3299 18.0179 20.1624 18.0508 20.0005H11V7.00049H25V20.0005H22.9492C22.9821 20.1623 23 20.3299 23 20.5015C23 20.6723 22.9829 20.8392 22.9502 21.0005H25.2002C25.614 21.0004 25.9547 20.6856 25.9961 20.2827L26 20.2007V6.80029C25.9999 6.35862 25.6419 6.00059 25.2002 6.00049H10.7998L10.7178 6.00439Z' fill='%23222222'/%3E%3Cpath d='M20.5 18C19.1193 18 18 19.1193 18 20.5C18 21.8807 19.1193 23 20.5 23C21.8807 23 23 21.8807 23 20.5C23 19.1193 21.8807 18 20.5 18ZM8 18C6.61929 18 5.5 19.1193 5.5 20.5C5.5 21.8807 6.61929 23 8 23C9.38071 23 10.5 21.8807 10.5 20.5C10.5 19.1193 9.38071 18 8 18ZM20.5 19C21.3284 19 22 19.6716 22 20.5C22 21.3284 21.3284 22 20.5 22C19.6716 22 19 21.3284 19 20.5C19 19.6716 19.6716 19 20.5 19ZM8 19C8.82843 19 9.5 19.6716 9.5 20.5C9.5 21.3284 8.82843 22 8 22C7.17157 22 6.5 21.3284 6.5 20.5C6.5 19.6716 7.17157 19 8 19Z' fill='%23222222'/%3E%3C/svg%3E%0A"); }
.ico-prev{ width:5px; height:10px; background-image:url(//img.sdij.com/books/mo/2022/ico/ico_prev.png); }
.ico-tooltip{ width:18px; height:18px; background-image:url(//img.sdij.com/books/mo/2022/ico/ico_tooltip.png); }
.ico-monthly{ width:46px; height:12px; background-image:url(//img.sdij.com/books/mo/2022/ico/ico_monthly.png); }
.ico-people{ width:34px; height:34px; background-image:url(//img.sdij.com/books/mo/2022/ico/ico_people.png); }
.ico-top{ width:40px; height:40px; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' stroke='%23EFEFEF'/%3E%3Cpath d='M19.5322 16.4248L19.957 16L20.3809 16.4248L25.9121 21.9561L25.4883 22.3799L25.0635 22.8037L19.9561 17.6982L14.8496 22.8037L14.002 21.9561L19.5322 16.4248Z' fill='%23222222'/%3E%3C/svg%3E%0A"); }
.ico-exclamation{ width:16px; height:16px; background-image:url(//img.sdij.com/books/mo/2022/ico/ico_exclamation.png); }
.ico-error{ width:68px; height:60px; background-image:url(//img.sdij.com/books/mo/2022/ico/ico_error.png); }
.ico-filter { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7.75' r='1.75' stroke='black'/%3E%3Cpath d='M7.5 17H6.5V9.94141C6.66099 9.97799 6.82793 10 7 10C7.17207 10 7.33901 9.97799 7.5 9.94141V17ZM7.5 5.55762C7.33907 5.52107 7.17199 5.5 7 5.5C6.82801 5.5 6.66093 5.52107 6.5 5.55762V3H7.5V5.55762Z' fill='black'/%3E%3Ccircle cx='13' cy='12.25' r='1.75' stroke='black'/%3E%3Cpath d='M13.5 17H12.5V14.4414C12.661 14.478 12.8279 14.5 13 14.5C13.1721 14.5 13.339 14.478 13.5 14.4414V17ZM13.5 10.0576C13.3391 10.0211 13.172 10 13 10C12.828 10 12.6609 10.0211 12.5 10.0576V3H13.5V10.0576Z' fill='black'/%3E%3C/svg%3E%0A"); }
.ico-more {width: 10px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.00195 7.27539L4.64844 6.92187L1.08691 3.36133L1.79395 2.6543L5.00195 5.86133L8.20898 2.6543L8.91602 3.36133L5.00195 7.27539Z' fill='%23222222'/%3E%3C/svg%3E%0A");}
.ico-more-link {width: 10px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38379 5.00684L7.03027 5.36035L3.57227 8.81738L2.86523 8.11035L5.96875 5.00586L2.86523 1.90234L3.57227 1.19531L7.38379 5.00684Z' fill='%23222222'/%3E%3C/svg%3E%0A");}
.ico-more-link2 {width: 10px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38379 5.00684L7.03027 5.36035L3.57227 8.81738L2.86523 8.11035L5.96875 5.00586L2.86523 1.90234L3.57227 1.19531L7.38379 5.00684Z' fill='%239F9F9F'/%3E%3C/svg%3E%0A"); }
/* ico- */
[class^='ico-']{ width:20px; height:20px; display:inline-block; position:relative; text-indent:-9999px; background:url("//img.sdij.com/common/common.png") no-repeat; border:0; border-radius:50%; overflow:hidden; vertical-align:middle; } /* background-position:50% 0; background-size:100% 100%; background-repeat:no-repeat; */
/* .ico-file{ background-color:#ddd; border:0; border-radius:50%; background-size:cover; overflow:hidden; } */
.ico-file{ margin-right:10px; background-position:0 -1925px; }
.ico-pdf{ margin-right:10px; background-position:0 -1850px; }
.ico-zip{ margin-right:10px; background-position:-50px -1888px; }
.ico-hwp{ margin-right:10px; background-position:0 -1888px; }
.ico-word{ margin-right:10px; background-position:-50px -1850px; }
.ico-download{ width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.03906 15.9463H15.9629V11.8311H16.9629V15.9463C16.9628 16.4985 16.5151 16.9462 15.9629 16.9463H4.03906C3.48686 16.9463 3.03917 16.4985 3.03906 15.9463V11.8311H4.03906V15.9463ZM10.502 10.6572L14.2715 7.03906L14.6182 7.39941L14.9639 7.76074L10.3486 12.1914L10.002 12.5244L9.65625 12.1914L5.04004 7.76074L5.38672 7.39941L5.7334 7.03906L9.50195 10.6562V2.59961H10.502V10.6572Z' fill='%23222222'/%3E%3C/svg%3E%0A"); }



/* list-toggle */
.list-toggle > dt{ width:100%; margin-top:-1px; position:relative; border-top:1px solid #ededed; } /* border:1px solid #ededed; */
.list-toggle > dt > a{ line-height:72px; height:72px; padding:0 25px; display:block; position:relative; font-size:20px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
.list-toggle > dt:after{ content:''; width:0.5rem; height:0.5rem; display:block; position:absolute; top:30px; right:25px; border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(-45deg); }
.list-toggle > dt:hover, .list-toggle > dt.selected{ border-top:1px solid #ededed; z-index:5; }
.list-toggle > dt.selected:after{ top:35px; border:none; border-top:1px solid #000; border-right:1px solid #000; }
.list-toggle > dd{ padding:20px 25px; display:none; }
.list-toggle > dd{ padding-top:0; }
.list-toggle > dd.on{ display:block; }
.list-toggle > dd:last-child{ border-bottom:0; } 
.list-toggle > dt.none, .list-toggle > dt.none:hover, .list-toggle2 > dt.none.selected{ background-color:#f4f4f4; border-color:#ededed; color:#828282; cursor:default; }
.list-toggle > dt.none a, .list-toggle > dt.none:hover a{ color:#828282; }
.list-toggle > dt.none:after, .list-toggle > dt.none.selected:after{ border-color:#9c9c9c; }

.list-toggle2 > dt{ width:100%; margin-top:-1px; position:relative; border-top:1px solid #ededed; }
.list-toggle2 > dt > a{ width:100%; line-height:72px; height:72px; padding:0 25px; display:block; position:relative; font-size:20px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
.list-toggle2 > dt:after{ content:''; width:0.5rem; height:0.5rem; display:block; position:absolute; top:30px; right:25px; border-top:1px solid #000; border-right:1px solid #000; transform:rotate(-45deg); }
.list-toggle2 > dt:hover, .list-toggle2 > dt.selected{ z-index:5; }
.list-toggle2 > dt.selected:after{ top:30px; border:none; border-left:1px solid #000; border-bottom:1px solid #000; }
.list-toggle2 > dd{ padding:20px 25px; padding-top:0; display:block; }
.list-toggle2 > dd.on{ display:block; }
.list-toggle2 > dd:last-child{ border-bottom:0; } 
.list-toggle2 > dt.none, .list-toggle2 > dt.none:hover, .list-toggle2 > dt.none.selected{ background-color:#f4f4f4; border-color:#ededed; color:#828282; cursor:default; }
.list-toggle2 > dt.none a, .list-toggle2 > dt.none:hover a{ color:#828282; }
.list-toggle2 > dt.none:after, .list-toggle2 > dt.none.selected:after{ border-color:#9c9c9c; }
.list-toggle2 > dt:first-child{ border-top:0; }
.list-toggle2 > dt{ border-top:8px solid #F7F7F7; }
.list-toggle2 > dt a{ font-size:16px; font-weight:700; }
.list-toggle2 > dt a { width:auto; margin-right:1.5rem; }
.list-toggle2 > dt a.order-area{ height:62px; line-height:0; padding-top:24px; }
.list-toggle2 > dt a.order-area strong{ line-height:1.2; }
.list-toggle2 > dt a.order-area span.txt{ display:block; color:rgba(0, 0, 0, 0.4); font-weight:400; }

/* sticker */
.sticker{ padding:4px 12px; display:inline-block; border:1px solid #000; font-size:12px; font-weight:400; vertical-align:middle; letter-spacing:-.02rem }
.sticker2{ line-height:14px; padding:3px 6px; display:inline-block; border:1px solid #000; border-radius:4px; font-size:12px; font-weight:500; vertical-align:middle; letter-spacing:-.01rem }
.sticker-skyblue{ border:1px solid #E8F2F2; color:rgba(0, 0, 0, 0.4); }
.sticker-gray{ border:1px solid rgba(0, 0, 0, 0.2); color:rgba(0, 0, 0, 0.4); }
.sticker-red{ border:1px solid #f00; color:#f00; }
.sticker-black{ line-height:12px; margin-top:-3px; padding:3px 8px; display:inline-block; background:#000; color:#fff; font-size:10px !important; border-radius:3px; letter-spacing:-.05em; vertical-align:middle; }

/* 
.sticker-type2{ height:2.071428571rem; line-height:2rem; padding:0 0.714285714rem; font-size:0.857142857rem; font-weight:700; color:#fff !important; text-align:center; }
.sticker-type2.sticker-purple{ background-color:#7350dd; border-color:#7350dd; }
.sticker-type2.sticker-red{ background-color:#e60012; border-color:#e60012; }
.sticker-type2.sticker-orange{ background-color:#fa983a; border-color:#fa983a; } 
.sticker-round{ border:0; border-radius:30px; }
*/

/* fillter count */
.filter-tit{ padding-bottom:12px; font-size:16px; line-height: 1.4; font-weight:600; letter-spacing: -1px; border-bottom: 1px solid #9F9F9F; color: #222; }
.filter-check .input-checkbox{ display:inline-block; position:relative; font-size:12px; letter-spacing:-1px; cursor:pointer; }
.filter-check{ margin-top: 20px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.filter-check .input-checkbox{ display:flex; align-items: center; }
.filter-check .input-checkbox input[type='checkbox'] {margin: 2px; position:static; width: 16px; height: 16px; border: 1px solid #E1E1E1; opacity: 1;}
.filter-check .input-checkbox input + label {margin-left: 6px; font-size: 15px; line-height: 20px; font-weight: 400; letter-spacing: -1px; color: #222;}
.filter-check .input-checkbox input[type='checkbox']:checked { background-color:  #222; border-color: #222; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6.61235L7 10.4219L12 4.42188' stroke='white'/%3E%3C/svg%3E%0A"); }


/* error */
.error-area{ width:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
.error-area .ico{ margin-bottom:24px; }
.error-area .tit-dep1{ margin-bottom:24px; font-size:28px; font-weight:700; }
.error-area .txt{ font-size:16px; }

/* tab */
.tab-menu{ background-color:#fff; padding-left:12px; width:calc(100% - 12px) !important;border-bottom:1px solid #EFEFEF; }
.tab-menu > ul li{ position: relative; width:auto; padding:0 12px; }
.tab-menu > ul li.new-goods a{padding-right: 20px; background-image: url(../img/new-icon.png); background-repeat: no-repeat; background-position:32px 15px; background-size: 16px 16px;}
/* S : Content Lab */
/* .tab-menu > ul li:last-of-type{padding: 0 22px;}
.tab-menu > ul li:last-of-type::after{content: ""; display: block; position:absolute;left: 5px;top: 18px; width: 1px;height: 14px; background-color: #ddd;} */
/* E : Content Lab */
.tab-menu > ul li a{ line-height:46px; display:block; font-size:16px; font-weight:400; letter-spacing: -1px; color: #9F9F9F; }
.tab-menu > ul li.selected a{ font-weight:600; color:#222; border-bottom:2px solid #222; }

.tab-menu1{ padding-left:4px; }
.tab-menu1 > ul li{ width:auto; padding:0 4px; }
.tab-menu1 > ul li a{ padding:6px 18px; line-height:2.457142857rem; background-color:#f2f4f2; border-radius:16px; color:rgba(0, 0, 0, 0.4); font-size:14px; font-weight:400; overflow:hidden; }
.tab-menu1 > ul li.selected a{ background-color:#DFE3E3; color:#000; }
.tab-menu1 > ul li input {display: none;}
.tab-menu1 > ul li input + label{ display: block; padding:0 10px; height: 30px; line-height:30px; border-radius:100px; color:#9F9F9F; font-size:14px; font-weight:500; letter-spacing: -1px; }
.tab-menu1 > ul li input:checked + label{ background-color:#222; color:#FFF; }

.tab-menu2.swiper-container {padding-left: 16px; width: calc(100% - 16px);}
.tab-menu2 > ul {}
.tab-menu2 > ul li{ width:auto; min-width: 135px;}
.tab-menu2 > ul li a{padding: 15px 0; display: block; width: 100%; height: 100%; background-color:#F5F5F5; font-size:16px; line-height: 1.4; font-weight:400; letter-spacing: -1px; color: #222; border: 1px solid #D4D4D4; overflow:hidden; }
.tab-menu2 > ul .swiper-slide.selected a,
.tab-menu2 > ul li a.active{ background-color:#FFF; border-bottom: 1px solid #FFF; font-weight: 500;}

.tab-sub{ background-color:#fff; padding-left:14px; border-bottom:1px solid #ededed; }
.tab-sub:nth-child(odd){ background-color:rgba(0, 0, 0, 0.03); border-bottom:none; }
.tab-sub > ul li{ width:auto; padding:2px 14px; }
.tab-sub > ul li a, .tab-type1 > ul li span{ line-height:2.457142857rem; display:block; color:rgba(0, 0, 0, 0.4); font-size:14px; font-weight:400; }
.tab-sub > ul li.selected a, .tab-sub > ul li a.active{ color:rgba(0, 0, 0, 0.93); }

.tab-type1{ border-top:none; }
.tab-type1{ padding-left:1.428571429rem; background-color:#fdfdfd; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
.tab-type1 > ul li{ width:auto; height:2.785714286rem; }
.tab-type1 > ul li a, .tab-type1 > ul li span{ line-height:2.857142857rem; padding:0 1.071428571rem; display:block; font-size:1rem; font-weight:700; }
.tab-type1 > ul li.selected a{ background-color:#0068b7; color:#fff; }

.tab-type2{ background-color:#fdfdfd; }
.tab-type2 > ul{ width:100%; display:table; table-layout:fixed; }
.tab-type2 > ul li{ height:2.857142857rem; display:table-cell; position:relative; border:1px solid #dfdfdf; border-right:none; }
.tab-type2 > ul li:first-child{ border-left:none; }
.tab-type2 > ul li > a{ height:2.857142857rem; line-height:2.785714286rem; position:absolute; top:0; left:0; right:0; bottom:0; font-size:1rem; font-weight:700; color:#828282; text-align:center; }
.tab-type2 > ul li.selected a, .tab-type2 > ul li.selected{ background-color:#fff; color:#000; }

/* 
.tab-type4{ margin:10px auto 20px; padding-top:10px; border-top:1px solid #222; }
.tab-type4 > ul > li{ margin:0 5px; display:inline-block; }
.tab-type4 > ul > li:first-child{ margin-left:0; }
.tab-type4 > ul > li a{ height:36px; line-height:34px; padding:0 20px; background-color:#f2f2f2; border-radius:18px; display:block; font-size:14px; font-weight:500; }
.tab-type4 > ul > li.selected a{ background-color:#ceffea; color:#000; }

.tab-type5{ margin:10px auto 20px; padding-top:10px; border-top:1px dashed #282828; }
.tab-type5 > ul > li{ margin:0 5px; display:inline-block; }
.tab-type5 > ul > li:first-child{ margin-left:0; }
.tab-type5 > ul > li a{ height:28px; line-height:26px; padding:0 14px; background-color:#f2f2f2; border-radius:18px; display:block; font-size:14px; font-weight:500; }
.tab-type5 > ul > li.selected a{ background-color:#adfad9; color:#000; }
 */

.tab-border{ padding-bottom:10px; border-bottom:1px dotted #000; }
.tab-content{ display:none; }
.tab-on{ display:block; }

/* swiper */
.swiper-container{ width:100%; }
.swiper-container .swiper-slide{ text-align:center; }
.swiper-container .swiper-slide > img{ width:auto; max-width:100%; }

.event-slide .swiper-pagination{ right:25px; top:24px; font-size:0; }
.event-slide .swiper-pagination span{ width:0.5rem; height:0.5rem; margin:0 1px; display:inline-block; background-color:rgba(0, 0, 0, 0.5); }
.event-slide .swiper-pagination span.swiper-pagination-bullet-active{ background:rgba(0, 0, 0, 0.9); }

 /* list-item */
.list-item ul{ display:flex; flex-wrap:wrap; }
.list-item ul li{ width:50%; margin-bottom:30px; display:flex; flex:0 1 50%; justify-content:center; align-items:center; }
.list-item ul li > a{ /* width:150px; */ padding:30px 0; text-align:center; border:1px solid rgba(0, 0, 0, 0.1); }
.list-item ul li > a:hover{ border:1px solid rgba(0, 0, 0, 0.5); transition:.8s ease-in; }
.list-item ul li > a .img-area > *{ box-sizing:border-box; }
.list-item ul li > a .img-area img{ width:100%; height:100%; }
.list-item ul li > a .img-area span.sticker{ top:0; right:0; border:0; background-color:rgba(0, 0, 0, 0.3); color:#fff; font-size:12px; font-weight:300; }
.list-item ul li > a .img-area span.new .ico{ top:-15px; left:-5px; }
.list-item ul.book-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px 8px; }
.list-item ul.book-list li{ align-items:baseline; width: auto; margin: 0; flex: 1; }
.list-item ul.book-list li > a{ padding:0; width: 100%; border:0; text-align:left; }
.list-item ul.book-list li > a .img-area{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: 228px; background-color: #F5F5F5; }
.list-item ul.book-list li > a .img-area img {width: 99px; box-shadow: 6px 6px 12px 0 rgba(0, 0, 0, 0.10);}
.list-item ul.book-list li > a .tit-area{ margin-top:12px; }
/* .list-item ul.book-list li > a .tit-area > *{ padding:0; letter-spacing:-0.02em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } */
.list-item ul.book-list li > a .tit-area > .tit{ font-size:16px; line-height: 1.4; font-weight:400; letter-spacing: -1px; font-weight: 400; color: #222; }
.list-item ul.book-list li > a .tit-area > .txt{ margin-top: 2px; font-size:16px; line-height: 1.4; font-weight:400; letter-spacing: -1px; font-weight: 400; color: #9F9F9F; }
.list-item ul.book-list .tag-wrap {margin-bottom: 8px; }

.book{ align-items:baseline; width: auto; margin: 0; flex: 1; }
.book > a{ padding:0; width: 100%; border:0; text-align:left; }
.book > a .img-area{ position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 228px; background-color: #F5F5F5; }
.book > a .img-area .num { position: absolute; left: 8px; top: 8px; width: 18px; height: 18px; background-color: #D4D4D4; color: #FFF; font-size: 12px; line-height: 18px; letter-spacing: -0.5px; text-align: center; }
.book > a .img-area .num.first {background-color: #222;}
.book > a .img-area img {width: 99px; box-shadow: 6px 6px 12px 0 rgba(0, 0, 0, 0.10);}
.book > a .tit-area{ margin-top:12px; }
/* .book > a .tit-area > *{ padding:0; letter-spacing:-0.02em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } */
.book > a .tit-area > .tit{ font-size:16px; line-height: 1.4; font-weight:400; letter-spacing: -1px; font-weight: 400; color: #222; }
.book > a .tit-area > .txt{ display: block; margin-top: 2px; font-size:16px; line-height: 1.4; font-weight:400; letter-spacing: -1px; font-weight: 400; color: #9F9F9F; }

/* 판매지수 */
.tit-area .sale-num {display: flex;}
.tit-area .sale-num span {font-size: 14px; line-height: 1.6; font-weight: 400; letter-spacing: -1x;}
.tit-area .sale-num span.tit {width: auto; margin-right: 2px; color: #767676;}
.tit-area .sale-num span.txt {margin:0; color: #9F9F9F;}

/* tag */
.tag-wrap {display: flex; flex-wrap: wrap; gap: 2px; min-height: 18px; }
.tag { display: inline-block; padding: 4px; height: 18px; font-size: 11px !important; line-height: 1; font-weight: 500 !important; letter-spacing: -0.5px; color: #FFF; box-sizing: border-box; font-family: "Pretendard Variable" !important; }
.tag.tag-status-new { background-color: #0027E8; }
.tag.tag-status-series { background-color: #767676; }
.tag.tag-subject-korean { background-color: #947238; }
.tag.tag-subject-math { background-color: #4B6256; }
.tag.tag-subject-english { background-color: #90533F; }
.tag.tag-subject-science { background-color: #455371; }
.tag.tag-subject-social { background-color: #645169; }
.tag.tag-subject-history { background-color: #5E3939; }
.tag.tag-subject-essay { background-color: #222; }
.tag.tag-etc-preorder {padding: 3px 4px; background-color: #FFF; color: #002F98; border: 1px solid #002F98; }
.tag.tag-type-concept { background-color: #F2C14B; }
.tag.tag-type-past { background-color: #939ED2; }
.tag.tag-type-nbook { background-color: #92C0A7; }
.tag.tag-type-mock { background-color: #DCABAA; }
.tag.tag-type-ebs { background-color: #A18075; }

/* .list-item ul.book-list2 li{ margin-bottom:48px; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; box-sizing:border-box; }
.list-item ul.book-list2 li a .img-area{ width:140px !important; height:210px !important; padding:0; margin:0 auto;  }
.list-item ul.book-list2 li { padding:0; border:0; text-align:left; }
.list-item ul.book-list2 li .tit-area{ width:140px; min-height:74px; margin-top:10px; }
.list-item ul.book-list2 li .tit-area .tit{ line-height:1.4; max-width:140px; padding:0; font-size:14px; font-weight:400; }
.list-item ul.book-list2 li .tit-area .txt { margin-bottom:3px; letter-spacing:-0.03em; color:rgba(0, 0, 0, 0.4); font-size:12px; font-weight:300; }
.list-item ul.book-list2 li .txt-area{ width:144px; }
.list-item ul.book-list2 li .txt-area span.color-gray{ letter-spacing:-0.03em; font-size:12px; font-weight:300; }
.list-item ul.book-list2 li .txt-area span.price{ font-size:14px !important; }
.list-item ul.book-list2 li .txt-area span{ padding:0; display:block; }
.list-item ul.book-list2 li .price-area{ display:block; position:relative; }
.list-item ul.book-list2 li .price-area a .ico{ display:block; position:absolute; top:26px; right:5px; } */
.list-item ul li a .circle-area{ width:60px; height:60px; margin:0 auto; border:1px solid transparent; border-radius:50%; overflow:hidden; } 
.list-item ul li a .circle-area p.name{ min-height:100%; display:flex; align-items:center; justify-content:center; background-color:#C4D0D5; font-size:26px; font-weight:500; color:#fff; }
.list-item ul li a .circle-area p.name:nth-child(odd){ background-color:#C9D6CA; }
.list-item ul li a .txt-area{ margin-top:10px; }
.list-item ul li a .txt-area > *{ padding:0 20px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
.list-item ul li a .txt-area .tit{ line-height:20px; font-size:16px; font-weight:600; }
.list-item ul li a .txt-area .txt{ line-height:22px; color:rgba(0, 0, 0, 0.6); font-size:12px; font-weight:400; }

/* table */
.board-list table{ width:100%; border-top:1px solid #000; }
.board-list table tbody tr{ border-bottom:1px solid rgba(0, 0, 0, 0.2); }
.board-list table tbody tr th{ padding:50px 30px; }
.board-list table tbody tr:nth-child(1) th{ background-color:rgba(0, 0, 0, 0.05); }
.board-list table tbody tr:nth-child(2) th{ background-color:rgba(0, 0, 0, 0.08); }
.board-list table tbody tr:nth-child(3) th{ background-color:rgba(0, 0, 0, 0.11); }
.board-list table tbody tr p.tit-area{ line-height:16px; font-size:16px; font-weight:600; }
.board-list table tbody tr p.tit-area small{ line-height:12px; margin-top:8px; font-size:12px; font-weight:350; }
.board-list table tbody tr td{ padding:16px 20px; }
.board-list table tbody tr td .txt-area .tit{ line-height:20px; margin-bottom:6px; font-size:14px; font-weight:500; }
.board-list table tbody tr td .txt-area .list-dotted > li{ line-height:20px; color:rgba(0, 0, 0, 0.4); font-size:12px; font-weight:350; }
.board-list table tbody tr td .txt-area .list-dotted > li.txt-underline{ color:#000; }

/* tooltip */
.tooltip-layer{ padding:10px 30px 10px 10px; display:none; position:absolute; left:0; background-color:#fff; border:1px solid #959595; border-radius:10px; font-size:12px; font-weight:300; color:#959595; z-index:999; }
/* .tooltip-layer:after{ content:''; width:9px; height:6px; position:absolute; top:-6px; right:20px; background:url() 50% 0 no-repeat; } */
.tooltip-layer .ico-close{ width:12px; height:12px; position:absolute; top:0.714285714rem; right:0.714285714rem; }

/* notice */
.notice-area .notice-list{ margin-top:0; padding:1.125rem 25px; border-bottom:1px solid rgba(0, 0, 0, 0.08); }
.notice-area .notice-list:last-child{ border:0; }
.notice-area .notice-list a.txt-area{ position:relative; display:flex; font-size:14px; }
.notice-area .notice-list a.txt-area .tit{ width:64px; display:block; }
.notice-area .notice-list a.txt-area .txt{ width:75%; display:block; font-weight:300; }
.notice-area .notice-list a.txt-area::after{ content: ''; width:0.5625rem; height:0.5625rem; position:absolute; top:5px; right:0; -webkit-transform:rotateZ(45deg); border:1px solid black; border-width:1px 1px 0 0; }

/* file */
.file-area{ line-height:20px; position:relative; font-size:0; }
.file-area .tit{ position:absolute; left:0; }
.file-area .btn{ width:90%; height:24px; line-height:20px; background:transparent; color:rgba(0, 0, 0, 0.6); border:0; text-align:left; text-decoration:underline; font-size:12px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
.file-area .btn .ico-file{ width:20px; height:20px; margin-right:10px; }

/* file-area2 */
.file-area2{ width:100%; }
.file-area2 .file-item{ padding:0.72rem; position:relative; border:1px solid #ccc; border-bottom:0; }
.file-area2 .file-item:last-child{ border-bottom:1px solid #ccc; }
.file-area2 .file-item p{ font-size:0.75rem; padding-right:1.5rem; color:#ccc; font-family:"roboto"; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.file-area2 .file-item .btn{ position:absolute; width:16px; height:16px; display:block; top:50%; margin-top:-8px; right:16px; border:none; background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 2 12 12M14 2 2 14' stroke='%23959595' stroke-width='.5'/%3E%3C/svg%3E"); }

/* list */
.list-dotted > li, p.list-dotted{ width:100%; position:relative; word-break:break-all; text-align:left; }
.list-dotted > li, p.list-dotted{ line-height:inherit; padding-left:12px; font-size:12px; font-weight:400; word-break:keep-all; }
.list-dotted > li em{ line-height:13px; display:block; font-size:12px; color:#7d7d7d; margin:8px 0 0 0; }
.list-dotted > li:after, p.list-dotted:after{ content:''; width:3px; height:3px; display:inline-block; position:absolute; top:10px; left:0; background-color:#000; border-radius:50%; }

.list-number{ counter-reset:section; }
.list-number li{ line-height:24px; padding-left:22px; position:relative; color:#666; font-size:14px; font-weight:500; }
.list-number li:after{ counter-increment:section; content:counter(section)'.'; width:22px; display:inline-block; position:absolute; top:-1px; left:-2px; text-align:right; }

.list-number2{ counter-reset:section; }
.list-number2 li{ line-height:24px; padding-left:22px; position:relative; }
.list-number2 li:after{ counter-increment:section; content:counter(section, upper-roman)'.'; width:22px; display:inline-block; position:absolute; top:0; left:-2px; font-family:'Noto Serif KR', 'Noto Serif', serif, 'Sans-serif', 'Noto Sans KR'; text-align:right; }

/* ������ */
.list-number.part{ counter-reset:part; list-style-type: none; }
.list-number.part > li{ margin-bottom:10px; color:#000; }
.list-number.part > li strong{ font-weight:500; }
.list-number.part > li p{ font-weight:300; }
.list-number.part > li p.fs12{ font-size:12px; }
.list-number.part > li:after{ counter-increment:part; content:counter(part)'. '; width:22px; display:inline-block; position:absolute; top:1px; text-align:right; font-weight:500; }
.list-number.part > li > ol > li{ line-height: 24px; padding-left: 0; position: relative; margin: 5px 0; color: #000; font-weight:500; margin-left: 20px; /*list-style:hangul;*/ }
.list-number.part > li > ol > li p{ font-weight:300; }
.list-number.part > li > ol > li:after{ content:''; }
.list-number.part > li > ol > li span{ width:22px; margin-left:-20px; display:inline-block; position:absolute; top:0; left:-2px; text-align:right; }

/* search */
.search-form{ padding-top:24px; border-bottom:3px solid #000; position:relative; }
.search-form .input-text{ width:200px; height:50px; line-height:48px; border-right:none; }
.search-form .btn{ width:34px; height:50px; line-height:48px; position:absolute; right:0; top:24px; border:0; }
.search-form .input-search + .btn.del{ position:absolute; display:none; top:0;right:35px; }
.search-form .input-search.on + .btn.del { display:block; }

/* form */
.form-area dt{ margin-bottom:8px; font-size:16px; font-weight:400; }
.form-area dd{ margin-bottom:20px; }
.form-area1{ padding:20px 25px; padding-bottom:0; }
.form-area1 dd:last-child{ margin-bottom:0; }

.form-type{ width:100%; }
.form-type .row{ margin-bottom:8px; display:flex; border:1px solid rgba(0, 0, 0, 0.2); }
.form-type .row.disabled{ background-color:#f2f2f2; }
.form-type .row > span{ display:inline-flex; }
/* .form-type .row span{ position:relative; } */
.form-type .row span span{ margin-top:9px; }
.form-type .row span span.at{ position:absolute; left:50%; transform: translate(-50%); z-index:1; }
.form-type .row .select, .form-type .row .input-text{ border:none; }
.form-type .row .input-text input{ border:0; }
.form-type .col{ border:1px solid rgba(0, 0, 0, 0.2); }

/* input, select, textarea */
.input-text{ width:100%; position:relative; display:inline-block; }
.input-text input{ width:100%; height:48px; line-height:46px; padding:0 20px; display:inline-block; background-color:#fff; border:1px solid rgba(0, 0, 0, 0.2); font-size:16px; letter-spacing:-0.5px; vertical-align:top; box-sizing: border-box; }
/* .input-text input:hover, .input-text input:focus{ background-color:#f2f2f2; } */
.input-text input:read-only, .input-text input:disabled{ background-color:#f2f2f2; border-color:#f2f2f2; color:#555; opacity:1; cursor:default; -webkit-text-fill-color:#555; }
.input-text span.time{ display:inline-block; position:absolute !important; top:50%; right:105px; transform:translate(0, -50%); font-size:16px; color:#C27477; }
.input-text input::-webkit-input-placeholder{ color:rgba(0, 0, 0, 0.4); }

.input-radio{ display:inline-block; position:relative; font-size:14px; cursor:pointer; }
.input-radio input[type='radio']{ width:0; height:0; position:absolute; opacity:0; }
.input-radio .ico-radio{ width:24px; height:24px; margin-right:8px; background-image:url(//img.sdij.com/books/mo/2022/ico/ico_radio.png); }
.input-radio .ico-radio ~ span{ color:rgba(0, 0, 0, 0.4); }
.input-radio input[type='radio']:checked ~ .ico-radio{ background-image:url(//img.sdij.com/books/mo/2022/ico/ico_radio_on.png);}
.input-radio input[type='radio']:disabled ~ .ico-radio{ background-image:url(//img.sdij.com/books/mo/2022/ico/ico_radio_disabled.png);}
.input-radio input[type='radio']:checked ~ span{ color:#111; }

.input-checkbox{ display:inline-block; position:relative; font-size:14px; cursor:pointer; }
.input-checkbox input[type='checkbox']{ width:0; height:0; position:absolute; opacity:0; }
.input-checkbox p{ color:#bbb; }
.input-checkbox .ico-checkbox{ width:20px; height:20px; border-radius:0; background-image:url(//img.sdij.com/books/mo/2022/ico/ico_checkbox.png); }
.input-checkbox input[type='checkbox']:checked ~ p{ color:#000; }
.input-checkbox input[type='checkbox']:checked ~ .ico-checkbox{ background-image:url(//img.sdij.com/books/mo/2022/ico/ico_checkbox_on.png); }
.input-checkbox input[type='checkbox']:disabled ~ .ico-checkbox{ background-image:url(//img.sdij.com/books/mo/2022/ico/ico_checkbox_disabled.png); }

.input-file{ min-width:6.875rem; max-width:110px; position:relative; display:inline-block; background-color:#F2F2F2; border:1px solid #CCCCCC; color:#959595 !important; font-size:14px; text-align:center; cursor:pointer; }
.input-file input[type="file"]{ width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:-1; opacity:0; }
.input-file:before{ content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

input[type=text]{ border-radius:0; }
.input-search{ width:100%; display:inline-block; position:relative; }
.input-search input{ width:100%; height:50px; line-height:48px; border:none; font-weight:700; color:#000; font-size:18px; box-sizing:border-box; }
.input-search input:hover, .input-search input:focus{ color:#000; }

.select{ width:100%; display:inline-block; position:relative; background-color:#fff; vertical-align:top; z-index:1; }
.select:hover, .select:focus, .select:focus-within{ background-color:#fff; }
.select:after{ content:''; width:24px; height:24px; display:block; position:absolute; top:12px; right:20px; background-image:url("data:image/svg+xml,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9.643 6.167 8.5l7 6.857L12 16.5 5 9.643Z' fill='%23000'/%3E%3Cpath d='M17.833 8.5 19 9.643 12 16.5l-1.167-1.143 7-6.857Z' fill='%23000'/%3E%3C/svg%3E"); background-size:100% 100%; z-index:-1; }
.select select{ width:100%; height:48px; line-height:46px; padding-left:18px; padding-right:34px; position:relative; background-color:transparent; border:none; font-size:16px; font-weight:300; color:#000; letter-spacing:-0.5px; vertical-align:top; z-index:2; }
.select select[disabled]{ background-color:#f2f2f2; }

/* 
.input-radio{ display:inline-block; position:relative; font-size:18px; cursor:pointer; }
.input-radio input[type='radio']{ width:0; height:0; position:absolute; opacity:0; }
.input-radio .ico-radio{ width:24px; height:24px; background-image:url(//img.sdij.com/sdijx/common/ico_radio.png); }
.input-radio input[type='radio']:checked ~ .ico-radio{ background-image:url(//img.sdij.com/sdijx/common/ico_radio_on.png); }

.toggle-radio{ display:inline-flex; }
.toggle-radio input[type='radio']{ width:0; height:0; position:absolute; opacity:0; }
.toggle-radio span{ width:100%; height:48px; line-height:46px; display:block; background-color:#f2f2f2; border:1px solid #f2f2f2; font-size:18px; font-weight:500; text-align:center; cursor:pointer; }
.toggle-radio input[type='radio']:checked + span{ background-color:#ceffea; border-color:#000; }
.toggle-radio input[type='radio']:read-only + span, .toggle-radio input[type='radio']:disabled + span{ color:#555; opacity:1; cursor:default; }
.toggle-radio input[type='radio']:checked:read-only + span, .toggle-radio input[type='radio']:checked:disabled + span{ border-color:#c7c7c7; color:#555; }

.input-text{ width:100%; display:inline-block; }
.input-text input{ width:100%; height:48px; line-height:46px; padding:0 20px; display:inline-block; background-color:#f2f2f2; border:none; border-bottom:1px solid #000; font-size:18px; letter-spacing:-0.5px; vertical-align:top; }
.input-text input:hover, .input-text input:focus{ background-color:#e9e9e9; }
.input-text input:read-only, .input-text input:disabled{ background-color:#f2f2f2; border-color:#c7c7c7; color:#555; opacity:1; cursor:default; -webkit-text-fill-color:#555; }

.input-date{ width:100%; display:inline-block; position:relative; }
.input-date:after{ content:''; width:20px; height:20px; position:absolute; top:50%; left:20px; background:url(//img.sdij.com/sdijx/common/ico_date.png) 50% 0 no-repeat; background-size:100% 100%; transform:translate(0, -50%); }
.input-date input{ width:100%; height:48px; line-height:46px; padding:0 20px 0 50px; display:inline-block; background-color:#f2f2f2; border:none; border-bottom:1px solid #000; font-size:18px; letter-spacing:-0.5px; vertical-align:top; cursor:pointer; }
.input-date input:hover, .input-date input:focus{ background-color:#e9e9e9; }
.input-date input:read-only, .input-date input:disabled{ background-color:#f2f2f2; border-color:#c7c7c7; color:#000; opacity:1; -webkit-text-fill-color:#555; }

.input-ico{ position:relative; }
.input-ico input{ padding-left:46px; }
.input-ico [class^='ico']{ position:absolute; top:12px; left:16px; }

.select-sort{ width:auto; background-color:#f2f2f2; border-radius:15px; }
.select-sort select{ width:auto; height:30px; line-height:26px; padding-left:15px; padding-right:31px; font-size:14px; font-weight:500; }
.select-sort:after{ width:16px; height:16px; top:7px; right:10px; background-image:url(//img.sdij.com/sdijx/common/ico_sort.png); }
 */

.textarea{ width:100%; position:relative; }
.textarea textarea{ width:100%; height:200px; line-height:26px; padding:12px; background-color:#fff; border:none; border:1px solid rgba(0,0,0,0.2); font-size:14px; letter-spacing:-0.5px; text-align:left; box-shadow:none; vertical-align:middle; resize:none; overflow:auto; -webkit-appearance:none; box-sizing:border-box; }
.textarea textarea:hover, .textarea textarea:focus{ background-color:rgba(0,0,0,0.03); }
.textarea textarea::-webkit-input-placeholder{ color:rgba(0, 0, 0, 0.4); }
.textarea .count { width:100%; height:20px; padding:12px; position:absolute; bottom:0; right:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:rgba(0, 0, 0, 0.4); font-size:14px; font-family:"Roboto"; }
.textarea .count .num { color:rgba(0, 0, 0, 0.93); }

/* nodata */
.no-data{ width:100%; height:100%; min-height:calc(100% - 50px); padding:150px 0 300px; text-align:center; display:-ms-flexbox; display:-webkit-flex; display:flex;-webkit-box-align:center;-ms-flex-align:center; align-items:center;-webkit-box-pack:center;-ms-flex-pack:center; justify-content:center; flex-direction:column; font-size:14px; font-weight:400; color:rgba(0, 0, 0, 0.6); letter-spacing:-1.2px; word-break:keep-all; }
.no-data .tit{ font-size:16px; color:#000; display:inline-block; }
.no-data .txt{ margin-top:6px; color:rgba(0, 0, 0, 0.6); font-size:14px; font-weight:400; }

/* info-txt */
.info-txt{ line-height:1.4; display:block; color:rgba(0, 0, 0, 0.4); font-size:12px; } 

.info-area{ padding:20px 25px; }
.info-area h4{ margin-bottom:10px; }
.info-area .tit{ color:rgba(0, 0, 0, 0.6); font-size:14px; font-weight:400; }
.info-area .list-dotted{ color:rgba(0, 0, 0, 0.4); }
.info-area .list-dotted > li{ line-height:1.5; font-weight:400; }
.info-area .list-dotted > li:after, p.list-dotted:after{ background-color:rgba(0, 0, 0, 0.4); }
.info-area a:not(.btn){ line-height:1.8; margin-top:10px; font-size:12px; display:inline-block; }
.info-area a:last-child{ margin-top:0; }
.info-area > p,
.info-area span{ margin-top:5px; font-size:16px !important; line-height: 1.4; letter-spacing: -1px; color:#222 !important; font-family: "Pretendard Variable" !important; }

/* gray-box */
.gray-box{ padding:25px; background-color:#f7f7f7; text-align:center; }
.gray-box .tit{ font-size:16px; font-weight:500; }
.gray-box .txt{ line-height:18px; display:block; font-size:12px; font-weight:400; }

/* btn-group */
.btn-group{ margin:0 -0.25rem;  display:-webkit-box; display:-ms-flexbox; display:flex; justify-content: center; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.btn-group .btn{ -webkit-box-flex:1; -ms-flex:1; flex:1; margin:0.25rem; }
.btn-group .btn.flex {flex: initial; width: 108px; height: 29px; line-height: 27px; font-size: 12px;}
.btn-group.col{ margin:0; -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction:column; flex-direction:column; }
.btn-group.col .btn{ margin:0.25rem 0; }

/* add-area */
.add-area > ul { margin:20px; }
.add-area > ul li .dep-tit6{ margin:16px 0; font-weight:700; }
.add-area > ul li:first-child .dep-tit6{ margin-top:0; }
.add-area ul li .txt-area{ margin:20px 0; padding-bottom:12px; position:relative; border-bottom:1px solid rgba(0, 0, 0, 0.08); }
.add-area ul li:first-child .txt-area{ padding-top:0; }
.add-area ul li .txt-area a.color-gray, .add-area ul li .txt-area p.color-gray{ display:inline-block; position:absolute; top:0; right:0; font-size:14px; }
.add-area ul li .txt-area p.color-gray a{ color:rgba(0, 0, 0, 0.4) !important; }
.add-area ul li .txt-area p.color-gray a{ padding-left:3px; padding-right:0.4166666666666667rem; position:relative; font-size:14px; font-weight:400; }
.add-area ul li .txt-area p.color-gray a:after{ content:''; width:1px; height:0.6rem; display:inline-block; position:absolute; top:5px; right:0; background-color:rgba(0, 0, 0, 0.1); }
.add-area ul li .txt-area p.color-gray a:last-child:after{ width:0; }
.add-area ul li .txt-area p{ margin-bottom:8px; font-size:14px; font-weight:400; }
.add-area ul li .txt-area p.name{ font-size:16px; }
.add-area ul li > .price-area{ padding-bottom:20px; border-bottom:1px solid rgba(0, 0, 0, 0.08); }

/* find-area */
.find-area{ padding:25px 0; }
.find-area ul{ text-align:center; }
.find-area ul li{ padding-left:4px; padding-right:10px; position:relative; display:inline-block; font-size:14px; font-weight:400; }
.find-area ul li:first-child{ padding-left:0; }
.find-area ul li a{ letter-spacing:-1px; color:rgba(0, 0, 0, 0.4); }
.find-area ul li:last-child:after{ display:none; }
.find-area ul li:after{ content:''; width:1px; height:12px; display:inline-block; position:absolute; top:5px; right:0; background-color:rgba(0, 0, 0, 0.2); }

/* radio-list */
.radio-area{ border-bottom:1px solid #ccc; }
.radio-area dt{ margin-bottom:10px; color:rgba(0, 0, 0, 0.6); font-size:14px; }
.radio-area ul{ display:flex; flex-wrap:wrap; }
.radio-area li{ width:50%; margin-bottom:12px; }

.radio-area2 li{ padding:16px 0; border-bottom:1px solid rgba(0, 0, 0, 0.08); }
.radio-area2 li .input-radio .ico-radio ~ span{ color:rgba(0, 0, 0, 0.93); font-weight:600; }
.radio-area2 li:first-child{ padding-top:0; }

/* tab-area */
.board-tab{ position:relative; }
.board-tab .tab-list{ width:100%; margin-bottom:25px; display:table; table-layout:fixed; box-sizing:border-box; }
.board-tab .tab-list.border a{ position:relative; border:0; border-bottom:1px solid rgba(0, 0, 0, 0.2); color:rgba(0, 0, 0, 0.4); }
.board-tab .tab-list.border a:first-child{ border-left:0; }
.board-tab .tab-list.border a:hover, .board-tab .tab-list.border a.selected{ background-color:#fafafa; border:0; border-bottom:1px solid rgba(0, 0, 0, 0.2); color:rgba(0, 0, 0, 0.4); }
.board-tab .tab-list a{ height:40px; line-height:20px; display:table-cell; background-color:#fff; border:1px solid rgba(0, 0, 0, 0.2); border-left:none; color:rgba(0, 0, 0, 0.4); font-size:14px; text-align:center; vertical-align:middle; }
.board-tab .tab-list a:first-child{ border-left:1px solid rgba(0, 0, 0, 0.2); }
.board-tab .tab-list a:hover, .board-tab .tab-list a.selected{ background-color:#000; border-color:#000; color:#fff; text-decoration:none; }
.board-tab .tab-content{ display:none; }
.board-tab .tab-content .board-btn{ margin-bottom:30px; }
.board-tab .tab-on{ display:block; }

.board-tab .tab-list1{ width:100%; margin-bottom:25px; display:block; border-top:1px solid rgba(0, 0, 0, 0.2); border-left:1px solid rgba(0, 0, 0, 0.2); }
.board-tab .tab-list1::after{ content:''; display:block; clear:both; }
.board-tab .tab-list1 a{ width:50%; height:45px; line-height:45px; display:inline-block; margin-top:-1px; margin-left:-1px; float:left; position:relative; color:rgba(0, 0, 0, 0.5); border-right:1px solid rgba(0, 0, 0, 0.2); border-bottom:1px solid rgba(0, 0, 0, 0.2); font-size:14px; text-align:center; box-sizing:border-box; }

.board-tab .tab-list2{ width:100%; margin-bottom:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;  }
.board-tab .tab-list2 a{ padding:22px 10px; display:flex; -webkit-box-flex:1; -ms-flex:1; flex:1; justify-content:center; align-items:center; position:relative; margin:-1px; background-color:#F7F7F7; border:1px solid rgba(0, 0, 0, 0.2); color:rgba(0, 0, 0, 0.4); font-size:14px; text-align:center; vertical-align:middle; box-sizing:border-box; }
.board-tab .tab-list2 a:hover, .board-tab .tab-list2 a.selected{ margin:-1px; position:relative; background-color:#fff; border-color:#000; color:#000; text-decoration:none; z-index:1; }

/* school-list */
.school-list ul li{ border-bottom:1px solid #EBEBEB; }
.school-list ul li.no-data{ width:100%; height:100%; min-height:calc(100% - 50px); padding:150px 0 300px; text-align:center; display:-ms-flexbox; display:-webkit-flex; display:flex;-webkit-box-align:center;-ms-flex-align:center; align-items:center;-webkit-box-pack:center;-ms-flex-pack:center; justify-content:center; flex-direction:column; border-bottom:0; font-size:14px; font-weight:400; color:rgba(0, 0, 0, 0.6); letter-spacing:-1.2px; word-break:keep-all; }
.school-list ul li a{ padding:12px 25px; display:block; color:rgba(0, 0, 0, 0.93); font-size:16px; font-weight:400; }

/* store-list */
.store-list li{ padding:25px 0; border-bottom:1px solid #eee; }
.store-list li:last-child{ border-bottom:0; }
.store-list li .float-area{ position:relative; }
.store-list li .txt-area{ width:calc(100% - 5.625rem); }
.store-list li .txt-area > *{ line-height:22px; display:block; }
.store-list li .txt-area span.tit{ font-size:16px; font-weight:400; }
.store-list li .txt-area strong{ font-size:14px; font-weight:700; }
.store-list li .txt-area strong .txt-through{ color:rgba(0, 0, 0, 0.4); font-weight:400; }
.store-list li .close{ position:absolute; top:-3px; right:0; z-index:2; }
.store-list li .close .ico{ width:12px; height:12px; }
.store-list li .input-checkbox{ height:82px; position:relative; background-color:#f2f2f2; }
.store-list li .input-checkbox .ico-checkbox{ position:absolute; top:0; left:0; background-color:#fff; z-index:1; }
.store-list li .input-checkbox .img-area{ width:82px; height:82px; font-size:12px; z-index:0; }
.store-list li .input-checkbox .bg{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; }
.store-list li .input-checkbox .img-area img{ max-width:46px; max-height:100%; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; box-sizing:border-box; }
.store-list li .item-control{ clear:both; text-align: right; }
.store-list li .btn-count-wrap{ margin-right:0; height:23px; }
/* .store-list li .btn-count-wrap .btn-minus, .btn-count-wrap .btn-plus{ width:24px; line-height:20px; } */
.store-list li .btn-count-wrap > span{ width:30px; line-height:20px; }
.store-list li .btn-count-wrap:before{ left:23px; }
.store-list li .btn-count-wrap:after{ right:23px; }

/* price-area */
.price-area ul li:before, .price-area ul li:after{ content:''; display:block; clear:both; }
.price-area ul li{ display:block; }
.price-area ul li span{ width:50%; line-height:28px; height:auto; float:left; font-size:14px; font-weight:400; }
.price-area ul li span:nth-child(even){ float:right; text-align:right; }
.price-area ul li span.color-gray{ color:rgba(0, 0, 0, 0.4) !important; }
.price-area ul li .sticker-area a.sticker{ margin-top:5px; padding:2px 12px; color:#000; }
.price-area ul li .sticker-area2 a.sticker{ margin-top:0; margin-left:10px; padding:2px 12px; color:#000; }
.address-area ul li span:nth-child(odd){ width:94px; }
.address-area ul li span:nth-child(even){ width:calc(100% - 100px); text-align:left; }


/* pop */
.terms h2{font-size:1.333rem;font-weight:bold;color:#323232;text-align:center;}
.terms h3{margin:2.5rem 0 0 0;font-size:1rem;font-weight:bold;}
.terms dt{margin:2.292rem 0 0 0;font-size:1rem;font-weight:bold;}
.terms dd{line-height:1.667rem;font-size:1rem;}
.terms dd ul{margin:0 0 0 1rem;}
.terms ul li{list-style:none;}
.terms table{border-spacing:0;border-collapse:collapse;}
.terms table th,
.terms table td{border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;}
.terms table th{background:#ebebeb;border-top:1px solid #323232;border-bottom:1px solid #323232;}
.terms table th:first-child,
.terms table td:first-child{border-left:none;}
.terms table td{padding:20px;border-bottom:1px solid #d2d2d2}
.terms table th:last-child,
.terms table td:last-child{border-right:none;}
.terms .terms_right{margin:2rem 0 0 0;font-weight:bold;font-size:1rem;text-align:right;}
.terms .terms_right + .terms_right{margin:0;}

.dim-content .board-list table td {padding:10px;border-left:1px solid #ededed;border-right:1px solid #ededed;}
.dim-content .board-list table td:first-child {border-left:0;}
.dim-content .board-list table td:last-child {border-right: 0;}

*[data-popup="type1"]{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;}
*[data-popup="type1"] .dim{width:100%;height:100%;background:rgba(0,0,0,0.5);}
*[data-popup="type1"] .pop_wrap{margin-left:-10.917rem;width:21.833rem;height:auto;position:absolute;left:50%;top:50%;background:#fff;border:1px solid #000;}
*[data-popup="type1"] .pop_wrap button.close.type2{ width:3.333rem; height:3.333rem; position:absolute; top:-1.6665rem; right:-1.6665rem; background:url(//img.sdij.com/mobile/b_close_bg.png) no-repeat center center; background-size:contain; font-size:0; }
*[data-popup="type1"].consult{text-align:center;}
*[data-popup="type1"].consult .content_text p{line-height:1.667rem;word-break:keep-all;}
*[data-depth1="launching"][data-depth2="knock"][data-depth3="applystep1_2"] *[data-popup="type1"] .pop_wrap a{text-decoration:none;}
*[data-depth1="launching"][data-depth2="knock"][data-depth3="applystep2"] *[data-popup="type1"] .pop_wrap{margin:-10.917rem;}
*[data-popup="type1"] *[data-box="pop_content"]{padding:2.500rem 1.667rem 2.500rem 1.667rem;}
*[data-popup="type1"].popup2 *[data-box="pop_content"]{padding:3.833rem 1.667rem 3.833rem 1.667rem;}
*[data-popup="type1"].popup3 *[data-box="pop_content"]{padding:0;}
*[data-popup="type1"].popup3 *[data-box="pop_content"] .depth_list li{ padding:0 0 0 1.667rem; position:relative; border-top:1px #d2d2d2 solid; }
*[data-popup="type1"].popup3 *[data-box="pop_content"] .depth_list li:first-child{ border:0;}
*[data-popup="type1"].popup3 *[data-box="pop_content"] .depth_list li a{ line-height:4.167rem; display:block; font-size:1rem; color:#323232; text-decoration:none; cursor:pointer; }
*[data-popup="type1"].popup3 *[data-box="pop_content"] .depth_list li:after{ content:"";  width:0.5rem; height:0.917rem; margin:-0.4585rem 0 0 0; position:absolute; top:50%; right:1.25rem; background:url(//img.sdij.com/common/r_arrow.png) no-repeat center center; background-size:contain; }
*[data-popup="type1"] .content_title{margin-bottom:2.292rem;padding-bottom:2.083rem;font-size:1.250rem;font-weight:bold;text-align:center;border-bottom:1px solid #dcdcdc;}
*[data-popup="type1"] .content_text{font-size:1rem;line-height:1.667rem;}
*[data-popup="type1"] .content_text *[data-btn="link"]{display:block;font-size:1rem;text-align:left;}
*[data-popup="type1"] .content_text a{color:#348ee3;text-decoration:underline;}
*[data-popup="type1"].popup2 .content_text{text-align:center;}
*[data-popup="type1"] .secret_pw{ width:15rem; height:4.167rem;  margin:1.458rem auto 0 auto; border:1px #d2d2d2 solid; font-size:2rem; text-align:center; }
*[data-popup="type1"] .black{ width:3.500em; height: 3.500em; position: absolute; top:-1.750em; left:auto; right:-1.750em; background:url('//img.sdij.com/common/m_b_close_bg.png') no-repeat center center; background-size:98%; text-indent: -9999px; z-index: 9999; }
*[data-popup="type1"] *[class^=btn_wrap]{padding:0;font-size:0;}
*[data-popup="type1"] .btn_wrap>*{display:block;}
*[data-popup="type1"] .btn_wrap2>*{display:inline-block;width:50%;}
*[data-popup="type1"].attached_file  *[data-box="pop_content"]{padding:0;}
*[data-popup="type1"].attached_file  *[data-box="pop_content"] p{margin:0;padding:0;line-height:4.167rem;font-size:1.250rem;}
*[data-popup="type1"].attached_file  *[data-box="pop_content"] .content_text{max-height:20.833rem;overflow-y:auto;}
*[data-popup="type1"].attached_file  *[data-box="pop_content"] *[data-btn="link"]{padding:0 1.667rem;line-height:4.167rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-bottom:1px solid #dcdcdc;box-sizing:border-box;}
*[data-popup="type1"].attached_file  *[data-box="pop_content"] *[data-btn="link"]:last-child{border-bottom:none;}
*[data-popup="type1"].reservation{text-align:center;}
*[data-popup="type1"].reservation .content_text p{line-height:1.667rem;}
*[data-popup="type1"].reservation .content_text p b{font-size:1.667rem;}

*[data-pop="pop"]{position:fixed;top:50%;right:0;left:0;margin:0 auto;width:90%;height:auto;box-sizing:border-box;z-index: 999;}
*[data-pop="pop"].border{ border:5px #c3c3c3 solid }
*[data-pop="pop"] .pop_wrap{width:100%;height:100%;}
*[data-pop="pop"] .content{width:100%;height:calc(100% - 4.167rem);}
*[data-pop="pop"] .content a{display:block;width:100%;height:100%;}
*[data-pop="pop"] .content img{width:100%;height:100%;}
*[data-pop="pop"] .today{width:100%;height:4.167rem;background:#fff;}
*[data-pop="pop"] .today button{padding:0;height:4.167rem;font-size:0;overflow:hidden;}
*[data-pop="pop"] .today .t_close{width:50%;font-size:1.000rem;float:left;}
*[data-pop="pop"] .today .close{width:50%;font-size:1.000rem;float:right;border-left:1px solid #d2d2d2;box-sizing:border-box;}
*[data-pop="pop"] .dim{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1;}
*[data-pop="pop"] *[data-swipe="pop"].swiper-container{position:relative;margin:auto;width:100%;height:calc(100% - 4.167rem);box-sizing:border-box;}
*[data-pop="pop"] *[data-swipe="pop"].swiper-container .main-pagination{position:absolute;bottom:1.250rem;text-align:center;z-index:99;}
*[data-pop="pop"] *[data-swipe="pop"].swiper-container .main-pagination .swiper-pagination-bullet{margin:0 0.167rem;width:0.667rem;height:0.667rem;background:#fff;opacity:0.4;}
*[data-pop="pop"] *[data-swipe="pop"].swiper-container .main-pagination .swiper-pagination-bullet-active{opacity:1;}
*[data-pop="pop"] *[data-swipe="pop"] .swiper-wrapper{display:flex;}
*[data-pop="pop"] *[data-swipe="pop"] .swiper-wrapper a{display:block;width:100%;height:100%;}
*[data-pop="pop"] *[data-swipe="pop"] .swiper-wrapper img{width:100%;height:100%;}
*[data-pop="pop"] .pop_btn{position:absolute;top:50%;margin:-2.083rem 0 0 0;width:100%;font-size:0;color:#fff;}
*[data-pop="pop"] .pop_btn .pop_prev{position:absolute;top:0;left:0;display:inline-block;margin:-2.083rem 0 0 0;width:2.083rem;height:4.167rem;box-sizing:border-box;background:url(//img.sdij.com/mobile/common.png) no-repeat;background-position:-4.167rem -118.750rem;background-size:40rem auto;cursor:pointer;z-index:1}
*[data-pop="pop"] .pop_btn .pop_next{position:absolute;top:0;right:0;display:inline-block;margin:-2.083rem 0 0 0;width:2.083rem;height:4.167rem;box-sizing:border-box;background:url(//img.sdij.com/mobile/common.png) no-repeat;background-position:-8.333rem -118.750rem;background-size:40rem auto;cursor:pointer;z-index:1}
*[data-pop="pop"] .pop_btn_list{  width:100%; position:absolute; top:13.3rem; font-size:0; text-align:center; }
*[data-pop="pop"] *[data-swipe="pop"] .swiper-wrapper .pop_btn_list a{ width:10rem; height:4.167rem; display:inline-block; }

/*20181018*/
*[data-popup="type1"]{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;}
*[data-popup="type1"] .dim{width:100%;height:100%;background:rgba(0,0,0,0.5);}
*[data-popup="type1"] .pop_wrap{margin-left:-10.917rem;width:21.833rem;height:auto;position:absolute;left:50%;top:50%;background:#fff;border:1px solid #000;}
*[data-popup="type1"] .pop_wrap button.close.type2{ width:3.333rem; height:3.333rem; position:absolute; top:-1.6665rem; right:-1.6665rem; background:url(//img.sdij.com/mobile/b_close_bg.png) no-repeat center center; background-size:contain; font-size:0; }
*[data-popup="type1"].consult{text-align:center;}
*[data-popup="type1"].consult .content_text p{line-height:1.667rem;word-break:keep-all;}
*[data-depth1="launching"][data-depth2="knock"][data-depth3="applystep1_2"] *[data-popup="type1"] .pop_wrap a{text-decoration:none;}
*[data-depth1="launching"][data-depth2="knock"][data-depth3="applystep2"] *[data-popup="type1"] .pop_wrap{margin:-10.917rem;}
*[data-popup="type1"] *[data-box="pop_content"]{padding:2.500rem 1.667rem 2.500rem 1.667rem;}
*[data-popup="type1"].popup2 *[data-box="pop_content"]{padding:3.833rem 1.667rem 3.833rem 1.667rem;}
*[data-popup="type1"].popup3 *[data-box="pop_content"]{padding:0;}
*[data-popup="type1"].popup3 *[data-box="pop_content"] .depth_list li{ padding:0 0 0 1.667rem; position:relative; border-top:1px #d2d2d2 solid; }
*[data-popup="type1"].popup3 *[data-box="pop_content"] .depth_list li:first-child{ border:0;}
*[data-popup="type1"].popup3 *[data-box="pop_content"] .depth_list li a{ line-height:4.167rem; display:block; font-size:1rem; color:#323232; text-decoration:none; cursor:pointer; }
*[data-popup="type1"].popup3 *[data-box="pop_content"] .depth_list li:after{ content:"";  width:0.5rem; height:0.917rem; margin:-0.4585rem 0 0 0; position:absolute; top:50%; right:1.25rem; background:url(//img.sdij.com/common/r_arrow.png) no-repeat center center; background-size:contain; }
*[data-popup="type1"] .content_title{margin-bottom:2.292rem;padding-bottom:2.083rem;font-size:1.250rem;font-weight:bold;text-align:center;border-bottom:1px solid #dcdcdc;}
*[data-popup="type1"] .content_text{font-size:1rem;line-height:1.667rem;}
*[data-popup="type1"] .content_text *[data-btn="link"]{display:block;font-size:1rem;text-align:left;}
*[data-popup="type1"] .content_text a{color:#348ee3;text-decoration:underline;}
*[data-popup="type1"].popup2 .content_text{text-align:center;}
*[data-popup="type1"] .secret_pw{ width:15rem; height:4.167rem;  margin:1.458rem auto 0 auto; border:1px #d2d2d2 solid; font-size:2rem; text-align:center; }
*[data-popup="type1"] .black{ width:3.500em; height: 3.500em; position: absolute; top:-1.750em; left:auto; right:-1.750em; background:url('//img.sdij.com/common/m_b_close_bg.png') no-repeat center center; background-size:98%; text-indent: -9999px; z-index: 9999; }
*[data-popup="type1"] *[class^=btn_wrap]{padding:0;font-size:0;}
*[data-popup="type1"] .btn_wrap>*{display:block;}
*[data-popup="type1"] .btn_wrap2>*{display:inline-block;width:50%;}
*[data-popup="type1"].attached_file  *[data-box="pop_content"]{padding:0;}
*[data-popup="type1"].attached_file  *[data-box="pop_content"] p{margin:0;padding:0;line-height:4.167rem;font-size:1.250rem;}
*[data-popup="type1"].attached_file  *[data-box="pop_content"] .content_text{max-height:20.833rem;overflow-y:auto;}
*[data-popup="type1"].attached_file  *[data-box="pop_content"] *[data-btn="link"]{padding:0 1.667rem;line-height:4.167rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-bottom:1px solid #dcdcdc;box-sizing:border-box;}
*[data-popup="type1"].attached_file  *[data-box="pop_content"] *[data-btn="link"]:last-child{border-bottom:none;}
*[data-popup="type1"].reservation{text-align:center;}
*[data-popup="type1"].reservation .content_text p{line-height:1.667rem;}
*[data-popup="type1"].reservation .content_text p b{font-size:1.667rem;}

*[data-pop="pop"]{position:fixed;top:50%;right:0;left:0;margin:0 auto;width:90%;height:auto;box-sizing:border-box;z-index: 999;}
*[data-pop="pop"].border{ border:5px #c3c3c3 solid }
*[data-pop="pop"] .pop_wrap{width:100%;height:100%;}
*[data-pop="pop"] .content{width:100%;height:calc(100% - 4.167rem);}
*[data-pop="pop"] .content a{display:block;width:100%;height:100%;}
*[data-pop="pop"] .content img{width:100%;height:100%;}
*[data-pop="pop"] .today{width:100%;height:4.167rem;background:#fff;}
*[data-pop="pop"] .today button{padding:0;height:4.167rem;font-size:0;overflow:hidden;}
*[data-pop="pop"] .today .t_close{width:50%;font-size:1.000rem;float:left;}
*[data-pop="pop"] .today .close{width:50%;font-size:1.000rem;float:right;border-left:1px solid #d2d2d2;box-sizing:border-box;}
*[data-pop="pop"] .dim{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1;}
*[data-pop="pop"] *[data-swipe="pop"].swiper-container{position:relative;margin:auto;width:100%;height:calc(100% - 4.167rem);box-sizing:border-box;}
*[data-pop="pop"] *[data-swipe="pop"].swiper-container .main-pagination{position:absolute;bottom:1.250rem;text-align:center;z-index:99;}
*[data-pop="pop"] *[data-swipe="pop"].swiper-container .main-pagination .swiper-pagination-bullet{margin:0 0.167rem;width:0.667rem;height:0.667rem;background:#fff;opacity:0.4;}
*[data-pop="pop"] *[data-swipe="pop"].swiper-container .main-pagination .swiper-pagination-bullet-active{opacity:1;}
*[data-pop="pop"] *[data-swipe="pop"] .swiper-wrapper{display:flex;}
*[data-pop="pop"] *[data-swipe="pop"] .swiper-wrapper a{display:block;width:100%;height:100%;}
*[data-pop="pop"] *[data-swipe="pop"] .swiper-wrapper img{width:100%;height:100%;}
*[data-pop="pop"] .pop_btn{position:absolute;top:50%;margin:-2.083rem 0 0 0;width:100%;font-size:0;color:#fff;}
*[data-pop="pop"] .pop_btn .pop_prev{position:absolute;top:0;left:0;display:inline-block;margin:-2.083rem 0 0 0;width:2.083rem;height:4.167rem;box-sizing:border-box;background:url(//img.sdij.com/mobile/common.png) no-repeat;background-position:-4.167rem -118.750rem;background-size:40rem auto;cursor:pointer;z-index:1}
*[data-pop="pop"] .pop_btn .pop_next{position:absolute;top:0;right:0;display:inline-block;margin:-2.083rem 0 0 0;width:2.083rem;height:4.167rem;box-sizing:border-box;background:url(//img.sdij.com/mobile/common.png) no-repeat;background-position:-8.333rem -118.750rem;background-size:40rem auto;cursor:pointer;z-index:1}
*[data-pop="pop"] .pop_btn_list{  width:100%; position:absolute; top:13.3rem; font-size:0; text-align:center; }
*[data-pop="pop"] *[data-swipe="pop"] .swiper-wrapper .pop_btn_list a{ width:10rem; height:4.167rem; display:inline-block; }

/*20181018*/
*[data-pop="pop"].border *[data-swipe="pop"] .swiper-wrapper .pop_btn_list{  padding:0 0 0 2.2rem; top:15.3rem; text-align:left; }
*[data-pop="pop"].border *[data-swipe="pop"] .swiper-wrapper .pop_btn_list a{ width:7rem; height:2.167rem; }
*[data-pop="pop"].border .today{ border-top:1px solid #d2d2d2; }

*[data-pop="double"]{position:fixed;top:50%;right:0;left:0;margin:0 auto;width:85%;height:auto;box-sizing:border-box;z-index:999;}
*[data-pop="double"].check.off{display:none;}
*[data-pop="double"] .pop_wrap{width:100%;height:100%;}
*[data-pop="double"] .content_wrap .pop_cont{position:relative;width:100%;height:19.167rem;}
*[data-pop="double"] .content_wrap .pop_cont a{display:block;width:100%;height:calc(100% - 4.125rem);overflow:hidden;}
*[data-pop="double"] .content_wrap .pop_cont img{width:100%;height:100%}
*[data-pop="double"] .content_wrap .pop_cont .today{position:absolute;left:0;bottom:0;width:100%;height:4.167rem;background:#fff;}
*[data-pop="double"] .content_wrap .pop_cont .today button{padding:0;height:4.167rem;font-size:0;overflow:hidden;}
*[data-pop="double"] .content_wrap .pop_cont .today .t_close{width:50%;font-size:1.000rem;float:left;}
*[data-pop="double"] .content_wrap .pop_cont + .pop_cont{margin:0.883rem 0 0 0;}
*[data-pop="double"] .content_wrap .pop_cont .today .close{width:50%;font-size:1.000rem;float:right;border-left:1px solid #d2d2d2;box-sizing:border-box;}
*[data-pop="double"] .pop_cont .dim{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1;}
*[data-pop="double"] .content_wrap .pop_cont.off{visibility:hidden;}
*[data-pop="double"] .content_wrap .pop_cont + .pop_cont .dim{display:none;}
*[data-pop="double"] .content_wrap .pop_cont.off + .pop_cont .dim{display:block;}
*[data-pop="double"] .content_wrap .pop_cont.off + .pop_cont.off{display:none;}

*[data-popup="pop"]{position:relative;padding-top:4rem;}
*[data-popup="pop"] #pop_title{position:fixed;left:0;top:0;width:100%;height:4rem;background:#ebebeb;border-bottom:1px solid #323232;box-sizing:border-box;z-index:99;}
*[data-popup="pop"] #pop_title h1{font-weight:bold;font-size:26px;text-align:center;}
*[data-popup="pop"] #pop_title h1.line2{padding:0.333rem 0;line-height:1.667rem;}
*[data-popup="pop"] #pop_title .pop_close{position:absolute;right:0.750rem;top:50%;margin:-1.083rem 0 0 0;width:2.167rem;height:2.167rem;font-size:0;text-indent:-9999px;background:url(//img.sdij.com/mobile/common.png) no-repeat;background-position:-4rem 0;background-size:26.667rem auto; border:none;}
*[data-popup="pop"] #pop_title .pop_close:active{background-position:-6rem 0;}
*[data-popup="pop"] #content_wrap{padding-top:2.5rem !important;padding-bottom:2.5rem; padding:3.833rem 1.667rem 14.167rem 1.667rem; background:#fff;}
*[data-popup="pop"] .pop_text{padding:0 0 1.667rem 0;}
*[data-popup="pop"] *[data-box="type1"].studeep{margin:0;}
*[data-popup="pop"] *[data-box="type1"].studeep:before{background-size:40rem auto;background-position:-22.917rem -25.416rem;}
*[data-popup="pop"] .studeep span{font-size:1.167rem;}
*[data-popup="pop"] .studeep p{line-height:1.667rem;font-size:1rem;font-weight:normal;color:#a0a0a0;}
*[data-popup="pop"] .studeep p:last-child{margin:0;}
*[data-depth1="on"][data-depth2="studeep"][data-depth3="sample"] #content_wrap{background:#f5f5f5;}

*[data-popup="main"]{position:fixed;top:50%;right:0;left:0;margin:0 auto;width:23.333rem;height:auto;box-sizing:border-box;z-index:999;}
*[data-popup="main"] .pop_wrap{height:100%;transform:scale(0.9);}
*[data-popup="main"] .content{}
*[data-popup="main"] .content a{display:inline-block;}
*[data-popup="main"] .today{position:absolute;bottom:-4.167rem;width:100%;height:4.167rem;background:#fff;}
*[data-popup="main"] .today *[data-form="checkbox"]{display:inline-block;margin:0.833rem;}
*[data-popup="main"] .today *[data-form="checkbox"] label{color:#a0a0a0;}
*[data-popup="main"] .today .close{position:absolute;top:1.458rem;right:1.458rem;display:inline-block;padding:0;width:1.250rem;height:1.250rem;background:url(//img.sdij.com/mobile/common.png) no-repeat;background-position:-10.417rem -104.167rem;background-size:40rem auto;text-indent:-9999px;}
*[data-popup="main"] .dim{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1;}

*[data-popup="main2"]{position:fixed;top:50%;right:0;left:0;margin:-13.250rem auto 0 auto;width:25.000rem;height:27.500rem;box-sizing:border-box;z-index:999;}
*[data-popup="main2"] .pop_wrap{height:100%;transform:scale(0.9);}
*[data-popup="main2"] .content{height:calc(100% - 4.167rem);}
*[data-popup="main2"] .content a{display:inline-block;width:100%;height:100%;}
*[data-popup="main2"] .content img{height:100%;}
*[data-popup="main2"] .today{position:relative;padding:0.833rem;width:100%;background:#fff;overflow:hidden;box-sizing:border-box;}
*[data-popup="main2"] .today *[data-form="checkbox"]{display:inline-block;}
*[data-popup="main2"] .today *[data-form="checkbox"] label{color:#a0a0a0;}
*[data-popup="main2"] .today .close{position:absolute;top:1.458rem;right:1.458rem;display:inline-block;padding:0;width:1.250rem;height:1.250rem;background:url(//img.sdij.com/mobile/common.png) no-repeat;background-position:-10.417rem -104.167rem;background-size:40rem auto;text-indent:-9999px;}
*[data-popup="main2"] .dim{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1;}
*[data-popup="main2"].type1 .content{padding:5.000rem 1.667rem 2.500rem 1.667rem;text-align:center;background:#2b435e;box-sizing:border-box;}
*[data-popup="main2"].type1 .content em{font-size:1.167rem;color:#ffad00;}
*[data-popup="main2"].type1 .content strong{display:block;margin:0 0 0.833rem 0;line-height:3rem;font-size:2rem;color:#fff;}
*[data-popup="main2"].type1 .content b{font-size:1.667rem;color:#6fbae9;}
*[data-popup="main2"].type1 .content div{margin:2.500rem 0 0 0;font-size:0;}
*[data-popup="main2"].type1 .content div a{display:inline-block;width:10.417rem;height:4.167rem;line-height:4.167rem;font-size:1.333rem;color:#ffad00;border:1px solid #ffad00;background:#2b435e;box-sizing:border-box;}
*[data-popup="main2"].type2{margin:-11.250rem auto 0 auto;width:23.333rem;height:22.417rem;}
*[data-popup="main2"].type2.set1{margin:-17.083rem auto 0 auto}
*[data-popup="main2"].type2.set1 .content{height:auto}
*[data-popup="main2"].type2 .pop_wrap{transform:scale(0.95);}
*[data-popup="main2"].type2 .content{height:18.333rem;}

*[data-popup="book"]{position:fixed;top:50%;right:0;left:0;margin:-18.750rem auto 0 auto;width:23.333rem;height:37.500rem;background:#323232;box-sizing:border-box;z-index:999;}
*[data-popup="book"] .content{padding:1.667rem 0 1.667rem 1.667rem;}
*[data-popup="book"] .content_text{height:30.417rem;line-height:1.667rem;font-size:1rem;color:#c8c8c8;overflow-y:auto;}
*[data-popup="book"] .content_text b{color:#fff;}
*[data-popup="book"] .content_text span{padding:0 0 0 0.667rem;}
*[data-popup="book"] .today{position:absolute;bottom:0;width:100%;height:4.167rem;background:#fff;}
*[data-popup="book"] .today button{padding:0;height:4.167rem;font-size:0;overflow:hidden;}
*[data-popup="book"] .today .t_close{width:70%;font-size:1.167rem;float:left;}
*[data-popup="book"] .today .close{width:30%;font-size:1.167rem;float:right;border-left:1px solid #d2d2d2;box-sizing:border-box;}
*[data-popup="book"] .dim{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1;}

*[data-popup="consult"]{position:fixed;top:0;width:100%;height:100%;background:#2b435e;box-sizing:border-box;z-index:999;}
*[data-popup="consult"] .pop_wrap{height:100%;}
*[data-popup="consult"] .content_wrap{display:table;position:relative;margin:-0.417rem 0 0 0;width:100%;height:calc(100% - 3.750rem);transform:scale(0.9);}
*[data-popup="consult"] .content{display:table-cell;padding:0 1.667rem 1.667rem 1.667rem;width:100%;height:100%;font-size:1rem;color:#fff;text-align:center;vertical-align:middle;box-sizing:border-box;}
*[data-popup="consult"] .content h3{font-size:1.667rem;font-weight:bold;letter-spacing:-0.5px;}
*[data-popup="consult"] .content .content_text{margin:1.667rem auto 0 auto;padding:1.667rem 1.333rem;width:100%;max-height:30.667rem;font-size:1rem;text-align:initial;border:1px solid #778799;background:#213245;box-sizing:border-box;overflow-y:auto;}
*[data-popup="consult"] .content .content_text li{position:relative;line-height:2rem;font-size:1rem;letter-spacing:-0.5px;}
*[data-popup="consult"] .content .content_text li b{font-size:1rem;}
*[data-popup="consult"] .content .content_text li span{display:block;margin:-0.833rem 0 0 0;padding:0 0 0 6.000rem;}
*[data-popup="consult"] .content .content_text li span.type1{padding:0 0 0 3.417rem;}
*[data-popup="consult"] .content .content_text li em{display:block;line-height:1.667rem;}
*[data-popup="consult"] .content .content_text li em:nth-child(n+3){padding:0 0 0 0.667rem;line-height:1.250rem;}
*[data-popup="consult"] .content .content_text li em:last-child{margin:0.667rem 0 0 0;}
*[data-popup="consult"] .content .content_text li strong{position:absolute;left:0;font-weight:normal;}
*[data-popup="consult"] .content div{display:flex;margin:1.667rem 0 0 0;font-size:0;}
*[data-popup="consult"] .content div a{display:inline-block;width:100%;height:4.167rem;line-height:4.167rem;font-size:1.167rem;color:#323232;background:#ffad00;box-sizing:border-box;}
*[data-popup="consult"] .content div .blue{background:#96c6dd;}
*[data-popup="consult"] .content div a + a{margin-left:0.833rem;}
*[data-popup="consult"] .today{position:absolute;bottom:0;width:100%;height:3.750rem;background:#323232;}
*[data-popup="consult"] .today button{padding:0;height:3.750rem;color:#fff;font-size:0;overflow:hidden;}
*[data-popup="consult"] .today .t_close{width:70%;font-size:1.000rem;float:left;}
*[data-popup="consult"] .today .close{width:30%;font-size:1.000rem;float:right;border-left:1px solid #5b5b5b;box-sizing:border-box;}
*[data-popup="consult"].type1 .content .content_text,
*[data-popup="consult"].type2 .content .content_text{max-height:25.750rem;}
*[data-popup="consult"].type2 .content div a{padding:0.833rem 0;line-height:1.333rem;}
*[data-popup="consult"].type2 .content .content_text li em:last-child{color:#f6c108;}

*[data-popup="on"]{position:fixed;top:50%;right:0;left:0;margin:0 auto;width:25.000rem;height:auto;box-sizing:border-box;z-index:999;}
*[data-popup="on"] .pop_wrap{height:100%;transform:scale(0.9);}
*[data-popup="on"] .content_wrap{height:calc(100% - 4.167rem);}
*[data-popup="on"] .content_1{padding:1.917rem 1.667rem 2.500rem 1.667rem;height:45%;text-align:center;background:#2b435e;box-sizing:border-box;}
*[data-popup="on"] .content_1 strong{line-height:1.833rem;font-size:1.333rem;color:#fff;}
*[data-popup="on"] .content_1 a{display:inline-block;margin:1.333rem 0 0 0;width:11.167rem;height:4.167rem;line-height:4.167rem;font-size:1.333rem;color:#ffad00;border:1px solid #ffad00;background:#2b435e;box-sizing:border-box}
*[data-popup="on"] .content_2{padding:2.500rem 1.667rem 2.500rem 1.667rem;height:55%;text-align:center;border-top:1px solid #fff;background:#2b435e;box-sizing:border-box;}
*[data-popup="on"] .content_2 em{font-size:1rem;color:#ffad00;}
*[data-popup="on"] .content_2 strong{display:block;line-height:1.833rem;font-size:1.333rem;color:#fff;}
*[data-popup="on"] .content_2 b{display:block;margin:-0.167rem 0 0 0;font-size:1.333rem;color:#6fbae9;}
*[data-popup="on"] .content_2 div{margin:1.333rem 0 0 0;font-size:0;}
*[data-popup="on"] .content_2 div a{display:inline-block;width:11.167rem;height:4.167rem;line-height:4.167rem;font-size:1.333rem;color:#ffad00;border:1px solid #ffad00;background:#2b435e;box-sizing:border-box;}
*[data-popup="on"] .content-2 div a:first-child{color:#2b435e;background:#ffad00;}
*[data-popup="on"] .content_2 div a + a{margin-left:0.833rem;}
*[data-popup="on"] .today{position:absolute;bottom:-4.167rem;width:100%;height:4.167rem;background:#fff;}
*[data-popup="on"] .today *[data-form="checkbox"]{display:inline-block;margin:0.833rem;}
*[data-popup="on"] .today *[data-form="checkbox"] label{color:#a0a0a0;}
*[data-popup="on"] .today .close{position:absolute;top:1.458rem;right:1.458rem;display:inline-block;padding:0;width:1.250rem;height:1.250rem;background:url(//img.sdij.com/mobile/common.png) no-repeat;background-position:-10.417rem -104.167rem;background-size:40rem auto;text-indent:-9999px;}
*[data-popup="on"] .dim{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1;}
*[data-popup="on"].type1{height:auto;}
*[data-popup="on"].type1 a{display:block;height:100%;}
*[data-popup="on"].type1 .content_1{height:50%;padding-top:3.000rem;}

*[data-popup="N"]{position:fixed;top:50%;right:0;left:0;margin:-12.083rem auto 0 auto;width:23.333rem;height:24.167rem;background:#323232;box-sizing:border-box;z-index:999;}
*[data-popup="N"] .content{}
*[data-popup="N"] .content a{display:inline-block;}
*[data-popup="N"] .today{position:absolute;bottom:0;width:100%;height:4.167rem;background:#fff;}
*[data-popup="N"] .today *[data-form="checkbox"]{display:inline-block;margin:0.833rem;}
*[data-popup="N"] .today *[data-form="checkbox"] label{color:#a0a0a0;}
*[data-popup="N"] .today .close{position:absolute;top:1.458rem;right:1.458rem;display:inline-block;padding:0;width:1.250rem;height:1.250rem;background:url(//img.sdij.com/mobile/common.png) no-repeat;background-position:-10.417rem -104.167rem;background-size:40rem auto;text-indent:-9999px;}
*[data-popup="N"] .dim{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1;}
*[data-popup="N"].type1{margin:-12.958rem auto 0 auto;height:25.917rem;}

*[data-layout="type1"].pop{position:fixed;bottom:0;padding:0 1.667rem;border-top:1px solid #000;background:#fff;box-sizing:border-box;}
*[data-layout="type1"].pop h3{padding:1.667rem 0 0 0}
*[data-layout="type1"].pop *[data-list="type4"] li{padding:1.667rem;border:none;}
*[data-layout="type1"].pop *[data-list="type4"] li p{border:none;}
*[data-layout="type1"].pop *[data-list="type4"] li p.summary{padding:0;}
*[data-layout="type1"].pop .btn_wrap{padding:0 0 1.667rem 0}

/* 공통 */
.flex-row {display:flex;margin: 0 -10px;}
.flex-row .col {flex: 1 0 0;margin:0 10px;}
.flex-row .jc-flex-end{display:flex;justify-content: flex-end;}
.flex-row .jc-space-between{display:flex;justify-content: space-between;}
.flex-row .ai-center{display:flex;align-items: center;}
.justify-content-center {justify-content: center;}
.flex-col {display:flex; flex-direction: column;}

hr.contents__line {margin-bottom:20px;padding-bottom:20px;border:none;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}

.text-ellipsis {overflow: hidden;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;text-overflow: ellipsis; }
.text-ellipsis.one--line {-webkit-line-clamp: 1;}
.text-ellipsis.two--line {-webkit-line-clamp: 2;}
.text-ellipsis.three--line {-webkit-line-clamp: 3;}

.pill {display:inline-flex;align-items:center;justify-content:center;font-size: 12px;line-height: 17px;border-radius: 100px;}
.pill.pill--lg {height:34px;padding:0 22px;}
.pill.pill--md {height: 32px;padding:0 12px;}
.pill.pill--fill {color:#fff;background-color: #333;}
.pill.pill--fill-gray {color:#959595;border:1px solid #ccc;background-color: #F2F2F2;}
.pill.pill--outline {color:#333;border: 1px solid #333;}
.pill.pill--outline-gray {color:#888;border:1px solid #888;}


.new-icon {width: 1em;height: 1em;display: inline-block;background-repeat: no-repeat;background-position: center;}
.new-icon.file { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='3' width='11' height='12' stroke='%23111111'/%3E%3Cpath d='M5 7.5H11' stroke='black'/%3E%3Cpath d='M5 10.5H11' stroke='black'/%3E%3C/svg%3E");}
.new-icon.file2 { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 4H12.5C12.7761 4 13 4.22386 13 4.5V13.5C13 13.7761 12.7761 14 12.5 14H3.5C3.22386 14 3 13.7761 3 13.5V4' stroke='%23222222'/%3E%3Cpath d='M3 3.7569C3 3.51248 3.17671 3.30388 3.4178 3.2637L10.4178 2.09703C10.7226 2.04624 11 2.28126 11 2.59023V12.2431C11 12.4875 10.8233 12.6961 10.5822 12.7363L3.5822 13.903C3.27743 13.9538 3 13.7187 3 13.4098V3.7569Z' stroke='%23222222'/%3E%3C/svg%3E%0A"); }

.term__contents ol,
.term__contents ul {list-style: none;}
.term__title.ty02 {margin:30px 0 20px;}
.term__paragraph {margin-bottom:20px;}
.term__list {margin-bottom:15px;padding-left: 15px;text-indent: -15px;}
.term__list li {margin-bottom: 10px;}

.table--basic table {width:100%;text-align: center;border-collapse: collapse;}
.table--basic table th,
.table--basic table td {word-break: break-all; padding:16px;border:1px solid #d2d2d2;}
.table--basic table th {border-top:1px solid #000;border-bottom:1px solid #000;background-color: #ebebeb;}
.table--basic table td {border-bottom:1px solid #d2d2d2;border-top:none;}
.table--basic table td:first-child {border-left: none;}
.table--basic table td:last-child {border-right: none;}

.btn-like {cursor: pointer;}
.btn-like i {display:block;width:21px;height:19px;background-image: url("data:image/svg+xml,%3Csvg width='21' height='19' viewBox='0 0 21 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.06832 2.68412L9.50133 3.42347L9.93201 2.68276C10.3203 2.01499 10.8677 1.46436 11.5195 1.08266C12.1711 0.70111 12.9057 0.500841 13.6522 0.5C14.7999 0.500908 15.9039 0.972891 16.7206 1.81799C17.5378 2.66377 17.9998 3.81401 17.9998 5.01672C17.9998 7.96349 15.9003 10.581 13.6722 12.5136C12.5713 13.4684 11.468 14.2308 10.6389 14.7548C10.2248 15.0165 9.88044 15.2179 9.64061 15.3533C9.58949 15.3822 9.54313 15.4081 9.50188 15.4309C9.46033 15.4075 9.41358 15.381 9.36197 15.3514C9.12198 15.2136 8.7774 15.009 8.36314 14.7437C7.53361 14.2125 6.42983 13.4415 5.32845 12.4807C3.09795 10.5349 1.00008 7.91791 0.999756 5.01739C1.00251 4.02837 1.31786 3.06918 1.89522 2.28586C2.47251 1.50263 3.27924 0.939042 4.19044 0.677297C5.10139 0.415622 6.06993 0.46898 6.94949 0.829809C7.82935 1.19076 8.57437 1.84073 9.06832 2.68412Z' stroke='%23BBBBBB'/%3E%3C/svg%3E%0A");}
.btn-like input {display: none;}
.btn-like input:checked + i {background-image: url("data:image/svg+xml,%3Csvg width='21' height='19' viewBox='0 0 21 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6521 0C12.8161 0.000856098 11.9944 0.225174 11.2669 0.651188C10.5393 1.0772 9.93062 1.69044 9.49977 2.43143C8.95165 1.49556 8.12271 0.770666 7.13926 0.367221C6.15582 -0.0362228 5.07179 -0.0960949 4.05239 0.196731C3.03299 0.489557 2.13411 1.11902 1.49273 1.98921C0.851351 2.85939 0.502653 3.92257 0.499756 5.01672C0.499756 11.2809 9.49977 16 9.49977 16C9.49977 16 18.4998 11.3712 18.4998 5.01672C18.4998 3.68678 17.9891 2.41127 17.0801 1.47055C16.1711 0.529827 14.9381 0.000886626 13.6521 0Z' fill='%23ACCECE'/%3E%3C/svg%3E%0A");}
.btn-like.ty02 i {width:31px;height:31px;background-color: rgba(0,0,0,0.5);border-radius: 50%;background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15.5' cy='15.5' r='15.5' fill='white' fill-opacity='0.4'/%3E%3Cpath d='M15.5161 23.497C15.5117 23.4994 15.5074 23.5018 15.5031 23.5042C15.4982 23.5015 15.4933 23.4987 15.4884 23.4959C15.2553 23.3642 14.9198 23.1681 14.516 22.9136C13.7069 22.4036 12.6316 21.664 11.56 20.7438C9.37315 18.8659 7.39332 16.4 7.39282 13.7181C7.39546 12.8188 7.6868 11.9464 8.22039 11.2337C8.75402 10.5211 9.50003 10.0079 10.3431 9.76946C11.1861 9.53111 12.0823 9.57973 12.8961 9.90836C13.7101 10.2371 14.3989 10.8288 14.8554 11.5961L15.5023 12.6834L16.1457 11.5941C16.5046 10.9865 17.0106 10.4853 17.6136 10.1378C18.2162 9.79043 18.8958 9.60798 19.5865 9.60718C20.6487 9.60807 21.6698 10.0381 22.4248 10.8072C23.1803 11.5769 23.6071 12.6233 23.6071 13.7171C23.6071 16.4444 21.6249 18.9111 19.4416 20.7752C18.3708 21.6895 17.2963 22.4205 16.4877 22.9235C16.0842 23.1745 15.749 23.3675 15.5161 23.497Z' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");}
.btn-like.ty02 input:checked + i {background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15.5' cy='15.5' r='15.5' fill='white' fill-opacity='0.4'/%3E%3Cpath d='M19.5864 8.85718C18.7636 8.85801 17.955 9.07532 17.239 9.48802C16.523 9.90072 15.924 10.4948 15.5 11.2126C14.9606 10.306 14.1448 9.60376 13.1769 9.21292C12.2091 8.82209 11.1423 8.76409 10.1391 9.04776C9.13585 9.33144 8.25123 9.94123 7.62003 10.7842C6.98884 11.6272 6.64567 12.6572 6.64282 13.7171C6.64282 19.7856 15.5 24.3572 15.5 24.3572C15.5 24.3572 24.3571 19.8731 24.3571 13.7171C24.3571 12.4288 23.8546 11.1931 22.96 10.2818C22.0654 9.37045 20.852 8.85804 19.5864 8.85718Z' fill='white'/%3E%3C/svg%3E%0A");}

.btn-lock {display:flex;align-items:center;font-weight: 400;font-size: 14px;line-height: 16px;letter-spacing: -0.02em;color: #333;}
.btn-lock::before {content:'';width:16px;height:16px;margin-right:4px;background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1907 7.04204H11.9682V4.92581C11.9682 3.88462 11.5501 2.88607 10.8059 2.14984C10.0617 1.41361 9.05226 1 7.99976 1C6.94727 1 5.93788 1.41361 5.19365 2.14984C4.44942 2.88607 4.03132 3.88462 4.03132 4.92581V7.04204H3.80935C3.57162 7.04204 3.33623 7.08839 3.11661 7.17843C2.897 7.26847 2.69748 7.40043 2.52944 7.56679C2.36141 7.73315 2.22817 7.93063 2.13732 8.14796C2.04648 8.36528 1.99981 8.59818 2 8.83335V14.2101C2.00013 14.6849 2.19086 15.1401 2.53025 15.4758C2.86965 15.8114 3.32991 16 3.80982 16H12.1907C12.6705 16 13.1307 15.8114 13.4701 15.4757C13.8094 15.1401 14 14.6848 14 14.2101V8.83335C14.0003 8.59817 13.9536 8.36524 13.8628 8.14788C13.772 7.93053 13.6387 7.73302 13.4707 7.56665C13.3027 7.40029 13.1031 7.26832 12.8835 7.1783C12.6638 7.08828 12.4284 7.04198 12.1907 7.04204ZM9.18107 13.7756H6.81893L7.50188 11.7909C7.25743 11.6787 7.05904 11.4873 6.93952 11.2483C6.82001 11.0094 6.78653 10.7372 6.84462 10.4769C6.90272 10.2166 7.0489 9.98368 7.259 9.81672C7.46909 9.64976 7.73051 9.55875 8 9.55875C8.26949 9.55875 8.53091 9.64976 8.74101 9.81672C8.9511 9.98368 9.09729 10.2166 9.15538 10.4769C9.21348 10.7372 9.18 11.0094 9.06048 11.2483C8.94096 11.4873 8.74257 11.6787 8.49813 11.7909L9.18107 13.7756ZM10.7732 7.04204H5.22682V4.92581C5.22202 4.56253 5.29021 4.20192 5.42742 3.86492C5.56464 3.52791 5.76814 3.22122 6.02613 2.96265C6.28412 2.70408 6.59146 2.49877 6.9303 2.35864C7.26914 2.21851 7.63274 2.14635 8 2.14635C8.36726 2.14635 8.73086 2.21851 9.06971 2.35864C9.40855 2.49877 9.71588 2.70408 9.97387 2.96265C10.2319 3.22122 10.4354 3.52791 10.5726 3.86492C10.7098 4.20192 10.778 4.56253 10.7732 4.92581V7.04204Z' fill='%23595A5B'/%3E%3C/svg%3E");}

.line__btn-area {display: flex;align-items: center;}
.line__btn {display: flex;align-items: center;}
.line__btn::before {content:'';width:1px;height:12px;margin:0 12px;background-color: #bbb;}
.line__btn:first-child::before {content: none;}
.line__btn-area a,
.line__btn-area button {padding:0;font-weight: 500;font-size: 13px;line-height: 24px;color:#bbb;background-color: transparent;}
.line__btn-area a.active,
.line__btn-area button.active {color:#111;}

.btn-menu__list {display: flex;}
.btn-menu__list .btn-menu__item {width:auto;height:55px;padding:0 15px;align-items: center;justify-content: center;font-weight: 400;font-size: 14px;line-height: 20px;color: rgba(0, 0, 0, 0.4);background-color: transparent;}
.btn-menu__list .btn-menu__item.active {color: rgba(0, 0, 0, 0.93);}

.tab__menu {display: flex;padding:0 25px;border-bottom:1px solid rgba(0, 0, 0, 0.08);}
.tab__menu .tab__menu-item {display:flex;justify-content: center;width: 50%;padding:16px 0;font-weight: 700;font-size: 14px;line-height: 20px;color: rgba(0, 0, 0, 0.4);}
.tab__menu .tab__menu-item.active {color: rgba(0, 0, 0, 0.93);border-bottom: 2px solid rgba(6, 5, 5, 0.93);}
.tab__menu .tab__menu-item .icon-new {display:inline-block;width:5px;height:5px;border-radius: 50%;background-color: #C27477;}

.dropdown__box {display: flex;justify-content: flex-end;margin-top:10px;}
.dropdown__box button {background-color: transparent;}
.dropdown__box .select-area.selected {position: relative;}
.dropdown__box .select-area #dropdown-change-text {display: flex;align-items: center;justify-content:center;width:100%;height:50px;font-weight: 400;font-size: 12px;line-height: 17px;color: rgba(0, 0, 0, 0.93);}
.dropdown__box .select-area .dropdown__area {display:none;z-index:10;position:absolute;top:100%;right:0;width:100%;border:1px solid rgba(0, 0, 0, 0.08);background-color: #fff;}
.dropdown__box .select-area.selected .dropdown__area {display: block;}
.dropdown__box .select-area .dropdown__item {display: flex;align-items: center;justify-content:center;width:100%;height:50px;font-weight: 400;font-size: 12px;line-height: 17px;color: rgba(0, 0, 0, 0.93);border-top:1px solid rgba(0, 0, 0, 0.08);}
.dropdown__box .select-area .dropdown__item:first-child {border-top:none;}
.dropdown__box .select-area .dropdown__item.active {font-weight: 700;}
.dropdown__box.select--sort .select-area {width:80px;}
.dropdown__box.select--sort #dropdown-change-text::after {content: '';width: 11px;height: 11px;margin-left:10px;background-image:url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 10H8L8 2L7 2L7 1L8 1V0H9V1L10 1V2H9L9 10ZM10 2L11 2V3H10V2ZM7 2L7 3L6 3V2L7 2ZM2 1H3V9H4V10H3V11H2V10H1V9H2V1ZM1 9H0V8H1V9ZM4 9V8H5V9H4Z' fill='black' fill-opacity='0.93'/%3E%3C/svg%3E%0A");}

.modal-buy-option {}
.modal-buy-option select {font-size:14px;border:1px solid #E5E5E5;}
.modal-buy-option .option-btn {position:absolute;top:-20px;left:50%;width:60px;height:30px;background-color: #fff;transform: translate(-50%, 0);}
.modal-buy-option .modal-content-scroll {overflow-x: auto;max-height: 160px;}
.modal-buy-option .modal-content-total {display:flex;justify-content: space-between;margin-top:25px;font-weight: 400;font-size: 14px;line-height: 24px;}
.modal-buy-option .modal-content-total .total-title {}
.modal-buy-option .modal-content-total .total-price-info {display:flex;align-items: center;color: rgba(0, 0, 0, 0.6);}
.modal-buy-option .modal-content-total .total-price {margin-left:10px;font-family: 'Roboto';font-weight: 500;font-size: 22px;color:#111;}
.modal-buy-option .modal-content-total .total-unit {font-size: 16px;color:#111;}
.modal-buy-option .product-option__list {}
.modal-buy-option .product-option__list li {display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:12px 16px;border:1px solid #e5e5e5;}
.modal-buy-option .product-option__list li:first-child {margin-top:20px;}
.modal-buy-option .product-option__list .name {flex:1;margin-right:16px;font-weight: 400;font-size: 14px;line-height: 26px;}
.modal-buy-option .product-option__list .count__area {}
.modal-buy-option .product-option__list .ico-close {width:12px;height:12px;background-color: transparent;}
.modal-buy-option .product-option__list .btn-count-wrap {margin-right: 10px;}
.modal-buy.modal-buy-option {height:100%;}
.modal-buy.modal-buy-option .modal-content {overflow: initial;height:auto;padding-bottom:95px;}
.modal-content .profile__area {}
.modal-content .profile__area .img__area {position:relative;width:75px;height:75px;border-radius: 50%;}
.modal-content .profile__area .img__area::after {content:'';position:absolute;top:0;right:-15px;width:30px;height:30px;background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='black' fill-opacity='0.93'/%3E%3Cpath d='M14.8443 11.2434C14.0291 11.243 13.232 11.4903 12.554 11.9539C11.876 12.4175 11.3474 13.0766 11.0352 13.8479C10.723 14.6191 10.6411 15.4679 10.7999 16.2868C10.9588 17.1058 11.3511 17.8581 11.9275 18.4486C12.5038 19.0391 13.2382 19.4413 14.0377 19.6043C14.8373 19.7673 15.6661 19.6838 16.4193 19.3644C17.1725 19.045 17.8163 18.504 18.2693 17.8098C18.7222 17.1156 18.964 16.2994 18.964 15.4645C18.9626 14.3458 18.5281 13.2732 17.7559 12.482C16.9837 11.6908 15.9366 11.2454 14.8443 11.2434ZM14.8443 18.8083C14.1996 18.8083 13.5694 18.6125 13.0334 18.2457C12.4973 17.8789 12.0795 17.3575 11.8328 16.7475C11.5861 16.1376 11.5216 15.4663 11.6474 14.8188C11.7731 14.1712 12.0836 13.5764 12.5394 13.1095C12.9953 12.6427 13.5761 12.3247 14.2084 12.1959C14.8407 12.0671 15.4961 12.1332 16.0917 12.3859C16.6873 12.6385 17.1963 13.0664 17.5545 13.6154C17.9127 14.1644 18.1039 14.8098 18.1039 15.47C18.1015 16.3547 17.7573 17.2023 17.1465 17.8279C16.5357 18.4534 15.708 18.8059 14.8443 18.8083Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3Cpath d='M22.7034 9.36833H20.2117C20.1073 9.36856 20.0049 9.33878 19.9163 9.28239C19.8276 9.226 19.7562 9.14525 19.7101 9.04934L19.0799 7.74184C18.9748 7.51912 18.8105 7.33132 18.6057 7.20008C18.401 7.06883 18.1643 6.99948 17.9227 7H11.6264C11.3846 6.99935 11.1475 7.06863 10.9425 7.19987C10.7374 7.33111 10.5728 7.51898 10.4674 7.74184L9.83722 9.04934C9.79147 9.14553 9.7201 9.22652 9.63135 9.28296C9.5426 9.3394 9.44007 9.36899 9.3356 9.36833H7.29656C6.95284 9.36882 6.62333 9.50888 6.38028 9.7578C6.13723 10.0067 6.00048 10.3442 6 10.6962V20.6795C6.00048 21.0314 6.13728 21.3687 6.38039 21.6173C6.62349 21.8659 6.953 22.0056 7.29656 22.0056H22.7034C23.047 22.0056 23.3765 21.8659 23.6196 21.6173C23.8627 21.3687 23.9995 21.0314 24 20.6795V10.6962C23.9995 10.3442 23.8628 10.0067 23.6197 9.7578C23.3767 9.50888 23.0472 9.36882 22.7034 9.36833ZM23.2666 20.6814C23.2666 20.8344 23.2073 20.9811 23.1017 21.0892C22.996 21.1974 22.8528 21.2582 22.7034 21.2582H7.29656C7.14703 21.2582 7.0036 21.1975 6.8977 21.0893C6.79179 20.9812 6.73205 20.8345 6.73158 20.6814V10.6962C6.73205 10.5431 6.79179 10.3964 6.8977 10.2883C7.0036 10.1802 7.14703 10.1194 7.29656 10.1194H9.3356C9.57734 10.1199 9.8143 10.0505 10.0193 9.9193C10.2243 9.78808 10.389 9.60033 10.4946 9.3776L11.1247 8.07011C11.1705 7.97392 11.2419 7.89293 11.3306 7.83649C11.4194 7.78005 11.5219 7.75046 11.6264 7.75112H17.9227C18.0271 7.75089 18.1295 7.78067 18.2181 7.83706C18.3068 7.89345 18.3783 7.9742 18.4244 8.07011L19.0545 9.3776C19.1598 9.60019 19.3242 9.78787 19.5288 9.91909C19.7335 10.0503 19.9702 10.1197 20.2117 10.1194H22.7034C22.8528 10.1194 22.996 10.1802 23.1017 10.2884C23.2073 10.3965 23.2666 10.5432 23.2666 10.6962V20.6814Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3Cpath d='M21.3254 12.8124C21.7484 12.8124 22.0914 12.4612 22.0914 12.0279C22.0914 11.5946 21.7484 11.2434 21.3254 11.2434C20.9023 11.2434 20.5594 11.5946 20.5594 12.0279C20.5594 12.4612 20.9023 12.8124 21.3254 12.8124Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E");}
.modal-content .profile__area .img {overflow:hidden;display:block;width:100%;height:100%;border-radius: 50%;}
.modal-content .profile__area .img img {width:100%;}
.modal-content .tag__box {padding:10px 15px;background: rgba(0, 0, 0, 0.05);}


.form-area-ty02 {}
.form-area-ty02 li {display:flex;align-items: center; margin-bottom: 20px;}
.form-area-ty02 li .title {flex-basis:120px;font-size: 16px;font-weight: 400;}
.form-area-ty02 li .contents {flex:1 1 auto;}
.form-area-ty02 li .select {border: 1px solid rgba(0, 0, 0, 0.2);}

.add__list {display: flex;align-items: center;flex-wrap: wrap;gap: 15px 17px;}
.add__list .add__list-item {display: flex;align-items: center;font-weight: 400;font-size: 14px;line-height: 24px;color: #555555;}
.add__list .add__list-item .ico {width:12px;height:12px;margin-left:4px;}

.select.select--line {border: 1px solid rgba(0, 0, 0, 0.2);}

.list--unodereds {}
.list--unodereds li {display:flex;color: #959595;font-size: 12px;line-height: 18px;}
.list--unodereds li::before {content:"·";margin-right: 4px;}

.book-review-ty02 {margin-top:20px;border-top:1px solid #ddd;}
.book-review-ty02 li {display:flex;flex-direction: column;padding: 27px 0;border-bottom:1px solid #ddd;}
.book-review-ty02 li .user-info {display: flex;align-items: center;}
.book-review-ty02 li .name {font-weight: 700;color: #111;font-size: 14px;}
.book-review-ty02 li .date {margin-left:16px;letter-spacing: 0.005em;font-size: 12px;color: #959595;}
.book-review-ty02 li .text {margin-top:4px;font-size: 14px;line-height: 24px;color: #595A5B;}

.book-review-ty03 {margin-bottom:20px;}
.book-review-ty03 li {display:flex;flex-direction: column;margin-top:20px;padding-top:20px;font-weight: 400;font-size: 14px;line-height: 22px;border-top:1px solid rgba(0, 0, 0, 0.08);}
.book-review-ty03 li:first-child {padding-top:0;border:0;}
.book-review-ty03 .book-name {font-weight: 700;line-height: 20px;color: rgba(0, 0, 0, 0.93);}
.book-review-ty03 .text {margin-top:6px;color: rgba(0, 0, 0, 0.93);}
.book-review-ty03 .name {margin-top:6px;color: rgba(0, 0, 0, 0.6);}


/* 시대인재 북스 3차 개편 추가 2022-11-01 */
.btn__bookreview {margin-right: 25px; display: flex;align-items: center;padding:0 0 5px 0;cursor:pointer;border: 0;border-bottom: 1px solid #111111;background-color: transparent;}
.btn__bookreview .file {margin-right:4px;}
.btn__bookreview .count {margin-left:5px;padding-top:4px;font-family: "Roboto";font-weight: 700;}

/* 시대인재 북스 3차 개편 추가 2022-11-07 */
.price-area--line {margin-top:16px;padding-top:16px;border-top:1px solid#ebebeb;}

/* 2022-11-11 추가 */
.product__list {display: flex;flex-wrap: wrap; gap:25px;}
.product__list li {display: flex; flex:0 1 calc(50% - 12.5px);}
.book__list-item {position:relative;max-width:150px;height: 216px;}
.book__list-item::after {content: '';position:absolute;top:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);}
.book__list-item .book__list-img {width: 100%;height: 100%;}
.book__list-item .book__list-info {z-index:10;position:absolute;top:50%;left:50%;display: flex;flex-direction: column;justify-content: space-between;align-items: center;text-align: center;box-sizing: border-box; width:110px;height:148px;padding:30px 10px 24px;background-color: #fff;transform: translate(-50%, -50%);}
.book__list-item .book__list-info .book__list-info-title { line-height:20px; font-size:16px; font-weight:600; }
.book__list-item .book__list-info .book__list-info-text { line-height:22px; color:rgba(0, 0, 0, 0.6); font-size:12px; font-weight:400; }

/* 시대인재 북스 3차 개편 추가 2022-11-10 */
.tab-doc-group.ty02 {border-bottom: 1px solid #ebebeb;}

.list--nodata {padding: 122px 0; font-size: 16px;text-align: center;letter-spacing: -0.02em;color: #959595;}

.book-review__list {}
.book-review__list .sticker-black {width: fit-content;}
.book-review__list a {text-decoration: none;}
.book-review__list li {display: flex;flex-wrap: wrap; padding:25px;font-size: 14px;color: rgba(0, 0, 0, 0.4); border-bottom:8px solid #f7f7f7;}
.book-review__list li:last-of-type {border-bottom: 0;}
.book-review__list .book-review__list-img {display: flex;align-items: center;justify-content: center; width: 80px;height: 80px;margin-right:12px;background-color:#f2f2f2;}
.book-review__list .book-review__list-img img {max-width: 80px;height: 80px;}
.book-review__list .book-review__list-info {display: flex;flex-direction: column;width: 100%; }
.book-review__list .book-review__list-img + .book-review__list-info {width: calc(100% - 92px);}
.book-review__list .book-review__list-title {color: rgba(0, 0, 0, 0.93);}
.book-review__list .book-review__list-name {margin-top:4px;}
.book-review__list .book-review__list-text {margin-top:10px;padding-top: 10px; color: rgba(0, 0, 0, 0.6);border-top: 1px solid rgba(0, 0, 0, 0.08);}
.book-review__list .book-review__list-date {margin-top:8px;font-size: 12px;}
.book-review__list .book-review__list-code {margin-top:4px;font-size: 12px;}
.book-review__list .book-review__list-code .code {}
.book-review__list .btn-group {flex-basis: 100%;margin-top:12px;}
.book-review__list .btn-group .btn {height:auto;line-height: inherit;}

.modal-wrap .modal__box--gray {margin:0 -20px;padding:20px 25px;color: #888;font-size:13px; background-color: #fafafa;}
.modal-wrap .modal__box--gray .title {color: #111;}
.modal-wrap .modal__box--gray .list {margin-top:6px;}
.modal-wrap .modal__box--gray .description {margin-top:16px;}
.modal-wrap .modal__book-info {display: flex;flex-direction: column; margin-top:30px;}
.modal-wrap .modal__book-info .title {text-align: left;}
.modal-wrap .modal__book-info .text {margin-top:6px; color: #555;}
.modal-wrap .modal__book-info .text.ty02 {font-size:14px;color: rgba(0, 0, 0, 0.4);}
.modal-wrap button.popup__btn--bottom {position: fixed;left:0;bottom:0;width:100%;margin:0;}
.modal-wrap .modal__title-h5 {font-size: 14px;color:rgba(6, 5, 5, 0.93);}
.modal-wrap .modal__ol-list {margin-bottom: 1rem;list-style: none; line-height: 20px;font-size: 14px;color: rgba(0, 0, 0, 0.4);}
.modal-wrap .modal__text-area {line-height: 20px;font-size: 14px;color: rgba(0, 0, 0, 0.4);}

/* 2022-11-15 추가 */
*[data-popup="pop"] #content_wrap.term__wrap {padding:0em 1em 3em;padding-top:1em !important;}

/* 시대인재 북스 4차 개편 추가 2022-12-06 */
/* 시대인재 북스 4차 개편 수정 S 2023-03-15 */
.visual-layout.bg.ty02 {height: auto; padding-bottom: 40px;}
/* 시대인재 북스 4차 개편 수정 E */
.book-review__banner {display:flex;flex-direction: column; margin-top:40px;font-size: 14px;background-color: transparent;}
.book-review__banner .book-review__title {padding-bottom:8px;font-weight: 700;line-height: 20px;letter-spacing: -0.05em;color: #fff;border-bottom:2px solid #fff;}
.book-review__banner .book-review__text {display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;margin-top:8px;font-weight: 400;line-height: 22px;color: rgba(255, 255, 255, 0.8);text-align: left;}


/* 시대인재 복스 4차 개편 추가 2022-12-13 */
.store-list li .txt-area span.category {margin-bottom:6px;font-weight: 700;font-size: 12px;line-height: 14px;text-decoration-line: underline;color: rgba(0, 0, 0, 0.93);}

/* 시대인재 북스 4차 개편 추가 2022-12-13 */
.pay-point__area {display:flex;flex-direction: column; margin-top:16px;padding-top:16px;border-top:1px solid #ebebeb;}
.pay-point__area .pay__title {font-size: 16px;}
.pay-point__area .pay-point__form {display: flex;align-items: center;margin-top:8px;}
.pay-point__area .pay-point__title {width: 25%;margin-right:5%;font-weight: 400;font-size: 14px;line-height: 24px;color: rgba(0, 0, 0, 0.6);}
.pay-point__area .pay-point__input {display:flex;align-items:center;justify-content: flex-end; width:70%;text-align:right;border-bottom:1px solid #ebebeb;}
.pay-point__area .pay-point__input input {width:90%;height:24px;padding:0;border:0;text-align:right;color:#333;}
.pay-point__area .pay-point__input input::placeholder {color:#333;}
.pay-point__area .pay-point__input input:disabled {background-color: #fff;}
.pay-point__area .pay-point__unit {font-weight: 400;font-size: 14px;line-height: 24px;}
.pay-point__area .pay-point__input input:disabled::placeholder {color:#959595;}
.pay-point__area .pay-point__input input:disabled + .pay-point__unit {color:#959595;}
.pay-point__area .pay-point__description {margin-top:12px;font-weight: 400;font-size: 12px;line-height: 16px;color: rgba(0, 0, 0, 0.4);}


/* 시대인재 북스 3차 개편 추가 2022-12-19 */
.mypage-content .info-area .gray-box .sticker-area.flex {display: flex;align-items: center;justify-content: space-between;}
.mypage-content .info-area .gray-box .sticker-area.flex .ac-items {display: flex;align-items: center;}

.store-list li .txt-area span.tit.btn-absolute {width: calc(100% - 20px);}
.store-list li .txt-area span.tit {word-break: keep-all;}

/* 시대인재 북스 4차 개편 추가 2022-12-21 */
.books-point__info-box {padding:20px 25px;background-color: #222;}
.books-point__info-box .point__area {display: flex;align-items: center;justify-content: space-between;margin-top:8px; color:#fff;}
.books-point__info-box .point__area:first-child {margin-top:0;}
.books-point__info-box .point__area-text {font-weight: 400;font-size: 14px;line-height: 150%;}
.books-point__info-box .point__area-num {font-weight: 400;font-size: 24px;line-height: 28px;letter-spacing: -0.05em;}

.books-point__list {}
.books-point__list li {display:flex;flex-direction: column; padding:15px 25px;font-weight: 400;font-size: 14px;color: rgba(0, 0, 0, 0.4);border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.books-point__list .tit {font-weight: 400;font-size: 18px;line-height: 150%;color: rgba(0, 0, 0, 0.93);}
.books-point__list .info {display:flex;align-items: center;justify-content: space-between;}
.books-point__list .info .text {flex-shrink: 0;width:60%;margin-right:10px;line-height: 150%;}
.books-point__list .info .point {word-break: break-all; font-size: 18px;line-height: 28px;color: rgba(0, 0, 0, 0.93);}
.books-point__list .info .point.minus {color: rgba(0, 0, 0, 0.4);}
.books-point__list .date {line-height: 150%;}

/* 시대인재 북스 4차 개편 추가 2022-12-23 */
.checkbox-all__area {display:flex;align-items: center;justify-content: space-between; padding:15px 25px;border-bottom:1px solid #ebebeb;}
.checkbox-all__area .input-check, 
.checkbox-all__area .btn {font-weight: 400;font-size: 14px;line-height: 24px;color: rgba(0, 0, 0, 0.6);}

.my-column__list {}
.my-column__list li {display:flex; padding:32px 25px;border-bottom:1px solid #ebebeb;}
.my-column__list .input-check {}
.my-column__list .my-column__list-img {margin-left:16px;flex-shrink: 0;flex-basis: 76px;height:76px;}
.my-column__list .my-column__list-img img {width:100%;height: 100%;}
.my-column__list .my-column__list-text-area {display: flex;flex-direction: column; margin-left:16px;line-height: 150%;}
.my-column__list .my-column__list-text-area .tit,
.my-column__list .my-column__list-text-area .text {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.my-column__list .my-column__list-text-area .tit {font-size: 16px;color:#000;}
.my-column__list .my-column__list-text-area .tit strong {font-weight: 500;}
.my-column__list .my-column__list-text-area .text {margin-top:4px;font-weight: 400;font-size: 14px;color: rgba(0, 0, 0, 0.4);}
.my-column__list .my-column__list-text-area .user-info {margin-top:12px;font-weight: 300;font-size: 12px;line-height: 17px;letter-spacing: -0.02em;}
.my-column__list .my-column__list-text-area .time {color: #959595;}
.my-column__list .my-column__list-text-area .time::after {content: '';display:inline-block;width:1px;height:10px;margin:0 4px;background-color: #959595;}
.my-column__list .my-column__list-text-area .name {color: #333;}
.my-column__list .my-column__list-close {line-height: 12px;}
.my-column__list .my-column__list-close.ty02 {display: flex;align-items: flex-start;height:70px;}
.my-column__list .my-column__list-close .item-close {background-color: transparent;}
.my-column__list .my-column__list-close .ico {width:12px;height:12px;}
.my-column__list.author li {align-items: center;}
.my-column__list.author .my-column__list-text-area .tit,
.my-column__list.author .my-column__list-text-area .text {-webkit-line-clamp: 1;}
.my-column__list.author .my-column__list-img {display:flex;align-items: center;justify-content: center;overflow:hidden;font-weight: 700;font-size: 34px;line-height: 150%;color:#fff;border-radius: 50%;background: rgba(0, 0, 0, 0.1);}
.my-column__list.author {}

.product__total-area {padding:20px 25px;font-size:16px;font-weight:700;border-top: 8px solid #F7F7F7;}
.product__total-area .flex-row {margin-top:5px;}
.product__total-area .flex-row:first-child {margin-top:0;}

/* 2023-02-03 메인 칼럼 */
.main-content .swiper-container {overflow:initial;}

.main-content .main-column {margin-bottom:60px;}
.main-content .main-column .tit-dep3 a {display: flex;align-items: center;justify-content: space-between;}
.main-content .main-column .tit-dep3 a::after {content: '';width:10px;height:14px;background: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.25L1.2 0L6 5L4.8 6.25L0 1.25Z' fill='%23111111'/%3E%3Cpath d='M4.80001 3.75L6 5L1.20001 10L5.25993e-06 8.75L4.80001 3.75Z' fill='%23111111'/%3E%3C/svg%3E%0A") no-repeat center;}
.main-content .main-column .swiper-wrapper {padding-bottom:30px;}
.main-content .main-column .swiper-slide {display: flex;flex-direction: column;max-width: 147px;text-align: left;}
.main-content .main-column .swiper-slide.new::before {content: '';position: absolute; top: -10px; left: -10px; width:20px; height:20px; background-image:url("data:image/svg+xml,%3Csvg width='31' height='31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31' height='31' rx='15.5' fill='%23C27477'/%3E%3Cpath d='M11.53 21h1.96v-4.158c0-1.19-.153-2.492-.251-3.612h.07l1.05 2.226L17.355 21h2.1V10.626h-1.96v4.144c0 1.176.168 2.548.266 3.626h-.07l-1.036-2.24-3.01-5.53H11.53V21Z' fill='%23fff'/%3E%3C/svg%3E");background-size: 100% 100%;}
.main-content .main-column .swiper-slide .img {overflow:hidden;width:147px;height:147px;}
.main-content .main-column .swiper-slide .img img {width: 100%;}
.main-content .main-column .swiper-slide .text {margin-top:10px;font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: -0.02em;color: rgba(0, 0, 0, 0.93);}
.main-content .main-column .swiper-slide .name {font-weight: 300;font-size: 12px;line-height: 17px;letter-spacing: 0.005em;color: rgba(0, 0, 0, 0.6);}
.main-content .main-column .swiper-pagination-progressbar {width: 100%;left: 0;bottom:0;background-color: rgba(0, 0, 0, 0.08);}

/* 2023-03-16 하단배너 레이아웃 수정 */
.floating__banner {display: flex;justify-content: space-around;align-items: center;gap: 10px;position: fixed;bottom: 80px;left: 20px;height: 50px;padding: 0 20px 0 5px;background-color: rgba(0, 0, 0, .8);border-radius: 25px;z-index: 20;}
.floating__banner img{width: 40px;height: 40px;border-radius: 40px;}
.floating__banner span{font-size: 14px;color:#fff;}

.says-area--qna {}
.says-area--qna li {margin-top:20px;}
.says-area--qna li:first-child {margin-top:0;}
.says-area--qna .qna__question {display:block;margin-bottom:14px;font-weight: 500;font-size: 14px;line-height: 20px;color: #111;}
.says-area--qna .qna__contents {display:flex;gap:0 13px;}
.says-area--qna .qna__avatar {flex:0 0 auto;overflow:hidden;width:32px;height:32px;border-radius: 50%;}
.says-area--qna .qna__avatar img {width:100%;height:100%;}
.says-area--qna .qna__answer {flex:1 0 0;position:relative;padding:10px 12px;font-weight: 400;font-size: 14px;line-height: 24px;color: #333;background-color: #F2F2F2;}
.says-area--qna .qna__answer::before {content: '';position:absolute;top:0;left:-9.5px;width:10px;height:12px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.675659L17.2402 21.5811V0.675659H0.75Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A");}

.says-area--comparison {}
.says-area--comparison .comparison__item {position:relative;margin-top:40px;padding:20px;background-color: #f2f2f2;}
.says-area--comparison .comparison__item::before {content: 'VS';position:absolute;top:-30px;left:50%;transform: translateX(-50%);font-weight: 700;font-size: 14px;line-height: 20px;letter-spacing: 0.01em;color: #595A5B;}
.says-area--comparison .comparison__item:first-child {margin-top:0;}
.says-area--comparison .comparison__item:first-child::before {content: none;}
.says-area--comparison .book__area {display:flex;gap:0 16px;align-items: center;margin-bottom:10px;}
.says-area--comparison .book__area-cover {flex:0 0 auto;width:50px;}
.says-area--comparison .book__area-cover img {width:100%;}
.says-area--comparison .book__area-title {flex: 1 0 0;font-weight: 700;font-size: 14px;line-height: 20px;color: rgba(0, 0, 0, 0.93);}
.says-area--comparison .book-text {font-weight: 400;font-size: 14px;line-height: 22px;color: rgba(0, 0, 0, 0.93);}
.says-area--comparison .list--unodereds li {font-size:inherit;color:inherit;line-height: inherit;}
.says-area--comparison .list--unodereds li::before {color:inherit;}

.says-area--img {text-align: center;}
.says-area--img img {max-width:100%;}

.says-area--recommend {}
.says-area--recommend .recommend__item {margin-top:30px;}
.says-area--recommend .recommend__item:first-child {margin-top:0;}
.says-area--recommend .recommend__text {padding:14px 12px;font-weight: 700;font-size: 14px;line-height: 20px;color: #333;background-color: #F2F2F2;}
.says-area--recommend .recommend__comment {display:flex;gap:0 14px;margin-top:14px;}
.says-area--recommend .comment__avatar {flex:0 0 auto;overflow:hidden;width:32px;height: 32px;border-radius: 50%;}
.says-area--recommend .comment__avatar img {width:100%;height:100%;}
.says-area--recommend .comment__text {flex:1 0 0;position:relative;padding:8px 24px 10px;font-weight: 400;font-size: 14px;line-height: 22px;color: rgba(0, 0, 0, 0.93);border:1px solid #ccc;}
.says-area--recommend .comment__text::before {content:'';position:absolute;top:6px;left:-12px;width:12px;height:18px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_2)'%3E%3Cmask id='mask0_1_2' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='18' height='22'%3E%3Cpath d='M18 0H0V22H18V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1_2)'%3E%3Cpath d='M16.8491 19.6519L1.18159 3.5H16.4902H16.9902V3V-12.5H844.5V92.5H16.9902V20V19.7973L16.8491 19.6519Z' fill='white' stroke='%23CCCCCC'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2'%3E%3Crect width='16' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");} 
.says-area--recommend .recommend__step {display: flex;flex-wrap: wrap;}
.says-area--recommend .recommend__step li {position:relative;width:27%;margin-top:12px;padding-left:9.5%;}
.says-area--recommend .recommend__step li:first-child {padding-left:0;}
.says-area--recommend .book-cover {position:relative;width:100%;}
.says-area--recommend .book-cover::before {content: '';position:absolute;top:50%;left: -22%;width:15px;height:44px;transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 22L0.499998 44L0.5 -6.11959e-07L14.5 22Z' fill='%23DEDADA'/%3E%3C/svg%3E");}
.says-area--recommend .recommend__step li:first-child .book-cover::before {content: none;}
.says-area--recommend .book-cover img {width:100%;}
.says-area--recommend .book-title {margin-top:8px;font-weight: 300;font-size: 12px;line-height: 17px;letter-spacing: -0.025em;color: #111;}

/* 회원DB 분리 작업 */
.dormancy-area {width:100%;font-size:14px;color: #111;line-height: 150%;}
.dormancy-area .da-btn {display:flex;align-items: center;justify-content: center;width:100%;height:60px;font-size:14px;color:#fff;background-color: #111;}

.changePW-area {width:100%;padding-top:20px;box-sizing: border-box;}
.changePW-area .ca-point-color {color:#0005C7;}
.changePW-area .ca-title {margin-bottom:20px;font-size: 22px;text-align: center;}
.changePW-area .ca-description {margin-bottom:20px;text-align:center;font-size: 12px;}
.changePW-area .ca-input-area {margin-bottom:10px;}
.changePW-area .ca-input-step {margin-top:10px;}
.changePW-area .ca-input-step:first-child {margin-top:0;}
.changePW-area .ca-input-step.frist {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #111;}
.changePW-area .ca-input-step .ca-input {box-sizing: border-box;width: 100%;height: 40px;padding:0 20px;border: 1px solid #ccc;font-size: 12px;}
.changePW-area .ca-description-ty02 {font-size: 12px;text-align: right;}
.changePW-area .ca-btn-area {display: flex;gap:10px; margin-top:30px;}
.changePW-area .ca-btn-area .ca-btn {display: flex;align-items: center;justify-content: center;flex: 1 1 0%;height:40px;font-size:14px;}
.changePW-area .ca-btn-area .ca-btn.ca-btn-line {color:#111;border:1px solid #111;}
.changePW-area .ca-btn-area .ca-btn.ca-btn-black {color:#fff;background-color: #111;}

/* new modal */
.new-modal {z-index:999;overflow:hidden;overflow-y: auto; position:fixed;top:0;left:0;width:100%;height:100%;background-color: rgba(0, 0, 0, .4);}
.new-modal button {background-color: transparent;}
.new-modal .nm-point-color {color: #0005C7;}
.new-modal .nm-checkbox {position:relative;}
.new-modal .nm-checkbox input[type=checkbox] {display: none;}
.new-modal .nm-checkbox input[type=checkbox] + label {display: flex;align-items: center;}
.new-modal .nm-checkbox input[type=checkbox] + label .nm-text {margin-left:12px;}
.new-modal .nm-checkbox input[type=checkbox] + label::before{content:'';width:16px;height:16px;border:1px solid #111;border-radius:2px;background-color: #fff;}
.new-modal .nm-checkbox input:checked[type=checkbox] + label::before {background-color: #111;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14.018 4.955 7.011 12.46 2.28 7.493l1.448-1.38 3.269 3.433 5.558-5.956 1.463 1.365Z' clip-rule='evenodd'/%3E%3C/svg%3E")}
.new-modal .nm-id-wrap {display:flex;align-items: center;justify-content: center; margin-bottom:20px;}
.new-modal .nm-id-wrap .nm-id-area {flex-grow: 1;padding:10px 20px;text-align: center;border:1px solid #888;}
.new-modal .nm-text-ty01 {margin-bottom:20px;text-align: left;}
.new-modal .nm-text-box {margin:32px 0;padding:20px;font-weight: 400;border:1px solid #ddd;}
.new-modal .nm-text-box li {margin-top:20px;color:#111;font-size:14px;line-height: 180%;}
.new-modal .nm-text-box li:first-child {margin-top:0}
.new-modal .nm-button-area {display: flex;}
.new-modal .nm-button-area .nm-btn {display: flex;justify-content: center;align-items: center;flex: 1 1 0%;height: 50px; color: #FFF;font-size: 14px;font-weight: 400;line-height: 150%;}
.new-modal .nm-button-area .nm-btn.nm-btn-gray {background-color: #888;}
.new-modal .nm-button-area .nm-btn.nm-btn-black {background-color: #111;}
.new-modal .nm-form-agree {margin-bottom:35px;}
.new-modal .nm-btn-more {color: #888;font-size: 12px;font-weight: 400;line-height: 150%;text-decoration-line: underline;}
.new-modal .nm-agree-all {}
.new-modal .nm-agree-list {margin-top:20px;}
.new-modal .nm-agree-list li {display:flex;align-items: center;justify-content: space-between;margin-top:12px; font-size:12px;line-height: 150%s;}
.new-modal__wrap {display:flex;align-items: center; width:90%;min-height:calc(100% - 40px);margin:14px auto;}
.new-modal__contents {width:100%;font-size:14px;background-color: #fff;}
.new-modal__body-area {padding:32px 16px;}
.new-modal__footer-area {display: flex;border-top:1px solid #ddd;}
.new-modal__footer-area button {flex: 1 1 0%;height:50px;color: #111;font-size: 14px;line-height: 150%;border-left:1px solid #ddd;}
.new-modal__footer-area button:first-child {border-left:0;}

#LayerPop_20250825 .new-modal__wrap {width: 320px;}
#LayerPop_20250825 .new-modal__body-area {padding: 0;}

/* 2023/11/09 시리즈 도서 */
.wide-layout .tit-dep3{margin-bottom: 20px; line-height: 1.3; font-weight: 400; letter-spacing: -1px;}
.wide-layout.ser .txt{font-size: 14px;}
.tab-sub.third-menu{background-color:#fff; border-bottom: 1px solid #ededed;}
.tab-sub.third-menu > ul li{display:flex;align-items:center;height:70px; padding: 0 7px;}
.tab-sub.third-menu > ul li.selected a, .tab-sub.third-menu > ul li a.active{background-color: #DFE3E3;color: rgba(0, 0, 0, 0.9);}
.tab-sub.third-menu > ul li a{display:flex;align-items:center;justify-content:center;padding:2px 10px;min-width:45px; height:32px;background-color: #f2f4f4;color:rgba(0, 0, 0, .4);border-radius: 16px;font-size: 12px;line-height: 16px;} 
.new-modal .title{font-size: 30px;font-weight: 600;color: #486b8f; padding-bottom: 30px;text-align: center;}
.new-modal.tmp .content{display: flex; flex-direction: column; gap: 15px;}
.new-modal.tmp .new-modal__body-area{padding: 12px 16px 25px 20px;}
.new-modal.tmp li::after{content: ".";position: absolute;left: -10px;top: -5px;}
.new-modal.tmp li{position: relative;}
.new-modal.tmp li span{font-weight: 600;}
/* 2023/11/09 시리즈 도서 */
/* .wide-layout.ser .tit-dep3{margin-bottom: 15px;} */
.wide-layout.ser .txt{font-size: 14px;}

.tab-sub.third-menu{background-color:#fff; border-bottom: 1px solid #ededed;}
.tab-sub.third-menu > ul li{display:flex;align-items:center;height:70px; padding: 0 7px;}
.tab-sub.third-menu > ul li.selected a, .tab-sub.third-menu > ul li a.active{background-color: #DFE3E3;color: rgba(0, 0, 0, 0.9);}
.tab-sub.third-menu > ul li a{display:flex;align-items:center;justify-content:center;padding:2px 10px;min-width:45px; height:32px;background-color: #f2f4f4;color:rgba(0, 0, 0, .4);border-radius: 16px;font-size: 12px;line-height: 16px;} 

/* 굿즈 변경 추가 */
.cart-content.goods .etc{color: #bfbfbf;font-size: 12px;line-height: 18px;font-weight: 400;}
.cart-content.goods .goods-list .goods-item{position: relative; padding: 25px 0; display: flex;align-items: start; }
.cart-content.goods .goods-list .goods-item:not(:first-of-type){border-top: 1px solid #00000014;}
.cart-content.goods .goods-item .image-box{width: 82px;height: 82px;margin-right: 12px; vertical-align: top; text-align: center; position: relative;}
.cart-content.goods .goods-item .image-box img{display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.cart-content.goods .goods-item .item-info{max-width: 220px; word-break:keep-all ;}
.cart-content.goods .goods-item .goods-name{font-size: 16px;line-height: 20px;font-weight: 400;color: #3a3635;margin-bottom: 4px;}
.cart-content.goods .goods-item .goods-price{font-size: 14px;line-height: 16px;font-weight: 700;}
.cart-content.goods .goods-item .item-search{position: absolute;bottom: 25px;right: 1px; width: 24px;height: 24px;}
.cart-content.goods .goods-item .item-search .ico-search2{width: 24px;height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.78574 9.00012C2.78574 12.3138 5.47203 15.0001 8.78574 15.0001C12.0994 15.0001 14.7857 12.3138 14.7857 9.00012C14.7857 5.68641 12.0994 3.00012 8.78574 3.00012C5.47203 3.00012 2.78574 5.68641 2.78574 9.00012ZM0.785738 9.00012C0.785738 13.4184 4.36746 17.0001 8.78574 17.0001C10.7478 17.0001 12.5448 16.2938 13.9365 15.1216L20.5858 21.7709L22 20.3567L15.2951 13.6518C16.2335 12.341 16.7857 10.7351 16.7857 9.00012C16.7857 4.58184 13.204 1.00012 8.78574 1.00012C4.36746 1.00012 0.785738 4.58184 0.785738 9.00012Z' fill='black' fill-opacity='0.93'/%3E%3C/svg%3E%0A");}
.cart-content.goods .goods-wrap{height: 399px;overflow-y: auto;}

/* 시리즈 */
.ser-tab__area{width: 100%; margin: 20px 0;}
.seriesTabs {width: 100%;}
.tab-header, .sub-tab-header {display: flex;width: 100%; margin: 0 -25px; padding: 0 25px;border-bottom: 1px solid #dddddd; cursor: pointer;list-style: none;white-space: nowrap;-ms-overflow-style: none;scrollbar-width: none;overflow-x: auto;}
.tab-header::-webkit-scrollbar,.sub-tab-header::-webkit-scrollbar{display: none;}
.sub-tab-header {display: flex;column-gap: 25px;background-color: #00000008;}
.tab-header .tab-link {display: flex;flex: 1;justify-content: center;align-items: center;margin: 0 12.5px;}
.tab-header .tab-link:first-child{margin-left: 0;}
.tab-header .tab-link.active {border-bottom: 2px solid #000;padding-bottom: 0;}
.tab-header .tab-link, .sub-tab-header .sub-tab-link{font-size: 14px; line-height: 18px;color: #B3B3B3;height: 50px;}
.tab-header .tab-link.active, .sub-tab-header .sub-tab-link.active{color: #000;}
.sub-tab-header .sub-tab-link {display: flex;justify-content: center;align-items: center;}
.sub-tab-content {padding:20px 0;}
.sub-tab-content p{font-size: 14px; margin-top: 4px;}
.ser-tab-content .seriesTab, .sub-tab-content .sub-tab {display: none;}
.ser-tab-content .seriesTab.active, .sub-tab-content .sub-tab.active {display: block;}

.nested .tab-content {display: block;}
.nested .tab-header li, .nested .tab-header li .link {display: flex; flex: 1; justify-content: center; align-items: center; height: 50px;}
.nested .tab-header li {margin: 0 12.5px;}
.nested .tab-header li:first-child {margin-left: 0;}
.nested .tab-header li, .nested .tab-header li .link {font-size: 14px; line-height: 18px; color: #B3B3B3;}
.nested .tab-header li:has(.link.active) {border-bottom: 2px solid #000; padding-bottom: 0;}
.nested .tab-header li .link.active {color: #000;}
.nested .sub-tab-header li, .nested .sub-tab-header li .link {display: flex; justify-content: center; align-items: center; font-size: 14px; line-height: 18px; color: #B3B3B3; height: 50px;}
.nested .sub-tab-header li .link.active {color: #000;}
.nested .seriesTab, .sub-tab-content .sub-tab {display: none;}
.nested .seriesTab.active, .sub-tab-content .sub-tab.active {display: block;}