.container {
    margin: 0;
    padding: 0;
    max-width: 100%;
    box-sizing: border-box;
	overflow: hidden;
}

.wrapper {
    padding: 10px;
	min-height: calc(100vh - 174px);
	overflow: hidden;
}

/* 애니메이션 */
@-webkit-keyframes up-movingPara {
    from {margin-top: 70%;}
    to {margin-top: 0%;}
}

@keyframes up-movingPara {
    from {margin-top: 70%;}
    to {margin-top: 0%;}
}
.uma{
    -webkit-animation-name: up-movingPara;
    -webkit-animation-duration: 1s;
    animation-name: up-movingPara;
    animation-duration: 1s;
	}
.main-title {
    display: block;
    letter-spacing: -1px;
    padding-top: 40px;
    padding-left: 12px;
    font-size: 1.5em;
    font-weight: bold
}

.msub-title {
    display: block;
    letter-spacing: -1px;
    padding-top: 10px;
    padding-left: 12px;
    font-size: 1.5em;
    font-weight: bold
	-webkit-animation-name: up-movingPara;
    -webkit-animation-duration: 1s;
    animation-name: up-movingPara;
    animation-duration: 1s;
}

.main-subtitle {
    display: block;
    height: 30px;
    padding-left: 14px;
    font-size: 0.85em;
}

.basicbox {
    width: 100%;
    height: 60px;
}

.basic-title {
    display: inline-block;
    letter-spacing: -1px;
    padding-top: 35px;
    padding-left: 12px;
    font-size: 1.5em;
    font-weight: bold;
    float: left;
}

.basic-more {
    display: inline-block;
    letter-spacing: -1px;
    padding-top: 50px;
    font-size: 0.85em;
    float: right;
    padding-right: 15px;
}


/* 메인슬라이더 시작 */

.main-slider {
    height: 230px;
    position: relative;
}

.main-slider>.page-btns {
    /* 메인슬라이더 - 페이지 버튼 */
    text-align: center;
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
}

.main-slider>.page-btns>div {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background-color: #D9D9DF;
    border-radius: 4px;
    display: inline-block;
    border-radius: 50px;
}

.main-slider>.page-btns>div.active {
    background-color: #0079C3;
    width: 44px;
    height: 10px;
    margin-right: 5px;
    border-radius: 4px;
    display: inline-block;
    border-radius: 50px;
}


/* 메인슬라이더 - 슬라이드 */

.main-slider>.slides>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.main-slider>.slides>div.active {
    opacity: 1;
}


/* 메인 카드형 아이콘 */

.icon-container {
    width: 100%;
    -webkit-animation-name: up-movingPara;
    -webkit-animation-duration: 1s;
    animation-name: up-movingPara;
    animation-duration: 1s;
}


#icon-button li a {
    display: block;
    height: 150px;
    text-align: center;
    text-decoration: none;
    background-color: #dbefff;
    color: #000;
    border-radius: 5px;
    transition: all 0.3s;
}

#icon-button li a.active {
    background-color: #f0f0f0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

#icon-button li {
    float: left;
    margin: 8px 0px 0px 8px;
    width: calc(33% - 10px);
    text-align: center;
}

#icon-button li:nth-child(1),
#icon-button li:nth-child(4) {
    margin-left: 10px;
}

#icon-button li:nth-child(3),
#icon-button li:nth-child(6) {
    margin-right: 0;
}

.icon-text {
    text-align: center;
    vertical-align: top;
}

.icon-title {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin-top: -12px;
    display: block;
    height: 20px;
}

.icon-title2 {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    display: block;
    line-height: 18px;
    height: 32px;
    margin-top: -10px;
}

.icon-mini {
    display: block;
    font-size: 0.70em;
    font-weight: 600;
    letter-spacing: -1px;
    color: rgb(95, 95, 95);
    padding-top: 10px;
}

.icon-item img {
    transform: scale(0.5)
}


/* 공지사항 새소식 탭 */

.tap-container {
    width: 100%;
    clear: both;
    padding-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
}

section {
    display: none;
    padding: 10px 0px;
}


/*라디오버튼 숨김*/

.tap-container input {
    display: none;
}

.tap-container label {
    display: inline-block;
    padding: 10px 15px;
    width: 110px;
    height: 40px;
    line-height: 15px;
    text-align: center;
    color: #0079C3;
    border-radius: 50px;
    border: 2px solid #0079C3;
    font-size: 0.9em;
}

.tap-container label:active {
    color: #0079C3;
    cursor: pointer;
}


/*input 클릭시, label 스타일*/

.tap-container input:checked+label {
    color: rgb(255, 255, 255);
    width: 110px;
    height: 40px;
    line-height: 15px;
    font-weight: 600;
    background-color: #0079C3;
    border-radius: 50px;
    transition: all 0.3s;
    font-size: 0.9em;
}

.tap-container #tab1:checked~#content1,
.tap-container #tab2:checked~#content2 {
    display: block;
}

.tap-container section li::before {
    content: "ㆍ";
    padding-right: 3px;
    display: inline-block;
    vertical-align: middle;
}

.tap-container section li {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
    height: 40px;
    line-height: 40px;
    font-size: 0.9em;
    box-sizing: border-box;
    padding-left: 5px;
}

.tap-container section li:hover {
    color: #0079C3;
    height: 40px;
    line-height: 40px;
    font-size: 0.9em;
    box-sizing: border-box;
    padding-left: 5px;
    transition: all 0.3s;
}


/*프로그램 */

.program {
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 8px;
    overflow: hidden;
}

.p_img {
    width: 85px;
    height: 65px;
}

.program div[class^=box] {
    position: relative;
    width: 100%;
}

.program_text {
    overflow: hidden;
    position: absolute;
    left: 90px;
    padding: 12px 10px;
    display: inline-block;
    margin-right: 30px;
    width: 100%;
    height: 65px;
    line-height: 20px;
    background-color: rgb(248, 248, 248);
}

.program_text span {
    display: block;
}

.big {
    font-size: 1em;
    font-weight: 600;
    color: #292929;
}

.mini {
    display: inline-block;
    font-size: 0.8em;
    color: #888888;
}

.arrow {
    width: 25px;
    height: 25px;
    position: absolute;
    display: block;
    right: 6px;
    top: 22px
}

.info {
    width: 100%;
    margin-top: 20px;
    background-color: #0079C3;
    padding: 10px 0px 20px 20px;
    box-sizing: border-box;
    z-index: 9999;
}

.info_a {
    display: block;
    background-color: #fff;
    width: 110px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-weight: bold;
    color: #0079C3;
    border-radius: 25px;
}

.info_b {
    display: block;
    padding: 10px;
    color: #ffffff;
    font-size: 0.95em;
}

.info_time,
.info_date {
    margin-top: 20px;
}


/* 햄버거메뉴 */

.menuicon-box {
    width: 100%;
    height: 64px;
    position: relative;
    border-bottom: 1px solid #979797;
}

#back {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 10px;
    top: 20px
}

#logo {
    display: block;
    position: absolute;
    /* width: 100%; */
	left:25%;
	right:25%;
    height: 60px;
    text-align:center;
}

#logo img{width:180px;}
input[id="menuicon"] {
    display: none;

}

input[id="menuicon"]+label {
    position: absolute;
    display: block;
    width: 50px;
    height: 20px;
    top: 22px;
    right: 10px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .35s;
    z-index: 999;
}

input[id="menuicon"]:checked+label { position: fixed;}

input[id="menuicon"]+label span {
    position: absolute;
    display: block;
    width: 23px;
    height: 2px;
    right: 0;
    border-radius: 10px;
    background: #000;
    transition: all .35s;
}

input[id="menuicon"]+label span:nth-child(1) {
    top: 0;
}

input[id="menuicon"]+label span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%)
}

input[id="menuicon"]+label span:nth-child(3) {
    bottom: 0;
}


/* 체크시변하는메뉴아이콘*/

input[id="menuicon"]:checked+label span:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

input[id="menuicon"]:checked+label span:nth-child(2) {
    opacity: 0;
}

input[id="menuicon"]:checked+label span:nth-child(3) {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);
} 




div[class="sidebar"] {
    width: 100%;
/* 	height:100vh;
	overflow-y: scroll; */
    background-color: #fff;
    position: fixed; 
    top: 0;
    left: -2000px;
    z-index: 888;
    transition: all .9s;

}

input[id="menuicon"]:checked+label+div {
    left: 0;
}



