html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0 }
body, input, textarea, select, button, table { font-size:15px; line-height:1; font-family:'Noto Sans CJK KR', 'AppleGothic','Malgun Gothic', Sans-serif, ngwoff, ngeot, '굴림', gulrem; font-weight:300;}
html, body { height: 100%; padding:0; margin:0; }
img, fieldset { border:0 }
ul, ol { list-style:none }
em, address { font-style:normal }
a, a:hover, a:active, a:focus { text-decoration:none; color:inherit;}

.agreeWrap {width:100%; height:100%; position:relative;}
.agree {max-width:1000px; min-width:320px; margin:0 auto; padding:20px 2%;}
h2.topTit {font-size:23px; font-weight:400; margin:0 0 22px 10px; color:#3c4043;}
h3.txtMail {font-size:21px; font-weight:400; margin:0 0 22px 10px; color:#3c4043;}
.agreeCont {width:100%; border-top:1px solid #dadce0; padding:20px 0 0 0;}
.toptxt p {font-size:15px; color:#3c4043; margin:0 0 0 10px; line-height:26px; font-weight:400;}
.toptxt div {font-size:15px; color:#3c4043; margin:0 0 0 10px; line-height:26px; font-weight:400;}
.toptxt p.accTit {font-size:17px; color:#1aa260; font-weight:400; margin:0 0 10px 10px;} 
.toptxt p.accTit span.accId {font-size:19px; color:#008c46; font-weight:600; margin:0 0 10px 10px;}
.agreeUnit {margin:30px 0 0 0;}
.agreeUnit .agreeTit {font-size:17px; color:#1aa260; font-weight:400; margin:0 0 10px 10px;}
.agreeUnit > textarea {width:100%; box-sizing:border-box; border:1px solid #dadce0; border-radius:6px; height:200px; color:#5f6368; padding:15px; font-size:14px; line-height:1.3; overflow-y:scroll; background-color:#fefefe;}
.agreeChk {margin:10px 0 0 10px;}
.agreeChkAll {margin:20px 0 0 10px;}
input[type="checkbox"], label {cursor:pointer; color:#3c4043; margin-right:10px; font-weight:400; }
.btnWrap {margin:20px 0; text-align:right;}
.btnWrap > input {webkit-box-shadow:3px 3px rgba(0,0,0,0.1); box-shadow:3px 3px rgba(0,0,0,0.1); margin:0 5px; border:0; cursor:pointer; font-weight:400;}
.btnWrap > input[type="submit"]:hover {box-shadow:3px 3px 3px rgba(0,0,0,0.3); transition-duration: 0.4s; -webkit-transition-duration: 0.4s;}
.btnWrap > input.cancelBtn {display:inline-block; width:100px; height:40px; border-radius:6px; color:#5f6368; background-color:#f1f3f4;}
.btnWrap > input.agreeBtn {display:inline-block; width:100px; height:40px; border-radius:6px; color:#1a73e8; background-color:#e8f0fe;}
.errortxt {box-sizing:border-box; padding:10px 0 50px 12px; border-bottom: 1px solid #dadce0;}
.errortxt p {font-size:16px; color:#3c4043; line-height:180%; font-weight:400; margin: 0 0 0 35px;}
.errortxt p:nth-child(1) {font-size:23px; font-weight:300; color:#e64040; line-height:40px; margin:0 0 6px 0;}
.errortxt p span {font-size:21px; font-weight:600; color:#e64040; display:inline-block;  position:relative; margin:0 18px 0 8px;}
.errortxt p span:after {content:""; position:absolute; display:block; width:21px; height:21px; text-align:center;; border-radius:25px; border:2px solid #e64040; top:7px; left:-9px;}
.errorLnk {font-size:14px; padding:0 12px;}
.errorLnk p {margin:35px 0 0 35px; color: #1a73e8;}
.complete {box-sizing:border-box; padding:10px 0 50px 12px; border-bottom: 1px solid #dadce0;}
.complete p:nth-child(1) {font-size:23px; font-weight:300; color:#1a73e8; line-height:40px; margin:0 0 6px 0;}
.complete p span {font-size:19px; font-weight:600; color:#1a73e8; display:inline-block;  position:relative; margin:0 15px 0 5px;}
.complete p span:after {content:""; position:absolute; display:block; width:21px; height:21px; text-align:center;; border-radius:25px; border:2px solid #1a73e8; top:7px; left:-6px;}
.complete p {font-size:16px; color:#3c4043; line-height:180%; font-weight:400; margin: 0 0 0 35px;}