@charset "utf-8";

/* Nav */
.item-nav { line-height:22px; margin-bottom:15px; }
.item-nav .page-nav { margin-top:4px; }
@media all and (max-width:460px) {
	.responsive .item-nav .page-nav { display:none; }
}

/* Item Buy Form */
#buyModal .list-group { list-style:none; }
#buyModal .item-table { width:100%; border-collapse:collapse; padding:0px; margin:0 0 15px; border:0px; border:1px solid #ddd; border-bottom:0px; }
#buyModal .item-table th { width:120px; text-align:center; padding:8px 10px; border-bottom:1px solid #ddd; background:#fafafa; white-space:nowrap; font-weight:normal; }
#buyModal .item-table th.white { background:#fff; }
#buyModal .item-table td { padding:8px 10px; border-bottom:1px solid #ddd; }
#buyModal .item-table label { font-weight:normal; }

/* Item Head */
.item-head { width:100%; overflow:hidden; }
.item-head h1 { font-size: 22px; font-weight:bold; margin:0px; line-height:50px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin:0px; padding:0px 10px; color: rgb(59, 62, 67); letter-spacing:-1px; }
.item-head h1 .photo { border-radius: 50%; width: 50px; height: 50px; margin-bottom:10px; margin-right:10px; }
.item-head .no-attach { border-bottom:0px; }
.item-head .label-sp { margin-top:4px; }
.item-details { border-left:0px; border-right:0px; }
.item-details .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.item-details .list-group-item { padding:5px 15px; border-style:dotted; }

@media all and (max-width:460px) {
	.responsive .item-head h1 { text-overflow:clip; overflow:none; white-space:normal; line-height: 24px; font-size: 18px; margin-bottom:10px; }
	.responsive .item-head h1 .photo { display:none; }
}

/* Item Image */
.item-image { overflow:hidden; }
.item-image a img { max-width:100%; margin:0 auto; }
.item-thumb { overflow:hidden; margin-right:-8px; }
.item-thumb a { display:inline-block; margin-top:8px; margin-right:8px; }

