@charset "utf-8";

.at_member {margin-bottom:40px; font-size:16px}
.at_member a {color:#333; text-decoration:none; vertical-align:baseline}
.at_member a:focus {outline:1px dotted #aaa; text-decoration:underline;}

.at_member {margin-bottom:50px}

input:focus-visible,
button:focus-visible,
a.button:focus-visible {outline:1px solid #000}
input:focus:not(:focus-visible) {outline:none; box-shadow:1px 1px 5px rgba(1, 1, 0, .7)}

.at_member input[type="text"],
.at_member input[type="password"],
.at_member .select,
.at_member textarea,
.at_member input[type="url"],
.at_member input[type="number"],
.at_member input[type="email"],
.at_member input[type="tel"] {border:1px solid #ddd; padding: 16px 7px; background-color: #fff; transition: 0.4s border; box-sizing:border-box}

.at_member input[type="text"],
.at_member input[type="password"],
.at_member .select,
.at_member input[type="url"],
.at_member input[type="number"],
.at_member input[type="email"],
.at_member input[type="tel"] {display:inline-block; height:24px; vertical-align:top;}

.at_member input[type="text"]:focus,
.at_member input[type="password"]:focus, 
.at_member .select:focus, 
.at_member textarea:focus, 
.at_member input[type="url"]:focus, 
.at_member input[type="number"]:focus, 
.at_member input[type="email"]:focus, 
.at_member input[type="tel"]:focus {-webkit-box-shadow: 0 0 5px #9ed4ff; -moz-box-shadow:  0 0 5px #9ed4ff; box-shadow: 0 0 5px #9ed4ff; border: 1px solid #558ab7 !important}

.at_member input[type="radio"], input[type="checkbox"] {}
.at_member input[disabled="disabled"], input[disabled] {background: #eee;}
.at_member input[type="file"] {height:30px; line-height:30px}
.at_member input[type="file"]:focus {border:1px solid #000}
.at_member .select {min-width:80px; padding:0 9px; border:1px solid #ddd; border-radius:0 !important; background:#fff !important; vertical-align:middle; height:34px !important; line-height:32px; box-sizing:border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none}

/* Button Reset */
.at_member .button {position:relative; overflow:visible; display:inline-block; padding:0; vertical-align:top;  white-space:nowrap; text-decoration:none; border-radius: 3px; color:#fff; background-color:#3378c1; border:1px solid #245fa3; box-sizing:border-box; cursor:pointer; font-size:12px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease}

.at_member .button i,
.at_member a i {margin-right:5px}

/* Button Size */
.at_member .button.ssmall {font-size:14px; height:28px; line-height:26px; padding:0 12px}
.at_member .button.small {font-size:14px; height:34px; line-height:32px; padding:0 12px}
.at_member .button.medium {font-size:16px; height:38px; line-height:36px; padding:0 15px}
.at_member .button.large {font-size:18px; height:46px; line-height:44px; padding:0 20px}

/* Button Color */
.at_member .button.search_btn {border:1px solid #999; color:#fff; background:#999; box-sizing:border-box; border-radius:0px;}
.at_member .button.gray {border:1px solid #666; color:#fff; background:#666;  box-sizing:border-box; border-radius: 3px;}
.at_member .button.gray_02 {border:1px solid #999; color:#fff; background:#999;  box-sizing:border-box; border-radius: 3px;}
.at_member .button.white {border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; border-width:1px 1px 1px 1px; box-sizing:border-box; color:#444; background:#fcfcfc; border-radius: 3px;}
.at_member .button.white_02 {border:1px solid #2a6fb7; color:#2a6fb7; background:#fff;  box-sizing:border-box; border-radius: 3px;}
.at_member .button.blue {border:1px solid #2c64b1; color:#fff; background:#3378c1;  box-sizing:border-box; border-radius: 3px;}
.at_member .button.blue_02 {border:1px solid #78abe2; color:#fff; background:#78abe2;  box-sizing:border-box; border-radius: 3px;}
.at_member .button.red {border:1px solid #f45656; color:#fff; background:#fa6565;  box-sizing:border-box; border-radius: 3px;}
.at_member .button.red_02 {border:1px solid #f59696; color:#fff; background:#f59696; box-sizing:border-box; border-radius: 3px;}
.at_member .button.etc_01 {border:1px solid #a268ba; color:#fff; background:#a974bf; box-sizing:border-box; border-radius: 3px;}
.at_member .button.etc_02 {border:1px solid #37b4b5; color:#fff; background:#40c1c2; box-sizing:border-box; border-radius: 3px;}
.at_member .button.etc_03 {border:1px solid #3b8fc2; color:#fff; background:#3b8fc2; box-sizing:border-box; border-radius: 3px;}
.at_member .button.etc_04 {border:1px solid #80a9d0; color:#fff; background:#80a9d0; box-sizing:border-box; border-radius: 3px;}
.at_member .button.etc_05 {border:1px solid #ba9e80; color:#fff; background:#ba9e80; box-sizing:border-box; border-radius: 3px;}

/* Button Hover */
.at_member .button.search_btn:hover,
.at_member .button.search_btn:active,
.at_member .button.search_btn:focus { border:1px solid #666; color: #fff; box-sizing:border-box; text-decoration:none; background:#888;} 
.at_member .button:hover,
.at_member .button:active,
.at_member .button:focus {color: #fff; box-sizing:border-box; text-decoration:none; background:#194478;}
.at_member .button.gray:hover,
.at_member .button.gray:active,
.at_member .button.gray:focus { border:1px solid #666; color: #fff; box-sizing:border-box; text-decoration:none; background:#555;} 
.at_member .button.gray_02:hover,
.at_member .button.gray_02:active,
.at_member .button.gray_02:focus { border:1px solid #888; color: #fff; box-sizing:border-box; text-decoration:none; background:#888;} 
.at_member .button.white:hover,
.at_member .button.white:active,
.at_member .button.white:focus { border:1px solid #ddd; box-sizing:border-box; color:#555; text-decoration:none; background:#ededed; } 
.at_member .button.white_02:hover,
.at_member .button.white_02:active,
.at_member .button.white_02:focus { border:1px solid #3378c1; color: #16569a; box-sizing:border-box; text-decoration:none; background:#fff;} 
.at_member .button.blue:hover,
.at_member .button.blue:active,
.at_member .button.blue:focus {color: #fff; box-sizing:border-box; text-decoration:none; background:#194478;}
.at_member .button.blue_02:hover,
.at_member .button.blue_02:active,
.at_member .button.blue_02:focus {color: #fff; box-sizing:border-box; text-decoration:none; background:#6594c7;}
.at_member .button.red:hover,
.at_member .button.red:active,
.at_member .button.red:focus { border:1px solid #f45656; color: #fff; box-sizing:border-box; text-decoration:none; background:#f45656;} 
.at_member .button.red_02:hover,
.at_member .button.red_02:active,
.at_member .button.red_02:focus  {border:1px solid #f38b8b; color:#fff; background:#f38b8b;  box-sizing:border-box; border-radius: 3px;text-decoration:none;}
.at_member .button.etc_01:hover,
.at_member .button.etc_01:active,
.at_member .button.etc_01:focus { border:1px solid #a268ba; color: #fff; box-sizing:border-box; text-decoration:none; background:#a268ba;} 
.at_member .button.etc_02:hover,
.at_member .button.etc_02:active,
.at_member .button.etc_02:focus { border:1px solid #37b4b5; color: #fff; box-sizing:border-box; text-decoration:none; background:#37b4b5;} 
.at_member .button.etc_03:hover,
.at_member .button.etc_03:active,
.at_member .button.etc_03:focus  {border:1px solid #308ac0; color:#fff; background:#308ac0;  box-sizing:border-box; border-radius: 3px;text-decoration:none;}
.at_member .button.etc_04:hover,
.at_member .button.etc_04:active,
.at_member .button.etc_04:focus  {border:1px solid #6ea0cf; color:#fff; background:#6ea0cf;  box-sizing:border-box; border-radius: 3px;text-decoration:none;}
.at_member .button.etc_05:hover,
.at_member .button.etc_05:active,
.at_member .button.etc_05:focus  {border:1px solid #bb946a;  color:#fff; background:#bb946a;  box-sizing:border-box; border-radius: 3px;text-decoration:none;}

.at_member .inp_txt {width:200px}
.at_member .inp_email,
.at_member .inp_addr,
.at_member .inp_url {width:300px}
.at_member .inp_date {width:80px}
.at_member .inp_post,
.at_member .inp_number {width:60px}
.at_member .inp_textarea {width:100%; box-sizing:border-box}

.at_member select {padding:0 9px;border-radius:0; background:#fff; vertical-align:middle; height:30px; line-height:30px; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none}

.at_member input:focus::-webkit-input-placeholder {color:transparent}  /* chrome */ 
.at_member input:focus::-moz-placeholder {color:transparent}           /* firefox */  

.at_member .agreement .holder {margin-bottom:10px}
.at_member .agreement .holder.all {margin-bottom:20px}
.at_member .agreement .holder input {display:none}
.at_member .agreement .holder label {font-size:16px; position:relative; padding-left:34px; line-height:24px}
.at_member .agreement .holder.all label {font-size:18px; font-weight:500}
.at_member .agreement .holder label:before {width:24px; height:24px; background-size:100% auto; background-position:0 0; background-repeat: no-repeat;position:absolute; left:0; top:0; content:''; display:inline-block}
.at_member .agreement .holder label:before {background-image:url('/bbs//skin/member/default/images/ico_check.png');}
.at_member .agreement .holder input[type='checkbox']:checked+label:before {background-image: url('/bbs//skin/member/default/images/ico_check_.png')}
.at_member .agreement .holder label span {margin-left:5px; color:#F00}
.at_member .agreement .box {padding:30px; height:250px; overflow-y:scroll; box-sizing:border-box; border:1px solid #ddd; margin-bottom:30px}

.at_member .name_check .info {font-size:20px; font-weight:300; padding:30px; border-top:#444 solid 2px; border-bottom:#e3e3e3 solid 1px; background:#fff; text-align:center}
.at_member .name_check .box {border-bottom:#e3e3e3 solid 1px; padding:30px; text-align:center; margin-bottom:50px; font-size:0; background:#f9f9f9}
.at_member .name_check .box div {display:inline-block; font-size:20px; padding:0 20px}
.at_member .name_check ul {margin-bottom:50px}
.at_member .name_check ul li {margin-bottom:10px; position:relative; padding-left:15px; line-height:1.5}
.at_member .name_check ul li:before {content:""; display:block; width:4px; height:4px; background:#333; border-radius:50%; position:absolute; left:0; top:10px}
.at_member .name_check ul li strong {font-weight:500}

.at_member .signup p.tit {margin:10px 0; font-size:18px; font-weight:500; padding-left:20px; position:relative}
.at_member .signup p.tit:after {content:''; width:10px; height:10px; border:3px solid #2466c0; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%)}

.at_member .write_form {border-top:2px solid #444; margin-bottom:50px}
.at_member .write_form table {width:100%}
.at_member .write_form table th {text-align:left; vertical-align:top; width:200px; background:#f1f1f1; font-weight:500}
.at_member .write_form table th, 
.at_member .write_form table td {border-bottom:1px solid #cccfd5; padding:9px 0 9px 10px; box-sizing:border-box}
.at_member .write_form table th .essential {display:inline-block; width:6px; height:6px; -webkit-border-radius:50%; border-radius:50%; margin-top:-5px; margin-left:5px; vertical-align:middle; background:#e84250; font-size:0; text-indent:-1000em}
.at_member .write_form table td.wide {padding:15px 10px}
.at_member .write_form ul li {margin-bottom:5px}
.at_member .write_form ul li:last-child {margin-bottom:0}

.at_member .guide_txt {display:inline-block; margin-left:10px; vertical-align:middle}
.at_member .guide_txt .msg {color:#333; font-style:normal}
.at_member .guide_txt .msg.error{color:#d2232a; line-height:30px}

.at_member .mb10 {margin-bottom:10px}
.at_member .radio_form:after {content:""; clear:both; display:block}
.at_member .radio_form dd {float:left; margin-right:20px}
.at_member .radio_form dd:last-child {margin-right:0}

.at_member .btn_area {margin-bottom:30px; display:flex; margin-left:-10px; justify-content:center}
.at_member .btn_area.tar {text-align:right}
.at_member .btn_area.tal {text-align:left;}
.at_member .btn_area button,
.at_member .btn_area input,
.at_member .btn_area a {margin-left:10px;}

.at_member .login {border:1px solid #ddd}
.at_member .login .input_area{padding:70px 30px 30px 30px}
.at_member .login .area_div {width:520px; margin:auto; overflow:hidden}
.at_member .login .area_div .input_box {position:relative; display:block}
.at_member .login .area_div .input_box p {margin-top:10px}
.at_member .login .area_div input[type="text"],
.at_member .login .area_div input[type="password"] {display:block; height:20px; margin-bottom:5px; padding:23px 10px 20px 45px; width: calc(100% - 140px)}
.at_member .login .area_div input[type="text"] {background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat 14px 9px}
.at_member .login .area_div input[type="password"] {background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat 14px -23px}
.at_member .login .area_div input.button {height:95px; width:130px; font-size:18px; position:absolute; top:0; right:0}
.at_member .login .srch_area {margin-top:30px; padding-top:30px; overflow:hidden; border-top:1px solid #e3e2f4; text-align:right; font-size:0}
.at_member .login .srch_area a {display:inline-block; margin-left:10px}

.at_member .account {border:1px solid #ddd; padding:70px 30px 50px 30px}
.at_member .account .area_div {max-width:520px; margin:auto; overflow:hidden}
.at_member .account .area_div ul {margin-bottom:30px; font-size:0; margin-left:-10px; display:flex; flex-wrap:wrap}
.at_member .account .area_div ul li {font-size:16px; margin-bottom:10px; margin-left:10px}
.at_member .account .area_div p.info {text-align:center; line-height:1.5; margin-bottom:30px}
.at_member .account .area_div .btn {text-align:center; margin-bottom:30px}

.at_member .account .area_div .input_box1 {text-align:center; font-size:0; margin-bottom:30px; display:flex; justify-content: flex-start}
.at_member .account .area_div .input_box1.last {margin-bottom:0}
.at_member .account .area_div .input_box1 input[type="text"],
.at_member .account .area_div .input_box1 input {display:inline-block}
.at_member .account .area_div .input_box1 input[type="text"] {width:100%}
.at_member .account .area_div .input_box1 button {margin-left:10px}

.at_member .account .area_div input[type="text"] {padding-left:45px; background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat}
.at_member .account .area_div input[type="text"].userid {background-position:14px 2px}
.at_member .account .area_div input[type="text"].email {background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat 14px -64px}
.at_member .account .area_div input[type="text"].answer {background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat 14px -130px}
.at_member .account .area_div .select_box {width:100%; background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat 15px -96px; position:relative; padding-left:35px; border:1px solid #ddd; box-sizing:border-box; margin-bottom:5px; padding-top:3px}
.at_member .account .area_div select {width:100%; box-sizing:border-box; color:#757575; border:none}
.at_member .account .area_div select:focus {outline: none}
.at_member .account .area_div .input_box2 input[type="text"] {width:100%; margin-bottom:5px}
.at_member .account .area_div .input_box2 button {width:100%}

.at_member .account .find_result {margin-top:20px; border:1px solid #ddd; padding:20px; padding-bottom:0}
.at_member .account .find_result ul li {line-height:30px}
.at_member .account .find_result ul li label {width:auto; display:inline-block; margin-right:5px}
.at_member .account .find_result ul li span {font-weight:bold; color:#F00}
.at_member .account .guide_txt {margin-left:0; display:inherit; text-align:center}

.at_member .modifypwd {border:1px solid #ddd; padding:70px 30px 50px 30px}
.at_member .modifypwd .area_div {max-width:520px; margin:auto; overflow:hidden}
.at_member .modifypwd .area_div p.info {text-align:center; line-height:1.5; margin-bottom:30px}
.at_member .modifypwd .area_div input[type="password"] {display:block; width:100%; padding-left:45px; background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat 14px -27px;}
.at_member .modifypwd .area_div input,
.at_member .modifypwd .area_div button {width:100%; margin-bottom:5px}

.at_member .confirm {border:1px solid #ddd}
.at_member .confirm .input_area {padding:70px 30px 30px 30px}
.at_member .confirm .area_div {max-width:480px; margin:auto; overflow:hidden; margin-bottom:30px}
.at_member .confirm .area_div p.info {text-align:center; line-height:1.5; margin-bottom:30px}
.at_member .confirm .area_div .input_box {display:flex; justify-content: flex-start}
.at_member .confirm .area_div input[type="password"] {width: 100%; padding-left:45px; background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat 14px -30px;}
.at_member .confirm .area_div button {margin-left:10px}
.at_member .confirm .guide_txt {margin-left:0; display:inherit; text-align:center}

.at_member .leave {border:1px solid #ddd; padding:70px 30px 30px 30px}
.at_member .leave p.tit {margin:10px 0; font-size:18px; font-weight:500; padding-left:20px; position:relative}
.at_member .leave p.tit:after {content:''; width:10px; height:10px; border:3px solid #2466c0; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.at_member .leave .area_div {max-width:520px; margin:auto; overflow:hidden}
.at_member .leave .area_div p.info {text-align:center; line-height:1.5; margin-bottom:30px}
.at_member .leave .area_div .input_box ul {margin-left:20px; margin-bottom:30px}
.at_member .leave .area_div .input_box ul li {margin-bottom:10px}
.at_member .leave .area_div .input_box ul li:last-child {margin-bottom:0}
.at_member .leave .area_div .input_box ul li label.inp {display:inline-block; width:70px; font-weight:bold}
.at_member .leave .area_div input[type="text"],
.at_member .leave .area_div input[type="password"] {display:inline-block; width:200px}
.at_member .leave .btn {text-align:center}

.at_member .message_top {text-align:right; padding:5px 0}
.at_member .message_top select {margin-right:5px}

.at_member .board_type1 {border-top:2px solid #000}
.at_member .board_type1 table {border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%; border:0}
.at_member .board_type1 table caption {display:none}
.at_member .board_type1 table th {padding:15px 0; border-bottom:1px solid #ddd; background-color:#fff}
.at_member .board_type1 table td {padding:12px 0; border-bottom:1px solid #ddd; text-align:center; word-break:break-all;}
.at_member .board_type1 table td.title {white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; text-align:left; padding-left:10px}
.at_member .board_type1 table td.date {font-size:12px}
.at_member .board_type1 table td.date span {margin-left:5px}

.at_member .pg_wrap {clear:both;margin:20px 0 ;text-align:center}
.at_member .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.at_member .pg_page,
.at_member .pg_current {display:inline-block;vertical-align:middle;border:1px solid #ddd;margin:3px 2px;}
.at_member .pg a:focus,
.at_member .pg a:hover {text-decoration:none}
.at_member .pg_page {color:#484950;font-size:1.083em;height:30px;line-height:28px;padding:0;min-width:30px;text-decoration:none;}
.at_member .pg_start {text-indent:-999px;overflow:hidden;background:url('/bbs//skin/member/default/images/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd;}
.at_member .pg_prev {text-indent:-999px;overflow:hidden;background:url('/bbs//skin/member/default/images/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.at_member .pg_end {text-indent:-999px;overflow:hidden;background:url('/bbs//skin/member/default/images/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.at_member .pg_next {text-indent:-999px;overflow:hidden;background:url('/bbs//skin/member/default/images/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.at_member .at_member, .at_member .pg_page:hover, .at_member .pg_start:hover, .at_member .pg_prev:hover, .at_member .pg_end:hover, .at_member .pg_next:hover {border-color:#000}
.at_member .pg_current {display:inline-block;background:#fff;height:30px;line-height:28px;padding:0;min-width:30px; border-color:#000}