/* 로그인 */ div.login {overflow:hidden; padding-top:20px; margin:0 10px; } div.login_top {text-align:center; padding-bottom:40px; } div.login_top h2 {display:inline-block; margin:0 auto; padding-top:40px; font-size:18px; background:url(../../images/sub/icon_login.gif) no-repeat 60px 30px /25px; } div.login_top p {padding-top:5px; } /* 로그인 */ /*#container div.login01 {overflow:hidden; min-width:300px; margin:0 auto; margin:0 10px; padding-top:20px; border:1px solid #cdcdcd;background:url('../images/contents/bg_unlock.gif') no-repeat 25px 18px #fff;}*/ #container div.login01 {overflow:hidden; min-width:280px; margin:0 auto; margin:0 0; padding-top:20px; border:1px solid #cdcdcd;background:url('../images/contents/bg_unlock.gif') no-repeat 25px 18px #fff;} #container div.login01 h3 {padding:20px 0 0 80px; font-size:14px; color:#666;} #container div.login01 div.g1 {padding:0; margin-bottom:10px; } #container div.login01 div.g1 img {width:100%} #container div.login01 > p {padding:8px 0 0 90px;} #container div.login01 > ul { position:relative; height:120px; overflow:hidden; margin:0 15px 0 15px; padding-top:40px; } #container div.login01 > ul > li {} #container div.login01 > ul > li h4 {border-bottom: 2px solid #d71818; font-size: 12px; font-weight: bold; text-align: center; } #container div.login01 > ul > li h4 a {padding: 12px 0 10px; color: #393939; border-left:1px solid #BEBEBE; border-top:1px solid #BEBEBE; border-right:1px solid #BEBEBE; text-decoration:none; background:#e7e4e4;} #container div.login01 > ul > li.member h4 {position: absolute; top: 0; width: 50%;} #container div.login01 > ul > li.member h4 a {display: block;} #container div.login01 > ul > li.nomember h4 {position: absolute; top: 0; width: 50%; margin-left: 50%;} #container div.login01 > ul > li.nomember h4 a {display: block;} /* 로그인 선택시 처리 */ #container div.login01 > ul > li.on {display: block !important;} #container div.login01 > ul > li.on h4 {border-bottom:none !important; } #container div.login01 > ul > li.on h4 a {background:#FFF; border-top:2px solid #d71818; border-left:2px solid #d71818; border-right:2px solid #d71818; padding: 12px 0 11px; color:#d71818;} #container div.login01 > ul > li.on div.toggle {display:block !important;} /* 회원로그인 부분 */ #container div.login01 ul li div.toggle {position:absolute; top:40px; left:0; width:100%;} #container div.login01 ul li div.toggle fieldset {overflow:hidden; margin:15px 0 0 0;} #container div.login01 ul li div.toggle fieldset > div {overflow:hidden; position:relative; padding-right:105px;margin-bottom:15px; } #container div.login01 ul li div.toggle fieldset > div ul {float:left; width:100%;} #container div.login01 ul li div.toggle fieldset > div ul li:first-child {padding-top:0;} #container div.login01 ul li div.toggle fieldset > div ul li {padding-top:5px;} #container div.login01 ul li div.toggle fieldset > div ul li input[type="password"], #container div.login01 ul li div.toggle fieldset > div ul li input[type="text"] {padding:6px 5px; border:1px solid #ddd; } #container div.login01 ul li div.toggle fieldset > div > div{position:absolute; top:0; right:1px;} #container div.login01 ul li div.toggle fieldset > div > div > a {display:inline-block; width:80px; line-height:60px; text-align:center; color:#fff; background:#d71818; text-decoration:none; font-size:15px; font-weight:bold;border-radius: 4px; } #container div.login01 ul li div.toggle fieldset > p {line-height:13px; padding-bottom:15px;} #container div.login01 ul li div.toggle fieldset > p label {padding-left:5px;} /* 로그인 하단부분 버튼 처리 */ /*#container div.login02 {min-width:300px; margin:0 10px; border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd; background:#fff;}*/ #container div.login02 {min-width:280px; margin:0 0; border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd; background:#fff;} #container div.login02 ul li:first-child {border-top:0;} #container div.login02 ul li {overflow:hidden; position:relative; padding:0px 15px; height:80px; border-top:1px solid #ebebeb;} #container div.login02 ul li > div {float:left; min-width:140px; margin-right:94px;} #container div.login02 ul li h4 { padding-top:15px; color:#666; } #container div.login02 ul li p { padding-top:5px;} #container div.login02 ul li p span {color:#ff1345;} #container div.login02 ul li a {position:absolute; top:20px; right:15px; width:90px; line-height:40px; text-align:center; color:#666; text-decoration:none; font-size:13px; font-weight:bold; border:1px solid #bfbfbf; border-radius: 4px;} div.contents > p {padding-bottom:30px; text-align:center;} /* 회원가입 약관동의 */ div.join_police {padding:0 4%; margin-top:15px; font-size:11px; } div.join_police h4 {padding-bottom:10px; font-size:14px; } div.join_police h4 span {color:#ea1c22; } div.join_police div.join_ck {padding-top:10px; text-align:right; } /* 회원가입 버튼 */ div.btn_join {padding:20px 10px 30px 10px;} div.btn_join ul {overflow:hidden; } div.btn_join ul li {float:left; width:49%; margin:0 0.5%; } div.btn_join a.btn_join_app {display:inline-block; padding:10px 0; width:100%; background:#d71818; color:#fff; text-align:center; font-size:15px; text-decoration:none; font-weight:bold;border-radius: 4px;} div.btn_join a.btn_join_can {display:inline-block; padding:10px 0; width:100%; background:#494949; color:#fff; text-align:center; font-size:15px; text-decoration:none; font-weight:bold; border-radius: 4px;} /* 회원가입 폼 */ div.join_form { border-bottom:1px solid #ddd;padding:10px 4%; } div.join_form table {width:100%; } div.join_form table tbody tr th:first-child {text-align:left; background:#f1f1f1; border-top:1px solid #ddd; } div.join_form table tbody tr th {text-align:left; background:#f1f1f1; border-top:1px solid #ddd; } div.join_form table tbody tr th label {display:block;padding-left:5px; color:#505050; width:90px; } div.join_form table tbody tr td:first-child {position:relative; padding:10px 0; border-top:0px solid #ddd;} div.join_form table tbody tr td {position:relative; padding:10px 0; border-top:1px solid #ddd;} div.join_form table tbody tr td div.sub_data {padding:0 10px; } div.join_form table tbody tr td div.sub_data select, div.join_form table tbody tr td div.sub_data input[type=password], div.join_form table tbody tr td div.sub_data input[type=text] { border:1px solid #d1d1d1; } div.join_form table tbody tr td div.sub_data a.btn_style {position:absolute; top:10px; right:10px; display:inline-block; padding:9px 0; width:70px; background:#d71818; color:#fff; text-align:center; font-size:14px; text-decoration:none; font-weight:bold;border-radius: 4px; } div.join_form table tbody tr td div.email01 {padding-right:80px; } /* 회원가입 완료 */ div.join_ok {padding:30px 0 10px; } div.join_ok h3 {font-size:16px; color:#ea1c22; text-align:center; } div.join_ok p {padding:20px 0; line-height:20px; font-size:13px; font-weight:bold; color:#666; text-align:center;}