.dialog-overlay{width:100%; position:fixed; height:100%; background:rgba(0,0,0,0.5); top:0; left:0; z-index:2;}
.dialog-overlay .dialog{width:72%; left:50%; top:50%; transform:translate(-50%, -50%); position:fixed; background:#fff; max-height:94%; overflow-y:auto; padding:0px 32px 32px; box-sizing:border-box;}
.dialog-overlay .dialog::-webkit-scrollbar{width:2px;}
.dialog-overlay .dialog::-webkit-scrollbar-track{background:transparent;}
.dialog-overlay .dialog::-webkit-scrollbar-thumb{background:#F8844A;}
.dialog-overlay .dialog::-webkit-scrollbar-button{display:none; width:0rem; height:0rem;}
.dialog-overlay .dialog .dialog-header{width:100%; z-index:1; background:#fff; position:sticky; top:0; display:flex; flex-direction:column; gap:32px; padding:20px 0px 0px; align-items:end;}
.dialog-overlay .dialog .dialog-header .close-dialog-btn{width:32px;}
.dialog-overlay .dialog .dialog-header .close-dialog-btn img{width:100%;}
.dialog-overlay .dialog .dialog-header .titleA{width:100%; border-bottom:1px solid #e5e5e5; display:flex; justify-content:space-between; align-items:center; padding:0px 0px 12px 0px;}
.dialog-overlay .dialog .dialog-header .titleA .title{font-size:40px; color:#222; font-weight:bold;}
.dialog-overlay .dialog .dialog-content{width:100%; display:flex; flex-direction:column; gap:80px; margin-top:40px;}
.dialog-overlay .dialog .dialog-content .productDetail{width:100%; display:flex; gap:60px;}
.dialog-overlay .dialog .dialog-content .productDetail .thumbnail{width:40%; background:#f7f7f7; padding:80px; box-sizing:border-box;}
.dialog-overlay .dialog .dialog-content .productDetail .thumbnail img{width:100%;}
.dialog-overlay .dialog .dialog-content .productDetail .information{width:60%;}
.dialog-overlay .dialog .dialog-content .productDetail .information .productName{width:100%; display:flex; gap:12px; align-items:center;}
.dialog-overlay .dialog .dialog-content .productDetail .information .productName .name{font-size:40px; color:#222; font-weight:bold;}
.dialog-overlay .dialog .dialog-content .productDetail .information .productName .tagList{display:flex; gap:4px;}
.dialog-overlay .dialog .dialog-content .productDetail .information .productName .tagList li{width:auto; padding:4px 16px; border-radius:50px; background:#F8844A; color:#fff; font-size:15px;}
.dialog-overlay .dialog .dialog-content .productDetail .information .discription{font-size:18px; margin-top:12px; word-break:keep-all; color:#444; line-height:28px;}

.dialog-overlay .dialog .dialog-content .productDetail .information .detailInformation{width:100%; margin-top:24px;}
.dialog-overlay .dialog .dialog-content .productDetail .information .detailInformation .subjectA{width:100%; padding:12px 0px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; display:flex; justify-content:space-between;}
.dialog-overlay .dialog .dialog-content .productDetail .information .detailInformation .subjectA .subject{font-size:24px; color:#222; font-weight:500;}
.dialog-overlay .dialog .dialog-content .productDetail .information .detailInformation .subjectA .toggle-btn{width:24px; height:24px; border:1px solid #e5e5e5; border-radius:50%; position:Relative;}
.dialog-overlay .dialog .dialog-content .productDetail .information .detailInformation .subjectA .toggle-btn div:first-child{width:2px; height:12px; background:#e5e5e5; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.dialog-overlay .dialog .dialog-content .productDetail .information .detailInformation .subjectA .toggle-btn div:last-child{width:12px; height:2px; background:#e5e5e5; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.dialog-overlay .dialog .dialog-content .productDetail .information .detailInformation .detailInfoList{width:100%; padding-left:20px; box-sizing:border-box; margin-top:20px; display:flex; gap:4px; flex-direction:column;}
.dialog-overlay .dialog .dialog-content .productDetail .information .detailInformation .detailInfoList li{width:100%; list-style:disc; font-size:16px; color:#444;}

.dialog-overlay .dialog .dialog-content .optionDetail{width:100%; display:flex;}
.dialog-overlay .dialog .dialog-content .optionDetail dd{width:100%; border-right:1px solid #e5e5e5; padding-right:60px; box-sizing:border-box;}
.dialog-overlay .dialog .dialog-content .optionDetail dd:last-child{width:100%; border-right:0px solid #e5e5e5; padding-right:0px; padding-left:60px;}
.dialog-overlay .dialog .dialog-content .optionDetail dd .subject{font-size:24px; color:#222; font-weight:500;}
.dialog-overlay .dialog .dialog-content .optionDetail dd .optionList{width:100%; margin-top:20px; display:flex; gap:4px; flex-direction:column; padding-left:20px; box-sizing:border-box;}
.dialog-overlay .dialog .dialog-content .optionDetail dd .optionList li{width:100%; list-style:disc; font-size:16px; color:#444;}

.dialog-overlay .dialog .dialog-content .specTable{width:100%;}
.dialog-overlay .dialog .dialog-content .specTable table{width:100%; border:1px solid #e5e5e5;}
.dialog-overlay .dialog .dialog-content .specTable table thead tr th{background:#f7f7f7;}
.dialog-overlay .dialog .dialog-content .specTable table th, .dialog-overlay .dialog .dialog-content .specTable table td{padding:12px 12px; font-size:16px; color:#444; word-break:keep-all; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; font-weight:normal;}

.dialog-overlay .dialog .dialog-action{width:100%; display:flex; justify-content:center; margin-top:32px;}
.dialog-overlay .dialog .dialog-action a{color:#fff;}