@charset "utf-8";
/* CSS Document */

#productView { float:left; width:100%; list-style:none; display:inline; }
.location { box-sizing: border-box; width: 1200px; margin-top: 10px; border-bottom:#dedede solid 1px; float: left; padding-bottom:20px;  color:#5e5e5e;}
.location img { padding:0 5px }
.location a { color:#666666; font-size: 15px; font-family: 'Satoshi', sans-serif; line-height: 1;}
.location select { font-size: 11px; height:20px; color:#666666; border:#d2d2d2 solid 1px; padding:1px  }
.location span { display:inline-block  }


#product_box { width:1200px; display: flex; flex-wrap: wrap;}

.title { float:left; width: 1028px; align-items: center; box-sizing: border-box; background-color:#fafafa; height:85px; border:#eae9ee solid 1px; border-top:0; display:flex; align-items: center;}
.title span { padding-left:20px; }
.title .nameInfo { display:block; color:#676767; font-size: 11px; padding-top:6px; padding-left: 8px;}
.title .name { display:block; font-size: 18px; line-height: 1.4; font-weight: 700; color:#313b4e; padding: 0; }
.title .name img {vertical-align: baseline; margin-left: 4px;}
.brand { float:left; width:172px; height:85px; border:#eae9ee solid 1px; border-top:0; border-left:0; text-align:center; box-sizing: border-box; overflow: hidden;}
.brand a {display: block; height: 58px; text-align: center;}
.brand .shop { display:block; background-color:#f3f2f5; color:#777777; width:172px; border-bottom:#eae9ee solid 1px; font-size: 14px; font-weight: 500; text-align:center; padding-top:4px; padding-bottom:1px; }
.brand img {max-height:58px;}

.InfoWrap { display: flex; width: 100%; }
.InfoWrap .PhotoWrap { width: 50%; }
.InfoWrap .PhotoWrap > ul { width:100%; margin-top:8px; display: flex; }
.InfoWrap .PhotoWrap li { width:70px; display:inline; padding:0; margin-right: 9px; }
.InfoWrap .PhotoWrap li:last-child {margin-right: 0;}
.InfoWrap .PhotoWrap li img { width:70px; height:70px; }
.InfoWrap .PhotoWrap li a { float:left; height:70px;}
.InfoWrap .PhotoWrap li a:hover img {opacity: 0.5;}
.InfoWrap .DetailWrap span.sale {font-size: 18px; font-weight: 800;}
.InfoWrap .DetailWrap span.discount {color: #ff3838; font-weight: 800;}
.InfoWrap .DetailWrap span.supply {font-size: 20px; color:#ff3838; font-weight: 800;}
.InfoWrap .DetailWrap .option { background-color:#f8f8f8; border:#e0e0e0 solid 1px; line-height:46px; margin:10px 0}
.InfoWrap .DetailWrap .option span { float:left; color:#777777;  padding-left:10px; width: 214px;}
.InfoWrap .DetailWrap .option select {width:200px; font-size:14px; vertical-align:middle;}
.InfoWrap .DetailWrap .optionB {display: flex; align-items: center; border-radius: 8px; background-color:#f8f8f8; border:#e0e0e0 solid 1px; line-height:46px; margin:10px 0}
.InfoWrap .DetailWrap .optionB span { display:inline-block; color:#777777;  padding-left: 16px; width:214px; }
.InfoWrap .DetailWrap .optionB .amount { border:#dedede solid 1px; border-width: 1px 0 1px 0; width: 48px; height: 24px; color:#333333; text-align: center; border-radius: 0;}
.InfoWrap .DetailWrap .optionB .arrow { display:inline-block; width:18px; vertical-align:middle; padding:0 0 0 1px; margin:0px 0 0 0;  }
.InfoWrap .DetailWrap .optionB .arrow img { display:block; padding-bottom:1px;}
.InfoWrap .DetailWrap .optionB .option_amount { display:inline-block; width:95px; color:#444444; text-align:right; letter-spacing:0em; }
.InfoWrap .DetailWrap .optionB .qty-discount {display:inline; color:#005bf1; font-weight: 800; margin-left: 6px;}
.InfoWrap .DetailWrap .optionC { background-color:#f8f8f8; border:#e0e0e0 solid 1px; line-height:46px; margin:10px 0}
.InfoWrap .DetailWrap .optionC span { display:block; font-size: 11px; line-height: 46px; color: #ff3838;  padding-left:10px; width:325px; }
.InfoWrap .DetailWrap .option2 {border:#dedede solid 1px; border-width: 1px 0 1px 0;}
.InfoWrap .DetailWrap .option2 span { display:inline-block; color:#00a99c;  padding-left:10px;}
.InfoWrap .DetailWrap .option2 .amount {width: 40px; height:24px; color:#333333; text-align:center; border: 1px solid #dedede; border-width: 1px 0 1px 0; border-radius: 0;}
.InfoWrap .DetailWrap .option2 .arrow {display:inline-block; width:18px; vertical-align:middle; padding:0 0 0 1px; margin:0px 0 0 0;}
.InfoWrap .DetailWrap .option2 .arrow img {display:block;}
.InfoWrap .DetailWrap .option2 .option2_amount {display:inline-block; width:114px; color:#444444; text-align:right; letter-spacing:0em; font-size: 16px;}
.InfoWrap .DetailWrap .DCOpt {color: #0282F0; font-weight: 600; position: absolute; left: 96px; top: 50%; transform: translateY(-50%);}
.InfoWrap .DetailWrap .option2 td.optionList {position: relative;}
.InfoWrap .DetailWrap .amount_end {font-size: 20px; font-family: 'Satoshi', sans-serif; font-weight: 600; line-height: 72px; color: #555555; border-bottom:#dedede solid 1px; display: flex; justify-content: space-between; margin-bottom: 0;}
.InfoWrap .DetailWrap .amount_end > span {color: #ff3838; text-align:right; font-size: 24px; font-weight: 800;}
.InfoWrap .DetailWrap .payment { display: flex; justify-content: center; text-align:center; padding-top:24px; margin:0; }
.InfoWrap .DetailWrap .payment > button {width: 100%; line-height: 54px; font-size: 20px;}
.InfoWrap .DetailWrap .line { padding:0 0 6px 0; margin-top: 20px; height:0; line-height:0; border-top: 1px solid #eee;}
.InfoWrap .DetailWrap .line img {display: none;}
.right_box { float:left; width:172px; border-left:#ececec solid 1px; margin-bottom:0px; }
.right_box a { float:left; border-bottom:none; padding-bottom:0px}
.right_box .none { border-bottom:none; padding-bottom:0px}


.tab-title {font-size: 18px; margin-bottom: 16px; color: #333333; font-family: 'PLBold'; line-height: 1;}
.tab_4rd { float:left; width:100%; margin-top:48px; border-bottom:#cccccc solid 1px; height:29px; }
.tab_4rd span a { float:left; width:220px; border:#cccccc solid 1px; border-bottom:#cccccc solid 1px; padding:8px 0 0 20px; margin-right:3px; height:29px; }
.tab_4rd span a:hover,
.tab_4rd span a:active,
.tab_4rd span a:focus, .tab_4rd span a.on { border:#657ddb solid 1px; border-bottom:#fff solid 1px; }
.tab_4rd span a.none { padding-right:0; }

/* 기본정보 */
#tab_01 .notice22 {float:left; width:100%; margin-top:57px; padding:38px 0 0 2px; background:url('/img/view/tit_00.gif') no-repeat 0 0; font-size: 13px; font-weight: 600; color:#1220ac;}
#tab_01 .notice {float:left; width:100%; margin-top:57px; padding:38px 0 0 2px; background:url('/img/view/tit_00.gif') no-repeat 0 0; font-size: 11px; color:#888888;}
#tab_01 .info table { border-collapse: collapse; }
#tab_01 .info table,
#tab_01 .info th,
#tab_01 .info td { border: 1px solid #e0e4e7; font-size:11px; color:#69696b; }
#tab_01 .info th { width:20%;background-color:#f4f5f7; padding-left:20px; text-align:left; font-size: 13px; }
#tab_01 .info td { padding-left:20px; padding: 8px 0 8px 20px; font-size: 13px; }

#tab_01 .pic { float:left; width:100%; margin-top:30px; text-align:center;}
#tab_01 .pic img { max-width:980px; }

/* 반품교환정보 */
#tab_04 { float:left; width:100%; margin-top:57px; padding:28px 0 0 2px ;}
#tab_04 table { border-top:#005bf1 solid 2px }
#tab_04 th { width:15%; background-color:#f4f5f7; border-bottom:1px solid #e0e4e7; border-right:1px solid #e0e4e7; color:#555555; font-size: 13px; }
#tab_04 td { padding-left:20px; border-bottom:1px solid #e0e4e7; color:#666666;  padding:20px; line-height:19px; font-size: 13px;}

/* 함께구매한상품 */
#tab_02 { float:left; width:100%; margin-top:57px; padding:28px 0 0 2px ;}

#tab_02 ul {
    border-top:#005bf1 solid 2px; border-bottom:#e4e4e4 solid 1px; width: 100%; display: flex; justify-content: center; padding: 0 16px;
}
#tab_02 ul li {flex: 1; text-align: center; padding: 16px 0;}
#tab_02 ul li:last-child > .box {margin-right:0; border-right: 0;}
#tab_02 ul li .box {border: 0;}
#tab_02 ul li .box a { display: block; }
#tab_02 ul li .box a img { width:140px; height:140px; }
#tab_02 .boxNo {float:left; position:relative; width:950px; margin:25px 0; border:0; padding:0 16px; font-size: 13px;text-align:center}

#tab_02 ul li .box .tit {display: -webkit-box; margin:8px 0 0 0; padding:0 16px; color:#555555; font-size: 14px; height: 40px; line-height: 1.4; /*상품명 최대 2줄*/ -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
#tab_02 ul li .box .text {display:block; margin:0; padding:0; color:#555555;}
#tab_02 ul li .box .cate {margin:0; padding:0; width:95px; }
#tab_02 ul li .box .price { display:block; margin:6px 0 0 0; padding:0; color:#333333; font-size:15px; letter-spacing:0; }
#tab_02 ul li .box .price strong {font-weight: 800; font-size: 16px;}

/* 브랜드인기상품 */
#tab_03 { float:left; width:100%; margin-top:57px; padding:28px 0 0 2px ;}
#tab_03 .brand_all {
    display: flex; flex-direction: column; justify-content: center; width:320px; height:265px; background:#005bf1; text-align:center; 
    padding-bottom: 10px;
}
#tab_03 .brand_all .brand_name {display:block; color:#ffe241;}
#tab_03 .brand_all .brand_name_eng { display:block; color:#ffffff; padding-bottom:24px; font-size: 18px; }
#tab_03 .brand_all .brand_img {
    display: flex; text-align: center; vertical-align: middle; border: 0; width: 256px; background: #ffffff; border-radius: 8px; 
    margin: 0 32px; justify-content: center; align-items: center;
}
#tab_03 .brand_all .brand_img img { max-width:200px; max-height:70px;}
#tab_03 .brand_all .brand-button {color: #ffffff; font-size: 20px; text-decoration: underline;font-weight: 600; padding-top: 24px;}

#tab_03 ul {
    display: flex; align-items: center; justify-content: space-around; width:840px; border-top:#005bf1 solid 2px; 
    border-bottom:#e4e4e4 solid 1px; margin-bottom: 64px; padding: 0 16px;
}
#tab_03 ul li {display: flex; flex-direction: column; align-items: center;}
#tab_03 ul li .box {position:relative; height: auto; margin:20px 0; border:0; text-align: center;}
#tab_03 ul li .box a img {width:140px; height:140px;}
#tab_03 ul li .box .tit {
    display: -webkit-box; margin: 8px 0 0 0; padding: 0 16px; color: #555555; font-size: 14px; width: 140px; height: 40px; line-height: 1.4; 
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
}
#tab_03 ul li .box .text { display:block; margin:0 0 0 5px;  padding:0; color:#555555;  }
#tab_03 ul li .box .cate { margin:0; padding:0; width:95px; }
#tab_03 ul li .box .price {display: block; width: 140px; margin: 6px 0 0 0; padding: 0; color: #333333; font-size: 15px; letter-spacing: 0;}
#tab_03 ul li .box .price strong { padding-right:3px; }

#tab_03 .none { border-right:none }