*{font-family: 'Noto Sans KR',sans-serif;}
.modal_cart{position:fixed; top:50%; left:50%; width:440px; max-width:100%; border-radius: 20px; margin:0 auto; z-index:30; transform:translate(-50%, -50%); background:#fff; display:none;}
.modal_cart_bg{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:29; left:0; top:0; display:none;}
.modal_cart .modal_cart_close{position:absolute; right:30px; top:30px;}
.modal_cart .modal_cart_content{padding:48px 30px 20px; }
#FrameWrap .modal_cart_head{margin-bottom:20px; border-bottom:1px solid #eeeeee; padding-bottom:12px; display: flex; align-items: center;}
#FrameWrap .modal_cart_head .left_img_box{width:60px; height: 60px; border-radius: 5px; overflow: hidden; vertical-align:middle; border:1px solid #e5e5e5;}
#FrameWrap .modal_cart_head .left_img_box img{width:100%; height: 100%; object-fit: cover;}
#FrameWrap .modal_cart_head .right_tit_box{width: calc(100% - 85px); padding-left: 15px;}
#FrameWrap .modal_cart_head .desc{font-family: 'Noto Sans KR',sans-serif; font-size:13px; font-weight:400; color:#666666; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#FrameWrap .modal_cart_head h5{font-family: 'Noto Sans KR',sans-serif; font-size:16px; font-weight:500; color:#222222; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#FrameWrap .modal_cont_img_box{width:100%; display:table; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e5e5e5;}
#FrameWrap .modal_cont_img_box .left_img_box{width:100px; display:table-cell; vertical-align:middle; border:1px solid #e5e5e5;}
#FrameWrap .modal_cont_img_box .left_img_box img{width:100%;}
#FrameWrap .modal_cont_img_box .right_info_box{width:calc(100% - 100px); padding-left:20px; display:table-cell; vertical-align:middle;}
#FrameWrap .modal_cont_img_box .right_info_box .modal_cont_table > div.left_text{width:80px;}
#FrameWrap .modal_cont_img_box .right_info_box .modal_cont_table > div.right_info{width:calc(100% - 80px);}
#FrameWrap .modal_cont_img_box .modal_cont_table_box{padding-bottom:0; margin-bottom:0; border-bottom:0;}
#FrameWrap .modal_cont_table_box{padding-bottom:0px; margin-bottom:9px; border-bottom:1px solid #e5e5e5;}
#FrameWrap .modal_cont_table_box .modal_cont_table{width:100%; display:table; margin-bottom:20px;}
#FrameWrap .modal_cont_table_box .modal_cont_table:last-child{margin-bottom:0;}
/* #FrameWrap .modal_cont_table_box .modal_cont_table > div{display:table-cell; vertical-align:middle;} */
#FrameWrap .modal_cont_table_box .modal_cont_table > div{width: 100%;}
#FrameWrap .modal_cont_table_box .modal_cont_table > div li{list-style: none;}
#FrameWrap .modal_cont_table_box .modal_cont_table > div.left_text{width:120px; font-weight:500; color:#333333; font-size:14px;}
#FrameWrap .modal_cont_table_box .modal_cont_table > div.right_info{font-size:14px; color:#666666; width:calc(100% - 120px);}
#FrameWrap .modal_cont_table_box .modal_cont_table > div.right_info select{width:100%; height:35px; line-height:35px; color:#666; outline:none; box-shadow:none; border:1px solid #d2d2d2; padding-left:5px;}
#FrameWrap .modal_cont_table_box .modal_cont_table.select{margin-bottom:10px;}
#FrameWrap .modal_cont_table_box .modal_cont_table.select:last-child{margin-bottom:0;}
#FrameWrap .modal_cont_table_box .modal_cont_table.select label {color: #666; width:75px; float:left; font-weight:normal; font-size: 15px; height:54px; line-height:54px; margin-bottom:0; display:block; margin-bottom:10px;}
#FrameWrap .modal_cont_table_box .modal_cont_table.select select {padding: 0 15px; width:calc(100% - 75px); float:left; height:54px; line-height:52px; margin-bottom:10px; border:1px solid #dcdcdc; border-radius: 5px; outline:none; box-shadow:none; font-size: 14px; color: #333; appearance:none; background: url(../../../img/icon_select_arrow.png) no-repeat right 20px center; background-size: 13px 8px;}
/* #FrameWrap #it_sel_option #it_opt_added{border: 1px solid #eee; border-radius: 5px;} */
#FrameWrap #it_sel_option .modal_quantity_box.it_opt_list{border: none; border-radius: 0; border-bottom: 1px solid #eeeeee; margin-bottom: 10px; padding-bottom: 20px;}
#FrameWrap #it_sel_option .list-group .modal_quantity_box{border: 1px solid #eeeeee; padding: 20px; margin-bottom: 0;}
#FrameWrap #it_sel_option .list-group .modal_quantity_box:first-child{border: 1px solid #eeeeee; border-radius: 5px 5px 0 0; border-bottom: 0;}
#FrameWrap #it_sel_option .list-group .modal_quantity_box:nth-last-child(2){border-bottom: 0;}
#FrameWrap #it_sel_option .list-group .modal_quantity_box:last-child{border: 1px solid #eeeeee; border-radius: 0 0 5px 5px;}
#FrameWrap .modal_quantity{display:flex; align-items: center; justify-content: space-between; width:100%; /*padding-bottom:20px; margin-bottom:20px;*/}
#FrameWrap .modal_quantity_name{font-family: 'Noto Sans KR',sans-serif; font-size:14px; color:#333; width:100%; margin-bottom:10px;}
#FrameWrap .modal_quantity > div{display:inline-block; vertical-align:middle;}
#FrameWrap .modal_quantity > div.left_quantity{width:120px; font-size:18px; font-weight:700; color:#333;}
#FrameWrap .modal_quantity > div.left_quantity span{font-size: 16px;}
#FrameWrap .modal_quantity > div.right_quantity{width:calc(100% - 120px); /*overflow:hidden;*/ }
#FrameWrap .modal_quantity > div.right_quantity .modal_quantity_btn > input{ display:block; width:60%; border: none; outline:none; box-shadow:none; height:35px; line-height:35px; font-size:14px; font-weight: 700; padding-left:10px; color:#3a3a3a; float:left;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn{width: 100px; display: flex; align-items: center; border: 1px solid #dddddd; margin-left: auto; position: relative; border-radius: 2px;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn input{font-family: 'Noto Sans KR',sans-serif; height: 34px; line-height: 34px; text-align: center; padding-left: 0;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button{display:table-cell; outline:none; box-shadow:none; width:100%; border: none; border-left:0;height:34px; line-height:34px; background:none; position:relative;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_delete{position: absolute; top: -42px; right: -11px;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_delete::before{content: ''; display: block; width: 15px; height: 1px; background-color: #666; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_delete::after{content: ''; display: block; width: 15px; height: 1px; background-color: #666; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg);}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button span{color:#dddddd; font-size:14px; line-height:34px;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_minus span{color: #dddddd;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_minus span::before{content: ''; display: block; width: 10px; height: 2px; background-color: #ddd; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_plus span{color: #333;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_plus span::before{content: ''; display: block; width: 10px; height: 2px; background-color: #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_plus span::after{content: ''; display: block; width: 2px; height: 10px; background-color: #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_delete span{font-size:12px;}
#FrameWrap .modal_quantity > div.quantity_box{display: flex; align-items: center;}
#FrameWrap .modal_quantity > div.quantity_box .sale_cont strike{color: #999; font-size: 14px;}
#FrameWrap .modal_quantity > div.quantity_box .modal_cont_table{margin-right: 4px;}
/*
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button::after{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#333; font-size:14px;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_plus::after{content:"+";}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_minus::after{content:"-";}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_delete::after{content:"x";}
*/
#FrameWrap .modal_total_price{width:100%; display:flex; align-items: center; justify-content: space-between; }
#FrameWrap .modal_total_price > div{display:table-cell; vertical-align:middle;}
#FrameWrap .modal_total_price > div.left_text{width:120px; font-weight:700; color:#222; font-size:16px;}
#FrameWrap .modal_total_price > div.right_price{width:auto; color:#222; font-size:16px; text-align:right; font-weight: 700; display: flex; align-items: center;}
#FrameWrap .modal_total_price > div.right_price span.real_price{font-size:24px; font-weight:700;}
#FrameWrap .modal_cont_table{display: flex; align-items: center; justify-content: end;}
#FrameWrap .modal_cont_table div{color: #652df1; font-size: 14px; font-weight: 400;}
#FrameWrap .modal_cont_table div.right_info{color: #652df1; font-size: 14px; font-weight: 400;}
/* #FrameWrap .modal_cont_table div.left_text{margin-right: 4px;} */
#FrameWrap .modal_cont_table div.right_info{color: #222; font-size: 16px; font-weight: 700;}
#FrameWrap .modal_cont_table div.right_info > span{font-size: 18px; margin-right: -4px;}
#FrameWrap .modal_cont_table div span{font-weight: 700;}
#FrameWrap .modal_btn{overflow:hidden; width:100%; margin-top:20px;}
#FrameWrap .modal_btn .wishlist_btn{margin-right:10px; float: left; border: 1px solid #dddddd; border-radius: 5px; width: 53px; height: 53px; background: url(../../../img/modal_wish_icon_off.png) no-repeat center center; background-size: 23px 20px;}
#FrameWrap .modal_btn > input{display:block; float:left; width:calc(100% - 127px); border:1px solid #a1a1a1; font-size:16px; color:#222222; font-weight:500; text-align:center; height:53px; line-height:53px; background:#fff; border-radius: 5px;}
#FrameWrap .modal_btn > input.cart_btn{text-indent: 100px; margin-right:10px; border: 1px solid #dddddd; border-radius: 5px; width: 53px; height: 53px; background: url(../../../img/modal_cart_icon.png) no-repeat center center; background-size: 19px 22px;}
#FrameWrap .modal_btn > input.purchase_btn{background:#652df1; border:1px solid #652df1; color:#fff;}
#FrameWrap .modal_naver{border-top:1px solid #aaaaaa; margin-top:20px; display:none;}
@media (max-device-width:991px){
.modal_cart{height:auto; overflow:hidden; overflow-y:scroll; width:100%; top: auto; left: 0; bottom: 0; transform: translate(0,0); border-radius: 10px 10px 0 0;}
.modal_cart .modal_cart_close{width: 15px; height: 15px; z-index: 1; top: 15px; right: 15px;}
.modal_cart .modal_cart_close img{width: 100%;}
.modal_cart .modal_cart_content{padding:29px 15px 15px; position: relative; max-height: 100vh; overflow-y: auto;}
.modal_cart .modal_cart_content::before{content: ''; display: block; width: 40px; height: 4px; background-color: #e6e6e6; border-radius: 2px; position: absolute; top: 10px; left: 50%; transform: translateX(-50%);}
.modal_cart .modal_cart_content .modal_cart_head{margin-bottom:10px; padding-bottom:10px;}
.modal_cart .modal_cart_content .modal_cart_head h5{font-size:16px;}
#FrameWrap .modal_cart_head{position: relative;}
#FrameWrap .modal_cart_head .left_img_box{width: 67px; height: 67px; border-radius: 2.5px;}
#FrameWrap .modal_cart_head .desc{font-size: 11.5px;}
#FrameWrap .modal_cart_head h5{font-size: 15px;}
#FrameWrap .modal_cont_img_box{ margin-bottom:10px; padding-bottom:10px;}
#FrameWrap .modal_cont_img_box .left_img_box{width:80px; display:table-cell; vertical-align:middle; border:1px solid #e5e5e5;}
#FrameWrap .modal_cont_img_box .left_img_box img{width:100%;}
#FrameWrap .modal_cont_img_box .right_info_box{width:calc(100% - 80px); padding-left:10px; display:table-cell; vertical-align:middle;}
#FrameWrap .modal_cont_img_box .right_info_box .modal_cont_table > div.left_text{width:70px;}
#FrameWrap .modal_cont_img_box .right_info_box .modal_cont_table > div.right_info{width:calc(100% - 70px);}
#FrameWrap .modal_cont_img_box .modal_cont_table_box{padding-bottom:0; margin-bottom:0; border-bottom:0;}
#FrameWrap .modal_cont_table_box{padding-bottom:10px; margin-bottom:10px;}
#FrameWrap .modal_cont_table_box .modal_cont_table{margin-bottom:10px;}
#FrameWrap .modal_cont_table_box .modal_cont_table > div.left_text{width:100px; font-size:12px;}
#FrameWrap .modal_cont_table_box .modal_cont_table > div.right_info{width:calc(100% - 100px); font-size:12px;}
#FrameWrap .modal_cont_table_box .modal_cont_table > div.right_info select{height:30px; line-height:30px; font-size:12px;}
#FrameWrap .modal_quantity{padding-bottom: 0; margin-bottom: 0;}
#FrameWrap .modal_quantity_name{font-size:13px; margin-bottom:5px;}
#FrameWrap .modal_quantity > div.left_quantity{width:100px; font-size:13.5px;}
#FrameWrap .modal_quantity > div.left_quantity span{font-size:13.5px;}
#FrameWrap .modal_quantity > div.right_quantity{width:calc(100% - 100px);}
#FrameWrap .modal_quantity > div.right_quantity > input{height:30px; line-height:30px; width:50%; font-size:12px;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn{width:93.5px; border-radius: 2.5px;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button{height:30px; line-height:30px;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button span{line-height:30px; position:relative; /* top:-2px; */ }
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_delete{height: 10px; line-height: 10px; top: -25px;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_delete::before{width: 11px;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn > button.modal_delete::after{width: 11px;}
#FrameWrap .modal_total_price > div.left_text{width:100px; font-size:15px;}
#FrameWrap .modal_total_price > div.right_price{width:calc(100% - 100px); font-size:15px; justify-content: flex-end;}
#FrameWrap .modal_total_price > div.right_price span.real_price{font-size:19px;}
#FrameWrap .modal_btn{margin-top:10px;}
#FrameWrap .modal_btn > input{height:45px; line-height:43px; font-size:14px; border-radius: 2.5px; width: calc(100% - 107px);}
#FrameWrap .modal_btn .wishlist_btn{background-size: 20.5px 18px; width: 45px; height: 45px; margin-right: 8.5px; border-radius: 2.5px;}
#FrameWrap .modal_btn > input.cart_btn{background-size: 15px 18.5px; width: 45px; height: 45px; margin-right: 8.5px; border-radius: 2.5px;}
/* 커스텀 추가 */
#FrameWrap .modal_cont_table div.right_info{font-size: 13.5px;}
#FrameWrap .modal_cont_table div.right_info > span{font-size: 13.5px;}
#FrameWrap .modal_quantity > div.quantity_box .sale_cont strike{font-size: 11.5px;}
#FrameWrap .modal_quantity > div.right_quantity > div.modal_quantity_btn input{font-size: 13.5px; height: 32px; line-height: 32px;}
#FrameWrap .modal_cont_table div{font-size: 11.5px;}
#FrameWrap .modal_cont_table_box .modal_cont_table.select label{font-size: 13px; height: 35px; line-height: 35px;}
#FrameWrap .modal_cont_table_box .modal_cont_table.select select{font-size: 12.5px; height: 35px; line-height: 32px; border-radius: 2.5px; background: url(../../../img/icon_select_arrow.png) no-repeat right 12.5px center; background-size: 8.5px 5.5px; }
#FrameWrap #it_sel_option .list-group .modal_quantity_box{padding: 20px 15px;}
}