@charset "utf-8";


/*
.table2 {overflow-x:auto; margin:10rem 0 30rem; text-align:center;  }
.table2 caption {position:absolute; left:-99999rem; top:-99999rem; }
.table2.tdL tbody td { text-align:left;}
.table2 table { width:100%; border-top:2px solid var(--p_color); border-spacing:0; margin-left:-1px; }
.table2 thead th { background:#f5f5f5; border-left:1px solid #ccc; padding:10rem 20rem; border-bottom:1px solid #aaa; }
.table2 tbody th,
.table2 tbody td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10rem 20rem; background:#fbfbfb; }
.table2 tbody td { background:#fff; }
@media all and (max-width:1240px) {
  .table2 table {border-top:0 !important;}
  .table2 colgroup {display:none;}
  .table2 thead {display:none;}
  .table2 tbody {display:flex; flex-wrap:wrap;}
  .table2 tbody tr {display:block; flex:1 1 50%; border-top:2px solid var(--p_color); margin-bottom:40rem;}
  .table2 tbody td {display:flex; align-items:center; text-align: left;}
    .table2 tbody td a {text-decoration:underline;}
  .table2 tbody td::before {content:attr(data-label); font-weight:600; width:100rem; text-align:left;}
}
@media all and (max-width:768px) {
  .table2 tbody tr {flex:1 1 100%;}
}
*/

