@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 {display:inline-block; 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: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;}
.none{display:none !important;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{display:inline-block; color:#000;text-decoration:none;background:transparent;}
button:focus {outline:0 none;}

/* 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:50px; background:#eaeaea;border:1px solid #c0c0c0;}
input[type=password],
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;}
.inputValue {display:inline-block; height:44px; line-height:44px; 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에 보더 배경컬러 지울때 쓰는 클래스 */
input.inpNoStyleLeft {position:absolute; left:450px; margin-top: 4px; border:0 none; background-color:transparent; height: 41px; line-height: 40px;} /* input에 보더 배경컬러 지울때 쓰는 클래스 */
input.inpNoStyleAddr {position:absolute; left:130px; margin-top: 4px; border:0 none; background-color:transparent; height: 41px; line-height: 40px;} /* input에 보더 배경컬러 지울때 쓰는 클래스 */
input.inpNoStyleRight {position:absolute; left:920px; margin-top: 4px; border:0 none; background-color:transparent; height: 41px; line-height: 40px;} /* input에 보더 배경컬러 지울때 쓰는 클래스 */

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

body {position:relative;}

/* select default type */
.selWrap {display:inline-block; position:relative; }
.selWrap select {width:256px; height:46px; padding:0 0 0 13px; box-sizing:border-box; border:2px solid #e8e9ec; border-radius: 5px; font-size:18px; 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:-2px;  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;}

/* 신규계약 컨텐츠 */
.subWrap.pdfsubWrap {padding-top:40px; padding-right:48px;}
.subWrap.pdfsubWrap .contractSide {top:40px; left:45px;}
.subWrap.pdfsubWrap .cordContractSide {top:40px; left:45px;}
.subWrap.pdfsubWrap .userInfoWrap {margin-left: 25px;}
.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; } /* 서브페이지 공통 껍데기 */
.contractSelect {padding-bottom:26px; border-bottom:2px solid #666666;}
.selectChoice {margin-bottom:13px; }
.selectChoice,
.selectChoiceValue {position:relative; padding-left:146px; }
.selectChoiceValue input[type=text] {width:1070px;}
.selectChoice strong,
.selectChoiceValue strong {position:absolute; left:13px; top:9px; display:block; font-weight:500; color:#000;}
.selectChoice ol {}
.selectChoice ol:after {content:""; display:block; clear:both;}
.selectChoice ol li {position:relative; float:left; padding-right:35px; }
.selectChoice ol li:last-child {padding-right:0; }
.selectChoice ol li select {width:334px; }
.selectChoice ol li:before {position:absolute; right:11px; top:13px; content:''; display:block; width:13px; height:20px; background:url('../images/img_next_arrow.png') no-repeat left top; background-size:13px 20px; }
.selectChoice ol li:last-child:before {display:none; }
.goodNameList {position:absolute; top:44px; left:0; z-index:1; margin-left: 145px; width:1070px; max-height:227px; overflow-y:auto; box-sizing:border-box; border:2px solid #e6e6e6; border-top:0 none; background:#fff;}
.goodNameList li {height:45px; line-height:45px; padding:0 13px; }
.goodNameList li:nth-child(even) {background-color:#f5f6f8;}
.sendInfo {height:44px; line-height:38px; }
.sendInfo span {display:inline-block; margin-right:17px; }
.inputWrap {padding-bottom:24px; border-bottom:2px solid #d9d9d9;} /* 상품선택, 정보입력 입력폼 박스 클래스 */
.tableTit {padding:38px 0 19px; color:#000; font-size:24px; font-weight:700;} /* 입력폼 영역 타이틀 */
.requirePoint {color:#ce0037; font-weight:700;} /* 필수입력항목 텍스트 */
.userInpNum2 input {width:235px; }
.userPhoneNum input {width:128px;}
.dueDate span {display:inline-block; padding:0 17px 0 6px; color:#707070;}
.emailWrap input[type=text] {width:140px; }
.emailWrap .selWrap {margin-left:8px; }
.emailWrap .selWrap select {width:165px;}
.embryoInfo {height:44px; line-height:38px; }
.embryoInfo span {display:inline-block; margin-right:17px; }
.embryoInfo span em {position:relative; left:2px; display:inline-block; }
.embryoInfo span em:before {position:absolute; left:0; bottom:6px; content:''; display:block; width:77px; height:2px; background-color:#ccc;}
.embryoInfo span em input {width:77px; height:26px; line-height:32px; margin-bottom:3px; border:0 none; text-align:center; background-color:transparent;}
.embryoInfo span em input:focus {outline:0 none;}
.addressInp p {margin-top:8px; }
.addressInp p input:nth-child(2) {margin-left:8px;}
.addressInp .btnGray {margin-left:4px; }
.userPhoneWrap {} /* 휴대폰 영역 */
.userPhoneWrap .btnGray {width:104px; margin-left:4px; }
.userPhoneWrap em {display:inline-block; margin-left:10px; color:#707070;}
.searchWrap {position:relative; width:97%;}
.searchWrap input[type=text] {padding-right:55px; }
.searchBtn {position:absolute; right:0; top:0; padding:10px 13px; }
.searchBtn span {display:block; width:23px; height:23px; font-size:0; line-height:0; text-indent:-999px; background:url('../images/img_search.png') no-repeat left top; background-size:23px;}
.searchValueList {position:absolute; top:44px; left:0; z-index:1; width:100%; max-height:227px; overflow-y:auto; box-sizing:border-box; border:2px solid #e6e6e6; border-top:0 none; background:#fff;}
.searchValueList li {height:45px; line-height:45px; padding:0 13px; }
.searchValueList li:nth-child(even) {background-color:#f5f6f8;}
.twinBtn {position:absolute; top: 329px; right: 10px;}
.twinBtn img {width: 70%}
/* .searchValueList li a {display:block; padding:0 13px; } */
.dueDate span.timeWrap {display:inline-block; margin-left:-3px; padding:0; }
.dueDate span.timeWrap input {text-align:center;}
.dueDate span.timeWrap .colon {display:inline-block; margin:0 5px; padding:0; }

.dueTime span.timeWrap {display:inline-block; margin-left:-3px; padding:0; }
.dueTime span.timeWrap input {text-align:center;}
.dueTime span.timeWrap .colon {display:inline-block; margin:0 5px; padding:0; }  

/* 라디오 버튼 기본 스타일 */
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:2px; 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;} /* table 내에 들어갈때 필수 표시 */
.requireStar:before {content:'*'; color:#ce0037; display:block; position:absolute; right:-12px; top:1px; }
.requireStar2 {display:block; position:absolute; right:-10px; top:-9px; color:#ce0037; } /* icon으로 들어갈때 필수 표시 */

/* 입력 테이블 스타일 */
.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:23px; 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;}
.inputTable2 .left {float:left}

/* 버튼 */
.btnGray {width:140px; height:44px; line-height:42px; color:#fff; text-align:center; font-weight:500; background-color:#aaa; }
.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; }
.btnBlack {width:179px; height:51px; line-height:51px; color:#fff; border-radius:6px; text-align:center; font-weight:500; font-size:20px;  background-color:#222;}

/* 공통 모달팝업 */
.modalPopup {position:fixed; left:50%; top:50%; width:500px; min-height:500px; z-index:2; border-radius:13px; background-color:#fff; transform:translate(-50%, -50%);}
.popTit {padding:41px 0 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:1; background-color:rgba(0,0,0,.7);}
.closePopup {position:absolute; right:20px; top:20px; }
.closePopup img {width:20px; }

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

/* 설명들었습니다. 팝업*/
.explainSignPopup {min-height:auto; padding:41px 41px 32px 32px; font-size:28px; }
.explainSignPopup .explainText {color:#222; font-size:22px;}
.explainSignPopup .explainText > span{color:#ff0000; font-size:28px;}
.explainSignPopup .selfSignTxtBox {margin-top:15px; width:800px; height:187px;}
.explainSignPopup .btnPopWrap {padding:0 0 30px; border-top:0 none;}

/* 동의하기 팝업*/
.agreeSignPopup {min-height:auto; padding:41px 41px 32px 32px; font-size:28px; }
.agreeSignPopup .agreeText {color:#222; font-size:22px;}
.agreeSignPopup .agreeText > span{color:#ff0000; font-size:28px;}
.agreeSignPopup .selfSignTxtBox {margin-top:15px; width:800px; height:187px;}
.agreeSignPopup .btnPopWrap {padding:0 0 30px; border-top:0 none;}

/* 사인하기 팝업 */
.selfSignPopup {min-height:auto; padding:41px 41px 32px 32px; font-size:28px;}
.selfSignPopup .selfSignText {color:#222; font-size:22px; }
.selfSignPopup .selfSignText > span{color:#ff0000; font-size:28px;}
.selfSignPopup .selfSignTxtBox {margin-top:15px; width:800px; height:187px; position:relative}
.selfSignPopup .btnPopWrap {padding:0 0 30px; border-top:0 none;}

/* 본인인증 팝업 */
.certifyPopup {width:619px; }
.certifyPopup .popTit {padding:36px 0 20px 36px; font-weight:500; }
.certifyPopup .popCon ul {padding-bottom:20px; }
.certifyPopup .popCon ul li {position:relative; padding-left:134px; }
.certifyPopup .popCon ul li em {position:absolute; left:0; top:12px; display:inline-block; width:134px; color:#000; font-weight:500;}
.certifyPopup .popCon ul li input {height:52px; line-height:52px; }
.certifyPopup .popCon ul li > p {width:100%; margin-top:5px; text-align:center; font-size:15px; color:#000;}
.certifyPopup .userPhoneNum input { width:30.5%; }
.certifyBtn {width:100%; height:52px; line-height:52px; margin:13px 0; box-sizing:border-box; border:2px solid #f26249; color:#f26249; text-align:center; }
.btnPopWrap {width:100%; box-sizing:border-box; text-align:center; padding:40px 0 30px; border-top:2px solid #d9d9d9; }
.btnPopWrap button:first-child {margin-right:80px;}
.btnPopWrap button img {width:205px;}

/* 제대혈 기증 위탁 동의서 - step2 */
.tabletType {overflow:hidden; } /* 태블릿 타입 */
.tabletType .donationWrap .titleArea h2 {margin-top:0px; float:left;}
.tabletType .donationWrap .titleArea .contNo {float:left; margin-top:10px; position:relative;}
.titRefer {position:relative; padding-left:17px; color:#666; font-size:15px; }
.titRefer:before {position:absolute; left:0; top:7px; content:''; display:block; width:9px; height:9px; background-color:#ccc; }
.tableTit1 {margin:12px 0 0; color:#000; text-align:center; font-size:31px; font-weight:700;} /* 타이틀 */
.tableTit1 > span {display:inline-block; padding:0 8px; }
.tableTit1 > span em {display:inline-block; height:46px; line-height:46px; }
.tableTit1 > span em:first-child {margin-right:8px; }
.tableTit1 > span em label {font-weight:700; vertical-align:top;}
.donationTable .userPhoneNum input {width:92px;}
.donationTable .dueDate span {padding:0 8px 0 6px;}
.referTableTxt {margin:13px 0 0 13px; padding-left:12px; text-indent:-12px; letter-spacing:-1px; }
.referRadio {position:relative; top:-3px;}
.referRadio span {display:inline-block; vertical-align:top;}
.referRadio span:first-child {margin-right:8px;}
.signArea {position:relative; float:right; width:553px; margin:16px 0 32px; padding-left:155px; box-sizing:border-box; }
.signArea:after {content:''; display:block; clear:both;}
.signArea .dateLine {padding-bottom:5px; border-bottom:2px dotted #000;}
.signArea .dateLine .dueDate > span {color:#000;}
.signArea .dateTit {position:absolute; left:0; top:7px; font-size:22px; color:#000;}
.signArea .signBox {margin-top:19px; }
.signArea .signBox .signTit {position:absolute; left:0; top:77px; font-size:22px; color:#000;}
.signArea .signBox .signTit2 {position:absolute; left:0; top:175px; font-size:22px; color:#000;}
.signArea .signBox .signTit3 {position:absolute; left:0; top:270px; font-size:22px; color:#000;}
.signArea .signBox .signTxt {position:relative; height:77px; padding:13px 19px; box-sizing:border-box; border-radius:6px; background-color:#f5f6f8;}
.signArea .signBox .signTxt input { width:96px; margin:-13px 0 0 -19px; padding:0 0 0 19px; border: 0 none; background: transparent;}
.signArea .signBox .signTxt input:focus {outline:0 none;}
.signArea .signBox .signTxt em {position:absolute; right:13px; bottom:13px; color:#666; font-size:15px; font-weight:300; }
.dearTxt {margin:182px 0 40px; color:#000; font-size:31px; }
.dearTxt i {display:inline-block; font-size:22px; font-weight:400; }
/* 사인 영역 */
.selfSign {display:block; position:absolute; right:115px; top:18px; width:192px; height:45px; overflow:hidden; }
.selfSign img {width:100%; height:100%; max-width:100%; }
/* 유의사항 */
/*.checkPoint {border-bottom:3px solid #d9d9d9;}*/
.checkPoint h3 {height:62px; line-height:62px; padding-left:13px; color:#222; font-size:24px; font-weight:700; background-color:#ccc; }
.checkPoint .checkPointCon {padding:26px 13px 42px; }
.checkPoint .checkPointCon > ul {}
.checkPoint .checkPointCon > ul > li {margin-bottom:4px; padding-left:19px; text-indent:-19px; color:#000; font-size:18px; }
.checkPoint .checkPointCon > ul ul {padding:6px 26px 3px; }
.checkPoint .checkPointCon > ul ul li {color:#666; font-size:17px; margin-bottom:2px; }
.checkPoint .checkPointCon > ul p {color:#666; text-indent:0; font-size:17px; }
.checkPoint .checkPointCon .grayBox {margin-top:22px; padding:13px 14px; color:#666; border-radius:6px; text-indent:0; font-size:17px; background-color:#f5f6f8; }

/* PDF 출력용 상단 서식 */
.pdfType {overflow:hidden; }
.pdfType input[type=text] {border:0 none; background-color:transparent;}
.pdfType input[type=text]:focus {outline:0 none;}
.pdfType .titRefer:before {background-color:#000;}
.pdfType .tableTit1 {margin:12px 0 32px;}
.pdfType .tableTit1 > span {position:relative; top:17px; }
.pdfType .tableTit1 > span em {display:block; }
.pdfType .tableTit1 > span em:first-child {margin-right:0; }
.pdfType .inputTable2 {border-color:#000;}
.pdfType .inputTable2 th {border-color:#000;}
.pdfType .inputTable2 td {border-color:#000;}
.pdfType th.pdfTit {padding-top:5px; border-right:0 none;}
.pdfType em.pdfTit {margin-right:2px; font-size:24px; }
.pdfType .referTableTxt {padding-left:0; text-indent:inherit; color:#000;}
.pdfType .signArea .dateLine {border-bottom:0 none;}
.pdfType .signArea .signBox .signTxt {background-color:transparent;}
.pdfType input[type="radio"] + label {position:relative; padding-left:27px; color:#000; font-size:18px; }
.pdfType input[type="radio"] + label:before {position:absolute; left:0; top:4px; content:''; display:inline-block; width:26px; height:26px; background:url('../images/img_radio.png') no-repeat left top; background-size:26px;}
.pdfType input[type="radio"]:checked + label:before {background-position:0 -21px; }
.pdfType input.bigRadio[type="radio"] + label {position:relative; padding-left:44px; color:#000; font-size:31px; }
.pdfType input.bigRadio[type="radio"] + label:before {position:absolute; left:0; top:8px; content:''; display:inline-block; width:37px; height:35px; background:url('../images/img_check_pdf.png') no-repeat left top; background-size:37px auto;}
.pdfType input.bigRadio[type="radio"]:checked + label:before {background-position:0 -35px; }

/* 계약서 컨텐츠 - 노블레스 */
.contractSide {position:absolute; left:26px; top:180px; width:250px; height:100%; }
.contractSide .sideLogo img {width:134px;}
.contractSide h2 {position:relative; margin-top:38px; padding:2px 0 15px 23px; color:#f16a3a; font-weight:700; font-size:29px; letter-spacing:-1px;}
.contractSide h2:before {position:absolute; left:0; top:0; content:''; display:block; width:24px; height:6px; border-radius:3px; background-color:#f16a3a;}
.contractSide input.bigRadio[type="radio"] + label {font-size:26px; font-weight:700;x}
.contractSide input.bigRadio[type="radio"] + label:before {top:5px; }
.choiceType {display:inline-block; margin-bottom:16px; }
.choiceType em {display:inline-block; }
.choiceType em:first-child {margin-right:15px;}
.contractSign {padding-top:9px; border-top:3px solid #f26249; color:#f26249; letter-spacing:-1px; font-size:15px; }
.contractSign em {display: inline-block; margin-left:-3px; color:#666;}
.agreeSign {display: inline-block; width: 105px; height: 32px; color:#ccc; font-size:20px; font-weight:500;}
.agreeSign img {width:100%; height:100%; }
.explainSign {display: inline-block; width: 105px; height: 32px; color:#ccc; font-size:20px; font-weight:500;}
.explainSign img {width:100%; height:100%; }

/* 계약서 컨텐츠 - 제대조직 */
.cordContractSide {position:absolute; left:26px; top:40px; width:250px; height:100%; }
.cordContractSide .sideLogo img {width:134px;}
.cordContractSide h2 {position:relative; margin-top:38px; padding:2px 0 15px 23px; color:#ce0037; font-weight:700; font-size:29px; letter-spacing:-1px;}
.cordContractSide h2:before {position:absolute; left:0; top:0; content:''; display:block; width:24px; height:6px; border-radius:3px; background-color:#ce0037;}
.cordContractSign {padding-top:9px; border-top:3px solid #ce0037; color:#ce0037; letter-spacing:-1px; font-size:15px; }
.cordContractSign em {display: inline-block; margin-left:-3px; color:#666;}
.cordAgreeSign {display: inline-block; width: 105px; height: 32px; color:#ccc; font-size:20px; font-weight:500;}
.cordAgreeSign img {width:100%; height:100%; }
.cordSignList {}
.cordSignList li  {position:relative; padding:6px 0 6px 69px; border-bottom:3px dotted #ce0037;}
.cordSignList li strong {position:absolute; left:0; top:13px; color:#ce0037;}
.cordSignList li:last-child {padding-left:0; border-bottom:2px solid #ce0037;}
.cordSignList li:last-child strong {position:static;}
.cordSignList li .selfSign {position: relative; left:auto; right:auto; top:auto; width:161px; height:40px; }
.cordInputDate {margin-top:10px; margin-right:-3px;}
.cordInputDate input {padding:0 6px; text-align:center;}
.cordInputDate input:last-child + span {padding:0 0 0 5px; }
.cordInputDate span {position:relative; top:3px; display:inline-block; padding:0 3px 0 4px; color:#ce0037; font-weight:500;}
.cordInputDate em {display:inline-block; text-align:center; }
.cordInputDate em + span {top:0; }
.cordStamp {position:relative; padding-top:15px; color:#ce0037; }
.cordStamp:before {content:'';}
.cordStamp p {font-weight:500; font-size:17px; letter-spacing:-1px; }
.cordStamp p em {display:block; font-weight:700; font-size:22px; }
.cordStampImg {position:absolute; top:15px; right:1px; display:inline-block; width:58px; height:58px; background:url('../images/img_stamp.png') no-repeat left top; background-size:58px;}


.signList {}
.signList li  {position:relative; padding:6px 0 6px 69px; border-bottom:3px dotted #f26249;}
.signList li strong {position:absolute; left:0; top:13px; color:#f26249;}
.signList li:last-child {padding-left:0; border-bottom:2px solid #f26249;}
.signList li:last-child strong {position:static;}
.signList li .selfSign {position: relative; left:auto; right:auto; top:auto; width:161px; height:40px; }
.inputDate {margin-top:10px; margin-right:-3px;}
.inputDate input {padding:0 6px; text-align:center;}
.inputDate input:last-child + span {padding:0 0 0 5px; }
.inputDate span {position:relative; top:3px; display:inline-block; padding:0 3px 0 4px; color:#f26249; font-weight:500;}
.inputDate em {display:inline-block; text-align:center; }
.inputDate em + span {top:0; }
.stamp {position:relative; padding-top:15px; color:#f26249; }
.stamp:before {content:'';}
.stamp p {font-weight:500; font-size:17px; letter-spacing:-1px; }
.stamp p em {display:block; font-weight:700; font-size:22px; }
.stampImg {position:absolute; top:15px; right:1px; display:inline-block; width:58px; height:58px; background:url('../images/img_stamp.png') no-repeat left top; background-size:58px;}
.stampImgCord {position:absolute; top:15px; right:1px; display:inline-block; width:58px; height:58px; background:url('../images/img_stamp_cord.png') no-repeat left top; background-size:58px;}

.sideBottom {position:absolute; bottom:547px;}
.cordTissueSideBottom {position:absolute; bottom:560px;}

.sideAddress {margin-top:79px; letter-spacing:-1px;}
.sideAddress strong {display:inline-block; margin-bottom:2px; color:#000; }
.sideAddress strong i {font-size:15px; font-weight:400;}
.sideAddress ul {}
.sideAddress ul li {margin-bottom:9px; color:#000; font-size:15px;}
.sideAddress ul li span {position:relative; display:block; padding-left:36px;}
.sideAddress ul li span em {position:absolute; left:0; top:0; font-weight:500;}


.contractCon {padding-left:289px; width:100%; box-sizing:border-box; color:#000; }
.titleDiv {display:block; height:3px; background-color:#000; } /* 타이틀 굵은 구분라인 */
.titleArea {position:relative; display:inline-block; width:100%; }
.titleArea h3 {margin-bottom:13px; color:#000; font-size:31px; font-weight:700;}
.titleArea p {line-height:1.3; margin-bottom:6px; }
.titleArea .type {position:absolute; right:0; top:13px; line-height:1; margin-bottom:0px; font-weight:700; font-size:22px;}
.titleArea .type span:first-child {margin-right:26px;}
.titleArea .type span label {font-weight:700; font-size:22px; }
.titleArea .type span input[type="radio"] + label:before {top:6px;}

.registForm {}
.conBox {overflow:hidden; border-bottom:2px solid #666;}
.conBox .left {float:left; /*width:362px;*/ width:40%;  }
.conBox .right {float:right; /*width:527px;*/ width:58%; }
.conBox .registAddress {clear:both;}
.conBox > ul {}
.conBox > ul li {height:56px; line-height:50px; border-bottom:4px dotted #000;}
.conBox strong {font-weight:500;}
.conBox .emailWrap {display:inline-block; margin-left:13px;}
.registForm .emailWrap input[type=text] {width:135px; }
.registForm .emailWrap .selWrap select {width:155px;}
.conBox .registAddress {position:relative; padding:6px 0 10px 84px; height: 100px; line-height: 35px;}
.conBox .registAddress strong {position:absolute; left:0; top:13px; display:inline-block; }
.conBox .addressInp > p {padding-top:6px; border-top:3px dotted #000; }
.conBox .userPhoneNum {display:inline-block; }
.conBox .userPhoneNum input {width:70px; }
.conBox .embryoInfo,
.conBox .userInpNum2 {display:inline-block; }
.conBox .embryoInfo {position:relative; left:6px; }
.noBrd {border:0 none !important;}
.titleArea h4 {margin:44px 0 3px; color:#000; font-weight:700; font-size:26px; float:left;}
.titleArea span.payChoice {position:relative; left:17px; top:49px; float:left; display:inline-block; padding-left:15px; font-weight:500; font-size:22px; }
.titleArea span.payChoice:before {content:''; display:block; position:absolute; left:0; top:5px; width:2px; height:22px; background-color:#666; }
.payBox {padding:13px 0 16px;}
.payBox > div > span {display:inline-block; margin-bottom:5px;}
.payBox > div > span label {font-weight:500; }
.payRefer {padding:0 0 0 27px; color:#666; font-size:15px; }
.refer {padding:10px 0 0 27px; color:#666; font-size:15px; }
.referTxtRight {width:100%; margin-top:8px; color:#666; text-align:right; font-size:15px; }
.referTxtLeft {width:100%; margin-top:15px; color:#666; text-align:left; font-size:20px; }

/* 의학병력 기록지 */
.userChecklistRefer {float:left; display:inline-block; width:710px; padding:47px 0 0 32px; letter-spacing:-1px; color:#666; font-size:17px;}
.userCheckList_1 {padding-bottom:18px; border-bottom:2px solid #666; }
.userCheckList_1 dt {padding:11px 0 13px; border-bottom:2px solid #666; font-weight:700; font-size:20px; }
.userCheckList_1 dd ul {}
.userCheckList_1 dd ul li {overflow:hidden; height:45px; line-height:42px; }
.userCheckList_1 dd ul li p.question {float:left; width:480px; font-weight:500; letter-spacing:-1px; }
.userCheckList_1 dd ul li div.answer {float:left; width:460px;}
.userCheckList_1 dd ul li div.answer span:first-child {display:inline-block; margin-right:13px; }
.userCheckList_1 dd ul li div.answer label {font-weight:500; }
.userCheckList_1 dd ul li div.answer em {display:inline-block; margin-left:6px; border-bottom:3px dotted #000; line-height:1;}
.userCheckList_1 dd ul li div.answer em input {width:295px; height:29px; line-height:29px; border:0 none; background-color:transparent;}
.userCheckList_1 dd ul {}

/* 369 프로그램 추천 */
.program369 {margin-bottom:51px;}
.program369 .sideTit {padding-bottom:4px; border-bottom:3px solid #000; color:#000; font-weight:700; font-size:26px;}
.program369 ul {}
.program369 ul li {position:relative; height:56px; line-height:49px; box-sizing:border-box; border-bottom:1px solid #666; }
.program369 ul li strong {color:#000; font-weight:500;}
.program369 ul li input[type=text] {margin-left:6px; padding:0 10px; text-align:left; }
.program369 ul li .inputValue {padding:0 6px 0 3px;}
.program369 ul li .placeholderTxt {position:absolute; right:13px; top:2px; color:#ccc; font-size:15px; letter-spacing:-1px;}
.program369 ul li .inputDate {display:inline-block; margin:0 0 0 22px; }
.program369 > p {margin-top:9px; color:#000; font-size:15px; letter-spacing:-1px;}
.program369Refer {float:right; width:555px; margin:50px 6px 0 44px; color:#666; font-size:15px; letter-spacing:-1px; }

/* 하단 서명란 영역 */
.contentBottom .contractSign {font-weight:500; font-size:22px; }
.contentBottom .contractSign .agreeSign {position:relative; top:6px; width:138px; font-size:26px; background:url('../images/bg_sign.png') no-repeat left top; background-size:contain;}
.contentBottom .contractSign .explainSign {position:relative; top:6px; width:138px; font-size:26px; background:url('../images/bg_sign2.png') no-repeat left top; background-size:contain;}
.contentBottom .contractSign em {position:relative; top:-3px; font-size:15px;}
.contentBottom .signList {padding-bottom:6px; border-bottom:2px solid #f26249;}
.contentBottom .signList li {display:inline-block; margin-right:14px; border-bottom:0 none; vertical-align:bottom;}
.contentBottom .signList .selfSign {width:192px; height:45px; margin-left:-14px; background-color:#f1f1f1;}
.contentBottom .signList .inputDate {display:inline-block; margin-left:5px; margin-right:-9px; }
.contentBottom .signList .inputDate span {padding:0 6px 0 5px;}
.contentBottom .stampWrap {text-align:right;}
.contentBottom .stamp {display:inline-block; width:288px; padding-bottom:35px; text-align:left; }
.contentBottom .stamp p {font-size:20px; }
.contentBottom .stamp p em {margin-top:3px; }

/* 제대조직 하단 서명란 영역 */
.cordContentBottom .cordContractSign {font-weight:500; font-size:22px; }
.cordContentBottom .cordContractSign .agreeSign {position:relative; top:6px; width:138px; font-size:26px; background:url('../images/bg_sign.png') no-repeat left top; background-size:contain;}
.cordContentBottom .cordContractSign .explainSign {position:relative; top:6px; width:138px; font-size:26px; background:url('../images/bg_sign2.png') no-repeat left top; background-size:contain;}
.cordContentBottom .contractSign em {position:relative; top:-3px; font-size:15px;}
.cordContentBottom .cordSignList {padding-bottom:6px; border-bottom:2px solid #ce0037;}
.cordContentBottom .cordSignList li {display:inline-block; margin-right:14px; border-bottom:0 none; vertical-align:bottom;}
.cordContentBottom .cordSignList .selfSign {width:192px; height:45px; margin-left:-14px; background-color:#f1f1f1;}
.cordContentBottom .cordSignList .cordInputDate {display:inline-block; margin-left:5px; margin-right:-9px; }
.cordContentBottom .cordSignList .cordInputDate span {padding:0 6px 0 5px;}
.cordContentBottom .stampWrap {text-align:right;}
.cordContentBottom .cordStamp {display:inline-block; width:288px; padding-bottom:35px; text-align:left; }
.cordContentBottom .cordStamp p {font-size:20px; }
.cordContentBottom .cordStamp p em {margin-top:3px; }

/* 채취동의서 */
.brdBtmBlack tr:first-child th:first-child,
.brdBtmBlack tr:last-child th,
.brdBtmBlack tr:last-child td {border-bottom:2px solid #666;}

/* step-4 약관 */
.termsBox {position:relative; padding:13px 0 41px; }
.termsBox .termTit {padding-bottom:19px; border-bottom:3px solid #000;}
.termsBox .termTit h2 {position:relative; padding-left:24px; color:#f16a3a; letter-spacing:-2px; font-weight:700; font-size:31px; }
.termsBox .termTit h2:before {position:absolute; left:0; top:0; content:''; display:block; width:24px; height:6px; border-radius:5px; background-color:#f16a3a; }
.termsBox .termTit p {letter-spacing:-1px;}
.termsBox .termTit p.termRefer {position:absolute; right:0; top:13px; color:#222; text-indent:-17px; font-size:14px; }
.orangeColor {color:#f26249 !important; font-weight:500 !important;}
.termCon {padding-top:24px;}
.termCon h3:first-child {margin-top:0; }
.termCon h3 {margin-top:30px; color:#222; font-size:20px; letter-spacing:-1px;}
.termCon p {color:#222; font-weight:400; font-size:15px; }
.termCon ul {}
.termCon ul li {color:#222; font-weight:400; font-size:15px; letter-spacing:-1px;}
.termCon ul li strong {font-weight:500; }
.termCon ul.grayBox {overflow:hidden; margin:13px 0 19px; padding:9px 13px 13px; background-color:#f5f6f8;}
.termCon ul.grayBox li {float:left; margin-top:2px; box-sizing:border-box; color:#666; font-size:12px; }
.termCon ul.grayBox li:nth-child(even) {width:42%; }
.termCon ul.grayBox li:nth-child(odd) {width:58%; }
p.squareIco {position:relative; text-indent:12px; }
p.squareIco:before {position:absolute; left:1px; top:8px; content:''; display:block; width:8px; height:8px; background-color:#222; }

/* step-4 제대조직 약관 */
.cordBox {position:relative; padding-left:40px; padding-right:40px;}
.cordBox .cordTermTit {padding-bottom:19px; border-bottom:3px solid #000;}
.cordBox .cordTermTit h2 {position:relative; padding-left:24px; color:#ce0037; letter-spacing:-2px; font-weight:700; font-size:31px; }
.cordBox .cordTermTit h2:before {position:absolute; left:0; top:0; content:''; display:block; width:24px; height:6px; border-radius:5px; background-color:#ce0037; }
.cordBox .cordTermTit p {letter-spacing:-1px;}
.cordBox .cordTermTit p.termRefer {position:absolute; right:0; top:13px; color:#222; text-indent:-17px; font-size:14px; }
.cordBox .cordLeft {float:left; /*width:362px;*/ width:46%; padding-bottom:60px;}
.cordBox .cordRight {float:right; /*width:527px;*/ width:48%; padding-bottom:60px;}
.mediColor {color:#ce0037 !important; font-weight:500 !important;}
.mediLightColor {color:#ce0037; font-weight:400;}
.cordCon {padding-top:24px;}
.cordCon h3:first-child {margin-top:0; }
.cordCon h3 {margin-top:30px; color:#222; font-size:20px; letter-spacing:-1px;}
.cordCon p {color:#222; font-weight:400; font-size:15px; }
.cordCon ul {}
.cordCon ul li {color:#222; font-weight:400; font-size:15px; letter-spacing:-1px;}
.cordCon ul li strong {font-weight:500; }


/* 개인정보동의 */
.userInfoAgreeSide .contractSign {margin-bottom:12px;}
.userInfoAgreeSide .signList li:last-child strong {position:absolute;}
.userInfoAgreeSide .signList li:last-child {padding:6px 0 6px 69px; }
.userInfoAgreeSide .sideBottom {bottom:310px; }
.userInfoAgreeCon {padding-left:269px; width:100%; box-sizing:border-box; color:#000; line-height:1.4; }
.userInfoWrap h4 {margin-bottom:20px; color:#000; font-weight:700; font-size:22px; }
.userInfoWrap .userInfoBox h5 {margin-bottom:3px; color:#000; font-weight:700; font-size:18px;  }
.userInfoWrap .userInfoBox em.userInfoRefer {display:inline-block; margin:-3px 0 13px;}
.userInfoWrap .userInfoBox > p {margin-bottom:15px;}
.userInfoWrap .userInfoBox > p.txtOnly {margin-bottom:23px;}
.userInfoWrap .userInfoBox > ul {padding-bottom:8px; }
.userInfoWrap .userInfoBox ul li {position:relative; font-size:15px; letter-spacing:-2px;}
.userInfoWrap .userInfoBox > ul > li {margin-bottom:9px; padding-left:324px;}
.userInfoWrap .userInfoBox > ul > li.txtOnlyList {padding-left:0; }
.userInfoWrap .userInfoBox > ul > li > em {position:absolute; left:0; top:0; width:320px; font-weight:500;}
.userInfoWrap .userInfoBox ul li p {}
.userInfoWrap .userInfoBox ul ul li {padding:0 0 4px 10px;}
.userInfoWrap .userInfoBox ul ul li span {display:block; margin-left:-10px;}
.userInfoWrap .userInfoBox ul ul li:before {position:absolute; left:0; top:8px; content:''; display:block; width:4px; height:4px; color:#000; border-radius: 3px; background:#000; }
.userInfoCheck {height:45px; line-height:43px; margin-bottom:27px;  border:3px solid #000; border-width:3px 0; text-align:right;}
.userInfoCheck em {display:inline-block; margin-right:145px; font-weight:700; }
.userInfoCheck > div {position:relative; top:-3px; display:inline-block;}
.userInfoCheck > div span:first-child {display:inline-block; margin-right:68px; }

/* 제대조직 개인정보동의 */
.cordUserInfoAgreeSide .cordContractSign {margin-bottom:12px;}
.cordUserInfoAgreeSide .cordSignList li:last-child strong {position:absolute;}
.cordUserInfoAgreeSide .cordSignList li:last-child {padding:6px 0 6px 69px; }
.cordUserInfoAgreeSide .cordSideBottom {bottom:310px; }

/* 위탁자 명시적 추가 동의 사항 */
.agreeCheckRefer {float:left; width:544px; margin:54px 0 0 44px; color:#666; font-size:15px; letter-spacing:-1px; }
.addAgreeBox {padding:12px 0 0;}
.addAgreeBox ul {border-bottom:2px solid #666;}
.addAgreeBox ul li {position:relative; margin-bottom:10px; padding-right:243px; }
.addAgreeBox ul li:last-child {margin-bottom:0; padding-right:0; border-top:2px solid #666;}
.addAgreeBox ul li > p {font-weight:500; font-size:15px; }
.addAgreeBox ul li > div {position:absolute; right:0; top:0; }
.addAgreeBox ul li > div span:first-child {display:inline-block; margin-right:19px; }
.addAgreeBox ul li span.right {display:inline-block; width:100%; margin:-10px 0 8px 0; text-align:right;}
.addAgreeBox ul li span.right input {display:inline-block; margin-right:14px; }
.addAgreeBox ul li span.right .selfSign {position:relative; left:auto; right:auto; top:16px; display:inline-block; background-color:#f1f1f1;}
.addAgreeBox .referTxtLeft {margin:9px 0 48px; }
.addAgreeArea {padding:11px 0 51px; }
.addAgreeArea .titleArea h4 {margin-top:0px; }
.addAgreeArea .titleArea .agreeCheckRefer {margin-top:10px; }
/* 개인정보동의 하단 사인 영역 */
.userInfoAgreeBtm {margin-bottom:45px; }
.userInfoAgreeBtm .signList {padding-top:12px; text-align:right;}
.userInfoAgreeBtm .contractSign{padding-top:20px; }
.userInfoAgreeBtm .signList li:last-child {padding:6px 0 6px 69px;}
.userInfoAgreeBtm .signList li:last-child strong {position:absolute; }

/* 제대조직 개인정보동의 하단 사인 영역 */
.cordUserInfoAgreeBtm {margin-bottom:45px; }
.cordUserInfoAgreeBtm .cordSignList {padding-top:12px; text-align:right;}
.cordUserInfoAgreeBtm .cordContractSign{padding-top:20px; }
.cordUserInfoAgreeBtm .cordSignList li:last-child {padding:6px 0 6px 69px;}
.cordUserInfoAgreeBtm .cordSignList li:last-child strong {position:absolute; }

/* 자동결제 카드정보 */
.autoPayArea {padding:13px 13px 0; }
.autoPayArea .payTop {position:relative;}
.autoPayArea .payTop h2 {padding:0 0 19px 256px; line-height:1; color:#ec662c; font-weight:700; font-size:46px;}
.autoPayArea .payTop .logo {position:absolute; left:8px; top:3px; }
.autoPayArea .payTop .logo img {width:177px;}
.autoPayArea .payTop .saveType {position:absolute; right:0; top:0; display:inline-block; height:35px; line-height:35px; padding:0 18px; border:2px solid #f26249; border-radius:18px; color:#000; font-weight:700; }
.autoPayArea .payTop .refer {padding-left:256px; color:#000; line-height:1.4; letter-spacing:-1px; font-size:22px; }
.requestBox {margin:29px 0 38px; padding:32px 26px; border-radius:26px; color:#000; background-color:#fff0e8; }
.requestBox > ul {}
.requestBox > ul > li {position:relative; margin-bottom:6px; padding-left:105px; }
.requestBox > ul > li em {position:absolute; left:0; top:0; display:inline-block; width:95px; padding-left:10px; }
.requestBox > ul > li em:before {position:absolute; left:0; top:11px; content:''; display:inline-block; width:3px; height:3px; border-radius:2px; background-color:#000; }
.requestBox > ul > li .payChoice {padding-top:6px; }
.requestBox > ul > li .payChoice > div {margin-bottom:13px; }
.requestBox > ul > li .payChoice > div > span {display:inline-block; width:380px; box-sizing:border-box; padding:17px 19px; border:1px solid #aaa; border-radius:12px; }
.requestBox > ul > li .payChoice > div > span label {display:inline-block; letter-spacing:-1px;}
.requestBox > ul > li .payChoice > div > span:first-child {margin-right:9px; }
.requestBox > ul > li .payChoice > div:last-child {margin-bottom:0; }
.requestBox > ul > li .payRefer {position:absolute; right:0; bottom:0; }
.requestBox > ul > li .payRefer i {position:relative; top:-2px; display:inline-block; width:19px; height:14px; margin-right:-1px; background:url('../images/img_chk.png') no-repeat left top; background-size:19px 14px;}

.autoCardInfo {}
.autoCardInfo h3 {margin:32px 0 8px; color:#000; font-weight:700; font-size:26px; }
.autoCardInfo .autoBox {margin-bottom:9px; padding-bottom:5px; border:3px solid #000; border-width:3px 0;}
.autoCardInfo .autoBox .formBox {}
.autoCardInfo .autoBox .formBox li {height:56px; line-height:50px; border-bottom:3px dotted #000; }
.autoCardInfo .autoBox .formBox li:last-child {border-bottom:0 none; }
.autoCardInfo .autoBox .formBox li > div {display:inline-block; margin-right:10px; color:#000; }
.autoCardInfo .autoBox .formBox li > div:last-child {margin-right:0; }
.autoCardInfo .autoBox .formBox li > div > span,
.autoCardInfo .autoBox .formBox li > div > label {display:inline-block; height:35px; line-height:35px; color:#000; }
.autoCardInfo .autoBox .formBox li > div div span {color:#000;}
.autoCardInfo .autoBox .userCardPwd,
.autoCardInfo .autoBox .dueDate,
.autoCardInfo .autoBox .userPhoneNum,
.autoCardInfo .autoBox .userCardNum {display:inline-block; }
.autoCardInfo .autoBox .dueDate span {position:relative; top:1px; padding:0 10px 0 6px}
.autoCardInfo .autoBox .userPhoneNum input {width:90px; }

.userCardInfo {}
.userCardInfo span {display:inline-block; margin-right:17px; }
.userCardInfo p {display:inline-block; letter-spacing:-1px; font-size:15px; }
.userCardInfo span em {position:relative; left:1px; top:3px; display:inline-block; }
.userCardInfo span em input {width:77px; height:32px; line-height:32px; margin-bottom:5px; padding:0 6px; border:0 none; background-color:transparent;}
.userCardInfo span em input:focus {outline:0 none;}
.userCardNum input {width:100px;}
.userCardPwd input {width:50px;}
.txtList {}
.txtList li {color:#222; font-weight:400; font-size:15px; }
.dotList {margin:8px 0 13px;}
.dotList li {position:relative; letter-spacing:-1px; }
.dotList > li {padding-left:10px; color:#000; }
.dotList > li:before {position:absolute; left:0; top:12px; content:''; display:block; width:3px; height:3px; border-radius:2px; background-color:#000; }
.dotList > li ul li {font-weight:400; }
.dotList li.indentType {padding-left:342px; }
.dotList li.indentType span  {position:absolute; left:0; top:0; }
/* 동의&동의하지 않음 영역 */
.referTxt {color:#222; letter-spacing:-1px; font-size:15px; }
.agreeChoiceBox {height:45px; line-height:45px; text-align:right; }
.agreeChoiceBox span:first-child {display:inline-block; margin-right:46px; }
/* 하단 사인 박스 */
.signBoxArea {width:830px; float:right; text-align:right;}
.signBoxArea:after { content:""; display:block; clear:both;}
.signBoxArea .agreeSign {position:relative; top:10px; width:115px; background:url('../images/bg_sign.png') no-repeat left top; background-size:contain;}
.signBoxArea .agreeSignTxt {margin:58px 0 16px;  color:#000; font-size:22px; }
.signBoxArea .agreeSignBox {margin-bottom:56px; }
.signBoxArea .agreeSignBox > div {display:inline-block; }
.signBoxArea .agreeSignBox > div.blockBox {display:block; position:relative; top:-12px;}
.signBoxArea .agreeSignBox .inputDate {margin-top:0; margin-right:13px; }
.signBoxArea .agreeSignBox .inputDate input {vertical-align:top;}
.signBoxArea .agreeSignBox .inputDate span {color:#000; }

.signBoxArea .selfSignBox {display:inline-block; position:relative; padding-right:51px; box-sizing:border-box; }
.signBoxArea .selfSignBox > strong {display:inline-block; position:relative; height:45px; line-height:45px; color:#000; font-weight:500;}
.signBoxArea .selfSignBox > em {display:inline-block; width:75px; color:#000; text-align:left; font-weight:500;}
.signBoxArea .selfSignBox .selfSignWrap {display:inline-block; position:relative; right:auto; top:12px; width:192px; height:45px; }
.signBoxArea .selfSignBox .selfSignWrap .selfSign {display:inline-block; position:static; right:auto; top:auto; vertical-align:bottom; background-color:#f1f1f1;}
.placeHolderTxt {position:absolute; right:13px; top:19px; color:#ccc; }
.dotLine {display:block; width:100%; margin:6px 0; border-bottom:3px dotted #000; } /* 타이틀 굵은 구분라인 */

/* 제대조직 계약서 - 보관상품 */
.cordconBox {overflow:hidden; border-bottom:2px solid #666;}
.cordconBox .left {float:left; /*width:362px;*/ width:8%; margin-right:10px;  }
.cordconBox .center {float:left; /*width:362px;*/ width:18%; margin-left:10px; margin-right:10px;}
.cordconBox .right {float:right; /*width:527px;*/ width:70%; }
.cordconBox > ul {}
.cordconBox > ul li {height:56px; line-height:50px; border-bottom:4px dotted #000;}
.cordconBox strong {font-weight:500;}
.cordconBox strongRed {font-weight:500;color:#f26249;}
.cordconBox .cordconBoxRefer {float:left; display:inline-block; letter-spacing:-1px; color:#666; font-size:15px;}