@charset "utf-8";

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

	.at_member .write_form table th {display:block; border-bottom:none; width:100%; padding:5px 0; background:none}
	.at_member .write_form table td {display:block; width:100%; padding:0; padding-bottom:15px}
	.at_member .guide_txt {line-height:20px; 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%; height:30px !important; box-sizing:border-box}

	.login_section {overflow:none;}
	.login_section .input_area {padding:30px 10px 30px 10px;  margin:0 auto; text-align:center; width:95%; }
	.login_section .area_div {width:95%}
	.login_section .area_div .input_box {margin:0 auto; width:100%; box-sizing:border-box; }
	.login_section .area_div input[type="text"],
	.login_section .area_div input[type="password"] { width:100%; height:100%; margin-bottom:5px;  border:1px solid #ddd; box-sizing:border-box; }
	.login_section .area_div input[type="text"] { padding:13px 0px 10px 45px}
	.login_section .area_div input[type="password"] { padding:13px 0px 10px 45px}
	.login_section .area_div input.button { float:none; height:45px; width:100%; font-weight:400; font-size:1.2em; }
	.login_section .input_area .srch_area {margin-top:25px; padding-top:25px; overflow:hidden; border-top:1px solid #e3e2f4}
	.login_section .input_area .srch_area .btn{float:left;padding:6px 0 0 0}

	.account_section .input_area {padding:30px 10px 30px 10px;  margin:0 auto; width:95%; }
	.account_section .area_div {width:95%}
	.account_section .area_div ul li {float:none; margin-bottom:10px}
	.account_section .area_div ul li:last-child {margin-bottom:0}
	.account_section .area_div .input_box {width:100%; float:none}
	.account_section .area_div input[type="text"] {width:100%; height:38px; box-sizing:border-box}
	.account_section .area_div .button {float:none; width:100%; height:45px}
	.account_section .guide_txt {margin-top:0}

	.modifypwd_section {overflow:none;}
	.modifypwd_section .input_area {padding:30px 10px 30px 10px;  margin:0 auto; text-align:center; width:95%; }
	.modifypwd_section .area_div {width:95%}
	.modifypwd_section .area_div .input_box {margin:0 auto; width:100%; box-sizing:border-box; }

	.confirm_section {overflow:none;}
	.confirm_section .input_area {padding:30px 10px 30px 10px;  margin:0 auto; text-align:center; width:95%; }
	.confirm_section .area_div {width:95%}
	.confirm_section .area_div .input_box {margin:0 auto; width:100%; box-sizing:border-box; }
	.confirm_section .button {float:none; height:45px; width:100%; font-weight:400; font-size:1.2em; }
	
	.leave_section {overflow:none;}
	.leave_section .input_area {padding:30px 10px 30px 10px;  margin:0 auto; width:95%; }
	.leave_section .area_div {width:95%}
	.leave_section .area_div .input_box {margin:0 auto; width:100%; box-sizing:border-box; }

	.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}
}