@charset 'utf-8';

/* btn-basic */
.btn-basic { display:inline-block; width:8.5rem; height:3.1rem; line-height:3.1rem; text-align:center; border-radius:4.0rem; background-color:#000000; color:#fff; font-size:1.338rem; border:0; cursor:pointer; }

.container { max-width:750px; min-height:calc(100vh - 13.8rem); margin:0 auto; box-sizing:border-box; }
.container .contents { padding:1.8rem; padding-bottom:5.0rem; }

/* .content-box */
.content-box { position:relative; background-color:#f2f2f7; border-radius:1.0rem; padding:2.5rem 0.8rem 5.0rem 0.8rem; box-sizing:border-box; }
.content-box h3 { font-size:2.319rem; font-weight:700; text-align:center; margin-bottom:20px; }
.content-box .hgroup { margin-bottom:3.0rem; }
.content-box .hgroup h3 { margin-bottom:1.0rem; }
.content-box .hgroup .summary { text-align:center; font-size:18px; color:#333; }


/* 12. 보증확인
* * * * * * * * * * * * * * * * * * * */
.content-box .subtext { text-align:center; font-size:1.159rem; line-height:1.45; color:#666; }
.content-box .subtext .caution { color:#999; }

.serialnum-box { max-width:18.0rem; margin:0 auto; margin-top:3.0rem; }
.serialnum-box dl { }
.serialnum-box dt { font-size:0.696rem; line-height:1.45; margin-bottom:0.4rem; padding-left:0.5rem; font-weight:700; }
.serialnum-box dd { }
.serialnum-box dd .fr-input { width:100%; height:4.4rem; font-size:1.932rem; color:#000000; border:1px solid #999; text-align:center; background-color:#fff; box-sizing:border-box; border-radius:1.0rem; }

.tail-btns { text-align:center; margin-top:2.0rem; }

.warranty_period { text-align:center; font-size:1.0rem; color:#999; margin-bottom:3.0rem; }
.warranty_period b { color:#333; font-weight:400; }

.find-serialnumber { font-size:1.159rem; text-align:center; margin-top:3.2rem; }
.find-serialnumber a { color:#2144cd;  }


/* 13. 정품등록
* * * * * * * * * * * * * * * * * * * */
.form-box { }
.form-box dl dt { }
.form-box dl dd .fr-input { }
.form-box dl dd .btn-link { }

.form-box .box-list li { margin-bottom:0.7rem; }
.form-box .box-list li dl { position:relative; background-color:#ffffff; border:1px solid #999; color:#999; padding:0.2rem 0.5rem; border-radius:0.3rem; }
.form-box .box-list li dl dt { font-size:0.927rem; color:#999; margin-bottom:0.2rem; }
.form-box .box-list li dl dd { }
.form-box .box-list li dl dd .fr-input { display:block; width:100%; height:2.4rem; font-size:1.391rem; color:#000; background-color:#fff; border:0; padding:0; }
.form-box .box-list li dl dd .btn { position:absolute; right:1px; top:1px; bottom:1px; display:flex; align-items:center; justify-content:center; width:5.0rem; background-color:#e8e8ed; font-size:1.16rem; border:0; cursor:pointer; color:#000; font-weight:400; border-radius:0.3rem; }
.form-box .box-list li dl.add-btn { padding-right:5.5rem; }
.form-box .box-list li .notis { font-size:13px;  color:#999; margin-top:7px; padding-left:10px; }

.form-box .box-list li dl.file { padding-right:5.0rem; }
.form-box .box-list li dl.file .filebox  { }
.form-box .box-list li dl.file .filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
.form-box .box-list li dl.file .filebox label.btn { position:absolute; right:1px; top:1px; bottom:1px; display:flex; align-items:center; justify-content:center; width:5.0rem; background-color:#e8e8ed; font-size:1.16rem; border:0; cursor:pointer; color:#000; font-weight:400; border-radius:0.3rem; }
.form-box .box-list li dl.file .filebox .upload-name { }

.form-box .box-list li .terms-box { font-size:0.98rem; line-height:1.55; color:#999; height:6.0rem; overflow-y:hidden; padding:10px 0; box-sizing:border-box; overflow-y:auto; }
.form-box .box-list li .check-agree { position:absolute; right:10px; top:10px; cursor:pointer; }
.form-box .box-list li .check-agree input { display:none; }
.form-box .box-list li .check-agree span { position:relative; padding-left:20px; }
.form-box .box-list li .check-agree span:before { position:absolute; left:0; top:4px; display:block; width:13px; height:13px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_check_off.png'); content:""; } 
.form-box .box-list li .check-agree input:checked + span:before { background-image:url('../img/icons/ic_check_on.png'); }

.agree-wr { padding:1.0rem 0.5rem !important; }
.agree-wr dt.agree {  }
.agree-wr dt.agree + dt.agree { margin-top:1.0rem; }
.agree-wr dd { }
.agree-wr dd { }

.agree-wr  .check-box { cursor:pointer; }
.agree-wr .check-box input { display:none; }
.agree-wr .check-box span { position:relative; padding-left:20px; }
.agree-wr .check-box span:before { position:absolute; left:0; top:4px; display:block; width:15px; height:15px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_check_off.png'); background-size:100% auto; border-radius:15px; overflow:hidden;  content:""; } 
.agree-wr .check-box input:checked + span:before { background-image:url('../img/icons/ic_check_on.png'); }

.form-box .box-list li .sign_place { position:relative; padding-top: 100%; overflow:hidden; }
.form-box .box-list li .sign_place img { position:absolute; left:0; top:0; right:0; display:Block; width:100%; }

#canvasDiv { display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; min-height:35.0rem; padding:2.0rem; text-align:center; z-index:9999; overflow:hidden; background-color:#fff; box-sizing:border-box; align-items:center; justify-content:center; flex-flow: column; }
#canvasDiv .canvas-wrapper {
  position: relative;
  width: 100%;
  padding-top: 100%; /* 1:1 비율 유지 */
  border: 2px dashed #ccc;
  border-radius: 20px;
  box-sizing: border-box;
  background-color: #fff;
}
#canvasDiv .canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#canvasDiv .button_arae { width:100%; margin-top:1.0rem; display:grid; grid-template-columns:repeat(2, 1fr); gap:0.5rem; }
#canvasDiv .button_arae .button { display: flex; align-items:center; justify-content:center; height: 3.2rem; font-size: 1.5rem; background-color: #f00a0d; text-align: center; color: #fff; border: 0; outline: none; cursor: pointer; border-radius:3px; }
#canvasDiv .button_arae .btn_submit {  }
#canvasDiv .button_arae .btn_cancel { background-color: #d8dbe6; }


/* 11. 회원가입
* * * * * * * * * * * * * * * * * * * */
.form-box .box-list li.tit { color:#999999; font-size:0.928rem; margin:2.0rem 0 1.0rem 0; }
.form-box .box-list li.tit.center { text-align:center; }

/* select-box */
.form-box .box-list li .selectbox { position:relative; margin:0 -0.5rem; }
.form-box .box-list li .selectbox select { position:relative; display:block; width:100%; height:2.4rem; border: 0; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing:border-box; font-size: 1.391rem; font-weight:400; outline:none; cursor:pointer; color:#000; padding:0 0.5rem; z-index:10; }
.form-box .box-list li .selectbox:after { content:""; position:absolute; right:0.5rem; top:50%; display:block; width:1.5rem; height:1.5rem; background: url('../img/icons/ic_select.png') no-repeat center; transform:translateY(-80%); background-size:100% auto;  }

.form-box .box-list li.terms { margin-top:2.5rem; }


/* 11 회원가입완료
* * * * * * * * * * * * * * * * * * * */
.request_message { position:relative; padding-top:35px; }
.request_message:before { position:absolute; left:50%; top:0; display:block; width:330px; height:4px; background-color:#f3f4f7; content:""; transform: translateX(-50%); }
.request_message .t1,
.request_message .t2 { font-size:20px; line-height:1.35em; text-align:center; }
.request_message .t1 { color:#333; margin-bottom:15px; }
.request_message .t2 { color:#999; }


/* 10. 로그인
* * * * * * * * * * * * * * * * * * * */
.box-list .result_msg { font-size:13px; color:#999; margin-bottom:20px; }

.member_btn { text-align:center; margin-top:7.0rem; display:flex; align-items:center; justify-content:center; }
.member_btn a { position:relative; color:#2144cd; font-size:1.159rem; padding:0 1.0rem; text-align:center; }
.member_btn a:after { position:absolute; right:0; top:50%; transform:translateY(-50%); display:block; width:1px; height:1.0rem; background-color:#999999;  content:""; }
.member_btn a:last-child:after { display:none; }


/* sub-top */
.sub-top { background-color:#fafafc; height:19.0rem; }
.sub-top .inbox { position:relative; padding:0 2.0rem; min-height:19.0rem; overflow:hidden; }
.sub-top .inbox:after { content:""; bottom:8.0rem; right:2.0rem; width:9.4rem; height:9.4rem; background-repeat:no-repeat; background-position:center; background-size:100% auto; position:absolute; display:block; }

.container.product .sub-top .inbox:after { background-image:url('../img/contents/ic_product.png'); width:9.8rem; height:9.8rem;  }
.container.businessdata .sub-top .inbox:after { background-image:url('../img/contents/ic_business_data.png'); }
.container.promotion .sub-top .inbox:after { background-image:url('../img/contents/ic_promotions.png'); width:8.8rem; height:9.2rem; }
.container.priceinfo .sub-top .inbox:after { background-image:url('../img/contents/ic_price_info.png'); }
.container.community .sub-top .inbox:after { background-image:url('../img/contents/ic_community.png'); }
.container.regproduct .sub-top .inbox:after { background-image:url('../img/contents/ic_product_reg.png'); }
.container.member .sub-top .inbox:after { background-image:url('../img/contents/ic_modify.png'); }

.sub-top h3.tit { font-size:3.0rem; line-height:1.1; font-weight:400; color:#000; padding-top:7.0rem; margin-bottom:2.5rem; letter-spacing:-1px; }
.sub-top h3.tit small { font-size:2.4rem; }
.sub-top .location { font-size:1.2rem; color:#999999; margin-top:2.5rem; }



/* 1. 제품정보
* * * * * * * * * * * * * * * * * * * */
#pageProduct { }

.sub-top .search-box { display:grid; grid-template-columns:1fr 6.6rem; border:1px solid #d1d1d1; border-radius:4px; overflow:hidden; width:100%; overflow:hidden; box-shadow:4px 4px 7px #ddd; }
.sub-top .search-box .fr-input { width:100%; height:3.4rem; border:0; font-size:1.4rem; color:#999999; padding:0 1.0rem; box-sizing:border-box; }
.sub-top .search-box .btn-search { width:100%; background-color:#efeff2; border:0; cursor:pointer; font-size:1.4rem; color:#666666 }

/* .bo-top */
.bo-top { position:relative; margin-bottom:1.5rem; }
.bo-top .tab-menu { }
.bo-top .tab-menu li { font-size:1.27rem; width:9.0rem; }
.bo-top .tab-menu li a { display:flex; width:100%; height:2.7rem; border-radius:2.6rem; align-items:center; justify-content:center; background-color:#efeff2; color:#333; font-weight:700; padding:0 1.0rem; box-sizing:border-box; }
.bo-top .tab-menu li.current a { background-color:#000000; color:#fff; font-weight:500; }
.bo-top .tab-menu li.w14 { width:14.0rem; }
.bo-top .tab-menu li.w12 { width:12.0rem; }

.bo-top .tabs-spoa { display:flex; justify-content: space-between; margin-top:6.0rem; background-color:#efeff2; border-radius:2.6rem; overflow:hidden; }
.bo-top .tabs-spoa button.btn { display:flex; width:2.6rem; height:2.6rem; align-items:center; justify-content:center; background-color:#e4e4e9; color:#999999; font-weight:400; border:0; cursor:pointer; font-size:20px;  border-radius:2.6rem; overflow:hidden;  font-size:1.2rem; }
.bo-top .tabs-spoa button.btn.current { background-color:#2144cd; color:#fff; }

.pager { display:flex; align-items:center; justify-content:center; margin-top:2.2rem; }
.pager a { display:flex; align-items:center; justify-content:center; width:2.2rem; height:2.2rem; text-align:center; font-size:1.2rem; color:#737373;  cursor:pointer; border:0; border:1px solid #ccc; border-right:0; vertical-align:top; cursor:pointer; background-color:#fff; }
.pager a:last-child { border-right:1px solid #cccc; }
.pager a.current { border:1px solid #222222; background-color:#222222; color:#fff; } 
.pager .btn { background-repeat:no-repeat; background-position:center; background-size:100% auto; }
.pager .first { background-image:url('../img/icons/ic_first.png'); }
.pager .prev { background-image:url('../img/icons/ic_prev.png'); }
.pager .next { background-image:url('../img/icons/ic_next.png'); }
.pager .end { background-image:url('../img/icons/ic_last.png'); }
.pager .first:hover { background-image:url('../img/icons/ic_first_on.png'); }
.pager .prev:hover { background-image:url('../img/icons/ic_prev_on.png'); }
.pager .next:hover { background-image:url('../img/icons/ic_next_on.png'); }
.pager .end:hover { background-image:url('../img/icons/ic_last_on.png'); }

.prd-list { display:grid; grid-template-columns:repeat(1, 1fr); gap:1.5rem; }
.prd-list li { }
.prd-list li .itembox { box-shadow:3px 3px 5px #ddd; border-radius:10px; overflow:hidden; border:1px solid #dcdcdc; }
.prd-list li .thumb { height:13.2rem; overflow:hidden; }
.prd-list li .thumb  a { display:block; }
.prd-list li .thumb img { object-fit: cover; width: 100%; height: 100%; }
.prd-list li .info { position:relative; padding:1.5rem 2.0rem; }
.prd-list li .info .info-top { display:flex; justify-content:flex-start; align-items:center; gap:1.0rem; margin-bottom:1.5rem; }
.prd-list li .info .info-top .category { display:flex; align-items:center; width:9.0rem; height:2.3rem; background-color:#efeff2; font-size:1.2rem; justify-content:center; border-radius:30px; content:"";  }
.prd-list li .info .info-top .date { font-size:1.2rem; }
.prd-list li .info .subject { font-size:1.92rem; line-height:1.35; color:#333; font-weight:700; height :5.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:4.0rem; }

.prd-list li .info .info-tail { display:flex; justify-content:space-between; align-items:flex-end; }
.prd-list li .info .info-tail .viewers { font-size:1.2rem; }
.prd-list li .info .info-tail .btn-bookmark { display:block; width:2.4rem; height:2.4rem; background-repeat:no-repeat; background-image:url('../img/icons/ic_like.png'); background-position:center; background-size:100% auto; border:0; cursor:pointer; }
.prd-list li .info .info-tail .btn-bookmark.on { background-image:url('../img/icons/ic_like_on.png'); }


/* 상세 
* * * * * * * * * * * * * * * * * * * */
#bo-view { display:grid; gap:2.5rem; }
#bo-view .content { }
#bo-view .content .thumbnail-img { overflow:hidden; border-radius:2.0rem; margin-bottom:3.0rem; }
#bo-view .content .thumbnail-img img { width:100%; height:auto; }
#bo-view .content .text-content { font-size:2.0rem; line-height:1.55; color:#666666; }
#bo-view .content video { max-width: 100%; }

#bo-view .content .text-content iframe { width:100%; }
#bo-view .content .text-content .video-container { position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 비율 (9 / 16 * 100) */ height: 0;
overflow: hidden; }
#bo-view .content .text-content .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }


#bo-view #v-aside { display:block; }
#bo-view #v-aside .info-box { position:relative; border:1px solid #d1d1d1; border-radius:1.0rem; padding:1.5rem; padding-bottom:8.0rem; box-sizing:border-box; }
#bo-view #v-aside .info-box .info-top { display:flex; justify-content:flex-start; align-items:center; gap:1.0rem; margin-bottom:4.0rem; }
#bo-view #v-aside .info-box .info-top .category { display:flex; align-items:center; width:7.0rem; height:2.4rem; background-color:#efeff2; font-size:1.2rem; justify-content:center; border-radius:3.0rem; content:"";  }
#bo-view #v-aside .info-box .info-top .date { font-size:1.2rem; }
#bo-view #v-aside .info-box .subject { font-size:2.0rem; line-height:1.35; color:#333; font-weight:700; height :5.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:2.5rem; }

#bo-view #v-aside .info-box .info-tail { position:absolute; left:2.0rem; bottom:2.0rem; right:2.0rem; display:flex; justify-content:space-between; align-items:flex-end; margin-top:4.0rem; }
#bo-view #v-aside .info-box .info-tail .viewers { font-size:1.2rem; }
#bo-view #v-aside .info-box .info-tail .btn-bookmark { display:block; width:2.5rem; height:2.5rem; background-repeat:no-repeat; background-image:url('../img/icons/ic_like.png'); background-position:center; background-size:100% auto; border:0; cursor:pointer; }
#bo-view #v-aside .info-box .info-tail .btn-bookmark.on { background-image:url('../img/icons/ic_like_on.png'); }

#bo-view #v-aside .attached-file { }
#bo-view #v-aside .attached-file li { margin-bottom:2px; overflow:hidden; border-radius:1.0rem; }
#bo-view #v-aside .attached-file li a { display:flex; align-items:center; justify-content:center; width:100%; min-height:5.0rem; background-color:#2144cd; color:#fff; font-size:1.3rem;  padding:1.0rem; box-sizing:border-box; text-align:center; }

.bo-tail { text-align:center;  border-top:1px solid #e2e2e2; margin-top:10.0rem; padding-top:5.0rem; }


/* comment-area */
#bo-view .comment-area { }
#bo-view .comment-area .comment-w-box { background-color:#efeff2; padding:1.0rem; border:1px solid #d1d1d1; border-bottom:0; }
#bo-view .comment-area .comment-w-box .name { font-size:1.5rem; color:#333333; margin-bottom:0.5rem; font-weight:700; }
#bo-view .comment-area .comment-w-box .textarea { }
#bo-view .comment-area .comment-w-box .textarea .ta { display:block; width:100%; height:8.0rem; border:0; background-color:#fff; resize:none; padding:1.0rem; font-size:1.0rem; font-size:1.4rem; color:#666666; box-sizing:border-box; }
#bo-view .comment-area .comment-w-box .comment-w-tail { display:flex;  justify-content: space-between; margin-top:1.0rem; gap:2.0rem; }
#bo-view .comment-area .comment-w-box .comment-w-tail .notis { font-size:1.2rem; line-height:1.35; color:#2144cd; font-weight:700; }
#bo-view .comment-area .comment-w-box .comment-w-tail .btn-reg-comment { display:flex; align-items:center; justify-content:center; font-size:1.4rem; width:7.0rem; line-height:1.45; color:#2144cd; cursor:pointer; border:0; font-weight:700; }

#bo-view .comment-list { margin-top:20px; }
#bo-view .comment-list li { border-bottom:1px solid #efeff2; padding:1.5rem 0.5rem; }
#bo-view .comment-list li.depth2 { padding-left:2.0rem; }
#bo-view .comment-list li.depth3 { padding-left:4.0rem; }
#bo-view .comment-list li.depth4 { padding-left:6.0rem; }
#bo-view .comment-list li.depth5 { padding-left:8.0rem; }
#bo-view .comment-list li.depth6 { padding-left:10.0rem; }
#bo-view .comment-list li.depth7 { padding-left:12.0rem; }
#bo-view .comment-list li.depth8 { padding-left:14.0rem; }
#bo-view .comment-list li.depth9 { padding-left:18.0rem; }
#bo-view .comment-list li.depth10 { padding-left:20.0rem; }

#bo-view .comment-list li .comment-top { position:relative; display:block; width:100%; gap:1.0rem; padding-right:8.0rem; box-sizing:border-box; }
#bo-view .comment-list li .comment-top .writer {  display:flex; font-size:1.3rem; color:#333333; font-weight:700; }
#bo-view .comment-list li .comment-top .date {  display:flex; font-size:1.3rem;  color:#999999; }
#bo-view .comment-list li .comment-top .btns { position:absolute; right:0; top:0; display:flex;  flex-grow:1;  justify-content:flex-end; gap:1.0rem; }
#bo-view .comment-list li .comment-top .btns .btn { display:flex; font-size:1.3rem; line-height:1.45; color:#333333; cursor:pointer; border:0; font-weight:700;  }

#bo-view .comment-list li .text-area  { color:#666666; font-size:1.4rem; line-height:1.45; margin-top:0.7rem; }

#bo-view .comment-list li.comment-comment-box { padding:0; overflow:hidden; }
#bo-view .comment-list li.comment-comment-box .comment-w-box { position:relative; background-color:#fff; border:1px solid #d1d1d1; }
#bo-view .comment-list li.comment-comment-box .comment-w-box .btn-comment-close { position:absolute; right:2.0rem; top:1.0rem; cursor:pointer; border:0; font-size:1.4rem; color:#999999; font-weight:500; }
#bo-view .comment-list li.comment-comment-box .comment-w-box .textarea .ta { background-color:#efeff2; }
#bo-view .comment-list li.comment-comment-box .comment-w-box .comment-w-tail .notis { color:#333333 }




/* 글작성 
* * * * * * * * * * * * * * * * * * * */
#bo-write { max-width:768px; padding-left:22px; }
#bo-write .edit-area { }


/* 2. 영업자료
* * * * * * * * * * * * * * * * * * * */
#pageBusinessData { }


/* 3. 프로모션
* * * * * * * * * * * * * * * * * * * */
#pagePromotions { }

#bo-view #v-aside .btn-box {  } 
#bo-view #v-aside .btn-box .btn-basic { width:100%; background-color:#2144cd; height:50px; line-height: 50px; border-radius:10px; } 

#pagePromotionsApply { }


/* 4. 가격정보
* * * * * * * * * * * * * * * * * * * */
#pagePriceInfo { }


/* 5. 커뮤니티
* * * * * * * * * * * * * * * * * * * */
#pageCommunity { }

.bo-list { }
.bo-list li { position:relative; color:#333; border:1px solid #dcdcdc;  border-radius:0.3rem; margin-bottom:0.7rem; box-sizing:border-box; padding:0.7rem 2.5rem; }
.bo-list li .bookmark { position:absolute; left:0.6rem; top:0.6rem; display:flex; align-items:center; justify-content:center; }
.bo-list li .bookmark .btn-bookmark { display:block; width:1.3rem; height:1.3rem; background-repeat:no-repeat; background-image:url('../img/icons/ic_like.png'); background-position:center; background-size:100% auto; border:0; cursor:pointer; }
.bo-list li .bookmark .btn-bookmark.on { background-image:url('../img/icons/ic_like_on.png'); }
.bo-list li .subject { display:flex; align-items:center; font-size:1.16rem; font-weight:700; gap:0.5rem; }
.bo-list li .subject a { color:#333; }
.bo-list li .comment { font-size:1.16rem; color:#f64f7d; }
.bo-list li .date { display:flex; align-items:center; font-size:0.928rem; color:#999999; margin-top:0.3rem; }


/* 6. 제품등록
* * * * * * * * * * * * * * * * * * * */
/* 6-1-1. SELL Thru
* * * * * * * * * * * * * * * * * * * */
#pageRegSellThru { }



/* 6-3-1. 정품등록
* * * * * * * * * * * * * * * * * * * */
#pageRegister { }

.reg-top { max-width:980px; overflow:hidden; margin:0 auto; margin-bottom:20px; display:flex; align-items:center; justify-content:space-between; }
.reg-top .text { padding-left:20px; display:flex; align-items:center; font-size:13px; color:#999; }
.reg-top .menu { padding-right:20px; display:flex; align-items:center; gap:25px; }
.reg-top .menu a { font-size:16px; color:#999; display:inline-block; vertical-align:middle;  }
.reg-top .menu a.current { color:#333; font-weight:700; }

.form-box .guide-info { margin-bottom:1.5rem; }
.form-box .guide-info dt,
.form-box .guide-info dd { font-size:1.1rem; }
.form-box .guide-info dt { color:#333; font-weight:700; }
.form-box .guide-info dd { color:#999999; }


/* 6-3-2. 정품등록엑셀
* * * * * * * * * * * * * * * * * * * */
#pageRegExcel { }
#pageRegExcelList { }


/* 정품등록엑셀 리스트
* * * * * * * * * * * * * * * * * * * */
#pageRegExcelList { }

/* 6-3-3. 정품등록 리스트
* * * * * * * * * * * * * * * * * * * */
#pageRegList .content-box { }

.bo-search-box { display:flex; gap:5px; margin-bottom:5px; }
.bo-search-box .date-box { position:relative; border:1px solid #e5e5eb; border-radius:10px; background-color:#fff; overflow:hidden;  }
.bo-search-box .date-box input { position:relative; display:flex; width:138px; align-items:Center; justify-content:center; width:138px; height:38px; border:0; font-size:15px; padding-left:15px; cursor:pointer; }
.bo-search-box .date-box img { position:absolute; right:10px; top:50%; transform:translateY(-50%); cursor:pointer; }
.bo-search-box .btn-search { width:60px; height:40px; line-height:40px; background-color:#666666; border-radius:10px; display:flex; align-items:center; justify-content:center; cursor:pointer; border:0; color:#fff; font-size:15px; }
.bo-search-box .btn-excel { width:80px; height:40px; line-height:40px; background-color:#609247; border-radius:10px; display:flex; align-items:center; justify-content:center; cursor:pointer; border:0; color:#fff; font-size:15px; }

.bo-table { }
.bo-table table { width:100%; }
.bo-table th,
.bo-table td { border:1px solid #dddde3; background-color:#fff; font-size:12px; color:#666666; padding:10px 5px; text-align:center; height:18px; }
.bo-table thead th { color:#333; }
.bo-table .td-empty { text-align:center; padding:100px 0;  }

.bo-table th.no { width:30px; }
.bo-table th.state { width:35px; }
.bo-table th.date { width:80px; }
.bo-table th.part { }
.bo-table th.product { width:70px; }
.bo-table th.company { }
.bo-table th.name { width:60px; }
.bo-table th.tel { }
.bo-table th.email { }
.bo-table th.type {  }
.bo-table th.address { }
.bo-table th.channel { width:70px; }
.bo-table th.point { text-align:right; padding-right:20px; }
.bo-table th.serial { width:90px; }

.bo-table td.point { text-align:right; padding-right:20px; }

.bo-table tfoot td { background-color:#f3fefc; }
.bo-table tfoot td.total-point { text-align:right; padding-right:20px; font-weight:700; }



/* 회원정보수정
* * * * * * * * * * * * * * * * * * * */
#pageModify { }



/* 에러코드
* * * * * * * * * * * * * * * * * * * */
.errorcode-list { }
.errorcode-list li { border:1px solid #dcdcdc; border-radius:7px; padding:1.0rem; margin-bottom:10px; box-shadow:2px 2px 5px #ddd; }
.errorcode-list li dl { display:grid; grid-template-columns:4.5rem 1fr; background-color:#efeff2; margin-bottom:5px; padding:1rem 0; border-radius:7px; }
.errorcode-list li dl dt,
.errorcode-list li dl dd { display:flex; align-items:center; }
.errorcode-list li dl dt { justify-content:center; font-size: 0.928rem; color:#999999; line-height:1.35;  }
.errorcode-list li dl dd { font-size: 1.16rem; }

.errorcode-list li dl.msg { }
.errorcode-list li dl.msg dt { }
.errorcode-list li dl.msg dd { font-size: 1.16rem; color:#333333; font-weight:700; }
.errorcode-list li.list-empty { padding:5.0rem 0; text-align:center; }



























/* 1. 보증확인
* * * * * * * * * * * * * * * * * * * */
.formbox { position:relative; padding:0 20px; margin-bottom:25px; }
.formbox dl { margin-bottom:15px; }
.formbox dl dt { font-size:13px; line-height:1.35em; color:#333; margin-bottom:5px; }
.formbox dl dt.agree { margin-bottom:15px; }
.formbox dl dd { }
.formbox dl.info { margin-bottom:20px; }
.formbox dl.info dd { font-size:13px; color:#999; }

.formbox .ta { 
width:100%; height:150px; border:1px solid #d8dbe6; background-color:#fff; font-size:15px; line-height:1.25; color:#333; padding:10px; vertical-align:middle; font-weight:400; resize:none;
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
-ms-box-sizing:border-box; 
-o-box-sizing:border-box; 
box-sizing:border-box; 
}

.button_a { margin-top:50px; text-align:center; }
.button_a .btn_submit { display:inline-block; width:130px; height:50px; line-height:50px; font-size:20px; background-color:#f00a0d; text-align:center; color:#fff; border:0; outline:none; cursor:pointer; border-radius:10px; }
.button_a .btn_submit.more { background-color:#ebebeb; }

.link_a { font-size:15px; text-align:center; }
.link_a a { color:#008aff;  }

.warranty_period { text-align:center; font-size:15px; line-height:1.35em; color:#999999; padding:0 20px; margin-bottom:25px; }
.warranty_period b { color:#333; font-weight:400; }



.formbox dl.terms { }
.formbox dl.terms input[type="checkbox"] {-webkit-appearance:checkbox; display:inline-block; vertical-align:middle; cursor:pointer; }
.formbox dl.terms .textarea {  
width:100%; height:100px; border:1px solid #d8dbe6; background-color:#fff; font-size:13px; line-height:1.25; color:#555; padding:10px; vertical-align:middle; font-weight:400; resize:none; overflow-y:auto;
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
-ms-box-sizing:border-box; 
-o-box-sizing:border-box; 
box-sizing:border-box; 
}

.select-bx { position:relative; display:block; border-radius: 3px; border: solid 1px #dbdbdb; overflow:hidden; vertical-align:middle; margin-right:3px; }
.select-bx:after { position:absolute; right:0; top:0; display:block; width:34px; height:48px; background-repeat:no-repeat; background-position:center; background-image:url('../img/select.svg'); content:""; z-index:0; }
.select-bx label  { position:absolute; left:15px; top:50%; transform:translateY(-50%); font-size:13px; line-height:1.54;  color: #787878; }
.select-bx select { position:relative; display:inline-block; width:100%; height:48px; vertical-align:middle; border:0; z-index:1; font-size:13px; line-height:1.75; padding:0 15px; opacity: 0; cursor:pointer; filter: alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; appearance: none; }




/* 4. 파트너
* * * * * * * * * * * * * * * * * * * */



/* 회원가입 */
.formbox dl.address { }
.formbox dl.address dd { padding-right:0; }
.formbox dl.address dd div { margin-top:6px; }
.formbox dl.address dd .post { position:relative; margin-top:0; padding-right:100px; }

.formbox dl dt input[type="checkbox"] { display:none; }
.formbox dl dt input[type="checkbox"] + label { display:inline-block; background-repeat:no-repeat; background-position:right center; background-image:url('../img/icon_checkbox.jpg'); cursor:pointer; padding-right:22px; line-height:1.25em; }
.formbox dl dt input[type="checkbox"]:checked + label { background-image:url('../img/icon_checkbox_checked.jpg'); }

.request_message { position:relative; padding-top:30px; }

.request_message .t1,
.request_message .t2 { font-size:13px; line-height:1.35em; text-align:center; }
.request_message .t1 { color:#333; margin-bottom:7px; }
.request_message .t2 { color:#999; }


/* 정품등록 */
.reg-top { position:absolute; left:0; top:-40px; right:0; }
.reg-top .text { float:left; font-size:13px; color:#999; }
.reg-top .menu { float:right; }
.reg-top .menu a { font-size:16px; color:#999999; display:inline-block; margin-left:15px; vertical-align:middle;  }

.noti { text-align:center; padding-top:30px; }
.noti .t1,
.noti .t2 { font-size:13px; line-height:1.35em; text-align:center; }
.noti .t1 { color:#000; margin-bottom:7px; }
.noti .t2 { color:#999; }

.formbox dl .sign_place { height:350px; border:1px solid #d8dbe6; background-repeat:no-repeat; background-position:center; background-image:url('../img/text_sign.png'); background-size:80px auto; text-align:center; }
.formbox dl .sign_place img { height:100%; }

.reg_code { background-color:#f4f7fc;  font-size:14px; line-height:1.35em; padding:15px 20px; margin-bottom:20px; }
.reg_code p { margin:5px 0; }


/* terms-bx */
.terms-bx { border:1px solid #d8dbe6; margin-bottom:15px; }
.terms-bx .title { padding:0 10px; font-size: 15px; height: 48px; line-height:48px; background: url('../img/arrow.png') no-repeat 95% center; cursor:pointer; font-weight:700; }
.terms-bx .conts { padding:10px; font-size:13px; line-height:1.5em; color:#666; max-height:200px; overflow-y:auto; display:none; }


/* bo_list */
.bo_list { margin-bottom:20px; }
.bo_list li { border-bottom:1px solid #ececec; }
.bo_list li .hd { position:relative; cursor:pointer; padding:20px; overflow:hidden; }
.bo_list li .hd dl { float:left; width:130px; }
.bo_list li .hd dt { font-size:12px; color:#999; font-weight:700;  }
.bo_list li .hd dd { font-size:15px; color:#333; font-weight:700; }
.bo_list li .state { position:absolute; right:20px; top:50%; transform:translateY(-50%); display:block; width:36px; height:36px; line-height:36px; text-align:center; background-color:#333; color:#fff; font-size:20px; font-weight:700; border-radius:50px; }

.bo_list li .state.auth1 { background-color:#333; }
.bo_list li .state.auth2 { background-color:#FF0049; }
.bo_list li .state.auth3 { background-color:#55B7FE; }

.bo_list li .conts { position:relative; padding:20px; padding-top:0; display:none; }
.bo_list li .conts p { font-size:12px; color:#999999; line-height:1.5em; }

.bo_list li .conts .tag_auth { position:absolute; right:0; top:10px; width:70px; height:40px; line-height:40px; border-radius:10px 0 0 10px; background-color:#f6f6f6; font-size:15px; font-weight:700; text-align:center;  }
.bo_list li .conts .tag_auth.auth1 { color:#666666; }
.bo_list li .conts .tag_auth.auth2 { color:#f00a0d; }
.bo_list li .conts .tag_auth.auth3 { color:#3e97fe; }
.bo_list li.empty { padding:2.0rem 0; text-align:center; font-size:1.2rem; line-height:1.45; }

/* Loading */
#loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	z-index: 9999;
}

#indicator {
	position: fixed;
	top: 50%;
	left: 50%;
	background-color: #333;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 25px 5px #999;
	color: #fff;
	width: 200px;
	height: 80px;
	padding: 25px;
	margin-top: -65px;
	margin-left: -125px;
	z-index: 9998;
}

#indicator span {
	height: 20px;
	position: absolute;
	top: 55px;
	left: 100px;
	font-weight: bold;
	font-size: 18px;
	padding: 0px;
}

#indicator img {
	padding: 0px;
	position: absolute;
	left: 30px;
	top: 40px;
}