@charset "utf-8";

.login-area {margin:0 -15px;}
.login-area .menu ul {*zoom:1; overflow:hidden;}
.login-area .menu ul:after {content:" "; display:block; clear:both;}
.login-area .menu li {float:left; width:50%;}
.login-area .menu li a {display:block; padding:8px 0; text-align:center; font-weight:bold; background:#666; color:#eee;}
.login-area .menu li.active a {background:#000; color:#fff;}
.login-area .content {padding:20px 15px 40px;}
.login-area .txt {margin:0 0 10px; color:#333;}
.login-area .txt h3 {margin:0 0 3px; font-size:16px; font-weight:500; letter-spacing:-.5px;}
.login-area .txt p {font-size:13px; letter-spacing:-.5px; color:#999;}
.login-area .form-control {display:block; width:100%; height:36px; margin-top:7px; padding:8px 10px;}
.login-area .btn-area {padding:20px 0 0 0;}
.login-area .btn-pack {margin-top:7px;}
.login-area .opt {padding:17px 0 0; color:#777; font-size:12px; overflow:hidden;}
.login-area .opt span {float:left; width:33.333333%;}
.login-area .links {padding:25px 0 0; text-align:center; color:#999; font-size:13px;}
.login-area .links .bar {margin:0 4px; font-size:11px;}
.login-area .links a {color:#666;}

.join-area h3 {color:#333; font-size:15px; line-height:normal;}
.join-area .desc {padding:0 0 10px 0; font-size:12px; line-height:1.4em;}
.join-area .box {padding:14px; height:150px; background:#fff; border:1px solid #d8d8d8; border-radius:5px; margin-top:7px; overflow:auto;}
.join-area .chk {margin:5px 0 30px 0; color:#767676;}
.join-area .form {margin:0 -15px;}
.join-area .form table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:13px; border-top:2px solid #9b9b9b;}
.join-area .form th {padding:6px 0; height:40px; color:#000; font-weight:normal; border-bottom:1px solid #ddd; background:#eee;}
.join-area .form th.only_chk {padding-top:6px;}
.join-area .form td {padding:6px 0 6px 10px; border-bottom:1px solid #ddd;}
.join-area .form td * {vertical-align:middle;}
.join-area .form .txt {font-size:11px;}

.find-area {padding:0 0 20px;}
.find-area .desc {padding:0 0 20px; font-size:12px;}
.find-area .content {margin:0 -15px; padding:15px 15px; border-top:1px solid #999; border-bottom:1px solid #999;}
.find-area .btn-area {padding:20px 0 0 0; text-align:center;}
.find-area .links {padding:25px 0 0; text-align:center;}
.find-area .result {margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}
.find-area .result p {font-size:12px;}
.find-area .result dl {padding:15px 0 0 0;}
.find-area .result dt {font-weight:bold; padding:0 0 4px 0;}
.find-area .result dd {background:#fff; padding:10px; font-size:12px;}
.find-area fieldset {width:100%;}
.find-area fieldset dl {display:table; width:100%; margin-top:7px;}
.find-area fieldset dt {display:table-cell; width:70px; line-height:36px; vertical-align:top;}
.find-area fieldset dd {display:table-cell;}
.find-area .form-control {display:block; width:100%; height:36px; padding:8px 10px;}

.agree {color:#444;}
.agree h4 {font-size:12px; color:#222; margin:0 0 10px 0;}
.agree p {text-align:left; margin: 10px 0; font-size:12px;}
.agree dl {padding: 0 0 20px 0;}
.agree dt {font-size:12px; font-weight:bold;}
.agree dd {font-size:12px;}
.agree dd ol li {padding: 0 0 0 15px; text-indent:-15px;}
.agree .sub-law dt {font-weight:normal;}
.agree .policy-list {margin:0 -10px 20px; padding:10px; background:#f9f9f9; border-top:1px solid #ddd;}
.agree .policy-list li {padding:2px 0; line-height:16px;}
.agree .policy-list span {color:#000; font-size:12px;}
.agree .policy-list a {color:#666; font-size:12px;}
.agree .contact-info {margin:20px 0;}
.agree .contact-info li {background:#fff; border:1px solid #aaa; padding:5px 15px; margin:5px 0; text-indent:0;}

.mypage .box {background:#fff; box-shadow:0 1px 0 #d2d2d2; border:1px solid #ddd; border-radius:6px;}
.mypage .myinfo {*zoom:1; margin-bottom:10px;}
.mypage .myinfo:after {content:" "; display:block; clear:both;}
.mypage .myinfo .fl {float:left; width:48%;}
.mypage .myinfo .fr {float:right; width:52%;}
.mypage .myinfo .welcome {padding:16px 0 0 0; text-align:center;}
.mypage .myinfo .welcome .name {font-size:12px;}
.mypage .myinfo .welcome .name strong {color:#1997d1; text-decoration:underline; font-size:14px;}
.mypage .myinfo .welcome .btn {margin-top:6px;}
.mypage .myinfo .welcome .btn a {display:inline-block; background-image:url(../images/bbs/icon_cogwheel.png); background-position:0 50%; background-repeat:no-repeat; background-size:12px auto; font-size:12px; padding:0 0 0 15px; color:#666;}
.mypage .myinfo ul {border-left:1px dashed #ddd;}
.mypage .myinfo li {position:relative; border-top:1px solid #eee; padding:10px 0 10px 20px; font-size:11px; background-image:url(../images/bbs/dot.png); background-position:10px 50%; background-repeat:no-repeat; background-size:4px auto;}
.mypage .myinfo li:first-child {border-top:0;}
.mypage .myinfo li span {position:absolute; top:10px; right:10px; color:#d20000; font-weight:bold;}
.mypage .myinfo li span a {color:#d20000;}
.mypage .mywish {*zoom:1;}
.mypage .mywish:after {content:" "; display:block; clear:both;}
.mypage .mywish li {float:left;}
.mypage .mywish li a {display:block; padding:10px 0 10px 44px; color:#666; border-left:1px solid #ddd;}
.mypage .mywish li a span {color:#1997d1; font-size:12px;}
.mypage .mywish li:first-child {width:48%;}
.mypage .mywish li:first-child a {border-left:0;}
.mypage .mywish li:nth-child(2) {width:52%;}
.mypage .mylink {margin-top:10px;}
.mypage .mylink li {border-top:1px solid #ddd; background-image:url(../images/bbs/arrow.png); background-position:96% 50%; background-repeat:no-repeat; background-size:8px auto;}
.mypage .mylink li:first-child {border-top:0;}
.mypage .mylink li a {display:block; padding:10px 0 10px 44px; color:#666;}
.mypage .icon1 {background-image:url(../images/bbs/icons_1.png); background-position:15px 50%; background-repeat:no-repeat; background-size:18px auto;}
.mypage .icon2 {background-image:url(../images/bbs/icons_2.png); background-position:15px 50%; background-repeat:no-repeat; background-size:20px auto;}
.mypage .icon3 {background-image:url(../images/bbs/icons_3.png); background-position:15px 50%; background-repeat:no-repeat; background-size:20px auto;}
.mypage .icon4 {background-image:url(../images/bbs/icons_4.png); background-position:15px 50%; background-repeat:no-repeat; background-size:20px auto;}
.mypage .icon5 {background-image:url(../images/bbs/icons_5.png); background-position:15px 50%; background-repeat:no-repeat; background-size:20px auto;}
.mypage .icon6 {background-image:url(../images/bbs/icons_6.png); background-position:15px 50%; background-repeat:no-repeat; background-size:20px auto;}
.mypage .icon7 {background-image:url(../images/bbs/icons_7.png); background-position:13px 50%; background-repeat:no-repeat; background-size:20px auto;}
.mypage .icon8 {background-image:url(../images/bbs/icons_8.png); background-position:15px 50%; background-repeat:no-repeat; background-size:20px auto;}
.mypage .icon9 {background-image:url(../images/bbs/icons_9.png); background-position:14px 50%; background-repeat:no-repeat; background-size:18px auto;}
.mypage .icon10 {background-image:url(../images/bbs/icons_10.png); background-position:15px 50%; background-repeat:no-repeat; background-size:20px auto;}