@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@600&display=swap');
html { font-size: 16px; }
img { max-width: 100%; height: auto; }  /* ckeditor 이미지 최대 크기 조절 */

.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected { outline: none !important; border: none !important; }
/* ========== common ========== */
header { height: 0; }
body { background-color: #F7F7F7; }
#hd h1 { position: absolute; font-size: 0; line-height: 0; overflow: hidden }

/*gnb*/
.gnb_oparea::-webkit-scrollbar { display: none; }
.gnb_oparea { -ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */ }
#logo { height: 50px; text-align: center; margin-bottom: 10px; }
#logo img { height: 40px; margin-top: 10px; }
#gnb { position: fixed; top: 0; left: 0; max-width: 220px; height: 99%; z-index: 999; }
#gnb h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden }
#gnb .gnb_oparea { position: absolute; top: 0px; left: 0px; background: #415670; color: #fff; height: 100%; width: 200px; padding: 20px; border-right: 1px solid #dbdbdb; -webkit-form-shadow: 2px 0 2px rgba(150,150,150,100.1); -moz-form-shadow: 2px 0 2px rgba(150,150,150,0.1); box-shadow: 2px 0 2px rgba(150,150,150,0.1); z-index: 9998; overflow: auto }
#gnb .gnb_oparea .title { line-height: 18px; font-size: 1.0em; }
#gnb .gnb_oparea ul{ margin-left: 15px; margin-bottom: 20px; }
#gnb .gnb_oparea li { line-height: 28px; font-size: 0.9em; margin-bottom: 5px; }
#gnb .gnb_oparea li a.gnb_2da { position: relative; color: #aaa; display: block; width: 95%; height: 30px; }
#gnb .gnb_oparea li a.gnb_2da.on { color: #fff; font-weight: bold; }
#gnb .gnb_oparea li a.gnb_2da img { position: absolute; top: 50%; right: 0; filter: invert(50%) sepia(10%) saturate(50%) hue-rotate(214deg) brightness(100%) contrast(30%); }
#gnb .gnb_oparea li a.gnb_2da:hover,#gnb .gnb_oparea li .on { color: #fff; }
#gnb .gnb_oparea li a.gnb_2da:hover img { filter: invert(0%) sepia(0%) saturate(648%) hue-rotate(160deg) brightness(114%) contrast(109%); }
#gnb .title { position: relative; width: 180px; height: 30px; padding-top: 12px; padding-left: 10px; padding-right: 10px; font-weight: bold; position: relative; cursor: pointer; }
#gnb .title img { position: absolute; top: 50%; right: 0; }
#gnb .title a { color: #fff; }
#gnb .gnb_oparea .sub_2nd { display: none; }
#gnb .gnb_oparea .sub_2nd .sub_3rd { display: none; }
#gnb .gnb_oparea .sub_2nd .sub_3rd .sub3_li { position: relative; color: #aaa; display: block; width: 90%; height: 30px; z-index: 9999; }
#gnb .gnb_oparea .sub_2nd .sub_3rd .sub3_li img { position: absolute; top: 50%; right: 0; filter: invert(50%) sepia(10%) saturate(50%) hue-rotate(214deg) brightness(100%) contrast(30%); }
#gnb .gnb_oparea .sub_2nd .sub_3rd .sub3_li:hover { color: #fff; }
#gnb .gnb_oparea .sub_2nd .sub_3rd .sub3_li:hover img { filter: invert(0%) sepia(0%) saturate(648%) hue-rotate(160deg) brightness(114%) contrast(109%); }
#gnb .gnb_oparea .sub_2nd .sub_3rd .sub_4th { display: none; }
#gnb .gnb_oparea .sub_2nd .sub_3rd .sub_4th .sub4_li a { color: #aaa; }
#gnb .gnb_oparea .sub_2nd .sub_3rd .sub_4th .sub4_li a.on { color: #fff; font-weight: bold; }
#gnb .gnb_oparea .sub_2nd .sub_3rd .sub_4th .sub4_li a:hover { color: #fff; }
#gnb .gnb_oparea li .sub2_li.active { color: #fff; }
#gnb .gnb_oparea li .sub2_li.active img { filter: invert(0%) sepia(0%) saturate(648%) hue-rotate(160deg) brightness(114%) contrast(109%); }
#gnb .gnb_oparea .sub_2nd .sub_3rd .sub3_li.active { color: #fff; }
#gnb .gnb_oparea .sub_2nd .sub_3rd .sub3_li.active img { filter: invert(0%) sepia(0%) saturate(648%) hue-rotate(160deg) brightness(114%) contrast(109%); }
.on a { color: #fff !important; }

/* 메뉴 로그인 정보 */
.login { width: 100%; }
.login ul {  display: flex; justify-content: center; margin-bottom: 0 !important; }
.login ul li:first-child { margin-right: 20px; }
.login ul .logout_btn { background: none; color: #fff; border: none; cursor: pointer; font-size: 14px; }

/* 상단이동 버튼 */
#fixMenu { opacity: 0; position: fixed; bottom: 30px; right: 25px; z-index: 101; transition: all .2s; }
#fixMenu.on { opacity: 1; bottom: 25px } 
#fixMenu .to_top { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 15px auto 0; margin-right: 0; width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; background: #fff; cursor: pointer; transition: all .3s; box-shadow: 3px 3px 8px rgba(0,0,0,.2) }

/* list */
.wrap { width: 78.1%; margin-left: 14.5%; margin-top: 50px; margin-bottom: 50px; background-color: #fff; border-radius: 20px; padding: 5.21vw 2.60vw; }
.wrap h1 { font-weight: bold; font-size: 1.88em; text-align: center; margin-bottom: 50px; }
.btn_area { overflow: hidden; position: relative; margin: 20px 0 }
.btn_area ul { overflow: hidden }
.btn_area ul li { float: left }
.btn_area .left { float: left }
.btn_area .left li { margin-right: 4px }
.btn_area .right { float: right }
.btn_area .right li { margin-left: 4px }
.btn_area ul.right li a { display: block; width: 80px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #bbb; color: #777; font-weight: bold; font-size: 14px; }
.btn_area ul.right li a.w_btn { width: 120px }
.page_num { display: flex; justify-content: center; }
.page_num li a { color: #000; }
.page_num li a.prev, .page_num li a.next { color: #6f87b1; font-weight: bold; }
.page_num li a.prev img, .page_num li a.next img { width: 15px; margin-top: 12px; }
.page_num li b { display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 5px; background-color: #8b98ad; color: #fff; text-align: center; }
.page_num li { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; }

/* 테이블 */
table { table-layout: fixed; clear: both; width: 100%; border-collapse: collapse; border-spacing: 0; }
table th, td { line-height: 35px; }
tfoot th, tfoot td { border: 1px solid #d6dce7; background:#eee; padding: 5px; text-align: center; font-weight: bold; }
.list_table { margin: 20px auto; width: 80%; font-size: 1em; }
.list_table table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.list_table thead th { border-bottom: 2px solid #d6dce7; text-align: center; padding: 8px 5px; font-size: 0.92em; font-weight: bold; color: #777; }
.list_table tbody th { border-bottom: 1px solid #d6dce7; border-left: none; border-right: none; padding: 5px; text-align: center }
.list_table tbody td { border-bottom: 1px solid #d6dce7; border-left: none; padding: 5px; text-align: center }
.list_table tbody .tr_line:hover { background-color: #c3cddd; }
.list_table tbody tr { cursor: pointer; }
.list_table tbody td a { color: #000; }
.list_table tbody td:nth-child(4) { border-right: none; }
.list_table tbody tr:nth-child(even) { background:#eff3f9 }
.more_btn { width: 80px; margin: 0 auto; }
.more_btn a { display: block; width: 80px; height: 35px; text-align: center; font-size: 0.88em; line-height: 35px; transition: all 0.3s; color: #fff; background: #6f809a; }
.m_review .list_table tbody td:nth-child(3) { border-right: none; }
.fame .list_table tbody td:nth-child(3) { border-right: none; }
table td { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }


/* ========== index.php ========== */
.container { background-color: #fff; border-radius: 30px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35); position: relative; overflow: hidden; width: 400px; max-width: 100%; min-height: 480px; }
.container p { font-size: 14px; line-height: 20px; letter-spacing: 0.3px; margin: 20px 0; }
.container span { font-size: 12px; }
.container a { color: #333; font-size: 13px; text-decoration: none; margin: 15px 0 10px; }
.container button, .container input.login_btn { background-color: #548ed4; color: #fff; font-size: 12px; padding: 12px 45px; border: 1px solid transparent; border-radius: 8px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; margin-top: 10px; cursor: pointer; width: 100%; }
.container button.hidden { background-color: transparent; border-color: #fff; }
.container form { background-color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 40px; height: 100%; }
.container input[type="id"] { background-color: #eee; border: none; margin: 8px 0; padding: 12px 15px; font-size: 13px; border-radius: 8px; width: 100%; outline: none; }
.container input[type="password"] { background-color: #eee; border: none; margin: 8px 0; padding: 12px 15px; font-size: 13px; border-radius: 8px; width: 100%; outline: none; }
.form-container { position: absolute; top: 0; height: 100%; transition: all 0.6s ease-in-out; }
.sign-in { left: 0; width: 100%; z-index: 2; }
.container.active .sign-in { transform: translateX(100%); }
@keyframes move{
    0%, 49.99%{
        opacity: 0;
        z-index: 1;
    }
    50%, 100%{
        opacity: 1;
        z-index: 5;
    }
}
form img { width: 180px; margin-bottom: 10px; }
form h1 { font-size: 20px; margin-bottom: 30px; }
.container .sign-in .auto_btn { width: 100%; display: flex; justify-content: center; margin: 10px auto; font-size: 13px; color: #333; }
.container .sign-in .auto_btn input[type="checkbox"] { margin-right: 10px; }


/* ========== notice_view.php ========== */
#write_wrap { width: 70%; margin-left: 15%; margin-top: 50px; margin-bottom: 50px; background-color: #fff; border-radius: 20px; padding: 100px; padding-top: 50px; }
#write_wrap .tit { width: 100%; height: auto; line-height: 55px; font-size: 2.50em; font-weight: bold; text-align: center; border-bottom: 2px solid #777; margin-top: 100px; padding-bottom: 20px; }
#write_wrap .tit span { display: block; font-size: 20px; font-weight: normal; }
#write_wrap .tit .cate { color:#0054a6 }
#write_wrap .tit .cate:after { display: inline-block; content: ""; width: 1px; height: 10px; margin: 0 12px; background-color: #ccc }


/* 상단 정보 */
#write_wrap .info1 ul { display: flex; justify-content: space-between; height: 60px; padding: 0 15px; border-bottom: 1px solid #eee; font-size: 0.88em; line-height: 60px }
#write_wrap .info1 b:after { display: inline-block; content:""; width: 1px; height: 10px; margin: 0 12px; background-color: #ccc }
#write_wrap .info { height: 60px; padding: 0 15px; border-bottom: 1px solid #eee; font-size :0.88em; line-height: 60px }
/*#write_wrap .info:after { display: block; content: ""; visibility: hidden; clear: both }*/
#write_wrap .info ul {  display: flex; justify-content: space-between; }
#write_wrap .info ul li { display: inline-block; margin-right: 20px; }
#write_wrap .info b { font-weight: normal }
#write_wrap .info b:after { display: inline-block; content: ""; width: 1px; height: 10px; margin: 0 12px; background-color: #ccc }

/* 본문 */
#write_wrap .bo_cont { padding: 50px 15px; border-bottom: 1px solid #d1d1d1; line-height: 30px; }

/* 첨부파일 */
#write_wrap .file { overflow: hidden; padding: 20px 15px; border-bottom: 1px solid #e1e1e1; font-size: 0.88em; background-color: #f5f6f8 }
#write_wrap .file p { float: left }
#write_wrap .file ul { float: left }
#write_wrap .file ul li i { padding: 0 15px; font-size :0.88em; color: #bbb }
#write_wrap .file ul li:hover { text-decoration: underline }

#write_wrap tr td a { color: #333; margin-bottom: 10px; }
#write_wrap tr td a:hover { color: #548ed4; }

/* 링크 */
#write_wrap .link { overflow: hidden; padding: 20px 15px; border-bottom: 1px solid #e1e1e1; font-size: 0.88em; background-color: #f5f6f8; margin-top: 50px; display: flex; }
#write_wrap .link .link_txt { font-weight: bold; }
#write_wrap .link .link_file { margin-left: 30px; display: flex; flex-direction: column; }
#write_wrap .link .link_file a { color: #333; margin-bottom: 10px; }
#write_wrap .link .link_file a:hover { color: #548ed4; }

/* 뷰 버튼 */
#write_wrap .btn_area { overflow: hidden; position: relative; margin: 20px 0 }
#write_wrap .btn_area ul { overflow: hidden }
#write_wrap .btn_area ul li { float: left }
#write_wrap .btn_area .left { float: left }
#write_wrap .btn_area .left li { margin-right: 4px }
#write_wrap .btn_area .right { float: right }
#write_wrap .btn_area .right li { margin-left: 4px }
#write_wrap .btn_area ul li input[type="submit"] { display: block; width: 100px; height: 45px; text-align: center; line-height: 45px; line-height: 45px; border: 1px solid #bbb; color: #777; font-weight: bold; }
#write_wrap .btn_area ul li a, #write_wrap .btn_area ul li input { display: block; width: 100px; height: 45px; text-align: center; line-height: 45px; line-height: 45px; border: 1px solid #bbb; color: #777; font-weight: bold; background-color: #fff; font-size: 1em; cursor: pointer; }
#write_wrap .btn_area ul li input { height: 47px; }
#write_wrap .btn_area ul li a.w_btn { width: 120px }

/* 이전/다음 글 */
#write_wrap .v_page li { min-height: 30px; padding: 15px; border-bottom: 1px solid #eee; display: flex; align-items: center; color: #777 } 
#write_wrap .v_page li i { padding: 0 30px 0 15px; font-size: 1em; color: #222 }
#write_wrap .v_page li a { color: #777; line-height: 22px; }
#write_wrap .v_page li a:hover { color:#222 }


/* ========== notice_write.php ========== */
.ck.ck-editor { max-width: 62.5vw; }
.ck-editor__editable { height: 400px; max-height: 400px; }
#write_wrap h1 { font-size: 1.56em; font-weight: bold; margin-bottom: 30px; }

/* 라이트 */
#write_tbl label { font-size: 0.94em; }
#write_tbl tr { border-bottom: 1px solid #e1e1e1; }
#write_tbl tr:first-child { border-top: 1px solid #999999; }
#write_tbl th { width: 16%; padding: 10px 0; line-height: 1.6; background-color: #6f809a; color: #fff; vertical-align: middle; }
#write_tbl td { padding: 10px 0 10px 10px }
#write_tbl .write_input { width: 97%; height: 40px; padding: 0 20px 0 12px; border: 1px solid #e1e1e1; border-radius: 2px; font-size: 0.94em; color: #777; }
#write_tbl .write_input.datetime { width: 30%; height: 40px; padding: 0 20px 0 12px; border: 1px solid #e1e1e1; border-radius: 2px; font-size: 0.94em; color: #777; }
#write_tbl .write_input2 { width: 10%; height: 40px; padding: 0 20px 0 12px; border: 1px solid #e1e1e1; border-radius: 2px; font-size: 0.94em; color: #777; }
input[type="date"], input[type="month"], input[type="time"], input[type="datetime-local"] { width: 40%; height: 40px; padding: 0 20px 0 12px; border: 1px solid #e1e1e1; border-radius: 2px; font-size: 0.94em; color: #777; }
input[type="number"] { width: 10%; height: 40px; padding: 0 10px; border: 1px solid #e1e1e1; border-radius: 2px; font-size: 0.94em; color: #777; }
select { width: 97%; height: 40px; padding: 0 22px 0 10px; border: 1px solid #e1e1e1; border-radius: 2px; font-size: 0.94em; color: #777; }
#write_tbl .write_input:focus, #write_tbl .write_input:active { border:1px solid #e1e1e1!important; outline:none }
#write_tbl .zip_btn { width: 125px; height: 40px; margin-left: 2px; border: none; border-radius: 2px; font-size: 0.88em;color: #fff; background-color: #555; }
#write_tbl textarea { resize: none; width: 97.5%; height: 60px; padding: 12px; border: 1px solid #e1e1e1; border-radius:2px; -webkit-form-shadow:none }
#write_tbl textarea:focus, #write_tbl textarea:active { border: 1px solid #e1e1e1!important }
#write_tbl .frm_file { height: auto; padding: 0; font-size: 0.88em }
.upload-name1, #write_tbl .upload-name2 { display: inline-block; height: 40px; padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; width: 78%; color: #999999; }
.file_label { display: inline-block; padding: 10px 20px; color: #fff; line-height: 20px; background-color: #6f809a; cursor: pointer; height: 20px; margin-left: 10px; }
.file1_del, .file2_del { display: inline-block; padding: 9px 15px; color: #777; line-height: 20px; border: 1px solid #bbb; cursor: pointer; height: 20px; margin-left: 10px; }
input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }

/* 라이트 버튼 */
.write_btn { overflow: hidden; position: relative; margin: 20px 0 }
.write_btn input[type="submit"], .write_btn input[type="button"] { float: right; display: block; width: 80px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #bbb; color: #777; font-weight: bold; font-size: 0.88em; margin-left: 20px; cursor: pointer; background-color: #fff; }
.write_btn input[type="submit"] { background-color: #6f809a; color: #fff; }

/* 삭제 버튼 */
.del_btn { background-color: #999 !important; color: #fff !important; }

/* 처리 버튼 */
.prc_btn { background-color: #0054a6 !important; color: #fff !important; }


/* ========== student_register.php ========== */
#member_wrap { width: 70%; margin-left: 300px; margin-top: 50px; margin-bottom: 100px; background-color: #fff; border-radius: 20px; padding: 5.21vw; font-size: 0.94em; line-height: 1.8; }
#member_wrap h1 { font-size: 2.50em; text-align: center; font-weight: bold; margin-bottom: 50px; }
#member_wrap .member h1 { font-size: 1.25em; font-weight: bold; margin-bottom: 20px; text-align: unset; }
.join_form .line { width: 100%; height: 3px; background-color: #708099; margin-bottom: 10px; }
.join_form .line2 { width: 100%; height: 3px; background-color: #708099; margin-bottom: 10px; margin-top: 50px; }
.join_form .line3 { width: 100%; height: 1px; background-color: #b9c2d1; margin-bottom: 10px; }
.join_form .line4 { display: none; }
.join_form .form1 { width: 100%; display: flex; padding: 10px; }
.join_form .form1 .col1 { width: 50%; display: flex; position: relative; }
.join_form .form1 .col1 .check, .pw_confirm { margin-bottom: 5px !important; }
.join_form .form1 .col1 .label { font-weight: bold; width:100px; height: 35px; line-height: 35px; margin-left: 20px; margin-bottom: 20px; }
.join_form .form1 .col1 .grade { width: 490px; height: 36px; border: 1px solid #dddddd; }
.join_form .form1 .col1 .up_file { display: flex; }
.join_form .form1 .col1 .upload-name1, .upload-name2 { display: inline-block; height: 40px; padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; width: 490px; color: #999999; }
.join_form .form1 .col1 input[type="text"], .join_form .form1 .col1 input[type="date"], .join_form .form1 .col1 select { width: 440px; height: 32px; border: 1px solid #dddddd; margin-bottom: 20px; font-size: 14px; }
.join_form .form1 .col1 input[type="password"] { width: 440px; height: 32px; border: 1px solid #dddddd; }
.joinfile_label { display: inline-block; width: 150px; text-align: center; padding: 9px 15px; font-size: 0.88em; color: #6f809a; line-height: 21px; border:2px solid #6f809a; border-radius: 10px; cursor: pointer; height: 20px; margin-left: 10px; }
.join_form .form2 { display: flex; padding: 10px; }
.join_form .form2 .col1 { display: flex; }
.join_form .form2 .label { font-weight: bold; height: 35px; line-height: 35px; margin-left: 20px; }
.join_form .form2 input[type="text"] { width: 490px; height: 32px; border: 1px solid #dddddd; margin-bottom: 20px; }
.join_form .form2 #detailAddress { width: 987px; height: 32px; }
.join_form input[type="button"] { display: block; width: 150px; height: 40px; color: #fff; background-color: #aaa; line-height: 40px; border-radius: 10px; border: 0; cursor: pointer; margin: 100px auto; font-weight: bold; text-align: center; }
.join_form .form2 input[type="button"] { margin: 0; display: inline-block; width: 120px; height: 38px; font-size: 0.88em; color: #6f809a; background-color: #fff; line-height: 35px; border:2px solid #6f809a; border-radius: 10px; cursor: pointer; margin-left: 10px; }
.join_form input[type="submit"], .join_form .join_btn ul li a { display: block; width: 150px; height: 40px; color: #fff; background-color: #6f809a; line-height: 40px; border-radius: 10px; border: 0; cursor: pointer; margin: 100px auto; font-weight: bold; text-align: center; }
.join_form .join_btn .right { display: flex; justify-content: center; }
.join_form .join_btn .right li { margin-right: 30px; }
.join_form .join_btn .right li:last-child { margin-right: 0px; }
.join_form .form1 .col1 input.school { width: 440px; height: 32px; border: 1px solid #dddddd; margin-bottom: 1px; padding-left: 5px; }
.join_form .form1 .col1 .ex_txt { font-size: 0.85em; color: #777; }
.ex_txt { font-size: 0.85em; color: #777; line-height: initial; margin-top: 5px; }
.join_form .form1 .col1 div.phone { width: 80%; }
.join_form .form1 .col1 div.email { width: 80%; }


/* ========== student.php ========== */
.student table th:nth-child(1) { width: 80px; }
.student .level_btn { display: flex; justify-content: space-between; margin-bottom: 15px;}
.student .level_btn ul { display: flex; justify-content: end; }
.student .level_btn ul li { margin-left: 15px; }
.student .level_btn ul li a { display: inline-block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #777; border: 1px solid #bbb; border-radius: 5px; font-size: 14px; font-weight: bold; }
.student .level_btn ul li input[type="text"] { width: 200px; height: 40px; border: 1px solid #dddddd; color: #777; text-align: center; }
.student .level_btn ul li input[type="button"] { display: inline-block; width: 100px; height: 40px; color: #fff; background-color: #aaa; line-height: 40px; border-radius: 10px; border: 0; cursor: pointer; font-weight: bold; text-align: center; }




/* ========== student_view.php ========== */
#member_wrap .member .join_form .form1 { width: 100%; }
#member_wrap .member .join_form .form1 .col1 { width: 50%; }
.member .join_form .form1 .col2, .member .join_form .form2 .col2, .member .join_form .form1 .up_file { line-height: 35px; margin-left: 30px; }
.member .join_form .form1 .up_file a { color: #000; }
.member .join_form .form1 .up_file a:hover { color: #548ed4; }
.member .join_form .form1 .label, .join_form .form2 .label { width: 100px; margin-bottom: 10px; position: relative; }
.member .join_form .form2 .label::after { content: ''; display: inline-block; width: 2px; height: 25px; vertical-align: middle; position: absolute; right: 0; top: 5px; background-color: #708099; }
.member .join_form .form1 .label::after { content: ''; display: inline-block; width: 2px; height: 25px; vertical-align: middle; position: absolute; right: 0; top: 5px; background-color: #708099; }
.member .btn_area { overflow :hidden; position: relative; margin: 20px 0 }
.member .btn_area ul { overflow: hidden }
.member .btn_area ul li { float: left }
.member .btn_area .left { float: left }
.member .btn_area .left li { margin-right: 4px }
.member .btn_area .right { float: right }
.member .btn_area .right li { margin-left: 4px }
.member .btn_area ul li a, .member .btn_area ul li input { border-radius: 0; margin: 0; display: block; width: 90px; height:42px; text-align: center; line-height:42px; border: 1px solid #bbb; color: #777; font-weight: bold; background: #fff; font-size: 1em; }
/*.member .btn_area ul li input { height: 47px; }*/
.member .btn_area ul li a.w_btn { width: 120px }


/* ========== teacher.php ========== */
.teacher table th:nth-child(1) { width: 80px; }


/* ========== teacher.php ========== */
.notice table th:nth-child(1) { width: 80px; }
.notice table th:nth-child(3) { width: 230px; }
.notice table th:nth-child(4) { width: 80px; }


/* ========== pds.php ========== */
.pds table th:nth-child(1) { width: 80px; }
.pds table th:nth-child(3) { width: 200px; }
.pds table th:nth-child(4) { width: 150px; }
.pds table tr td a img { width: 25px; vertical-align: middle; }
.pds table tbody tr { cursor: initial; }
.pds table tbody tr td:nth-child(2) { cursor: pointer; }


/* ========== docs.php ========== */
.docs table th:nth-child(1) { width: 80px; }
.docs table th:nth-child(4) { width: 150px; }
.docs table tr td a img { width: 25px; vertical-align: middle; }


/* ========== docu.php ========== */
.docu table th:nth-child(1) { width: 80px; }
.docu table th:nth-child(3) { width: 150px; }
.docu table th:nth-child(4) { width: 200px; }
.docu table th:nth-child(5) { width: 100px; }


/* ========== /work/schedule.php ========== */
#calendar { width: 80%; margin: 0 auto; }
/* 토, 일 색상 표시 */
.fc .fc-sun, .fc .fc-sun .fc-day-number { color: rgb(233, 27, 35); }
.fc .fc-sat, .fc .fc-sat .fc-day-number { color: rgb(52, 152, 219); }
.dropNewEvent { font-size: 13px; }
.inputModal { width: 65%; margin-bottom: 20px; height: 40px; border: 1px solid #d3d4da; }
#contextMenu { position: absolute; display: none; z-index: 2; }
#contextMenu .dropdown-menu { border: none; }
.opacityWeekend { background-color: #f4f4fb !important; }
#edit-color { color: #d25565; background-color: #fff; }
#edit-start, #edit-end { background-color: #fff; }
select.filter { width: 500px !important; }
#edit-allDay { margin-top: 12px; }
.weekbd table td { line-height: 0; } /*한칸 높이 조절*/
select { box-sizing: content-box; }
#eventModal select { width: 59.5%; margin-bottom: 20px; }
.time_chk { margin: 10px 20px 20px 0; }
.fc-avatar-image { top: 4px; left: 20px; height: 28px; width: 28px; border-radius: 50%; position: absolute; z-index: 2; }
.fc-avatar-image img { height: 28px; width: 28px; border-radius: 50%; }
.fc-avatar-image:before { content: none !important; }
.fc-day-header { text-transform: uppercase; font-size: 14px; font-weight: bold; color: #505363; background-color: #fff; padding: 11px 0px !important; text-decoration: none; }
.fc-day-header a { text-decoration: none !important; color: #505363; }
.fc-center h2 { font-weight: 600; }
.fc-toolbar.fc-header-toolbar { margin-bottom: 22px; padding-top: 22px; }
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { padding-bottom: 1em; padding-top: 1em; }
.fc-day { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.fc-day:hover { background: #EEF7FF; cursor: pointer; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.fc-highlight { background: #EEF7FF; opacity: 0.7; }
.fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); display: none; }
.fc-time-grid-event.fc-short .fc-time span { display: inline-block; }
.fc-time-grid-event.fc-short .fc-avatar-image { display: none; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event { border: 1px solid #fff !important; }
.fc-time-grid-event.fc-short .fc-content { padding: 4px 20px 10px 22px !important; }
.fc-time-grid-event .fc-avatar-image { top: 9px; }
.fc-event-vert { min-height: 22px; }
.fc .fc-axis { vertical-align: middle; padding: 0 4px; white-space: nowrap; color: #505362; text-align: center !important; }
.fc-unthemed .fc-event .fc-content, .fc-unthemed .fc-event-dot .fc-content { padding: 5px 10px 5px 10px; margin-left: -1px; height: 100%; }
.fc-event { border: none !important; }
.fc-day-grid-event .fc-time { font-size: 13px; font-weight: 700; text-transform: uppercase; }
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed th, .fc-unthemed thead { border-color: #DADFEA; }
.fc-ltr .fc-h-event .fc-end-resizer, .fc-ltr .fc-h-event .fc-end-resizer:before, .fc-ltr .fc-h-event .fc-end-resizer:after, .fc-rtl .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-start-resizer:before, .fc-rtl .fc-h-event .fc-start-resizer:after { left: auto; cursor: e-resize; background: none; }
/* popover */
.popover { background: #fff !important; color: #2E2F34; border: none; margin-bottom: 10px; }
.popoverTitleCalendar { height: 100%; padding: 15px 15px; font-size: 13px; border-radius: 5px 5px 0 0; }
.popoverInfoCalendar i { font-size: 14px; margin-right: 10px; line-height: inherit; color: #d3d4da; }
.popoverInfoCalendar p { margin-top: 5px; }
.popoverDescCalendar { margin-top: 12px; padding-top: 12px; padding-bottom: 3px; border-top: 1px solid #E3E3E3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.popover-title { background: transparent; font-weight: 600; padding: 0 !important; border: none; }
.popover-content { padding: 15px 15px; font-size: 13px; }
/* 수업스케줄 */
.tippy-box[data-theme~='custom'] { background-color: #fff !important; }
.tippy-box[data-placement^=top]>.tippy-arrow:before{ border-top-color: #fff; }
.fc-timegrid-slot { color: #555; }
.fc-timegrid-now-indicator-line { border-color: rgb(52, 152, 219) !important; }
.fc .fc-timegrid-col.fc-day-today { background-color: #e5f1f7; }
.fc-col-header-cell { font-size: 0.88em; padding: 8px 0 !important; color: #505363; }
.fc-toolbar-title { font-weight: bold; }
/* 시간 표시 */
.fc-direction-ltr .fc-timegrid-now-indicator-arrow { border-color: #2196f3; border-bottom-color: transparent; border-top-color: transparent; }


/* ========== workPlan.php ========== */
.workPlan table th:nth-child(2) { width: 150px; }
.workPlan table th:nth-child(3) { width: 150px; }
.workPlan table th:nth-child(4) { width: 100px; }
.workPlan table td:nth-child(1) { cursor: pointer; }
.workPlan table td:nth-child(2) { text-align: center; }
.workPlan table td:nth-child(3) { text-align: center; }
.workPlan table td:nth-child(4) { text-align: center; }
.opr_name { font-weight: bold; font-size: 1.88em; text-align: center; margin-bottom: 30px; }
/* 버튼 */
.btn_area { overflow: hidden; position: relative; margin: 20px 0 }
.btn_area ul li { float: left }
.btn_area .left { float: left }
.btn_area .left li { margin-right: 4px }
.btn_area ul { overflow: hidden }
.btn_area .right { float: right }
.btn_area .right li { margin-left: 4px }
.btn_area ul.right li a { display: block; width: 80px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #bbb; color: #777; font-weight: bold; font-size: 14px; }
.btn_area ul.right li a.w_btn { width: 120px }
/* 테이블 */
.oprtbl .long { display: block; border-radius: 10px; color: #fff; font-weight: bold; }
.oprtbl .mid { display: block; margin-left: 50px; border-radius: 10px; color: #fff; font-weight: bold; }
.oprtbl .short { display: block; margin-left: 100px; border-radius: 10px; color: #fff; font-weight: bold; }
/* page */
.opr_page { display: flex; justify-content: center; }
.opr_page li a img { display: block; margin: 0 auto; width: 35px; }
.opr_page li.prev { width: 70px; }
.opr_page li.next { width: 70px; }
.oprPlan .btn_area { margin-top: 100px; }
.oprPlan .page_num { margin-left: 90px; }
.oprPlan .page_num li b { background-color: #78a3e4; }


/* ========== workPlan_view.php ========== */
.progress_inp { width: 95px; height: 40px; padding: 0 20px 0 12px; border: 1px solid #e1e1e1; font-size: 0.94em; color: #777; }
#write_wrap .tit .wdate { display: block; font-size: 16px; color: #999; height: 30px; line-height: 20px !important; }


/* ========== inquire.php ========== */
.inquire table th:nth-child(1) { width: 80px; }
.inquire table th:nth-child(6) { width: 100px; }


/* ========== counsel_view.php ========== */
#write_wrap .info_wrap { display: flex; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid #ddd; font-size: 0.88em; line-height: 60px }
#write_wrap .top_line { border-bottom: 2px solid #777; height: 50px; }
#write_wrap .info_wrap ul { display: flex; width: 100%; }
#write_wrap .info_wrap ul li { display: inline-block; width: 48%; }
#write_wrap .info_wrap ul li:first-child { margin-right: 50px; }
#write_wrap .info_wrap b { font-weight: 700; text-align: center; display: inline-block; width: 100px; border-right: 1px solid #ddd; margin-right: 15px; }
#write_wrap .cont_tit { display: block; font-weight: 700; font-size: 1.56em; padding: 15px 23px; }
.cns_cont { padding-top: 20px !important; padding-left: 30px !important; }
.cmnt_list { padding-top: 20px; }
.cmnt_list h2 { margin-left: 22px; font-weight: bold; font-size: 1.56em; }
.cmnt_write { padding: 22px; border-bottom: 1px solid #d1d1d1; }
.cmnt_write form { width: 100%; }
.cmnt_write .ck.ck-editor { width: 92%; }
.cmnt_write .ck-editor__editable { height: 150px; }
/*.ck.ck-editor__editable_inline { border: 1px solid #ccced1 !important; }*/
.cmnt_write .c_edit { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.cmnt_write .c_edit .cmnt_btn { width: 6%; height: 70px; background-color: #6f87b1; color: #fff; border: none; font-weight: bold; cursor: pointer; }
.cmnt_list .c_wrap { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #d1d1d1; }
.cmnt_list .c_wrap .c_inner { width: 95%; }
.cmnt_list .c_wrap .c_btn { width: 180px; line-height: 30px; }
.cmnt_list .c_wrap .c_inner .cmnt { line-height: 25px; }
.cmnt_list .c_wrap .c_inner .c_date { font-size: 0.88em; color: #777; margin-top: 10px; }
.cmnt_list .c_wrap .c_btn a { font-size: 0.88em; color: #777; }
.c_mod .edit_info { margin-top: 20px; }
.c_mod .edit_info input { width: 200px; height: 40px; }
.c_mod textarea { width: 100%; height: 80px; margin: 20px auto; resize: none; }
.c_mod input[type="submit"] { display: block; width: 100px; height: 40px; background-color: #6f87b1; color: #fff; font-weight: bold; border: none; margin: 10px auto; margin-top: 50px; cursor: pointer; }
.c_del p { text-align: center; margin: 30px auto; }
.c_del input[type="submit"] { display: block; width: 100px; height: 40px; background-color: #6f87b1; color: #fff; font-weight: bold; border: none; margin: 10px auto; }



/* ========== counsel.php ========== */
.counsel table th:nth-child(1) { width: 80px; }
.counsel table th:nth-child(3) { width: 200px; }
.counsel table th:nth-child(4) { width: 200px; }


/* ========== counsel_view.php ========== */
.cmnt_list h3 { font-size: 1.5em; font-weight: bold; text-align: center; margin-bottom: 20px; }
.cmnt_write h2 { font-weight: bold; margin-bottom: 10px; margin-right: 10px; }
.cmnt_write .cns_type, .cmnt_write .cns_date { margin-bottom: 20px; }
.cmnt_write .cns_type h2 { display: inline-block; }
.cmnt_write .cns_type input { width: 85.1%; height: 35px; line-height: 35px; border: 1px solid #ccc; border-radius: 2px; }
.cmnt_write .cns_date input { padding-right: 10px; height: 35px; line-height: 35px; border: 1px solid #ccc; border-radius: 2px; }
.cmnt_write .cns_date h2 { display: inline-block; }
.cmnt_inner .cinfo { display: flex; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; width: 100%; height: 45px; line-height: 45px; }
.cmnt_inner .cinfo p { display: inline-block; width: 50%; height: 100%; margin-left: 20px; }
.cmnt_inner .cinfo p:first-child { border-right: 1px solid #d1d1d1; }
.cmnt_inner .cinfo p b { font-weight: bold; }
.cmnt_inner .contents { display: flex; }
.cmnt_inner .cns_wrap .c_inner div { line-height: 40px !important; }
.cmnt_inner .cns_wrap .c_inner div b { font-weight: bold; margin-right: 10px; }
.cdate { display: inline-block; font-size: 0.88em; color: #777; margin-top: 10px; margin-right: 20px; }
.c_mod .edit_info b { font-weight: bold; margin-right: 15px; }
.c_mod .edit_info > div { margin-bottom: 15px; }
.c_mod .edit_info > h2 { margin-bottom: 20px; font-weight: bold; }
.c_mod .edit_info input[name="ctype"], .c_mod .edit_info input[name="cdate"] { width: 85%; border: 1px solid #d1d1d1; border-radius: 2px; }


/* ========== jobCounsel.php ========== */
.jcounsel table th:nth-child(1) { width: 80px; }
.jcounsel table th:nth-child(3) { width: 150px; }
.jcounsel table th:nth-child(4) { width: 200px; }
.jcounsel table th:nth-child(5) { width: 100px; }


/* ========== fame.php ========== */
.fame table th:nth-child(1) { width: 80px; }
.fame table th:nth-child(3) { width: 300px; }
.fame table th:nth-child(4) { width: 200px; }
.fame table th:nth-child(5) { width: 100px; }


/* ========== assets_view.php ========== */
.asset_pic img { width: 50%; }


/* ========== qna.php ========== */
.qna table th:nth-child(1) { width: 80px; }
.qna table th:nth-child(2) { width: 150px; }
.qna table th:nth-child(4) { width: 200px; }
.qna table th:nth-child(5) { width: 100px; }


/* ========== qna_view.php ========== */
.c_info { width: 100%; display: flex; margin-bottom: 10px; }
.c_info p { width: 30%; }
.c_info p input { width: 60%; height: 40px; padding: 0 20px 0 12px; border: 1px solid #e1e1e1; border-radius: 2px; font-size: 0.94em; color: #777; }


/* ========== eduReport_write.php ========== */
#write_wrap h3 { font-size: 1.75em; font-weight: bold; text-align: center; margin-bottom: 50px; }
.kakao_form { width: 100%; margin: 0 auto; }
.kakao_form .write_btn { display: flex; justify-content: center; }
.col1_topline { border-top: 2px solid #97a5b8; }
.rpr_wrap .col1 { position: relative; padding: 20px; border-bottom: 1px solid #97a5b8; }
.rpr_wrap .col1_bottomline { border-bottom: 2px solid #97a5b8; }
.rpr_wrap .col2 { position: relative; padding: 20px 0; }
.rpr_wrap .col1 span { display: inline-block; width: 100px; font-weight: bold; }
.rpr_wrap .col1 input { width: 88%; height: 35px; border: 1px solid #999; border-radius: 3px; padding: 0 5px; }
.rpr_wrap .col1 textarea { resize: none; width: 84.5%; height: 100px; border: 1px solid #999; border-radius: 3px; }
.text_col { vertical-align: top; margin-top: 12px; }
.rpr_wrap .col1 .r_feat::after { display: block; content: 'ex) 어머니, 아버지'; position: absolute; left: 150px; top: 57px; font-size: 0.88em; color: #999; }
.rpr_wrap .col1 .td_feat::after { display: block; content: 'ex) 2000-01'; position: absolute; left: 120px; top: 60px; font-size: 0.75em; color: #999; }
.rpr_wrap .col2 .feat::after { content: '(원장 작성)'; position: absolute; left: 15px; top: 50px; font-size: 0.88em; color: #999; }
.rpr_sec { display: flex; justify-content: space-between; }
.rpr_sec .rpr_txt1 { width: 50%; }
.rpr_sec .rpr_txt1 .tr_sec { width: 100%; margin: 20px 0; padding: 0 15px;  border: 2px solid #cfdae9; background-color: #feffff; border-radius: 10px; }
.rpr_sec .rpr_txt1 .col2 { position: relative; padding: 20px 0; }
.rpr_sec .rpr_txt1 .col2 span { display: inline-block; width: 160px; }
.rpr_sec .rpr_txt1 .col2 input { width: 75%; height: 35px; border: 1px solid #999; border-radius: 3px; }
.rpr_sec .rpr_txt1 .col2 textarea { resize: none; width: 74.5%; height: 100px; border: 1px solid #999; border-radius: 3px; }
.rpr_sec .rpr_txt2 { width: 44%; }
.rpr_sec .rpr_txt2 .txt_sec { border-radius: 10px; margin-top: 20px; padding: 15px; background-color: #f2f6fa; }
.rpr_sec .rpr_txt2 .txt_sec p { line-height: 25px; margin-bottom: 30px; }
.rpr_sec .rpr_txt2 .txt_sec p span { color: #f00; font-weight: bold; }


/* ========== eduReport_view.php ========== */
#write_tbl .rpr_txt1 .tr_sec { width: 100%; }
#write_tbl .rpr_txt1 input { width: 67%; border: none; border-left: 1px solid #cfdae9; padding-left: 20px; }
#write_tbl .rpr_txt1 input:focus { outline: none; }
#write_tbl .rpr_txt1 textarea { width: 67%; height: unset; overflow-y: hidden; resize: none; border: none; font-size: 1em; line-height: 25px; padding: 8px 0; padding-bottom: 5px; padding-left: 20px; border-left: 1px solid #cfdae9; }
#write_tbl .rpr_txt1 textarea:focus { outline: none; border: none !important; }
#write_tbl .rpr_txt1 .tr_sec .col2 span { font-weight: bold; }
.edurpr_sec { display: flex; justify-content: space-between; }
.edurpr_sec .rpr_txt1 { width: 46%; }
.edurpr_sec .rpr_txt1 .tr_sec { width: 100%; margin: 20px 0; padding: 0 15px;  border: 2px solid #cfdae9; background-color: #feffff; border-radius: 10px; }
.edurpr_sec .rpr_txt1 .col2 { position: relative; padding: 20px 0; }
.edurpr_sec .rpr_txt1 .col2 span { display: inline-block; width: 150px; }
.edurpr_sec .rpr_txt1 .col2 input { width: 80.5%; height: 35px; border: 1px solid #999; border-radius: 3px; }
.edurpr_sec .rpr_txt1 .col2 textarea { resize: none; width: 80%; height: 100px; border: 1px solid #999; border-radius: 3px; }
.edurpr_sec .rpr_txt2 { width: 48%; }
.edurpr_sec .rpr_txt2 .txt_sec { border-radius: 10px; margin-top: 20px; padding: 15px; background-color: #f2f6fa; }
.edurpr_sec .rpr_txt2 .txt_sec p { line-height: 25px; margin-bottom: 30px; }
.schGet { background-color: #999 !important; color: #fff !important; }


/* ========== /ins/log.php ========== */
.log_list table th:nth-child(1) { width: 80px; }
.log_list table th:nth-child(2) { width: 130px; }
.log_list table th:nth-child(3) { width: 80px; }
.log_list table th:nth-child(5) { width: 200px; }
.log_list table th:nth-child(6) { width: 200px; }
.log_list .list_table { margin-top: 0; }
.log_list .page_list { width: 80%; margin: 0 auto; display: flex; justify-content: end; }
.log_list .page_list .list_num { display: flex; }
.log_list .page_list .list_num p { margin-right: 10px; font-size: 0.88em; line-height: 25px; color: #333; }
.log_list .page_list .list_num select { width: 70px; height: 25px; border: 1px solid #777; border-radius: 3px; color: #333; }
.log_list .btn_area .list_back a { color: #777; line-height: 30px; font-size: 0.88em; margin-left: 20px; display: block; border: 1px solid #777; padding: 0 10px; border-radius: 5px; font-weight: bold; }
.log_list .list_table table .tr_line { cursor: pointer; }
.log_list .list_back { position: absolute; right: 0; top: 4px; }


/* ========== makeSubject.php ========== */
.tbl2 table th:nth-child(1) { width: 80px; }
.tbl3 { margin-bottom: 100px; }
.tbl3 table th:nth-child(1) { width: 80px; }
.tbl3 table th:nth-child(4) { width: 100px; }
.tbl3 table th:nth-child(5) { width: 100px; }
.subject_btn { display: flex; width: 60%; margin: 0 auto; justify-content: space-evenly; flex-wrap: wrap; }
.subject_btn .sub-btn { display: inline-block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #777; border: 1px solid #bbb; border-radius: 5px; font-size: 14px; font-weight: bold; background-color: #fff; cursor: pointer; }
.sub-icon { display: flex; justify-content: center; font-size: 30px; color: #333; margin: 50px auto; }
.sub-icon .sub-add, .sub-icon .sub-del { margin-right: 20px; padding: 5px 25px; border: 1px solid #999; border-radius: 5px; cursor: pointer; }
.tit-input, .make-input { width: 40px; height: 40px; padding: 0 20px 0 12px; border: 1px solid #e1e1e1; border-radius: 2px; font-size: 0.94em; color: #777; text-align: center; }
.tit-select { display: block; width: 77%; margin: 0 auto; margin-bottom: 50px; }


/* ========== regulations ========== */
.rgl_fmt { position: fixed; top: 0px; right: 0; width: 87.7%; height: 60px; line-height: 60px; font-weight: bold; font-size: 1.13em; background-color: #fff; -webkit-form-shadow: 2px 3px 2px rgba(150,150,150,100.1); -moz-form-shadow: 2px 3px 2px rgba(150,150,150,0.1); box-shadow: 2px 3px 2px rgba(150,150,150,0.1); z-index: 9; }
.rgl_fmt .fmt_download ul { display: flex; margin-left: 50px; }
.rgl_fmt .fmt_download ul li { margin-right: 30px; }
.rgl_fmt .fmt_download ul li a { color: #000; font-weight: 600; font-size: 0.72em; }
.rgl_fmt .fmt_download ul li a:hover { color: #548ed4; }
.regulations { width: 78.1%; margin-left: 14.6%; margin-top: 100px; margin-bottom: 50px; background-color: #fff; border-radius: 20px; padding: 70px 50px; background-image: url('/img/CETI_background.png'); background-attachment: fixed; background-repeat: no-repeat; background-position: 58% 50%; }
.regulations h1 { font-weight: bold; font-size: 3.13em; letter-spacing: 10px; text-align: center; margin-bottom: 50px; }
.regulations h3 { font-weight: bold; font-size: 2.50em; letter-spacing: 5px; text-align: center; margin-bottom: 50px; margin-top: 50px; }
.regulations .rgl_top { display: flex; justify-content: space-between; margin-bottom: 30px; }
.regulations .rgl_top .top_right { width: 85%; line-height: 28px; text-align: right; color: #548ed4; font-weight: bold; }
.regulations .rgl_top .top_right::after { display: block; content: ''; width: 100%; height: 3px; background-color: #548ed4; }
.regulations .rgl_bottom { width: 100%; height: 35px; line-height: 35px; text-align: center; background-color: #548ed4; color: #fff; font-weight: bold; }
.regulations .rgl_cont { width: 94%; margin: 0 auto; }
.regulations .rgl_cont h2 { font-size: 1.13em; font-weight: bold; color: #548ed4; margin-bottom: 15px; margin-top: 50px; }
.regulations .rgl_cont img:last-child { margin-bottom: 50px; }
.regulations .rgl_cont ul { margin-left: 10px; margin-bottom: 30px; }
.regulations .rgl_cont ul li { line-height: 25px; }


/* ========== duty.php ========== */
.duty { width: 78.1%; margin-left: 14.6%; margin-top: 50px; margin-bottom: 50px; padding: 50px; padding-top: 0; }
.duty h1 { font-size: 2em; font-weight: bold; margin-bottom: 50px; text-align: center; }
.duty .duty_wrap { display: flex; width: 90%; margin: 0 auto; background-color: #fff; padding: 30px; margin-bottom: 50px; }
.duty .duty_wrap .duty_img { width: 25%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.duty .duty_wrap .line { width: 1px; background-color: #ccc; }
.duty .duty_wrap .duty_img img { width: 35%; }
.duty .duty_wrap .duty_img h2 { font-size: 1.50em; font-weight: bold; color: #548ed4; margin-top: 10px; }
.duty .duty_wrap .duty_img p { font-size: 1.25em; font-weight: bold; color: #548ed4; margin-top: 10px; }
.duty .duty_wrap .duty_txt { width: 71%; margin-left: 40px; }
.duty .duty_wrap .duty_txt .duty_tit { width: 100px; text-align: center; padding: 12px 0; background-color: #548ed4; color: #fff; font-weight: bold; }
.duty .duty_wrap .duty_txt h3 { font-weight: bold; margin: 15px 0 10px 15px; }
.duty .duty_wrap .duty_txt .duty_list { display: flex; flex-wrap: wrap; margin-left: 30px; line-height: 35px; margin-bottom: 30px; }
.duty .duty_wrap .duty_txt .duty_list:last-child { margin-bottom: 0; }
.duty .duty_wrap .duty_txt .duty_list p { width: 50%; }
.duty .duty_wrap .duty_txt .duty_list p a { color: unset; }
.duty .duty_wrap .duty_txt .duty_mb { margin: 10px 0 15px 0; }
.duty .duty_wrap .duty_txt .duty_mb p { line-height: 30px; margin-left: 15px; }
.duty_w80 img { display:block; width: 80% !important; margin: 0 auto; }


/* ========== duty detail ========== */
.div_duty { width: 78.1%; margin-left: 14.6%; margin-top: 50px; margin-bottom: 50px; background-color: #fff; border-radius: 20px; padding: 100px 50px; }
.div_duty h1 { font-size: 2em; font-weight: bold; margin-bottom: 30px; text-align: center; }
.duty_img { margin: 0 auto; width: 100%; }
.duty_img img { width: 100%; }
.div_duty h2 { font-size: 1.50em; text-align: center; margin-bottom: 50px; }


/* ========== mngstd_write.php ========== */
.std-wrap { display: flex; flex-wrap: wrap; }
.std-wrap .std { width: 33%; margin: 10px 0; }
.std-wrap .std input[type="checkbox"] { margin-right: 5px; }
.mngstd_del { display: block; width: 80px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #bbb; color: #777; font-weight: bold; font-size: 14px; cursor: pointer; }


/* ========== lectureNote_view.php ========== */
.course_tbl { margin: 15px 0; }
.course_tbl table { border: 2px solid #777; }
.course_tbl table thead { border-bottom: 2px solid #777; }
.course_tbl table thead th { border: 1px solid #777; line-height: 45px; }
.course_tbl table thead th:nth-child(4) { width: 27vw; }
.course_tbl table thead th:nth-child(5) { width: 150px; }
.course_tbl table tbody tr td { border: 1px solid #777; text-align: center; line-height: 50px; }
.year_mon { display: flex; justify-content: end; font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #548ed4; }
.course_tbl .mod_btn { width: 60px; height: 30px; background-color: #548ed4; color: #fff; border: none; cursor: pointer; }
.course_tbl .cancel_btn, .course_tbl .del_btn { width: 60px; height: 30px; background-color: #ddd; color: #777; border: none; cursor: pointer; margin-right: 10px; }
.course_tbl .submit_btn { width: 60px; height: 30px; background-color: #d25565; color: #fff; border: none; cursor: pointer; }
.ln_input { width: 90%; height: 40px; padding: 0 5px; border: 1px solid #e1e1e1; border-radius: 2px; font-size: 0.94em; color: #777; }
.form_top { display: flex; justify-content: space-between; margin-bottom: 30px; }
.form_top .top_right { width: 85%; line-height: 28px; text-align: right; color: #548ed4; font-weight: bold; }
.form_top .top_right::after { display: block; content: ''; width: 100%; height: 3px; background-color: #548ed4; }
.form_bottom { width: 100%; height: 35px; line-height: 35px; text-align: center; background-color: #548ed4; color: #fff; font-weight: bold; margin-top: 10px; }
.disabled_input { text-align: center; background-color: #fff; color: black !important; border: none !important; }
.ln_desc_btn { width: 50px; background-color: #548ed4; color: #fff; border: none; cursor: pointer; }
@media print { body { print-color-adjust: exact; -webkit-print-color-adjust: exact; } }
.print_btn { display: block; width: 100px; height: 47px; text-align: center; line-height: 45px; line-height: 45px; border: 1px solid #bbb; color: #fff; font-weight: bold; background-color: #333; font-size: 1em; cursor: pointer; }


#write_stucosl { width: 70%; margin-left: 15%; margin-top: 50px; margin-bottom: 50px; background-color: #fff; border-radius: 20px; padding: 100px; padding-top: 50px; }


.kakao_form { width: 100%; margin: 0 auto; }
.kakao_form .write_btn { display: flex; justify-content: center; }
.col1_topline { border-top: 2px solid #97a5b8; }
.rpr_wrap .col1 { position: relative; padding: 20px; border-bottom: 1px solid #97a5b8; }
.rpr_wrap .col1_bottomline { border-bottom: 2px solid #97a5b8; }
.rpr_wrap .col2 { position: relative; padding: 20px 0; }
.rpr_wrap .col1 span { display: inline-block; width: 100px; font-weight: bold; }
.rpr_wrap .col1 input { width: 88%; height: 35px; border: 1px solid #999; border-radius: 3px; padding: 0 5px; }
.rpr_wrap .col1 textarea { resize: none; width: 84.5%; height: 100px; border: 1px solid #999; border-radius: 3px; }
.text_col { vertical-align: top; margin-top: 12px; }
.rpr_wrap .col1 .r_feat::after { display: block; content: 'ex) 어머니, 아버지'; position: absolute; left: 150px; top: 57px; font-size: 0.88em; color: #999; }
.rpr_wrap .col1 .td_feat::after { display: block; content: 'ex) 2000-01'; position: absolute; left: 120px; top: 60px; font-size: 0.75em; color: #999; }
.rpr_wrap .col2 .feat::after { content: '(원장 작성)'; position: absolute; left: 15px; top: 50px; font-size: 0.88em; color: #999; }
.rpr_sec { display: flex; justify-content: space-between; }
.rpr_sec .rpr_txt1 { width: 50%; }
.rpr_sec .rpr_txt1 .tr_sec { width: 100%; margin: 20px 0; padding: 0 15px;  border: 2px solid #cfdae9; background-color: #feffff; border-radius: 10px; }
.rpr_sec .rpr_txt1 .col2 { position: relative; padding: 20px 0; }
.rpr_sec .rpr_txt1 .col2 span { display: inline-block; width: 160px; }
.rpr_sec .rpr_txt1 .col2 input { width: 75%; height: 35px; border: 1px solid #999; border-radius: 3px; }
.rpr_sec .rpr_txt1 .col2 textarea { resize: none; width: 74.5%; height: 100px; border: 1px solid #999; border-radius: 3px; }
.rpr_sec .rpr_txt2 { width: 44%; }
.rpr_sec .rpr_txt2 .txt_sec { border-radius: 10px; margin-top: 20px; padding: 15px; background-color: #f2f6fa; }
.rpr_sec .rpr_txt2 .txt_sec p { line-height: 25px; margin-bottom: 30px; }
.rpr_sec .rpr_txt2 .txt_sec p span { color: #f00; font-weight: bold; }





/* ========== course.php ========== */
.course table th:nth-child(1) { width: 80px; }
.course table th:nth-child(3) { width: 130px; }
.course table th:nth-child(4) { width: 130px; }
.course table th:nth-child(5) { width: 190px; }
.course table th:nth-child(6) { width: 150px; }