/* Item View Box */
.item-view-box { text-align:center; }
.item-view-box a { margin:0 10px 15px; width:80px; height:80px; display:inline-block; }
.item-view-box i { background: rgb(245, 245, 245); padding: 20px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.item-view-box i:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

/* Item Explan */
.label-item { margin-top:4px; }
.item-explan { margin-bottom:30px; }
.item-explan p { padding:0px; margin:0px; }
.item-explan img { max-width:100%; }

#it_v_sns {margin:4px 0 15px;padding:0;list-style:none;zoom:1}
#it_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#it_v_sns li {float:left;margin:0 5px 0 0}

/* Item Good Box */
.item-good-box { text-align:center; }
.item-good-box span { margin:15px 6px; width:80px; height:80px; display:inline-block; }
.item-good-box a { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(51, 51, 51); font-size: 22px; line-height:26px; display: inline-block; }
.item-good-box .item-good a:hover { background: rgb(223, 17, 25); color: rgb(255, 255, 255); }
.item-good-box .item-nogood a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

/* Item Tag */
.item-tag { margin:0px 0px 10px; padding:0px; color:#888; }
.item-tag a { color:#888; }
.item-tag a:hover { color:crimson; }

/* Item Seller */
.item-seller .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.item-seller .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.item-seller .auth-photo { width:160px; padding-right:15px; }
@media all and (max-width:460px) {
	.responsive .item-seller .auth-photo { float:none; width:100%; padding-right:0px; }
}

/* Relation Items */
#relation-item { overflow:hidden; line-height:20px; margin-bottom:30px; }
#relation-item .txt-normal { letter-spacing:0; }
#relation-item .txt-short { letter-spacing:-1px; padding-right:1px; }
#relation-item .item-row { float:left; }
#relation-item .item-image { position:relative; overflow:hidden; }
#relation-item .item-content { padding-top:10px; margin:0px 4px; text-align:center; }
#relation-item .item-star { text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; line-height:20px; height:20px; margin-bottom:4px; }
#relation-item .item-name { overflow:hidden; letter-spacing:-1px; padding-right:1px; text-align:center; font-size:14px; }
#relation-item .item-text { font-size:12px; color:#888; }
#relation-item .item-price { margin-top:4px; line-height:22px; }
#relation-item .item-price b { font-size:16px; display:inline-block; margin:0px 4px; }
#relation-item .item-price b i { font-size:12px; }
#relation-item .item-price strike { color:#888; margin:0px 4px; font-size:14px; display:inline-block; }
#relation-item .item-details { color:#888; margin-top:4px; padding:0px 1px; font-size:13px; text-align:center; }
#relation-item .item-sp { margin:0px 4px; white-space:nowrap; }
#relation-item .item-sp i { margin-right:2px; color:#888; }
#relation-item .item-sns { margin-top:15px; text-align:center; }
#relation-item .item-sns img { width:15%; max-width:34px; border-radius:50%; }

/* Review */
.use-media .div-title-wrap { margin:0px; }
.use-media .media { margin:0px 0px 15px; padding:12px; }
.use-media .media .circle { background: rgb(235,235,235); color:#fff; }
.use-media .media .media-body { padding-left:0px; padding-top:5px; }
.use-media.use-mobile .media .media-body { padding-top:0px; }
.use-media .media .media-info { line-height:20px; padding:0px 0px 4px; }
.use-media .media .media-info .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.use-media .media .media-desc { padding:0px 0px 4px; }
.use-media .media-content { margin-top:15px; padding:15px 12px 0px; border-top:1px dotted #606060; }
.use-media .media-content p { margin:0px; padding:0px; }
.use-media .media-content img { max-width:100%; }
.use-media .media-reply { padding:15px 12px 0px; }
.use-media .media-btn { margin-top:15px; }
.use-page { margin-bottom:15px; }
.use-page .pagination { margin:0; }

/* Q & A */
.qa-media .div-title-wrap { margin:0px; }
.qa-media .media { margin:0px 0px 15px; padding:12px; }
.qa-media .media .circle { background: rgb(235,235,235); color:#fff; }
.qa-media .media .media-body { padding-left:0px; padding-top:5px; }
.qa-media.qa-mobile .media .media-body { padding-top:0px; }
.qa-media .media .media-info { line-height:20px; padding:0px 0px 4px; }
.qa-media .media .media-info .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.qa-media .media .media-desc { padding:0px 0px 4px; }
.qa-media .media-content { margin-top:15px; padding:15px 12px 0px; border-top:1px dotted #606060; }
.qa-media .media-content p { margin:0px; padding:0px; }
.qa-media .media-content img { max-width:100%; }
.qa-media .media-btn { margin-top:15px; }
.qa-media .media-ans { padding:15px 12px 0px; }
.qa-media .media-ans p { margin:0px; padding:0px; }
.qa-media .media-ans img { max-width:100%; }
.qa-page { margin-bottom:15px; }
.qa-page .pagination { margin:0; }

/* Comment */
.comment-media { }
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.comment-media.comment-mobile .photo i { padding: 10px; width: 54px; height: 54px; }
.comment-media.comment-mobile .photo img { width: 54px !important; height: 54px !important; }
.comment-media .media { border-top:1px solid #eee; margin:7px 0px; padding:7px 0px 0px; }
.comment-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content { margin-top:8px; }
.comment-media .media .media-btn {	margin-left:4px; }
.comment-page { margin:15px 0px; }
.comment-page .pagination { margin:0; }

#it_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#it_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#it_vc_opt ol li { float:left;margin:0; }
#it_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#it_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#it_vc_send_sns ul li { float:left;margin:0 0 0 20px; }
#it_vc_send_sns input {	margin:0 0 0 5px; }
@media all and (max-width:460px) {
	.responsive .comment-btn { text-align:center; }
	.responsive .comment-btn .pull-right { float:none !important; }
}

@media all and (max-width:767px) {
	.responsive #item-tab .nav-justified li a { border-right:1px solid #ddd; }
	.responsive #item-tab .nav-justified li:last-child a { border-right:0px; border-bottom:1px solid #ddd; }
}



.item-image {text-align:center;}

.gap40 {gap:40px;}
.itemitm > .flex65 {flex: 0 0 calc(65% - 40px);}

.itemitm > .flex35 {flex:0 0 35%; padding:0 20px;}
.itemitm h1 {margin:0;font-size: 20px;font-weight: 800; font-family: var(--tit-font6); letter-spacing: -1.5px;
margin-bottom:20px;}


.graycost {font-size: 16px; text-decoration: line-through;color:#858585;}
.bcost {font-size:25px; font-weight:900;padding:20px 0;}

.itemrightfinfowp {padding:20px 0; }
.itemrightfinfowp .h3, #item_option > .h3 {font-weight:800;font-size:20px;}
#item_option > table > tbody > tr > th {font-size:17px;}


.itemrightfinfo {font-size:14px;line-height:160%;display:flex;}
.itemrightfinfo span:nth-of-type(1) {justify-content:flex-start;flex:0 0 35%;}

.item-buy-btn {list-style:none;padding:0;margin:0;}
.tbtnbuy {    display: inline-block; box-sizing: border-box; width: 100%; margin: 0 auto 10px;
    border: 1px solid #111; border-radius: 15px; padding: 11px 0 12px 0; font-size: 20px;
    font-weight: 800; color:#fff;background:var(--brand-bg);transition:all 0.5s ease;}

.tbtnbuy:hover {background:var(--brand-bg3);color:#fff; transition:all 0.5s ease;}

.tbtnbuy2 {    display: inline-block; box-sizing: border-box; width: 100%; margin: 0 auto 10px;
    border: 1px solid #111; border-radius: 15px; padding: 11px 0 12px 0; font-size: 20px;
    font-weight: bold; color:var(--brand-bg);background:#fff;transition:all 0.5s ease;}

.tbtnbuy2:hover {background:var(--brand-bg2);color:#fff; transition:all 0.5s ease;}

@media(max-width:767px) {
.flexwp{display: flex;flex-direction: column;}
.itemitm > .flex65 {flex: 0 0 100%;}

.itemitm > .flex35 {flex:0 0 100%; padding:0 20px;}
.graycost {font-size: 14px; text-decoration: line-through;color:#858585;}
.bcost {font-size:20px; font-weight:900;padding:20px 0;}

.itemitm h1 {font-size:18px;}
.itemrightfinfowp .h3, #item_option > .h3 {font-weight:800;font-size:16px;}
.itemrightfinfo {font-size:14px;}
.tbtnbuy, .tbtnbuy2 {font-size:14px;}

.if_tit {font-size:20px;}
}





.at-title {position:relative; color:#000; margin-top:100px;}
.at-title > .at-container { height:100%; position:relative;max-width:1240px; padding:35px; width:100%; }
.at-title > .at-container{display: flex;flex-wrap: wrap;gap: 24px 0;justify-content: space-between;
    align-items: flex-end;width:100%;margin:80px auto;}


.at-title .page-title { font-size:60px; z-index:1;line-height:100%; }
.at-title .page-desc { color:#888; z-index:1; }
@media all and (max-width:767px) {
    .responsive .at-title { height:50px; }
    .at-title  {margin-top:45px;}
    .responsive .at-title .page-title { font-size:25px; left:15px; bottom:10px; }
}


/*  crumb */
    .btcrumb {display: flex;justify-content: flex-end; align-items: center;margin:0;padding:0;list-style:none;}
.btcrumb > li {display: flex; justify-content: flex-end;align-items: center;font-size: 12px; font-weight: 700;
    line-height: 140%;letter-spacing: 0; color: #999;cursor: pointer;}
.btcrumb > li:not(:first-child)::before {
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #999;
    margin: 0 16px;
}

.btcrumb > li.btcrumbed {font-size: 12px; font-weight:500; line-height: 140%; letter-spacing: 0; color: #171717;}
.btcrumb > li:nth-last-of-type(1) a span {font-size: 12px; font-weight: 700; line-height: 140%; letter-spacing: 0; color: #171717;}


.at-title {background:unset;height:unset!important;}
.at-title .page-title {position:unset!important;}


@media (max-width: 767px) {
    .btcrumb > li {font-size: 11px; font-weight: 400; line-height: 140%; letter-spacing: 0;}
    .btcrumb > li:not(:first-child)::before {content: "";
    display: block;width: 3px;height: 3px; border-radius: 100%; background: #999; margin: 0 16px;}
.btcrumb > li:not(:first-child)::before { margin: 0 8px;}
    .btcrumb > li:first-child a {width: 16px; height: 16px;}

}