@charset "utf-8";

/* =================================================================================
* INFORMATION
* -----------------------------------------------------------------------
* @File Name: responsive.css
* @Version: 1.0
* @Create Date: 2018-02-05
* @Update Date: N/A
* @History: N/A
* ================================================================================= */

/* =============================================================================== */
/* Custom Responsive                                                               */
/* =============================================================================== */

@media screen and (min-width:769px){
	.tab .btnPrev,
	.tab .btnNext {display:none !important;}
}
/* pc 사이즈 경우 */
@media screen and (max-width:1279px){
	#wrap .comBack {width:100%;}
	#container.subCase .comBack {width:100%;border:none;border-top:1px solid #ced6e2;border-bottom:1px solid #ced6e2;}
	/* 2019-05-29*/
	.contents .contentsBox {width:100%;}
	.subTitle p {font-size:15px;padding: 0 30px 0 30px;}
	/* end 2019-05-29*/
	.gnbBack h2 span.gnbTit {width:100%;}
	/* .mainCase ul li img {width:100%;} 2018-04-24 */
	/* 2021-05-06 */
	.teacherWrap #container .comBack {border-width: 0;}
}
@media screen and (max-width:1060px){/*2019-05-23 추가 */
	.gnbBack .mainSwiper {height:auto;}
	.gnb ul>li span a {font-size:26px;}
	.gnb ul>li ol a {font-size:23px;}
	.busTab div span {display: none; }

	.commonPop.mnotiPop {margin:0 0 0 -200px !important;width:400px;bottom:auto;left:50%;right:auto;height:400px;}
	.commonPop {top:25%;}
	.lockerPop, .refundPop {top: 50%;}
}
@media screen and (max-width:980px){
	.pd40 {padding:15px;}
	.basicLnb .btnBack {left:10px;width:45px;height:45px;background-size:60% auto;}
	#header {position:relative;}
	.basicLnb {height:45px}
	.basicLnb h1 {top:10px;left:10px;width:30px;overflow:hidden;background:url("../images/img_top_logo_m.png") no-repeat;background-size:100% auto;}
	.basicLnb ul {display:none;}
	.basicLnb .comBack div {display:none;}
	.basicLnb:after {width:100%;}
	.basicLnb .goMnav {display:inline-block;}
	.gnbBack {padding:0px;}
	.gnbBack h2 {height:auto;}
	.gnbBack h2 {position:fixed;left:40px;top:0;padding:0;z-index:11;}
	.gnbBack h2 span.gnbTit {padding:0 0 0 10px;width:auto;line-height:44px;font-size:18px;}
	.gnbBack h2 span.gnbTit em {font-size:14px;}
	.gnbBack h2 span.gnbTit a {display:none;}
	.gnbBack .comBack {display:none;}
	.gnbBack .scollPos {display:none;}
	.subTitle p {display:none;}
	.gnbBack:after {display:none;}
	.youthCase .gnbBack h2 span.gnbTit {padding:0 0 0 10px;line-height:44px;}
	.youthCase .gnbBack h2 span.gnbTit span {display:none;}
	.gnbBack .smallMN {position:fixed;top:60px;left:8px;right:auto;} /* 2019-05-27 추가 */
	.gnbBack .smallMN input {float:none;display:block;}
	/* .mainCase h2 {padding:0 20% 20px;}
	.mainCase img {width:100%;} */
	/**/
	.mainSwiper .swiper-button-prev,
	.mainSwiper .swiper-button-next {margin-top:-22px;}
	#container.subMain {margin:0;}
	#container.subCase {padding:0;margin-top:45px;}
	.teacherWrap #container {padding: 70px 0;margin-top: 0;}
	.pcScharea {display:none;}
	.mScharea {display:block;}
	.boardTop .selectSet:not(.ty02) {position: absolute;right: 50px;margin: 0;}
	.mScharea .searchArea {float:none;}
	.gnbBack .gnbImg  {display:none;}
	.gnbBack .mainSwiper {margin:45px 0 0;}
	#header.dreamCase .gnbBack .mainSwiper, #header.globalCase .gnbBack .mainSwiper {margin:0 !important;}
	.mainSwiper .swiper-button-prev,
	.mainSwiper .swiper-button-next {margin-top:-22px;top:50%;}
	.gnbBack .mainSwiper .gnbImg {display:inline-block;}
	.gnbBack .mainSwiper .gnbImg.mobile {display: none;}
	/**/
	.pd-t40 {padding:0 15px 20px;}
	.pd40-t20 {padding:20px 15px 20px;}
	.galleryList ul li {width:33.3%;}
	.greetArea {padding:20px;}
	.greetArea .txtArea {padding:46px 20px 20px;}
	/**/
	.subMslogan {padding-top:20px;background:url('../images/bg_gnb_center.png') repeat left bottom;}
	.subMslogan.hostelSlogn {padding-top:20px;background:url('../images/bg_gnb_youth.png') repeat left bottom;}
	/**/
	.joinstepArea .btnBox {margin:40px 0 25px;}
	.lockerInfo span {background:none;}
	/* 온라인수강신청 */
	.onschAreaBack {padding:20px 20px 20px;}
	.onschArea .line.l2 input {width:55%;}
	/* footer */
	.footAddress {padding:10px;}
	.footAddress div img {display:none;}
	.footAddress .addBox {width:auto;}
	.footAddress .siteBox {position:absolute;top:-9px;right:0;text-align:left;}
	.footAddress .link a {margin-bottom: 15px;}
	.footCopy {text-align:left;}
	/**/
	.pgList.activityCase ul {overflow:hidden;}
	.pgList.activityCase ul li {float:left;width:50%;padding:0 5px 5px;box-sizing:border-box;}
	.pgList.activityCase ul li .imgBox {position:relative;width:100%;padding:0;}
	.pgList.activityCase ul li .imgBox img {min-width:100%;min-height:100%;}
	.pgList.activityCase ul li .txtBox {overflow:hidden;padding:0 10px;height:245px;}
	.pgList.activityCase ul li .txtBox strong {padding:10px 0 5px;font-size:22px;}
	.pgList.activityCase ul li .txtBox span {display:inline-block;width:100%;font-size:14px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
	.pgList.activityCase ul li p {display: inline-block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;white-space: normal; line-height:2em; height:6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	/**/
	/* .comBack .indexMenu li {display:table-row;}
	.comBack .indexMenu li span {display:table-cell;}
	.comBack .indexMenu li span a {display:block;} */
	.greetArea img {width:23%;}
	.leaseArea .leaselist ul li span {display:none;}

	#error {width:90%;margin:-225px 0 0 -45%;padding:35px 20px 0;word-break:keep-all;}
	#error h1 img {width:80%;}
	#error strong {font-size:19px;}

	.teacherWrap .logoutBtn {height: 25px;line-height: 25px;font-size: 12px;top: 10px;right: 15px;width: 100px;}
}
/* =============================================================================== */
/* =============================================================================== */
/* 반응형 레이아웃 넓이 800 이하 일 경우 */
@media screen and (max-width:1030px){
	.myCom dl dt {font-size: 16px;}
	.myCom dl dt a {padding:0;width:30px;font-size:0;text-indent:-9999px;overflow:hidden;}

	.mypageMain .gridSet.lastCase {display:inline-block;width:100%;}
	.mypageMain .gridSet.lastCase .gridItem {display:inline-block;width:100%;}
	.mypageMain .gridSet.pdCase.lastCase .gridItem {padding:0 0 15px !important;}
	.mypageMain .gridSet.pdCase.lastCase .gridItem:last-of-type {padding:0 !important;}
}
/* 반응형 레이아웃 넓이 900 이하 일 경우 */
@media screen and (max-width:900px){
	.tab {margin-top:0;border-bottom:1px solid #e0e0e0;}
	.tab span {background:#e0e0e0;border-width:0 1px 1px 0;border-style:solid;border-color:#c1bdbd;}
	.tab span.on {background:#fff;border-color:#fff;}
	.tab span.on a,
	.tab span input[type="button"] {color:#8e8e8e;}
	.tab span.on input[type="button"] {color:#787878;}
	.tab span:first-child {border-left:1px solid #e0e0e0;}
	.tab span:last-child {border-right-width:0;}
	.tab .btnPrev {background:url("../images/btn_swiper_prev.png") no-repeat 50% 50%;background-size:10px auto;}
	.tab .btnNext {background:url("../images/btn_swiper_next.png") no-repeat 50% 50%;background-size:10px auto;}

	.centerMain .cGBox {display:block;}

	.myYear div p {font-size:12px;}
	/* 온라인수강신청 */
	.onschArea .line.l2 input {width:40%;}
	/**/
	.chartArea .tbLayout .box {padding:10px;}
	/**/
	.historyArea .listArea {display:inline-block;width:100%;}
	.historyArea .listArea div {width:100%;}
	.historyArea .listArea div.tb2 {display:inline-block;width:100%;padding-left:0;margin-top:20px;text-align:center;}
	.historyArea .listArea div.tb2 .imgBox {display:inline-block;width:auto;}
	/**/
	.facilityPop {width:auto;left:20px;right:20px;top:20px;bottom:20px;margin:0;}
	.facilityPop .popData {max-height:100%;bottom:0 !important;}
	.facilityPop .swiper-slide div {height:-webkit-fill-available;}

	#container.indexCase .comBack {position:absolute;padding:160px 0 0;top:0;bottom:0;box-sizing:border-box;overflow: auto;}
	#container.indexCase h2 {position:absolute;top:0;left:0;width:100%;padding:37.5px 20px;box-sizing:border-box;}
	#container.indexCase .smallMN {top:105px;right:40px;}
	#container.indexCase .indexMenu {height:100%;display: none;}
	#container.indexCase .indexMenu li {display:table-row;width:100%;height:25%;box-sizing:border-box;border:0;}
	#container.indexCase .indexMenu li a {display:table-cell;height:auto;vertical-align:middle;}
	#container.indexCase .indexMenu li span {display:inline-block;height:auto;font-weight:500;color:#fff;font-size:33px;}
	#container.indexCase .indexMenu li span em {display:none;}
	#container.indexCase .indexMenu li:hover span {background:none;}
	#container.indexCase .indexMenu li:nth-child(1) a {background:#e43a46;}
	#container.indexCase .indexMenu li:nth-child(1) a:hover {background:#e43a46;}
	#container.indexCase .indexMenu li:nth-child(2) a {background:#fb911f;}
	#container.indexCase .indexMenu li:nth-child(2) a:hover {background:#fb911f;}
	#container.indexCase .indexMenu li:nth-child(3) a {background:#4ba1e4;}
	#container.indexCase .indexMenu li:nth-child(3) a:hover {background:#4ba1e4;}
	#container.indexCase .indexMenu li:nth-child(4) a {background:#6dbe45;}
	#container.indexCase .indexMenu li:nth-child(4) a:hover {background:#6dbe45;}

	/* 2021-05-04 모바일 인트로 화면 개선 */
	#container.indexCase .mIndexMenuBox {display: block;padding: 0 20px}
	.smallBarcd {display: block;}
	.myYear .bcdInfo {display: block;}

	/* 2021-05-04 모바일 FNB 추가 */
	.mFnb {display: block;}
	.moHide {display:none;}
	.moView {display:block;}
	.centerMain .globalBox .teenActBox, .centerMain .globalBox .eduBox, .centerMain .globalBox .mKidesBox, .centerMain .globalBox .mActBox {display: block;}

	.rsGird .rsNmg .new {position: absolute;right: 0;}
	.teacherWrap .tbls1 table tbody td {padding: 20px 5px}
	.teacherWrap .btnEnroll ~ .btnEnroll  {margin-left: 5px;}

	/* 2021-05-18 추가 */
	.helpBox {display:block;}
	.activeListBox .boardTop > .left {float: left !important;}
	#footer .footAddress, .footCopy, .footAddress .siteSet {background:#f6f6f6;}
	.footAddress .link a {color:#444;}
	.footAddress .info {color:#888;}
	.footCopy {font-size:10px;padding: 2px 10px 30px;}
	.footAddress .siteSet {box-shadow:2px 2px 2px rgb(0 0 0 / 10%), inset 0 1px 1px #fff;}

	.pgList .stateIcon {top:12px;right:-7px;margin-top:0;padding:0 10px;width:auto;height:25px;line-height:25px;font-size:13px;}
	.pgList .stateIcon::after {content:'';position:absolute;right:0;bottom:-7px;width:0;height:0;border-bottom:7px solid #707578;border-right:7px solid transparent;transform:rotate(90deg);}
	.pgList .stateIcon.green::after {border-bottom:7px solid #06663c;border-right:7px solid transparent;}
	.pgList .stateIcon.pink::after {border-bottom:7px solid #af2438;border-right:7px solid transparent;}
	.pgList .stateIcon.blue::after {border-bottom:7px solid #1541a4;border-right:7px solid transparent;}

	html, body {background:#f6f6f6;}
}
/* =============================================================================== */
/* =============================================================================== */
/* 반응형 레이아웃 넓이 800 이하 일 경우 */
@media screen and (max-width:800px){
	.joinstepArea .emergency .filed-3.filed-2 {margin-bottom:5px;}
	/* mypageMain */
	.mypageMain .gridSet.line1 {display:inline-block;width:100%;}
	.mypageMain .gridSet.line1 .gridItem,
	.mypageMain .gridSet.line2 .gridItem {display:inline-block;width:100%;}
	.mypageMain .gridSet.pdCase.line1 .gridItem,
	.mypageMain .gridSet.pdCase.line2 .gridItem {padding:0;}
	.mypageMain .gridSet.pdCase.line2 .gridItem:first-child {padding:0 0 15px !important;}
	.mypageMain .gI-6 {padding:0 0 15px !important;}
	.mypageMain .gI-4 {display:inline-block;}
	.mypageMain .lastCase .myCom {position:relative;}
	.mypageMain .lastCase .myCom dl dd {clear:left;display:inline-block;width:100%;height:auto;padding:8px 12px 8px 12px;}

	.myYear {display:table;width:100%;}
	.myYear span.cut {width:18%;height:auto;}
	.myYear div p {padding:3% 5% 3% 5%;}
	.myMembership {position:relative;height:auto;}
	.myMembership p {font-size:12px;}
	.myMembership a {position:absolute;right:10px;top:10px;}
	.healthInfo input {position:absolute;right:10px;top:0;}
	.healthInfo em {padding:5px 0 10px;}
	.lockerInfo > div {display:block;width:100% !important;margin-bottom:5px;padding:0 !important;}
	.lockerInfo > div:last-of-type {margin-bottom:0;}
	.lockerInfo .inner {padding:5px;}
	.lockerInfo span {height:auto;line-height:normal;}
	.lockerInfo p {display:inline-block;height:auto;border:none;}
	.lockerInfo p em {float:none;width:auto;}
	/**/
	.sportIcon {font-weight:normal;}
	.sportIcon:before {margin:0 0;}
	/**/
	.busArea .tab-car .proDt .tbls1 {float:left;width:100%;padding-right:0;box-sizing:border-box;}
	.busArea .tab-car .proDt .tbls1 table tbody tr:last-child td {border-bottom: 1px solid #e7ebeb;}
	.busArea .tab-car .proDt .tbls1:last-child {padding-right:0;padding-left:0;}
	.busArea .tab-car .proDt .tbls1:last-child {border-top:0;}
	.busArea .tab-car .proDt .tbls1:last-child thead {display:none;}
	/**/
	.hisArea {padding:20px 30px;}
	.hisArea ul li>div {display:inline-block;width:100%;padding-left:50px;box-sizing:border-box;}
	.hisArea ul li .date {width:100%;margin-bottom:10px;font-size:22px;}
	.hisArea ul li img {width:100%;}
	.hisArea ul li p {position:relative;left:0;margin-top:10px;}
	.hisArea ul li .imgTxt img:first-child {width:auto;}

}
/* =============================================================================== */
/* 반응형 디바이스 (Tab, Tablet) 넓이 768 이하 일 경우 */
@media screen and (max-width:768px){
	.tab span.on a,
	.tab span.on input[type="button"] {font-weight:500;}
	.tab .btnNext {display:block;}
	.tab.ticketTab .btnNext {display:none !important;}
	/**/
	.pgList .back {margin:0 -5px;}
	/* .pgList ul {overflow:hidden;} */
	/* .pgList ul li {float:left;width:50%;padding:0 5px 5px;box-sizing:border-box;} */
	.pgList ul li {float:left;width:100%;padding:0 0 5px;box-sizing:border-box;}
	.pgList ul li .txtBox strong {padding:5px 0;font-size:14px;}
	.pgList ul li .txtBox span {display:inline-block;width:100%;font-size:12px;line-height:1.4rem;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
	.pgList ul li b {top:-1px;margin-top:0;}
	.pgList ul li.none .imgBox:before {width:100%;}
	.pgList ul li.imgNone .txtBox {padding:5px 10px;}

	/* mypageMain */
	.myYear div p {padding-bottom:0;}
	.myYear div .btnSet {position:static;margin:10px 0 3% 5%;}
	/* chartArea */
	.chartArea .tbLayout .box {padding:0;border:none;}
	.chartArea .orgLayout .tit {display:none;}
	.chartArea .orgLayout .division {display:inline-block;width:100%;padding: 10px 0;border-right:0;border-bottom:1px solid #ced6e2;font-weight:500;}
	.chartArea .orgLayout .tbc.tbFull {display:table;width:100%;}
	.chartArea .orgLayout .tb.contents {border-top:1px solid #38465a;}
	.chartArea .orgLayout .tb.contents .tb div {padding:10px 5px;text-align:center;font-size:12px;}
	.chartArea .orgLayout .tb.contents:last-child .division {border-bottom:1px solid #ced6e2;}
	.chartArea .orgLayout .tb.inner:last-child {border-bottom:none;}
	.chartArea .orgLayout .tb.inner .tbc:first-child {width:15%}
	.chartArea .orgLayout .tb.inner .tbc:nth-child(2) {width:20%;}
	.chartArea .orgLayout .tb.inner .tbc:nth-child(3) {width:35%;}
	.chartArea .orgLayout .tb.inner .tbc:nth-child(4) {width:30%;}
	.contents .contentsBox .contentsTop {display:inline-block; padding:0;}
	.contents .contentsBox .topText {display:inline-block;width:100%;box-sizing:border-box;}
	.contents .imageBox {display:inline-block;width: 100%;}
	.subTitle p {line-height:30px;}
	.leaseArea .leaselist {padding:5px;}
	.leaseArea .leaselist ul li dl {padding:0;}
	.busArea .tab-car .proDt {display:inline-block;width:100%;}
	.pgList ul li a .txtBox span:nth-child(4) p {display:none;}


}
/* =============================================================================== */
/* 연회원 펍업 넓이 740 이하 일 경우  */
@media screen and (max-width:740px){
	.annualPop {width:90%;margin:0 0 0 -45%;}
	.annualPop.firstCase {width:90%;margin:-276px 0 0 -45%;}
	.annualLayout .bbsws1 .btnC.white {margin:10px 0 0;}
	.annualLayout .bbsws1 dl dt {display:table-cell;}
	.annualLayout .bbsws1 dl dt:before {margin:-2px 10px 0 0;}
	.annualLayout .bbsws1 dl dd {display:table-cell;width:auto;}
	.annualLayout .bbsws1 dl dd input[type="text"].w180 {width:100%;}
	.annualLayout .bbsws1 dl dd input[type="text"].w120 {width:120px;}
	.annualLayout .bbsws1 dl dd .right {float:none;display:inline-block;width:100%;padding-top:10px;}
	.annualLayout .apaylist li div {display:block;}
	.annualLayout .apaylist li div .col {display:block;width:100%;}
	.annualLayout .apaylist li div .col2 span {margin:0 0 0 20px;}
    .annualLayout .donation div em {display:block;}
	/**/
	.sISetInfo {clear:left;display:inline-block;width:100%;padding:10px 0 5px;}
}

/* 연회원 펍업 넓이 700 이하 일 경우  */
@media screen and (max-width:700px){
	.annualLayout .lightInfo .btnSet {position:relative;float:right;margin-top:10px;}
	.annualLayout .annualList dl dd {overflow:hidden;}
}


/* =============================================================================== */
/* 디바이스(iPhone 6 plue 가로모드 기준) 넓이 736 이하 일 경우 */
@media screen and (max-width:736px){
	#container.subCase .conPos {height:40px;padding:0 20px 0 20px}
	#container.subCase .conPos h2 {font-size:20px;line-height:38px;}
	#container.subCase .conPos h2:before {width:2px;height:30px;}
	#container.subCase .conPos .right {margin:4px 0;}
	#container.subCase .conPos .shareList {top:35px;right:20px;}
	#container.subCase .conPos .btnPrint {display:none;}
	.root {display:none;}
	.bbsvs1 .viewTit {padding:10px 20px;}
	.bbsvs1 .viewTit h3 {font-size:16px;padding-bottom:10px;}
	.bbsvs1 .viewTit .viewInfo {width:100%;padding-top:10px;text-align:right;border-top:1px solid #ced6e2;}
	.bbsvs1 .viewTit .viewInfo span:first-child {margin-right:10px;}
	.bbsvs1 .viewTit .viewInfo strong:after {height:16px;}
	.bbsvs1 .conLayout {padding:10px 20px;}
	.boardBottom {padding:14px 10px;text-align:center;}
	div.paginate a {width:22px;}
	/* mailSet */
	.mailSet {width:100%;}
	.mailSet>div {display:table-cell;}
	.mailSet>div:nth-child(1) {width:50%;}
	.mailSet>div:nth-child(2) {width:30px;padding:0 10px;}
	.mailSet>div:nth-child(3) {width:50%;padding-right:0;}
	.mailSet>div:last-child {display:block;width:100%;margin-top:10px;}
	/* list : 반응형 목록 */
	.hideCol {display:none !important;}
	.tbls1 .rsGird {position:relative;display:inline-block;text-align:left;}
	.tbls1 .rsGird a {line-height:normal;}
	.myArea .reserveList .rsTit {line-height:normal;}
	.tbls1 .rsGird .rsItem {display:inline-block;width:auto;text-align:left;font-size:12px;color:#373737;}
	.tbls1 .rsGird .rsItem.enroll {position:absolute;top:8px;right:0;}
	.tbls1 .rsGird .rsItem.rs100 {width:100% !important;}
	.tbls1 .rsGird .rsItem.rsTit {width:100%;font-weight:500;font-size:14px;margin:14px 0 5px;}
	.tbls1 .rsGird .rsItem.rsTit.rsNmg {margin:2px 0;}
	.myArea .tbls1 .rsGird span em {display:inline-block;}
	.tbls1 .rsGird .rsItem.rsDate {width:100%;color:#878787;}
	.tbls1 .rsGird .rsItem.rsView {padding-left:10px;}
	.tbls1 .rsGird .rsItem.rsView:before {content:'';display:inline-block;width:1px;height:12px;margin-right:10px;background:#878787;vertical-align:middle;}
	.tbls1 .rsGird .rsItem.rsTerm {width:100%;}
	.tbls1 .rsGird .rsItem.rsState {width:100%;}
	.tbls1 .rsGird .rsItem.rs100.wd50 {width:calc(50% - 3px) !important;}
	.tbls1 .rsGird .rsItem.rsBtn {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
	.tbls1 .rsGird .rsItem.rsBtn .btnEnroll {width: 60px;height: 60px;border-radius: 50%;font-size: 12px;padding: 0}

	.tbls1 {border-top:1px solid #6b7685;}
	.tbls1 table thead tr.listNon {display:none;}
	.tbls1 table thead .rsItem.hideCol2 {display:inline-block !important;}
	.tbls1 table thead .rsGird {text-align:center;}
	.tbls1 table thead .rsItem span {display:inline-block;}
	.tbls1 table thead .rsItem span.showCol {display:none;}
	.tbls1 table tbody span.showCol,
	.tbls1 table tfoot span.showCol {display:inline-block;padding-right:3px;color:#373737;}
	.tbls1 table tbody .rsdate {font-size:93%;}
	.tbls1 table tbody .lLine {margin-left:5px;padding:0 5px;border-left:1px solid #ddd;}
	.tbls1 .rsGird .rsItem.rsSubject {clear:left;padding:5px 0;width:100%;border-left:none;display:-webkit-box;}
	.tbls1 table tbody .rsTerm {text-align:left;}
	.tbls1 table tbody .rsTerm div {font-size:93%;display:inline-block;}
	.tbls1 table tbody td.num {display:none;}
	.rsls1.adminRsls .rsGird .rsItem.rsTit {text-align:left;}
	.rsls1.eventRsls .rsGird .rsItem.w180 {width:inherit;}
	.rsMleft {padding-left:5px;}
	.hideCol3 {display:none !important}
	/**/
	.bbsws1 dl dt {display:block;width:auto;padding:10px 10px 0px 0px;}
	.bbsws1 dl dt:before {margin-top:3px;}
	.bbsws1 dl dt:after {display:none;}
	.bbsws1 dl dd {display:block;width:100%;box-sizing:border-box;}
	.bbsws1 dl dd input[type="text"] {width:100%;}
	.bbsws1 dl dd .selectSet {width:100%;margin:0 0 10px 0;}
	.bbsws1 dl dd .partLeft {float:left;width:48%;margin-right:5px;}
	.bbsws1 dl dd .partRight {float:right;width:48% !important;}
	.bbsws1 dl.phone dd .selectSet {width:100%;}
	.bbsws1 div.filed-3 {display:table;width:100%;box-sizing:border-box;}
	.bbsws1 div.filed-3 div {display:table-cell;width:33.3%;padding-right:10px;}
	.bbsws1 div.filed-3 div:last-child {padding-right:0;}
	.bbsws1 div.filed-3 span.agent {display:none;}
	.bbsws1 div.filed-3.topFull {display:inline-block;width:100%;}
	.bbsws1 div.filed-3.topFull div:first-child {display:inline-block;width:100%;}
	.bbsws1 div.filed-2 div {display:table-cell;width:50%;padding-right:10px;}
	.bbsws1 dl dd div.filed-btn {display:table;width:100%;}
	.bbsws1 dl dd div.filed-btn div {display:table-cell;padding-right:10px;}
	.bbsws1 dl dd div.filed-btn div:last-child {width:90px;padding-right:0;}
	/**/
	.dlStyle {display:inline-block;}
	.dlStyle .tt {display:inline-block;width:100%;box-sizing:border-box;}
	.guideArea.infoCase .dlStyle .tt {width:100%;}
	.dlStyle .detail {display:inline-block;width:100%;box-sizing:border-box;}
	.dlStyle.vCase .detail {display:inline-block;width:100%;}
	.directInfo {padding:12px 10px 12px 15px;}
	.directInfo dl {display:inline-block;width:100%;padding:0 0 12px;}
	.directInfo dl dt {display:inline-block;width:100%;}
	.directInfo dl dd {display:inline-block;padding:0 0 0 13px;}
	/**/
	.eventList ul li {width:50%;}
	.galleryList ul li {width:50%;}
	.eventList .infoBox {left:7px;bottom:7px;}
	.eventList .infoBox .date {display:block;float:none;margin-top:5px;}
	.inquiryArea {padding:30px 15px;}
	.inquiryArea .infoBox {width:auto;}
	.busArea .tab-car .proDt .w80 {width:40px;}
	.busArea .tab-car .proDt .w120 {width:80px !important;}
	/**/
	.youthIntro .youthTop .youthImg {display:inline-block;width:100%;margin:0 0 10px 0;}
	.youthIntro .youthTop .youthTxt {padding:10px 0 0 0;}
	.youthIntro .dlStyle.vCase .detail.backImg {display:none;}
	/**/
	.youthSwiper-top.swiper-container {height:280px;}
	.youthSwiper-thumbs {height:68px;}
	/**/
	.tourArea .tourBox>div {display:inline-block;width:100%;}
	.tourArea .tourBox .txtBox {width:100%;}
	/**/
	.busArea .tbls1 table tr td.w100 {width:50px;}
	.busArea .tbls1 .rsGird .rsItem.nonCon {display:none;}
	/**/
	.tab.fixedTab span {width:50%;height:48px;box-sizing:border-box;}
	.guideArea div {padding:15px 10px;}
	.guideArea div ol {margin:-15px 0 0 0;}
	.guideArea div.lockerUse ol {margin:0;}
	.guideArea div.complyBox ol li,
	.guideArea div.refundBox ol li,
	.guideArea div.lockerUse ol li {height:24px;padding:22px 0;background:none;}
	.guideArea div.lockerUse ol li {margin-bottom:0;padding-bottom:75px;}
	.guideArea div.lockerUse ol li {height:auto;padding-bottom:0;}
	.guideArea div.lockerUse ol li strong {top:0;}
	.guideArea div ol li strong {position:relative;padding:0 5px;font-size:12px;box-sizing:border-box;}
	.guideArea div ol li:after {width:8px;height:8px;margin-top:-4px;}
	.guideArea dl dt span {padding-left:0;}
	.guideArea dl dd ul {padding-left:0;}
	/**/
	.programTop {display:inline-block;width:100%;box-sizing:border-box;}
	.programTop .img {display:inline-block;width:100%;box-sizing:border-box;}
	.programTop .prHeader {display:inline-block;width:100%;padding:0;box-sizing:border-box;}
	.summary {padding:10px 10px;font-size:14px;}
	.summary strong {font-size:14px;}
	.redList {position:relative;left:0;}
	.editorArea {padding:10px 10px;}
	.prEtc li {display:inline-block;box-sizing:border-box;}
	.prEtc li span {display:inline-block;width:100%;padding:6px 0 0 18px;box-sizing:border-box;}
	.planDownload a {float:none;}
	.planDownload em {display:block;line-height:1.6;word-break:keep-all;padding:0 0 .5rem;}
	.prCase.tbls1 table tbody th {width:10%;}
	.prCase.tbls1 .rsGird .rsItem {padding:5px 5px;width:auto;border-left:none;}
	.proApply li {display:inline-block;box-sizing:border-box;}
	.proApply li .tt {display:inline-block;width:100%;padding:6px 0 0 18px;box-sizing:border-box;}
	.proApply li .dt {display:inline-block;width:100%;padding:6px 18px 6px 18px;box-sizing:border-box;border-right:1px solid #ced6e2;}
	.proApply.divide li {width:100%;}
	.proApply.divide li .tt {height:32px;padding:6px 0 0 6px;}

	/**/
	.stepArea {height:auto;margin:0;background:none !important;}
	.stepArea ol {width:100%;padding:20px 10px;box-sizing:border-box;}
	.stepArea ol li {position:relative;width:25%;padding:0 5px;box-sizing:border-box;font-size:12px;}
	.stepArea ol li:after {content:"";display:block;position:absolute;right:0;top:50%;width:8px;height:8px;margin-top:-4px;border-top:2px solid #b7c2d1;border-right:2px solid #b7c2d1;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	.stepArea ol li.on:after {border-top:2px solid #ff4d5c;border-right:2px solid #ff4d5c;}
	.stepArea ol li:last-child:after {display:none;}
	.stepArea ol li.on {color:#ff4d5c;}
	.joinArea {width:auto;padding:20px 15px;}
	.joinArea .infoBox {padding:15px;}
	.joinArea .selectAge {margin-bottom:30px;}
	.joinArea .selectAge div {display:inline-block;width:100%;}
	.joinArea .selectAge .bg {display:none !important;}
	.joinstepArea .agreeBox .checkSet label {font-size:14px;}
	.joinstepArea .bbsws1 {margin-bottom:20px;}
	.joinstepArea .bbsws1 dl dt {width:auto;}
	.joinstepArea .bbsws1 dl dt em {display:inline-block;margin-left:2px;font-weight:bold;}
	.joinstepArea p.info {margin-bottom:20px;padding:0;font-size:14px;}
	.joinstepArea p.info em {font-size:14px;}
	.joinstepArea div.infoBox {width:auto;}
	.joinstepArea span.guideTxt {width:100%;margin:10px 0 0 0;}
	.joinstepArea span.gradeTxt {margin-left:0;}
	.joinstepArea .btnC.white {margin:0;}
	.joinstepArea dl.mail span.guideTxt {margin:0;}
	.joinstepArea dl.mail dt:before {top:50%;margin-top:3px;}
	.joinstepArea .emergency .filed-3.filed-2 {margin-bottom:0;}
	.joinstepArea .numchArea input[type="text"] {width:auto;} /* 2018-04-18 */
	.joinFinish {width:auto;}
	.joinFinish span.join_bg {display:none;}
	.joinFinish p.lastTit {margin: 0 0 20px;font-size:18px;}
	.joinFinish p.lastTit strong {font-size:22px;}
	.joinFinish .idinfoBox {width:auto;}
	.myArea .prCase.tbls1 tbody .rsGird .rsItem {padding:0 10px;}
	.myArea .prCase.tbls1 tbody .rsGird {padding:10px 0;}

	/* 대관상세  + 공통 */
	.mobileView {display:inline-block;}
	.myArea .prEtc li span {width:100%;height:auto;padding:9px 0 9px 6px;text-align:left;}
	.prEtc li>span {width:130px !important;color:#6a6a6a !important;background:#fff;}
	.refundLayout .prEtc li>span {width:160px !important;}
	.refundLayout .prEtc li strong {width:calc(100% - 160px);text-align:right;}
	.refundLayout .prEtc li.last {border-top:1px solid #999;}
	.refundLayout .prEtc li .first {border-bottom:1px solid #999;}
 	.prEtc li {border-bottom:none;font-size:0;}  /*  공통인지 확인하세요 */
 	.prEtc li em {display:block;}
 	.prEtc li strong {display:inline-block;width:calc(100% - 140px);padding:6px 2px 6px 2px;box-sizing:border-box;border-right:1px solid #ced6e2;}
 	.prEtc li strong.ft11 {font-size: 11px;}
	.prEtc li strong  {border:none;} /*  공통인지 확인하세요  위로 합치던가 제거*/
	/* end 대관상세  */
	/* 대관상세  + 예외 */
	.activityCal .prEtc li strong {width:100%;}
	.activityCal .prEtc li>span {padding:10px 0 0 0;width:100% !important;text-align:center;}

	/* end 대관상세 예외  */

	.myArea .finishBox {width:auto;}
	.myArea .finishTop p:first-child {width:auto;}
	.myArea .fnshbtnBox .koList {margin-bottom:5px;}
	.myArea .fnshbtnBox .myPg {margin-bottom:5px;}
	.myArea .guideArea div {padding:15px 10px;}
	.myArea p.lightInfo {border-bottom:0;}
	/**/
	.idPop .bbsws1 dl dt {width:80px;}
	.idPop .bbsws1 dl dd {padding:0 10px 12px 7px;}
	/* mypageMain */
	.myYear div p strong {font-size:16px;}
	.myMembership strong {font-size:18px;}
	.myCom dl dt {font-size:14px;padding: 0 10px;}
	.myCom dl dt .selectSet {margin-left: 5px;}
	.myYear div p strong {font-size:16px;}
	/* 온라인수강신청 */
	.onschArea .line.l1 .col1 {display:inline-block;width:100%;padding:0 0 0;}
	.onschArea .line.l1 .selectSet {margin-right:0.3%;width:33%;}
	.onschArea .line.l1 .checkSet {margin:5px 0 0 0;}
	.onschArea .line.l2 .col1 {display:inline-block;width:100%;padding:0 0 5px;}
	.onschArea .line.l2 input {width:100%;margin-right:0;}
	.onschArea .line.l3 .searBtn {display:inline-block;width:100%;padding:10px 0 0;text-align:center;}
	/* history */
	.historyArea .listArea {margin:15px 0;}
	.historyArea .bgBox {display:inline-block;}
	.historyArea .bgBox div {display:inline-block;width:100%;}
	.historyArea .bgBox ul li {text-align:center;}
	.historyArea .bgBox .imgBox {height:auto;}
	.historyArea .bgBox .txtBox {padding-left:0;padding-top:10px;}
	.historyArea .alignArea .imgSet {float:none;margin-bottom:10px;}
	.historyArea .alignArea img {width:100%;margin-right:0;}
	.greetArea img {display:none;}
	/**/
	.hisArea {padding:20px 20px 20px 8px;}
	/* checkPop 2018-04-18 */
	.checkPop {width:auto;top:20px;bottom:20px;left:20px;right:20px;padding-bottom:0;margin:0;}
	.checkPop .popHeader {position:fixed;left:20px;right:20px;top:20px;}
	.checkPop .popData {position:absolute;top:57px;bottom:65px;left:0;right:0;max-height:100%;padding:15px 10px;}
	.checkPop .bbsws1 dl dt:before {margin-top:0;}
	.checkPop .bbsws1 dl dd {padding:5px 10px;}
	.checkPop .prEtc li:nth-child(odd) strong {border-right:none;}
	.checkPop .prEtc li.fullArea {border-right:1px solid #ced6e2;}
	.checkPop .prEtc li span {line-height:28px;}
	.checkPop .prEtc li span.radioSet {display:inline-block;width:100px;}
	/* end checkPop */
	.programTop .prHeader dt {font-size:19px;} /* 2019-05-23 추가  */
	.programTop .prHeader.imgNone dd .resume {width: 100%;}

	.programTop .img .imgBack {height:auto;}
	.programTop .img .imgBack img {position:relative;}

	/* 2019-05-29 en_center */
	.subTitle {display:none;}
	.subTitle p {display:none;}
	.info .entable table tr th {font-size: 12px;}
	.info .entable table tr td {font-size: 12px;}
	.contents .info .entable .addition {font-size:12px;}
	.contents .contentsBox {padding: 0px 12px 0px 12px;border-bottom:none;border-right:none;border-left:none;}
	.contents .contentsBox .topText div {padding-right:24px;padding-top:0px;}
	.contents .contentsBox .topText div a {font-size:13px;}
	.contentsOthers .intro ul {padding-left:19px;padding-right:10px;text-indent:-8px;}
	.information em {display:block;padding-bottom:10px;}
	.information span {display:none;}
	.contents .contentsBox .topText dl dt {padding-bottom:13px;font-size:19px;}
	.contents .contentsBox .topText li {font-size:14px;padding-bottom: 0px;}
	.contents .contentsOthers .intro p {font-size:14px;}
	.contents .contentsBox .topText dl dt {line-height:20px;}
	/* end 2019-05-29 en_center */

	.mapArea .gridItem {display:inline-block;width:100%;}
	.mapArea .gridItem:first-child {width:100%;border-right:0 none;}

	/**/
	.tbls1 table.reactive thead {display:none;}
	.tbls1 table.reactive tbody div {display:inline-block;text-align:left;width:100%;}
	.tbls1 table.reactive tbody div span {display:block;padding-bottom:7px;width:auto !important;text-align:left;}
	.tbls1 table.reactive tbody div span:nth-child(1) {font-weight:500;}
	.tbls1 table.reactive tbody div span em {display:inline-block;}

	.tbls1 table.reactive.ver1 tbody div span:nth-child(2),
	.tbls1 table.reactive.ver1 tbody div span:nth-child(3) {display:inline-block;padding-right:5px;}

	.tbls1 table.reactive.twoTb tbody div span {display:inline-block;}
	.tbls1 table.reactive.twoTb {display:table;}
	.tbls1 table.reactive.twoTb tbody div div span {font-weight:normal;}

	.proSet .proDt .tbls1 .saftyCharge {display:none;} /*기존 테이블 숨김*/
	.proSet .proDt .tbls1 .trafficCharge {display:none;} /*기존 테이블 숨김*/
	.proSet.busCase li strong {display:block;}/* 2019-09-19 */

	.programDetail .tbls2 {display:none;}
	.programDetail .mobile {display:inline-block !important;}

	.guideArea.infoCase .tbls2 {display:none;}
	.guideArea.infoCase .detail.table {display:none;}
	.guideArea div.mobile {display:inline-block !important;}
	.guideArea.infoCase .detail.hide  {display:table-cell !important;}
	.myArea .tbls1 .rsGird span.subCon {margin-bottom:3px;color:#373737;}
	.myArea .tbls1.lessonList table tbody td,
	.myArea .tbls1.reserveList table tbody td {padding:6px 0 10px;}

	.myArea .tbls1.lessonList table tbody td.lcheck,
	.myArea .tbls1.reserveList table tbody td.lcheck {text-align:left;}
	/* 2019-09-10  추가*/
	.proApply {padding:3px 0;}
	.proApply li {padding:4px 0;}
	.proApply li>span.tt {width:105px;color:#6a6a6a !important;background:#fff;}
	.proApply li>strong.dt {color:#6a6a6a !important;border:none;}
	.proApply li>strong.dt.line {width:calc(100% - 110px);}

	#container.indexCase .mIndexMenuBox > ul > li {padding: 22px 12px;width: calc(50% - 30px);border-radius: 20px;}
	#container.indexCase .mIndexMenuBox > ul > li h3 a {font-size: 17px;}
	#container.indexCase .mIndexMenuBox .menuLi {left: 12px;bottom: 22px;}
	#container.indexCase .mIndexMenuBox .menuLi li {margin-bottom: 10px}
	#container.indexCase .mIndexMenuBox .menuLi a {font-size: 14px;}
	#container.indexCase .mIndexMenuBox .center {height: 204px;left: 20px;}
	#container.indexCase .mIndexMenuBox .center::before {top: 45px;width: 88px;height: 60px;}
	#container.indexCase .mIndexMenuBox .well {height: 275px;top: 220px;left:20px;}
	#container.indexCase .mIndexMenuBox .well::before {top: 65px;width: 105px;height: 108px;}
	#container.indexCase .mIndexMenuBox .global {height: 275px;right: 20px;}
	#container.indexCase .mIndexMenuBox .global::before {top: 45px;width: 95px;height: 78px;}
	#container.indexCase .mIndexMenuBox .youth {height: 132px;right: 20px;top: 290px;}
	#container.indexCase .mIndexMenuBox .youth::before {top: 50px;right: 12px;width: 72px;height: 72px;}
	#container.indexCase .mIndexMenuBox .login {height: 60px;right: 20px;top: 435px;}
	#container.indexCase .mIndexMenuBox .login > a {padding: 18px 12px;font-size: 17px;}
	#container.indexCase .mIndexMenuBox .login > a span {font-size: 13px;}
	#container.indexCase .mIndexMenuBox .login > a p {font-size: 17px;}
	#container.indexCase .smallMN {right:20px;}
	.smallBarcd {right:140px;}
	.barcodePop {width:300px;}
	.barcodePop .popCon {padding:25px 22px 12px;max-height:400px}
	.barcodePop .popBtn {padding:12px 22px 25px;height:65px;}
	.barcodePop .popBtn .btnpSet {width:100px;height:30px;font-size:11px;line-height:30px;}
	.barcodePop .cardInfo {padding-bottom: 22px;margin-bottom: 35px;}
	.barcodePop .cardInfo > .txtBox {width: calc(100% - 73px);padding-right: 27px;}
	.barcodePop .cardInfo > .txtBox span {font-size: 14px;}
	.barcodePop .cardInfo > .txtBox span.name {font-size: 18px;}
	.barcodePop .cardInfo > .dDayBox {width: 73px;height: 73px;}
	.barcodePop .cardInfo > .dDayBox p span {font-size: 10px;}
	.barcodePop .cardInfo > .dDayBox .progressBar canvas {width:73px !important;height:73px !important;}
	.barcodePop .cardInfo.ty02 {padding-bottom: 10px;}
	.barcodePop .grayBox {padding: 15px 10px;}
	.barcodePop .grayBox p {font-size: 11px;}
	.barcodePop .linkBtn, .bcdInfo .linkBtn {padding: 0 20px 0 10px;margin-top: 10px;width: 90px;font-size: 11px;line-height: 25px;}
	.barcodePop .linkBtn::after, .bcdInfo .linkBtn::after {width: 5px;height: 5px;right: 10px;}
	.bcdInfo .expBox {padding: 10px;}
	.bcdInfo .expBox p {font-size: 11px;}
	.bcdInfo > p {font-size: 14px;margin-top: 5px}

	.barcodePop .popHead {padding: 25px 0 25px 22px;}
	.barcodePop .swiper-slide {padding-right: 10px}
	.famLi .swiper-slide {padding: 40px 10px 3px;border-radius: 5px;margin-right: 6px;}
	.famLi .swiper-slide::before {top: 8px;height: 26px}
	.famLi .swiper-slide.ty01::before {width: 22px;}
	.famLi .swiper-slide.ty02::before {width: 21px;}
	.famLi .swiper-slide.ty03::before {width: 30px;}
	.famLi .swiper-slide.ty04::before {width: 22px;}
	.famLi .swiper-slide span.type {font-size: 11px;}
	.famLi .swiper-slide span.name {font-size: 14px;}

	.mFnb > ul > li > a {font-size: 11px;padding: 10px 0;}
	.mFnb > ul > li > a::before {height: 25px;margin: 0 auto 5px}
	.mFnb > ul > li > a.global::before {width: 30px;}
	.mFnb > ul > li > a.wellness::before {width: 25px;}
	.mFnb > ul > li > a.youth::before {width: 28px;}
	.mFnb > ul > li > a.edu::before {width: 20px;}
	.mFnb .my {top: -25px;width: 90px;height: 96px;}
	.mFnb .my span {padding-top: 20px;margin-top: 27px;font-size: 11px;}
	.mFnb .my span::before {width: 19px;height: 15px;}

	.activeListBox .boardTop {padding:20px 20px 10px;}
	.activeListBox .pgList {padding:10px 20px;}
	.helpBox .btnHelp {width:25px;height:25px;}
	.helpBox .iconHoverBox {right:10px;top:60px;padding:10px;border-radius:10px;}

}

/* =============================================================================== */
/* 연회원 펍업 넓이 635 이하 일 경우  */
@media screen and (max-width:635px){
	.annualLayout .annualList dl dt span {width:100%;}
	.annualLayout .annualList dl dd {line-height:22px;}
	.annualLayout .apaylist li div .col span {display:inline-block;box-sizing:border-box;}
	.annualLayout .annualAdd div {text-align:center;height:auto;}
	.annualLayout .annualAdd .radioSet {width:100%;}
	.annualLayout .annualAdd .btnSet.pPay {float:none;margin:10px 0 0;}
	.annualLayout .txt .btnC.white {float:none;display:inherit;margin:5px 0 0;}

	.dataNone {padding:20px;}
	.dataNone img {width:100%;}
	.changePw .txtBox {width:auto;padding:0 20px;margin:30px 0 0;box-sizing:border-box;} /* 2018-04-19 */
	.changePw .txtBox ul {width:auto;} /* 2018-04-19 */
	/* 2020-12-10 */
	.changeLive .txtBox {width:auto;}
	/* end 2020-12-10 */
	.myMembership p {font-size: 12px;}

	.contents .imageBox .imgLine {border:none;}
	.contents .imageBox .imgLine img {border: 1px solid #999;}
	.box.bus dl {margin-right:0px;}
	.busTab div {padding:15px 8px 15px 60px;}

	.mapArea .largeCate>li a {font-size:12px;}
	.memberArea .programDetail .proDt li table.reactive tr em {display:inline-block;}
	.memberArea .programDetail .proDt li table.reactive tr th {display:none;}
	.memberArea .programDetail .proDt li table.reactive td div {position:relative;display:inline-block;text-align:left;}
	.memberArea .programDetail .proDt li table.reactive td div span {display:block;width: auto;text-align: left;color: #373737;}
	.memberArea .programDetail .proDt li table.reactive td div span:nth-child(2),
	.memberArea .programDetail .proDt li table.reactive td div span:nth-child(3) {display:inline-block;}
	.memberArea .programDetail .proDt li table.reactive td div span:first-child {font-weight:500;}
	.memberArea .programDetail .proDt li table.reactive.ver2 td div span:nth-child(2) {display:block;}

	/* #container.indexCase h2 {padding:30px 20px 30px;} */
	#container.indexCase h2 img {width:70%;}
	/* #container.indexCase .smallMN {top:58px;right:6px;} */
	#container.indexCase .indexMenu li span {font-size:25px;}

}
/* =============================================================================== */
/* 디바이스(iPhone 5 기준) 넓이 568 이하 일 경우  */
@media screen and (max-width:568px){
	.pgList .back {margin:0;}
	.pgList ul {display:block;}
	/* .pgList ul li {width:100%;padding:0 0 5px;} */
	/**/
	.loginArea {width:auto;padding:20px 20px 40px;}
	.loginArea img {display:none;/* margin:30px 0 20px; */}
	.loginArea h3 {line-height:28px;font-size:20px;}
	.loginArea h3 span {font-size:18px;}
	.loginArea .dataBox,
	.loginArea .dataBox.bg,
	.loginArea .pwStep_03 .dataBox.bg {padding:20px;}
	.loginArea fieldset a,
	.loginArea fieldset a.pwLink {padding:0 6px;}
	.loginArea .dataBox input[type="button"] {width:100%;}
	.loginArea .dataBox input.white {margin:0 0 10px 0 !important;}
	.loginArea .numchArea input[type="button"] {width:auto !important;vertical-align:middle;}/* 2018-04-18 */
	.changePw .btnR {width:100%;margin-bottom:10px;}
	/**/
    .youthPreview dl dd table {width:100%;}
    /**/
    .mapArea {margin-top:20px;}
    .mapArea .largeCate>li {width:55%;padding-left:0;margin-bottom:20px;}
    .mapArea .largeCate>li:nth-child(2n+2) {width:42%;}
    .mapArea .largeCate>li:before {margin-right:5px;}
    .mapArea .largeCate li ul {padding-left:0;}
    /**/
    .inschArea .selectSet {width:100%;margin:0 0 10px 0;}
    .inschArea .resBox {padding:0 10px;margin-bottom:10px;}
    .inschArea .resBox .resTxt {padding:19px 0 15px;}
    .inschArea .resBox .paginate {width:100%;margin-top:14px;text-align:center;}
    .inschArea .schBox>div {display:table;width:100%;}
	.inschArea .schBox>div div {display:table-cell;padding-right:10px;}
	.inschArea .schBox>div div input {width:100%;}
	.inschArea .schBox div span {display:table-cell;}
	/**/
	.busTab div {width:100%;background:rgba(19, 147, 115, 0.5);padding:10px 5px;margin:0;}
	.busTab div.on {background: #139373;}
	.busTab div span {display:none;}
	.busTab div strong {text-align:center;}
	.busTab ul li {float:left;width:25%;padding:0 5px;box-sizing:border-box;}
	.busTab ul li:first-child {padding:0 5px 0 0;}
	.busTab ul li:last-child {padding:0 0 0 5px;}
	.busArea .infoBox span {float:none;display:block;text-align:center;}
	/**/
	.lacationArea .mapBox img {width:100%;}
	.lacationArea .moveBoxBox em {display:none;}
	.lacationArea .addressBox .btnMap {display:none;}
	.lacationArea .addressBox span {display:none;}
	.lacationArea .topArea {display:inline-block;width:100%;}
	.lacationArea .topArea>div {display:inline-block;width:100%;}
	.lacationArea .topArea .mapBox {height:100%;margin-bottom:0;}
	.lacationArea .topArea .mapBox .map {height:300px;}
	.lacationArea .topArea .moveBox {width:100%;padding-left:0;}
	.lacationArea .topArea .moveBox input {width:49%;padding-left:10px;font-size:12px;}
	.lacationArea .topArea .moveBox input:nth-child(2n+1) {float:left;margin-right:5px;}
	.lacationArea .topArea .moveBox input:nth-child(2n+2) {float:right;}
	.lacationArea .topArea .moveBox input.btnMap {margin-top:0;}
	/* mypageMain */
	.myArea .finishDt .multi div em.pn {width:100%;padding:5px 0 0 9px;box-sizing:border-box;}
	.myArea .finishDt .multi div em.pn:before {content:'ㄴ';margin:0 5px 0 0;}
	.mypageMain .gridSet {display:inline-block;width:100%;}
	.mypageMain .gridSet .gridItem {display:inline-block;width:100%;padding:0;}
	.mypageMain .gridSet.pdCase .gridItem:first-child {padding:0 0 15px !important;}
	.mypageMain .gridSet.pdCase .gridItem:last-child {padding:0;}
	.myYear span.cut {display:none;}
	.myMembership {padding:12px 22px 12px;text-align:left;}
	.myMembership p {padding:5px 0 8px;}
	.myMembership a {position:initial;margin:0;text-align:center;height:30px;}
	.lockerInfo span {width:100%;text-align:left;}
	/**/
	.sISetInfo {display:none;}
	.tbls1 table tbody span.showCol, .tbls1 table tfoot span.showCol  {font-size:12px;}
	/* 온라인수강신청 */
	.onschArea .line.l3 .col1,
	.onschArea .line.l3 .col2 {width:50%;box-sizing:border-box;}
	.onschArea .line.l3 .col2 {padding:5px 0 0 0;}
	.onschArea .line.l3 .selectSet {width:100% !important;}
	/**/
	.pgList.activityCase ul li {width:100%;padding:0 0 5px;}
	/**/
	.centerMain .proBox .kidesBox a {height:100%;}
	.centerMain .kidesBox .txtArea {position:relative;left:0;right:0;top:0;}
	.centerMain .kidesBox .back>div {height:100%;}
	.centerMain .kidesBox .back>div:hover .txtArea p {display:none;}
	/**/
	.greetArea .txtArea {padding:20px 0;}
	.greetArea .tit {padding:0 0 15px 0;}
	 /*2019-05-23*/
	.leaseArea .leaselist ul li dl dd.txt {height:auto;}
	.leaseArea .leaselist ul li dl dd.price {height:auto;}
	.leaseArea .selectLease {padding:20px 20px 0;}
	.spaceKind {margin: 11px 0 0 0;}

	.programTop .prHeader.imgNone {padding:0px;}
	.programTop .prHeader dd .resume li {padding-left:11px;font-size:13px;}
	.programTop .prHeader dd .resume li strong {font-size:13px;}
	.programTop .prHeader dd .personnel strong em {width:22px;}
	.programTop .prHeader dd .resume li:last-child {margin-bottom:10px;}
	.programTop .prHeader dd .personnel strong span {font-size: 13px; padding: 0 5px;}
	.programTop .prHeader dd .guidTxt {font-size:11px;}
	.teacherLayout {padding:15px 20px 25px 20px;}
	 /*end 2019-05-23*/

	.commonPop.payPop .bbsws1 dd span.radioSet {width:100px;}
	.gnbImg {display:none !important;}
	.gnbImg.mobile {display:inline-block !important;}
	.memberArea {padding:15px 20px 20px;}

	.faqList dl dt {padding:15px 42px 15px 37px;margin-bottom:-1px;font-size:15px;}
	.faqList dl dt:before {left:12px;top:14px;}
	.faqList dl dd {padding:13px 36px 13px 36px;background:#eff3f7;}
	.faqList dl dd:before {left:13px;}

	.teacherCase .loginArea img {margin: 15px auto;}
}

/* =============================================================================== */
/* 컨텐츠 넓이 500 이하 일 경우 (popup)  */
@media screen and (max-width:520px){
	.commonPop {width:auto;top:20px;bottom:20px;left:20px;right:20px;padding-bottom:0;margin:0;}
	.commonPop .popHeader {position:fixed;left:20px;right:20px;top:20px;}
	.commonPop .popData {position:absolute;top:57px;bottom:65px;left:0;right:0;max-height:100%;}

	.popBtn .back .btnpSet {width:calc((100% - 50px)/2);}

	/**/
	.guidePop .popData p {width:auto;}
	.prRulePop .chkAree strong {display:inline-block;width:100%;padding:10px 0;}
	.annualPop {position:fixed;}
	.annualPop.firstCase {top:20px;margin:0;}
	.annualLayout .pInfo {display:block;}
	.annualLayout .pInfo span.cut {display:inline;height:auto;border:none;}
	.annualLayout .pInfo div {display:inline-block;padding:5px 10px 5px 10px;}
	.annualLayout .bbsws1 dl dt {display:inline-block;width:100%;box-sizing:border-box;border-bottom:1px dotted #ced6e2;}
	.annualLayout .bbsws1 dl dd {display:block;padding:8px 10px 8px 7px;}
	.annualLayout .bbsws1 dl dd .right {width:auto;}
	.annualLayout .annualList dl dt {padding:15px 15px 15px 20px;}
	.annualLayout .annualList dl dt:before {display:none}
	.annualLayout .annualList dl dt:after {margin-top:-24px;width:22px;font-size:0px;text-indent:-9999px;overflow:hidden;}
	.annualLayout .apaylist li div .col span {display:inline-block;width:100%;box-sizing:border-box;}
	/**/
	.joinstepArea .numchArea input[type="text"] {width:100%;margin-bottom:10px;} /* 2018-04-18 */
	/**/
	.commonPop.mnotiPop {margin:0 0 0 -150px !important;width:300px;bottom:auto;left:50%;right:auto;height:400px;}
	.commonPop.mnotiPop .popData {top:0;bottom:35px;}
	.commonPop.mnotiPop.centerPopup1, .commonPop.mnotiPop.globalPopup1, .commonPop.mnotiPop.wellnessPopup1 {top:15%;}
	.commonPop.mnotiPop.centerPopup2, .commonPop.mnotiPop.globalPopup2, .commonPop.mnotiPop.wellnessPopup2 {top:25%;}

	.memberArea .firstLine ul li {display:inline-block;width:100%;}
	.box.bus dl dd div {padding:0 20px 0 0;}


	.iconList.inBlock.vMiddle {margin-bottom:10px;}
	.sportIcon {margin-right:0;font-size:12px;}
	.sportIcon:before {width:24px;margin:0 3px;}
}

/* =============================================================================== */
/* 컨텐츠 넓이 420 이하 일 경우  */
@media screen and (max-width:420px){
	#container.subCase .conPos h2 {font-size:18px;}
	.btnSet.pWait {margin-bottom:5px;}
	/**/
	.loginArea fieldset a {padding:0;border:none;}
	/**/
	.mapArea .gridItem {padding:20px 0 0 25px;}
	/**/
	/* div.paginate a {width:22px;} */
	/**/
	.joinstepArea .btnBox input {width:100%;margin:0 0 10px 0;}
	.leaveArea .btnBox input {width:100%;margin:0 0 10px 0;}
	.myArea dl.replyBox dd.replyDate {float:none;margin-bottom:5px;}
	.myArea .btnBox div {display:block;width:100%;margin-bottom:5px;text-align:left;}
	/* mypageMain */
	.healthInfo div span {width:100%;}
	.healthInfo div p {float:left;width:100%;}
	.healthInfo input.btnC.white {padding:7px 7px;}
	.lockerInfo span {padding-left: 0;}
	.lockerInfo span .btnEnroll {right: 0;}
	.lockerInfo p {padding:6px 10px 0 0;white-space:normal;}
	.lockerInfo p * {font-size:13px;}
	.lockerInfo p em {font-size:12px;}
	/**/
	.busArea .tbls1 .rsGird .rsItem.rsView:before {display:none;}
	.busArea .tbls1 .rsGird .rsItem.rsView {display:block;padding-left:0;}
	/* 온라인수강신청 */
	.onschArea .onday {width:12.5%;}
	.onschArea .onday label {width:100%;}
	.onschArea .line.l1 .selectSet {margin:0 0 5px;width:100%;}
	/**/
	.commonPop {width:auto;top:20px;bottom:20px;left:20px;right:20px;padding-bottom:0;margin:0;}
	.commonPop .popData {max-height:100%;}
	.popData {position:absolute;top:53px;bottom:65px;left:0;right:0;}
	.addrPop .popData {min-height:auto;}
	/* 2020-12-11 휴면계정 본인인증 실패 시 */
	.liveNotPop {top:50%;margin-top:-122px;bottom:auto;height:220px;}
	.liveNotPop .popData {top:0;padding:15px 11px;}
	.liveNotPop .popData div span {display:block;}

	.lockLayout .lockInfo strong {font-size: 16px}
	.lockLayout .lockInfo span:first-of-type {font-size: 16px;padding: 0 10px;}
	.lockLayout .lockInfo span:last-of-type {font-size: 12px;width: 53%;}
	.lockLayout .box01, .lockLayout .box02 {font-size: 14px;}
	.lockLayout .monLi > li {width: calc(20% - 2px);margin-right: 2px;}
	.lockLayout .monLi > li.more a {padding: 0 10px 0 5px}


	.pgList ul li .imgBox {padding:0;width:90px;height:100%;z-index:1;overflow:hidden;}
	/* .pgList ul li .imgBox img {min-height:100%;} */
	/* .pgList ul li .imgBox {position:relative;width:100%;padding:0;}
	.pgList ul li .imgBox img {min-width:100%;min-height:100%;} */
	/* .pgList ul li .txtBox {overflow:hidden;padding:5px 10px;height:auto;} */
	.pgList ul li .txtBox {overflow:hidden;padding:5px 60px 5px 100px;height:auto;}

	.footAddress .link a {font-size:11px;}
	.footAddress .siteBox .siteSet {margin-left:0 !important;width:110px;}
}
/* =============================================================================== */
/* 디바이스(iPhone 6+ 이하 기준) 넓이 414 이하 일 경우 */
@media screen and (max-width:414px){
	.joinstepArea .chkAree .checkSet:first-child label {margin-bottom:5px;}
	.smallMN input {height:14px;width:14px;}
	.gnbBack .smallMN {top:75px;}

	.info .entable table tr th,
	.info .entable table tr td {font-size: 10px;}
	.contents .info .entable .addition {font-size:10px;}

	#container.indexCase .comBack {padding: 130px 0 0;}
	#container.indexCase .smallMN {top: 85px;}
	.smallBarcd {width: 23px;height: 17.5px;top: 87px;right: 120px;}
}
/* =============================================================================== */
/* 디바이스(iPhone 6 이하 기준) 넓이 320 이하 일 경우 */
@media screen and (max-width:320px){
	.guidePop .popHeader strong {font-size:18px;}
	/* mypageMain */
	.healthInfo input {position:initial;}
	.annualLayout .annualList dl dt {font-size:12px;}
	.annualLayout .annualList dl dt strong {font-size:12px;}
	.annualPop .popBtn .back .btnpSet.gray {width:60px;}
	.annualLayout .apaylist li div .col span {font-size:12px;}
	.annualLayout .annualList dl dt {padding:10px 10px 10px 10px;}
	.annualLayout .apaylist li div .col2 span {padding:0;}
	.lacationArea .moveBoxBox a {margin:0 10px 0 0;}

	.sportIcon {margin-right:0;font-size:12px;}
	.sportIcon:before {margin:0;}
	.sportIcon2:before {width:22px;}
}
/* =============================================================================== */
/* 디바이스(iPhone 4 기준) 넓이 359 이하 일 경우  */
@media screen and (max-width:359px){
	.loginArea .forgetId a {margin:10px 0 0 0;}
	 /* 2018-04-18 */
	.loginArea .numchArea input {width:100%;margin-right:0;margin-bottom:10px;}
	.loginArea .numchArea input.btnResend {margin-right:5px;}
	.loginArea .numchArea input[type="button"] {vertical-align:top;}
	/* end 2018-04-18 */
}
/* =============================================================================== */
/* 디바이스 높이 700 이하 일 경우  */
@media screen and (max-height:700px){
}
/* =============================================================================== */
/* 넥서스 디바이스 기준 대응 */
@media (max-width:763px) and (min-height:415px) {
}
/* =============================================================================== */
/* 모바일 세로모드 */
@media (max-width:736px) and (orientation:portrait) {
}
/* =============================================================================== */
/* 모바일 가로모드 */
@media (max-height:428px) and (max-width:926px) {
	.commonPop {position:fixed;width:auto !important;top:20px !important;bottom:20px;left:20px;right:20px;padding-bottom:0;margin:0 !important;}
	.commonPop.mnotiPop {width:400px !important;height:calc(100vh - 15% - 20px);}
	.commonPop .popData {position:absolute;top:57px;bottom:87px;left:0;right:0;min-height:auto;}
	.popTable .popData {min-height:auto;}
	.facilityPop .popData {bottom:0;}
	.checkPop .popData {bottom:65px;} /* 2018-04-18 */
	/* .mainCase .comBack {padding:0 0 20px;} 2018-04-24 */
}
/* =============================================================================== */
/* 모바일 아이폰4s 세로모드 */
@media (max-height:736px) and (max-width:330px) and (orientation:portrait) {
}
/* =============================================================================== */
/* 모바일 아이폰4s 가로모드 */
@media (max-height:330px) and (max-width:736px) and (orientation:landscape) {
	.commonPop .popHeader {top:20px;}
}

/* =============================================================================== */
/* 체험활동용 별도 적용 */
/* =============================================================================== */

@media screen and (max-width:1050px){
	.activityCal table tbody td div {padding:0 0 0 3%;}
}
@media screen and (max-width:1000px){
	.cubtc.w100 {width:125px;}
}
/* 2018-04-30 */
@media screen and (max-width:960px){
	.memberArea strong {padding:70px 0 30px 0;height:120px;}
	.memberArea ul {margin-bottom:0;}
	.memberArea ul li:nth-child(even) {padding:0 0 0 15px;}
	.memberArea ul li:nth-child(odd) {padding:0 15px 0 0;}
	.memberArea ul li img {float:none;width:100%;height:100%;margin:0;}
	.memberArea ul li dl {float:none;margin:10px 0 0 0;}
	.memberArea .graphImg {display:none;}
}
/* end 2018-04-30 */
@media screen and (max-width:930px){
	.activityCal table tbody td {position:relative;padding:10px 10px 5px 10px;}
	.activityCal table tbody td div {padding:0 0 0 0;}
	.activityCal table .tSet span {width:100%;}
	.activityCal table .tSet .to {display:none;}
}
@media screen and (max-width:920px){
	.cubtc.w170 {width:15%;}
}
@media screen and (max-width:880px){
	.activityCal .bicycleCase .calLayout table .tSet span em {display:none;}
}

@media screen and (max-width:800px){
	.cubt {display:inline-block;}
	.cubtc {display:inline-block;}
	.cubtc.wAFull {width:100%;}
	.cubtc.wAuto {width:100%;}
	.cubtc.wAuto .cubt {display:table;}
	.cubtc.wAuto .cubt .cubtc {display:table-cell;}
	.cubtc.w170 {width:100%;padding:10px 10px;text-align:left;}
	.cubtc.w170.last {height:auto;border-left:0;}
	.cubtc.w130 {width:100%;padding:10px 10px;text-align:left;}
	.inSide .cubtc:first-child {border-left:0;}
	.w300 .inSide .cubtc:first-child {border-left:1px solid #ced6e2}
	.w400 .inSide .cubtc:first-child {border-left:1px solid #ced6e2}
	.cubt.tfoot .cubtc.w170 {display:none;}
	.cubtc span.ib {display:inline-block;width:auto;}
	.cubtc.bLast {display:none;}
	.mhide {display:none;}
	/* 2018-04-27 */
	.youthPreview .proFee {width:100%;}
	.youthPreview .proFee div {vertical-align:top;}
	.youthPreview .proFee .thead {height:auto;}
	.youthPreview .proFee .thead .cubtc.wAFull {border-bottom:1px solid #ced6e2;}
	.youthPreview .proFee .mNone {display:none !important;}
	.youthPreview .proFee .cubtc em {display:inline-block;}
	.youthPreview .proFee .cubtc.wAFull .cubt {display:table;}
	.youthPreview .proFee .cubtc.w170 {display:table-cell;width:33.3%;padding:0 10px;text-align:center;}
	.youthPreview .proFee .cubtc.w120 {float:left;display:inline-block;width:50%;border-left:none;}
	.youthPreview .proFee .cubtc.w120:last-child {border-left:1px solid #ced6e2;}
	/* end 2018-04-27 */
}
@media screen and (max-width:770px){
	.activityCal .bicycleCase table thead th {font-size:12px;}
	.activityCal .bicycleCase table tbody td.holyD div {font-size:12px;}
}
@media screen and (max-width:700px){

	.activityCal .bicycleCase table tbody td.holyD div {display:none;}
}
@media screen and (max-width:640px){
	.activityCal table thead th {padding:2px 0;height:auto;}
	.activityCal table tbody td {position:relative;padding:5px 1% 0 1%;}
	.activityCal table tbody td .day {font-size:18px;}
	.activityCal .bicycleCase .calLayout table tbody td {position:relative;padding:5px 1% 0 1%;}
	.activityCal .bicycleCase .timeLayout table tbody td {padding:5px 1% 4px 1%}
	.activityDate span {margin:0 0 10px 0;width:100%;}
}
@media screen and (max-width:600px){
	.bicycleCase .timeLayout {width:43%;}
	.memberArea .programDetail .proDt li table td {padding: 5px 7px 5px 7px;}
	.memberArea .programDetail .proDt dl {padding: 20px 20px 20px 20px;background:none;}
	.memberArea .programDetail .proDt dl.last {background:none;}
}
@media screen and (max-width:570px){
	.activityCal .month span {padding:0 20px;}
	.activityCal table .tSet strong {display:none;}
	.bicycleCase {display:inline-block;width:100%;}
	.bicycleCase .calLayout {display:inline-block;width:100%;}
	.bicycleCase .timeLayout {display:inline-block;width:100%;padding:25px 0 0 0;}
	.bicycleCase .timeLayout table .tSet span {width:82px;}
	.pgList ul li .txtBox span:nth-child(3),
	.pgList ul li .txtBox span:nth-child(4){display:block;width:100%;}
	.pgList ul li .txtBox span:nth-child(3){margin-bottom:4px;}
	.pgList ul li .txtBox span i {display:none;}
}
@media screen and (max-width:568px){
	.cubt.thead {height:0;overflow:hidden;}
	.cubtc.wAuto .cubt.sM {display:inline-block;width:100%;}
	.cubtc.wAuto .cubtc.sM {display:inline-block;width:100%;}
	.cubtc.wAuto .cubtc.w300 .cubt {display:inline-block;width:100%;text-align:right;border:none;}
	.cubtc.wAuto .cubtc.w300 .cubt .cubtc {display:inline-block !important;width:auto;height:auto;padding:5px 10px;font-size:12px;border:none;}
	.cubtc.wAuto .cubtc.w300 .cubt .cubtc em {font-size:12px;}
	.cubtc.wAuto .cubtc.w160 {padding:10px;font-weight:500;border-left:0;border-top:1px solid #ced6e2;}
	.cubtc.w100 {width:50%;}
	.cubtc em {display:inline-block;}
	.cubtc.bCount .cubtc:first-child {height:auto;padding:5px 10px;font-size:12px;border-left:0}
	.cubtc.bCount .cubtc:first-child em {font-size:12px;}
	.cubtc.bCount .cubtc:last-child {display:none !important;}
	.cubt.tfoot .cubtc.sM.bTotal {display:none;}
	.cubt.tfoot .inSide .cubtc:first-child {text-align:center;}
	.cubt.tfoot .cubtc.w160 {width:50%;border-top:0}
	 /* 2018-04-26 */
	.proSet.hiringSet .cubtc.wAuto .cubtc.w300 .cubt .charge {font-size:14px;}
	.proSet.hiringSet .cubtc.wAuto .cubtc.w300 .cubt .charge em {font-size:14px;}
	.proSet.hiringSet .cubt.tfoot .cubtc.sM {float:left;width:50%;}
	.proSet.hiringSet .cubt.tfoot .cubt.inSide .cubtc {width:100%;height:43px;padding:0 10px;font-size:14px;line-height:43px;}
	.proSet.hiringSet .cubtc.wAuto .cubtc.w300 .cubt {border-bottom:1px solid #ced6e2;}
	.proSet.hiringSet .cubt.tfoot .cubt.inSide .cubtc.smNone {display:none !important;}
	 /* end 2018-04-26 */
}

/* 2018-04-30 */
@media screen and (max-width:480px){
	.memberArea strong {height:auto;padding:10px 0 30px 0;font-size:28px;background:none;}
	.memberArea strong em {font-size:28px;}
	.memberArea ul {margin-bottom:0;}
	.memberArea ul li {width:100%;}
	.memberArea ul li:nth-child(even) {padding:0;}
	.memberArea ul li:nth-child(odd) {padding:0;}
	.memberArea ul li dl {text-align:center;}
	/*2019-05-23*/
	.guideArea div.lockerUse ol li {padding-top:35px;width:100%;}
	.guideArea div.lockerUse ol li strong em {display:inline-block;}
	.guideArea div ol li:after {right:48%;top:117%;transform: rotate(-225deg);}
	/*end 2019-05-23*/
	.box.bus dl {display:block;}
	.memberArea .firstLine strong {height:135px;}
}
/* end 2018-04-30 */
@media screen and (max-width:420px){
	.activityDate {font-size:12px;}
	.activityDate span {font-size:14px;}
	.prBtn input {margin-bottom:5px;}
}
@media screen and (max-width:385px){
	.activityCal table tbody td.holyD div {font-size:12px;}
}
@media screen and (max-width:370px){
	.activityCal table .tSet span i {text-align:center;}
	.activityCal table .tSet span em {display:none;}
}
/* =============================================================================== */
/* 대관예약 상세용 별도 적용 */
/* =============================================================================== */
@media screen and (max-width:1080px){
	.chtLayout {display:inline-block;}
	.chtLayout>div {display:inline-block;width:100%;}
	.chtTb.tit .chtTbc.w75 {display:none;}
	.chtTb.midTot>.chtTbc:first-child {border-left:none;}
	.chtTbc.w300 {width:265px;}
	.chtTbc.w400 {width:350px;}
	.chtTbc.w100 {width:85px;}
	.chtTbc.w120 {width:95px;}
	.chtTbc.w90 {border-left:none;}
	.chtTbc.w75 {display:inline-block;width:100%;border-bottom: 1px solid #ced6e2;}
}
@media screen and (max-width:840px){
	.chtFull {display:inline-block;width:100%;}
	.mHide {display:none !important;}
	.chtTb {display:inline-block;}
	.chtTb.tit {display:none;}
	.chtTb div {text-align:left;}
	.chtTb.chtFull >.chtTbc:first-child {display:inline-block;width:100%;}
	.chtTb.inner {display:inline-block;width:100%;border-bottom:1px solid #ced6e2;}
	.chtTb.inner .chtTbc {display:inline-block;width:auto;border:none;}
	.chtTb.inner .chtTbc.w100 {width:auto;}
	.chtTb.inner .chtTbc.tRight {width:100%;}
	.chtTb.lastTot .chtTb.inner {text-align:right;}
	.chtTb.lastTot .chtTbc {text-align:right;}
	.chtTb.lastTot .chtTbc * {font-weight:500;}
	.chtTb.lastTot .chtTbc.chtFull {width:100% !important;}
	.chtTb.lastTot .chtTbc.w100 {width:auto;}
	.chtTb.lastTot .chtTb.inner .chtTbc {padding:8px 10px 8px 0;}
	.chtTb.inner .chtTbc {padding:8px 2px;}
	.chtTb.inner .chtTbc:first-child {padding:8px 0 8px 10px;width:50%;}
	.chtTb.inner .chtTbc:last-child {padding:8px 10px 8px 0;}
	.chtTbc em {display:inline-block;}
	.chtTbc.w60-1 {border-right:1px solid #ced6e2;font-weight:bold;font-size:100%;}
	.chtTbc.w75 {border-top:1px solid #38465a;text-align:center;}
	.chtTbc.w90 {border-left:none;}
	.chtTbc.w100 {width:100%;}
	.chtTbc.w300,
	.chtTbc.w400 {display:inline-block;width:100%;}
	.chtTbc.w100.inner {float:right;border-left:none;}
	.chtTbc.w300 .chtTb {text-align:right;}
	.chtTbc.w300 .chtTbc.tRight {width:auto;}
}
