@charset "utf-8";

 /* ==============================
 * popup common
 * ============================== */


.modalPopupWrap{position: fixed; width: 100%; height: 100%; z-index: 2000; left: 0; top: 0; display:none;}
.modalPopupWrap .popupBg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.6;}
.modalPopupWrap .popupContainer > i.popupClose{position: absolute; top:29px; right: 26px; display: block; width: 11px; height: 11px; background: url(../images/common/ico_pop_close.png) no-repeat; font-size: 0; text-indent: -9999px; cursor: pointer;}

.modalPopupWrap .popupContainer {position: fixed; left: 0; top: 0; overflow: hidden; background: #fff; border-radius: 2px;} 
.modalPopupWrap .popupContainer h1{width: 100%; height: 66px; line-height: 66px; padding-left: 28px; background: #faece3; display: block; font-size: 18px; color: #262626; font-weight: bold; border-bottom: 1px solid #e8d2c6;}

.modalPopupWrap .popupContents{max-height: 500px; overflow-y: auto; overflow-x: hidden; font-size: 13px; color: #666;}
.modalPopupWrap.fixHeight .popupContents{height: 500px;}

.popupBtnWrap{width: 100%; background: #f6f6f6; border-top:1px solid #ddd; padding: 20px 29px; text-align: center; font-size: 0; overflow: hidden;}
.popupBtnWrap button ~ button{margin-left: 10px;}
.popupBtnWrap.popupbtnSm button{min-width: 100px;}

 /* ==============================
 * 기본 얼럿팝업
 * ============================== */

.modalPopupWrap.alert .popupContainer{width: 400px;}
.modalPopupWrap.alert h1{display: none;}
.modalPopupWrap.alert .popupContents{text-align: center; padding: 40px; font-size: 18px; color: #666;}
.modalPopupWrap.alert .popupContents .tit {display:block; margin:0 0 20px; color:#262626;}
.modalPopupWrap.alert .popupContents em {}


/*테이블*/
.popupContainer table.bdForm th, table.bdForm td {padding:4px 0; }
.popupContainer table.bdForm .contentsType{padding:20px 0; }


 /* ==============================
 * 회색 팝업
 * ============================== */

.modalPopupWrap.gray h1{background: #f1f1f1; border-bottom: 1px solid #d7d7d7;}


 /* ==============================
 * 팝업 사이즈
 * ============================== */
.modalPopupWrap.small .popupContainer{width: 316px;}
.modalPopupWrap.xSmall .popupContainer{width: 400px;}
.modalPopupWrap.medium .popupContainer{width: 500px;}
.modalPopupWrap.sMedium .popupContainer{width: 700px;}
.modalPopupWrap.xMedium .popupContainer{width: 750px;}
.modalPopupWrap.large .popupContainer{width: 885px;}
.modalPopupWrap.xLarge .popupContainer{width: 1080px;}
.popupContents.conBox, .popupContents.conbox {padding:25px 28px;}



/*팝업탭*/
.popTab {border-bottom:1px solid #eaeaea;}
.popTab ul {display:table; width:100%;}
.popTab ul li {display:table-cell; padding:0;}
.popTab ul li:first-child {padding-left:0;}
.popTab.lst03 ul li {width:33.33%;}
.popTab ul li a {display:inline-block; padding:0 20%; line-height:48px; font-size: 15px}
.popTab li.active a {color:#1b3d59;}
.popTabContens{min-height: 400px;}


/*북마크*/
.popupContainer.wType h1 {border:none; background:#fff;}
.popupContainer .bookmark {padding:0 24px; margin-bottom: 25px;}
.popupContainer .bookmark textarea { width:100%; border:none; border: 1px solid #c5c5c5;}


/*일정추가*/
.popupContainer .selectDate{padding:0 20px;}
.popupContainer .selectDate .dateWrapLine{padding: 20px 0; border-bottom: 1px solid #e6e6e6;}
.popupContainer .selectDate .titArea{margin-bottom: 20px;}
.popupContainer .selectDate .titArea input{width: 100%;}
.popupContainer .selectDate .txtArea{padding: 20px 0;}
.popupContainer .selectDate .datepicWrap .datepicker{width: 213px;}
.popupContainer .selectDate.single .datepicWrap .datepicker{width: 100%;}

/*.popTabContens li{display: none;}*/

/*그래프박스*/
.popupContainer .graphWrap {/*max-height:310px;*/ width: 100%; margin:0 0 10px; /*background:#ddd;*/}
.popupContainer .graphWrap:after{content: ''; clear: both; display: block;}
.popupContainer .graphWrap .tit {display:block; width:100%; font-size:16px; line-height:32px; text-align:center; color:#333; background:#f1f1f1;}
.popupContainer .graphWrap .w50Box {width:100%; margin:0 0 25px; white-space:nowrap; overflow: hidden;}
.popupContainer .graphWrap .w50Box li {width:402px; border:1px solid #e6e6e6; float: left;}
.popupContainer .graphWrap .w50Box li:last-child {float:right;}
.popupContainer .graphWrap .w50Box li .graph {border-top:1px solid #e6e6e6;}
.graphDiv{width: 100%;}


/*달력박스*/
.popupContainer .calendarBox {border-bottom:1px solid #dfdfdf; background:#f6f6f6; text-align: center; padding: 8px 0;}
.popupContainer .calendarBox .datepicWrap{margin: 0 auto;}


/*답변하기*/
.popupContents .reply_box {overflow:hidden;}
.popupContents .reply_box dt {float:left; padding:8px 0 0 3px;color:#262626;}
.popupContents .reply_box dd {float:right;}
.popupContents .reply_box dd textarea {width:732px; height:189px; padding:10px; border:1px solid #c5c5c5; border-radius:3px; resize:none;}


/*아이디찾기*/
.popupContents .input_box {padding:24px 25px 24px;}
.popupContents .input_box .w100 {width:100%;}
.popupContents .input_box .radioGroup + .txtGroup {margin:20px 0 0;}
.popupContents .input_box .radioGroup label ~ label{margin-left: 55px;}
.popupContents .input_box .txtGroup li {margin:11px 0 0;}
.popupContents .input_box .txtGroup li:first-child {margin-top:0;}

/*아이디찾기결과*/
.popupContents .id_result_box {padding:22px 0 30px; text-align:center; border-top:1px solid #ddd; background:#f6f6f6;}
.popupContents .id_result_box {text-align:center;}
.popupContents .id_result_box dt {margin:0 0 15px; font-size:15px;}
.popupContents .id_result_box dt strong {color:#262626;}
.popupContents .id_result_box dd {}
.popupContents .id_result_box dd .txtId {display:inline-block; width:256px; border:1px solid #c5c5c5; background:#fff;}
.popupContents .id_result_box dd .txtId strong {font-size:22px; line-height:53px; color:#fc955a; }
.popupContents .id_result_box dd .txtDate {margin:18px 0 0; color:#b3b3b3;}
.popupContents .id_result_box dd .txtDate em {display:inline-block; margin:0 0 0 10px;}

/*비밀번호 발급 완료*/
.popupContents .pw_result_box {margin:0 20px; padding:32px 0 33px; text-align:center; border-bottom:1px solid #e6e6e6;}
.popupContents .pw_result_box .name {font-size:22px; color:#262626;}
.popupContents .pw_result_box .txt {margin:7px 0 0; font-size:15px;}
.popupContents .pw_result_box .txt02 {margin:26px 0 0; font-size:15px;}
.popupContents .icon_tip {text-align:center; padding:21px 0 23px; }
.popupContents .icon_tip span {display:inline-block; padding-left:19px; color:#b3b3b3; }
.popupContents .icon_tip span:before {content:""; display:inline-block; width:19px; height:19px; background:url('../images/common/icon_popup.png') no-repeat 0 8px;}



/*개인정보 수집/활용 동의*/
.popupContents .agree_box {padding:18px 23px 20px;}
.popupContents .agree_box .txt {margin:0 0 20px; font-size:15px; color:#262626;}
.popupContents .agree_box .scroll_box {overflow-y:scroll; height:124px; padding:6px 17px; line-height:24px; border:1px solid #e6e6e6; background:#f6f6f6;}
.popupContents .agree_box .rdo_box {margin:18px 0 0;}
.popupContents .agree_box .rdo_box strong {font-size:15px; color:#262626;}
.popupContents .agree_box .rdo_box .radioGroup {float:right; display:inline-block;}
.popupContents .agree_box .rdo_box .radioGroup label ~ label {margin-left:35px;}
.popupContents .agree_box .bul_tip {margin:27px 0 0; padding:0 0 0 9px; font-size:12px; line-height:20px; color:#b5b5b5;}
.popupContents .agree_box .bul_tip li {text-indent:-9px;}
.popupContents .agree_box .bul_tip li:before {content:'·'; display:inline-block; padding:0 0 0 9px; }

.popupContents .agree_box label{font-size: 14px; color: #262626 !important;}
.popupContents .agree_box .agreeAll{padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #c5c5c5;}
.popupContents .agree_box .agreeChkWrap a{float: right; font-size: 13px; text-decoration: underline; color: #b5b5b5;}
.popupContents .agree_box .agreeText{color: #b5b5b5; font-size: 12px; margin-top: 15px;}
.popupContents .agree_box .agreeText > ul > li:before{content: '·'; margin: 0 5px;}
.popupContents .agree_box .agreeWrap > ul > li ~ li{margin-top: 20px;}
.popupContents .agree_box .agreeBox,.popupContents .agreeTxtDetail .agreeBox{border:1px solid #e6e6e6; border-radius: 2px; padding: 10px; margin-bottom: 10px;}
.popupContents .agree_box .agreeBox > ul > li{color: #666; font-size: 12px;}
.popupContents .agree_box .agreeBox > ul > li ~ li{margin-top: 2px;}
.popupContents .agree_box .agreeBox > ul > li:before{content: '·'; margin: 0 5px;}

.popupContents .agreeTxtDetail{padding: 25px; font-size: 13px; color: #8c8c8c; line-height: 19px; word-wrap: normal; word-break: keep-all;}
.popupContents .agreeTxtDetail section ~ section{margin-top: 25px;}
.popupContents .agreeTxtDetail h2{font-size: 13px; color: #262626; margin-bottom: 10px;}
.popupContents .agreeTxtDetail h3{font-size: 13px; color: #262626; margin-bottom: 10px;}
.popupContents .agreeTxtDetail table th,.popupContents .agreeTxtDetail table td{border:1px solid #c5c5c5; text-align: center;}
.popupContents .agreeTxtDetail table th{background: #f4f4f4; height: 24px; line-height: 24px; color: #666;}
.popupContents .agreeTxtDetail table td{height: 22px; line-height: 22px;}
.popupContents .agreeTxtDetail .tableTit{color: #666; margin-bottom: 5px; display: block;}
.popupContents .agreeTxtDetail dl{margin: 10px 0 10px 25px;}
.popupContents .agreeTxtDetail dt{list-style:square; display: list-item;}
.popupContents .agreeTxtDetail dd{width: 100%; margin: 0px 0 15px;}
.popupContents .agreeTxtDetail dd span{display: block;}
.popupContents .agreeTxtDetail h3 + .dot{margin: 0px;}
.popupContents .agreeTxtDetail .dot{margin: 5px 0;}
.popupContents .agreeTxtDetail .dot li{position: relative; padding-left: 10px;}
.popupContents .agreeTxtDetail .dot li{margin-top: 5px;}
.popupContents .agreeTxtDetail .dot li:before{content: '·'; position: absolute; left: 0; top: 0;}
.popupContents .agreeTxtDetail .number > li{list-style:decimal; display: list-item;}
.popupContents .agreeTxtDetail .number > li ~ li{margin-top: 5px;}
.popupContents .agreeTxtDetail .number{margin-left: 25px;}
.popupContents .agreeTxtDetail .number .number{margin:  0 15px;}
.popupContents .agreeTxtDetail .number .number > li{margin-top: 3px;}
.popupContents .agreeTxtDetail p + .number{margin: 10px 0 10px 25px;}

/* ==============================
 *공유하기
* ============================== */
.popupSearch .SumoSelect > .CaptionCont { /*height:32px; line-height:32px;*/ }
.popupSearch{ width: 100%; background: #f6f6f6; padding: 21px 25px 22px; border-bottom: 1px solid #dfdfdf;}
.popupSearch:after {content: ''; display: block; clear: both;}
/*.popupSearch dl {width:870px;}*/
.popupSearch dl dt {float:left; margin:0 15px 0 24px; line-height:36px; color:#9c9c9c;}
.popupSearch dl dt:first-child {margin-left:0;}
.popupSearch dl dd {float:left;}
.popupSearch dl dd input {width:110px; /*height:32px; line-height:32px;*/}
.popupSearch select{color: #bdbdbd;}
.popupSearch .SumoSelect {width:128px;}
.popupSearch .company .SumoSelect,.popupSearch .department .SumoSelect {width:220px;}
.popupSearch .buddy .SumoSelect{width:110px;}
.popupSearch .popupBtn{float:right; /*height:32px;*/}
.popupLoaction {padding:10px 28px 11px; font-size:13px; color:#f5985a; border-bottom:1px solid #dfdfdf; background:#f8f3e9;}

.titleMulti{padding: 15px 25px;}
.titleMulti .SumoSelect{width: 100% !important;}
.titleMulti dl:nth-of-type(1){margin-bottom: 10px; width: 100%; float: left;}
.titleMulti dl:nth-of-type(2){clear: both;}
.titleMulti dl dt{width: 10%; margin: 0; padding: 0 15px 0 24px;}
.titleMulti dl dt:first-child{padding-left: 0px;}
.titleMulti dl dd{width: 23.3%}
.titleMulti dl dd:first-child{width: 23.4%}
.titleMulti dl dd input{width: 100%;}


 /* ==============================
 * 리스트 아이템 이동 팝업
 * ============================== */
/*.inpBtnBox + .userSelectItem {margin-top:20px;}*/  /*그룹만들기팝업*/ 
.userSelectItem{position:relative; width: 100%; padding:0 25px 17px; }
.userSelectItem:after{content: ''; clear: both; display: block;}
.userSelectItem > div{float: left;}
.userSelectItem > div:last-child {float:right;}
.userSelectItem .divideHalf{width:calc(50% - 28px); background: #fff;}
.userSelectItem .divideHalfBox {} 
.userSelectItem .divideHalf .selectText{/*padding: 15px;*/}
.userSelectItem .divideHalf .selectText > p{margin:0 0 13px; font-size: 13px; color: #9c9c9c; float: left;}
.userSelectItem .divideHalf .selectText > p b{color: #ff7e00; font-weight: normal;}
.userSelectItem .divideHalf .selectText > div{float: right; color:#4e4e4e; font-size: 15px;}
.userSelectItem .divideHalf .selectText > div > input{margin: -1px 2px 0 0;}
.userSelectItem .msg {margin:17px 0 0; padding:15px 0 0; border-top:1px solid #dfdfdf;}
.userSelectItem .move{width:35px; margin: 0 10px; padding-top:60px;}  /*WA35*/
.userSelectItem .move button{display: block; width: 35px; height: 107px; border: 1px solid #c8c8c8; border-radius: 2px; color: #a8a8a8; font-family: serif; font-weight: bold;}
.userSelectItem .move button:first-of-type{margin-bottom: 3px;}
.userSelectItem .move button:hover{background: #f6f6f6;}

.userSelectItem .divideHalf {}
.userSelectItem .divideHalf .listBox {width:100%; height: 281px; border: 1px solid #c5c5c5; border-radius: 2px; overflow-y: auto;}
.userSelectItem .divideHalf .listWrap{overflow:hidden; padding:6px 17px;}
.userSelectItem .divideHalf .listWrap li{float: left; width: 50%; margin:6px 0 8px;}
.userSelectItem .divideHalf .listWrap li input[type="checkbox"]{/*display: inline-block; vertical-align: middle; margin-right: 10px;*/}
/*테이블안의 리스트 아이템*/
.popupContents table .userSelectItem {padding:0;}
.popupContents table .userSelectItem .divideHalf {width:100%;}
.popupContents * + .userSelectItem {margin-top:15px;}


/*DropdownlistBox1 선택된 값이 자동 적용*/
.titBlock.userSelectItem .move{padding-top: 100px;} /*MPH434-1*/
.titBlock.userSelectItem .divideHalf .listBox {height:352px;}
.titBlock.userSelectItem .divideHalf .listWrap {padding:6px 0 6px 17px; }
.titBlock.userSelectItem .divideHalf .listWrap > li {float:none; width:100%;}
.titBlock.userSelectItem .divideHalf .listWrap .actNum li {width:auto; margin:0 15px 0 0;}
.titBlock.userSelectItem .userProfile {display:block; margin:20px 0 0 25px; padding:0 0 18px 0; border-bottom:1px solid #e6e6e6;}
.titBlock.userSelectItem .userProfile .titBox .tit {display:block; margin:0 0 10px; padding:0; font-size:16px; color:#333;}
.titBlock.userSelectItem .userProfile .actNum {margin:0 0 10px;}
.titBlock.userSelectItem .userProfile .photoS {margin-right:5px;}
.titBlock.userSelectItem .userProfile .info .name {margin-right:7px; font-size:14px; }
.titBlock.userSelectItem .userProfile .info .company {font-size:12px; }
.titBlock input.chkDefault + .userProfile:before {left:-25px; top:1px;}
.titBlock input.chkDefault[type=checkbox]:checked + .userProfile:after {left:-25px; top:1px;}


/*팝업공통*/
.popPd {padding:27px 15px 35px;}

/*플레이리스트팝업 MPH411 catalog_view.html*/
.popupContents .thumbListWrap {padding:0 0 0 62px;}


/* label에 달력 */
.labelDatepic .datepicker{width: 120px;}
.labelDatepic:before{top:7px !important}
.labelDatepic:after{top:7px !important}


/* 퀴즈생성 */
.modalPopupWrap .popupContainer > i.popupClose{background-position: 0 -11px;}
.modalPopupWrap .listTypeCol5{overflow-y: inherit;}



/*프로필상세팝업*/
.profileWrap {}
.profileWrap .profileTop {overflow:hidden; border-bottom:1px solid #d7d7d7;}
.profileWrap .profileTop .photoL {float:left;}
.profileWrap .profileTop .infoBox {float:right; width:calc(100% - 100px); padding:14px 0 10px; line-height:25px;}
.profileWrap .profileTop .infoBox .info {display:inline-block; margin:0 40px 0 0;}
.profileWrap .profileTop .infoBox .info .name {display:block; font-size:20px; font-weight:bold; color:#333;}
.profileWrap .profileTop .infoBox .info .company {display:block; font-size:13px; color:#8f929b;}
.profileWrap .profileTop .infoBox .data {display:inline-block;}
.profileWrap .profileTop .infoBox .data p:before {content:""; display:inline-block; margin-right:14px; background:url('../images/common/ir_icon.png') no-repeat 0 0;}
.profileWrap .profileTop .infoBox .data p.tel:before {width:15px; height:12px; background-position:-223px -53px;}
.profileWrap .profileTop .infoBox .data p.mail:before {width:15px; height:11px; background-position:-223px -80px;}
.profileWrap .profileTop .infoBox .data p.mail a {text-decoration:underline;}
.profileWrap .profileTop .infoBox button {float:right;}
.profileWrap .profileTop .profileBox .info {display:inline-block; margin:0 0 0 12px; vertical-align:top;}
.profileWrap .profileTop .profileBox .info .name {display:block; font-size:20px; font-weight:bold; color:#333;}
.profileWrap .profileTop .profileBox .info .company {display:block; font-size:13px; color:#8f929b;}
/*목록공통*/
.profileWrap.listTypeCol3 .listBox .acoWrap:after {top:26px;}
.profileWrap.listTypeCol3 .listBox > li {margin:0; padding:0; box-shadow:none; border-bottom:1px solid #d7d7d7;}
.profileWrap.listTypeCol3 .listTit {padding:20px 30px; font-size:16px; line-height:24px;}
.profileWrap.listTypeCol3 .listTit em {display:inline-block; margin-left:5px; font-size:14px; color:#666;}
.profileWrap.listTypeCol3 .listTxt {display:block; padding:0 0 0 30px; margin:0; background:#f9f9f9;}
.listDataBox {}
.listDataBox li {overflow:hidden; border:none; background:none;}
.listDataBox li .icon {display:inline-block; top:26px;}
.listDataBox li .txt {float:right; width:calc(100% - 60px); padding:25px 0; line-height:36px; vertical-align:top; }
.listDataBox li ~ li .txt {border-top:1px solid #d7d7d7;}
/*보유한 스템프*/
.listDataBox.stamp .txt {font-size:15px; color:#666;}
.listDataBox.stamp img {top:0;}
/*버디 목록*/
.listDataBox.profile .txt {font-size:15px;  color:#000;}
.listDataBox.profile .txt .company {font-size:13px; color:#8f929b; margin-left: 10px;}



/*멤버탈퇴*/
.verProfileBox {/*background:#f9f4f4;*/}
.verProfileBox .inpBtnBox {padding:17px 25px; border-bottom:1px solid #d7d3d3;}
.verProfileBox .listBox {padding:5px 0 25px 25px; background:#f9f9f9;} 
.verProfileBox .listBox .userProfile {width:100%; padding-left:34px;}
.verProfileBox .listBox .photo {}
.verProfileBox .listBox .info {width:calc(100% - 58px); padding:10px 0; line-height:40px;}
.verProfileBox .listBox .info .name {font-size:15px; color:#000;}
.verProfileBox .listBox .info .company {margin-left:10px; font-size:13px; color:#8f929b;}
.verProfileBox .listBox .info .mail {display:block; margin-top:-15px; line-height:normal; font-size:12px; color:#9c9c9c;}

/*.verProfileBox input.chkDefault + .userProfile:before {top:25px;}*/
/*.verProfileBox input.chkDefault[type=checkbox]:checked + .userProfile:after {top:25px;}*/
.verProfileBox input.chkDefault[type=checkbox]:checked + .userProfile .photo{border-color: #fc9658;}
.verProfileBox input.chkDefault[type=checkbox]:checked + .userProfile [class*=photo] {background-position:-20px -40px;}
.verProfileBox.addBtnList .listBox .userProfile {padding-left:0;}
.verProfileBox.addBtnList .radioGroup02 {float:right; padding-right:25px;}

.verProfileBox .listWrap .chkArea{padding:0 30px;border-top:1px solid #f6f6f6}
.verProfileBox .listWrap .chkArea li{padding:6px 0;border-bottom:0;color:#262626;}
.verProfileBox .listWrap .chkArea li input{margin-right:7px;}

/*그룹 만들기 (또는 그룹편집)*/
.popupContents .listTypeCol1[class*=swiper-box] {width:688px;}
.popupContents .popupSearchBox .listBox {}
.popupContents .popupSearchBox .listBox li ~ li {margin-top:10px;}
.popupContents .profileBg {border:1px solid #d7d7d7; border-width:1px 0; background:#f9f9f9;}
.popupContents .profileBg + .popupSearchBox {padding:30px 30px 0px;}
.popupContents .profileUpdateWrap {position:relative; width:610px; margin:0 auto; padding:15px 0; }
.popupContents .profileUpdateWrap .profileUpdate {overflow:hidden; position:relative; width:610px;}
.popupContents .profileUpdateWrap .userProfileList {}
.popupContents .profileUpdateWrap .userProfileList:after{content: ''; clear: both; display: block;}
.popupContents .profileUpdateWrap .userProfileList li {position:relative; float:left; text-align:center; width: 87px;}
.popupContents .profileUpdateWrap .userProfileList li ~ li {}
.popupContents .profileUpdateWrap .userProfileList li .userProfile {width:87px; margin:0 auto; }
.popupContents .profileUpdateWrap .userProfileList .userProfile [class*=photo] {display:block; margin:0 auto; border:2px solid #fc9658;}
.popupContents .profileUpdateWrap .userProfileList .userProfile .info {display:block; width:auto; margin:5px 0 0;}
.popupContents .profileUpdateWrap .userProfileList .userProfile .info .name {display:block; width:87px;}
.popupContents .profileUpdateWrap .userProfileList .userProfile .info .company {display:block;}
.popupContents .profileUpdateWrap .userProfileList .btnDel {position:absolute; right:20px; top:0; z-index:3;}
.popupContents .profileUpdateWrap [class*=button] {background:url(../images/common/form_img.png) -35px -20px no-repeat; width: 18px; height: 10px; display: block; position: absolute; top: 52px; }
.popupContents .profileUpdateWrap .button-next {right:-15px; transform: rotate(270deg);}
.popupContents .profileUpdateWrap .button-prev {left:-15px; transform: rotate(90deg)}
.popupContents .profileSelectText {overflow:hidden; padding:10px 30px; border-bottom:1px solid #d7d7d7; }
.popupContents .profileSelectText .txt {float:left; color:#9c9c9c;}
.popupContents .profileSelectText .txt strong {display:inline-block; margin-left:5px; color:#fc955a;}
.popupContents .profileSelectText .chk {float:right;}
.popupContents .verProfileBox {}
.popupContents .verProfileBox .listBox {padding:5px 25px 25px 25px;background:white}
.popupContents .verProfileBox .listWrap.w50 {overflow:hidden;width:100%;}
.popupContents .verProfileBox .listWrap.w50 li {float:left; width:50%;}
.popupContents .verProfileBox .listWrap li {border-bottom:1px solid #f6f6f6}


 /* ==============================
 * 공지사항 팝업
 * ============================== */

.modalPopupWrap.notice .popupContainer{min-width: 376px; border-radius: 5px;}
.modalPopupWrap.notice h1{display: none;}
.modalPopupWrap.notice .popupContents{padding: 25px 20px;}
.modalPopupWrap.notice .popupContents img{max-width: 100%;}
.modalPopupWrap.notice .popupContents .date{font-size: 14px; color: #b5b5b5; margin-bottom: 20px;}
.modalPopupWrap.notice .popupContents h2{font-size: 22px; color: #262626; font-weight: normal; margin-bottom: 25px;}
.modalPopupWrap.notice .popupContents .txtArea{font-size: 15px; color: #666; line-height: 22px;}
.modalPopupWrap.notice .popupBtnWrap{padding: 10px; text-align: left; border-top: 1px solid #b5b5b5; background: #fff; color: #8c8c8c;}
.modalPopupWrap.notice .btnText{float: right;}


/* ==============================
 * 콘텐츠 검색 팝업
 * ============================== */

.popupContents .SumoSelect{width: 100%;}
.popupContents .conSearch{padding: 15px 0; background: #f6f6f6; border-bottom: 1px solid #dfdfdf;}
.searchCompList.check > li ~ li{margin-left: 30px;}
.popupContents .conSearch .searchForm th,.popupContents .conSearch .searchForm td{padding: 2px 0;}
.popupContents .conSearch .searchForm th{color: #262626;}

.searchCompList > li{float: left; padding-right: 5px; height: 36px; line-height: 36px;}
.searchCompList.half > li{width: 50%;}
.searchCompList.half > li:last-child,.searchCompList.oneThird li:last-child,.searchCompList.plusBtn li:last-child{padding-right: 0px;}
.popupSearchField > li{float: left; margin-right: 5px; height: 36px;}
.popupSearchField > li:first-child{width: 149px;}
.popupSearchField > li:nth-child(2){width:calc(100% - 275px) !important;}
.popupSearchField > li:nth-child(2) input{width: 100%;}
.popupSearchField > li:last-child{margin-right: 0px;}

.popupContents .searchResult{margin: 10px 0 10px 30px; font-size: 13px; color: #9c9c9c;}
.popupContents .searchResult span{color: #ff7e00;}

.listTableWrap{min-width: 837px; overflow-x: auto;}
.listTableWrap + .pager{margin: 25px 0 20px;}
table.listTable{width:100%;border-top:1px solid #c9c9c9;}
table.listTable th{color:#262626;font-weight:bold;font-size:13px;}
table.listTable tr:last-child th,table.listTable tr:last-child td{border-bottom:1px solid #eaeaea;}
table.listTable th,table.listTable td{border-bottom:1px solid #eaeaea;text-align:center;text-overflow:ellipsis;width:100%;white-space:nowrap;overflow:hidden;padding:10px 15px;}
table.listTable td{border:1px solid #eaeaea;font-size:14px;color:#4e4e4e;}
table.listTable td.left{text-align: left;}
table.listTable td:first-child{border-left:none;}
table.listTable td:last-child{border-right:none;}
table.listTable tbody > tr:hover > td{background:#f6f6f6;}


.modalPopupWrap.companyNum .popupContainer{width: 376px; border-radius: 5px;}
.modalPopupWrap.companyNum .popupContents{max-height: auto; overflow: visible;}
.modalPopupWrap.companyNum h1{display: none;}
.modalPopupWrap.companyNum .popupContents h2{font-size: 16px; color: #262626; font-weight: normal; text-align: center; padding: 22px 0; border-bottom: 1px solid #c5c5c5;}
.modalPopupWrap.companyNum .list span{ width: 50%; float: left; overflow: hidden; text-align: center;}
.modalPopupWrap.companyNum .list dt{display: block; overflow: hidden;}
.modalPopupWrap.companyNum .list dt span{font-size: 14px; color: #59a9b4; padding: 18px 0;}
.modalPopupWrap.companyNum .list dd{overflow-y: auto; max-height: 200px; display: block; padding-bottom: 20px;}
.modalPopupWrap.companyNum .list dd span{font-size: 14px; color: #666; padding: 10px 2px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}


/* 프린트 팝업 */
.printPopup{padding: 20px; min-width: 500px;height: 100%;}
.printPopup .printWrap{border:1px solid #e6e6e6; padding: 20px; line-height: 28px; font-size: 15px; color: #666; max-height: 500px; overflow-y: auto;}
.printPopup .popupBtnWrap{position: absolute; bottom: 0; left: 0; min-width: 500px;}

/*loding*/
.LoadingWrap{z-index: 2100;}
.oloader_canvas{z-index: 2100 !important;}
.loadingWidth { border: none; padding: 0; background: none; z-index: 500;width: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px;}
.popupLoading { background: url(../images/common/loading.png) no-repeat; width: 100px; height: 100px; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 1s linear infinite; }
@-moz-keyframes spin {100% {-moz-transform:rotate(360deg);}}
@-webkit-keyframes spin {100% {-webkit-transform:rotate(360deg);}}
@keyframes spin {100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
.popupLoadingTxt { position: absolute; top: 40px; left: 0; color: #fff; width: 100%; height: 50%; text-align: center; font-size: 12px; }

/* 스탬프 포인트 설명 팝업 */
.popupContents .explanation{font-size: 14px;}
.popupContents .explanation > li ~ li{margin-top: 30px;}
.popupContents .explanation > li:last-child .agreeBox{margin: 0px;}
.popupContents .explanation .agreeBox{line-height: 21px;}
.popupContents .explanation h2{font-size: 16px; margin-bottom: 13px;}
.popupContents .explanation table th, .popupContents .explanation table td{height: auto; line-height: 1; padding: 12px;}
.popupContents .explanation h2 + p{margin-top: -8px;}
.popupContents .explanation li > p{font-size: 14px; margin-bottom: 10px;}


 /* ==============================
 * 임직원 외 리스트 아이템 이동 팝업
 * ============================== */
.outUserSelectItem{position:relative; width: 100%; padding:0 25px 17px; }
.outUserSelectItem:after{content: ''; clear: both; display: block;}
.outUserSelectItem > div{float: left;}
.outUserSelectItem > div:last-child {float:right;}
.outUserSelectItem .divideHalf{width:calc(50% - 28px); background: #fff;}
.outUserSelectItem .divideHalfBox {} 
.outUserSelectItem .divideHalf .selectText{/*padding: 15px;*/}
.outUserSelectItem .divideHalf .selectText > p{margin:0 0 13px; font-size: 13px; color: #9c9c9c; float: left;}
.outUserSelectItem .divideHalf .selectText > p b{color: #ff7e00; font-weight: normal;}
.outUserSelectItem .divideHalf .selectText > div{float: right; color:#4e4e4e; font-size: 15px;}
.outUserSelectItem .divideHalf .selectText > div > input{margin: -1px 2px 0 0;}
.outUserSelectItem .msg {margin:17px 0 0; padding:15px 0 0; border-top:1px solid #dfdfdf;}
.outUserSelectItem .move{width:35px; margin: 0 10px; padding-top:60px;}  /*WA35*/
.outUserSelectItem .move button{display: block; width: 35px; height: 107px; border: 1px solid #c8c8c8; border-radius: 2px; color: #a8a8a8; font-family: serif; font-weight: bold;}
.outUserSelectItem .move button:first-of-type{margin-bottom: 3px;}
.outUserSelectItem .move button:hover{background: #f6f6f6;}

.outUserSelectItem .divideHalf {}
.outUserSelectItem .divideHalf .listBox {width:100%; height: 281px; border: 1px solid #c5c5c5; border-radius: 2px; overflow-y: auto;}
.outUserSelectItem .divideHalf .listWrap{overflow:hidden; padding:6px 17px;}
.outUserSelectItem .divideHalf .listWrap li{float: left; width: 50%; margin:6px 0 8px;}
.outUserSelectItem .divideHalf .listWrap li input[type="checkbox"]{/*display: inline-block; vertical-align: middle; margin-right: 10px;*/}
/*테이블안의 리스트 아이템*/
.popupContents table .outUserSelectItem {padding:0;}
.popupContents table .outUserSelectItem .divideHalf {width:100%;}
.popupContents * + .outUserSelectItem {margin-top:15px;}