/*------------------------------------------------------------
                            ORDER                           
------------------------------------------------------------*/
/* select tip icon으로 인해 padding늘림 */
select {padding-right:40px !important;}


/*레이아웃*/
.podGoods {position:relative; width:1200px; margin-top:20px;}
.podGoods .pod_detail {position:relative; left:0; top:0; width:100%; margin-bottom:50px; z-index:2;}
.podGoods .pod_detail .cate01 img {width:auto; height:auto; max-width:100%;}
.podGoods .pod_detail .pgs-info {background:#fff; padding:0; box-sizing: border-box; width:880px; float:left;}
.podGoods .pod_detail .pod_item_right {float:right; width:300px; padding:0px;}

/*pod_item*/
.pod_item {position:relative; width:100%; overflow:hidden; border-bottom:1px solid #ddd; border-top:0; padding:20px;}
.pod_item.border-black {border-color:#000;}

.pod_item .pod_item_left {float:left; width:570px;}
.pod_item .pod_item_right {float:right; width:200px; border: 1px solid #ddd;}

.pod_item .pod_title {display:inline-block; font-size:25px; line-height:32px; color:var(--major-color); font-weight:normal; margin:0; width:100%;}
.pod_item .pod_title .code {font-size:16px; line-height:1; color:#999; font-weight:400;}
.pod_item .pod_title .code:before {content:"(";}
.pod_item .pod_title .code:after {content:")";}
.pod_item .pod_title .btn_my {display:inline-block; font-size:13px; line-height:35px; background:#000; padding:0 15px; color:#fefefe; border-radius:3px; font-weight:normal; vertical-align:middle; float:right; letter-spacing: 0.02em;}
.pod_item .pod_title .btn_my i {font-size:16px; color:var(--major-color); margin-right:7px; margin-top:-2px;}

.pod_item .area_title {display: block; font-size:15px; color:#333; line-height: 30px; margin:0; font-weight: 300; padding:5px 0;}
.pod_item .area_title.icon-exp {background:url(/_img/goods/icon-opt-exp.png) left center no-repeat; padding-left:27px;}
.pod_item .area_title.big_title {font-size:17px; margin:0; padding:0; line-height: 1; margin-bottom:20px;}

.pod_item .w-left {display: inline-block; width:550px; float:left;}
.pod_item .w-right {display: inline-block; width:290px; padding-left:20px; float:right;}
.pod_item_line {position: relative;}
.pod_item_line:after {content: ''; display: inline-block; width:1px; height:100%; left:580px; top:0; position: absolute; background:#e3e3e3;}

.pod_item_right #slideimg img {width:auto; height:auto; max-width:100%;}

/*상품설명*/
.pod_item_exp {border:1px solid #e1e1e1; margin-top:50px; padding:0;}
.pod_item_exp .area_title {text-align: center; border-top:2px solid #333; border-bottom:1px solid #e1e1e1; font-size:18px; color:#333; line-height: 65px; padding:0;}
.pod_item_exp .explain {padding:40px;}

/* ///////////////////////////////////왼쪽메뉴 -  Vertical Navigation/////////////////////////////// */
#leftMenu {position: relative; width: 100%; float: left;}
#leftMenu .title {	position: relative;	text-decoration: none; padding: 10px 7px;	color: #3a4243;	word-break: break-all;	font-size: 25px;	font-weight: normal;	border-bottom: 1px solid #3a4243; margin-top:20px; font-family: 'Nanum Barun Gothic', sans-serif; display: none;}

/*메뉴1차*/
/*.vNav { position: relative; width: 100%; margin-top: 20px; display: block;}
.vNav ul {padding:0; border-bottom:0; margin-bottom:0px; list-style: none; display: inline-block;}
.vNav li {	position: relative;	float:left; width:168.8px; margin-right:3px;; margin-bottom:3px; border:none;}
.vNav li:nth-child(7n) {margin-right:0;}
.vNav li a {display: block;	position: relative;	text-decoration: none !important;	height:55px; line-height: 55px; padding:0 20px; background-color:#f5f5f5; color:#999; font-size:16px; font-family: 'Nanum Barun Gothic', sans-serif;}
.vNav li.active a, .vNav li a:hover {background-color:#1864a2; color:#fff;}
.vNav li.active a:after {display: none;}*/

/*메뉴2차*/
/*.vNav2 { position: relative; width: 100%; margin-top: 3px; display: block;}
.vNav2 ul {	list-style: none; display: inline-block;}
.vNav2 li {	position: relative;	float:left; width:auto; height:50px; box-sizing: border-box; border-bottom:1px solid #ebebeb;}
.vNav2 li a {display: block;	position: relative;	text-decoration: none !important;	height:100%; padding:17px 18px; color:#777; font-size:15px; font-family: 'Nanum Barun Gothic', sans-serif; box-sizing: border-box;}
.vNav2 li a:after {content: ""; display: inline-block; width:1px; height:12px; background-color:#d3d3d3; position: absolute; right:0; top:50%; margin-top:-3px;}
.vNav2 li.active {border-bottom:2px solid #1864a2}
.vNav2 li.active a, .vNav2 li a:hover {color:#1864a2;}
.vNav2 li:last-child a:after {display: none;}*/
.vNav2 {position: relative; width:100%; display: inline-block; padding:0 30px; border-bottom:1px solid #ddd; background:#fff;}
.vNav2 ul {list-style: none; display: inline-block; max-width:100%; padding:12px 0;}
.vNav2 li {position: relative; float:left; width:auto; height:auto; box-sizing: border-box;}
.vNav2 li a {display: inline-block; position: relative; text-decoration: none; width:227px; height:auto; font-size:14px; line-height: 34px; font-weight: 600; color:#333; padding:0px 30px; float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.5px;}
.vNav2 li.active a {color:#fff; background-color:var(--major-color);}


/*----------------------------------------
               table                           
------------------------------------------*/
.price-wr {background:rgba(216, 216, 216, 0.2); padding:0; border-radius:5px; overflow: hidden; width: 90%; }
.price-wr .priceInput {padding: 0 3px;}
.price-wr .priceInput:first-child {margin-top:3px;} 
.price-wr .priceInput:last-child {margin-bottom:3px;} 

.priceInput {position: relative; display: inline-block; width:100%; height:auto; font-size:10px; line-height: 15px; color:#999; float:left;font-weight:300; }
.priceInput span {color:#F60;} 

/*pgs-table*/
.pgs-table {margin:0; width:700px; margin-left: 160px; position: relative; min-height:40px;}
.pgs-table caption {display: inline-block;font-size:15px;color:#333;line-height: 30px;position: absolute;left:-160px;top:0;padding:5px 0 !important;width: 160px;}
.pgs-table tbody tr th,
.pgs-table tbody tr td  {padding:0; font-size:13px; vertical-align:middle; text-align:left;line-height:30px;font-weight:normal;}
.pgs-table tbody tr th {width:164px; color:#999; vertical-align:top; padding:5px 20px;}
.pgs-table tbody tr td  {color:#555; padding: 5px 0;}

.pgs-table input[type="text"], 
.pgs-table select {display:inline-block; width:auto; background-color:#ffffff; border:1px solid #ddd; vertical-align:middle; height:30px; font-size:13px; line-height:28px; border-radius:2px;color:#555; margin: 5px 0}
.pgs-table input[type="text"] {min-width:50px;}
.pgs-table select {min-width:120px;}
.pgs-table input.required {background:#FFC;}
.pgs-table textarea {display:block; width:100%; background-color:#ffffff; background-image:none; border:1px solid #dcdcdc; vertical-align:middle; min-height:70px; padding:5px; font-size:12px; line-height:18px; border-radius:0px;color:#333;}
.pgs-table select.disabled {border:none; pointer-events: none; padding-left:0; background-image: none !important;}

/* tip이랑 사용 check 겹치는 문제 때문에 추가 : 250617 */
#cover_title_view tr:first-child td,
#in_plus_table tr:first-child td,
#mun_table tr:first-child td,
#ganji_table tr:first-child td {padding-right:100px;}

/*pgs-in-table*/
.pgs-in-table {margin:0;}
.pgs-in-table tbody tr th,
.pgs-in-table tbody tr td  {padding:7px 10px; padding-top:0; vertical-align:middle; text-align:left;  font-size:12px; line-height:22px; background:#f3f3f3; color:#aaa; background:#f3f3f3; font-weight:normal;}
.pgs-in-table tbody tr th {min-width:80px; color:#888;}
.pgs-in-table tbody tr td {}

.pgs-in-table tbody tr:first-child th,
.pgs-in-table tbody tr:first-child td {padding-top:7px;}

.pgs-in-table input[type="text"], 
.pgs-in-table select {display:inline-block; width:auto; background-color:#ffffff; background-image:none; border:1px solid #dcdcdc; vertical-align:middle; height:22px; padding:0 5px; font-size:12px; line-height:20px; border-radius:0px;color:#aaa;}

/*pgs-table기타*/
.pgs-table .btn-sm {border-radius:0; height:30px; line-height:22px;  padding:3px 10px;}

.uploadTable {position:relative;}

.pgs-table span {display: inline-block; vertical-align: middle;}

/* tip */
.area_title .tip, 
.pgs-table .tip {display:inline-block;width:auto;height:auto;line-height:16px;font-size:12px;font-weight:bold;color:#E80517 !important;padding: 5px 5px;background-color: #fff3f4;margin:3px;border-radius: 5px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;float: right;vertical-align: middle;}
.area_title .tip:before, 
.pgs-table .tip:before {content:"\f05a"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 3px; vertical-align: middle; margin-top: -2px;} 

.pgs-table tr:first-child td .tip {float: none;}

.area_title .tip {margin:0;}
.area_title .tip-icon, .pgs-table .tip-icon {display: inline-block; width:20px; height:20px; font-size:12px; font-weight: normal; color:#d1a06e !important; border-radius: 10px; background-color:#fef0e1; float:right; margin:5px 0; text-align: center; line-height: 20px;}
.area_title .tip-icon {margin:0;}

/* 이미지옵션*/
.opt_set {float:left; padding:10px; border:1px solid #dddddd; margin-right:10px;}
.opt_set {position:relative; cursor:pointer; overflow:hidden; display:inline-block; vertical-align:middle;}
.opt_set .chkbox {float:left; cursor:pointer; display:block; margin-right:10px;}
.opt_set .chkbox:last-child {margin-right:0;}

.chkbox input {position:absolute; top:0; left:0; opacity:0; cursor:pointer; z-index:5;}
.chkbox img {border:1px solid #eee; background:#f5f5f5; padding:0px;}
.chkbox input:checked+img {border:1px solid #8edfeb;background:#bdf5fd;}
.chkbox span {display:block; text-align:center; width:100%; font-weight:normal;} 

/*------------------------------------------
                  규격선택
------------------------------------------*/
#size_select input[type="radio"] {display: none;}
#size_select label {display: inline-block; width:100px; float:left; margin-right:20px; cursor: pointer;}
#size_select label:nth-child(7n) {margin-right:0;}
#size_select label .label-img {display: inline-block; width:100px; height:100px; border-radius: 5px; text-align: center; line-height: 100px; background-position: center; background-repeat: no-repeat; }
#size_select label .label-title {display: inline-block; width:100%; font-size:13px; line-height: 1; margin-top:8px; color:#777; font-weight: normal; text-align: center;}
#size_select input[type="radio"]:checked + label .label-title {color:var(--major-darker-color);}
 
/*----------------------------------------
               견적보기                       
------------------------------------------*/
#slideimg {margin-bottom:20px; border-radius: 15px; overflow: hidden; border:1px solid #e3e3e3; box-sizing: border-box;}

/*.podGoods aside {position:fixed; left:50%; top:232px; width:300px; margin-left:350px;}*/
#sticky {position:absolute; left:900px; margin:0; z-index:-1; /*box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.075);*/ border-radius: 30px; overflow: hidden;}
#sticky.fixed {position:fixed; top:70px; left:50%; margin-left:300px;}
#sticky > div {width:300px; padding:0; background:#efefef;}

/*견적서*/
.esti_wrap {position:relative; width:100%; padding:0 20px; overflow:hidden;}
.esti_wrap h1 {font-size:18px; line-height: 28px; color:#fff; margin:0 -20px; padding:15px 20px; background:var(--major-color); text-align: center; font-weight: 700;}
.esti_wrap dl {padding:20px 0; display: inline-block; width:100%;}
.esti_wrap dl dt,
.esti_wrap dl dd {display:inline-block; font-size:13px; line-height:25px; color:#666; font-weight:normal; vertical-align:middle;}
.esti_wrap dl dt {position:relative; width:40%; text-align:justify !important; float:left; padding-left:5px;}
.esti_wrap dl dd {width:60%; text-align:right; float:right; padding-right:5px;}

#priceStr + dl {border-bottom:1px solid #000; border-top:1px solid #000; margin-top:-1px;}
#priceStr + dl dt,
#priceStr + dl dd {color:#000; font-weight: 600; font-size:15px; letter-spacing: -1px; line-height: 1;}

.esti_wrap dl.esti_sum {border-bottom:0; padding:20px; margin:20px -20px; background:var(--major-color); width:calc(100% + 40px);}
.esti_wrap dl.esti_sum dt,
.esti_wrap dl.esti_sum dd {font-size:20px; color:#fff; font-weight: 700;}
.esti_wrap dl.esti_sum dt {}
.esti_wrap dl.esti_sum dd {}

.esti_wrap .bt_fx {position:relative; padding:0 0 5px; display: inline-block; width:100%;}
.esti_wrap .bt_fx .btn {display: inline-block; width:49%; font-size:15px;  height:40px; line-height:38px; border:1px solid #333;}
.esti_wrap .btn-make {color:#fff; display:block; background:#333; vertical-align:middle; width:100%;}
.esti_wrap .btn-make:before {content:""; display:inline-block; width:20px; height:20px; background:url(../ORDER_POD/img/icon_make.png) no-repeat; margin-right:7px; margin-top:-6px; vertical-align:middle;}
.esti_wrap .btn-order {float:left; background:#fff; color:#333;}
.esti_wrap .btn-order.pull-right {background:#555; color:#fff;}
.esti_wrap .btn-make:hover {background:#555;}
.esti_wrap .btn-order:hover {background:#eee;}
.esti_wrap .btn-order.pull-right:hover {background:#777;}

.esti_wrap dl #total_goods_org_price_span dt, .esti_wrap dl #total_goods_org_price_span dd {background:#efefef; margin-bottom:5px;}

.esti_wrap dl#dl_discount_info {padding-top:0; padding-bottom:10px; margin-top:-11px;}
.esti_wrap dl#dl_discount_info dt, .esti_wrap dl#dl_discount_info dd {background:transparent; border-top:1px dashed rgba(0,0,0,0.2); padding-top:5px;}
.esti_wrap dl#dl_discount_info span {color:red;}

.esti_wrap dl.esti_total {padding:5px 0;}

/*견적서하단버튼*/
.esti_btn {position:relative; width:100%; padding:0 20px 20px; overflow:hidden;}
.esti_btn li {margin-top:1px;}
.esti_btn li span {display: inline-block; width:100%; text-align: center; cursor: pointer; font-size:14px; padding:10px 0; color:var(--major-color)}
.esti_btn li span.btn {display: inline-block; width:100%; height:40px; background:var(--major-color); color:#fff; font-size:15px; line-height: 40px; padding:0;}
.esti_btn li span:hover, .esti_btn li:hover span {opacity: 0.8;}

/*견적서-게스트*/
.esti_guest {padding:10px 0;font-size:13px; line-height:1;text-align:center; color:#666;}
.esti_guest a {color:var(--major-color); font-weight: 600;}



/* 옵션아이콘 & radio button */

/*.radio_icon {width:auto; height:auto; margin-right:3px;}
.radio_icon span {width:100%;}
.radio_icon > .icon_img{width:50px; height:50px; display: block; border:1px solid #eee; background-color:#f5f5f5; background-repeat: no-repeat; margin:0 auto; background-position: center center;}
.radio_icon > .icon_name {text-align: center; display: inline-block; margin:0; padding:0;}
input[type="radio"]:checked + label.radio_icon > .icon_img {background-color:#bdf5fd; border-color:#8edfeb}
*/

.opt-icon {width:60px; height: auto; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 10px; position: relative;}
.opt-icon:last-child {margin-right:0;}
.opt-icon .opt-icon-img {width:60px; height:60px; display: block; border:1px solid #fafafa; background-color:#fafafa; background-repeat: no-repeat; margin:0 auto; background-position: center center; cursor: pointer; border-radius: 5px;}
.opt-icon .opt-icon-name {display:block; font-size: 13px; line-height: 19px; color: #777; margin:0; padding:0; margin-top: 5px; text-align: center; font-weight: normal; width: 100%; overflow: hidden; height:19px; text-overflow: ellipsis; white-space: nowrap;}
.opt-icon:hover {overflow: visible; z-index: 9;}
.opt-icon:hover .opt-icon-name, .opt-icon .opt-icon-name:hover {overflow:
visible; white-space: inherit;}
.opt-icon.checked .opt-icon-img,
input[type="radio"]:checked + label.opt-icon .opt-icon-img, label.opt-icon input[type="radio"]:checked ~ .opt-icon-img {background-color:var(--major-lightest-color); border-color:var(--major-color);}
.opt-icon.checked .opt-icon-name,
input[type="radio"]:checked + label.opt-icon .opt-icon-name, label.opt-icon input[type="radio"]:checked ~ .opt-icon-name, input[type="radio"]:checked + label.opt-icon .label-title, label.opt-icon input[type="radio"]:checked ~ .label-title {color:var(--major-darker-color);}

/* 제본 */
.pod_jb .opt-icon {width:100px; margin-right: 20px;}

.pod_jb .opt-icon .opt-icon-img {width:100px; height:100px;}
.pod_jb .opt-icon .opt-icon-name {padding:0; margin-top:8px;}

/* 사용유무 옵션 */
.opt-check {position: absolute; top:25px; right:0; z-index: 1;}
.opt-check input {display: none;}
.opt-check label {font-size:13px; line-height: 30px; color:#aaa; font-weight: normal; margin:0; cursor: pointer;}
.opt-check label span {display: inline-block; width:18px; height:18px; border:1px solid #ddd; background:#fafafa url(/ORDER_POD/img/icon-check-gray.png) center no-repeat; float:left; margin-top:6px; margin-right:5px;}
.opt-check input:checked + label {color:var(--major-color);}
.opt-check input:checked + label span {border-color:var(--major-color); background-color:var(--major-color); background-image:url(/ORDER_POD/img/icon-check.png)}
.opt-select {position: absolute; top:25px; right:0; z-index: 1;}

/* 사용유무옵션-반전 */
.opt-check-reverse label {color:var(--major-color);}
.opt-check-reverse label span {border-color:var(--major-color); background-color:var(--major-color); background-image:url(/ORDER_POD/img/icon-check.png);}
.opt-check-reverse input:checked + label {color:#aaa;}
.opt-check-reverse input:checked + label span {border-color:#ddd; background-color:#fafafa; background-image:url(/ORDER_POD/img/icon-check-gray.png);}

/*.opt-check ~ table > tbody > tr:first-child > td {padding-right:100px;}*/

/* 두번째 옵션
#cover_printer_span, #in_printer_span, #in2_printer_span {display: inline-block; margin-left: 40px;} */

/* 옵션 추가 제거 */
.opt-plus-icon, .opt-minus-icon {display: inline-block; width:16px; height:16px; border-radius: 1px; background:#bbb; color:#fff; text-align: center; font-size:10px; line-height: 16px;}
.opt-plus-icon i, .opt-minus-icon i{ margin-top:-4px;}
.opt-plus-icon:focus, .opt-minus-icon:focus, .opt-plus-icon:active, .opt-minus-icon:active, .opt-plus-icon:hover, .opt-minus-icon:hover {color:#fff; background:#999;}

/* 상세설명 */
.explain img {width:auto; height:auto; max-width:100%;}

/* 선택 팝업 관련 */
.tip_btn, a.tip_btn {display: inline-block; width:16px; height:16px; border-radius: 50%; background:#d6d6d6; text-align: center; line-height: 16px; color:#fff; position: relative; z-index: 9; font-size:13px; top:-5px; margin-left:-40px;}
.tip_btn:hover, .tip_btn:active, a.tip_btn:hover, a.tip_btn:active {color:#fff; background-color:#ccc; text-decoration: none;}

a.tip_btn {font-size:0; background-image:url(/_img/goods/opt-preview.png); background-size:80%; background-position: center; background-repeat: no-repeat;}

.priceInput ~ .tip_btn, .priceInput ~ a.tip_btn {margin-left:0;}

.modal-wrap { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; width: 900px; }
.modal-wrap .modal-head {padding: 0 20px; margin: 0; background: #1864a2; color: #fff; font-size: 20px; font-weight: normal; line-height: 50px;}
.modal-wrap .modal-head .button.b-close {padding:0; overflow: hidden; right:20px; top:10px; display: inline-block; width:30px; height:30px; font-size:0;}
.modal-wrap .modal-head .button.b-close:before, .modal-wrap .modal-head .button.b-close:after {content: ''; display: inline-block; position: absolute; background:#fff; transform: rotate(45deg);}
.modal-wrap .modal-head .button.b-close:before {width:100%; height:2px; left:0; top:50%; margin-top:-1px;}
.modal-wrap .modal-head .button.b-close:after {width:2px; height:100%; left:50%; top:0; margin-left:-1px;}
.modal-wrap .modal-body { width:100%; box-sizing:border-box; padding: 0px; height: 600px; }
.modal-wrap .modal-body iframe { width:100%; height:600px; box-sizing:border-box; background:#fff; margin:0; /*padding: 15px 13px;*/ }
.modal-wrap .modal-body iframe body { overflow-y: scroll; }
#mp .modal-wrap .modal-body .b-iframe body {margin: 0;}
.modal-footer { width: 100%; height: 70px; background: #eee; position: relative; padding: 10px 0; }
.modal-footer .button_wrap { position: absolute; left: 50%; margin-left: -178px; }
.modal-footer .button_wrap span { display: inline-block; width: 220px; height: 50px; font-size: 18px; font-weight: bold; color: #fff; background: #eb3737; text-align: center; line-height: 50px; }
.modal-footer .button_wrap span:first-child { margin-right: 6px; }
.modal-footer .button_wrap .close { width: 130px; color: #808080; border: 1px solid #808080; background: transparent; }

.modal-wrap .modal-body-set { width:100%; box-sizing:border-box; padding: 0px; height: 670px; }
.modal-wrap .modal-body-set iframe { width:100%; height:670px; box-sizing:border-box; background:#fff; margin:0; /*padding: 15px 13px;*/ }
.modal-wrap .modal-body-set iframe body { overflow-y: scroll; }
#mp-set .modal-wrap .modal-body-set .b-iframe body {margin: 0;}


.td_last {vertical-align: top !important;}
.td_last .price-wr {border: 1px solid #caeef5;background: #f3fdff;padding: 5px 10px 0px;}
.td_last .price-wr .priceInput {padding: 0;}

.td_last > .priceInput {min-width: 130px;background: #eee;font-size: 10px;padding:0 5px;font-size: 11px;line-height: 15px;letter-spacing: -0.3px;color: #777;font-weight: 100;z-index: 99;margin-left: 0 !important;margin-right: 2px;}

.last_chk {margin-right:20px; font-weight: normal; cursor: pointer;}
.last_chk input[type="checkbox"] {display: none;}
.last_chk span {}
.last_chk span {display: inline-block; width:18px; height:18px; border:1px solid #ddd; background:#fafafa url(/ORDER_POD/img/icon-check-gray.png) center no-repeat; float:left; margin-top:6px; margin-right:5px;}
.last_chk input:checked + span {border-color:var(--primary-color); background-color:var(--primary-color); background-image:url(/ORDER_POD/img/icon-check.png)}
.last_chk.disabled {opacity: 0.5; cursor: default; pointer-events: none;}

.td_last .price-wr {width:100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}

.last_div {display: inline-block; width:100%;border: 1px solid #caeef5;padding: 0px;position: relative; margin-top:-1px;}
.last_div select {}
.last_div .ttl {display: inline-block; width:80px; height:100%; position: absolute; background:#efefef; left:0; top:0; text-align: center; font-weight: normal; vertical-align: middle;}
.last_div .ttl span {color:inherit; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%;}
.last_div > select {}
.last_div .content_wrap {display: inline-flex; width:100%; flex-wrap: wrap;}
.last_div .content_wrap li {display: inline-block; /*width:18%; */margin:1%; cursor: pointer;}
.last_div .content_wrap li .img {width: 64px;border: 1px solid #fafafa;border-radius: 5px;box-sizing: border-box; margin:0 auto; background-color:#fafafa;}
.last_div .content_wrap li .img img {width:100%;}
.last_div .content_wrap li .img.no_img {overflow: hidden;}
.last_div .content_wrap li .img.no_img img {transform: scale(3);}
.last_div .content_wrap li input {display: none;}
.last_div .content_wrap li label {margin-bottom:0; float:left;cursor: pointer;padding: 5px;}
.last_div .content_wrap li h3 {font-size: 12px;text-align: center;margin-top: 3px; color:#999;}
.last_div .content_wrap li:hover .img {border-color:var(--primary-lighter-color); background-color:var(--primary-lighter-color);}
.last_div .content_wrap li:hover h3 {}

.last_div .content_wrap input:checked + label {}
.last_div .content_wrap input:checked + label .img {border-color:var(--primary-darker-color); background-color:var(--primary-lighter-color);}
.last_div .content_wrap input:checked + label h3 {color:var(--primary-darker-color);}

.last_div .opt-btn-wrap {display: inline-block; width:auto; height:auto; line-height: 20px; padding:5px; position: relative; left:0; bottom:0;}
.last_div .opt-btn-wrap a {float:left;}
.last_div .opt-btn-wrap a + a {margin-left:5px;}
.last_div .opt-btn-wrap code {margin-left:5px; float:right; padding:0 4px; line-height: 16px; color:#aaa;}
.last_div .pgs-in-table {margin:5px;padding:5px;}

.last_div .tip {position: relative; margin:5px; padding:3px; font-size:11px; line-height: 14px;}
.last_div .btn-detail {padding:0 3px; font-size:11px; line-height: 16px; color:#666; border:1px solid #ccc; height:20px; margin:0 5px; margin-top:-2px;}
.last_div .tip_img {border-top:1px dashed #caeef5; text-align: center;}
.last_div .tip_img img {width:auto; height:auto; max-width:534px;}

.last_div > span {line-height: 1;}

/* custom-input */
.cst-input {display: inline-flex; width:auto; height:30px; font-size:13px; line-height: 28px; margin-bottom:5px; text-align: left; vertical-align: middle; border-radius: 2px; border:1px solid #ddd; font-weight: normal; color:inherit;}
.cst-input:focus-within {border-color:#66afe9;}
.cst-input span {padding:0 5px; color:inherit; opacity: 0.8;}
.cst-input input[type="text"] {border:none; margin-bottom:0; height:28px; text-align: right; margin-top:0;}
.cst-input input[type="text"]:focus {box-shadow: none;}

/*------------------견적서 모달팝업 공통-------------------------*/

.bpop_esmodal {position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 1; display: block; opacity: 1; width:800px; height:auto; background-color:#fff; overflow-y: auto; padding:0;}
.bpop_eshead {border-bottom: 1px solid #ddd;padding: 15px;background: #f9f9f9;font-size: 15px;font-weight: 400;color: #555;} 
.bpop_eshead .button.b-close {width: 24px;height: 24px;right: 15px;top: 14px;}
.bpop_eshead .b-close:before,
.bpop_eshead .b-close:after {position: absolute;left: 15px;content:' ';height: 24px;width: 2px;background-color: #555;}
.bpop_eshead .b-close:before {transform: rotate(45deg);} 
.bpop_eshead .b-close:after {transform: rotate(-45deg);}

/*주문시 팝업 _ 주문방식선택*/
#order_popup .bpop_esmodal {}
.order_select {padding: 30px;padding-bottom: 31px;display: flex;justify-content: space-between;flex-wrap: nowrap;}

.order_select a {position: relative;width: 32%;padding: 20px;text-align: center;display: block;border: 1px solid #ddd;border-radius: 10px;height: 100%;text-decoration: none;background: #fff;}
.order_select .icon {display: block;width: 90px;height: 90px;background-image:url("../_img/goods/icon_poporder.png");background-position: 0 0;margin: 0 auto;}
.order_select .icon_self {background-position-x:0px;}
.order_select .icon_design {background-position-x:-90px;}
.order_select .icon_upload {background-position-x:-180px;}
.order_select .icon_cart {background-position-x:-270px;}

.order_select a .ttl {display: block;color: #333;font-size: 17px;margin-top: 20px;}
.order_select a .desc {display: block;font-size: 13px;line-height: 24px;color: #999;margin-top: 5px;}

.order_select a:hover {border:1px solid #49a3ce;}
.order_select a:hover .icon {background-position-y:-90px;}
.order_select a:hover .ttl {color: #49a3ce;}


.order_select .calenader_self {position: relative;} 
.order_select .calendar_sel {display: block;padding: 15px;border-radius: 10px;background: #f6f6fd;border: 1px solid #e6e6ef;position: absolute;right: 0;top: 0;width: 45%;height: 80%;margin: 10px;}
.order_select .calendar_sel label {display: block;font-size: 13px;line-height: 15px;font-weight: 400;color: #a9a9c2;margin: 0;margin-bottom: 5px;}
.order_select .calendar_sel select {width: 37%;height: 32px;line-height: 30px;padding: 0 10px;font-size: 15px;color: #a053ff;}


/* 주문방식에 편집기가 없는 경우 */
.not_editor {width: 600px;}
.not_editor .order_select a {width:48%;}

/*셀프편집*/
.self_head {border: 1px solid #ddd; position: relative; margin-top:50px; padding: 30px; margin-bottom: 30px;}
.self_head h1 {display:block;font-size: 22px;margin-bottom: 30px;font-weight: 400;letter-spacing: -1px;}
.self_head h1 strong {font-weight: normal; color:var(--major-color);}
.self_filter {}
.self_filter ul {position: relative;display: flex;width: 100%;margin-bottom: 13px;flex-wrap: wrap;}
.self_filter ul label {display: block;width: 60px;font-size: 14px;font-weight: 400;color: #555;line-height: 32px;margin: 0;}
.self_filter ul li {display: block; width:calc(100% - 80px);}
.self_filter ul li span {background: #fff;border: 1px solid #e3e3e3;padding: 5px 12px;border-radius: 3px;font-size: 13px;line-height: 20px;color: #777;cursor: pointer;display: inline-block;vertical-align: middle;margin-bottom: 5px;letter-spacing: -0.5px;}

.self_filter ul li span:hover,
.self_filter ul li span.on {border: 1px solid #c49fd8;color: #52256a;background: #fcf7ff;}

.self_filter ul li span.customer_name,
.self_filter ul li span.customer_name:hover {background:#fff; border-radius: 0; border-color:transparent; border-bottom-color:var(--primary-border-color); color:var(--primary-color); cursor: default; letter-spacing: 0;}

.self_filter #sch_self {display: block;width: 300px;line-height: 30px;border: 1px solid #e3e3e3;}
.self_filter #sch_self_btn {min-width:60px; margin-left:5px;}

.selfList {position: relative;}
.selfList ul {display: flex;justify-content: flex-start;flex-wrap: wrap;}
.selfList ul li {display: block;width: 25%; padding:10px;}
.selfList ul li .img {position: relative; display: block;}
.selfList ul li .img img {display: block; width: 100%;}
.selfList ul li .design_name {display: block;text-align: center;padding: 10px 0;}    
.selfList ul li .design_name strong {display: inline-block;text-align: center;padding: 0;font-size: 12px;background: #edf0f4;color: #52256a;border-radius: 50px;font-weight: 300;padding: 3px 8px; margin-bottom: 7px;} 
.selfList ul li .design_name span {display: block;font-size: 13px;}
.selfList ul li:hover .img {box-shadow: 2px 2px 7px rgb(0 0 0 / 20%);transform: translateY(-5px); transition:0.3s all; }

.selfList ul li .img .over_div {position: absolute;left: 0;top: 50%;transform: translateY(-50%);display:none;text-align: center;width: 100%;}
.selfList ul li:hover .img .over_div {display: block;}
.over_div a {width: 80px;height: 80px;background: rgb(48 48 48 / 70%);display: inline-block;border-radius: 50%;text-align: center;line-height: 80px;color: #fff;margin: 0 1px;font-size: 13px;}
.over_div a:hover {background:#52256a;} 

/*디자인의뢰하기 팝업*/
#design_popup .bpop_esmodal {}

.design_order {display: block;}
.design_order ul {display: block;font-size: 12px;color: #555;border-right: 1px solid #eee;padding: 0;}
.design_order ul li {padding: 30px;padding-bottom: 0;}
.design_order ul li label {display:inline-block;font-size: 15px;font-weight: 400;color: #333;margin-bottom: 10px;}
.design_order ul li label:before {content:"";width: 5px;height: 5px;display: inline-block;background: #a43fdb;vertical-align: middle;margin-right: 7px;margin-top: -2px;}

.design_order ul .do1 {}
.design_order ul .do1 label {display:block;}
.design_order ul .do1 textarea {display:block;width: 100%;height: 150px;font-size: 12px;padding: 5px;border: 1px solid #ddd;}

.design_order ul .do3 {}
.design_order ul .do3 span {display: block;line-height: 18px;margin-bottom: 5px;color: #777;font-weight: 300;}
.design_order ul .do3 span:before {content:"";width: 5px;height: 1px;display: inline-block;background: #999;vertical-align: middle;margin-top: -3px;margin-right: 4px;}

.design_order ul .do4 {display: flex;justify-content: space-between;padding: 15px;background: #f5f5f5;margin: 0;margin-top: 30px;}
.design_order ul .do4 label {font-size: 13px;line-height: 42px;margin: 0;}
.design_order ul .do4 label:before {display: none;}
.design_order ul .do4 label input {margin-right: 5px;}


/*파일업로드 팝업*/
#fileup_popup .bpop_esmodal {min-height:700px;}
.file_order {display: block;padding: 20px;}
.file_order .alert-danger {margin-bottom: 20px;padding: 10px 20px;border-radius: 50px;}
.file_order .file_up_select {position: relative;border: 1px solid #ddd;display: flex;padding: 20px;border-radius: 5px;}

.file_order .file_up_select .file_icon {overflow: hidden;position: relative;padding: 15px;margin: 0 10px;border-radius: 5px; cursor: pointer;}
.file_icon .img {width: 55px;height: 55px;display: block;background-repeat: no-repeat;margin:0 auto;background-position: center center;cursor: pointer;border-radius: 5px;}
.file_icon .name {display:block;font-size: 13px;line-height: 20px;color: #999;margin:0;padding:0;margin-top: 10px;text-align: center;font-weight: normal;white-space: nowrap;}
.file_icon:hover {background-color:#f5f5f5;}
.file_icon:hover .name {color:#333;}
.file_icon.checked,
input[type="radio"]:checked + label.file_icon, 
label.file_icon input[type="radio"]:checked {background-color:#f5f5f5;}
.file_icon.checked .name,
input[type="radio"]:checked + label.file_icon .name, 
label.file_icon input[type="radio"]:checked ~ .name, 
input[type="radio"]:checked + label.file_icon .label-title, 
label.file_icon input[type="radio"]:checked ~ .label-title {color:#333;}

.file_contents {padding-top:20px;}

#myfile_popup {z-index: 99999;}
.myfile_selected {display: block;background: #f5f5f5;margin-top: 10px;padding: 10px;color: #888;text-align: center;}


/* 테마 미리보기 팝업 */
#theme-popup .bpop_esmodal {background-color: transparent}
#theme-popup .bpop_esmodal img + img {margin-top:10%;}



/*----------------------- 실사 견적상세 : 후가공 추가 25-12-11 ------------------------*/

/*-------position_chk 상하좌우 ----------------*/
.pgs-table span.position_chk {display: inline-flex;gap: 3px;align-items: center;padding: 0 5px;}
.position_chk label {cursor: pointer; position: relative;}
.position_chk input {display: none;}

/* 기본 상태 (해제 상태) */
.position_chk span {display: inline-flex;align-items: center;justify-content: center;padding: 3px 7px 3px 21px;border: 1px solid #d1d5db;border-radius: 4px;background-color: #fff;color: #6b7280;font-size: 12px;line-height: 1.2;position: relative;transition: all 0.2s ease;}

/* 체크 표시 아이콘 (가상 요소) */
.position_chk span::before {content: '';position: absolute;left: 7px;width: 10px;height: 5px;border-left: 2px solid #d1d5db;border-bottom: 2px solid #d1d5db;transform: rotate(-45deg);top: 35%;}

.position_chk label:hover span {border-color: #9ca3af; background-color: #f9fafb;}
.position_chk input:checked + span {background-color: #3b82f6; border-color: #3b82f6; color: #ffffff;}
.position_chk input:checked + span::before {border-color: #ffffff;}


/* 십자 그리드 컨테이너 */
.corner-grid-container {
    padding: 5px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    display: inline-block;
    margin-left: 4px;
}

/* 3x3 그리드 설정 */
.corner-grid {
    display: grid;
    grid-template-columns: repeat(3, 50px);
    grid-template-rows: repeat(3, 26px);
    gap: 5px;
    align-items: center;
    justify-items: center;
}

/* 셀렉트 박스 공통 스타일 */
.corner-grid .css_select_ea {
    width: 100% !important;
    height: 100%;
    padding: 2px 5px;
    font-size: 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    cursor: pointer;
    margin: 0;
    line-height: 20px;
    padding-right: 13px !important;
}

.corner-grid .css_select_ea:focus {
    border-color: #4A90E2;
    outline: none;
}

/* 중앙 합계 표시 부분 */
.corner-grid .total-display {
    font-size: 13px;
    font-weight: bold;
    color: #e03131; /* 빨간색 계열 */
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.corner-grid .total-display span {
    font-size: 11px;
    margin-left: 2px;
    font-weight: normal;
}