/* 사이드메뉴 */

.top_hd {
    border-bottom: 3px solid #0079C3;
    height: 64px;
    line-height: 60px;
    padding: 8px 0px 8px 13px;
	box-sizing:border-box;

}

.top_hd span {
    display: inline-block;
    padding-left: 10px;
    position: absolute;
    line-height: 50px;
}

#gnb {
    position: relative;
    margin-top: 10px;
	height: calc(100vh - 64px );
    padding: 0 20px;
	overflow-y: scroll;

}

#gnb>ul>li {
    position: relative;
    clear: both;
}

#gnb>ul>li>a {
    display: block;
    line-height: 52px;
    text-indent: 20px;
    font-size: 0.95em;
    border-bottom: 1px solid #eaeaea;
}

#gnb>ul>li.active>a {
    background-color: #0079C3;
    color: #fff;
    border-bottom: none;

}

#gnb>ul>li>a::after {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 17px;
    width: 19px;
    height: 19px;
  
}


#gnb ul ul {
    display: none;
    /* display: block; */
    padding: 5px 0px;
    border-bottom: 1px solid #eaeaea;
}

#gnb ul ul li {
    height: 40px;
    line-height: 40px;
    text-indent: 30px;

}

#gnb ul ul a {
    display: block;
    line-height: 38px;
    text-indent: 20px;
    font-size: 0.95em;
}

#gnb ul ul a:hover {
    display: block;
    color: #0079C3;
    font-weight: bold;
}


/* #gnb ul ul a { border-bottom: 1px solid rgb(231, 231, 231); } */

.gnb-wrap {
    width: 100%;
/* 	padding:10px 0px; */
    text-align: center;
	box-sizing:border-box;


}

#gnb-item1,
#gnb-item2,
#gnb-item3 {
    display: inline-block;
    width: 44px;
    height: 44px;
    padding: 30px;
    background-color: rgb(245, 245, 245);
    border-radius: 10px;
    position: relative;
    transition: all 0.3s;
}

#gnb-item1 img {
    position: absolute;
    top: 9px;
    left: 9px;
}

#gnb-item2 img {
    position: absolute;
    top: 8px;
    left: 8px;
}

#gnb-item3 img {
    position: absolute;
    top: 8px;
    left: 8px;
}

#gnb-item1:active {
    background-color: #E5F5FE;
}

#gnb-item2:active {
    background-color: #E5F5FE;
}

#gnb-item3:active {
    background-color: #E5F5FE;
}

.gnb-box span {
    font-size: 0.875em;
    display: inline-block;
    margin-top: 10px;
    width: 100px;
    position: absolute;
    left: -18px;
    top: 60px
}

.gnb-box {
    display: inline-block;
    width: 90px;
    box-sizing: border-box;
    text-align: center;
}


/* 푸터 */

.footmenu {
    font-size: 0;
    margin: 0;
    top: 0;
	bottom:0;
    text-align: center;
    position: relative;
    border-top: 1px solid #ddd;
}

.footmenu li {
    text-align: center;
    display: inline-block;
    height: 70px;
    width: 25%;
    box-sizing: border-box;
}

.footmenu li span {
    position: absolute;
    display: block;
    top: 45px;
    color: #000;
    width: 25%;
    height: 20px;
    font-size: 12px;
    box-sizing: border-box;
}

.footerfold {
    background-color: #353535;
    width: 100%;
    position: relative;
    height: 40px;
}

.footerfold li {
    display: inline-block;
    position: absolute;
    width: 100%;
    font-size: 12px;
    color: #fff;
    height: 20px;
    left: 0px;
    text-align: left;
    top: 10px;
    padding-left: 15px;
    box-sizing: border-box;
}

.footerfold li .foldbtn {
    position: absolute;
    right: 20px;
}

.footinfobox {
    width: 100%;
    background-color: #ececec;
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    box-sizing: border-box;
}

.foot_logo {
    padding: 10px;
}

.footinfo {
    color: #292929;
    padding: 5px 15px 15px 15px;
/*     height: 100px; */
}