.table2 {margin:15rem -15rem;}
.table2 table {border-top:0 !important; margin-left:0;}
.table2 colgroup {display:none;}
.table2 thead {display:none;}
.table2 tbody {display:flex; flex-wrap:wrap;}
.table2 tbody tr {position:relative; display:block; width:calc(50% - 30rem); margin:15rem; background:#fff; padding:30px; border-radius:15rem; border:1px solid #e3e3e3; box-shadow:0 0 15px rgba(0,0,0,0.05);}
.table2 tbody tr.on {border:1px solid #0075ff; background:#fbfdff;}
.table2 tbody th {display:none;}
.table2 tbody td {display:flex; align-items:center; text-align:left; border:0; background:none; padding:6rem 0;}
.table2 tbody td:first-child {padding-top:0;}
.table2 tbody td:last-child {padding-bottom:0;}
.table2 tbody td a {text-decoration:underline; display:block;}
.table2 tbody td::before {content:attr(data-label); font-weight:600; width:120rem; text-align:left; flex-grow:0; flex-shrink:0; padding-right:20rem;}

.table2 tbody td[data-label="출결상태"] > div {width:100%;}

.table2 tbody td[data-label="저장"] {display:flex; justify-content:center; align-items:center; padding:0; margin-top:30rem; gap:6rem;}
.table2 tbody td[data-label="저장"] a {display:block; text-decoration:none; font-size:17rem; padding:7rem; color:#fff; width:50%; text-align:center; background:#3359b0; border-radius:6rem; flex-grow:1; margin:0; border:1px solid #3359b0;}
.table2 tbody td[data-label="저장"] a:nth-child(2) {border:1px solid #3359b0; background:#fff; color:#3359b0; }
.table2 tbody td[data-label="저장"]::before {display:none;}
.table2 #aply_sn_list {position:absolute; top:30rem; right:30rem; width:20rem; height:20rem;}
@media all and (max-width:321px){
    .table2 tbody td[data-label="저장"] a {width:100%;}
}

.table2 .btn5 { border:1px solid #095eb4; text-decoration:none !important; margin:0 3px; font-size:16rem; padding:1px 10rem;}
.table2 .btn5:first-child {margin-left:15px;}
@media all and (max-width:1023px){
    .table2 {margin:10rem 0;}
    .table2 tbody tr {width:100%; margin:10rem 0;}
    .table2 tbody td::before {width:100rem;}
}
@media all and (max-width:321px){
    .table2 tbody td  {flex-direction:column; padding:10rem 0;}
    .table2 tbody td::before {width:100%; margin-bottom:7px;}
    .table2 tbody td {align-items: flex-start;}
}

.table2 .bar-outer {position:relative; background: #ecebef; border-radius:5rem; height:5rem; width:100%; } 
.table2 .bar-inner {height:100%; background: #889543; transition: width 0.5s;} 
.table2 .percent {position:absolute; top:-40rem; left:inherit !important; right:0rem !important; transform:none !important; font-size:14px; background:#889543; height:27rem; padding:0 10rem; line-height:25rem; border-radius:40rem; color:#fff; } 
.table2 .percent::after {
  content: "";
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #889543 transparent transparent transparent;
}
.table2 input[type="number"],
.table2 select {
    height:45rem; line-height:45rem; padding:0 10rem; margin:3rem; width:100% !important;margin-left:0;margin-right:0; border:1px solid #a9a9a9; border-radius:3px;
}
.bulk-actions {border:1px solid #ddd; background:#f6f6f6; padding:30rem; border-radius:15rem; display:flex;}
.bulk-actions span {display:flex; width:100%;}
.bulk-actions select,
.bulk-actions a {
    height:45rem; line-height:45rem; padding:0 10rem; margin:3rem; border:1px solid #a9a9a9; border-radius:3px;
}
.bulk-actions a {background:#6b6b6b; color:#fff; flex-shrink:0; font-size:16rem; border-color:#6b6b6b;}
@media all and (max-width:1023px){
    #schdSelectBox0 {width:calc(100% - 6rem);}
    .bulk-actions {flex-wrap:wrap;}
    .bulk-actions span {flex-wrap:wrap;}
    .bulk-actions select,
    .bulk-actions select {width:100%  !important;}
}
.star-rating {
  color: #daaf3b; /* 별 색 */
}
.star-rating .score {
  margin-left: 6rem;
  color: #555;
  font-weight: 500;

}


/**/


#content.ver1 h4,
#content.ver1 h5 { font-weight:600; }
#content.ver1 .table thead th, #content.ver1 .table tbody th{font-weight: 600;}
#content.ver1 .table2 thead th, #content.ver1 .table2 tbody th{font-weight: 600;}

.caution{position: relative;padding-left: 26px; color: var(--p_color); font-size: 16rem;}
.caution::before{position: absolute; content: "!"; background: var(--p_color); width: 19px; height: 19px;border-radius: 4px; color: #fff; left: 0; top: 5px; line-height: 19px; text-align: center; font-size: 14px;font-weight: 600;}

.table .depth1, .table .depth2, .table .depth3{text-align: left;}

/* munhae */
.munhae .content_box strong{font-weight: 600;}

/* 개념 */
.con_tit + .con_box2{font-size:15rem;}
.concept{margin-top:50rem;width:100%;overflow:hidden;}
.concept .tit{position:relative;text-align:center; padding-bottom: 50rem; margin-bottom: 50rem;}
.concept .tit span{padding:15rem 30rem; text-align:center; display:inline-block; margin:0 auto; border-radius: 50rem; font-weight: 600;  color: var(--p_color);border: 2px solid var(--p_color); font-size: 20rem;}
#content .concept .tit:after{content:''; position:absolute; bottom: 0; left:15.6%; right:16%; height:1rem; display:block; background-color:#e9e9e9;}
.concept .con{width:103%;color:#555;}
.concept .con > li{width:30.2%;margin-right:3%;float:left;padding: 24rem 30rem 10rem 30rem;border-radius: 30rem;position:relative;display:block;min-height: 320rem;font-size: 16rem;}
.concept .con > li:after{content:'';position:absolute;left:50%;top:-50rem;width:1rem; height: 50rem; bottom:0; display:block; background-color:#e9e9e9;}
.concept .con .con02:after{top: -100rem; height: 100rem;}
.concept .con .suj{font-weight: 500; position:relative; font-size: 20rem; font-weight: 500; margin-top: 20rem;}
.concept .con > li > em{font-size:15rem; padding: 5rem 10rem; border-radius: 50rem 0 ; background: #9b3388; color: #fff; position: absolute; left: 0; top: 0; width: 100rem; text-align: center;}
.concept .con .suj span{display: block; padding-top: 8rem;}
.concept .con .cont{font-size:15rem; display:block;word-break:keep-all;}

.concept .con .con01{background-color:#f8f4f7;}
.concept .con .con01 .suj{color:#9b3388;}

.concept .con .con02{background-color:#f4fbf0;}
.concept .con .con02 .suj{color:#4fa300;}
.concept .con .con02 .depth1 > li::before{background-color: #4fa300 !important;}
.concept .con .con02 > em{background: #4fa300;}

.concept .con .con03{background-color:#f0f6fb;}
.concept .con .con03 .suj{color:#464cc2;}
.concept .con .con03 .suj em{background: #464cc2;}
.concept .con .con03 .depth1 > li::before{background-color:#464cc2 !important;}
.concept .con .con03 > em{background: #464cc2;}

@media (max-width: 980px) {
    .concept .con{width: 100%;}
    .concept .con > li{width: 100%; float: none; min-height: auto; margin-right: 0; margin-bottom: 2%;}
    .concept .tit{padding-bottom: 0;}
    .concept .con .con02:after, .concept .con .con03:after,
    .concept .tit:after{display: none;}
}

/* 주요사업 */
.busi_wrap{width: 100%; position: relative; padding: 40rem 0 30rem 0;}
.busi_wrap .tit{font-size: 30rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;width: 280rem;height: 280rem;background: #efefef;border-radius: 50%;}
.busi_wrap .tit::before{position: absolute;content: ""; background: url('../img/content/busi_bg.png') no-repeat center center; width: 533rem; height: 340rem; left: 50%;top: 50%;transform: translate(-50%, -50%); background-size: contain;}

.busi_wrap .tit span{display: flex;flex-wrap: wrap;line-height: normal;width: 87%;height: 87%;align-items: center;justify-content: center;background: #fff;border-radius: 50%;box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);left: 50%;top: 50%;position: absolute;transform: translate(-50%, -50%);}
.busi_wrap .tit em{display: block; font-weight: 500; width: 100%; align-self: flex-end; font-size: 24rem;}
.busi_wrap .tit b{align-self: flex-start;}
.busi_wrap .busi_lst{display: flex; justify-content: space-between; flex-wrap: wrap;}
.busi_wrap .busi_lst > ul{ width: calc((100% - 533rem) / 2);}
.busi_wrap .busi_lst > ul li{margin-bottom: 20rem;}
.busi_wrap .busi_lst > ul li span{display: inline-block; height: 84rem; line-height: 1.5; display: flex;align-items: center;border-radius: 50rem;padding: 0 20rem 0 132rem;color: #fff;font-weight: 600;position: relative; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);}

.busi_wrap .busi_lst ul .busi01 span{background-color: #aa238b;}
.busi_wrap .busi_lst ul .busi02 span{background-color: #ffa524;}
.busi_wrap .busi_lst ul .busi03 span{background-color:  #13a6bc;}
.busi_wrap .busi_lst ul .busi04 span{background-color: #464cc2;}
.busi_wrap .busi_lst ul .busi05 span{background-color: #4a98d6;}
.busi_wrap .busi_lst ul .busi06 span{background-color: #564f68;}
.busi_wrap .busi_lst ul li span::before{position: absolute;content: "";background: url('../img/content/bis_icon.png') no-repeat;background-size: 600% 100%;background-position: left center;width: 60rem;height: 60rem;left: 33rem;top: 50%;transform: translateY(-50%);}
.busi_wrap .busi_lst ul .busi02 span::before{background-position-x: 20.6%;}
.busi_wrap .busi_lst ul .busi03  span::before{background-position-x: 59.6%;}
.busi_wrap .busi_lst ul .busi04 span::before{background-position-x: 99.6%;}
.busi_wrap .busi_lst ul .busi05 span::before{background-position-x: 80.6%;}
.busi_wrap .busi_lst ul .busi06 span::before{background-position-x: 40.6%;}

.busi_wrap .busi_lst ul li span::after{position: absolute;content: "";border-right: 1px solid #ffffff;z-index: 2;left: 105rem;height: 51%;opacity: 0.3;}

@media (max-width: 1230px) {
    .busi_wrap .busi_lst > ul li span{padding: 20rem; justify-content: center; text-align: center; font-size: 17rem;}
    .busi_wrap .busi_lst ul li span::before,
    .busi_wrap .busi_lst ul li span::after{display: none;}
}
@media (max-width: 930px) {
    .busi_wrap{padding: 54rem 0 30rem 0;}
    .busi_wrap .tit{top: 14px; width: 100%;height: auto;display: block;border-radius: 50rem; margin-bottom: 20rem; font-size: 24rem;}
    .busi_wrap .tit::before{display: none;}
    .busi_wrap .tit span{border-radius: 50rem;width: 98%;height: 80rem;box-shadow: none;line-height: 79rem; background: none;}
    .busi_wrap .tit em{width: auto; align-self: baseline;}
    .busi_wrap .busi_lst > ul{width: 49%;}
    .busi_wrap .busi_lst > ul li{margin-bottom: 14rem; }
    .busi_wrap .busi_lst > ul li span{height: 70rem; padding: 12rem;}
}
@media (max-width: 374px) {
    .busi_wrap .busi_lst > ul{width: 100%;}
}

.consumer{display: flex; justify-content: space-between; margin: 40rem 0 58rem 0;}
.cons_left{width: 40%; text-align: center; }
.cons_left > p{font-size: 15rem; color: #868686;}
.cons_left .c_tit{margin-bottom: 10rem;}
.cons_left .c_tit p{margin-top: 10rem; font-weight: 500;}
.cons_left .c_tit strong{display: block; color: #aa238b; font-size: 24rem;}
.cons_right{width: 56%;}
.cons_right dl{margin-bottom: 20rem;}
.cons_right dl dt{width: 100%; margin-bottom: 10rem; display: flex; justify-content: space-between; font-weight: 600; color: #000;}
.cons_right dl dt span{font-weight: 500; margin-left: 10rem; color: #4fa300;}
.cons_right dl.g02 dt span{color: #464cc2;}
.cons_right dl.g03 dt span{font-weight: 600; color: #aa238b;}
.cons_right dl dd{display: flex; background: #f2f9ed; padding: 10rem; color: #4fa300; font-size: 16rem; font-weight: 500;}
.cons_right dl.g02 dd{color: #464cc2; background: #f3f4ff;}
.cons_right dl.g03 dd{color: #aa238b; background: #fff6fd;}
.cons_right dl dd em{display: block; text-indent: -9999px; width: 80%; width: 8.7%; background: #4fa300; margin-right: 10rem; border-radius: 0 50rem 50rem 0; font-weight: 500; font-size: 16rem; }
.cons_right dl.g02 dd em{width: 11.4%; background: #464cc2;}
.cons_right dl.g03 dd em{width: 20.2%; background: #aa238b;}
@media (max-width: 676px) {
  .consumer{flex-wrap: wrap;}
  .cons_left{width: 100%;}
  .cons_right{width: 100%; margin-top: 30rem;}
}


/* 도민행복대학 소개 */
.domin_box{background: #fff; border: 1px solid var(--p_color); box-shadow: 6px 6px 10px rgba(170,35,139,0.1); border-radius: 30rem 30rem 0 30rem; padding: 40rem 500rem 40rem 60rem; position: relative; overflow: hidden;}
.domin_box::before{position: absolute; content: ""; background: url('../img/content/domin_box.png') no-repeat right bottom; width: 385rem; height: 216rem; right: 2%; bottom: 0; background-size: 100%;}
.domin_box dt{font-size: 30rem; font-family: var(--gmark); color: var(--p_color); font-weight: 500; padding-bottom: 20rem; margin-bottom: 20rem; position: relative;}
.domin_box dt::after,
.domin_box dt::before{position: absolute; content: ""; border-bottom: 1px solid var(--p_color); width: 100%; height: 1px; left: 0; bottom: 0;}
.domin_box dt::after{width: 17%; border-width: 3px;}
@media (max-width: 1000px) {
    .domin_box{padding: 40rem 400rem 40rem 60rem;}
}
@media (max-width: 680px) {
    .domin_box{padding: 30rem;}
    .domin_box::before{display: none;}
}

.vision_wrap{text-align: center; max-width: 1160px; margin: 60rem auto;}
.vision_wrap .vision{width: 100%; border: 10px solid #eaeaea; background: #fff; padding: 30rem 20rem 20rem 50rem; border-radius: 100rem; font-family: var(--gmark); font-size: 30rem; position: relative;}
.vision_wrap .vision span{display: block; color: var(--p_color); font-size: 28rem; position: absolute; top: 0; background: #fff; padding: 0 20rem; top: -17px; left: 50%; transform: translateX(-50%); font-weight: 500;}

.goal{padding-top: 180rem; background: url('../img/content/goal_bg.png') no-repeat center top;}
.goal > p{color: var(--p_color);font-size: 29rem; font-weight: 500; font-family: var(--gmark);}
.goal_lst{display: flex; justify-content: space-between; margin: 30rem 0;}

.goal_lst li strong{display: block; width: 200px; height: 200px; padding: 109rem 20rem 20rem 20rem; border-radius: 50%; border: 10px solid #4fa300; color: #4fa300; font-size: 24rem; font-weight: 600; position: relative;}
.goal_lst li:nth-child(2) strong{color: #464cc2; border-color: #464cc2;}
.goal_lst li:nth-child(3) strong{color: #aa238b; border-color: #aa238b;}
.goal_lst li strong::before{position: absolute;content: "";background: #4fa300;width: 14px;height: 14px;left: 50%;bottom: -17px;transform: translateX(-50%) rotate(45deg);}
.goal_lst li:nth-child(2) strong::before{background-color: #464cc2;}
.goal_lst li:nth-child(3) strong::before{background-color: #aa238b}

.goal_lst li strong::after{position: absolute; content: ""; background: url('../img/content/goal_icon.png') no-repeat; width: 80px; height: 80px; background-size: 300% 100%; left: 50%; transform: translateX(-50%); top: 25rem;}
.goal_lst li:nth-child(2) strong::after{background-position-x: 49%;}
.goal_lst li:nth-child(3) strong::after{background-position-x: 100%;}

@media (max-width: 800px) {
    .goal_lst li strong{padding: 133rem 20rem 20rem 20rem;}
    .goal_lst li strong::after{top: 36rem;}
}
@media (max-width: 643px) {
    .goal_lst li{width: 33%;}
    .goal_lst li strong{height: auto; width: 100%; border-radius: 20rem; padding: 20rem; border-width: 3px;}
    .goal_lst li strong::before,
    .goal_lst li strong::after{display: none;}
}

.goal_lst li span{display: inline-block; color: #4fa300; font-size: 18rem; font-weight: 500; line-height: 1.4; margin-top: 35rem;}
.goal_lst li:nth-child(2) span{color: #464cc2;}
.goal_lst li:nth-child(3) span{color: #aa238b;}
@media (max-width: 643px) {
    .goal_lst li span{margin-top: 10rem;}
}
@media (max-width: 574px) {
    .goal_lst{flex-wrap: wrap;}
    .goal_lst li{width: 100%; margin-bottom: 20rem;}
}


/*강좌정보*/
.lecture_list .board_search > div { display:flex; align-items:center; flex:1 1 calc((100% - 60rem)/3); margin:5rem 0 5rem 30rem; }
.lecture_list .board_search > div:nth-of-type(3n+1) {margin-left:0; }
.lecture_list .board_search > div > label { flex-shrink:0; width:80rem; font-weight:600; }
.lecture_list .board_search > div > *:not(label) { flex-grow:1; }
.lecture_list .board_search > div.btn_wrap {display:flex; justify-content:space-between;}
.lecture_list .board_search > div.btn_wrap button { background:var(--p_color); flex:0 0 calc((100% - 20rem)/2); color:#fff; height:45rem; border-radius:5rem; }
.lecture_list .board_search > div.btn_wrap button:nth-of-type(2) {background:#333; }
.lecture_list .lecture_date,
.lecture_list .payment,
.lecture_list .apply_by,
.lecture_list .state { font-size:0.95em; }
.lecture_list .lecture_date {width:23%; }
.lecture_list .payment {width:15%; }
.lecture_list .apply_by {width:13%; }
.lecture_list .state {width:10%; }
.lecture_list .subject a { font-weight:500;}
.lecture_list .state span { color:var(--p_color); font-weight:500; }
.lecture_list .state span.study { color:#2e3192; }
.lecture_list .state span.end { color:#888; }
.lecture_list p.date {width:100% !important;}
.lecture_view .title h4 span { display:inline-flex; align-items:center; height:32rem; background:var(--p_color); color:#fff; border-radius:5rem; font-weight:500; font-size:0.85em; padding:0 10rem; margin-right:10rem;}
.lecture_view .title .data {padding:20rem; }
.lecture_view .title .data dl { width:100%; margin:3rem 0;}
.lecture_view .title .data dl dt { display:flex; }
.lecture_view .title .data dl dt::before {content:''; display:block; width:4rem; height:4rem; background:var(--p_color); border-radius:50%; margin:12rem 8rem 0 0; }
.lecture_view .title .data dl::after {display:none !important;}
.lecture_view .form_style { position:relative; font-size:0.95em; padding:20rem; margin-top: 30rem;}
.lecture_view .form_style::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--p_color); opacity:0.06; z-index:-1; border-radius:10rem; }
.lecture_view .form_style dl {border:0; overflow:hidden;}
.lecture_view .form_style dl dt,
.lecture_view .form_style dl dd {margin-top:-1px;}
.lecture_view .form_style dl dd {width:30%;}
@media all and (max-width:1023px){
    .lecture_list tbody td {display:flex; flex-wrap:wrap; justify-content:flex-start; text-align:left;}
    .lecture_list .lecture_date {flex-wrap:nowrap; width:100% !important; margin-bottom:10rem;}
    .lecture_list .lecture_date p {width:auto !important; }
    .lecture_list .lecture_date p.date {font-weight:500; color:#641515; margin-right:20rem;}
    .lecture_list .payment:before {display:none;}
    .lecture_list .state {width:auto; }
}
@media all and (max-width:480px){
    .lecture_list tbody td {width:100% !important;}
    .lecture_list tbody td:before {width:10px; height:1px;  margin-left:0; width:4rem; height:4rem; background:#666; flex-shrink:0; flex-grow:0;}
    .lecture_list .lecture_date {flex-wrap:wrap;}
    .lecture_list .lecture_date p {width:100% !important; } 
    .lecture_list .lecture_date p.date {margin-right:0;}
    .lecture_list .payment:before {display:flex; }
    .lecture_list .payment,
    .lecture_list .apply_by,
    .lecture_list .state {padding:0 5rem;}
}

/*강사정보*/
.teacher_list .board_search > div { display:flex; align-items:center; flex:1 1 calc((100% - 60rem)/3); margin:5rem 0 5rem 30rem; }
.teacher_list .board_search > div:nth-of-type(3n+1) {margin-left:0; }
.teacher_list .board_search > div > label { flex-shrink:0; width:80rem; font-weight:600; }
.teacher_list .board_search > div > *:not(label) { flex-grow:1; }
.teacher_list .board_search > div.btn_wrap {display:flex; justify-content:space-between;}
.teacher_list .board_search > div.btn_wrap button { background:var(--p_color); flex:0 0 calc((100% - 20rem)/2); color:#fff; height:45rem; border-radius:5rem; }
.teacher_list .board_search > div.btn_wrap button:nth-of-type(2) {background:#333; }
.teacher_list .name {width:15%; }
.teacher_list .name a { font-weight:600; }
.teacher_list .location {width:25%; }
.teacher_list .state {width:15%; }
.teacher_list .state span { color:#2e3192; font-weight:500; }
.teacher_list .state span.end { color:#888; }
.teacher_view article {display:none;}
.teacher_view .tchr_details {display:block;}
.teacher_view .grid_wrap { position:relative; display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:space-between; padding:30rem; }
.teacher_view .grid_wrap .img { width:200rem; box-shadow:5rem 5rem 1rem rgba(0,0,0,0.1);}
.teacher_view .grid_wrap .right {width:calc(100% - 250rem); }
.teacher_view .grid_wrap .right .name { font-size:25rem; font-weight:600; margin:20rem 0;  }
.teacher_view .grid_wrap .right .name span { display:inline-flex; align-items:center; height:35rem; background:#2e3192; color:#fff; padding:0 10rem; border-radius:5rem; font-size:0.7em; font-weight:500; margin-right:5rem; }
.teacher_view .grid_wrap .right strong {font-weight:600;}
.teacher_view .grid_wrap::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--p_color); z-index:-1; opacity:0.07; border-radius:10rem;  }
@media all and (max-width:1023px){
    .teacher_list tbody td {display:flex; flex-wrap:wrap; justify-content:flex-start; text-align:left;}
    .teacher_list tbody td:nth-child(3) {flex-wrap:nowrap; width:100% !important; margin-bottom:10rem; color:#626262; font-size:0.95em;}
    .teacher_list tbody td:nth-child(3):before {display:none;}
    .teacher_list .location {width:100% !important; flex-wrap:nowrap; align-items:flex-start; padding:0 5rem;}
    .teacher_list .location:before {width:10px; height:1px;  margin-left:0; margin-top:12rem; width:4rem; height:4rem; background:#666; flex-shrink:0; flex-grow:0;}
    .teacher_list .state {width:100%; padding:0 5rem; }
    .teacher_list .state:before {width:10px; height:1px;  margin-left:0; width:4rem; height:4rem; background:#666; flex-shrink:0; flex-grow:0;}
}
@media all and (max-width:768px){
    .teacher_list .board_search {flex-wrap:wrap; flex:1 1 auto;}
    .teacher_list .board_search > div {width:100%; margin-left:0;}
    .teacher_view .grid_wrap .img {width:150rem;}
    .teacher_view .grid_wrap .right {width:calc(100% - 180rem); }
}
@media (max-width:768px) and (min-width:481px){
    .teacher_view .grid_wrap .right .name {margin-top:0;}
}
@media all and (max-width:480px){
    .teacher_view .grid_wrap {justify-content:center;}
    .teacher_view .grid_wrap .right {width:100%; }
}

/*기관정보*/
.edu_list .board_search {position:relative; justify-content:flex-end; margin:160rem 0 50rem;}
.edu_list .board_search .left {position:absolute;left:20rem;top: 0;width:400rem;transform:translateY(-50%);z-index:2;}
.edu_list .board_search .right { display:flex; flex-wrap:wrap; margin-left:300rem; width:calc(100% - 350rem); gap:5rem 30rem; }
.edu_list .board_search .right > div { display:flex; align-items:center; flex:1 0 calc((100% - 30rem)/2); }
.edu_list .board_search .right > div:nth-of-type(2n+1) {margin-left:0; }
.edu_list .board_search .right > div > label { flex-shrink:0; width:100rem; font-weight:600; }
.edu_list .board_search .right > div > *:not(label) { flex-grow:1; }
.edu_list .board_search .right > div > select,
.edu_list .board_search .right > div > input[type="text"] {width:100%;}
.edu_list .board_search .right > div.btn_wrap {display:flex; justify-content:space-between; margin-top:0; }
.edu_list .board_search .right > div.btn_wrap button { background:var(--p_color); flex:0 0 calc((100% - 20rem)/2); color:#fff; height:45rem; border-radius:5rem; }
.edu_list .board_search .right > div.btn_wrap button:nth-of-type(2) {background:#333; }
.edu_list .num {width:10%;}
.edu_list .subject {width:24%;}
.edu_list .tel {width:15%;}
.edu_list .go {width:10%;}
.edu_list .map_style {margin:30rem auto; }
.edu_list .map_style .cont {display:none; }
@media all and (max-width:1023px){
    .edu_list tbody td {display:flex; flex-wrap:wrap; justify-content:flex-start; text-align:left;}
    .edu_list tbody td:nth-child(3) {flex-wrap:nowrap; width:100% !important; margin-bottom:10rem; color:#626262; font-size:0.95em;}
    .edu_list tbody td:nth-child(3):before {display:none;}
    .edu_list .tel {width:100% !important; flex-wrap:nowrap; align-items:flex-start; padding:0 5rem;}
    .edu_list .tel:before {width:10px; height:1px;  margin-left:0; margin-top:12rem; width:4rem; height:4rem; background:#666; flex-shrink:0; flex-grow:0;}
    .edu_list .go {width:100%; padding:0 5rem; }
    .edu_list .go:before {width:10px; height:1px;  margin-left:0; width:4rem; height:4rem; background:#666; flex-shrink:0; flex-grow:0;}
}
@media all and (max-width:1023px){
    .edu_list .board_search {margin:0 0 20rem}
    .edu_list .board_search {flex-wrap:wrap;}
    .edu_list .board_search .left {position:static; transform:none; margin:10rem auto 50rem; max-width:400rem;}
    .edu_list .board_search .right {margin-left:0; width:100%;}
}
@media all and (max-width:599px){
    .edu_list .board_search .right > div {flex-wrap:wrap; width:100%; flex:1 1 auto;}
    .edu_list .board_search .right > div > label {width:100%;}
    .edu_list .board_search .right > div > *:not(label) {width:100%;}
}

/*회원가입*/
/*기업회원*/
.board_search  .company_member_btn {background:#fff; border:1px solid var(--p_color); color:var(--p_color); font-weight:600; }


/*print*/
#apply_bbs_pop .inp_agree {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10rem; display:flex; justify-content:center; margin:30rem 0 10rem;}
#apply_bbs_pop .inp_agree span {margin:0 10rem;}
#apply_bbs_pop .last {border:1px solid #ddd; display:flex; justify-content:space-between; padding:10rem 20rem; margin-top:40rem;}
#apply_bbs_pop .last li {flex-shrink:0; font-weight:500;}
@media all and (max-width:599px){
    #apply_bbs_pop .last {flex-wrap:wrap;}
    #apply_bbs_pop .last li {width:100%;}
    
}



/*증명서

.certification {font-size:21rem; text-align:center; background:#fff; position:relative;}
.certification .bg {position:absolute; top:50%; left:50%; width:calc(100% - 200rem); height:calc(100% - 200rem);  transform:translate(-50%, -50%);}
.certification .bi {width:100rem; position:absolute; right:0; top:-100rem;} 

.certification .info {font-size:0.9em; text-align:left;}
.certification .tit {line-height:1.3; display:block; text-align:center; margin-top:40rem; font-size:2.5em; font-weight:600; letter-spacing:20rem;}
.certification .list {text-align:left; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:25px; margin:100rem;} 
.certification .list dl {display:flex; margin:50rem 0; }
.certification .list dt {width:8em; line-height:1.4; font-weight:600;}
.certification .list dd {width:calc(100% - 6em); line-height:1.4;}
.certification .txt {font-size:1.1em;}
.certification .sign {position:absolute; width:100%; left:0; bottom:60rem;}
.certification .sign > div {display:inline-block; position:relative;}
.certification .sign strong {font-size:2em; letter-spacing:5px; text-transform:uppercase; font-weight:600;}
.certification .sign .img { position:absolute; top:50%; right:-115rem; transform:translateY(-50%); width:100rem; z-index:-1;}
.certification .date {font-size:1.1em; display:block; margin-bottom:20rem;}
.certification .mark {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0.1}



@media all and (max-width:1023px){
    .certification {font-size:20rem;}
    .certification .bg {width:calc(100% - 170rem); height:calc(100% - 150rem);}
    .certification .list {margin:60rem 0 40rem 0;}
    .certification .list dl {margin:30rem 0;}
    .certification .sign {bottom:0;}
}
@media all and (max-width:920px){
    #printWrap {overflow-x:auto;}
    #printWrap .scroll {width:748px;}
}
    */


.certification {font-size:21rem; text-align:center; background:#fff; position:relative;}
.certification .bg {display:flex; flex-direction:column; justify-content:space-between; position:absolute; top:50%; left:50%; width:100%; height:100%; padding:100rem; transform:translate(-50%, -50%);}
.certification .bi {width:100rem; position:absolute; right:0; top:-100rem;} 

.certification .info {font-size:0.9em; text-align:left;}
.certification .tit {line-height:1.3; display:block; text-align:center; margin-top:40rem; font-size:2.5em; font-weight:600; letter-spacing:20rem;}
.certification .list {display:flex; flex-direction:column; text-align:left; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:25px; margin:100rem;} 
.certification .list dl {display:flex; margin:50rem 0; }
.certification .list dt {width:8em; line-height:1.4; font-weight:600;}
.certification .list dd {width:calc(100% - 6em); line-height:1.4;}
.certification .txt {font-size:1.1em;}
.certification .sign {padding-top:0;}
.certification .sign > div {display:inline-block; position:relative;}
.certification .sign strong {font-size:2em; letter-spacing:5px; text-transform:uppercase; font-weight:600;}
.certification .sign .img { position:absolute; top:50%; right:-115rem; transform:translateY(-50%); width:100rem; z-index:-1;}
.certification .date {font-size:1.1em; display:block; margin-bottom:20rem;}
.certification .mark {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0.1}



@media all and (max-width:1023px){
    .certification {font-size:20rem;}
    .certification .bg {padding:100rem 90rem 100rem;}
    .certification .list {margin:60rem 0 40rem 0;}
    .certification .list dl {margin:30rem 0;}
    .certification .sign {bottom:0;}
}
@media all and (max-width:920px){
    #printWrap {overflow-x:auto;}
    #printWrap .scroll {width:748px;}
}