@charset "utf-8";


/* ---------------------------
   History Timeline (최종본)
--------------------------- */
.history_wrap {display:flex; position:relative; max-width:1060px; margin:60px auto 0; padding:100px 0 0;}
.timeline {position:absolute; left:50%; top:0; width:2px; height:100%; background:#ddd;}
.timeline_fill {position:absolute; left:0; top:0; width:100%; height:0; background:#00198E; transition:height .4s ease-out;}
.scroll_dot {position:absolute; left:calc(50% - 6px); bottom:0; width:12px; height:12px; background:#00198E; border-radius:50%; z-index:2; transition:top .6s cubic-bezier(.25,.8,.25,1);}
.history_left {position:sticky; top:150px; flex:0 0 50%; height:600px; z-index:3;}
.history_left .year_num {font-size:86px; font-weight:700; margin-top:0;}
.history_left .desc {color:#111; margin-top:50px; font-size:20px; line-height:1.5; margin-bottom:30px;}
.history_left .desc strong {font-size:28px; font-weight:600; margin-bottom:20px; display:block; color:#001369;}
.year_list {list-style:none; margin:0; padding:0;}
.year_list li {opacity:0.4; transition:opacity .4s ease; will-change:opacity;}
.year_list li.on {opacity:1;}
.year_list h2 {font-size:64px; font-weight:800; color:#00198E; margin-bottom:10px;}
.year_list .desc {font-size:18px; color:#555;}
.year_list .img_wrap img {width:100%; border-radius:20px; margin-top:30px;}
.history_right {flex:1; padding-left:70px; z-index:2;}
.history_block {margin-bottom:140px; position:relative; z-index:2;}
.history_block ul {list-style:none; margin:0; padding:0;}
.history_block li {margin-bottom:40px;}
.history_block .month {display:inline-flex; justify-content:center; align-items:center; width:65px; height:34px; background:#C2C2C7; color:#fff; font-weight:700; font-size:20px; border-radius:17px; margin-bottom:25px; transition:background .4s ease, color .4s ease;}
.history_block .month.active {background:#6C8197; color:#fff;}
.history_block .month.inactive {background:#C2C2C7; color:#fff;}
.history_block .m_year {display:none;}
.history_block li strong {display:block; font-size:22px; font-weight:700; color:#111; line-height:1.3;}
.history_block li em + strong {margin-top:20px;}
.history_block li strong + strong {margin-top:20px;}
.history_block li em {display:block; font-size:20px; font-weight:500; color:#111; margin-top:10px; line-height:1.2;}




.info-box {background:#F6F8F9; border-radius:10px; flex-wrap:wrap; justify-content:center; align-items:center; column-gap:20px; row-gap:10px; padding:32px 0; margin-bottom:60px; display:flex; justify-content:space-evenly;}
.benefits_wrap .info-box {margin-bottom:0;}
.info-text {color:#555; font-size:20px; font-weight:500; position:relative; display:flex; align-items:center; justify-content:center; width:auto;}
.info-text + .info-text::before {content:''; display:block; position:absolute; left:-32%; top:0; width:2px; height:24px; background:#E5E5E5;}
.info-text b {color:#fff; font-weight:700; background:#6C8197; padding:3px 12px; border-radius:15px; margin-right:12px;}
.info-box p {font-size:20px; font-weight:500; line-height:1.6; color:#5D6671; text-align:center;}
.info-box p img.info_icon {width:34px; height:auto; margin-right:16px; margin-top:4px;}
.info-box p strong {color:#001369; font-weight:700;}
.info-box .benefits_txt {display:block;}
.info-box .fw_bol {font-weight:600 !important;}
.info-box .fw_nor {font-weight:400 !important;}

.certify_btns {display:flex; justify-content:center; align-items:center; gap:20px; flex-wrap:wrap; margin-top:20px;}
.btn_cert {display:flex; align-items:center; justify-content:center; gap:20px; font-size:18px; font-weight:700; color:#fff; border-radius:10px; height:60px; padding:0 40px; transition:all .3s;}
.btn_cert img {height:32px;}
.btn_cert.phone {background:#00198E;}
.btn_cert.ipin {background:#2E6BDF;}

.btn_cert img.btn_icon {height:38px;}
.btn_cert span.btn_txt {display:block; font-size:19px; line-height:1.3; font-weight:600; letter-spacing:-1px;}
.btn_cert span.btn_txt strong {font-weight:600;}
.btn_cert.qna {background:#8D9DAE; color:#fff; padding:16px 36px; width:470px; height:84px; gap:30px;}
.btn_cert.qna span.btn_txt {color:#fff;}
.btn_cert.cancel {background:#DFE0E5; color:#333; padding:16px 40px; width:470px; height:84px; gap:30px;}
.btn_cert:hover {opacity:0.85;}
.btn_cert.my_page_box {height:106px !important; justify-content:flex-start; padding:16px 30px;} 



.hos_list_wrap {margin-top:40px;}
.hos_list_wrap .info-box {padding:40px;}
.hos_list_wrap .contact_table_wrap {margin-top:0px; padding-top:0; border-top:none; display:flex; gap:30px;}
.hos_list_wrap .contact_table_wrap .table_area {flex:1;}
.hos_list_wrap .contact_table_wrap .table_area dl + dl {margin-top:27px;}
.hos_list_wrap .contact_table_wrap .table_area dl dt {padding:0; width:87px;}
.hos_list_wrap .contact_table_wrap .table_area dl dd {padding:0; flex:1;}
.hos_list_wrap .table_bottom_btn.btn_type01 a {height:112px; width:152px; line-height:112px;}
.hos_list_wrap .input_checkbox_area {display:flex; flex-direction:row;}
.hos_list_wrap .input_array .search_area {width:85%;}
.hos_list_wrap .lec_info_tstyle6 th {border-bottom:1px solid #E5E5E5;}

.hospital_search_form {width:100%;}
.hospital_search_form .input_wrap_outer {display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.hospital_search_form .btn_type01 a {display:inline-block; height:56px; line-height:56px; padding:0 50px; background:#637a93; color:#fff; border-radius:14px; font-size:18px; font-weight:600; transition:all .3s ease;}
.hospital_search_form .btn_type01 a:hover {background:#00198E;}

.join_wrap {display:flex; flex-direction:column; margin-top:40px;}
.join_box {background:#F4F9FF; border-radius:20px; padding:50px 60px 50px 50px; border:1px solid #F4F9FF;}
.join_box:hover {border-color:#7C90EB;}
.join_box.personal {background:#F8FAFB; border-color:#F8FAFB; margin-top:60px;}
.join_box.personal:hover {border-color:#ADBFD2;}
.join_inner {display:flex; align-items:flex-start; gap:40px;}
.join_icon {display:flex; flex-direction:row; align-items:center;}
.join_icon img {width:54px; height:auto; flex-shrink:0; margin-right:20px;}
.join_icon h3 {font-size:28px; font-weight:700; color:#001369;}
.join_info {flex:1;}
.join_info p {font-size:18px; color:#5D6671; line-height:1.7; margin-bottom:30px; font-weight:500;}
.join_info p strong.st_700 {color:#001369; font-weight:700;}
.join_info p span.dis_bl {display:block;}
.btn_join {display:flex; font-size:18px; font-weight:700; color:#111; background:#EAF0FF; border:1px solid #C2CFEF; border-radius:10px; padding:20px 35px; text-align:center; transition:all .3s; width:240px; align-items:center; justify-content:space-between;}
.btn_join:hover {background:#00198E; color:#fff; border-color:#00198E; }
.btn_join img {height:12px; transition:filter .3s ease; filter:invert(1) brightness(0);}
.btn_join:hover img {filter:none;}
.join_box.personal .btn_join {background:#E6ECEF; border-color:#C9D2DA;}
.join_box.personal .btn_join:hover {background:#6C8197; color:#fff; border-color:#6C8197;}
.join_wrap .info-box {margin-bottom:40px; justify-content:center;}
.join_wrap .notice-box + .table_bottom_btn {margin-top:60px}

.join_wrap .notice-box {border:1px solid #CECFD5; padding:60px 20px; background:#fff; text-align:center; position:relative; overflow:hidden;}
.join_wrap .notice-box:hover {border-color:#CECFD5; box-shadow:none; outline:none;}
.join_wrap .notice-box .bg {position:absolute; left:50%; z-index:0;}
.join_wrap .notice-box .bg img {position:absolute; right:50px; top:-44px;}
.notice-icon {margin-bottom:35px;}
.notice-icon img {width:78px; height:auto;}
.notice-text h3 {font-size:32px; font-weight:700; color:#111; margin-bottom:34px;}
.notice-text p {font-size:22px; color:#555; line-height:1.7;}
.notice-text p + p {margin-top:30px;}
.notice-text .blue {color:#001369; font-weight:700; text-decoration:underline;}


/* 회원가입 안내 박스 */
.join_notice_label {display:block; font-size:22px; font-weight:500; color:#555; margin-bottom:56px; position:relative; z-index:1;}
.join_notice_label strong {background:#00198E; color:#fff; font-weight:700; color:#fff; padding:10px 36px; border-radius:23px; margin-right:13px;}
.join_notice_label br.mo {display:none;}



.law-wrap {max-width:1060px; margin:40px auto 0;}
.law-wrap .law-item {background:#F6F8F9; border-radius:20px; overflow:hidden; margin-bottom:30px; transition:all .3s ease; border:1px solid #F6F8F9;}
.law-wrap .law-item:hover {border:1px solid #B1B9E3;}
.law-wrap .law-header {cursor:pointer; display:flex; align-items:center; justify-content:space-between; padding:45px 40px; background:#f7f9fb; border-radius:12px; transition:background .3s ease;}
.law-wrap .law-item.open {border:1px solid #B1B9E3; }
.law-wrap .law-item.open .law-header {background:#fff; border-bottom:1px solid #B1B9E3; border-radius:20px 20px 0 0;}
.law-wrap .law-item:last-child {margin-bottom:0;}
.law-wrap .law-title {font-size:30px; font-weight:600; color:#111; margin:0;}
.law-wrap .law-item.open .law-title {color:#001369;}
.law-wrap .law-content {padding:0 40px; background:#F8FBFF; font-size:18px; line-height:1.7; color:#333; height:0; overflow:hidden; transition:height .4s ease; font-weight:400;}
.law-wrap .law-con-inner {padding:40px 0 10px;}
.law-wrap .law-content p {margin:0 0 30px;}
.law-wrap .law-content strong {display:block; margin-bottom:12px; font-weight:600; color:#111; font-size:22px;}
.law-wrap .icon {position:relative; width:46px; height:46px; flex-shrink:0; border:2px solid #6C8197; border-radius:100%;}
.law-wrap .state_end .icon {display:none;}
.law-wrap .state_end .law-header {cursor:default;}
.law-wrap .icon::before, .law-wrap .icon::after {content:''; position:absolute; background:#6C8197; transition:all .3s ease; border-radius:2px;}
.law-wrap .icon::before {width:20px; height:2px; top:50%; left:50%; transform:translate(-50%, -50%);}
.law-wrap .icon::after {width:2px; height:20px; top:50%; left:50%; transform:translate(-50%, -50%);}
.law-wrap .law-item.open .icon::before {background:#6C8197;}
.law-wrap .law-item.open .icon::after {height:0; top:50%; transform:translate(-50%, -50%);}
.law-wrap .lec_info_tstyle6 + .contact_title {margin-top:40px;}
.law-wrap .contact_title {margin-bottom:20px;}
.law-wrap .contact_title img {height:20px; width:auto;}
.law-wrap .contact_title span {font-weight:700;}
.law-wrap .table_bottom_btn {margin-top:70px; position:relative; margin-bottom:30px;}

.edu_top_box_inner {width:90%;}
.law-header.edu_top_box .edu_title_area {display:flex; align-items:center; flex-wrap:wrap; margin-bottom:20px; justify-content:flex-start; width:100%;}
.law-header.edu_top_box .law-title {font-size:27px; font-weight:700; color:#001369;}
.law-header.edu_top_box .edu_state {color:#fff; border-radius:15px; font-weight:700; height:30px; line-height:30px; font-size:17px; padding:0 17px; margin-left:20px;}
.law-header.edu_top_box .edu_state.ing {background:#1337DD; }
.law-header.edu_top_box .edu_state.end {background:#EB3755;}
.edu_info_summary {display:flex; align-items:flex-start; flex-wrap:nowrap; gap:26px;}
.edu_info_summary li {font-size:18px; display:flex; align-items:flex-start; white-space:nowrap; font-weight:600;}
.edu_info_summary li:first-child {white-space:break-spaces; width:245px;}
.edu_info_summary li.member_count {flex:1; min-width:250px; margin-left:12px;}
.edu_info_summary b {font-weight:700; color:#001369; margin-right:14px;}


.count_bar {display:flex; align-items:center; gap:17px; position:relative; margin-left:10px;}
.count_bar .bar_wrap {position:relative; flex:none; height:6px; background:#e5e8eb; border-radius:3px; width:240px; overflow:visible;}
.count_bar .bar_wrap .bar {position:absolute; top:0; left:0; height:6px; width:0; background:linear-gradient(90deg,#2048AD,#0086F4); border-radius:3px;}
.count_bar .bar_wrap .bar_label {position:absolute; top:-36px; transform:translateX(-50%); background:#6C8197; color:#fff; font-size:14px; font-weight:700; padding:5px 10px; border-radius:15px; white-space:nowrap; text-align:center; transition:all .15s ease;}
.count_bar .bar_wrap .bar_label::after {content:""; position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); border-width:5px 5px 0 5px; border-style:solid; border-color:#6C8197 transparent transparent transparent;}
.count_bar .total {font-size:16px; color:#555; font-weight:600;}


.state_ing .end_img {display:none;}
.state_ing .ing_img {display:block;}
.state_end .end_img {display:block;}
.state_end .ing_img {display:none;}
.state_end .count_bar .bar_wrap .bar {background:linear-gradient(90deg,#474B5E,#C6D3D7);}
.state_end .edu_info_summary b {color:#555}
.state_end .edu_info_summary li {color:#555}
.state_end .table_bottom_btn.btn_type02 a {background-color:#F6F8F9; border-color:#E4EAF0;}
.state_end .table_bottom_btn.btn_type02 a:hover {background-color:#6C8197; border-color:#6C8197;}
.state_end .count_bar .bar_wrap .bar_label {background-color:#555;}
.state_end .count_bar .bar_wrap .bar_label::after {border-color:#555 transparent transparent transparent;}
.law-wrap .law-item.state_end:hover {border-color:#CECFD5;}
.law-wrap .law-item.state_end.open {border-color:#CECFD5;}
.law-wrap .law-item.state_end.open .law-header {border-color:#CECFD5;}

.law-wrap .table_bottom_btn a.link {position:absolute; right:0; top:-50px; min-width:auto; max-width:124px; height:38px; line-height:38px; padding:0 20px; border-radius:19px; background:#fff; border:1px solid #7C90EB; display:flex; justify-content:center;align-items:center; font-size:15px; font-weight:600; color:#111;}
.law-wrap .table_bottom_btn a.link:hover {color:#111; border-color:#7C90EB; background:#fff;}
.law-wrap .table_bottom_btn a.link img {width:18px; height:18px; margin-left:12px;}


.edu_table th, .edu_table td, .edu_schedule_table th, .edu_schedule_table td {border:1px solid #ddd; padding:10px; text-align:left; vertical-align:middle;}
.edu_table th {background:#f9f9f9; font-weight:600;}
.edu_schedule_table th {background:#f1f3f6; font-weight:600;}
.edu_schedule_table td.break {text-align:center; color:#999;}
.edu_schedule_table td.lunch {text-align:center; color:#0072ce;}
.speaker {display:block; color:#666; font-size:13px; margin-top:4px;}
.edu_btn_wrap {display:flex; justify-content:center; gap:15px; margin-top:60px;}
.btn_apply {background:#002780; color:#fff; padding:14px 40px; border-radius:6px; font-size:16px;}
.btn_share {background:#f5f5f5; border:1px solid #ddd; padding:14px 40px; border-radius:6px; font-size:16px;}


.business_wrap .b_inner_top {display:flex; justify-content:space-between; align-items:flex-end;}
.business_wrap .b_inner_bottom {position:relative;}
.b_inner_bottom .history_select_wrap {width:200px; margin-bottom:0; position:absolute; right:0; top:-8px; z-index:2;}



/* 조직도 */
.org-chart{max-width:1060px;margin:0 auto;text-align:center;opacity:0;transform:translateY(60px);transition:opacity 1s ease,transform 1s ease;}
.org-chart.show{opacity:1;transform:translateY(0);}
.org-chart .top{margin-top:100px;}
.org-chart .chairman{background:#002C9B;color:#fff;width:150px;height:150px;border-radius:100%;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;line-height:1.3;}
.org-chart .chairman::after{content:'';display:block;background:url("../img/chairman_dot.png") no-repeat center center;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;width:190px;height:190px;z-index:-1;}
.org-chart .second{display:flex;justify-content:center;gap:320px;margin:20px 0 0;position:relative;}
.org-chart .second::after{width:50%;content:'';display:block;height:2px;background:#DDE4EB;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;}
.org-chart .b-block{/*border:1px solid #98A5B3;border-radius:8px;background:#fff; height:50px;line-height:50px;*/font-size:18px;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;}
.org-chart.active .b-block{opacity:1;transform:translateY(0);}
.org-chart .b-block span{display:inline-block;opacity:0;transform:translateY(15px);transition:opacity .5s ease .3s,transform .5s ease .3s;}
.org-chart.text-show .b-block span{opacity:1;transform:translateY(0);}
.org-chart .second .b-block{border:1px solid #AAC3DB;border-radius:12px;height:64px;line-height:64px;background:#EDF1F5;font-weight:700;font-size:20px;color:#001369;min-width:260px;}

.org-chart .vice-chairman {display:inline-block; background:#596DC8; color:#fff; width:150px; height:150px; border-radius:100%; font-weight:700; font-size:20px; display:flex; align-items:center; justify-content:center; margin:0 auto; position:relative;} /* 부회장 원형 */
.org-chart .members {display:flex; justify-content:center; gap:24.1%; margin-top:50px; padding-top:35px; position:relative;} /* 이사 섹션 */
.org-chart .members::before {content:''; width:2px; height:380px; position:absolute; display:block; background:#DDE4EB; top:-380px; left:calc(50% - 2px); z-index:-2;} /* 부회장 아래 수직선 */
.org-chart .members::after {width:62%; content:''; display:block; height:2px; background:#DDE4EB; position:absolute; left:43%; top:0; transform:translate(-50%, 0);} /* 좌우 연결선 */
.org-chart .members .left {display:flex; flex-direction:column; gap:18px; padding:24px 0; position:relative; border: 1px solid #98A5B3; border-radius:8px; background:#fff; margin-top:30px;}
.org-chart .members .left::after{content:''; width:2px; height:65px; position:absolute; display:block; background:#DDE4EB; top:-65px; left:calc(50% - 3px); z-index:-1;} /* 왼쪽 라인 연결선 */
.org-chart .members .right {display:flex; flex-direction:row; gap:24px; position:relative; padding-top:30px; }
.org-chart .members .right::before {content:''; width:2px; height:35px; position:absolute; display:block; background:#DDE4EB; top:-35px; left:calc(50% - 5px);} /* 오른쪽 상단 수직선 */
.org-chart .members .right::after {width:53%; content:''; display:block; height:2px; background:#DDE4EB; position:absolute; left:50%; top:0; transform:translate(-50%, 0);} /* 오른쪽 그룹 연결선 */
.org-chart .members .right-top, 
.org-chart .members .right-bottom {display:flex; flex-wrap:nowrap; flex-direction:column; justify-content:flex-start; gap:18px; position:relative; padding:24px 0; position:relative; border: 1px solid #98A5B3; border-radius:8px; background:#fff;}
.org-chart .members .right-top::after, 
.org-chart .members .right-bottom::after {content:''; width:2px; height:30px; position:absolute; display:block; background:#DDE4EB; top:-30px; z-index:-1;} /* 분회 수직 연결선 */
.org-chart .members .right-top::after {left:calc(50% - 2px);}
.org-chart .members .right-bottom::after {left:calc(50% + 2px);}
.org-chart .members .b-block {min-width:260px;} /* 분회 이름 박스 크기 고정 */

/* -------------------- 병원간호사회 조직도 (하단 구조) -------------------- */
.org-chart .third {position:relative;}
.org-chart .third::after {content:''; width:2px; height:630px; position:absolute; display:block; background:#DDE4EB; top:-630px; left:calc(50% - 2px); z-index:-2;} /* 회장-분야별 간호사회 연결선 */
.org-chart .third .b-block.title {background:#E8EBF6; font-weight:700; color:#111; border:none; border-radius:12px; width:260px; height:64px; line-height:64px; margin:0 auto 50px;} /* 제목 블록 */
.org-chart .third .b-block.point {font-weight:700; color:#00198E; /*background:#F4F9FF; border:1px solid #7C90EB;*/} /* 강조 블록 (투석간호사회 등) */
.org-chart .third {display:flex; justify-content:space-between; gap:40px; margin-top:30px;} /* 전체 배치 */
.org-chart .third .b-block {flex:1; display:flex; flex-direction:column; align-items:center; gap:8px; min-width:220px; /*height:50px; line-height:50px;*/}
.org-chart .third .left, .org-chart .third .center, .org-chart .third .right {position:relative;}
.org-chart .third .left::before, 
.org-chart .third .center::before, 
.org-chart .third .right::before {content:''; width:2px; height:80px; background:#DDE4EB; position:absolute; top:64px; left:50%; transform:translateX(-50%); z-index:-1;} /* 수직 연결선 */
.org-chart .third .center::before {height:40px; top:40px;}
.org-chart .third .center-right {display:flex; flex-direction:column; gap:18px;}
.org-chart .third .inner-wrap {gap:18px; display:flex; flex-direction:column; padding:24px 0;  border: 1px solid #98A5B3; border-radius:8px; background:#fff; }
.org-chart .third .center-inner {display:flex; flex-direction:row; gap:12px; position:relative; padding:0; border:none; align-items:baseline;}    
.org-chart .third .center-inner::after {width:53.1%; content:''; display:block; height:2px; background:#DDE4EB; position:absolute; left:50%; top:-35px; transform:translate(-50%, 0); z-index:-1;} /* 실행이사 좌우 연결선 */
.org-chart .third .center-left,
.org-chart .third .center-right {position:relative; width:calc(50% - 6px); padding:24px 0;  border: 1px solid #98A5B3; border-radius:8px; background:#fff; }
.org-chart .third .center-left::after, 
.org-chart .third .center-right::after {content:''; width:2px; height:40px; position:absolute; display:block; background:#DDE4EB; top:-35px; z-index:-1;}
.org-chart .third .center-left::after {left: calc(50% - 5px);}
.org-chart .third .center-right::after {left: calc(50% + 3px);}


.gallery_wrap {margin-top:40px;}
.gallery_wrap .gallery_list {display:flex; flex-wrap:wrap;}
.gallery_wrap .gallery_item {width:calc(33.3% - 13.5px); margin-right:20px; cursor:pointer;}
.gallery_wrap .gallery_item_inner {background:#F6F8FC; border-radius:16px; overflow:hidden; transition:all .3s ease, box-shadow .3s ease; height:100%;}
.gallery_wrap .gallery_item:nth-child(3n) {margin-right:0;}
.gallery_wrap .gallery_item:nth-child(n+4) {margin-top:50px;}
.gallery_wrap .gallery_item a {display:block; text-decoration:none; color:#111;}
.gallery_wrap .gallery_item .thumb {width:100%; height:214px; overflow:hidden; border-radius:16px;}
.gallery_wrap .gallery_item .thumb img {width:100%; height:100%; object-fit:cover; transition:transform .4s ease;}
.gallery_wrap .gallery_item .info {padding:30px 20px;}
.gallery_wrap .gallery_item .title {font-size:22px; font-weight:600; color:#111; line-height:1.4; margin-bottom:30px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.gallery_wrap .gallery_item .date {font-size:18px; color:#555;}
.gallery_wrap .gallery_item_inner:hover {box-shadow:6px 14px 22px #000C3B1F; background-color:#fff;}
.gallery_wrap .gallery_item_inner:hover .thumb img {transform:scale(1.1);}

.table_wrap {position:relative; max-width:1060px; margin:0 auto;}
.table_wrap .table_area {margin-top:40px;}
  .table_wrap .table_area .table_view .table_view_con .bottom_txt_wrap {display:flex; gap:20px;}
.table_wrap .table_area .table_view .table_view_con .title_wrap {position:relative; display:flex; flex-direction:column; border-bottom:1px solid #CECFD5; padding-bottom:30px;}
.table_wrap .table_area .table_view .table_view_con .title {font-size:40px; line-height:1.2; color:#111;   font-weight:700; margin-bottom:30px;}
.table_wrap .table_area .table_view .table_view_con .title .tit_txt {width:100%;}
.table_wrap .table_area .table_view .table_view_con .title_wrap span {display:inline-block;}
.table_wrap .table_area .table_view .table_view_con .title_wrap span.date {color:#888; font-size:18px; font-weight:400; display:inline-block;}
.table_wrap .table_area .table_view .table_view_con span.bottom_txt {font-size:18px; font-weight:400; }
.table_wrap .table_area .table_view .table_view_con span.new_line {margin-top:26px;}
.table_wrap .table_area .table_view .table_view_con span.bottom_txt + .bottom_txt {padding-left:22px; position:relative;}
.table_wrap .table_area .table_view .table_view_con span.bottom_txt + .bottom_txt:after {content:""; width:1px; height:16px; background:#ccc; display:inline-block; position:absolute; left:0; top:0}
.table_wrap .table_area .table_view .table_view_con span em.num {font-weight:700; margin-right:20px; color:#333;}
.table_wrap .table_area .table_view .table_view_con span em.num img {margin-top:-1px; margin-right:6px;}
.table_wrap .table_area .table_view .table_view_con .view_con {position:relative; padding:80px 60px; text-align:center;}
.table_wrap .table_area .table_view .table_view_con .view_con.benefits_wrap {padding-bottom:0;}
.table_wrap .table_area .table_view .table_view_con .view_con p {font-size:18px; line-height:1.8; color:#111; text-align:left;}
.table_wrap .table_area .table_view .table_view_con .view_con img {width:100%;}
.table_wrap .table_area .table_view .table_view_con .view_con img + p {margin-top:60px;}
.table_wrap .table_area .table_desc {position:relative; padding:0; font-weight:400; line-height:22px; height:36px;}
.table_wrap .table_area .table_desc p {padding-top:21px; font-size:16px; font-weight:400; color:#4d4d4d;}
.table_wrap .table_area .table_desc .desc_right {position:absolute; right:0; bottom:0;}
.table_wrap .table_area .prev_next_view {border-top:1px solid #CECFD5;}
.table_wrap .table_area .prev_next_view table {width:100%;}
.table_wrap .table_area .prev_next_view table tbody tr td {vertical-align:middle; font-size:20px; color:#111; text-align:left; border-bottom:1px solid #CECFD5; padding:28px 0;}
.table_wrap .table_area .prev_next_view table tbody tr td.title a {font-weight:400; text-align:left; display:inline-block; width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table_wrap .table_area .prev_next_view table tbody tr.none td a {color:#888;}
.table_wrap .table_area .prev_next_view table tbody tr.none td strong {color:#888;}
.table_wrap .table_area .prev_next_view table tbody tr td.title p {float:right; width:15%; text-align:right; margin-right:40px;}
.table_wrap .table_area .prev_next_view table tbody tr td:first-child, .table_wrap .table_area .prev_next_view table tbody tr td:first-child a {text-align:center;}
.table_wrap .table_area .prev_next_view table tbody tr td a {display:block; text-align:left; padding:0;}
.table_wrap .table_area .prev_next_view table tbody tr td strong {color:#111; font-weight:500; font-size:20px;}
.table_wrap .table_area .search_none {border-top:3px solid #988f87; border-bottom:1px solid #CECFD5; height:276px;}
.table_wrap .table_area .search_none .title {margin-top:80px; padding-top:99px; color:#111; font-size:19px; text-align:center; background:url("../img/ico_search_none.png") no-repeat center 0; font-weight:700;}
.table_wrap .table_area .search_none .desc {margin-top:3px; color:#4d4d4d; font-weight:400; line-height:26px; text-align:center;}

.table_bottom_btn {text-align:center;}
.table_bottom_btn a {display:inline-block; height:60px; line-height:1; font-weight:700; text-align:center; width:164px; font-size:20px; border-radius:10px; transition:all .4s ease; -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center;}
.table_bottom_btn a + a {margin-left:3px;}
.table_bottom_btn.center_btn a {position:relative; text-align:center;}
.table_bottom_btn.btn_type01 a {background:#6C8197; color:#fff; }
.table_bottom_btn.btn_type01 a:hover {background:#485C72;}
.table_bottom_btn.btn_type02 a {background:#fff; color:#111; font-size:18px; border:2px solid #7C90EB; min-width:240px; font-weight:600;}
.table_bottom_btn.btn_type02 a:hover {background:#00198E; border-color:#00198E; color:#fff; font-weight:700;}
.table_bottom_btn.btn_type03 a {background:#F6F8F9; color:#111; font-size:18px; border:1px solid #E4EAF0; min-width:240px;}
.table_bottom_btn.btn_type04 {text-align:right; display:flex; justify-content:flex-end;}
.table_bottom_btn.btn_type04 a {background:#00198E; color:#fff; font-size:18px; border:1px solid #00198E; width:120px; height:50px; line-height:50px; display:flex; justify-content:center;    align-items:center;}
.table_bottom_btn.btn_type04 a img {height:12px; width:auto; margin-left:11px;}
.table_bottom_btn.btn_type05 a {width:240px; font-weight:600; font-size:18px; }
.table_bottom_btn.btn_type05 a.btn01 {background:#F6F8F9; border:1px solid #E4EAF0;}
.table_bottom_btn.btn_type05 a.btn01:hover {background:#6C8197; border:1px solid #6C8197; color:#fff;}
.table_bottom_btn.btn_type05 a.btn02 {background:#EAF0FF; border:1px solid #C2CFEF; margin-left:40px;}
.table_bottom_btn.btn_type05 a.btn02:hover {background:#00198E; border:1px solid #00198E; color:#fff;}
.table_bottom_btn.btn_type05 a.btn03 {background:#fff; border:2px solid #CECFD5; margin-left:40px;}
.table_bottom_btn.btn_type05 a.btn03:hover {background:#CECFD5; border:1px solid #CECFD5; color:#111;}
.table_bottom_btn.btn_type05 a.arrow {position:relative; padding-right:58px; text-align:left; padding-left:40px;}
.table_bottom_btn.btn_type05 a.arrow::after { content:""; position:absolute; top:50%; right:36px; width:31px; height:12px; background:url('../img/ico_arrow_white.png') no-repeat center/contain; transform:translateY(-50%); transition:all .3s ease; filter: invert(1) brightness(0);}
.table_bottom_btn.btn_type05 a.arrow:hover::after {
  filter:none;
}


.table_bottom_btn.btn_type06 a {background:#F6F8F9; color:#111; font-size:18px; border:1px solid #E4EAF0; min-width:240px; font-weight:600;}
.table_bottom_btn.btn_type06 a:hover {background:#6C8197; border:1px solid #6C8197; color:#fff;}

.table_wrap .table_area .prev_next_view table tbody tr td.prev strong::before, .table_wrap .table_area .prev_next_view table tbody tr td.next strong::before {content:""; display:inline-block; width:12px; height:16px; margin-right:40px; vertical-align:top; background-size:cover; background-size:12px auto; transition:all .3s ease; margin-top:2px;}
.table_wrap .table_area .prev_next_view table tbody tr td.prev strong::before {background-image:url("../img/ico_arrow_up_active.png"); transform:rotate(0deg);}
.table_wrap .table_area .prev_next_view table tbody tr td.next strong::before {background-image:url("../img/ico_arrow_up_active.png"); transform:rotate(180deg);}
.table_wrap .table_area .prev_next_view table tbody tr.none td.prev strong::before {background-image:url("../img/ico_arrow_down_disabled.png"); transform:rotate(180deg); opacity:0.4;}
.table_wrap .table_area .prev_next_view table tbody tr.none td.next strong::before {background-image:url("../img/ico_arrow_down_disabled.png"); transform:rotate(0deg); opacity:0.4;}

.write_wrap {white-space:nowrap; margin-top:40px;}
.write_wrap .table_wrap .table_area {margin-top:0px;}
.write_wrap .input_wrap_outer {display:flex; flex-direction:row; width:100%; gap:10px;}
.write_wrap .input_wrap_outer .table_bottom_btn.btn_type01 a {font-size:18px;}
.write_wrap .input_wrap_outer + .input_wrap_outer {margin-top:14px;}
.write_wrap .input_wrap_outer.input_array {gap:0;}
.write_wrap .input_wrap_outer.input_array.bank {gap:10px}
.write_wrap .input_wrap input {height:60px; line-height:60px; font-size:18px;}
.write_wrap .contact_table_wrap + .contact_title {margin-top:40px;}
.write_wrap .input_checkbox_area {display:flex; flex-direction:row; align-items:center;}
.write_wrap .input_check_wide {flex:1; margin-right:0 !important;}
.write_wrap textarea {border:1px solid #CECFD5; font-size:18px; line-height:1.6; border-radius:10px; width:100%; height:300px; padding: 24px 20px; color:#111; font-weight:400;}
textarea::placeholder {color:#555;}


/*--------------------- search input ---------------------*/
.input_area.search_input {position:relative;}
.input_area.search_input a {display:block;overflow:hidden;position:absolute;right:0;top:0;bottom:0;color:#fff;text-indent:-9999px;cursor:pointer;}
.input_area.search_input a.btn_search {display:block;box-sizing:border-box;height:5rem;width:5rem;text-align:center;position:absolute;color:#fff;line-height:normal;cursor:pointer;right:-4rem;top:0;}


/*--------------------- contact ---------------------*/
.contact_title {font-size:22px;font-weight:600;display:flex;align-items:center;}
.contact_title img {height:35px;}
.contact_title span {margin-left:12px; display:flex; width:100%; justify-content:space-between; color:#111;}
.contact_title span em {font-size:18px; font-weight:400; color:#E60026; position:relative; padding-left:13px;}
.contact_title span em::after {font-size:18px; color:#E60026; content:'*'; display:block; position:absolute; left:0; top:3px;}
.contact_table_wrap {border-top:2px solid #111;margin-top:14px;padding-top:15px;}
.contact_table_wrap .table_area dl {display:flex;}
.contact_table_wrap .table_area dl dt {text-align:left;font-size:18px;font-weight:500;padding:19px 20px;vertical-align:middle; width:15%; display:inline-block; display:flex; align-items:center; color:#111;}
.contact_table_wrap .table_area dl dt.essen::after {font-size:18px; color:#E60026; content:'*'; display:block;  font-weight:400; margin-top:-12px;}
.contact_table_wrap .table_area dl dt.txt_top {align-items:flex-start; padding-top:38px;}
.contact_table_wrap .table_area dl dd {padding:15px 0;width:82%;display:inline-block;}
.contact_table_wrap .table_area dl + .center_btn {margin-top:3rem !important;}
.input_area span .info {padding-left:10px;}
.input_search_area + .input_area {margin-top:6px;}
.residence_wrap .input_radio:first-child {margin-top:8px;}
.contact_table_wrap .table_area dl dd span.star { margin-top:12px; display:block;}
.contact_table_wrap .table_area dl dd span.star em {font-size:16px; font-weight:400; color:#001369; position:relative; padding-left:13px;}
.contact_table_wrap .table_area dl dd span.star em::after {font-size:16px; color:#001369; content:'*'; display:block; position:absolute; left:0; top:3px;}

.edu_resources_wrap {margin-top:40px;}
.edu_resources_outer {display:flex; justify-content:flex-end;}
.edu_resources_inner {display:flex; width:70%; align-items:center;}
.edu_resources_inner.notice {width:60%;}
.edu_resources_inner.notice .history_select_wrap {width:20%;}
.edu_resources_inner.notice .table_bottom_btn a {background-color:#6C8197;}
.edu_resources_inner.notice .table_bottom_btn a:hover {background-color:#6C8197;}
.edu_resources_inner.news {width:100%; align-items:flex-end;}
.edu_resources_inner.news .history_select_wrap {width:200px;}
.edu_resources_inner.news.bottom .history_select_wrap {width:20%;}
.edu_resources_inner.news .detail_txt {font-size:16px; color:#001369; position:relative; padding-left:15px; padding-bottom:4px;}
.edu_resources_inner.news .detail_txt:after {font-size:16px; color:#001369; content:'*'; display:block; position:absolute; left:0; top:2px;}
.edu_resources_outer.news {justify-content:center; margin-top:40px;}
.edu_resources_outer.news .news {width:60%;}
.edu_resources_inner::after {display:block; clear:both; content:'';}
.edu_resources_inner .input_wrap_outer { display:flex; flex:1; gap:10px; width:54%;}
.edu_resources_inner .edu_resources_top {width:46%; display:flex; flex-direction:row;}
.edu_resources_inner > *:last-child {margin-right:0;}
.edu_resources_inner .input_wrap {width:calc(100% - 80px)}
.edu_resources_inner .input_wrap input {height:50px; line-height:50px; font-size:16px; padding-left:20px; width:100%;}
.edu_resources_inner .history_select_wrap {width:calc(50% - 10px); margin-bottom:0; margin-right:10px;}
.edu_resources_inner .table_bottom_btn a {height:50px; line-height:50px; width:80px; background:#00198E; color:#fff; font-size:18px;}
.edu_resources_inner .table_bottom_btn a:hover { background:#00198E; color:#fff; }
.edu_resources.lec_info_tstyle5 td {border-right:none !important; font-weight:400 !important;}
.edu_resources.lec_info_tstyle5 td:first-child { font-weight:500 !important;}
.edu_resources.lec_info_tstyle5 td:last-child {text-align:center; padding-left:0;}
.edu_resources td .title {display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:break-word; text-align:left; line-height:1.4; max-height:2.8em; white-space:normal; }

.per_contact_wrap {margin-top:60px;}
.per_contact_wrap .input_wrap_outer .table_bottom_btn a {background:#6C8197 !important;}
.edu_resources td .state {font-weight:500 !important;}
.edu_resources td .state.standby {color:#00198E;}
.edu_resources td .state.finish {color:#E23232;}
.edu_resources td .state.end {color:#555;}
.edu_resources td .title.icon {padding-left:26px; position:relative;}
.edu_resources td .title.icon:after {position:absolute; left:0; top:50%; transform:translate(0, -50%); content:''; display:block; background:url(../img/icon_secret.png) no-repeat 0; width:18px; height:22px;}
.per_contact_wrap .input_checkbox_area .input_check {justify-content:space-between;}


.search_tab_wrap {padding-top:25px;}
.search_tab_wrap ul {display:flex; gap:6px; margin-bottom:20px;}
.search_tab_wrap ul li {flex:1; max-width:140px;}
.search_tab_wrap ul li a {display:block; text-align:center; border:1px solid #CECFD5; border-radius:10px; font-size:18px; font-weight:600; color:#555; line-height:50px; height:50px; transition:all .3s;}
.search_tab_wrap ul li.active a {background:#00198E; border-color:#00198E; color:#fff;}

.popup_box {border:1px solid #CECFD5; padding:40px 30px; border-radius:10px; height:50vh; overflow:hidden;}

.search_input_wrap {display:flex; justify-content:center; align-items:center; gap:10px; margin-bottom:20px;}
.search_input_wrap input {flex:1; height:64px !important; border:1px solid #CECFD5; border-radius:10px; padding:0 20px; font-size:18px; color:#111;}
.search_input_wrap input::placeholder {color:#555;}
.search_input_wrap .btn_search {height:64px; line-height:64px; background:#6C8197; color:#fff; border:none; border-radius:10px; font-size:18px; font-weight:700; transition:all .3s; width:80px; cursor:pointer;}

.search_result_wrap {border-top:2px solid #00198E; padding:20px 0 0px 0;}
.search_result_inner {max-height:308px; overflow-y:auto; width:103%; padding-bottom:20px; width: calc(100% + 25px); padding-right:25px;}
.search_result_wrap ul li {display:flex; justify-content:space-between; align-items:flex-start; padding:20px 0; border-bottom:1px solid #E5E5E5;}
.search_result_wrap ul li:last-child {border-bottom:none;}
.hospital_info {width:80%; text-align:left;}
.hospital_info .h_name {font-size:22px; font-weight:600; color:#001369; margin-bottom:20px;}
.hospital_info .h_tel {font-size:17px; color:#333; margin-bottom:4px; font-weight:400;}
.hospital_info .h_addr {font-size:17px; color:#333; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:break-word;}
.btn_select {background:#EAF0FF; color:#001369; border:1px solid #C2CFEF; border-radius:6px; font-size:16px; font-weight:700; height:44px; line-height:44px; width:60px; transition:all .3s; }
.btn_select:hover {background:#001369; color:#fff;}

.my_page {margin-top:60px;}
.my_page .info-box {padding-left:50px; padding-right:50px;}
.my_page .lec_info_tstyle6 td {padding-left:20px; padding-right:20px; font-weight:400 !important;}
.my_page .lec_info_tstyle6 td span.my_date em {display:block;}
.my_page .lec_info_tstyle6 td .state {font-weight:700 !important;}
.my_page .lec_info_tstyle5 td .state {font-weight:700 !important;}
.my_page .lec_info_tstyle5 td .state.standby {color:#00198E;}
.my_page .lec_info_tstyle5 td .state.finish {color:#E23232;}
.my_page .lec_info_tstyle5 td .state.end {color:#555;}
.my_page .lec_info_tstyle6 td .my_page_rec {color:#555; font-weight:600;}


.btn_state {display:inline-block; padding:0 30px 0 14px; min-width:100px; height:32px; line-height:32px; font-size:16px; font-weight:500; border-radius:16px; border:1px solid #CECFD5; transition:all .2s ease; white-space:nowrap; position:relative; background-repeat:no-repeat; background-position:right 14px center; background-size:8px auto; margin-top:5px;}
.btn_state.cancel {color:#555; background-color:#fff; background-image:url('../img/ico_arrow_gray.png');}
.btn_state.cancel:hover {background-color:#F6F8F9;}
.btn_state.complete {color:#001369; border-color:#E4ECFF; background-color:#E4ECFF; padding:0 19px; background-image:none; font-size:17px; font-weight:700; height:38px; line-height:38px; border-radius:19px;}
.btn_state.rec {color:#001369; border-color:#7C90EB; background-image:url('../img/ico_arrow_navy.png'); font-weight:700;}
.btn_state.rec:hover {background-color:#F4F9FF;}
.btn_state.map {color:#333; border-color:#7C90EB; background-image:url('../img/ico_map.png'); background-size: 28px auto; background-position: right 24px center; height:42px; line-height:40px; border-radius:21px; min-width:151px; padding:0 60px 0 24px;}
.btn_state.map:hover {background-color:#F4F9FF;}

.find_wrap {display:flex; flex-direction:column; gap:60px; margin-top:40px; }
.find_box {background:#F8FAFB; border-radius:20px; padding:50px 60px; transition:all .3s ease;}
.find_box.license {background:#F8FAFB; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.find_title {display:flex; align-items:flex-start; margin-bottom:15px; flex-direction:column;}
.find_title img {height:42px; width:auto; margin-bottom:33px; margin-top:20px;}
.find_title h3 {font-size:28px; font-weight:700; color:#001369; margin-bottom:15px;}
.find_title p {font-size:20px; color:#5D6671; font-weight:400; line-height:1.5;}
.find_form {display:flex; flex-direction:column; gap:10px; width:470px;}
.find_form .input_group {display:flex; gap:16px;}
.find_box .find_form input {height:56px !important; line-height:56px !important; border:1px solid #CECFD5; border-radius:10px; font-size:18px; color:#111; padding:0 20px; flex:1;}
.find_form .btn_submit {height:56px; border:none; border-radius:8px; background:#6C8197; color:#fff; font-size:18px; font-weight:700; transition:all .3s ease; margin-top:10px; cursor:pointer;}
.find_form .btn_submit:hover {background-color:#00198E;}

.find_box.password {background:#F8FAFB;}
.find_subtitle {font-size:28px; font-weight:700; color:#001369; margin-bottom:30px;}
.auth_wrap {display:flex; gap:20px; flex-wrap:wrap;}
.auth_item_top {display:flex; flex-direction:column; align-items:flex-start;}
.auth_item {flex:1; min-width:300px; min-height:345px; background:#fff; border:1px solid #E5E5E5; border-radius:10px; padding:30px; text-align:center; transition:all .3s; display:flex; flex-direction:column; justify-content:space-between; gap:0;}
.auth_item:hover {border-color:#95A5F0;}
.auth_item img {height:42px; width:auto; margin-bottom:18px;}
.auth_item h4 {font-size:22px; font-weight:600; color:#111; margin-bottom:14px;}
.auth_item p {font-size:18px; color:#5D6671; line-height:1.6; text-align:left; font-weight:400;}
.auth_item .input_mail {width:100%; height:48px !important; line-height:48px !important;  border-radius:8px; padding:0 12px; font-size:16px; margin-bottom:10px;}
.btn_auth {display:block; width:100%; height:48px; border:none; border-radius:8px; background:#6C8197; color:#fff; font-size:16px; font-weight:700; transition:all .3s; cursor:pointer;}

.auth_item:hover .btn_auth {background:#00198E;}



/* calendar layout */
#datepicker {width:100%;max-width:1060px;margin:0 auto;margin-top:80px;}
.ui-datepicker {}
.ui-datepicker.ui-widget {width:100%;border:none !important;padding:0;}
.ui-datepicker .ui-datepicker-header {display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:80px;}
.ui-datepicker-title {font-size:24px;font-weight:700;display:flex;align-items:center;gap:8px;}

.date-header-wrap {display:flex; align-items:center; justify-content:center; gap:8px;}
.ui-datepicker .year-select, .ui-datepicker .month-select {font-size:38px; font-weight:700; color:#111; border:1px solid #CECFD5; padding:7px 32px 7px 16px; background:#fff url("../img/icon_year_arrow.png") no-repeat right 14px center/10px auto; appearance:none; -webkit-appearance:none; -moz-appearance:none; cursor:pointer; height:71px !important;}
.ui-datepicker .year-select option, 
.ui-datepicker .month-select option {font-size:15px;}

.ui-datepicker-prev, .ui-datepicker-next {width:42px; height:42px; border:1px solid #A3A4AE; border-radius:50%; background:#fff url("../img/icon_arrow_right_u.png") no-repeat center/21px auto; cursor:pointer; transition:all .2s;}
.ui-datepicker-prev {transform:rotate(0deg); margin-right:32px;}
.ui-datepicker-prev.active {transform:rotate(180deg);}
.ui-datepicker-next {transform:rotate(180deg); margin-left:32px;}
.ui-datepicker-next.active {transform:rotate(0deg);}
.ui-datepicker-prev.active, .ui-datepicker-next.active {border-color:#00198E; background-image:url("../img/icon_arrow_right_a.png");}
.ui-datepicker .ui-icon {display:none;}


.ui-datepicker-calendar {width:100%;border-collapse:collapse;background:#fff;}
.ui-datepicker-calendar th,.ui-datepicker-calendar td {border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align:center;vertical-align:top;width:14.28%;padding:14px;position:relative;}
.ui-datepicker-calendar th {background:#F6F8F9;color:#111;padding:18px 0;border:none;font-size:20px;font-weight:600;}
.ui-datepicker-calendar td {height:200px;}
.ui-datepicker-calendar td:last-child {border-right:none;}
.ui-datepicker-calendar td a {display:block;text-decoration:none;color:#111;font-size:18px;font-weight:700;text-align:left;}
.ui-datepicker-calendar th.ui-datepicker-week-end:first-child,.ui-datepicker-calendar td:first-child a {color:#E95454;}
.ui-datepicker-calendar th.ui-datepicker-week-end:last-child,.ui-datepicker-calendar td:last-child a {color:#2048AD;}



.event-wrap {position:absolute; bottom:14px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:10px; width:80%;}
.event-label {font-size:18px; font-weight:600; color:#fff; height:38px; line-height:38px; width:100%; border-radius:19px; text-align:center;}
.event-label.event-bo {background:#FFD9D9; color:#9E2424;}
.event-label.event-ha {background:#D9E4FF; color:#00198E;}
.ui-datepicker td {position:relative; vertical-align:top;}


/* month select dropdown */
.calendar_select {display:flex; justify-content:center; align-items:center; gap:10px; margin-bottom:25px;}
.calendar_select select {font-family:inherit; font-size:2rem; font-weight:700; padding:6px 12px; border:1px solid #ddd; border-radius:4px; background:#fff; color:#111; cursor:pointer;}
.calendar_select select.month-select {color:#2048AD;}
.calendar_select button {width:38px; height:38px; border-radius:50%; border:1px solid #ccc; background:#fff; color:#2048AD; display:flex; justify-content:center; align-items:center; font-size:1.6rem; cursor:pointer; transition:all 0.2s;}
.calendar_select button::before {content:""; display:block; width:8px; height:8px; border:solid currentColor; border-width:0 2px 2px 0; transform:rotate(135deg);}
.calendar_select .month-next::before {transform:rotate(-45deg);}
.calendar_select button:hover:not(:disabled) {background:#2048AD; color:#fff; border-color:#2048AD;}
.calendar_select button:disabled {opacity:0.4; cursor:default;}


.edu_calendar_wrap {display:flex; flex-wrap:wrap; gap:26px; max-width:1060px; margin:40px auto 0; justify-content:flex-start;}
.edu_month {width:calc((100% - 52px) / 3); border:1px solid #E4EAF0; border-radius:16px; background:#fff; min-height:300px; display:flex; flex-direction:column; transition:all .3s; position:relative; margin-bottom:54px;}
.edu_month:nth-last-child(-n+3) {margin-bottom:0;}


.edu_month.empty {background-color:#F6F8F9;}
.month_head {background:#6C8197; color:#fff; font-weight:700; font-size:24px; border-radius:25px; display:inline-block; align-self:flex-start; position:absolute; left:27px; top:0; transform:translateY(-50%); height:50px; line-height:50px; width:88px; text-align:center;}
.month_body {flex:1; padding:55px 24px;}
.month_body p {font-size:18px; font-weight:600; color:#A3A4AE;}
.month_body ul {display:flex; flex-direction:column; gap:10px;}
.month_body li {font-size:18px; color:#333; line-height:1.5; display:flex; align-items:center; gap:10px; align-items: flex-start;}
.month_body.empty {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:#9AA3AD;}
.month_body.empty img {width:36px;}
.ico {display:inline-flex; justify-content:center; align-items:center; width:32px; height:32px; border-radius:50%; font-size:18px; font-weight:600; color:#555; margin-top:-4px;}
.ico_txt {flex:1;}
.ico-default {background:#E7EAEB; color:#555;}
.ico-academy {background:#D9E4FF; color:#00198E;}
.ico-edu {background:#FFD9D9; color:#9E2424;}

.year_nav {display:flex; align-items:center; justify-content:center; gap:60px; margin:80px 0 106px; }
.year_select_box select {font-size:38px; font-weight:700; color:#111; border:1px solid #CECFD5; padding:7px 32px 7px 16px; background:#fff url("../img/icon_year_arrow.png") no-repeat right 14px center/10px auto; appearance:none; -webkit-appearance:none; -moz-appearance:none; cursor:pointer;}
.year_select_box option {font-size:15px;}



.btn_prev, .btn_next {width:42px; height:42px; border:1px solid #A3A4AE; border-radius:50%;background:#fff url("../img/icon_arrow_right_u.png") no-repeat center/21px auto;cursor:pointer;transition:all .2s;}
.btn_prev {transform:rotate(0deg);}
.btn_prev.active {transform:rotate(180deg);}
.btn_next {transform:rotate(180deg);}
.btn_next.active {transform:rotate(0deg);}
.btn_prev.active, .btn_next.active {border-color:#00198E; background-image:url("../img/icon_arrow_right_a.png");}


.legend_wrap {display:none;}


.greeting_wrap {max-width:1060px; margin:40px auto 0; text-align:center; color:#111;}
.greeting_top {position:relative;}
.greeting_img img {margin-left:40px;}
.greeting_title h3 {font-size:48px; font-weight:800; line-height:1.5; color:#00198E; text-align:left; background: linear-gradient(270deg, #112DAD -3.07%, #1177D8 102.53%); -webkit-background-clip:text;
  -webkit-text-fill-color:transparent; position:absolute; left:480px; top:123px;}
.greeting_text .greeting_line {margin-left:-30px; margin-bottom:50px;}
.greeting_wrap .p_txt {text-align:left; font-size:20px; line-height:1.8; color:#111; margin-bottom:50px;}
.greeting_wrap p {margin-bottom:25px;}
.greeting_cards {position:relative; padding-top:70px }
.greeting_wrap .greeting_cards p.p_txt {color:#001369; font-weight:600; font-size:23px;}
.greet_cards_wrap {display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-bottom:70px;}
.greeting_cards .greeting_bg {width:1380px; min-height:650px; right:110px; position:absolute; z-index:1; top:0; background:url("../img/greeting_bg.png") no-repeat; z-index:-1;}

.greet_knna {position:absolute !important; left:74%; top:60px; font-size:168px; font-weight:800; }
.greet_knna strong {background: linear-gradient(111.55deg, rgba(161, 208, 228, 0.2) 35.85%, rgba(199, 206, 208, 0.2) 100.48%);-webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.greet_thanks {text-align:left; margin-bottom:10px;}
.greet_card {background:#F5F9FF; overflow:hidden; position:relative; padding:0 27px; width:100%; box-shadow: 0px 14px 28px 0px rgba(0,40,115,0.12)}
.greet_card::after {position:absolute; top:0; left:0; content:''; display:block; width:100%; height:100%;}
.greet_card.card01 {background:url("../img/greeting_img01.png") 50% 0 no-repeat; background-size:cover; border-radius:30px 30px 30px 0; }
.greet_card.card01::after {background: linear-gradient(180deg, rgba(83, 130, 191, 0.1) 9.62%, #5382BF 60.79%);}
.greet_card.card02 {background:url("../img/greeting_img02.png") 50% 0 no-repeat; background-size:cover; border-radius:30px; }
.greet_card.card02::after {background: linear-gradient(180deg, rgba(36, 94, 159, 0.1) 10%, #245E9F 61.05%);}
.greet_card.card03 {background:url("../img/greeting_img03.png") 50% 0 no-repeat; background-size:cover;border-radius:30px 0px 30px 30px; }
.greet_card.card03::after {background: linear-gradient(180deg, rgba(49, 126, 159, 0.1) 9.62%, #317E9F 59.74%);}
.greet_card img {width:100%; height:auto; display:block;}
.greet_card .card_text {text-align:left; position:relative; z-index:1;}
.greet_card h4 {font-size:30px; font-weight:700; color:#fff; margin-bottom:12px; margin-top:170px;}
.greet_card p {font-size:17px; color:#fff; line-height:1.6; font-weight:400; letter-spacing:-0.5px;}
.greeting_bottom {margin-top:140px;}
.greeting_bottom p {font-size:18px; color:#333; line-height:1.7; margin-bottom:20px;}
.greeting_bottom .sign {font-size:34px; font-weight:700; color:#111; text-align:right;}
.greeting_bottom .sign span {margin-right:20px; font-weight:500; font-size:20px;}
.greeting_bottom .sign span em {color:#00198E;}


.relation_wrap {margin-top:40px;}
.relation_list {display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:30px; justify-content:center; max-width:1100px; margin:0 auto;}
.relation_list li a {display:flex; flex-direction:column; overflow:hidden; border-radius:16px; box-shadow:0 3px 10px rgba(0,0,0,0.05); transition:all .3s ease; background:#F6F8FC; height:100%;}
.relation_list li a:hover {transform:translateY(-6px); box-shadow:0 10px 25px rgba(0,0,0,0.12); background:#fff;}
.relation_list .logo {background:#fff; border:1px solid #E4EAF0; border-radius:16px; display:flex; justify-content:center; align-items:center; height:180px;}
.relation_list .logo img {max-width:180px; max-height:80px; width:auto; height:auto; object-fit:contain; display:block;}
.relation_list li a:hover .logo {border-color:#7C90EB;}
.relation_list .info {border-radius:0 0 16px 16px; text-align:center; padding:25px 10px 30px; height:calc(100% - 180px); display:flex; flex-direction:column; justify-content:center;}
.relation_list .info .link {font-size:18px; color:#555; margin-bottom:18px; display:flex; justify-content:center; align-items:center; gap:6px;}
.relation_list .info .link::before {content:''; background:url("../img/icon_link.png") no-repeat 0 50%; width:18px; height:18px; display:block; background-size:18px auto;}
.relation_list .info .name {font-size:20px; font-weight:600; color:#111; line-height:1.5;}

.faq_wrap {}
.faq_wrap .faq_wrap_inner {position:relative;}
.faq_wrap .table_bottom_btn {margin-top:0; margin-bottom:0;}
.faq_wrap .edu_resources_inner.notice {margin-left:auto; position:absolute; top:0; right:0; margin-top:0 !important; z-index:1;}
.faq_wrap h2.icon_title {margin-bottom:42px;}
.faq_wrap .tab_menu_wrap {margin-bottom:80px;}
.faq_wrap.law-wrap .law-title {padding-left:60px; position:relative; font-size:26px;}
.faq_wrap.law-wrap .law-title::after {position:absolute; left:0; top:0; background:url("../img/icon_faq.png") no-repeat 0 50%; background-size:30px auto; display:block; content:''; width:30px; height:30px; }
.faq_wrap.law-wrap .law-content p {font-weight:400; font-size:20px; color:#111;}
.faq_wrap.law-wrap .law-content .dot_list {margin-bottom:30px;}
.faq_wrap.law-wrap .law-content .dot_list li {position:relative; padding-left:20px; font-weight:500; font-size:20px; color:#111;}
.faq_wrap.law-wrap .law-content .dot_list li::after {width:8px; height:8px; position:absolute; left:0; top:13px; content:''; display:block; background:#00198E; border-radius:100%;}
.faq_wrap .law-item + .icon_title {margin-top:108px;}
.faq_wrap .tab_menu_wrap.v03 {width:50%;}


@media (max-width:1060px) {
  .org-chart .second {gap:120px;}
  .org-chart .members {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; position:relative; padding-top:35px; margin-top:50px; box-sizing:border-box;}
  .org-chart .members .left {width:24.5%; display:flex; flex-direction:column; gap:10px;}
  .org-chart .members .right {width:51%; display:flex; flex-direction:row; justify-content:space-between; gap:20px;}
  .org-chart .members .b-block {width:100%; min-width:auto; box-sizing:border-box;}  
  .org-chart .members .right-top,
  .org-chart .members .right-bottom {width:49%; display:flex; flex-direction:column; gap:10px;}  

  .law-wrap .info-text + .info-text::before {left:-26%;}  
  
  .law-wrap {margin-top:40px;}
  .law-header.edu_top_box .law-title {padding-top:40px;}
  .law-wrap .icon {position:absolute; top:45px; right:40px;}

  .edu_top_box_inner {width:100%;}
  .edu_info_summary {flex-direction:column; align-items:flex-start; gap:1.2rem;}
  .law-wrap .law-item.open .law-header {display:block;}
  .law-header.edu_top_box .edu_title_area {position:relative; width:85%;}
  .law-header.edu_top_box .edu_state {margin-left:0;}
  .law-header.edu_top_box .edu_state {position:absolute; top:0; left:0;}
  .edu_info_summary li {width:100%;}
  .edu_info_summary li.member_count {margin-left:0; width:100%; min-width:auto; flex:none;}
  .edu_info_summary b {margin-right:1.5rem; width:15%;}


  .count_bar {flex:1; margin-left:0; width:100%;}
  .count_bar .bar_wrap {width:100%; flex:1;}
  .count_bar .bar_wrap .bar_label {top:auto; bottom:-36px;} 
  .count_bar .bar_wrap .bar_label::after {top:-5px; bottom:auto; transform:translateX(-50%) rotate(180deg);}
  
  

  .org-chart .third .b-block.title {width:100%;}
  .org-chart .third {gap:3.7%;}
  .org-chart .third .b-block {min-width:auto; width:100%;}
  .org-chart .third .left {width:24.5%;}
  .org-chart .third .center {width:42.6%;}
  .org-chart .third .right {width:24.5%;}
  .org-chart .third .center .b-block.title {width:57.5%;}



  
  .history_wrap{width:100%;}
  .history_right {padding-left:2%;}
  .history_left .img_wrap {width:90%;}
  .history_left .img_wrap img {width:100%;}
}



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

  .org-chart .chairman {width:10rem; height:10rem; font-size:1.6rem;}
  .org-chart .chairman::after {width:12.9rem; height:12.9rem; background-size:cover;}
  .org-chart .vice-chairman {width:10rem; height:10rem; font-size:1.6rem;}
  .org-chart .second {flex-direction:row; gap:32%; width:100%;  margin:4rem 0 2.5rem;}
  .org-chart .members {gap:1.5rem; flex-wrap:nowrap; flex-direction:row; align-items:baseline; padding-top:4.25rem; margin-top:3rem;}
  .org-chart .members::after {width:50%; left:calc(50% - 2px);}
  .org-chart .members .left::after,
  .org-chart .members .right::after {height:4.25rem; top:-4.25rem; content:''; width:2px;position:absolute; display:block; background:#DDE4EB; z-index:-1;}
  .org-chart .members .left::after { left:calc(50% + 2px);}
  .org-chart .members .right::after { left:calc(50% - 5px);}
  .org-chart .members .right::before {display:none;}
  .org-chart .members .right-top::before {display:none;}  
  .org-chart .members .right-top::after {display:none;}
  .org-chart .members .right-bottom::after {display:none;}
  .org-chart .members::before {height:25rem; top:-25rem}
  .org-chart .members .left, .org-chart .members .right {width:calc(50% - 0.75rem); padding:1.2rem 0; margin-top:0; gap:1.2rem;}
  .org-chart .members .right {flex-direction:column; align-items:center; gap:1.2rem; border:1px solid #98A5B3; border-radius:0.5rem; background:#fff;}
  .org-chart .members .right-top,
  .org-chart .members .right-bottom {width:100%; align-items:center; border:none; border-radius:0; padding:0; gap:1.2rem;}  
  .org-chart .members .left .b-block, 
  .org-chart .members .right .b-block {width:100%; font-size:1.5rem; /*height:3.5rem; line-height:3.5rem; border-radius:0.5rem;*/}
  .org-chart .second .b-block {width:31%; font-size:1.4rem; height:4rem; line-height:4rem; min-width:auto; border-radius:0.8rem;}

  
  
  .org-chart .third .b-block.title {width:59%; height:4rem; line-height:4rem; border-radius:0.8rem; margin-bottom:2rem;}
  .org-chart .third .b-block.title::after {width:11%; content:''; display:block; height:2px; background:#DDE4EB; position:absolute; right:-16%; top:2rem; transform:translate(-50%, -50%); z-index:-1;}
  .org-chart .third {gap:3rem; margin-top:4rem; flex-direction:column;align-items:center;}
  .org-chart .third::after {height:40rem; top:-33rem;}
  .org-chart .third::before {content:''; width:2px; height:75.5rem; position:absolute;  display:block; background:#DDE4EB; top:1.9rem; right:14.1%; z-index:-2;}
  .org-chart .third .b-block {min-width:auto; /*width:59%; height:3.5rem; line-height:3.5rem;*/ font-size:1.5rem;}
  .org-chart .third .left {width:100%;}
  .org-chart .third .center {width:100%;}
  .org-chart .third .right {width:100%;}
  .org-chart .third .center .b-block.title {width:59%; margin-bottom:5.25rem;}
  .org-chart .third .inner-wrap {align-items:center; gap:1.2rem; width:59%; margin:0 auto; padding:1.2rem 0;}
  .org-chart .third .center-inner {align-items:flex-start;gap:1.5rem; padding:0; width:100%;}
  .org-chart .third .center-left, 
  .org-chart .third .center-right {width:calc(50% - 0.75rem); padding:1.2rem 0; gap:1.2rem;}
  .org-chart .third .center-inner .b-block {width:100%;}
  .org-chart .third .left::before {display:none;}
  .org-chart .third .center-inner::after {top:-3.25rem; width: 54.5%;}
  .org-chart .third .center-left::after, 
  .org-chart .third .center-right::after {height:3.25rem; top:-3.25rem;}
  .org-chart .third .center::before {height:2rem; top:4rem;}
  .org-chart .third .right::before {top:4rem; height:2rem;}    
  .org-chart .third .center-left::after {left: calc(50% - 10px);}
  .org-chart .third .center-right::after {left: calc(50% + 9px);}

  .info-box {border-radius:1.5rem; display:flex; gap:0; padding:3.2rem 2rem; justify-content: flex-start; margin-bottom:2.7rem;}
  .info-text + .info-text::before {display:none;}
  .info-text {font-size:1.5rem; width:50%; align-items:center; justify-content:flex-start; margin-bottom:0.6rem;}
  .info-text.last {margin-bottom:0;}
  .info-text b {padding:0 0.8rem; border-radius:1.1rem; font-size:1.5rem; height:2.2rem;line-height:2.2rem; margin-right:0.6rem;}
  .info-box p {font-size:1.5rem;}
  .info-box p span {display:block;}
  .info-box p br {display:none;}
  .info-box p img.info_icon {width:2.8rem; height:auto; margin-right:1.4rem; margin-top:0.2rem;}

  .btn_cert {font-size:1.5rem; height:4.5rem; line-height:4.5rem; padding:0 1.8rem; gap:0.9rem;}
  .btn_cert img {height:2.8rem;}
  .certify_btns {flex-direction:row; gap:1.2rem; width:100%; margin-top:2.5rem;}

  .btn_cert.qna, .btn_cert.cancel {padding:1.3rem 1.5rem; width:100%; min-height:6.2rem; height:auto; gap:0; 
    justify-content:space-between;} 
  .btn_cert img.btn_icon {width:3.5rem; height:auto;} 
  .btn_cert span.btn_txt {font-size:1.5rem; width:calc(100% - 4.5rem)}
  .btn_cert span.btn_txt em {display:block;}
  .btn_cert span.btn_txt br {display:none;}
  .btn_cert.my_page_box {height:auto !important;}


  .hos_list_wrap {margin-top:0;}
  .hos_list_wrap .info-box {padding:0.5rem 2rem 2.5rem; }
  .hos_list_wrap .contact_table_wrap {gap:0; flex-direction:column;}
  .hos_list_wrap .contact_table_wrap .table_area {flex:none; width:100%;}
  .hos_list_wrap .contact_table_wrap .table_area dl + dl {margin-top:0;}
  .hos_list_wrap .contact_table_wrap .table_area dl dt {padding:2rem 0 0.8rem; width:100%;}
  .hos_list_wrap .contact_table_wrap .table_area dl dd {flex:none; width:100%; min-height:4.5rem; display:flex; align-items:center; display:block;}
  .contact_table_wrap .table_area dl dd span.star { margin-top:1.2rem;}
  .contact_table_wrap .table_area dl dd span.star em {font-size:1.3rem; padding-left:1rem;}
  .contact_table_wrap .table_area dl dd span.star em::after {font-size:1.3rem; top:0.3rem;}
  .hos_list_wrap .table_bottom_btn.btn_type01 a {height:4.5rem; width:100%; line-height:4.5rem; border-radius:0.7rem; font-size:1.4rem;}
  .hos_list_wrap .input_array .search_area {width:100%;}

  .hospital_search_form {width:100%;}
  .hospital_search_form .input_wrap_outer {display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
  .hospital_search_form .btn_type01 a {display:inline-block; height:56px; line-height:56px; padding:0 50px; background:#637a93; color:#fff; border-radius:14px; font-size:18px; font-weight:600; transition:all .3s ease;}



  .law-wrap {margin-top:0px;}
  .law-wrap .law-item {border-radius:1.5rem; margin-bottom:1.5rem;}
  .law-wrap .law-header {padding:2.9rem 2rem; border-radius:1.5rem;}
  .law-wrap .edu_top_box.law-header { padding-bottom:5.8rem;}
  .law-wrap .law-title {font-size:2.3rem; color:#001369;}
  .law-header.edu_top_box .law-title {font-size:2.1rem; padding-top:2.9rem;}
  .law-wrap .law-content {padding:0 2rem; font-size:1.4rem; line-height:1.7;}
  .law-wrap .law-con-inner {padding:2.5rem 0 1rem;}
  .law-wrap .law-content p {margin:0 0 1.5rem;}
  .law-wrap .law-content strong {margin-bottom:0.7rem; font-size:1.6rem;}
  .law-wrap .icon {width:3.5rem; height:3.5rem; position:absolute; top:2.4rem; right:2rem;}
  .law-wrap .edu_top_box .icon {top:5.4rem;}
  .law-wrap .icon::before {width:1.5rem;}
  .law-wrap .icon::after {height:1.5rem;}
  .law-wrap .contact_title {margin-bottom:1.2rem;}
  .law-wrap .contact_title span {font-size:1.7rem;}
  .law-wrap .contact_title img {height:1.5rem;}
  .law-wrap .lec_info_tstyle6 + .contact_title {margin-top:2.5rem;}

  .edu_top_box_inner {width:100%;}
  .law-wrap .law-item.open .law-header {border-radius:1.5rem 1.5rem 0 0;}
  .law-header.edu_top_box .edu_title_area {margin-bottom:2rem;}
  .law-header.edu_top_box .edu_state {border-radius:1.2rem; height:2.4rem; line-height:2.4rem; font-size:1.5rem; padding:0 1rem;}
  .edu_info_summary li {font-size:1.5rem;}


  .count_bar {flex:1; margin-left:0; width:100%;}
  .count_bar .total {font-size:1.3rem;}
  .count_bar .bar_wrap {width:100%; flex:1;}
  .count_bar .bar_wrap .bar_label {top:auto; bottom:-36px;} 
  .count_bar .bar_wrap .bar_label::after {top:-5px; bottom:auto; transform:translateX(-50%) rotate(180deg);}
  



  .timeline {left:0.8rem;}
  .history_wrap {padding-top:0;}
  .history_left {display:none;}  
  .history_right {padding-left:9.7%;}
  .history_block .m_year {display:block; font-size:4.2rem; font-weight:700; color:#001369; margin-bottom:2.5rem;}
    
  
  .scroll_dot {left:calc(50% - 0.375rem); bottom:0; width:0.75rem; height:0.75rem;}
  .history_block {margin-bottom:5rem;}
  .history_block li {margin-bottom:2.5rem;}
  .history_block .month {width:4rem; height:2.6rem; font-size:1.7rem; border-radius:1.5rem; margin-bottom:1.5rem;}
  .history_block li strong {font-size:1.5rem;}
  .history_block li em + strong {margin-top:0.9rem;}
  .history_block li strong + strong {margin-top:0.8rem;}
  .history_block li em {font-size:1.4rem;margin-top:0.4rem;}

  .b_inner_bottom .history_select_wrap {position:relative; top:auto; right:auto; width:100%;}
  

  .gallery_wrap {margin-top:0px;}
  .gallery_wrap .gallery_item {width:100%; border-radius:1.2rem; margin-right:0px;}
  .gallery_wrap .gallery_item:nth-child(n+1) {margin-top:3rem !important;}
  .gallery_wrap .gallery_item .thumb {height:19rem; border-radius:1.2rem;}
  .gallery_wrap .gallery_item .info {padding:2.5rem 1.5rem;} 
  .gallery_wrap .gallery_item .title {font-size:2rem; margin-bottom:1.5rem;}
  .gallery_wrap .gallery_item .date {font-size:1.6rem;}
  .gallery_wrap .gallery_item:hover {box-shadow:none;}

  
  .table_wrap .table_area {margin-top:0px;}
  .table_wrap .table_area .table_view .table_view_con .bottom_txt_wrap {gap:1rem;}
  .table_wrap .table_area .table_view .table_view_con .title_wrap {padding-bottom:1.5rem;}
  .table_wrap .table_area .table_view .table_view_con .title {font-size:2.8rem; margin-bottom:1.5rem;}
  .table_wrap .table_area .table_view .table_view_con .title_wrap span.date {font-size:1.5rem;}
  .table_wrap .table_area .table_view .table_view_con span.new_line {margin-top:1.4rem;}
  .table_wrap .table_area .table_view .table_view_con span.bottom_txt {font-size:1.5rem;}
  .table_wrap .table_area .table_view .table_view_con span.bottom_txt + .bottom_txt {padding-left:1rem;}
  .table_wrap .table_area .table_view .table_view_con span em.num {display:none;}
  .table_wrap .table_area .table_view .table_view_con span em.num.icon {font-size:0; display:inline-block; margin-right:0.7rem; vertical-align: middle;}
  .table_wrap .table_area .table_view .table_view_con span em.num.icon img {height:1.5rem; margin-right:0; margin-top:-2px;}
  .table_wrap .table_area .table_view .table_view_con .view_con {padding:4rem 0;}
  .table_wrap .table_area .table_view .table_view_con .view_con.benefits_wrap {padding-bottom:0;}
  .table_wrap .table_area .table_view .table_view_con .view_con p {font-size:1.5rem;}
  .table_wrap .table_area .table_view .table_view_con .view_con img + p {margin-top:3rem;}
  .table_wrap .table_area .table_desc {padding:0; line-height:22px; height:36px;}
  .table_wrap .table_area .table_desc p {padding-top:21px; font-size:16px;}
  .table_wrap .table_area .prev_next_view table tbody tr td {font-size:1.4rem; padding:1.65rem 0;}
  .table_wrap .table_area .prev_next_view table tbody tr td.title p {width:20%; margin-right:1rem;}
  .table_wrap .table_area .prev_next_view table tbody tr td a {padding:0;}
  .table_wrap .table_area .prev_next_view table tbody tr td strong {font-size:1.5rem;}
  .table_wrap .table_area .search_none {border-top:3px solid #988f87; border-bottom:1px solid #CECFD5; height:276px;}
  .table_wrap .table_area .search_none .title {margin-top:80px; padding-top:99px; font-size:19px; background:url("../img/ico_search_none.png") no-repeat center 0; font-weight:700;}
  .table_wrap .table_area .search_none .desc {margin-top:3px; line-height:26px;}

  .table_bottom_btn a {height:4.5rem; line-height:4.5rem;font-weight:600; text-align:center; width:11rem; font-size:1.5rem; border-radius:0.8rem;}
  .table_bottom_btn.btn_type02 a {font-size:1.5rem; min-width:16rem; background:#00198E; border-color:#00198E; color:#fff;}
  .table_bottom_btn.btn_type02 a:hover {background:#00198E; border-color:#00198E; color:#fff; font-weight:600;}
  .state_end .table_bottom_btn.btn_type02 a {background:#6C8197; color:#fff; border:1px solid #6C8197;}
  .law-wrap .table_bottom_btn {margin-top:7rem; margin-bottom:2.2rem;}
  .law-wrap .table_bottom_btn a.link {top:-5.4rem; min-width:auto; max-width:9rem; height:2.9rem; line-height:2.9rem; padding:0 2rem; border-radius:1.5rem; font-size:1.2rem; background:#fff; border:1px solid #7C90EB; color:#111;}
  .law-wrap .table_bottom_btn a.link img {width:1.4rem; height:1.4rem; margin-left:0.9rem;}

  .table_bottom_btn.btn_type03 a {font-size:1.5rem; min-width:16rem;}

  .table_wrap .table_area .prev_next_view table tbody tr td.prev strong::before, .table_wrap .table_area .prev_next_view table tbody tr td.next strong::before {width:0.9rem; height:1.2rem; margin-right:1.5rem; background-size:cover; margin-top:0px;}

  .write_wrap.sign_up {margin-top:0;}
  .write_wrap .input_wrap input {height:4.5rem; line-height:4.5rem; font-size:1.4rem;}
  .write_wrap .info-box {justify-content:center; margin-bottom:4rem;}
  .write_wrap .input_wrap_outer + .input_wrap_outer {margin-top:1rem;}
  .write_wrap .input_wrap_outer .table_bottom_btn.btn_type01 a {font-size:1.4rem;}
  .write_wrap .input_wrap.ver4 {width:100%;}
  .write_wrap .input_wrap.ver7 {width:100%;}
  .write_wrap textarea {font-size:1.4rem; border-radius:0.7rem; height:20rem; padding: 1.4rem 1.2rem;}
  .write_wrap .input_checkbox_area {display:flex; flex-wrap:wrap;}
  .write_wrap .input_check_wide {flex-basis:100%; margin-top:2.1rem;}  
  .input_array.select_email .input_wrap.ver5 {width:calc(50% - 1.1rem) !important;}
  
  /*--------------------- contact ---------------------*/
  .contact_title {font-size:1.9rem;}
  .contact_title span {margin-left:0.9rem;}    
  .contact_title span em {font-size:1.3rem; padding-left:1rem;}
  .contact_title span em::after {font-size:1.3rem; top:3px;}
  .contact_title img {width:2.4rem; height:auto;}
  .contact_table_wrap {margin-top:0.5rem;padding-top:1.25rem;}
  .contact_table_wrap .table_area dl {flex-direction:column;}
  .contact_table_wrap .table_area dl dt {font-size:1.5rem; padding:2rem 0 0.5rem; width:100%;}
  .contact_table_wrap .table_area dl dt.essen::after {font-size:1.3rem; margin-top:-1rem; margin-left:0.25rem;}
  .contact_table_wrap .table_area dl dt.txt_top {padding:2rem 0 0.5rem;}
  .contact_table_wrap .table_area dl dd {padding:0.3rem 0 0.5rem;width:100%;}
  .contact_table_wrap .table_area dl + .center_btn {margin-top:3rem !important;}
  .input_area span .info {padding-left:10px;}
  .input_search_area + .input_area {margin-top:6px;}
  .residence_wrap .input_radio:first-child {margin-top:8px;}  
  .input_area.search_input a.btn_search {height:5rem;width:5rem;right:-4rem;}

  
  .edu_resources_wrap {margin-top:0px;} 
  .edu_resources_inner {display:flex; flex-direction:column; gap:0; width:100%;}
  .edu_resources_inner.notice {width:100%;}
  .edu_resources_inner.notice .history_select_wrap {width:100%; margin-bottom:1.5rem;}
  .edu_resources_inner.news .history_select_wrap {width:100%; padding-top:2.5rem;}
  .edu_resources_inner.notice.news .history_select_wrap {padding-top:0; width:100%;}
  .edu_resources_inner.news .detail_txt {font-size:1.3rem; position:absolute; padding-left:1.5rem; top:0; width:100%;}
  .edu_resources_inner.news .detail_txt:after {font-size:1.3rem; top:0.2rem;}
  .edu_resources_outer.news {margin-top:3rem;}
  .edu_resources_outer.news .news {width:100%;}
  .edu_resources_inner .input_wrap_outer { flex:1; gap:1rem; width:100%;}
  .edu_resources_inner .edu_resources_top {gap:1rem; width:100%; margin-bottom:1.5rem;}
  .edu_resources_inner > *:last-child {margin-right:0;}
  .edu_resources_inner .input_wrap {width:calc(100% - 11rem)}
  .edu_resources_inner .input_wrap input {height:4.5rem; line-height:4.5rem; font-size:1.4rem; padding-left:1.2rem; width:100%;}
  .edu_resources_inner .history_select_wrap {width:calc(50% - 0.5rem); margin-bottom:0; margin-right:0;}
  .edu_resources_inner .history_select_wrap .selected {height:4.5rem; font-size:1.4rem; padding-left:1.2rem;}
  .edu_resources_inner .table_bottom_btn a {height:4.5rem; line-height:4.5rem; width:10rem; font-size:1.4rem;}

  .edu_resources.lec_info_tstyle5 td {border-right:none !important; border-bottom:none; padding:0; color:#666 !important;}
  .edu_resources.lec_info_tstyle5 td .title {color:#111 !important}
  .edu_resources.lec_info_tstyle5 td:last-child {text-align:center; padding:0;}
  .edu_resources.lec_info_tstyle5.mt30 {margin-top:3rem !important;}


  
  .edu_resources thead {display:none;}
  .edu_resources, .edu_resources tbody {display:block; width:100%;}
  .edu_resources tr {padding:2rem 0; display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #E5E5E5;}
  .edu_resources td {width: auto;}
  .my_cour td.order_four {width: auto !important; margin-right:1rem;}
  .my_cour td.order_four::after {display:none;}
  /* 제목 */
  .edu_resources .order_one {display:block; order:1; font-size:1.7rem; font-weight:700; color:#111; margin-bottom:1.2rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:break-word; text-align:left; width:100%;}

  /* 번호 숨김 */
  .edu_resources .order_zero {display:none;} /* 번호 */

  /* --- 한 줄 정보 묶음 --- */
  .edu_resources .info_line {display:flex; flex-wrap:wrap; align-items:center; gap:4px; font-size:1.4rem; color:#666;}
  .edu_resources .info_line td {display:inline; width:auto; margin:0;}

  /* 각 항목 순서 */
  .edu_resources .order_two {order:2;} /* 구분 */
  .edu_resources .order_three {order:3;} /* 작성자 */
  .edu_resources .order_four {order:4;} /* 등록일 */
  .edu_resources .order_five {order:5;} /* 조회수 */

  /* 구분 기호 */
  .edu_resources .order_two::after, .edu_resources .order_three::after, .edu_resources .order_four::after {content:"｜"; color:#aaa; margin:0 1rem;}
  .edu_resources .order_five::after {display:none;}

  .per_contact_wrap {margin-top:4rem;}
  .per_contact_wrap.write {margin-top:0;}
  .edu_resources td .state {display:inline-block;}
  .edu_resources td .title.icon {padding-left:2rem; padding-left:0;}
  .edu_resources td .title.icon:after {width:1.2rem; height:1.4rem; background-size:cover; display:none;}
  .table_bottom_btn.btn_type04 a {width:100%; justify-content:space-between; height:4.5rem; line-height:4.5rem; padding:0 2.5rem; font-size:1.5rem;}
  .table_bottom_btn.btn_type05 a {width:calc(50% - 0.9rem); font-size:1.5rem; }
  .table_bottom_btn.btn_type05 a + a {margin-left:1.5rem;}
  .per_contact_wrap.write .btn_type05 a {width:calc(33% - 0.7rem);}
  .per_contact_wrap.write .btn_type05 a + a {margin-left:1rem;}
  .table_bottom_btn.btn_type05 a.btn01 {background:#6C8197; border:1px solid #6C8197; color:#fff;}
  .table_bottom_btn.btn_type05 a.btn02 {background:#00198E; border:1px solid #00198E; color:#fff; margin-left:1.5rem;}
  .table_bottom_btn.btn_type05 a.btn03 {background:#CECFD5; border:2px solid #CECFD5; }  
  .table_bottom_btn.btn_type05 a.arrow {padding-right:4.6rem; padding-left:2rem;}
  .table_bottom_btn.btn_type05 a.arrow::after {right:1.5rem; width:3.1rem; height:1.2rem;}
  .table_bottom_btn.btn_type05 a.arrow::after {filter:none;}
  .table_bottom_btn.btn_type06 a {font-size:1.5rem; min-width:16rem; background:#6C8197; border:1px solid #6C8197; color:#fff;}
  .per_contact_wrap .ver7 .search_area {width:100% !important; margin-top:2rem;}
  .per_contact_wrap .input_checkbox_area {margin-top:1.2rem;}
  .per_contact_wrap .input_checkbox_area .input_check {width:50%; margin-right:0;}
  .per_contact_wrap .input_wrap_outer {gap:0.5rem;}


  
  .join_wrap {gap:0px; margin-top:0px;}
  .join_wrap .info-box {margin-bottom:3rem;}
  .join_box {border-radius:1.5rem; padding:4rem 2.5rem;}
  .join_box:hover {border-color:#F4F9FF;}
  .join_box.personal { margin-top:4rem;}
  .join_box.personal:hover {border-color:#F8FAFB;}
  .join_inner {gap:2.5rem; flex-direction:column;}
  .join_icon {}
  .join_icon img {width:4.8rem; height:auto; margin-right:2rem;}
  .join_icon h3 {font-size:2.5rem;}
  .join_info p {font-size:1.6rem; line-height:1.7; margin-bottom:2.5rem;}
  .join_info p strong.st_700 {}
  .join_info p span.dis_bl {display:inline-block;}
  .btn_join {font-size:1.5rem; border-radius:0.8rem; padding:1.4rem 2.5rem; width:100%; background:#00198E; color:#fff; border-color:#00198E;}
  .btn_join:hover {background:#00198E; color:#fff; border-color:#00198E; }
  .btn_join img {height:12px; transition:filter .3s ease; filter:none;}
  .join_box.personal .btn_join {background:#6C8197; border-color:#6C8197;}
  .join_wrap .notice-box + .table_bottom_btn {margin-top:4rem}
  
  .notice-box {padding:3rem 1.5rem;}
  .notice-box .bg {display:none;}
  .notice-icon {margin-bottom:2.5rem;}
  .notice-icon img {width:6.5rem; height:auto;}
  .notice-text h3 {font-size:2.5rem;margin-bottom:2rem;}
  .notice-text p {font-size:1.7rem;}
  .notice-text p + p {margin-top:0px;}
  .notice-text p span {display:block;}
  .notice-text .blue {text-decoration:none;}

  .write_wrap .input_wrap_outer.input_array.bank {gap:0; flex-direction:column;}
  .write_wrap .input_wrap_outer.input_array.bank .ver5 {width:100% !important;}
  .write_wrap .input_wrap_outer.input_array.bank .ver5 + .ver5 {margin-top:1rem;}
  
  .join_notice_label br.mo {display:block;}  
  .join_notice_label {display:inline-block; background:#00198E; color:#fff; font-size:1.8rem; line-height:1.3; border-radius:3.3rem; padding:0.8rem 4rem; margin-bottom:3.5rem; font-weight:700;}
  .join_notice_label strong {margin-right:0; background:none; display:inline; padding:0; border-radius:0;}
  .notice-text .table_bottom_btn.btn_type02 a {background:#fff; color:#111; border:2px solid #7C90EB; }


  
  .search_tab_wrap {padding-top:1.7rem;}
  .search_tab_wrap ul {gap:0.5rem; margin-bottom:1.5rem;}
  .search_tab_wrap ul li {max-width:9.5rem;}
  .search_tab_wrap ul li a {border-radius:0.8rem; font-size:1.4rem; line-height:4rem; height:4rem;}

  .popup_box {padding:2.5rem 1.5rem; border-radius:0.8rem; height:50vh;}

  .search_input_wrap {gap:0.5rem; margin-bottom:1.5rem;}
  .search_input_wrap input {height:4.5rem !important; border-radius:0.7rem; padding:0 1.2rem; font-size:1.4rem;}
  .search_input_wrap .btn_search {height:4.5rem; line-height:4.5rem; border-radius:0.7rem; font-size:1.4rem; width:7rem;}

  .search_result_wrap {padding:1.5rem 0 0px 0;}
  .search_result_inner {max-height:308px; width:100%; padding-bottom:1rem; padding-right:0;}
  .search_result_wrap ul li {padding:1rem 0;}
  .hospital_info .h_name {font-size:1.6rem; margin-bottom:1rem;}
  .hospital_info .h_tel {font-size:1.3rem;margin-bottom:0.6rem;}
  .hospital_info .h_addr {font-size:1.3rem;}
  .btn_select {border-radius:0.5rem; font-size:1.2rem; height:3.5rem; line-height:3.5rem; width:4.8rem;}
  .btn_select:hover {background:#EAF0FF; color:#001369; border:1px solid #C2CFEF;}

  .my_page {margin-top:4rem;}
  .my_page .info-box {justify-content:center; padding:3rem 2rem 2.5rem;}
  .benefits_wrap .my_page .info-box {margin-bottom:0;}
  .my_page .lec_info_tstyle6 tr {padding-bottom:1.4rem;}
  .my_page .lec_info_tstyle6 td {display:block; width:100%; border:none; padding:0; padding-bottom:0.6rem;}
  .my_page .lec_info_tstyle6 td + td {padding-top:0.6rem;}
  .my_page .lec_info_tstyle6 td span.my_date {font-size:1.4rem; color:#666;}
  .my_page .lec_info_tstyle6 td span.my_date em {display:inline-block;}
  .my_page .lec_info_tstyle6 td span.my_date em::after {content:"｜"; color:#aaa; margin:0 1rem; float:left;}
  .my_page .lec_info_tstyle6 td .state { margin-right:1rem;}

  .btn_state {padding:0 2.4rem 0 1.2rem; min-width:8.5rem; height:2.7rem; line-height:2.5rem; font-size:1.3rem; border-radius:1.4rem; background-position:right 1.1rem center; background-size:0.7rem auto; margin-top:0;}

  .btn_state.cancel {color:#555; background-color:#F6F8F9; background-image:url('../img/ico_arrow_gray.png');}
  .btn_state.complete {padding:0 1.9rem; font-size:1.3rem;height:2.7rem; line-height:2.5rem; border-radius:1.4rem;}
  .btn_state.map {background-size: 1.8rem auto; height:2.7rem; line-height:2.6rem; background-position: right 1.2rem center; border-radius:1.4rem; min-width:9.5rem; padding:0 3.5rem 0 1.2rem;}


  .find_wrap {gap:3rem; margin-top:4rem;}
  .find_box {border-radius:1.5rem; padding:4rem 2rem;}
  .find_box.license {flex-direction:column; align-items:flex-start;}
  .find_title {display:flex; align-items:flex-start; margin-bottom:2.5rem; flex-direction:column;}
  .find_title img {height:3.6rem; width:auto; margin-bottom:1.5rem; margin-top:0px;}
  .find_title h3 {font-size:2.3rem; margin-bottom:1rem;}
  .find_title p {font-size:1.5rem; font-weight:500;}
  .find_form {gap:0.8rem; width:100%;}
  .find_form .input_group {gap:0.8rem; flex-direction:column;}
  .find_box .find_form input {line-height:4.5rem !important; border-radius:0.7rem; font-size:1.4rem; padding:1.5rem 1.2rem; 
  -webkit-appearance: none;
  appearance: none;}
  .find_form .btn_submit {height:4.5rem; border-radius:0.7rem; background:#00198E; font-size:1.5rem; font-weight:600; margin-top:1rem;}

  .find_subtitle {font-size:2.3rem; margin-bottom:2.5rem;}
  .auth_wrap {display:flex; gap:1.5rem;}
  .auth_item {min-width:100%; min-height:25rem; border:1px solid #7C90EB; border-radius:0.8rem; padding:3rem 2rem;}
  .auth_item img {height:4.2rem; width:auto; margin-bottom:2rem;}
  .auth_item h4 {font-size:1.5rem;margin-bottom:0.7rem;}
  .auth_item p {font-size:1.3rem; margin-bottom:1.7rem;}
  .auth_item .input_mail {height:4.5rem !important; line-height:4.5rem !important; border-radius:0.7rem; padding:0 1.2rem; font-size:1.4rem; margin-bottom:1.2rem;}
  .btn_auth {height:4.5rem; border-radius:0.6rem; background:#6C8197; font-size:1.5rem;}
  .auth_item:hover .btn_auth {background:#6C8197;}

  
  #datepicker {margin-top:4rem;}
  .ui-datepicker .ui-datepicker-header {margin-bottom:3.5rem;}
  .date-header-wrap {width:100%; justify-content:center;}
  .ui-datepicker-calendar th {font-size:1.4rem;padding:1.4rem 0;}
  .ui-datepicker-calendar td {height:6rem; padding:0.5rem 0.4rem;}
  .ui-datepicker-calendar td a {font-size:1.2rem;}


  
  .event-wrap {bottom:0.5rem; gap:0.4rem; width:90%; overflow:hidden; }
  .event-label {height:1rem; line-height:1rem; width:100%; border-radius:1rem; text-indent:-9999px;}


  .year_nav {gap:0px; width:100%; justify-content:space-between; margin:4rem 0 5.7rem;} 
  .ui-datepicker .year-select, .ui-datepicker .month-select {font-size:2.2rem; padding:0.8rem 3.2rem 0.8rem 1.2rem; background-size:1.2rem auto; height:5rem !important;} 
  .year_select_box select {font-size:2.9rem; padding:0.8rem 3.2rem 0.8rem 1.2rem; background-size:1.2rem auto;} 
  
  .btn_prev, .btn_next {width:4rem; height:4rem; background-size:2.1rem auto;  }

  .ui-datepicker-prev, .ui-datepicker-next {position:absolute; transform:translateY(-50%);} 
  .ui-datepicker-prev {left:0;} .ui-datepicker-next {right:0;}


  
  .edu_calendar_wrap {gap:4rem;}
  .month_head {font-size:2rem; border-radius:1.8rem; position:absolute; left:2rem; height:3.5rem; line-height:3.5rem; width:7rem;}
  .edu_month {width:100%; min-height:7.3rem; margin-bottom:0rem;}
  .edu_month:nth-last-child(-n+1) {margin-bottom:0;}
  .month_body {flex:1; padding:3.1rem 1.2rem;}
  .month_body p {font-size:1.5rem;}
  .month_body ul {gap:0.4rem;}
  .month_body li {font-size:1.4rem; gap:0.7rem;}
  .month_body.empty {gap:0.8rem;}
  .month_body.empty img {width:3.5rem;}
  .ico {width:2.3rem; height:2.3rem; font-size:1.3rem; margin-top:-0.1rem;}

  
  .legend_wrap {display:flex; align-items:center; justify-content:left; gap:40px; margin:1.2rem 0 0;}
  .legend_item {display:flex; align-items:center; gap:1rem; font-size:1.3rem; font-weight:600;}
  .legend_item .color_chip {display:inline-block; width:3.5rem; height:1.9rem; border-radius:1rem;}
  .legend_item.bo .color_chip {background:#FFD9D9;}
  .legend_item.ha .color_chip {background:#D9E4FF;}
  .legend_item.bo .txt {color:#9E2424;}
  .legend_item.ha .txt {color:#00198E;}

  .faq_wrap.law-wrap .table_bottom_btn {margin-top:0;}
  .faq_wrap .edu_resources_inner.notice {position:relative;}
  .faq_wrap h2.icon_title {margin-bottom:3rem;}
  .faq_wrap .tab_menu_wrap {margin-bottom:4rem;}
  .faq_wrap.law-wrap .law-title {padding-left:3.5rem; position:relative; font-size:2rem;}
  .faq_wrap.law-wrap .law-title::after {background-size:2.3rem auto; width:2.3rem; height:2.3rem;}
  .faq_wrap.law-wrap .law-content .dot_list {margin-bottom:2.5rem;}
  .faq_wrap.law-wrap .law-content .dot_list li {padding-left:1.2rem; font-weight:500; font-size:20px; color:#111;}
  .faq_wrap.law-wrap .law-content .dot_list li::after {width:0.6rem; height:0.6rem; top:1.4rem;}
  .faq_wrap .law-item + .icon_title {margin-top:5rem;}
  .faq_wrap .tab_menu_wrap.v03 {width:100%;}
  .faq_wrap.law-wrap .law-content p {font-size:1.5rem;}
  
  
  .relation_wrap {margin-top:0;}
  .relation_list {display:flex; flex-wrap:wrap; justify-content:center; gap:0.8rem; justify-content: flex-start;} 
  .relation_list li {width:calc(50% - 0.8rem); display:block; flex:none;}
  .relation_list li a {display:flex; flex-direction:column; justify-content:flex-start; align-items:center; width:100%; border-radius:1rem; box-shadow:none; background:#F6F8F9; transition:all .3s ease; height:100%;}
  .relation_list li a:hover {transform:none; box-shadow:none; background:#F6F8F9;}
  .relation_list .logo {border:1px solid #7C90EB; border-radius:1rem; height:9rem; display:flex; justify-content:center; align-items:center; width:100%;}
  .relation_list .logo img {max-width:14rem; max-height:3.9rem; width:auto; height:auto; object-fit:contain; display:block;}
  .relation_list .info {border-radius:0 0 1rem 1rem; padding:1.7rem 0.8rem; text-align:center; height:calc(100% - 9rem);}
  .relation_list .info .link {font-size:1.3rem; margin-bottom:0.9rem; display:flex; justify-content:center; align-items:center; gap:0.4rem;}
  .relation_list .info .link::before {width:1.1rem; height:1.1rem; background-size:1.1rem auto;}
  .relation_list .info .name {font-size:1.5rem; color:#001369;}

  .greeting_title {margin-top:1rem;}
  .greeting_top {position:relative;}
  .greeting_img img {width:100%; margin-left:0rem;}
  .greeting_title h3 {font-size:3.1rem; position:relative; left:initial; top:initial;}
  .greeting_text {padding:3rem 0 1.5rem;}
  .greeting_text .greeting_line {display:none;}
  .greeting_wrap {margin-top:0;}
  .greeting_wrap .p_txt {font-size:1.5rem; margin-bottom:1.5rem;}
  .greeting_cards {background: linear-gradient(257.64deg, #F5F9FF 1.75%, #EDF9FC 127.34%); width:calc(100% + 4rem); margin-left:-2rem; padding:3rem 2rem 2rem;}
  .greeting_wrap .greeting_cards p.p_txt {font-size:1.8rem;}
  .greet_cards_wrap {display:block; margin-bottom:2rem;}
  .greeting_cards .greeting_bg {display:none;}

  .greet_knna {position:relative !important; width:100%; top:initial; left:initial; line-height:1; font-size:8.8rem;}
  .greet_knna strong {}
  .greet_thanks {margin-top:2.5rem; margin-bottom:4rem !important;}
  .greet_thanks img { height:2.5rem;}
  .greet_card {padding:0 2.7rem; box-shadow: 0px 14px 28px 0px rgba(0,40,115,0.12)}
  .greet_card::after {position:absolute; top:0; left:0; content:''; display:block; width:100%; height:100%;}
  .greet_card.card01 {background:url("../img/greeting_img01.png") 50% 0 no-repeat; background-size:cover; border-radius:3rem 3rem 3rem 0; margin-top:-1.3rem;}
  .greet_card.card01::after {background: linear-gradient(180deg, rgba(83, 130, 191, 0.1) 9.62%, #5382BF 60.79%);}
  .greet_card.card02 {background:url("../img/greeting_img02.png") 50% 0 no-repeat; background-size:cover; border-radius:3rem; margin-top:2rem;}
  .greet_card.card02::after {background: linear-gradient(180deg, rgba(36, 94, 159, 0.1) 10%, #245E9F 61.05%);}
  .greet_card.card03 {background:url("../img/greeting_img03.png") 50% 0 no-repeat; background-size:cover;border-radius:3rem 0px 3rem 3rem; margin-top:2rem;}
  .greet_card.card03::after {background: linear-gradient(180deg, rgba(49, 126, 159, 0.1) 9.62%, #317E9F 59.74%);}
  .greet_card h4 {font-size:3rem;margin-bottom:1rem; margin-top:16.8rem;}
  .greet_card p {font-size:1.6rem;}
  .greeting_bottom {margin-top:4rem;}
  .greeting_bottom p {margin-bottom:2.5rem;}
  .greeting_bottom .sign {font-size:2.3rem; }
  .greeting_bottom .sign span {margin-right:1.5rem; font-size:1.5rem;}
  
}



@media all and (max-width:400px) {
  .info-text b {font-size:1.3rem;}
}
@media all and (max-width:380px) {
  .info-text {width:100%;}
}