@charset "utf-8";
/*@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);*/

/* default css */
/* 노토산스 웹폰트 적용 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(../font/NotoSansKR-Thin.woff2) format('woff2'),url(../font/NotoSansKR-Thin.woff) format('woff'),url(../font/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(../font/NotoSansKR-Light.woff2) format('woff2'),url(../font/NotoSansKR-Light.woff) format('woff'),url(../font/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),url(../font/NotoSansKR-Regular.woff) format('woff'),url(../font/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(../font/NotoSansKR-Medium.woff2) format('woff2'),url(../font/NotoSansKR-Medium.woff) format('woff'),url(../font/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(../font/NotoSansKR-Bold.woff2) format('woff2'),url(../font/NotoSansKR-Bold.woff) format('woff'),url(../font/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(../font/NotoSansKR-Black.woff2) format('woff2'),url(../font/NotoSansKR-Black.woff) format('woff'),url(../font/NotoSansKR-Black.otf) format('opentype');}
*/

/* 나눔고딕 웹폰트 적용 */
@font-face {font-family: 'NanumGothic';font-style: normal;font-weight: 100;src: url(../font/NanumGothicLight.otf) format('truetype');}
@font-face {font-family: 'NanumGothic';font-style: normal;font-weight: 300;src: url(../font/NanumGothic.otf) format('truetype');}
@font-face {font-family: 'NanumGothic';font-style: normal;font-weight: 500;src: url(../font/NanumGothicBold.otf) format('truetype');}
@font-face {font-family: 'NanumGothic';font-style: normal;font-weight: 700;src: url(../font/NanumGothicExtraBold.otf) format('truetype');}

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,select,label,button,textarea,object,figure,figcaption {margin:0;padding:0; font-weight:500; font-size:18px; font-family:'NanumGothic', serif;}
html, body{width:100%;}
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body, h1, h2, h3, h4, h5, h6, input,select,textarea,button, label {border:none; color:#727272;}
button {background-color:transparent;}
ul,ol,li{list-style:none; font-family:'NanumGothic', serif;}
table{width:100%;border-spacing:0;border-collapse:collapse; font-family:'NanumGothic', serif;}
table th, table td {font-size:18px; color:#000; vertical-align:top; text-align:left; }
img,fieldset{border:0;}
address,cite,code,em, i{font-style:normal;font-weight:500; font-family:'NanumGothic', serif;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{display:inline-block; color:#000; text-decoration:none;}
button:focus {outline:0 none;}
img {display:inline-block; max-width:100%; vertical-align:top;}

/* Form */
textarea { border:1px solid #e6e6e6;}
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
textarea {width:100%; font-weight:500; font-size:18px; color:#000; border:1px solid #e6e6e6; background:#fafafa; vertical-align:middle;}
input::-webkit-input-placeholder{color:#cccccc; font-size:18px; line-height:100%;}

input[type=text][readonly],
input[type=password][readonly],
input[type=number][readonly],
input[type=tel][readonly],
input[type=number][disabled],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled] {background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:18px;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:18px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}

input[type=text],
input[type=number],
input[type=tel] {height:44px; line-height:44px; padding:0 10px; box-sizing:border-box; border:2px solid #e6e6e6; color:#000; font-size:18px; background:#fafafa;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}

body {position:relative;}

/* 로그인 input placeholder animation type common style */
div.addui-input-container{display:block;margin:0;position:relative;box-sizing:border-box; }
div.addui-input-container *{box-sizing:border-box}
div.addui-input-container input.addui-input-input,
div.addui-input-container input.addui-input-input:focus{display:block;width:100%;background:transparent;border:0;padding:0px;outline:none;font-size:20px;}
div.addui-input-container div.addui-input-placeholder{display:block;position:absolute;top:19px;left:76px;transition:top 0.5s, left 0.5s, font-size 0.5s;color:#A8ADB7; font-size:19px;pointer-events:none}
div.addui-input-container.addui-input-hasValue .addui-input-placeholder,
div.addui-input-container input.addui-input-input:focus+div.addui-input-placeholder{top:8px;left:76px;font-size:13px}

/* 로그인 페이지 */
.loginWrap {position:relative; width:100%; height:728px; overflow:hidden; margin:0 auto; background:url("../images/bg_login.png") no-repeat left top; background-size:cover;}
.loginWrap .loginFormWrap {position:relative; text-align:center;}
.loginWrap .loginFormWrap h1 {padding:102px 0 76px;}
.loginWrap .loginFormWrap h1 img {width:128px;}
.loginWrap .loginFormWrap .loginForm {display:inline-block; }
.loginWrap .loginFormWrap .loginForm button.btn_login {display:inline-block; width:410px; margin-bottom:24px;}
.loginWrap .loginFormWrap .loginForm button.btn_login img {width:100%;}
.loginWrap .loginFormWrap .loginForm input {color:#333333; caret-color: tomato; }
.loginWrap .loginFormWrap .loginForm input::placeholder {color:#A8ADB7;}
.loginWrap .loginFormWrap .loginForm .loginFormInp {margin-bottom:15px;border-bottom:1px solid #A8ADB7; }
.loginWrap .loginFormWrap .loginForm .loginFormInp {position:relative; border:1px solid #fff; border-radius:10px; background-color:#fff;}
.loginWrap .loginFormWrap .loginForm .loginFormInp:before {content:''; display:block; width:100%; height:1px; background-color:#121a27; position:absolute; left:0; top:50%; }
.loginWrap .loginFormWrap .loginForm .loginFormInp label {position:absolute; z-index:1; font-size:0; text-indent: -999em;}

.addui-input-container {height:64px; box-sizing:border-box; padding:20px 13px 9px 76px; font-weight:500;}
.ico_id {position:absolute; top:20px; left:24px; width:26px; height:26px; background:url('../images/ico_id.png') no-repeat left top; background-size:auto 26px;}
.ico_pw {position:absolute; bottom:20px; left:26px; width:23px; height:26px; background:url('../images/ico_pw.png') no-repeat left top; background-size:auto 26px;}

/* 로그인 아이디 저장 체크박스 디자인스타일 */
.idSave {text-align:left; margin:0 0 26px 26px; }
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {position:relative; padding-left:29px; color:#fff; font-size:15px; }
input[type="checkbox"] + label:before {position:absolute; left:0; top:4px; content:''; display:inline-block; width:18px; height:18px; background:url('../images/chk_ld_save.png') no-repeat left top; background-size:18px auto;}
input[type="checkbox"]:checked + label:before {background-position:0 -18px; }
.chkPrev input[type="checkbox"] + label {padding-left:26px; color:#000; font-size:18px; }
.chkPrev input[type="checkbox"] + label:before {top:5px; background-position:0 -36px;}
.chkPrev input[type="checkbox"]:checked + label:before {background-position:0 -18px; }

/* 앱버전 - 로그인 */
.appVersion {position:absolute; width:100%; text-align:center; left:0; bottom:140px; font-weight:400; font-size:18px; color:#fff;}

/* 푸터 */
footer {position:absolute; width:100%; text-align:center; left:0; bottom:26px; font-size:20px;}
footer p {color:#fff;}
footer em {color:#999; font-weight: 100;}

/* 메인 페이지 내 푸터 텍스트 컬러 */
.mainWrap + footer p,
.mainWrap + footer em {color:#999;}

/* 메인페이지 */
.mainWrap {width:100%; height:728px; background:url('../images/bg_main.png') no-repeat left top; background-size:cover;}

/* select default type */
.selWrap {display:inline-block; position:relative; }
.selWrap select {width:360px; height:46px; padding:0 0 0 13px; box-sizing:border-box; border:2px solid #e8e9ec; border-radius: 5px; font-size:20px; background-color:#fafafa; -webkit-appearance: none; appearance: none; }
.mainTop .selWrap::before,
.selWrap::after {content:''; display:block; position:absolute; pointer-events:none; border:1px solid transparent; width:0; height:0; right:10px; }
.mainTop .selWrap::before {bottom:55%; border-width:0 6px 6px 6px; border-bottom-color:#9ea0a5;}
.selWrap::after {margin-top:-1px;  border-width:6px 6px 0 6px; border-top-color:#9ea0a5; top:50%;}
.mainTop .selWrap::after { margin-top:0; top:55%;}
.selWrap select:not(:focus):invalid {color:#ccc;}
.selWrap:hover select {color:#333;}
.mainTop .selWrap:hover::before {border-bottom-color: #747474;}
.selWrap:hover::after {border-top-color: #747474;}
.selWrap select[disabled],
.selWrap select:disabled {opacity:0.4; cursor:not-allowed;}
.selWrap select::-ms-expand {display:none;}

/* 메인 상단 */
.mainTop {position:relative; width:100%; height:77px; padding:15px 26px 0; box-sizing:border-box; box-shadow: 0px 3px 20px rgba(0,0,0,.2); background-color:#fff; }
.mainTop h1 {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); }
.mainTop h1 img {width:77px;}
.myHospital strong {display:inline-block; margin-right:15px; color:#000;}
.userLogInfo::after {content:''; display:block; clear:both; }
.userLogInfo {position:absolute; right:26px; top:15px; line-height:46px; }
.userLogInfo a.newAlarm {position:relative; float:left; width:22px; height:26px; margin:10px 15px 0 0; padding-right:15px; background:url('../images/ico_new_alarm.png') no-repeat left top; background-size:auto 26px;}
.userLogInfo a.newAlarm i {display:inline-block; position:absolute; left:-12px; top:11px; height:18px; min-width:20px; text-align:center; line-height:18px; padding:0 6px; box-sizing:border-box; color:#fff; border-radius:3px; font-style:normal; font-size:13px; background-color:#ce0037; }
.userLogInfo a.newAlarm:after {position:absolute; right:0; top:6px; content:''; display:block; width:2px; height:17px; background-color:#ccc; }
.userLogInfo em {float:left; font-size:18px; margin-right:15px; color:#333; }
.userLogInfo em i {font-weight:500; }
.userLogInfo a {float:left; width:128px; }

/* 메인 메뉴 리스트 */
.mainMenuList {text-align:center; }
.mainMenuList ul {display:inline-block; margin-top:115px; margin-left:-77px; }
.mainMenuList ul li {float:left; margin-left:77px; }
.mainMenuList ul li a {display:block; overflow:hidden; border-radius:6px 38px 6px 38px; box-shadow:10px 10px 40px rgba(0,0,0,.25);}
.mainMenuList ul li a img {width:260px;}
.mainMenuList ul li:nth-child(5) {clear:both; margin-top:36px;}
.mainMenuList ul li:nth-child(5) a {box-shadow:inherit; border-radius:0;}

/* 신규계약 단계별 스탭 페이지 공통 */
.subStep {overflow:hidden; width:100%; padding:156px 26px 19px; box-sizing:border-box; background-color:#ebebf2;} /*고정시킬때*/
.subStep {width:100%; padding:19px 26px 0px; box-sizing:border-box; background-color:#ebebf2;}
.subStep header {position:relative; padding-top:19px; background-color:#ebebf2;}
.subStep header h1 {padding-left:26px; line-height:61px; height:61px; border-radius:13px 13px 0 0; color:#fff; font-weight:700; font-size:26px; background-color:#f26249;}
.subStep header button {position:absolute; top:33px; right:26px; }
.subStep header button img {width:23px; }
.contractStep {position:relative; height:76px; line-height:74px; box-sizing:border-box; padding:0 0 0 18px; box-shadow:0px 2px 8px rgba(0,0,0,0.15); z-index:1; background-color:#fff; }
.contractStep:after {content:''; display:block; clear:both;}
.contractStep li:first-child {margin-left:0; }
.contractStep li {float:left; margin-left:15px; }
.contractStep li span {display:inline-block; height:40px; line-height:38px; padding:0 14px; color:#898989; border:3px solid #e6e6e6; border-radius:22px; letter-spacing:-1px; font-weight:700; font-size:20px; background-color:#e6e6e6;}
.contractStep li.on span {border-color:#f26249; color:#000; background-color:#fff;}
.inputWrap {padding-bottom:24px; border-bottom:2px solid #d9d9d9;}

/* 서브페이지 공통 */
.subWrap {position:relative; display:inline-block; width:100%; min-height:569px; padding:164px 26px 0px; box-sizing:border-box; vertical-align:top; background-color:#fff; }

/* 페이지 하단 버튼 */
.btnWrap {position:relative; clear:both; padding:32px 38px 32px; text-align:right;background-color:#fff; }
.btnWrap a {display:inline-block; margin-left:6px; }
.btnWrap a img {width:205px;}
.btnWrap:before {content:''; display:block; position:absolute; left:26px; right:26px; top:0; height:2px; width:1232px; background-color:#d9d9d9;}
.fixArea {position:fixed; left:0; top:0; width:100%; padding:0px 26px 0; z-index:1; box-sizing:border-box; }

/* 라디오 버튼 기본 스타일 */
input[type="radio"] {display:none;}
input[type="radio"] + label {position:relative; padding-left:27px; color:#000; font-size:18px; }
input[type="radio"] + label:before {position:absolute; left:0; top:4px; content:''; display:inline-block; width:21px; height:21px; background:url('../images/img_radio.png') no-repeat left top; background-size:21px auto;}
input[type="radio"]:checked + label:before {background-position:0 -21px; }
input.bigRadio[type="radio"] {display:none;}
input.bigRadio[type="radio"] + label {position:relative; padding-left:37px; color:#000; font-size:31px; }
input.bigRadio[type="radio"] + label:before {position:absolute; left:0; top:10px; content:''; display:inline-block; width:29px; height:29px; background:url('../images/img_radio_big.png') no-repeat left top; background-size:29px auto;}
input.bigRadio[type="radio"]:checked + label:before {background-position:0 -29px; }
input.ovalRadio[type="radio"] {display:none;}
input.ovalRadio[type="radio"] + label {position:relative; padding-left:38px; color:#000; font-size:18px; }
input.ovalRadio[type="radio"] + label:before {position:absolute; left:0; top:1px; content:''; display:inline-block; width:31px; height:20px; background:url('../images/img_radio_oval.png') no-repeat left top; background-size:31px auto;}
input.ovalRadio[type="radio"]:checked + label:before {background-position:0 -20px; }

/* 필수입력항목 표시 */
.requireStar {display:inline-block; position:relative;}
.requireStar:before {content:'*'; color:#ce0037; display:block; position:absolute; right:-12px; top:1px; }

/* 입력 테이블 스타일 */
.inputTable1 {table-layout:fixed; width:100%: }
.inputTable1 th {padding:15px 13px; font-weight:500; letter-spacing:-1px; }
.inputTable1 td {padding:8px 13px 8px 0; letter-spacing:-1px; }
.inputTable2 {table-layout:fixed; width:100%; border-top:2px solid #666;}
.inputTable2 th {padding:13px 13px 14px; border:1px solid #ccc; border-width:0 1px 1px 0; vertical-align:middle; text-align:center; font-weight:500; font-size:24px; letter-spacing:-1px;}
.inputTable2 td {padding:8px 0px 8px 15px; border:1px solid #ccc; border-width:0 1px 1px 0; letter-spacing:-1px; }
.inputTable2 th.alginTop {vertical-align:top;}
.inputTable2 td:last-child {border-right:0 none;}
.inputTable2 .titMultiline {display:inline-block; line-height:1.3;}

/* 모바일 결제화면 */
.mHeader {position:relative; height:60px; line-height:60px; padding:0 20px; text-align:right; box-shadow: 0px 3px 20px rgba(0,0,0,.2);}
.mHeader h1 {display:inline-block; color:#ec662c; font-weight:700; font-size:20px; }
.mHeader .moLogo {position:absolute; left:20px; top:13px; display:inline-block; }
.mHeader .moLogo img {display:inline-block; width:60px; vertical-align:top;}
.mPayCon {padding:0 20px; backgroun-color:#fff; }
.mPayCon .payInfoTit {margin:35px 0 15px; color:#000; font-size:16px; }
.mPayCon ul {padding:0 10px; background-color:#f5f6f8; }
.mPayCon ul li {position:relative; padding:11px 0 10px 30px; border-bottom:2px dotted #000; color:#000; font-size:16px; }
.mPayCon ul li:last-child {border-bottom:0 none;}
.mPayCon ul li:before {position:absolute; left:4px; top:20px; content:''; display:block; width:16px; height:7.5px; border-radius:3px; background-color:#ce0037; }

.mPayBox {margin-top:60px; padding:36px 15px; border-radius:18px; text-align:center; color:#000; font-size:16px; background-color:#fff0e8;}
.mPayBox .payCompleteTxt {margin-top:12px; padding:7px 0 8px; font-size:18px; font-weight:700; background-color:#fff; }
.mPayBox .payCompleteTxt span {color:#ce0037;}

.mBtnWrap {margin-top:40px; text-align:center; }
.redBtn {display:inline-block; width:200px; padding:17px 0; border-radius:4px; color:#fff; text-align:center; font-weight:700; font-size:18px; background-color:#ce0037;}

/* 결제하기 */
.payTabWrap {padding:0 6px; }
.payTabWrap input[type=text] {height:52px; line-height:52px;}
.payTabWrap .payTab {overflow:hidden; }
.payTabWrap .payTab li {float:left; width:50%; padding-bottom:13px; box-sizing:border-box;}
.payTabWrap .payTab li:nth-child(odd) {padding-right:6px;}
.payTabWrap .payTab li:nth-child(even) {padding-left:6px;}
.payTabWrap .payTab li a {display:block; height:77px; line-height:74px; border:3px solid #f26249; border-radius:6px; color:#000; text-align:center; font-weight:700; font-size:24px; background-color:#fff; }
.payTabWrap .payTab li a.on {color:#fff; background-color:#f26249;}
/*  탭 - 1 */
.payTabConList {overflow:hidden; margin-top:19px; }
.payTabConList li {float:left; width:50%; padding-bottom:13px; box-sizing:border-box; color:#000; font-size:22px; }
.payTabConList li:nth-child(odd) {padding-right:6px;}
.payTabConList li:nth-child(even) {padding-left:6px;}
.payTabConList li span {position:relative; display:block; height:54px; line-height:54px; padding-left:53px;  border-bottom:3px dotted #000;}
.payTabConList li span:before {position:absolute; left:16px; top:22px; content:''; display:block; width:20px; height:10px; border-radius:4px; background-color:#ce0037;}
.payTabConList li button.dcpay {position: absolute; top: 381px; box-sizing: border-box; margin-left: 314px; padding: 6px 22px 6px 33px; border: 1px solid #ce0037; border-radius: 6px; color:#ce0037;}
.payTabConList li button.dcpay:before {position: absolute; left: 13px; top: 11px; content: ''; display: block; width: 13px; height: 18px; background: url(../images/ico_pdf.png) no-repeat left top; background-size: 13px 18px;}

.payTabCard ul.cardInfo {padding:0 15px; border-bottom:3px dotted #000;}
.payTabCard ul.cardInfo li {overflow:hidden; margin-bottom:10px;}
.payTabCard ul.cardInfo li .cardCell {float:left; margin-right:25px;}
.payTabCard ul.cardInfo .cardInput {display:inline-block; margin-right:10px; }
.payTabCard ul.cardInfo li span {display:inline-block; width:105px; color:#000; font-size:22px; }

.payBtnWrap {text-align:center; min-height: 20px; }
.payBtnWrap .redBtn {margin:19px 0 38px; width:260px; height:77px; line-height:74px; font-weight:700; font-size:24px; }
.payTabComplete {margin:19px 109px 51px; padding:35px 0; border-radius:23px; color:#000; text-align:center; font-size:22px; background-color:#fff0e8;}
.payTabComplete .payCompleteTxt {width:474px; height:52px; line-height:51px; margin:10px auto 8px; padding:4px 0 5px; color:#000; font-size:24px; font-weight:700; background-color:#fff; }
.payTabComplete .payCompleteTxt span {color:#ce0037; }


.cardPayInfo {position:relative; margin-bottom:40px; padding:30px 20px; border-radius:20px; background-color:#f1f1f1; }
.cardPayInfoTit {position:relative; margin-bottom:2px; padding-left:14px; color:#555; font-weight:700;}
.cardPayInfoTit:before {position:absolute; left:0; top:11px; content:''; display:block; width:10px; height:4px; border-radius:3px; background-color:#ce0037;}
.cardPayInfo > ul {padding-left:8px; }
.cardPayInfo ul li {position:relative; padding-left:15px; margin-bottom:3px; color:#666; font-size:16px;}
.cardPayInfo > ul > li:before {content:'ㆍ'; display:block; position:absolute; left:0; top:0;  }
.cardPayInfo ul li ul {padding-top:2px; }
.cardPayInfo ul li ul li {margin-bottom:2px; padding-left:0;  }
.cardPayInfoRefer {position:absolute; right:20px; bottom:30px; font-size:16px; }

/* 탭 - 2  */
.certBox {border-bottom:4px dotted #000;}
.certBox span,
.certBox i,
.certBox em {color:#000; font-size:22px; }
.certBox > div {margin-bottom:13px; }
.certTit {display:inline-block; width:150px; padding-left:16px; box-sizing:border-box;}
.phoneLine .userPhoneNum {display:inline-block; margin-right:10px; }
.phoneLine .userPhoneNum input {width:140px; }
.certLine input {width:205px !important; }
.certLine em {display:inline-block; position:relative; top:16px; min-width: 250px; box-sizing: border-box; padding:0 10px 0 8px; }
.certBtn {width:370px; height:52px; line-height:49px; color:#ce0037; border:1px solid #ce0037; text-align:center; font-size:22px; }
.certBtnConfirm {width:370px; height:52px; line-height:49px; color:#f26249; border:1px solid #f26249; text-align:center; font-size:22px; }
.certLine i {display:block; padding:2px 0 0 150px; color:#f26249;}
.payBtnWrap .redLineBtn {width:280px; height:77px; line-height:74px; margin:19px 0 38px; border:3px solid #ce0037; border-radius:6px; font-weight:700; font-size:24px; }

/* 탭 - 3 */
.imagineAccountWrap {padding:0 6px 32px; }
.imagineAccountWrap h4,
.imagineAccountWrap .imagineBox h4 {margin:9px 0 10px; padding-left:13px; color:#000; font-weight:700; font-size:24px; }
.imagineAccountWrap .bankSelect {display:inline-block; position:relative; background-color:#fafafa; }
.imagineAccountWrap .bankSelect select {position:relative; z-index:2; width:542px; height:52px; padding:0 0 0 13px; box-sizing:border-box; border:1px solid #e8e9ec; border-radius:3px; color:#000; font-size:22px; background-color:transparent; -webkit-appearance:none; appearance:none;}
.imagineAccountWrap .bankSelect .bankChoiceTxt {position:absolute; z-index:1; right:4px; top:4px; content:'은행 선택'; display:block; width:109px; height:46px; line-height:46px; color:#fff; text-align:center; background-color:#aaa; }
.imagineAccountWrap .imagineBox .referTxt {margin:-6px 0 13px; padding-left:13px; color:#000;}
.imagineAccountWrap .imagineBox .certTit {width:155px; color:#000; font-size:22px; }
.imagineAccountWrap .imagineBox .userPhoneNum {display:inline-block; margin-right:10px; }
.imagineAccountWrap .imagineBox .userPhoneNum input {width:119px; }
.imagineAccountWrap .imagineBox i {display:block; padding:6px 0 0 150px; color:#000;  }
.imagineAccountWrap .imagineBox:last-of-type {padding-top:6px;}
.redBtnAccount {height:52px; line-height:49px; color:#ce0037; border:1px solid #ce0037; text-align:center; }
.redAccountIssue {width:444px; margin-left:35px;}
.redAccountSms {width:369px;}
.redAccountSave {width:166px;}

/* 결제완료 */
.payCompleteWrap {padding:34px 0 40px; text-align:center; }
.payCompleteWrap .payCompleteTxtBox {color:#000; font-weight:700; font-size:22px;}
.payCompleteWrap .completeUserInfo {margin:19px 122px 40px; padding:35px 0; border-radius:23px; color:#000; background-color:#fff0e8;}
.payCompleteWrap .completeUserInfo > p { color:000; font-weight:700; font-size:26px; }
.payCompleteWrap .completeUserInfo > p:first-child {margin-top:-3px; }
.payCompleteWrap .completeCall {margin:19px 122px 40px;}
.payCompleteWrap .inputTable1 em {margin-left:15px; color:#ce0037;}
.payCompleteWrap .inputTable1 textarea{padding:0 10px;}

/* 공통 모달팝업 */
.modalPopup {position:fixed; left:50%; top:50%; width:320px; min-height:320px; z-index:10; border-radius:13px; background-color:#fff; transform:translate(-50%, -50%);}
.popTit {padding:41px 41px 32px 32px; color:#000; font-weight:700; font-size:31px; }
.popCon {padding:0 36px; }
.dimm {position:fixed; left:0; right:0; bottom:0; top:0; width:100%; height:100%; z-index:9; background-color:rgba(0,0,0,.7);}
.dimm2 {position:fixed; left:0; right:0; bottom:0; top:0; width:100%; height:100%; z-index:9; background-color:rgba(0,0,0,.7);}
.closePopup {position:absolute; right:20px; top:20px; }
.closePopup img {width:20px; }

/* 우편번호 팝업 */
.postPopup {width:768px; height:416px; }

/* 고객정보 수정 */
.btnGray {width:140px; height:44px; line-height:42px; color:#fff; text-align:center; font-weight:500; background-color:#aaa; }
.inputValue {display:inline-block; height:44px; line-height:41px; padding:0 10px 0 3px; box-sizing:border-box; color:#000; font-weight:500; font-size:18px; } /* input value 값 텍스트로 뿌려질때 스타일 */
input.inpNoStyle {padding:0 10px 0 3px; border:0 none; background-color:transparent} /* input에 보더 배경컬러 지울때 쓰는 클래스 */
.modifyWrap {min-height:477px; margin-top:13px; padding:0 13px 0; box-sizing:border-box; color:#000; border-top:3px solid #000;}
.modifyWrap .conBox {border-bottom:2px solid #d9d9d9;}
.modifyWrap .conBox {overflow:hidden; border-bottom:2px solid #d9d9d9;}
.modifyWrap .conBox .left {float:left; width:47%; }
.modifyWrap .conBox .right {float:right; width:51%;}
.modifyWrap .conBox .registAddress {clear:both;}
.modifyWrap .conBox > ul {}
.modifyWrap .conBox > ul li {height:56px; line-height:50px; border-bottom:3px dotted #000;}
.modifyWrap .conBox strong {display:inline-block; font-weight:500;}
.modifyWrap .conBox.modifyPossible {border-bottom:3px dotted #000; }
.modifyWrap .conBox.modifyPossible .left strong {width:125px;}
.modifyWrap .conBox.modifyPossible .right strong {width:142px;}
.modifyWrap .conBox .emailWrap {display:inline-block; margin-left:0px;}
.modifyWrap .conBox .emailWrap input {}
.modifyWrap .conBox .emailWrap .selWrap select {width:150px;}
.modifyWrap .conBox.btmModify .left strong {width:115px;}
.modifyWrap .conBox.btmModify .right strong {width:134px;}
.modifyWrap .conBox .registAddress {position:relative; padding:6px 0 6px 130px;}
.modifyWrap .conBox .registAddress strong {position:absolute; left:0; top:13px; display:inline-block; width:130px; }
.modifyWrap .conBox .addressInp > p {padding-top:6px; border-top:3px dotted #000; }
.modifyWrap .conBox .addressInp > p input:first-child {margin-right:10px;}
.modifyWrap .conBox .addressInp .btnGray {margin-left:4px;}
.modifyWrap .conBox .userPhoneNum {display:inline-block; }
.modifyWrap .conBox .userPhoneNum input {width:126px; }
.modifyWrap .conBox .embryoInfo,
.modifyWrap .conBox .userInpNum2 {display:inline-block; }
.modifyWrap .conBox .embryoInfo {position:relative; top:-3px; left:6px; }
.modifyWrap .noBrd {border:0 none !important;}
.modifyWrap .titleArea h4 {margin:44px 0 3px; color:#000; font-weight:700; font-size:26px; float:left;}
.modifyWrap .titleArea span.payChoice {position:relative; left:17px; top:49px; float:left; display:inline-block; padding-left:15px; font-weight:500; font-size:22px; }
.modifyWrap .titleArea span.payChoice:before {content:''; display:block; position:absolute; left:0; top:5px; width:2px; height:22px; background-color:#666; }
.modifyWrap .payBox {padding:13px 0 16px;}
.modifyWrap .payBox > div > span {display:inline-block; margin-bottom:5px;}
.modifyWrap .payBox > div > span label {font-weight:500; }
.modifyWrap .payRefer {padding:0 0 0 27px; color:#666; font-size:24px; }
.modifyWrap .referTxtRight {width:100%; margin-top:8px; color:#666; text-align:right; font-size:24px; }
.modifyWrap .embryoInfo {height:44px; line-height:38px; }
.modifyWrap .embryoInfo span {display:inline-block; margin-right:17px; }
.modifyWrap .embryoInfo span em {position:relative; left:1px; display:inline-block; }
.modifyWrap .embryoInfo span em:before {position:absolute; left:0; bottom:5px; content:''; display:block; width:77px; height:2px; background-color:#ccc;}
.modifyWrap .embryoInfo span em input {width:77px; height:26px; line-height:32px; margin-bottom:2px; border:0 none; text-align:center; background-color:transparent;}
.modifyWrap .embryoInfo span em input:focus {outline:0 none;}
.modifyWrap .referTxtPoint {margin-top:6px; color:#f26249; }
.modifyWrap .btnWrap:before {display:none;}
.modifyWrap .btnWrap {padding:67px 0 45px; text-align:center; }
.modifyWrap .birthDay .dueDate {display:inline-block; }
.modifyWrap .birthDay .dueDate span {display:inline-block; padding:0 8px 0 2px; color:#707070;}
.modifyWrap .birthDay .dueDate span.timeWrap input {text-align:center; }
.modifyWrap .birthDay .dueDate span.timeWrap .colon {display:inline-block; margin:0 5px; padding:0; }

/* 파일 전송 */
.fileSendBox {margin:32px 0 51px; border-top:3px solid #000;}
.fileSendBox ul {}
.fileSendBox ul li {overflow:hidden; width:100%; border-bottom:3px dotted #000;}
.fileSendBox ul li:last-child {border-bottom:1px solid #666; }
.fileSendBox .fileLeft {float:left; padding:22px 0 0 13px; }
.fileSendBox .fileRight {float:right;}
.fileSendBox .fileLeft button {display:block; }
.fileSendBox .fileLeft em {display:inline-block; margin-bottom:6px; font-size:22px; font-weight:700;}
.fileSendBox .fileRight {vertical-align:middle; overflow:hidden;}
.fileSendBox .fileRight .imgBox {position:relative; overflow:hidden; display:table; float:left; width:109px; height:102px; margin:16px 0 13px 13px; box-sizing:border-box; border:2px solid #dddddd; border-radius:6px; background-color:#f5f6f8}
.fileSendBox .fileRight .imgBox > span {display:table-cell; height:102px; vertical-align: middle; text-align:center;}
.fileSendBox .fileRight .imgBox > span img {max-width:100%; max-height:100%; }
.fileSendBox .fileRight .imgBox.add .btnDelFile {display:block; position:absolute; right:6px; top:6px; }
.fileSendBox .fileRight .imgBox .btnDelFile {display:none;}
.fileSendBox .fileRight .orangeBtn {margin:42px 10px 0 45px; vertical-align:top;}
.orangeBtn {width:179px; height:51px; line-height:51px; color:#fff; border-radius:6px; text-align:center; font-weight:500; font-size:20px;  background-color:#f26249; }
.orangeBtn[disabled] {background-color:#9ea0a5;}
.orangeLineBtn {width:221px; height:46px; line-height:44px; box-sizing:border-box; color:#f26249; border:2px solid #f26249; border-radius:6px; text-align:center; font-weight:700; background-color:#fff;}
.orangeLineBtn[disabled] {color:#9ea0a5; border-color:#9ea0a5; }
.btnDelFile {width:20px; height:20px; font-size:0; line-height:0; text-indent:-999px; background:url('../images/btn_del_file.png') no-repeat left top; background-size:20px;}

/* 고객계약정보조회 */
.searchConWrap {padding:32px 51px 0; }
.topSearchBox {position:relative}
.topSearchBox h2 {margin-bottom:10px; font-weight:700; font-size:24px; color:#000;}
.topSearchBox .referSearchTxt {position:absolute; right:0; top:6px; color:#707070; letter-spacing:-1px; font-weight:400; font-size:17px; }
.topSearchBox .searchForm {position:relative; width:100%; box-sizing:border-box; padding:13px; background-color:#f2f2f2; }
.topSearchBox .searchForm ul li:first-child {margin-bottom:12px; }
.topSearchBox .searchForm ul li {position:relative; }
.topSearchBox .searchForm ul li > span em {display:inline-block; width:86px; color:#000;}
.topSearchBox .searchForm ul li > em {display:inline-block; width:128px; margin-left:14px; color:#000;}
.topSearchBox .searchForm ul li .dueDate {display:inline-block;}
.topSearchBox .searchForm ul li .dueDate span {display:inline-block; padding:0 12px 0 6px; color:#707070;}
.topSearchBox .searchForm ul li.calWrap {}
.topSearchBox .searchForm ul li.calWrap .cal {position:relative; display:Inline-block; }
.topSearchBox .searchForm ul li.calWrap .cal button {position:absolute; right:0; top:2px; height:42px; padding:0 12px;}
.topSearchBox .searchForm ul li.calWrap .cal button:before {position:absolute; left:0; top:1px; content:''; width:1px; height:41px; background-color:#e6e6e6; }
.topSearchBox .searchForm ul li.calWrap .cal button img {width:20px;}
.topSearchBox .searchForm ul li.calWrap .btnList {position:relative; display:Inline-block; margin-left:13px; vertical-align: middle;}
.topSearchBox .searchForm ul li.calWrap .btnList a {position:relative; box-sizing:border-box; margin-right:9px; padding:5px 18px 5px 18px; border:1px solid #9ea0a5; border-radius:6px; background: #fff; }
.topSearchBox .searchForm ul li i {display:inline-block; margin:0 4px; color:#000; }
.topSearchBox .searchForm ul li .chkPrev {display:inline-block; margin-left:8px; }
.topSearchBox .searchForm ul li .chkPrev label {letter-spacing:-1px;}
.topSearchBox .searchForm .btnFloating {position:absolute; right:17px; top:17px; }
.topSearchBox .searchForm .btnFloating button {display:block; }
.topSearchBox .searchForm .btnFloating button:first-child {margin-bottom:6px; }
.btnSsearch {width:104px; height:46px; line-height:46px; color:#fff; text-align:center; background-color:#ce0037;}
.btnReset {width:104px; height:46px; line-height:46px; color:#fff; text-align:center; background-color:#aaaaaa;}

/* 테이블 위 버튼들 */
.searchTableWrap {margin-top:48px; }
.searchTableWrap .btnList {margin-bottom:13px; }
.searchTableWrap .btnList a {position:relative; box-sizing:border-box; margin-right:9px; padding:6px 22px 6px 33px; border:1px solid #9ea0a5; border-radius:6px; }
.searchTableWrap .btnList .btnModifyView {padding-left:38px;}
.searchTableWrap .btnList a:before {position:absolute; left:13px; top:11px; content:''; display:block; width:13px; height:18px; background:url('../images/ico_pdf.png') no-repeat left top; background-size:13px 18px;}
.searchTableWrap .btnList .btnContractView:before {background-image:url('../images/ico_pdf.png');}
.searchTableWrap .btnList .btnModifyView:before {padding-left:26px; width:18px; background-image:url('../images/ico_modify.png'); background-size:18px 18px;}
.searchTableWrap .btnList .btnSendfileView:before {background-image:url('../images/ico_sendfile.png');}
.searchTableWrap .btnList .btnMemoView:before {background-image:url('../images/ico_memo.png');}
.searchTableWrap .btnList .btnDownView:before {background-image:url('../images/ico_down.png');}
.searchTableWrap .btnList a.disabled {pointer-events: none; opacity: 0.5;}
.searchTableWrap .btnList a.disabled:before {opacity: 0.5;}

/* 하단 테이블 */
.searchTableCon {position:relative; width:1232px; height:315px; overflow:auto; }
/*.searchTableCon:after {position:absolute; left:0; bottom:3px; content:''; display:block; height:1px; width:100%; background-color:#ccc;}*/
.searchTbWrap {position:relative; width:1680px; }
.searchTbData {width:100%; text-align:center; }
.searchTbData th,
.searchTbData td {border:1px solid #cccccc; border-width:0 1px 0 0; color:#222; text-align:center; letter-spacing:-1px; }
.searchTbData th {position:relative; height:54px; line-height:51px; box-sizing:border-box; border:0 none; border-bottom:1px solid #666; vertical-align:middle; background-color:#f2f2f2; }
.searchTbData td {position:relative; box-sizing:border-box; padding:12px 0 13px; border:1px solid #cccccc; border-width:0 1px 1px 0; vertical-align:middle; }
.searchTbData th:first-child:after {display:none;}
.searchTbData td:last-child {border-right:0 none;}
.searchTbData tr:last-child td {border-bottom:0 none;}
.searchTbData td:first-child {padding-left:32px; }
.searchTbData th:before {content:''; display:block; position:absolute; top:0; left:0; height:3px; width:100%; background-color:#222; z-index:1; }
.searchTbData th:after {content:''; display:block; position:absolute; top:3px; left:0; height:51px; width:1px; background-color:#ccc; z-index:1;}
.searchTableCon:before {content:''; display:block; position:sticky; top:314px; left:0; width:100%; height:2px; background-color:#ccc; z-index:1;}
.searchTbWrap .searchTbData thead th {position:sticky; top:0; z-index:2;}

.inpWrap {position:absolute; left:0; top:0; height:51px; width:37px; text-align:center; vertical-align:middle; display:inline-block; }
/*.inpWrap:before {content:''; display:block; width:1px; height:100%; position:absolute; right:0; top:0; background-color:#ccc;}*/

.ui-datepicker {z-index:3 !important;}

/* 라벨 없이 체크박스 이미지 입히기 */
.inpWrap input[type="checkbox"] {display:inline-block; width:18px; height:18px; margin:0; cursor:default; opacity:0;}
.inpWrap input[type="checkbox"] + span.customRadio { position:relative; top:14px; display:inline-block; width:18px; height:18px; margin:0 0 0 -18px; background:url('../images/chk_ld_save.png') no-repeat left -36px; background-size:18px auto; pointer-events:none;}
.inpWrap input[type="checkbox"] + span.customRadio::after { content:''; position:absolute; display:block; width:18px; height:18px; color:transparent;}
.inpWrap input[type="checkbox"]:checked + span.customRadio::after { display:inline-block; margin:0 0 0 -9px; background:url('../images/chk_ld_save.png') no-repeat left -18px; background-size:18px auto; pointer-events:none;}
.inpWrap input[type="radio"] {display:inline-block; width:18px; height:18px; margin:0; cursor:default; opacity:0;}
.inpWrap input[type="radio"] + span.customRadio { position:relative; top:14px; display:inline-block; width:18px; height:18px; margin:0 0 0 -18px; background:url('../images/chk_ld_save.png') no-repeat left -36px; background-size:18px auto; pointer-events:none;}
.inpWrap input[type="radio"] + span.customRadio::after { content:''; position:absolute; display:block; width:18px; height:18px; color:transparent;}
.inpWrap input[type="radio"]:checked + span.customRadio::after { display:inline-block; margin:0 0 0 -9px; background:url('../images/chk_ld_save.png') no-repeat left -18px; background-size:18px auto; pointer-events:none;}


/* 고객 특이사항 팝업 */
.memoPopup {width:768px; min-height:547px; box-sizing:border-box; padding-bottom:38px; }
.memoPopup .modifyWrap {min-height:auto; margin-top:0px; padding:0 35px 0; box-sizing:border-box; color:#000; border-top:0 none;}
.memoPopup .modifyWrap .registForm .conBox {border-bottom:1px solid #000;}
.memoPopup .modifyWrap .registForm .conBox .left {width:320px; }
.memoPopup .modifyWrap .registForm .conBox .right {width:320px; }
.textareaBox {margin-top:19px; }
.textareaBox .tit {margin-bottom:8px; }
.textareaBox textarea {height:96px; resize:none; padding:13px; box-sizing:border-box; font-size:18px; background-color:#f5f6f8;}
.popBtnWrap {margin-top:26px; text-align:center;}
.popBtnWrap .closePopup {position:static; margin-left:9px;}
.popBtnWrap button,
.popBtnWrap .closePopup img {width:205px;}

/* 사용자 계약서 기본 높이값 */
.userContract {min-height:642px; }

/* 상단 타이틀 고정 */
.subStep .fixTitArea  {position:fixed; left:0; top:0; width:100%; padding:30px 26px 0; z-index:1; box-sizing:border-box; background-color:#ebebf2;}
.subStep .fixTitArea header {padding-top:0; }
.subStep .fixTitArea header button {top:19px; }
.subStep .fixTitArea + .subCon .subWrap {padding-top:100px; }

/* CCM 알림팝업 및 페이지 */
.ccmPopup {width:410px; }
.ccmPopup .ccmCon {padding:76px 20px 0 20px; color:#000; text-align:center; font-size:20px; }
.ccmPopup .ccmCon i {display:inline-block; position:relative; top:4px; right:-1px; width:22px; height:26px; margin:0px 0px 0 2px; background:url('../images/ico_new_alarm.png') no-repeat left top; background-size:auto 26px;}
.ccmPopup .popBtnWrap {margin:46px 20px 0; padding-top:26px;  border-top:1px solid #d9d9d9;}
.ccmPopup .popBtnWrap a {width:218px;}

.ccmWrap {overflow:hidden; padding-bottom:7px;}
.ccmWrap .ccmWrapTit {margin-bottom:20px; color:#0d0d0d; font-weight:700; font-size:20px; }
.ccmWrap .ccmTit {border-radius:6px 6px 0 0; font-size:18px; background-color:#fff; }
.ccmWrap .ccmTitList {float:left; width:567px; }
.ccmWrap .ccmTitList .ccmTit {padding:13px 0 14px 12px; color:#fff; background-color:#222; }
.ccmWrap .ccmTitList .ccmListBox {width:567px; height:493px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; border:1px solid #ccc;}
.ccmWrap .ccmTitList .ccmListBox ul {width:567px; }
.ccmWrap .ccmTitList .ccmListBox ul li:last-child {border-bottom:0 none;}
.ccmWrap .ccmTitList .ccmListBox ul li {padding:13px 13px; border-bottom:1px solid #ccc;  }
.ccmWrap .ccmTitList .ccmListBox ul li.noCheck em {font-weight:700;}
.ccmWrap .ccmTitList .ccmListBox ul li a {display:block;}
.ccmWrap .ccmTitList .ccmListBox ul li em {display:block; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-bottom:5px; color:#222; font-size:19px; }
.ccmWrap .ccmTitList .ccmListBox ul li span {display:block; color:#666; font-size:15px; }

.ccmWrap .ccmConList {float:right; width:567px;}
.ccmWrap .ccmConList .ccmTit {padding:12px 0 14px 12px; color:#000; border:1px solid #ccc; border-bottom:0 none;}
.ccmWrap .ccmConList .ccmConBox {height:493px; padding:15px 13px;  overflow-x:hidden; overflow-y:auto; box-sizing:border-box; border:1px solid #ccc;}
.ccmWrap .ccmConList .ccmConBox .ccmConText {color:#222; font-weight:400; font-size:17px; }

/* 에러페이지 */
.errorWrap {width:1334px; height:728px; }
.errorWrap .errorBox {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); padding-top:132px; text-align:center;}
.errorWrap .errorBox:before {position:absolute; top:0; left:50%; content:''; transform: translate(-50%, 0); display:block; width:147px; height:102px; background:url('../images/img_404.png') no-repeat left top; background-size:147px 102px;}
.errorWrap .error500:before {background-image:url('../images/img_500.png');}
.errorBox strong {display:block; margin-bottom:26px; color:#000; font-weight:700; font-size:38px; }
.errorBox p {margin-bottom:30px; color:#000; font-weight:300; font-size:20px; }
.errorBox a {width:250px;}

.loaderDimm {position:fixed; left:0; right:0; bottom:0; top:0; width:100%; height:100%; z-index:9; background-color:rgba(0,0,0,.7);}
.loader{
  position: relative;
  width: 12px;
  height: 12px;

  top: 46%;
  top: -webkit-calc(50% - 6px);
  top: calc(50% - 6px);
  left: 46%;
  left: -webkit-calc(50% - 6px);
  left: calc(50% - 6px);
  
  border-radius: 12px;
  background-color: #ce0037;
  -webkit-transform-origin:  50% 50%;
      transform-origin:  50% 50% ;
  -webkit-animation: loader6 1s ease-in-out infinite;
      animation: loader6 1s ease-in-out infinite;
}

.loader:before{
  content: "";
  position: absolute;
  background-color: #f26249;
  top: 0px;
  left: -25px;
  height: 12px;
  width: 12px;
  border-radius: 12px;
}

.loader:after{
  content: "";
  position: absolute;
  background-color: #f26249;
  top: 0px;
  left: 25px;
  height: 12px;
  width: 12px;
  border-radius: 12px;
}

@-webkit-keyframes loader6{
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);}
    100%{-webkit-transform:rotate(180deg);}
}

@keyframes loader6{
    0%{transform:rotate(0deg);}
    50%{transform:rotate(180deg);}
    100%{transform:rotate(180deg);}
}