/*-------------------------------------------------------------
		공통
-------------------------------------------------------------*/

/*관리자 링크 버튼*/
.btn_admin {position: absolute !important; right: 0; top:0; z-index: 999; }
.btn_admin a {display: inline-block;width: auto;background: #da106f;border: 1px solid #da106f;color: #fff;padding: 2px 5px;font-size: 12px;line-height: 16px;border-radius: 3px;transition: all 0.5s;text-decoration: none;}
.btn_admin a:after {content:"→"; display: inline-block; margin-left: 10px;}
.btn_admin a:hover {}


.cate01, .cate02, .cate06, .cate05 {text-align: center; overflow-x: hidden;}
.cate01 img, 
.cate02 img, 
.cate06 img, 
.cate05 img {width:auto; height:auto; max-width:100%;}
.cate01 {}
.cate02 {padding-bottom: 20px;}
.cate05 {margin-top:40px;}

/*한줄가이드*/
.cate03 {padding:5px 0; font-size:12px; color:#aaa; line-height: 20px; display: inline-block; width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; margin-bottom:20px;} 


h2.subtitle-full {font-size:26px; line-height: 1; padding:0; text-align: center; font-weight: 300; color:#221814; letter-spacing: 0.02em;}
h2.subtitle {position: relative;width:100%;overflow: hidden;border-bottom: 1px solid #888;border-top:none;padding: 10px 0;font-size: 22px;line-height: 30px;color: #333;font-weight: 500;margin:0;margin-bottom:20px;}
h2.subtitle span {font-weight:normal; font-size:12px; color:#888;}
h3.subtitle  {font-size:13px; line-height:20px; font-weight:bold; color:#222; border-bottom:1px solid #ddd; padding-bottom:10px;  margin:0; margin-bottom:30px;}
h2.subtitle .pull-right {display: inline-block; margin:-6px 0;}

h2.subtitle .mygoods_off,
h2.subtitle .mygoods_on {display: inline-block;background-color: #eee;color: #999;border: 0;padding: 0 7px;font-size: 13px;line-height: 26px;vertical-align: middle;}
h2.subtitle .mygoods_on {padding-left: 0;background-color: #fff;color: #333;border: 0;font-size: 18px;}


.content-right {width: 960px; float:right;}
.content {position:relative; display:inline-block; width: 100%; margin:20px auto;}

.footer-btnset {padding:20px 0; text-align:center;}

/* 이벤트페이지 */
.eventList {position:relative; overflow:hidden;}
.eventList .eventimg {width:500px; float:left;}
.eventList .eventimg img {width:100%; height:auto; padding-bottom:20px;}
.eventList .eventinfo {width:360px; float:right;}
.eventList .eventinfo h2 {font-size:22px; margin:10px 0;} 
.eventList .eventinfo li {font-size:12px; color:#888; line-height:24px;} 
.eventList .eventinfo li.status {margin-bottom:30px;} 
.eventList .eventinfo li img {width:auto; height:auto; max-width:100%;}



/*이용약관*/
.agree {position: relative;width: 100%;height: 600px;overflow-y: scroll;margin-top: 30px;border: 1px solid #ddd;padding: 20px;background: #fafafa;}
.agree div h1 {display: block;font-size: 16px;}
.agree div ul {padding: 10px;font-size: 13px;line-height: 23px;color: #777;font-weight: 300;margin-bottom: 20px;}




/*-------------------------------------------------------------*/
/*                              게시판                           */
/*-------------------------------------------------------------*/

/* basic-table - border없음 */ 
.basic-table {border-collapse: collapse;  width: 100%; max-width: 100%; font-size:12px; border-top:1px solid #ddd; margin:0 auto;}
.basic-table thead td {padding:5px 10px; color:#ddd; vertical-align:middle;text-align:center; background:#777; border:none; font-size:11px;}
.basic-table td, .basic-table th {padding:10px; line-height:20px; color:#555; vertical-align:middle;background:#fff; border-bottom:1px solid #ddd;} 
.basic-table th {color:#333;background:#fafafa; padding-left:20px; text-align: left} 
.basic-table .fa-check {float:right; margin-right:10px; margin-top:5px;} 

/* basic-table - border있음 */ 
.basic-table.table-bordered {border:1px solid #ddd;}
.basic-table.table-bordered td, .basic-table.table-bordered th {border-right:1px solid #ddd; border-bottom:1px solid #ddd;} 

/* 게시판 뷰 이미지 최대크기 제한 */
.board-content {padding:20px !important;}
.board-content img { max-width: 840px;} 

/* 테이블 탑,바텀 */
.table-top {overflow:hidden; margin-bottom:10px; font-size:13px; color:#555;}

.table-bottom {padding:20px 0; text-align:center;}
.table-bottom ul {float:left; width:30%; text-align:left;}
.table-bottom ul:nth-child(2) {width:40%; text-align:center;}
.table-bottom ul:nth-child(3) {width:30%; text-align:right;}

.table-top.box, 
.table-bottom.box {clear:both;background:#f4f4f4; padding:40px; font-size:12px; line-height:28px; color:#555; overflow:hidden; width:100%; box-sizing: border-box;} 
.table-bottom.box .pull-left, .table-bottom.box .pull-right {width:50%;}
.table-bottom.box .pull-left {float:left; margin:0; padding:0;}
.table-bottom.box .pull-right {float:right; margin:0; padding:0;}
/* basic-table - border없음 
.basic-table1 {border-collapse: collapse;  width: 100%; max-width: 100%; font-size:12px; border:1px solid #fff; margin:0;}
.basic-table1 thead td {padding:10px 0; color:#777; vertical-align:middle;text-align:center; background:#eee;}
.basic-table1 td, .basic-table1 th {padding:10px 10px; line-height:20px; color:#555; vertical-align:middle;background:#fff; } 
.basic-table1 th {color:#333;background:#fafafa; border-right:1px solid #ddd; padding-left:20px;} 
.basic-tabl1e .fa-check {float:right; margin-right:10px; margin-top:5px; color:#ff9966;} 
*/ 

/* 게시판 분류 */
.cate_faq {width: 100%; margin:20px auto; text-align: center; overflow:hidden; text-align: center;}
.cate_faq ul {width:auto; height:auto; overflow: hidden; margin:0 auto; display: inline-block;}
.cate_faq li {position:relative; text-align:center; float:left; cursor:pointer; box-sizing: border-box; padding:0; margin:0 2px;}
.cate_faq li a {display:block; margin:0 auto; box-sizing: border-box; font-size:13px; color:#666; font-weight: normal; border-radius: 25px; background-color:#fff; padding:10px 18px; border:1px solid #ddd;}

.cate_faq li:hover {}
.cate_faq li:hover a {background-color:#999; color:#fff; border-color:#999;}

.cate_faq ul li.active a {background-color:#666; color:#fff; border-color:#666;}
.cate_faq ul li.active span {}


/* 샘플디자인 */
.cate_wr {position: relative; margin-bottom: 30px;}
.cate_wr input[type="radio"] {visibility: hidden;overflow: hidden;width: 0;}
.cate_wr a,
.cate_wr input[type="radio"]+label {display: inline-block;padding: 5px 15px;background: #eee;color: #888;border-radius: 50px;font-size: 15px;line-height: 25px;margin: 0 5px; cursor: pointer; font-weight: 400;}

.cate_wr a.on,
.cate_wr input[type="radio"]:checked+label {background: var(--major-color); color: #fff;font-weight: 700;}

.goods_popup {height: 90%;top: 5% !important;left: 50% !important;transform: translateX(-50%);}
.goods_popup > div {background: #fff;border-radius: 10px;padding: 30px;padding-top: 20px;height: 100%;}
.goods_popup .pod_name {position: relative;display: block;border-bottom: 1px solid #999999;margin-bottom: 30px;font-size: 18px;line-height: 38px;}
.goods_popup img {display: block;max-height: calc(100% - 150px);}
.goods_popup a {display: block; text-align: center;}
.goods_popup .btn_order {display: inline-block; line-height: 50px; border:1px solid var(--major-color); color: var(--major-color); margin: 0 auto; padding:0 30px; border-radius: 50px; margin-top: 30px;} 

.goods_popup .b-close {width: 24px;height: 24px;right: 0;top: 7px;display: block;position: absolute;}
.goods_popup .b-close:before,
.goods_popup .b-close:after {position: absolute;left: 15px;content:' ';height: 24px;width: 2px;background-color: #555;}
.goods_popup .b-close:before {transform: rotate(45deg);} 
.goods_popup .b-close:after {transform: rotate(-45deg);}


/*-------------------------------------------------------------*/
/*                    로그인, 아이디찾기페이지                 */
/*-------------------------------------------------------------*/

/* 회원가입 */
.agree_wr {display: flex; flex-wrap: wrap;}
.agree_wr li {text-align: left; padding:2.5em;}
.agree_wr li.w-50 {width:50%;}
.agree_wr li.w-100 {width:100%;}
.agree_wr h6 {font-size: 1.5em; margin-bottom:10px; text-align: center;}
.agree_wr .service_cont {display: inline-block; width:100%; height:300px; overflow: hidden; overflow-y: scroll; padding:10px; border:1px solid #ddd; border-radius: 3px; text-align: left; word-break: break-all;}
.agree_wr label {text-align: left; margin:0; margin-top:5px; font-weight: normal; font-size:1.2em; color:#666; cursor: pointer;}
.agree_wr label:hover, .agree_wr input[type="checkbox"]:hover + label {color:#333;}
.agree_wr input[type="checkbox"]:checked + label {color:#333;}
.agree_wr .agree-all {text-align: center; font-size:1.24em; padding-top:0;}

/* 탭메뉴 */
#tabmenu {position:relative; height:auto; font-size:12px; border:1px solid #ddd; border-bottom:none; border-top-left-radius: 2px; border-top-right-radius: 2px;}
#tabmenu ul {margin:0;padding:0; display: inline-block; width:100%;}
#tabmenu ul li {float:left;line-height:50px; background:#f3f3f3;}
#tabmenu ul li a {display:inline-block; width:100%; font-size:13px; padding:0 30px; color:#bbb;cursor:pointer;text-decoration:none !important; text-align: center;}
#tabmenu ul li a:hover {color:#777}
#tabmenu ul li.on {background:#fff;}
#tabmenu ul li.on a {color:#000;}

#tabcontent0, #tabcontent1{padding:30px; border:1px solid #ddd; display: inline-block; width:100%; border-top:none; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;}


/* 로그인 */

.loginBox {position:relative; width:100%; margin:0px auto; font-size:12px;}
.loginBox ul {}
.loginBox input[type="text"], .loginBox input[type="password"] {display: inline-block; width:100%; height: 45px; border:1px solid #c9c9c9; line-height: 43px; box-sizing: border-box; box-shadow: none; margin-bottom:10px; padding:0 20px; font-size:15px; font-weight: 300; color:#151414}
.loginBox input[type="text"]::placeholder, .loginBox input[type="password"]::placeholder {color:#ccc;}
.loginBox input[type="text"]::-webkit-input-placeholder, .loginBox input[type="password"]::-webkit-input-placeholder {color:#ccc;}
.loginBox .idpw {text-align:center;}
.loginBox input[type="text"]::-ms-input-placeholder, .loginBox input[type="password"]::-ms-input-placeholder {color:#ccc;}
.loginBox input[name=iden1], .loginBox input[name=iden2] {display: inline-block; height:45px; border:1px solid #c9c9c9; line-height: 43px; box-sizing: border-box; box-shadow: none; padding:0 10px; font-size:15px; font-weight: 300; color:#151414; width:33%; margin-left:1%; float:left;}
.loginBox select[name=iden] {display: inline-block; height:45px; border:1px solid #c9c9c9; line-height: 43px; box-sizing: border-box; box-shadow: none; padding:0 10px; font-size:15px; font-weight: 300; color:#151414; width:32%; border-radius: 1px; float:left;}

.loginBox .login-link {display: inline-block; width:100%;}
.loginBox .login-link label, .loginBox .login-link a {font-size:13px; line-height: 1; letter-spacing: -0.03em; font-weight: 300; color:#8f8f8f; margin-bottom:0;}
.loginBox .login-link label input[type="checkbox"] {margin-right:5px;}

.loginBox .div_btn {display: inline-block; width:100%; margin-top:55px; text-align: center;}
.loginBox .div_btn .btn_submit {display: inline-block;width:100%;height:55px;line-height: 55px;padding:0;border-radius: 2px;border:none;background: var(--major-color);color:#fff;font-size:16px;letter-spacing: -0.03em;font-weight: bold; transition: 0.1152s ease-out;}
.loginBox .div_btn .btn_submit:hover {background-color:var(--major-darker-color);}
.loginBox .div_btn a {display: inline-block;margin-top:30px;padding-bottom:5px;border-bottom: 1px solid var(--major-darker-color);color: var(--major-darker-color);font-size:14px;font-weight: normal;letter-spacing: -0.03em;line-height: 1;}

.snsBox {display: inline-block; width:100%;}
.snsBox:before {content: '또는'; display: inline-block; width:100%; padding:50px 0; font-size:14px; line-height: 1; color:#999; letter-spacing: -0.03em; text-align: center;}
.snsBox a {display: inline-block; width:100%; height:42px; border:1px solid #ddd; line-height: 40px; font-size:13px; text-align: center; margin-bottom:10px; border-radius: 2px; cursor: pointer;}
.snsBox a a:before {content:'네이버 로그인'; color:#004a0f} 
.snsBox a img {display:none;}
/*.snsBox a.naver {border-color:#00c026; background:#00c63b url(../_img/inc/login-naver.png) 5px center no-repeat; color:#fff;}*/
.snsBox a.naver {border-color:#00c026; background:#00c63b url(../_img/inc/login-naver.png) 5px center no-repeat; color:#fff;}
.snsBox a.kakao {border-color:#f5e635; background:#fae100 url(../_img/inc/login-kakao.png) 5px center no-repeat; color:#493000;}


/* 회원가입 */
.member_btn .btn_submit {display: inline-block; width:auto; height:55px; line-height: 55px; padding:0 30px; border-radius: 2px; border:none; background:#52256a; color:#fff; font-size: 16px; letter-spacing: -0.03em; font-weight: bold;}
.member_btn .btn_cancel {display: inline-block; width:auto; height:55px; line-height: 55px; padding:0 30px; border-radius: 2px; border:1px solid #aaa; background:#fff; color:#999; font-size:16px; letter-spacing: -0.03em; font-weight: normal;}


/*-------------------------------------------------------------*/
/*                         팝업페이지                          */
/*-------------------------------------------------------------*/
.popPage {padding:15px; position:relative; font-size:12px; line-height:22px; color:#777;}
.popPage h2.subtitle {font-size:18px; line-height:20px; font-weight:bold; color:#222; border-bottom:2px solid #333; padding-bottom:10px; margin:0; margin-bottom:15px;}



/*상품아이콘 2차메뉴*/
.sinb ul {width:100%; height:auto; overflow: hidden; padding-top:50px; margin-bottom:25px; border-bottom:2px solid #f17fac}
.sinb ul li {position:relative; width:14.28%; text-align:center; float:left; cursor:pointer; box-sizing: border-box; padding:0; margin:0; background:#f5f5f5; border:none;}
.sinb ul li a{display:block; width:100%; height:100px; margin:0 auto; border:1px solid #e0e0e0; border-bottom:none; background-repeat:no-repeat; background-position: center 15px; border-right-color:#f5f5f5; box-sizing: border-box;}
.sinb ul li:last-child a {border-right-color:#e0e0e0; }
.sinb ul li:hover a{border:2px solid #f17fac; border-bottom:none; background:#fff; background-image:url(/_img/main/ms-icon1-over.png); background-repeat:no-repeat; background-position: center 14px;}
.sinb ul li span {position: absolute; width:100%; left:0; bottom:0; font-size:13px; color:#949494; font-weight: normal; line-height: 50px;}
.sinb ul li:hover span {color:#f17fac}

.sinb ul li.active {}
.sinb ul li.active a {border:2px solid #f17fac; border-bottom:none; background:#fff; background-image:url(/_img/main/ms-icon1-over.png); background-repeat:no-repeat; background-position: center 14px;}
.sinb ul li.active span {color:#f17fac}

.sinb ul li:nth-child(1) a {background-image:url(/_total_img/design_img/43_design_ms-icon1.png); }
.sinb ul li:nth-child(7) a {background-image:url(/_total_img/design_img/45_design_ms-icon2.png); }
.sinb ul li:nth-child(2) a {background-image:url(/_total_img/design_img/47_design_ms-icon3.png); }
.sinb ul li:nth-child(3) a {background-image:url(/_total_img/design_img/49_design_ms-icon4.png); }
.sinb ul li:nth-child(4) a {background-image:url(/_total_img/design_img/51_design_ms-icon5.png); }
.sinb ul li:nth-child(5) a {background-image:url(/_total_img/design_img/53_design_ms-icon6.png); }
.sinb ul li:nth-child(8) a {background-image:url(/_total_img/design_img/55_design_ms-icon7.png); }
.sinb ul li:nth-child(6) a {background-image:url(/_total_img/design_img/57_design_ms-icon8.png); }
.sinb ul li:nth-child(1):hover a {background-image:url(/_total_img/design_img/44_design_ms-icon1-over.png); }
.sinb ul li:nth-child(7):hover a {background-image:url(/_total_img/design_img/46_design_ms-icon2-over.png); }
.sinb ul li:nth-child(2):hover a {background-image:url(/_total_img/design_img/48_design_ms-icon3-over.png); }
.sinb ul li:nth-child(3):hover a {background-image:url(/_total_img/design_img/50_design_ms-icon4-over.png); }
.sinb ul li:nth-child(4):hover a {background-image:url(/_total_img/design_img/52_design_ms-icon5-over.png); }
.sinb ul li:nth-child(5):hover a {background-image:url(/_total_img/design_img/54_design_ms-icon6-over.png); }
.sinb ul li:nth-child(8):hover a {background-image:url(/_total_img/design_img/56_design_ms-icon7-over.png); }
.sinb ul li:nth-child(6):hover a {background-image:url(/_total_img/design_img/58_design_ms-icon8-over.png); }
.sinb ul li:nth-child(1).active a {background-image:url(/_total_img/design_img/44_design_ms-icon1-over.png); }
.sinb ul li:nth-child(7).active a {background-image:url(/_total_img/design_img/46_design_ms-icon2-over.png); }
.sinb ul li:nth-child(2).active a {background-image:url(/_total_img/design_img/48_design_ms-icon3-over.png); }
.sinb ul li:nth-child(3).active a {background-image:url(/_total_img/design_img/50_design_ms-icon4-over.png); }
.sinb ul li:nth-child(4).active a {background-image:url(/_total_img/design_img/52_design_ms-icon5-over.png); }
.sinb ul li:nth-child(5).active a {background-image:url(/_total_img/design_img/54_design_ms-icon6-over.png); }
.sinb ul li:nth-child(8).active a {background-image:url(/_total_img/design_img/56_design_ms-icon7-over.png); }
.sinb ul li:nth-child(6).active a {background-image:url(/_total_img/design_img/58_design_ms-icon8-over.png); }

/*상품아이콘 3차메뉴*/
.sinb2 {width: 95%; margin:0 auto; text-align: center; overflow:hidden;margin-bottom:40px;}
.sinb2 ul {background: #fff; overflow: hidden; text-align: center;}
.sinb2 ul li {text-align: center;  background: #9e9e9e;  display: inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.sinb2 ul li a {font-size:12px; display:inline-block; line-height:32px;color: #eee; padding:0 20px;}

.sinb2 ul li:hover {background:#777;}
.sinb2 ul li:hover a { }

.sinb2 ul li.active {background:#333333;}
.sinb2 ul li.active a {color:#fff;}


/*상품리스트*/
#mainPage .mProduct-list {position: relative;}
#mainPage .mProduct-list div {position: relative; overflow: hidden;}
#mainPage .mProduct-list ul {position:relative; width:100%; overflow:hidden;}
#mainPage .mProduct-list li {position: relative; display: block; margin-right:21px; float:left; padding:2px;}
#mainPage .mProduct-list li img { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}

.podList {position:relative; width:100%;}
.podList ul li {width: 270px; width:calc((100% - 120px) / 4); margin-right: 40px;float:left;position:relative;margin-bottom: 40px;}
.podList ul li:nth-child(4n) {margin-right:0;}

.podList ul li .pod-img {position: relative;width:100%; padding-top:100%; display:block;overflow:hidden;border: 1px solid #e5e5e5; background:#f5f5f5;}
.podList ul li .pod-img img {width:auto; height:auto; max-width:100%;max-height:100%; transition: all 0.3s; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.podList ul li .pod-name {display:block; padding: 10px 0; margin-top: 5px; font-size:15px; line-height: 1; font-weight:normal; color:#333; text-align:center;width:100%; white-space:normal; text-overflow:ellipsis; overflow:hidden;}

.podList ul li:hover .pod-img img {-webkit-transform: translate(-50%, -50%) scale(1.1);transform: translate(-50%, -50%) scale(1.1);}
.podList ul li .pod-img  .icon_self {background-image: url(/ORDER_POD/img/icon_editor.png);display: block;position: absolute;left: 5px;top: 5px;background-color: #c250ff;background-repeat: no-repeat;width: 81px;height: 26px;background-position: 5px center;border-radius: 3px;z-index: 2;}
.podList ul li .pod-img  .icon_self:after {content:"셀프편집";color:#fff;font-size:12px;padding-left: 30px;line-height: 26px;}

.podList ul li .mygoods-del {width:20px; height:20px; padding:0; text-align: center; line-height: 16px;}

.list-foot {clear:both; padding:40px 0; text-align:center;}

/*마이상품*/
.mygoods-del {position:absolute; right:5px; top:5px; z-index:2;}


/*-------------------------------------------------------------*/
/*                             cart                            */
/*-------------------------------------------------------------*/
/* cart step */
.cart-step-img {display: inline-block; margin:0; width:100%; background:#ecedf2;}
.cart-step-img .title {display: inline-block; width:50%; height:100px; float:left; line-height: 100px; padding:0 53px; color:#333; font-weight: normal; font-size:30px;}
.cart-step-img .step-wr {display: inline-block; width:auto; height:100px; float:right; padding:0 35px;}
.cart-step-img .step {display: inline-block; float:left; font-size:15px; letter-spacing: 0.025em; color:#aaa; text-align: center; padding:45px 25px 25px; position: relative;}
.cart-step-img .step:before {content: ''; display: inline-block; width:12px; height:12px; background:#aaa; position: absolute; left:50%; margin-left:-6px; top:35px; margin-top:-6px;}
.cart-step-img .step:after {content: ''; display: inline-block; width:60px; height:2px; background:#ccc; position:absolute; right:0; margin-right:-30px; top:35px; margin-top:-1px;}
.cart-step-img .step:last-child:after {display: none;}
.cart-step-img .step.on {color:#52256a;}
.cart-step-img .step.on:before {background-color:#52256a}

/* cart info */
.cart-info {display: inline-block; width:100%; padding:20px 55px; border:1px solid #ecedf2; font-size:14px; line-height: 24px; color:#333;}
.cart-info strong {color:#ff1a56;}
.cart-info i {margin-top:-2px;}
.cart-info a.btn {padding:2px 8px;}

/* cart-table - border없음 */ 
.cart-table {border-collapse: collapse;  width: 100%; max-width: 100%; font-size:12px; border-top:1px solid #ddd; margin:0 auto;}
.cart-table thead td {padding:10px 10px; color:#777; vertical-align:middle;text-align:center; background:#f3f3f3;}
.cart-table td, .cart-table th {padding:7px; line-height:20px; color:#555; vertical-align:middle;background:#fff; border-bottom:1px solid #ddd;} 
.cart-table th {color:#333;background:#F9f9f9;} 
.cart-table .fa-check {float:right; margin-right:10px; margin-top:5px; color:#feb300;} 

.cart-table td th {background:#fffeda;}

/* cart-table - border있음 */ 
.cart-table.table-bordered {border:1px solid #ddd;}
.cart-table.table-bordered td, .cart-table.table-bordered th {border-right:1px solid #ddd; border-bottom:1px solid #ddd;} 

/* 테이블 탑,바텀 */
.table-top {overflow:hidden; margin-bottom:10px; font-size:13px; color:#555;}

.table-bottom {padding:20px 0;text-align:center;border-top: 1px solid #ddd;;border-bottom: 1px solid #ddd; display: inline-block; width:100%;}
.table-bottom ul {float:left; width:30%; text-align:left;}
.table-bottom ul:nth-child(2) {width:40%; text-align:center;}
.table-bottom ul:nth-child(3) {width:30%; text-align:right;}

.table-top.box, 
.table-bottom.box {clear:both;background:#f4f4f4; padding:20px; font-size:12px; line-height:28px; color:#333; overflow:hidden;} 

.bg-sky {background:#f2f9fb !important;}
.bg-sky-left {background:#FFF !important; text-align: left}

.order-name-box {padding:5px; overflow:hidden; background:#f9f9f9; margin-bottom:3px;}
.order-name-box-left  {width:50%; float:left;  padding:5px; overflow:hidden; background:#f9f9f9; margin-bottom:3px;}
.order-name-box-right {width:50%; float:right; padding:5px; overflow:hidden; background:#f9f9f9; margin-bottom:3px;}
.order-name-box-left label { width:20%; text-align:center; margin-bottom:0; line-height: 32px;} 
.order-name-box-left ul {width:80%; text-align:left; margin-bottom:0; line-height: 32px; }  
.order-name-box-left label { width:20%; text-align:center; margin-bottom:0; line-height: 32px;} 
.order-name-box-left ul {width:80%; text-align:left; margin-bottom:0; line-height: 32px; }  


/* table-estimate - 견적서테이블 */ 
.table-estimate {border-collapse: collapse;  width: 100%; max-width: 100%; font-size:12px; margin:0 auto; border:1px solid #333;}
.table-estimate thead td {padding:7px; background:#333; color:#fff; vertical-align:middle;text-align:center;}
.table-estimate td, .table-estimate th {padding:7px; line-height:20px; color:#555; vertical-align:middle;background:#fff; border-right:1px solid #333;border-bottom:1px solid #333;} 
.table-estimate th {color:#333;background:#FFFDDA; padding-left:20px;border-right:1px solid #ddd;} 
.table-estimate .fa-check {float:right; margin-right:10px; margin-top:5px; color:#feb300;} 

.table-top .subtitle {font-size:16px; padding-bottom:5px; color:#666; border-bottom:1px solid #aaa;}

.cartprice-box {padding:10px; border:10px solid #eee; background:#f9f9f9; overflow:hidden;}
.cartprice-box table th, .cartprice-box table td {text-align:right; font-size:13px; font-weight:normal; color:#FF0004;}
.cartprice-box table th {color:#555;}

/* order-print */
#od_print .cart-step-img {background:#fff;}
#od_print .cart-step-img .title {height:50px; line-height: 50px; padding-left:0;}
#od_print .cart-info {padding:10px 0; font-size:12px; margin-bottom:20px !important;}

@media print {
	.cart-step-img .step-wr {display: none;}
	.cart-step-img .title {line-height: 1.2; height:auto; padding:0; font-size:1.5em;}
	.cart-info.mb50 {padding:5px 0; border:none; font-size:1em; margin-bottom:10px !important;}
}

/*-------------------------------------------------------------
	개인결제                         
-------------------------------------------------------------*/
.personal_wr {position: relative; padding:0;}

.personal_list {position:relative; display: block;float: left;width: 23%; padding:0; margin:1%;}
.personal_list > div {display: block; border:1px solid #dddddd; cursor: pointer;}

.personal_list .payed_bg {content:""; position:absolute;; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.4);}

.personal_list .psn_img {position:relative; width: 100%; display: block;}
.personal_list .psn_img img {width: 100%; display: block;}
.personal_list .psn_name {display:block;line-height:22px; height:60px; padding:8px; font-size:12px; font-weight:normal; color:#777;overflow:hidden; border-top:1px solid #eee; text-align: center; padding-top: 10px;}
.personal_list .psn_price {display:block;line-height:22px; font-size:12px; font-weight:normal; color:#DF2C00;overflow:hidden; text-align: center; padding-bottom: 10px;}
/*-------------------------------------------------------------
		datepicker
-------------------------------------------------------------*/

.sch_wr {position:relative; background:#f4f6f8; border-radius:5px; padding:18px 20px; margin-bottom:40px; overflow: hidden;}
.sch_wr > div {display:block; padding:3px 0; height: 36px;}

.sch_wr ul {float: left; display: block;  font-size:0; color:#555; line-height:30px; }
.sch_wr .select {float: left; display: block; width:130px; margin-right: 5px;}

/*날짜선택*/
.sch_wr .date_wrap {position:relative; float: left; width:130px; display: block; margin:0;vertical-align:middle; /*margin-top:-3px;*/ margin-right: 5px;}
.sch_wr .date_wrap .input {display:inline-block; padding-left:32px;}
.sch_wr .date_wrap .ui-datepicker-trigger {position:absolute; left:7px; top:7px; width:19px; height:18px;}

/*기간선택 - 버튼 */
.sch_wr .sch_period_wr {border-radius:3px;overflow:hidden; border:1px solid #dfdfdf;vertical-align:middle;}
.sch_wr .sch_period_wr input {display:none;}
.sch_wr .sch_period_wr input + label {float:left; display:inline-block; background:#fff; min-width:30px; padding:0 7px; border-right:1px solid #dfdfdf; text-align:center; font-size:12px; color:#999; line-height:30px; cursor:pointer; font-weight:300; margin: 0;}
.sch_wr .sch_period_wr input + label:last-child {border:0;}
.sch_wr .sch_period_wr input:hover + label {background:#98aac1; color:#fff; }

/*검색창 + 조회*/
.sch_wr #mycon_input {width:230px; margin-left:-2px; }
.sch_wr .btn_consch {display:inline-block; font-size:12px; color:#fff; background:#98aac1; border-radius:2px; line-height:30px; padding:0 10px; margin-left: 5px;}
.sch_wr .btn_consch i {font-size:14px; vertical-align:middle; margin-top:-3px; opacity:0.8;}