@charset "utf-8";

@import url('prd-color.css');
@import url('content.css');

/* common */
#container {padding-top:10px; min-height:800px; font-size: 16px; transition: all .25s ease; padding-bottom: 140px;}

/* 제품 목록 리스트 타이틀 영역 */
.Prd_title_wrap { position: relative; display: flex; align-items: center; width: 100%; max-width: 1240px; height: 60px; border-bottom: 3px solid transparent; margin: 0 auto; margin-top:30px;}
.Prd_title_wrap::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #015eea, #ff0076, #fa8700); z-index: 1;}

.Prd_title_wrap .Prd_title {position:relative; font-size: 28px; font-weight: 600; color: #000; padding-right: 20px; margin-right: 20px;}
.Prd_title_wrap .Prd_title::after {content: ''; position: absolute; right: 0; width: 1px; height: 18px; background: #c8c8c8; top: 50%; transform: translateY(-50%);}
.Prd_title_wrap .Prd_title.Noafter::after {display: none;}

.Prd_title_wrap .result {font-size: 15px; font-weight:400; font-family: '';}
.Prd_title_wrap .result em {color: #008aff; font-weight:bold;}

.Prd_title_wrap .addtext {position: absolute; right: 0px; font-size: 14px; font-weight:400; font-family: '';}
.Prd_title_wrap .addtext em {color: #ff8800; font-weight:bold;}

.Prd_title_wrap .drop_list {position: absolute; right: 0; width: 140px; height: auto; font-size: 15px;}
.Prd_title_wrap .drop_list .select-box { padding: 8px 40px 8px 10px; background:#FFF url('/home/homepage/images/product/icon/arrow_selectA.png') no-repeat 90% center; cursor: pointer; text-align: right; font-weight: 600;}
.Prd_title_wrap .drop_list .options-list {
    display: none;
    position: absolute;
    width: 100%;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    z-index: 10;
    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.Prd_title_wrap .drop_list .option-item { padding: 10px 20px; font-size: 15px; color: #333; font-size: 13px; font-family: ''; font-weight: 700; cursor: pointer;}
.Prd_title_wrap .drop_list .option-item:hover {background-color: #f0f0f0;}


/* 제품 목록 더보기 */
.Prd_btn_box { max-width: 1240px; text-align: center; margin: 0 auto; margin-top: 60px;}
.Prd_btn_box .Prd_more { padding: 0 16px; width: 180px; height: 50px; border: 1px solid #000; border-radius: 25px;}
.Prd_btn_box .Prd_more::after {
    content: "";
    margin-left: 9px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url('/home/homepage/images/product/icon/arrow_prd_more.png') center center no-repeat;
}


/* 제품 Wrap */
#Prd_Wrap {position: relative; width: 100%; height: auto; min-height: 800px; padding: 60px 0 0 0;}
#Prd_Wrap.pdTopNo {padding-top: 0 !important;}
.Prd_Content {position: relative; width: 100%; height: auto;}


/* 제품 타이틀 */
.Prd_cont_title {
    position:relative;
    font-size: 38px;
    font-family: 'NanumSquare';
    font-weight: 900;
    line-height: 80px;
    text-align: center;
    width: max-content;
    margin: 0 auto;
    margin-bottom: 50px;
    color: #000;
    letter-spacing: -1.2px;
}
.Prd_cont_title::after {position:absolute; content:""; bottom:0; left:0; display:block; width:100%; bottom:14px; height:2px; background: #333;}
.Prd_cont_title.no-after::after {content: none;}


/* ################################################## 제품 목록 리스트 TYPE 01 ################################################## */

.product_list {position: relative; z-index: 0; margin: 0 auto; max-width: 1240px; min-height: 700px;}
.List_Wrap {position: relative; display: flex; flex-wrap: wrap; margin: -15px;}
.List_Wrap > li {width: 33.333%; height: inherit; padding: 15px; text-align: center; transition: all .25s ease;}
.List_Wrap > li .item-inner {position: relative; height: 100%; min-height: 600px; padding: 20px 9.756% 34px; background: #F7F7F7; border-radius: 20px;}

/* 제품 형식 and 장바구니아이콘버튼 */
.List_Wrap > li .item-inner .card-flag {
    position:absolute ;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    height: 30px;
    font-size: 0;
    left: 50%; 
    transform: translateX(-50%);
}
.List_Wrap > li .item-inner .card-flag .flag-group { display: flex; align-items: center; flex-wrap: wrap; width: 70%;}
.List_Wrap > li .item-inner .card-flag .flag-group span { font-size: 14px; color: #0080ff; font-family: ''; font-weight: 700; padding-right: 10px;}
.List_Wrap > li .item-inner .card-flag .cartA {width: 20px; height: 20px; background: url('/home/homepage/images/product/icon/cartA.png') no-repeat center center;}

/* 제품 이미지 */
.List_Wrap > li .item-inner .card-img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    height:auto ;
    margin-top: 20px;
    margin-bottom: 10px;
    aspect-ratio: 1 / 1;
}

/* 사이즈 옵션 */
.List_Wrap > li .item-inner .card-opt {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    font-size: 14px;
    margin-bottom: 10px;
}
.List_Wrap > li .item-inner .card-opt .option_box {display:block; flex-wrap: wrap; justify-content: space-between; width: 88%; height:auto;}
.List_Wrap > li .item-inner .card-opt .option_box ul.swiper-wrapper {
    display: flex;
    white-space: unset;
    justify-content: flex-start;
}
.List_Wrap > li .item-inner .card-opt .option_box .item {
    position: relative;
    display: flex;
    align-items:center;
    width: auto;
    height: 32px;
    border: 1px solid #d9d9d9;
    border-radius: 20px;
    margin: 0 2px;
    font-family: '';
    font-weight: bold;
    font-size: 12px;
}
.List_Wrap > li .item-inner .card-opt .option_box .item.active {border: 1px solid #00a2ff; color: #000;}
.List_Wrap > li .item-inner .card-opt .option_box .item span {width: 100%; height: 32px; display: block; padding: 0 10px; line-height: 32px;}
.List_Wrap > li .item-inner .card-opt .option_box .item:last-child{border-right:0;}

/* 사이즈 옵션 이전보기 다음보기 */
.List_Wrap > li .item-inner .card-opt .swiper-button-next {width:14px;  background:url('/home/homepage/images/product/icon/slick_next.png')no-repeat center center;}
.List_Wrap > li .item-inner .card-opt .swiper-button-next:after {font-size:0; }
.List_Wrap > li .item-inner .card-opt .swiper-button-prev {width:14px; background:url('/home/homepage/images/product/icon/slick_prev.png')no-repeat center center;}
.List_Wrap > li .item-inner .card-opt .swiper-button-prev:after {font-size:0;}

.List_Wrap > li .item-inner .card-opt .swiper-button-prev{position:absolute; top:50%; left:0%; z-index:10; text-align:center;}
.List_Wrap > li .item-inner .card-opt .swiper-button-next{position:absolute; top:50%; right:0%; z-index:10; text-align:center;}
.List_Wrap > li .item-inner .card-opt .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display:block !important;}


/* 제품명 가격 포인트 박스 */
.List_Wrap > li .item-inner .card-detail {width: 100%; height: 98px;}
/* 제품명 */
.List_Wrap > li .item-inner .card-detail .prd-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    width: 100%;
    height: 62px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.35;
    color: #000;
    letter-spacing: 0;
    word-break: keep-all;
    font-family: 'Samsung Sharp Sans';
}
.List_Wrap > li .item-inner .card-detail .prd-num {
    display: block;
    padding-top: 2px;
    line-height: 1.3;
    font-size: 13px;
    color: #707070;
    letter-spacing: 0;
    font-family: 'Samsung Sharp Sans';
}
/* 제품가격 회원가 포인트 */
.List_Wrap>li .item-inner .card-price {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding-top: 10px;
    border-top: 1px solid #EEE;
}
.List_Wrap>li .item-inner .card-price .list-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    height: 20px;
    font-size: 15px;
    font-family: '';
    color: #707070;

}
.List_Wrap>li .item-inner .card-price .list-price span {display: block;}
.List_Wrap>li .item-inner .card-price .list-price em {display: block;}
.List_Wrap>li .item-inner .card-price .price-detail {     
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    height: 50px;
    font-size: 15px;
    font-family: '';
    color: #707070;
}
.List_Wrap>li .item-inner .card-price .price-detail .coupon {display: block; font-size: 15px;}
.List_Wrap>li .item-inner .card-price .price-detail .pic {width: auto; display: flex;}
.List_Wrap>li .item-inner .card-price .price-detail .pic em {
        display: block;
        font-family: "Samsung Sharp Sans";
        line-height: 1.4;
        font-weight: bold;
        font-size: 24px;
        letter-spacing: 0;
        color: #000;
    }
.List_Wrap>li .item-inner .card-price .price-detail .pic .unit {
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
    margin-bottom: 0;
    margin: 7px 0 0 2px;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0;
    color: #000;
}
.List_Wrap>li .item-inner .card-price .point-detail {width: auto; height: 24px; margin: 0 auto; display: flex; align-items: center; font-family: ''; font-size: 14px;}
.List_Wrap>li .item-inner .card-price .point-detail .expect {display: inline-block; line-height: 1.3; color: #000; letter-spacing: 0;}
.List_Wrap>li .item-inner .card-price .point-detail .point {
    display: inline-block;
    margin-left: 9px;
    line-height: 1.32em;
    font-weight: bold;
    color: #0080ff;
    letter-spacing: 0;
}
/* 버튼 구매하기 and 자세히보기 */
.List_Wrap>li .item-inner .card-btn {width: 100%; height: 60px; margin-top: 20px;}
.List_Wrap>li .item-inner .card-btn .btnCardA {
    width: 100%;
    min-width: 96px;
    height: 40px;
    line-height: 38px;
    font-size: 15px;
    border-radius: 20px;
    color: #FFF;
    background: #181b1c;
    transition: all .25s ease;
}
.List_Wrap>li .item-inner .card-btn .btnCardA:hover {background: #0080ff; transition: all .25s ease;}
.List_Wrap>li .item-inner .card-btn .btnCardB {
    width: 100%;
    min-width: 96px;
    height: 40px;
    line-height: 38px;
    font-size: 15px;
    border-radius: 20px;
    color: #000;
    background: #FFF;
    border: 1px solid #666;
    transition: all .25s ease;
}
.List_Wrap>li .item-inner .card-btn .btnCardB:hover {background: #181b1c; border: 1px solid #666; color: #FFF; transition: all .25s ease;}










/* ################################################## 제품 상세보기 ################################################## */

/* 제품 경로 */
.Prd_location { width: 100%; max-width: 1240px; height: 50px; margin: 0 auto;}
.Prd_location .location {display: flex; align-items: center; width: 100%; height: 100%;}
.Prd_location .location span {position:relative; display:inline-block; line-height: 50px; font-size:13px; color:#999; margin-right:35px; font-family:'';}
.Prd_location .location span:last-child {font-weight:700;}
.Prd_location .location span::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 9px;
    background: url('/home/homepage/images/product/icon/arrow_location.png') no-repeat;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}
.Prd_location .location span:last-child::after{display: none;}


/* 제품 구매 사진보기 슬라이더 */
.slick-slider {
    position: relative; 
	display: block; 
	box-sizing: border-box;
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y; 
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
 }
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-slide{display: none; float: left;}
.slick-initialized .slick-slide{display:block;}


/* 제품 구매 사진보기 및 옵션 선택 Wrap ********************* */
.itm_buy_wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1240px;
    height: auto;
    min-height: 700px;
    margin: 0 auto;
    margin-bottom: 110px;
}
/* 제품 사진 */
.itm_buy_wrap .itm_picture { width: 59.53125%; height: 700px;}
/* 제품 사진보기 큰 이미지 */
.itm_buy_wrap .itm_picture .view_image_box {
    width: 100%;
    max-width: 762px;
    height: 582px;
    border: 1px solid #EEE;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.itm_buy_wrap .itm_picture .view_image_box .image-slide { display: flex; transition: all 0.25s ease;}
.itm_buy_wrap .itm_picture .view_image_box .image-slide > div {position: relative; flex: 0 0 100%; text-align: center;}
/* .itm_buy_wrap .itm_picture .view_image_box .image-slide > div .slick-slide { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;} */
.itm_buy_wrap .itm_picture .view_image_box .image-slide img { width: 100%; max-width: 100%; height: 100%; object-fit: cover;}


/* 제품 사진보기 작은 이미지 */
.Prd_NaviWrap {
    width: 540px;
    height: 72px;
    margin: 20px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Prd_NaviWrap .prd_NaviBox { width: 100%; height: 72px; overflow: hidden; margin: 0 10px;}
.Prd_NaviWrap .prd_NaviBox .prd_Navi { display: flex; list-style: none; padding: 0; margin: 0;}
.Prd_NaviWrap .prd_NaviBox .prd_Navi li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-right: 6px;
    margin-left: 6px;
    border: 1px solid #EEE;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
}
.Prd_NaviWrap .prd_NaviBox .prd_Navi li img { width: 100%; height: auto; max-width: 100%; /* object-fit: cover; */}
.Prd_NaviWrap .prd_NaviBox .prd_Navi li.selected { border: 1px solid #06a4ff;}
.Prd_NaviWrap .prd_NaviBox .prd_Navi .slick-list{ width: 100%;}
.Prd_NaviWrap .Prve { width: 24px; height: 72px; border: none; background: none; cursor: pointer; outline: none; font-size: 0; background: url('/home/homepage/images/product/icon/slick_prev.png') no-repeat center center;}
.Prd_NaviWrap .Next { width: 24px; height: 72px; border: none; background: none; cursor: pointer; outline: none; font-size: 0; background: url('/home/homepage/images/product/icon/slick_next.png') no-repeat center center;}
.Prd_NaviWrap .slick-arrow.slick-prev {top: 0; width: 0px; height: 0px; font-size: 0; }
.Prd_NaviWrap .slick-arrow.slick-next { bottom: 0; width: 0px; height: 0px; font-size: 0;}



/* 제품 구매 */
.itm_buy_wrap .itm_buyBox {
    position: relative;
    width: 37.5%;
    height: 100%;
    min-height: 700px;
    padding: 3.5%;
    border-radius: 20px;
    border: 1px solid #EEE;
}

.itm_buyBox .itm_info_head {width: 100%; height:auto; margin-bottom: 14px;}
.itm_buyBox .itm_info_head h2 {font-size: 28px; font-weight:600; font-family: 'Samsung Sharp Sans'; color: #000; line-height: 1.3;}
.itm_buyBox .itm_info_head .b2b_prd_num { margin-top: 6px; line-height: 1.3; font-size: 13px; color: #707070; letter-spacing: 0; font-family: 'Samsung Sharp Sans';}
.itm_buyBox .itm_info_package {width: 100%; height: 70px;}
.itm_buyBox .itm_info_package .package {
    width: 100%;
    height: 50px;
    font-family: inherit;
    font-weight: 600;
    background: url('/home/homepage/images/product/icon/arrow_selectA.png') no-repeat 95% 50%;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 0 0 0 20px;
    cursor: pointer
}
.itm_buyBox .itm_price {width: 100%; margin: 5px 0 20px 0;}
.itm_buyBox .itm_price dl {display: flex; align-items: center; font-size: 15px; font-family: ''; color: #707070; padding: 6px 0;}
.itm_buyBox .itm_price dl > dt {width: 50%;}
.itm_buyBox .itm_price dl > dd {width: 50%; text-align: right;}
.itm_buyBox .itm_price dl > dd em {display: inline-block; margin-left: 4px;}


/* 옵션 전체박스 */
.itm_OptionBox {width: 100%; min-height: 140px; padding: 24px; border-radius: 10px; margin-bottom: 20px; background: #f5f5f5;}
/* 컬러옵션 */
.itm_OptionBox .colorGroup {width:100%; display:flex; flex-direction:column; margin-bottom: 30px;}
.itm_OptionBox .colorGroup dt {position: relative; width: 100%; color: #000; height: 22px; font-family: '';}
.itm_OptionBox .colorGroup dt span:first-of-type {margin-right:12px; font-size: 15px; font-weight: bold;}
.itm_OptionBox .colorGroup dt span.selectedOption {font-weight:normal; font-size: 14px;}

.itm_OptionBox .colorGroup dd {width:100%; margin-left:0; padding-top: 10px;}
.itm_OptionBox .colorGroup dd ul.itmColorList {display: flex; align-items: center; flex-wrap: wrap; margin-top: 4px;}
.itm_OptionBox .colorGroup dd ul > li {position: relative; margin-right:14px; padding-left:4px;}
.itm_OptionBox .colorGroup dd ul > li label span {display: block; width: 100%; height: 100%; border-radius: 100%;}
.itm_OptionBox .colorGroup dd ul > li input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.itm_OptionBox .colorGroup dd ul > li input[type="radio"]+label {
    display: inline-block;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 2px;
    font-size: 0;
    cursor: pointer;
    border-radius: 100%;
}
.itm_OptionBox .colorGroup dd ul > li input[type="radio"]+label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 100%;
}
.itm_OptionBox .colorGroup dd ul > li input[type="radio"]+label:after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    width: 32px;
    height: 32px;
    border: 1px solid #DDD;
    border-radius: 100%;
}
.itm_OptionBox .colorGroup dd ul > li input[type="radio"]:checked+label:before { border: inherit;}
.itm_OptionBox .colorGroup dd ul > li input[type="radio"]:checked+label:after {border: 1px solid #06a4ff;}

/* 사이즈 - 용량 - 옵션 */
.itm_OptionBox .Genoptions {width:100%; display:flex; flex-direction:column; margin-bottom: 20px;}
.itm_OptionBox .Genoptions dt {position: relative; width: 100%; color: #000; height: 22px; font-family: '';}
.itm_OptionBox .Genoptions dt span:first-of-type {margin-right:12px; font-size: 15px; font-weight: bold;}
.itm_OptionBox .Genoptions dd {width: 100%;}
.itm_OptionBox .Genoptions dd ul.itmBasicList {display:flex; flex-wrap: wrap; margin-top: 6px;}
.itm_OptionBox .Genoptions dd ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width:calc(50% - 5px); 
    margin:0 0 10px 10px !important;
}
.itm_OptionBox .Genoptions dd ul > li:nth-of-type(2n+1) {margin-left:0 !important;}
.itm_OptionBox .Genoptions dd ul > li label {width: 100%; font-size: 13px; font-family: '';}
.itm_OptionBox .Genoptions dd ul > li label span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding:8px 0px;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    background-color: #fff;
    color: #707070;
    font-weight: normal;
    cursor: pointer;
}
.itm_OptionBox .Genoptions dd ul > li input[type="radio"]:checked + label > span {border:1px solid #06a4ff; background-color:#fff; color:#000; font-weight:bold;}


/* 수량 */
.itm_OptionBox .Quantity {width:100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.itm_OptionBox .Quantity dt {position: relative; width: 100%; color: #000; height: 22px; font-family: '';}
.itm_OptionBox .Quantity dt span:first-of-type {margin-right:12px; font-size: 15px; font-weight: bold;}
.itm_OptionBox .Quantity dl .QuantityBox {display: flex; align-items: center; justify-content: center; border: 1px solid #bbb; border-radius: 6px; overflow: hidden;}
.itm_OptionBox .Quantity dl .QuantityBox .count {display: inline-block; width: 32px; height: 28px; font-size: 0;}
.itm_OptionBox .Quantity dl .QuantityBox .count_miner { background: #FFF url('/home/homepage/images/product/icon/icon_miner.png') no-repeat center center;}
.itm_OptionBox .Quantity dl .QuantityBox .count_plus { background: #FFF url('/home/homepage/images/product/icon/icon_plus.png') no-repeat center center;}
.itm_OptionBox .Quantity dl .QuantityBox label { width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); border: 0; overflow: hidden;}
.itm_OptionBox .Quantity dl .QuantityBox .number {
    width: 40px;
    height: 28px;
    font-family: '';
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-indent: 1px;
    border: 0;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-radius: 0;
}


/* 추가상품 선택 */
.Addition_Wrap { width: 100%; height: auto; margin-bottom: 10px;}
.Addition_Wrap .title {width: 100%; margin-right: 12px; font-size: 15px; font-family: ''; font-weight: bold; line-height: 24px; margin-bottom:10px;}
.Addition_Wrap .title span {display: block; width: 100%;}
.Addition_Wrap .menuBox {width: 100%; padding-bottom: 14px; font-family: ''; font-size: 15px;}
.Addition_Wrap .menuBox .chooseBtn { 
    position: relative;
    font-size: 14px;
    text-align: left;
    width: 100%;
    padding-left: 16px;
    padding-right: 50px;
    border-radius: 10px;
    line-height: 44px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #f7f7f7;  
    border: 1px solid #f7f7f7;
    color: #999;
    overflow: hidden;
}
.Addition_Wrap .menuBox.active .chooseBtn {
    border: 1px solid #D9D9D9;
    border-bottom: 0;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #fff;
}
.Addition_Wrap .menuBox.active .chooseBtn:before { background: url('/home/homepage/images/product/icon/arrow_selectA_up.png') no-repeat 95% 50%;}
.Addition_Wrap .menuBox .chooseBtn:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 15px;
    width: 16px;
    height: 16px; 
    background: url('/home/homepage/images/product/icon/arrow_selectA.png') no-repeat 95% 50%;
}
.Addition_Wrap .menuBox .choosetype { position: unset; width: 100%; top: 44px; overflow-y: auto; border-radius: 0 0 10px 10px; border: 1px solid #D9D9D9; background: #f9f9f9;}
.Addition_Wrap .menuBox .choosetype input[type="radio"]{display: block; height: 0; width: 0; position: absolute; opacity: 0;}
.Addition_Wrap .menuBox .choosetype .clicked { pointer-events: none;  opacity: 0.5; }
.Addition_Wrap .choosetype li .itemWrap { display: flex; align-items: center; width:100%; min-height:80px ; padding: 16px 15px; border-bottom:1px dotted #DDD;}
.Addition_Wrap .choosetype li:last-child .itemWrap {border-bottom:none;}
.Addition_Wrap .choosetype li .itemWrap .imgbox { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;}
.Addition_Wrap .choosetype li .itemWrap .imgbox img { width: 100%; max-width: 100%;}
.Addition_Wrap .choosetype li .itemWrap .info { position: relative; width: calc(100% - 40px); min-height:60px; padding:10px 15px;}
.Addition_Wrap .choosetype li .itemWrap .info .chooName {display: block; font-size: 14px; font-weight: bold; margin-bottom: 6px; color: #000;}
.Addition_Wrap .choosetype li .itemWrap .info .model {font-size: 13px; color: #666;}
.Addition_Wrap .choosetype li .itemWrap .info .price {position: absolute; right: 2px; bottom: 14px; font-size: 13px; color: #000;}

/* 선택된 추가상품 */
.Addition_Wrap .ListAddBox {width: 100%; font-family: ''; font-size: 15px;}
.Addition_Wrap .ListAddBox ul li {position: relative; width: 100%; border-radius: 10px; margin-bottom: 10px;} 
.Addition_Wrap .ListAddBox ul li .itemAddBox {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 120px;
    border: 1px solid #d9d9d9;
    padding: 15px 15px;
    border-radius: 10px;
    background: #fff;
}
.Addition_Wrap .ListAddBox ul li .itemAddBox .imgbox {display: flex; align-items: center; justify-content: center; width: 48px; height: 48px;}
.Addition_Wrap .ListAddBox ul li .itemAddBox .imgbox img { width: 100%; max-width: 100%;}
.Addition_Wrap .ListAddBox ul li .itemAddBox .info{ position: relative; width: calc(100% - 40px); min-height:60px; padding:10px 15px;}
.Addition_Wrap .ListAddBox ul li .itemAddBox .info .chooName {display: block; font-size: 14px; font-weight: bold; margin-bottom: 6px; color: #000;}
.Addition_Wrap .ListAddBox ul li .itemAddBox .info .model {font-size: 13px; color: #666;}
.Addition_Wrap .ListAddBox ul li .itemAddBox .info .price {position: absolute; right: 2px; bottom: 14px; font-size: 13px; color: #000;}
.Addition_Wrap .ListAddBox ul li .itemAddBox .delete {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 10px;
    background: url('/home/homepage/images/product/icon/delete2.png')no-repeat center;
    font-size: 0px;
    background-size: cover;
}
/* 선택된 추가상품 - 추가상품 수량 */
.Addition_Wrap .ListAddBox ul li .itemAddBox .Add_QuantityBox {
    display: flex;
    align-items: center;
    justify-content: center;
    width:100px;
    border: 1px solid #bbb;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 5px;
}
.Addition_Wrap .ListAddBox ul li .itemAddBox .Add_QuantityBox .Add_count {display: inline-block; width: 32px; height: 28px; font-size: 0;}
.Addition_Wrap .ListAddBox ul li .itemAddBox .Add_QuantityBox .Add_count_miner { background: #FFF url('/home/homepage/images/product/icon/icon_miner.png') no-repeat center center;}
.Addition_Wrap .ListAddBox ul li .itemAddBox .Add_QuantityBox .Add_count_plus { background: #FFF url('/home/homepage/images/product/icon/icon_plus.png') no-repeat center center;}
.Addition_Wrap .ListAddBox ul li .itemAddBox .Add_QuantityBox label { width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); border: 0; overflow: hidden;}
.Addition_Wrap .ListAddBox ul li .itemAddBox .Add_QuantityBox .number {
    width: 40px;
    height: 28px;
    font-family: '';
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-indent: 1px;
    border: 0;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-radius: 0;
}


/* 플러스 G포인트 */
.Point_Wrap {width: 100%; height:auto; margin-bottom: 20px;}
.Point_Wrap .title {width: 100%; margin-right: 12px; font-size: 15px; font-family: ''; font-weight: bold; line-height: 24px;}
.Point_Wrap .title span {display: block; width: 100%;}
.Point_Wrap .title span.add {display: block; width: 100%; font-size: 14px; font-weight: 300; color: #666;}
.Point_Wrap .pointBox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    font-size: 18px;
    font-weight: bold;
    color: #2189ff;
    font-family: 'Samsung Sharp Sans'; 
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    margin-top: 14px;
}
.Point_Wrap .pointBox em {padding-left: 4px; color: #000;}


/* 전체가격 구매 장바구니 */
.itm_TotalBox {width: 100%;}
.itm_TotalBox .stPrice { width: 100%; display: flex; align-items: center; justify-content: space-between; font-family: ''; font-size: 15px; margin-bottom: 10px;}
.itm_TotalBox .stPrice .price {text-decoration: line-through;text-decoration-color: #666; color: #000;}
.itm_TotalBox .stPrice .price em {display: inline-block; padding-left: 4px; text-decoration: none; color: inherit;}

.itm_TotalBox .TotalPrice {width:100%; display:flex; align-items:center; justify-content:space-between; padding-bottom: 20px; border-bottom: 1px solid #DDD; margin-bottom: 24px;}
.itm_TotalBox .TotalPrice .title {font-size: 18px; font-family:''; font-weight: bold; color: #2189FF;}
.itm_TotalBox .TotalPrice .price {font-size: 28px; font-family: 'Samsung Sharp Sans'; color: #2189FF; font-weight: 600;}
.itm_TotalBox .TotalPrice .price em {display: inline-block; color: #000; font-size: 15px; padding-left: 4px; line-height: 1; vertical-align: middle;}

.itm_TotalBox .BtnBox {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.itm_TotalBox .BtnBox .BtnA {width:49%; height: 50px; border:2px solid #202425; background: #FFF; border-radius: 30px; font-weight: 600;}
.itm_TotalBox .BtnBox .BtnB {width:49%; height: 50px; border:2px solid #202425; background: #202425; color: #FFF; border-radius: 30px; font-weight: 600;}

/* 구매상담하기 버튼 */
.itm_buyBox .ReCon_btn {width: 100%; height: 50px; margin-top: 20px;}
.itm_buyBox .ReCon_btn .btnReCon {
    width: 100%;
    height: 50px;
    line-height: 38px;
    font-size: 16px;
    border-radius: 25px;
    color: #FFF;
    font-weight: 600;
    background: #202425;
    transition: all .25s ease;
}
.itm_buyBox .ReCon_btn .btnReCon:hover {background: #0080ff; transition: all .25s ease;}


/* 제품 상세보기 컨퍼넌트 */
.Component_bar {width: 100%; height:80px;  background: #202425; z-index: 100; transition: top 0.3s; color: #FFF;}
.Component_bar.fixed { position: fixed; top: 0; left: 0; margin-top: 0; transition: top 0.3s;}
.Component_bar .Component_box {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; max-width: 1240px; margin: 0 auto;}
.Component_bar .Component_box .item_title {width: 75%; overflow: hidden; font-size: 20px; font-family: 'Samsung Sharp Sans'; font-weight: 600;}
.Component_bar .Component_box .item_Menu {width: 25%; text-align: right; font-size: 18px; font-weight: 400;}
.Component_bar .Component_box .item_Menu .itembarMenu {position: relative; display: inline-block; padding:8px 24px 10px 24px; margin: 0 4px; border: 1px solid #FFF; border-radius: 20px; line-height: 1;}
.Component_bar .Component_box .item_Menu .itembarMenu.active { border: 1px solid #00a2ff;}

/*  제품 특장점 스팩 타켓 링크 위치 */
.page_target_Features {display:block; position:absolute; top:-58px;}
.page_target_Spec {display:block; position:absolute; top:-58px;}

/* 특장점 */
.Features_Wrap {width:100%; max-width: 1240px; height: auto; min-height: 700px; margin: 0 auto; padding-bottom: 120px; border-bottom: 2px solid #000; text-align: center;}

/* 스팩 */
.Spec_Wrap {width:100%; max-width: 1240px; height: auto; min-height: 700px; margin: 0 auto; text-align: center;}


/* ########## 구매문의 ########## */
.saquWrap {width: 100%; max-width: 1240px; min-height: 800px; margin: 0 auto;}
.saquWrap .salesequ_ok {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    height: 320px;
    margin: 0 auto;
    margin-top: 20px;
    border: 1px solid #DDD;
    border-radius: 20px;
}
.saquWrap .salesequ_ok .messageBox { text-align: center;}
.saquWrap .salesequ_ok .messageBox img {margin-bottom: 10px;}
.saquWrap .salesequ_ok .messageBox .messageA { font-size: 16px; line-height: 1.6;}
.saquWrap .salesequ_ok .messageBox .messageA span {font-weight: 600;}
.etcText {max-width: 1240px; font-size: 13px; color: #999; font-family: 'Nanum Gothic'; margin: 0 auto;}







/* ********** 미디어쿼리 1240 ********** */	
@media screen and (max-width: 1240px){

    /* ########## 제품 상세보기 ########## */
    /* 제품 경로 */
    .Prd_location { padding: 0 15px;}
    /* 제품 구매 사진보기 및 옵션 선택 Wrap */
    .itm_buy_wrap {padding:0 15px;}

    /* 제품 상세보기 컨퍼넌트 */
    .Component_bar {width: 100%; height:80px;  background: #202425; z-index: 100;}
    .Component_bar .Component_box {padding:0 15px}
    .Component_bar .Component_box .item_title {width: 75%; overflow: hidden; font-size: 20px;}
    .Component_bar .Component_box .item_Menu {width: 25%; font-size: 18px;}
    .Component_bar .Component_box .item_Menu .itembarMenu {padding:8px 24px 10px 24px; margin: 0 4px; border-radius: 20px;}
    /*  제품 특장점 스팩 타켓 링크 위치 */
    .page_target_Features {display:block; position:absolute; top:-58px;}
    .page_target_Spec {display:block; position:absolute; top:-58px;}
    /* 특장점 */
    .Features_Wrap { min-height: 700px; padding-bottom: 120px; padding: 0 15px;}
    /* 스팩 */
    .Spec_Wrap { padding: 0 15px;}

    /* ########## 구매문의 ########## */
    .saquWrap { padding:0 15px}
    .etcText { padding: 0 15px;}

}



/* ********** 미디어쿼리 1024 ********** */	
@media screen and (max-width: 1024px){

    
}


/* ********** 미디어쿼리 768 ********** */	
@media screen and (max-width: 768px){


    /* 제품 목록 리스트 타이틀 영역 */
    .Prd_title_wrap {height: 60px; margin-top:10px; padding: 0 14px;}
    .Prd_title_wrap::after {left: 2%; width: 96%;}
    .Prd_title_wrap .Prd_title {font-size: 24px; padding-right: 16px; margin-right: 16px;}
    .Prd_title_wrap .drop_list {right: 10px;}
    .Prd_title_wrap .addtext {right: 14px;}


    /* 제품 Wrap */
    #Prd_Wrap {padding: 40px 10px 0 10px;}

    /* 제품 타이틀 */
    .Prd_cont_title { font-size: 30px; line-height: 70px;  margin-bottom: 40px;}

    /* ## 제품 목록 리스트 TYPE 01 ## */
    .List_Wrap > li {width: 50%; transition: all .25s ease;}
    .List_Wrap > li .item-inner {padding: 15px 5% 15px;}

    /* ########## 제품 상세보기 ########## */
    /* 제품 경로 */
    .Prd_location { padding: 0 10px;}
    /* 제품 구매 사진보기 및 옵션 선택 Wrap */
    .itm_buy_wrap {display: block; margin-bottom: 110px; padding: 0 10px; }
    /* 제품 사진 */
    .itm_buy_wrap .itm_picture { width: 100%; height: auto; margin-bottom: 60px;}
    /* 제품 사진보기 큰 이미지 */
    .itm_buy_wrap .itm_picture .view_image_box { width: 100%; max-width: 762px; height: 582px; border-radius: 20px;}
    /* 제품 사진보기 작은 이미지 */
    .Prd_NaviWrap { max-width: 540px; height: 72px;}
    .Prd_NaviWrap .prd_NaviBox { width: 100%; height: 72px; margin: 0 10px;}
    .Prd_NaviWrap .prd_NaviBox .prd_Navi li { width: 72px; height: 72px; margin-right: 6px; margin-left: 6px; border-radius: 6px;}
    .Prd_NaviWrap .Prve { width: 24px; height: 72px;}
    .Prd_NaviWrap .Next { width: 24px; height: 72px;}

    /* 제품 구매 */
    .itm_buy_wrap .itm_buyBox {width: 100%; min-height: 600px;}
    .itm_buyBox .itm_info_head h2 {font-size: 24px;}

    /* 제품 상세보기 컨퍼넌트 */
    .Component_bar {height:60px;  background: #202425; z-index: 100;}
    .Component_bar .Component_box {padding:0 10px}
    .Component_bar .Component_box .item_title {width: 60%; overflow: hidden; font-size: 16px;}
    .Component_bar .Component_box .item_Menu {width: 40%; font-size: 15px;}
    .Component_bar .Component_box .item_Menu .itembarMenu {padding:6px 20px 8px 20px; margin: 0 1px; border-radius: 20px;}
    /*  제품 특장점 스팩 타켓 링크 위치 */
    .page_target_Features {display:block; position:absolute; top:-58px;}
    .page_target_Spec {display:block; position:absolute; top:-58px;}
    /* 특장점 */
    .Features_Wrap {padding-bottom: 100px; padding:0;}
    /* 스팩 */
    .Spec_Wrap { padding:0;}

    /* #### 구매문의 #### */
    .saquWrap .salesequ_ok { width: 90%; height: 300px; margin-top: 10px; border-radius: 10px;}
    .saquWrap .salesequ_ok .messageBox .messageA { font-size: 16px;}
    
}




/* ********** 미디어쿼리 500 ********** */	
@media screen and (max-width: 500px){

    /* 제품 목록 리스트 타이틀 영역 */
    .Prd_title_wrap {height: 60px; margin-top:10px; padding: 0 12px;}
    .Prd_title_wrap .Prd_title {font-size: 22px; padding-right: 14px; margin-right: 14px;}

    /* ## 제품 목록 리스트 TYPE 01 ## */
    .List_Wrap > li {width: 100%; transition: all .25s ease;}
    .List_Wrap > li .item-inner {padding: 15px 5% 15px;}


    /* ########## 제품 상세보기 ########## */
    /* 제품 경로 */
    .Prd_location .location span {line-height:1; font-size: 14px;}
    .Prd_location .location span:nth-child(1) {display: none;}
    .Prd_location .location span:nth-child(2) {display: none;}
    .Prd_location .location span::after {display: none;}

    /* 제품 구매 사진보기 및 옵션 선택 Wrap */
    .itm_buy_wrap {padding:0 10px;}
    /* 제품 사진 */
    .itm_buy_wrap .itm_picture { width: 100%; height: auto; margin-bottom: 60px;}
    /* 제품 사진보기 큰 이미지 */
    .itm_buy_wrap .itm_picture .view_image_box {max-width: 480px; height: 365px; border-radius: 10px;}
    /* 제품 사진보기 작은 이미지 */
    .Prd_NaviWrap { max-width: 440px; height: 72px;}
    .Prd_NaviWrap .prd_NaviBox { width: 100%; height: 72px; margin: 0 8px;}
    .Prd_NaviWrap .prd_NaviBox .prd_Navi li { width: 72px; height: 72px; margin-right: 4px; margin-left: 4px; border-radius: 4px;}
    .Prd_NaviWrap .Prve { width: 20px; height: 72px;}
    .Prd_NaviWrap .Next { width: 20px; height: 72px;}

    /* 제품 구매 */
    .itm_buyBox .itm_info_head h2 {font-size: 20px;}

    /* 제품 상세보기 컨퍼넌트 */
    .Component_bar .Component_box .item_title {display: none;}
    .Component_bar .Component_box .item_Menu {width: 100%; text-align: center;}
    .Component_bar .Component_box .item_Menu .itembarMenu {margin: 0 4px;}

    /* #### 구매문의 #### */
    .saquWrap .salesequ_ok { width: 100%; height: 260px;}
    .saquWrap .salesequ_ok .messageBox .messageA { font-size: 15px;}
    
}




/* ********** 미디어쿼리 420 ********** */	
@media screen and (max-width: 420px){

    /* ########## 제품 상세보기 ########## */
    /* 제품 사진 */
    .itm_buy_wrap .itm_picture { width: 100%; height: auto; margin-bottom: 40px;}
    /* 제품 사진보기 큰 이미지 */
    .itm_buy_wrap .itm_picture .view_image_box {max-width: 400px; height: 304px;}
    /* 제품 사진보기 작은 이미지 */
    .Prd_NaviWrap { max-width: 360px; height: 72px;}
    .Prd_NaviWrap .prd_NaviBox { width: 100%; height: 72px; margin: 0 8px;}
    .Prd_NaviWrap .prd_NaviBox .prd_Navi li { width: 72px; height: 72px; margin-right: 4px; margin-left: 4px; border-radius: 4px;}
    /* 제품 구매 */
    .itm_buy_wrap .itm_buyBox { border-radius: 10px;}


}




/* ********** 미디어쿼리 360 ********** */	
@media screen and (max-width: 360px){

    
}