@charset "utf-8";

/*
 * File Name : Content.css
 */


/********************************************************
 
 *  Main
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Section 01 
 *----------------------------------------------------------------------------*/

.mCont_1 {background-image:url("/resources/user/hyoryeong/images/main/bg_1.jpg");}
.mCont_1 .max_w > div {width:48%;}
.food, .news, .pr, .lecture, .voice, .sns {padding-top:50px;}

/* 공지사항 */
  
.notice {border:1px solid #000;border-radius:10px;margin-bottom:50px;box-sizing:border-box;}
.notice .tabs_head {position:relative;border-bottom:1px solid #ddd;padding:0 45px;box-sizing:border-box;}
.notice .tab {font-size:22px;padding:25px 0 15px;font-weight:500;margin-right:30px;}
.notice .tabs_head_active {position:relative;color:#0064be;}
.notice .tabs_head_active:after {content:'';position:absolute;display:block;width:100%;height:3px;background:#0064be;bottom:-1px;left:0;}
.notice .btn_more {position:absolute;top:50%;right:25px;transform:translateY(-50%);}
.notice .btn_more a {display:block;width:34px;height:34px;border-radius:50%;background:#0064be url("/resources/user/hyoryeong/images/main/noti_more.png") no-repeat center;font-size:0;}
.notice .tabs_content {padding:30px 40px;box-sizing:border-box;}
.notice .top {position:relative;padding-left:80px;margin-bottom:10px;box-sizing:border-box;}
.notice .ico {position:absolute;top:3px;left:0;width:60px;height:60px;border:1px solid #0064be;border-radius:50%;background:url("/resources/user/hyoryeong/images/main/notice.png") no-repeat center;box-sizing:border-box;}
.notice .top h2 {font-size:22px;color:#222;font-family: 'Noto Sans Korean';font-weight:500;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;}
.notice .top p {font-size:18px;color:#444;font-family: 'Noto Sans Korean';margin-bottom:5px;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;}
.notice .top span {font-size:15px;color:#666;}
.notice li {position:relative;padding-left:20px;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;box-sizing:border-box;}
.notice li:before {position:absolute;content:'';display:block;width:5px;height:5px;background:#666;border-radius:50%;top:10px;left:0;}
.notice li + li {margin-top:10px;}
.notice li a {font-size:18px;color:#222;font-family: 'Noto Sans Korean';}
.notice li span {display:block;color:#444;}


/* 오늘의 식단 */

.food {margin-bottom:50px;}
.food .food_ctnr {position: relative;border-radius:10px;height: 100%; overflow:hidden;}
.food .food_ctnr .imgBox {background:url("/resources/user/hyoryeong/images/main/food.jpg") no-repeat left top;position: absolute;left: 0;top: 0;z-index:1;width: 50%;height: 100%;background-size: cover;}
.food .food_ctnr .infos {position: absolute;right: 0;top: 0;z-index: 2;height: 100%;width: 50%;background: #A2CC4F;padding: 10px 25px 10px 10px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.food .food_ctnr .infos::before {content: "";display: block;width: 108px;height: 119%;transform: rotate(15deg);position: absolute;left: -61px;top: 0;z-index: -1;background-color: #A2CC4F;}
.food .food_ctnr .infos .date {display: inline-block;padding: 4px 13px;border-radius: 20px;color: #fff;background-color: #334A00;margin-bottom: 13px;font-size: 16px;}
.food .food_ctnr .infos .foods {font-size: 20px;color: #49562A;line-height: 1.2;word-break:keep-all;word-wrap: break-word;}
.food .food_ctnr .infos .cal {border-top: 1px dashed #88AE36;font-size: 29px;font-weight: 500;color: #FFFFC7;text-shadow: 1px 2px 3px rgba(4, 4, 4, 0.2);padding-top: 5px;margin-top: 17px;width: 100%;}
.food .food_ctnr .infos .cal b {font-size: 48px;font-weight: 500;color: #FFFFC7;}


/* 시설안내 */

.facility {background:url("/resources/user/hyoryeong/images/main/facility.jpg") no-repeat center;background-size:cover;border-radius:10px;padding:70px 80px;box-sizing:border-box;overflow:hidden;}
.facility h2 {font-size:34px;color:#fff;font-weight:500;}
.facility p {font-size:18px;color:#fff;line-height:1.5;font-weight:300;margin:10px 0;}
.facility .imgBox {position:absolute;bottom:0;right:20px;width:160px;}
.facility a {font-size:15px;display: inline-block;padding:10px 20px 8px;border-radius:50px;background:#fff;color:#000;}
.facility a:hover {color: #fff;background:#ee3f22 ;}

/* 효령뉴스 */

.news ul {display:flex;justify-content: space-between;}
.news li {width:31%;}
.news .img {position: relative;height:150px;border-radius:5px;background:#000;overflow:hidden;}
.news .img img {display:block;opacity: 0.8;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;transform-origin: top left;transition: all 0.3s ease;}

.news li:hover .img img {opacity: 1;}
.news .txt p {margin:20px 0 10px;max-height:48px;line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space: normal;overflow:hidden;}
.news .txt a {font-size:18px;color:#666;}
.news li:hover .txt a {color:#000;}
.news .txt span {font-size:15px;color:#666;}

@media screen and (max-width:960px){
  .mCont_1 .max_w > div {width:100%;}
  
  .food {margin-bottom:50px;}
  .food .food_ctnr {height:300px;}
  
  .facility {margin-bottom: 50px;}
}
@media screen and (max-width:768px){
  
}
@media screen and (max-width:640px){
  .notice .tabs_head {padding: 0 25px;}
  
  .notice .btn_more {right: 20px;}
  .notice .btn_more a {width: 30px;height: 30px;background-size: 8px auto;}
  
  .notice .tab {font-size: 20px;padding: 20px 0 10px;}
  .notice .tabs_content {padding:25px 25px;box-sizing: border-box;}
  .notice .top {padding-left:65px;}
  .notice .ico {width:50px;height:50px;background-size: 16px auto;}
  .notice .top h2 {font-size: 20px;}
  .notice .top p {font-size: 16px;}
  .notice .top span {font-size: 14px;}
  
  .food .food_ctnr {height: 240px;}
  .food .food_ctnr .infos {padding:15px 25px 15px 0;}
  .food .food_ctnr .infos .date {padding: 5px 15px;margin-bottom: 15px;font-size: 15px;}
  .food .food_ctnr .infos .foods {font-size: 18px;}
  .food .food_ctnr .infos .cal {font-size: 24px;margin-top: 15px;}
  
  .facility {padding:50px;}
  .facility h2 {font-size: 30px;}
  .facility p {font-size: 16px;line-height: 1.4;margin: 0 0 10px;}
  .facility a {font-size: 14px;}
  .facility .imgBox {right: 10px;width: 100px;}
  
  .news .img {height: 120px;}
  .news .txt p {margin: 15px 0 10px;max-height:44px;line-height:1.4;}
  .news .txt a {font-size: 16px;}
  .news .txt span {font-size: 14px;}
  
  
}
@media screen and (max-width:480px){
  .notice .tab {font-size: 18px;}
  .notice .top h2 {font-size: 18px;}
  .notice .top p {font-size: 15px;}
  .notice .top span {font-size: 13px;}
  .notice li {padding-left: 15px;}
  .notice li a {font-size: 16px;}
  .notice li span {font-size: 13px;}
  
  .food .food_ctnr {height: 200px;}
  .food .food_ctnr .infos {padding: 20px 20px 20px 0;}
  .food .food_ctnr .infos .date {padding: 5px 15px;margin-bottom: 15px;font-size: 13px;}
  .food .food_ctnr .infos .foods {font-size: 16px;}
  .food .food_ctnr .infos .cal {font-size: 22px;margin-top: 10px;padding-top:0;}
  .food .food_ctnr .infos .cal b {font-size: 40px;}
  
  .facility {padding: 40px;}
  .facility h2 {font-size: 26px;}
  .facility p {font-size: 15px;}
  
  .news .img {height: 100px;}
  .news .txt a {font-size: 15px;}
  .news .txt span {font-size: 13px;}
}

/*-----------------------------------------------------------------------------
 *  Section 02 
 *----------------------------------------------------------------------------*/

.mCont_2 {background-image:url("/resources/user/hyoryeong/images/main/bg_2.jpg");}
.mCont_2 .max_w > div {width:31%;}
.mCont_2 .max_w > div.cont_btns {width:65.5%;}
.movieBox {height: 280px;}

/* 홍보영상 */

.pr {margin-bottom:50px;}
.pr .inner {position:relative;border-radius:10px;overflow:hidden;}
.pr .ico {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}


/* 강의 동영상 */

.lecture .inner {border-radius:10px;overflow:hidden;}
.lecture .ico {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}


/* 어르신 소리 */

.voice ul {border-top:3px solid #000;}
.voice li {padding:20px 15px;border-bottom:1px solid #ddd;box-sizing:border-box;}
.voice li p {text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.voice li a {font-size:18px;color:#444;}
.voice li a:hover {color:#000;}
.voice li span {display:block;margin-top:5px;font-size:15px;color:#666;}


/* 바로가기 버튼 */

.cont_btns ul {display: flex;justify-content: space-between;}
.cont_btns li {width:31%;}
.cont_btns a {display: block;height:100%;border-radius:10px;text-align:center;background:#5cbb6a;padding:40px;box-sizing:border-box;}
.cont_btns .imgBox {max-width:70px;margin:0 auto;}
.cont_btns .imgBox img {transition: all 0.5s ease;}
.cont_btns li:hover .imgBox img {transform: rotateY(360deg);}
.cont_btns span {display:block;font-size:20px;color:#fff;line-height:1.2;font-weight:300;margin-top:15px;}
.cont_btns li:nth-child(2) a {background:#ec8173;}
.cont_btns li:nth-child(3) a {background:#a67ef1;}


/* Sns 소통 */

.sns {padding-top:60px;}
.sns ul {display: flex;justify-content: space-between;height:100%;}
.sns li {width:31%;height:100%;transition: all 0.3s ease;}
.sns li:hover {transform: translateY(-10px)}
.sns a {display: flex;align-items:center;height:100%;background:#fff;border-radius:10px;}
.sns img {width:100%;max-width:68px;margin:0 auto;}


/* Family Site */

.family_site .max_w {padding:80px 40px;box-sizing:border-box;}
.link_slide a {display:flex;justify-content:center;border:1px solid #ddd;padding:25px 10px;border-radius:10px;box-sizing:border-box;transition: all 0.3s ease;}
.link_slide a:hover {border-color: #888;}
.link_slide img {display:block;}
.family_site .swiper-button-prev,
.family_site .swiper-button-next {width:20px;height:25px;}
.family_site .swiper-button-prev {left:0;background-image: url("/resources/user/hyoryeong/images/main/prev.png");}
.family_site .swiper-button-next {right:0;background-image: url("/resources/user/hyoryeong/images/main/next.png");}
.family_site .swiper-button-prev:hover {background-image: url("/resources/user/hyoryeong/images/main/prev_over.png");}
.family_site .swiper-button-next:hover {background-image: url("/resources/user/hyoryeong/images/main/next_over.png");}


@media screen and (max-width:1024px){
  .cont_btns .imgBox img {max-width:60px;margin:0 auto;}
}
@media screen and (max-width:960px){
  .mCont_2 .max_w > div {width: 100%;}
  
  .movieBox {height:300px;}
  
  .voice {margin-top: 50px;}
  
  .mCont_2 .max_w > div.cont_btns {width: 100%;margin:50px 0;}
  
  .sns ul {height: 100px;}
}
@media screen and (max-width:768px){
  
}
@media screen and (max-width:640px){
  .movieBox {height: 260px;}
  
  .voice li a {font-size: 16px;}
  .voice li span {font-size: 14px;}
  
  .cont_btns a {padding:20px;}
  .cont_btns .imgBox img {max-width: 46px;}
  .cont_btns span {font-size: 16px;}
  .sns ul {height: 80px;}
  .sns img {max-width: 50px;}
  
  .link_slide a {padding: 20px 10px;}
  .family_site .max_w {padding:60px 30px;box-sizing: border-box;}
  .family_site .swiper-button-prev, .family_site .swiper-button-next {width: 16px;height: 20px;background-size: 12px auto;}
}
@media screen and (max-width:480px){
  .movieBox {height: 200px;}
  
  .voice li {padding: 15px 10px;}
  .voice li a {font-size: 15px;}
  .voice li span {font-size: 13px;}
  
  .cont_btns ul {flex-direction: column;}
  .cont_btns ul li {width: 100%;height: 80px;margin:5px 0;}
  .cont_btns a {text-align: left;padding:20px 30px;}
  .cont_btns .imgBox {float: left;margin-right: 20px;}
  .cont_btns .imgBox img {max-width: 40px;}
  .cont_btns span {margin-top: 10px;}
  .cont_btns span br {display: none;}
  
  .sns img {max-width: 44px;}
  
  .family_site .max_w {padding: 40px 25px;}
}

/********************************************************
 
 *  Sub
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Sub Common : 서브공통
 *----------------------------------------------------------------------------*/

.cont_top_txt {font-size:26px;color:#222;text-align:center;}

@media screen and (max-width:960px){
  .cont_top_txt {font-size:22px;}
}
@media screen and (max-width:640px){
  .cont_top_txt {font-size:20px;}
}


/*-----------------------------------------------------------------------------
 *  Sub 01 : 타운소개
 *----------------------------------------------------------------------------*/

.sv01 {background-image: url("/resources/user/hyoryeong/images/sub/sv01.jpg"); text-align: center;}
.sv01 .max_w > h2, .sv01 .max_w > p {color: #000000;}

/* Sub01_01 : 인사말 */

.grt_img {padding:0px 70px 0;margin:80px 0; background-size:cover;}
.grt_img .txt {text-align:center; background-color: #ffffff; padding: 100px;}
.grt_img p {font-size:60px;color:#222;line-height:1.3;}
.grt_img p span {color:#ffa800;}
.grt_img p em {color:#ff7800;}
.grt_img p + p {font-size:32px;line-height:1.5;margin-top:20px;}
.grt_txt {padding:0px 70px;box-sizing:border-box;}
.grt_txt .inner {max-width:1000px;margin:0 auto;}
.grt_txt p {font-size:20px;line-height:1.7;color:#222;margin-bottom:30px;}
.grt_txt .imgBox {padding-top:30px; display: flex; align-items: center; justify-content: flex-end;}
.grt_txt .imgBox p {margin: 0px 20px 0px 20px; }

/* 20211121 추가 */

/* Sub01_02 : 연혁 */
.history_tab_box{width: 100%; text-align: center; margin-bottom: 50px;}
.history_tab{display: inline-flex;}
.history_tab > li{min-width: 265px; margin: 0 0 0 -1px; border: 1px solid #ddd; position: relative; z-index: 0; height: 60px;}
.history_tab > li > a{display: block; line-height: 58px; text-align: center; font-size: 25px; font-weight: 500; color: #666;}
.history_tab > li.active{border: 4px solid #EE3F22; z-index: 1;}
.history_tab > li.active > a{color: #EE3F22; font-weight: 500; line-height: 52px;}

.history {background:url("/resources/user/hyoryeong/images/sub/history_bg.jpg") no-repeat center 0;background-size:cover;margin-bottom: 80px;} 
.his_dep1 > li {position:relative;}
.his_dep1 > li + li:before {display:block;content:'';width:1px;height:50px;background:#ccc;margin:0 auto;}
.his_dep1 .inner {position: relative;}
.his_dep1 .year {width:180px;height:180px;margin:0 auto;background:#e5e5e5;border-radius:50%;padding:25px;box-sizing:border-box;}
.his_dep1 .year strong {display:flex;height:100%;justify-content:center;align-items:center;border-radius:50%;background:#fff;}
.his_dep1 .year span {font-size:34px;color:#444;}
.his_dep1 .desc {position:absolute;width:calc(50% - 130px);top:50%;transform:translateY(-50%);border:1px solid #ccc;border-radius:10px;background:#fff;padding:30px;box-sizing:border-box;}
.his_dep1 .desc:before {content:'';display: block;position:absolute;top:50%;transform:translateY(-50%);border-top:7px solid transparent;border-bottom:7px solid transparent;}
.his_dep1 .desc li {position:relative;padding-left:40px;box-sizing:border-box;}
.his_dep1 .desc li + li {margin-top:15px;}
.his_dep1 .desc .month {position:absolute;top:0;left:0;font-size:24px;line-height: 1; color:#ee3f22;font-weight:600;}
.his_dep1 .desc p {font-size:18px;color:#444;}
.his_dep1 > li:nth-child(odd) .desc {left:0;}
.his_dep1 > li:nth-child(even) .desc {right:0;}
.his_dep1 > li:nth-child(odd) .desc:before {right:-10px;border-left:10px solid #ccc;}
.his_dep1 > li:nth-child(even) .desc:before {left:-10px;border-right:10px solid #ccc;}


/* Sub01_03 : 미션비젼 */

.s0103 {border-radius:6px;padding:110px 100px;box-sizing:border-box;}
.mission {background:url("/resources/user/hyoryeong/images/sub/mission.jpg") no-repeat center;background-size: cover;}
.vision {background:url("/resources/user/hyoryeong/images/sub/vision.jpg") no-repeat center;background-size: cover;margin-top:70px;}
.s0103 .inner {position:relative;border-radius:6px;background:rgba(255, 255, 255, 0.8);padding:50px;text-align:center;box-sizing:border-box;}
.s0103 span {position:absolute;display:block;top:0;left:50%;transform:translate(-50%, -50%);font-size:28px;color:#fff;font-weight:500;letter-spacing:1.5px;padding:10px 40px;border-radius:50px;}
.mission span {background:#ee3f22;}
.vision span {background:#39baef;}
.s0103 p {font-size:40px;}
.mission p {color:#ee3f22;}
.vision p {color:#128ce2;}
.objective ul {display: flex;margin-right:-1.5%;}
.objective li {width:18.5%;margin-right:1.5%;padding:60px 40px;border:1px solid #ddd;border-radius:6px;text-align:center;box-sizing:border-box;}
.objective li:nth-child(odd) {background:#f8f8f8;}
.objective .imgBox {max-width:80px;margin:0 auto 30px;}
.objective li span {font-size:20px;color:#222;}


@media screen and (max-width:1400px){
  .objective li {padding: 40px 15px;}
  .objective li span {font-size: 18px;}
}
@media screen and (max-width:1024px){
  .s0103 {padding:100px 60px;}
}

/* 여기까지 20211121 추가 */

@media screen and (max-width:960px){
  .grt_img {padding:0px 50px 0;margin:60px 0;}
  .grt_img .txt {padding: 15px;}
  .grt_img p {font-size:50px;}
  .grt_img p + p {font-size:28px;}
  .grt_txt {padding:0 50px;}
  .grt_txt p {font-size:18px;margin-bottom:20px;}
  .grt_txt .imgBox {padding-top:20px;}
  
  /* 20211121 추가 */
  .his_dep1 .year {width: 150px;height: 150px;padding: 20px;}
  .his_dep1 .year span {font-size: 30px;}
  .his_dep1 .desc {padding:25px;width: calc(50% - 100px);}
  .his_dep1 .desc li {padding-left: 35px;}
  .his_dep1 .desc .month {font-size: 20px;}
  .his_dep1 .desc p {font-size: 17px;}

  .s0103 .inner {padding:35px 40px;}
  .s0103 span {font-size: 24px;letter-spacing: 0.04em;padding: 10px 30px;}
  .s0103 p {font-size: 34px;}
  
  .objective li {padding: 30px 10px;}
  .objective .imgBox {max-width: 50px;margin: 0 auto 10px;}
  .objective li span {font-size: 16px;}
  /* 여기까지 20211121 추가 */
}
@media screen and (max-width:768px){
  .grt_img {padding:0px 30px 0;margin: 50px 0;}
  .grt_img .txt {padding: 15px;}
  .grt_img p {font-size: 46px;}
  .grt_img p + p {font-size: 24px;margin-top: 10px;}
  .grt_txt p {font-size: 17px;}
  
  /* 20211121 추가 */
  .his_dep1 .desc {padding: 20px;}
  .his_dep1 .desc li {padding-left: 0;}
  .his_dep1 .desc .month {display: block; margin-bottom:5px;position: static;top: auto;left: auto;font-size: 20px;}
  .his_dep1 .desc p {font-size: 16px;}
  
  .s0103 {padding: 80px 40px;}
  .s0103 .inner {padding: 30px 30px;}
  .s0103 span {font-size: 20px;padding: 10px 25px;}
  .s0103 p {font-size: 28px;}
  
  .objective ul {flex-direction: column;margin-right:0;margin-bottom:0;}
  .objective li {display: flex; align-items: center;width:100%;margin-right: 0;margin-bottom: 10px;padding:30px 40px;text-align: left;}
  .objective .imgBox {margin: 0 20px 0 0;}
  .objective li span {display: inline-block;}
  /* 여기까지 20211121 추가 */
}
/* 20211121 추가 */
@media screen and (max-width:740px){
  .history {margin-bottom: 0;}
  .his_dep1 > li {margin-bottom: 30px;}
  .his_dep1 > li:last-child {margin-bottom: 0;}
  .his_dep1 > li .inner {position: relative;padding-left: 150px;padding-top:20px;min-height: 120px;}
  .his_dep1 .year {position: absolute;left:0;top: 0; margin: 0;width: 130px;height: 130px;}
  .his_dep1 .year span {font-size: 26px;}
  .his_dep1 .desc {position: relative;width:100%;left: auto;padding: 20px;transform:none;}
  .his_dep1 > li:nth-child(odd) .desc {left: 0;}
  .his_dep1 .desc:before {right: auto;left:-10px;top:10px;transform: none;}
  .his_dep1 > li:nth-child(odd) .desc:before {right: auto;border-right: 10px solid #ccc;border-left: none;top:10px;transform: none;}
  .his_dep1 > li + li:before {display: none;}
}
/* 여기까지 20211121 추가 */
@media screen and (max-width:640px){
  .grt_img {padding: 0px 30px 0;}
  .grt_img .txt {padding: 15px;}
  .grt_img p {font-size: 26px;}
  .grt_img p + p {font-size:18px;}
  .grt_txt {padding: 0;}
  .grt_txt p {font-size: 16px;}

  /* 20211121 추가 */
  .s0103 {padding: 60px 30px;}
  .vision {margin-top:30px;}
  .s0103 .inner {padding: 30px 20px;}
  .s0103 span {font-size: 16px;padding:5px 20px;}
  .s0103 p {font-size: 24px;}
  /* 여기까지 20211121 추가 */
}
@media screen and (max-width:480px){
  .grt_img {padding: 0px 25px 0;}
  .grt_img .txt {padding: 15px;}
  .grt_img p {font-size: 22px;}
  .grt_img p + p {font-size:14px;}
  .grt_txt p {font-size: 15px;}
  
  /* 20211121 추가 */
  .his_dep1 > li .inner {padding-left:90px;padding-top:5px;min-height: 100px;}
  .his_dep1 .year {width: 80px;height: 80px;padding: 10px;}
  .his_dep1 .year span {font-size:20px;}
  .his_dep1 .desc {padding: 15px;}
  .his_dep1 .desc:before {border-width: 5px 5px 5px 0;}
  .his_dep1 .desc .month {font-size: 18px;}
  .his_dep1 .desc p {font-size: 15px;}

  .objective li {padding: 20px 25px;}
  .objective .imgBox {max-width: 40px;}
  .objective li span {font-size: 15px;}
  /* 여기까지 20211121 추가 */
}

/* 20211121 추가 */

/*-----------------------------------------------------------------------------
 *  Sub 02 : 사업소개
 *----------------------------------------------------------------------------*/

.sv02 {background-image: url("/resources/user/hyoryeong/images/sub/sv02.jpg"); text-align: center;}
.sv02 .max_w > h2, .sv02 .max_w > p {color: #000000;}


/* Sub02_01 : 노년사회화교육사업 */


/*-----------------------------------------------------------------------------
 *  Sub 03 : 이용안내
 *----------------------------------------------------------------------------*/

.sv03 {background-image: url("/resources/user/hyoryeong/images/sub/sv03.jpg"); text-align: center;}
.sv03 .max_w > h2, .sv03 .max_w > p {color: #000000;}


/* Sub03_01 : 통합안내 */


/*-----------------------------------------------------------------------------
 *  Sub 04 : 열린공간
 *----------------------------------------------------------------------------*/

.sv04 {background-image: url("/resources/user/hyoryeong/images/sub/sv04.jpg"); text-align: center;}
.sv04 .max_w > h2, .sv04 .max_w > p {color: #000000;}


/* Sub04_01 : 공지사항 */


/*-----------------------------------------------------------------------------
 *  Sub 05 : 소통공간
 *----------------------------------------------------------------------------*/

.sv05 {background-image: url("/resources/user/hyoryeong/images/sub/sv05.jpg"); text-align: center;}
.sv05 .max_w > h2, .sv05 .max_w > p {color: #000000;}

/* Sub05_01 : 효령뉴스 */


/*-----------------------------------------------------------------------------
 *  Sub 06 : 나눔공간
 *----------------------------------------------------------------------------*/

.sv06 {background-image: url("/resources/user/hyoryeong/images/sub/sv06.jpg"); text-align: center;}
.sv06 .max_w > h2, .sv06 .max_w > p {color: #000000;}


/* Sub06_01 :  */


/* list */
.line_list > li{padding-left: 20px; position: relative; font-size: 18px; margin-top: 15px; line-height: 1.5;}
.line_list > li::before{content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 1px; background-color: #333;}
.line_list > li:first-child{margin-top: 0;}


/* table */
.table_info_box{width: 100%;}
.tbl_info{width: 100%; border-collapse: collapse; border-top: 2px solid #222; position: relative; table-layout: fixed;}
.tbl_info::before{content: ""; width: 3px; height: calc(100% + 3px); background-color: #fff; position: absolute; right: -1px; top: -2px;}
.tbl_info tbody tr:first-of-type td{border-top: none;}
.tbl_info tbody tr:first-of-type th{border-top: none;}
.tbl_info th{border: 1px solid #ddd; border-left: none; background-color: #F7F8FC; padding: 22px 10px; text-align: center; font-size: 18px; font-weight: 500; color: #222;}
.tbl_info td{border: 1px solid #ddd; border-left: none; padding: 22px 10px; text-align: center; font-size: 17px; line-height: 1.6;}
.tbl_info th.txtL{text-align: left;}
.tbl_info td.txtL{text-align: left; padding-left: 25px;}
.tbl_info td.bold{font-weight: 500;}
.tbl_info td span.bold{font-weight: 500;}

.table_info_box{width: 100%;}
.tbl_appli{width: 100%; border-collapse: collapse; border-top: 2px solid #222; position: relative;}
.tbl_appli::before{content: ""; width: 3px; height: calc(100% + 3px); background-color: #fff; position: absolute; right: -1px; top: -2px;}
.tbl_appli tbody tr:first-of-type td{border-top: none;}
.tbl_appli tbody tr:first-of-type th{border-top: none;}
.tbl_appli th{border: 1px solid #ddd; border-left: none; background-color: #F7F8FC; padding: 22px 10px; text-align: center; font-size: 18px; font-weight: 500; color: #222;}
.tbl_appli td{border: 1px solid #ddd; border-left: none; padding: 10px 20px; font-size: 17px;}
.tbl_appli th.txtL{text-align: left;}
.tbl_appli td.txtL{text-align: left; padding-left: 25px;}
.tbl_appli td.bold{font-weight: 600;}
.tbl_appli td span.bold{font-weight: 600;}

span.radi02{display: inline-block; padding: 5px 10px;}

.oran_txt{color: #EE3F22; font-size: 15px; margin-top: 10px;}


/* button */
.btn_in01{min-width: 250px; height: 53px; border: 1px solid #bbb; color: #333; font-size: 18px; font-weight: 500; margin: 5px; padding: 0 30px;}
.btn_in01.o_line{border-color: #EE3F22; color: #EE3F22; transition: all .3s ease;}
.btn_in01.o_line:hover{background-color: #EE3F22; color: #fff;}



/* images */
.sub_in_img_box{position: relative;width: 100%; padding:60px; background-color: #F7F8FC; border-top: 2px solid #222; display: flex; flex-wrap: wrap;}
.sub_in_img_box.borN{border-top: none;}
.sub_in_img_box .imgs{padding: 10px; text-align: center;}
.sub_in_img_box .col_1{width: 100%;}
.sub_in_img_box .col_2{width: 50%;}
.sub_in_img_box .col_3{width: 33.33%;}

@media screen and (max-width: 1000px) {
    
    /* text */
    .dot_bullet{font-size: 17px; min-height: auto;  background-size: 13px; padding-left: 18px; background-position: 0 2px; margin-bottom: 10px;}
    .dot_bullet.mgB{margin-bottom: 20px;}
    
    .squere_bullet{font-size: 15px; padding-left: 18px; background-size: 12px;}
    
    .dot_txt{font-size: 14px; margin-bottom: 15px;}
    .dot_txt::before{width: 3px; height: 3px; top: 10px;}
    .txt_1{font-size: 15px; margin-bottom: 5px;}
    .txt_2{font-size: 14px;}
    .txt_line{padding-left: 15px; font-size: 15px; margin-bottom: 8px;}
    .txt_line::before{ top: 12px; width: 5px;}

    
    
    /* list */
    .line_list > li{padding-left: 15px; font-size: 14px; margin-top: 10px;}
    .line_list > li::before{top: 9px; width: 5px;}
    
    
    /* table */
    .table_info_box{width: 100%; overflow: hidden;overflow-x: auto;}
    .tbl_info th{padding: 15px 5px; font-size: 14px;}
    .tbl_info td{padding: 15px 5px; font-size: 13px;}

    .table_info_box{}
    .tbl_appli{width: 100%; display: block; table-layout :inherit;}
    .tbl_appli colgroup{display: none;}
    .tbl_appli::before{width: 0; height: 0; background-color: transparent;}
    .tbl_appli tbody{display: block; width: 100%;}
    .tbl_appli tr{display: block; width: 100%;}
    .tbl_appli th{display: block; text-align: center; width: 100%; border-right: none; padding: 10px 5px; font-size: 14px;}
    .tbl_appli td{display: block; text-align: center; width: 100%; border-right: none; padding: 10px 5px; font-size: 13px;}
    .oran_txt{font-size: 13px; margin-top: 5px;}

    /* button */
    .btn_in01{min-width: auto; height: 42px; font-size: 14px; padding: 0 20px; margin: 3px;}

    /* images */
    .sub_in_img_box{padding: 10px;}
    .sub_in_img_box .imgs{padding: 5px;}
    .sub_in_img_box .col_1{width: 100%;}
    .sub_in_img_box .col_2{width: 100%;}
    .sub_in_img_box .col_3{width: 50%;}
}



@media screen and (max-width: 600px) {
    /* table */
    .tbl_info.scroll{width: 600px;}
    .tbl_info.scroll td{word-break: keep-all;}
}


/******************************************
 *  사이트맵
******************************************/
.siteMap_wrapper{width: 100%;}
.siteMap_wrapper .one{border-bottom: 1px solid #ddd; padding: 35px 30px; display: flex; flex-wrap: wrap; align-items: flex-start;}
.siteMap_wrapper .one:first-of-type{padding-top: 0;}
.siteMap_wrapper .one h2{min-width: 100px; width: 20%; flex-shrink: 0; font-size: 25px; font-weight: 500; color: #EE3F22; padding-top: 20px;}
.siteMap_wrapper .one .site_ul{flex-grow: 1; width: 80%; display: flex; flex-wrap: wrap;}
.siteMap_wrapper .one .site_ul > li{width: 25%; padding: 10px 10px;}
.siteMap_wrapper .one .site_ul > li > a{display: block; width: 100%; border: 1px solid #ddd; padding: 15px 10px; text-align: center; font-size: 18px; font-weight: 500; color: #333; transition: all .25s ease;}
.siteMap_wrapper .one .site_ul > li > a:hover{background-color: #EE3F22; border-color: #EE3F22; color: #fff;}
.siteMap_wrapper .one .site_depth2{padding: 20px;}
.siteMap_wrapper .one .site_depth2 > li{position: relative; display: block; margin-top: 15px; padding-left: 15px;}
.siteMap_wrapper .one .site_depth2 > li::before{content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #EE3F22; position: absolute; left: 0; top: 5px; display: block;}
.siteMap_wrapper .one .site_depth2 > li:first-of-type{margin-top: 0;}
.siteMap_wrapper .one .site_depth2 > li > a{font-size: 16px;}
.siteMap_wrapper .one .site_depth2 > li > a:hover{text-decoration: underline;}



@media screen and (max-width: 1000px) {
    .siteMap_wrapper{}
    .siteMap_wrapper .one{padding: 20px 0px;}
    .siteMap_wrapper .one h2{min-width: auto; width: 100%; font-size: 20px; padding: 0 10px 0; margin-bottom: 10px;}
    .siteMap_wrapper .one .site_ul{width: 100%; }
    .siteMap_wrapper .one .site_ul > li{padding: 5px 5px;}
    .siteMap_wrapper .one .site_ul > li > a{padding: 10px 5px; font-size: 15px;}
    .siteMap_wrapper .one .site_depth2{padding: 20px;}
    .siteMap_wrapper .one .site_depth2 > li{ margin-top: 10px; padding-left: 15px;}
    .siteMap_wrapper .one .site_depth2 > li > a{font-size: 14px;}
}


@media screen and (max-width: 700px) {
    .siteMap_wrapper .one .site_ul > li{width: 50%;}
    .siteMap_wrapper .one .site_ul > li > a{padding: 7px 5px; font-size: 14px;}
    .siteMap_wrapper .one .site_depth2{padding: 10px 5px;}
    .siteMap_wrapper .one .site_depth2 > li > a{font-size: 13px;}
}




/******************************************
 *  이용약관, 개인정보취급방침
******************************************/
.user_t.tit{font-size: 25px; font-weight: 500; color: #222; margin-bottom: 30px;}
.user_t.sub_tit{font-size: 18px; font-weight: 500; color: #222; margin-bottom: 10px;}
.user_t.cont{font-size: 16px; color: #444; margin: 5px 0; line-height: 2;}


@media screen and (max-width: 1000px) {
    .user_t.tit{font-size: 20px; margin-bottom: 20px;}
    .user_t.sub_tit{font-size: 15px; margin-bottom: 10px;}
    .user_t.cont{font-size: 13px;}
}




/******************************************
 *  프로그램 뷰어 다운로드
******************************************/
.preview_programe_box{width: 100%;}
.preview_programe_box > ul{display: flex; flex-wrap: wrap;}
.preview_programe_box > ul > li{padding: 15px 15px; width: 25%;}
.preview_programe_box > ul > li > a{display: flex; justify-content: center; align-items: center; width: 100%; height: 110px; padding: 10px; border: 1px solid #ddd; transition: all .25s ease;}
.preview_programe_box > ul > li > a:hover{border-color: #333;}
.preview_programe_box > ul > li > a img{max-height: 100%; max-width: 100%;}

@media screen and (max-width: 1000px) {
    .preview_programe_box{}
    .preview_programe_box > ul > li{padding: 5px; width: 50%;}
    .preview_programe_box > ul > li > a{height: 60px; padding: 15px 10px;}
}




/******************************************
 *  이달의 식단
******************************************/

.food_list_top_con{margin-bottom: 90px; width: 100%; min-height: 218px; background: url('/resources/user/hyoryeong/images/sub/bg_event_list.png') no-repeat right bottom;  padding: 30px 20px 20px 50px; background-color: #F2F8FC; border-radius: 0 123px 0 0;}
.food_list_top_con .imgs{display: inline-block; vertical-align: middle;}
.food_list_top_con .foods{display: inline-flex; vertical-align: middle; max-width: 400px; border-right: 1px solid #ddd; padding: 0 20px 0 30px; flex-wrap: wrap; margin-left: 50px;}
.food_list_top_con .foods > li{width: 50%; font-size: 17px; padding: 0 0 0 20px; margin: 7px 0; position: relative; padding-right: 10px;}
.food_list_top_con .foods > li::before{content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #EE3F22; position: absolute; left: 0; top: 6px; display: block;}
.food_list_top_con .calorie{display: inline-block; vertical-align: middle; padding-left: 30px; font-size: 45px; font-weight: 500; color: #222;}
.food_list_top_con .calorie b{font-size: 1.5em; font-weight: 600; color: #222;}
.food_list_top_con .today{display: inline-block; vertical-align: middle; padding-left: 30px; font-size: 30px; font-weight: 500; color: #222;}
.food_list_top_con .today b{font-size: 1.2em; font-weight: 600; color: #222;}


.use_step_wrapper{display: flex; margin-top: 20px; flex-wrap: wrap; align-items: center;}
.use_step_wrapper .step{margin: 5px 10px; font-size: 18px; color: #222; padding: 18px 40px; border-radius: 40px; border: 1px solid #EE3F22; background-color: #fff;}
.use_step_wrapper .step.final{color: #EE3F22; font-weight: 500;}
.use_step_wrapper .arr{padding: 5px 5px;}
.use_step_wrapper .arr img{width: 30px;}

.use_step_wrapper.line .arr{position: relative;}
.use_step_wrapper.line .arr::before{content: ""; position: absolute; left: -10px; top: 49%; width: 160%; height: 1px; background-color: #ddd; display: block; z-index: -1;}

.use_step_wrapper.sm .step{padding: 18px 20px;}
.use_step_wrapper.sm .arr{padding: 5px 3px;}


.use_step_2_wrapper{width: 100%;}
.use_step_2{width: 100%; display: flex;}
.use_step_2 > li{width: 14.25%; min-height: 200px; border: 1px solid #ddd; margin: -1px 0 0 -1px; text-align: center; padding: 38px 10px 10px; position: relative;}
.use_step_2 > li::before{content: ""; display: block; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #ddd; background: #F7F7F7 url('/resources/user/hyoryeong/images/common/ic_step_arr_2.png') no-repeat center center; position: absolute; top: calc(50% - 18px); left: -18px;}
.use_step_2 > li:first-child:before{background: none; width: 0; height: 0; border: none;}
.use_step_2 > li .step{font-size: 16px; font-weight: 500; color: #222; margin-bottom: 11px;}
.use_step_2 > li .icon{width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; margin: 0 auto 12px;}
.use_step_2 > li .sbj{font-size: 17px; font-weight: 500; color: #222;}

.sub0304_diet {display:inline-flex; align-items: center; vertical-align: middle; margin:auto;}
.sub0304_diet p {font-size:35px; font-weight:600; color:#222; margin-left:30px;}
.sub0304_diet p.sdiet02 {margin-left:30px;}
.sub0304_diet p.sdiet02 span {font-size:55px; font-weight:700; color:#EE3F22; margin-right:5px;}

@media screen and (max-width:1440px) {
    .sub0304_diet {display:inline-block; vertical-align: middle;}
    .sub0304_diet p, .sub0304_diet p.sdiet02 {margin-left:50px;}
}

@media screen and (max-width:1280px) {
    .sub0304_diet p {font-size:25px;}
    .sub0304_diet p, .sub0304_diet p.sdiet02 {margin-left:30px;}
    .sub0304_diet p.sdiet02 span {font-size:40px;}
}

@media screen and (max-width: 1000px) {
    .food_list_top_con{margin-bottom: 40px; min-height: 218px; background-color: #f3f8fc;  padding: 20px 15px;}
    .food_list_top_con .imgs{ width: 100%; text-align: center; margin-bottom: 20px;}
    .food_list_top_con .foods{max-width: none; border-right: none; padding: 0 10px;  margin-left: 0px; width: 100%;}
    .food_list_top_con .foods > li{font-size: 15px;}
    .food_list_top_con .calorie{margin-top: 10px; text-align: center; width: 100%; padding-left: 0; font-size: 20px;}

    .use_step_wrapper{margin-top: 10px;}
    .use_step_wrapper .step{margin: 5px 10px; font-size: 14px; padding: 13px 30px;}
    .use_step_wrapper .arr{margin: 5px 5px;}
    .use_step_wrapper .arr img{width: 20px;}

    .use_step_wrapper.line .arr::before{display: none; background: transparent;}

    .use_step_wrapper.sm .step{padding: 13px 15px;}

    .use_step_2{display: flex; flex-wrap: wrap;}
    .use_step_2 > li{width: 33.33%; min-height: 120px; padding: 20px 5px 10px;}
    .use_step_2 > li::before{width: 28px; height: 27px; top: calc(50% - 13.5px); left: -13.5px; background-size: 6px;}
    .use_step_2 > li .step{font-size: 14px; margin-bottom: 10px;}
    .use_step_2 > li .icon{width: 30px; height: 30px; margin: 0 auto 12px;}
    .use_step_2 > li .icon img{max-width: 100%;}
    .use_step_2 > li .sbj{font-size: 14px;}
    .use_step_2 > li .sbj br{display: none;}
  
    .sub0304_diet {display:inline-flex; justify-content: center; margin:auto; margin-top:50px; position: relative; width:100%;}
    .sub0304_diet p {font-size:20px;}
    .sub0304_diet p {margin-left:0;}
    .sub0304_diet p.sdiet02 {margin-left:30px;}
    .sub0304_diet p.sdiet02 span {font-size:35px;}
}

@media screen and (max-width: 600px) {
    .food_list_top_con{margin-bottom: 30px; min-height: auto; background-image: none;}
    .food_list_top_con .imgs img{width: 80px;}
    .food_list_top_con .foods > li{font-size: 14px;}
    .food_list_top_con .calorie{font-size: 18px;}

    .sub0304_diet {margin-top:30px;}
    .sub0304_diet p {font-size:16px; font-weight:500;}
    .sub0304_diet p.sdiet02 {margin-left:20px;}
    .sub0304_diet p.sdiet02 span {font-size:25px; font-weight:600;}
}

@media screen and (max-width:400px) {
    .sub0304_diet {margin-top:20px;}
    .sub0304_diet p {font-size:14px;}
    .sub0304_diet p.sdiet02 {margin-left:15px;}
    .sub0304_diet p.sdiet02 span {font-size:20px;}
}




/******************************************
 *  기관견학 신청
******************************************/
.company_agree_box{width: 100%; background-color: #F7F8FC; border: 1px solid #ddd; padding: 15px 30px; margin-bottom: 15px;}
.company_agree_box p{margin: 7px 0; font-size: 16px; line-height: 1.8;}
.company_agree_box .orange{color: #EE3F22;}
.com_are_botto{display: flex; flex-wrap: wrap;}
.com_are_botto p{margin-right: auto; font-size: 16px;}
.com_are_botto label{font-size: 16px;}


@media screen and (max-width: 1000px) {
    .company_agree_box{padding: 10px 25px; margin-bottom: 10px;}
    .company_agree_box p{margin: 7px 0; font-size: 14px;}
    .com_are_botto p{font-size: 14px; width: 100%; margin-bottom: 5px;}
    .com_are_botto label{font-size: 14px;}
}




/******************************************
 *  조직도
******************************************/
#orgarniztion{max-width: 1024px; margin: 80px auto 100px;}
#orgarniztion .chart{width: 100%;}
#orgarniztion .chart > li{width: 100%; position: relative;}
#orgarniztion .chart > li > .chief{display: flex; align-items: center; justify-content: center; width: 157px; height: 157px; margin: 0 auto 40px; border-radius: 50%; background-color: #FFF9F6; border: 1px solid #EE3F22; font-size: 20px; font-weight: 600; color: #EE3F22; position: relative;}
#orgarniztion .chart > li > .chief::before{content: ""; width: 1px; height: 245px; background-color: #bbb; position: absolute; left: 50%; top: 100%; z-index: -1;}
#orgarniztion .chart > li > ul > li{text-align: center;}
#orgarniztion .chart > li > ul > li > .second > a {display: inline-block; min-width: 174px; height: 50px; line-height: 50px; text-align: center; padding: 0 20px; border-radius: 30px; background-color: #2C97EF; color: #fff; font-size: 18px; font-weight: 500; margin: 0 auto 30px;}
#orgarniztion .chart > li > ul > li > ul > li .third{margin: 0 auto 70px; display: inline-block; min-width: 152px; height: 50px; line-height: 50px; border: 1px solid #4A5080; padding: 0 20px; border-radius: 30px; font-size: 18px; font-weight: 500; color: #4A5080; position: relative;transform: translateX(-50%); right: 150px;}
#orgarniztion .chart > li > ul > li > ul > li .third::before{content: ""; width: 151px; height: 1px; background-color: #bbb; position: absolute; left: 100%; top: 50%; z-index: -1;}
#orgarniztion .chart > li > ul > li > ul > li .third::after{content: ""; width: 10px; height: 10px; background-color: #A4A8AB; border-radius: 50%; position: absolute; right: -156px; top: calc(50% - 5px);}
#orgarniztion .chart > li > ul > li > ul > li .group{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;}
#orgarniztion .chart > li > ul > li > ul > li .group::before{content: ""; width: 80%; height: 1px; background-color: #bbb; position: absolute; left: 10.1%; top: -40px; z-index: -1;}
#orgarniztion .chart > li > ul > li > ul > li .group > li{width: 20%; padding: 0 10px; position: relative;}
#orgarniztion .chart > li > ul > li > ul > li .group > li::before{content: ""; width: 1px; height: 40px; background-color: #bbb; position: absolute; left: calc(50% + 1px); bottom: 100%; z-index: -1;}
#orgarniztion .chart > li > ul > li > ul > li .group > li.center::before{background-color: transparent;}
#orgarniztion .chart > li > ul > li > ul > li .group > li > a{display: block; padding: 18px 5px 17px; border-radius: 10px; background-color: #A48677; color: #fff; font-size: 18px; font-weight: 500; position: relative;}
#orgarniztion .chart > li > ul > li > ul > li .group > li > a::before{content: ""; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #B2A096; position: absolute; left: calc(50% - 16px); bottom: -16px; background: #fff url('/resources/user/hyoryeong/images/common/ic_orani_arr.png') no-repeat center center; transition: all .4s ease; display: none;}
#orgarniztion .chart > li > ul > li > ul > li .group > li > .user{width: 100%; background-color: #FFF9F6; border: 1px solid #B2A096; border-radius: 0 0 10px 10px; padding: 20px 10px 10px; flex-wrap: wrap; display: none;}
#orgarniztion .chart > li > ul > li > ul > li .group > li > .user::after{content: ""; display: block; clear: both;}
#orgarniztion .chart > li > ul > li > ul > li .group > li > .user > li{float: left; width: 33.33%; padding: 5px; font-size: 15px; color: #835944;}

#orgarniztion .chart > li > ul > li > ul > li .group > li > a.on::before{transform: rotate(180deg);}

@media screen and (max-width: 1000px) {
    #orgarniztion .chart > li > ul > li > ul > li .group > li > .user > li{width: 50%;}
}


@media screen and (max-width: 750px) {
    #orgarniztion{margin: 30px auto 60px;}
    #orgarniztion .chart > li > .chief{width: 100px; height: 100px; margin: 0 auto 30px; font-size: 18px;}
    #orgarniztion .chart > li > .chief::before{height: 245px;}
    #orgarniztion .chart > li > ul > li > .second{min-width: 150px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 auto 20px;}
    #orgarniztion .chart > li > ul > li > ul > li .third{margin: 0 auto 30px; min-width: 100px; height: 40px; line-height: 40px; font-size: 14px; right: 50px;}
    #orgarniztion .chart > li > ul > li > ul > li .third::before{width: 50px;}
    #orgarniztion .chart > li > ul > li > ul > li .third::after{right: -56px;}
    #orgarniztion .chart > li > ul > li > ul > li .group::before{width: 0; height: 0;}
    #orgarniztion .chart > li > ul > li > ul > li .group > li{width: 100%; padding:0 15px; margin: 15px 0;}
    #orgarniztion .chart > li > ul > li > ul > li .group > li:first-child:before{width: 0; height: 0;}
    #orgarniztion .chart > li > ul > li > ul > li .group > li > a{padding: 15px 5px 20px; font-size: 14px;}
    #orgarniztion .chart > li > ul > li > ul > li .group > li > a::before{width: 25px; height: 25px; left: calc(50% - 12px); bottom: -12px; background-size: 10px;}
    #orgarniztion .chart > li > ul > li > ul > li .group > li > .user{ padding: 10px 5px 5px;}
    #orgarniztion .chart > li > ul > li > ul > li .group > li > .user > li{width: 33.33%; font-size: 13px;}
}




/******************************************
 *  오시는길
******************************************/
.come_to_map{width: 100%; border: 1px solid #ddd; margin: 20px 0 80px;}
.come_to_map > a{display: block;}

.come_to_how{width: 100%; border-top: 2px solid #111;}
.come_to_how dl{padding: 60px 50px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd;}
.come_to_how dl dt{width: 30%; border-right: 1px solid #eee;}
.come_to_how dl dt h2{font-size: 30px; font-weight: 600; color: #111; margin-bottom: 10px;}
.come_to_how dl dt h3{font-size: 18px; font-weight: 400; color: #333;}

.come_to_how dl dd{width: 70%; padding: 10px 20px 10px 70px ;}
.come_to_how dl dd .contact_box{display: flex; justify-content: space-between;}
.come_to_how dl dd .contact_box p.txt_c{display: flex; font-size: 17px; color: #222; line-height: 1.5; margin-bottom: 10px;}
.come_to_how dl dd .contact_box p.txt_c i{font-size: 30px; color: #ccc; margin-right: 10px;}

.come_to_how .cat_tit{font-size: 20px; font-weight: 500; color: #222; margin-bottom: 15px;}
.come_to_how .bus{font-size: 18px; color: #222; margin-bottom: 15px;}
.come_to_how .bus span{display: inline-block; vertical-align: middle; min-width: 85px; padding: 5px 20px; border-radius: 5px; color: #fff; text-align: center; background-color: #333; margin-right: 10px;}
.come_to_how .bus span.brown{background-color: #B5553C;}
.come_to_how .bus span.green{background-color: #2CAB13;}

@media screen and (max-width: 1000px) {
    .come_to_map{margin: 10px 0 40px;}

    .come_to_how{}
    .come_to_how dl{padding: 20px 10px;}
    .come_to_how dl dt{width: 100%; border-bottom: 1px solid #eee; border-right: none; padding:10px 0 20px;}
    .come_to_how dl dt h2{font-size: 18px; margin-bottom: 5px;}
    .come_to_how dl dt h3{font-size: 14px;}

    .come_to_how dl dd{width: 100%; padding: 20px  10px;}
    .come_to_how dl dd .contact_box{flex-wrap: wrap;}
    .come_to_how dl dd .contact_box .lb{width: 100%;}
    .come_to_how dl dd .contact_box .rb{width: 100%;}
    .come_to_how dl dd .contact_box p.txt_c{font-size: 14px;}
    .come_to_how dl dd .contact_box p.txt_c i{font-size: 20px;}

    .come_to_how .cat_tit{font-size: 16px; margin-bottom: 10px;}
    .come_to_how .bus{font-size: 15px; margin-bottom: 10px;}
    .come_to_how .bus span{min-width: 70px; padding: 5px 10px; font-size: 13px; margin: 5px;}
}


/******************************************
 *  타운안내
******************************************/
  .place_town_wrap{border-top: 2px solid #222;}
.place_town_wrap.borN{border-top: none;}
.place_town_wrap .place_list > li{display: flex; padding: 40px 0; border-bottom: 1px solid #ddd; align-items: flex-start;}
.place_town_wrap .place_list > li .img_box{flex-shrink: 0; margin-right: 35px; border: 1px solid #f3f3f3;}
.place_town_wrap .place_list > li .img_box img{width: 100%; display: block;}
.place_town_wrap .place_list > li .info_box{flex-grow: 1;}
.place_town_wrap .place_list > li .info_box{padding-top: 10px;}
.place_town_wrap .place_list > li .info_box .cate{font-size: 18px; font-weight: 500; color: #EE3F22; margin-bottom: 10px;}
.place_town_wrap .place_list > li .info_box .title{font-size: 28px; font-weight: 600; color: #292929; margin-bottom: 25px;}
.place_town_wrap .place_list > li .info_box .in_list > li{display: flex; margin-top: 13px; font-size: 18px; line-height: 1.5;}
.place_town_wrap .place_list > li .info_box .in_list > li:first-child{margin-top: 0;}
.place_town_wrap .place_list > li .info_box .in_list > li .sbj{flex-basis: 80px; flex-shrink: 0; margin-right: 10px; font-weight: 600; color: #222; }

.town_map {position:relative;padding-right:50%;box-sizing:border-box;}
.tfl_l {position:relative;border:1px solid #ddd;padding:40px;padding-left:160px;border-right:none;cursor: pointer;box-sizing:border-box;}
.tfl_l span {display:block;position:absolute;width:120px;height:120px;line-height:120px;text-align:center;font-weight:500;background:#ddd;font-size:50px;color:#fff;top:0;left:0;}
.tfl_l strong {font-size:24px;font-weight:500;}
.tfl_l ul {margin-top:20px;}
.tfl_l li {position:relative;font-size:20px;margin-bottom:5px;padding-left:15px;box-sizing:border-box;}
.tfl_l li:before {position:absolute;top:10px;left:0;content:'';display:block;width:5px;height:5px;border-radius:50%;background:#555;}
.tfl.f2 {border-top:none;}
.tfl_r {position:absolute;display: none;height:100%;justify-content:center;align-items:center;right:0;top:0;width:50%;border:1px solid #ee4125;}

.tfl.active .tfl_l{border-color:#ee4125;}
.tfl.active .tfl_l span {background:#ee3f22;}
.tfl.active .tfl_l:after {position:absolute;right:-1px;top:0;height:calc(100% + 0.5px);width:1px;content:'';display:block;background:#fff;z-index:10;}
.tfl.active .tfl_r {display: flex;}

.go_row {display: flex; flex-wrap: wrap; position: relative; z-index: 2;}
.go_row ul {width: 50%;}
.tfl.f1 .go_row .four {position: relative; top: -100px;}
.tfl.f2 .go_row .thr {position: relative; top: -130px;}

@media screen and (max-width: 1200px) {
  .town_map {padding-right:0}
  .tfl_l {border: 1px solid #ee4125;margin-top:-1px; padding-bottom: 0; padding-right: 0;}
  .tfl.active .tfl_l:after {display: none;}
  .tfl_r {position: static;display: block;height: auto;width: 100%;margin-top:-1px;}
  .tfl_r .imgBox {padding: 20px; width: 100%;}
  .tfl_l span {background: #ee4125;}
}

@media screen and (max-width: 1000px) {
  .place_town_wrap .place_list > li{flex-wrap: wrap; padding: 20px 0;}
  .place_town_wrap .place_list > li .img_box{width: 100%; margin: 0 0 10px;}
  .place_town_wrap .place_list > li .info_box{width: 100%;}
  .place_town_wrap .place_list > li .info_box .cate{font-size: 15px; margin-bottom: 5px;}
  .place_town_wrap .place_list > li .info_box .title{font-size: 20px; margin-bottom: 20px;}
  .place_town_wrap .place_list > li .info_box .in_list{padding-left: 5px;}
  .place_town_wrap .place_list > li .info_box .in_list > li{margin-top: 7px; font-size: 14px;}
  .place_town_wrap .place_list > li .info_box .in_list > li .sbj{flex-basis: 70px;}

}
@media screen and (max-width: 960px) {
  .tfl_l {padding: 30px 0 0 100px;}
  .tfl_l span {width: 80px;height:80px;line-height:80px;font-size: 36px;}
  .tfl_l strong {font-size: 20px;}
  .tfl_l li {font-size:17px;padding-left:12px;}
  .tfl.f1 .go_row .four {top: -90px;}
  .tfl.f2 .go_row .thr {top: -120px;}
}

@media screen and (max-width: 480px) {
  .tfl_l {padding: 25px 0 0 80px;}
  .tfl_l span {width: 60px;height: 60px;line-height:60px;font-size:26px;}
  .tfl_l strong {font-size:18px;}
  .tfl_l li {font-size: 15px;}
  .tfl.f1 .go_row .four {top: -80px;}
  .tfl.f2 .go_row .thr {top: -110px;}
}


/******************************************
 *  문의
******************************************/
.sub_contact_box{width: 100%; padding: 40px 55px; border: 1px solid #ddd; margin-top: 70px; display: flex; flex-wrap: wrap; align-items: center;}
.sub_contact_box > dl{padding: 0 15px; border-left: 1px solid #ddd; display: flex; align-items: center;}
.sub_contact_box > dl:first-child{border-left: none;}
.sub_contact_box > dl dt{font-size: 20px; color: #333333; font-weight: 500; margin-right: 10px;}
.sub_contact_box > dl dd{font-size: 20px;}
.sub_contact_box > dl dt i{color: #bbb; font-size: 25px;}
.sub_contact_box > dl.phone dd{font-weight: 500; color: #222;}


@media screen and (max-width: 1000px) {
    .sub_contact_box{padding: 20px 20px; margin-top: 40px; justify-content: center; text-align: center;}
    .sub_contact_box > dl{padding: 5px 15px; border-left:none; width: 100%; text-align: center;}
    .sub_contact_box > dl dt{font-size: 15px;}
    .sub_contact_box > dl dd{font-size: 15px;}
    .sub_contact_box > dl dt i{font-size: 20px;}
}




/******************************************
 *  셔틀버스 안내
******************************************/
.sub_shuttle_bus_top{background: #F1F8FC url('/resources/user/hyoryeong/images/sub/ic_bus_bg.png') no-repeat center center; min-height: 380px; text-align: center; padding: 10px; margin-bottom: 50px;border-radius: 6px;}
.sub_shuttle_bus_top .icon{margin: 100px 0 20px;}
.sub_shuttle_bus_top h2{font-size: 22px; font-weight: 500; color: #222;}
.sub_shuttle_bus_top h2 b{color: #EE3F22;}

.bus_info_box{width: 100%;}
.bus_info_box > ul{border-top: 2px solid #222;}
.bus_info_box > ul > li{border-bottom: 1px solid #ddd; display: flex; padding: 25px; font-size: 18px; color: #333;}
.bus_info_box > ul > li .tit{flex-shrink: 0; margin-right: 15px; border-right: 1px solid #aaa; padding-right: 15px; font-weight: 500;}

@media screen and (max-width: 1000px) {
    .sub_shuttle_bus_top{min-height: auto; background-size: 90%; padding: 30px 20px; margin-bottom: 30px;}
    .sub_shuttle_bus_top .icon{margin: 0px 0 15px;}
    .sub_shuttle_bus_top .icon img{width: 80px;}
    .sub_shuttle_bus_top h2{font-size: 18px;}

    .bus_info_box > ul > li{padding: 20px 10px; font-size: 14px; flex-wrap: wrap;}
    .bus_info_box > ul > li .tit{width:100%; margin: 0 0 10px; border-right: none; padding-right: 0px; font-size: 1.1em; font-weight: 600;}
    .bus_info_box > ul > li .cont{word-break: keep-all; line-height: 1.6;}

}




/******************************************
 *  이용안내 - 통합안내
******************************************/
.use_step_num_wrapper{max-width:780px;}
.use_step_num_wrapper > .row{width: 100%; display: flex; border-radius: 50px; border: 1px solid #EE3F22; overflow:hidden}
.use_step_num_wrapper > .row .num{flex-shrink: 0; width: 112px; height: 100%; background-color: #EE3F22; color: #fff; font-weight: 5600; font-size: 35px; text-align: center; padding: 11px 0;}
.use_step_num_wrapper > .row .cont{padding: 20px 20px; font-size: 18px; color: #333333;}
.use_step_num_wrapper > .row .cont b{color: #EE3F22;}
.use_step_num_wrapper > .arr{text-align: center; margin: 15px;}


@media screen and (max-width: 1000px) {
    .use_step_num_wrapper{width: 100%;}
    .use_step_num_wrapper > .row{border-radius: 50px;}
    .use_step_num_wrapper > .row .num{width: 100px; height: 100%; font-size: 20px;padding: 10px 0;}
    .use_step_num_wrapper > .row .cont{padding: 15px 20px 10px; font-size: 15px;}
    .use_step_num_wrapper > .arr{margin: 10px;}
    .use_step_num_wrapper > .arr img{width: 20px;}
}

@media screen and (max-width: 800px) {
    .use_step_num_wrapper{}
    .use_step_num_wrapper > .row{border-radius: 0px; flex-wrap: wrap;}
    .use_step_num_wrapper > .row .num{width: 100%; font-size: 18px;padding: 8px 0;}
    .use_step_num_wrapper > .row .cont{padding: 15px 20px 15px; font-size: 15px; word-break: keep-all;}
}




/******************************************
 *  사업소개
******************************************/
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sub_business_subTop{width: 100%; min-height: 218px; background-image: url('/resources/user/hyoryeong/images/sub/bg_business_01.png'); background-repeat: no-repeat; background-position: right bottom; background-size: auto 100%; padding: 50px 70px 10px; margin-bottom: 70px;}
.sub_business_subTop.pdT{padding-top: 90px;}
.sub_business_subTop h2{font-size: 63px; font-weight: 700; color: rgba(255, 255, 255, .7); line-height: 1.1; letter-spacing: 0; font-family: 'GmarketSansBold';}
.sub_business_subTop.n01{background-image: url('/resources/user/hyoryeong/images/sub/bg_business_01.png');}
.sub_business_subTop.n02{background-image: url('/resources/user/hyoryeong/images/sub/bg_business_02.png');}
.sub_business_subTop.n03{background-image: url('/resources/user/hyoryeong/images/sub/bg_business_03.png');}
.sub_business_subTop.n04{background-image: url('/resources/user/hyoryeong/images/sub/bg_business_04.png');}
.sub_business_subTop.n05{background-image: url('/resources/user/hyoryeong/images/sub/bg_business_05.png');}
.sub_business_subTop.n06{background-image: url('/resources/user/hyoryeong/images/sub/bg_business_06.png');}
.sub_business_subTop.n07{background-image: url('/resources/user/hyoryeong/images/sub/bg_business_07.png');}

@media screen and (max-width: 1000px) {
    .sub_business_subTop{min-height: 100px; padding: 50px 20px 30px; margin-bottom: 40px; background-position: left top;}
    .sub_business_subTop.pdT{padding-top: 60px;}

    .sub_business_subTop h2{font-size: 35px;}
}




/******************************************
 *  행사일정
******************************************/
.event_list_top_con{margin-bottom: 90px; width: 100%; min-height: 218px; background: url('/resources/user/hyoryeong/images/sub/bg_event_list.png') no-repeat right bottom;  padding: 30px 20px 20px 50px; background-color: #F2F8FC; border-radius: 0 123px 0 0;}
.event_list_top_con.bgN{background-image: none;}
.event_list_top_con .imgs{display: inline-block; vertical-align: middle; margin-right: 50px;}
.event_list_top_con .date{display: inline-block; vertical-align: middle; margin-right: 50px;}
.event_list_top_con .date span{display: inline-block; font-size: 16px; padding: 5px 10px; color: #EE3F22; border-radius: 15px; border: 1px solid #EE3F22; margin-bottom: 5px;}
.event_list_top_con .date p{font-size: 24px; color: #222;}
.event_list_top_con .date p b{font-weight: 500; font-size: 35px; color: #111;}
.event_list_top_con .events{display: inline-block; vertical-align: middle; border-left: 1px solid #ddd; padding-left: 35px; max-width: 50%;}
.event_list_top_con .events > li{margin-top: 12px; font-size: 20px; color: #333; padding-left: 18px; position: relative; line-height: 1.5;}
.event_list_top_con .events > li::before{content: ""; display: block; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 50%; background-color: #EE3F22;}
.event_list_top_con .events > li:first-child{margin-top: 0;}

.event_list_top_con .event_2{display: inline-block; vertical-align: middle; border-left: 1px solid #ddd; padding-left: 35px; max-width: 60%; margin: 15px 0;}
.event_list_top_con .event_2 > li{margin-top: 12px; display: flex; flex-wrap: wrap; align-items: flex-start; font-size: 20px;}
.event_list_top_con .event_2 > li:first-child{margin-top: 0;}
.event_list_top_con .event_2 > li .cate{padding: 3px 10px; background-color: #999; color: #fff; border-radius: 5px; margin-right: 10px; font-weight: 500;}
.event_list_top_con .event_2 > li .cate.green{background-color: #5CAE2B;}
.event_list_top_con .event_2 > li .cate.orange{background-color: #F58220;}
.event_list_top_con .event_2 > li .cate.blue{background-color: #0FB3CB;}
.event_list_top_con .event_2 > li .cate.pink{background-color: #ea2f90;}
.event_list_top_con .event_2 > li .cate.purple{background-color: #456bd8;}
.event_list_top_con .event_2 > li .cate.brown{background-color: #8f6a46;}
.event_list_top_con .event_2 > li .sbj{width: 350px; padding: 5px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; vertical-align: middle;}
.event_list_top_con .event_2 > li .time{width: 140px; padding: 5px; vertical-align: middle;}
.event_list_top_con .event_2 > li .place{width: 180px; padding: 5px; vertical-align: middle;}

@media screen and (max-width: 1300px) {
    .event_list_top_con .event_2{width: 100%; border: none; max-width: 100%; padding-left: 0;}
}

@media screen and (max-width: 1000px) {
    .event_list_top_con{margin-bottom: 50px; min-height: inherit; padding: 30px 10px 20px 20px; border-radius: 0 80px 0 0; background-size: 400px; background-position: right bottom;}
    .event_list_top_con .imgs{display: block; text-align: center; margin: 0 0 15px;}
    .event_list_top_con .imgs img{width: 70px;}
    .event_list_top_con .date{display: block; text-align:center; margin: 0 0 15px;}
    .event_list_top_con .date span{font-size: 14px; padding: 3px 15px;}
    .event_list_top_con .date p{font-size: 15px;}
    .event_list_top_con .date p b{font-size: 20px; color: #111;}
    .event_list_top_con .events{display: block; border-left: none; padding-left: 0; padding: 0 20px; max-width: none;}
    .event_list_top_con .events > li{margin-top: 7px; font-size: 15px; color: #333; padding-left: 18px; position: relative; line-height: 1.5;}

    .event_list_top_con .event_2{display: block; border-left: none; padding-left: 0; max-width: 100%; margin: 10px 0;}
    .event_list_top_con .event_2 > li{margin-top: 10px; font-size: 14px; display: block;}
    .event_list_top_con .event_2 > li span{display: inline-block;}
    .event_list_top_con .event_2 > li .cate{display: block; max-width: 70px; margin-bottom: 3px; text-align: center;}
    .event_list_top_con .event_2 > li .sbj{width: auto; padding: 5px;}
    .event_list_top_con .event_2 > li .time{width: auto; padding: 5px;}
    .event_list_top_con .event_2 > li .place{width: auto; padding: 5px;}
}




/******************************************
 *  사업소개 이미지 슬라이드
******************************************/
.sub_in_imgSlide_wrapper{position: relative; padding: 50px 80px; margin-top: 50px; background-color: #f3f3f3;}
.sub_in_img_slide .swiper-slide{padding: 0 5px; height:500px;}
.sub_in_img_slide .swiper-slide img{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

.sub_in_imgSlide_wrapper .btn_inSl{position: absolute; top: 50%;transform: translateY(-50%);width: 40px; height: 40px; border-radius: 50%; background-color: #ccc; color: #fff; text-align: center; font-size: 20px; transition: all .25s ease;}
.sub_in_imgSlide_wrapper .btn_inSl:hover{background-color: #000;}
.sub_in_imgSlide_wrapper .btn_inSl.prev{left: 20px;}
.sub_in_imgSlide_wrapper .btn_inSl.next{right: 20px;}
.sub_in_imgSlide_wrapper .btn_inSl i{color: #fff;}

/* 230628 */
@media screen and (max-width: 1000px) {
    .sub_in_imgSlide_wrapper{padding: 25px 35px; margin-top: 30px;}
    .sub_in_img_slide .swiper-slide{height: 300px;}

    .sub_in_imgSlide_wrapper .btn_inSl{/*top: 40%; */width: 30px; height: 30px; font-size: 15px;}
    .sub_in_imgSlide_wrapper .btn_inSl.prev{left: 7px;}
    .sub_in_imgSlide_wrapper .btn_inSl.next{right: 7px;}
}

@media screen and (max-width: 480px) {
    .sub_in_img_slide .swiper-slide{height: 150px;}
}
/* // 230628 */

.dot_txt strong {font-weight:500;}

/* 여기까지 20211121 추가 */