:root{--main-color:#df0000;}
.main-color{--main-color:#df0000 !important;}

#wrapper_title { display: none !important; } 
em { font-style: normal !important; } 
.img-blind, .blind { display: none !important; } 
.page-content-container { position: relative; width: 100%; min-height: 80vh; padding-top: 25px; } 
.content-main-container { position: relative; width: 100%; padding: 0; max-width: calc( 100% - 380px ); z-index: 10; background-color: #fff; } 
.content-right-fixed-container { position: absolute; top: 0; right: 0; transition: all 0.2s ease; padding: 0; } 
.right-fixed-inner-container { position: relative; background-color: #fff; } 
.flan_point { color:var(--coloraccent); } 

@media(max-width: 1024px){
    .page-content-container { min-height: unset; padding: 0; } 
    .content-main-container { max-width: 100%; } 
    .content-right-fixed-container { position: fixed !important; top: unset; left:0; width: 100%; bottom: 0; right: 0; transition: all 0.2s ease; padding: 0; z-index: 1001; } 
    .right-fixed-inner-container { position: relative; background-color: #fff; } 
}

/* list */
.device-list-wrapper { display: grid; gap: 20px; width: 100%; max-width: 100%; padding: 0 10px; box-sizing: border-box; grid-template-columns: repeat(2, 1fr); margin-top: 25px; } 

@media (max-width: 768px){
    .device-list-wrapper { grid-template-columns: repeat(2, 1fr);gap:10px; } 
 }

@media (min-width: 1280px){
    .device-list-wrapper { padding: 0; grid-template-columns: repeat(4, 1fr); max-width: 100%; } 
 }

.device-list-item.loading .skeleton { background-color: #eee; height: 16px; margin: 5px 0; border-radius: 4px; animation: pulse 1.5s infinite; } 
.skeleton.name { width: 60%; height: 20px; } 
.skeleton.price { width: 40%; height: 18px; } 
.skeleton.telecom { width: 30%; height: 16px; } 

@keyframes pulse { 
 0% { background-color: #eee; } 
 50% { background-color: #ddd; } 
 100% { background-color: #eee; } 
 }

/* 상품 아이템 스타일 */
.device-list-item { background: #fff; border: 1px solid #ddd; border-radius: 8px; text-align: center; } 
.list-item-box { position: relative; } 
.device-image { position: relative; padding: 15px 0; } 
.device-image > a { display: block; } 
.device-image > a > img { height: auto; max-width: 200px; max-height: 200px; } 
.device-image > .item-icons { position: absolute; left: 10px; top: 10px; } 
.device-image > .item-icons > .icon { display: inline-block; padding: 0 7px; font-weight: normal; border-radius: 3px; line-height: 22px; font-size: 13px; } 
.device-content { position: relative; padding: 0 15px 15px 15px; } 
.device-content > .device-name { margin-bottom: 7px; } 
.device-content > .giga-list { display: flex;flex-wrap:wrap;gap:5px; justify-content: center;} 
.device-content > .giga-list > li {}
.device-content > .giga-list > li + li { margin-left: 3px; } 
.device-content > .giga-list > li > span { display: inline-block; padding: 0 6px; font-size: 12px; border-radius: 6px; border: 1px solid #ddd; color: #333; line-height: 21px; } 
.device-content > .color-list { display: flex; justify-content: center; margin-top: 7px; } 
.device-content > .color-list > li {}
.device-content > .color-list > li + li { margin-left: 3px; } 
.device-content > .color-list > li > .color-cicle { width: 17px; height: 17px; } 
.device-content > .color-list > li > .color-name { display: none; } 
.device-content > .model-tags { display: flex; justify-content: center; margin-top: 7px; } 
.device-content > .model-tags > .device-tag { display: inline-block; font-size: 14px; font-weight: 700; color: var(--coloraccent); } 
.device-content > .model-tags > .device-tag + .device-tag { margin-left: 5px; } 
.device-content > .price-box { position: relative; padding: 15px 25px; } 
.device-content > .price-box dl { display: flex; justify-content: space-between; line-height: 28px; }
.device-content > .price-box dl dd.strike { position: relative; }
.device-content > .price-box dl dd.strike:before { position: absolute; top: 50%; content: ''; width: 100%; height: 1px; background-color: #333; }
.device-content > .price-box dl .channel-telecom {}
.device-content > .price-box dl.channel-row dt { display: flex; white-space:nowrap; } 
.device-content > .price-box dl.channel-row dt span { align-self: center; } 
.device-content > .price-box dl.channel-row dt span + span { margin-left: 7px; } 
.device-content > .price-box dl.channel-row dd { font-size: 19px; font-weight: 700; color: var(--coloraccent); white-space:nowrap; }
.device-content > .price-box dl dt .channel-telecom img { width: 17px; height: 17px; } 
.device-content > .price-box dl.discount-price { margin-top: 5px; }
.device-content > .price-box dl.discount-price dt span { display: inline-block; padding: 4px 12px; line-height: 19px; background-color: var(--coloraccent); color: #fff; text-align: center; border-radius: 12px; }
.device-content > .price-box dl.discount-price dd { display: inline-block; align-self: center; font-size: 24px; font-weight: 700; color: var(--coloraccent); letter-spacing: -1px; }
@media(max-width: 1400px){
	.device-content > .price-box {padding: 15px 20px; } 
}
@media(max-width: 768px){
    .device-list-item { background: #fff; border: 1px solid #f5f5f5; border-radius: 8px; text-align: center; } 
    .list-item-box { position: relative; } 
    .device-image { position: relative; padding: 15px; } 
    .device-image > a { display: block; } 
    .device-image > a > img { max-width: 100%; height: auto; } 
    .device-image > .item-icons { position: absolute; left: 10px; top: 10px; } 
    .device-image > .item-icons > .icon { display: inline-block; padding: 0 7px; font-weight: normal; border-radius: 3px; line-height: 22px; font-size: 13px; } 
    .device-content { position: relative; padding: 0 15px 15px 15px; } 
    .device-content > .device-name { margin-bottom: 7px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    .device-content > .giga-list { display: flex; justify-content: center;  min-height:60px; } 
    .device-content > .giga-list > li {}
    .device-content > .giga-list > li + li { margin-left: 3px; } 
    .device-content > .giga-list > li > span { display: inline-block; padding: 0 6px; font-size: 12px; border-radius: 6px; border: 1px solid #ddd; color: #333; line-height: 21px; } 
    .device-content > .color-list { display: flex; justify-content: center; margin-top: 7px; } 
    .device-content > .color-list > li {}
    .device-content > .color-list > li + li { margin-left: 3px; } 
    .device-content > .color-list > li > .color-cicle { width: 17px; height: 17px; } 
    .device-content > .color-list > li > .color-name { display: none; } 
    .device-content > .model-tags { display: flex; justify-content: center; margin-top: 7px; } 
    .device-content > .model-tags > .device-tag { display: inline-block; font-size: 14px; font-weight: 700; color: var(--coloraccent); } 
    .device-content > .model-tags > .device-tag + .device-tag { margin-left: 5px; } 
    .device-content > .price-box { position: relative; padding: 5px 0; font-size: 12px; } 
    .device-content > .price-box dl { display: flex; justify-content: space-between; line-height: 28px; }
    .device-content > .price-box dl dd.strike { position: relative; }
    .device-content > .price-box dl dd.strike:before { position: absolute; top: 50%; content: ''; width: 100%; height: 1px; background-color: #333; }
    .device-content > .price-box dl .channel-telecom {}
    .device-content > .price-box dl.channel-row dt {white-space:nowrap; } 
    .device-content > .price-box dl.channel-row dt span { } 
    .device-content > .price-box dl.channel-row dt span + span { margin-left: 3px; } 
    .device-content > .price-box dl.channel-row dd { font-size: 13px;}
    .device-content > .price-box dl dt .channel-telecom img { } 
    .device-content > .price-box dl.discount-price { }
    .device-content > .price-box dl.discount-price dt span { display: inline-block; padding: 2px 6px; font-size: 11px; border-radius: 6px; line-height: 19px; }
    .device-content > .price-box dl.discount-price dd { display: inline-block; align-self: center; font-size: 14px; font-weight: 700; color: var(--coloraccent); letter-spacing: -1px; }
}

/* view */
.shop-table-container { padding:0 15px; } 
.image-skeleton { width: 320px; height: 320px !important; background-color: #eee; border-radius: 6px; animation: pulse 1.5s infinite ease-in-out; } 
.thumb-skeleton { width: 75px; height: 75px !important; background-color: #eee; border-radius: 6px; animation: pulse 1.5s infinite ease-in-out; } 
@keyframes pulse { 
 0% { background-color: #eee; } 
 50% { background-color: #f5f5f5; } 
 100% { background-color: #eee; } 
 }
.content-title-nav { position: relative; display: flex; padding: 15px 0 8px 0; border-bottom: 1px solid #ddd; } 
.content-title { display: flex; align-items: center; } 
.device-title_display_name { font-size: 32px; font-weight: 700; line-height: 43px; letter-spacing: -.5px; color: var(--darknavy); }
.device-title_model_name { margin-left: 5px; font-size: 24px; align-self: center; font-weight: 600; color: var(--darkgray); } 
.device-score { margin-left: 10px; } 

@media(max-width: 1280px){
    .content-title { padding: 0 10px}
    .device-title_display_name { font-size: 19px; } 
    .device-title_model_name { font-size: 15px; } 
 }

.device-item-box { position: relative; display: flex; width: 100%; padding: 25px 0; justify-content: center; } 
.device-item { position: relative; flex: 0 0 320px; max-width: 320px; } 
.device-condition { flex: 1 1 auto; max-width: calc( 100% - 320px ); padding: 0 40px 0 65px; } 


@media(max-width: 1280px){
 .device-item-box { flex-wrap: wrap; padding: 0; } 
 .device-item { flex: 1 1 100%; max-width: 100%; } 
 .device-condition { flex 1 1 100%; max-width: 100%; /*padding: 0 15px; */ padding:0 0 ;margin-top: 25px; } 
 }

.device-image-slice, .device-thumb-slice { transition: opacity 0.3s ease, transform 0.3s ease; } 
.device-image-slice .image-item, .device-thumb-slice .thumb-item { width: 100%; height: 100%; } 
.device-image-slice .image-item img, .device-thumb-slice .thumb-item img { display: block; width: 100%; height: auto; object-fit: contain; } 
.device-image { position: relative; width: 100%; } 
.device-image-container { position: relative; } 
.device-image-slice { position: relative; width: 100%; max-width: 100%; display: flex; overflow: hidden; } 
.device-image-slice > .image-item { display: none; flex: 1 1 100%; max-width: 320px; /* padding: 15px; */ overflow: hidden; } 
.device-image-slice > .image-item.active { display: block; } 
.device-image-slice > .image-item img { width: 100%; height: auto; } 

@media(max-width: 1280px){
    .device-image-slice { } 
    .device-image-slice > .image-item { max-width: 100%; } 
    .device-image-slice > .image-item.active { } 
    .device-image-slice > .image-item img { } 
 }

.device-thumb-container { position: relative; margin-top: 15px; } 
.device-thumb-slice { position: relative; display: flex; } 
.device-thumb-slice > .thumb-item { flex: 1 1 25%; max-width: 25%; padding: 5px; } 
.device-thumb-slice > .thumb-item img { width: 100%; height: auto; cursor: pointer; } 

@media(max-width: 1280px){
    .device-thumb-container { } 
    .device-thumb-slice { } 
    .device-thumb-slice > .thumb-item { border: 1px solid #ddd; } 
    .device-thumb-slice > .thumb-item + .thumb-item { margin-left: 5px; } 
    .device-thumb-slice > .thumb-item img { } 
 }

.device-option { margin-top: 25px; position: relative; display: flex; justify-content: center; } 
.device-option > .option { position: relative; } 
.device-option > .option + .option { margin-left: 7px; } 
.device-option > .option > .option-title { display: inline-block; color: var(--colornavy); font-size: 13px; font-weight: 500; padding-left: 3px; margin-bottom: 3px; } 
.option-select-box[data-role="selectbox"] { position: relative; display: flex; width: 160px; height: 48px; line-height: 48px; padding: 0 16px 0 16px; border: 1px solid #ddd; border-radius: 6px; align-self: center; } 
.option-select-box[data-role="selectbox"] > .option-select-content { display: flex; font-size: 14px; } 
.option-select-box[data-role="selectbox"] > button { display: inline-block; background-color: transparent; margin-left: auto; align-self: center; padding: 0; } 
.option-select-box[data-role="selectbox"] > button > .svg-icon-arrow { width: 19px; height: 19px; color: var(--colorgray); transform: rotate(-180deg); } 
.option.open .option-select-box[data-role="selectbox"] > button > .svg-icon-arrow { transform: rotate(0); } 
.option-select-item { position: absolute; display: none; width: 100%; top: calc( 100% + 10px ); left: 0; padding: 4px; border: 1px solid #ddd; border-radius: 6px; background-color: #fff; box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, .08); } 
.option.open .option-select-item { display: block; } 
.option-select-item > ul {}
.option-select-item > ul > li { position: relative; display: flex; flex-wrap: wrap; padding: 12px 4px; } 
.option-select-item > ul > li:hover { background-color: #f1f1f1; cursor: pointer; } 
.option-select-item > ul > li.selected { color: var(--coloraccent); } 
.option-select-item > ul > li.selected:before { position: absolute; width: 9px; height: 2px; background-color: var(--coloraccent); content: ''; 
    transform: translateY(-50%) rotate(45deg); right: 22px; top: 50%; } 
.option-select-item > ul > li.selected:after { position: absolute; width: 17px; height: 2px; background-color: var(--coloraccent); content: ''; 
    transform: translateY(-50%) rotate(-45deg); right: 10px; top: calc( 50% - 3px); } 
.option-select-item > ul > li + li { padding: 6px 4px 6px 4px; } 
.option-select-item > ul > li > span { display: inline-block; font-size: 13px; line-height: 18px; align-self: center; } 
.option-select-item > ul > li > b { display: inline-block; font-size: 14px; line-height: 18px; align-self: center; } 
.option-select-item > ul > li > span.option-text { display: block; flex: 1 1 100%; font-size: 14px; font-weight: 600; } 
.option-select-item > ul > li > span.option-text-sm { font-size: 12px; flex: 1 1 100%; color: var(--darkgray); } 
.color-circle { display: inline-block; width: 19px; height: 19px; border-radius: 50%; border: 1px solid #666; align-self: center; } 
.color-circle + .color-name { display: inline-block; margin-left: 7px; align-self: center; height: 19px; line-height: 19px; 
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} 
.color-display { display: flex; } 

@media(max-width: 1280px){
	.device-option { margin: 0; flex-wrap: wrap; z-index: 2; } 
	.device-option > .option { flex: 1 1 100%; max-width: 100%;/* padding: 0 15px;*/ } 
	.device-option > .option + .option { margin: 0px; margin-top: 12px; } 
	.device-option > .option > .option-title { } 
	.option-select-box[data-role="selectbox"] { width: 100%; height: 42px; line-height: 42px; } 
	.option-select-box[data-role="selectbox"] > .option-select-content { padding-left: 10px; } 
	.option-select-box[data-role="selectbox"] > button { } 
	.option-select-box[data-role="selectbox"] > button > .svg-icon-arrow { } 
	.option.open .option-select-box[data-role="selectbox"] > button > .svg-icon-arrow { } 
	.option-select-item { width: calc( 100% - 30px ); top: calc( 100% + 10px ); left: 15px; z-index: 3; } 
	.option.open .option-select-item { display: block; } 
	.option-select-item > ul { padding: 12px 15px; } 
	.option-select-item > ul > li { position: relative; display: flex; flex-wrap: wrap; padding: 6px 4px; } 
	.option-select-item > ul > li:hover { background-color: #f1f1f1; cursor: pointer; } 
	.option-select-item > ul > li.selected { color: var(--coloraccent); } 
	.option-select-item > ul > li.selected:before { position: absolute; width: 9px; height: 2px; background-color: var(--coloraccent); content: ''; 
	transform: translateY(-50%) rotate(45deg); right: 22px; top: 50%; } 
	.option-select-item > ul > li.selected:after { } 
	.option-select-item > ul > li + li { } 
	.option-select-item > ul > li > span { } 
	.option-select-item > ul > li > b { } 
	.option-select-item > ul > li > span.option-text { } 
	.option-select-item > ul > li > span.option-text-sm { } 
	.color-circle { } 
	.color-circle + .color-name { } 
	.color-display { } 
 }

.condition-row { position: relative; } 
.condition-row + .condition-row { margin-top: 25px; } 
.condition-title { position: relative; display: flex; } 
.condition-title > span { display: inline-block; font-size: 17px; font-weight: 600; } 
.condition-title b { color: var(--coloraccent); } 
.condition-item { position: relative; padding: 7px 0px 3px 0px; } 
.condition-radio-group {}
.condition-radio-group.radio-col { display: flex; } 
.condition-radio-group.radio-col .condition-radio-box { flex: 1 1 auto; max-width: 33.3333%; } 
.condition-radio-group.radio-col .condition-radio-box + .condition-radio-box { margin-left: 7px; } 
.condition-radio-group .condition-radio-box > input[type="radio"] { display: none; } 
.condition-radio-group .condition-radio-box label { font-size: 16px; font-weight: 600; } 
.condition-radio-group .condition-radio-box input[type="radio"] + label { display: flex; width: 100%; justify-content: center; background-color: #fff; 
	border: 1px solid var(--colorgray); color: var(--darkgray); padding: 0 1rem; height: 48px; line-height: 48px; cursor: pointer; white-space: nowrap; border-radius: 8px; } 
.condition-radio-group .condition-radio-box input[type="radio"] + label img { width: auto; max-width: 30px; max-height: 30px; } 
.condition-radio-group .condition-radio-box input[type="radio"]:checked + label { border: 2px solid var(--colorblack); } 
.condition-radio-group.radio-row .condition-radio-box input[type="radio"] + label { justify-content: flex-start; } 
.condition-radio-group.radio-row .condition-radio-box input[type="radio"] + label > b { display: inline-block; } 
.condition-radio-group.radio-row .condition-radio-box input[type="radio"] + label > b + span { display: inline-block; margin-left: 5px; font-size: 14px; color: var(--colorgray); } 
.condition-radio-group.radio-row .condition-radio-box + .condition-radio-box { margin-top: 7px; } 
.condition-radio-group .condition-radio-box > input[type="radio"] + label:before, .condition-radio-group .condition-radio-box > input[type="radio"] + label:after { all: unset; } 
.condition-bill-item { position: relative; padding: 1rem; border: 2px solid var(--colorblack); border-radius: 8px; } 
.bill-info { position: relative; display: flex; font-size: 19px; font-weight: 600; } 
.bill-info > .bill-name {}
.bill-info > .bill-price { margin-left: auto; color: var(--coloraccent); } 
.bill-content { padding: 12px 0 7px 10px; font-size: 14px; color: var(--colorgray); } 
.condition-more { margin-top: 12px; } 
.condition-more > .btn-bill-more { width: 100%; text-align: center; padding: 0 1rem; border: 1px solid var(--colorgray); border-radius: 8px; font-size: 15px; line-height: 41px; 
	height: 41px; } 
.condition-item.sales-type { padding: 15px; background: #FCF8FA; margin-top: 8px; border-radius: 8px; } 
.condition-sales-box { position: relative; padding-left: 15px; } 
.condition-sales-box + .condition-sales-box { margin-top: 15px; }
.condition-sales-box > .sales-title { font-size: 17px; font-weight: 500; margin-bottom: 7px; } 
.condition-sales-box > .sales-content > label { font-size: 15px; letter-spacing: -0.5px; font-weight: 400; } 
.condition-sales-box > .sales-content > label > b { display: inline-block; color: var(--coloraccent); margin-left: 3px; } 

@media(max-width: 1280px){
	.condition-row { } 
	.condition-row + .condition-row { } 
	.condition-title { } 
	.condition-row:last-child { margin-bottom: 25px; } 
	.condition-title > span { display: inline-block; font-size: 13px; font-weight: 600; } 
	.condition-title b { color: var(--coloraccent); } 
	.condition-item { } 
	.condition-radio-group {}
	.condition-radio-group.radio-col { } 
	.condition-radio-group.radio-col .condition-radio-box { } 
	.condition-radio-group.radio-col .condition-radio-box + .condition-radio-box { } 
	.condition-radio-group .condition-radio-box > input[type="radio"] { } 
	.condition-radio-group .condition-radio-box label { font-size: 14px; font-weight: 600; } 
	.condition-radio-group .condition-radio-box input[type="radio"] + label { padding: 0 1rem; height: 38px; line-height: 38px; } 
	.condition-radio-group .condition-radio-box input[type="radio"] + label img { } 
	.condition-radio-group .condition-radio-box input[type="radio"]:checked + label { } 
	.condition-radio-group.radio-row .condition-radio-box input[type="radio"] + label { } 
	.condition-radio-group.radio-row .condition-radio-box input[type="radio"] + label > b { } 
	.condition-radio-group.radio-row .condition-radio-box input[type="radio"] + label > b + span { font-size: 12px; } 
	.condition-radio-group.radio-row .condition-radio-box + .condition-radio-box { margin-top: 7px; } 
	.condition-radio-group .condition-radio-box > input[type="radio"] + label:before,
	.condition-radio-group .condition-radio-box > input[type="radio"] + label:after { all: unset; } 
	.condition-bill-item { } 
	.bill-info { font-size: 15px; } 
	.bill-info > .bill-name {}
	.bill-info > .bill-price { } 
	.bill-content { font-size: 12px; } 
	.condition-more { margin-top: 12px; } 
	.condition-more > .btn-bill-more { font-size: 14px; } 
	.condition-item.sales-type { padding: 15px 5px; } 
	.condition-sales-box { padding: 0px; } 
	.condition-sales-box + .condition-sales-box { margin-top: 15px; } 
	.condition-sales-box > .sales-title { font-size: 14px; font-weight: 500; margin-bottom: 7px; } 
	.condition-sales-box > .sales-content > label { font-size: 12px; letter-spacing: -0.8px; font-weight: 400; padding: 0 .5rem; } 
	.condition-sales-box > .sales-content > label > b { display: inline-block; color: var(--coloraccent); margin-left: 2px; } 
 }

/* calc */
.calculation-mobile-box, .mobile-toggle-button { display: none; } 
.right-fixed-inner-container { position: relative; width: 360px; min-height: 450px; border: 2px solid #000; border-radius: 25px; display: flex; flex-direction: column; } 
.right-fixed-inner-container > .calculation-inner-box { position: relative; padding: 25px 20px; } 
.right-fixed-inner-container > .calculation-button-box { margin-top: auto; position: relative; padding: 0 20px 15px 20px; } 
.calc-box { position: relative;/* margin-bottom: 25px; */}
.line-btm {padding-bottom: 25px;border-bottom: 1px solid #ddd;}
.calc-box + .calc-box { margin-top: 25px; } 
.calc-box > dl { position: relative; display: flex; height: 31px; line-height: 31px; } 
.calc-strong { font-size: 16px; font-weight: 700; } 
.calc-strong dt { }
.calc-strong dd { color: var(--coloraccent); } 
.calc-meta > .calc-strong { display: block; background-color: #e51e20; font-weight: 600; text-align: center; padding: 14px; height: auto; line-height: 1.2; font-size: 20px; } 
.calc-meta > .calc-strong > dt { font-size: 15px; font-weight: 400; color: #fff; } 
.calc-meta > .calc-strong > dd { font-size: 30px; font-weight: 700; color: #fff; } 
.calc-box > dl + dl {}
.calc-box > dl > dt { position: relative;color:#333; } 
.calc-box > dl > dd { position: relative; margin-left: auto; } 
.calc-box > dl > dd em { padding-right:5px; } 
.calc-normal { font-weight: 700; font-size:1.15em; } 
.text-discount { color:var(--coloraccent); } 
.calc-normal > dt {}
.calc-normal > dd { color: var(--coloraccent); } 
.calc-normal-light { /* padding-left: 10px; */ font-size: 15px; } 
dl.calc-desc-light { font-size: 15px; height: 27px; line-height: 27px; } 
.calc-desc-light > dt:before { display: inline-block; width: 12px; height: 12px; margin-right: 4px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgBzc+9DYAgFATgO2J0DTdwBcaxoNCEAbC3dB91MYWSEH5CQcLXvZe74oC+KX3c62bmXEb4B0mJAoFK7QtD+BgnLkrHh1+necLC+3/c3XgkSPTHAubNC3w+XnKQAAAAAElFTkSuQmCC) no-repeat 0 0; content: ""; } 
.calc-button-group { position: relative; display: flex; } 
.calc-button-group > button { display: flex; justify-content: center; align-items: center; flex: 1 1 auto; max-width: 100%; border-radius: 8px; height: 40px; background-color: #f9fafb; border: 1px solid #d1d5db; } 
.calc-button-group > button + button { margin-left: 5px; } 
.calc-button-group + .calc-button-group { margin-top: 8px; } 
.calc-button-group > button.btn-order { height: 48px; line-height: 48px; color: #fff; font-size: 18px; background-color: #e51e20; } 
.calc-button-group > button.btn-order .svg-icon { width: 27px; height: 27px; } 

/**/
.calc-box > dl > dd .calc-total-price { font-size:24px; } 

@media(max-width: 1280px){
	.calculation-mobile-box, .mobile-toggle-button { display: flex; } 
	.right-fixed-inner-container { position: relative; width: 100%; min-height: unset; border: 0; border-radius: 0; } 
	.right-fixed-inner-container > .calculation-inner-box { position: relative; height: 0; overflow: hidden; padding: 0; margin: 0; transition: all 0.2s ease; } 
	.right-fixed-inner-container > .calculation-inner-box.open { position: relative; height: auto; overflow: hidden; padding: 0; margin: 0; transition: all 0.5s ease; } 
	.right-fixed-inner-container > .calculation-inner-box.open + .calculation-mobile-box { border-top: 1px solid #000; } 
	.right-fixed-inner-container > .calculation-button-box { margin: 0; padding: 0; } 
	.calculation-mobile-box { padding: 15px 15px 12px 15px; } 
	.mobile-toggle-button { background-color: transparent; border-bottom: 1px solid #ddd; padding-left: 10px; } 
	.mobile-toggle-button > button { display: inline-block; background-color: #000; height: 25px; padding: 6px 16px; border-radius: 0; border-top-left-radius: 12px; border-top-right-radius: 12px; line-height: 1; font-size: 13px; color: #fff; letter-spacing: -0.4px; } 
	.mobile-toggle-button > button.open > .svg-icon-arrow { transform: rotate(-180deg); } 
	.mobile-toggle-button > button > .svg-icon-arrow { transform: rotate(0); } 
	.calculation-mobile-box > .charge { align-self: center; flex: 1 1 auto; text-align: center; } 
	.calculation-mobile-box > .charge.total { align-self: center; } 
	.calculation-mobile-box > .charge > .text { font-size: 12px; font-weight: 500; letter-spacing: -0.5px; } 
	.calculation-mobile-box > .charge > .price { font-size: 14px; font-weight: 700; } 
	.calculation-mobile-box > .charge.total > .text { font-size: 12px; font-weight: 500; letter-spacing: -0.5px; } 
	.calculation-mobile-box > .charge.total > .price { font-size: 18px; font-weight: 700; color: var(--coloraccent); } 
	.calculation-mobile-box > .ico-text { color: #fff; padding-bottom: 3px; font-size: 14px; width: 17px; height: 17px; background-color: #161616; border-radius: 50%; align-items: center; justify-content: center; display: flex; align-self: center; margin: 0 7px; } 
	.calc-box { position: relative; padding: 0 20px;}
	.calc-box:first-child { padding-top: 15px; } 
	.calc-box:last-child { padding-bottom: 15px; } 

	/*
	.calc-box + .calc-box { margin-top: 15px; } 
	*/
	.calc-box > dl { position: relative; display: flex; height: 28px; line-height: 28px; } 
	.calc-strong { font-size: 15px; font-weight: 700; } 
	.calc-strong dt { }
	.calc-strong dd { color: var(--coloraccent); } 
	.calc-meta > .calc-strong { padding: 12px; } 
	.calc-meta > .calc-strong > dt { font-size: 13px; } 
	.calc-meta > .calc-strong > dd { font-size: 22px; } 
	.calc-box > dl + dl {}
	.calc-box > dl > dt { position: relative; } 
	.calc-box > dl > dd { position: relative; margin-left: auto; } 
	.calc-normal { font-weight: 700; } 
	.calc-normal > dt {}
	.calc-normal > dd { color: var(--coloraccent); } 
	.calc-normal-light { padding-left: 10px; font-size: 15px; } 
	dl.calc-desc-light { font-size: 15px; height: 27px; line-height: 27px; } 
	.calc-desc-light > dt:before { display: inline-block; width: 12px; height: 12px; margin-right: 4px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgBzc+9DYAgFATgO2J0DTdwBcaxoNCEAbC3dB91MYWSEH5CQcLXvZe74oC+KX3c62bmXEb4B0mJAoFK7QtD+BgnLkrHh1+necLC+3/c3XgkSPTHAubNC3w+XnKQAAAAAElFTkSuQmCC) no-repeat 0 0; content: ""; } 
	.calc-button-group { position: relative; display: flex; } 
	.calc-button-group > button { border-radius: 0; } 
	.calc-button-group + .calc-button-group { margin: 0; } 
	.calc-button-group > button.btn-order { height: 48px; line-height: 48px; color: #fff; font-size: 18px; background-color: #e51e20; } 
	.calc-button-group > button.btn-order .svg-icon { width: 27px; height: 27px; } 
 }

.device-detail-tab-menu { position: relative; margin: 15px 0 0 0; } 
.device-detail-tab-menu.is-fixed { position: fixed; z-index: 99; background: #fff; padding: 15px 0; width: 100%; max-width: 1020px; top: 118px; } 
.detail-tab-list { display: flex; } 
.detail-tab-item { flex: 1 1 auto; max-width: 50%; } 
.detail-tab-btn { display: block; width: 100%; padding: 12px 10px; text-align: center; color: #B4B4B4; border-bottom: 1px solid #B4B4B4; font-size: 16px; font-weight: 600; } 
.detail-tab-btn.active { color: #000; border-bottom: 1px solid #000; } 
.detail-tab-content-block { position: relative; } 
.detail-tab-content-block img { width: auto; max-width: 100%; } 
.detail-tab-content-block + .detail-tab-content-block { padding-top: 25px; } 
@media(max-width: 1280px){
	.device-detail-tab-menu { position: relative; margin: 0; } 
	.device-detail-tab-menu.is-fixed { padding: 0; width: 100%; max-width: 100%; top: 110px; } 
	.detail-tab-list { display: flex; } 
	.detail-tab-item { flex: 1 1 auto; max-width: 50%; } 
	.detail-tab-btn { padding: 10px; font-size: 14px; } 
	.detail-tab-btn.active { } 
	.detail-tab-content-block { } 
	.detail-tab-content-block img { } 
	.detail-tab-content-block + .detail-tab-content-block { } 
 }

.list-table { position: relative; border-top: 2px solid var(--darkgray); } 
.list-box { padding: 10px; border-bottom: 1px solid var(--colorgray); } 
.list-item { display: flex; } 
.list-item .thumb { flex: 0 0 100px; max-width: 100px; overflow:hidden; } 
.list-item .thumb img { width: 100%; height: auto; } 
.list-item .meta { position: relative; flex: 1 1 auto; max-width: 100%; padding: 0 25px; display: flex; flex-direction: column; cursor: pointer; } 
.list-item .meta .star {}
.list-item .meta .subject { font-weight: 600; padding: 3px 0 0 5px; } 
.list-item .meta .model { margin-top: auto; font-size: 14px; color: var(--colorgray); } 
.list-item .name,
.list-item .date { align-self: center; padding: 0 25px; color: var(--colorgray); } 
.list-content { position: relative; display: none; background-color: #fafafa; padding: 15px; border-top: 1px solid var(--colorgray); overflow: hidden; transition: max-height 0.3s ease; } 
.list-content img { width: auto; max-width: 100%; } 
.list-content.open { display: block; max-height: 1000px; } 
p.empty { background-color: #fafafa; padding: 35px; text-align: center; } 
.info-box { position: relative; display: flex; background-color: #fafafa; border-radius: 8px; padding: 25px 35px; } 

@media(max-width: 1280px){
	.list-table { font-size: 12px; } 
	.list-box { } 
	.list-item { } 
	.list-item .thumb { flex: 0 0 50px; max-width: 50px; overflow:hidden; } 
	.list-item .thumb img { } 
	.list-item .meta { } 
	.list-item .meta .star {}
	.list-item .meta .subject { font-size: 14px; padding: 3px 0 0 0; } 
	.list-item .meta .model { font-size: 12px; } 
	.list-item .name,
	.list-item .date { padding: 10px; } 
	.list-content { } 
	.list-content img { } 
	.list-content.open { } 
	p.empty { } 
 }

.info-box-model { flex: 1 1 60%; max-width: 60%; padding: 8px; border-radius: .5rem; } 
.info-box-model > dl { display: flex; } 
.info-box-model > dl > dt { flex: 0 0 90px; max-width: 90px; } 
.info-box-model > dl > dt img { width: 100%; height: auto; } 
.info-box-model > dl > dd { padding-left: 25px; align-self: center; flex: 1 1 auto; line-height: 1; } 
.info-box-model > dl > dd > p { letter-spacing: -1px; margin-bottom: 7px; font-size: 18px; font-weight: 700; } 
.info-box-model > dl > dd > .opt { display: flex; } 
.info-box-model > dl > dd > .opt > span { display: inline-block; font-size: 14px; color: #b4b4b4; } 
.inof-box-cond {}
.info-box-cond > dl { display: flex; align-self: center; line-height: 28px; font-size: 14px; } 
.info-box-cond > dl > dt { flex: 0 0 80px; color: #b4b4b4; } 
.info-box-cond > dl > dd { } 

@media(max-width: 1280px){
	.info-box { margin-top: 25px; padding: 15px 20px; flex-wrap: wrap; } 
	.info-box-model { flex: 1 1 100%; max-width: 100%; } 
	.info-box-model > dl { display: flex; } 
	.info-box-model > dl > dt { flex: 0 0 70px; max-width: 70px; } 
	.info-box-model > dl > dt img { width: 100%; height: auto; } 
	.info-box-model > dl > dd { padding-left: 25px; align-self: center; flex: 1 1 auto; line-height: 1; } 
	.info-box-model > dl > dd > p { letter-spacing: -1px; margin-bottom: 7px; font-size: 18px; font-weight: 700; } 
	.info-box-model > dl > dd > .opt { display: flex; } 
	.info-box-model > dl > dd > .opt > span { display: inline-block; font-size: 14px; color: #b4b4b4; } 
	.info-box-cond { padding: 10px 0 0 25px; } 
	.info-box-cond > dl { line-height: 21px; } 
	.info-box-cond > dl > dt { } 
	.info-box-cond > dl > dd { } 
 }

.order-checkout-wrapper { margin-top: 25px; } 
.checkout-title { font-size: 20px; font-weight: 700; padding: 25px 0 15px 0; border-bottom: 2px solid #131313; } 
.checkout-step { padding: 35px 25px; } 
.checkout-write-row { position: relative; display: flex; } 
.checkout-write-row + .checkout-write-row { margin-top: 15px; } 
.checkout-write-row > span { display: inline-block; flex: 1 1 160px; max-width: 160px; white-space: nowrap; font-weight: 700; } 
.form-row { }
.form-cols { position: relative; } 
.form-cols + .form-cols { margin-top: 10px; } 
.form-cols > label { display: none; } 
.form-cols > .input_text { background-color: #fff; border: 1px solid #ededed; border-radius: 4px; padding: 10px 15px; height: 48px; width: 320px; } 
.form-cols > .input_zip { width: 120px; } 
.form-cols > .input_text:focus { border: 1px solid #000 !important; box-shadow: none; } 
.form-cols > .input_text + button { margin-left: 2px; width: 90px; border: 1px solid #ededed; background-color: #ededed; color: #6b6b6b; height: 48px; line-height: 48px; border-radius: 4px; font-size: 15px; font-weight: 700; letter-spacing: -0.5px; } 

@media(max-width: 1280px){
	.order-checkout-wrapper { margin-top: 25px; } 
	.checkout-title { font-size: 16px; padding: 15px 0 12px 15px; } 
	.checkout-step { padding: 25px 15px; } 
	.checkout-write-row { flex-wrap: wrap; } 
	.checkout-write-row + .checkout-write-row { margin-top: 15px; } 
	.checkout-write-row > span { flex: 1 1 100%; max-width: 100%; margin-bottom: 7px; font-size: 12px; } 
	.form-row { flex: 1 1 100%; max-width: 100%; } 
	.form-cols { position: relative; } 
	.form-cols + .form-cols { margin-top: 10px; } 
	.form-cols > label { display: none; } 
	.form-cols > .input_text { height: 42px; width: 100%; } 
	.form-cols > .input_zip { width: 120px; } 
	.form-cols > .input_text:focus { border: 1px solid #000 !important; box-shadow: none; } 
	.form-cols > .input_text + button { margin-left: 2px; height: 42px; line-height: 42px; border-radius: 4px; font-size: 13px; } 
 }

.complete { padding: 50px; text-align: center; font-size: 28px; } 

/* 페이징 */
.pagination-wrapper { position: relative; margin: 15px 0; display: flex; justify-content: center; } 

/* device-list */
.device-list{margin-top:25px; font-size:14px;}
.device-list ul li{display:flex; align-items:center; gap: 10px;  border-top:1px solid #eee;  }
.device-list ul li:last-child{border-bottom:1px solid #eee;} 
.device-list ul li span{color:#777;}
.device-list ul li span:first-child{min-width:110px; padding:10px; background:#3d3d3d; color:#fff;}