/*------------------------------------------------------------
                            ORDER                           
------------------------------------------------------------*/

/*레이아웃*/
h2.subtitle {text-align: center;}
h2.subtitle strong {color:var(--major-darker-color);}
h2.subtitle .pull-right:not(select) {display: inline-block; width:100%; padding-top:14px;}
.subtitle .pagebar {float:left; line-height: 24px; letter-spacing: -0.5px;}
.subtitle select {float:right; height:24px; padding:0 3px;}

.podGoods {position:relative; width:100%;}
.podGoods .pod_detail {position:relative; left:0; top:0; width:100%; margin:0; box-shadow:3px 1px 2px rgba(0,0,0,0.1); z-index:9; background:#fff;}

/*pod_item*/
.pod_item {position:relative;width:100%;overflow:hidden;border-bottom:1px solid #ddd;padding:10px;float:left;}
.pod_item_exp {margin-bottom:70px;}
.pod_item.pod_item_line, .pod_item_exp {padding-top:10px;}
@media screen and (max-width:320px) {
}
.pod_item .pod_title {font-size:1.3em;line-height:35px;color:var(--major-color);font-weight:500;margin:0;text-align: left;}
.pod_item .pod_title .code {font-size:75%; 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: 30px;background: #a8afb9;padding:0 10px;color:#fefefe;border-radius: 3px;font-weight: normal;vertical-align: middle;letter-spacing: -0.05em;float: right;}
.pod_item .pod_title .btn_my i {font-size: 15px;font-weight: 300;color: #ffffff;margin-right:5px;margin-top:-2px;}

.pod_item .pod_img {width:70%; margin:0 auto; margin-bottom:20px;}

.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.big_title {font-size:17px; margin:0; padding:0; line-height: 1; margin-bottom:20px;}


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

/* tip */
.area_title .tip, 
.pgs-table .tip {display:inline-block; width:auto; height:auto; line-height:16px; font-size:12px; font-weight: 100; color:#8c82d8 !important; padding:5px 5px; background-color:#f2f5fd; 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;}

.pod_item img {max-width:100%}

.priceInput {border:0px; font-size:11px; color:#000; text-align:right; float:right }
.priceInput span {color:#F60;}

.area_title .tip.warning, 
.pgs-table .tip.warning {color:#a94442 !important; background-color:#f2dede;}
.area_title .tip.warning:before, 
.pgs-table .tip.warning:before {content: "\f071";}

/*-------------------------------------------------------------*/
/*                          ORDER-POD                          */
/*-------------------------------------------------------------*/

.podGoods {overflow:hidden; font-size:12px; margin-top:20px; padding:0 20px;}
.podGoods .pgs-img {width:100%; max-width:440px;}

 /* pgs-guide */
.pgs-guide {display: none;}

.podGoods .pgs-info {width:100%; padding-top:0;margin-bottom: 0px;}
.podGoods .pgs-info h1 {font-size:18px; font-weight:bold; border-bottom:2px solid #1b1b1b; line-height:25px; color:#1b1b1b; margin:0; padding-bottom:5px; margin-bottom:30px;}
.podGoods .pgs-info h1 span {}

/* 상품명 타이틀 */
.podGoods_title {height: auto;margin-bottom: 20px;font-size: 24px;font-weight: 600;color: #000;}
/*.podGoods_title .sub_title::before {content: "|";color: #c2c2c2;padding: 0 15px;}*/
.podGoods_title small {font-size:15px; color:#bfbfbf; font-weight: 300;}
.podGoods_title .sub_title {display: block; margin-top:5px; padding-top:5px; letter-spacing: -0.5px;}
.view_money {float:right;}
.view_money select {float:left;}

/* 마이상품 */
.pgs-mygoods {background:#ededed; padding:13px 20px; overflow:hidden; border-radius:10px; margin-bottom:30px;}
.pgs-mygoods ul {float:left; line-height:26px; vertical-align:middle; font-size:12px;}
.pgs-mygoods .name {width:18%; text-align:center;color:#000;}
.pgs-mygoods input[type="text"] {width:60%; line-height:26px; height:26px; padding:0px 10px; background-color:#fff; color:#F00; border:none;}
.pgs-mygoods .btnmy {width:19%; margin-left:1%; background:#43596f; color:#fff; line-height:26px; padding:0 10px; display:inline-block; border-radius:2px;}

/* 프로그램설치, 폴더업로드 버튼 (#ex_bt) */
#ex_bt {width:100%;float:left;}
.pgs-info .btn {width:360px; height:70px; line-height:58px; font-size:17px; font-weight: 500; border-radius: 2px; color:#fff; transition: 0.14s;}
.pgs-info .btn:hover {color:#fff; background-color:var(--primary-darker-color); border-color:var(--primary-darker-color);}
.pgs-info .btn .icon {width:auto; height:auto; max-width:24px; margin-right:5px;}


.dir_style {background-color:#FFC; border:1px solid #E7E0C9; line-height:18px; line-height:30px; width:auto; padding:5px 10px; border-radius:5px;} 
.dir_style i {font-size:18px;} 

/*모달팝업*/
.modal-wrap { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; width: 700px; }
.modal-wrap .modal-head {padding: 7px 20px 0px 20px; margin: 0; background: #EEE; color: #000; font-size: 17px; font-weight: bold; }
.modal-wrap .modal-body {width:100%; box-sizing:border-box; padding: 0px;}
.modal-wrap .modal-body iframe {width:100%; height:300px; box-sizing:border-box; background:#fff; margin:0; padding:0 10px 20px 10px;}

.button.b-close,
.button.bClose { box-shadow: none; padding: 0 6px 2px 6px; position: absolute; right: 10px; top: 6px; cursor: pointer; }

/*.option-img ul { float: left; width: 20%; padding: 5px; box-sizing: border-box; }
.option-img ul img { max-width: 100%; border: 2px solid transparent; cursor: pointer; }
.option-img ul img:hover { border: 2px solid #e82e2e; box-sizing: border-box; }
.option-img ul p { text-align: center; width: 100%; font-size: 12px; line-height: 18px; color: #555; padding: 5px 0; }*/

/* pgs-table  */ 
.pgs-table {border-collapse:collapse; width:100%; max-width:100%; font-size:12px; border:1px solid #e9e9e9; margin:0;}
.pgs-table td,
.pgs-table th {padding:7px; line-height:20px; color:#888; vertical-align:middle; background:#FFF; border-bottom:1px solid #e9e9e9;font-size: 12px;font-weight: 500;padding:10px 0;}
.pgs-table th {width:120px; color:#000; padding-left:0; font-weight:bold; background:#F2F2F2; background:url(/ORDER/img/dot.png) 10px center no-repeat;}
.pgs-table .fa-check {float:right; margin-right:10px; margin-top:5px; color:#ff9966;}

.pgs-table2 {border-collapse:collapse; width:100%; max-width:100%; font-size:11px; border:none; margin:0;border:1px solid #e9e9e9; border-bottom:none;}
.pgs-table2 thead td {font-weight:normal; background:#f3f3f3; text-align:center;}
.pgs-table2 td,
.pgs-table2 th {padding:3px; line-height:18px; color:#888; vertical-align:middle; background:#fff; border:none;border-bottom:1px solid #e9e9e9;}
.pgs-table2 th {width:80px;font-weight:normal; background:#f3f3f3;}

.priceInput {border:0px; background-color:#FFF; font-size:11px; color:#333; text-align:right; float:right }
.priceInput span {color:#F60;}

.pricestr {font-size:18px; font-weight:bold; color:#454545;}

/* 상품옵션 */
.pgs-table td select {background: #f6f6f6;height: 30px;line-height: 30px;padding: 0 5px;font-size: 12px;font-weight: 300;color: #212121;border-radius: 0;}
.pgs-table td .info {display: inline-block; width:100%; padding:10px; color:#97a0b7; font-size:12px; line-height: 1;}
.pgs-table td, .pgs-table th {line-height: 20px;vertical-align: middle;background: #FFF;}

.pgs-table #priceStr {line-height: 32px; font-size:17px; color:#333; padding:0;}

/* pgs-table .summary-table */
.summary-table {border-top:none;}
.summary-table th {width:80px; color:#fff; padding:0 5px}

.order-btnset  {margin:30px 0;}
.order-btnset span {float:left; margin-right:3px;} 
.order-btnset span:last-child  { margin-right:0px;} 

/*상품상세페이지*/
.pgs-detail {clear:both; padding: 20px; border-top:1px solid #ddd;}

/* 상품페이지 표 */
.podGoods .form-table table:not(.pgs-table2) {width:calc(100% + 20px); max-width:calc(100% + 20px); margin:0px -10px;}
.podGoods .form-table th, .podGoods .form-table td {display: inline-block; width:100%; max-width:100%; padding:10px 0; border-bottom:none; line-height: 1 !important; text-align: center!important;}
.podGoods .form-table th {background:#eee;}
.podGoods .form-table .info {padding:0; width:100%;}
.podGoods .form-table * + .info {margin-top:5px;}
.podGoods .form-table select ~ input:not([type=hidden]) {margin-top:5px;}
.podGoods .form-table br ~ select {margin-top:5px;}

.podGoods .form-table .pgs-table2 th, .podGoods .form-table .pgs-table2 td {display: table-cell; width:auto; border-bottom:1px solid #e9e9e9; text-align: center;}

.podGoods .form-table #total_price_tr {display: inline-flex; width:100%; margin-top:10px; flex-wrap: wrap;}
.podGoods .form-table #total_price_tr th, .podGoods .form-table #total_price_tr td {background:#f9f9f9; padding:10px; border-top:1px solid #e9e9e9;}
.podGoods .form-table #total_price_tr tr {width:100%; display: inline-flex;}
.podGoods .form-table #total_price_tr th {width:40%; float:left; line-height: 1; text-align: left !important;}
.podGoods .form-table #total_price_tr td {width:60%; float:right; text-align: right !important;}

.podGoods .form-table .subtitle {border-bottom:none; text-align: left;}

/* 주문버튼 - PC에서 주문하는 걸로 진행 */
#ex_bt.mt30.mb30 {margin-top:10px !important;}
#ex_bt.mt30.mb30 a {display: none;}
#ex_bt.mt30.mb30:before {content: 'パソコンで進めてください。'; display: inline-block; width:100%; font-weight: bold; font-size:1.4em; text-align: center; border:1px solid var(--major-darker-color); background:var(--major-lighter-color); color:var(--major-darker-color); pointer-events: none; opacity: 0.7; padding:15px 10px; border-radius: 2px;}


/* 상품 옵션 */
.lbl_designmun {margin-bottom: 0;}
.lbl_designmun > input, .lbl_designmun > span {float: left;}
.lbl_price > input, .lbl_designmun > input, .lbl_pageType > input {display: none;}
.detail_info .goods_table th {width: 110px;}
.lbl_designmun, .lbl_pageType {display: inline-block; width:65px; height:85px; float:left; margin-right:12px; cursor: pointer;}
.lbl_designmun:last-child, .lbl_pageType:last-child {margin-right:0;}
.lbl_designmun .icon, .lbl_pageType .icon {display: inline-block; width:65px; height: 65px; border-radius: 3px; background-color:#f1f1f1;}
.lbl_designmun .txt, .lbl_pageType .txt {display: inline-block; width:100%; /*height:20px; line-height: 20px;*/ font-size:12px; color:#505050; text-align: center; font-weight: 300;}
.lbl_pageType, .lbl_pageType .icon {width:110px;}
.lbl_designmun .icon {background-image:url("../_img/sub/designmun_icon.png")}
.lbl_designmun:nth-child(1) .icon {background-position: 4px 0;}
.lbl_designmun:nth-child(2) .icon {background-position: -61px 0;}
.lbl_pageType .icon {background-image:url("../_img/sub/pageType_icon_new.png")}
.lbl_pageType:nth-child(1) .icon {background-position: 0px 0;}
.lbl_pageType:nth-child(2) .icon {background-position: -110px 0;}
.lbl_pageType:nth-child(3) .icon {background-position: -220px 0;}
.lbl_pageType:nth-child(4) .icon {background-position: -330px 0;}
.lbl_designmun input:checked ~ .icon, .lbl_pageType input:checked ~ .icon {background-color:#529cf7; background-position-y: -64px;}
.lbl_designmun input:checked ~ .txt, .lbl_pageType input:checked ~ .txt {color:#3d8bea;}


/*-------------------------------------------------------------*/
/*                           my상품                          */
/*-------------------------------------------------------------*/
/* 상품 상세페이지 > 마이상품 */
.my_add_wrap { width: 100%; border-bottom: 0; box-sizing: border-box; margin-top: 0; float: left; background:#f4f4f7; border-radius: 10px; overflow: hidden;}
.my_add_wrap div { width: 100%; float: left; margin: 0; padding:10px;}
.my_add_wrap .top_box {text-align: left; padding-bottom: 0; font-size:12px; line-height: 22px; color:#aaa;}
.my_add_wrap .top_box b {color:#555;}
.my_add_wrap .bottom_box {text-align: left; display: inline-flex; position: relative; flex-wrap: wrap;}
.my_add_wrap .bottom_box label {position: absolute; left:20px; top:10px; display: inline-block; width:62px; height:40px; line-height: 40px; text-align: center; font-size:14px; font-weight: normal; color:#46474e; opacity: 0.5;}
.my_add_wrap .bottom_box input { width: 100%; height: 40px; line-height: 38px; background: #fff; border:1px solid #adadb0; border-radius: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; padding-left: 82px; padding-right:30px; font-size:16px;}
.my_add_wrap .bottom_box a {display: inline-block; width:100%;}
.my_add_wrap .bottom_box .btnmy {display: inline-block; height:40px; width:100%; padding:0; margin:0; line-height: 38px; border-color:#adadb0; background-color:#adadb0; text-align: center; color:#fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size:13px;}
.my_add_wrap .bottom_box .btnmy svg {transform: scale(1.2) translateY(-1px); margin-right:5px;}

.my_add_after { margin: 25px 0 15px; overflow: hidden; }

.form-table {width:100%; float: left; margin-top: 20px;}
.form-table table:last-child {border-bottom:1px solid #e9e9e9;}

.sub_full {padding:20px; border-top:1px solid #e9e9e9;}

/*----------------------------------------
               table                           
------------------------------------------*/
.price-wr {background: rgba(0,0,0,0.2);padding:0;border-radius:5px;overflow: hidden;display: block;width: 100%;position: relative;left: 0;top: 0;z-index: 999;}
.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:100%;}
.pgs-table tbody tr th,
.pgs-table tbody tr td  {padding:8px 10px; color:#333; vertical-align:middle;text-align:left;line-height:30px;font-weight:normal;}
.pgs-table tbody tr th {width:30%; max-width:100px; font-size:13px; color:#777; vertical-align:top; padding-left:0; padding-right:0;}
.pgs-table tbody tr td  { font-size:12px;color:#333;}

.pgs-table input[type="text"], 
.pgs-table select {display:inline-block; width:auto; background-color:#ffffff; background-image:none; border:1px solid #dcdcdc; vertical-align:middle; height:30px; padding:0 5px; font-size:12px; line-height:28px; border-radius:0px;color:#333;}
.pgs-table input[type="text"] {min-width:50px;}
.pgs-table select {min-width:50%;}
.pgs-table select ~ .mt10 {width:100%; margin-top:5px !important;}
.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-in-table*/
.pgs-in-table {margin:0; width:100%;}
.pgs-table caption {display: inline-block;font-size:15px;color:#333;line-height: 25px;width: 100%; max-width:100px; position: relative;padding: 0; overflow: visible; white-space: nowrap;}
.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; padding:10px;}


/* 이미지옵션*/
.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;} 

/* 후가공 */
.td_last {}
.td_last .last_text {line-height: 30px;}
.td_last .post-processing {}
.td_last .post_item {}
.last_chk {margin-bottom:0px; 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(--major-color); background-color:var(--major-color); background-image:url(/ORDER_POD/img/icon-check.png)}
.post_item .last_div {display: inline-block; width:100%; background:var(--major-lighter-color); position: relative; margin-bottom:10px; border:1px solid var(--major-color);}
.post_item .last_div .ttl {display: none;}
.last_div .content_wrap {display: inline-flex; width:100%; flex-wrap: wrap;}
.last_div .content_wrap li {display: inline-block; width:80px; margin:10px; cursor: pointer;}
.last_div .content_wrap li .img {width:100%; border:1px solid #fafafa; background-color:#fafafa; border-radius: 2px; box-sizing: border-box; margin:0 auto; min-height: 76px;}
.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;}
.last_div .content_wrap li h3 {font-size:14px; text-align: center; margin-top:5px; color:#999;}
.last_div .content_wrap input:checked + label .img {border-color:var(--major-color);}
.last_div .content_wrap input:checked + label h3 {color:var(--major-darker-color);}


/*------------------------------------------
                  규격선택
------------------------------------------*/
#size_select input[type="radio"] {display: none;}
#size_select label {display: inline-block; width:100px; float:left; margin:5px; cursor: pointer;}
#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);}
#size_select input[type="radio"]:disabled + label {opacity: 0.5; pointer-events: none;}

/*----------------------------------------
               견적보기                       
------------------------------------------*/
/*.podGoods aside {position:fixed; left:50%; top:232px; width:300px; margin-left:350px;}*/
#sticky {position:fixed; bottom:0px; left:0; margin:0; z-index:99999; border-top:1px solid #333; background:#fff; width:100%; box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);}
#sticky > div {width:100%; padding:10px 0; overflow: auto;}

/* 펼치고 접기 */
#sticky > div {display: none; height:auto; max-height:90vh;}
#sticky.open > div {display: inline-block;}
#sticky > div#openSticky {display: inline-block; width:100%; padding:10px; background:#fff;}
#sticky.open > div#openSticky {width:60px; position: absolute; top:-21px; left:50%; margin-left:-30px; border:1px solid #333; border-bottom:none; padding:0; border-top-left-radius: 2px; border-top-right-radius: 2px;}
#openEsti {display: inline-block; width:100%; height:40px; background:var(--major-color); color:#fff; font-size:15px; line-height: 40px; padding:0; text-align: center; cursor: pointer; border-radius: 2px; float:left;}
.open #openEsti {background:transparent; color:#333; height:20px; line-height: 20px;}
#openEsti:before {content: '견적보기'}
.open #openEsti:before {content: '\f078'; font: normal normal normal 14px/1 FontAwesome}


/*견적서*/
.esti_wrap {position:relative; width:100%; padding:0 10px; overflow:hidden;}
.esti_wrap h1 {font-size:16px; color:#777777; border-bottom:1px solid #eae5e9; margin:0 -20px; padding:0 20px; line-height: 23px; padding-bottom:10px; margin-bottom:10px;}
.esti_wrap dl {padding:5px 0; border:1px solid #e3e3e3; border-bottom:0; display: inline-flex; width:100%; background:#f3f3f3; box-sizing: border-box; float:left; flex-wrap: wrap;}
.esti_wrap dl + dl {border-top:1px dashed #e3e3e3;}
.esti_wrap dl > span {display: inline-block; width:33.33%; float:left;}
.esti_wrap dl dt,
.esti_wrap dl dd {display:inline-block; font-size:13px; line-height:1.2; color:#999999; font-weight:normal; vertical-align:middle; text-align: center;}
.esti_wrap dl dt {position:relative; width:100%; float:left; font-size:12px; padding-top:5px;}
.esti_wrap dl dd {width:100%; float:right; color:#333; padding-bottom:5px;}

.esti_wrap dl.esti_vat {border-top:1px dashed #e3e3e3; border-bottom:1px solid #e3e3e3;}
.esti_wrap dl.esti_vat dt, .esti_wrap dl.esti_sum dt {width:40%; text-align: left; padding-left:10px; padding-top:0; line-height: 24px;}
.esti_wrap dl.esti_vat dd, .esti_wrap dl.esti_sum dd {width:60%; text-align: right; padding-right:10px; padding-bottom:0; line-height: 24px;}

.esti_wrap dl.esti_sum {border-color:transparent; background:transparent; padding:10px 0;}
.esti_wrap dl.esti_sum dt,
.esti_wrap dl.esti_sum dd {font-weight: bold; font-size:16px; color:#333;}
.esti_wrap dl.esti_sum dt {}
.esti_wrap dl.esti_sum dd {}

.esti_wrap .bt_fx {position:relative; padding:0; 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; padding:0;}
.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 .cover_design_opt_wr > span {width:100%; padding:0 10px;}
.esti_wrap .cover_design_opt_wr img {width:auto; height:auto; max-width:100%; max-height:70px; float:left;}
.esti_wrap .cover_design_opt_wr .btn-preview {border:none; background:transparent; display: inline-block; padding:0; margin:0; margin-top:5px; text-align: center;}

/*견적서하단버튼*/
.esti_btn {position:relative; width:100%; padding:0 20px 10px; background:#fff; 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:30px 0;font-size:13px; line-height:1;text-align:center; color:#999;}
.esti_guest a {color:#ff1a56;}

.info-modal .file-body {background:#fff;}

.info-modal .file-body iframe {width:100%; height:400px; border:0;}
.info-modal h2 {font-size:15px; background:url(/html/img/sub/bullet.png) left center no-repeat; font-weight:bold; line-height:30px; margin:0; text-indent:25px;  margin-bottom:10px; color:#555;} 
.button.b-close, .button.bClose {box-shadow: none;  font: bold 131% sans-serif; padding: 0 6px 2px; position: absolute; right: 10px;  top: 10px; cursor:pointer;}
	
.modal-footer {position:relative; display:block; padding:10px; background:#fff;}
.modal-footer span {display: block; width: 100%; height: 35px; line-height: 35px; text-align: center; color: #fff; background:#125fa3; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter:alpha(opacity=80); opacity:.8; cursor:pointer;}
.modal-footer span:hover {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter:alpha(opacity=100); opacity:1.0;}


/* 옵션아이콘 */
.opt-icon {width:60px; height: auto; overflow: hidden; float: left; margin: 5px; position: relative;}
.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.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-lighter-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;}
.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:15px; right:10px; 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);}

/* 두번째 옵션 */
#cover_printer_span, #in_printer_span, #in2_printer_span {display: inline-block; width:100%;}

/* 상세설명 */
.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:-3px; 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: 100%; }
.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:370px; 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;}

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

.bpop_esmodal {position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 1; display: block; opacity: 1; width:calc(100% - 20px); 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: 10px;padding-bottom: 11px;display: flex;justify-content: space-between;flex-wrap: nowrap;}

.order_select a {position: relative;width: 32%;padding: 15px;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: 100%;height: auto; padding-top:100%; background-size:100% auto; background-position: top center;margin: 0 auto;}
.order_select .icon_self {background-image:url("../_img/goods/icon_poporder_self.png");}
.order_select .icon_design {background-image:url("../_img/goods/icon_poporder_design.png");}
.order_select .icon_upload {background-image:url("../_img/goods/icon_poporder_upload.png");}
.order_select .icon_cart {background-image:url("../_img/goods/icon_poporder_cart.png");}

.order_select a .ttl {display: block;color: #333;font-size: 14px;margin-top: 15px;}
.order_select a .desc {display: block;font-size: 12px;line-height: 18px;color: #999;margin-top: 5px; word-break: keep-all;}

.order_select a:hover {border:1px solid #49a3ce;}
.order_select a:hover .icon {background-position: bottom center;}
.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 {}
.not_editor .order_select a {width:48%;}

/*셀프편집*/
.self_head {border-bottom: 1px solid #ddd; position: relative; padding: 10px; margin-bottom: 10px;}
.self_head h1 {display:block;font-size: 16px;margin-bottom: 10px;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: 100%;font-size: 14px;font-weight: 400;color: #aaa;line-height: 24px;margin: 0;}
.self_filter ul li {display: block; width:100%;}
.self_filter ul li span {background: #fff;border: 1px solid #e3e3e3;padding: 3px 6px;border-radius: 3px;font-size: 12px;line-height: 18px;color: #777;cursor: pointer;display: inline-block;vertical-align: middle;margin-bottom: 3px;letter-spacing: -0.5px;}

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

.self_filter ul li span.customer_name {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: calc(100% - 97px);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: 50%; 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;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 .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%);text-align: center;width: 100%; display: block;}
.over_div a {width: 80px;height: 80px;background: rgb(48 48 48 / 50%);display: inline-block;border-radius: 50%;text-align: center;line-height: 80px;color: #fff;margin: 0 1px;font-size: 13px;}