@charset "utf-8";

#product-detail,#product-detail *,#cpb-detail-tab,#cpb-detail-tab *,.cpb-relation,.cpb-relation *,.cpb-move,.cpb-move *{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",Arial,sans-serif;}


/*스크롤 디자인*/
body::-webkit-scrollbar{width:7px;height:2px;}
body::-webkit-scrollbar-thumb{background-color:var(--color-text-black);border:1px solid var(--color-border-black);border-radius:12px;min-height:120px;}
.custom_scroll::-webkit-scrollbar{width:2px;height:2px;}
.custom_scroll::-webkit-scrollbar-thumb{background-color:var(--color-bg-gray-900);border:1px solid var(--color-border-black);border-radius:12px;min-height:120px;}
.custom_scroll2::-webkit-scrollbar{width:2px;height:2px;}
.custom_scroll2::-webkit-scrollbar-thumb{background-color:var(--color-bg-gray-100);border:1px solid var(--color-border-gray-200);border-radius:12px;min-height:120px;}

#wrap{position:relative;width:100%;height:100%;min-height:auto;overflow:initial;margin:0 auto 0;}
#container{width:100%;max-width:100%;margin:0 auto;*zoom:1;}

.width420{width:420px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
.width480{width:480px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
.width640{width:640px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
.width720{width:720px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
.width1024{width:1024px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
.width1200{width:1200px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
.width1280{width:1280px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
.width1440{width:1440px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
.width1600{width:1600px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
.width1920{width:1920px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}

.padding-lr{padding-left:var(--padding-lr)!important;padding-right:var(--padding-lr)!important;box-sizing:border-box;}
.section_margin_top{margin-top:var(--section-margin-top)!important;}
.section_margin_top_half{margin-top:var(--section-margin-top2)!important;}
/*스크롤 이벤트 관련*/
.mov{opacity:0;transform:translate(0,50px);transition:0.75s var(--transition);}
.mov.act{opacity:1;transform:translate(0,0);}
.movload{opacity:0;transition:1.2s var(--transition);}
.movload.act{opacity:1;}
/************************/
.marginT12{margin-top:12px;}
.marginT24{margin-top:24px;}
.marginT32{margin-top:32px;}

.pc-text{display:block!important;}
.mo-text{display:none!important;}
.pc-text-flex{display:flex!important;}
.mo-text-flex{display:none!important;}
@media(max-width:1024px){
.pc-text{display:none!important;}
.mo-text{display:block!important;}
.pc-text-flex{display:none!important;}
.mo-text-flex{display:flex!important;}       
}

/************************************************************************/
/*
.cpb-btn-select{}
.cpb-select select.cpb-select01{max-width:100%;height:40px;padding:0 30px 0 15px;border:1px solid var(--color-border-gray400)!important;box-sizing:border-box;border-radius:8px;background-color:var(--color-btn-bg)!important;font-size:13px;line-height:1em;font-weight:400;color:var(--color-btn-text)!important;}
.cpb-select .cpb-select01 select{max-width:100%;height:40px;padding:0 30px 0 15px;border:1px solid var(--color-btn-border)!important;box-sizing:border-box;border-radius:8px;background-color:var(--color-btn-bg)!important;font-size:13px;line-height:1em;font-weight:400;color:var(--color-btn-text)!important;}
.cpb-select select.cpb-select02{max-width:100%;height:40px;padding:0 30px 0 15px;border:1px solid var(--color-btn-border2)!important;box-sizing:border-box;border-radius:8px;background-color:var(--color-btn-bg2)!important;font-size:13px;line-height:1em;font-weight:400;color:var(--color-btn-text2)!important;}
.cpb-select .cpb-select02 select{max-width:100%;height:40px;padding:0 30px 0 15px;border:1px solid var(--color-btn-border2)!important;box-sizing:border-box;border-radius:8px;background-color:var(--color-btn-bg2)!important;font-size:13px;line-height:1em;font-weight:400;color:var(--color-btn-text2)!important;}
*/
/*20260213*/
/* CPB 셀렉트 버튼*/
.cpb-select-box{display:inline-flex;gap:10px;}
.cpb-select-box .cpb-select01{max-width:100%;height:40px;padding:0 30px 0 15px;border:1px solid var(--color-select-border-gray-900)!important;box-sizing:border-box;border-radius:8px;background-color:var(--color-select-bg-white)!important;}
.cpb-select-box .cpb-select01{font-size:13px;line-height:1em;font-weight:400;color:var(--color-select-text-black)!important;}
.cpb-select-box .cpb-select02{max-width:100%;height:40px;padding:0 30px 0 15px;border:1px solid var(--color-select-border-gray-900)!important;box-sizing:border-box;border-radius:8px;background-color:var(--color-select-bg-gray-900)!important;}
.cpb-select-box .cpb-select02{font-size:13px;line-height:1em;font-weight:400;color:var(--color-select-text-black)!important;}

/*셀렉트 버튼 모듈 노출형식*/
.cpb-select-box-type2{display:inline-flex;gap:10px;}
.cpb-select-box-type2 .cpb-select01{}
.cpb-select-box-type2 .cpb-select01 select{max-width:100%;height:40px;padding:0 30px 0 15px;border:1px solid var(--color-select-border-gray-900)!important;box-sizing:border-box;border-radius:8px;background-color:var(--color-select-bg-white)!important;}
.cpb-select-box-type2 .cpb-select01 select{font-size:13px;line-height:1em;font-weight:400;color:var(--color-select-text-black)!important;}
.cpb-select-box-type2 .cpb-select02 select{max-width:100%;height:40px;padding:0 30px 0 15px;border:1px solid var(--color-select-border-gray-900)!important;box-sizing:border-box;border-radius:8px;background-color:var(--color-select-bg-gray-900)!important;}
.cpb-select-box-type2 .cpb-select02 select{font-size:13px;line-height:1em;font-weight:400;color:var(--color-select-text-black)!important;}
/************************************************************************/
/* CPB 입력 버튼*/
.cpb-input-box{display:inline-flex;gap:10px;}
.cpb-input-box .cpb-input01{max-width:100%;height:40px;padding:0 30px 0 15px;border:1px solid var(--color-select-border-gray-900)!important;box-sizing:border-box;border-radius:8px;background-color:var(--color-select-bg-white)!important;}
.cpb-input-box .cpb-input01{font-size:13px;line-height:1em;font-weight:400;color:var(--color-select-text-black)!important;}
.cpb-input-box .cpb-input02{max-width:100%;height:40px;padding:0 30px 0 15px;border:1px solid var(--color-select-border-gray-900)!important;box-sizing:border-box;border-radius:8px;background-color:var(--color-select-bg-gray-900)!important;}
.cpb-input-box .cpb-input02{font-size:13px;line-height:1em;font-weight:400;color:var(--color-select-text-black)!important;}

/* CPB 입력 모듈 노출형식*/
.cpb-input-box-type2{display:inline-flex;gap:10px;}
.cpb-input-box-type2 .cpb-input01 input{max-width:100%;height:40px;padding:0 30px 0 15px;border:1px solid var(--color-select-border-gray-900)!important;box-sizing:border-box;border-radius:8px;background-color:var(--color-select-bg-white)!important;}
.cpb-input-box-type2 .cpb-input01 input{font-size:13px;line-height:1em;font-weight:400;color:var(--color-select-text-black)!important;}
.cpb-input-box-type2 .cpb-input02 input{max-width:100%;height:40px;padding:0 30px 0 15px;border:1px solid var(--color-select-border-gray-900)!important;box-sizing:border-box;border-radius:8px;background-color:var(--color-select-bg-gray-900)!important;}
.cpb-input-box-type2 .cpb-input02 input{font-size:13px;line-height:1em;font-weight:400;color:var(--color-select-text-black)!important;}
/************************************************************************/

/*CPB 버튼*/

.cpb-btn-box{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:6px;}
.cpb-btn-box.column{flex-flow:column nowrap;align-items:initial;}
.cpb-btn-box.inline-flex{display:inline-flex;}
/************************/
.cpb-btn-box.left{justify-content:start;}
.cpb-btn-box.right{justify-content:flex-end;}
.cpb-btn-box.between{justify-content:space-between;}
/************************/
.cpb-btn-box .cpb-btn01{display:flex;align-items:center;justify-content:center;width:auto;min-width:100px;height:40px;border:1px solid var(--color-border-key01)!important;background-color:var(--color-bg-key01)!important;padding:0 12px;border-radius:8px;box-sizing:border-box;transition:0.3s var(--transition);text-align:center;gap:4px;}
.cpb-btn-box .cpb-btn01{font-size:14px;line-height:40px;font-weight:400;color:var(--color-btn-text-white)!important;}

.cpb-btn-box .cpb-btn02{display:flex;align-items:center;justify-content:center;width:auto;min-width:100px;height:40px;border:1px solid var(--color-btn-border-gray-900)!important;background-color:var(--color-btn-bg-white)!important;padding:0 12px;border-radius:8px;box-sizing:border-box;transition:0.3s var(--transition);text-align:center;gap:4px;}
.cpb-btn-box .cpb-btn02{font-size:14px;line-height:40px;font-weight:400;color:var(--color-btn-text-black)!important;}

.cpb-btn-box .cpb-btn01:hover{background-color:var(--color-bg-key01)!important;border:1px solid var(--color-border-key01)!important;color:var(--color-btn-text-white)!important;}
.cpb-btn-box .cpb-btn02:hover{background-color:var(--color-bg-key01)!important;border:1px solid var(--color-border-key01)!important;color:var(--color-btn-text-white)!important;}

/************************/
.cpb-btn-box.width{width:100%;}
.cpb-btn-box.full .cpb-btn01,
.cpb-btn-box.full .cpb-btn02{flex:1;}

/************************************************************************/

@media(max-width:1024px){
.cpb-btn-box.full{width:100%;}
}