/* jquery-ui-resize Reset */
.jBox-wrapper {background-color:#FFFFFF; overflow:auto; box-shadow:5px 5px 30px rgba(25,25,25,0.5);}
.ui-resizable-handle {left:auto !important; right:0 !important;}
.ui-resizable-s {width:auto !important;}

/* resize popup*/
.resizePopupBox {position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; box-sizing:border-box;}
.resizePopupBox .resizePopupWrap {position:absolute; left:0; top:0; width:100%; height:100%; min-width:300px; min-height:400px; background-color:#fff; border:1px solid #ddd; z-index:200; box-sizing:border-box; box-shadow:5px 0px 20px rgba(0,0,0,0.3);}
.popup-headler {position:absolute; width:100%; height:100%; border:1px solid #f00;}
.resizePopupBox .resizePopupWrap .ui-resizable-se {background-color:#f7f7f7;}
.resizePopupBox .resizePopupWrap .ui-resizable-e {}
.resizePopupBox .resizePopupWrap .ui-resizable-s {}
.resizePopupBox .popup-head {background-color:#f7f7f7; box-sizing:border-box; padding:12px 20px; height:45px; cursor:pointer;}
.resizePopupBox .popup-head strong {display:block; float:left; font-size:16px; font-weight:600; color:#333333; line-height:22px;}
.resizePopupBox .popup-head button {width:20px; height:20px; margin-left:10px; float:left;}
.resizePopupBox .popup-head button.bn-maximize i {font-size:14px;}
.resizePopupBox .popup-head button.bn-close i {position:relative; top:0; font-size:18px;}
.resizePopupBox .popup-head:after{content:""; display:block; clear:both;}
.resizePopupBox .popup-body {position:relative; padding:20px; box-sizing:border-box; background-color:#fff; width:100%; height:auto; max-height:calc(100% - 45px);}
.resizePopupBox .popup-bg {position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; background:rgba(25,25,25,0.6);}

.overBox {overflow:auto;}

/* 고정용팝업 */
.defultPopupBox {position:absolute; left:0; top:0; z-index:300; width:100%; height:100%; box-sizing:border-box;}
.defultPopupBox .defultPopupWrap {position:absolute; left:0; top:0; width:90%; min-width:300px; z-index:400; box-sizing:border-box;  box-shadow:5px 0px 20px rgba(0,0,0,0.3); border-radius:8px; overflow:hidden;}
.defultPopupBox .popup-head {position:relative; background-color:#3a7da5; box-sizing:border-box; padding:10px 15px;}
.defultPopupBox .popup-head strong {display:block; float:left; font-size:14px; font-weight:600; color:#fff; line-height:20px;}
.defultPopupBox .popup-head .btn-wrap {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.defultPopupBox .popup-head button {position:relative; display:block; width:20px; height:20px;}
.defultPopupBox .popup-head button:before {content: "\f00d"; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:inline-block; font: normal normal normal 24px/1 FontAwesome;}
.defultPopupBox .popup-head button.bn-maximize i {font-size:14px;}
.defultPopupBox .popup-head button.bn-close i {position:relative; top:0; font-size:18px;}
.defultPopupBox .popup-head:after{content:""; display:block; clear:both;}
.defultPopupBox .popup-body {padding:0; box-sizing:border-box; background-color:#fff; width:100%; height:auto;}
.defultPopupBox .popup-bg {position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; background:rgba(25,25,25,0.6);}

.defultPopupBox .search_top {padding:15px;}
.defultPopupBox .search_top dl {height:auto;}
.defultPopupBox .search_top dl dt,
.defultPopupBox .search_top dl dd {height:28px; margin:3px 0;}
.defultPopupBox .search_top dl dt {float:left; width:80px; line-height:28px; box-sizing:border-box;}
.defultPopupBox .search_top dl dd {float:left; width:calc(100% - 80px); box-sizing:border-box;}
.defultPopupBox .search_top dl dd .calendar_wrap {margin-bottom:0;}
.defultPopupBox .search_top dl dd .calendar_wrap .inr {float:none; width:100%;}
.defultPopupBox .search_top dl dd input {width:100%;}
.defultPopupBox .search_top dl:after {content:""; display:block; clear:both;}
.defultPopupBox .search_top .btn_wrap {margin-top:3px;}

.popup_list {position:relative; box-sizing:border-box; width:100%; height:auto; padding:15px;}
.popup_list .odr-tit {margin:0; width:calc(100% - 2px);}

/* 업무가이드 */
.pop-guide {position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index:2000; overflow:hidden; }
.pop-guide .pop-guide-wrap {position:absolute; left:50%; width:650px; margin-left:-325px; height:auto; background-color:#fff; z-index:400; box-sizing:border-box; box-shadow:5px 0px 20px rgba(0,0,0,0.3); border-radius:6px 6px 0 0;} 
.pop-guide .popup-head {position:relative; width:100%; height:auto; background:#505050; border-radius:5px 5px 0 0; padding:20px 30px 15px; box-sizing:border-box;}
.pop-guide .popup-head:after {content:""; display:block; clear:both;}
.pop-guide .popup-head strong {display:block; float:left; color:#fff; font-size:22px; line-height:22px;}
.pop-guide .popup-head strong span {font-size:16px; font-weight:400;}
.pop-guide .popup-head button {width:20px; height:20px; margin-left:15px; float:left;}
.pop-guide .popup-head button.bn-maximize i {font-size:14px;}
.pop-guide .popup-head button.bn-guide-close i {color:#fff; font-size:22px;}
.pop-guide .popup-body {position:relative; width:100%; height:auto; padding:30px; box-sizing:border-box;}
.pop-guide .popup-body section {margin-top:30px;}
.pop-guide .popup-body section:first-child {margin-top:0;}
.pop-guide .popup-body section h3 {font-size:16px; line-height:18px; font-weight:600;}
.pop-guide .popup-body section h3 span {display:inline-block; font-size:14px; line-height:20px; font-weight:400; width:20px; height:20px; text-align:center; color:#fff; background:#505050; border-radius:20px; margin-right:5px;}
.pop-guide .popup-body section ul {width:100%; height:auto; box-sizing:border-box; margin-top:15px;}
.pop-guide .popup-body section ul li {position:relative; float:left; width:95px; height:140px; margin-right:28px;}
.pop-guide .popup-body section ul li:last-child {margin-right:0;}
.pop-guide .popup-body section ul li:after {content:"\f105"; position:absolute; right:-18px; top:40px; display:block; font-family: 'FontAwesome'; font-size:22px;}
.pop-guide .popup-body section ul li:last-child:after {content:"";}
.pop-guide .popup-body section ul:after {content:""; display:block; clear:both;}
.pop-guide .popup-body section ul li .img {position:relative; width:95px; height:95px; box-sizing:border-box; border:1px solid #ccc; border-radius:10px;}
.pop-guide .popup-body section ul li .img img {position:absolute; left:25px; top:25px; }
.pop-guide .popup-body section ul li p {text-align:center; height:38px; overflow:hidden; font-size:12px; line-height:18px; color:#222; margin-top:8px;}
.pop-guide .guide-bg {position:fixed; left:0; top:0; width:100%; height:100%; z-index:300; background:rgba(25,25,25,0.6);}

/* 기본팝업 */
.popupBox {position:absolute; left:0; top:0; z-index:300; box-sizing:border-box;}
.popupBox .popupWrap {position:absolute; left:0; top:0; min-width:300px; min-height:250px; background-color:#fff; border:1px solid #e7e7e7; z-index:200; box-sizing:border-box; box-shadow:3px 3px 8px rgba(0,0,0,0.08);}
.popupBox .popupWrap .ui-resizable-se {background-color:#f7f7f7;}
.popupBox .popup-head {background-color:#4a4f51; box-sizing:border-box; padding:12px 20px; height:45px; cursor:pointer;}
.popupBox .popup-head strong {display:block; float:left; font-size:16px; font-weight:600; color:#fff; line-height:22px;}
.popupBox .popup-head button {width:20px; height:20px; margin-left:10px; float:left; color:#fff;}
.popupBox .popup-head button.bn-maximize i {font-size:14px;}
.popupBox .popup-head button.bn-close i {position:relative; top:0; font-size:18px;}
.popupBox .popup-head:after{content:""; display:block; clear:both;}
.popupBox .popup-body {position:relative; box-sizing:border-box; background-color:#fff; width:100%; height:auto; max-height:calc(100% - 45px);}

/* 장바구니 상태확인 팝업(모바일) */
.m-odrBox {position:absolute; width:100%; left:0; top:0; z-index:300; box-sizing:border-box;}
.m-odrBox .popupWrap {position:absolute; left:0; top:0; width:90%; min-height:auto; background-color:#fff; border-radius:10px; border:0; overflow:hidden; z-index:200; box-sizing:border-box; box-shadow:3px 3px 8px rgba(0,0,0,0.2);}
.m-odrBox .popupWrap .ui-resizable-se {background-color:#f7f7f7;}
.m-odrBox .popup-head {background-color:#fff; box-sizing:border-box; padding:12px 20px; height:45px; cursor:pointer; border-bottom:1px solid #ddd;}
.m-odrBox .popup-head strong {display:block; float:left; font-size:16px; font-weight:600; color:#222; line-height:22px;}
.m-odrBox .popup-head button {width:20px; height:20px; margin-left:0; float:right; color:#222; position:relative; top:2px;}
.m-odrBox .popup-head button.bn-maximize i {font-size:14px;}
.m-odrBox .popup-head button.bn-close i {position:relative; top:0; font-size:18px;}
.m-odrBox .popup-head:after{content:""; display:block; clear:both;}
.m-odrBox .popup-body {position:relative; box-sizing:border-box; background-color:#fff; width:100%; height:auto; max-height:calc(100% - 45px); padding:20px;}
.m-odrBox .popup-body select {height:32px; line-height:32px;}
.m-odrBox .popup-body a.btn-p-basket {display:block; margin-top:8px; width:100%; height:34px; font-size:1.1em; line-height:34px; text-align:center; color:#fff; background:#3a7da5; border-radius:5px;}
.m-odrBox .popup-bg {position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; background:rgba(25,25,25,0.6);}

/* 장바구니 상태확인 팝업 */
.odrBox {position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; padding:10px; border-radius:5px; box-shadow:2px 0 3px rgba(0,0,0,0.08); border:1px solid #ddd; box-sizing:boder-box; z-index:2000;}
	.odrhead {position:relative; width:100%; height:auto; box-sizing:border-box;}
	.odrhead:after {content:""; display:block; clear:both;}
	.odrBody {position:relative; width:100%; height:auto; text-align:center; padding:25px 35px 15px; box-sizing:border-box;}
	.odrBody p {font-size:14px; line-height:20px; font-weight:600; color:#222; margin-top:5px;}
		.odrIcon {position:relative; width:100%; height:auto;}
		.odrIcon i {font-size:28px; line-height:28px; color:#333;}
		.odrIcon .icon-plus {position:absolute; left:54%; top:-3px; width:16px; height:16px; font-size:12px; line-height:16px; border-radius:16px; background:#3a7da5; color:#fff; text-align:center;}
		.odrBtnArea {position:relative; width:100%; height:auto; margin-top:20px;}
		.odrBtnArea > a {display:inline-block; width:calc(50% - 4px); height:28px; border-radius:28px; background:#999; color:#fff; line-height:28px; text-align:center;}
		.odrBtnArea > a:last-child {margin-right:0;}
		.odrBtnArea > a.btn-basket {background:#3a7da5;}

/*j-box setting*/
.jBox-Modal.jBox-closeButton-title .jBox-title, .jBox-Confirm.jBox-closeButton-title .jBox-title {padding-right:80px;}
.jBox-Modal .jBox-title {padding:10px 30px; background-color:#f7f7f7;}
.jBox-Modal .jBox-title div {font-size:18px; color:#000000; font-weight:500; text-align:left;}
.jBox-closeButton-title .jBox-closeButton svg {width:16px; height:16px; margin-top:-8px; margin-right:-8px;}

.popup-jwrap {background-color:#FFFFFF; max-width:1200px;}
.popup-jwrap h4, .popup-box-sec h4 {color:#222; font-size:14px; padding:20px 0 10px; box-sizing:border-box;}
.popup-jwrap h4:before, .popup-box-sec h4:before{content:"\f0c8"; display:inline-block; margin-right:5px; font-family: 'FontAwesome'; font-size:14px;}
.popup-jbody {max-height:650px; overflow:auto; padding:0 20px 20px; box-sizing:border-box;}
.popup-jbtnbox {text-align:center; padding:20px 0; box-sizing:border-box;}

/* 툴팁 레이어 */
.infoBox {position:absolute; left:0; top:0; width:calc(100% - 40px); height:auto; max-height:calc(100vh - 100px); z-index:2000; display:none; background:#fff; border:2px solid #ccc; padding:15px; overflow-x:hidden; overflow-y:auto; box-shadow:2px 3px 4px rgba(0,0,0,0.08); box-sizing:border-box;}
.infoBox.active {display:block;}
.infoBox h2 {font-size:18px; font-weight:600; line-height:20px; color:#222; border-bottom:1px solid #ccc; padding-bottom:8px; margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.infoBox h2:before {content:"\f02e"; display:inline-block; margin-right:5px; font-family: 'FontAwesome'; font-size:16px; color:#ff536f;}
.infoBox .btn-close {position:absolute; right:20px; top:13px;}
.infoBox .btn-close i {font-size:18px; margin-left:2px; position:relative; top:2px;}
	.infoBody {position:relative; width:100%; height:auto; box-sizing:border-box;}
	.infoBody img {width:100%;}
	.infoBody p {font-size:13px; margin:10px 0; line-height:18px; font-weight:400; color:#555; word-break:break-all;}

/* 기본팝업 */
.popBox {position:absolute; left:0; top:0; z-index:30000; box-sizing:border-box;}
.popBox .popWrap {position:absolute; left:0; top:0; min-width:300px; min-height:150px; background-color:#fff; border:1px solid #e7e7e7; z-index:200; box-sizing:border-box; box-shadow:3px 3px 8px rgba(0,0,0,0.08);}
.popBox .popWrap .ui-resizable-se {background-color:#f7f7f7;}
.popBox .popup-head {background-color:#4a4f51; box-sizing:border-box; padding:12px 20px; height:45px; cursor:pointer;}
.popBox .popup-head strong {display:block; width:calc(100% - 30px); float:left; font-size:16px; font-weight:600; color:#fff; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.popBox .popup-head button {width:20px; height:20px; margin-left:10px; float:left; color:#fff;}
.popBox .popup-head button.bn-maximize i {font-size:14px;}
.popBox .popup-head button.bn-close i {position:relative; top:0; font-size:18px;}
.popBox .popup-head:after{content:""; display:block; clear:both;}
.popBox .popup-body {position:relative; box-sizing:border-box; background-color:#fff; width:100%; height:auto; max-height:calc(100% - 45px);}
.popBox .popup-footer {position:relative; box-sizing:border-box; background-color:#eee; width:100%; height:30px;}
.popBox .popup-footer .not-today {display:block; font-size:12px; font-weight:400; line-height:18px; position:absolute; right:10px; bottom:5px; z-index:10;}
.popBox .popup-footer .not-today img {width:11px; height:11px; position:relative; top:3px; margin-left:3px; cursor:pointer;}


/* 공지사항 팝업용 */
.pop-notice {position:relative; width:500px; height:auto; box-sizing:border-box; padding:20px; overflow:auto;}
.pop-notice p {font-size:13px; line-height:22px;}
.pop-notice .ft-red {color:#f22;}
.pop-notice h4 {font-size:15px; line-height:22px; font-weight:600; color:#222; margin-bottom:4px;}
.pop-notice h4:before {content: "\f1db"; display:inline-block; font: normal normal normal 14px/1 FontAwesome; margin-right:4px;}
.pop-notice dl {margin-top:20px;}
.pop-notice dl dt,
.pop-notice dl dd {box-sizing:border-box; padding:3px 0;}
.pop-notice section {position:relative; width:100%; height:auto; box-sizing:border-box; margin-top:20px;}
.pop-notice section table {width:100%; height:auto; border:1px solid #ccc; box-sizing:border-box;}
.pop-notice section table th,
.pop-notice section table td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:8px 15px; box-sizing:border-box;}
.pop-notice section table tr:last-child th,
.pop-notice section table tr:last-child td {border-bottom:0;}
.pop-notice section table th {background:#f7f7f7;}