@charset "utf-8";


.table .btn5 { display:inline-block; border:1px solid #095eb4; text-decoration:none !important; margin:3px 0; font-size:16rem; padding:1px 10rem;}
.table .bt2 { border:1px solid #868686; text-decoration:none !important; margin:3px 0; font-size:16rem; padding:1px 5px; border-radius:0;}
.table .bt2:first-of-type {background:#5093d6; border-color:#095eb4; color:#fff;}
.table input[type="number"],
.table 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; align-items:center;}
.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; }
#allCheck {margin-right:10px; margin-left:5px;}
#allCheck + label {margin-right:20px;}
@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;}
    .bulk-actions a {margin-top:10rem;}
}




/**/


#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.rpl::before {background-image: url('../img/content/rpl.png');}
.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 20rem; border-radius: 100rem; font-family: var(--gmark); font-size: 38rem; position: relative;}
.vision_wrap .vision span{display: block;color: var(--p_color);font-size: 34rem;position: absolute;top: 0;background: #fff;padding: 0 20rem;top: -35px;left: 50%;transform: translateX(-50%);font-weight: 500;}

.goal_wrap { position:relative; padding:0 50rem 50rem;}
.goal_wrap::after {content:''; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 300rem); border-radius:60rem; background:#fafafa; z-index:0; }
.goal_wrap > * { position:relative; z-index:2; }
.goal {padding-top: 300rem; 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: 20rem 0;}
.goal_lst li {width:calc((100% - 120rem)/3); }
.goal_lst li strong{ margin:0 auto; 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{ display:none; 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;}
}
.direction h4,
.assignment h4 {color: var(--p_color); font-size: 29rem; font-weight: 500 !important; font-family: var(--gmark); margin:50rem auto 20rem !important;}
.direction h4::before,
.assignment h4::before {display:none !important;}
.direction ul {display:flex; justify-content:space-between; }
.direction ul li { position:relative; align-content:center; width:calc((100% - 120rem)/3); color:#4fa300; font-weight:600; font-size:1.1em; padding:20rem;  }
.direction ul li:nth-of-type(2) { color:#464cc2;}
.direction ul li:nth-of-type(3) { color:var(--p_color);}
.direction ul li::after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#4fa300; z-index:-1; opacity:0.1; border-radius:20rem;  }
.direction ul li:nth-of-type(2)::after { background:#464cc2;}
.direction ul li:nth-of-type(3)::after { background:var(--p_color);}
.assignment > ul {display:flex; justify-content:space-between; }
.assignment > ul > li { width:calc((100% - 120rem)/4); background:#ddd; border-radius:20rem; padding:10rem; }
.assignment > ul > li p { min-height:75rem; align-content:center; font-size:1.1em; font-family:var(--gmark); margin:10rem; }
.assignment > ul ul { height:calc(100% - 95rem); border-radius:10rem; padding:10rem 20rem; background:#fff; text-align:left; margin:0 !important; }
@media all and (max-width:1023px){
    .assignment > ul {flex-wrap:wrap;}
    .assignment > ul > li {width:calc((100% - 40rem)/2); margin:10rem 0;}
}
@media all and (max-width:640px){
    .direction > ul {flex-wrap:wrap;}
    .direction ul li {width:100%; margin:10rem 0;}
}
@media all and (max-width:480px){
    .assignment > ul > li {width:100%; }
    .assignment > ul > li p {min-height:auto;}
    .assignment > ul ul {height:auto;}
}

/*강좌정보*/
.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;}
}

/*강사정보*/
.tchr_box{background: #b9c962;display: inline-block;padding: 10rem 50rem 10rem 20rem;border-radius: 10rem;}
.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:-57rem; 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;}
}



.online_org ul {display:flex; margin:0 -10rem; }
.online_org li {width:calc(33.333% - 20rem); margin:0 10rem; border-radius:10rem; border:1px solid #ddd; border-top:2px solid;}
.online_org .img {padding:3rem 20rem;}
.online_org .img img {display:block; margin:0 auto}
.online_org .go {border-top:1px solid #ddd; }
.online_org .go a {display:block; text-align:center; font-size:16rem; padding:7rem; }
.online_org li.org1 {border-top-color:#f5c61d}
.online_org li.org2 {border-top-color:#0fd488}
.online_org li.org3 {border-top-color:#635cc7}
@media all and (max-width:768px){
    .online_org ul {flex-wrap:wrap; margin:-5rem; }
    .online_org li {width:calc(50% - 10rem); margin:5rem;}
}
@media all and (max-width:320px){
    .online_org ul {flex-wrap:wrap; margin:0 0 -14rem 0;}
    .online_org li {width:100%; margin:0 0 14rem 0;}
}


/*캠퍼스 강좌 수강신청 fix_btn*/
.info_btn{position: fixed;left: 5%;bottom: 10%;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;z-index: 1;}
.info_btn > div{margin:10rem 0 0;padding: 10rem 20rem;background: #2343aa;color: #fff;border-radius: 100rem;}
.info_btn > span{margin:10rem 0 0;padding: 10rem 20rem;background: #2343aa;color: #fff;border-radius: 100rem;}
@media(max-width:1660px){
 .info_btn{bottom: unset; top: 17%; left: 2%;}
 .info_btn img{width: 50%;}
}
@media(max-width:1023px){
     .info_btn{top: unset; bottom: 5%;}
}
@media(max-width:600px){
     .info_btn{top: unset; bottom: 5%;}
}
    /*btn 애니메이션*/
    @keyframes doubleJump {
    0% {
        transform: translateY(0);
    }

    5% {
        transform: translateY(-20px);
    }
    10%{
        transform: translateY(-0px);
    }
    15% {
        transform: translateY(-20px);
    }
    20% {
        transform: translateY(0px);
    }
    /*애니메이션 지난 다음 정지*/
    100% {
        transform: translateY(0);
    }
    }
    .info_btn img{display: inline-block;
    animation: doubleJump 5s ease-in-out infinite;}


#content.ver1 .tit_h4 {display: flex; justify-content: space-between; align-items: center; margin-top: 40px;}
#content.ver1 .tit_h4 span {margin-top: 30px; font-size: 17px;}
@media all and (max-width:768px){
    #content.ver1 .tit_h4 {display: block; margin-bottom: 20px;}
}
.rpl_box {padding: 30px; border: 1px solid #eee; border-radius: 20px; box-shadow: 6px 6px 10px rgba(170, 35, 139, 0.1);}
.rpl_step {display: flex; gap :20px; flex-wrap: wrap; align-items: center; margin-bottom: 25px;}
.rpl_step .step {display: inline-flex; align-items: center; gap: 10px; padding: 10px 15px; border-radius: 15px; border: 1px solid #dad3f0; background: #f5f3fb; color: #0f1f5a;}
.rpl_step .step .num {display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; line-height: 1; border-radius: 50%; background:#000; color: #fff; font-weight:600; font-size: 15px;}
.rpl_step .arrow {position: relative; font-size: 14px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #696969;}
.rpl_step .arrow:before {content: '→';}
.rpl_step .arrow:not(:last-child) {margin: 0 5px;}
@media all and (max-width:768px){
    .rpl_step {gap: 10px;}
    .rpl_step .arrow:not(:last-child) {margin: 0;}
}

.rpl_benefit {display: flex; gap: 20px;}
.rpl_benefit li {position: relative; display: flex; flex-direction :column; flex: 1; padding: 20px; text-align: center; border: 1px solid #eee; border-radius: 20px; box-shadow: 6px 6px 10px rgba(170, 35, 139, 0.1);}
.rpl_benefit li span {margin-top: 10px; font-weight: 600;}
.rpl_benefit li::before {content: ''; width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; background: url('/design/edu/img/content/rpl_benefit.png') no-repeat 0 0/400% auto; flex-shrink: 0; flex-grow: 0;}
.rpl_benefit li:nth-child(1)::before {background-position: 0 0;}
.rpl_benefit li:nth-child(2)::before {background-position: 33.3333% 0;}
.rpl_benefit li:nth-child(4)::before {background-position: 67% 0;}
.rpl_benefit li:nth-child(3)::before {background-position: 100% 0;}
@media all and (max-width:1023px){
    .rpl_benefit li::before {width: 90px; height: 90px;}
}
@media all and (max-width:768px){
    .rpl_benefit {flex-wrap: wrap;}
    .rpl_benefit li {flex: 0 0 calc(50% - 10px);}
    .rpl_benefit li::before {width: 80px; height: 80px;}
}

.rpl_campus_wrap {display: flex; align-items: center; flex-direction: column;}
.rpl_campus_wrap .map {flex: 1;}
.rpl_campus_wrap .rpl_campus { flex: 1; margin-top: 40px; width: 100%; font-size:16px; }
.rpl_campus_wrap .rpl_campus > div { display:flex; gap:20rem; justify-content:space-between; }
.rpl_campus_wrap .rpl_campus .rpl_cnts_1,
.rpl_campus_wrap .rpl_campus .rpl_cnts_2 {  width:48%; }

.rpl_campus a {display: block; width: 100%; margin-top: 15px; padding: 15px 20px; border: 1px solid #eee; border-radius: 20px; box-shadow: 6px 6px 10px rgba(170, 35, 139, 0.1);}
.rpl_campus a:first-child {margin-top: 0;}
.rpl_campus a:hover {border: 1px solid var(--p_color);}
.rpl_campus .tit {display: flex; justify-content: space-between; align-items: center; font-size: 19px;}
.rpl_campus .tit strong {position: relative; padding-left: 30px;}
.rpl_campus .tit strong::before {content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 21px; height: 27px; background: url('../img/content/rpl_location.png') no-repeat 0 0 / 400% auto;}
.rpl_campus .tit strong.icon1::before { background-position: 0 0;}
.rpl_campus .tit strong.icon2::before { background-position: 33.3333% 0;}
.rpl_campus .tit strong.icon3::before { background-position: 66.6666% 0;}
.rpl_campus .tit strong.icon4::before { background-position: 99.9999% 0;}
.rpl_campus .tit span {padding: 3px 15px; font-size: 14px; color: #555555; font-weight: 600; border: 1px solid #dddddd; background: #f7f7f7; border-radius: 20px;}
.rpl_campus .tit span.icon1 {background: #ffe2e0; border: 1px solid #f3b1ad; color: #6a1d1d;}
.rpl_campus .tit span.icon2 {background: #dfeefd; border: 1px solid #bae1fa; color: #2b5985;}
.rpl_campus .tit span.icon3 {background: #fffae0; border: 1px solid #f3d8ad; color: #6a531d;}
.rpl_campus .benefit {margin-top: 10px; padding: 5px 20px; background: #f5f3fb; border: 1px solid #dad3f0; border-radius: 30px;}
.rpl_campus .benefit strong {color: var(--p_color);}
@media all and (max-width:1070px){
    .rpl_campus_wrap {flex-direction: column;}
    .rpl_campus_wrap .rpl_campus {display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px;}
    .rpl_campus > a {width: calc(50% - 20px); margin-top: 0;}
    .rpl_campus .tit {align-items: flex-start; gap: 5px; font-size: 18px;}

    .rpl_campus_wrap .rpl_campus > div { flex-direction: column; width: 100%;}
    .rpl_campus_wrap .rpl_campus .rpl_cnts_1,
    .rpl_campus_wrap .rpl_campus .rpl_cnts_2 {  width:100%;}
}
@media all and (max-width:768px){
    .rpl_campus_wrap .rpl_campus {margin-left: 0;}
    .rpl_campus > a {width: 100%;}
    .rpl_campus .benefit {font-size: 15px; line-height: normal; padding: 7px 15px; border-radius: 10px;}
    .rpl_campus .tit {flex-direction: column;}
}

.rpl_half {display:flex; gap:40px;}
.rpl_half > div:first-child {flex:1;}
.rpl_half > div:last-child {width:595px;}
.rpl_half .benefit {height:586px; display:grid; grid-template-columns:repeat(2, 1fr); grid-auto-rows:1fr; gap:25px;}
.rpl_half .benefit li {position:relative; display:flex; flex-direction:column; flex:1; text-align:center; border:1px solid #ddd; padding:20px; border-radius:20px; box-shadow:6px 6px 10px rgba(170, 35, 139, 0.1); overflow:hidden; cursor:pointer;}
.rpl_half .benefit li::before {content:''; width:100px; height:100px; margin:30px auto 0; border-radius: 50%; background: url('/design/edu/img/content/rpl_benefit.png') no-repeat 0 0/400% auto; flex-shrink: 0; flex-grow: 0;}
.rpl_half .benefit li:nth-child(1)::before {background-position:33.3333% 0;}
.rpl_half .benefit li:nth-child(2)::before {background-position:0 0;}
.rpl_half .benefit li:nth-child(4)::before {background-position:67% 0;}
.rpl_half .benefit li:nth-child(3)::before {background-position:100% 0;}
.rpl_half .benefit li strong {margin-top:15px; font-size:19px;}
.rpl_half .benefit li .hover {position:absolute; inset:0; display:flex; flex-direction: column; align-items:center; justify-content:center; gap:25px; text-align:center; padding:20px; background:#fff; border:0; transform:translateY(100%); transition:transform 0.4s ease; border-radius:20px;}
.rpl_half .benefit li .hover strong {margin-top:0;}
.rpl_half .benefit li:hover .hover {transform:translateY(0); border:3px solid #684f3b;}
@media (max-width:1200px) {
    .rpl_half > div:last-child {width:500px;}
    .rpl_half .benefit {height:500px;}
}
@media (max-width:1023px) {
    .rpl_half {flex-direction:column;}
    #content.ver1 .rpl_half h4 {margin-bottom:15px;}
    .rpl_half > div:first-child {width: 100%;}
    .rpl_half > div:last-child {width: 100%;}
    .rpl_half .benefit {display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
    .rpl_half .benefit {height:400px;}
    .rpl_half .benefit li {padding:15px 10px;}
    .rpl_half .benefit li::before {margin-top:0;}
    .rpl_half .benefit li strong {font-size:17px;}
    .rpl_half .map img {height:auto; display:block; margin:0 auto;}
}
@media (max-width:768px) {
    .rpl_half .benefit {gap:10px;}
    .rpl_half .benefit li::before {width:80px; height:80px; margin-top:10px;}
    .rpl_half .benefit li strong {letter-spacing:-1px; line-height:18px;}
    .rpl_half .benefit li .hover p {font-size:15px; line-height:18px;}
}

.campus_tab {display:flex; align-items:center; gap:20px; margin-top:20px;}
.campus_tab ul {display:flex; gap:10px; margin-top:30px;}
.campus_tab li {flex:1; width:200px;}
.campus_tab .tab_btn {width:100%; height:40px; line-height:42px; border:1px solid #ddd; border-radius:10px; background:#f5f5f5; color:#666; font-size:17px; font-weight:400; cursor:pointer; transition:all 0.3s ease; font-family:var(--gmark); box-shadow:6px 6px 10px rgba(170, 35, 139, 0.1); letter-spacing:-1px;}
/*.campus_tab li:nth-child(2) .tab_btn {background:#f4f7fc; color:#1170fe;}
.campus_tab li:nth-child(3) .tab_btn {background:#fdf9f0; color:#e59b0e;}*/
.campus_tab .tab_btn.active,
.campus_tab .tab_btn:hover {background:#c2185b; color:#fff; border:none;}
.campus_tab li:nth-child(2) .tab_btn.active,
.campus_tab li:nth-child(2) .tab_btn:hover {background:#1170fe; color:#fff; border:none;}
.campus_tab li:nth-child(3) .tab_btn.active,
.campus_tab li:nth-child(3) .tab_btn:hover {background:#e59b0e; color:#fff; border:none;}
.campus_list {display:none; flex-wrap:wrap; gap:15px;}
.campus_list.active {display:flex;}
.campus_list > div {flex:0 0 calc((100% - 30px) / 3); border:1px solid #ddd; border-radius:10px; padding:15px; background:#fff;}
.campus_list > div:hover {border-color:#9b26ab; box-shadow:6px 6px 10px rgba(170, 35, 139, 0.1);}
.campus_list#master > div:hover {border-color:#36678d;}
.campus_list#doctor > div:hover {border-color:#6a533c;}
.campus_item a {display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit;}
.campus_logo {flex: 0 0 120px;}
.campus_logo img {display:block; width:100%; height:auto;}
.campus_txt {flex:1; display:flex; flex-direction:column; gap:6px;}
.campus_txt span {display:block; line-height:24px;}
.campus_txt span.campus {font-weight:600;}
.campus_txt span.university {font-size:17px;}
.campus_txt > span:last-child {display:flex; justify-content:space-between; align-items:center; margin-top:15px; font-size:15px;}
.campus_txt > span:last-child em {border:1px solid #e5c6e6; padding:2px 10px; border-radius:5px; color:#9b26ab; font-weight:600;}
.campus_txt > span:last-child em:first-child {background:#ffeaf6;}
.campus_txt > span:last-child em:last-child {position:relative; padding-right:30px;}
.campus_txt > span:last-child em:last-child::before {content:''; position:absolute; top:50%; right:10px; width:6px; height:6px; border-top:2px solid #9b26ab; border-right:2px solid #9b26ab; transform:translateY(-50%) rotate(45deg);}
#master .campus_txt > span:last-child em  {border-color:#bae1fa; color:#36678d;}
#master .campus_txt > span:last-child em:first-child {background:#e3f1ff;}
#master .campus_txt > span:last-child em:last-child::before {border-color:#36678d;}
#doctor .campus_txt > span:last-child em  {border-color:#f3d8ad; color:#6a533c;}
#doctor .campus_txt > span:last-child em:first-child {background:#fffae0;}
#doctor .campus_txt > span:last-child em:last-child::before {border-color:#6a533c;}
.no_campus {width:100%; text-align:center; align-self:center; margin:75px 0;}
@media all and (max-width:1100px){
    .campus_txt > span:last-child {flex-direction:column; align-items:flex-start; gap:5px; margin-top:10px;}
    .campus_txt > span:last-child em {width:fit-content;}
}
@media all and (max-width:1023px){
    .campus_tab .tab_btn {font-size:16px;}
    .campus_tab {flex-direction:column; align-items:flex-start; gap:10px; margin-bottom:20px;}
    #content.ver1 .campus_tab h4 {margin-bottom:0;}
    .campus_tab ul {width:100%; margin-top:0;}
}
@media all and (max-width:890px){
    .campus_list > div {flex: 0 0 calc((100% - 15px) / 2);}
    .campus_txt > span:last-child {flex-direction:row; justify-content:space-between; align-items:center; gap:0; margin-top:15px;}
    .campus_txt > span:last-child em {width:auto;}
}
@media all and (max-width:768px){
    .campus_txt > span:last-child {flex-direction:column; align-items:flex-start; gap:5px; margin-top:10px;}
    .campus_txt > span:last-child em {width:fit-content;}
}
@media all and (max-width:590px){
    .campus_tab .tab_btn {font-size:15px;}
    .campus_list > div {flex: 0 0 100%;}
    .campus_logo {flex: 0 0 100px;}
    .campus_txt > span:last-child {flex-direction:row; justify-content:space-between; align-items:center; gap:0; margin-top:15px;}
    .campus_txt > span:last-child em {width:auto;}
}