@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.at_member a, .at_member a:link, .at_member a:visited, .at_member a:hover, .at_member a:focus, .at_member a:active {text-decoration:none; color:#333}
.at_member {font-size:14px; font-family:"Nanum Gothic", "돋움", Dotum, AppleSDGothicNeo ,Droid Sans, arial, sans-serif; color:#333}

/* Button Reset */
.at_member .button{ position:relative; overflow: visible; display:-moz-inline-stack; display:inline-block; margin-bottom:5px;/* margin:0 2px; */ padding:0; vertical-align: top;  white-space: nowrap; font-weight:400; text-decoration:none; border-radius: 3px; color:#fff; background-color:#3378c1; border:0px solid #245fa3; border-width:0 1px 1px 0; box-sizing:border-box; cursor:pointer; font-size:12px}
.at_member a.button { margin:0 2px 2px; cursor:pointer} 
.at_member p.button { cursor: no-drop; }

/* Button Size */
.at_member .button.ssmall { height: 24px; padding:0 12px; line-height: 24px; font-size: 12px; }
.at_member .button.small { height: 30px; padding:0 12px; line-height: 25px; font-size: 12px; }
.at_member .button.medium { height: 37px; padding: 0 20px; line-height:35px; font-size:13px;} 
.at_member .button.large { height: 40px; padding:0 22px; line-height:40px; font-size:14px;}

/* Button Color */
.at_member .button.search_btn {border:1px solid #999; border-width:0 1px 1px 0; color:#fff; background:#999;  box-sizing:border-box; border-radius: 0px;}
.at_member .button.gray {border:1px solid #666; border-width:0 1px 1px 0; color:#fff; background:#666;  box-sizing:border-box; border-radius: 3px;}
.at_member .button.gray_02 {border:1px solid #999; border-width:0 1px 1px 0; 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; border-width:0 1px 1px 0; color:#fff; background:#3378c1;  box-sizing:border-box; border-radius: 3px;}
.at_member .button.blue_02 {border:1px solid #78abe2; border-width:0 1px 1px 0; color:#fff; background:#78abe2;  box-sizing:border-box; border-radius: 3px;}
.at_member .button.red {border:1px solid #f45656; border-width:0 1px 1px 0; 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; border-width:0 1px 1px 0; color:#fff; background:#a974bf;  box-sizing:border-box; border-radius: 3px;}
.at_member .button.etc_02 {border:1px solid #37b4b5; border-width:0 1px 1px 0; 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; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#888;} 
.at_member .button:hover,
.at_member .button:active,
.at_member .button:focus {border-width:0 1px 1px 0; 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; border-width:0 1px 1px 0; 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; border-width:0 1px 1px 0; 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 {border-width:0 1px 1px 0; 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 {border-width:0 1px 1px 0; 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; border-width:0 1px 1px 0; 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; border-width:0 1px 1px 0; 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; border-width:0 1px 1px 0; 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 input[type="text"], input[type="password"], .select, textarea, input[type="url"], input[type="number"], input[type="email"], input[type="tel"] {border: 1px solid #cbcbcb; padding: 4px 7px; background-color: #fff}
.at_member input[type="text"], input[type="password"], .select, input[type="url"], input[type="number"], input[type="email"], input[type="tel"] {display:inline-block; height: 20px; vertical-align:top;}
.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 .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 .box {position:relative; padding:20px; height:250px; overflow-y:scroll; box-sizing:border-box; border:1px solid #ddd; border-top:1px solid #444}
.at_member .agreement .check {padding:13px 10px; margin-bottom:30px; background:#607189; text-align:right; color:#fff;vertical-align:middle}
.at_member .agreement h1.title {margin:8px 0; font-size:14px; line-height:22px;}
.at_member .agreement h1.title:before { content:""; display:inline-block; width:5px; height:5px; margin:0 6px 3px 0; border:3px solid ; border-radius:50%; vertical-align:middle; color:#2466c0;}

.at_member .write_form {border-top:2px solid #444}
.at_member .write_form table {width:100%}
.at_member .write_form table th {padding-left:10px; text-align:left; vertical-align:top; width:170px; line-height:30px; background:#f1f1f1}
.at_member .write_form table th, 
.at_member .write_form table td {border-bottom:1px solid #cccfd5; padding:9px 0 9px 10px; font-size:14px; 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; line-height:30px}
.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-top:30px;text-align:center;clear:both; margin-bottom:30px}
.at_member .btn_area:after {content:"";display:block;clear:both;}
.at_member .btn_area.tar {text-align:right}
.at_member .btn_area.tal {text-align:left;}
.at_member .btn_area button, .btn_area a {margin-left:7px;}
.at_member .btn_area button:first-child, .btn_area a:first-child {margin-left:0;}

.login_section {border:1px solid #ddd}
.login_section .input_area{padding:70px 0 30px 0}
.login_section .area_div {width:520px; margin:auto; overflow:hidden}
.login_section .area_div .input_box {float:left; display:inline-block; width:63%; margin-right:10px; margin:auto; }
.login_section .area_div input[type="text"],
.login_section .area_div input[type="password"] { display:block; width:100%; height:20px;  margin-bottom:5px; }
.login_section .area_div input[type="text"] { padding:13px 10px 10px 45px; background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat 14px 9px;}
.login_section .area_div input[type="password"] { padding:13px 10px 10px 45px; background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat 14px -23px;}
.login_section .area_div input.button { float:right; height:95px; width:130px; font-weight:400; font-size:1.2em; }
.login_section .input_area .srch_area{margin-top:30px; padding-top:30px; overflow:hidden; border-top:1px solid #e3e2f4}
.login_section .input_area .srch_area .btn{float:right}

.account_section {border:1px solid #ddd}
.account_section .input_area{padding:70px 0 30px 0}
.account_section .area_div {width:520px; margin:auto; overflow:hidden}
.account_section .area_div ul:after {content:""; clear:both; display:block; margin-bottom:30px}
.account_section .area_div ul li {float:left; margin-right:10px}
.account_section .area_div ul li:last-child {margin-right:0}
.account_section .area_div p.info {text-align:center; line-height:1.5; margin-bottom:30px}
.account_section .area_div .input_box {float:left; display:inline-block; width:420px; margin-right:10px}
.account_section .area_div input[type="text"] {display:block; width:420px; height:38px; margin-bottom:5px; padding:8px 10px 8px 45px; box-sizing:border-box; background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat}
.account_section .area_div input[type="text"].userid {background-position:14px 3px}
.account_section .area_div input[type="text"].email {background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat 14px -62px}
.account_section .area_div input[type="text"].answer {background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat 14px -128px}
.account_section .area_div .select_box {width:100%; background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat 14px -96px; height:38px; position:relative; padding-left:35px; border:1px solid #ddd; box-sizing:border-box; margin-bottom:5px}
.account_section .area_div select {width:100%; box-sizing:border-box; color:#757575; border:none; margin-top:3px}
.account_section .area_div select:focus {outline: none}
.account_section .area_div .button {float:left}
.account_section .area_div .input_box.wide {float:none; width:100%}
.account_section .area_div .input_box.wide input[type="text"] {width:100%}
.account_section .area_div .btn_wide {float:none; width:100%}

.account_section .find_result {margin-top:20px; border:1px solid #ddd; padding:20px; padding-bottom:0}
.account_section .find_result ul li {float:none; line-height:30px}
.account_section .find_result ul li label {width:100px; display:inline-block}
.account_section .find_result ul li span {font-weight:bold; color:#F00}

.at_member .account_section .guide_txt {margin-left:0; display:inherit; text-align:center}

.modifypwd_section {border:1px solid #ddd}
.modifypwd_section .input_area{padding:70px 0 30px 0}
.modifypwd_section .area_div {width:520px; margin:auto; overflow:hidden}
.modifypwd_section .area_div p.info {text-align:center; line-height:1.5; margin-bottom:30px}
.modifypwd_section .area_div .input_box {display:inline-block; width:100%; margin-right:10px; margin:auto}
.modifypwd_section .area_div input[type="password"] { display:block; width:100%; height:38px;  margin-bottom:5px; box-sizing:border-box}
.modifypwd_section .area_div input[type="password"] { padding:13px 10px 10px 45px; background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat 14px -27px;}
.modifypwd_section .area_div input.button,
.modifypwd_section .area_div button.button { float:none; height:45px; width:100%; font-weight:400; font-size:1.2em; }

.confirm_section {border:1px solid #ddd}
.confirm_section .input_area{padding:70px 0 30px 0}
.confirm_section .area_div {width:520px; margin:auto; overflow:hidden}
.confirm_section .area_div p.info {text-align:center; line-height:1.5; margin-bottom:30px}
.confirm_section .area_div .input_box {float:left; display:inline-block; width:420px; margin-right:10px}
.confirm_section .area_div input[type="password"] { display:block; width:100%; height:38px;  margin-bottom:5px; box-sizing:border-box}
.confirm_section .area_div input[type="password"] { padding:13px 10px 10px 45px; background:url('/bbs//skin/member/default/images/icon_login.png') no-repeat 14px -27px;}
.confirm_section .area_div .button {float:left}
.confirm_section .guide_txt {margin-left:0; display:inherit; text-align:center}

.leave_section {border:1px solid #ddd}
.leave_section h1 {margin:8px 0; font-size:16px; line-height:22px;}
.leave_section h1:before { content:""; display:inline-block; width:5px; height:5px; margin:0 6px 3px 0; border:3px solid ; border-radius:50%; vertical-align:middle; color:#2466c0;}
.leave_section .input_area{padding:70px 0 30px 0}
.leave_section .area_div {width:520px; margin:auto; overflow:hidden}
.leave_section .area_div p.info {text-align:center; line-height:1.5; margin-bottom:30px}
.leave_section .area_div .input_box {display:inline-block; width:100%; margin-right:10px; margin:auto}
.leave_section .area_div .input_box ul {margin-left:10px; margin-bottom:20px}
.leave_section .area_div .input_box ul li {margin-bottom:10px; line-height:20px}
.leave_section .area_div .input_box ul li:last-child {margin-bottom:0}
.leave_section .area_div .input_box ul li label.inp {display:inline-block; width:70px; font-weight:bold}
.leave_section .area_div input[type="text"],
.leave_section .area_div input[type="password"] {display:inline-block; width:200px; height:34px; margin-bottom:5px; padding:8px 10px 8px 10px; box-sizing:border-box}
.leave_section .area_div input.button {margin:0 auto}
.leave_section .btn_area {margin-bottom:0}

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

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