.memberTitle{text-align:center; padding: 134px 0 30px}
.memberTitle dt{font-size: 42px; font-weight: 700; margin-bottom: 50px}
.memberTitle dl{font-size: 22px; font-weight: 300;}

.nbtn01{display: inline-flex;justify-content:center; align-items:center; width: 146px;height: 52px; text-align: center;background: #00687f; color: #fff !important; font-size: 20px; font-weight: 700; cursor:pointer; }
.nbtn02{display: inline-flex;justify-content:center; align-items:center; width: 146px; height: 52px; text-align: center;background: #fff; color: #000; font-size: 20px; font-weight: 700 ; border: #000 1px solid; cursor:pointer;}
.nbtn03{background: #01a4ad}

.nbtn04{display: inline-flex;justify-content:center; align-items:center; width: 100px; height: 50px; text-align: center;background: #dcdddd; color: #000; font-size: 20px; font-weight: 700 ; border: #000 1px solid; cursor:pointer;}

/* 로그인 */
.loginBox01{border-top:#352e2b 3px solid; border-bottom: #352e2b 3px solid; padding: 0 30px; margin-bottom: 100px}
.loginBox01 article + article{border-top: #352e2b 1px dotted}
.loginBox02{width:400px; position: relative; margin: 50px auto}
.loginBox03 input[type="text"],
.loginBox03 input[type="password"]{width:280px; height: 50px; font-size: 20px; font-weight: 700; border: #d2d2d2 1px solid; background: #fff}

.loginBox03 input[type="text"]::placeholder,
.loginBox03 input[type="password"]::placeholder{color: #a9a9a9}
.loginBox03 input+input{margin-top: 10px}
.loginBox03 dl{margin: 30px 0 20px; position: relative; font-size: 16px; line-height: 30px}
.loginBox03 dl span{position: absolute; right: 0}
.loginBox03 input[type="checkbox"]{width: 30px; height: 30px; vertical-align: middle}
.loginBox03 button.btn01{position: absolute; right: 0; top:0; background: #00687f; color: #fff; font-size: 20px; width: 112px; height: 110px; margin-top: 10px;}
.loginBox03 button.btn02{width: 100%; height: 50px; border: #000 1px solid;font-size: 20px;background: #fff; color: #000  }

.loginBox04 dt{font-weight: 900; font-size: 30px; margin-bottom: 40px; text-align: center}
.loginBox04 a{display: block; width:100%; line-height: 50px; font-size: 18px; padding-left: 115px}
.loginBox04 a img{vertical-align: middle}
.loginBox04 a + a{ margin-top: 15px}
.loginBox04 a:nth-child(2){background: #fae100}
.loginBox04 a:nth-child(3){background: #00cf37; color: #fff}
.loginBox04 a:nth-child(4){background: #3c5a9a; color: #fff}
.loginBox04 a:nth-child(5){border: #000 1px solid}
.loginBox04 a:nth-child(6){border: #000 1px solid}


/* 회원가입 */
.joinBox01{border-top:#352e2b 3px solid; border-bottom: #352e2b 3px solid; margin-top: 20px}
.joinBox01 article{margin-bottom: 60px}
.joinBox01 dt{font-size: 24px; color: #373737; font-weight: 700; margin-top: 20px; margin-bottom: 10px}
.joinBox01 textarea{border: #e0e0e0 1px solid; background: #f7f7f7; color: #373737; font-size: 14px; font-weight: 300; padding: 20px 30px; height: 170px; resize: none; margin-bottom: 10px}
.joinBox01 dl{text-align:right; font-size: 16px; font-weight: 300}
.joinBox01 dl input[type="checkbox"]{width: 20px; height: 20px; vertical-align: middle}

.joinBox02{border-top: #d2d2d2 1px solid}
.joinBox02 ul{padding: 0; margin: 0}
.joinBox02 ul li{display: table-cell; width: 210px; background: #efefef; border-bottom: #d2d2d2 1px solid; text-align: center; vertical-align: middle; color: #373737; font-size: 18px; font-weight: 700; line-height: 35px}
.joinBox02 ul li:nth-child(2){width: 990px; background: #fff; padding:8px 25px; text-align: left; font-weight: 400}
.joinBox02 ul li input[type="text"],
.joinBox02 ul li input[type="number"],
.joinBox02 ul li input[type="password"]{width:450px; height: 35px;  color: #373737; font-size: 18px; border: #d2d2d2 1px solid; background: #fff}
.joinBox02 ul li input[type="radio"]{ width: 14px; height: 14px; margin-left: 20px}
.joinBox02 ul li span{padding-left:20px; color: #7b7b7b; font-size: 16px}
.joinBox02 ul li select{width:90px; height: 35px;  color: #373737; font-size: 18px; border: #d2d2d2 1px solid;vertical-align: top; padding: 0 10px; line-height: 35px}
.joinBox02 ul li input.w1{width: 70px}
.joinBox02 ul li input.w100{width: 100px}
.joinBox02 ul li input.w2{width: 40px}
.joinBox02 ul li dd{margin-top: 8px; color: #7b7b7b}

.joinBox03{text-align: center; margin:60px auto 100px}
.joinBox03  a + a{margin-left: 8px}

/* 완료 */
.okPopBox{margin: 300px auto 300px; width: 670px; border: #000 1px solid; padding: 70px 10px 35px; text-align: center; color: #373737; font-size: 26px; font-weight: 300; line-height: 1.5; background:#fff}
.okPopBox dl{margin-bottom: 40px;}

.okPopBox2{ padding: 0px 0px 35px;}
.okPopBox2 dl b{color: #00687f; font-weight: 700}
.okPopBox2 dt{background:#646464; color: #fff; font-weight: 700; font-size: 26px;  line-height: 65px; border-bottom: #000 1px solid; margin-bottom: 55px}

/* 마이페이지 */
.mypageBox01 {position: absolute;top:0; left:0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 9999; display: none}

/* 아이디/비밀번호 찾기*/
.findBox01{text-align: center; margin: 40px auto; font-size: 24px; font-weight: 300}

.findBox02{padding-bottom: 30px}
.findBox02 article{display: inline-block; width: 49.7%; vertical-align: top; padding: 0 40px 0 90px; position: relative}
.findBox02 article + article{border-left: #000 1px dashed; padding: 0 0px 0 40px}
.findBox02 article ol{position: relative}
.findBox02 article dt{font-size: 24px; color: #00687f; margin: 10px 0 30px; font-weight: 400}
.findBox02 article dd{font-size: 20px; line-height: 38px;}
.findBox02 article dd span{display: inline-block; width: 65px;}
.findBox02 article dd input[type="text"]{width:283px; height: 38px;  color: #373737; font-size: 18px; border: #d2d2d2 1px solid; background: #fff}
.findBox02 article dd + dd{margin-top: 8px}
.findBox02 article button{ position: absolute; top:0; right: 0 ; background: #00687f; color: #fff; font-size: 20px; width: 103px; height: 84px;  }
.findBox02 article:nth-child(2) button{right: 90px}
.findBox02 article p{display: inline-block; font-size: 16px; font-weight: 300; line-height: 1.3;  vertical-align: top ; padding-left: 12px; letter-spacing:-0.08em;}


/* number 화살표 제거 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.serviceBox01{border-top: #000 2px solid;display: block; padding-top: 50px; margin-bottom: 100px; font-size: 18px; text-align: left; line-height: 1.5}
.serviceBox01 dt{}
.serviceBox01 dl{padding-left: 20px}
.serviceBox01 dd{padding-left: 46px}

/* 모바일 */
@media screen and (max-width:1024px) {
.memberTitle{text-align:center; padding: 74px 0 30px}
.memberTitle dt{font-size: 37px; font-weight: 700; margin-bottom: 50px}
.memberTitle dl{font-size: 17px; font-weight: 300;}

.nbtn01{display: inline-flex;justify-content:center; align-items:center; width: 30%;height: 52px; text-align: center;background: #00687f; color: #fff !important; font-size: 15px; font-weight: 700; cursor:pointer; }
.nbtn02{display: inline-flex;justify-content:center; align-items:center; width: 30%; height: 52px; text-align: center;background: #fff; color: #000; font-size: 15px; font-weight: 700 ; border: #000 1px solid; cursor:pointer;}
.nbtn03{background: #01a4ad}

.nbtn04{display: inline-flex;justify-content:center; align-items:center; width: 100px; height: 50px; text-align: center;background: #dcdddd; color: #000; font-size: 15px; font-weight: 700 ; border: #000 1px solid; cursor:pointer;}

/* 로그인 */
.loginBox01{border-top:#352e2b 3px solid; border-bottom: #352e2b 3px solid; padding: 0 0px; margin-bottom: 100px}
.loginBox01 article + article{border-top: #352e2b 1px dotted}
.loginBox02{width:100%; position: relative; margin: 30px auto}
.loginBox03 input[type="text"],
.loginBox03 input[type="password"]{width:70%; height: 50px; font-size: 15px; font-weight: 700; border: #d2d2d2 1px solid; background: #fff}

.loginBox03 input[type="text"]::placeholder,
.loginBox03 input[type="password"]::placeholder{color: #a9a9a9}
.loginBox03 input+input{margin-top: 10px}
.loginBox03 dl{margin: 30px 0 20px; position: relative; font-size: 11px; line-height: 30px}
.loginBox03 dl span{position: absolute; right: 0}
.loginBox03 input[type="checkbox"]{width: 30px; height: 30px; vertical-align: middle}
.loginBox03 button.btn01{position: absolute; right: 0; top:0; background: #00687f; color: #fff; font-size: 15px; width: 28%; height: 110px; margin-top: 10px;}
.loginBox03 button.btn02{width: 100%; height: 50px; border: #000 1px solid;font-size: 15px;background: #fff; color: #000  }

.loginBox04 dt{font-weight: 900; font-size: 25px; margin-bottom: 40px; text-align: center}
.loginBox04 a{display: block; width:100%; line-height: 50px; font-size: 13px; padding-left: 115px}
.loginBox04 a img{vertical-align: middle}
.loginBox04 a + a{ margin-top: 15px}
.loginBox04 a:nth-child(2){background: #fae100}
.loginBox04 a:nth-child(3){background: #00cf37; color: #fff}
.loginBox04 a:nth-child(4){background: #3c5a9a; color: #fff}
.loginBox04 a:nth-child(5){border: #000 1px solid}
.loginBox04 a:nth-child(6){border: #000 1px solid}


/* 회원가입 */
.joinBox01{border-top:#352e2b 3px solid; border-bottom: #352e2b 3px solid; margin-top: 20px}
.joinBox01 article{margin-bottom: 60px}
.joinBox01 dt{font-size: 19px; color: #373737; font-weight: 700; margin-top: 20px; margin-bottom: 10px}
.joinBox01 textarea{border: #e0e0e0 1px solid; background: #f7f7f7; color: #373737; font-size: 9px; font-weight: 300; padding: 20px 30px; height: 80px; resize: none; margin-bottom: 10px}
.joinBox01 dl{text-align:left; font-size: 11px; font-weight: 300}
.joinBox01 dl input[type="checkbox"]{width: 20px; height: 20px; vertical-align: middle}

.joinBox02{border-top: #d2d2d2 1px solid}
.joinBox02 ul{padding: 0; margin: 0;  display: block; font-size: 0}
.joinBox02 ul li{display:block; width: 100% !important; background: #efefef; border-bottom: #d2d2d2 1px solid; text-align: center; vertical-align: middle; color: #373737; font-size: 13px; font-weight: 700; line-height: 35px}
.joinBox02 ul li:nth-child(2){width: 100% !important; background: #fff; padding:8px 0px; text-align: left; font-weight: 400}

.joinBox02 ul li input[type="text"],
.joinBox02 ul li input[type="number"],
.joinBox02 ul li input[type="password"]{width:100%; height: 35px;  color: #373737; font-size: 13px; border: #d2d2d2 1px solid; background: #fff}
.joinBox02 ul li input[type="radio"]{ width: 14px; height: 14px; margin-left: 20px}
.joinBox02 ul li span{padding-left:20px; color: #7b7b7b; font-size: 11px}
.joinBox02 ul li select{width:90px; height: 35px;  color: #373737; font-size: 13px; border: #d2d2d2 1px solid;vertical-align: top; padding: 0 10px; line-height: 35px}
.joinBox02 ul li input.w1{width: 70px}
.joinBox02 ul li input.w100{width: 100px}
.joinBox02 ul li input.w2{width: 40px}
.joinBox02 ul li dd{margin-top: 8px; color: #7b7b7b; line-height: 1.4}

.joinBox03{text-align: center; margin:60px auto 100px}
.joinBox03  a + a{margin-left: 8px}

/* 완료 */
.okPopBox{margin: 300px auto 300px; width: 100%; border: #000 1px solid; padding: 70px 10px 35px; text-align: center; color: #373737; font-size: 21px; font-weight: 300; line-height: 1.5; background:#fff}
.okPopBox dl{margin-bottom: 40px;}

.okPopBox2{ padding: 0px 0px 35px;}
.okPopBox2 dl b{color: #00687f; font-weight: 700}
.okPopBox2 dt{background:#646464; color: #fff; font-weight: 700; font-size: 21px;  line-height: 65px; border-bottom: #000 1px solid; margin-bottom: 55px}

/* 마이페이지 */
.mypageBox01 {position: absolute;top:0; left:0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 9999; display: none}

/* 아이디/비밀번호 찾기*/
.findBox01{text-align: center; margin: 40px auto; font-size: 19px; font-weight: 300}

.findBox02{padding-bottom: 30px}
.findBox02 article{display: block; width: 100%; vertical-align: top; padding: 50px 15px 0px 15px; position: relative}
.findBox02 article + article{border-left: none; padding: 30px 15px 50px 15px; border-top: #000 1px dashed}
.findBox02 article ol{position: relative}
.findBox02 article dt{font-size: 19px; color: #00687f; margin: 10px 0 30px; font-weight: 400}
.findBox02 article dd{font-size: 15px; line-height: 38px;}
.findBox02 article dd span{display: inline-block; width: 20%;}
.findBox02 article dd input[type="text"]{width:80%; height: 38px;  color: #373737; font-size: 13px; border: #d2d2d2 1px solid; background: #fff}
.findBox02 article dd + dd{margin-top: 8px}
.findBox02 article button{ position: relative; top:0; right: 0 ; background: #00687f; color: #fff; font-size: 15px; width: 100%; height: 44px;  margin-top: 20px }
.findBox02 article:nth-child(2) button{right: 0px}
.findBox02 article p{display: block; font-size: 11px; font-weight: 300; line-height: 1.3;  vertical-align: top ; padding-left: 20%; letter-spacing:0;}
	
	.serviceBox01{border-top: #000 2px solid;display: block; padding-top: 50px; margin-bottom: 100px; font-size: 13px; text-align: left; line-height: 1.5}
.serviceBox01 dt{}
.serviceBox01 dl{padding-left: 20px}
.serviceBox01 dd{padding-left: 38px}
}