@charset "utf-8";
/* CSS Document */

#container.login{ background:#fff}
#container.join{background:#fff;}
#container.join .wrap{ padding-top:45px}
#container.agree_view .wrap{ padding-top:55px}
#footer.join ul{ text-align:center}
#footer.join li{ display:inline;height:42px; font-size:14px; line-height:14px}
#footer.join li a{display:inline-block; height:28px; padding-top:14px}
#footer.join li a span{padding:0 18px; border-right:1px solid #f2f2f2}
#footer.join li:last-child a span{border-right:none}

/* 로그인 */

.login_bg{clear:both; width:280px;min-height:284px; margin:0 auto; padding:10px 0 45px 0}
.login_bg > div{ margin-bottom:10px}
.login_bg input[type=text],.login_bg input[type=password]{  border:1px solid #d3d3d3; background:#fff; height:40px; width:100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px}
.login_bg .state{ float:left; font-size:14px}
.login_bg .msg{clear:both; color:#eb4e44; height:40px; line-height:40px}
.login_bg .join_btn{ float:right; width:80px}
.login_bg .join_btn a{ display:block; text-align: center; border:1px solid #999; background:#fff; height:30px; line-height:30px; width:100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  font-weight:bold; font-size:14px }
.login_bg .login_btn{ clear:both; padding:10px 0 0 0}
.login_bg .login_btn input{  border:1px solid #eb4e44; background:#eb4e44; height:50px; width:100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#FFF; font-weight:bold; font-size:18px}



/* 회원가입 */
.join input[type=text],#join input[type=password],#join input[type=number], #join select {padding:7px; font-size:12px; letter-spacing:-0.5px; color:#666; border:1px solid #dcdcdc;  border-radius:3px;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
.join select {background:url(//img.dongascience.com/star/mobile/ic_sel1.gif) no-repeat right 3px; background-size:20px 20px; padding:5px 20px 5px 5px; -webkit-appearance:none; -moz-appearance:none}
#join01{ clear:both;  font-size:13px; line-height:1em; letter-spacing:-0.07em; background:#fff}
#join02{ font-size:13px; line-height:1em; letter-spacing:-0.07em; background:#fff; margin:15px;border:1px solid #ddd; padding:15px 0}
#join01 .end{ border-bottom: none}
.join .ok_div { padding-bottom:0;}
.join .agree {margin:0 15px; font-size:13px; line-height:19px}

.join .agree .bx { clear:both;border:1px solid #d8d8d8; } /* 추가 */
.join .agree .agree_content{ padding:10px;height:155px;background:#f8f8f8;overflow:auto;scrollbar-face-color: #fff;scrollbar-highlight-color: #cbcbcb;scrollbar-shadow-color: #cbcbcb;scrollbar-3dlight-color: #eee;scrollbar-arrow-color: #cbcbcb;scrollbar-track-color: #eee; scrollbar-darkshadow-color: #eee;}
.join .agree dl dt {padding:15px 0}
.join .agree p.next {float:right;padding:0 33px 30px 0}
.join .agree p.home {float:left;padding:0 33px 0 40px}
.join .agree p.img_end {text-align:center;padding:99px 0 14px 0}
.join .agree p.name {text-align:center; font-weight:bold; font-size:16px; color:#333; line-height:1.9}
.join .agree h3{ font-size:17px; height:33px; margin-top:25px}
.join .agree h4{ font-size:15px; line-height:26px}
.join .agree h5{font-size:13px; line-height:20px}

#agreetap{ position:relative; bottom:-1px;}
#agreetap li{ float:left;  text-align:center; letter-spacing:-0.1em; line-height:36px; border:1px solid #ccc;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-right: none; }
#agreetap li:nth-child(1){width:32%;}
#agreetap li:nth-child(2){width:32%;}
#agreetap li:nth-child(3){width:36%; border-right:1px solid #ccc}
#agreetap li.on{ color:#eb4e44; font-weight:bold; border-bottom:1px solid #eee; }
.btn_all {background-color:#9e9e9e; border-radius:2px; color:#fff; padding:4px 6px; display:inline-block; margin-left:8px; font-size:10px}
.email_txt {margin:5px 0 0 27%; vertical-align:top}
.order_txt {margin:10px 0 0 0}
.order_txt label{margin:0 15px 0 0}
#join01 .pro_name {padding:15px 0 10px 0; margin:0 15px;line-height:19px}
#join02 .pro_name {padding:5px 0 5px 0; margin:0 0 0 4%;line-height:19px}
.pro_cal { margin:0 15px 20px 15px}
.pro_cal > div {margin:7px 0}
.btn_check {color:#fff; background-color:#8d8d8d; font-weight:bold; font-size:13px;  height:32px; border-radius:2px; border:1px solid #8d8d8d;   vertical-align:top; width:15%}
.pro_list{display:inline-block; width:27%; color:#000; font-weight:bold; vertical-align:top; margin-top:4px}
.wd_l {width:66%}
.wd_s {width:50%}
.wd_ss {width:19.333%}

.ok_div { margin:15px 15px 0 15px; padding-bottom:30px; text-align:center}
.ok_div input[type="submit"]{ width:100%; background:#eb4e44; height:40px; font-size:14px; font-weight:bold; color:#fff; border:none;  -webkit-border-radius:0;-webkit-appearance:none}
.confirm { clear:both; padding:80px 15px 0 15px; text-align:center; font-size:13px; letter-spacing:-0.05em }
.confirm strong{ font-size:18px; color:#eb4e44; display: inline-block; margin-bottom:10px}
.confirm div{ padding:0 10px}
.confirm span{ font-weight: bold; font-size:14px}
.confirm input{ width:100%; background:#eb4e44; height:40px; font-size:14px; font-weight:bold; color:#fff; border:none; margin:30px 0 10px 0}
.content_s h4 {color:#666; margin:5px 0 2px 0; letter-spacing:-1px; font-weight:bold}

/* 이용약관 */
.agree_view{  background:#FFF; padding-bottom:15px }
.agree_view h3{ padding:15px 15px 10px 15px; margin:0; font-size:18px; color:#eb4e44; }
.etc_box {margin:0 15px 0 15px;  line-height:20px;font-size:14px; }
#appdown{ margin-top:40px}
#appdown img{ width:100%; height:auto}


.agree_view table{border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-size:12px; width:100%;}
.agree_view th{ border-top:1px solid #ddd;border-right:1px solid #ddd; padding:5px; text-align:left}
.agree_view td{ border-top:1px solid #ddd;border-right:1px solid #ddd;  padding:5px;vertical-align:top; letter-spacing:-0.05em}
.agree_view h4{ margin:15px 0 10px 0;font-size:16px;color:#222}
.agree_view h5{ margin:15px 0 5px 0;font-size:14px;color:#222}
.agree_view li> h5{ display:inline-block; margin:10px 0 0 0; }
.agree_view h6{ margin:15px 0 5px 0;font-size:13px; font-weight:normal;color:#222}
.agree_view p{ margin-bottom:15px;}



/* 정기구독인증 */
.go_order{ margin:30px auto 40px  auto; text-align:center}
.go_order h3{ font-size:22px; line-height:46px}
.go_order span{ font-size:15px; line-height:20px}
.go_order p{ margin-top:20px}
.go_order .btn_order{ display:inline-block;padding:8px 12px; background-color:#e83428;color:#fff; border:1px solid #e83428; border-radius:3px;}