@charset "utf-8";

@media screen and (max-width:768px){

	.at_member .write_form table th {display:block; border-bottom:none; width:100%; padding:12px 0; background:none}
	.at_member .write_form table td {display:block; width:100%; padding:0; padding-bottom:15px}
	.at_member .guide_txt {margin-top:5px; clear:both; margin-left:0}

	.at_member .inp_txt,
	.at_member .inp_email,
	.at_member .inp_addr,
	.at_member .inp_url {width:100%}

	.board_type1 table th { display:none;}
	.board_type1 table colgroup { display:none; }
	.board_type1 table th {padding:12px 0}
	.board_type1 table td {display:block; border:none; padding:5px; box-sizing:border-box; width:auto}
	.board_type1 table td.title {padding-left:5px}
	.board_type1 table td.date {font-size:inherit}
	.board_type1 table td.date span {display:none}
	.board_type1 table td.date.recv:before {content:"발송 :"; margin-right:5px}
	.board_type1 table td.date.send:before {content:"수신 :"; margin-right:5px}
	.board_type1 table td.date.reg:before {content:"등록일 :"; margin-right:5px}
	.board_type1 table td.num,
	.board_type1 table td.num2 {display:inline-block} 
	.board_type1 table td.num:before {content:"번호 :"; margin-right:5px}
	.board_type1 table tbody tr {display:block; border-bottom:1px solid #ddd; padding:10px 0}
	.board_type1 table td:not(.title){display:inline-block; font-size:12px}

}

@media screen and (max-width:640px){

	.at_member {font-size:14px}

	.at_member .button.ssmall {font-size:12px; height:24px; line-height:22px; padding:0 9px}
	.at_member .button.small {font-size:13px; height:30px; line-height:28px; padding:0 9px}
	.at_member .button.medium {font-size:14px; height:34px; line-height:32px; padding:0 12px}
	.at_member .button.large {font-size:16px; height:42px; line-height:40px; padding:0 17px}

	.at_member .agreement p.tit {font-size:16px}
	.at_member .agreement p.tit:after {width:8px; height:8px}
	.at_member .agreement .box {padding:15px; height:200px}
	.at_member .agreement p.check_all {font-size:16px; margin-bottom:30px}

	.at_member .name_check {padding:30px 10px}
	.at_member .name_check .info {font-size:16px; padding:20px}
	.at_member .name_check .box {margin-bottom:30px}
	.at_member .name_check .box div {font-size:16px}
	.at_member .name_check ul {margin-bottom:40px}
	.at_member .name_check ul li {padding-left:10px}

	.at_member .account {padding:30px 10px}
	.at_member .account .area_div ul {margin-bottom:20px}
	.at_member .account .area_div ul li {font-size:14px}

	.at_member .confirm .input_area {padding:30px 10px}
	.at_member .confirm .area_div .input_box {display:block}
	.at_member .confirm .area_div button {margin-left:0; width:100%; margin-top:10px; padding:8px 0}

	.at_member .leave {padding:30px 10px}
	.at_member .leave p.tit {font-size:16px}
	.at_member .leave p.tit:after {width:8px; height:8px}

	.at_member .modifypwd {padding:30px 10px}
	.at_member .modifypwd .area_div input[type=submit],
	.at_member .modifypwd .area_div button {width:100%; padding:8px 0}

	.at_member .login .input_area {padding:30px 10px}
	.at_member .login .area_div {width:100%}
	.at_member .login .area_div input[type="text"],
	.at_member .login .area_div input[type="password"] {width:100%}
	.at_member .login .area_div input.button {height:45px; width:100%; font-size:16px; position:inherit; margin-top:20px}

}