/* 서브텍스트라인 */
	.way{padding-left:15px}
	.way li, .way2 li{list-style-type:inherit !important; line-height:1.4;margin-bottom:8px;position:relative}
	.way li:before, .way2 li:before{line-height:1.4; font-weight:500;left:-15px;top:0;position: absolute; }

	.way2{padding-left:15px; margin:12px;}

	.w-num{list-style-type:decimal !important; padding-left:20px}
	.w-num li:before{content:'' !important;}
	.w-dot{list-style-type:disc !important;}

	.w-circle{padding-left:20px;}
	.w-circle li:before{content:'●'; font-size:10px; line-height:21px; }
	.w-wcircle li:before{content:'○'; font-size:10px; line-height:21px;}
	.w-square li:before{content:'\ea41 ';}
	.w-plus li:before{content:'\e914 ';;}
	.w-line li:before{content:'- '; left:-10px;}
	.w-qa{padding-left:24px;}
	.w-qa li:nth-child(even){padding-left:10px;margin-bottom:30px}
	.w-qa li:before{ left:-20px;}
	.w-qa li:nth-child(odd):before{content:'Q. '; color:#0080c6; font-weight:bold;}
	.w-qa li:nth-child(even):before{content:'A. ';padding-left:8px;  color:#f04d4d; font-weight:bold;}
/* 서브공통아이콘 */

.sub-icon-menu {
    font-size: 0;
    margin: 0;
    top: 5px;
    text-align: center;
    position: relative;
    -webkit-animation-name: up-movingPara;
    -webkit-animation-duration: 1s;
    animation-name: up-movingPara;
    animation-duration: 1s;
}



.sub-icon-menu li {
    text-align: center;
    display: inline-block;
    height: 100px;
    width: 23%;
    box-sizing: border-box;
}

.sub-icon-menu li span {
    position: absolute;
    display: block;
    top: 45px;
    color: #000;
    width: 23%;
    height: 20px;
    font-size: 13px;
    line-height: 14px;
    padding-top: 5px;
    box-sizing: border-box;
}

.sub-icon-menu li:hover {
    background-color: #e8f6ff;
    height: 90px;
    border-radius: 10px;
}

.bluebar-title {
    margin-top: 10px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    background-color: #0079C3;
    padding-left: 10px;
    font-size: 1.1em;
	-webkit-animation-name: up-movingPara;
    -webkit-animation-duration: 1s;
    animation-name: up-movingPara;
    animation-duration: 1s;
}

.linebar-title {
    margin: 6px 6px;
    padding: 6px 1px;
    height: 42px;
    font-weight: bold;
    border-bottom: 1px solid #858585;
    box-sizing: border-box;
    font-size: 1.1em;
}

.none-title {
    margin-top: 10px;
    padding: 5px;
    height: 30px;
    font-weight: bold;
    padding-left: 8px;
    font-size: 1.1em;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.unt-title {
    margin-top: 10px;
    padding: 5px;
    height: 30px;
    font-weight: bold;
    padding-left: 8px;
    font-size: 1.1em;
    box-sizing: border-box;
}

.sub-text {
    text-indent: 8px;
    font-size: 0.9em;
    display: inline-block;
}

.sub-text p {
    padding: 2px;
}

.text-red {
    color: red;
    font-weight: bold;
    font-size: 1.5em;
    padding-left: 10px;
}

.text-blue {
    color: #0079C3;
    font-weight: bold;
}


/* 서브메뉴테이블 */

table.submenu-t {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1;
   /*  margin: 5px 10px 20px 2px; */
    font-size: 0.95em;
	-webkit-animation-name: up-movingPara;
    -webkit-animation-duration: 1s;
    animation-name: up-movingPara;
    animation-duration: 1s;
	box-sizing:border-box;
}


table.submenu-t td {
    padding: 15px 8px;
    border: 1px solid #d9d9d9;
}

table.submenu-t td:hover {
    background-color: #0079C3;
    color: #fff;
}

.asas {background-color:#000;}

/* th블루테이블 */

.onetable table {
    width: 98%;
    margin-left: 4px;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.onetable table,
th,
td {
    border: 1px solid rgb(228, 228, 228);
    border-collapse: collapse;
}

.onetable th {
    background-color: #0079C3;
    color: #fff;
}

.onetable td {
    padding: 10px 10px;
}


/* th일반테이블 */

.basic-gyt table {
    width: 100%;
    /* margin-left: 4px; */
    font-size: 0.9em;
    margin-bottom: 10px;
}

.basic-gyt table,
th,
td {
    border: 1px solid rgb(224, 224, 224);
    border-collapse: collapse;
}

.basic-gyt th {
    background-color: #f0f0f0;
    color: #292929;
}

.basic-gyt td {
    padding: 10px 10px;
}

/* th bold지움 */

.basic-nbd table {
    width: 100%;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.basic-nbd table,th,td {
    border: 1px solid #e0e0e0;
	height:30px;
    border-collapse: collapse;
	padding:10px 4px 10px 5px;
}

.basic-nbd th {
    background-color: #f0f0f0;
    color: #292929;
    text-align: left;
/*     text-indent: 3px; */
    font-weight: normal !important;
}



.gray-box {
    width: 100%;
    background-color: #f5f5f5;
    padding: 20px;
    font-size: 0.9em;
    margin-bottom: 20px;
}
.white-box {
    width: 100%;
    background-color: #fff;
  /*   padding: 7px 5px; */
    font-size: 0.9em;
    margin-bottom: 20px;
}
/* .white-box p .{
    font-weight:bold;
	color:#0079C3;
	margin:6px 0px 2px 0px;

}
.white-box p::before {
    content: "◎";
    display: inline-block;
    clear: both;
}
 */
.white-box span{
    padding-left:5px;
}
.white-box img { 
  max-width: 100%;
  width: auto !important;
  height: auto ; 
  }

/* 캘린더블루테이블 */

.cldtable table {
    width: 100%;
    font-size: 0.9em;


}

.cldtable table,
th, td {
    border: 1px solid #ddd;
    height: 30px;
    border-collapse: collapse;
}

.cldtable th {
    background-color: #0079C3;
    color: #fff;
}



/* 신청버튼 */

.bt-wrapA {
    margin:3px 0px 8px 3px;
    width:98.5%;
    padding: 5px 0px 10px 10px;
    height: 129px;
    overflow-y: scroll;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.bt-wrapA::-webkit-scrollbar { width: 10px;}
.bt-wrapA::-webkit-scrollbar-track { background-color: transparent;}
.bt-wrapA::-webkit-scrollbar-thumb { /*  border-radius: 5px; */background-color: silver;}

.bt-wrapB {
    margin:3px 0px 8px 3px;
    width:98.5%;
    padding: 5px 0px 10px 10px;
    height: 168px;
    overflow-y: scroll;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.bt-wrapB::-webkit-scrollbar {width: 10px;}
.bt-wrapB::-webkit-scrollbar-track {background-color: transparent;}
.bt-wrapB::-webkit-scrollbar-thumb {/*  border-radius: 5px; */background-color: silver; }

/* .bt-box {
    width: 100%;
    padding: 4px;
    position: relative;
    background-color: #fff;
}
 */

/* .bt-box:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; } */


/* 공통사용 메인컬러 버튼 */

.bt-mcblue {
	display: inline-block;
	padding: 12px 18px; 
    margin-bottom: 5px;
    font-size: 1em;
/* 	height: 50px; */
    border: 1px solid #037eca;
    background-color: #0079C3;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-mcblue:active {
    color: #fff;
    border: 1px solid #037eca;
    background-color: #00588f;
    box-shadow: none;
}


.bt-mcgreen {
    /* margin-left: 15px; */
	display: inline-block;
	padding: 12px 18px; 
    margin-bottom: 10px;
    font-size: 1em;
/* 	height: 50px; */
    border: 1px solid #09ad45;
    background-color: #00A73C;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-mcgreen:active {
    color: #fff;
    border: 1px solid #037eca;
    background-color: #00588f;
    box-shadow: none;
}


.bt-mcgray {
    /* margin-left: 15px; */
	display: inline-block;
	padding: 12px 18px; 
    margin-bottom: 10px;
    font-size: 1em;
/* 	height: 50px; */
    border: 1px solid #898989;
    background-color: #585858;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-mcgray:active {
    color: #fff;
    border: 1px solid #7e7e7e;
    background-color: #444444;
    box-shadow: none;
}


.bt-mcwhite {
    /* margin-left: 15px; */
	display: inline-block;
	padding: 5px 18px; 
    margin-bottom: 10px;
    font-size: 1em;
/* 	height: 50px; */

    text-decoration: none;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.bt-mcwhite:active {
    color: #fff;
    box-shadow: none;
}

.bt-mcnone {
	display: inline-block;
    font-size: 1em;
	color:#fff;
    text-decoration: none;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.bt-mcnone:active {
    box-shadow: none;
	color:#fff;
}

.bt-li-sv { /* 목록/등록/확인.. */
	display: inline-block;
    font-size: 1em;
	color:#fff;
    text-decoration: none;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    background-color:#0079C3;
    height: 40px;
    line-height: 40px;
    width: 25%;
    text-align: center;
}
.bt-li-sv:active {
    box-shadow: none;
	color:#fff;
	background-color:#037eca;
}


.bt-cc-bc { /* 취소/뒤로.. */
	display: inline-block;
    font-size: 1em;
	color:#fff;
    text-decoration: none;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    background-color:#626262;
    height: 40px;
    line-height: 40px;
    width: 25%;
    text-align: center;
}

.bt-cc-bc:active {
    box-shadow: none;
	color:#fff;
	background-color:#444444;
}

.bt-go { /* 바로가기 */
	display:block;
    font-size: 0.8em;
	color:#fff;
    text-decoration: none;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    background-color:#0079C3;
    height: 30px;
    line-height: 30px;
    width: 65px;
    text-align: center;
}




/* 수강버튼 */

.n-bt1 {
    margin-right: 2%;
    margin-top: 2%;
    height: 50px;
	line-height:50px;
	text-align:center;
    width: 97%;
    float: left;
    font-size: 0.9em;
    background-color: white;
    border: 1px solid #7d7d7d;
    text-decoration: none;
    color: #000000;
    border-radius: 3px;

    box-sizing: border-box;
    transition: all 0.3s ease;
}



.n-bt1-b {
    margin-right: 2%;
    margin-top: 2%;
    padding: 10px 10px;
    height: 66px;
    width: 97%;
    float: left;
    font-size: 0.9em;
    text-align: left;
    background-color: white;
    border: 1px solid #7d7d7d;
    text-decoration: none;
    color: #000000;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    word-break: keep-all;
}


.n-bt2 {
    margin-right: 2%;
    margin-top: 2%;
    height: 50px;
    line-height:50px;
    text-align:center;
    width: 48%;
    float: left;
    font-size: 1em;
    background-color: white;
    border: 1px solid #7d7d7d;
    text-decoration: none;
    color: #000000;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}



.nbt-atvie1{ background-color: #ff7019; color:#fff !important; border: 1px solid #fd8810 !important;}
.nbt-atvie2{ background-color: #4cca0b; color:#fff !important; border: 1px solid #4bbc03 !important;}
.nbt-atvie3{ background-color: #37b3ff; color:#fff !important; border: 1px solid #1ca2f5 !important;}

.bt-apply {
    margin-left: 3px;
    margin-bottom: 10px;
    height: 55px;
    width: 98%;
    font-size: 1em;
    border: 1px solid #09ad45;
    background-color: #00A73C;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 1px 1px rgb(202, 202, 202);
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-apply:active {
    border: 1px solid #09ad45;
    background-color: #008832;
    box-shadow: none;
}

.bt-next {
    margin-left: 4px;
    margin-bottom: 10px;
    height: 55px;
    width: 98%;
    font-size: 1em;
    border: 1px solid #037eca;
    background-color: #0079C3;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 1px 1px rgb(202, 202, 202);
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-next:active {
    border: 1px solid #037eca;
    background-color: #00588f;
    box-shadow: none;
}

.bt-log {
    margin-bottom: 10px;
    height: 55px;
    width: 94%;
    font-size: 1em;
    border: 1px solid #037eca;
    background-color: #0079C3;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-log:active {
    border: 1px solid #037eca;
    background-color: #00588f;
    box-shadow: none;
}

.bt-next-hf {
    margin-bottom: 10px;
    height: 55px;
    width: 48%;
    font-size: 1em;
    border: 1px solid #037eca;
    background-color: #0079C3;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 1px 1px rgb(202, 202, 202);
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-next-hf:active {
    border: 1px solid #037eca;
    background-color: #00588f;
    box-shadow: none;
}

.bt-finish {
/*     margin-bottom: 10px; */
    height: 55px;
    width: 50%;
    font-size: 18px;
	float:left;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}



/* 비회원 슬라이딩 햄버거메뉴버튼 */

.bt-mlog2 {
	display: inline-block;
	padding: 12px 18px; 
    margin-bottom: 5px;
    height: 50px;
    font-size: 1em;
    border: 1px solid #037eca;
    background-color: #0079C3;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-mlog2:active {
    border: 1px solid #037eca;
    background-color: #00588f;
    box-shadow: none;
}


.bt-mjoin2 {
    /* margin-left: 15px; */
	display: inline-block;
	padding: 12px 18px; 
    margin-bottom: 10px;
    height: 50px;
    font-size: 1em;
    border: 1px solid #09ad45;
    background-color: #00A73C;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-mjoin2:active {
    border: 1px solid #037eca;
    background-color: #00588f;
    box-shadow: none;
}


.bt-mjoin {
	display: inline-block;
	padding: 12px 18px; 
    /* margin-left: 15px; */
    margin-bottom: 10px;

    height: 50px;
    width: 80%;
    font-size: 1em;
    border: 1px solid #09ad45;
    background-color: #00A73C;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-mjoin:hover:focus {
    border: 1px solid #037eca;
    background-color: #00588f;
    color: #fff;
    font-weight: bolder;
    box-shadow: none;
}


.bt-mlog {
    margin-bottom: 5px;
    height: 50px;
    width: 80%;
    font-size: 1em;
    border: 1px solid #037eca;
    background-color: #0079C3;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-mlog:active {
    border: 1px solid #037eca;
    background-color: #00588f;
    box-shadow: none;
}



.bt-mjoin {
    /* margin-left: 15px; */
    margin-bottom: 10px;
    height: 50px;
    width: 80%;
    font-size: 1em;
    border: 1px solid #09ad45;
    background-color: #00A73C;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-mjoin:hover:focus {
    border: 1px solid #037eca;
    background-color: #00588f;
    color: #fff;
    font-weight: bolder;
    box-shadow: none;
}


/* 회원 슬라이딩 햄버거메뉴버튼 */

.bt-qrcode {
    display: inline-block;
    margin-bottom: 10px;
    height: 80px;
    width: 23%;
    font-size: 0.85em;
	line-height: 14px;
    border: 1px solid #005c95;
    background-color: #0079C3;
    text-decoration: none;
    color: #fff;
    border-radius: 7px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-qrcode:active {
    border: 1px solid #017ac5;
    background-color: #015f99;
    font-weight: bolder;
    box-shadow: none;
}

.bt-ifch {
    display: inline-block;
    margin-left: 3px;
    margin-bottom: 10px;
    height: 80px;
    width: 23%;
    font-size: 0.85em;
	line-height: 14px;
    border: 1px solid #018130;
    background-color: #00A73C;
    text-decoration: none;
    color: #fff;
    border-radius: 7px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-ifch:active {
    border: 1px solid #009337;
    background-color: #008530;
    font-weight: bolder;
    box-shadow: none;
}

.bt-noclo {
    display: inline-block;
    margin-left: 3px;
    margin-bottom: 10px;
    height: 80px;
    width: 23%;
    font-size: 0.85em;
	line-height: 14px;

    text-decoration: none;
    color: #fff;
    border-radius: 7px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-bt-noclo:active {

    font-weight: bolder;
    box-shadow: none;
}

.bt-out {
    display: inline-block;
    margin-left: 3px;
    margin-bottom: 10px;
    height: 80px;
    width: 23%;
    font-size: 0.85em;
	line-height: 14px;
    border: 1px solid #444444;
    background-color: #545454;
    text-decoration: none;
    color: #fff;
    border-radius: 7px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-out:active {
    border: 1px solid #8d8d8d;
    background-color: #6c6c6c;
    font-weight: bolder;
    box-shadow: none;
}

.bt-sub-a {
    display: inline-block;
    height: 40px;
    width: 40%;
    font-size: 0.9em;
    /* border: 1px solid #018130; background-color: #00A73C; */
    text-decoration: none;
    color: #292929;
    /* border-radius: 7px; */
    border: 1px solid #ddd;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-sub-a:active {
    border: 1px solid #009337;
    background-color: #008530;
    font-weight: bolder;
    box-shadow: none;
}

.bt-cancle-hf {
    margin-bottom: 10px;
    height: 55px;
    width: 48%;
    font-size: 1em;
    border: 1px solid #858585;
    background-color: #979797;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 1px 1px rgb(202, 202, 202);
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-cancle-hf:hover:focus {
    border: 1px solid rgb(191, 192, 192);
    background-color: #7c7c7c;
    color: #fff;
    font-weight: bolder;
    box-shadow: none;
}

.bt-next:hover:focus {
    border: 1px solid #037eca;
    background-color: #00588f;
    color: #fff;
    font-weight: bolder;
    box-shadow: none;
}

.bt-del {
    height: 25px;
    width: 20%;
    float: right;
    font-size: 0.8em;
    border: 1px solid #d4d4d4;
    background-color: #eeeeee;
    text-decoration: none;
    color: #292929;
    /* font-weight: bold; */
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-add-hf {
    margin-top: 10px;
    height: 45px;
    width: 30%;
    font-size: 1em;
    border: 1px solid #037eca;
    background-color: #0079C3;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-add-hf:hover:focus {
    border: 1px solid #037eca;
    background-color: #00588f;
    color: #fff;
    font-weight: bolder;
    box-shadow: none;
}

.bt-delv {
    float: right;
    font-size: 0.8em;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    border: 1px solid #007dca;
}


.bt-delv:hover:active {
  background-color: #0295ee;
}

.label {
    display: inline;
    padding: 3px 10px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    font-size: 0.8em;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    background-color: #494949;
}

.paybox {
    margin: 10px 0px;
/*     text-align: right; */
    padding: 20px;
    border-bottom: 1px solid #ddd;
}


/* 로그인 */

.forgot {
    margin: 10px;
    font-size: 12pt;
    color: #292929;
}

.join {
    font-size: 11pt;
    margin: 10px;
    text-align: center;
    color: #037eca;
    border: 1px solid #ddd;
    padding: 5px;
}

.center-box {
    text-align: center;
    padding: 5px;
}


/* 아이디비번찾기 */

.findtab {
    padding: 10px;
}

.big_tab ul {
    overflow: hidden;
    width: 100%;
}

.big_tab ul li {
    width: 50%;
    box-sizing: border-box;
    float: left;
    list-style-type: none;
    text-align: center;
    line-height: 50px;
    border-bottom: 2px solid #037eca;
    background-color: #fbfbfb;
}

.big_tab ul li.activeClass {
    font-size: 16px;
    color: #ffffff;
    border-bottom: 2px solid #037eca;
    background-color: #037eca;
}

.sm_select {
    display: none;
}

.sm_select select {
    width: 100%;
    height: 40px;
}

.tab-contents {
    padding: 15px 10px 5px 10px;
    width: 100%;
}

.tab-contents li {
    display: inline-block;
    width: 32.3%;
    box-sizing: border-box;
}

.tab-contents input,
select {
    height: 45px;
    margin: 5px 0px;
    padding: 0px 10px;
    border: 1px solid silver;
    border-radius: 3px;
    width: 100%;
    background-color: #fff;
}

.groupbox {
    margin: 0;
    width: 100%;
}

.find-a {
    margin-bottom: 5px;
    width: 67% !important;
    border: 1px solid #ccc;
}

.find-b {
    margin-bottom: 5px;
    height: 50px;
    padding: 0px 10px;
    width: 45% !important;
    border: 1px solid #ccc;
}

.find-c {
    margin-bottom: 5px;
    height: 50px;
    padding: 0px 10px;
    width: 31.7% !important;
    border: 1px solid #ccc;
}

.find-d {
    margin-bottom: 5px;
    height: 50px;
    padding: 0px 10px;
    width: 66% !important;
    border: 1px solid #ccc;
}

.find-e {
    margin-bottom: 5px;
    height: 50px;
    padding: 0px 10px;
    width: 49% !important;
    border: 1px solid #ccc;
}

.find-f {
    margin-bottom: 5px;
    padding: 0px 10px;
    width: 23% !important;
    border: 1px solid #ccc;
}


.ynbox {
    margin: 0 auto;
    width: 95%;
    height: 100px;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 0 0.5em;
}


/* 약관 */

.member_box {
    width: 100%;
    margin: auto;
}

.member_box .member {
    border: 1px solid #ddd;
    padding: 15px 15px 10px 15px;
    margin: 0 auto 20px;
    background: #f9f9f9
}

.member_box .member .input-group {
    margin-bottom: 15px
}

.member_box .btn .pull-right {
    color: #aaa;
    padding-top: 4px
}

.divider {
    height: 1px;
    background: #ddd;
    margin: 20px 0px;
}

.divider-m10 {
    height: 1px;
    background: #ddd;
    margin: 20px 0px 5px 0px;
	-webkit-animation-name: up-movingPara;
    -webkit-animation-duration: 1s;
    animation-name: up-movingPara;
    animation-duration: 1s;
}

small {
    display: block;
}

.member h3 {
    padding-top: 5px !important;
    margin-bottom: 20px
}

.rules_box iframe {
    border: 1px solid #aaa;
    border-top: 2px solid #666;
    background: #fff;
    width: 100%;
    height: 100px;
}

.rules_box iframe div {
    font-size: 14px;
}

.joincontent {
    word-break: keep-all;
    line-height: 1.8;
}

.help-block {
    font-size: 0.8em;
    line-height: 1.1em;
    margin-bottom: 0
}


/* QR Check */

.qrcheck {
    border: 1px solid #c1c1c1;
    padding: 10px 5px 20px 15px;
    background-color: #fff;
}

.qrcheck h3 {
    font-size: 17px;
    margin-bottom: 15px;
}


/* barcodebox ------------------------------*/

.barcodebox {
    font-size: 0;
    padding: 10px 20px 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    text-align: center;
}

.barcodebox li:first-child {
    width: 100%;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
}

.barcodebox li:first-child img {
    width: 60%;
}

.barcodebox .barcode {
    /* width: 50%; */
    margin: 0 auto;
    padding: 10px 0;
}

.barcodebox .barcode img {
    width: 100%;
}


/* 프로그램탭 */

.prog-tab {
    margin-top: 10px;
    width: 100%;
    background: #ffffff;
}

.prog-tab section {
    display: none;
    padding: 10px 0px;
    border-top: 1px solid #ddd;
}


/* 프로그램 스크롤박스 */

.edit-box {
    border: 1px solid #ddd;
	padding:10px 4px 0px 4px;
    width: 100%;
	overflow: auto;
    position: relative;
    background-color: #fff;
}


/*라디오버튼 숨김*/

.prog-tab input {
    display: none;
}

.prog-tab label {
    display: inline-block;
    margin: -2px;
    padding: 10px 8px;
	font-size:14px;
/*     width: 110px; */
    text-align: center;
    color: #292929;
    border: 1px solid transparent;
	 border-bottom: 2px solid transparent;
}

.prog-tab label:hover {
    color: #2e9cdf;
    cursor: pointer;
}


/*input 클릭시, label 스타일*/

.prog-tab input:checked+label {
    font-weight: bold;
    color: #555;
    border: 1px solid #ddd;
    border-top: 3px solid #0079C3;
    border-bottom: 1px solid #ffffff;
}

#progtab1:checked~#prog-content1,
#progtab2:checked~#prog-content2,
#progtab3:checked~#prog-content3,
#progtab4:checked~#prog-content4 {
    display: block;
}


/******************* 수영 / 헬스 / 강의실 ********************/

.pro-imagesbox {
    padding: 5px 5px 20px 5px;
    font-size: 0;
}
.pro-imagesbox li {position: relative;}

.pro-imagesbox li img {
    width: 100%;
    margin-bottom: 10px;
}
.pro-imagesbox li p {
    position: absolute;
	bottom:10px;
	height:30px;
	display:block;
    width: 100%;
    padding:3px;
	color:#181818;
	background-color:#ddd;
	font-size:14px;
	text-align:center;
	line-height:25px;
	z-index:10;
}

.adult-imagesbox {
    padding: 5px;
    font-size: 0;
}

.adult-imagesbox img {
    width: 100%;
}

.guide-imagesbox {
    margin:10px 0px;
    font-size: 0;
}
.guide-imagesbox img {
    width: 100%;
}



/*강사현황*/
.newicon{display:inline-block; color:#ec0000}

.trainer-box{font-size:0}
.trainer-box .trainer {
	border: 1px solid #ddd;
	padding: 0;
	font-size: 0;
	margin-bottom: 15px;
	width:100%;
	display:inline-block;
	box-shadow: 0px 2px 5px rgba(100, 100, 100, 0.2);
}

.trainer-box .trainer> div{display:inline-block; vertical-align:top; text-align:left; width: 100%;}
.trainer-box .trainer label{font-size:15px; font-weight:500;  display:inline-block; height:30px;}

.trainer-box .trainer.health .trainer-head label:first-child {  background-color: #e66a12; border: 1px solid #e46710;}
.trainer-box .trainer.health .trai-content label:before{border:3px solid #e66a12}

.trainer-box .trainer-head {padding:10px 10px 8px 10px;  border-bottom: 1px solid #ddd; }
.trainer-box .trainer-head label{margin-bottom: 0; line-height:21px; }
.trainer-box .trainer-head label:first-child {
    border: 1px solid #0070ad;
    padding: 6px 5px;
    border-radius: 3px;
    background-color: #0080c6;
    line-height: 1;
    margin-right: 8px;
    color: #fff;
}

.trainer-box .trai-fixed{font-size:0; padding:10px; background-color:#f8f8f8;}
.trainer-box .trai-fixed div{
	width:120px; height:120px; 
	overflow:hidden; border-radius:50%; 
	margin:0 auto; 
	border:2px solid #ddd;
	background:url('/Y/noimg.gif') no-repeat;
	background-size:105% !important;
	background-position:-3px -3px  !important;
}
.trainer-box .trai-content{ padding:1px 10px 10px; border-top:1px solid #ddd;}
.trainer-box .trai-content label{margin:10px 0 0; border:1px solid #ddd; border-bottom:0; width:100%; padding:5px}
.trainer-box .trai-content label:before{content:''; display:inline-block;  margin-right:5px; width:11px; height:11px; border-radius:50%; border:3px solid #0080c6}
.trai:before{content:''; display:inline-block;  margin-right:5px; width:11px; height:11px; border-radius:50%; border:3px solid #e66a12 !important;}
.trainer-box .trai-content ul{font-size:0; display:inline-block; background-color:#f1f1f1; 
vertical-align:top; border:1px solid #ddd; width:100%; height:65px; overflow:auto; padding:10px}
.trainer-box .trai-content ul li{font-size: 13px; }


/* 가로스크롤 왼쪽고정 */
.table-scroll {
	position:relative;
	max-width:100%;
	margin:auto;
	overflow:hidden;
	font-size:0.95em;
}
.table-wrap {
	width:100%;
	overflow:auto;
}
.table-scroll table {
	width:100%;
	margin:auto;
	border-collapse: collapse;
	border-spacing:0;

}
.table-scroll th, .table-scroll td {
	padding:10px 10px;
	border:1px solid #ddd;
	background:#fff;
	white-space:nowrap;
	vertical-align:middle;

}
.table-scroll th{
	background:#f9f9f9;
}

.table-scroll thead th{
	border-top:2px solid #000;
}
.table-scroll thead, .table-scroll tfoot {
	background:#f9f9f9;
}
.clone {
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
}
.clone th, .clone td {
	visibility:hidden
}
.clone td, .clone th {
	border-color:transparent
}
.clone tbody th {
	visibility:visible;

}
.clone .fixed-side {
	border:1px solid #ddd;
	background:#f9f9f9;
	visibility:visible;
}
.clone thead, .clone tfoot{background:transparent;}


/*****************************************************************
기타 > 페이징
******************************************************************/

.img_click {cursor:pointer}

/******************************************************************/

/* table*/
.table_bbs {table-layout:fixed}
.table_bbs tr.notice { background:#edf9ff } 
.table_bbs .bbs_title a{font-weight: 500;color:#333}
.table_bbs .bbs_title a:link,.table_bbs .bbs_title a:visited{color:#333}
.table_bbs .bbs_title a:hover,.table_bbs .bbs_title a:active{color:#67B0D6;}
.bbs_no,.bbs_writer { text-align: center;width: 80px;}
.bbs_date { text-align: center; width: 100px;}
.bbs_title .label {padding:0.1em 0.6em 0.2em 0.6em;}
.bbs_btn{padding:20px 0; text-align:right;}

/*view*/
.bbs_view {margin-bottom: 0 overflow:hidden;  margin:0 auto;}
.bbs_content {width:100%;  }
.bbs_content img{max-width: 100%;
    height: auto;  object:cover;}

@media screen and (max-width:768px) {
	.bbs_content img{max-width: 100%;
    height: auto !important;   object : cover;}
	.bbs_view.td_block {border-bottom: 1px solid #ccc !important; }
	.bbs_view.td_block tr{border-bottom:0  solid #ddd !important}
	.bbs_view.td_block td{}
	.bbs_view.td_block tr:nth-child(2) td:nth-child(1){border:1px solid #ddd !important;border-radius:5px;width: 20%; max-width:60px;position:absolute;padding: 3px !important;text-align:center;left:8px;top:10px;line-height: 27px !important;background-color:#fff;z-index:10;}
	.bbs_view.td_block tr:nth-child(2) td:nth-child(2){width:100%;padding-top: 45px !important;background-color:#f0f0f0;font-weight:500;/* font-size:16px; */word-break:keep-all;height: auto;}
	.bbs_view.td_block tr:nth-child(2) td:nth-child(3):before{content:'작성자 : '; }
	.bbs_view.td_block tr:nth-child(2) td:nth-child(4):before{content:'등록일 : '; }

/*****************************************************************
서브 : 09 =  대관신청
*****************************************************************/
 .daegwanlist b{display:block; text-align:right; width:100%}
 @media screen and (max-width: 768px){

/*****************************************************************/
/* ===========================
--- calendar 달력
============================ */

	.calendar {
		width: 100%;
		margin: 0 auto;
		background: #fafafa;
	}
	.calendar th, .calendar td {
		width: 14.28%;
		height: 45px;
		text-align: center;
	}
	.calendar .mp, .calendar .mn, .calendar .month {
		vertical-align: middle;
		text-align: center;
		color: #333333;
		opacity: 1;
		display: inline-block;
	}
	.calendar .month {
		width: 140px;
		margin: 0;
		font-size: 28px
	}
	.calendar th {
		border-bottom: 1px solid #333 !important;
		background: #ebebeb !important
	}
	.calendar td {
		font-weight: 500;
		font-size: 16px;
		min-height:100px;
		height:100px
	}
	.calendar td div{display:block; text-align:right}
	.calendar td p{margin:0; line-height:1.3; margin:3px 0}
	.calendar td p:before{content:'- '}
	.calendar td p.Cred{color:#ff0000 !important; }
	.calendar td p.Cblue{color:#0090ff  !important;}
	.calendar td span{display:block; padding-left:10px}
	.calendar .week, .calendar .sun, .calendar .sat {border: 1px solid #dddddd;}
	.calendar tbody tr:first-child td {background: #fff}
	.calendar .pb {
		opacity: 1;
		background:#FFFFFF; 
		cursor:pointer !important; 
		vertical-align: top; 
		text-align: left  !important; 
		padding:5px;
	}
	.calendar .week, .calendar .week a{	color: #333333;	}
	.calendar .sun, .calendar .sun a	{	color: #e12f3f;	}
	.calendar .sat, .calendar .sat a		{	color: #199cfe;	}
}
	@media screen and (max-width: 768px) {
		.calendar.td_block tr{border-bottom:0 !important; border:0 !important }
		.calendar.td_block tr:first-child{display:block}
		.calendar.td_block tr:first-child td{text-align:center}
		.calendar.td_block td:first-child{background-color:#fff; border-bottom:1px solid #ddd}
		.calendar.td_block td:empty{min-height:36px}
		.calendar td{min-height:36px; height:100% !important}
		.calendar td.pb div{position:absolute; left:0; top:0; height:36px; line-height:36px; padding:0 5px 0 0; width:50px}
		.calendar td.pb {padding: 5px 10px 5px 60px !important}
		.calendar td span{display:inline-block; padding-left:5px}

		.calendar td.pb div:after{font-size: 11px; font-weight:400; padding-left:3px}
		.calendar td.pb:nth-child(1) div:after{content:' (일)'}
		.calendar td.pb:nth-child(2) div:after{content:' (월)'}
		.calendar td.pb:nth-child(3) div:after{content:' (화)'}
		.calendar td.pb:nth-child(4) div:after{content:' (수)'}
		.calendar td.pb:nth-child(5) div:after{content:' (목)'}
		.calendar td.pb:nth-child(6) div:after{content:' (금)'}
		.calendar td.pb:nth-child(7) div:after{content:' (토)'}
	
	}

	/*.digital {
		font-size: 18px;
		font-weight: 400;
		line-height: 1.1em;
		border-top: 1px solid #ccc;
		padding-top: 20px;
		margin-top: 20px
	}
	.digital .item {
		font-size: 22px;
		font-weight: 500;
		display: inline-block;
		padding: 15px 10px 10px 10px;
		background: #fff;
		border: 1px solid #ccc;
		background: #fff;
		border-radius: 5px;
		margin: 0 5px
	}
	.digital .item.big {
		width: 80px;
		text-align: right
	}*/

	.icon_circle {
		background-color: #fff;
		margin: 0 auto 10px auto;
		border-radius: 50%;
		border: 6px solid #0080c6;
		width: 120px;
		height: 120px;
		line-height: 120px;
		font-size: 50px;
		vertical-align: middle;
		transition: all 0.5s ease;
	}

/* ===========================
--- table 테이블
============================ */

	.table-d { 
		width:100%;
		max-width:100%;
		border-top: 2px solid #000 !important ; 
		border-bottom: 1px solid #999 ; 
		margin-bottom:0;
		border-spacing: 0;
		border-collapse: collapse;
	}
	.table-d .re { color: #ccc ; font-weight: 100; font-size: 0.8em}
	.table-d th {text-align: center;  word-break: keep-all; background: #f9f9f9; font-size:15px; font-weight:500 }
	.table-d td{ text-align:center}
	.table-d  p{margin-bottom:0}
	.table-d img{width:100%}

	/* table option */
	.td_left td {text-align: left}
	.td_center td {text-align: center}
	.td_first tr td:first-child{background-color:#f9f9f9}
	.table-d.priceS span:before{content:'/';}
	
	.wordkeep table *{word-break: keep-all; }

	/* scroll table ================= */
	.scrolltb-box{ width: 100%; overflow:auto}
	.scrolltb-box table{}

	.data_none{text-align:center; padding:15px 0 }
	.data_none p{margin:0}


	.table-d>tbody>tr>td, 
	.table-d>tbody>tr>th, 
	.table-d>tfoot>tr>td, 
	.table-d>tfoot>tr>th, 
	.table-d>thead>tr>td, 
	.table-d>thead>tr>th { vertical-align: middle}
	

	/* End = table option */


	/* ====================
	   Responsive table 768  
	  ==================== */

	
	@media (max-width: 768px){
	.table-d th {font-size:14px; font-weight:500 }
	.table-d td{ font-size:14px;}
	   .td_block {
		   border: 0 !important;
	   }
	   .td_block td, .td_block th{
			display: block;
			width: 100%;
			height:36px;
			line-height:36px !important;
			padding:0 10px !important;
			font-size:14px;
			text-align: left;
			position:relative;
			border-top:0 !important;
			border-left:0 !important;
			border-right:0 !important;
		}
		.td_block td.twoline {
			display: inline-block;
			width:50%;
	   }
	   .td_block tr:first-child {
		   display: none;
	   }
	   .td_block tr {
		   font-size:0;
		   display: block;
		   position:relative;
		   border-top:2px solid #aaa !important;
		   border-bottom:10px solid #fff !important;
		}
		.td_block tr:after{
			position: absolute;
			top:0;left:0;
			line-height: 37px;
			color:#111;
			font-size:14px;
			padding:0 5px;
			text-align:center;
		}
		.td_block td:first-child{background-color:#eee}
		.td_block td:empty{min-height:37px} td높이
		
		.td_block td.col2{min-height:calc(37px * 2); line-height: calc(37px * 1.5);}
		.td_block td.col3{min-height:calc(37px * 3); line-height: calc(37px * 2.5);}
		.td_block td.col4{min-height:calc(37px * 4); line-height: calc(37px * 3.5);}
		.td_block td.col5{min-height:calc(37px * 5); line-height: calc(37px * 4.5);}

		.td_block.td_firstB tr{border-bottom:0 !important; border-top:0 !important}
		.td_block.td_firstB tr:first-child{display:block; border-top:1px solid #ddd !important}
		.td_block.td_firstB tr:first-child td:not(:first-child){display:none}
		.td_block.td_firstB tr:nth-child(odd) td{background-color:#f0f0f0 !important}
		.td_block.td_firstB tr td:first-child{background-color:#fff; }

}

.hand {cursor:pointer}

h5 > .label {    padding: 0.3em 0.6em 0.2em 0.6em;}

.tag_box { display:block; margin: -5px ;margin-bottom:15px;}
.tag_box .tag {display: block; float:left; padding:3px 16px 5px; background: #67B0D1;  border-radius: 20px ;margin:5px; }
.tag_box .tag a{color:rgba(255,255,255,.8)}
.tag_box .active {background: #0080c6; }
.tag_box .active a{color:#fff}

.accordion {border-top: 2px solid #000; border-bottom: 1px solid #999; line-height: 1.6em}
.accordion .label {text-align: center; display: inline-block; border-radius: 15px;}
.content_accordion { border-bottom: 1px solid #ddd}
.accordion_title {     position: relative; cursor: pointer;
    padding: 8px 30px 8px 8px;}
.accordion .accordion_body {
	padding:8px 8px 8px 30px;
    display: none;
    background-color: #f9f9f9;
    border-top: 1px solid #eee;
    font-size: 14px;
    color: #494949;}
.icon_accordion { position: absolute;right: 8px;top:6px}
.icon_position { position: relative; padding-left:30px }
.icon_position span.label { display: block; position: absolute;left: 0px ;top: 4px}

.bg-danger { padding: 10px 15px}
ul.dot li {   list-style: disc;
    margin: 5px 0 5px -20px;
    color: #F6641D;
    line-height: 1.4em; }
ul.dot li span{ color: #494949}


	.content_body div.body {   
		font-size: 14px;
		color: #424242;
		line-height: 22px;
		padding: 10px 0px 15px 0px ;
	}
	#sub{position:relative}
	.sub_cover_box {height: 100px;}
	.sub_menu_box{padding:0}
	.pageMenu.wide{ margin-top:0}
	.pageMenu.wide h2{
		background-color: rgba(0, 128, 198, 0.75);
		width: 100%;
		position: absolute;
		cursor: pointer;
		height: 100px;
		top: 0;
		left: 0;
		font-size: 25px;
		line-height: 100px;
	}
	.pageMenu.wide h2:after{content:'\e942'; position:absolute; right:15px; top:3px}
	.pageMenu.wide h2.fold:after{content:'\e945'}
	.pageMenu.wide ul{width:100%; padding: 10px; background-color: #f4f4f4; border-bottom: 1px solid #ddd;}
	.pageMenu.wide ul li{width:100% !important; margin-bottom:5px}
	.pageMenu.wide ul li a{border-right:1px solid #0080c6; border-width: 1px 1px 1px 1px;}

	.title_box {text-align: left;	margin-top: 30px;}		
	.title_box h2 { font-size: 24px;   padding-top: 20px; margin-bottom: 20px}

	.content_body h4 { font-size: 17px; padding-top: 20px; display: block;}
	.content_body h3.strong {font-size: 20px; padding-top: 20px}
	.content_body .desc { font-size: 16px}
	
	#header {height: 60px;}
	
	.bbs_search_box .bbs_search {width:175px}
}

@media screen and (min-width: 767px) {
	.de01 .carousel-caption {
		padding: 0 100px;
	}
}
@media screen and (min-width: 1500px) {
	.de01 .carousel-caption {
		padding: 0 15px;
	}
}

@media screen and (min-width: 600px) and (max-width:768px) {
	#program .col-xs-12{ width: 50%}
}


.smalltable{width:100%; border:1px solid #ddd}
.smalltable th, .smalltable td{padding:5px 10px; border-bottom:1px solid #ddd; text-align:center; border-right:1px solid #ddd}
.smalltable th{background-color:#f8f8f8}

/*****************************************************************
기타 > 스크롤 탑 (우측하단)
*****************************************************************/

.scrollToTop {
				-webkit-transition: all 0.1s ease-out;
				transition: all 0.1s ease-out;
				text-align: center;
				position: fixed;
				z-index: 100;
				bottom: 20px;
				right: 20px;
				display: none;
				background-color: #111;
				border-radius: 2px;
				z-index: 299
}
.scrollToTop:hover {
				bottom: 25px;
}
.scrollToTop a {
				-webkit-transition: all 0.1s ease-out;
				transition: all 0.1s ease-out;
				display: block;
				width: 40px;
				height: 40px;
				font-size: 1.0em;
				padding-top: 7px;
				color: #aaa;
}
.scrollToTop a:hover {
				color: #fff;
}

/*****************************************************************
기타 > 페이징
******************************************************************/

.img_click {cursor:pointer}

.pagingbox{text-align:center; margin:15px 0 15px 0;}
/* .paging { display:inline-block; border-right:1px solid #ddd}

.paging span{
	position:relative;
	display:inline-block;
	width:28px;
	height:27px;
	line-height:27px;
	border:1px solid #ddd;
	border-right:0px;
	background-color:#fff;
	font-size:12px;
	color:#000;
	text-align:center;
	z-index:1; 
	font-weight:500;
	cursor: pointer
}

.current:hover,
.next:hover,
.next_hand:hover{
	color:#fff;
	background-color:#0080c6;
	border:1px solid #0080c6; 
	font-weight:400;
}
span.current_nowpage{
	border:1px solid #0080c6;
	background-color:#0080c6;
	color:#fff;
}
 */
.next i,.next_hand i{font-size:10px; font-weight:700 !important}
.next i{letter-spacing:-3px }

/******************************************************************/

.error{background-color:#f8f8f8; overflow:hidden}
.error .errorbox{width:40%; margin:0 auto; text-align: center; padding-top:150px}
.error .errorbox .errorcontent{margin-top:30px; border:1px solid #ddd; background-color:#fff; padding:30px; border-radius: 15px; box-shadow: 0 5px 7px rgba(0,0,0,0.1)}
.error h1{font-weight:800}
.error h1,
.error h2,
.error p{margin-bottom:10px;}
.error .btn{margin-top:20px; background-color:#aaa; border:1px soild #aaa; width: 50%; color:#fff}


.bigpayingB{background-color:#0080c6; width: 60%; line-height:80px; color:#fff; font-size: 35px;}
.bigpayingB:hover{background-color:#006095; color:#fff}


.introtb{}
.in768{margin-left:15px}

		
.introtb tr, .introtb td{display:block; width:100%; text-align:left}	

.in768{display:block; margin-left:0; line-height:1.5}


/* @media (max-width: 768px){
		
	.introtb tr, .introtb td{display:block; width:100%; text-align:left}	

	.in768{display:block; margin-left:0; line-height:1.5}
} */

/*컨텐츠*/
	.content_body {min-height: 300px; padding-bottom: 50px}
	.img img {
		margin: auto;
		max-width: 100%;
		display: block;
	}
	.img img.full {
		width: 100%
	}
	.title_box h2 {
		font-size: 29px;
		color: #000;
		position: relative;
		padding-top: 30px;
	}
	.title_box h2:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 30px;
		height: 3px;
		background-color: #0080c6;
	}
	.sub_cover_text{
		padding:36px 0 0 30px;
		text-align: left;
		font-size: 30px;
		font-weight: 500;
		color: #fff;
		text-shadow: 0 0 5px rgba(0,0,0,0.5)
	}
	.sub_cover_box { 
		height:160px; background-image:url(/images/sub_0.jpg);  
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat; 
		background-color: #000;
	}


.search_b {
  width: 100%;
  position: relative;
  display: inline-block;
}

.searchTerm {
    width: 72%;
    border: 1px solid silver;
    border-right: none;
    padding: 5px;
    height: 40px;
    border-radius: 3px 0 0 3px;
    outline: none;
    color: #000;
}

.searchTerm:focus{
  color: #000;
}

.searchButton {
    width: 50px;
	position: absolute;
	margin-top:10px;
    height: 40px;
    right:-2px;
	top:-5px;
    background: #0079C3;
    text-align: center;
    color: #fff;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    font-size: 16px;
}

.searchButton-b {
    width: 50px;
	position: absolute;
	margin-top:10px;
    height: 40px;
    right:-2px;
	top:-10px;
    background: #0079C3;
    text-align: center;
    color: #fff;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    font-size: 16px;
}

.addButton {
	position: absolute;
	margin-top:10px;
    height: 45px;
    right:-1px;
	width:110px;
	top:-5px;
	padding:0px 8px;
    background: #0079C3;
    text-align: center;
    color: #fff;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    font-size: 13px;
}

/* fqa*/
.faq_search_box { border: 3px solid #0080c6;
    padding: 15px 20px;
    margin-bottom: 10px;
}
.faq_search_box .form-group{margin: 0}
/* .faq_search_box label {font-weight: 400} */
.faq_search_box input.form-control { border:2px solid #999; border-right:none}

.tag_box { display:block;  margin-bottom:10px; padding:8px;}
.tag_box .tag {display: block; float:left; padding:3px 14px 3px 8px; background: #67B0D1;  border-radius: 20px; margin:3px; }
.tag_box .tag a{color:rgba(255,255,255,.8)}
.tag_box .active {background: #0080c6; }
.tag_box .active a{color:#fff}

/* fqa아코디언 */
.accodion-container {border-top:1px solid #333;}
.accodion-header {width:100%; padding:12px;border-bottom:1px solid #ddd;cursor:pointer;}

.accodion-q1::before{
    content: "Q";
    font-size:11px;
	text-align:center;
	border-radius: 5px;
	width:20px;
	height:20px;
	padding:2px 4px;
	padding-right:5px;
	line-height:13px;
	color:#fff;
	display: inline-block;
	background-color:#c60018;
}
.accodion-q1{ width:9%; display: inline-block; vertical-align: top;}
.accodion-q2{ width:85%; display: inline-block; text-align:left;}
.accodion-q3{ width:11%; display: inline-block; vertical-align: top; margin-top:2px; text-align:right; }
.accodion-q4{ width:84%; display: inline-block;  text-align:left; }
.accodion-content {display:none; padding:10px; background-color:#f5f5f5; }
.accodion-q3::after{
    content: "A";
    font-size:11px;
	text-align:left;
	border-radius: 18px;
	width:20px;
	height:20px;
	padding:2px 4px;
	padding-left:6px;
	line-height:14px;
	color:#fff;
	vertical-align: top;
	margin-right:5px;
	background-color:#0079C3;
    display: inline-block;
}


.active-header {display:block;}
.inactive-header {display:block;}


.gall-box{
  width:100%;

}
.gall-box li{display:block;}

.gall-imagesbox {
    width: 49%;
	height:auto;
	border:1px solid #ddd;
	margin-bottom: 10px;
	float:left;
	padding-bottom:10px;
}

.gall-imagesbox img {
    width: 100%;
	height:130px;
    margin-bottom: 4px;
	object-fit: cover;
}


.text_box h5 {
    position: relative;
    color: #000;
    font-size: 0.85em;
    font-weight: 400;
    margin: 3px 5px;
	  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}



.rules_box iframe { border: 1px solid #aaa; border-top: 2px solid #666; background: #fff; width: 100%; height: 300px; }
.rules_box iframe div{font-size:14px;}
.joincontent{word-break: keep-all; line-height:1.8}

/******************************************************************/

.error{background-color:#f8f8f8; overflow:hidden}
.error .errorbox{width:40%; margin:0 auto; text-align: center; padding-top:150px}
.error .errorbox .errorcontent{margin-top:30px; border:1px solid #ddd; background-color:#fff; padding:30px; border-radius: 15px; box-shadow: 0 5px 7px rgba(0,0,0,0.1)}
.error h1{font-weight:800}
.error h1,
.error h2,
.error p{margin-bottom:10px;}
.error .btn{margin-top:20px; background-color:#aaa; border:1px soild #aaa; width: 50%; color:#fff}


.finish{position: relative; top:17%;}
.finish-box{width:100%;}
.finish-p{ background-color:#494e52; padding:13px; color:#fff;  text-align:center; font-size:14px;}

#subm ul {
    list-style:none;
    margin:0;
    padding:0;
    height:140px;
}
#subm li {width:33.3%; height:40px; border:1px solid #ccc; font-size:0.90em; 
line-height:40px; text-indent:2px; display:inline-block;
border-left:0px; margin:0; padding:0;   float: left;
}
#subm li:nth-child(1){
	border-left:1px solid #ccc; border-bottom:0px;}
#subm li:nth-child(2){
	border-bottom:0px;}
#subm li:nth-child(3){
	border-bottom:1px solid #ccc;}
#subm li:nth-child(4){border-left:1px solid #ccc;}
#subm li.on {color: #fff; background-color: #0079C3;} /* 활성화 되었을때 스타일 */




#subm2 ul {
    list-style:none;
    margin:0;
    padding:0;
    height:140px;
}
#subm2 li {width:100%; height:40px; border:1px solid #ccc; font-size:0.90em; 
line-height:40px; display:inline-block;
border-left:0px; margin:0; padding:0;   float: left; 
}
#subm2 li:nth-child(1){padding-left:10px; border-bottom:0px;  border-left:1px solid #ccc;}
#subm2 li:nth-child(2){padding-left:10px; border-bottom:0px;  border-top:0px;  border-left:1px solid #ccc;}
#subm2 li:nth-child(3){padding-left:10px;  border-left:1px solid #ccc; border-top:0px;}

#subm2 li.on2 {color: #fff; background-color: #0079C3;} /* 활성화 되었을때 스타일 */


.rules_box
{margin-top:50px;}

.colorD {background-color: rgb(195, 195, 195); opacity: 0.5; cursor: not-allowed;}

/* 20221021 추가 */
 .padbox{margin:5px;}
 .uesbox {display: flex;
    margin: 5px;
    padding: 16px;
    text-align: center;
    flex-direction: column;}
 .uesbox span{padding:12px 20px; border:1px solid #ccc;  background-color: #f5f5f5;}

/* 2300201 */
.sw_t01{
    font-size: 15px;
    color: #014dd8;
    margin-bottom: 10px;
    font-weight: bold;
	padding-left:10px;
}
.sw_t02{
    font-size: 15px;
    color: #d80101;
    margin-bottom: 10px;
    font-weight: bold;
	padding-left:10px;
}



.sw_sp01{font-size: 15px; color: #014dd8 !important;}
.sw_sp02{font-size: 15px; color: #d60101 !important;}

@media (max-width: 768px){
.sw_t01, .sw_t02, .sw_sp01, .sw_sp02{font-size: 14px;}

}



.sw_td01{background-color: #dcecff !important;}
.sw_td02{background-color: #ffdcdc !important;}
.sw_td03{background-color: #fcf5cd !important;}
.sw_td04{background-color: #e1fccd !important;}

/* 230216 */
.qr_time li{ display:inline-block; font-size: 20px;}
.qr_time li span{font-size: 28px; font-weight: 800; color: #cd0000;}

/* 날씨미세먼지추가 */
	.bxs-top{
	margin-top:50px;
	padding: 10px 15px 12px 15px;
    width: 100%;
    background:#7d89a2e0;
    color: #fff;
    text-align: left;
    display: flex;
    border-radius: 8px 8px 0 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}

.bxs-left li{display:inline-block; color:#fff;}


.bxs-left li:nth-child(1){position: relative; top: 2px;} 
.bxs-left li:nth-child(2){font-size:20px; font-weight:800; padding-left:5px;position: relative; top: -2px; }
.bxs-right li{display:block; color:#fff; text-align:right; letter-spacing: .5px; font-size:13px}

.bxs-lv1{color:#004cf5;}/*좋음*/
.bxs-lv2{color:#69ff0f;}/*보통*/
.bxs-lv3{color:#fdff00;}/*나쁨*/
.bxs-lv4{color:red;}/*매우나쁨*/


@media (max-width: 340px){
.bxs-left li:nth-child(2){font-size:18px;padding-left:2px;}
.bxs-right li{display:block; color:#fff; text-align:right; letter-spacing: .5px; font-size:12px}
}


/* 타임 */
.time_a{
    width:97%;
	margin:0 auto;
	background-color:#fff; 
	padding:10px; 
	/* border-radius: 4px;  */
	 border: 1px solid #cccfdb;  
	font-weight:bold;
	font-size:22px;
	text-align:center;
	font-family:'NanumGothic'!important;
	border-bottom:5px solid #4AA71B;
	}

.time_a p{color:#fd6720; padding:10px; margin:0;}