@charset "utf-8";

/* =================================================================================
* INFORMATION
* -----------------------------------------------------------------------
* @Author : Cho, Myung Jin (mj-cho@think-tree.co.kr)
* @File Name: Common.css
* @Version: 1.0
* @Create Date: 2018-02-05
* @Update Date: N/A
* @History: N/A
* ================================================================================= */

.subMain h3:before {content:'';position:absolute;left:50%;top:0;display:inline-block;width:32px;height:5px;margin:0 0 35px -16px;background:#24282c;border-radius:2px;vertical-align:top;}
.subMain h3 {position:relative;padding-top:30px;color:#3a4959;font-size:42px;font-family:'NanumSquareRound' !important;font-weight:bold;}
.subMain .infoTxt {background:#fff;padding:19px 14px 14px;text-align:left;}
.subMain .infoTxt h3 {padding-top:0;color:#3e4344;font-size:32px;}
.subMain .infoTxt h3:before {display:none;}
.subMain .infoTxt span {display:inline-block;width:100%;font-size:24px;line-height:40px;font-family:'NanumSquareRound' !important;color:#878787;border-bottom:1px solid #b9c5c4;font-weight:100;letter-spacing: -0.03em;}
.subMain .btnMore {height:46px;line-height:46px;padding:0 52px 0 28px;background:#fff url('../images/btn_more_arrow.png') no-repeat 86px center;font-size:20px;color:#323232;font-family:'NanumSquareRound';font-weight:bold;box-shadow:0px 2px 14px rgba(0,0,0,.25);border:none;}
.subMain .bgWhite .btnMore {box-shadow:none;border:1px solid #acb4c0;}
/* centerMain */
.subMslogan {position:relative;z-index:3;}
.subMslogan .comBack div {display:table;width:100%;padding:0 125px 50px;box-sizing:border-box;}
.subMslogan .comBack div span {display:table-cell;width:33.3%;}
.subMslogan .comBack div span em {display:inline-block;width:100%;padding:40px 0 0;font-size:30px;color:#fff;font-weight:bold;word-break:keep-all;}
.hostelSlogn .comBack div span em {color:#2c2c27;}
.centerMain .galBox {padding:80px 30px;}
.centerMain .galBox .comBack {display:table;width:100%;}
.centerMain .galBox h3:before {left:0 !important;margin: 0 0 35px 0;}
.centerMain .galBox h3 {border-bottom:1px solid #3a4959;margin-bottom:20px;}
.centerMain .galBox .subTit {display:table-cell;width:227px;padding-right:40px;box-sizing:border-box;vertical-align:top;background:url('../images/img_main_gallery.png') no-repeat 20px 205px;}
.centerMain .galBox .subTit span {display:inline-block;font-size:30px;font-family:'NanumSquareRound' !important;text-align:left;color:#7c8690;}
.centerMain .galBox .subTit span em {display:inline-block;width:100%;margin-top:5px;font-size:36px;color:#fa4b60;font-family:'NanumSquareRound' !important;font-weight:500;}
.centerMain .galBox .galleryList ul li {width:25%;}
.centerMain .galBox .galleryList ul li:last-child div {background:#fff;border:none;}
.centerMain .galBox .btnMore_l {position:absolute;left:0;bottom:0;width:102px;height:102px;padding-top:30px;background:#fff url('../images/btn_more_arrow.png') no-repeat center 25px;border:1px solid #9ba6b4;font-size:20px;color:#323232;font-family:'NanumSquareRound' !important;font-weight:bold;}
.centerMain .eventBox {padding:52px 30px 60px;}
.centerMain .eventBox .comBack {display:table;width:100%;}
.centerMain .eventList {border-top:none;}
.centerMain .eventList .back {display:table;width:100%;margin:0 3px;}
.centerMain .eventList .infoBox {text-align:left;}
.centerMain .eventList strong {box-sizing:border-box;padding:0 7px;width:100%;text-align:left;font-size:18px;} /*2019-05-22 수정 */
.centerMain .eventList ul li a {padding:0;background:#fff;box-shadow:0px 2px 14px rgba(0,0,0,.25);border:none;}
.centerMain .eventList ul.mainList {display:table-cell;width:50%;vertical-align:top;}
.centerMain .eventList ul.mainList .imgBox {height:236px;}
.centerMain .eventList ul.mainList li {width:100%;}
.centerMain .eventList ul.mainList li a {width:100%;height:334px;}
.centerMain .eventList ul.miniList {display:table-cell;width:50%;}
.centerMain .eventList ul.miniList strong {-webkit-line-clamp:1;max-height:27px;}
.centerMain .eventList ul.miniList li {width:50%;}
.centerMain .eventList ul.miniList li a {height:162px;}
.centerMain .lastBox {overflow:hidden;padding:53px 30px 0;}
.centerMain .infoAlign {display:table;width:100%;margin-top:30px;}
.centerMain .infoAlign>div {display:table-cell;padding:10px;vertical-align:top;box-sizing:border-box;}
.centerMain .infoAlign>div:nth-child(2) {width:25%;}
.centerMain .infoAlign>div:nth-child(3) {width:25%;}
.centerMain .infoList {border:1px solid #848990;text-align:left;}
.centerMain .infoList div {padding:15px 21px;border-bottom:1px solid #ef4c68;}
.centerMain .infoList div strong {color:#ef4c67;font-size:24px;}
.centerMain .infoList div button {float:right;padding-right:39px;line-height:30px;border:none;color:#323232;font-size:16px;background:url('../images/bg_btn_main.png') right top;vertical-align:middle;}
.centerMain .infoList ul {padding:20px;}
.centerMain .infoList ul li {position:relative;margin-bottom:15px;}
.centerMain .infoList ul li:last-child {margin-bottom:0;}
.centerMain .infoList ul li a {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:372px;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding-right:120px;color:#282828;font-size:18px;}
.centerMain .infoList ul li span {position:absolute;right:0;top:0;font-size:18px;color:#282828;}
.centerMain .infoTime {border:1px solid #526f98;background:#597bab;}
.centerMain .infoTime strong {display:inline-block;padding:25px 0;font-size:24px;color:#fefeff;}
.centerMain .infoTime strong:before {content:'';display:inline-block;width:56px;height:56px;margin-right:20px;background:url('../images/icon_hour.png');vertical-align:middle;}
.centerMain .infoTime ul li {margin-bottom:20px;color:#fff;font-size:18px;font-weight:500;}
.centerMain .infoTime div {padding:17px 0;background:#fff;font-size:14px;color:#ff5773;}
.centerMain .infoBus {border:1px solid #07835f;}
.centerMain .infoBus div.busTit {background:#139373 url('../images/bg_bus.png') no-repeat center center;}
.centerMain .infoBus strong {display:inline-block;padding:25px 0 104px;font-size:24px;color:#fefeff;}
.centerMain .infoBus ul li {margin-bottom:20px;color:#fff;font-size:18px;font-weight:500;}
.centerMain .infoBus div.route {padding:15px 22px 20px;background:#fff url('../images/bg_route.png') right center no-repeat;}
.centerMain .infoBus p {width:115px;font-size:16px;line-height:24px;color:#474747;text-align:left;word-break:keep-all;}
.centerMain .rocBox {position:relative;border-top:1px solid #98a5b6;border-bottom:1px solid #98a5b6;}
.centerMain .rocBox .mapBox {width:100%;height:530px;}
.centerMain .rocBox .comBack {width:100% !important;}
.centerMain .rocBox .subTit {position:absolute;left:0;top:-78px;z-index:1;width:678px;height:131px;padding-left:118px;background:#414b59 url('../images/bg_rocation.png') no-repeat;box-sizing:border-box;}
.centerMain .rocBox .subTit h3 {padding-top:50px;color:#fff;text-align:left;}
.centerMain .rocBox .subTit h3:before {left:16px;top:30px;background:#fff;}
.centerMain .rocBox .subTit span {position:absolute;right:37px;top:50%;line-height:20px;margin-top:-16px;color:#fff;text-align:left;}
.centerMain .familyBox {padding:0 0 23px;}
.centerMain .familyBox strong {display:inline-block;padding:50px 0;color:#3a4959;font-size:24px;}
.centerMain .familyBox .siteLogo {position:relative;width:158px;height:58px;border:1px solid #9ca1a8;}
.centerMain .familyBox .siteLogo img {position:absolute;top:0;left:0;bottom:0;right:0;max-height:100%;max-width:100%;margin:auto;}

.centerMain .swiper-slide {width:auto !important;padding-right:10px;}
.centerMain .swiper-container {padding:0 48px;}
.centerMain .swiper-slide {background-size:cover;background-position:center;}
.centerMain .swiper-button-prev,
.centerMain .swiper-button-next {top:0;width:48px;height:60px;margin:0;background-image:none;}
.centerMain .swiper-button-prev {left:0;background:#fff url('../images/btn_activityCal_prev.png') no-repeat center center;}
.centerMain .swiper-button-next {right:0;background:#fff url('../images/btn_activityCal_next.png') no-repeat center center;}
.mainSwiper .swiper-button-prev,
.mainSwiper .swiper-button-next {margin-top:0;top:300px;}
.mainSwiper .swiper-button-next {right:10px;background:url('../images/main_swipe_right.svg') no-repeat center center;}
.mainSwiper .swiper-button-prev {left:10px;background:url('../images/main_swipe_left.svg') no-repeat center center;}
.mainSwiper .swiper-button-next.swiper-button-disabled,
.mainSwiper  .swiper-button-prev.swiper-button-disabled {opacity:0;}
.centerMain .roomBox {overflow:hidden;padding:53px 30px 60px;}
.centerMain .imgList .back {margin:0 -3px;}
.centerMain .imgList ul {clear:left;display:inline-block;width:100%;margin-top:75px;overflow:hidden;}
.centerMain .imgList ul li {float:left;width:25%;padding:0 3px 25px;box-sizing:border-box;}
.centerMain .imgList ul li div {position:relative;width:100%;padding-bottom:100%;box-sizing:border-box;background:#000;border:1px solid #9ba6b4;}
.centerMain .imgList ul li img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-height:100%;max-width:100%;}
.centerMain .hostelBox {padding:80px 30px 70px;}
.centerMain .hostelBox .comBack {display:table;width:100%;}
.centerMain .hostelBox .reserveBox {display:table-cell;padding-right:5px;}
.centerMain .hostelBox .mainBox {/* display:table-cell; */height:464px;padding:20px 25px 22px 20px;background:url('../images/bg_hostel.png') no-repeat center center;background-size: cover;box-sizing:border-box;}
.centerMain .hostelBox .miniBox {display:table-cell;width:366px;background:#e3e3e3;vertical-align:top;}
.centerMain .hostelBox .miniBox>div:first-child {overflow:hidden;padding:36px 19px 36px 40px;background:#009d88;}
.centerMain .hostelBox .miniBox div:first-child p {color:#fff;font-size:18px;line-height:28px;text-align:left;word-break: keep-all;}
.centerMain .hostelBox .miniBox div:first-child p strong {color:#fff;font-size:24px;}
.centerMain .hostelBox .miniBox>div:last-child {padding:26px 20px;}
.centerMain .hostelBox .miniBox button {float:right;line-height:22px;padding-right:35px;border:none;color:#fff;font-size:18px;font-family:'NanumSquare';background:url('../images/bg_btn_main.png') right -43px no-repeat;}
.centerMain .hostelBox .miniBox .detailBox {overflow:hidden;padding:15px;border:1px solid #9a9a9a;background:#fff;}
.centerMain .hostelBox .miniBox .detailBox span {float:left;line-height:24px;color:#3c3c3c;font-size:14px;font-weight:bold;text-align:left;}
.centerMain .hostelBox .miniBox .detailBox p {font-size:12px;line-height:18px;}
.centerMain .proBox {padding:40px 30px;}
.centerMain .globalBox {position:relative;background:#fff;}
.centerMain .globalBox .comBack {position:relative;z-index:1;}
.centerMain .globalBox:after {content:'';position:absolute;left:0;right:0;bottom:0;width:100%;height:50%;background:#fff url('../images/bg_pattern_global.png') left bottom !important;}

/* 글로벌메인 청소년활동, 교육문화, 유아교육 추가 */
.centerMain .globalBox .subTit {font-size:27px;font-weight: 500;margin-bottom:22px;padding: 0;color: #333}
.centerMain .globalBox .subTit::before {display: none;}
.centerMain .globalBox .teenActBox {display: none;padding:40px;background: #fff;text-align: left;}
.centerMain .globalBox .teenActBox .subTit {margin-bottom:45px}
.centerMain .globalBox .teenActBox .mSubTit {margin-bottom:45px}
.centerMain .globalBox .teenActBox .txt {position: relative;padding: 0 0 10px 120px;font-size: 19px;border-bottom: 1px solid #d7d7d7;line-height: 1.5}
.centerMain .globalBox .teenActBox .txt::before {content: '';position: absolute;bottom: 0;left: 0;width: 104px;height: 94px;background: url(../images/img_tean01.png) no-repeat center;background-size: 100%;}
.centerMain .globalBox .teenActBox ul {font-size: 0;margin-top: 12px}
.centerMain .globalBox .teenActBox ul li {display: inline-block;margin: 12px 10px 12px 0;padding: 0;width: auto}
.centerMain .globalBox .teenActBox ul li a {display: block;padding: 10px 24px;font-size: 18px;color: #fff;background: #b2ada8;border-radius: 20px;text-align: center;}
.centerMain .globalBox .eduBox {display: none;padding: 30px 0;background: #fff;text-align: left;}
.centerMain .globalBox .eduBox .subTit {padding: 0 40px;}
.centerMain .globalBox .eduBox .mSubTit {padding-left:40px !important;}
.centerMain .globalBox .eduBox ul {width: 100%;padding: 30px;font-size:0;background: #fffbf6;box-sizing: border-box;}
.centerMain .globalBox .eduBox ul li {display: inline-block;padding:0;width:25%;vertical-align: middle;border-right: 1px solid #dfdfdf;box-sizing:border-box;}
.centerMain .globalBox .eduBox ul li:nth-child(4n) {border-right:0;}
.centerMain .globalBox .eduBox ul li:last-child {border-right:0;}
.centerMain .globalBox .eduBox ul li a {display: block;position: relative;padding: 100px 30px 0;text-align: center;font-size: 19px;color: #333;}
.centerMain .globalBox .eduBox ul li a::before {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 86px;}
.centerMain .globalBox .eduBox ul li.eduCultMenu01 a::before {width: 56px;background: url(../images/img_edu01.png) no-repeat center;background-size: 100%}
.centerMain .globalBox .eduBox ul li.eduCultMenu02 a::before {width: 84px;background: url(../images/img_edu05.png) no-repeat center;background-size: 100%}
.centerMain .globalBox .eduBox ul li.eduCultMenu03 a::before {width: 84px;background: url(../images/img_edu03.png) no-repeat center;background-size: 100%}
.centerMain .globalBox .eduBox ul li.eduCultMenu04 a::before {width: 84px;background: url(../images/img_edu02.png) no-repeat center;background-size: 100%}
.centerMain .globalBox .eduBox ul li.eduCultMenu05 a::before {width: 84px;background: url(../images/img_edu04.png) no-repeat center;background-size: 100%}
.centerMain .globalBox .mKidesBox {display: none;padding: 40px;background: #fff;text-align: left;}
.centerMain .globalBox .mKidesBox .mSubTit {margin-bottom:50px;}
.centerMain .globalBox .mKidesBox ul {font-size: 0;}
.centerMain .globalBox .mKidesBox ul li {display: inline-block;width: calc(50% - 16px);padding: 0;}
.centerMain .globalBox .mKidesBox ul li:first-child {margin-right: 30px;}
.centerMain .globalBox .mKidesBox ul li a {display: block;position: relative;padding: 0 30px 0 128px;line-height: 72px;font-size: 18px;color: #fff;border-radius: 30px;box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.1);}
.centerMain .globalBox .mKidesBox ul li a::before {content: '';position:absolute;left:20px;top:-26px;width:94px;height:122px;}
.centerMain .globalBox .mKidesBox ul li:nth-child(1) a::before {background:url(../images/img_bear01.png) no-repeat center;background-size:100%;}
.centerMain .globalBox .mKidesBox ul li:nth-child(2) a::before {background:url(../images/img_bear02.png) no-repeat center;background-size:100%;}
.centerMain .globalBox .mKidesBox ul li:nth-child(1) a {background:#ffcb2b;}
.centerMain .globalBox .mKidesBox ul li:nth-child(2) a {background:#ff921d;}
.centerMain .globalBox .mActBox {display: none;padding:40px;background: #f8f5f1;text-align: left;}
.centerMain .globalBox .mActBox ul::after {content:'';display:block;clear:both;}
.centerMain .globalBox .mActBox ul li {display: table;float:left;width: calc(25% - 8px);height:50px;margin-right:10px;box-sizing: border-box;padding: 0;}
.centerMain .globalBox .mActBox ul li a {display:table-cell;padding:0 6px;line-height: 1.3;font-size: 18px;color: #fff;border-radius: 20px;box-sizing: border-box;text-align: center;box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.1);vertical-align:middle;}
.centerMain .globalBox .mActBox ul li:last-child {margin-right: 0;}
.centerMain .globalBox .mActBox ul li:nth-child(1) a {background: #e6715f}
.centerMain .globalBox .mActBox ul li:nth-child(2) a {background: #ea8b7c}
.centerMain .globalBox .mActBox ul li:nth-child(3) a {background: #faa549}
.centerMain .globalBox .mActBox ul li:nth-child(4) a {background: #fec747}
.centerMain .globalBox .mActBox ul li:nth-child(5) a {background: #ffb43d}

/* WELLNESS 메인 모바일 화면 개선 스타일 추가 */
.centerMain .moDreamHire {display: none;font-size: 0;padding: 37px 30px 22px;}
.centerMain .moDreamHire li {display: inline-block;width: calc(50% - 8px);padding: 0;}
.centerMain .moDreamHire li:first-child {margin-right: 15px;}
.centerMain .moDreamHire li a {display: block;position: relative;padding: 0 36px;line-height: 54px;font-size: 21px;color: #fff;border-radius: 30px;box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.1);text-align: left;}
.centerMain .moDreamHire li a::after {content: '';position: absolute;width: 7px;height: 7px;right: 36px;top: 50%;transform: translateY(-50%) rotate(45deg);border-width: 2px 2px 0 0;border-style: solid;border-color: #fff;}
.centerMain .moDreamHire li:nth-child(2) a {background: #1b59d7}
.centerMain .moDreamHire li:nth-child(1) a {background: #52adf5}
.centerMain .mSubTit {font-size: 27px;font-weight: 500;margin-bottom: 22px;padding: 0;color: #333;text-align: left;}
.centerMain .mSubTit::before {display: none;}
.centerMain .exBox {display: none;position: relative;padding: 40px 0 25px 30px;box-sizing: border-box;}
.centerMain .exBox.ty02 {padding: 25px 0 40px 30px}
.centerMain .exLi {overflow: hidden;}
.centerMain .exLi a {display: block;padding: 0 22px;font-size: 21px;line-height: 67px;color: #fff;border-radius: 10px;text-align: center}
.centerMain .exLi.ty01 a.c01 {background: #80c8ff;}
.centerMain .exLi.ty01 a.c02 {background: #a7adff;}
.centerMain .exLi.ty01 a.c03 {background: #417fff;}
.centerMain .exLi.ty01 a.c04 {background: #99bfff;}
.centerMain .exLi.ty02 a {color: #666;}
.centerMain .exLi.ty02 a.c01 {border: 1px solid #80c8ff;}
.centerMain .exLi.ty02 a.c02 {border: 1px solid #a7adff;}
.centerMain .exLi.ty02 a.c03 {border: 1px solid #417fff;}
.centerMain .exLi.ty02 a.c04 {border: 1px solid #99bfff;}
.centerMain .exBox .more {position: absolute;right: 30px;top: 45px;padding-right: 15px;font-size: 16px;color: #888;}
.centerMain .exBox.ty02 .more {top: 30px;}
.centerMain .exBox .more::after {content: '';position: absolute;width: 7px;height: 7px;right: 0;top: 50%;transform: translateY(-50%) rotate(45deg);border-width: 2px 2px 0 0;border-style: solid;border-color: #888;}
.centerMain .szBox {display: none;position: relative;padding: 37px 30px;box-sizing: border-box;background: #f8f8f8}
.centerMain .szBox ul {font-size: 0;box-sizing: border-box;text-align: left;}
.centerMain .szBox ul li {display: inline-block;position: relative;width: 25%;padding: 16px 0px;vertical-align: middle;box-sizing: border-box;}
.centerMain .szBox ul li::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 70%;background: #dfdfdf;}
.centerMain .szBox ul li:nth-child(4n)::after, .centerMain .szBox ul li:last-child::after {display: none;}
.centerMain .szBox ul li a {display: block;position: relative;padding: 52px 7px 0;text-align: center;font-size: 18px;color: #333;}
.centerMain .szBox ul li a::before {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 42px;}
.centerMain .szBox ul li:first-child a::before {width: 45px;background: url(../images/img_sz01.png) no-repeat center;background-size: 100%}
.centerMain .szBox ul li:nth-child(2) a::before {width: 46px;background: url(../images/img_sz02.png) no-repeat center;background-size: 100%}
.centerMain .szBox ul li:nth-child(3) a::before {width: 47px;background: url(../images/img_sz03.png) no-repeat center;background-size: 100%}
.centerMain .szBox ul li:nth-child(4) a::before {width: 46px;background: url(../images/img_sz04.png) no-repeat center;background-size: 100%}
.centerMain .szBox ul li:nth-child(5) a::before {width: 42px;background: url(../images/img_sz05.png) no-repeat center;background-size: 100%}
.centerMain .mHireTime {display: none;position: relative;padding: 37px 30px;box-sizing: border-box;}
.centerMain .mHireTime ul {font-size: 0;text-align: left;}
.centerMain .mHireTime ul li {display: inline-block;margin: 0 5px 0 0;padding: 16px;width: calc(33.33% - 4px);border: 1px solid #dfdfdf;border-radius: 10px;box-sizing: border-box;}
.centerMain .mHireTime ul li:last-child {margin-right: 0}
.centerMain .mHireTime ul li .menu {font-size: 21px;font-weight: 500;color: #333;margin-bottom: 15px;}
.centerMain .mHireTime ul li .day {font-size: 18px;font-weight: 400;color: #888;}
.centerMain .mHireTime ul li .day02 {font-size: 18px;font-weight: 500;color: #777;}
.centerMain .mHireTime ul li .time {display: block;padding: 9px 0;font-size: 18px;font-weight: 500;color: #333;border-bottom: 2px solid #dfdfdf;}
.centerMain .mHireTime ul li p:nth-child(2) {margin-bottom: 15px;}

.centerMain .cGBox {position: relative;display:none;padding: 37px 30px;box-sizing: border-box;background: #f8f8f8}
.centerMain .cGBox ul {font-size: 0;box-sizing: border-box;text-align: left;}
.centerMain .cGBox ul li {display: inline-block;position: relative;width: 25%;padding: 16px 0px;vertical-align: middle;box-sizing: border-box;}
.centerMain .cGBox ul li::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 70%;background: #dfdfdf;}
.centerMain .cGBox ul li:last-child::after {display: none;}
.centerMain .cGBox ul li a {display: block;position: relative;padding: 75px 7px 0;text-align: center;font-size: 21px;color: #333;}
.centerMain .cGBox ul li a::before {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 66px;}
.centerMain .cGBox ul li:first-child a::before {width: 66px;background: url(../images/i_center01.png) no-repeat center;background-size: 100%}
.centerMain .cGBox ul li:nth-child(2) a::before {width: 64px;background: url(../images/i_center02.png) no-repeat center;background-size: 100%}
.centerMain .cGBox ul li:nth-child(3) a::before {width: 66px;background: url(../images/i_center03.png) no-repeat center;background-size: 100%}
.centerMain .cGBox ul li:nth-child(4) a::before {width: 66px;background: url(../images/i_center04.png) no-repeat center;background-size: 100%}


.centerMain .dreamHire {padding:40px 30px;}
.centerMain .dreamBox {position:relative;background:#fff;}
.centerMain .dreamBox .comBack {position:relative;z-index:1;}
.centerMain .dreamBox:after {content:'';position:absolute;left:0;right:0;bottom:0;width:100%;height:50%;background:#fff url('../images/bg_pattern_dream.png') left bottom !important;}
.centerMain .dreamBox .kidesBox .back>div {float:left;width:33.3%;}
.centerMain .dreamBox .kidesBox .back>div:first-child {padding:0 3px 0 0;}
.centerMain .dreamBox .kidesBox .back>div:last-child {padding:0 0 0 3px;}
.centerMain .dreamHire .gogo {clear:left;display:inline-block;width:100%;padding:50px 0 60px 0;}
.centerMain .dreamHire .gogo span {float:left;display:inline-block;width:50%;padding:0 10px 0 0;box-sizing:border-box;}
.centerMain .dreamHire .gogo div {position:relative;float:right;display:inline-block;width:50%;padding:0 0 0 10px;box-sizing:border-box;}
.centerMain .dreamHire .gogo .goBtn,
.centerMain .dreamHire .gogo .openBtn {display:inline-block;padding:0 35px 0 35px;width:100%;height:135px;line-height:135px;box-sizing:border-box;cursor:pointer;background:url('../images/bg_dreamHire_goBtn.png') no-repeat;background-size:100% auto;}
.centerMain .dreamHire .gogo .openBtn {background:url('../images/bg_dreamHire_goBtn2.png') no-repeat;background-size:100% auto;}
.centerMain .dreamHire .gogo em {position:relative;display:block;padding:0 35px 0 35px;font-weight:400;color:#fff;font-size:24px;text-align:left;box-sizing:border-box;}
.centerMain .dreamHire .gogo em:before {content:'';margin:-2px 15px 0 0;display:inline-block;width:26px;height:26px;vertical-align:middle;background:url('../images/bg_dreamHire_icon.png') no-repeat left center;}
.centerMain .dreamHire .gogo em:after {position:absolute;right:0;top:50%;content:'';margin:-13px 9px 0 0;display:inline-block;width:31px;height:26px;background:url('../images/bg_dreamHire_icon.png') no-repeat -52px center;}
.centerMain .dreamHire .gogo .openBtn em:before {background:url('../images/bg_dreamHire_icon.png') no-repeat -26px center;}
.centerMain .dreamHire .gogo .openBtn em:after {width:26px;border:1px solid #fff;border-radius:100%;background:url('../images/bg_dreamHire_icon.png') no-repeat -83px center;}
.centerMain .dreamHire .gogo div p {position:absolute;z-index:2;top:135px;left:10px;right:0;display:none;padding:30px 0 30px 35px;box-sizing:border-box;background:#0093e8;}
.centerMain .dreamHire .gogo div p a {float:left;display:inline-block;width:33%;padding:5px 0;text-align:left;color:#fff;}
.centerMain .dreamHire .gogo div.on .openBtn em:after {-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}
.centerMain .dreamHire .gogo div.on p {display:block;}
/* .centerMain .hireBox {padding:10px;margin-top:70px;border:1px solid #c4d1de;}
.centerMain .hireBox .gridItem {position:relative;vertical-align:top;}
.centerMain .hireBox .imgBox {overflow:hidden;display:inline-block;width:537px;height:332px;border:1px solid #c4d1de;}
.centerMain .hireBox .imgBox img {display:inline-block;min-width:100%;}
.centerMain .hireBox .txtBox {padding:0 10px;vertical-align:top;}
.centerMain .hireBox .txtBox strong {display:inline-block;width:100%;padding:17px 0 10px;border-bottom:1px solid #ced6e2;font-size:30px;color:#1c1e22;text-align:left;}
.centerMain .hireBox .txtBox p {margin-top:15px;line-height:24px;color:#3c3c3c;text-align:left;}
.centerMain .hireBox .txtBox .redBox {position:absolute;left:10px;right:10px;bottom:1px;padding:9px;border:1px solid #f08c95;}
.centerMain .hireBox .txtBox .redBox ul li {margin-bottom:8px;color:#3c3c3c;text-align:left;font-weight:500;}
.centerMain .hireBox .txtBox .redBox ul li sup {font-size:7px;}
.centerMain .hireBox .txtBox .redBox ul li span {font-size:12px;color:#3c3c3c;}
.centerMain .hireBox .txtBox .redBox ul li:before {content:"";display:inline-block;width:4px;height:1px;margin-right:5px;vertical-align:middle;background:#3c3c3c;}
.centerMain .hireBox .txtBox .redBox ul li:last-child {margin-bottom:0;}
.centerMain .facilityArea {border:3px solid #017fe0;margin:50px 0;}
.centerMain .facilityList {overflow:hidden;margin:-28px 10px;background:#fff;}
.centerMain .facilityList strong {float:left;display:inline-block;width:100px;margin-top:25px;font-size:22px;color:#424242;}
.centerMain .facilityList {padding:10px 38px;box-sizing:border-box;}
.centerMain .facilityList ul li {float:left;display:inline-block;width:74px;margin:0 13px;}
.centerMain .facilityList ul li span {display:inline-block;margin-top:5px;color:#585858;font-size:12px;}
.centerMain .facilityList ul li.on {margin-top:-10px;vertical-align:top;}
.centerMain .facilityList ul li.on span {color:#017fe1;} */
.centerMain .hiretimeBox {display:table;width:100%;}
.centerMain .hiretimeBox>div {display:table-cell;width:33.3%;padding:0 3px;vertical-align:top;box-sizing: border-box;}
.centerMain .hiretimeBox>div>div {position:relative;height:440px;padding: 25px 38px;border:1px solid #526f98;box-sizing:border-box;background:#fff;}
.centerMain .hiretimeBox .bg {height:200px;background:#fff url('../images/bg_hiring.png') no-repeat !important;}
.centerMain .hiretimeBox .bg1 {background-position:center top !important;}
.centerMain .hiretimeBox .bg2 {background-position:center -200px !important;}
.centerMain .hiretimeBox .bg3 {background-position:center -400px !important;}
.centerMain .hiretimeBox strong {display:inline-block;width:100%;padding:20px 0;font-size:32px;color:#3e4344;box-sizing:border-box;font-family: 'NanumSquareRound';letter-spacing: -0.05em;border-top:1px solid #526f98;}
.centerMain .hiretimeBox .time em {display:inline-block;width:70px;color:#526f98;font-size:20px;font-weight:bold;text-align:left;}
.centerMain .hiretimeBox .time {display:inline-block;color:#fa596c;font-size:28px;font-weight:500;}
.centerMain .hiretimeBox p {width:100%;padding-top:10px;font-size:18px;color:#526f98;font-weight:500;} /* 2019-05-23 수정 */
.centerMain .proBox .galleryList {margin-top:60px;}
.centerMain .proBox .galleryList ul {margin-bottom:0;}
.centerMain .proBox .galleryList .proTit {position:absolute;left:0;right:0;bottom:0;z-index:1;width:100%;height:55px;background:rgba(0, 0, 0, 0.5);}
.centerMain .proBox .galleryList .proTit span {display:none;}
.centerMain .proBox .galleryList .proTit strong {line-height:55px;text-align:center;color:#fff;font-size:21px;font-family:'NanumSquareRound';}
.centerMain .proBox .galleryList ul li:hover div a:after {content:'';position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);}
.centerMain .proBox .galleryList ul li:hover .proTit {width:80%;top:20%;bottom:auto;margin:0 auto;line-height:normal;background:none;border-bottom:1px solid #fff;}
.centerMain .proBox .galleryList ul li:hover .proTit span {display:inline-block;width:100%;margin-top:10px;line-height:normal;color:#fff;font-size:18px;font-family:'NanumSquareRound';}
.centerMain .proBox .galleryList ul li:hover div:after {content:'';position:absolute;right:15px;bottom:18px;display:inline-block;width:30px;height:30px;background:url('../images/bg_btn_main.png') no-repeat right -35px;}
.centerMain .proBox .galleryList .back {margin:0 -3px;}
.centerMain .proBox ul li {width:25%;padding:0 3px 27px;}
/* .centerMain .kidesBox .back {margin:0 -3px;} */
.centerMain .kidesBox .back {display:table;width:100%;overflow:hidden;}
.centerMain .kidesBox .back>div {display:table-cell;width:50%;height:400px;padding:0 3px;box-sizing:border-box;}
.centerMain .kidesBox .back>div:hover div a:after {content:'';position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;background: rgba(0, 0, 0, 0.65);}
.centerMain .kidesBox .back>div:hover .txtArea p {display:inline-block;}
.centerMain .kidesBox .back>div:hover .txtArea:after {content:'바로가기';position:absolute;right:0;bottom:0;display:inline-block;width:130px;height:30px;font-size:16px;color:#fff;line-height:2.2;background:url('../images/bg_btn_main.png') no-repeat right -35px;}
.centerMain .kidesBox .babyArea {position:relative;background:url('../images/img_kides01.jpg') no-repeat center center;background-size: cover;}
.centerMain .kidesBox .childArea {position:relative;background:url('../images/img_kides02.jpg') no-repeat center center;background-size: cover;}
.centerMain .kidesBox .swimArea {position:relative;background:url('../images/img_kides03.jpg') no-repeat center center;background-size: cover;}
.centerMain .kidesBox .gxArea {position:relative;background:url('../images/img_kides04.jpg') no-repeat center center;background-size: cover;}
.centerMain .kidesBox .safeArea {position:relative;background:url('../images/img_kides05.jpg') no-repeat center center;background-size: cover;}
.centerMain .kidesBox .golfArea {position:relative;background:url('../images/img_kides06.jpg') no-repeat center center;background-size: cover;}
.centerMain .kidesBox .txtArea {position:absolute;left:14px;right:14px;top:10px;bottom:24px;z-index:1;}
.centerMain .kidesBox .txtArea p {display:none;padding:20px 65px 0 15px;color:#fff;font-size:16px;line-height:24px;text-align:left;box-sizing:border-box;word-break: keep-all;}
.centerMain .proBox .kidesBox {margin-top:10px;}
.centerMain .proBox .kidesBox a {overflow:hidden;display:block;width:100%;height:400px;padding:10px;box-sizing:border-box;}
.centerMain .actiBox {display:table;width:100%;margin-bottom:10px;box-sizing:Border-box;}
.centerMain .actiBox .back {margin:0 -3px;}
.centerMain .actiBox .back div {position:relative;text-align:left;}
.centerMain .actiBox .back>* {display:table-cell;width:50%;padding:0 5px;}
.centerMain .actiBox .back>*>* {display:table;width:100%;padding:23px 0 23px 21px;border:1px solid #526f98;box-sizing:border-box;} /* 2019-05-23 수정 */
.centerMain .actiBox .txtArea {display:table-cell;padding-left:20px;}
.centerMain .actiBox .bg {display:table-cell;width:40%;background:url('../images/bg_program.png') no-repeat;border-right:1px solid #526f98;} /* 2019-05-23 수정 */
.centerMain .actiBox .bg1 {background-position:center top;}
.centerMain .actiBox .bg2 {background-position:center -200px;}
.centerMain .actiBox .bg3 {background-position:center -400px;}
.centerMain .actiBox .bg4 {background-position:center -600px;}
.centerMain .actiBox .bg5 {display:table-cell;position:relative;width:19%;border-right:1px solid #526f98;}
.centerMain .actiBox .bg5::before {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:105px;background:url('../images/bg_program05.svg') no-repeat center;background-size:100%}
.centerMain .actiBox strong {display:inline-block;width:100%;padding:20px 0;font-size:32px;color:#3e4344;box-sizing:border-box;font-family: 'NanumSquareRound' !important;letter-spacing: -0.05em;}
.centerMain .actiBox p {overflow:hidden;display:inline-block;height:90px;padding-right:22px;line-height:24px;word-break:keep-all;color:#666;font-size:16px;text-align:left;}
.centerMain .actiBox.nsei p {height:35px;}
.centerMain .actiBox span.time {display:inline-block;padding:0 0 30px 0;font-size:27px;color:#fa596c;}
.centerMain .actiBox span.time:before {content:'';display:inline-block;width:28px;height:32px;padding-right:10px;background:url('../images/bg_btn_main.png') no-repeat left top;vertical-align:top;}
.centerMain .actiBox span.begin {position:absolute;left:17px;bottom:0;float:left;color:#fa596c;font-size:18px;font-weight:500;}
.centerMain .actiBox span.begin em {margin:10px 10px 0 0;color:#526f98;font-size:18px;font-weight:500;}
/* 마이페이지 메인 */
.mypageMain {padding:40px;}
.mypageMain .gridSet  {padding:0 0 15px;table-layout:fixed;}
.mypageMain .gridItem  {vertical-align:top;}
.mypageMain .gI-6 {width:auto;}
.mypageMain .gI-4 {width:275px;}
.mypageMain .box {padding:0;margin-bottom:0;border-color:#7e8c99;}
.myYear {display:table;width:100%;}
.myYear span.cut {display:table-cell;width:22%;height:173px;text-align:center;vertical-align:middle;border-right:1px solid #7e8c99;}
.myYear span.cut img {width:100%;}
.myYear div {display:table-cell;position:relative;vertical-align:middle;}
.myYear div .btnSet {position:absolute;right:10px;top:10px;}
.myYear div p {padding:3% 5% 0 5%;font-size:14px;line-height:1.4em;font-weight:normal;}
.myYear div p strong {display:inline-block;margin:0 0 10px;font-size:20px;color:#f82638;font-weight:500;border-bottom:1px solid red;}
.myYear .btnSet.pPay {width:154px;}
.myYear .btnSet.pPay * {width:154px;background-position:-200px -440px;}
.myMembership {text-align:center;padding:12px 22px 0;height:173px;box-sizing:border-box;background:#597bab !important;}
.myMembership p {padding:5px 0 16px;font-size:13px;color:#fff;line-height:18px;font-weight:normal;text-align:left;}
.myMembership strong {display:inline-block;width:100%;color:#fff;font-size:24px;text-align:left;}
.myMembership a {display:inline-block;margin:0 auto;width:122px;height:34px;line-height:30px;color:#fff;border:1px solid #fff}
.myCom dl dt {padding:0 13px 0 22px;height:57px;line-height:55px;font-size:20px;font-weight:700;color:#ef4c67;box-sizing:border-box;border-bottom:1px solid #ef4c67;}
.myCom dl dt a {float:right;margin:13px 0 0;display:inline-block;padding:0 40px 0 0;height:30px;line-height:28px;font-weight:normal;background:url("../images/bg_btn.png") no-repeat right -600px;}
.myCom dl dt .selectSet {margin-left: 15px;vertical-align: middle;}
.myCom dl dt .selectSet select {display: block;}
.myCom dl dd {padding:6px 12px 0 12px;height:174px;box-sizing:border-box;}
.mymlist li {position:relative;padding:6px 10px 6px 28px;line-height:16px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #dae2e8;}
.mymlist li:before {position:absolute;left:0;top:50%;content:'';display:inline-block;margin:-3px 0 0;width:6px;height:6px;border-radius:2px;background:#686f79;}
.mymlist li span {font-size:12px;font-weight:normal;}
.mymlist li div {padding:5px 0 0 0;}
.mymlist li div:before {content:'';display:inline-block;margin:0 10px 0 0;width:8px;height:8px;border:1px solid #323a45;border-top:0;border-right:0;}
.mymlist.reRegis li {padding:6px 70px 6px 28px;}
.mymlist.reRegis li a {position:absolute;right:0;top:50%;display:inline-block;margin:-11px 0 0;width:60px;height:22px;color:#fff;text-align:center;line-height:20px;border-radius:6px;border:1px solid #d33a46;background:#ff4d5c;}
.myCom dl dd.healthInfo {padding:15px 12px 0 12px;}
.lastCase .myCom dl dt {color:#597bab;border-color:#597bab;}
.healthInfo div {position:relative;padding:0 0 0 0;font-weight:normal;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.healthInfo div span {display:inline-block;width:130px;}
.healthInfo div strong {font-size:18px;font-weight:500;}
.healthInfo div p {display:inline-block;font-weight:normal;}
.healthInfo input{margin:10px 0;}
.healthInfo em {display:inline-block;width:100%;font-size:12px;color:#ff1414;}
.myCom dl dd.lockerInfo {display:table;table-layout:fixed;padding:15px 12px 0 12px;width:100%;}
.lockerInfo > div {display:table-cell;vertical-align:top;width:50%;box-sizing:border-box;}
.lockerInfo > div:first-child {padding-right:2.5px;}
.lockerInfo > div:last-child {padding-left:2.5px;}
.lockerInfo .inner {border:1px solid #848990;background:#fff;}
/* .lockerInfo span {display:inline-block;padding:0 0 0 60px;width:100%;height:83px;text-align:left;font-size:18px;font-weight:500;color:#323a45;line-height:80px;box-sizing:border-box;background:url("../images/bg_mypageMainlocker.png") no-repeat 18px center;} */
.lockerInfo span {display:inline-block;position: relative;padding:0 0 0 10px;width:100%;height:83px;text-align:left;font-size:16px;font-weight:500;color:#323a45;line-height:80px;box-sizing:border-box;}
.lockerInfo span strong {margin:0 5px 0 0;display:inline-block;width:50px;height:26px;text-align:center;font-size:17px;line-height:26px;border:2px solid #597bab;}
.lockerInfo p {padding:6px 10px 0;height:55px;line-height:20px;font-weight:normal;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-top:1px solid #848990;}
.lockerInfo p em {float:left;display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.lockerInfo span .btnEnroll {position: absolute;right: 10px;top: 50%;margin: -13px 0 0;}

/* .myCom.myticket dl dt {height:40px;line-height:40px;}
.myCom.myticket dl dt a {margin-top:5px;} */
/* .myCom.myticket dl dd {height:133px;} */
.myCom.myticket dl dd strong {display:inline-block;margin-bottom:5px;width:100%;height:26px;line-height:1.8;text-align:center;background:#dce2e6;}
.myCom.myticket dl dd div {display:table;width:100%;text-align:left;}
.myCom.myticket dl dd div em {display:table-cell;padding:4px 0;width:68px;font-size:12px;font-weight:bold;}
.myCom.myticket dl dd div span {display:table-cell;}

/* 2021-05-18 추가 */
.youthBox, .eduMain {margin-top:46px;text-align:left;}
.youthBox .subTit, .eduMain .subTit {padding:37px 30px;text-align:left;}
.eduMain .subTit::after {content:'';display:block;clear:both;}
.eduMain .subTit .shareBox {float:right;margin-top:-6px;}
.eduMain .subTit .shareList {display:none;}
.eduMain .subTit .shareBox .btnShare.on {border:1px solid #324159;background-position:-40px -163px;}
.eduMain .subTit .shareBox .shareList {position:absolute;z-index:4;display:none;top:62px;right:30px;padding:7px;border:1px solid #324159;box-shadow:0 2px 3px rgba(0,0,0,.2);background:#fff;}
.eduMain .subTit .shareBox .shareList:after {position:absolute;z-index:3;top:-1px;right:0;content:'';display:inline-block;width:30px;border-top:1px solid #fff;}
.eduMain .subTit .shareBox .shareList li {float:left;padding:5px;}
.eduMain .subTit .shareBox .shareList li input {width:44px;height:44px;font-size:0;text-indent:-9999px;border:1px solid #98a5b6;background:url("../images/bg_sns.png") no-repeat;}
.eduMain .subTit .shareBox .shareList li.shareks input {background-position:left -45px;}
.eduMain .subTit .shareBox .shareList li.sharekt input {background-position:left -88px;}
.eduMain .subTit .shareBox .shareList li.sharenl input {background-position:left -132px;}
.eduMain .subTit .shareBox .shareList li.shareurl input {background-position:left -176px;}
.eduMain .cntsBox {padding:30px;border-bottom:1px solid #efefef;overflow:hidden;}
.eduMain .cntsBox:first-of-type {padding-right:0;}
.eduMain .eduCultList .swiper-slide a {display:inline-block;padding:0 22px;font-size:21px;color:#888;line-height:75px;border-radius:7px;border:1px solid #dfdfdf;}
.eduMain .eduCultList .swiper-slide.on a {color:#fff;background:#fb721f;border-color:#fb721f;}
.eduMain .txt01 {display:block;margin-bottom:12px;font-size:16px;color:#444;}
.eduMain .ageTypeList {font-size:0;}
.eduMain .ageTypeList > li {position:relative;display:inline-block;overflow:hidden;margin:7px;}
.eduMain .ageTypeList > li input {position:absolute;left:100%;top:100%;width:0;height:0;z-index:-1;}
.eduMain .ageTypeList > li label {display:inline-block;width:120px;font-size:16px;color:#888;text-align:center;line-height:52px;border:1px solid #f4f2f0;background:#f4f2f0;border-radius:37px;}
.eduMain .ageTypeList > li input:checked + label {color:#444;border:1px solid #ffca11;background:#fff;}
.youthBox .subTit h2, .eduMain .subTit h2 {font-size:27px;font-weight:bold;color:#444;}
#container .youthBox .bgGray, #container .eduMain .bgGray {background:#f6f6f6;}
.youthBox .cntsBox {padding:37px 30px;}
.youthBox .cntsBox .boxTit {padding:0 0 10px;margin-bottom:18px;font-size:24px;font-weight:500;color:#333;border-bottom:1px solid #e7e7e7;}
.youthBox .cntsBox .boxTit::before {display:none;}
.youthBox .linkList {font-size:0;}
.youthBox .linkList.ty01 {font-size:0;}
.youthBox .linkList > li {display:inline-block;margin:9px 11px 9px 0;width:calc(33.33% - 8px);}
.youthBox .linkList > li:nth-of-type(3n) {margin-right:0;}
.youthBox .linkList > li a {display:block;font-size:18px;color:#fff;text-align:center;border-radius:7px;line-height:72px;}
.youthBox .linkList.ty01 > li a {background:#ffa14e;}
.youthBox .linkList.ty02 > li a {color:#444;border:1px solid #ff8a50;}
.youthBox .linkList.ty03 > li a {background:#ff8244;}
.youthBox .linkList.ty04 > li a {color:#444;border:1px solid #ffcd45;}
.youthBox .ovalBox {position:relative;display:block;padding:25px 37px;font-size:21px;color:#444;border:1px solid #9f9f9f;border-radius:36px;background:#fff;}
.youthBox .ovalBox a {position:absolute;right:37px;top:50%;padding-right:13px;transform:translateY(-50%);font-size:16px;color:#9f9f9f;}
.youthBox .ovalBox a::after {content:'';position:absolute;right:0;top:50%;margin-top:-3px;width:6px;height:6px;border-width:1px 1px 0 0;border-style:solid;border-color:#9f9f9f;transform:rotate(45deg);}
.activeListBox .radioSet label {font-size:18px;}


@media screen and (max-width:1280px){
	#container.subMain .comBack {width:100%;}
	.subMslogan .comBack div {padding:0 20px 50px;}
	/* .centerMain .actiBox .bg {display:inline-block;width:100%;height:180px;border-right:none;}
	.centerMain .actiBox .bg3 {background-position:center -420px;}
	.centerMain .actiBox .txtArea {display:inline-block;width:100%;padding:0 20px;box-sizing:border-box;}
	.centerMain .actiBox .back>div>div {padding:10px;}
	.centerMain .actiBox strong {padding:5px 0;}
	.centerMain .actiBox p {height:auto;}
	.centerMain .hiretimeBox strong {font-size:26px;}
	.centerMain .hiretimeBox .time em {width:100%;} */
	.centerMain .hiretimeBox>div>div {height:414px;}
	.centerMain .hiretimeBox .time {font-size:22px;}
	.centerMain .facilityList strong {width:100%;margin:0 0 20px 0;}
	.centerMain .facilityList ul li {float:none;margin:5px 13px 20px;}
	.centerMain .hireBox .gridSet {display:inline-block;}
	.centerMain .hireBox .gridItem {display:inline-block;width:100%;}
	.centerMain .hireBox .imgBox {width:100%;}
	.centerMain .hireBox .txtBox .redBox {position:relative;left:0;margin-top:10px;}
	.youthCase .gnb ul>li span a {font-size:24px;}
}

@media screen and (max-width:980px){
	.subMslogan .comBack div {padding:0 10px 20px;}
	.subMslogan .comBack div span em {padding:20px 0 0;font-size:26px;}
	.subMslogan .comBack div span img {width:50%;}
	.centerMain .galBox h3 {margin-bottom:0;}
	.centerMain .galBox .subTit {background:none;display:inline-block;width:100%;padding:0 0 20px 0;}
	.centerMain .galBox .subTit span em {width:auto;}
	.centerMain .galBox h3:before {left:50% !important;margin:0 0 35px -16px;}
	.centerMain .proBox ul li {width:50%;}
	.centerMain .infoAlign>div {display:inline-block;width:100%;}
	.centerMain .infoAlign>div:nth-child(2),
	.centerMain .infoAlign>div:nth-child(3) {display:table-cell;width:33%;}
	.centerMain .eventList ul.mainList {display:inline-block;width:100%;}
	.centerMain .eventList ul.miniList {display:inline-block;width:100%;padding-top:0;}
	.centerMain .imgList ul li {width:50%;}
	.centerMain .actiBox .back>div>div {padding:23px 21px 23px 21px}
	.centerMain .actiBox .bg {display:none;}
	.centerMain .actiBox .txtArea {padding:0 0 0 0;}
	.centerMain .actiBox p {padding-right:0;}
	.centerMain .hiretimeBox>div>div {padding:10px;height:355px;}
	.centerMain .hiretimeBox strong {font-size:24px;}
	.centerMain .hiretimeBox .time em {width:56px;font-size:16px;}
	/* .centerMain .hiretimeBox {display:inline-block;}
	.centerMain .hiretimeBox>div {display:inline-block;width:100%;}
	.centerMain .hiretimeBox>div>div {height:430px;padding:10px;margin-bottom:10px;}
	.centerMain .hiretimeBox .time {display:block;margin-bottom:10px;font-size:14px;}
	.centerMain .hiretimeBox .time em {display:block;margin-bottom:5px;text-align:center;font-size:16px;} */
}

@media screen and (max-width:926px) and (orientation : landscape) {
  .centerMain .infoAlign {display:inline-block;box-sizing:border-box;}
	.centerMain .infoAlign>div {padding:10px 0;}
	.centerMain .infoAlign>div:nth-child(2),
	.centerMain .infoAlign>div:nth-child(3) {float:none;width:100%;display:inline-block;}
}

@media screen and (max-width:920px){
	.centerMain .kidesBox .back {margin:0;}
	.centerMain .dreamBox .kidesBox .back>div {display:inline-block;width:100%;padding:0;margin-bottom:20px;}
	.centerMain .dreamBox .kidesBox .back>div:first-child {padding:0;}
	.centerMain .dreamBox .kidesBox .back>div:last-child {padding:0;}
}
@media screen and (max-width:900px){
  .gnbBack .globalMainSwiper, .gnbBack .wellMainSwiper {display: none;}
  .globalBox .subTit, .dreamBox .subTit {display: none;}

  /* 2021-05-04 추가 */
  .glActiBox {display: none;}
  .centerMain .proBox ul li {width:25%;padding: 0 6px 22px;}
  .centerMain .proBox {padding:0;}
  .centerMain .proBox .galleryList {margin-top:45px;padding:46px 40px 26px;background:#fff7ee;}
  .centerMain .proBox.dreamBox .galleryList {background:#f1f5f8}
  .centerMain .proBox .galleryList ul li div {padding:0 0 calc(100% - 2px);border:1px solid #dfdfdf;border-radius:10px;line-height:0;}
  .centerMain .proBox .galleryList ul li div a {position:absolute;display:block;left:-2px;top:0;bottom:0;display:block;width:calc(100% + 4px);}
  .centerMain .proBox .galleryList ul li img {top:-2px;left:-2px;width:calc(100% + 2px);max-width:calc(100% + 2px);max-height:calc(100% + 2px);bottom:auto;display:block;}
  .centerMain .proBox .galleryList .proTit {left:-2px;right:-2px;width:calc(100% +  4px);display:table;padding:0 10px;height:45px;box-sizing:border-box;background:#fff;}
  .centerMain .proBox .galleryList .proTit strong {font-size:16px !important;font-weight:500;line-height:1.1;color:#333;display:table-cell;vertical-align:middle;}
  .centerMain .proBox .galleryList ul li:hover div a:after,
  .centerMain .proBox .galleryList ul li:hover .proTit span,
  .centerMain .proBox .galleryList ul li:hover div:after {display: none;}
  .centerMain .proBox .galleryList ul li:hover .proTit {width:100%;top:auto;bottom:0;margin:0 auto;line-height:normal;background:#fff;border-bottom:none;}
  .centerMain .proBox .kidesBox {display:none;}
  .centerMain .exBox, .centerMain .szBox, .centerMain .moDreamHire {display:block;}

  .pc-well-wt {display:none;}
  .centerMain .mHireTime {display:block;}

	.centerMain .lastBox {padding:30px 15px;}
  .centerMain .dreamHire {padding:30px 15px;display: none;}
	.centerMain .dreamHire .gogo {display:none;padding:25px 0 0 0;}
	.centerMain .dreamHire .gogo span {float:none;width:100%;padding:0 0 0 0;}
	.centerMain .dreamHire .gogo div {float:none;width:100%;padding:15px 0 0 0;}
	.centerMain .dreamHire .gogo .goBtn,
	.centerMain .dreamHire .gogo .openBtn {padding:0 0 0 0;width:100%;height:82px;line-height:82px;}
	.centerMain .dreamHire .gogo .openBtn {background:url('../images/bg_dreamHire_goBtn2.png') no-repeat;background-size:100% auto;}
	.centerMain .dreamHire .gogo div p {top:82px;left:0;right:0;padding:5px 0 5px 5px;}
	.centerMain .dreamHire .gogo div p a {font-size:12px;}
}
@media screen and (max-width:736px){
  /* 글로벌메인 청소년활동, 교육문화, 유아교육 추가 */
  .centerMain .globalBox .subTit {font-size:18px;margin-bottom:15px;}
  .centerMain .globalBox .teenActBox {padding: 25px 20px;}
  .centerMain .mSubTit {font-size:18px;margin-bottom:15px;}
  .centerMain .globalBox .teenActBox .subTit {margin-bottom: 30px}
  .centerMain .globalBox .teenActBox .txt {padding: 0 0 5px 60px;font-size: 13px;}
  .centerMain .globalBox .teenActBox .txt::before {width: 52px;height: 47px;}
  .centerMain .globalBox .teenActBox ul {margin-top: 6px}
  .centerMain .globalBox .teenActBox ul li {margin: 6px 5px 6px 0;}
  .centerMain .globalBox .teenActBox ul li a {padding: 5px 12px;font-size: 12px;}
  .centerMain .globalBox .eduBox {padding: 15px 0;}
  .centerMain .globalBox .eduBox .subTit {padding: 0 20px;}
  .centerMain .globalBox .eduBox ul {padding: 15px;}
  .centerMain .globalBox .eduBox ul li a {padding: 50px 15px 0;font-size: 13px;}
  .centerMain .globalBox .eduBox ul li a::before {height: 43px;}
  .centerMain .globalBox .eduBox ul li.eduCultMenu01 a::before {width: 28px;}
  .centerMain .globalBox .eduBox ul li.eduCultMenu02 a::before {width: 42px;}
  .centerMain .globalBox .eduBox ul li.eduCultMenu03 a::before {width: 42px;}
  .centerMain .globalBox .eduBox ul li.eduCultMenu04 a::before {width: 42px;}
  .centerMain .globalBox .eduBox ul li.eduCultMenu05 a::before {width: 42px;}
  .centerMain .globalBox .mKidesBox {padding: 25px 20px;}
  .centerMain .globalBox .mKidesBox .mSubTit {margin-bottom:25px;}
  .centerMain .globalBox .mKidesBox ul li {width: calc(50% - 8px);}
  .centerMain .globalBox .mKidesBox ul li:first-child {margin-right: 15px;}
  .centerMain .globalBox .mKidesBox ul li a {padding: 0 15px 0 64px;line-height: 36px;font-size: 12px;}
  .centerMain .globalBox .mKidesBox ul li a::before {left:10px;top:-13px;width:47px;height:61px;}
  .centerMain .globalBox .mActBox {padding: 25px 20px;}
  .centerMain .globalBox .mActBox ul li {width: calc(25% - 4px);margin-right: 5px;}
  .centerMain .globalBox .mActBox ul li a {font-size: 12px;border-radius: 10px;}
  .centerMain .globalBox .mActBox ul li:nth-of-type(4) {margin-right:0;}
  .centerMain .globalBox .mActBox ul li:last-of-type {width:100%;margin:5px 0 0;}

  .centerMain .proBox ul li {padding: 0 3px 11px;}
  .centerMain .proBox .galleryList {padding:23px 20px 13px;}
  .centerMain .proBox .galleryList .proTit {padding:0 5px;height:30px;}
  .centerMain .proBox .galleryList .proTit strong {font-size:11px !important;}
  .centerMain .lastBox {padding:30px 15px;}
  .centerMain .dreamHire .gogo div {padding:15px 0 0 0;}
  .centerMain .dreamHire .gogo .goBtn,
  .centerMain .dreamHire .gogo .openBtn {height:82px;line-height:82px;}
  .centerMain .dreamHire .gogo div p {top:82px;padding:5px 0 5px 5px;}
  .centerMain .dreamHire .gogo div p a {font-size:12px;}

  /* WELLNESS 메인 모바일 화면 개선 스타일 추가 */
  .centerMain .moDreamHire {padding: 25px 20px 15px;}
  .centerMain .moDreamHire li {width: calc(50% - 8px);}
  .centerMain .moDreamHire li:first-child {margin-right: 15px;}
  .centerMain .moDreamHire li a {padding: 0 24px;line-height: 36px;font-size: 14px;}
  .centerMain .moDreamHire li a::after {width: 5px;height: 5px;right: 24px;}
  .centerMain .exBox {padding: 27px 0 17px 20px;}
  .centerMain .exBox.ty02 {padding: 17px 0 27px 20px}
  .centerMain .exLi a {padding: 0 15px;font-size: 14px;line-height: 45px;border-radius: 5px;}
  .centerMain .exBox .more {right: 20px;top: 30px;padding-right: 10px;font-size: 11px;}
  .centerMain .exBox.ty02 .more {top: 20px;}
  .centerMain .exBox .more::after {width: 5px;height: 5px;}
  .centerMain .szBox {padding: 25px 20px;}
  .centerMain .szBox ul li {width: 25%;padding: 11px 0px;}
  .centerMain .szBox ul li a {padding: 35px 5px 0;font-size: 14px;}
  .centerMain .szBox ul li a::before {height: 28px;}
  .centerMain .szBox ul li:first-child a::before {width: 30px;}
  .centerMain .szBox ul li:nth-child(2) a::before {width: 31px;}
  .centerMain .szBox ul li:nth-child(3) a::before {width: 32px;}
  .centerMain .szBox ul li:nth-child(4) a::before {width: 31px;}
  .centerMain .szBox ul li:nth-child(5) a::before {width: 28px;}
  .centerMain .mHireTime {padding: 25px 20px;}
  .centerMain .mHireTime ul li {margin: 0 5px 0 0;padding: 11px;width: calc(33.33% - 4px);}
  .centerMain .mHireTime ul li .menu {font-size: 14px;margin-bottom: 10px;}
  .centerMain .mHireTime ul li .day {font-size: 12px;}
  .centerMain .mHireTime ul li .day02 {font-size: 12px;}
  .centerMain .mHireTime ul li .time {padding: 6px 0;font-size: 12px;}
  .centerMain .mHireTime ul li p:nth-child(2) {margin-bottom: 10px;}

  .centerMain .cGBox {padding: 25px 20px;}
  .centerMain .cGBox ul li {padding: 11px 0px;}
  .centerMain .cGBox ul li a {padding: 50px 5px 0;font-size: 14px;}
  .centerMain .cGBox ul li a::before {height: 44px;}
  .centerMain .cGBox ul li:first-child a::before {width: 44px;}
  .centerMain .cGBox ul li:nth-child(2) a::before {width: 43px;}
  .centerMain .cGBox ul li:nth-child(3) a::before {width: 44px;}
  .centerMain .cGBox ul li:nth-child(4) a::before {width: 44px;}

	.centerMain .galBox {padding:30px 15px;}
	.centerMain .galBox .galleryList ul li {width:50%;}
	.centerMain .eventList ul.mainList strong {-webkit-line-clamp:1;}
	.centerMain .eventList ul.mainList li a {height:162px;}
	.centerMain .eventList ul.mainList .imgBox {height:118px;}
	.centerMain .eventList ul.mainList .infoBox .view {display:none;}
	.centerMain .eventList ul.mainList .infoBox .date {display:none;}
	.centerMain .eventBox {padding:30px 15px;}
	.centerMain .infoAlign {display:inline-block;box-sizing:border-box;}
	.centerMain .infoAlign>div {padding:10px 0;}
	.centerMain .infoAlign>div:nth-child(2),
	.centerMain .infoAlign>div:nth-child(3) {float:none;width:100%;display:inline-block;}
	.centerMain .rocBox .mapBox {height:330px;}
	.centerMain .rocBox .subTit {position:relative;top:0;width:100%;height:auto;padding:20px;}
	.centerMain .rocBox .subTit span {position:relative;right:0;display:inline-block;width:100%;margin-top:5px;text-align:left;}
	.centerMain .actiBox {display:inline-block;margin:0;}
	.centerMain .actiBox .back {margin:0;}
	.centerMain .actiBox .back>div {display:inline-block;width:100%;padding:0;}
	.centerMain .actiBox .back>div>div {padding:15px 20px 5px 20px;margin:0 0 10px;}
	.centerMain .actiBox p {width:100%;height:auto;font-size:14px;}
	.centerMain .actiBox strong {padding:0;font-size:20px;}
	.centerMain .actiBox span.time {padding:0 0 0;font-size:20px;}
	.centerMain .actiBox span.time:before {vertical-align:middle;background-size:1200% auto;}
	.centerMain .actiBox span.begin {position:relative;left:auto;float:none;font-size:14px;}
	.centerMain .actiBox span.begin em {font-size:14px;}
	/* .centerMain .actiBox .gridSet {padding:23px 10px;}
	.centerMain .actiBox strong {font-size:26px;} */
	.centerMain .kidesBox .back>div {display:inline-block;width:100%;margin-bottom:25px;}
	.centerMain .hostelBox .reserveBox {display:inline-block;width:100%;padding-right:0;padding-bottom:5px;}
	.centerMain .hostelBox .mainBox {display:inline-block;width:100%;height:auto;}
	.centerMain .hostelBox .miniBox {display:inline-block;width:100%;}
	.centerMain .hostelBox .miniBox>div:first-child {padding:10px;}
	.centerMain .hiretimeBox {display:inline-block;}
	.centerMain .hiretimeBox>div {display:inline-block;width:100%;margin:0 0 10px;}
	.centerMain .hiretimeBox>div>div {height:auto;text-align:left;}
	.centerMain .hiretimeBox .bg {display:none;}
	.centerMain .hiretimeBox strong {font-size:20px;padding:0 0 5px;border:none;}
	.centerMain .hiretimeBox .time {font-size:18px;padding:0 10px 0 0;}
	.centerMain .hiretimeBox .time em {font-size:14px;width:auto;padding:0 10px 0 0;}
	/* .centerMain .hireBox .txtBox strong {font-size:20px;}
	.centerMain .hiretimeBox>div>div {height:240px;padding:10px;}
	.centerMain .hiretimeBox .bg {display:none;}
	.centerMain .hiretimeBox strong {border-top:none;padding:10px 0 20px;font-size:18px;height:85px;} 2019-05-23 수정
	.centerMain .hiretimeBox p {position:relative;bottom:0;font-size:14px;}
	.centerMain .hiretimeBox {display:inline-block;}
	.centerMain .hiretimeBox>div {display:inline-block;width:100%;}
	.centerMain .hiretimeBox>div>div {height:auto;padding:10px;}
	.centerMain .hiretimeBox .bg {display:none;}
	.centerMain .hiretimeBox strong {border-top:none;padding:10px 0 20px;font-size:18px;height:auto;} */
	.centerMain .facilityList strong {font-size:20px;}
	/* .centerMain .proBox {padding:30px 15px 15px;} */
	/* .centerMain .proBox .galleryList {margin-top:30px;} */

  .youthBox .subTit, .eduMain .subTit {padding:27px 20px;}
  .eduMain .subTit .shareBox {margin-top:-6px;}
  .eduMain .subTit .shareBox .shareList {top:47px;right:20px;padding:5px;}
  .eduMain .subTit .shareBox .shareList:after {top:-1px;width:30px;}
  .eduMain .subTit .shareBox .shareList li {padding:5px;}
  .eduMain .subTit .shareBox .shareList li input {width:44px;height:44px;}
  .eduMain .subTit .shareBox .shareList li.shareks input {background-position:left -45px;}
  .eduMain .subTit .shareBox .shareList li.sharekt input {background-position:left -88px;}
  .eduMain .subTit .shareBox .shareList li.sharenl input {background-position:left -132px;}
  .eduMain .subTit .shareBox .shareList li.shareurl input {background-position:left -176px;}
  .eduMain .cntsBox {padding:15px 20px;}
  .eduMain .eduCultList .swiper-slide a {padding:0 15px;font-size:14px;line-height:50px;border-radius:5px;}
  .eduMain .txt01 {margin-bottom:8px;font-size:11px;}
  .eduMain .ageTypeList > li {margin:5px 5px 5px}
  .eduMain .ageTypeList > li label {width:80px;font-size:11px;line-height:35px;border-radius:25px;}
  .youthBox .subTit h2, .eduMain .subTit h2 {font-size:18px;}
  .youthBox .cntsBox {padding:25px 20px;}
  .youthBox .cntsBox .boxTit {padding:0 0 7px;margin-bottom:12px;font-size:16px;}
  .youthBox .linkList > li {margin:6px 6px 6px 0;width:calc(33.33% - 4px);}
  .youthBox .linkList > li a {font-size:12px;border-radius:5px;line-height:48px;}
  .youthBox .ovalBox {padding:17px 25px;font-size:14px;border-radius:24px;}
  .youthBox .ovalBox a {right:25px;padding-right:9px;font-size:11px;}
  .youthBox .ovalBox a::after {margin-top:-2px;width:4px;height:4px;}
  .activeListBox .radioSet label {font-size:12px;}
}
@media screen and (max-width:568px){
	.subMain h3 {padding-top:20px;font-size:24px;}
	.subMain .btnMore {height:36px;line-height:36px;font-size:16px;}
	.subMslogan .comBack div span em {font-size:16px;}
	.centerMain .galBox h3 {margin-bottom:0;}
	.centerMain .galBox .subTit span {font-size:18px;padding: 10px 0 0;}
	.centerMain .galBox .subTit span em {margin:0 0 0 5px;vertical-align:middle;font-size:20px;}
	.centerMain .galBox .galleryList ul li:last-child div {padding:0;}
	.centerMain .galBox .btnMore_l {position:relative;}
	.centerMain .eventList ul.miniList li {width:100%;}
	/* .centerMain .proBox .galleryList .proTit strong {font-size:14px;} */
	.centerMain .proBox .galleryList ul li:hover .proTit span {font-size:14px;}
	/* .centerMain .actiBox .bg {background:none;height:0;}
	.centerMain .actiBox .txtArea {padding:0;}
	.centerMain .actiBox span.time {padding:0 0 10px 0;} */
	.centerMain .facilityList {padding:10px;}
	.centerMain .facilityList ul li.on {margin-top:0;}
	.centerMain .hostelBox {padding:20px 15px;}
	/* .centerMain .proBox .galleryList .proTit strong {line-height: inherit;} */
	.centerMain .proBox .galleryList ul li:hover .proTit {border-bottom:none;}
	.centerMain .proBox .galleryList ul li:hover .proTit strong {line-height:normal;}
	.centerMain .proBox .galleryList ul li:hover div:after {bottom:auto;top:0;right:0;background-position:right -65px;} /* 모바일 hover 다시 체크해야함 */
	.centerMain .hireBox {margin-top:20px;}
	.centerMain .infoList div strong {font-size:18px;}
	.centerMain .infoList ul li a {padding-right:95px;font-size:14px;}
	.centerMain .infoList ul li span {font-size:14px;}
	.centerMain .infoTime strong {padding:15px 0;font-size:18px;}
	.centerMain .infoTime strong:before {width:30px;height:30px;margin-right:10px;background-size:30px auto;}
	.centerMain .infoTime ul li {margin-bottom:15px;font-size:14px;}
	.centerMain .infoBus strong {padding:15px 0 104px;font-size:18px;}
	.centerMain .infoBus div.route {padding:10px 20px;min-height:80px;}
	.centerMain .infoBus p {font-size:14px;}
	/**/
	.centerMain .actiBox .back>div>div {padding:15px 10px 5px 10px;}
	.centerMain .actiBox span.time {font-size:18px;}
	/* .centerMain .actiBox strong {height:27px;padding:0 0 20px 0;font-size:22px;display:inline-block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
	.centerMain .actiBox p {height:50px;padding-left:0;padding-bottom:10px;display:inline-block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:27px;max-height:54px;}
	.centerMain .actiBox span.time {padding:0 0 30px 0;font-size:14px;}
	.centerMain .actiBox span.time:before {display:none;padding-right:10px;vertical-align:bottom;}
	.centerMain .actiBox span.begin {left:0;font-size:14px;}
	.centerMain .actiBox span.begin em {font-size:14px;}
	.centerMain .actiBox .back>div>div {padding:10px;} */
	/**/
	.subMain .infoTxt {padding:10px;}
	.subMain .infoTxt h3 {margin-bottom:5px;font-size:20px;}
	.subMain .infoTxt span {font-size:12px;line-height:22px;}
	.centerMain .hostelBox .miniBox div:first-child p {font-size:14px;}
	.centerMain .hostelBox .miniBox div:first-child p strong {font-size:18px;}
	.centerMain .hostelBox .miniBox>div:last-child {padding:10px;}
	.centerMain .hostelBox .miniBox button {font-size:14px;}
	/**/
	.centerMain .roomBox {padding:20px 15px;}
	.centerMain .imgList ul {margin-top:20px;}
	/**/
	.mypageMain {padding:20px 15px;}
}

@media screen and (max-width:320px){
	.centerMain .kidesBox .txtArea p {padding:10px 65px 0 15px;}
}