@charset "utf-8";

/* modal */
.modal-wrap{ width:100%; height:100%; display:none; position:fixed; top:0; bottom:0; left:0; right:0; z-index:9999; }
.modal-wrap .modal-bg{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:#000; opacity:.5; filter:alpha(opacity=50); z-index:-1; }

.modal-container{ width:100%; height:100%; display:none; position:absolute; top:50%; left:50%; background-color:#fff; transform:translate(-50%, -50%); }/* overflow-y:auto; */

.modal-container .modal-header{ max-width:100%; padding:20px 20px; position:fixed; top:0; left:0; right:0; z-index:10000; }
.modal-container .modal-header .logo{ text-align:right; background-color:#fff; }
.modal-container .modal-header .logo a { display:block; }
.modal-container .modal-header .logo .ico-close, .dim-header .logo .ico-close-w{ width:1.083333333333333rem; height:1.083333333333333rem; z-index:30; }
.modal-container .modal-header [class^='tit']{ margin:0; padding-bottom:10px; background:linear-gradient(to right, #000 33%, rgba(255, 255, 255, 0) 34%) 0 100% repeat-x; background-size:3px 1px; }

.modal-container .modal-draggerble {padding: 5px 0 24px; display: flex; justify-content: center; background-color: #FFF; border-radius: 5px 5px 0 0;}
.modal-container .modal-draggerble a { width: 50px; height: 4px; background-color: #EFEFEF; text-indent: -9999px; overflow: hidden;}
.modal-container .modal-draggerble + .modal-header {padding: 0 20px 20px; top: 36px;}

.modal-container .modal-content{ max-width:100%; max-height:100%; height:calc(100vh - 5rem); margin-top:30px; margin-bottom:100px; padding:20px; overflow-y:auto; }
.modal-container .modal-btn{ display:flex; }
.modal-container .modal-btn .btn{ height:44px; line-height:44px; border:none; border-radius:0; flex:1; }
.modal-container .modal-tit{ line-height:24px; font-size:18px; font-weight:500; letter-spacing:-.5px; }
.modal-container .modal-tit > [class^='ico']{ width:40px; height:40px; margin-bottom:10px; display:block; }
.modal-container > form{ height:100%; }

.modal-container .modal-footer{ display:flex; z-index: 999; position:fixed; left:0; right:0; bottom:0; background-color:#FFF; }
.modal-container .modal-footer .wrap {display: flex;}
.modal-container .modal-footer a{ width: 50%; line-height:70px; height:70px; font-weight: 700; }
.modal-container .modal-footer a:hover{ color:#fff; }

/* npay */
.modal-container .modal-footer .btn_npay {}
.modal-container .modal-footer .npay_button_box,
.modal-container .modal-footer .npay_button  {padding: 0 !important;}
.modal-container .modal-footer .npay_text,
.modal-container .modal-footer .npay_btn_item.btn_width,
.modal-container .modal-footer .npay_btn_link.npay_btn_zzim,
.modal-container .modal-footer .npay_event {display: none !important;}
.modal-container .modal-footer .npay_button_box  {border: none !important;}
.modal-container .modal-footer .npay_storebtn_bx {width: 100% !important; height: auto !important;}
.modal-container .modal-footer .npay_btn_link.npay_btn_pay {margin-top: 10px !important; height: 52px !important; border-color: #000 !important; background-color: transparent !important; background-position: center !important; background-image: url("data:image/svg+xml,%3Csvg width='57' height='20' viewBox='0 0 57 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M53.8397 4.64996L51.1497 10.7799L48.1097 4.64996H45.7697L50.0797 13.1599L48.2997 17.13H50.5697L56.1097 4.64996H53.8397ZM44.4697 14.13H42.2397V13.24C41.4397 13.93 40.4697 14.32 39.3097 14.32C36.6497 14.32 34.5597 12.15 34.5597 9.38996C34.5597 6.62996 36.6397 4.45996 39.3097 4.45996C40.4697 4.45996 41.4297 4.83986 42.2397 5.53986V4.64996H44.4697V14.13ZM42.4997 9.38996C42.4997 7.59996 41.2497 6.24996 39.5997 6.24996C37.9497 6.24996 36.6997 7.60996 36.6997 9.38996C36.6997 11.18 37.9497 12.5299 39.5997 12.5299C41.2497 12.5299 42.4997 11.17 42.4997 9.38996ZM23.51 17.13H25.8301V13.33C26.6101 13.97 27.5499 14.33 28.6597 14.33C31.3197 14.33 33.4097 12.16 33.4097 9.39996C33.4097 6.63996 31.3297 4.46996 28.6597 4.46996C27.4999 4.46996 26.54 4.84986 25.73 5.54986V4.65986H23.5V17.13H23.51ZM28.3797 6.23996C30.0297 6.23996 31.2797 7.59996 31.2797 9.37996C31.2797 11.17 30.0297 12.52 28.3797 12.52C26.7299 12.52 25.48 11.16 25.48 9.37996C25.47 7.59996 26.7199 6.23996 28.3797 6.23996Z' fill='black'/%3E%3Cpath d='M19.3499 9.6799C19.3499 15.0199 15.0199 19.35 9.6799 19.35C4.3399 19.35 0 15.0199 0 9.6799C0 4.3399 4.3299 0 9.6799 0C15.0199 0 19.3499 4.3299 19.3499 9.6799ZM11.2901 5.13V10L7.9099 5.13H5.1199V14.22H8.0501V9.35L11.4299 14.22H14.22V5.13H11.2901Z' fill='black'/%3E%3C/svg%3E%0A") !important;}

/* .modal-S{ width:400px; }
.modal-S .modal-content{ padding:32px 40px 46px; }
.modal-M{ width:505px; max-height:90%; padding-top:66px; padding-bottom:44px; }
.modal-M .modal-header{ position:absolute; top:0; left:0; right:0; background-color:#fff; z-index:10; }
.modal-M .modal-header .tit-dep4{ line-height:36px; }
.modal-M .modal-content{ max-height:500px; overflow-x:hidden; overflow-y:auto; }
.modal-M .modal-btn{ position:absolute; left:0; right:0; bottom:0; z-index:10; }
 */
/* modal-delivery */
.modal-delivery .list-delivery > li{ margin:5px auto; padding:20px; background-color:#fcfcfc; }
.modal-delivery .list-delivery > li .name-area{ font-size:18px; font-weight:500; letter-spacing:-.5px; }
.modal-delivery .list-delivery > li .add-area{ margin-top:5px; }
.modal-delivery .list-delivery > li .btn-area{ margin-top:10px; display:flex; align-items:center; }
.modal-delivery .list-delivery > li .btn-area .txt-link{ font-size:14px; }
.modal-delivery .list-delivery > li .btn-area .btn-select{ margin-left:auto; }

/* modal 
.dim-layout{ width:100%; height:100%; display:none; position:fixed; top:0; bottom:0; left:0; right:0; z-index:9999; }
.dim-bg{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:#000; opacity:.5; filter:alpha(opacity=50); z-index:-1; }

.dim-layout{ max-width:calc( 100% - 40px ); max-height:calc( 100% - 40px ); display:none; position:absolute; top:50%; left:50%; background-color:#fff; transform:translate(-50%, -50%); }

.dim-layout .modal-header{ padding:20px 20px 0; position:relative; }
.dim-layout .modal-header [class^='tit']{ margin:0; padding-bottom:10px; background:linear-gradient(to right, #000 33%, rgba(255, 255, 255, 0) 34%) 0 100% repeat-x; background-size:3px 1px; }

.dim-layout .modal-content{ max-width:100%; padding:20px; }
.dim-layout .modal-btn{ display:flex; }
.dim-layout .modal-btn .btn{ height:44px; line-height:44px; border:none; border-radius:0; flex:1; }
.dim-layout .modal-tit{ line-height:24px; font-size:18px; font-weight:500; letter-spacing:-.5px; }
.dim-layout .modal-tit > [class^='ico']{ width:40px; height:40px; margin-bottom:10px; display:block; }
.dim-layout > form{ height:100%; }

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

.buy, .alam, .share, .viewmore, .sort, .review, .delivery, .change, .dellist{ height:100%; position:fixed; left:0; right:0; bottom:0; transform:translate(0, 100%); transition:all .3s ease-out; z-index:9999; }
.alam, .viewmore, .sort, .review{}
.buy-on, .alam-on, .share-on, .viewmore-on, .sort-on, .review-on, .delivery-on, .change-on, .dellist-on{ transform:translate(0, 0); transition:all .3s ease-out; }
/* .nav-on .dim-on */
/* .dim-layout .dim-content{ background-color:#fff; } */

/* 
.nav .list-1depth > ul{ border-top:1px solid #dfdfdf; }
.nav .list-1depth > ul > li{ position:relative; border-bottom:1px solid #dfdfdf; }
*/

.dim-layout{ height:100%; position:relative; overflow-y:auto; background-color:#fff; }
.dim-layout .dim-header{ position:fixed; top:0.8333333333333333rem; right:1.041666666666667rem; }
.dim-layout .dim-header .logo a { width:1.083333333333333rem; height:1.083333333333333rem; margin-top:0.2rem; display:block; }
.dim-layout .dim-header .logo .ico-close, .dim-header .logo .ico-close-w{ width:1.083333333333333rem; height:1.083333333333333rem; z-index:30; }
.dim-layout .dim-content{ width:100%; margin-top:50px; }

.dim-layout .dim-footer{ display:flex; position:absolute; left:0; right:0; bottom:0; background-color:skyblue; }
.dim-layout .dim-footer > a{ width:50%; line-height:60px; height:60px; }
.dim-layout .dim-footer > a:hover{ color:#fff; }

.dim-layout .flex-area{ width:100%; flex-direction:column; justify-content:flex-start; }
.dim-layout .flex-area .btn-group .btn{ width:100%; color:#fff; font-size:16px; }

/* modal-viewmore */
.modal-viewmore .modal-content .txt-area{ font-size:16px; }

/* modal-sort */
.modal-sort {top: 99px; height: calc(100% - 99px); left: 0; right: 0; transform: none; background-color: transparent;}
.modal-sort .modal-content {margin: 0; padding: 0 20px; height: calc(100vh - 205px); background-color: #FFF;}
.modal-sort .modal-footer {padding: 16px; gap: 10px;}
.modal-sort .modal-footer a {height: 42px; line-height: 40px; font-size: 14px; font-weight: 500; letter-spacing: -1px;}
.modal-sort .modal-footer a:hover { color: #222;}
/* .modal-sort .modal-content .cheched-content{ margin-bottom:160px; }  */

/* modal-buy */
.modal-buy .modal-header{ left:0; right:0; z-index:1; background-color:transparent; }
.modal-buy .modal-content{ margin-bottom:0; padding:20px; overflow-y:hidden; }
.modal-buy{ height:340px; position:absolute; top:auto; bottom:0; left:0; transform:translate(0,0); background-color:transparent; } /* max-height:240px; */
.modal-buy .modal-header .block{ width:60px; height:30px; display:block; position:absolute; top:15px; left:50%; transform:translate(-50%, 0); background-color:#fff; z-index:99; }
.modal-buy .modal-header .block .ico-dropdown{ margin:10px auto; display:block; }
.modal-buy .modal-content{ height:260px; position:absolute; left:0; right:0; bottom:0; background-color:#fff; z-index: 999;}
.modal-buy .price-area li{ padding-top:10px; }
.modal-buy .price-area li .txt-info{ height:62px; }

/* modal-alam */
.modal-alam .flex-area li .txt-area{ padding:20px;  background-color:rgba(0,0,0,0.05); text-align:center; }
.modal-alam .flex-area li .txt-area .info-txt{ margin-bottom:10px; font-size:14px; }
.modal-alam .flex-area li .txt-area .txt{ font-size:18px; font-weight:700; vertical-align:middle; }
.modal-alam .flex-area li .txt-area .txt > *{  vertical-align:middle; }
.modal-alam .flex-area li .txt-area .txt strong{ margin-right:5px; border-bottom:2px solid #000; }
.modal-alam .flex-area li .txt-area .txt a{ font-size:24px; }

/* modal-share */
.modal-share{ height:100%; background-color:rgba(0, 0, 0, 0.5); }
.modal-share .flex-area{ width:100%; flex-direction:column; justify-content:flex-start; align-items:center; }
.modal-share .flex-area li{ justify-content:center; align-items:center; text-align:center; }
.modal-share .flex-area li .book-area .img-area{ width:82px; height:116px; margin:0 auto; border:1px solid #ededed; overflow:hidden; box-sizing:border-box; }
.modal-share .flex-area li .book-area .img-area{ max-width:100%; height:100%; }
.modal-share .flex-area li .book-area .txt-area{ margin-top:12px; font-size:12px; font-weight:100; }
.modal-share .flex-area li a{ margin-bottom:12px; display:block; }

/* modal-select */
.modal-select{ height:100%; background-color:#fff; } 
.modal-select .modal-header{ padding:1.041666666666667rem 1.041666666666667rem; position:fixed; top:0; left:0; right:0; border-bottom:1px solid #ededed; background-color:#fff; z-index:11; }
.modal-select .modal-header .dep-tit2{ line-height:1.357142857rem; height:1.357142857rem; font-size:1rem; font-weight:500; text-align:center; }
.modal-select .modal-header .ico{ margin-top:1px; position:absolute; top:50%; transform:translate(0, -50%); z-index:999; }
.modal-select .modal-header .ico-back{ left:1.041666666666667rem; background-color:#fff; }
.modal-select .modal-header .ico-myinfo{ right:1.041666666666667rem; }
.modal-select .modal-content{ margin-top:60px; padding:0; }
.modal-select .modal-content .info-area .gray-box{ padding:20px; }
.modal-select .modal-content .info-area .list-dotted > li{ text-align:left; }

/* modal-list */
.modal-list{ height:100%; background-color:#fff; } 
.modal-list .modal-header{ padding:1.041666666666667rem 1.041666666666667rem; position:fixed; top:0; left:0; right:0; border-bottom:1px solid #ededed; background-color:#fff; z-index:11; }
.modal-list .modal-header .dep-tit2{ line-height:1.357142857rem; height:1.357142857rem; font-size:1rem; font-weight:500; text-align:center; }
.modal-list .modal-header .ico{ margin-top:1px; position:absolute; top:50%; transform:translate(0, -50%); z-index:999; }
.modal-list .modal-header .ico-back{ left:1.041666666666667rem; background-color:#fff; }
.modal-list .modal-header .ico-myinfo{ right:1.041666666666667rem; }
.modal-list .modal-content{ margin-top:60px; padding:0; }
.modal-list .modal-content .info-area .gray-box{ padding:20px; }
.modal-list .modal-content .info-area .gray-box .btn{ line-height:2.5rem; font-size:16px; }
.modal-list .modal-content .info-area .gray-box p{ margin-top:5px; color:rgba(0,0,0,0.4); font-size:12px; text-align:left; }

/* modal-change */
.modal-change{ height:100%; background-color:#fff; } 
.modal-change .modal-header{ padding:1.041666666666667rem 1.041666666666667rem; position:fixed; top:0; left:0; right:0; border-bottom:1px solid #ededed; background-color:#fff; z-index:11; }
.modal-change .modal-header .dep-tit2{ line-height:1.357142857rem; height:1.357142857rem; font-size:1rem; font-weight:500; text-align:center; }
.modal-change .modal-header .ico{ margin-top:1px; position:absolute; top:50%; transform:translate(0, -50%); z-index:999; }
.modal-change .modal-header .ico-back{ left:1.041666666666667rem; background-color:#fff; }
.modal-change .modal-header .ico-myinfo{ right:1.041666666666667rem; }
.modal-change .modal-content{ margin-top:60px; padding:0; }
.modal-change .modal-content .info-area .gray-box{ padding:20px; text-align:left; }
.modal-change .modal-content .info-area .gray-box .btn{ line-height:2.5; font-size:16px; }

/* modal-add */
.modal-add{ height:100%; background-color:#fff; } 
.modal-add .modal-header{ padding:1.041666666666667rem 1.041666666666667rem; position:fixed; top:0; left:0; right:0; border-bottom:1px solid #ededed; background-color:#fff; z-index:11; }
.modal-add .modal-header .dep-tit2{ line-height:1.357142857rem; height:1.357142857rem; font-size:1rem; font-weight:500; text-align:center; }
.modal-add .modal-header .ico{ margin-top:1px; position:absolute; top:50%; transform:translate(0, -50%); z-index:999; }
.modal-add .modal-header .ico-back{ left:1.041666666666667rem; background-color:#fff; }
.modal-add .modal-header .ico-myinfo{ right:1.041666666666667rem; }
.modal-add .modal-content{ margin-top:60px; padding:0; padding-top:10px; }

/* modal-addChange */
.modal-addChange{ height:100%; background-color:#fff; } 
.modal-addChange .modal-header{ padding:1.041666666666667rem 1.041666666666667rem; position:fixed; top:0; left:0; right:0; border-bottom:1px solid #ededed; background-color:#fff; z-index:11; }
.modal-addChange .modal-header .dep-tit2{ line-height:1.357142857rem; height:1.357142857rem; font-size:1rem; font-weight:500; text-align:center; }
.modal-addChange .modal-header .ico{ margin-top:1px; position:absolute; top:50%; transform:translate(0, -50%); z-index:999; }
.modal-addChange .modal-header .ico-back{ left:1.041666666666667rem; background-color:#fff; }
.modal-addChange .modal-header .ico-myinfo{ right:1.041666666666667rem; }
.modal-addChange .modal-content{ margin-top:60px; padding:0; padding-top:10px; }

/* modal-privacy */
.modal-item .txt-area p{ font-size:14px; color:rgba(0, 0, 0, 0.4); }
.modal-purpose .txt-area p{ font-size:14px; color:rgba(0, 0, 0, 0.4); }
.modal-period .txt-area p{ font-size:14px; color:rgba(0, 0, 0, 0.4); }
.modal-info .txt-area p{ font-size:14px; color:rgba(0, 0, 0, 0.4); }

/* modal-order */
.modal-order strong{ margin-bottom:5px; font-size:14px; font-weight:700; color:rgba(0, 0, 0, 0.4); }
.modal-order .list-dotted li{ font-size:14px; color:rgba(0, 0, 0, 0.4); }
.modal-order .list-dotted > li:after, .modal-order p.list-dotted:after{ background-color:rgba(0, 0, 0, 0.4); }

/* modal-nonmem */
.modal-nonmem strong{ margin-bottom:5px; font-size:14px; font-weight:700; color:rgba(0, 0, 0, 0.4); }
.modal-nonmem .list-dotted li{ font-size:14px; color:rgba(0, 0, 0, 0.4); }
.modal-nonmem .list-dotted > li:after, .modal-nonmem p.list-dotted:after{ background-color:rgba(0, 0, 0, 0.4); }

/* modal-school */
.modal-school{ height:100%; background-color:#fff; } 
.modal-school .modal-header{ padding:1.041666666666667rem 1.041666666666667rem; position:fixed; top:0; left:0; right:0; border-bottom:1px solid #ededed; background-color:#fff; z-index:11; }
.modal-school .modal-header .dep-tit2{ line-height:1.357142857rem; height:1.357142857rem; font-size:1rem; font-weight:500; text-align:center; }
.modal-school .modal-header .ico{ margin-top:1px; position:absolute; top:50%; transform:translate(0, -50%); z-index:999; }
.modal-school .modal-header .ico-back{ left:1.041666666666667rem; background-color:#fff; }
.modal-school .modal-header .ico-myinfo{ right:1.041666666666667rem; }
.modal-school .modal-content{ margin-top:62px; padding:0; }
.modal-school .modal-content .board-tab .tab-content{ border-top:1px solid rgba(0, 0, 0, 0.93); }
.modal-school .modal-content .board-tab .tab-list{ padding:25px 25px 0 25px; }
.modal-school .search-area{ padding:0 25px 0; } 
.modal-school .search-form{ padding-top:0; margin-bottom:25px; border:none; }
.modal-school .search-form .btn{ height:40px; line-height:38px; top:0; right:5px; background-color:#F7F7F7; }
.modal-school .search-form .input-search input{ height:40px; line-height:38px; padding:0 20px; background-color:#F7F7F7; color:rgba(0, 0, 0, 0.93); font-size:14px; font-weight:400; letter-spacing:-1px; }

.modal-wrap.ser{position: fixed;bottom: 0;}
.modal-wrap.ser .modal-container{max-height: auto;min-height: auto;top: 50px;bottom:0;height: auto;}
.modal-wrap.ser .modal-container .modal-header{position: relative;}
.modal-wrap.ser .modal-container .modal-content{position: relative;overflow:scroll;margin-top: 0;min-height: calc(100vh - 180px);height: auto;padding: 0 16px 24px;}
.modal-wrap.ser .modal-container .modal-content .price-area {margin-bottom: 200px;}
.modal-wrap.ser .modal-container .modal-footer{padding: 16px;}
.modal-wrap.ser .modal-container .modal-footer .wrap {gap: 10px;}
.modal-wrap.ser .modal-container .modal-footer a {height: 54px; font-size: 14px; line-height: 54px; font-weight: 500; letter-spacing: -1px;}
.modal-wrap.ser .modal-container .modal-footer a.btn-line {color: #222;}
.modal-wrap.ser .flex-area{flex-direction:column;gap: 20px; margin:0;}
.modal-wrap.ser .flex-area > * {margin: 0;}
.modal-wrap.ser .modal-buy .price-area li {padding: 0;}
.modal-wrap.ser .modal-buy .price-area li.book {margin-top: 20px;}
.modal-wrap.ser .modal-buy .price-area li.price {border-top: 1px solid #9F9F9F;}
.modal-wrap.book .modal-buy {height: auto; min-height: 226px}
.modal-wrap.book .modal-buy .modal-content {height: auto; min-height: 226px;}
.modal-wrap.book .modal-buy .modal-content .price-area {margin-bottom: 150px;}
.modal-wrap.book .modal-buy .modal-content .price-area li {padding: 0;}
.modal-wrap.book .modal-buy .price-area li .txt-info {height: auto;color: #222;font-size: 16px;font-weight: 400;line-height: 1.4;letter-spacing: -1px;}
.modal-wrap.book .modal-container .modal-footer{padding: 16px;}
.modal-wrap.book .modal-container .modal-footer .wrap {gap: 10px;}
.modal-wrap.book .modal-container .modal-footer a {height: 54px; font-size: 14px; line-height: 54px; font-weight: 500; letter-spacing: -1px;}
.modal-wrap.book .modal-container .modal-footer a.btn-line {color: #222;}
.modal-wrap.booksmall .modal-container .modal-footer{padding: 16px;}
.modal-wrap.booksmall .modal-container .modal-footer .wrap {gap: 10px;}
.modal-wrap.booksmall .modal-container .modal-footer a {height: 54px; font-size: 14px; line-height: 54px; font-weight: 500; letter-spacing: -1px;}
.modal-wrap.booksmall .modal-container .modal-footer a.btn-line {color: #222;}

.modal-wrap.ser .ser-info{position: relative; padding: 20px 0;}
.modal-wrap.ser .ser-info:not(:last-child) {border-bottom: 1px solid #EFEFEF;}
.modal-wrap.ser .ser-info span{font-size: 14px; line-height: 20px; font-weight: 400;color: #111;}
.modal-wrap.ser .ser-info .delivery {margin-left: 32px; display: flex; align-items: center;}
.modal-wrap.book .price-area .delivery {margin-top: 8px; display: flex; align-items: center;}
.modal-wrap.ser .ser-info .date {font-size: 14px; line-height: 1.6; font-weight: 400; letter-spacing: -1px; color: #767676;}
.modal-wrap.ser .ser-info .txt-info{word-wrap: 260px;color: #000;}
.modal-wrap.ser .ser-info .ser-checkbox{display: inline-flex;flex-direction: column; row-gap: 8px; width: 100%;margin-bottom: 12px;}
.modal-wrap.ser .ser-info .ser-checkbox .ico-checkbox {margin: 2px; position: absolute; left: 0; top: 0; width: 14px; height: 14px; background-image: none; border: 1px solid #E1E1E1;}
.modal-wrap.ser .ser-info .ser-checkbox .input-checkbox input[type='checkbox']:checked ~ .ico-checkbox { 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"); } */
.modal-wrap.ser .ser-info .ser-checkbox .input-checkbox{display: inline-flex; width: 100%;}
.modal-wrap.ser .ser-info .ser-checkbox .input-checkbox span{margin-left: 32px; display: block; width: calc(100% - 32px); font-size: 16px; line-height: 1.4; font-weight: 400; color: #222; letter-spacing: -1px;}
.modal-wrap.ser .ser-info .float-area,
.modal-wrap.book .float-area {display: flex; justify-content: space-between; align-items: center;}
.modal-wrap.ser .ser-info .float-area:after,
.modal-wrap.book .float-area:after {display: none;}
.modal-wrap.book .float-area {margin-top: 12px;}
.modal-wrap.ser .ser-info .btn-count-wrap {margin-left: 32px; height: 20px; border: none; }
.modal-wrap.book .btn-count-wrap {margin: 0; height: 20px; border: none; }
.modal-wrap.ser .ser-info .btn-count-wrap::before,
.modal-wrap.ser .ser-info .btn-count-wrap::after, 
.modal-wrap.book .btn-count-wrap::before,
.modal-wrap.book .btn-count-wrap::after {display: none;}
.modal-wrap.ser .ser-info .btn-count-wrap > *,
.modal-wrap.book .btn-count-wrap > * {width: 20px; height: 20px; background-size: 7.5px; border: 1px solid #222;}
.modal-wrap.ser .ser-info .btn-count-wrap .btn-minus {}
.modal-wrap.ser .ser-info .btn-count-wrap .btn-plus {}
.modal-wrap.ser .ser-info .btn-count-wrap span,
.modal-wrap.book .btn-count-wrap span {margin: 0 12px; font-size: 15px; line-height: 1.35; letter-spacing: -1px; font-weight: 400; border: none;}

.modal-wrap.ser .price-info{display: flex; align-items: flex-end; justify-content: space-between; padding:40px 0 0 0;}
.modal-wrap.ser .price-info .lt { font-size: 16px; line-height: 1.4; font-weight: 600; letter-spacing: -1px; color: #222; }
.modal-wrap.ser .price-info .rt{display: flex; align-items: center; gap: 10px;}
.modal-wrap.ser .price-info .rt .total-price {font-size: 24px; line-height: 32px; letter-spacing: -1px; font-weight: 700;}
.modal-wrap.ser .price-info .rt strong {margin-right: 2px;}
.modal-wrap.ser .ser-title{padding: 0 0 12px 0; border: none;border-bottom: 1px solid #9F9F9F; font-size: 16px; font-weight: 600; line-height: 1.4; letter-spacing: -1px; color: #222;}
.modal-wrap.ser .spinner-box{display: inline-block;width: 76px; height: 23px;position: relative;background-color: #fff;border: 1px solid #000;}
.modal-wrap.ser .ser-info .new-item{font-size: 12px; font-weight: 600; color: #C17779;line-height: 20px;}
.modal-wrap.ser .ser-info .btn-notification{margin-right: 12px;; display: inline-flex; column-gap: 2px;align-items: center; justify-content: center;width: 100px; height: 34px;padding: 0 8px; font-size: 13px; color: #222; font-weight: 500; letter-spacing: -0.5; border:1px solid #222;background-color: #fff;}
.modal-wrap.book .price-area .btn-notification{margin-right: 12px;; display: inline-flex; column-gap: 2px;align-items: center; justify-content: center;width: 100px; height: 34px;padding: 0 8px; font-size: 13px; color: #222; font-weight: 500; letter-spacing: -0.5; border:1px solid #222;background-color: #fff;}
.new-icon.notification {width: 16px; height: 16px; 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='M3.30786 6.56708C3.30786 4.04475 5.35261 2 7.87494 2C10.3973 2 12.442 4.04475 12.442 6.56708V12.2759H3.30786V6.56708Z' stroke='%23222222'/%3E%3Cpath d='M10.1582 13.9893L7.87466 13.9893L5.59112 13.9893' stroke='%23222222'/%3E%3Cpath d='M1.59546 12.2764H14.1549' stroke='%23222222'/%3E%3C/svg%3E%0A");}
.modal-wrap.ser .ser-info .price-wrap,
.modal-wrap.book .price-wrap {display: flex; align-items: center;}
.modal-wrap.ser .ser-info .price-wrap span,
.modal-wrap.book .price-wrap span {font-size: 14px; line-height: 1.6; letter-spacing: -1px;}
.modal-wrap.ser .ser-info span.percent,
.modal-wrap.book span.percent {margin-right: 2px; color: #002F98;}
.modal-wrap.ser .ser-info span.was-price,
.modal-wrap.book span.was-price{ margin-right: 4px; color: #9F9F9F; text-decoration: line-through;}
.modal-wrap.ser .ser-info span.txt-num,
.modal-wrap.book span.txt-num{font-size: 16px; line-height: 1.4; font-weight: 600; color: #222;}
.modal-wrap.ser .ml-auto{}
.modal-wrap.ser .benefit__area{display: flex; justify-content: space-between; align-items: center;column-gap: 4px; margin: 10px 0 0 0; padding: 18px 20px; font-size: 14px; line-height: 1.6; font-weight: 400; letter-spacing: -1px; color: #002F98; background-color: #F5F5F5; border-radius: 3px;}
.modal-wrap.ser .benefit__area .tit {font-weight: 500; color: #222;}
.modal-wrap.ser .benefit__area .badge{display: inline-block;padding: 0 8px; height: 24px; background-color: #aec3c3;border-radius: 4px; font-size: 12px;font-weight: 300; line-height: 24px; color: #fff;}


/* modal-preview */
.modal-wrap.preview {background-color: #F7F7F7;}
.modal-wrap.preview .modal-container .modal-header {display: flex; justify-content: flex-end;}
.modal-wrap.preview .modal-container .modal-content {overflow: hidden; height: 100vh; padding: 0; margin: 0;}
.modal-wrap.preview .previewSwiper-wrap {position: relative; display: flex; flex-direction: column; row-gap: 12px; height: 100%;}
.modal-wrap.preview .previewSwiper {position: relative; width: 100%; height: 100%; margin: 0 auto; overflow: hidden;}
.modal-wrap.preview .previewSwiper .swiper-zoom-container {margin: 0 auto;  padding: 25px 0 112px; height: calc(100% - 137px); display: flex; align-items: center; justify-content: center; touch-action: none;;}
.modal-wrap.preview .swiper-pagination-fraction{position: fixed; display: inline-block; left: 50%;bottom: 90px;transform: translateX(-50%); width: 52px;border-radius: 10px; background-color: #ccc;color: #fff;font-size: 12px; line-height: 22px;}
.modal-wrap.preview .previewSwiper img {width: 220px; height: 312px; vertical-align: center;}
.modal-wrap.preview .previewSwiper-wrap .swiper-button-prev, 
.modal-wrap.preview .previewSwiper-wrap .swiper-button-next{margin-top: -16px; top: 50%;left: 50%; transform: translate(-50%,-50%);}
.modal-wrap.preview .previewSwiper-wrap .swiper-button-prev {width: 32px; height: 32px;margin-left: -135px; 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%3Ccircle cx='16' cy='16' r='16' fill='%236F7373' fill-opacity='0.2'/%3E%3Cpath d='M19.2 8.7998L12.8 15.9998L19.2 23.1998' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");}
.modal-wrap.preview .previewSwiper-wrap .swiper-button-next {width: 32px; height: 32px;margin-left: 135px; 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%3Ccircle cx='16' cy='16' r='16' transform='matrix(-1 0 0 1 32 0)' fill='%236F7373' fill-opacity='0.2'/%3E%3Cpath d='M12.8 8.7998L19.2 15.9998L12.8 23.1998' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");}
.modal-wrap.preview .btn-group {position: fixed; margin-left: -118px; left: 50%; bottom: 40px; width: 236px; z-index: 10;}
.modal-wrap.preview .btn-group .btn {height: 29px; line-height: 27px; font-size: 12px;}