@charset 'utf-8';

.blue_color {color:#00b2ce;}
.red_color {color:#e61312;}
.sky_txt {color:#19e0ff;}
.blue_txt {color:#3f00ce;}
.orange_txt {color:#ce3500;}
.gray_color {color:#999 !important;}
.bg_black {background:#23242f; color:#fff;}
.bg_blue {background:#00b2ce; color:#fff;}
.btn_line {font-weight:700; border-radius: 29px; border:1px solid #23242f;}
.btn_line_blue {color:#00b1cd; border:1px solid #00b1cd;}
.btn_line_gray {color:#999999; border:1px solid #dfdfdf;}
.btn_line_black {color:#242430; border:1px solid #242430; background:#fff;}
.btn_line_pupl {color:#3a46bb; border:1px solid #c4c7ea; background:#fff;}
.btn_default {display:block; padding:12px 19px; border-radius: 10px;}
.btn_submit {padding:1.125rem 6rem; font-size:1.125rem; font-weight:700; border-radius: 29px;}
.btn_160 {width:160px; font-size:1.125rem; font-weight:700; padding:0.938rem 0; border-radius:8px;}
.btn_120 {width:120px; font-size:1.125rem; font-weight:700; padding:0.938rem 0; border-radius:8px;}
.btn_p3 {font-size:1.125rem; font-weight:700; padding:0.938rem 3rem; border-radius:15px;}
.btn_full {font-size:1.25rem; font-weight:700; padding:1.875rem 0; border-radius:15px; text-align:center; justify-content: center; width: 100%;}
.btn_small {padding:6px 10px; border-radius:3px;}
.btn_p21 {padding:12px 22px; border-radius:21px;}
.btn_down::after {content:''; display: inline-block; width:14px; height:13px; background:url('/images/common/icon_btndownload.png') center no-repeat; margin-left:16px;}

.sub_warp_small {max-width:1500px; margin:0 auto;}
.nodata {display:flex;  justify-content:center; padding:30px 0; color:#999999;}

.btn_wrap {position:relative;}
.btn_wrap.center { justify-content:center;}
.btn_wrap > ul {display:flex;}
.btn_wrap.center > ul {gap:10px; justify-content: center;}
.btn_wrap.full > ul {gap:20px; justify-content: center; width:100%;}
.btn_wrap.full > ul > li {flex:1;}
.btn_wrap.end {justify-content: flex-end !important;}
.btn_wrap.abs {position:absolute; right:0; top:0;}
.btn_wrap .btn_abs {position:absolute; right:0; top:0;}

input[type="text"]:disabled {background-color: #e8e8e8 !important; cursor: not-allowed;}
button:disabled,
.bg_blue:disabled,
.btn_blue:disabled,
.btn_line_pupl:disabled {background:#e8e8e8 !important; border-color:#d6d6d6 !important; color:#999 !important; cursor:not-allowed;}
button.is-loading:disabled {cursor:progress; opacity:0.85;}
input[type="file"] { display: none; }
.btn-file {flex-shrink: 0; height: 100%; padding: 1.25rem; background: #222; color: #fff; border-radius: 10px; cursor: pointer; white-space: nowrap;}
.file-name {flex:1; border: 1px solid #d2dadc; border-radius: 10px; padding: 1.25rem;}

/* 대한치과기공사협회 */
.intro_wrap {max-width:1500px; margin:0 auto;}
.intro_wrap h2  {font-size:1.875rem; font-weight:500; text-align:left; margin-bottom:60px;}
.intro_wrap .intro_con {margin-bottom:150px; margin-top:0px; scroll-margin-top: 300px;}
.intro_wrap .intro_con .intro {display:flex; gap:140px;}
.intro_wrap .intro_con .intro .lft_wrap {flex:0 0 550px;}
.intro_wrap .intro_con .intro .lft_wrap .img {width:100%; height:100%; background:url('/images/about/intro_img0101.jpg') center / cover no-repeat; border-radius:40px; overflow:hidden;}
.intro_wrap .intro_con .intro .rgh_wrap {flex:1;}
.intro_wrap .intro_con .intro .tit {font-size:2.5rem; line-height:3.5rem;}
.intro_wrap .intro_con .intro .txt {font-size:1.125rem; line-height:2rem; margin-top:4.375rem;}
.intro_wrap .intro_con .member {display:flex;}
.intro_wrap .intro_con .member .lft_wrap {flex:0 0 244px;}
.intro_wrap .intro_con .member .lft_wrap li {font-size:1.125rem; color:#999999; line-height:60px; cursor: pointer;}
.intro_wrap .intro_con .member .lft_wrap li.active {color:#00b2ce; font-size:1.625rem; text-decoration:underline;}
.intro_wrap .intro_con .member .table_view_list {border-top:1px solid #23242f; font-size:1.125rem; margin-top:55px;}
.intro_wrap .intro_con .member .table_view_list .row {display:flex; border-bottom:1px solid #e2e2e2;}
.intro_wrap .intro_con .member .table_view_list .row > * {flex:1; text-align: center;}
.intro_wrap .intro_con .member .table_view_list .cell_th {background:#f4f4f4; font-weight:700; padding:1.25rem 0;}
.intro_wrap .intro_con .member .table_view_list .cell_td { padding:1.25rem 0;}
.intro_wrap .intro_con .member .table_view_list .cell_td a {color:#222; text-decoration:underline;}
.intro_wrap .intro_con .member .table_view_list .num {flex:0 0 10%;}
.intro_wrap .intro_con .member .table_view_list .title {flex:0 0 40%;}
.intro_wrap .intro_con .member .table_view_list .title > span {text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width:fit-content;}
.intro_wrap .intro_con .member .table_view_list .cell_th.phone,
.intro_wrap .intro_con .member .table_view_list .cell_td.phone {flex:1 1 10%}
.intro_wrap .intro_con .ci_wrap .txt {text-align:center; font-size:1.5rem; line-height:2.375rem}
.intro_wrap .intro_con .ci_wrap .ci_img {display:flex; gap:30px; margin:80px 0 100px 0;}
.intro_wrap .intro_con .song_wrap {display:flex; gap:110px;}
.intro_wrap .intro_con .song_wrap .lft_wrap {flex:0 0 calc(80% - 110px);}
.intro_wrap .intro_con .song_wrap .lft_wrap p {font-size:18px; line-height:32px; }
.intro_wrap .intro_con .song_wrap .lft_wrap .con_wrap {display: flex; margin-top:79px;}
.intro_wrap .intro_con .song_wrap .lft_wrap .item {flex:0 0 40%;}
.intro_wrap .intro_con .song_wrap .lft_wrap .item:last-child {flex:0 0 60%;}
.intro_wrap .intro_con .song_wrap .lft_wrap .item .tit {color:#00b2ce; font-size:1.375rem;}
.intro_wrap .intro_con .song_wrap .lft_wrap .item ul {font-size:18px; line-height:32px; margin-top:38px;}
.intro_wrap .intro_con .song_wrap .rgh_wrap {flex:0 0 20%; display:flex; flex-direction: column; align-items: center;}
.intro_wrap .intro_con .song_wrap .rgh_wrap .img_wrap {border:1px solid #e2e2e2; border-radius:10px; margin-bottom:20px;}
.intro_wrap .intro_con .song_wrap .rgh_wrap a {font-size:1.125rem; padding: 5px 5px 5px 30px; border-radius: 29px; display: flex; align-items: center; gap: 18px;}
.intro_wrap .intro_con .song_wrap .rgh_wrap a::after {content:''; display:inline-block; width:48px; height:48px; background:url('/images/about/btn_song.png') center / cover no-repeat;}
.intro_wrap .intro_con .video_wrap #player {width:100%; max-width:790px; border-radius:24px; overflow:hidden;}
.intro_wrap .intro_con .his_wrap {display:flex; height:500px; width:100%; align-items: center; justify-content: center; background:url('/images/about/ebook_view_bg.jpg') center / cover no-repeat;}
.intro_wrap .intro_con .his_wrap > div {display:flex; gap:66px; align-items: center;}
.intro_wrap .intro_con .his_wrap .img_wrap {border:8px solid #ffffff; border-radius:30px; overflow:hidden; -webkit-box-shadow: 0px 11px 15px 8px rgba(0,0,0,0.35);  box-shadow: 0px 11px 15px 8px rgba(0,0,0,0.35);}
.intro_wrap .intro_con .his_wrap .btn_wrap {display:block;}
.intro_wrap .intro_con .his_wrap .btn_wrap button {font-size:1.125rem; font-weight:700; padding:20px 30px; border-radius:25px;}
.intro_wrap .intro_con .his_wrap .btn_wrap button::after {content:''; display:inline-block; width:10px; height:10px; background:url('/images/about/arrow_50his.png') no-repeat; margin-left:22px;}
.intro_wrap .intro_con .map {line-height:2rem; font-size:1.125rem; margin-top:10px;}
.intro_wrap .intro_con .map_wrap {height:460px; width:100%; border-radius:24px;}
.intro_wrap .video_wrap {text-align:center;}

/*설립목적*/
.prup_wrap {max-width: 1500px; margin:0 auto;}
.prup_wrap .prup_con {margin-bottom:150px; margin-top:200px; scroll-margin-top: 300px;}
.prup_wrap .prup_con h3 {margin-bottom:65px;}
.prup_wrap .col_01 {display:flex; gap:140px; align-items: center;}
.prup_wrap .col_01 .img {flex: 0 0 550px;}
.prup_wrap .col_01 {}
.prup_wrap .col_01 .tit {font-size:2.5rem; margin-bottom:90px;}
.prup_wrap .col_01 .stxt {font-size:1.625rem; margin-bottom:40px;}
.prup_wrap .col_01 .txt {font-size:1.125rem; line-height:2rem; margin-bottom:70px;}
.prup_wrap .row_his .tit {font-size:2.5rem; margin:90px 0 50px 0;}
.prup_wrap .blue_tab_wrap .tab_list .tab_item button {border:1px solid #222222; background:#fff;}
.prup_wrap .row_his .tab_content {margin-top:35px;}
.prup_wrap .row_his .tab_content .row {display:flex; border-bottom:1px solid #eeeeee; padding:25px 0; font-size:1.125rem; line-height:2rem;}
.prup_wrap .row_his .tab_content .year {flex:0 0 250px;}
.prup_wrap .col_02 {display:flex; gap:30px;}
.prup_wrap .col_02 .lft_wrap {flex:0 0 calc(50% - 15px); font-size:1.125rem; line-height:2rem;}
.prup_wrap .col_02 .rgh_wrap {flex:0 0 calc(50% - 15px);}
.prup_wrap .col_02.gap130 .rgh_wrap {margin-left:130px;}
.prup_wrap .col_02 .rgh_wrap .tit {font-size:1.5rem; margin-bottom:30px;}
.prup_wrap .col_02 .rgh_wrap .txt {font-size:1.125rem; line-height:2.875rem;}
.prup_wrap .garh_02 {text-align:center;}
.prup_wrap .garh_02 .tit {font-size:1.5rem; line-height:2.125rem; margin-bottom:50px;}
.prup_wrap .garh_02 .txt {font-size:1.125rem; margin-bottom:100px;}
.prup_wrap .garh_02 .img {width:100%; text-align:center;}

.slide_list_container .corp_wrap.slide_list {margin:0;}
.slide_list_container .corp_wrap .slide_item .title_wrap {background:#fff; border: 1px solid #e6e6e6; font-size:18px; padding:22px 21px; border-radius:8px; margin-bottom:10px;}
.slide_list_container .corp_wrap .slide_item.active .title_wrap {background:#242430; border:none; color:#fff; }
.slide_list_container .corp_wrap .slide_item .title_wrap .title {font-size:18px;}
.slide_list_container .corp_wrap .slide_item.active .title_wrap .title {color:#fff;}
.slide_list_container .corp_wrap .slide_item {border:none; background:#fff;}
.slide_list_container .corp_wrap .slide_item.active {border:none;}
.slide_list_container .corp_wrap .qna_answer {background:#f4f4f4; color:#666666; padding:22px 11px 22px 32px; border-radius:8px; border:none;}
.slide_list_container .corp_wrap .qna_answer .qna {margin:0;}
.slide_list_container .corp_wrap .qna_answer ol {margin-right:11px; font-size:14px; line-height:20px; }
.slide_list_container .corp_wrap .qna_answer .tit { font-size:14px; line-height:20px; margin:0;}
.slide_list_container .corp_wrap .qna_answer .con { font-size:14px; line-height:20px; margin-bottom:23px;}
.slide_list_container .corp_wrap  .slide_item .icon span {background: url(/images/common/icon_plus2.png) center no-repeat;}
.slide_list_container .corp_wrap  .slide_item.active .icon span {background: url(/images/common/icon_minus2.png) center no-repeat;}

/*정책연구소*/
.history_wrap {max-width: 1500px; margin:0 auto;}
.history_wrap .sub_title h3 {font-weight:500; margin-bottom:70px;}
.history_wrap .row_his .tab_content {margin-top:35px;}
.history_wrap .row_his .blue_tab_wrap .tab_list .tab_item {flex:0 0 207px;}
.history_wrap .row_his .blue_tab_wrap .tab_list .tab_item button {border:1px solid #222222; background:#fff;}
.history_wrap .row_his .tab_content .row {display:flex; border-bottom:1px solid #eeeeee; padding:25px 0; font-size:1.125rem; line-height:2rem;}
.history_wrap .row_his .tab_content .year {flex:0 0 250px;}
.history_wrap .row_his .stab_content {margin-top:90px;}
.history_wrap .row_his .with_ora {display:flex; gap:99px;}
.history_wrap .row_his .with_ora .lft_wrap {}
.history_wrap .row_his .with_ora .rgh_wrap {flex:1;}
.history_wrap .row_his .with_ora .rgh_wrap .row:first-child {border-top:1px solid #23242f;}
.history_wrap .row_his .with_ora .rgh_wrap .row {display:flex; border-bottom:1px solid #eeeeee; padding:15px 0;}
.history_wrap .row_his .with_ora .rgh_wrap .row .state {flex:0 0 150px; text-align:center;}
.history_wrap .row_his .with_ora .rgh_wrap .row .content {flex:1; text-align:center;}

/* 정보·자료 */
/* 치과기공사란 */
.dlt_wrap {max-width: 1500px; margin:0 auto;}
.dlt_wrap .sub_title h3 {margin-bottom:70px;}
.dlt_wrap .cont01 {margin-bottom:150px;}
.dlt_wrap .cont01 .tit {font-size:2.5rem; line-height:3.5rem; margin:80px 0 98px 0;}
.dlt_wrap .cont01 .txt {display:flex; gap:80px;}
.dlt_wrap .cont01 .txt > div {flex:1;}
.dlt_wrap .cont01 .txt > p {flex:1; font-size:1.125rem; line-height:2rem;}
.dlt_wrap .cont02 p {font-size:1.125rem; line-height:2rem;}
.dlt_wrap .cont03 > div {width:100%; text-align:center;}
.dlt_wrap .cont04 .grah_wrap {margin-bottom:75px;}
.dlt_wrap .cont04 .grah_wrap > ul {display:flex; gap:30px;}
.dlt_wrap .cont04 .txt_wrap {font-size:1.125rem; line-height:2rem;}
.dlt_wrap .cont04 .line-table {border-top:1px solid #23242f; border-bottom:1px solid #23242f; padding:20px 0; font-size:1.125rem; }
.dlt_wrap .cont05 > div {text-align:center;}
.dlt_wrap .table_view_list {border-top:1px solid #23242f; font-size:1.125rem; margin-top:55px;}
.dlt_wrap .table_view_list .row {display:flex; border-bottom:1px solid #e2e2e2;}
.dlt_wrap .table_view_list .row > * {flex:1; text-align: center;}
.dlt_wrap .table_view_list .cell_th {background:#f4f4f4; font-weight:700; padding:1.25rem 0;}
.dlt_wrap .table_view_list .cell_td {padding:1.25rem 0;}
.dlt_wrap .table_view_list .cell_td a {color:#222; text-decoration:underline;}
.dlt_wrap .table_view_list .cell_th.title,
.dlt_wrap .table_view_list .cell_td.title {flex:0 0 25%;}


/* 보수교육 */
.circle_icon {display:flex; justify-content:center; align-items: center; width:94px; height:94px; border-radius:100%; text-align:center; font-weight:700; margin-left:2.813rem;}
.status_incomplete {border:1px solid #fbdbdb; color:#e81111;}   /* 미이수 & 접수중 */
.status_open {border:1px solid #00b1cd; color:#00b1cd;}   /* 파랑 접수중 */
.status_complete {border:1px solid #00b1cd; background:#00b1cd; color:#fff;} /* 이수 */
.status_receipt {border:1px solid #a8e4ee; color:#00b1cd;} /* 접수 */
.status_pending {border:1px solid #c3c7ea; color:#3c46bb; cursor: pointer;} /* 입금대기 */
.status_paid {border:1px solid #d9d9d9; color:#222;} /* 결제완료 */
.btn_like {display:block; width:48px; height:47px; text-indent: -999px; overflow:hidden; border:1px solid #dfdfdf; background:url('/images/education/icon_like.png') center no-repeat; padding:0 !important;}
.btn_like.add_like {background:url('/images/education/icon_like_add.png') center no-repeat; border:1px solid #00b1cd;}

.sub_title {margin-top:6.75rem;}
.sub_title:first-child {margin-top:8.125rem;}
.sub_title h3 {font-size:1.875rem; font-weight:700; margin-bottom:1.125rem;}
.sub_title p {font-size:1.125rem; margin-bottom:3.125rem; line-height: 1.75rem;}
.sub_title .edu_notice {color:#666666; background:#f9f9f9; border:1px solid #dde7e9; border-radius:6px; padding:1.875rem; line-height:26px;}
.sub_title .edu_notice b {color:#222222; font-weight700;}
.sub_title .complete {color:#fff; font-size:1.125rem; font-weight700; background:#00b2ce; border-radius:6px; padding:1.5rem 1.875rem;}

.course_wrap {max-width: 1500px; margin:0 auto;}
.course_wrap .red {color:#e81111;}
.course_wrap .section_head {margin:1.875rem 0 3.125rem 0;}
.course_wrap .section_head h3 {font-size:1.875rem; font-weight:600; margin-bottom:0.938rem;}
.course_wrap .section_head p {font-size:1.125rem;}
.course_wrap .course_body {}
.course_wrap .course_card {display:flex; gap:10px; }
.course_wrap .card_year {width:420px; height:300px; display:flex; flex-direction: column; align-items: center; justify-content: center; border:1px solid #242430; border-radius:6px; color:#242430; font-weight:700; font-size:2.125rem; text-align:center;}
.course_wrap .card_wrap {flex:1; border:1px solid #242430; border-radius:6px; padding:1.875rem;}
.course_wrap .card_wrap .progress_label {display: block; font-size:1.375rem; margin-bottom:20px;}
.course_wrap .card_wrap .progress_bar {width: 100%; height: 8px; background: #e8eef0; border-radius: 3px; overflow: hidden;}
.course_wrap .card_wrap .progress_fill {display: block; height: 100%; background: linear-gradient(to right, #00b4cc, #1a3fb0); border-radius: 3px; overflow: hidden;}
.course_wrap .card_wrap .progress_scale {display: flex; justify-content: space-between; margin-top: 6px; }
.course_wrap .card_wrap .progress_scale li {font-size:0.875rem; color: #999;}
.course_wrap .card_wrap .card_status {display:flex; gap:10px; margin-top:21px;}
.course_wrap .card_wrap .card_status > li {flex:1; position:relative; display:flex; gap:10px; align-items: center; justify-content: center; border:1px solid #dde7e9; border-radius:6px; padding:3.125rem 0;}
.course_wrap .card_wrap .card_status > li span {position:absolute; left:15px; top:15px; font-size:1.125rem;}
.course_wrap .card_wrap .card_status > li strong {font-size:2rem;}
.course_wrap .course_notice {border:1px solid #dde7e9; border-radius:6px; background:#f9f9f9; padding:1.875rem; color:#666666; line-height:26px; margin-bottom:3.75rem; margin-top:10px;}
.course_wrap .edu_block {position:relative; border:1px solid #242430; border-radius:6px; background:#f9f9f9; padding:1.875rem; margin-top:1.25rem;}
.course_wrap .edu_block.close_edu {border:1px solid #dde7e9;}
.course_wrap .edu_block .edu_notice {border:1px solid #dde7e9; border-radius:6px; background:#fff; padding:1.875rem; color:#666666; line-height:26px; margin-top:25px;}
.course_wrap .edu_top {display:flex; justify-content: space-between; align-items: center; cursor: pointer;}
.course_wrap .edu_top .edu_year {font-size:1.75rem; font-weight:700;}
.course_wrap .edu_top .edu_year span {color:#00b1cd;}
.course_wrap .edu_top .edu_meta {display:flex; gap:7.5rem; align-items: center;}
.course_wrap .edu_top .edu_meta .meta {font-size:1.125rem; line-height:38px;}
.course_wrap .edu_top .edu_meta .meta .tit {display:inline-block; width:65px;}
.course_wrap .edu_top .edu_meta .meta b {color:#00b1cd;}
.course_wrap .edu_top .edu_meta .edu_progress {color:#666666;}
.course_wrap .edu_top .edu_meta .edu_progress .progress_wrap {display:flex; justify-content: space-between; align-items: center; margin:10px 0;}
.course_wrap .edu_top .edu_meta .edu_progress .progress_bar {width:220px; height: 8px; background: #e8eef0; border-radius: 3px; overflow: hidden;}
.course_wrap .edu_top .edu_meta .edu_progress .progress_bar span {display:block; height:100%; background:#00b1cd; border-radius: 3px; overflow: hidden;}
.course_wrap .edu_top .edu_meta .edu_progress .progress_fill {display: block; height: 100%; background: linear-gradient(to right, #00b4cc, #1a3fb0); border-radius: 3px; overflow: hidden;}
.course_wrap .edu_top .edu_meta .edu_progress > span {font-size:1.125rem; color:#222222;}
.course_wrap .edu_top .edu_meta .edu_progress b {color:#222222; display:inline-block; margin-left:10px;}
.course_wrap .edu_top .edu_btn_group {display:flex; align-items: center; gap:10px;}
.course_wrap .edu_top .edu_btn_group .btn_blue {padding:0.938rem 2.25rem; border-radius:4px; background:#00b1cd; color:#fff; font-weight:700;}
.course_wrap .edu_top .edu_btn_group .btn_pupl {padding:0.938rem 2.25rem; border-radius:4px; background:#3a45bb; color:#fff; font-weight:700;}
.course_wrap .edu_top .edu_notice { margin-top:33px;}
.course_wrap .subject_section {margin-top:3.25rem;}
.course_wrap .subject_section .subject_head {display:flex; justify-content: space-between; align-items: center; margin-bottom:1.75rem;}
.course_wrap .subject_section .subject_head h4 {font-size:1.75rem; font-weight700;}
.course_wrap .subject_section .subject_head span {color:#666666;}
.course_wrap .subject_section .subject_head b {color:#00b1cd; font-weight:400;}
.course_wrap .subject_item {position:relative; display:flex; background:#fff; border:1px solid #dde7e9; border-radius:6px; padding:3.125rem; margin-bottom:10px;}
.course_wrap .subject_item:last-child {margin-bottom:0px;}
.course_wrap .subject_item .subject_thumb {flex:0 0 500px; max-width:500px;}
.course_wrap .subject_item .subject_thumb .img_wrap {border:1px solid #dde7e9; border-radius:5px; overflow:hidden; width:214px; height:119px; margin-top:15px;}
.course_wrap .subject_item .subject_name {width: 360px; font-size:1.5rem; line-height:2.25rem; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp:2;}
.course_wrap .subject_item .check_wrap {position:absolute; left:11px; top:11px;}
.course_wrap .subject_item .subject_info {}
.course_wrap .subject_item .subject_price {display:flex; align-items: center; margin-top:3.75rem; }
.course_wrap .subject_item .subject_price > span {font-weight:700; font-size:1.125rem; display:block; margin-right:80px;}
.course_wrap .subject_item .subject_meta {display:flex; align-items: center; flex-wrap: wrap;}
.course_wrap .subject_item .subject_meta > li {flex:0 0 50%; font-size:1.125rem; line-height:38px;}
.course_wrap .subject_item .subject_meta > li .meta_label {display:inline-block; width:110px; color:#999999;}
.course_wrap .subject_item .subject_info .subject_btn_group {display:flex; gap:10px;}
.course_wrap .subject_item .subject_info .subject_btn_group button {font-size:1.125rem; font-weight:700; border-radius:4px; padding:0.75rem 2.188rem;}
.course_wrap .btn_wrap {position: relative; width:100%; margin-top:2.5rem; justify-content: center;}
.course_wrap .edu_block .btn_wrap .bg_blue {padding:0.938rem 1.5rem; width:auto;}
.course_wrap .edu_block .btn_wrap .btn_line_black {position: absolute; right:0; bottom:0; padding:0.844rem 0;}
.course_wrap .close_edu {}
.course_wrap .close_edu .subject_section {display:none;}
.course_wrap .close_edu .start_edu {color:#00b1cd; border:1px solid #00b1cd;}
.course_wrap .close_edu .add_edu {color:#3a46bb; border:1px solid #3a46bb;}
.course_wrap .btn_wrap .btn_abs select {padding: 14px 57px 14px 20px; background: url(/images/common/select_arrow_b.png) no-repeat calc(100% - 20px) 50% #fff;}
/* 강의소개 - 팝업  */
.subject_wrap {}
.subject_wrap .title {}
.subject_wrap .con .blue_txt {font-size:1.375rem; color:#00b2ce; font-weight:700; margin-bottom  :1.875rem;}
.subject_wrap .con .txt_wrap {height:290px; width:100%; background:#fff; border:1px solid #d7d7d7; border-radius:5px; padding:1rem;}
.subject_wrap .con .txt_wrap .scrollBar {padding:1rem;}
.subject_wrap .con .btn_wrap {justify-content: center; margin-top:1.875rem;}
.pay_info_wrap .title {font-weight:400;}
.pay_info_wrap .con .btn_wrap {justify-content: center; margin-top:1.875rem;}
.pay_info_wrap .con .pop_table {width:100%; border-collapse: separate; border:1px solid #dde7e9; border-radius:5px; font-size:1.125rem; line-height:30px;}
.pay_info_wrap .con .pop_table tr:last-child th,
.pay_info_wrap .con .pop_table tr:last-child td {border-bottom:none;}
.pay_info_wrap .con .pop_table th {padding:1.25rem; border-right:1px solid #dde7e9; border-bottom:1px solid #dde7e9;}
.pay_info_wrap .con .pop_table td {padding:1.25rem; border-bottom:1px solid #dde7e9;}
/*  보수교육 > 오프라인 교육 참가신청  */
.offList_wrap {max-width: 1500px; margin:0 auto;}
.offList_wrap .blue_tab_wrap {margin-bottom:20px;}
.off_edu_wrap .off_edu {display: flex; justify-content: space-between; align-items: center;background:#fff; border:1px solid #dde7e9; border-radius:6px; padding:3.125rem; margin-bottom:10px;}
.off_edu_wrap .lft_wrap {flex:0 0 25%;}
.off_edu_wrap .lft_wrap .title {width:80%; max-width: 360px; height:64px; font-size:1.625rem; line-height:2.125rem; font-weight:700; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp:2;}
.off_edu_wrap .lft_wrap > ul {margin-top:19px;}
.off_edu_wrap .lft_wrap > ul > li {display: flex; border:1px solid #bec8ca; border-radius:7px; margin-bottom:2px; font-size:1.125rem; padding:14px 12px;}
.off_edu_wrap .lft_wrap > ul > li:last-child {margin-bottom:0px; }
.off_edu_wrap .lft_wrap > ul > li span {display:inline-block; width:90px; color:#000;}
.off_edu_wrap .lft_wrap > ul > li div {color:#00b1cd;}
.off_edu_wrap .date_wrap .subject_price {display:flex; align-items: center; margin-top:3.75rem; }
.off_edu_wrap .date_wrap .subject_price > span {font-weight:700; font-size:1.125rem; display:block; margin-right:80px;}
.off_edu_wrap .date_wrap .subject_price .subject_btn_group {display:flex; gap:10px;}
.off_edu_wrap .date_wrap .subject_price .subject_btn_group button {font-size:1.125rem; font-weight:700; border-radius:4px; padding:0.75rem 2.188rem;}
.off_edu_wrap .off_edu .date_wrap > ul > li {display: flex; font-size:1.125rem; line-height:2.375rem;}
.off_edu_wrap .off_edu .date_wrap > ul > li span {display:block; width:110px; color:#999999;}
.off_detail_wrap {max-width: 1500px; margin:0 auto;}
.off_detail_wrap .title {margin-top:8.125rem; font-size:1.625rem; font-weight:700; padding:2rem 0; text-align: center; border:1px solid #dde7e9; border-radius:6px; margin-bottom:9px;}
.off_detail_wrap .table_wrap {border:1px solid #dde7e9; border-radius:6px; overflow: hidden;}
.off_detail_wrap .table_wrap .row_3 {display:flex; flex-direction: column;}
.off_detail_wrap .table_wrap .row_3 .cell {display: flex; flex: 1; font-size:1.125rem; border-bottom: 1px solid #dde7e9; }
.off_detail_wrap .table_wrap .row_3 .th {flex: 0 0 10%;}
.off_detail_wrap .table_wrap .row_3 .td {flex: 0 0 24%;}
.off_detail_wrap .table_wrap .th {color:#999999; text-align:center; border-right: 1px solid #dde7e9; border-left: 1px solid #dde7e9; padding:1.5rem 0; display: flex; align-items: center; justify-content: center;}
.off_detail_wrap .table_wrap .th:first-child {border-left:none;}
.off_detail_wrap .table_wrap .td {padding:1.5rem 2rem; }
.off_detail_wrap .table_wrap .row_con {padding:3.125rem;  font-size:1.125rem; line-height:2rem;}
.off_detail_wrap .btn_wrap {position: relative; width:100%; margin-top:2.5rem; justify-content: center; font-size:1.125rem; font-weight:700;}
.off_detail_wrap .btn_wrap .bg_blue { }
.off_detail_wrap .btn_wrap .bg_black { }
.off_pay_wrap {max-width: 1500px; margin:0 auto;}
.off_pay_wrap .edu_title .edu_notice {margin-top:1.875rem;}
.off_pay_wrap .btn_wrap {position: relative; width:100%; margin-top:2.5rem; justify-content: center; }
.off_pay_wrap .btn_wrap .bg_blue {}
.off_pay_wrap .btn_wrap .bg_black {}
.payment_section {border:1px solid #889395; border-radius:6px; padding:2.5rem 3.125rem; margin-top:10px;}
.payment_section .pay_con {display:flex; width: 100%; justify-content: space-between; align-items: flex-start;}
.payment_section .pay_con .title {font-size:1.625rem; font-weight:700; margin-bottom:3.125rem;}
.payment_section .pay_con span.stit {font-size:1.125rem; color:#999999; display:block; margin-bottom:1.25rem;}
.payment_section .pay_con .lft_wrap {flex: 0 0 40%; max-width: 770px; font-size:1.125rem; }
.payment_section .pay_con .lft_wrap > ul {}
.payment_section .pay_con .lft_wrap > ul > li {display:flex; padding:11px 12px; border:1px solid #bec8ca; border-radius:7px; margin-bottom:2px;}
.payment_section .pay_con .lft_wrap > ul > li span {width:80px;}
.payment_section .pay_con .cnt_wrap {margin-top:39px;}
.payment_section .pay_con .cnt_wrap > ul > li {margin-bottom:10px;}
.payment_section .pay_con .cnt_wrap > ul > li:last-child {margin-bottom:0}
.payment_section .pay_con .cnt_wrap select {border:1px solid #d2dadc;}
.payment_section .pay_con .rgh_wrap {flex: 0 0 20%; margin-top:39px;}
.manual-bank-info {margin-top:12px; padding:18px 20px; border:1px solid #d2dadc; border-radius:6px; background:#f8fafb; font-size:1rem; line-height:1.7;}
.manual-bank-info p {margin:0 0 8px;}
.manual-bank-info ul {margin:0; padding:0; list-style:none;}
.manual-bank-info li {display:flex; gap:12px;}
.manual-bank-info li span {min-width:70px; color:#667085;}
.pay_view_section {}
.pay_view_section .pay_view {border-top:1px solid #23242f; border-bottom:1px solid #d2dadc; font-size:1.125rem; padding:20px 0; margin-top:20px;}
.pay_view_section .pay_view .row {display:flex;}
.pay_view_section .pay_view .row .cell {flex:50%; display:flex; align-items: center; padding:1.563rem 0;}
.pay_view_section .pay_view .row .cell > span {display:block; width:150px;}
.pay_view_section .pay_view .row .cell > div {flex:1;}
.pay_view_section .pay_view .row .cell a {color:#00b1cd; text-decoration: underline;}
.pay_view_section .pay_view .row .cell select {width:80%;}
.pay_view_section .pay_view .pay_notice {border:1px solid #dde7e9; border-radius:6px; background:#fff; padding:1.875rem; line-height:26px; margin-top:20px;}
.pay_view_section .pay_view .pay_notice h5 {font-size:1.125rem; font-weight:700; display:block; margin-bottom:10px;}
.pay_view_section .pay_view .pay_notice ul {display:flex; gap:30px; margin-bottom:10px;}
.pay_view_section .pay_view .pay_notice ul > li {display:flex; gap:10px;}
.pay_view_section .pay_view .pay_notice ul > li span {font-size:1.125rem; font-weight:700;}
.pay_view_section .pay_view .pay_notice ul > li p {font-size:1.125rem; }
.pay_view_section .pay_view .pay_notice > p {font-size:0.875rem; }
.pay_view_section .btn_wrap {justify-content: flex-end;}
.pay_view_section .btn_wrap button {padding:0.938rem 2rem;}
.pay_comp_wrap .edu_notice {margin-top:10px;}
.pay_comp_wrap .btn_wrap {justify-content: center; margin-top:3.75rem;}
.online_subs .subject_item {margin-top:10px;}
.online_subs .subject_item .subject_info {flex: 0 0 50%;}
.online_subs .subject_item .subject_price > span > b {display:block; font-weight:400; font-size:0.875rem; margin-top:8px;}
.online_subs select {max-width:475px;}
.online_subs.course_wrap .btn_wrap button {width:160px;}
.online_cancel {}
.online_cancel .subject_item {margin-top:10px;}
.online_cancel .pay_view input {border:1px solid #d2dadc; padding:0.96rem 1.25rem; width: 100%; max-width: 475px;}
.cenc_comp_wrap  {max-width:1500px; margin:0 auto;}
.cenc_comp_wrap .edu_title:nth-child(2) {margin-top:3.125rem;}
.cenc_comp_wrap .edu_notice {margin-top:10px;}
.cenc_comp_wrap .btn_wrap {justify-content: center; margin-top:3.75rem;}

/*   보수교육 일정안내 & 보수교육 이수현황   */
.conti_wrap {max-width:1500px; margin:0 auto;}
.conti_wrap .continuing {display: flex; width: 100%; justify-content: space-between;align-items: center;border:1px solid #dde7e9; border-radius:6px; padding:3rem 3.125rem; margin-bottom:10px;}
.conti_wrap .continuing .lft_wrap {width:30%;}
.conti_wrap .continuing .lft_wrap .title {font-size:1.625rem; font-weight:700; margin-top:1rem; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.conti_wrap .continuing .lft_wrap .blue_txt {color:#00b1cd; font-size:1.125rem; }
.conti_wrap .continuing .lft_wrap .blue_txt span:first-child::after {content:''; display:inline-block; width:1px; height:11px; background:#dde7e9; margin:0 18px;}
.conti_wrap .continuing .date_wrap > ul > li {display: flex; font-size:1.125rem; line-height:2.375rem;}
.conti_wrap .continuing .date_wrap > ul > li span {display:block; width:110px; color:#999999;}
.conti_wrap .continuing .edu_btn_group {flex:0 0 430px; display: flex; justify-content:flex-end; align-items: center;}
.conti_wrap .continuing .edu_btn_group > ul {flex:1; display: flex; gap:5px; justify-content:flex-end; align-items: center;}
.conti_wrap .continuing .edu_btn_group .btn_blue {padding:0.938rem 2.25rem; border-radius:4px; color:#00b1cd; font-weight:700; border:1px solid #7fd8e6;}
.conti_wrap .continuing .edu_btn_group .btn_pupl {padding:0.938rem 2.25rem; border-radius:4px; color:#3a46bb; font-weight:700; border:1px solid #c4c7ea;}

/* 면허신고제 안내 */
.reporting_wrap {max-width:1500px; margin:0 auto;}
.reporting_wrap > div {text-align:center;}
.reporting_wrap .btn_wrap.center {margin-top:80px;}
.reporting_wrap .btn_wrap.center a {display:inline-block;}
.reporting_wrap.repo_info > div {text-align:left;}
.reporting_wrap.repo_info .sub_title p {margin-bottom:20px;}
.reporting_wrap.repo_info .sub_title .edu_notice {background:#fff; line-height:30px;}
.repo_info .repo_table {width:100%; overflow: hidden; border-collapse: separate; border-spacing: 0;}
.repo_info .repo_table.first_table {margin-bottom:70px;}
.repo_info .repo_table .row_th {background:#23242f; color:#fff; text-align:center; font-size:1.5rem; font-weight:700; padding:1.75rem 0 1.563rem 0; border-radius:10px 10px 0 0; overflow:hidden;}
.repo_info .repo_table .row_th span {display:block;}
.repo_info .repo_table .row_th b {font-weight:400; font-size:1.125rem;}
.repo_info .repo_table table {width:100%; border-radius:0 0 10px 10px; border:1px solid #dde7e9;}
.repo_info .repo_table table th {background:#f7fafa; padding:1.125rem 0; text-align:center; border-right:1px solid #dde7e9; }
.repo_info .repo_table table th:first-child {width:230px;}
.repo_info .repo_table table td {font-size:1.125rem; padding:1.125rem; border-top:1px solid #dde7e9; border-right:1px solid #dde7e9; }
.training_wrap {max-width:1500px; margin:0 auto;}
.training_wrap .sub_title {margin-bottom:40px;}
.training_wrap .repo_txt {margin-top:130px; text-align:center; font-size:1.125rem; line-height:32px;}
.training_wrap .repo_txt u {font-weight:700;}
.training_wrap .btn_wrap {margin-top:87px;}
.training_wrap .btn_wrap a {display:inline-block; width:640px; text-align:center; padding:30px 0; border-radius:15px; font-size:1.25rem; font-weight:700;}


/* 커뮤니티 */
/* 구인구직 */
.recruit_list_container {max-width:1500px; margin:0 auto;}
.recruit_notice {border:2px solid #e2e2ec; border-radius:15px; padding:2.5rem 3.75rem;}
.recruit_notice > div {display:flex; gap:70px; line-height:2rem; font-size:1.125rem;}
.recruit_notice span.icon {display:inline-block; width:140px; height:140px; background:url('/images/community/icon_notice.png') center no-repeat;}
.recruit_list {margin-top:4.375rem; }
.recruit_list .filter_wrap {display:flex; gap:10px; align-items: center; width:100%; margin-top:1.938rem;}
.recruit_list .filter_item {}
.recruit_list .filter_item [name="field"] {margin-right:10px;}
.recruit_list .filter_wrap.career_filter.filter_item [name="field"] {margin-right:0;}
.recruit_list .table_wrap {margin-top:30px; border-top:1px solid #23242f;}
.recruit_list .table_wrap .row_th {display:flex; width:100%;}
.recruit_list .table_wrap .row_th > div {background:#f4f4f4; text-align:center; padding:1.25rem 0; border-bottom:1px solid #e2e2e2; }
.recruit_list .table_wrap .row_th > div.title {text-align:center;}
.recruit_list .table_wrap a {display:flex; align-items: center; width:100%; border-bottom:1px solid #e2e2e2; color:#222222; padding:1.25rem 0;}
.recruit_list .table_wrap a div {text-align:center;}
.recruit_list .table_wrap div.num {flex:0 0 5%;}
.recruit_list .table_wrap div.dept {flex:0 0 8%;}
.recruit_list .table_wrap div.title {text-align:left; flex:1; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.recruit_list .table_wrap div.year {flex:0 0 8%;}
.recruit_list .table_wrap div.add {flex:0 0 8%;}
.recruit_list .table_wrap div.sdate {flex:0 0 8%;}
.recruit_list .table_wrap div.edate {flex:0 0 8%;}
.recruit_list .table_wrap div.count {flex:0 0 5%;}
.recruit_list .btn_wrap {margin-top:20px; justify-content: flex-end;}
.recruit_list .pager {margin-top:10px;}
.recruit_view_container {}
.recruit_view_container .sub_title {position:relative;}
.recruit_view_container .sub_title .abs {position:absolute; right:0; top:0;}
.recruit_view_container .recruit_view {border:1px solid #dde7e9; border-radius:6px; padding:1.85rem 2.5rem;}
.recruit_view_container .recruit_view .row {font-size:1.125rem; line-height:2.875rem; display:flex; align-items: center; }
.recruit_view_container .recruit_view .cell {flex:0 0 50%; width:50%;  display:flex; align-items: center; }
.recruit_view_container .recruit_view .cell_txt {flex:1; width:100%;}
.recruit_view_container .recruit_view .tit {width:160px; color:#999999;}
.recruit_view_container .col_profile {display:flex; gap:10px;}
.recruit_view_container .recruit_view {flex:0 0 calc(100% - 245px);}
.recruit_view_container .profile {flex:0 0 235px; max-width:235px; border-radius:6px; overflow:hidden;}
.recruit_view_container .profile .img_wrap {background:url('/images/community/icon_profile.png') center no-repeat #e8e8e8; width:100%; height:100%;}
.recruit_view_container .btn_wrap {margin-top:6.25rem; justify-content: center;}
/* 구인공고 입력 */
.recruit_view_container {max-width:1500px; margin:0 auto; }
.recruit_form {border-top:1px solid #23242f; border-bottom:1px solid #d2dadc; margin-top:1.875rem; padding:20px 0;}
.recruit_form .form-row {display:flex; gap: 9.375rem; padding:10px 0;}
.recruit_form .form-row .col-full {flex:1; width:100%; display:flex; align-items: center; }
.recruit_form .form-row .col-half {flex:0 0 50%; width:50%; max-width:624px; display:flex; align-items: center; }
/*.recruit_form .form-row .col-half:nth-child(even) {padding-right: 6.25rem;}*/
.recruit_form .form-row .field-row.con_hack {display:flex;}
.recruit_form .form-row .field-row.con_hack > ul {flex: 1;  width: 100%;  display: flex; gap: 10px; align-items: center; }
.recruit_form .form-row .field-row.con_hack > ul > li {flex: 0 0 20%; min-width: 0; }
.recruit_form .form-row .field-row.con_hack > ul > li:first-child {flex: 0 0 100px;}
.recruit_form .form-row .field-row.con_hack > ul > li:nth-child(2) {flex:0 0 50px;}
.recruit_form .form-row .field-row.con_hack .refresh {width:50px; height:50px; border-radius:10px; background:url('/images/common/icon_refresh.png') center no-repeat #ececec; text-indent: -999px; overflow: hidden;}
.recruit_form .form-row .field-row.con_mail {display:flex;}
.recruit_form .form-row .field-row.con_mail > ul {flex: 1;  width: 100%;  display: flex; gap: 10px; align-items: center; }
.recruit_form .form-row .field-row.con_mail > ul > li {flex: 0 0 20%; min-width: 0; }
.recruit_form .form-row .field-row.con_mail > ul > li:nth-child(2) {flex:0 0 14px;}
.recruit_form .form-row .field-row.con_tel {display:flex; max-width:430px;}
.recruit_form .form-row .field-row.con_tel > ul {flex: 1;  width: 100%;  display: flex; gap: 10px; align-items: center; }
.recruit_form .form-row .field-row.con_tel > ul > li {flex: 0 0 calc(33.3333% - 6px); min-width: 0; }
.recruit_form .form-row .field-row.address input {width:100%; max-width:419px;}
.recruit_form .form-row .field-row.address button {margin-left:10px;}
.recruit_form .form-row .field-row.con_three > ul {flex: 1;  width: 100%;  display: flex; gap: 10px;}
.recruit_form .form-row .field-row.con_three > ul > li {flex: 1; min-width: 0; }
.recruit_form .form-row .field-row.con_exp > ul {flex: 1;  width: 100%;  display: flex; gap: 10px;}
.recruit_form .form-row .field-row.con_exp > ul > li {flex: 1; min-width: 0; width: 100%; max-width: 151px; }
.recruit_form .form-row .field-label {display: block; font-size:1.125rem ; flex:0 0 9.375rem;}
.recruit_form .form-row .field-label.req::after {content:'*'; color:#f91212;}
.recruit_form .form-row .field-row {flex:1; gap: 10px; align-items: center;}
.recruit_form .form-row .col-half .field-row {flex:1; display: flex; gap: 10px; align-items: center;}
.recruit_form .form-row .col-full .field-row {width:100%; font-size:1.125rem;}
.recruit_form .form-row .col-full .field-row input {width:100%;}
.recruit_form .form-row .field-row > * {flex:0 0 50%;}
.recruit_form .form-row .field-row input { flex: 1; width: -webkit-fill-available; border-radius: 10px; padding: 15px 20px; border: 1px solid #e7e7e7; font-size:1.125rem}
.recruit_form .form-row .field-row select { font-size:1.125rem; width:100%;}
.recruit_form .form-row .field-row textarea {width:100%; height:200px; border-radius: 10px; padding: 15px 20px; border: 1px solid #e7e7e7; font-size:1.125rem}
.recruit_form .form-row .field-row.recruit_info input {width:calc(100% - 230px)}
.recruit_form .form-row .field-row.recruit_info span {margin-left:22px;}
.recruit_form .form-row .field-row.con_date > ul {display: flex; gap: 20px; align-items: center;}
.recruit_form .form-row .field-row.con_date label {display:none;}
.recruit_form .form-row .field-row.con_date input {width:250px;}
.recruit_form .form-row .field-row.check_wrap > ul {display: flex; align-items: center; gap: 38px;}
.recruit_form .form-row .field-row.check_wrap > ul > li {}
.recruit_form .form-row .field-row.check_wrap input[type="checkbox"] + label span {margin:0 6px 0 0;}
.recruit_form input[type="checkbox"] + label span {color:#999;}
.recruit_form input[type="radio"] + label.btn_style {position:relative; width:100%; max-width:151px; border:1px solid #d2dadc; border-radius:10px; padding:0.87rem 1.25rem; display: inline-block;}
.recruit_form input[type="radio"] + label.btn_style span {font-size:1.125rem; background:url('/images/common/btn_style_check.png') center no-repeat; border:none; margin:0; position:absolute; right:15px; top: 50%; transform:translate(0, -50%);}
.recruit_form input[type="radio"]:checked + label.btn_style {border:1px solid #00b2ce;}
.recruit_form input[type="radio"]:checked + label.btn_style span {background:url('/images/common/btn_style_checkon.png') center no-repeat; color:#00b2ce;}
.recruit_view_container .btn_wrap.center {margin-top:40px;}
.recruit_view_container .btn_wrap.center button {padding:17px 20px; border-radius:8px;}
.recruit_site_wrap {display:flex; flex-wrap:wrap; gap:60px 20px; margin-top:10px;}
.recruit_site_wrap .recruit_site {flex:0 0 calc(33.3333% - 14px);}
.recruit_site_wrap .recruit_site .img_wrap {border:1px solid #dde7e9; border-radius:6px; display:flex; justify-content: center; align-items: center;height:200px;}
.recruit_site_wrap .recruit_site .txt_wrap {margin-top:1.813rem;}
.recruit_site_wrap .recruit_site .title {font-size:1.25rem;}
.recruit_site_wrap .recruit_site .url {color:#999999; margin-top:8px; cursor:pointer;}
.recruit_etc_table {font-size:1.125rem; border:1px solid #dde7e9; border-radius:6px; margin-top:10px;}
.recruit_etc_table .row {display:flex; border-bottom:1px solid #dde7e9; }
.recruit_etc_table .row:last-child {border:none;}
.recruit_etc_table .cell {flex:0 0 50%; border-right:1px solid #dde7e9; display: flex;  align-items: center; }
.recruit_etc_table .cell:last-child {border:none;}
.recruit_etc_table .title {padding:28px 40px; flex: 0 0 240px; max-width:240px;}
.recruit_etc_table .cont {padding:28px 0; }
.trade_btn {margin-top:20px; justify-content: flex-end;}
/* 임원동정 */
.calender_wrap {margin-top:6.25rem;}
.calender_wrap .cal-header {display:flex; align-items: center; gap:1.875rem; margin-bottom:3.75rem;}
.calender_wrap .cal-header .cal-title {font-size:2.875rem; font-weight:700;}
.calender_wrap .cal-header .cal-title span {color:#02b1d0;}
.calender_wrap .cal-header .cal-nav {display:flex; gap:4px;}
.calender_wrap .cal-header .cal-nav button {display:inline-block; width:38px; height:38px; border-radius:4px; background:#e6f9fc;}
.calender_wrap .cal-header .cal-nav button.cla-prev {background:url(/images/community/calender_prev.png) center no-repeat #e6f9fc;}
.calender_wrap .cal-header .cal-nav button.cla-next {background:url(/images/community/calender_next.png) center no-repeat #e6f9fc;}
.calender_wrap .calender {overflow-x:scroll;}
.calender_wrap .calender .in_table {width:100%; min-width:700px; border:1px solid #dde7e8; border-radius:16px; overflow:hidden; font-size:1.125rem;}
.calender_wrap .calender .cal-days-header {background:#f0fcfe; color:#02b1d0; text-align:center; display: grid; grid-template-columns: repeat(7, 1fr); }
.calender_wrap .calender .cal-days-header > div {border-bottom:1px solid #dde7e8; border-right:1px solid #dde7e8; padding:25px 0; }
.calender_wrap .calender .cal-days-body {display: grid; grid-template-columns: repeat(7, 1fr); }
.calender_wrap .calender .cal-days-body > div {background:#fff; padding:25px; height:100%; min-height:200px; border-bottom:1px solid #dde7e8; border-right:1px solid #dde7e8; position:relative;}
.calender_wrap .calender .cal-days-header > div:last-child,
.calender_wrap .calender .cal-days-body > div:last-child {border-right:none;}
.calender_wrap .calender .cal-days-body:last-child > div {border-bottom:none;}
.calender_wrap .calender .cal-days-body .dimmed {background:#f8f8f8;}
.calender_wrap .calender .cal-days-body .dimmed span {color:#bebebe;}
.calender_wrap .calender .cal-days-body span {display: block; color:#222; margin-bottom:10px;}
.calender_wrap .calender .cal-days-body .schedule a::before {content:"\00B7";; color:#3a45bb; position: absolute; left: 5px;}
.calender_wrap .calender .cal-days-body .schedule a {position: relative; display: inline-block; color:#3a45bb; background:#eaecfb; border-radius:3px; padding:4px 9px 4px 14px; margin-bottom:1px; letter-spacing: -.125rem; word-break: break-all;}

/* 회원혜택 */
.board_list_container.benefits_wrap {margin:6.25rem auto 0 auto;}
.benefits_wrap .benefits {display:flex; align-items: flex-start; margin-bottom:6.25rem;}
.benefits_wrap .benefits .img_wrap {flex:1; max-width:487px; border:1px solid #dde7e9; border-radius:6px; display:flex; justify-content: center; align-items: center;height:200px;}
.benefits_wrap .benefits .txt_wrap {margin-left:60px;}
.benefits_wrap .benefits .txt_wrap h4 {font-size:1.875rem; font-weight:700; margin-bottom:3.125rem;}
.benefits_wrap .benefits .txt_wrap .text {font-size:1.125rem; line-height:2rem;}
.benefits_wrap .benefits .txt_wrap a {display:block; color:#00b2ce; text-decoration:underline;}
.benefits_wrap .benefits .txt_wrap a.view_detail {color:#222222; text-decoration:underline; font-weight:700; margin-top:18px;}
.benefits_wrap .benefits .txt_wrap a.view_detail::after {content:''; display: inline-block; width:13px; height:13px; background:url(/images/community/view_detail.png) center no-repeat; margin-left: 10px;}
/* Q&A */
.slide_list_container {max-width:1500px; margin:0 auto;}
.slide_list_container .subject_head {display:flex; justify-content: space-between;}
.slide_list_container .slide_list {margin-top:50px;}
.slide_list_container .slide_item {border:1px solid #e1e1e1; border-radius:15px; margin-bottom:10px; }
.slide_list_container .slide_item.active {border:1px solid #585861; }
.slide_list_container .slide_item .title_wrap {display:flex; align-items: center; padding:1.563rem 0; font-size:1.25rem; cursor: pointer;}
.slide_list_container .slide_item .num {flex:0 0 10%; text-align:center;}
.slide_list_container .slide_item .title {flex:1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.slide_list_container .slide_item .date {flex:0 0 10%; text-align:center;}
.slide_list_container .slide_item .process {flex:0 0 10%; text-align:center;}
.slide_list_container .slide_item .icon {flex:0 0 5%; text-align:center;}
.slide_list_container .slide_item .icon span {display:inline-block; width:26px; height:26px; background:url(/images/common/icon_plus.png) center no-repeat;}
.slide_list_container .slide_item.active .icon span {background:url(/images/common/icon_minus.png) center no-repeat;}
.slide_list_container .qna_answer {border-top:1px solid #e1e1e1; padding:2.813rem 0;}
.slide_list_container .qna_answer .qna {position:relative; display:flex; margin-bottom:4.375rem; font-size:1.125rem; line-height:2rem;}
.slide_list_container .qna_answer .qna.blue_color { margin-bottom:0;}
.slide_list_container .qna_answer .qna .num {font-weight:700;}
.slide_list_container .qna_answer .qna .contents {width: calc(100% - 310px); display: block; word-break: break-all; max-height: 200px; padding-right: 30px;}
.slide_list_container .qna_answer .btn_wrap {position:absolute; right:40px; top:0;}
.slide_list_container .qna_answer .btn_wrap ul {display:flex; gap:20px;}
.slide_list_container .qna_answer .btn_wrap a {color:#222; text-decoration:underline;}
.slide_list_container .qna_answer .qna.qna-with-actions {align-items:flex-start; overflow:visible;}
.slide_list_container .qna_answer .qna.qna-with-actions .num {flex:0 0 auto; min-width:32px;}
.slide_list_container .qna_answer .qna.qna-with-actions .qna-body {flex:1; min-width:0; display:flex; align-items:flex-start; justify-content:space-between; gap:20px;}
.slide_list_container .qna_answer .qna.qna-with-actions .qna-content {flex:1; min-width:0; word-break:break-word;}
.slide_list_container .qna_answer .qna.qna-with-actions .qna-action-wrap {position:static; margin-left:auto; flex:0 0 auto;}
.slide_list_container .qna_answer .qna.qna-with-actions .qna-action-wrap ul {gap:14px; align-items:center; flex-wrap:nowrap;}
.slide_list_container .qna_answer .qna.qna-with-actions .qna-action-wrap li {flex:0 0 auto;}
.slide_list_container .qna_answer .qna.qna-with-actions .qna-action-wrap form {margin:0;}
.slide_list_container .qna_answer .qna.qna-with-actions .qna-action-wrap a,
.slide_list_container .qna_answer .qna.qna-with-actions .qna-action-wrap .link-action-button {display:inline-flex; align-items:center; white-space:nowrap; color:#222; text-decoration:underline; font:inherit; line-height:1.2; border:0; background:none; padding:0; cursor:pointer;}
.mypage_right .edu_state .slide_list_container .qna_answer .qna.qna-with-actions {padding-left:2.875rem; padding-right:2.875rem;}

/* 산하단체  */

/* 마이페이지 */
.profile_wrap {}
.profile_wrap .btn_wrap {margin-top:3.125rem;}
.member_type .form-row {margin-bottom:40px;}
.member_type .form-row .col-full {display: flex; flex-direction: column;}
.member_type .form-row .col-full .field-label {font-size:1.25rem; margin-bottom:15px;}
.member_type .form-row .col-full input {font-size:1.25rem; width:100%; border:1px solid #d2dadc; border-radius:10px; padding:0.85rem 1.25rem;}
.member_type .form-row .col-full select {font-size:1.25rem;}

/* 회비 납부현황 */
.calender_wrap2 { overflow-x: auto; -webkit-overflow-scrolling: touch;}
.calender_wrap2 .scroll_x { width: 100%; min-width: 700px;}
.calender_wrap2 table {position: relative; width: 100%; border-collapse: collapse; table-layout: fixed; border:1px solid #dde7e9; border-radius:6px; border-collapse: separate; border-spacing: 0; overflow:hidden; z-index:1;}
.calender_wrap2 thead tr {background-color: #f4f7f8 !important;}
.calender_wrap2 tbody tr:nth-child(even) {background-color: #f4f7f8 !important;}
.calender_wrap2 tbody tr {background-color: #fff;}
.calender_wrap2 th,
.calender_wrap2 td {padding: 15px 0; text-align:center; border-right:1px solid #dde7e9; border-bottom: 0.5px solid #dde7e9; white-space: nowrap;  }
.calender_wrap2 th:last-child,
.calender_wrap2 td:last-child {border-right:none;}
.calender_wrap2 .table_total {position: relative; top: -10px; display:block; width:100%; background:#24242e; text-align:right; color:#fff; padding:30px 20px 20px 20px; border-radius:0 0 6px 6px; overflow:hidden; z-index: 0;}

/*  보수교육진행현황 */
.edu_contents .subject_head {display:flex; justify-content: flex-start; align-items: center; margin:3.125rem 0 1.125rem 0;}
.edu_contents .subject_head.txt_right {justify-content: flex-end;}
.edu_contents .subject_head h4 {font-size:1.75rem; font-weight700;}
.edu_contents .subject_head b {color:#00b1cd; font-weight:400;}
.edu_contents .edu_block {position:relative; border:1px solid #dde7e9; border-radius:6px; background:#fff; padding:1.875rem; margin-top:1.25rem;}
.edu_contents .edu_top {display:flex; justify-content: space-between; align-items: center;}
.edu_contents .edu_top .edu_year {max-width:200px; font-size:1.5rem; font-weight:700; cursor:pointer;}
.edu_contents .edu_top .edu_year span {color:#00b1cd;}
.edu_contents .edu_top .edu_meta {display:flex; gap:4.063rem; align-items: center; justify-content: center;}
.edu_contents .edu_top .edu_meta .meta {font-size:1.125rem; line-height:38px;}
.edu_contents .edu_top .edu_meta .meta .tit {display:inline-block; width:120px;}
.edu_contents .edu_top .edu_meta .meta b {color:#00b1cd;}
.edu_contents .edu_progress {color:#666666;}
.edu_contents .edu_progress .progress_wrap {display:flex; justify-content: space-between; align-items: center; margin:10px 0;}
.edu_contents .edu_progress .progress_bar {width:220px; height: 8px; background: #e8eef0; border-radius: 3px; overflow: hidden;}
.edu_contents .edu_progress .progress_bar span {display:block; height:100%; background:#00b1cd; border-radius: 3px; overflow: hidden;}
.edu_contents .edu_progress .progress_fill {display: block; height: 100%; background: linear-gradient(to right, #00b4cc, #1a3fb0); border-radius: 3px; overflow: hidden;}
.edu_contents .edu_progress > span {font-size:1.125rem; color:#222222;}
.edu_contents .edu_progress b {color:#222222; display:inline-block; margin-left:10px;}
.edu_contents .edu_top .edu_btn_group {display:flex; align-items: center; gap:10px; max-width:407px; justify-content: flex-end;}
.edu_contents .edu_top .edu_btn_group span {flex:1; width:160px; text-align:center; font-size:1.125rem;}
.edu_contents .edu_top .edu_btn_group .btn_line_blue {padding:0.938rem 2.25rem; border-radius:4px;}
.edu_contents .edu_top .edu_btn_group .btn_line_pupl {padding:0.938rem 2.25rem; border-radius:4px; }
.edu_contents .edu_top .edu_notice { margin-top:33px;}
.edu_contents .my_edu_state {display:flex; gap:140px; border:1px solid #dde7e9; border-radius:6px; background:#fff; padding:1.875rem;}
.edu_contents .my_edu_state .edu_year {max-width:200px; font-size:1.5rem; font-weight:700;}
.edu_contents .my_edu_state .edu_year span {color:#00b1cd;}
.edu_contents .my_edu_state .meta_wrap .meta > li {display:flex; font-size:1.125rem; line-height:38px;}
.edu_contents .my_edu_state .meta_wrap .tit {display:inline-block; width:120px;}
.edu_contents .my_edu_notice {background:#f9f9f9; border-radius:6px; border:1px solid #dde7e9; padding:1.875rem; margin-top:10px; color:#666666; line-height:26px;}
.edu_contents .tab_menu {margin:5.625rem auto 4.063rem auto; max-width:445px;}
.edu_contents .tab_menu > ul > li {flex:0 0 50%;}
.edu_contents .subject_item {position:relative; display:flex; justify-content: space-between; background:#fff; border:1px solid #dde7e9; border-radius:6px; padding:3.125rem; margin-bottom:10px;}
.edu_contents .subject_item:last-child {margin-bottom:0px;}
.edu_contents .subject_item .subject_thumb {flex:0 0 370px; max-width:370px;}
.edu_contents .subject_item .subject_thumb .img_wrap {border:1px solid #dde7e9; border-radius:5px; overflow:hidden; width:214px; height:119px; margin-top:15px;}
.edu_contents .subject_item .subject_name {width: 360px; font-size:1.5rem; line-height:2.25rem; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp:2;}
.edu_contents .subject_item .check_wrap {position:absolute; left:11px; top:11px;}
.edu_contents .subject_item .subject_info {}
.edu_contents .subject_item .subject_price {display:flex; align-items: center; margin-top:2.75rem; }
.edu_contents .subject_item .subject_price > span {font-weight:700; font-size:1.125rem; display:block; margin-right:80px;}
.edu_contents .subject_item .sume_wrap {display:flex; align-items: center; justify-content: space-between;}
.edu_contents .subject_item .subject_meta {display:flex; align-items: flex-start; flex-wrap: wrap; flex-direction: column;}
.edu_contents .subject_item .subject_meta > li {flex:0 0 50%; font-size:1.125rem; line-height:38px;}
.edu_contents .subject_item .subject_meta > li .meta_label {display:inline-block; width:110px; color:#999999;}
.edu_contents .subject_item .subject_info .subject_btn_group {display:flex; gap:10px;}
.edu_contents .subject_item .subject_info .subject_btn_group button {font-size:1.125rem; font-weight:700; border-radius:4px; padding:0.75rem 2.188rem;}
.edu_contents .subject_item .status_pending {top: 30%; position: relative;  transform: translate(0, -50%);}
.edu_contents .btn_wrap {margin-top:30px;}
.edu_contents .off_edu {display: flex; gap:20px; justify-content: space-between; align-items: center;background:#fff; border:1px solid #dde7e9; border-radius:6px; padding:3.125rem; margin-bottom:10px;}
.edu_contents .offline_wrap .lft_wrap {flex:0 0 26%;}
.edu_contents .offline_wrap .lft_wrap .title {width:100%; max-width: 360px; height:65px; font-size:1.625rem; line-height:2.125rem; font-weight:700; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp:2;}
.edu_contents .offline_wrap .lft_wrap > ul {margin-top:19px;}
.edu_contents .offline_wrap .lft_wrap > ul > li {display: flex; border:1px solid #bec8ca; border-radius:7px; margin-bottom:2px; font-size:1.125rem; padding:14px 12px;}
.edu_contents .offline_wrap .lft_wrap > ul > li:last-child {margin-bottom:0px; }
.edu_contents .offline_wrap .lft_wrap > ul > li span {display:inline-block; width:90px; color:#000;}
.edu_contents .offline_wrap .lft_wrap > ul > li div {color:#00b1cd;}
.edu_contents .offline_wrap .date_wrap .subject_price {display:flex; align-items: center; margin-top:3.75rem; }
.edu_contents .offline_wrap .date_wrap .subject_price > span {font-weight:700; font-size:1.125rem; display:block; margin-right:80px;}
.edu_contents .offline_wrap .date_wrap .subject_price .subject_btn_group {display:flex; gap:10px;}
.edu_contents .offline_wrap .date_wrap .subject_price .subject_btn_group button {font-size:1.125rem; font-weight:700; border-radius:4px; padding:0.75rem 2.188rem;}
.edu_contents .offline_wrap .off_edu .date_wrap > ul > li {display: flex; font-size:1.125rem; line-height:2.375rem;}
.edu_contents .offline_wrap .off_edu .date_wrap > ul > li span {display:block; width:110px; color:#999999;}
.edu_contents .edu_pro_wrap {display:flex; gap:40px;}
.edu_contents .edu_pro_wrap .edu_progress {margin-bottom:10px;;}
.edu_contents .edu_pro_wrap .progress_wrap {margin:0;}
.edu_contents .edu_pro_wrap .progress_bar {width:130px;}
.edu_contents .edu_top .edu_btn_group.apply_btn {max-width:280px;}
.edu_contents .edu_top .edu_btn_group.apply_btn .circle_icon {margin-left: 1.813rem;}
.edu_contents.slide_list_container .subject_head {position:relative; justify-content:space-between; margin:3.125rem 0 0 0;}
.edu_contents.slide_list_container .subject_head .search_wrap {position:relative;}
.edu_contents.slide_list_container .subject_head input {position:relative; border:1px solid #d2dadc; padding:0.91rem 1.25rem;}
.edu_contents.slide_list_container .subject_head button {position: absolute; right:25px; top:50%; transform: translate(0, -50%); display: block; width:15px; height:15px; background:url('/images/common/board_search_icon.png') center no-repeat; text-indent: -999px; overflow: hidden;}
/*  이수증, 영수증 */
.print_document .sub_title .complete {padding:15px 0;}
.print_document .sub_title {margin:0;}
.print_document .edu_notice {padding:10px;}
.print_document .pay_view_section .pay_view .row .cell {padding:12px 0;}
.print_document .stemp_wrap {display:flex; justify-content: center; align-items: center;}
.print_document .stemp_wrap span {}
.print_document .stemp_wrap div {}


/*  회원구분변경신청현황  */
.mypage_wrap .mypage_right .calender_wrap {margin:0;}
.mypage_wrap .mypage_right .btn_wrap {margin-top:20px;}
.mypage_wrap .mypage_right .btn_wrap select {padding: 14px 57px 14px 20px; background: url(/images/common/select_arrow_b.png) no-repeat calc(100% - 20px) 50% #fff;}
.mypage_wrap .mypage_right .pager {margin-top:10px;}
.mypage_wrap .sub_title {margin-top:0;}
.mypage_wrap .sub_title h3 {font-size:1.375rem; margin-bottom:0.938rem;}
.mypage_wrap .table_view_list {border-top:1px solid #23242f; font-size:1.125rem;}
.mypage_wrap .table_view_list .row {display:flex; border-bottom:1px solid #e2e2e2;}
.mypage_wrap .table_view_list .row > * {flex:1; text-align: center;}
.mypage_wrap .table_view_list .cell_th {background:#f4f4f4; font-weight:700; padding:1.25rem 0;}
.mypage_wrap .table_view_list .cell_td { padding:1.25rem 0;}
.mypage_wrap .table_view_list .cell_td a {color:#222; text-decoration:underline;}
.mypage_wrap .table_view_list .num {flex:0 0 10%;}
.mypage_wrap .table_view_list .title {flex:0 0 40%;}
.mypage_wrap .table_view_list .title > span {text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width:fit-content;}
.mypage_wrap .edu_contents .tab_menu {margin:2rem auto;}


.lesson_player_top.scrollBar {overflow-y: scroll; height:100%; max-height:450px;}
.lesson_player_top .lesson_player_info {margin:0; padding:0; border:none;}
.lesson_video_shell video {width:100%;}
.lesson_player_info {margin-top:10px; padding: 10px 0 0; border-top: 1px solid #e5edf7; }
.lesson_player_info .course_notice {border: 1px solid #dde7e9; border-radius: 6px; background: #f9f9f9; padding: 1.875rem; color: #666666; line-height: 26px; margin-bottom: 20px; margin-top: 10px;}
.lesson_player_progress {padding-top:10px;}
.lesson_player_progress .progress_wrap {display:flex; gap:10px; justify-content: space-between; align-items: center; margin:10px 0;}
.lesson_player_progress .progress_bar {width:100%; height: 8px; background: #e8eef0; border-radius: 3px; overflow: hidden;}
.lesson_player_progress .progress_bar span {display:block; height:100%; background:#00b1cd; border-radius: 3px; overflow: hidden;}
.lesson_player_progress .progress_fill {display: block; height: 100%; background: linear-gradient(to right, #00b4cc, #1a3fb0); border-radius: 3px; overflow: hidden;}

/* 출석체크 */
.calender_wrap.atten_check .cal-header .states {display:flex;}
.calender_wrap.atten_check .cal-header .states > li {font-size:18px;}
.calender_wrap.atten_check .cal-header .states > li::after {content:''; display:inline-block; width:1px; height:15px; background:#e0e9ea; margin:0 30px;}
.calender_wrap.atten_check .cal-header .states > li:last-child::after {display:none;}
.calender_wrap.atten_check .cal-header .states > li span {padding-left:10px;}
.calender_wrap.atten_check .cal-header .states > li b {color:#08b3cf;}
.calender_wrap.atten_check .calender .cal-days-body > div {min-height:150px; display: flex; justify-content: center; align-items: center;}
.calender_wrap.atten_check .calender .cal-days-body > div.check::before {content:''; position: absolute; width:70px; height:70px; display:inline-block; background:url('/images/member/adden_check.png') center no-repeat;}

/* 채용정보관리 */
.recruit_wrap {}
.recruit_wrap .sub_title {margin-top:6.75rem;}
.recruit_wrap .sub_title:first-child {margin-top:0;}
.recruit_wrap .sub_title h3 {font-size:1.875rem; font-weight:700; margin-bottom:1.125rem;}
.recruit_wrap .recruit_view .cell {line-height:24px; padding:10px 0; align-items: flex-start;}
.recruit_wrap .recruit_view .cell {line-height:24px; padding:10px 0; align-items: flex-start;}
.recruit_wrap .btn_wrap.center {margin-top:4.375rem;}
.recruit_wrap .btn_wrap.center .btn_wrap.abs {margin:0; }
.recruit_wrap .btn_wrap.center .btn_wrap.abs > ul {gap:5px; }
.recruit_wrap .btn_wrap.center .btn_wrap.abs button {padding:16px 20px;}

.recruit_wrap .recruit_form .form-row {gap:60px;}
.recruit_wrap .recruit_form .form-row .col-half {max-width:585px; flex:0 0 calc(50% - 30PX);}
.recruit_wrap .recruit_form .form-row .field-row.con_tel {max-width:435px;}
.recruit_wrap .recruit_form .form-row .field-row > * {flex: 0 0 calc(50% - 5px);}

/* 이력서관리 */
.resume_wrap .sub_title {}
.resume_wrap .sub_title h3 {font-size:1.875rem;}
.resume_wrap .col_profile .profile {position:relative;}
.resume_wrap .col_profile .profile .file-row {position: absolute; bottom: 42px; left: 50%; transform: translate(-50%, 0); justify-content: center; display: flex; flex-direction: column-reverse;}
.resume_wrap .col_profile .profile .file-row .file-name {border: none; text-align: center; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width:fit-content; height: 30px; padding: 0 1.25rem; margin-bottom: 40px;}
.resume_wrap .col_profile,
.resume_wrap .recruit_form {margin-bottom:6.25rem;}
.resume_wrap .recruit_view {border:1px solid #dde7e9; border-radius:6px; padding:1.85rem 2.5rem;}
.resume_wrap .recruit_view .row {font-size:1.125rem; line-height:2.875rem; display:flex; align-items: center; }
.resume_wrap .recruit_view .cell {flex:1%; width:100%;  display:flex; align-items: center; }
.resume_wrap .recruit_view .cell_txt {flex:1; width:100%;}
.resume_wrap .recruit_view .tit {width:160px; color:#999999;}
.resume_wrap .recruit_form .form-row {gap:3.75rem;}
.resume_wrap .recruit_form .form-row .col-half {max-width:585px;}
.resume_wrap .recruit_form .field-row > ul {flex:0 0 100%; display:flex; gap:10px;}
.resume_wrap .recruit_form .field-row > ul > li {flex:0 0 50%;}
.resume_wrap .recruit_form .field-row .max_none {max-width:none;}
.resume_wrap .col_profile {display:flex; gap:10px;}
.resume_wrap .recruit_view {flex:0 0 calc(100% - 245px);}
.resume_wrap .profile {flex:0 0 235px; max-width:235px; border-radius:6px; overflow:hidden;}
.resume_wrap .profile .img_wrap {background:url('/images/community/icon_profile.png') center no-repeat #e8e8e8; width:100%; height:100%;}
.resume_wrap .file-row {display: flex; gap: 10px; align-items: center; overflow: hidden; width:100%;}
.resume_wrap .file-row .btn-file {width:130px;}
.resume_wrap .file-row .file-name {display:block; width:100%;}
.resume_wrap .btn_wrap {margin-top:6.25rem; justify-content: center;}
.resume_wrap .btn_wrap button {font-size:1.125rem; font-weight:700;}

/* 치과기보 원고접수 현황 */
.submiss_wrap {}
.submiss_wrap .recruit_view {border:1px solid #dde7e9; border-radius:6px; padding:1.85rem 2.5rem; margin-bottom:2.5rem;}
.submiss_wrap .recruit_view .row {font-size:1.125rem; line-height:2.875rem; display:flex; align-items: flex-start; padding:10px 0;}
.submiss_wrap .recruit_view .cell {flex:1 0 100%; width:100%;  display:flex; align-items: flex-start; line-height:28px;}
.submiss_wrap .recruit_view .cell_half {flex:0 0 50%; width:50%; display:flex; align-items: flex-start; line-height:28px; }
.submiss_wrap .recruit_form .file-row {display: flex; align-items: center; gap:10px; width:100%;}
.submiss_wrap .recruit_form .file-row button {width:140px;}
.submiss_wrap .recruit_view .tit {width:160px; color:#999999;}
.submiss_wrap .recruit_view {flex:0 0 calc(100% - 245px);}
.submiss_wrap .recruit_view a.btn_small {display:inline-block; margin-left:1.875rem;}
.submiss_wrap .btn_wrap button {font-size:1.125rem; font-weight:700;}

/* 이용안내 */
.policy_wrap {}
.policy_wrap .sub_title {}
.policy_wrap .sub_title p {font-size:1rem; line-height:28px;}
.policy_wrap .list_wrap {border:1px solid #dde7e9; border-radius:6px; padding:20px; margin-bottom:50px; line-height:28px; color:#666; }
.policy_wrap table {width:100%; border-top:1px solid #23242f; margin-top:1px solid #23242f; margin:10px 0 25px 0; text-align:center;}
.policy_wrap table th {font-weight:700; color:#222; padding:15px 0;}
.policy_wrap table td {padding:15px 0;}
.policy_wrap table tr {border-bottom:1px solid #e2e2e2; }
.policy_wrap ol {color:#666; line-height:28px; }
.policy_wrap ol > li.tit {color:#222; font-weight:700; margin-bottom:10px;}
.policy_wrap ol > li.type2 {margin-top:70px;}
.policy_wrap ol > li > dl {margin-bottom:65px;}
.policy_wrap ol > li > dl > dd {}

/* 자주묻는 질문 */
.slide_list_container .faq_wrap .slide_item .num {font-size:1.625rem; font-weight:700;}
.slide_list_container .faq_wrap .faq-answer-content {max-width:100%; color:#222;}
.slide_list_container .faq_wrap .faq-answer-content img {max-width:100%; height:auto;}
.slide_list_container .faq_wrap .faq-answer-content p {margin:0 0 0.75em;}
.slide_list_container .faq_wrap .faq-answer-content p:last-child {margin-bottom:0;}
.mypage_right.slide_list_container .pager {margin-top:70px;}

/* 사무국 담당안내 */
.staff_wrap {}
.staff_wrap .sub_title {}
.staff_wrap .sub_title.last {margin-top:100px;}
.staff_wrap .sub_title h3 {font-size:1.875rem;}
.staff_wrap .sub_title p {line-height:30px;}
.staff_wrap .table_view_list .cell_th.phone {flex:1 1 10%}
.staff_wrap .table_view_list .cell_td.phone {flex:1 1 10%}

/* 관리자에게 문의하기 */
.inquiry {border-top:1px solid #23242f; border-bottom:1px solid #d2dadc; padding:25px 0 5px 0;}
.inquiry .row {display:flex; margin-bottom:20px;}
.inquiry .row > span {flex:0 0 130px; font-size:1.125rem;}
.inquiry .row > div {flex:1;}
.inquiry .row input {width:100%; border:1px solid #d2dadc; border-radius:10px; padding:15px;}
.inquiry .row textarea {width:100%; height:400px; border:1px solid #d2dadc; border-radius:10px; padding:15px;}

/* Board */
.board_list_container {max-width: 1500px; margin:0 auto;}
.board_list_container.free_board .board_list {margin:3.125rem 0;}
.board_list_top {}
.board_list_top.flex-row {display:flex; justify-content: space-between;}
.board_list_top.flex-row .btn_wrap ul {display:flex; justify-content: space-between; gap:5px;}
.board_list_top h4 {font-size:1.875rem;}
.board_list_top .search_wrap {position: relative; display: block; width:fit-content; text-align: center; margin:2rem auto 0 auto;}
.board_list_top .search_wrap .board_search {width:170px; border:2px solid #23242f; border-radius: 27px; padding:0.84rem 2.375rem; margin-right:5px;}
.board_list_top .search_wrap label {display: none;}
.board_list_top .search_wrap input {width:325px; background:#fff; position: relative; border:2px solid #23242f; border-radius: 27px; padding:0.98rem 2.375rem 1rem 2.375rem;}
.board_list_top .search_wrap input::placeholder {color:#a5a5a5;}
.board_list_top .search_wrap button {position: absolute; right:25px; top:50%; transform: translate(0, -50%); display: block; width:15px; height:15px; background:url('/images/common/board_search_icon.png') center no-repeat; text-indent: -999px; overflow: hidden;}
.board_list {margin-top:6px;}
.board_list .board {padding:3.125rem 0; border-bottom:1px solid #eeeeee;}
.board_list .board a {display: flex;}
.board_list .board .img_wrap {flex:0 0 360px; height:217px; border-radius:10px; overflow:hidden; position:relative; margin-right: 80px;}
.board_list .board .img_wrap img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.board_list .board .txt_wrap {}
.board_list .board .txt_wrap .blue_color {font-weight: 700;}
.board_list .board .txt_wrap .date {color:#999999;}
.board_list .board .txt_wrap .date::before {content: ''; display: inline-block; width:1px; height:12px; background:#d4d4d4; margin:0 21px; vertical-align: top;}
.board_list .board .txt_wrap .tit {position: relative; color:#222222; font-weight: 700; font-size:1.625rem; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top:2.688rem; width:fit-content;}
.board_list .board .txt_wrap p {color:#999999; line-height: 24px; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top:2rem;}
.board_list .board a .txt_wrap .tit::after {content: ''; display: block; width:0; height:1px; background:#222222; position: absolute; lefT:0; bottom:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.board_list .board a:hover .txt_wrap .tit::after {width:100%;}

.gallery_list {display: flex; gap: 85px; flex-wrap: wrap;; margin-top:55px;}
.gallery_list .gallery {flex: 0 0 calc(25% -  64px)}
.gallery_list .gallery a {display: flex; flex-direction: column;}
.gallery_list .gallery .img_wrap {border-radius: 10px; padding: 20px; border: 1px solid #eeeeee; height: 445px; overflow: hidden;}
.gallery_list .gallery .txt_wrap {text-align: center; margin-top:1.25rem;}
.gallery_list .gallery .txt_wrap .tit {font-size:1.625rem; color:#222222; font-weight: 700;}
.gallery_list .gallery .txt_wrap span {display:block; color:#999999; margin-top:0.75rem;}

.board_view_container {}
.board_view_container.free_board .board_view {margin-top:6.25rem;}
.board_view .view_top {border-bottom:1px solid #23242f; display: flex; flex-direction: column; align-items: center; padding-bottom:3.125rem;}
.board_view .view_top .blue_color {font-weight: 700;}
.board_view .view_top .date {color:#999999;}
.board_view .view_top .date::before {content: ''; display: inline-block; width:1px; height:12px; background:#d4d4d4; margin:0 21px; vertical-align:middle;}
.board_view .view_top .date:first-child::before {display:none;}
.board_view .view_top .tit {position: relative; color:#222222; font-weight: 700; font-size:2.625rem; overflow: visible; word-break: keep-all; overflow-wrap: anywhere; display: block; margin-bottom:1.75rem; width:fit-content; max-width:100%; text-align:center;}
.board_view .view_con {padding:1.75rem; font-size:1.25rem; line-height: 30px; border-bottom:1px solid #dddedf;}
.board_view .download {display: flex; padding:1.75rem; font-size:1.25rem; line-height: 30px; border-bottom:1px solid #dddedf;}
.board_view .download .tit {flex:0 0 120px;}
.board_view .download ul {display: flex; gap: 15px 32px; flex-wrap: wrap;}
.board_view .download a {font-size:1.125rem; color:#222222;}
.board_view .download a::after {content:''; display:inline-block; width:19px; height:23px; background:url('/images/common/icon_download.png') center no-repeat; text-indent: -999px; overflow: hidden; vertical-align: middle; margin-left: 5px;}
.board_view .attached_images {display:flex; flex-direction:column; align-items:center; gap:1.25rem; padding:0 1.75rem 2rem; border-bottom:1px solid #dddedf;}
.board_view .attached_images img {display:block; max-width:100%; height:auto;}
.board_view_container .btn_wrap {display: flex; justify-content: flex-end; margin-top:20px;}
.board_view_container .btn_wrap.center {justify-content: center;}
.board_view_container .btn_wrap.type_2 {justify-content: space-between;}
.board_view_container .btn_wrap.type_2 > div:first-child {display:flex; gap:5px;}
.board_view_container .btn_wrap button {padding:0.9rem 2.813rem; border-radius: 8px; font-size:1.125rem; font-weight: 700;}
.board_view_container .move_btn {margin-top:80px; }
.board_view_container .move_btn > ul {display: flex; flex-direction: column; gap:10px;}
.board_view_container .move_btn a {position: relative; display: flex; background:#f0f0f0; border-radius: 10px; padding:1.55rem 2.5rem; color:#222222;}
.board_view_container .move_btn a.disabled {color:#999999; cursor: default; pointer-events: none; opacity:0.65;}
.board_view_container .move_btn a > span {font-weight: 500; display: inline-block; width:95px; margin-right:15px; color:#8e8e8e; font-size:1.125rem;}
.board_view_container .move_btn a > p {  text-overflow: ellipsis;overflow: hidden;white-space: nowrap;  width:80%; font-size:1.125rem;}
.board_view_container .move_btn a .date {position: absolute; right:40px; top:50%; transform: translate(0, -50%); font-size:1rem; width:auto; margin:0;}

.board_write_container {max-width: 1500px; margin:0 auto;}
.board_write_container.estate_write .txt_wrap {color:#999999; font-size:1.125rem; line-height:1.875rem; margin-top:6.25rem;}
.board_write_container.estate_write .table_wrap {margin-top:40px;}
.board_write_container .table_wrap {font-size:1.125rem; border-top:1px solid #23242f; border-bottom:1px solid #d2dadc; padding:20px 0; margin-top:6.25rem;}
.board_write_container .table_wrap .col_2 {display:flex; gap:3.75rem;align-items: center;}
.board_write_container .table_wrap .col_2 > * {flex:0 0 calc(50% - 30px);}
.board_write_container .table_wrap .cell {display: flex; align-items: center; padding:10px 6rem 10px 0;}
.board_write_container .table_wrap .cell label {flex: 0 0 150px;  width:150px;}
.board_write_container .table_wrap .cell input {width:100%; border:1px solid #d2dadc; border-radius:10px; padding:0.85rem 1.25rem;}
.board_write_container .table_wrap .cell textarea {width:100%; height:410px; border:1px solid #d2dadc; border-radius:10px; padding:0.85rem 1.25rem;}
.board_write_container .table_wrap .cell .file-row {display: flex; align-items: center; gap:10px; width:100%;}
.board_write_container .table_wrap .cell button {border:1px solid #222; border-radius:10px; padding:0.92rem 1.25rem;}
.board_write_container .table_wrap .cell .file-name {padding:0.85rem 1.25rem; width:100%;}
.board_write_container .btn_wrap {margin-top:70px;}

.reply_wrap {margin-top:5rem;}
.reply_wrap .reply_top {border-bottom:1px solid #eeeeee; padding-bottom: 3.75rem;}
.reply_wrap .reply_top h5 {font-size:1.5rem; font-weight: 700;}
.reply_wrap .reply_top .reply_input {margin-top:1rem; border-top:2px solid #232323; padding-top:1.875rem;}
.reply_wrap .reply_top .reply_input > ul {display: flex; gap: 10px;}
.reply_wrap .reply_top .reply_input > ul > li {}
.reply_wrap .reply_top .reply_input > ul > li:first-child {flex:1;}
.reply_wrap .reply_top .reply_input textarea {width:100%; height:100%; border:1px solid #d7d7d7; background:#fff; padding:1.25rem; border-radius:7px;  resize: none;}
.reply_wrap .reply_top .reply_input button {width:9.375rem; height:6.875rem; background:#23242f; color:#fff; font-size:1.125rem; font-weight:700; border-radius:8px;}
.reply_wrap .reply_con {border-bottom:1px solid #eeeeee;}
.reply_wrap .reply_con .reply {padding:2.5rem 0;}
.reply_wrap .reply_con .reply .top_wrap {display: flex; justify-content: space-between;}
.reply_wrap .reply_con .reply .top_wrap .writer {font-size:1.125rem; font-weight:500;}
.reply_wrap .reply_con .reply .top_wrap > ul {display: flex; gap:18px;}
.reply_wrap .reply_con .reply .top_wrap a {color:#000000; text-decoration: underline;}
.reply_wrap .reply_con .reply .con_wrap {}
.reply_wrap .reply_con .reply .con_wrap .con_txt {line-height:24px; margin:1.875rem 0;}
.reply_wrap .reply_con .reply .con_wrap .date {color:#999999;}

.table_th {display: flex; background:#23242f; color:#fff; font-size:1.125rem; font-weight:700; border-radius:30px; text-align: center; padding:1.063rem 0;}
.table_tr a {display: flex; font-size:1.125rem; border-bottom:1px solid #eeeeee;  padding:1.875rem 0; color:#222222;}
.board_list .table_numb.notice {font-weight:700; color:#222; }
.board_list .table_th .table_numb {color:#fff;}
.board_list .table_th .table_date {color:#fff;}
.board_list .table_numb {flex:0 0 8%; text-align: center;}
.board_list .table_th .table_numb.branch {margin:0 10px;}
.board_list .table_tr .table_numb.branch {color:#00b2ce; margin:0 10px;}
.board_list .table_titl {flex:1; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.board_list .table_file {flex:0 0 10%; text-align: center; }
.board_list .table_file span {display:inline-block; width:19px; height:23px; background:url('/images/common/icon_download.png') center no-repeat; text-indent: -999px; overflow: hidden;}
.board_list .table_write {flex:0 0 10%; text-align: center; color:#999999;}
.board_list .table_date {flex:0 0 10%; text-align: center; color:#999999;}
.board_list .table_cout {flex:0 0 10%; text-align: center; color:#999999; }

/* 페이저 */
.pager {display: flex; width:100%; align-items: center; justify-content: center; margin-top:6.875rem;}
.pager .arr {width:32px; height:42px; line-height:42px; }
.pager a {display: block; width:100%; height:100%; text-align: center;color:#7c7e89;}
.pager > ul  {display: flex; gap:5px; margin:0 15px;}
.pager > ul > li {width:42px; height:42px; line-height: 42px; border:1px solid #ececec;  border-radius: 5px; color:#999999;}
.pager > ul > li.on {background:#00b2ce; border:1px solid #00b2ce;}
.pager > ul > li.on a {color:#fff; font-weight: 900; text-decoration: underline;}

/* 로그인  */
.login-wrapper {padding-top:4.375rem; width:100%; max-width: 640px; margin:0 auto;}
.login-wrapper .caution {margin-bottom:1.25rem; color:#d33; text-align:center; font-size:1.25rem;}
.login-wrapper .caution.blue {color:#00b2ce;}
.login-wrapper h3 {font-size:3.125rem; font-weight:600; text-align: center; margin-bottom:5rem;}
.login-wrapper .login-input {}
.login-wrapper .login-input > li {margin-bottom:32px;}
.login-wrapper .login-input > li:last-child {margin-bottom:22px;}
.login-wrapper .login-input label {display: block; width:100%; margin-bottom:15px; font-size:1.125rem; font-weight: 700;}
.login-wrapper .login-input input {width:100%; padding:1.875rem 1.25rem; font-size:1.125rem; background:#e8e8e8; }
.login-wrapper .login-input .three-row {display:flex; gap:10px;}
.login-wrapper .login-input .three-row > * {flex:0 0 calc(33.3333% - 6px);}
.login-wrapper .remember {display: flex; align-items: center;}
.login-wrapper .btn_wrap {margin-top:2.188rem;}
.login-wrapper .btn_wrap button {width:100%; text-align: center; padding:1.875rem 0; font-size:1.25rem; border-radius:15px;}
.login-wrapper .find_wrap {margin-top:3.125rem;}
.login-wrapper .find_wrap > ul {display:flex; justify-content: center; gap:70px;}
.login-wrapper .find_wrap > ul > li > a {color:#999999; font-size:1.125rem; }
.login-wrapper .select_certif {display:flex; gap:20px; }
.login-wrapper .select_certif > li { flex:0 0 calc(50% - 10px);}
.login-wrapper .select_certif label {display: block;  width: 100%; border: 1px solid #d2dadc; border-radius: 15px; text-align: center; padding: 1.875rem 0; font-weight: 400; margin:0;}
.login-wrapper .select_certif label span {display:none;}
.login-wrapper .select_certif input[type="radio"]:checked + label {color:#00b2ce; border:1px solid #00b2ce;}
.login-wrapper .find_result {}
.login-wrapper .find_result .result_txt {display: flex; justify-content: center; align-items: center; flex-direction: column;width:100%; height:385px; border-radius: 15px; border:1px solid #e2e2ec;font-size:1.125rem; }
.login-wrapper .find_result .result_txt p {display: block; margin-bottom:3.438rem; text-align: center;}
.login-wrapper .find_result .result_txt b {color:#00b2ce; font-size:1.875rem; font-weight: 500;}

.kd-toast-container {position:fixed; top:24px; right:24px; z-index:20000; display:flex; flex-direction:column; gap:10px; width:min(360px, calc(100vw - 48px)); pointer-events:none;}
.kd-toast {pointer-events:auto; padding:15px 18px; border-radius:10px; color:#fff; font-size:15px; font-weight:600; line-height:1.45; box-shadow:0 16px 36px rgba(18, 31, 51, 0.18); animation:kd-toast-in 0.22s ease-out both;}
.kd-toast-success {background:#00a8bf;}
.kd-toast-error {background:#e03b3b;}
.kd-toast.is-leaving {animation:kd-toast-out 0.2s ease-in both;}
@keyframes kd-toast-in {
	from {opacity:0; transform:translate3d(18px, -8px, 0);}
	to {opacity:1; transform:translate3d(0, 0, 0);}
}
@keyframes kd-toast-out {
	from {opacity:1; transform:translate3d(0, 0, 0);}
	to {opacity:0; transform:translate3d(18px, -8px, 0);}
}
@media (max-width:640px) {
	.kd-toast-container {top:16px; right:16px; left:16px; width:auto;}
	.kd-toast {font-size:14px;}
}

/*  회원가입  */
.join-wrapper {padding-top:4.375rem; max-width:1500px; margin:0 auto;}
.join-wrapper h3 {font-size:3.125rem; font-weight:600; text-align: center; margin-bottom:5rem;}
.agree_wrap .notice {background:#00b2ce; color:#fff; font-size:1.125rem; font-weight:600; text-align:center; border-radius:6px; padding:0.938rem 0; margin-bottom:10px;}
.agree_wrap .notice::before {content:''; display:inline-block; width:20px; height:20px; background:url('/images/common/icon_check.png') center no-repeat; vertical-align: middle;}
.agree_wrap .row {border:1px solid #dde7e9; border-radius:6px; margin-bottom:10px; line-height:26px;}
.agree_wrap .row {border:1px solid #dde7e9; border-radius:6px;}
.agree_wrap .row .title {display: flex; justify-content: space-between; align-items: center; padding:1.313rem; border-bottom:1px solid #dde7e9;}
.agree_wrap .row .title span {font-size:1.375rem; font-weight:700;}
.agree_wrap .row .ag_2 {display: flex; justify-content: space-between; align-items: center; border-top:1px solid #dde7e9;}
.agree_wrap .row .ag_2 .agree_chk {flex:0 0 50%; text-align:center; padding:20px 0;}
.agree_wrap .row .ag_2 .agree_chk:last-child {border-left:1px solid #dde7e9;}
.agree_wrap .txt_wrap {min-height:210px; padding:20px 20px 30px 20px;}
.agree_wrap .txt_scroll {height:190px; padding:20px 0px 30px 20px;}
.agree_wrap .txt_scroll > div {width:100%; height:100%; overflow-y: scroll; padding:20px 20px 0 0;}
.agree_wrap .row.col_2 {display:flex;}
.agree_wrap .row.col_2 .lft_wrap {flex:0 0 50%;}
.agree_wrap .row.col_2 .rgh_wrap {flex:0 0 50%; border-left:1px solid #dde7e9; }
.agree_wrap input[type="checkbox"] + label span {width:29px; height:29px; margin:0 0 0 10px; border:1px solid #dde7e9; border-radius: 100%; background:#fff}
.agree_wrap input[type="checkbox"]:checked + label span {background:url('/images/common/radio_on.png') center no-repeat #00b2ce; border:1px solid #00b2ce; }
.agree_wrap .all_agree {background:#f2f6f7; border:1px solid #dde7e9;  padding:17px 0; font-size:1.125rem; text-align:center; border-radius:6px; margin-bottom:3.75rem;}
.agree_wrap .btn_wrap {display:flex;}
.agree_wrap .btn_wrap > div {flex:0 0 50%;}
.agree_wrap .btn_wrap > div button {width:100%; font-size:1.25rem; padding:30px 0; border-radius:15px;}
.agree_wrap .table_wrap {}
.agree_wrap .table_wrap table {width:100%; min-width:700; border-collapse: separate; border-spacing: 0; border:1px solid #dde7e9; border-radius:5px; overflow: hidden;}
.agree_wrap .table_wrap table:first-child {margin-bottom:20px;}
.agree_wrap .table_wrap table th {background:#f2f6f7; padding:15px 0; text-align:center; border-right:1px solid #dde7e9;  border-bottom:1px solid #dde7e9;}
.agree_wrap .table_wrap table th:last-child {border-right:none;}
.agree_wrap .table_wrap table th:nth-child(2) {width:60%;}
.agree_wrap .table_wrap table td {vertical-align: top; padding:15px 20px; border-right:1px solid #dde7e9; border-bottom:1px solid #dde7e9;}
.agree_wrap .table_wrap table td:last-child {border-right:none;}
.agree_wrap .table_wrap table td.no_line {border-bottom:none;}

/* 회원가입 휴대푠 - 이메일 인증*/
.veri_wrap {}
.veri_wrap .tab_menu {margin-bottom:30px;}
.veri_wrap .tab_menu > ul > li {flex:0 0 50%; font-size:18px; text-align:center; color:#999999; padding:3px; font-size:1.125rem; cursor:pointer;}
.veri_wrap .tab_menu > ul > li.active {font-weight:700; background:#fff; color:#222222; padding:20px 0; border-radius:30px;}
.veri_wrap.login-wrapper .login-input input {border:1px solid #d2dadc; background:#fff; padding: 20px 30px;}
.veri_wrap .tab_content {border:1px solid #dde7e9; border-radius:15px; font-size:1.125rem; margin-bottom:20px;}
.veri_wrap .tab_content h4 {text-align:center; font-size:1.375rem; font-weight:700; padding:25px 0; border-bottom:1px solid #d2dadc; }
.veri_wrap .tab_content .login-input {margin:20px 20px 0 20px;}
.veri_wrap .tab_content .login-input .img_wrap {}
.veri_wrap .tab_content .phone_img {background:url('/images/member/img_phone.png') center no-repeat; margin:75px 0 60px 0; height:186px;}
.veri_wrap .tab_content .email_img {background:url('/images/member/img_email.png') center no-repeat; margin:75px 0 60px 0; height:186px;}
.veri_wrap .tab_content .veri_tel .three-row {}
.veri_wrap .tab_content .veri_mail .mail-row {display: flex; align-items: center; gap: 5px;}
.veri_wrap .tab_content .veri_num .field-row {display:flex; gap:5px;}
.veri_wrap .tab_content .veri_num .field-row select {width:calc(100% - 159px); font-size:18px;}
.veri_wrap .tab_content .veri_num .field-row input {font-size:18px; }
.veri_wrap .tab_content .veri_num .field-row button {width:159px; border-radius: 10px; font-size:18px;}
.verification-timer {display:inline-flex; align-items:center; justify-content:center; min-width:58px; color:#e53935; font-weight:700; font-size:16px; white-space:nowrap;}
.verification-code-row {display:flex; gap:8px; align-items:center;}
.verification-code-row input {flex:1; min-width:0;}
#legacyPasswordVerifyModal .login-wrapper {padding-top:0; max-width:none;}
#legacyPasswordVerifyModal .veri_wrap .tab_menu {margin-bottom:20px;}
#legacyPasswordVerifyModal .veri_wrap .tab_content .phone_img,
#legacyPasswordVerifyModal .veri_wrap .tab_content .email_img {margin:35px 0 30px 0; height:120px; background-size:contain;}
#legacyPasswordVerifyModal .veri_wrap .tab_menu > ul > li.disabled {opacity:0.45; cursor:not-allowed;}
#legacyPasswordVerifyModal .veri_wrap.login-wrapper .login-input input[readonly] {background:#f7f9fa; color:#222; cursor:default;}
#legacyPasswordVerifyModal .veri_wrap .tab_content .veri_num .field-row input {min-width:0;}

.join-wrapper {}
.join_list .join {border:1px solid #dde7e9; border-radius:6px; margin-bottom:100px;}
.join_list .join:last-of-type {margin:0;}
.join_list .title {display:flex; align-items: center; justify-content: space-between; font-size:1.375rem; font-weight:700; padding:1.313rem; border-bottom:1px solid #dde7e9;}
.join_list .req_txt {color:#f91212; font-size:1rem; font-weight:400;}
.join_list .contents {padding:20px;}
.join_list .contents .form-row {display:flex; gap: 20px; margin-bottom:40px;}
.join_list .contents .form-row:last-child {margin-bottom:0px;}
.join_list .contents .form-row input {border:1px solid #d2dadc; background:#fff; width:100%; font-size:1.125rem; padding:1.157rem 1.25rem;}
.join_list .contents .form-row select {border:1px solid #d2dadc; background:url('/images/member/join_select.png') calc(100% - 15px) no-repeat #fff; width:100%; border-radius: 10px; padding: 1.25rem;}
.join_list .contents .form-row .btn-check {font-size:1.125rem; border-radius: 10px; padding: 1.25rem 3.125rem;}
.join_list .contents .form-row .col-full {flex:1; width:100%;}
.join_list .contents .form-row .col-half {width:50%;}
.join_list .contents .form-row .field-label {display: block; font-size:1.25rem; margin-bottom:20px;}
.join_list .contents .form-row .field-label.with_red {display:flex; justify-content: space-between; }
.join_list .contents .form-row .field-label.req::after {content:'*'; color:#f91212;}
.join_list .contents .form-row .field-label.req.with_red::after {display:none;}
.join_list .contents .form-row .field-label.req.with_red b {font-weight:400;}
.join_list .contents .form-row .field-label.req.with_red b::after {content:'*'; color:#f91212;}
.join_list .contents .form-row .field-row {display: flex; gap: 10px; align-items: center;}
.join_list .contents .form-row .field-row input { flex: 1; }
.join_list .contents .form-row input[readonly] {background:#f7f9fa;}
.join_list .contents .form-row .three-row {display: flex; gap: 10px; align-items: center;}
.join_list .contents .form-row .three-row > * {flex:0 0 clac(33.333% - 10px); font-size:1.125rem;}
.join_list .contents .form-row .gender-row.select_address {width:50%; margin-bottom: 40px;}
.join_list .contents .form-row .gender-row.select_address li { max-width:288px;}
.join_list .contents .form-row .address > ul > li:first-child input {width:100%; max-width:419px;}
.join_list .contents .form-row .address > ul > li button {margin-left:10px;}
.join_list .contents .form-row .address > ul > li {margin-bottom:5px; }
.join_list .contents .form-row .gender-row > ul {display: flex; gap: 10px; align-items: center;}
.join_list .contents .form-row .gender-row > ul > li {flex:0 0 50%;}
.join_list .contents .form-row .gender-row > ul > li button {width:100%;}
.join_list .contents .form-row .select_address .gender-row > ul > li button {width:100%; max-width:288px;}
.join_list .contents .form-row .gender-btn {flex: 1; border: 1px solid #d2dadc; border-radius: 10px; background: #fff; font-size: 1.125rem; color: #222; cursor: pointer; padding:1.188rem 0;}
.join_list .contents .form-row .gender-btn.active {border-color: #00b4cc; color: #00b4cc;}
.join_list .contents .form-row .file-row {display: flex; gap: 10px; align-items: center; overflow: hidden;}
.join_step2 .btn_wrap {margin-top:3.75rem;}

.complete_wrap {padding:7rem 8.125rem; border:1px solid #dde7e9; border-radius:6px;}
.complete_wrap .join_top {display:flex; gap:3.75rem;}
.complete_wrap .join_top .txt_wrap {}
.complete_wrap .join_top .txt_wrap > div {font-size:2.5rem; font-weight:700;}
.complete_wrap .join_top .txt_wrap > div span {display:block; font-size:2.5rem; }
.complete_wrap .join_top .txt_wrap > p {font-size:1.25rem; color:#a5a5a5; margin-top:2.5rem;}
.complete_wrap .btn_wrap {margin-top:5.938rem;}
.complete_wrap .btn_wrap .btn_line_gray {color:#222222;}
.complete_wrap .mem_tel {}
.complete_wrap .mem_table {border-top:1px solid #23242f}
.complete_wrap .mem_table .row {display:flex; border-bottom:1px solid #e2e2e2; font-size:1.125rem;}
.complete_wrap .mem_table .cell {flex:0 0 33.33333%; text-align:center; display: flex;}
.complete_wrap .mem_table .cell .th {padding:25px; background:#f4f4f4; width:120px; }
.complete_wrap .mem_table .cell .td {padding:25px; text-decoration:underline; }
.complete_wrap .mem_tel .btn_wrap {margin-top:1.875rem;}

/* 산하단체 */
.greeting_wrap { max-width:1500px; margin:0 auto;}
.greeting_wrap h3 {font-size:1.875rem; font-weight:700; margin-bottom:1.563rem;}
.greeting_wrap .greeting_contents {border:1px solid #e6e6e6; border-radius:0.938rem; padding:3.75rem; display: flex; flex-direction: column; gap:6.25rem;}
.greeting_wrap .greeting_contents h4 {font-size:1.625rem; font-weight:700;}
.greeting_wrap .greeting_contents .img_wrap {/*width:214px; height:230px;*/ border-radius:0.938rem; overflow:hidden;}
.greeting_wrap .greeting_contents .greet {}
.greeting_wrap .greeting_contents .greet h4 {margin-bottom:3.125rem;}
.greeting_wrap .greeting_contents .greet .cont {display:flex; gap:5.313rem;}
.greeting_wrap .greeting_contents .greet .cont .lft_wrap {flex:0 0 300px;}
.greeting_wrap .greeting_contents .greet .cont .state {margin-top:1.25rem;}
.greeting_wrap .greeting_contents .greet .cont .name {font-size:1.5rem;}
.greeting_wrap .greeting_contents .greet .cont .pharh {font-size:2.375rem; line-height:3.5rem; font-weight:500; margin-bottom:3.75rem;}
.greeting_wrap .greeting_contents .greet .cont p {font-size:1.125rem; line-height:2rem;}
.greeting_wrap .greeting_contents .organ {}
.greeting_wrap .greeting_contents .organ .organi_img {text-align:center;}
.greeting_wrap .greeting_contents .execu {}
.greeting_wrap .greeting_contents .execu .execu_cont {}
.greeting_wrap .greeting_contents .execu .execu_cont > ul {display:flex; flex-wrap: wrap; gap:10px;}
.greeting_wrap .greeting_contents .execu .execu_cont > ul > li {flex:0 0 calc(16.66666% - 9px); text-align: center; font-size:1.125rem; line-height:1.625rem;}
.greeting_wrap .greeting_contents .execu .execu_cont .state {margin:1.25rem 0 2.188rem 0;}
.greeting_wrap .greeting_contents .execu .execu_cont .state span {display:block;}
.greeting_wrap .greeting_contents .execu h4 {margin-bottom:2.5rem;}
.greeting_wrap .greeting_contents .loca {}
.greeting_wrap .greeting_contents .loca .span_txt {font-size:1.125rem; margin:1.563rem 0 2.188rem 0;}

/* common */
.tab_menu {margin-bottom:8.125rem;}
.tab_menu > ul {display: flex; justify-content: space-between; align-items: center; background:#e8e8e8; border-radius: 31px; padding:3px;}
.tab_menu > ul > li {flex:0 0 33.333%;}
.tab_menu.tab_2 > ul > li {flex:0 0 50%;}
.tab_menu.tab_4 > ul > li {flex:0 0 25%;}
.tab_menu.tab_8 > ul > li {flex:0 0 12.5%;}
.tab_menu.tab_9 > ul > li {flex:0 0 11.1111%;}
.tab_menu > ul > li a {display: inline-block; width:100%; height:100%; color:#999999; text-align: center; padding:21px 0 20px 0; font-size:1.125rem;}
.tab_menu > ul > li.active a {background:#fff; color:#222222; border-radius: 31px; font-weight:700;}
.tab_branch {position: relative; display: flex; justify-content: center; max-width: 360px; width: 100%; align-items: flex-start;  margin:0 auto 50px auto; z-index:1;}
.tab_branch .tab_tit {position: relative; width:100%; font-size:1.125rem; font-weight:700; padding:23px 0 23px 30px; background:#e9f3f5; border:1px solid #b4d2d8; border-radius:32px; z-index:1; cursor: pointer;}
.tab_branch .tab_tit.active {}
.tab_branch .tab_tit::after {content: ''; display: inline-block; width:3.75rem; height:3.75rem; background:url('/images/common/snav_arrow.png') center no-repeat #00b2ce; border-radius: 100%; position: absolute; right: 3px; top: 2.5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.tab_branch .tab_tit.active::after {transform: rotate(180deg);}
.tab_branch .tab_list {display:none; position: absolute; top:20px; width:100%; border-radius:30px;  padding:3.438rem 1rem 1.875rem 1.875rem; background:#23242f; z-index:0;}
.tab_branch .tab_list ul {display: flex; flex-direction: column;}
.tab_branch .tab_list ul > li { }
.tab_branch .tab_list ul > li a {display:block; color:#a3a5b6; padding:0; font-size:1.125rem; padding:10px 0; }
.tab_branch .tab_list ul > li a.active,
.tab_branch .tab_list ul > li a:hover {color:#fff; }

.blue_tab_wrap {}
.blue_tab_wrap .tab_list {display: flex; gap:13px;}
.blue_tab_wrap .tab_list .tab_item {flex:1;}
.blue_tab_wrap .tab_list .tab_item button {display:block; width:100%; height:100%; background:#f1f1f1; text-align:center; font-size:1.125rem; border-radius:6px; padding:1.25rem 0;}
.blue_tab_wrap .tab_list .tab_item.active button {background:#00b1cd !important; color:#fff; border:none !important;}

/* 모달팝업 */
#overlay {display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(35,36,47,0.5); z-index: 999;}
.modal-con {display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); max-width: 640px; width:50%; max-width:800px; background:#fff; z-index:100; border-radius: 20px;padding:3.375rem 1.875rem 2.813rem 1.875rem;  z-index: 9999;}
.modal-con.modal-wide {max-width:800px; width:80%;}
.modal-con .title {font-size:2.5rem; color:#222222; font-weight: 600; letter-spacing: -.1rem;}
.modal-con .title p {font-size: 1rem; margin-top: 20px;}
.modal-con .title.stxt_title {font-size:1.8rem;}
.modal-con .title.stxt_title p {font-size:16px; margin-top:15px;}
.modal-con .modal_close {display:block; position:absolute; width:21px; height:21px; right:20px; top:20px; background: url('/images/common/modal_close.png') no-repeat; background-size:contain; z-index: 999; cursor: pointer;}
.modal-con .con { margin:1.563rem 0 1.875rem 0;}
.modal-con.idea_wrap .con .txt {line-height:26px; margin:2.313rem 0 1.875rem 0;}
.modal-con.idea_wrap .con ul {margin-top:2.625rem;}
.modal-con.idea_wrap .con input[type=text] {width:100%; background:#e8e8e8; border-radius: 10px; padding:1.25rem; border:none; margin-bottom:10px;}
.modal-con.idea_wrap .con textarea {width:100%; height:180px; background:#e8e8e8; border-radius: 10px; padding:1.25rem; border:none; resize: none;}
.modal-con.idea_wrap .con input[type=text]::placeholder,
.modal-con.idea_wrap .con textarea::placeholder {color:rgba(34, 34, 34, 0.5); }
.modal-con.idea_wrap .con .btn_wrap {margin-top:1.875rem; justify-content: center;}
.modal-con.idea_wrap .con .btn_wrap button {font-size:1.125rem;}
.qna-secret-option {display:flex; align-items:center; gap:12px; width:100%; margin-top:12px; padding:14px 16px; border:1px solid #dde7e9; border-radius:12px; background:#f7fafa; cursor:pointer; box-sizing:border-box;}
.qna-secret-option .qna-secret-input {position:absolute; opacity:0; pointer-events:none;}
.qna-secret-option .qna-secret-control {position:relative; flex:0 0 24px; width:24px; height:24px; border:2px solid #c8d5da; border-radius:7px; background:#fff; transition:all .2s ease;}
.qna-secret-option .qna-secret-control:after {content:''; position:absolute; left:7px; top:3px; width:6px; height:12px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg) scale(.75); opacity:0; transition:opacity .2s ease, transform .2s ease;}
.qna-secret-option .qna-secret-copy {display:flex; flex-direction:column; gap:3px; min-width:0; color:#222;}
.qna-secret-option .qna-secret-copy strong {font-size:1rem; line-height:1.2; font-weight:700;}
.qna-secret-option .qna-secret-copy small {font-size:.875rem; line-height:1.35; color:#777;}
.qna-secret-option .qna-secret-input:checked + .qna-secret-control {border-color:#00b2ce; background:#00b2ce; box-shadow:0 0 0 4px rgba(0,178,206,.12);}
.qna-secret-option .qna-secret-input:checked + .qna-secret-control:after {opacity:1; transform:rotate(45deg) scale(1);}
.qna-secret-option:has(.qna-secret-input:focus-visible) {outline:3px solid rgba(0,178,206,.2); outline-offset:2px;}
.modal-con.password_wrap {max-width:480px; width:90%; padding:2.5rem 1.875rem 2.25rem;}
.modal-con.password_wrap .title {font-size:1.875rem; letter-spacing:0;}
.modal-con.password_wrap .con {margin:1.875rem 0 0;}
.modal-con.password_wrap .con .txt {line-height:1.625rem; margin-bottom:1.25rem; color:#555;}
.modal-con.password_wrap .con input[type=password] {width:100%; height:56px; padding:0 1.125rem; border:1px solid #dde7e9; border-radius:10px; background:#f7f9fa; font-size:1rem;}
.modal-con.password_wrap .con input[type=password]:focus {border-color:#00b2ce; background:#fff; outline:none;}
.modal-con.password_wrap .form_error {display:none; margin-top:0.75rem; color:#d93025; font-size:0.938rem;}
.modal-con.password_wrap .btn_wrap {justify-content:center; gap:10px; margin-top:1.875rem;}
.modal-con.password_wrap .btn_wrap button {min-width:120px; padding:0.938rem 1.25rem; border-radius:8px; font-size:1rem; font-weight:700;}
.modal-con.subject_wrap .con .txt_wrap .scrollBar {height:255px}
.modal-con .con.img_wrap {margin:0;}
.modal-con .cal-title {color:#3a45bb; font-size:18px;}
.modal-con .cal-modal {border-top:1px solid #e0e9ea; border-bottom:1px solid #e0e9ea; padding:3.438rem 0; margin-bottom:2.813rem;}
.modal-con .cal-modal .title {font-size:1.875rem; font-weight:400; margin-bottom:4.688rem;}
.modal-con .cal-modal .contents {font-size:1.25rem;}
.modal-con .btn_wrap {text-align:center;}
.modal-con .board_list .table_numb {flex:0 0 10%;}
.modal-con .board_list .table_date {flex:0 0 20%;}
.modal-con .board_list .table_cout {flex:0 0 15%;}
.modal-con .board_list .table_th .table_date,
.modal-con .board_list .table_th .table_cout {color:#fff;}

/* 통합검색 결과 페이지 */
.search_container {}
.search_header h3 {margin:5rem 0; font-size:3.125rem; font-weight:600; text-align:center;}
.search_body {}
.search_body .search {}
.search_body .input_wrap {display:flex; align-items: center; justify-content: center; width:100%; background:#f2f6f7; border-radius:20px; padding:2.313rem 0;}
.search_body .input_wrap .search_g {position:relative; display:inline;}
.search_body .input_wrap label {display:none;}
.search_body .input_wrap input {width:450px; border-radius:27px; font-size:1.25rem; font-weight:700; padding: 15px 40px;}
.search_body .input_wrap button {position: absolute; right: 0;background:#00b2ce; border-radius:27px; color:#fff; font-size:1.25rem; font-weight:700; padding:15px 40px;}
.search_body .result_word {font-size:1.25rem; text-align:center; padding:3.688rem 0 4.063rem 0;}
.search_body .result_word span {font-weight:700; color:#00b4cf;}
.search_body .result_wrap {}
.search_body .result {border-top:2px solid #23242f; padding-top:2.313rem; margin-bottom:8.125rem;}
.search_body .result .result_top {display:flex; align-items: center; justify-content:space-between; margin-bottom:1.063rem;}
.search_body .result .result_top > div {display: flex; align-items: flex-end; gap:10px;}
.search_body .result .result_top h4 {font-size:1.875rem; font-weight:700;}
.search_body .result .result_top .info {font-size:1rem; font-weight:700;}
.search_body .result .result_top .info span {color:#00b4cf;}
.search_body .result .result_top a {display: block; background:url('/images/common/icon_more.png') center no-repeat #23242f; width:32px; height:32px; border-radius:5px; text-indent:-999px; overflow:hidden;}
.search_body .result .result_cont {}
.search_body .result.result_info .board_list .board:first-child {padding:1.125rem 0 3.125rem 0;}
.search_body .result.result_info .board_list .board .img_wrap img {width:100%; height:100% !important;}
.search_body .result.result_list .board_list .table_date {text-align:right;}
.search_body .result.result_on .result_top {margin-bottom: 1.75rem;}
.search_body .result.result_off .result_top {margin-bottom: 1.75rem;}
.search_body .result_on .result_cont .cont_wrap {display:flex; flex-wrap:wrap; gap:30px;}
.search_body .result_on .result_cont .item {flex: 0 0 calc(50% - 36px); display:flex; justify-content: space-between; border:1px solid #e4e4e4; padding:2.5rem; border-radius:1.25rem;}
.search_body .result_on .result_cont .txt_wrap {}
.search_body .result_on .result_cont .txt_wrap span {display:block; color:#00b2ce; font-weight:700; margin-bottom:2.75rem;}
.search_body .result_on .result_cont .txt_wrap .tit {font-size:1.875rem; font-weight:700; margin-bottom:20px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.search_body .result_on .result_cont .txt_wrap .txt {font-size:1.125rem; margin-bottom:40px;}
.search_body .result_on .result_cont .txt_wrap .btn_wrap a {font-size:1.125rem; font-weight:700; padding:18px 32px; border-radius:30px;}
.search_body .result_on .result_cont .txt_wrap .btn_wrap a:after {content:''; display:inline-block; width:13px; height:13px; background:url('/images/main/btn_arrow_b.png') center no-repeat; margin-left:30px;}
.search_body .result_on .result_cont .img_wra p {}
.search_body .result_on .result_cont .img_wrap .img {width: 18vw; min-width: 245px; height:100%; border-radius:10px; overflow:hidden;}


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

}

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

    .btn_wrap .btn_abs {position:relative;}

	/* 대한치과기공사협회 */
    .intro_wrap .intro_con .intro {flex-direction: column; gap:50px;}
    .intro_wrap .intro_con .ci_wrap .ci_img {flex-direction: column;}
    .intro_wrap .intro_con .intro .tit {font-size:2rem; line-height:2.8rem;}
    .intro_wrap .intro_con .member {flex-direction: column; gap:50px;}
    .intro_wrap .intro_con .member .lft_wrap {flex:0 0 auto;}
    .intro_wrap .intro_con .member .tabs {display:flex; }
    .intro_wrap .intro_con .member .tabs li {flex:0 0 33.3333%; text-align:center;}
    .intro_wrap .intro_con .member .table_view_list {font-size:1rem;}
    /*.introduce .tab_menu.tab_8 {position:fixed; width:calc(100% - 20px); top:180px;}*/
    .intro_wrap .intro_con .his_wrap > div {flex-direction: column}
    .intro_wrap .intro_con .song_wrap  {flex-direction: column}
    .intro_wrap .intro_con .song_wrap .lft_wrap .con_wrap {flex-direction: column; gap: 80px;}

    /* 설립목적 */
    .prup_wrap .col_01 {flex-direction: column; gap:0;}
    .prup_wrap .row_his .tab_content .row {flex-direction: column; }
    .prup_wrap .row_his .tab_content .year {flex: 0 0 auto;}
    .prup_wrap .col_02 {flex-direction: column; }
    .prup_wrap .col_02.gap130 .rgh_wrap {margin:0;}

    /*정책연구소*/
    .history_wrap .row_his .blue_tab_wrap .tab_list .tab_item {flex:0 0 calc(50% - 7px);}
    .history_wrap .row_his .tab_content .row {flex-direction: column; }
    .history_wrap .row_his .tab_content .year {flex:0 0 100%;}
    .history_wrap .row_his .with_ora {flex-direction: column; }

    .blue_tab_wrap .tab_list {flex-wrap:wrap;}
    .blue_tab_wrap .tab_list.tabs2 {flex-wrap: wrap;}
    .blue_tab_wrap .tab_list .tab_item {flex:0 0 calc(50% - 7px);}

	/* 정보·자료 */
	/* 치과기보 - 기보다운받기 */
	.gallery_list {gap:30px 10px;}
	.gallery_list .gallery {flex: 0 0 calc(50% - 5px); text-align: center;}
	.gallery_list .gallery .img_wrap {height:59vw; padding:10px;}

    /* 치과기공사란 */
    .dlt_wrap .cont04 .grah_wrap > ul {flex-direction: column; gap:10px;}
    .dlt_wrap .cont01 .txt {flex-direction: column;}
    .dlt_wrap .cont01 .tit {font-size: 20px; line-height: 28px; margin: 30px 0;}
    .dlt_wrap .table_view_list .cell_th:last-child,
    .dlt_wrap .table_view_list .cell_td:last-child {display:none;}
    .dlt_wrap .table_view_list .cell_th.title,
    .dlt_wrap .table_view_list .cell_td.title {flex: 0 0 45%;}
    .dlt_wrap .table_view_list .row {align-items: center;}

	/* 보수교육 */
	.circle_icon {width:60px; height:40px; border-radius:6px; position:absolute; top:10px; right:10px;}
	.course_wrap .course_card  {flex-direction: column;}
	.course_wrap .card_year {width:100%; height:200px;}
	.course_wrap .edu_top {flex-direction: column;}
	.course_wrap .edu_top .edu_year {margin-top:20px;}
	.course_wrap .edu_top .edu_meta {flex-direction: column; gap:10px; margin-bottom:20px;}
	.course_wrap .edu_top .edu_meta .meta {display:flex; margin-top:20px;}
	.course_wrap .subject_item .subject_thumb .img_wrap {width:100%; height:50vw;}
	.course_wrap .edu_block {padding:5px;}
	.course_wrap .subject_item {flex-direction: column; padding:10px; margin-bottom:20px;}
	.course_wrap .subject_item .subject_thumb {flex: 0 0 auto; max-width: 100%; margin:40px 0 20px 0;}
	.course_wrap .subject_item .subject_meta {align-items: flex-start; flex-direction: column;}
	.course_wrap .subject_item .subject_name {width:100%; margin-top:10px;}
	.course_wrap .subject_item .subject_price  {flex-direction: column; }
	.course_wrap .subject_item .subject_price > span {margin:0; width:100%; text-align:right;}
	.course_wrap .subject_item .subject_info .subject_btn_group {margin-top:20px;}
	/*.course_wrap .subject_item .subject_action {position:absolute; top:20px; right:20px;}*/

	.off_edu_wrap .off_edu {flex-direction: column; position: relative; padding:1.67rem; }
	.off_edu_wrap .lft_wrap {flex:0 0 100%; width:100%;}
	.off_edu_wrap .lft_wrap > ul {display:flex; gap:5px;}
	.off_edu_wrap .date_wrap {flex:0 0 100%; width:100%; margin-top: 1.75rem;}
	.off_edu_wrap .date_wrap .subject_price {justify-content: space-between; margin-top: 1.75rem; gap:20px;}
	.off_edu_wrap .edu_btn_group {position: absolute; right: 20px; top: 20px;}
	.off_edu_wrap .edu_btn_group .circle_icon  {margin:0;}
	.off_detail_wrap .table_wrap .row_3 .cell {flex-direction: column; border:none;}
	.off_detail_wrap .table_wrap .th {border:none; border-bottom:1px solid #dde7e9; border-top:1px solid #dde7e9;}
	.payment_section .pay_con {flex-direction: column; }
	.payment_section .pay_con .lft_wrap {flex:0 0 100%; width:100%;}
	.payment_section .pay_con .cnt_wrap {width:100%;}
	.pay_view_section .pay_view .row {flex-direction: column; }
	.pay_view_section .pay_view .row .cell {padding:1.25rem;}
	.pay_view_section .pay_view .row .cell select {width:100%;}

	.conti_wrap .continuing {position: relative; flex-direction: column; padding:1.25rem;}
	.conti_wrap .continuing .lft_wrap {width:100%; margin-bottom: 20px;}
	.conti_wrap .continuing .lft_wrap .title {width:80%;}
	.conti_wrap .continuing .date_wrap {width:100%; margin-bottom: 20px;}
	.conti_wrap .continuing .edu_btn_group {flex:auto; width:100%; flex-direction: column;}
	.conti_wrap .continuing .edu_btn_group > div {position:absolute; top:20px; right:20px;}


	/* 커뮤니티 */
	/* 구인구직 */
	.recruit_list .filter_wrap {flex-wrap:wrap;}
	.recruit_list .filter_item {flex:0 0 calc(50% - 5px);}
	.recruit_list .table_wrap .row_th {display:none;}
	.recruit_list .table_wrap .row {flex-wrap: wrap}
	.recruit_list .table_wrap .row > div.num {display:none;}
    .recruit_list .table_wrap .row > div.dept {flex:0 0 8%;}
	.recruit_list .table_wrap .row > div.title {flex:0 0 100%;}
	.recruit_list .table_wrap .row > div.title a {height:18px;}
    .recruit_list .table_wrap .row > div.year {flex:0 0 25%;}
    .recruit_list .table_wrap .row > div.add {flex:0 0 25%;}
    .recruit_list .table_wrap .row > div.sdate {flex:0 0 25%;}
    .recruit_list .table_wrap .row > div.edate {flex:0 0 25%;}
    .recruit_list .table_wrap .row > div.count {display:none;}
    .recruit_list .table_wrap div.num,
    .recruit_list .table_wrap div.count,
    .recruit_list .table_wrap div.year,
    .recruit_list .table_wrap div.sdate,
    .recruit_list .table_wrap div.edate {display:none;}
    .recruit_list .table_wrap div.dept {flex:0 0 25%; margin:0 10px 0 0; color: #00b2ce;}
    .recruit_list .table_wrap div.year {flex:0 0 18%;}
    .recruit_list .table_wrap div.add {flex:0 0 30%;}
    .recruit_view_container .recruit_view .tit {width:80px;}
    .recruit_view_container .recruit_view .row {flex-direction: column;}
    .recruit_view_container .recruit_view .cell {flex:0 0 100%; width:100%;}
    .recruit_view_container .col_profile .recruit_view .cell {flex-direction: column;}
    .recruit_view_container .col_profile .recruit_view .cell > div {width:100% !important;}
    /* 구인 작성 */
    .recruit_form .form-row {flex-direction: column; gap:20px;}
    .recruit_form .form-row .col-half {flex:0 0 100%; width:100%; }
    .recruit_form .form-row .field-row.check_wrap > ul {flex-wrap:wrap; gap: 10px 20px;}
    /* 채용정보 작성 */
    .recruit_view_container .recruit_form .form-row .col-full {align-items: flex-start; flex-direction: column;}
    .recruit_view_container .recruit_form .form-row .col-half {align-items: flex-start; flex-direction: column;}
    .recruit_view_container .recruit_form .form-row .col-half .field-row { width:100%;}
    .recruit_view_container .recruit_form .form-row .field-label {flex:0 0 auto; margin-bottom:10px;}
    .recruit_view_container .recruit_form .form-row .field-row.recruit_info input {width:100%;}
    .recruit_view_container .recruit_form .form-row .field-row.recruit_info span {margin:0;}
    .recruit_view_container .recruit_form .form-row .col-full .field-row.con_date ul {gap:6px;}
    .recruit_view_container .recruit_form .form-row .col-full .field-row.con_date ul li {flex:0 0 calc(50% - 20px);}
    .recruit_view_container .recruit_form .form-row .col-full .field-row.con_date ul li:nth-child(2) {flex:0 0 auto;}
    .recruit_view_container .recruit_form .form-row .col-full .field-row.con_date ul li input {width:100%;}
    /* 기타 구인구직 */
    .recruit_etc_table .row { flex-direction: column;}
    .recruit_etc_table .cell {flex:0 0 100%; align-items: flex-start; flex-direction: column; border-bottom: 1px solid #dde7e9; border-right:none;}
    .recruit_etc_table .title {flex:0 0 100%; max-width:100%; padding:10px 40px 5px 40px}
    .recruit_etc_table .cont {padding:5px 40px 10px 40px}
    /* Q&A */
    .slide_list_container .slide_item .title_wrap {padding:1.563rem 60px 1.563rem 10px;}
    .slide_list_container .slide_item .num {display:none;}
    .slide_list_container .slide_item .date {flex:0 0 20%; font-size:12px;}
    .slide_list_container .slide_item .process {font-size:12px;}
    .slide_list_container .slide_item .icon {position:absolute; right: 30px;}
    .slide_list_container .qna_answer .qna {padding:0 10px;}
    .slide_list_container .qna_answer .qna .contents {width:100%;}
    .slide_list_container .qna_answer .btn_wrap {right: 20px;  top: auto; bottom: -50px;}
    .slide_list_container .qna_answer .qna.qna-with-actions .qna-body {display:block;}
    .slide_list_container .qna_answer .qna.qna-with-actions .qna-action-wrap {margin-top:16px;}
    .slide_list_container .qna_answer .qna.qna-with-actions .qna-action-wrap ul {justify-content:flex-end;}
    .mypage_right .edu_state .slide_list_container .qna_answer .qna.qna-with-actions {padding-left:10px; padding-right:10px;}
    /* 회원혜택 */
    .benefits_wrap .benefits {flex-direction: column;}
    .benefits_wrap .benefits .img_wrap {max-width: none; width: 100%; flex: 0 0 200px;}
    .benefits_wrap .benefits .txt_wrap {margin:20px 0 0 0;}
    .benefits_wrap .benefits .txt_wrap h4 {margin-bottom: 1.125rem;}

	/* 산하단체  */
	.greeting_wrap .greeting_contents {padding:20px 10px;}
	.greeting_wrap .greeting_contents .greet .cont {flex-direction: column;}
    .greeting_wrap .greeting_contents .greet .cont .lft_wrap {flex:0 0 auto;}
	.greeting_wrap .greeting_contents .execu .execu_cont > ul {gap:15px;}
	.greeting_wrap .greeting_contents .execu .execu_cont > ul > li {flex:0 0 calc(25% - 12px);}
	.greeting_wrap .greeting_contents .img_wrap {width:100%; height:auto;}

    /* 마이페이지 */
    .join_list .title  {flex-direction: column;}
    .join_list .contents .form-row {flex-direction: column;}
    .join_list .contents .form-row .col-half {flex:100%; width:100%;}
    /* 회비납부현황 */
    .calender_wrap2 {width: 100%;}
    /* 보수교육진행현황 */
    .slide_list_container .slide_item .title {flex: auto;}

    /* 마이페이지 > 이력서 관리 - 작성 */
    .mypage_wrap .resume_wrap .recruit_view {padding:1.85rem 1.5rem;}
    .mypage_wrap .recruit_form .form-row .field-row > * {fleX:0 0 100%;}
    .mypage_wrap .resume_wrap .recruit_form .field-row > ul > li {flex:0 0 calc(50% - 5px);}
    .mypage_wrap .resume_wrap .col_profile {flex-direction: column;}
    .mypage_wrap .resume_wrap .recruit_view .row {align-items: flex-start;}
    .mypage_wrap .resume_wrap .recruit_form .form-row {gap:0; padding:0;}
    .mypage_wrap .resume_wrap .recruit_form .form-row .col-full { margin-bottom:20px;}
    .mypage_wrap .resume_wrap .recruit_view .cell {align-items: flex-start; flex-direction: column; margin-bottom:10px; line-height:26px;}
    .mypage_wrap .resume_wrap .recruit_form .form-row .col-half {align-items: flex-start; flex-direction: column; margin-bottom:20px;}
    .mypage_wrap .resume_wrap .recruit_form .form-row .col-half .field-row {width:100%; flex:0 0 100%;}
    .mypage_wrap .resume_wrap .recruit_form .form-row .field-label {flex:0 0 auto; margin-bottom:10px;}
    .mypage_wrap .resume_wrap .recruit_form .form-row .col-full {align-items: flex-start; flex-direction: column; }

	.edu_contents .card_year {width:100%; height:200px;}
	.edu_contents .edu_top {flex-direction: column;}
	.edu_contents .edu_top .edu_meta {align-items: flex-start; flex-direction: column; gap:10px; margin-bottom: 20px;}
	.edu_contents .edu_top .edu_meta .meta {display:flex; margin-top:20px;}
	.edu_contents .edu_block {padding:10px;}
	.edu_contents .my_edu_state {flex-direction: column; gap:20px;}
	.edu_contents .my_edu_state .meta_wrap .tit > * {flex:1;}
	.edu_contents .my_edu_state .meta_wrap .meta > li:last-child {flex-direction: column; }
	.edu_contents .subject_item {flex-direction: column; padding:1.25rem; margin-bottom:20px;}
	.edu_contents .subject_item .subject_thumb {flex: 0 0 auto; max-width: 100%; margin:40px 0 20px 0;}
	.edu_contents .subject_item .subject_meta {align-items: flex-start; flex-direction: column;}
	.edu_contents .subject_item .subject_name {width:60%;}
	.edu_contents .subject_item .subject_price  {flex-direction: column; }
	.edu_contents .subject_item .subject_price > span {margin:0; width:100%; text-align:right;}
	.edu_contents .subject_item .subject_info .subject_btn_group {margin-top:20px;}
	.edu_contents .subject_item .subject_action {position:absolute; top:20px; right:20px;}
	.edu_contents .subject_item .subject_thumb .img_wrap {width:100%; height:50vw;}
	.edu_contents .subject_item .sume_wrap {align-items: flex-start; flex-direction: column;}

	.edu_contents .edu_progress {width:100%;}
	.edu_contents .edu_progress .progress_bar {width:100%;}

    /* Board */
	.board_list_container {padding:0;}
	.board_list_top.flex-row {flex-direction: column; gap:20px;}
	.board_list_top .search_wrap .board_search {width:100px; padding:0.84rem 1.375rem; margin:0;}
	.board_list_top .search_wrap input {width: 270PX; padding:0.84rem 1.25rem;}
	.board_list_top .search_wrap button {right:16px;}
	.board_list .board a {gap: 20px;}
	.board_list .board .img_wrap {flex: 0 0 auto; max-width: 100%; margin:0;}
	.board_list .board .txt_wrap .tit {margin-top:1.25rem;}
	.board_list .board .txt_wrap p {margin-top:1.125rem;}
	.board_list .table_numb {display:none;}
	.board_list .table_cout {display:none;}
	.board_list .table_file {display:none;}
	.board_list .table_date {flex:0 0 30%;}
	.board_list .table_titl {padding-left:20px;}
	.board_list .table_titl.notice {font-weight:700;}

    .board_write_container .table_wrap .col_2 {flex-direction: column; gap:0;}
	.board_write_container .table_wrap .col_2 > * {flex:100%; width:100%;}
	.board_write_container .table_wrap .cell {padding:10px 0;}


    /*  회원가입  */
    .agree_wrap .table_wrap {overflow-x:scroll;}
    .agree_wrap .row.col_2 {flex-direction: column;}
    .agree_wrap .row.col_2 .rgh_wrap {border:none; border-top:1px solid #dde7e9;}
    .join_list .contents .form-row .address > ul > li:first-child input {width:calc(100% - 182px);}

    .join_step2 .title {align-items: flex-start; flex-direction: column;}
    .join_step2 .contents .form-row {flex-direction: column;}

    .join_step2 .contents .form-row .col-half {width:100%;}
    .join_step2 .contents .form-row .btn-check {padding: 1.25rem 0.125rem;}

	/* common */
	.tab_menu {margin-bottom:30px;}
	.tab_menu.tab_8 > ul {flex-wrap:wrap;}
	.tab_menu.tab_8 > ul > li {flex:0 0 25%;}
    .tab_menu.tab_9 > ul {flex-wrap:wrap;}
    .tab_menu.tab_9 > ul > li {flex:0 0 33.333%;}

    /* 통합검색 결과 페이지 */
    .search_body .input_wrap input {width:80%;}
    .search_body .result_on .result_cont .item {flex:0 0 100%; }

    /* 모달 */
    .modal-con {width:90%; max-height:800px; overflow-y:scroll;}
    .btn_submit,
    .btn_full {padding:1.125rem 4.5rem}
    .pay_info_wrap .txt_wrap {overflow-x: scroll;}
    .pay_info_wrap .con .pop_table {max-width: 700px;}


}

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

	/* 대한치과기공사협회 */


	/* 정보·자료 */


	/* 보수교육 */
	.off_edu_wrap .lft_wrap > ul  {flex-direction: column;}
	.off_edu_wrap .date_wrap .subject_price  {flex-direction: column;}
	.off_edu_wrap .date_wrap .subject_price > span {margin:0; text-align:left;}

	/*.pay_view_section .pay_view .row .cell {flex-direction: column;}
	.course_wrap .subject_item .subject_meta > li {display:flex; flex-direction: column;}*/
	.pay_view_section .pay_view .row .cell > span {width:80px;}


	/* 커뮤니티 */
	/*  채용공고 구인 구직 */
	.recruit_notice {padding: 1.5rem 1.75rem;}
	.recruit_notice > div  {flex-direction: column; margin: 0 auto; align-items: center; gap: 30px;}
	.recruit_list .filter_item select {width:100%;}
	.recruit_list .filter_item:first-child {width:100%; flex:0 0 100%;}
	.recruit_list .filter_item:first-child select {width:calc(100% - 107px);}
	.recruit_site_wrap .recruit_site {flex:0 0 100%; width:100%;}


	/* 산하단체  */

    /* Board */
	.board_list_top .search_wrap input {width: 177px;}
	.board_list .board a {flex-direction: column;}


	/* common */

    /* 통합검색 결과 페이지 */
    .search_body .result_on .result_cont .item {flex-direction:column-reverse;}
    .search_body .result_on .result_cont .item .img_wrap {height:200px; margin-bottom:20px;}
    .search_body .result_on .result_cont .item .img_wrap .img { margin: 0 auto;}
    .search_body .result_on .result_cont .txt_wrap span {margin-bottom:10px;}
			
}

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

	/* 대한치과기공사협회 */


	/* 정보·자료 */


	/* 보수교육 */


	/* 커뮤니티 */


	/* 산하단체  */


	/* common */
	
	
}

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