/* 상품 상세 페이지 */
.comm_nav_top { position:relative; height: 40px; font-size:15px; color:#555; line-height: 40px; letter-spacing: -0.5px;}
.comm_nav_top .btn_order { position: absolute; top:0; right:0; display:inline-block; width:130px; height:30px; border:1px solid #ff1700; border-radius: 15px; color:#ff1700; background: url(//im.mootoon.co.kr/web/images/commerce/ico_comm_nav_order.png) no-repeat 12px center; padding-left: 34px; box-sizing: border-box; font-size:14px; line-height: 28px; letter-spacing: -1px;}
.comm_product { display:flex; padding: 40px 60px; background: #fff; border:1px solid #e1e1e1; border-radius: 10px; justify-content: space-between; align-items: center; flex-direction: row; letter-spacing: -0.5px;}
.comm_product .thumbnail { position:relative; width:430px;}
.comm_product .thumbnail img { width:100%; }
.comm_product .thumbnail .badge { position: absolute; bottom:10px; right:10px; width:119px; height:121px; background: url(//im.mootoon.co.kr/web/images/commerce/badge_comm_coin.png) no-repeat center; font-size:20px; font-weight:bold; text-align: center; color:#000; padding-top: 65px; box-sizing: border-box; letter-spacing: -1px;}
.comm_product .prd_overview { width:480px;}
.comm_product .prd_overview .top { margin-bottom:20px;}
.comm_product .prd_overview .prd_brand { font-size:16px; line-height: 16px; color:#555; margin-bottom:20px; }
.comm_product .prd_overview .prd_name { font-size:26px; line-height: 36px; color:#000; word-break: keep-all; letter-spacing: -1.5px; margin-bottom: 20px;}
.comm_product .prd_overview .prd_price { font-size:18px; line-height: 18px; text-decoration:line-through; color:#757575; margin-bottom:5px;}
.comm_product .prd_overview .prd_sale { line-height: 30px;}
.comm_product .prd_overview .prd_sale .rate { display:inline-block; font-family: tahoma,helvetica,sans-serif; font-weight: bold; font-size:20px; color:#EE2F26; vertical-align: middle; margin-right: 10px;}
.comm_product .prd_overview .prd_sale .sale_price { display:inline-block; font-family: tahoma,helvetica,sans-serif; font-weight: bold; font-size:30px; color:#000; vertical-align: middle;}
.comm_product .prd_overview .prd_sale .won { display:inline-block; font-size:24px; color:#000; vertical-align: bottom;}
.comm_product .prd_overview .mid { padding:20px 0; border-top: 1px solid #ddd; border-bottom:1px solid #ddd; font-size:18px; color:#555; margin-bottom:20px;}
.comm_product .prd_overview .mid .label { margin-right: 50px;}
.comm_product .prd_overview .mid .delivery { margin-bottom: 15px;}
.comm_product .prd_overview .ui_quantity { display: inline-block; border:1px solid #dde0e3; vertical-align: middle; font-size:0;}
.comm_product .prd_overview .ui_quantity button { display: inline-block; width:35px; height:35px; background: #F1F2F4 no-repeat center; vertical-align: middle; cursor: pointer;}
.comm_product .prd_overview .ui_quantity button:disabled { cursor :auto;}
.comm_product .prd_overview .ui_quantity button.minus { background-image: url(//im.mootoon.co.kr/web/images/commerce/ico_ui_quantity_minus.png);}
.comm_product .prd_overview .ui_quantity button.plus { background-image: url(//im.mootoon.co.kr/web/images/commerce/ico_ui_quantity_plus.png);}
.comm_product .prd_overview .ui_quantity button.minus.min { background-image: url(//im.mootoon.co.kr/web/images/commerce/ico_ui_quantity_minus_min.png);}
.comm_product .prd_overview .ui_quantity button.plus.max { background-image: url(//im.mootoon.co.kr/web/images/commerce/ico_ui_quantity_plus_max.png);}
.comm_product .prd_overview .ui_quantity input { display:inline-block; width:45px; line-height: 35px; text-align: center; vertical-align: middle; font-family: tahoma,helvetica,sans-serif; font-size:14px; }
.comm_product .prd_overview .total { position: relative; line-height:25px; margin-bottom:20px;}
.comm_product .prd_overview .total .label{ font-size:18px; font-weight: bold; color:#000;}
.comm_product .prd_overview .total .total_price { position: absolute; top:0; right:0; font-family: tahoma,helvetica,sans-serif; font-size:26px; color:#ee2f26; font-weight: bold; }
.comm_product .prd_overview .total .won { display:inline-block; font-size:22px; font-weight: normal; vertical-align: bottom;}
.comm_product .prd_overview .btn_wrap { display: flex; gap:10px; justify-content: space-between; }
.comm_product .prd_overview .btn_cart { flex:1 1 40%; display: block; height:60px; background-color: #fff; font-size:20px; line-height: 58px; text-align: center; border-radius: 5px; color:#ee2f26; border:1px solid #ee2f26; font-weight: bold; box-sizing: border-box;} 
.comm_product .prd_overview .btn_buy { flex:1 1 40%; display: block; height:60px; background-color: #ee2f26; font-size:20px; line-height: 60px; text-align: center; border-radius: 5px; color:#fff; font-weight: bold;}
.comm_product .prd_overview .btn_soldout { display: block; height:60px; background-color: #8f8f8f; font-size:20px; line-height: 60px; text-align: center; border-radius: 5px; color:#fff;}

.comm_product_detail { padding: 45px 50px 20px; background: #fff; border:1px solid #e1e1e1; border-radius: 10px; justify-content: space-between; align-items: center; flex-direction: row; letter-spacing: -1px; margin-top:20px;}
.comm_product_detail h2 { font-size:24px; line-height: 24px; letter-spacing: -2px; margin-bottom:15px;}
.comm_product_detail .detailpage_tab { margin-bottom: 20px; }
.comm_product_detail .detailpage_tab ul { display: flex; flex-wrap: wrap; flex-direction: row;}
.comm_product_detail .detailpage_tab ul li { flex: 1 1 auto; text-align: center; border-bottom:1px solid #000; }
.comm_product_detail .detailpage_tab ul li a { display: block; height:100%; line-height: 50px; font-size:18px; color:#000;}
.comm_product_detail .detailpage_tab ul li.active { border-bottom:4px solid #ee2f26;}
.comm_product_detail .detailpage_tab ul li.active a { color:#ee2f26; font-weight: bold;}
.comm_product_detail .detailpage { position:relative; width:1000px; overflow: hidden; margin-bottom:70px;}
.comm_product_detail .detailpage .btn_detailmore { position: absolute; bottom:0px; left:0; }
.comm_product_detail .detailpage .btn_detailmore::before { position:absolute; top:-180px; left:-40px; width:1080px; height:200px; background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); content:""; z-index: 1;}
.comm_product_detail .detailpage .btn_detailmore button { position: absolute; bottom:0; left:0; width:1000px; height:65px; border:1px solid #aaa; background-color:#fff; border-radius: 5px; font-size: 20px; z-index: 2; cursor: pointer;}
.comm_product_detail .detailpage .btn_detailmore button img { display:inline-block; vertical-align: middle; margin-left:15px; }
.comm_product_detail .detailpage .btn_detailmore.active { position: static;}
.comm_product_detail .detailpage .btn_detailmore.active::before { display:none;}
.comm_product_detail .detailpage .btn_detailmore.active button {position: static;}
.comm_product_detail .detailpage_img img { max-width: 1000px;}
.comm_product_detail .payment_info { margin-bottom:50px; border-top:1px solid #000; padding-top:20px;}
.comm_product_detail .payment_info li { font-size:15px; color:#666; text-indent: -15px; padding-left:10px; margin-bottom:10px;}
.comm_product_detail .detail_table { width:100%; margin-bottom:50px; border-top:1px solid #000; }
.comm_product_detail .detail_table th { width:160px; background-color: #F5F5F5; font-weight: bold; font-size:16px; color:#000; border-bottom:1px solid #dadada; }
.comm_product_detail .detail_table td { padding:20px 25px;  font-size:15px; color: #666; border-bottom:1px solid #dadada; }
.comm_product_detail .detail_table p { margin-bottom:5px;}
.comm_product_detail .detail_table p.blue { color:#808dc6;}
.comm_product_detail .detail_table ul li { font-size:15px; color:#666; text-indent: -15px; padding-left:10px; margin-bottom:10px;}


/* 주문 결제 페이지 */
.comm_order { display:flex; flex-direction: row; justify-content: space-between; align-items: flex-start; letter-spacing: -1px;}
.comm_order_info { width:710px;}
.comm_order_info .inner { padding : 40px 50px; background: #fff; border:1px solid #e1e1e1; border-radius: 10px; box-sizing: border-box; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0;}
.comm_order_info h2 { font-size:20px; line-height: 20px; color:#000; margin-bottom:20px;}
.comm_order_info h2 span { color:#f71700}
.comm_order_info p { font-size:0; margin-bottom: 10px;}
.comm_order_info p:last-child {margin-bottom: 0;}
.comm_order_info label { display: inline-block; width:100px; font-size: 15px; line-height: 40px; color:#666; vertical-align: middle;}
.comm_order_info label .star { display: inline-block; color:#ee2f26; padding-left: 3px;}
.comm_order_info input { display: inline-block; width:calc(100% - 100px); height:40px; font-size:14px; border:1px solid #d1d1d1; border-radius: 5px; padding: 0 10px; box-sizing: border-box; vertical-align: middle;}
.comm_order_info input[type="number"]::-webkit-outer-spin-button, .comm_order_info input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none;}
.comm_order_info input[type="number"] { -moz-appearance:textfield; }
.comm_order_info input::placeholder{ color:#bcbcbc;}
.comm_order_info input:disabled { background-color: #F8F8F8;}
.comm_order_info input.name { width: 240px;}
.comm_order_info input.add1 { width: 413px;}
.comm_order_info select { display: inline-block; width:calc(100% - 100px); height:40px; font-size:14px; border:1px solid #d1d1d1; border-radius: 5px; padding: 0 10px; box-sizing: border-box; vertical-align: middle; background:url(//im.mootoon.co.kr/web/images/commerce/ico_comm_more.png) no-repeat right 20px center; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.comm_order_info .prdlist h2 { margin-bottom:10px;}
.comm_order_info .prdlist .prdbox { position: relative; display:flex; padding:20px; background-color: #feeeee; border:1px solid #facaca; border-radius: 10px; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 10px;}
.comm_order_info .prdlist .prdbox .thumbnail { position: relative; width:110px; height:110px; }
.comm_order_info .prdlist .prdbox .thumbnail img {width:100%; border-radius: 5px; overflow: hidden; }
.comm_order_info .prdlist .prdbox .thumbnail .coin { position: absolute; top:0; left:0; background: #666 url(//im.mootoon.co.kr/web/images/commerce/badge_comm_coin3.png) no-repeat 5px center; font-size: 12px; font-weight: bold; color:#fff; padding:3px 5px 3px 22px;}
.comm_order_info .prdlist .prdbox .info { position: relative; width:425px;}
.comm_order_info .prdlist .prdbox .info .prd_brand { font-size: 14px; line-height: 14px; color:#555; margin-bottom: 5px;}
.comm_order_info .prdlist .prdbox .info .prd_name { width:320px; font-size:18px; line-height: 22px; color:#000; font-weight: bold; margin-bottom: 10px;}
.comm_order_info .prdlist .prdbox .info .prd_sale { line-height: 18px;}
.comm_order_info .prdlist .prdbox .info .prd_sale .rate { display:inline-block; font-family: tahoma,helvetica,sans-serif; font-weight: bold; font-size:18px; color:#EE2F26; vertical-align: middle; margin-right: 10px;}
.comm_order_info .prdlist .prdbox .info .prd_sale .sale_price { display:inline-block; font-family: tahoma,helvetica,sans-serif; font-weight: bold; font-size:20px; color:#000; vertical-align: middle;}
.comm_order_info .prdlist .prdbox .info .prd_sale .won { display:inline-block; font-size:18px; color:#000; vertical-align: bottom; font-weight: bold;}
.comm_order_info .prdlist .prdbox .info .prd_sale .prd_price { display:inline-block; font-size:15px; text-decoration:line-through; color:#757575; margin-left:5px; vertical-align: middle;}
.comm_order_info .prdlist .prdbox .info .prd_sale .quantity { display: inline-block; font-size:15px; color:#000; vertical-align: bottom; margin-left:10px; padding-left:10px; border-left:1px solid #FACACA;}
.comm_order_info .prdlist .prdbox .ui_quantity { position: absolute; right:20px; bottom:20px; display: inline-block; border:1px solid #dde0e3; vertical-align: middle; font-size:0;}
.comm_order_info .prdlist .prdbox .ui_quantity button { display: inline-block; width:35px; height:35px; background: #F1F2F4 no-repeat center; vertical-align: middle; cursor: pointer;}
.comm_order_info .prdlist .prdbox .ui_quantity button:disabled { cursor :auto;}
.comm_order_info .prdlist .prdbox .ui_quantity button.minus { background-image: url(//im.mootoon.co.kr/web/images/commerce/ico_ui_quantity_minus.png);}
.comm_order_info .prdlist .prdbox .ui_quantity button.plus { background-image: url(//im.mootoon.co.kr/web/images/commerce/ico_ui_quantity_plus.png);}
.comm_order_info .prdlist .prdbox .ui_quantity button.minus.min { background-image: url(//im.mootoon.co.kr/web/images/commerce/ico_ui_quantity_minus_min.png);}
.comm_order_info .prdlist .prdbox .ui_quantity button.plus.max { background-image: url(//im.mootoon.co.kr/web/images/commerce/ico_ui_quantity_plus_max.png);}
.comm_order_info .prdlist .prdbox .ui_quantity input { display:inline-block; width:45px; height:auto; border:0; border-radius: 0; line-height: 35px; text-align: center; vertical-align: middle; font-family: tahoma,helvetica,sans-serif; font-size:14px; }
.comm_order_info .prdlist .prdbox .badge { position: absolute; top:8px; right:8px; height:40px; background: #fff url(//im.mootoon.co.kr/web/images/commerce/badge_comm_coin2.png) no-repeat 10px center; border: 3px solid #faa224; border-radius: 20px; padding: 0 10px 0 40px; box-sizing: border-box; line-height: 34px; font-size:16px; font-weight: bold; color:#000;}
.comm_order_info .prdlist .prdbox .deli_price { position: absolute; top:20px; right:20px; font-size:14px; color:#cb7171; text-align: right; }
.comm_order_info .prdlist .prd_toggle { width:100%; margin-top: 10px; }
.comm_order_info .prdlist .prd_toggle a { display:block; height:40px; line-height: 40px; background-color:#fff; border:1px solid #d9d9d9; color:#777; font-size:16px; text-align: center; border-radius: 10px;}
.comm_order_info .prdlist .prd_toggle a img { display:inline-block; vertical-align: middle; margin-left: 5px;}
.comm_order_info .prdlist .prdbox_group .prdbox .info .prd_name { width:100%;}
.comm_order_info .prdlist .prdbox_group .prdbox:first-child { border-radius: 10px 10px 0 0; border-top:1px solid #facaca;}
.comm_order_info .prdlist .prdbox_group .prdbox { border-radius: 0; margin-bottom: 0; border-top:0;}
.comm_order_info .prdlist .prdbox_group .prdbox:last-child { border-radius: 0 0 10px 10px;}
.comm_order_info .customer { border-bottom: 1px solid #e4e4e4; padding-bottom: 40px; margin-bottom: 40px; margin-top:30px; }
.comm_order_info .delivery { border-bottom: 1px solid #e4e4e4; padding-bottom: 40px; margin-bottom: 40px; }
.comm_order_info .delivery .btn_address { display:inline-block; width:90px; height:40px; border:1px solid #EE2F26; border-radius: 5px; box-sizing: border-box; text-align: center; color:#ee2f26; line-height: 38px; font-size:15px; vertical-align: middle; margin-right: 5px;}
.comm_order_info .delivery .btn_check { float:right; display:block; position: relative; width: auto; line-height: inherit; padding-left: 30px; font-size: 14px; color:#666; cursor: pointer; font-weight: normal;}
.comm_order_info .delivery .btn_check input{ position: absolute; opacity: 0; cursor: pointer;  height: 0; width: 0; }
.comm_order_info .delivery .btn_check .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border:1px solid #D1D1D1; box-sizing: border-box;}
.comm_order_info .delivery .btn_check input:checked ~ .checkmark { background: url(//im.mootoon.co.kr/web/images/commerce/ico_comm_check.png) no-repeat center; }
.comm_order_info .sel { display:flex; gap:10px; flex-wrap: wrap;}
.comm_order_info .sel > div { flex: 1 1 40%; border:1px solid #444; color:#444; font-size:18px; text-align: center; line-height: 60px; box-sizing: border-box; border-radius: 5px;}
.comm_order_info .sel > div.active { border:2px solid #ee2f26; color:#ee2f26;}
.comm_order_info .warning { padding : 30px 50px; background: #808080; border-radius: 10px; box-sizing: border-box; border-top-left-radius: 0; border-top-right-radius: 0; color:#fff;}
.comm_order_info .warning h3 { font-size:20px; color: #fff; margin-bottom: 15px;}
.comm_order_info .warning ul li { font-size:14px; margin-bottom:5px;}

.comm_payment { width:370px; letter-spacing: -1px; }
.comm_payment .payment_price{ padding: 40px 30px; background: #fff; border:1px solid #e1e1e1; border-radius: 10px; box-sizing: border-box; margin-bottom:20px; }
.comm_payment .payment_price h2  { font-size:20px; margin-bottom:20px; color:#000;}
.comm_payment .payment_price .price_detail { border-bottom: 1px solid #e4e4e4; margin-bottom:20px;}
.comm_payment .payment_price .price_detail p {position: relative; margin-bottom:15px;}
.comm_payment .payment_price .price_detail .label { font-size:15px; color:#666;} 
.comm_payment .payment_price .price_detail .num { position:absolute; right:0; font-size:17px; color:#000; font-weight: bold;}  
.comm_payment .payment_price .price_total p { position: relative; text-align: right; line-height: 25px;}
.comm_payment .payment_price .price_total .label { position: absolute; left:0; font-size:18px; font-weight: bold; color:#000;}
.comm_payment .payment_price .price_total .num{ display:inline-block; font-family: tahoma,helvetica,sans-serif; color:#f71700; font-size:26px; font-weight: bold; vertical-align: middle;}
.comm_payment .payment_price .price_total .won{ display:inline-block; color:#f71700; font-size:22px; font-weight: bold; vertical-align: bottom;}
.comm_payment .payment_agreement { padding:30px; background: #fff; border:1px solid #e1e1e1; border-radius: 10px; box-sizing: border-box; margin-bottom: 20px;}
.comm_payment .payment_agreement .btn_list { margin-bottom:15px;}
.comm_payment .payment_agreement .btn_list a { display:block; height: 48px; line-height:46px; border:1px solid #DFDFDF; color:#818181; font-size:14px; padding-left:20px; box-sizing: border-box; background:url(//im.mootoon.co.kr/web/images/commerce/ico_comm_arrow.png) no-repeat right 14px center;}
.comm_payment .payment_agreement .btn_list a:last-child { border-top: 0;}
.comm_payment .payment_agreement .btn_check { display:block; position: relative; padding-left: 30px; font-size: 14px; color:#666; cursor: pointer;}
.comm_payment .payment_agreement .btn_check input{ position: absolute; opacity: 0; cursor: pointer;  height: 0; width: 0; }
.comm_payment .payment_agreement .btn_check .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border:1px solid #D1D1D1; box-sizing: border-box;}
.comm_payment .payment_agreement .btn_check input:checked ~ .checkmark { background: url(//im.mootoon.co.kr/web/images/commerce/ico_comm_check.png) no-repeat center; }
.comm_payment .payment_btn { display: block; height:60px; background-color: #ee2f26; font-size:21px; line-height: 58px; text-align: center; border-radius: 5px; color:#fff;  font-weight: bold; cursor: pointer;}


/* 팝업 */
.layer_commerce_personal { background-color: #F9F9F9; padding:30px; letter-spacing: -1px; box-sizing: border-box;}
.layer_commerce_personal h1 {font-size:24px; line-height: 24px; color:#000; font-weight: normal; margin-bottom: 20px;}
.layer_commerce_personal .inner { border:1px solid #e1e1e1; background-color: #fff; padding:30px 20px; }
.layer_commerce_personal ul li { font-size:14px; color:#888; margin-bottom: 8px; padding-left: 8px; text-indent: -8px;}
.layer_commerce_personal ul li:last-child { margin-bottom: 0;}
.layer_commerce_personal table { width:100%; table-layout: fixed; border-collapse: collapse; margin-bottom: 20px; }
.layer_commerce_personal table thead tr th { background-color: #e6e6e6; color:#777777; font-size:15px; padding: 12px; border:1px solid #bbb;}
.layer_commerce_personal table tbody tr td { background-color: #fff; color:#777777; font-size:14px; line-height: 24px; padding:12px; border:1px solid #bbb; vertical-align: top;}
.layer_commerce_personal .red { color:#ee2f26;}
.layer_commerce_personal p { font-size:14px; line-height: 24px; color:#777777; text-indent: -15px; padding-left: 15px;}


/* 주문 완료 페이지 */
.comm_complete { letter-spacing: -1px;}
.comm_complete .inner { padding: 50px 80px; background: #fff; border:1px solid #e1e1e1; border-radius: 10px; box-sizing: border-box; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0;}
.comm_complete .top_img { margin-bottom:40px; text-align: center;}
.comm_complete .order_detail { display:flex; flex-direction: row; justify-content: space-between; align-items: stretch; margin-bottom: 40px;}
.comm_complete .order_detail h2 { font-size:20px; line-height: 20px; color:#000; margin-bottom: 10px;}
.comm_complete .order_detail .inform { width:520px;}
.comm_complete .order_detail .inform table { width:100%; border-top:1px solid #dadada;}
.comm_complete .order_detail .inform table tbody tr { border-bottom: 1px solid #dadada; }
.comm_complete .order_detail .inform table tbody tr th { width: 80px; background-color: #F5F5F5; padding: 15px 20px; font-size:15px; color:#666; }
.comm_complete .order_detail .inform table tbody tr td { padding: 15px 20px; font-size:15px; color:#666; }
.comm_complete .order_detail .inform .order_table { margin-bottom:40px;}
.comm_complete .order_detail .payment { width:370px; border:1px solid #ee2f26; border-radius: 10px; margin-top:30px; padding: 40px 30px 0; box-sizing: border-box;}
.comm_complete .order_detail .payment h2 { margin-bottom:25px;}
.comm_complete .order_detail .payment .pmt_table { width:100%; }
.comm_complete .order_detail .payment .pmt_table tbody tr th { text-align: left; font-size:15px; font-weight: normal; color:#666; padding: 0 0 12px;}
.comm_complete .order_detail .payment .pmt_table tbody tr td { text-align: right; font-size:15px; font-weight: bold; color:#000; padding: 0 0 12px;}
.comm_complete .order_detail .payment .msg { background-color: #FFF6A8; border:1px dashed #ee2f26; border-radius: 5px;padding:8px 0; text-align: center; font-size:13px; color:#000; margin-bottom: 20px;}
.comm_complete .order_detail .payment .msg span { color:#f71700;}
.comm_complete .order_detail .payment .total { border-top: 1px solid #e4e4e4; padding-top:20px;}
.comm_complete .order_detail .payment .total .label { font-size:18px; line-height: 30px; color:#000;}
.comm_complete .order_detail .payment .total .number { float :right; font-family: tahoma,helvetica,sans-serif; font-weight: bold; font-size:30px; color:#f71700; line-height: 30px;}
.comm_complete .order_detail .payment .total .won { display:inline-block; vertical-align: bottom; font-weight: normal; font-size: 20px;}
.comm_complete .btn_main a { display: block; height:60px; background-color: #ee2f26; font-size:21px; line-height: 58px; text-align: center; border-radius: 5px; color:#fff;  font-weight: bold; }
.comm_complete .warning { padding : 30px 80px; background: #808080; border-radius: 10px; box-sizing: border-box; border-top-left-radius: 0; border-top-right-radius: 0; color:#fff;}
.comm_complete .warning h3 { font-size:20px; color: #fff; margin-bottom: 15px;}
.comm_complete .warning ul li { font-size:14px; margin-bottom:5px;}


/* 주문 확인 페이지 */
.comm_confirm { letter-spacing: -1px;}
.comm_confirm .inner { padding: 40px 50px; background: #fff; border:1px solid #e1e1e1; border-radius: 10px; box-sizing: border-box; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0;}
.comm_confirm h2 { font-size:20px; margin-bottom:20px; color:#000;}
.comm_confirm .order_list .item { padding:40px 50px; border:1px solid #e1e1e1; border-radius: 10px; margin-bottom: 20px ;}
.comm_confirm .order_list .item:last-child {margin-bottom: 0;}
.comm_confirm .order_list .item .index { border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 20px;}
.comm_confirm .order_list .item .index span { display: inline-block; line-height: 20px; vertical-align: bottom;}
.comm_confirm .order_list .item .index .ord_date { font-family: tahoma,helvetica,sans-serif; font-size:18px; font-weight: bold; color:#000; margin-right: 10px;}
.comm_confirm .order_list .item .index .ord_num::before { position: absolute; top:3px; left:0; width:1px; height:14px; background-color: #808080; content:"";}
.comm_confirm .order_list .item .index .ord_num { position: relative; font-size:14px; color:#000; padding-left:10px;}
.comm_confirm .order_list .item .index .ord_state { float: right; font-size: 20px; font-weight: bold; color:#000;}
.comm_confirm .order_list .item .index .ord_state.blue { color:#3475d4;}
.comm_confirm .order_list .item .index .ord_state.red { color:#f71700;}
.comm_confirm .order_list .item .prd_inform { display:flex; flex-direction: row; align-items: center; justify-content: start;}
.comm_confirm .order_list .item .prd_inform .thumbnail { position: relative; width:110px; height:110px; margin-right: 20px;}
.comm_confirm .order_list .item .prd_inform .thumbnail img {width:100%; border-radius: 5px; overflow: hidden; }
.comm_confirm .order_list .item .prd_inform .thumbnail .free_delivery { position: absolute; top:0; left:0; background-color: #666; font-size: 12px; color:#fff; padding:3px 4px; border-bottom-right-radius: 5px;}
.comm_confirm .order_list .item .prd_inform .info { position: relative; width:600px;}
.comm_confirm .order_list .item .prd_inform .info .prd_order { font-size: 15px; line-height: 15px; color:#ff1700; margin-bottom: 5px;}
.comm_confirm .order_list .item .prd_inform .info .prd_brand { font-size: 15px; line-height: 15px; color:#808080; margin-bottom: 5px;}
.comm_confirm .order_list .item .prd_inform .info .prd_name { font-size:17px; line-height: 22px; color:#000; margin-bottom: 20px;}
.comm_confirm .order_list .item .prd_inform .info .prd_price { display:inline-block; font-size:20px; font-family: tahoma,helvetica,sans-serif; color:#000; font-weight: bold; vertical-align: middle; line-height:20px;}
.comm_confirm .order_list .item .prd_inform .info .prd_quantity::before { position: absolute; top:3px; left:0; width:1px; height:14px; background-color: #c3c3c3; content:"";}
.comm_confirm .order_list .item .prd_inform .info .prd_quantity { display:inline-block; position: relative; font-size:15px; color:#666; padding-left:10px; font-weight: normal; margin-left:10px; vertical-align: middle; line-height:20px;}
.comm_confirm .order_list .item .prd_inform .info .prd_delivery::before { position: absolute; top:3px; left:0; width:1px; height:14px; background-color: #c3c3c3; content:"";}
.comm_confirm .order_list .item .prd_inform .info .prd_delivery { display:inline-block; position: relative; font-size:15px; color:#666; padding-left:10px; font-weight: normal; margin-left:10px; vertical-align: middle; line-height:20px;}
.comm_confirm .order_list .item .prd_inform .btn { width:140px; height: 45px; border:1px solid #c3c3c3; border-radius: 5px; text-align: center; font-size:16px; line-height: 45px; color:#555; margin-left:auto;}
.comm_confirm .order_list .item .prd_inform .btn a { display: block; height:100%; font-size:16px; line-height: 45px; color:#555;}
.comm_confirm .order_list .item .prd_toggle { width:100%; margin-top: 20px; }
.comm_confirm .order_list .item .prd_toggle a { display:block; height:40px; line-height: 40px; background-color:#fff; border:1px solid #d9d9d9; color:#777; font-size:16px; text-align: center; border-radius: 10px;}
.comm_confirm .order_list .item .prd_toggle a img { display:inline-block; vertical-align: middle; margin-left: 5px;}
.comm_confirm .order_list .item .prd_group .prd_inform { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e4e4e4;}
.comm_confirm .order_list .item .prd_group .prd_inform:last-child { margin-bottom: 0; padding-bottom:0; border-bottom: 0;}
.comm_confirm .order_list .item .prd_group .prd_inform .info { width: 750px;}
.comm_confirm .order_list .item .redmsg { background-color: #feeeee; border:1px solid #facaca; border-radius: 5px; color:#ee2f26; font-size:14px; line-height: 18px; padding:7px 0; text-align: center; margin-top:20px;}
.comm_confirm .order_list .btn_more { display:block; width:100%; height: 50px; border: 1px solid #e1e1e1; background-color: #fff; border-radius: 5px; font-size: 20px; cursor: pointer;}
.comm_confirm .order_list .btn_more img {display: inline-block; vertical-align: middle; margin-left: 15px;}
.comm_confirm .warning { padding : 30px 80px; background: #808080; border-radius: 10px; box-sizing: border-box; border-top-left-radius: 0; border-top-right-radius: 0; color:#fff;}
.comm_confirm .warning h3 { font-size:20px; color: #fff; margin-bottom: 15px;}
.comm_confirm .warning ul li { font-size:14px; margin-bottom:5px;}


/* 장바구니 페이지 */
.comm_cart { position: relative; letter-spacing: -1px; min-height: 700px; padding-bottom:80px; box-sizing: border-box;}
.comm_cart_item { width:710px; background: #fff; border:1px solid #e1e1e1; border-radius: 10px; box-sizing: border-box; overflow: hidden;}
.comm_cart_item h2 { font-size:20px; line-height: 20px; color:#000; padding:40px 30px 20px; margin-bottom: 0;}
.comm_cart_item h2 span { color:#ff1700;}
.comm_cart_item .check_all { position:relative; padding: 0 20px 10px; border-bottom:1px solid #E4E4E4;}
.comm_cart_item .check_all .del { position: absolute; right: 20px; top:0; font-size:15px; color: #555; z-index: 1; cursor: pointer;}
.comm_cart_item .btn_check { display:inline-block; position: relative; padding-left: 30px; font-size: 15px; color:#000; cursor: pointer;}
.comm_cart_item .btn_check .count { color:#ff1700;}
.comm_cart_item .btn_check input{ position: absolute; opacity: 0; cursor: pointer;  height: 0; width: 0; }
.comm_cart_item .btn_check .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border:1px solid #777; box-sizing: border-box;}
.comm_cart_item .btn_check input:checked ~ .checkmark { background: #777 url(//im.mootoon.co.kr/web/images/commerce/ico_comm_check_w.png) no-repeat center; }
.comm_cart_item .item_list .prdbox { position: relative; display:flex; flex-direction: row; justify-content: space-between; align-items: center; padding:20px 30px 20px 20px; border-bottom:1px solid #e4e4e4;}
.comm_cart_item .item_list .prdbox .check { flex: 1 0 30px; align-self: flex-start;}
.comm_cart_item .item_list .prdbox .btn_check { display:block;}
.comm_cart_item .item_list .prdbox .thumbnail { flex: 1 0 110px; position: relative; width:110px; height:110px; align-self: flex-start; }
.comm_cart_item .item_list .prdbox .thumbnail img {width:100%; border-radius: 5px; overflow: hidden; }
.comm_cart_item .item_list .prdbox .thumbnail .coin { position: absolute; top:0; left:0; background: #666 url(//im.mootoon.co.kr/web/images/commerce/badge_comm_coin3.png) no-repeat 5px center; font-size: 12px; font-weight: bold; color:#fff; padding:3px 5px 3px 22px;}
.comm_cart_item .item_list .prdbox .info { flex: 0 1 auto; position: relative; padding-left: 20px; padding-right: 20px;}
.comm_cart_item .item_list .prdbox .info .prd_brand { font-size: 14px; line-height: 14px; color:#555; margin-bottom: 5px;}
.comm_cart_item .item_list .prdbox .info .prd_name { display:-webkit-box; font-size:18px; line-height: 22px; color:#000; font-weight: bold; margin-bottom: 10px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.comm_cart_item .item_list .prdbox .info .prd_sale { display:inline-block; line-height: 18px; margin-right: 20px;}
.comm_cart_item .item_list .prdbox .info .prd_sale .sale_price { display:inline-block; font-family: tahoma,helvetica,sans-serif; font-weight: bold; font-size:20px; color:#000; vertical-align: middle;}
.comm_cart_item .item_list .prdbox .info .prd_sale .won { display:inline-block; font-size:18px; color:#000; vertical-align: bottom; font-weight: bold;}
.comm_cart_item .item_list .prdbox .ui_quantity { display: inline-block; border:1px solid #dde0e3; vertical-align: middle; font-size:0;}
.comm_cart_item .item_list .prdbox .ui_quantity button { display: inline-block; width:35px; height:35px; background: #F1F2F4 no-repeat center; vertical-align: middle; cursor: pointer;}
.comm_cart_item .item_list .prdbox .ui_quantity button:disabled { cursor :auto;}
.comm_cart_item .item_list .prdbox .ui_quantity button.minus { background-image: url(//im.mootoon.co.kr/web/images/commerce/ico_ui_quantity_minus.png);}
.comm_cart_item .item_list .prdbox .ui_quantity button.plus { background-image: url(//im.mootoon.co.kr/web/images/commerce/ico_ui_quantity_plus.png);}
.comm_cart_item .item_list .prdbox .ui_quantity button.minus.min { background-image: url(//im.mootoon.co.kr/web/images/commerce/ico_ui_quantity_minus_min.png);}
.comm_cart_item .item_list .prdbox .ui_quantity button.plus.max { background-image: url(//im.mootoon.co.kr/web/images/commerce/ico_ui_quantity_plus_max.png);}
.comm_cart_item .item_list .prdbox .ui_quantity input { display:inline-block; width:45px; height:auto; border:0; border-radius: 0; line-height: 35px; text-align: center; vertical-align: middle; font-family: tahoma,helvetica,sans-serif; font-size:14px; }
.comm_cart_item .item_list .prdbox .info2 { flex: 1 0 190px; border-left: 1px solid #e4e4e4; padding: 10px 0 10px 30px; font-size:15px; color:#000;}
.comm_cart_item .item_list .prdbox .info2 .total { font-weight: bold;}
.comm_cart_item .item_list .prdbox .info2 p { position: relative; line-height: 15px; margin-bottom:10px; text-align: right;}
.comm_cart_item .item_list .prdbox .info2 .tit { position: absolute; left:0;}
.comm_cart_item .item_list .prdbox .info2 .btn_wrap { margin-top: 15px; font-size: 0;}
.comm_cart_item .item_list .prdbox .info2 .btn_wrap a { display:inline-block; width:90px; height:30px; line-height: 28px; font-size: 14px; text-align: center; box-sizing: border-box;}
.comm_cart_item .item_list .prdbox .info2 .btn_wrap .btn_order { color:#f71700; border:1px solid #f71700; margin-right: 10px;}
.comm_cart_item .item_list .prdbox .info2 .btn_wrap .btn_del { color:#999; border:1px solid #999;}
.comm_cart_item .gdelivery { height:40px; line-height:40px; background-color:#2d2d2d; font-size:15px; color:#fff; text-align: center;}
.comm_cart .btn_more { width:710px; text-align: right;}
.comm_cart .btn_more a { display: inline-block; height:100%; font-size:15px; color:#000; line-height: 50px;}
.comm_cart .btn_more a span { background:url(//im.mootoon.co.kr/web/images/commerce/ico_comm_arrow2.png) no-repeat right center; padding-right:18px;}
.comm_cart .comm_payment { position:absolute; top:0; right:0; }
.comm_cart .comm_payment .msg { background-color: #FFF6A8; border: 1px dashed #ee2f26; border-radius: 5px; padding: 8px 0; text-align: center; font-size: 13px; color: #000; margin-top: 15px; }
.comm_cart .comm_payment .msg span { color:#f71700;}

.comm_cart_empty { text-align: center; letter-spacing: -1px; min-height: 700px;}
.comm_cart_empty h2 { padding-top: 160px; margin-bottom:10px;}
.comm_cart_empty p { font-size:18px; color:#000; margin-bottom:30px;}
.comm_cart_empty .btn { display: block; width:240px; height:60px; margin:0 auto; background-color: #ee2f26; font-size:21px; line-height: 58px; text-align: center; border-radius: 5px; color:#fff;  font-weight: bold;}