/* 이용약관 */
	.member_agreement { color:#696868; font-size:12px; line-height:22px; padding-top:0px; padding-bottom:45px; letter-spacing:0; width:100%;  }
	.member_agreement span { display:block; padding:0 0 10px 15px; word-break:break-word; white-space:normal; }
	.member_agreement .s_list { display:block; padding:0 0 10px 15px; }
	.member_agreement .user_page { display:block; padding:10px 0 8px; color:#333; font-size:16px;  }
	.member_agreement strong { font-size:16px; }


	.member_agreement_wrapper { width:598px; border:1px solid #aaa; padding:10px; box-sizing:border-box; overflow-x:hidden; overflow-y:scroll; height:150px; }



/* 연간사진 다운로드 */
	.annualphoto_download_service_guide { white-space:normal; text-align:left; margin-bottom:40px; border:1px solid #ddd; padding:10px;  }
	.period-warning { color:#ff0000; }

/* 알림장 쓰기 */

	.one_option_wrapper { padding:8px 10px;  vertical-align:middle; }
	.one_option_wrapper textarea { box-sizing:border-box; width:100%; margin-bottom:10px; border:1px solid #ededed; border-radius:6px; padding:3px; outline: none;-webkit-appearance: none; resize:none; }

	.note_send_btn_wrapper { text-align:center; padding:8px 10px 20px; height:34px; line-height:34px; vertical-align:middle; }
	.note_send_btn_wrapper input { width:50% !important; height:100% !important;  }


/* 개인정보 수정 */

	.guide_forcememberinfo { border:1px dashed #f00; color:#f00; padding:10px; margin:15px 0px;}



/* 알림장 목록 보기 */

	#note_list { }
	#note_list li { position:relative;border-bottom:1px solid #ededed; padding:10px 10px; }

	#note_list li img { border-radius:50%; width:35px; height:35px; }
	#note_list li div.target_names { position:absolute; left:0px; padding-left:54px; padding-right:66px; width:100%; box-sizing:border-box; top:11px; height:21px; overflow:hidden;  border:0px solid #f00;  color:black; font-weight:bold;  white-space: nowrap;  text-overflow: ellipsis; }
	#note_list li div.datetime { position:absolute; left:0px; padding-left:54px; padding-right:66px; width:100%; box-sizing:border-box; top:31px; height:13px; overflow:hidden;  border:0px solid #f00; font-size:13px; color:#aaa;}

	#note_write_btn { position:fixed; right:15px; bottom:15px; width:50px; height:50px; border-radius:50%; background:#ff494e; color:#fff; font-weight:bold; line-height:50px; vertical-align:middle; text-align:center; z-index:10;}


	.photoList { width:100%; overflow:hidden; border-bottom:1px solid #ededed; margin-bottom:0px; background-color:#ededed;}
	.photoList li { display:inline-block; float:left; width:20%; height:auto; border:0px solid #f00; box-sizing:border-box; margin-bottom:0px; }
	.photoList li img { display:block; width:100%; height:auto; }
	@media screen and (min-width:414px) {  .photoList li { width:16.6666%;  }	}
	@media screen and (min-width:660px) {  .photoList li { width:14.2857%;  }	}
	@media screen and (min-width:730px) {  .photoList li { width:12.5%;  }	}




/* 알림장 내용 보기 */

	#note_view_list { background:#fff; padding:13px 9px 70px;  }
	#note_view_list>li { background:#fff; margin-bottom:13px; position:relative; border:1px solid #d3d6db;}



	#note_view_list div.header { border:0px solid #f00; padding: 25px 13px 13px; position:relative; overflow:show; border-bottom:1px solid #ededed; }

	#note_view_list div.header div.flag_received { position:absolute; left:-1px; top:-1px; width:18px; height:18px; background:url('img/bg_notereceived_pc.png') left top no-repeat; background-size:18px 18px; border:0px solid #f00; z-index:1; }
	#note_view_list div.header div.flag_sent { position:absolute; right:-1px; top:-1px; width:18px; height:18px; background:url('img/bg_notesent_pc.png') left top no-repeat; background-size:18px 18px; border:0px solid #f00; z-index:1; }


	#note_view_list div.header img { border-radius:50%; width:35px; height:35px; border-top:1px solid #ededed; }

	#note_view_list li div.header div.receiver_names { position:absolute; left:0px; padding-left:54px; padding-right:66px; width:100%; box-sizing:border-box; top:23px; height:21px; overflow:hidden;  border:0px solid #f00;  color:black; font-weight:bold;  white-space: nowrap;  text-overflow: ellipsis; }
	#note_view_list li div.header div.datetime { position:absolute; left:0px; padding-left:54px; padding-right:66px; width:100%; box-sizing:border-box; top:43px; height:13px; overflow:hidden;  border:0px solid #f00; font-size:12px; color:#aaa;}

	
	#note_view_list div.content { padding: 16px 24px;  word-break:break-all; color:#000; white-space:normal;}

	/* 알림장 댓글 관련 */
	#note_view_list div.one-note-reply-notice { position:relative; font-size:10px; border:0px solid #f99; padding:4px; border-top:1px solid #ededed; margin:0px 12px; }

	#note_view_list div.one_note_reply { position:relative; border:0px solid #f99; padding:32px 0px 6px 44px; border-top:1px solid #ededed; margin:0px 12px; }


	#note_view_list li div.one_note_reply div.note_reply_icon { position:absolute; left:1px; top:13px; width:35px; height:35px; }
	#note_view_list div.one_note_reply img { border-radius:50%; width:35px; height:35px; }
	
	#note_view_list li div.one_note_reply div.writer { position:absolute; left:0px; padding-left:44px; padding-right:66px; width:100%; box-sizing:border-box; top:13px; height:21px;   border:0px solid #000;  color:black; font-weight:bold;  }


	#note_view_list li div.one_note_reply div.datetime { height:13px; border:0px solid #f00; font-size:13px; margin-left:5px; color:#aaa; display:inline-block;}

	#note_view_list li div.note_reply_content { border:0px solid #00f; word-break:break-all; white-space:normal; width:100%; }





	#note_view_list div.note_reply_wrapper{ position:relative; padding: 6px 50px 6px 6px; background:#929397; height:44px; }
	#note_view_list div.note_reply_wrapper input[type="text"] { width:100%; height:24px; border:0px; padding:2px; box-sizing:border-box;  }
	#note_view_list div.note_reply_wrapper div.note_reply_write_btn { color:#fff; float:left; position:absolute; right:6px; top:6px; height:24px; width:44px;  line-height:24px; vertical-align:middle; text-align:center; }

	#note_view_list div.note_reply_wrapper textarea { width:100%; height:44px; border:0px; padding:2px; box-sizing:border-box; display:inline-block; resize: none;}
	#note_view_list div.note_reply_wrapper input.note-reply-write-btn { color:#fff; float:left; position:absolute; right:6px; top:6px; height:44px; width:44px;  line-height:44px; vertical-align:middle; text-align:center; background:#929397; border:0px; padding:0px;}


	.note-template { box-sizing:border-box; width:100%; margin-top:-10px; margin-bottom:20px; border:1px solid #efefef; border-radius:6px; padding:10px; outline: none;-webkit-appearance: none; resize:none; }
	.note-template.note-template-result { margin-top:10px; }
	.note-template-table { width:100%; }
	.note-template-table tr td { height:30px; padding:5px; vertical-align:middle; }
	.note-template-table tr td:first-child { width:150px; }
	.note-template-text { border:1px solid #efefef; padding:3px; width:100%; box-sizing:border-box; }


	.note-reply-delete-btn { border:0px none; padding: 0px 6px; cursor:pointer; }


/* 알림장 끝 */




/* 공지사항 등 게시판 리스팅 */

	.postinglist { width:100%; margin-bottom:30px; table-layout:fixed; }
	.postinglist tr { border-bottom:1px solid #e3e3e3; }
	.postinglist tr:first-child { width:100%; height:34px; border-radius:4px; background-color: #ccc;}
	.postinglist tr:first-child td:first-child { border-top-left-radius:4px; border-bottom-left-radius:4px; }
	.postinglist tr:first-child td:last-child { border-top-right-radius:4px; border-bottom-right-radius:4px; }


	.postinglist td { height:34px; text-align:center; font-weight:400; }
	.postinglist td a { font-weight:400; }
	.postinglist td.title{ text-align:left; }
	.postinglist td div.notice { width:80%; height:20px; border-radius:4px; color:#fff; font-weight:bold; margin: 5px auto; padding: 2px auto; line-height:20px; vertical-align:middle;}
	.postinglist td div.dot { width:3px; height:3px; background-color:#888; margin: auto auto; }
	.postinglist tr:first-child td { text-align:center;  color:#fff; }

	.postinglist td.width_notice { width:60px; }
	.postinglist td.width_writer { width:100px; }
	.postinglist td.width_date { width:130px; }
	.postinglist td.width_view { width:60px; }


/* 게시판 내용 */

	.postingcontent > .contentheader { width:100%; border-bottom: 1px solid #ddd; margin-bottom:20px; height:25px; position:relative; }
	.postingcontent > .contentheader > .title { position:absolute; top:-9px; left:0px; border: 0px solid #fdd; font-size:17px; font-weight:bold; }
	.postingcontent > .contentheader > .date { position:absolute; top:-8px; right:0px; border: 0px solid #fdd; font-size:14px; font-weight:bold; }
	.postingcontent > .attachment { width:100%; }
	.postingcontent > .attachment td { border:px solid #f00; text-align:right; padding:0 40px 5px;}
	.postingcontent > .attachment td.small_file a { background:url('../../newimg/common/postingcontents/file_attach.gif') left center no-repeat; padding-left:20px; }
	.postingcontent > .attachment td.big_file a { background:url('../../newimg/common/postingcontents/file_bigattach.gif') left center no-repeat; padding-left:20px; }
	.postingcontent > .contentbody { margin-bottom:40px; padding:20px 40px 40px; border-bottom:1px solid #ddd; }


/* 학부모는 자주 묻는 질문에서 카테고리가 없다 */


















/* 원비 청구서 목록 */
	.billlist { width:100%; margin-bottom:40px; table-layout:fixed;}

	.billlist td { height:40px; padding:0px 5px; text-align:center; vertical-align:middle; }
	.billlist td img { vertical-align:middle;}
	.billlist tr { border-bottom:1px solid #e3e3e3;  }
	.billlist tr.head { background:#969696; border-bottom:0px; }
	.billlist tr.head td{ color:#fff; background:#969696; }
	.billlist tr.head td:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right:1px solid #969696;}
	.billlist tr.head td:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left:1px solid #969696;}
	.billlist tr.head td.issuedate { width: 120px; }
	.billlist tr.head td.totalamount { width: 120px; }
	.billlist tr.head td.process { width: 60px; }
	.billlist tr.head td.dopayment { width: 120px; }


/* 원비 청구서 세부항목 */
	.billitem_list_table { width:100%; margin-bottom:40px; table-layout:fixed;}

	.billitem_list_table td { height:28px; padding:3px 5px; text-align:center; vertical-align:middle; }
	.billitem_list_table td img { vertical-align:middle;}
	.billitem_list_table tr { border-bottom:1px solid #e3e3e3;  }
	.billitem_list_table tr.head { background:#eee; border-top:1px solid #ddd; }
	.billitem_list_table tr.head td{ color:#646464; background:#eee; }

	.common_info_infotabletitle.cash { padding-left:44px; background:url('img/icon_cash_pc.png') left top no-repeat; background-size:37px 24px;}
	.common_info_infotabletitle.card { padding-left:44px; background:url('img/icon_card_pc.png') left top no-repeat; background-size:37px 24px;}


/* 지금까지 결제 관련 내역 */

	.payment_history { width:100%; margin-bottom:40px; table-layout:fixed;}

	.payment_history td { height:28px; padding:3px 5px; text-align:center; vertical-align:middle; }
	.payment_history td img { vertical-align:middle;}
	.payment_history tr { border-bottom:1px solid #e3e3e3;  }
	.payment_history tr.head { background:#eee; border-top:1px solid #ddd; }
	.payment_history tr.head td{ color:#646464; background:#eee; }

	.payment_history td.count { width:40px; }
	.payment_history td.payment_datetime { width:170px; }
	.payment_history td.payment_method { width:130px; }
	.payment_history td.amount{ width:100px; }
	.payment_history td.result { width:70px; }
	.payment_history td.resultmessage { white-space:normal; word-break:break-all;}

	.payment_history .card_receipt_btn { cursor:pointer; display:inline-block; }

	.common_info_form #CardNo { width:160px; }
	.common_info_form #ExpYear { width:30px; }
	.common_info_form #ExpMonth { width:30px; }
	.common_info_form #IDNo { width:80px; }
	.common_info_form #CardPw { width:30px; }
	.common_info_form #CardPw_prev { width:30px; }


	.card_info_wrapper { overflow:hidden; border:0px solid #f00; }
	.bill_pay_form_submit_btn_wrapper { text-align:center; margin-bottom:40px; }
	
	#bill_pay_form_submit_btn { 
	width:300px; height:50px; 
	background:#ff494e;
	font-size:18px; color:#fff; font-weight:bold; 
	font-face:'Nanum Barun Gothic';
	border:0px;
	border-radius:2px;
	 -webkit-appearance: none;
	 cursor:pointer;

	}

	#bill_pay_form_submit_btn:disabled {
		background:#ccc;
	}

	.bill_pay_form_disabled_btn { 
	display:inline-block;
	width:300px; padding:8px; 
	background:#ccc;
	font-size:18px; color:#fff; font-weight:bold; 
	font-face:'Nanum Barun Gothic';
	border:0px;
	border-radius:2px;
	 -webkit-appearance: none;

	}
	#bill_pay_retry_btn { display: none; }

	.prev_card_wrapper { margin-bottom:5px; }

	#account_guide { margin-bottom:40px; margin-top:-20px; padding:10px; border:1px dashed #888; background:#fdfdfd; color:#888; font-weight:bold;}
	#cash_only_guide { margin-bottom:40px; margin-top:-20px; padding:10px; border:1px dashed #ff494e; background:#fff4f4; color:#ff494e; font-weight:bold;}






/* 알림 기록 */
	.recent_notify_list { width:100%; margin-bottom:40px; table-layout:fixed;}

	.recent_notify_list td { height:30px; padding:5px 5px; text-align:center; vertical-align:middle; word-break:break-all; white-space:normal; }
	.recent_notify_list td img { vertical-align:middle;}
	.recent_notify_list tr { border-bottom:1px solid #e3e3e3;  }
	.recent_notify_list tr.head { background:#969696; border-bottom:0px; }
	.recent_notify_list tr.head td{ color:#fff; background:#969696; }
	.recent_notify_list tr.head td:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right:1px solid #969696;}
	.recent_notify_list tr.head td:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left:1px solid #969696;}



	.recent_notify_list tr.head td.senddatetime { width:180px;}
	.recent_notify_list tr.head td.kind { width:100px;}
	.recent_notify_list tr.head td.link { width:50px;}

	

/* 투약의뢰 */

	#drugrequest-write-form { width:100%; margin-bottom:40px; }
	#drugrequest-write-form > table { width:100%; }
	#drugrequest-write-form > table tr { border-bottom:1px solid #ddd; }
	#drugrequest-write-form > table tr > td:first-child { width:80px; } 
	#drugrequest-write-form > table td { padding:10px; height:30px; vertical-align:middle; line-height: 30px;}
	#drugrequest-write-form > table td input[type=text] { width:100%; box-sizing:border-box; }
	
	.drugrequest-send-btn-wrapper { width:100%; margin-top:20px; text-align:center; }

	#sign { border:1px solid #ddd; width:100%;box-sizing:border-box;}

	.amount-easy { font-size:13px; }
	#drugrequest-write-form > table td input.manualtext { width:200px; }

	ul.sent-drugrequest > li { margin:0px 10px 10px; display:block; padding:10px; box-sizing:border-box; border:1px solid #ddd;}
	ul.sent-drugrequest > li .sent-drug-request-header { font-weight:bold; color:#333; }