/* wrap css-----------------------------------------------------------------------------------------------------------*/
body{background-color: #fff}
body.hid{overflow: hidden;}
.container{width:100%; max-width:1300px; margin:0 auto;}
img{
	image-rendering:-webkit-optimize-contrast;
	  transform:translateZ(0);
	  backface-visibility:hidden;
}
footer{
  width:100%;
  text-align: center;
  padding:50px 15px;
  background-color: #fff;
  z-index: 11;
  color:#141414;
  word-break: keep-all;
  border-top: 1px solid #ddd;
  margin: 0 auto;
  background: #019A30;
  position: relative;
  margin-top: 41px;
  }
footer>div{
	max-width: 1300px;
	margin: 0 auto;
	text-align: left;
}
footer p{color: #fff}
.info_table tr td{
	padding-top: 20px;
	padding-bottom: 20px;
}
/*--수량박스--*/
.quantbox{position: relative; margin:0 auto; max-width: 150px}
.quantbox a{
    width:38px; 
    height: 38px; 
    text-align: center;
    float: left;
    color: #366333;
    background-color: #f0f2f0;
    border:1px solid #ddd;
    z-index: 1;
    line-height: 38px;
    position: absolute;
    top:0;
}
.quantbox a.plus{right: 0; border-radius: 0 5px 5px 0;  -webkit-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius:0 5px 5px 0;}
.quantbox a.minus{left: 0; border-radius: 5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; -ms-border-radius:5px 0 0 5px; -o-border-radius:5px 0 0 5px}
.quantbox a:hover{background-color: #ddd;}
.quantbox input{ width: 100%; text-align: center;}

/* mewnu css-----------------------------------------------------------------------------------------------------------*/
.member-menu{float: right; padding: 21px 10px 22px;}
.member-menu a{ 
  color:#065693 !important; 
  font-size:12px; 
  border:2px solid #065693; 
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px; 
  -o-border-radius:15px;
  padding:5px 10px;
}
.member-menu a:first-child{margin-right: 5px}
.member-menu a:hover{ color:#ff5b00; }

.nav-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%; 
  height:auto;
  transition: top .5s ease-out;
  -webkit-transition: top .5s ease-out;
  -moz-transition: top .5s ease-out;
  -ms-transition: top .5s ease-out;
  -o-transition: top .5s ease-out;
  background-color: #fff;
  z-index: 9000;
}
.nav-wrapper.fixed{position: fixed;}
.scroll { top: -90px; }

.no-scroll {
  top: 0;
  z-index: 9000;
}

.logo {
  float: left;
  padding: 10px 10px 10px 0px;
  color: #fff;
  margin: 0;
  line-height: 1;
  transition: all 0.2s ease-out;
}
.logo img{width: 100%}
.bottomlogo{width: 157px}

.logo-pc{display: block;}
.logo-mb{display: none;}
.logo-mb img{width: 100%}

.menu-link { display: none; }

.spinner-master{height: 0}
.spinner-master input[type=checkbox] { display: none; }

.menu {
  height: auto;
  transition: all 0.3s ease;
  margin:0 auto;
 
}
.menuwidth{
  width: 100%;
  max-width: 1200px
}

.menu > ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-block;
  float:right;
}

.menu > li > ul.sub-menu {
  min-width: 10em;
  padding: 4px 0;
  background-color: #f4f4f4;
  border: 1px solid #fff;
}

.menu ul li { padding: 0px; }

.menu > ul > li { display: inline-block; }

.menu ul li a {
  display: block;
  text-decoration: none;
  color: #111 ;
  font-size: 16px;
}

.menu ul li.hover > a {  color: #51a121 ;}

.menu ul li > a {padding: 21px;}

.menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 160px;
}

.menu ul li:hover > ul { display: block !important; }

.menu ul ul > li { position: relative; }

.menu ul ul > li a {
  padding: 10px 15px;
  height: auto;
  background: rgba(255,255,255,0.8);
}

.menu ul ul > li a:hover {
  background: #51a121;
  color: #fff ;
}

.menu ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}
@media all and (max-width:1300px){
	.container{
		padding: 30px 25px !important;
	}
	body .skReContainer{
		padding-top: 0px !important;
	}
}
@media all and (max-width:1200px) {
  .menu ul li > a{padding:21px 8px;}
	

}
@media all and (max-width: 992px) {
	.main_container{
		margin-top: 0px !important;
	}
	.quickmenu{
		display: none;
	}
	
	.login_find_box{
		display: block !important;
	}
  .menu > ul{width: 100%; text-align: right;}
  .menu ul li > a{padding:21px 15px;}
  .eventList > li{
 		width : 50% !important;
 	}
}
 @media all and (max-width: 700px) {
 	.rolling_panel>ul>li{
 		margin: 0px !important;
 		margin-bottom: 50px !important;
 	}
 }
 @media all and (max-width: 768px) {
 body .memberOut{
 	padding-top: 20px !important;
 }
 .memberOutBox{
 	padding : 20px !important;
 }
 .memberOutWarp{
 	padding : 20px 0px !important;
 }
 body .infoTable{
 	margin-top: 0px !important;
 }
 .infoWrapBox{
 	padding-left: 20px; padding-right: 20px;
 }
 .topBoxWrap{
		display : block !important;
	}
	.topBoxWrap > div{
		display : block;
		width : 100%;
	}
 body .totalcash {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
 .floorRight1 > li:last-of-type{
 	display : none !important;
 }
.floorRight li{
	width : 100% !important;
}
.floorRight1 li{
	width : 100% !important;
}
 
 section.infoWrap{
	padding : 20px 0px !important;
}
.noneH{
	display : none !important;
}
 #list>tr>td{
	padding: 0;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right: 1px solid #ddd;
	text-align : left;
	padding-left : 90px !important;
	padding-right: 20px !important;
}
#list>tr>td:nth-of-type(2){
	text-align: left !important;
	padding-left: 10px;
}
 .gnb02_li{
 	border-bottom: 1px solid #ddd;
 	line-height: 50px !important;
 }
 
 .floorNumLi > li{
	width : 50% !important;
	display :flex;
	align-items : center;
	margin-bottom: 10px;
}
.tab-content img{
	overflow : auto;
}
.sub_nav2{
 		margin-top: 20px !important;
 	}
 	

 	

	.xBtn {
		width: 100%;
		text-align: right;
		margin-top: 0px;
		padding-right: 15px !important;
	}
	.siteMenu {
		width: 100%;
		height: 100%;
		overflow-y: auto;
	}
	.siteFooter {
		display: none;
	}
	.menuSiteMap {
		display: none;
	}
	.siteCnt {
		width: 100% !important;
		height: 100%;
		position: absolute;
		left: 0 !important;
		top: 30px;
	}
	
	.siteCnt>ul>li>ul {
		display: none;
		transition: all 0.7s ease 0s;
		font-size: 16px;
		left: 30px;
		bottom: 0px;
	}
	.siteCnt>ul>li {
		float: none !important;
		height: 20% !important;
		width: 100% !important;
		font-size: 20px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 30px;
		padding-top: 20px;
	}
	.siteCnt>ul>li:nth-of-type(0) {
		padding-top: 0;
	}
	.siteCnt>ul>li:nth-of-type(3)>ul {
		height: auto;
	}
	.siteCnt>ul>li>a {
		color: gray;
	}
	.siteCnt>ul>li>a {
		color: black;
	}
	/* .siteCnt > ul >li:hover{
 	background: none;
 }
 .siteCnt > ul >li:hover > ul{
 	height : auto;
 	display : block;
	
 } */
	.xBtn>img {
		width: 30px !important;
		
	}
	.siteCnt>ul {
		height: auto;
	}
	.nav-wrapper{background-color:#fff; height: auto; position: fixed;}
  .container { padding:0px;}
  .box{}
  .example-header .container { width: 100%; }

  .logo-pc{display: none;}
  .logo-mb{display: inline-block; width:270px; padding: 13px 15px 12px;}

  .member-menu{    text-align: right;  float: none;padding:28px;}
  .member-menu a{border: 1px solid #ddd; padding:15px; font-size: 14px}

  .spinner-master * {
    transition: all 0.3s;
    box-sizing: border-box;
  }

  .spinner-master {
    position: relative;
    margin: 20px;
    height: 30px;
    width: 30px;
    float: right;
  }

  .spinner-master label {
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 5px;
    left: 0;
  }

  .spinner-master .spinner {
    position: absolute;
    height: 4px;
    width: 100%;
    padding: 0;
    background-color: #111;
  }

  .spinner-master .diagonal.part-1 {
    position: relative;
    float: left;
  }

  .spinner-master .horizontal {
    position: relative;
    float: left;
    margin-top: 4px;
  }

  .spinner-master .diagonal.part-2 {
    position: relative;
    float: left;
    margin-top: 4px;
  }

  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }

  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-top: 10px;
  }

  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: -12px;
  }

  a.menu-link {
    display: block;
    color: #fff;
    float: left;
    text-decoration: none;
    padding: 10px 16px;
    font-size: 1.5em;
  }

  a.menu-link:hover { color: #efa666; }

  a.menu-link:after {
    content: "\2630";
    font-weight: normal;
  }

  a.menu-link.active:after { content: "\2715"; }

  .menu {
    clear: both;
    min-width: inherit;
    float: none;
  }

  .menu,
  .menu > ul ul {
    overflow: hidden;
    max-height: 0;

  }

  .menu > li > ul.sub-menu {
    padding: 0px;
    border: none;
  }

  .menu.active,
  .menu > ul ul.active { max-height: 55em; }

  
  .menu ul { display: inline;font-size: 13px; float: none;}

  .menu li,
  .menu > ul > li { display: block;text-align: left; }

  .menu > ul > li:last-of-type a { border: none; }

  .menu li a {
    color: #fff;
    display: block;
    padding: 0.8em;
    position: relative;
  }

  .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding:15px
  }

  .menu li.has-submenu > a.active:after { content: "-"; }

  .menu ul ul > li a {
    background-color: #005db3;
    padding: 10px 18px 10px 30px;
    color:#fff;
  }
  .menu ul li > a{
    padding:22px 10px;
  }

  .menu ul li a:hover {
    background: #01b8f0;
    color: #fff;

  }

  .menu ul li.hover > a {
    background: #01b8f0;
    color: #fff;
  }

  .menu ul ul,
  .menu ul ul ul {
    position: relative;
    left: auto;
    top: auto;
    border: none;
  }

}

.search{
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
.widlong{max-height:300px !important;overflow-y:auto  !important;}
/*submanu--------------------------------------------------------*/
.sub_nav{
  background-color: #fff;
  padding-bottom:40px;
}
.sub_nav2{
	border-bottom : none;
}
.floorSub{
	padding-bottom : 0px !important;
}
.floor{
	display : flex;
}
.floorLi p{
	width : 30%;
	display : block;
	font-size : 20px;
	text-align : center;
}
.floorLi img{
	width : 70%;
}
.floorLi{
	width : 100%;
}
.floorLi li{
	display : flex;
	align-items : center;
}
ul.tabs{
	margin: 30px 0;
	padding: 0px;
	list-style: none;
	width : 100%;
	text-align : center;
}
ul.tabs li{
	background: none;
	
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}

ul.tabs li.current{
	border : 2px solid #019A30;
	color: #019A30;
}
.imgWrap{
	width : 100%;
	overflow : auto;
	border:1px solid #ddd;
}
.imgWrap > img{
	white-space : nowrap;
	margin : 0 auto;
	display: flex;
    padding: 30px;
    align-items : center;
    width:100%;
    min-width: 600px;
    max-width: 1000px;
}
.tab-content{
	display: none;
	padding: 15px;
}

.tab-content.current{
	display: inherit;
}

.floorNum{
	background : white;
	width : 100%;
}
.floorNumLi{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.floorNumLi i{
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #019A30;
    color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right : 10px;
}
.floorNumLi > li{
	width : 33.3333%;
	display :flex;
	align-items : center;
	margin-bottom: 10px;
	cursor: pointer;
}
.floorNumLi > li:hover>p{
	color: #019A30;
	font-weight: bold;
	transition: 0.2s;
}

.sub_nav h3{border-bottom:1px solid #ddd;  text-align: center; background-color: #fff; padding: 10px 15px; font-weight: 700}
.sub_nav ul {
	font-size: 0;
	background: #fff;
	height: 100px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sub_nav ul li{
  text-align: left;
  display: inline-block; 
  transition: all 0.3s ease;
}
.sub_nav ul li a{ 
	color:#46464a;
	border-radius: 0 !important;
  padding:15px; 
  background-color: #fff;
  border:1px solid #ddd;    
  font-size: 16px; 
  display: block; 
  width: 100%;
  -webkit-border-radius:5px;
  -ms-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  transition: all 0.1s ease;
  position: relative;
  text-align: center;
 /*  box-shadow: 4px 4px 10px 0px #c3c3c3; */
}
/* .sub_nav ul li a:after{content: '\e907'; position: absolute; right:20px; color:#fff; transition: all 0.1s ease;} */
.sub_nav ul li.act a:after{ right: 15px;}
.sub_nav ul li.act a {
	background-color: #019A30 !important;
	color: #fff !important;
	border-radius: 0 !important;
	text-align: center;
}

.sub_nav ul li:last-child{margin-right:0 !important}
.sub_nav ul li:not(.act):hover > a{color:#fff; font-size: 16px; background: #82c396;}
/* .sub_nav ul li:not(.act):hover > a:after{content: '\e907'; right: 15px; color:#fff;}
 */
.sub_nav ul.liwid2 li{width: 49%; margin-right:1%}
.sub_nav ul.liwid3 li{width: 32%; margin-right:2%}
.sub_nav ul.liwid4 li{width: 100%;}

.cntHeader > h1{
	text-align : center;
	padding : 50px 0;
}
.programImg{
	margin: 0 auto !important;
	width : 100% !important;
	text-align: center;
}
.programImg>img{
	width: 70%;
}
.programTab{
	width : 100%;
	height : auto;
}
.programTab:after{
	content:"";
	display : block;
	clear : both;
}

.sub_programTab{
	width : 100%;
	height : auto;
}
.sub_programTab:after{
	content:"";
	display : block;
	clear : both;
}

.tab{height:auto;}
.tabnav{font-size:0; width:100%; text-align : center; padding : 50px 0px 0px 0px; display: flex; justify-content: center;}
.tabnav li{display: inline-block;  height:48px; text-align:center; width : 100%;}
.tabnav5 li:first-of-type{width : 100%;}
.tabnav5 li:last-of-type{display : none;}
.tabnav li a.active{border-bottom:1px solid #fff;}
.tabnav li a{ position:relative; font-weight : 100; display:block; border : 1px solid #ddd;  color: #000; line-height:46px; text-decoration:none; font-size:18px;}
.tabnav li a:hover,
.tabnav li a.active{background:#fff; color:#141414;}
.tabnav li a.active{border : 1px solid #019A30; color: #019A30;}


.sub_tab{height:auto;}
.sub_tabnav{font-size:0; width:100%; text-align : center; padding : 0px 50px 0px 50px; display: flex; justify-content: center;}
.sub_tabnav li{display: inline-block;  height:46px; text-align:center; width : 40%;}
.sub_tabnav li a{
	font-size: 16px;
	margin: 0 auto;
}

.sub_tabnav li a{ position:relative; font-weight : 100; display:block; border : 1px solid #ddd;  color: #000; line-height:46px; text-decoration:none; font-size:18px;}
.sub_tabnav li a:hover{background:#fff; color:#141414; border : 1px solid black;}
.sub_tabcontent{padding-top: 20px;  border-top:none;}

#preView>img{
	width: 100% !important;
}
#tab01 h1 {
	padding-bottom : 30px;
}
#tab01 span {
	display : block;
	width : 100%;
	font-weight : bold;
	padding : 30px 0;
	padding-bottom: 0px;
}
#tab01 p{
	font-size: 20px;
}
#tab01 p>span{
	font-size:20px;
}

.snip1384>img{
	width: 100%;
}
.snip1384>a{
	width: 100%;
	border: 1px solid #ddd;
}
.programBtn{
	width : 100%;
	margin-top : 30px;
	display : block;
	text-align : center;
}
.programBtn > a{
	width : 115px;
	height : 35px;
	display : block;
	background : #019A30;
	color : white;
	font-size : 12px;
	line-height : 35px;
	margin : 0 auto;
	cursor : pointer;
	letter-spacing : 1px;
}



@media all and (max-width: 1200px) {
}
@media all and (max-width: 992px) {

	.floor{
  	padding: 0 30px;
  }
  .floorTxt{
  	margin : 30px 0 30px 20px;
  }
  .box2{margin:10px 5px;width: calc(100% - 10px);display: block !important;}
}
@media all and (max-width: 768px) {
	.tabnav2 > li > a{
		    font-size: 14px !important;
	}
	.tabs > li{
		font-size : 14px !important;
	}
	
	#tab02 > ul > li{
		width : 100%;
		padding : 10px;
	}
	#tab02 > ul h2,p{
		font-size : 14px;
	}
	#tab02 > ul > li img{
		width : 100%;
	}
	.notice_c>td{
		line-height: 40px !important;
	}
	.eventList > li {
    width: 50%;
    transition: .2s;
}
	.swiper-button-next, .swiper-button-prev{
		display : none !important;
	}
	.xi-angle-right , .xi-angle-left{
		display : none !important;
	}
	.t_s>tbody>tr>th{
		font-size: 12px;
	}
	.t_s>tbody>tr>td{
		font-size: 12px;
	}
.sub_nav ul{
	display: block !important;
	height: auto !important;
	padding-left: 20px;
	padding-right: 20px;
}
  .sub_nav{margin:0 5px 20px;width: calc(100% - 10px)}
  .sub_nav ul.liwid2 li,
  .sub_nav ul.liwid3 li,
  .sub_nav ul.liwid4 li{width: 100%; margin:5px 0px;}

  .sub_nav ul li a{padding:5px 15px;}
  .sub_nav ul li.act a:after{top:5px;}
  .sub_nav ul li:not(.act):hover > a:after{top:5px;}
  
  .login > ul > li > a > span{
  	font-size: 12px !important;
  }
  .sns_btn{
  	display: block !important;
  }
  .sns_btn>div{
  	text-align: center;
  	margin-bottom: 20px;
  }
}
.main_container2>div>div{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
/* main css-----------------------------------------------------------------------------------------------------------*/
/* 수정시작*/
.mainbox{
    margin-right: 2%;
    display: inline-block;
    width: 32%;
    margin-top: 20px;
    margin-bottom: 30px;
    min-height: 260px;
    vertical-align: top;
    position: relative;
}
.mainbox h2{font-size: 20px; padding:20px; font-size: 28px; padding-left: 0px;}
.maintab01{background-color: #fff}
.maintab01 ul{padding:10px; font-size: 0}
.maintab01 ul > li{width: 48%; font-size: 23px; font-weight: 700;margin:5px 1%;  display: inline-block; text-align: center;}
.maintab01 ul > li a{ 
  color:#fff !important; 
  width: 100%; 
  display: block; 
  line-height: 169px; 
  min-height: 169px;
  background-color: #57b1e8;
   border-radius: 5px; 
  -webkit-border-radius:5px; 
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.maintab01 ul > li:nth-child(2) a,
.maintab01 ul > li:nth-child(3) a{background-color: #bdd753 !important }

.maintab01 ul > li a:after{
  content: '바로가기 \e907';
  border:3px solid #fff;
  border-radius: 25px; 
  -webkit-border-radius:25px; 
  -ms-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  padding:5px 0;
  width: 100px;
  font-weight: 500;
  display: block;
  font-size: 16px;
  position: absolute;
  bottom: -50px;
  margin-left: -50px;
  left:50%;
  line-height: 1;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.maintab01 ul > li a:hover:after{
  bottom: 40px; 
}
.maintab01 ul > li a:hover{
  background-color: #2078ae;
  font-size: 25px;
  line-height: 120px;

}
.maintab01 ul > li:nth-child(2) a:hover,
.maintab01 ul > li:nth-child(3) a:hover{background-color: #91ac23 !important }
.maintab01 ul > li h4{line-height: 1}

.maintab02{ width: 100%; height: 260px; background: #fff; border: 1px solid #ddd;}
.maintab02 .tabctn {

}


.tabctn{
	padding: 20px 10px 20px;
}
.maintab02 .tabctn li:first-child{
	padding-top: 0px;
}
.maintab02 .tabctn li{position: relative; padding-top:15px; margin:0px 15px; color: #888; font-size: 14px !important; align-items: center;}
.maintab02 .tabctn li a{font-size: 18px !important;}
.maintab02 .tabctn li span{position: absolute; right: 10px; top:10px; }

.maintab03{position: relative; margin-right: 0; font-size: 15px; width: 100%;}
.maintab03 > div{}
.maintab03 > img{width: 100%}


.subheader{height: 400px; overflow: hidden; text-align: center; background:url('../images/sub01.jpg') 0 20%; background-size: cover; display: none;}
.subheader h1 {
	line-height: 260px;
	width: 100%;
	margin-top: 140px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	display: none;
}

@media all and (max-width: 1200px) {
  .mainbox{margin:10px 0.5%;}
  .maintab02 .tab{padding:15px 10px;}
  .maintab02 .tab li{width: 29%; font-size: 13px}
}
@media all and (max-width: 768px) {
  .mainbox{width: 98%; margin:10px 1%;  min-height: auto}
  .maintab01 ul > li a{line-height:100px; min-height: 100px; }
  .maintab01 ul > li a:hover{line-height: 80px}
  .maintab01 ul > li a:after{
    padding: 3px 0;
    width: 80px;
    margin-left: -40px;
    border: 2px solid #fff;
    font-size: 12px;
  }
  .maintab01 ul > li a:hover:after{bottom: 15px;}
  .maintab03 > div{}
	.sub_nav{
		padding-bottom: 0px;
	}
  
}
/* 수정끝*/
/* teacher info tab css-----------------------------------------------------------------------------------------------------------*/
.t_infobox1 > li{border : none !important; box-shadow : none !important;}
.t_left1{
	background : none !important;
	padding-top : 0px !important;
}
.t_info1 > p{
	border-bottom : none !important;
}
.t_level1 > p{
	border-bottom : none !important;
}
.t_level2 > p{
	border-bottom : none !important;
}
.t_level3 > p{
	border-bottom : none !important;
}
.t_left1 img{
	border : none !important;
	width : 100%;
}
.t_infobox{font-size: 0; display: flex; flex-wrap: wrap;}
.t_infobox>li {
	border: 1px solid #ddd;
	width: 48%;
	display: flex;
	margin: 10px 2% 10px 0;
	overflow: hidden;
	align-items: center;
	border-bottom: 1px solid #ddd !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	padding-bottom: 10px;
}

.form-changepw{
	margin-top: 30px;
}
.border_b{
	margin-top: 30px !important;
}

.t_infobox > li:last-child{margin-right: 0}
.t_infobox > li div{ height: 100%; }
.t_infobox > li .t_left{width: 40%;}
.t_infobox > li .t_left h4{text-align: left; font-size: 18px; font-weight: 600; color:#065693;margin-bottom: 5px}
.t_infobox > li .t_left img{width: 200px; height:260px; border:2px solid #ddd;}
.t_infobox > li .t_info {width: 100%; padding-left: 50px;}
.t_infobox > li .t_info p{ width: 100%; padding:5px 0 ; font-size: 18px;}
.t_info>p{font-size: 24px; font-weight: 600; padding-top:0;}
.t_infobox > li .t_info .t_class{height: 50px; line-height: 1.3; font-size: 16px}
.t_infobox > li .t_info .t_level{}
.t_infobox > li .t_info .t_level li{display: block; width: 100%; margin: 1px 0;font-size: 16px; float: none; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; white-space: pre-line;}
.t_infobox > li .t_info .t_level li:before{}
.t_infobox li .t_info .t_level li{border:0; font-size: 16px;}
.t_level>p{
	font-size: 16px; font-weight: 600; padding-top:0;
}

.teacherctn_expand{cursor: pointer; display:none;z-index: 9000; overflow:hidden; position: absolute; width: 30%; left: 50%; top:400px; margin-left: -15%; background-color: #f0f0f0;border:1px solid #ddd;
  border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius:20px; box-shadow: 0 3px 5px rgba(0,0,0,0.2) }
.teacherctn_expand .t_left{background-color: #f0f0f0;float: left;padding:15px; width: 40%;text-align: center;}
.teacherctn_expand .t_left h4{text-align: left; font-size: 18px; font-weight: 600; color:#065693;margin-bottom: 5px}
.teacherctn_expand .t_left img{width: 100%; border:2px solid #ddd;}
.teacherctn_expand .t_info {float: left;padding:15px 15px; width: 60%; background-color: #fff; height: 100%; min-height: 300px}
.teacherctn_expand .t_info p{border-bottom:1px solid #ddd; width: 100%; padding:5px 0 ;}
.teacherctn_expand .t_info p:first-child{font-size: 18px; font-weight: 600; padding-top:0;}

.teacherctn_expand .btn-close{font-size: 20px; top:10px;}
.modal_btn_close{
	background-color: #fff !important;
}
.modal_btn_close>img{
	width: 30px;
}

@media all and (max-width: 992px) {
  .t_infobox > li{width: 49%; margin:10px 0.5%;}
  .teacherctn_expand{width: 50%; margin-left: -25%}
}
@media all and (min-width: 768px) and (max-width: 992px ) {
}
@media all and (max-width: 768px) {
  .t_infobox li{width: 100%}
  .t_infobox li .t_info .t_level{ max-height: none;}
  .t_infobox li .t_info .t_level:after{margin-top: 10px;}
  .t_infobox > li .t_info{width:100%; padding:10px;}
  .t_infobox > li .t_info .t_class{height:auto;}
	.t_infobox > li{
		display: block !important;
	}
	.t_infobox > li .t_left img{
		width:80% !important;
		height: auto;
	}
	.t_infobox > li .t_left{
		height: auto;
		text-align: center;
	}
	.t_info>p{
		text-align: left;
	}
	.t_info>p:nth-of-type(1){
		text-align: center;
	}
	.programTab{
		
	}
  .t_infobox > li .t_left{width: 100%; padding:10px;}
  .t_infobox > li .t_left img{width: 100%; vertical-align: middle;}
  .t_infobox > li .t_left h4{border-bottom:1px solid #ddd;}

  .content .tab li{width: 47%}
}
/* login css-----------------------------------------------------------------------------------------------------------*/

.loginbox{position: absolute !important; bottom: 0; right: 0; width: 100%; height: 46px}
.loginbox:hover{background-color: transparent !important;}
.loginbox a{top:0; right:20px;border:1px solid #fff !important;}
.loginbox a:hover{color:#141414 !important; background-color: #fff !important;  }


.findbox1{display: none}
/* online step css-----------------------------------------------------------------------------------------------------------*/

.box{
  width: 100%; 
  position: relative;
  background-color: #fff;
  padding-top: 30px;
}
.myinfo_input{
	display: block;
}
.box h2{}
.boxhalf{width:49.5%;display: inline-block; margin-right: 1%}

.step{
  text-align: center; 
  width: 70px; 
  border:1px solid #ddd;
  background-color: #fff; 
  color:#111; 
  line-height: 1;
  padding:3px 0 ;
  border-radius: 15px; 
  -webkit-border-radius:15px; 
  -ms-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  margin-bottom: 10px
}
.reserve_list {min-height: 550px}
.reserve_list h1{margin-bottom: 30px}
.reserve_list h1 a{padding:0px 18px;}

@media all and (max-width: 1200px) {
  .box2{margin:10px;width: calc(100% - 20px)}
}
@media all and (max-width: 620px) {
	body .eventList > li{
		width: 100% !important;
		padding-top: 20px;
	}
}
@media all and (max-width: 768px) {
	body .eventViewWrap{
		padding-left: 0px !important; padding-right: 0px !important;
	}
  .noticeTitle{
  	padding-bottom: 30px;
  }
  /* .box img{width: 100%} */
  .noticeTop{
  	display : flex !important;
  	flex : 1;
  	flex-direction : column;
  }
  .noticeTop > h2{
  	width : 100%;
  	display : block;
  	padding-left: 0px;
  	
  }
  .search{
  	width : 100%;
  	display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .search img{
  	width : 40px;
  	height : 40px;
  }
  .search > form{
  	display : flex;
  	width: 100%;
  }
  .select{
  	top: 0px;
  }
  .search select{
  	margin-right: 0px !important;
  	padding-left: 10px;
  }
  .select{
  	width : 45%;
  	padding : 0;
  	margin : 0;
  	margin-right: 20px;
  }
  .noticeInput{
  	width : 100%;
  	padding : 0;
  	padding-left: 10px;;
  	margin : 0;
  }
}
/* label css------------------------------------------------------------------------- */
.my_list_boder th{
	
}
.label{
	width: 10%;
    height: auto;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    padding:5px 0;
    text-align: left;
    vertical-align: middle;
  }
 .memLabel{
 	padding : 15px 0;
 }
.postNum{
	margin-top : 15px;
}
.rightL{
    position: absolute;
    right: 1px;
    top: 1px;
    width: 36px;
    height: 36px;
    border-left: 1px solid #ddd;
    text-align: center;
    line-height: 36px;
    font-size: 15px;
    background-color: transparent;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
  }
.labelbtn{
  position: absolute;
  right: 1px;
  top: 1px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border-left: 1px solid #ddd;
  margin: 0;
  border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;

}
.m_notice{
	display: none;
}
@media (max-width: 768px){
	.noticeTop{
		border-bottom: 1px solid #141414;
		padding-bottom: 30px;
	}
	.notice_box{
		margin-top: 0px !important;
	}
	.m_notice{
		border-bottom: 1px solid #ddd;
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.m_notice_title{
		font-size: 16px;
		color: #141414;
		font-weight: bold;
		width: 100%;
		white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
	}
	.notice_table{	
		display: none;
	}
	.m_notice{
		display: block;
	}
	.notice_c>td{
		float: left;
		margin-right: 20px;
	}
	.notice_c>td:nth-of-type(3){
		float: right;
	}
	.notice_c>td:nth-of-type(4){
		float: right;
	}
	
	.title_box_1>.title_content>h1{
		font-size: 20px !important;
	}
	.title_box_1>.title_content>p{
		font-size: 14px !important;
	}
	.title_box_1{
		padding: 20px 40px 20px 50px !important;
		background: #f5f5f5;
	}
	.title_box_1>div>img{
		display: none;
	}
	.title_box_1>.title_content{
		margin-left: 0px !important;
	}
	
  .label{text-align: left; font-size: 14px !important; width: 20%}
  .input-relative{width: 100%}
  .input-relative span{display: block;}
  .introBox>h1{
  	font-size: 20px !important;
  }
  .introBox>p{
  	font-size: 14px !important;
  }
  .introBox>p>span{
  	font-size: 14px !important;
  }
  .sub_tabnav{
  	display: block;
  	margin: 0 auto;
  	width: 100%;
  	padding: 0px;
  }
  .sub_tabcontent{
  	padding-top: 20px;
  }
  .sub_tabnav li{
  	display: block;
  	  	width:100%;
  	  	margin-top: 20px;
  }
  #tab01 h1{
  	font-size: 20px;
  }
  #tab01 p>span{
  	font-size: 18px;
  }
  #tab01 p{
  	font-size: 16px;
  }
  .tabnav{
  	padding: 20px 0px 20px 0px !important;
  }
  .tabcontent{
  	margin-top: 30px !important;
  	padding: 0 !important;
  }
}


/* table css-----------------------------------------------------------------------------------------------------------*/

.table-container{
  position: relative; 
  table-layout: fixed;
}
.table-container > h3{padding:15px;}

.table{
  	width: 100%;
    padding: 0;
    margin: 0 auto;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
}
.table tr{
  	border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #fff;
    overflow-x: auto;
  
}
.table tr:first-child{border-top:1px solid #ddd;}
.table th{
  text-align: center;
  border-bottom:1px solid #dadddd;
  border-top:1px solid #dadddd;
  background-color: white;
  
  font-size : 20px;
}
.thTitle{
	width : 60%;
}
.table td{
  border:0;
  word-break: break-all;
  background-color: #fff; 
  text-align: center;
  vertical-align: middle;
  empty-cells: show;
  font-size : 21px;
  font-weight: 500;
}

.notice_view .view-box .table td{
	text-align: inherit;
}

.table td:empty{height: 37px !important} 
.table tr, 
.table td{vertical-align:middle;}
.table tr td:nth-child(2){overflow: hidden; text-overflow: ellipsis;     font-weight: 500;}
.table p.btn-point{color:#111;}
.table .btn{padding:0 10px;}

.divHeadScroll {
  overflow-x: hidden;
  overflow-y: hidden;
}

.divBodyScroll {
  width: 100%;
  height: 200px;  /* 원하는 세로 길이 ! */
  overflow: auto;
}
.tb_scroll td:nth-child(2){overflow: auto !important;white-space: normal !important;}
.tb-hover td:hover{background-color: #eeeeee}
.tb-rightb{}
.tb-rightb td, .tb-rightb th{}
table.table.tb-rightb p {
    line-height: 1.3;
}

td_small td{ padding:5px 5px}
.tb-leftnone{border-left: 0 !important}
.tb-leftnone th, .tb-leftnone td{border-left:0;}
.th20 th{width: 20%}
.th20 td{text-align: left;}

.hidden_title{display: none}

@media (max-width: 768px){
	.wid50{
		width: 100%;
	}
	.table td{
    	font-size: 14px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		font-size: 14px !important;
	}
	/* .table td:nth-of-type(2){
		 overflow:hidden;
      	text-overflow:ellipsis;
      	white-space:nowrap;
	} */
	.thTitle{
		width: 40%;
	}
	.view-title h2{
		font-size: 16px !important;
	}
	.pad20{
		padding: 0 !important;
	}
	.txt-r{
		text-align: center !important;
	}
	.txt-r>a{
		padding: 0 20px !important;
	}
	.container>.sub_title{
		font-size: 24px !important;
		padding-bottom: 30px;
	}
	
  .tb-block tr, .tb-block td {
    display: block;
  }
  .tb-block tr {
    padding: 10px 0 10px 0;
    position: relative;
  }
  .tb-block td{width:100%\9;float:left\9;}
  .tb-block td{
    clear: both;
    margin-left: 20px;
    padding: 1px 20px 1px 80px;
    position: relative;
    text-align: center;  
    line-height: 1.8;
  }
 .tb-block thead {
    display: none;
}
  .tb-block th{width: 100% !important; display: block; text-align: left;padding:1px 10px;}
  .tb-block td:before {
    content: '';
    display: block;
    left: 0;
    position: absolute;
  }

  .tb-trblock tr:first-child {
    display: block !important;
  }
  .tb-trblock tr{padding:0; }
  .tb-trblock td{padding:1px 10px;margin:0;}


  .none-768{display: none}
  .hidden_title{display: table-row;}
  
 

  /* 768 goodslist-table css-----------------------------------------------------------------------------------------------------------*/

  .quantbox{margin:0;}
  .goodslisttb tr{padding:0;}
  .goodslisttb tr:nth-child(2){border-top:0 !important;}
  .goodslisttb tr td{ padding: 5px 20px 5px 115px; margin-left: 0 !important;}
  .goodslisttb tr td:not(:nth-child(8)){ width: 100%}
  .goodslisttb tr td:first-child {background-color: #065693 !important; color:#fff; padding: 5px 20px 4px !important; }
  .goodslisttb tr td:before{left: 10px !important}
  .goodslisttb tr td:nth-child(2n){background-color: #f8f8f8}
  .goodslisttb tr td:nth-child(2):before{content: '상  품 ';  }
  .goodslisttb tr td:nth-child(3):before{content: '구매일자';  }
  .goodslisttb tr td:nth-child(4):before{content: '수  량 ';  }
  .goodslisttb tr td:nth-child(5):before{content: '단  가 ';  }
  .goodslisttb tr td:nth-child(6):before{content: '총 금액 ' ; }
  .goodslisttb tr td:nth-child(7):before{content: '총 금액 ' ; font-size: 16px; color:#141414; }
  .goodslisttb tr td:nth-child(7){ font-size:20px; color:#065693; text-align: right; }
  .goodslisttb tr td:nth-child(8){position: absolute; top: 0; right: 0; padding:0 !important; background-color:#065693;}
  .goodslisttb tr td:nth-child(8) a{background-color:#033a63;border:0px solid transparent; cursor: pointer; color:#fff;margin:0;padding:0 30px; border-radius: 0}
  .goodslisttb tr td a.endbtn{background-color: #b3afc5 !important; color:#111;}

  .discounttb .quantbox a{float: right; position: relative; display: block; width: 100%; border-radius: 0; height: 25px; line-height: 1}
  .discounttb.quantbox a.minus, .discounttb .quantbox a.plus{border-radius: 0}
  
  .choicetb tbody tr:first-child{display: block !important}
  .choicetb tr{padding:0;}
  .choicetb tr td{ padding: 5px 20px 5px 115px; margin-left: 0 !important;}
  .choicetb tr td:first-child {}
  .choicetb tr td:nth-child(2n){background-color: #f8f8f8}
  .choicetb tr td:nth-child(1):before{content: '번호'; width: 70px; text-align: center; border-right: 1px solid #ddd;}
  .choicetb tr td:nth-child(2):before{content: '수강'; width: 70px; text-align: center; border-right: 1px solid #ddd;}
  .choicetb tr td:nth-child(3):before{content: '수강일자'; width: 70px; text-align: center; border-right: 1px solid #ddd;}
  .choicetb tr td:nth-child(4):before{content: '수강료'; width: 70px; text-align: center; border-right: 1px solid #ddd;}
  .choicetb tr td:nth-child(5){text-align: right;}
  .choicetb tr td:nth-child(6){position: absolute; top: 0; right: 0; padding:0 !important; background-color:#065693;}
  .choicetb tr td:nth-child(6) a{background-color:#033a63;border:0px solid transparent; cursor: pointer; color:#fff;margin:0;padding:0 30px; border-radius: 0}
  

  .reservetb tr{padding:0;}
 
  .reservetb tr:first-child{display: block}
  .reservetb thead{display: none}
  .reservetb tr td{ padding: 5px 10px 5px 90px !important; margin-left: 0px !important;}
  .reservetb tr td:first-child {background-color: #065693 !important; border:1px solid #065693 !important; color:#fff; padding: 5px 20px 4px !important; }
  .reservetb tr td:before{padding-left: 10px;}
  .reservetb tr td:nth-child(2n){background-color: #f8f8f8}
.reservetb tr td:nth-child(2):before{content: '수강명 ';  } 
  .reservetb tr td:nth-child(3):before{content: '수강기간';  }
   .reservetb tr td:nth-child(4):before{content: '결제일시';  }
  .reservetb tr td:nth-child(5):before{content: '수 강 료 ';  }
    .reservetb tr td:nth-child(6):before{content: '수강상태 ';  }
  .reservetb tr td:nth-child(7):before{content: '재수강 ';  }
  .reservetb tr td{border-right:1px solid #ddd !important;border-left:1px solid #ddd !important;}
  .reservetb tr td:nth-child(8){padding-right: 2px !important; text-align: right;}  

  
  #sukangban_name{
  	border: 1px solid #ddd !important;
  }
  #sukangban_name>td{
  	border: 0px !important;
  }
  .teacherpop{width: 98% !important; left:0 !important; position: fixed !important; top:20% !important; margin:0 1% !important;}
  .teacherpop li{font-size: 13px}

   
  .tb_scroll{width: 1000px; }
  .tb_scroll tr{display: table-row !important;}
  .tb_scroll tr, .tb_scroll td{padding: 5px 5px !important;}
  
  
   .programtb tr td:nth-child(2n){background-color: #f8f8f8}
  .programtb_box{width: 100%; overflow: auto; }
  
  .programtba thead{display: none}
  .programtba tr:first-child{display: block}
  .programtba tr td{margin:0;padding:5px 20px 5px 80px; min-height: 33px}
  .programtba tr td:before{text-align: center; width: 70px; border-right: 1px solid #ddd ;}
  .programtba tr th{background-color: #dde8ed}
  .programtba tr td:nth-child(2n){background-color: #f8f8f8}
  .programtba tr td:nth-child(1):before{content: '수강명';  }
  .programtba tr td:nth-child(2):before{content: '수강기간';  }
  .programtba tr td:nth-child(3):before{content: '이용시간 ';  }
  .programtba tr td:nth-child(4):before{content: '상태';  }
  .programtba tr td:nth-child(5):before{content: '신청/정원';  }
  .programtba tr td:nth-child(6):before{content: '일반금액';  }
  .programtba tr td:nth-child(7):before{content: '결제금액';  }
  .programtba tr td:nth-child(8):before{content: '강사명';  }
  .programtba tr td:nth-child(8){ text-align: right; }
  .programtba tr td a { display:inline-block; margin-left: 70px; }
  
}

/*table width 설정 css-----------------------------------------------------------------------------------------------------------*/

.goodslisttb tr th:nth-child(1){width: 10%}
.goodslisttb tr th:nth-child(2){width: 25%}
.goodslisttb tr th:nth-child(5){width: 15%}
.goodslisttb tr th:last-child{width: 15%}
.goodslisttb{position: relative;}

.teacherpop{display: none; position: absolute; top:65%; left: 50%; margin-left:-15%; width: 30%; z-index: 9000;
  overflow:hidden; position: absolute;background-color: #f0f0f0;
  border:1px solid #ddd;border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; 
  -o-border-radius:20px; box-shadow: 0 3px 5px rgba(0,0,0,0.2) }

.teacherpop li{width: 100%; background-color: #fff}
.teacherpop li .t_left{background-color: #f0f0f0;float: left;padding:15px; width: 40%;text-align: center;}
.teacherpop li .t_left h4{text-align: left; font-size: 18px; font-weight: 600; color:#065693;margin-bottom: 5px}
.teacherpop li .t_left img{width: 100%; border:2px solid #ddd;}
.teacherpop li .t_info {float: left;padding:15px 15px; width: 60%; background-color: #fff}
.teacherpop li .t_info p{border-bottom:1px solid #ddd; width: 100%; padding:5px 0 ;}
.teacherpop li .t_info p:first-child{font-size: 18px; font-weight: 600; padding-top:0;}


.discounttb tr, .discounttb td{padding:5px ;}
.discounttb tr td:not(:last-child){border-right: 1px solid #f0f0f0}
.discounttb tr th:nth-child(1){width: 20%}
.discounttb tr th:nth-child(2){width: 40%}
.discounttb tr th:nth-child(3){width: 25%}

.reservetb tr td{border-right: 1px solid #f0f0f0;padding:10px;}
.reservetb tr td:last-child{border-right: 0}
.reservetb tr th:nth-child(1){width: 4%}
.reservetb tr th:nth-child(2){width: 40%}
.reservetb tr th:last-child{width: 10%}
.reservetb tr td .btn{margin:2px 3px !important;}

.calendertb td{padding:0;}
.calendertb a{width:100%; display: block; padding:10px 0 ;}
.calendertb a:hover{background-color: #01b8f0; color:#fff;}

/* programtb css-----------------------------------------------------------------------------------------------------------*/

.program_type2 select{max-width: 300px; width: 100%}
.programtb .btn{font-size: 16px; padding:0 5px;} 

/* date-table css-----------------------------------------------------------------------------------------------------------*/


.date-table td:first-child{border-left:0;}
.date-table td{border-left:1px solid #dadddd; vertical-align: top; padding:10px;}
.date-table td div:hover{background-color: #dadddd; cursor: pointer;}
.date-table td p{text-align: right}

.date-title{font-size: 32px; text-align: center; padding:20px 0 ;}
.date-title h1,
.date-title a{display: inline-block;}

.dt-guide{display: inline-block;padding:3px 10px; margin-right:5px; font-size: 13px}
.dt-red{background-color: #ce0000; color:#fff;}
a.dt-red:hover{background-color: #a60000; color:#fff;}
.dt-yellow{background-color:#ffb200;}
a.dt-yellow:hover{background-color: #eaa300}
.dt-black{color: #141414;border:1px solid #dadddd;}

.toyo{color:#008eff;}
.ilyo{color:#ce0000;}

.daegwan_re .step01 ul{border:1px solid #ddd; background-color: #f0f0f0; padding:15px;}
.daegwan_re .step01 ul li{display: inline-block; width: 20%; margin:2px 10px; text-align: center;}
.daegwan_re .step01 ul li a{width: 100%; padding:10px;}

.daegwan_re .step02{float: left; clear: both}
.daegwan_re .step02 > div{float: left;width: 50%;padding-right: 15px;}
.daegwan_re .step02 > div h3{background-color: #f0f0f0; border:1px solid #ddd;padding:15px; cursor: pointer; position: relative;}
.daegwan_re .step02 > div h3:after{content: '\e942';position: absolute; right: 15px}
.daegwan_re .step02 > div h3.changed:after{content: '\e945'}
.daegwan_re .step02 > div:first-child{}
.daegwan_re .step02 > .daegwan_info ul li > div{display:none;}
.daegwan_re .step02 > .daegwan_info table th{background-color: #fff; border-right: 1px solid #ddd; width: 30%}
.daegwan_re .step02 > .daegwan_info table td{ text-align: left; padding:15px; }


@media (max-width: 992px){
  .daegwan_re .step02 > .daegwan_info select{width: 100%}
  .daegwan_re .step02 > .daegwan_info span{display: block; text-align: center;}
	.slide_w{
		width: 100% !important;
	}
	.main{
		max-width: none !important;
		min-width:inherit !important;
		overflow: visible !important;
	}
	
}

/* datepicker ------------------------------*/

.datetype{text-align: right;}
.datetype li{ display: inline-block;  line-height: 1; margin-right: 15px;}
.datetype li p {width:15px; height:15px; margin-right: 4px; line-height: 1;  border:1px solid #ddd; display: inline-block; background-color: #fff}
.datetype li:last-child p{background-color: #f0f1f0 !important}

.daegwan_re .ui-widget.ui-widget-content{width: 100%}

/* goodslist ------------------------------*/
.goodslist{font-size: 0;border:1px solid #ddd; background-color: #f8f8f8;padding:15px; height: 300px; overflow-y: scroll !important;}
.goodslist li {margin:5px 0.5%; width:48%; padding:0; display: inline-block;line-height: 1.4; vertical-align: top;}
.goodslist li a{color:#fff; text-align: center;display: block; width: 100%; padding:20px 15px ; vertical-align: middle;}
.goodslist li a:after{ position: absolute; right: 15px; top: 20px; color: #fff; transition: all 0.3s ease;}
.goodslist li.b-yellow a:after{color:#000;}
.goodslist li.active{background-color:#DEBB7A;color:#000 !important;}
.goodslist li.active1{background-color:#44831C;color:#000 !important;}
.goodslist li a p{margin:3px 0 0 0;  color:#fff;padding:0px 5px; width:100%; }
.goodslist .btn.disable{background-color: #bbb !important; border:1px solid #aaa  !important; color:#777 !important;}
.goodslist .btn.disable a{ color:#777 !important;}
.goodslist .btn.disable a:after{ color:#777 !important;}

.classchoise{font-size: 0;border:1px solid #ddd; background-color: #f8f8f8;padding:15px; overflow-y: scroll !important; height: 500px;}
.classchoise li{margin:5px 0.5%; width:49%; padding:0; display: inline-block;line-height: 1.4; vertical-align: top;}
.classchoise li a{color:#fff; text-align: center;display: block; width: 100%; padding: 15px 35px 15px 15px; vertical-align: middle;}
.classchoise li a:after{ position: absolute; right: 15px; top: 15px; color: #fff;
    transition: all 0.3s ease;}
.classchoise li.choice{background-color:#03a9f4 !important; border:1px solid #0091d3;}
.classchoise li.cashend{background-color:#b1b1b1 !important;border:1px solid #aaa;}
.classchoise li.end{background-color:#b1b1b1 !important; border:1px solid #aaa;}

.classchoise li.choice a{padding: 16px 30px 14px 16px !important}

.cc_type{ text-align: right;margin-bottom: 10px }
.cc_type li{display: inline-block; padding: 0 10px;}
.cc_type li span{margin-right: 5px; }
.cc_type li span.default{color:#065693 }
.cc_type li span.choice{color:#03a9f4 }
.cc_type li span.end{color:#b1b1b1 }
@media (max-width: 768px){
  .goodslist li {margin:5px 1%; width:48%; }
  .classchoise li{width:100% ; margin:5px 0;}
  .reserveTable{
  	min-width: auto !important;
  }
  .reserveBtn{
  	margin: 0px !important;
  	text-align: center;
  }
}

/* table css-----------------------------------------------------------------------------------------------------------*/


.btnScroll{margin-bottom: 20px ; display: block;}
.btnScroll .tb-search{float: right;padding:0;}


.notice-tr td{background-color: #e0efe5}

.form-tb th{background-color: #f0f0f0; line-height: 39px; width:150px;}
.form-tb td{text-align: left; padding:10px 15px; line-height: 39px}
.form-tb label{line-height: 39px}

.Fileinput{visibility:hidden; width: 0; padding: 0}


.file-input label{vertical-align: middle; line-height: 36px}
.file-input label input {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
    border:0;
}
.file-input input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:400px;
    padding:0 10px;
}

.gnb02_li:hover{
	color: #019A30;
	font-weight: bold;
}
.Depth2:hover > a{
	color: #019A30 !important;
}
/* owl-carousel css-----------------------------------------------------------------------------------------------------------*/
.owl-carousel{position: relative; width:100% !important; margin: 0 auto}
.owl-carousel .item{text-align: center; background-color: #f0f0f0; width: auto !important;}
.owl-carousel .owl-dots{margin-top:10px;position: absolute; bottom: 10px;}
.owl-carousel .owl-nav{}
.owl-carousel .owl-nav [class*=owl-]:hover{background-color: #e7e7e7}
.owl-carousel .owl-nav button{height: 100%; background-color: rgba(0,0,0,0.1) !important; position: absolute; top: 0;}
.owl-carousel .owl-nav button i{opacity: 0.5; font-size:25px; color:#fff;}
.owl-carousel .owl-nav button.owl-next{right: 0;position:absolute ;}
.owl-carousel .owl-nav button.owl-prev{left: 0}
.owl-carousel .owl-nav button:hover{ background-color: rgba(0,0,0,0.4) !important;}
.owl-carousel .owl-nav button:hover i{ opacity: 1;}
.owl-carousel .item img{  width: 100%; object-fit: contain; border: 1px solid #ddd;}



.owl-btn{
	width: 100%;
    margin-top: 10px;
    text-align: center;
  }

#list>tr>td{
	padding: 0;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right: 1px solid #ddd;
}
#list>tr>td:nth-of-type(1){
	text-align: left;
	padding-left: 10px;
	padding-right: 20px;
}
#list>tr>td:last-child{
	border-right: 0px;
}
#list>tr>td:nth-of-type(2){
	text-align: center;
}

#list2>tr>td{
	padding: 0;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right: 1px solid #ddd;
}
#list2>tr>td:nth-of-type(1){
	text-align: left;
	padding-left: 10px;
	padding-right: 20px;
}
#list2>tr>td:last-child{
	border-right: 0px;
}
#list2>tr>td:nth-of-type(2){
	text-align: center;
}

#list3>tr>td{
	padding: 0;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right: 1px solid #ddd;
}
#list3>tr>td:nth-of-type(1){
	text-align: left;
	padding-left: 10px;
	padding-right: 20px;
}
#list3>tr>td:last-child{
	border-right: 0px;
}
#list3>tr>td:nth-of-type(2){
	text-align: center;
}

.border_b>tbody>tr>td>div>input{
	border:1px solid #ddd;
}
.border_b>tbody>tr>td>div>div>input{
	border:1px solid #ddd;
}
.border_b>tbody>tr>td>div>div>label{
	border: 0px;
}

.border_b>tbody>tr{
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.border_b>tbody>tr>td>input{
	border: 1px solid #ddd;
}
.owl-theme .owl-dots{margin-top:10px;}
.button.secondary {
    background-color: transparent;
    
    color: #111;
    margin:0 3px;
    cursor: pointer;
   font-family: 'fontAwesome' !important;
}
.xi-pause{
	font-size : 28px;
}
.xi-play{
	font-size : 28px;
}
/*.button.secondary:hover{background-color: #cccccc}*/


@media (max-width: 992px){
	.t_infobox > li{border:1px solid #ddd;width: 100%; display: flex; margin:10px 0 40px 0; overflow: hidden; align-items: center; float:left; border-bottom:1px solid #ddd !important; padding-top: 10px; padding-bottom: 40px;}
	.joincheck{
		flex-direction: column;
	}
	.joincheck li{
		width: 100% !important;
		padding: 20px 80px !important;
	}
	.sns_join{
		margin-top: 30px;
	}

}
.box2{
 	display : none;
}
.box2 > h2{
	display : none;
}
.boxNotice{
	width : 100%;
	display : flex;
	justify-content : space-between;
	flex-wrap : wrap;
	text-align : center;
	display: none;
}
.boxNotice p{
	font-size : 20px;
	margin-bottom : 50px;
}
.boxNotice li{
	width : 45%;
}
.boxNotice li img{
	width : 100%;
	
}
@media (max-width: 768px){
	#list>tr>td:nth-of-type(1){
	text-align: left;
	padding-left: 90px !important;
}
	.boxNotice{
		display : none;
	}
	.boxNotice > li{
		width : 100%;
	}
	
	#login {
	    width: 90% !important;
	    margin: 70px auto 0;
	    padding: 40px 10px;
	}
	.sns_login{
		width: 90% !important;
		max-width: none !important;
	}

}
@media (max-width: 600px){
	.sns_login{
		padding: 80px 10px !important;
	}
	.btn-lg{
		width: 100%;
		font-size: 16px;
	}
}
@media (max-width: 600px){
}
@media (max-width: 1100px){
	.joincheck>li{
		padding: 20px !important;
	}
	
}

/* board view css-----------------------------------------------------------------------------------------------------------*/

.view-title{padding:15px; background: #fff} 
.view-title>div{
	text-align: center;
	font-size: 16px;
    padding: 18px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background-color: #f5f5f5;
}
.view-title h2 {
	color: #333;
	font-size: 26px;
	font-weight: bold;
	padding: 44px 0;
	text-align: center;
	border-top: 3px solid #141414;
}.view-title span{display:inline-block;margin-right: 20px; margin-top: 5px}
.view-box{padding:15px;}
.view-box img{width: 60% !important;}


.addfile{ font-size: 13px;  padding:15px 40px; list-style: circle;}
.addfile li{ line-height:30px;}
.addfile li a.btn{line-height:26px; padding: 0 8px; margin:4px 0 4px 10px; font-size: 11px; font-family: '돋움'}
.addfile li span{line-height:30px;}
.addfile li span:before{font-size: 18px; margin-right: 10px; color:#141414;}
.addfile li span.imgfile:before{content:'\ea85'; }
.addfile li span.txtfile:before{content:'\ea83'; }

.notice-icon{padding:0 10px; line-height: 28px; background-color: #141414; color:#fff;  border-radius:3px; vertical-align: top; margin:0 10px 0 0 !important ;}


/* login css-----------------------------------------------------------------------------------------------------------*/

#login{width:49%; padding:80px 10px; border: 1px solid #ddd; height: 500px;display: flex; flex-direction: column; justify-content: center;}
#login > div{padding:15px 80px;}
#login h2{text-align: center; font-size: 24px}
#login h4{text-align: center; font-size: 20px;}
#login .btn{width:100%;}

.bottom-join ul{text-align: center;}
.bottom-join ul li{display: inline-block;}
.bottom-join ul li:nth-child(2){margin:0 15px;}
.bottom-text{width:100%; text-align: center}



@media (max-width: 768px){
  .program_guide h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
}
.inblock{
	padding : 0 !important;
}
  .noneM{
  	margin : 0 !important;
  	display : block;
  }
	.view-box img{width: 100% !important;}
  #login{width: 100%; margin:70px auto 0; padding:40px 10px;}
  #login > div{padding:15px 0px;}
  .bottom-text{background-color: #fff; padding:20px 0;}
}

.facchoice{margin-bottom: 30px;}
.facchoice ul{border:1px solid #ddd; background-color: #f8f8f8; padding:20px ; text-align: center;}
.facchoice ul li{
  display: inline-block; 
  margin:2px 0.5%;width: 20%; text-align: center;
}
.facchoice ul li a{ width: 100%;  padding:20px 0;  font-size: 23px}

/* mypage & member css-----------------------------------------------------------------------------------------------------------*/
/* join css----------*/
.join table td{text-align: left; font-size: 0;}
.join table .btn{width: 100px;padding:0 4px; text-align: center; min-width: 70px;}
.join .input-relative{width:80%;}
.join .help-block{margin:0 10px;}
.join_Ck{
	padding-top: 50px;
	padding-bottom: 50px;
}
.join_Ck .box{}
.join_Ck h2{word-break: keep-all;}
.joincheck{ font-size: 0 }
.joincheck li{ display: inline-block;width:49%; border:1px solid #ddd; font-size: 0; padding: 30px}
.joincheck li:first-child{margin-right: 2%}
.joincheck li div{display:block; vertical-align: middle; text-align: center;}
.joincheck li img{vertical-align: middle;padding:15px;}
.joincheck li div h2{margin-bottom: 10px}
.joincheck li div p{word-break: keep-all;}

.join_Ck{
	max-width: 800px;
}
/* joinorder css----------*/
.joinorder {
	word-spacing: -1pt !important;
	letter-spacing: -0.03em !important;
}

.joinorder ul { font-size: 0; width: 100% }
.joinorder li{display:inline-block; vertical-align: middle; text-align: left; margin:0 0.5%;font-size: 16px; line-height: 1.5; width: 24%;
 position: relative; border:1px solid #ddd; padding:15px 20px;}
.joinorder li:after{content: '\e93f'; position: absolute; right: 10px; top:21px;}

.joinorder span{display: block; line-height: 1; font-size: 16px; vertical-align: top}
.joinorder li.here{background-color: #019A30 !important; color:#fff; font-weight: bold}
.joinorder li.here span{color:#fff;}

/* change_pw css----------*/
.change_pw input{width: 50%}

@media (max-width: 768px){
	.change_pw input{width: 100%; margin-bottom: 10px;}
  .join .input-relative{width:100%;} 

  .join table .btn{
  	min-width:70px;
    width: 65px; 
    font-size: 16px;
    margin:0;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
  }
  .change_pw table th, .change_pw table td{display: block; width: 100%; border:0;}


  /* .joincheck li{width: 100%; padding:15px 3px ; text-align: left; position: relative; margin-bottom: 15px}
  .joincheck li img{width: auto;  height: 60px; padding: 0 15px;}
  .joincheck li div{display: inline-block; text-align: left; width:55% ; vertical-align: top}
  .joincheck li div:first-child{width: 120px; text-align: center; vertical-align: top;}
  .joincheck li div h2{font-size: 18px; margin-bottom: 5px}
  .joincheck li div p{font-size: 12px; line-height: 1.3;margin-bottom: 10px}
  .joincheck li div .btn{width: 100%; text-align: center;} */

  .joinorder{margin:0;}
  .joinorder li{font-size: 12px; padding:15px 2px; text-align: center; width: 25%; margin:0; border-radius: 0;}
  .joinorder li span{font-size: 11px;}
  .joinorder li:after{display: none}
  .joinorder li.here{}


}
/* txtarea css-----------------------------------------------------------------------------------------------------------*/

.txtarea, textarea{font-family: 'NotoSansKR','xeicon','돋움',sans-serif; width: 100%; height: 250px; overflow: auto; background-color: #f0f0f0; border:1px solid #ddd;padding:15px;margin-top: 5px}

/* error css-----------------------------------------------------------------------------------------------------------*/

.error{margin:0 auto; text-align: center;}
.error .box{margin-top:250px;}
.error .img-margin{margin-top:-150px; margin-bottom:30px;} 
.error h1,
.error h2,
.error p{margin-bottom:15px;}
.error .btn{margin-top:20px;}

/* programguide css-----------------------------------------------------------------------------------------------------------*/

.program_guide h3{font-size: 22px; font-weight: 700; margin-bottom: 10px}
.program_guide .program_type{border-bottom:1px solid #ddd;padding-bottom: 10px; margin-bottom: 20px}
.program_guide .program_type ul{margin-bottom: 30px;}
.program_guide .program_type ul li{
  display: inline-block;
  
  text-align: center;
  margin-right: 10px
} 
.program_guide .program_type ul li a {
	padding:0 20px;
    display: block;
    border-bottom: 1px solid #ddd;
    /* background-color: #f0f0f0; */
    transition: top .5s ease-out;
    -webkit-transition: top .5s ease-out;
    -moz-transition: top .5s ease-out;
    -ms-transition: top .5s ease-out;
    -o-transition: top .5s ease-out;
    /* border-radius: 35px; */
    /* -webkit-border-radius: 35px; */
    -ms-border-radius: 35px;
    -moz-border-radius: 35px;
    -o-border-radius: 35px;
    margin-bottom: 10px;
}
.program_guide .program_type ul li.act a {
    /* background-color: #51a121; */
    /* border: 1px solid #51a121; */
    /* color: #fff; */
    border-bottom: 1px solid black;
}

.program_guide div[class|="pg-"]{display: none}
.program_guide div[class|="pg-"].active{display: block}

.program_guide .program_rule{border:1px solid #ddd; padding:15px;margin-top:20px;background-color: #f8f8f8}
.program_guide .program_rule h3{ border-bottom: 1px solid #ddd ;margin-bottom: 10px; padding-bottom: 10px}
.program_guide .program_rule p{line-height:2; padding:0 10px; font-size: 14px}

@media (max-width: 992px){
	.owl-carousel .item img{
		
	}
  .program_guide .program_type ul li{
    
  }
  #tab02{
		width: 100% !important;
	}
}
#payok_box{
	width: 50% !important;
	margin: 0 auto;
}
@media (max-width: 768px){
  .program_guide .program_type ul li{
     margin-right: 0.5%
  }
  #payok_container{
  	padding-left: 20px !important;
  	padding-right: 20px !important;
  }
  body #payok_box{
	width: 100% !important;
}
  .table_p>tbody>tr>td{
  	padding-left: 90px !important;
  }
}
a {
	-webkit-tap-highlight-color: transparent;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
	-webkit-tap-highlight-color: transparent;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#tab02{
	width: 100%;
}
/* contentpop css-----------------------------------------------------------------------------------------------------------*/
.mask{width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); position: fixed; top:0; left: 0; z-index:9000;display: none}

.contentPop{
	border:2px solid #ddd;
  z-index: 9004; 
  background-color: #fff; 
  position: fixed; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height:auto;
  transition: top .5s ease-out;
  -webkit-transition: top .5s ease-out;
  -moz-transition: top .5s ease-out;
  -ms-transition: top .5s ease-out;
  -o-transition: top .5s ease-out;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 20px 0px;
  display: none;
  max-height: 720px;
  overflow: auto;
  
    border-radius: 0px !important;
}

.table_p>tbody>tr{
	
}
.table_p>tbody>tr>td{
	padding: 10px 0px 10px 0px;
	font-size: 16px;
	
}
.contentPop h3{width: 100%; background-color: #fff; border-bottom:1px solid #ddd; color:#111; padding:5px 10px;}
.contentPop .btn-close{line-height: 41px; font-size: 32px;  color: #141414 !important; padding: 0 5px}

.contentPop > div{padding:15px;width: 100%; }

.contentPop > div:after{content: ''; clear: both;}
.contentPop h2{margin-bottom: 15px;}
.contentPop .onestep{border-bottom:1px solid #ddd;}
.contentPop .onestep > div:first-child{width: 40%;padding-right:20px;}
.contentPop .onestep > div:first-child img{width: 100%}
.contentPop .onestep > div:last-child{width: 100%}
.contentPop .onestep h1{font-size: 25px; word-break: keep-all;}
.contentPop .onestep .wid100{width:100% !important;}

.contentPop .twostep{border-bottom: 1px solid #ddd;}

/* contentpop in cotent-------- */
.detailpop > div{ float: left;}
.detailpop .onestep > div{float:left;}
.detailpop .contentpoptb{width: 100%; border-right: 1px solid #ddd; border-left:1px solid #ddd;}
.detailpop .contentpoptb tr, .contentpoptb td{padding:5px 15px;}
.detailpop .contentpoptb th{background-color: #f0f0f0;padding:0 20px; width:30%}
.detailpop .contentpoptb tr{border-bottom:1px solid #ddd;}
.detailpop .contentpoptb tr:first-child{border-top:1px solid #ddd;}
.detailpop .twostep{text-align: right;}
.detailpop .threestep ul{background-color: #f0f0f0; border:1px solid #ddd;padding:10px;}
.detailpop .threestep ul li p{display: inline-block; min-width: 120px}
.detailpop .threestep ul li p:before{content: '\e92c '; margin-right: 2px}

.refundpop .refundinfotb tr:first-child{border-top:1px solid #ddd;}
.refundpop .refundinfotb td{padding:3px 15px;text-align: left;}
.refundpop .refundinfotb th{width: 30%}
.refundpop .refundinfotb input{width: 100%}
.refundpop .refundinfotb textarea{border:1px solid #ddd;}

.daegwan_pop{padding:15px 15px 0;}
.daegwan_pop table th, .daegwan_pop table td{padding:5px 15px;}
.daegwan_pop table th{width: 30%; background-color: #f8f8f8}
.daegwan_pop table td{text-align: left;}
.daegwan_pop textarea{border:1px solid #ddd;}

/*수강신청*/
.class-ctntb tr:first-child{border-top:1px solid #ddd}
.class-ctntb th{width: 30%}
.class-ctntb th,.class-ctntb td{padding:6px 10px; font-size: 14px;}
.class-ctntb td{text-align: left}

.plantep{display: none}

.findpop{width: 50%; min-height: 460px; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.findpop .findbox3,.findpop .findbox4{display: none}


@media (max-width: 992px){
  /* .contentPop{ width:90%; margin-left:-45%;} */
  
  #detailbox1{
	width: 80%;
}
	.swiper {
		width: 100% !important;
		height: 500px;
	}
  .swiper-slide img{
  	width:100% !important;
  	height: 500px !important;
  }
}
@media (max-width: 768px){
  /* .contentPop{ width:98%; margin-left:0; left: 1%; top:70px; height: 80%; overflow: auto;}
  .contentPop .onestep h1{font-size: 20px;    line-height: 1.4;}
  .contentPop .onestep > div{float: none; width: 100% !important; padding-right: 0 !important;} 
  .contentPop .twostep{text-align: center;}
  .contentPop .twostep .btn{padding: 10px 20px !important} */
.contentPop{
	width: 70%;
}
.swiper-wrapper {

    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 100% !important;
    margin: 0 auto;
	}
  .swiper-slide img{
    display: block;
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }
.contentPop .onestep > div:first-child{
	width: 100%;
	padding: 20px !important;
}
#detailbox1{
	width: 90%;
}
.contentPop .onestep > div:last-child{
	width: 100%;
}
.detailpop .contentpoptb th{
	width: 50%;
	padding: 0 10px !important;
}
.detailpop .contentpoptb td{
	width: 100%;
	padding: 0 10px !important;
}
  .payment-ctntb{border:1px solid #ddd;}
  .payment-ctntb tr,.payment-ctntb td{background-color: #f0f0f0 !important;}
  .payment-ctntb tr td:nth-child(1):before{content: 'ㆍNO';  }
  .payment-ctntb tr td:nth-child(2):before{content: 'ㆍ과목 ';  }
  .payment-ctntb tr td:nth-child(3):before{content: 'ㆍ수강일자';  }
  .payment-ctntb tr td:nth-child(4):before{content: 'ㆍ수강료 ';  }
  .payment-ctntb tr td:nth-child(5):before{content: 'ㆍ결제상태 ';  }
  .payment-ctntb.tb-block td{padding:1px 0px 1px 110px; margin-left:10px;}

}



.popbox li{font-size: 0}
.popbox li p {line-height: 1.8; font-size: 15px}
.Popup{
  padding:0px;
  position:absolute; 
  background:#fff;
  z-index: 9000;
  overflow: hidden;
  box-shadow: 0 1px 5px rgba(0,0,0,.35);
  text-align: center;
  background-color: #fff;
  max-width:1200px;
}
.Popup img{max-width: 1200px;}

.closeline{background-color: #111; height: 30px;text-align: left; padding:0 10px; line-height: 30px;}
.closeline input{margin:-2px 0 0; line-height: 1;}
.closeline span{color: #fff; cursor: pointer;vertical-align: top }
.closeline .close_btn{float: right;}

@media (max-width: 768px){
	.Popup{left:10px !important; width: 100%}
	
	
	.mypage_btn{
		bottom: 20px !important;
		right: 20px !important;
	}
}

@media (max-width: 500px) {
	.cntBox>li>span {
		display: block;
		width: 100% !important;
		margin: 0 auto;
	}}


/* 추가 */

.pc{display: table}
.mobile{display: none}

@media (max-width: 768px){
	.pc{ display: none}
	.mobile{display: table}
  	#Accordion_wrap{
		display: block !important;
		margin-top: 40px;
	}
	.siteCnt > ul{
		display: none;
	}
	.que {
	    position: relative;
	    padding: 20px 20px;
	    cursor: pointer;
	    font-size: 16px;
	    border-bottom: 1px solid #ddd;
	}
	.arrow-wrap {
	    position: absolute;
	    top: 50%;
	    right: 30px;
	    transform: translate(0, -50%);
	}
	.que>span{
		font-size: 18px;
	}
	.que .arrow-top {
		display: none;
		background: url(../images/arrow-top.svg) no-repeat !important;
		width: 15px;
		height: 11px;
	}
	.que .arrow-top>img{
		display:none;
	}
	.que .arrow-bottom {
		display: block;
		background: url(../images/arrow-bottom.svg) no-repeat !important;
		width: 15px;
		height: 11px;
	}
	.que .arrow-bottom>img{
		display: none;
	}
	.que.on .arrow-bottom {
		display: none;
	}
	.que.on{
		background: #019A30;
		color: #fff;
	}
	.que.on>span{color: #fff !important;}
	.que.on .arrow-top {
		display: block;
		
	}
	.que::before {
		display: inline-block;
		font-size: 16px;
		color: #006633;
		margin: 0 5px;
	}
	.que.on>span {
		font-weight: bold;
		color: #141414;
	}
/* 	.anw>ul>li::before {
		content: '●';
		font-size: 5px;
		font-weight: bold;
		color: #141414;
		margin: 0px 5px 0px 10px;
	} */
	.gnb02_li>a{
		font-size: 16px;
		width: 100%;
    	display: block;
	}
	.gnb02_li:hover {
	    background: #fff !important;
	}
	.gnb02_li:hover>a{
		color: #141414 !important;
	}
	.gnb02_li>a:hover{
		color: #019A30 !important;
	}
	.logo>a>img{
		width: 150px !important;
	}
	.menu_btn {
    margin-left: 10px;
    cursor: pointer;
    height: 50px;
    display: flex;
}
.menu_btn>img {
    width: 30px !important;
}
}
.asx {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media all and (max-width: 768px) {
  .asx{top:100px;height:auto; margin-top:0;}
  
  #addList>tr>td{
	padding-left: 80px !important;
}

.table th{
	font-size: 14px;
}
#addList>tr>td:nth-of-type(1){
	padding-left: 10px !important;
}
  
}

.check input[type="checkbox"] + span{vertical-align: middle;}


/* 추가작업 */ /* 추가작업 */ /* 추가작업 */ /* 추가작업 */ /* 추가작업 *//* 추가작업 */
/* 추가작업 */ /* 추가작업 */ /* 추가작업 */ /* 추가작업 */ /* 추가작업 *//* 추가작업 */
/* 추가작업 */ /* 추가작업 */ /* 추가작업 */ /* 추가작업 */ /* 추가작업 *//* 추가작업 */
.util_m{
	height: 40px;
	background: #2D2D2D;
}
.login > ul{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	max-width: 1300px;
	margin: 0 auto;
	height: 40px;
	position: relative;
}
.login > ul > li > a > span {
	color: #fff;
	margin-left: 5px;
}
.login > ul > li > a{
	display: flex;
	align-items:center;
}
.hd_box{
	height: 100px;
	background: #fff;
}
.hd_nav {
	max-width: 1200px;
	height: 100px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.menu01{
	display: flex;
}
.topMenu {
	width: 100%;
	max-width:1300px;
	text-align: center;
	height: 100px;
	margin: 0 auto;
}

.topMenu:after {
	content: "";
	display: block;
	clear: both;
}
.menu01>li {
	float: left;
	width:20%;
	background: #fff;
	line-height: 98px;
}
.menu01>li>a>span:hover{
	color: #57b1e8 !important;
}
.menu01>li>a>span{
	cursor:pointer;
	font-size: 20px;
	font-weight: bold;
}
.menu01>li:hover{
    background-color: #f0f0f0;
}

.menu01 span {
	font-size: 16px;
	color: #111;
}

.dept01 {
	display: none;
	padding: 15px 0;
	height: auto;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #0380ba;
	box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
}
#nop {
	float: none;
	padding: 15px 0;
	line-height: 30px;
	cursor: pointer;
	font-size: 16px;
}
#nop>a:hover{
	color: #0380ba;
}

.none:after {
	content: "";
	display: block;
	clear: both;
}
.header{
	position: sticky;
	z-index: 9003;
	width: 100%;
	top: 0px;
	left: 0px;
}
.jm_logo{
	float: left;
	padding: 20px;
	text-align: center;
	height: 100px;
	line-height: 60px;
}
.dept01>li>a{
	font-size: 16px;
}
.dept01>li>a:hover{
	color: #57b1e8 !important;
}
.swiper {
	width: 100%;
	margin-left: 0 !important;
}
.pg_slide{
	width: 100% !important;
	height: auto !important;
	border-radius: 0px !important;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: auto !important;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height:100%;
	object-fit: cover;
}
.swiper-pagination-bullet {
	width: 12px !important;
	height: 12px !important;
	background: transparent !important;
	border: 2px solid #fff !important;
	opacity: 1 !important;
	border-radius: 1px !important;
}

.swiper-pagination-bullet-active {
	transition: width .5s !important;
	border-radius: 5px !important;
	background: #fff !important;
	border: 2px solid #fff !important;
	border-radius: 1px !important;
}
.swiper-pagination{
	bottom: 10px !important;
}

.swiper-pagination{
	bottom: 10px !important;
}




.swiper-button-next {
  background: url(../images/r_b.svg) no-repeat !important;
  background-size: 40% auto !important;
  width: 70px !important ;
  height:100px !important;
  right: -25px !important;
  top: 50% !important;
}

.swiper-button-prev {
  background: url(../images/l_b.svg) no-repeat !important;
  background-size: 40% auto !important;
  width: 70px !important;
  height:100px !important;
  left: 20px !important;
  top: 50% !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none !important;
}
.swiper-thumbs{
	margin-top: 10px !important;
}


.mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.5;
}

.mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.guide{
	width: 50%;
	min-height:420px;
	align-items: center;
	text-align: center;
	background-color: #fff ;
	padding: 40px 40px 20px 40px;
	position: relative;
	margin-left: 2%;
	box-shadow: 4px 4px 20px -8px #dedede;
	border: 1px solid #ededed;
}
.guide>h3{
	color: #141414;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
}
.guide>ul>li{
	transition: 0.2s all;
}
.guide>ul>li:hover{
	transform: scale(1.05);
}
.guide>ul>li>a>span{
	color: #fff;
}
.guide>ul>li>a>img{
	display: block;
	margin: 0 auto;
	width: 35px;
}
.guide>ul{
	font-size: 16px;
	justify-content: space-between;
	align-items: center;
}
.guide>ul>li{
	background-color: #157F12;
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.guide>ul>li:nth-of-type(2){
	padding: 30px 0px 30px 0px;	
}
.main{
	display:flex;
	max-width: 1300px;
	min-width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	height: 420px;
}
.guide_btn{
	background: #019A30;
	height: 65px; 
	line-height: 65px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 100%;
	cursor: pointer;
	transition:all 0.2s;
}
.guide>ul>li:hover{
	background: #0d4f0b;
}


.guide_btn {
	overflow: hidden;
}
.guide_btn span {
	z-index: 2;
}
.guide_btn:after {
	content: "";
	height: 155px;
	left: -150px;
	opacity: 0.1;
	position: absolute;
	top: -50px;
	background: #fff;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	width: 100px;
	z-index: -1;
}
.guide_btn:hover:after {
	left: 120%;
}


.guide_btn>a>span{
	color: #fff;
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
}
.cs_center{
	margin-top: 40px;
}
.cs_center>div{
	text-align: left;
}
.cs_center>div>span{
	color: #141414;
}
.guide_2{
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
	max-width: 1300px;
	margin: 0 auto;
}
.guide_2_list{
	display: flex;
	align-items:center;
	box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
	margin-top: 10px;
	border-radius: 20px;
	padding: 15px 220px 5px 0px;
	height: 125px;
}
.guide_2_list>li{
	padding: 10px;
	text-align: center;
	width: 100%;
}
.guide_2_list>li>a>img{
	display: block;
	margin: 0 auto;
}
.guide_2_list>li>a>span{
	font-size: 16px;
	font-weight: bold;
	color: #46464a;
}
.more_btn{
	color: #888 !important;
}
.title{
	font-size: 28px;
	font-weight: bold;
	color:#141414;
}
.guide_btn_2{
	background: #2A54C3;
	height: 80px; 
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 200px;
	height:125px;
	cursor: pointer;
	transition:all 0.9s;
	border-radius: 0px 20px 20px 0px;
}
.guide_btn_2:hover{
	box-shadow:300px 0 0 0 rgba(0,0,0,0.5) inset;
}
.guide_btn_2>a>p{
	color: #fff;
	line-height: 125px;
	text-align:center;
	font-size: 18px;
	font-weight: bold;
}
.container_2{
	background: #F4F4F8;
	padding:0px 0 0px 0px;;
}
.hover14 figure {
  position: relative;
}
.hover14 figure::before {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 2;
  display: block;
  content: '';
  width: 20%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.hover14 figure:hover::before {
  -webkit-animation: shine .5s;
  animation: shine .5s;
}
@-webkit-keyframes shine {
  100% {
    left: 70%;
  }
}
@keyframes shine {
  100% {
    left: 70%;
  }
}
/* 헤더 */
#header .menu-hover-box {
	position: absolute;
	left: 0;
	right: 0;
	background: #fff;
	top: 140px;
	height: 0;
	border-top: 1px solid #dddddd;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	opacity: 0;
}
#header:hover .menu-hover-box{
	height: 360px;
	opacity: 1;
	background: #fff;
	box-shadow: 0px 11px 20px -5px rgba(0,0,0,0.1);
}

#header .gnb02_box {
	background: transparent;
	height: 0;
	bottom: -1px;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	opacity: 0;
	visibility: hidden
}

#header:hover .gnb02_box {
	opacity: 1;
	visibility: visible;
}

#header .gnb02 li a {
	position: relative;
	color: #141414;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
}

#header:hover .gnb02 li a:hover {
	color: #019A30;
	font-weight: bold;
}

#header:hover .gnb02 li a:hover:before {
	width: 100%;
	left: 0;
}
.hd_inner{
	display: flex;
	align-items: center;
	height: 100px;
	background: #fff;
	max-width: 1300px;
	margin: 0 auto;
	justify-content: space-between;
}
.gnb_ul{
	display: flex;
	transition: all .5s;
}
.gnb_ul>li{
	line-height: 100px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	transition: all .5s;
}
.gnb_ul>li .gnb_a .Depth1{
	position: relative;
	transition: all .5s;
}
.gnb_ul>li:hover .gnb_a .Depth1{
	color: #019A30;
}
.gnb_ul>li .gnb_a .Depth1::after{
	background: #0087fe;
	opacity: 0;
	transition: all .5s;
}
.gnb_ul>li .gnb_a .Depth1::after{
	color : #0071d4;
	opacity: 0;
	transition: all .5s;
}
.gnb_ul>li .gnb_a .Depth1::after{
	content: "●";
	opacity: 0;
    display: block;
    width: 1px;
    height: 1px;
    border-radius: 50%;
    background: var(--color1);
    -webkit-transition: .2s;
    transition: all .5s;
    position: absolute;
    right: -0.5rem;
    top: -0rem;
    transform: scale(0);
    color: #0071d4;
}
.gnb_ul>li:hover .gnb_a .Depth1::after{
	content: "●";
	opacity: 1;
    display: block;
    width: 1px;
    height: 1px;
    border-radius: 50%;
    background: var(--color1);
    -webkit-transition: .2s;
    transition: all .5s;
    position: absolute;
    right: -0.5rem;
    top: -1.3rem;
    transform: scale(0.4);
    color: #019A30;
}

.gnb02_li{
	line-height: 45px;
	padding: 0 40px;
	font-size: 18px;
	text-align: left;
}
.inner{
	padding-top: 20px;
}
header{
	background: #fff;
}
.shadow{
	transition: 1s all;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
}
.s_m_box{
	display: flex;
	align-items: center;
}
.serch{
	cursor:pointer;
}
.menu{
	cursor:pointer;
	margin-left: 10px;
}

.rolling_panel {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

.rolling_panel ul {
	padding: 0;
	list-style: none;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.rolling_panel>ul>li{
	margin: 10px;
	width: 18%;
}
.rolling_panel>ul>li:last-child{
	margin-right: 0px;
}
.rolling_panel>ul>li>a{
	width: 100%
}
.rolling_panel>ul>li>a>img{
	width: 100%;
	height:300px;
	transform: scale(1);
	cursor:pointer;
	background: #000;
	object-fit: cover;
}
.rolling_panel ul li>h3{
	font-size: 20px;
    color: #222;
}
.rolling_panel ul li>span{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 50px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
    color: #888;
}
#prev{
	background: none;
	cursor: pointer;
}
#next{
	background: none;
	cursor: pointer;
}
.btn_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
.title_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.title_box>h3{
	font-size: 28px;
    font-weight: bold;
    color: #141414;
}
.container_3{
	margin-top: 40px;
	margin-bottom: 250px;
}
.event_box{
	max-width: 1300px;
	margin: 0 auto;
}
.event1{
	background: #EF4270;
	width: 300px;
	height: 300px;
	cursor: pointer;
	border-radius: 20px;
}
.event2{
	background: #FFC600;
	width: 300px;
	height: 300px;
	cursor: pointer;
	border-radius: 20px;
}
.event3{
	background: #4DC0FF;
	width: 300px;
	height: 300px;
	cursor: pointer;
	border-radius: 20px;
}
.event4{
	background: #0D6DB7;
	width: 300px;
	height: 300px;
	cursor: pointer;
	border-radius: 20px;
}
.event_list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
.event_list>div>div{
	border: 3px solid #fff;
	width: 260px;
	height: 260px;
	margin: 20px;
	text-align: center;
	padding: 50px;
	margin-bottom: 30px;
}
.event_list>div>div>p{
	color: #fff;
	font-size: 26px;
	font-weight: bold;
}
.event_list>div>p{
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
    color: #888;
}
.tag_box{
	display: flex;
}
.tag_box{
	margin-top: 5px; 
}
.tag_box>li{
	border-radius: 20px;
	width: 70px;
	text-align: center;
	margin-right: 5px;
}
.MOTICE{
	background: #F06D6D;
	color: #fff;
}
.NEW{
	background: #1D92CD;
	color: #fff;
	width: 60px !important;
}
.HIT{
	background: #535353;
	color: #fff;
	width: 60px !important;
}
.Shortcut_list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1300px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
}
.cs_center>div>div>img{
	width: 20px;
}
.Shortcut_list>li>a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
}
.Shortcut_list>li>a>i{
	display: block;
	text-align: center;
}
.Shortcut_list>li>a{
	width:85px;
	height:85px;
	border: 1px solid #BDBDBD;
	text-align: center;
}
.Shortcut_list>li>div{
	text-align: center;
}

.rolling_panel img {
	transition: 0.3s;
}
.rolling_panel a{
	display: block;
	width: 100%;
	height: 300px;
	overflow: hidden;
	background: #000;
}
.rolling_panel a:hover img, .rolling_panel a:focus img { /* a태그에 마우스를 올렸을 때 */
	transform: scale(1.2);
	border-radius: 0px 0px 40px 0px;
	opacity: 0.7;
}
.rolling_panel>ul>li>h3{
	margin-top: 10px;
}
.Shortcut_list>li>a{
	transition: 0.2s all;
}
.Shortcut_list>li>a:hover{
	background-color: #f3f3f3;
	box-shadow: 0 8px 14px rgba(0,0,0,0.1), 0 5px 5px rgba(0,0,0,0.1);
	
}
.Shortcut_list>li>div{
	margin-top: 10px;
}
.Shortcut_list>li>div>span{
	font-size:18px;
	color: #46464a;
}
.footer_logo_g{
	width:100%;
	max-width:1300px;
	position: absolute;
	top: -32px;
	left: 0px;
	right: 0px;
}

.main_container{
	width: 100%;
    margin: 0 auto;
    margin-top: 50px;
}

.login_container {
	display:flex;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 140px;
    display: flex;
	align-items: center;
	justify-content: space-around;
}
.sns_login{
	width: 600px;
	border: 1px solid #ddd;
	background-color: #fff;
	text-align: center;
	padding: 70px 10px;
	height: 450px;
}
.sns_login h2{
	text-align: center;
    font-size: 32px;
}
#header{
	border-bottom: 1px solid #ddd;
}
.sns_join{
	display: inline-block;
	padding: 30px 50px 20px 50px !important;
}
.sns_join>div>a>img{
	padding: 5px !important;
}
.joincheck{
	display: flex;
}
.menu_btn{
	margin-left: 10px;
	cursor: pointer;
	height: 50px;
}
@media all and (max-width: 1200px) {
	#header .menu-hover-box {
		position: absolute;
		left: 0;
		right: 0;
		background: #fff;
		top: 140px;
		height: 0;
		border-top: 1px solid #dddddd;
		transition: all .2s linear;
		-webkit-transition: all .2s linear;
		opacity: 0;
	}
	#header:hover .menu-hover-box {
		height: 350px;
		opacity: 1;
	}
	#header .gnb02_box {
		background: transparent;
		height: 0;
		bottom: -1px;;
		transition: all .2s linear;
		-webkit-transition: all .2s linear;
		opacity: 0;
		visibility: hidden
	}
	#header:hover .gnb02_box {
		opacity: 1;
		visibility: visible;
	}
	#header .gnb02 li a {
		position: relative;
		color: transparent;
		transition: all .2s linear;
		-webkit-transition: all .2s linear;
	}
	#header:hover .gnb02 li a {
		color: #666;
	}
	#header:hover .gnb02 li a:hover {
		color: #2A54C3;
		font-weight: bold;
	}
	#header:hover .gnb02 li a:hover:before {
		width: 100%;
		left: 0;
	}
	.hd_inner {
		display: flex;
		align-items: center;
		background: #fff;
		max-width: 1300px;
		margin: 0 auto;
		justify-content: space-between;
		margin: auto 10px;
	}
	.gnb_a{
		font-size: 16px;
	}
	.gnb02_li{
		font-size: 16px;
	}
	.gnb02_li{
		padding: 0 20px;
	}
	.login > ul{
		margin-right: 20px;
	}
	.logo{
		padding: 10px;
	}
}
@media all and (max-width: 700px) {
	.rolling_panel ul li{
		width: 30%;
		margin-bottom: 50px;
		flex: 0 0 100% !important;
	}
}
@media all and (max-width: 992px) {
	.eventViewWrap{
		padding: 0px !important;
	}
	.footer_logo_w{
		margin-top: 30px;
	}
	footer>div{
		display: block !important;
		margin: 0 auto;
	}
	footer>div>div{
		margin: 0 auto;
		text-align: center;
	}
	footer>div>div>div{
		justify-content: center;
	}
}
@media all and (max-width: 992px) {
	.opt_box{
		border:1px solid #ddd;
		margin-bottom: 20px;
		margin-top: 20px;
		margin-right: 10px;
	}
	.sa{
		width: 100% !important;
		border-radius:0px !important;
	}
	.rolling_panel ul{
		justify-content: stretch;
	}
	.rolling_panel ul li{
		width: 30%;
		margin-bottom: 50px;
		flex: 0 0 47%;
	}
	.rolling_panel>ul>li>h3{
		margin: 10px;
	}
	.rolling_panel>ul>li>span{
		margin: 10px;
	}
	.introBox>p{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.introBox>h1{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.introWrap img {
		width: 100% !important;
		height: auto !important;
	}
	.introduceBox {
		width: 100% !important;
		padding-top: 0px !important;
		display: block !important;
		justify-content: space-between;
		align-items: center;
	}
	
	
	.cntBox>li {
		width: 100% !important;
		margin: 0px !important;
		overflow: hidden;
		margin: 0 auto;
		margin-top: 50px !important;
	}
	.cntBox>li>a {
		display: block;
		width: 50% !important;
		height: 20% !important;
		overflow: hidden;
		margin: 0 auto;
	}
	.cntBox>li>h3 {
		font-size: 30px;
		padding: 15px 0 0 0;
		text-align: center;
	}
	.cntBox>li>span{
		display: block;
		width: 50%;
		margin: 0 auto;
	}
	.cntBox>li img {
		object-fit: cover;
		width: 100%;
		height: 50% !important;
		transform: scale(1);
		transition: transform 0.5s;
	}
	.programCnt {
		width: 100%;
		padding: 0px;
		margin-left: 0px !important; 
	}
	.cntBox {
		width: 100%;
		display: inline-block !important;
		justify-content: flex-start;
		flex: 1;
		flex-flow: row wrap;
	}
	.swiper{
		height: auto;
	}
  	.gnb_ul {
  		display: none;
  	}
	.menu-hover-box{
		display: none;
	}
	.main{
		display: inline-block;
		margin-top: 0px !important;
		width: 100%;
	}
	.swiper{
		border-radius: 0 !important;
		height: auto;
	}
	.guide{
		width: 95%;
		margin: 0 auto !important;
		margin-top: 40px !important;
	}
	body {
	  overflow-x:hidden
	}
	.guide>ul>li{
		width: 100%;
		margin-bottom: 20px;
	}
	.main_container2{
		display: inline-block !important;
		width: 100%;
	}
	.mainbox{
		width: 100% !important;
		margin: 0 auto;
		height: 260px;
	}
	.cs_center{
		margin-top: 20px;
	}
	.Shortcut_list{
		margin-top: 150px;
	}
	.guide{
		height: 400px;
	}
	.guide_btn{
		bottom: 0px;
	}
	.container_2{
		margin: 0 auto;
		padding: 0px 20px 0px 20px;
	}
	.maintab03{
		height: auto !important;
		min-width: 100% !important;
		padding: 0px;
	}
	
	.maintab02{
		min-width: 100% !important;
	}
	.main_container2{
		height: 100%;
		padding-bottom: 20px;
	}
	.Shortcut_list{
		flex-wrap: wrap;
	}
	.Shortcut_list>li{
		width: 25%;
		margin-bottom: 30px;
	}
	.Shortcut_list>li>a{
		margin: 0 auto;
	}
	.login_container{
		display: inline-block;
	}
	#login{
		width:80%;
		margin:10px auto;
		height: 500px !important;
		padding: 30px 20px !important;
	}
	.sns_login{
		margin: 0 auto;
		width: 100%;
		max-width: 600px;
		padding-top: 60px !important;
		margin-top: 50px !important;
	}
	.login_container{
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.bottom-text{
		margin-bottom: 50px;
	}
	.tab {
		width : 100%;
	}
	.tabnav{
		width : 100%;
	}
	.tabnav > li {
		width : 50%;
	}
	.tabnav li a{
		font-size : 15px;
	}
	.t_left1 > h4{
		border-bottom : none !important;
	}
	.programImg > img{
		width : 80%;
	}
	.img5{
		width : 80% !important;
	}
	.tabnav{
		padding : 40px;
	}
}

@media all and (max-width: 1023px) {
	.Shortcut_list>li>div>span{
		font-size: 14px !important;
	}
	.logo>a>img{
		width: 200px;
	}
	.serch>img{
		width: 40px;
	}
	.menu_btn>img{
		width: 40px;
	}
	.event_list{
		flex-direction: column
	}
	.event_list>div{
		margin-bottom: 150px;
	}
	.container_3{
		margin-bottom: 40px;
	}
	.title_box{
		margin: 0 20px;
		margin-bottom: 30px !important;
	}
	.btn_box{
		margin: 0 20px;
		margin-top: 20px;
	}
	.event_list>div{
		width: 90% !important;
	}
	.event_list>div>div{
		width: auto !important;;
	}
}

@media all and (max-width: 1300px) {
	body .raca_Warp{
		padding: 20px !important;
	}
	.login>ul {
		margin-right: 20px;
	}
	.title_box {
		margin: 0 20px;
	}
	.btn_box {
	    margin: 0 20px;
	    margin-top: 20px;
	}
	.event_list>div{
		width: 20%;
	}
	.event_list>div>div{
		width: auto;
	}
	.tag_box > li{
		font-size: 12px;
	}
}

.siteMenu{
	width : 100%;
	height : 100%;
	position : fixed;
	top : 0px;
	left : 0;
	z-index: 9000;
	background : white;
	pointer-events : none;
	opacity : 0;
	transition : all 0.2s ease 0s;
	}
.siteMenu.on{
	opacity : 1;
	pointer-events : auto;
}
.siteMenu:after{content:""; display : block; clear : both;}
.menuSiteMap{
	float : left;
	width : 80px;
	position:absolute;
	height : 100%;
	background : #019A30;
	text-align: center;
	
}
.menuSiteMap > a{
	color : white;
	writing-mode : vertical-rl;
	margin-top : 30px;
	font-size : 25px;
	text-indent: 3px;
}
.siteCnt{
	position : absolute;
	left : 120px;
	top : 40px;
	width : 90%;
	float : left;
	height : calc(100% - 100px);
}
.xBtn{
	width : 100%;
	text-align : right;
	margin-top:10px;
	padding-right: 50px;
	cursor: pointer;
}
.siteCnt > ul{
	margin-top : 50px;
	width : 100%;
}
.siteCnt > ul:after{content:""; display : block; clear : both;}
.siteCnt > ul >li{
	float:left;
	width : 16%;
	font-weight : 600;
	font-size : 18px;
	height: 500px;
	margin-right: 30px;
}
.siteCnt>ul>li>a{
	padding-left: 10px;
	width: 100%;
    display: block;
}
.siteCnt>ul>li>ul>a>li{
	padding-left: 10px !important;
}
.gnb02_li{
	text-align: center;
}
.gnb02_li:hover{
	background: #019A30;
}
.topUl .gnb02_li:hover a {
	color : white !important;
}
.gnb02_li:hover>a{
	color: #fff;
}
.siteCnt > ul > li > ul{
	margin-top : 20px;
}
.siteCnt > ul > li > ul > li{
	height : 50%;
	font-size : 16px;
	font-weight : 500;
	padding-left: 10px !important;
}
.siteCnt > ul > li > ul > li:nth-of-type(3){
	height : 33.3333%;
}
.siteFooter{
	position:absolute;
	bottom : 0;
	left : 0;
}

.programWrap{
	width : 100%;
}
.programCnt{
	width : 100%;
	padding: 20px;
	margin-left: 20px;
	
}
.cntBox{
	width : 100%;
	display : flex;
	justify-content: flex-start;
	flex : 1;
	flex-flow: row wrap;
}
.cntBox > li{
	width : 30%;
	margin : 15px;
	overflow : hidden;
}
.cntBox > li img{
	object-fit : cover;
	width : 100%;
	height : 100%;
	transform : scale(1);
	transition : transform 0.5s;
}
.cntBox > li > h3{
	font-size : 30px;
	padding : 15px 0 0 0;
}
.cntBox > li > a{
	display : block;
	width : 100%;
	height : 70%;
	overflow : hidden;
}
.cntBox > li:hover img{
	transform:scale(1.1);
	transition : all 0.5s ease 0s
}
/* .Shortcut_list i::after{
	background-color: #2A54C3;
}
.Shortcut_list i::after{

	content: "";
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s;
    transition: .2s;
} */



#Accordion_wrap{
	display: none;
}

.sub_title{
	background:url("../images/title_img.jpg"),rgba(0, 0, 0, 0.2);
	background-position: center;
	background-size:cover;
	background-blend-mode: multiply;
	text-align: center !important;
	color: #fff !important;
	height: 300px;
	display:flex;
    justify-content: center;
    flex-direction: column;
    align-items:center;
}
.sub_title>div{
	font-size: 45px;
	color: #fff;
}

.sub_navi{
	position: absolute;
	top: 141px;
	left: 0;
	width: 100%;
	background: #f5f5f5;
	height: 50px;
	z-index: 9000;
	display: none;
}
.sub_navi>div{
	display: flex;
}

.submenu {
  list-style-type: none;
  position: absolute;
  width:125px;
  display: none;
  top: 38px;
}
#menu>li{
	cursor: pointer;
	padding-right: 5px;
	padding-left: 20px;
}
.submenu>li{
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.submenu>li:hover{
	background: #012D54;
}
.submenu>li:hover>a{
	color: #fff;
}

.introWrap img{
	width : 40%;
	height : auto;
}

.box>table{
	width: 100% !important;
}
.box>table>tbody>tr>td>table{
	width: 100% !important;
}

.programImg>table>tbody>tr>td{
	width: auto !important;
	height: auto !important;
}
.programImg>table>tbody>tr>td>table{
	width: 100%;
	table-layout: auto !important;
}
.programImg>table>tbody{
	height: auto;
}
.introduceBox{
	width : 100%;
	padding-top : 50px;
	display : flex;
	justify-content : space-between;
	align-items: center;
	z-index: 9000;
	z-index: 9000;
}

.introBox>p{
	padding-left: 80px;
	text-align: left !important;
}
.introBox>h1{
	text-align: left !important;
	padding-left: 80px;
	padding-right: 80px;
}


.programImg>table{
	width: 100% !important;
	table-layout: auto !important;
}

.opt_box{
	width:150px;
	border:1px solid #ddd;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 10px;
}

.mypage_btn{
	transition: 0.5s all;
	position: fixed; right: 40px; bottom: 40px;
}
.mypage_btn:hover{
	transform: rotate( 10deg );
}
#addList>tr>td{
	font-size: 16px;
}

#buttonDiv iframe{
	margin: 0 auto !important;
}
.sns_btn{
	display: flex;
	justify-content: center;
}
#memLoginId{
	border: 1px solid #ddd;
}
#memLoginPwd{
	border: 1px solid #ddd;
}

.modal_content{
	padding: 0px !important;
}
.accordion-btn {
  background-color: #fff;
  border:0px;
  border-bottom: 1px solid #ddd;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  font-family: 'NotoSansKR','xeicon','돋움',sans-serif;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.Q{
	font-size: 20px;
	font-weight: 900;
	color: #444 !important;
	line-height: 20px !important;
	margin-right: 30px;
}

.accordion-active, .accordion-btn:hover {
  background-color: #f5f5f5;
}
#mjr_box .label{
	width: 100% !important;
}
.panel-content {
  padding: 0px 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-family: 'NotoSansKR','xeicon','돋움',sans-serif;
}
.panel-content>p{
	font-family: 'NotoSansKR','xeicon','돋움',sans-serif;
	white-space: pre-line;
}

.floor{

	width : 100%;
}


.floor .tb2{

	width : 100%;
	margin : inherit;
}
.floorTable{
	border : 1px solid black;
	width : 80% !important;
	font-size : 80%;
	margin : 0 auto;
}

.floorTable th{


	font-size : 1.2em;
	padding : 10px;
}
.floorTable td{
	font-size : 1.2em;
	padding : 10px;
}
.floorTable tr td:first-of-type{
	text-align : center;


}
@media (max-width: 360px){
	.tabctn>li>a{
		width: 160px !important;
	}
}
.tabctn>li>a{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70%;
    font-weight: bold;
}
.floorTxt{
	text-align : center;		
}

 /*
.tab{width : 100%; height : auto;}
.tabnav{font-size:0; width:100%;}
.tabnav li{
	display: inline-block; 
    height:46px; 
    text-align:center; 
 }

.tabnav li a:before{
	content:""; position:absolute; 
	left:0; top:0px; 
	width:100%; height:3px; 
}

.tabnav li a.active:before{
	background:#49709a;
}
.tabnav li a.active{
}
.tabnav2 li a{
	position:relative; 
	display:block; 
	color: #000; 
	padding:0 30px; 
	line-height:46px;
	text-decoration:none; 
	font-size: 1.8rem;
    font-weight: 500;
}
.tabnav2 li a.active{
	border : none;
}
.tabnav li a:hover,
.tabnav li a.active{
	background:#fff;
}
*/
.tab{width : 100%}
.tabnav2{font-size:0; width:100%; text-align : center; margin-bottom : 30px;}
.tabnav2 li{display: inline-block;  height:46px; text-align:center; }
.tabnav2 li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tabnav2 li a.active:before{}
.tabnav2 li a.active{border-bottom : 1px solid #019A30;}
.tabnav2 li a{
		position:relative; 
	display:block; 
	color: #777; 
	padding:0 30px; 
	line-height:46px;
	text-decoration:none; 
	font-size: 1.2rem;
    font-weight: 500;
    border-bottom : 1px solid lightgray;
	}
.tabnav2 li a:hover,
.tabnav2 li a.active{
	background: #fff;
    color: #019A30; 
    
    }
#prgram___title{
	text-align: center;
	margin-bottom: 50px;
	padding-bottom:50px;
	border-bottom: 1px solid #ddd;
}
.tabcontent{border-top:none;}
.title_box_1{
	border-radius: 20px;
    border:1.5px solid #ddd;
    padding: 30px 60px 30px 70px;
    margin-bottom: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    table-layout: fixed;
    width: 100%;
}
.title_box_1>.title_content{
	margin-left: 50px;
}
.title_box_1>.title_content>h1{
	font-size: 28px;
	margin-bottom: 15px;
}
.title_box_1>.title_content>p{
	font-size: 18px;
}
.title_name{
	position: relative;
	padding-left: 30px;
	font-size: 28px;
	margin-top: 50px;
	margin: 0 auto;
	margin-top: 40px;
	text-align: left;
}
.title_name::before{
	border: 3px solid #019A30;
}
.title_name::before{
	content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
}
.title_list{
	margin-top: 30px;
	text-align: left;
}
.title_list>li{
	margin-top: 0px;
	position: relative;
	padding-left: 20px;
}
.title_list>li{
	color:#46464a;
	font-size: 18px;
}

.title_list > li::before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background-color: #0d4f0b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 13px;
}
.title_list_list{
	margin-top: 30px;
	text-align: left;
}
.title_list_list>li{
	margin-top: 0px;
	position: relative;
	padding-left: 20px;
}
.title_list_list>li{
	color:#46464a;
	font-size: 18px;
}

.title_list_list > li::before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background-color: #012D54;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 13px;
}

.tableInfo{
	width : 100%;
	display : flex;
	flex-wrap : wrap;
	justify-content: space-between;
}
.tableInfo > table{
	margin : 20px 20px;
}
.programImg p{
	margin-top: 30px; text-align: left;
}
.shuttle{
	width : 100%;
}
.shuttleTable{
	margin-top: 50px !important;
}
.shuttleTable2{
	width : 44% !important;
	margin-left: 0px !important;
	margin-top: 50px !important;
}
.shuttleTable3{
	width : 44% !important;
	margin-right: 0px !important;
	margin-top: 50px !important;
}
.shuttleTable4{
	width : 44% !important;
	margin-left: 0px !important;
	margin-top: 50px !important;
}
.shuttleTable5{
	width : 44% !important;
	margin-right: 0px !important;
	margin-top: 50px !important;
}
.eventWrap{
	width : 100%;
	
}
.eventList{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 20px;
}
#event_box{
	margin-top: 0px !important;
}
.noticeTop{
	border-bottom: 1px solid #141414;
    padding-bottom: 30px;
}
.eventList > li{
	width : 33.3%;
	transition : .2s;
}

.eventList > li > div{
	border : 1px solid lightgray;
	padding : 20px;
}
.eventList > li:hover div{
	border : 1px solid #728CBF;
	box-shadow : 4px 4px 10px 0px #c3c3c3;
	
}
/* .eventList > li:hover img{
	transform : scale(1.1);
} */
.eventList > li >*{
	padding : 5px 0;
}
.eventImg{
	display: block;
    overflow: hidden;
    width: 100%;
    height: 200px;
    /* padding-bottom: 61%; */
    margin: 0 auto;
    text-align: center;

}
.eventList > li img{
	width : 100%;
	height:100%;
	object-fit : cover;
	transform : scale(1.0);
	transition : transform .5s;
}
.eventList > li > p{
	display : block;
	width : 80%;
	margin : 0 auto;
	text-align : center;
}
.eventList > li > h2{
	width : 80%;
	margin : 0 auto;
}
.eventList > li p:last-of-type{
	display : flex;
	align-items : center;
	justify-content:space-between;
	padding-top : 10px;
}
.eventList h2{
	margin-top : 10px;
	font-size: 18px;
}
.spanBox{
	justify-content: center;
    align-items: center;
    display: flex;
    background-color : #019A30 !important;
    color : white;
    padding : 10px 10px;
}
.finish{
	background-color : gray !important;
}
.shuttleTable5{
	width : 46% !important;
	margin-right: 0px !important;
	margin-top: 50px !important;
}

.t_s{
	border-right: 0px !important;
	border-left: 0px !important;
	border: 1px solid #ddd;
	border-top: 2px solid #0E2C46;
}
.t_s tr{
	border-right: 0px !important;
	border-left: 0px !important;
	border: 1px solid #ddd;
}
.t_s>tbody>tr>th{
	border-right: 1px solid #ddd;
	border-left: 0px;
	padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #019A30;
    color: #fff;
}
.t_s>tbody>tr>td{
	border-right: 1px solid #ddd;
	border-left: 0px;
	padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.t_s>tbody>tr>th:last-child {
	border-right: 0px solid #ddd;
}
.t_s>tbody>tr>td:last-child {
	border-right: 0px solid #ddd;
}

.timeTable{
	width : 100%;
	text-align : center;
	margin : 60px 0;
}
.timeSpan{
	font-weight : 500;
	font-size : 1.2rem;
}
.etcSpan{
	font-weight : 500;
	font-size : 1.2rem;
}
.timeTable>tbody>tr>td:last-child {
    border: 1px solid #ddd;
    border-left: none;
}
.vipTable>tbody>tr>td:last-child{
	border : 1px solid #ddd;

}
.vipTable{
	text-align : center;
	margin : 50px 0;
}
.noneBorder{
	border-right : 0px solid #ddd !important;
}
figure.snip1384 {
  display : block;
  height : 24rem;
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  border: 1px solid #ddd;
}
figure.snip1384 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.snip1384 img {
  max-width: 100%;
  height : 24rem;
  backface-visibility: hidden;
  vertical-align: top;
}
figure.snip1384:after,
figure.snip1384 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
figure.snip1384:after {
  content: '';
  background-color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}
figure.snip1384 figcaption {
  z-index: 1;
  padding: 40px;
}
figure.snip1384 h3,
figure.snip1384 .links {
  width: 100%;
  margin: 5px 0;
  padding: 0;
}
figure.snip1384 h3 {
  line-height: 1.1em;
  font-weight: 700;
  font-size: 1.4em;
  text-transform: uppercase;
  opacity: 0;
}
figure.snip1384 p {
  font-size: 0.8em;
  font-weight: 300;
  letter-spacing: 1px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
figure.snip1384 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
figure.snip1384:hover img,
figure.snip1384.hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
figure.snip1384:hover:after,
figure.snip1384.hover:after {
  opacity: 1;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

figure.snip1384:hover h3,
figure.snip1384.hover h3,
figure.snip1384:hover p,
figure.snip1384.hover p,
figure.snip1384:hover i,
figure.snip1384.hover i {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
  color: #fff;
}
.Kangsa_ul{
	display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.Kangsa_ul li{
	max-width: 25%;
	flex: 0 0 25%;
	padding: 20px 20px;
	padding-left: 0px;
	cursor: pointer;
}
@media (max-width: 1080px){
	
	.Kangsa_ul{
		display: flex;
	    flex-wrap: wrap;
	    margin-top: 30px;
	}
	.Kangsa_ul li{
		max-width: 33.3%;
		flex: 0 0 33.3%;
		padding: 20px 20px;
		padding-left: 0px;
	}
	.Kangsa_title>p{
	font-size: 16px !important;
	white-space: normal;
	  display: -webkit-box;
	  -webkit-line-clamp: 3 !important;
	  -webkit-box-orient: vertical;
	  overflow: hidden;  
	  margin-top: 20px;
	}
	.Kangsa_title{
	height: 80%;
	white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3 !important; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */
  -webkit-box-orient: vertical;
  overflow: hidden;  
}

}
@media (max-width: 768px){
	
	
	.Kangsa_ul{
		display: flex;
	    flex-wrap: wrap;
	    margin-top: 30px;
	}
	.Kangsa_ul li{
		max-width: 50%;
		flex: 0 0 50%;
		padding: 20px 20px;
		padding-left: 0px;
	}
	.snip1384>figcaption{
		display: none;
	}
	figure.snip1384:after{
		background: none;
	}
}

#mbId{
	width: 30%;
}
#mbPwd{
	width: 30%;
}
#mbPwdCheck{
	width: 30%;
}
#addressPost{
	width: 30%;
}
@media (max-width: 992px){
	body .notice_view{
		padding: 0px !important;
	}
	#mbId{
	width: 50%;
	}
	#mbPwd{
		width: 50%;
	}
	#mbPwdCheck{
		width: 50%;
	}
	#addressPost{
		width: 50%;
	}
}
@media (max-width: 480px){
	#MbCarNo1{
		width: 100%;
	}
	#mbId{
		width: 100%;
	}
	#MbName{
		width: 100%;
	}
	#Post{
		width: 100%;
	}
	#event_box{
		margin-top: 0px !important;
	}
	body .memberOut{
 	padding-top: 20px !important;
	 }
	 body .memberOutBox{
	 	padding : 20px !important;
	 }
	 body .memberOutWarp{
	 	padding : 20px 0px !important;
	 }
	#mjr_box input{
		width: 100%;
	}
	.memjoinSubtitle>p{
		font-size: 14px !important;
	}
	body .join_Ck{
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.skReTitle{
		margin-top: 20px !important;
	}
	.step01_top{
		padding-top: 20px !important;
	}
	.floorNumLi{
		padding: 10px;
		padding-bottom: 0px;
	}
	.program_type2 select{
		max-width: 100%;
	}
	.opt_box{
		width: 100%;
		margin-bottom: 5px;
		margin-top: 0px;
	}
	#pageinfo{
		margin-bottom: 20px;
	}
	.custom_typecontrol{
		display: none !important;
	}
	.custom_zoomcontrol{
		display: none;
	}
	.search{
		margin-bottom: 0px !important; 
	}
	.program_list_wrap .item:first-child{
		margin-top: 20px !important;
	}
	.tabnav2{
		margin-top: 30px;
	}
	.Shortcut_list>li:nth-of-type(1)>a>i>img{
		width: 40px;
	}
	.Shortcut_list>li:nth-of-type(2)>a>i>img{
		width: 30px;
	}
	.Shortcut_list>li:nth-of-type(3)>a>i>img{
		width: 25px;
	}
	.Shortcut_list>li:nth-of-type(4)>a>i>img{
		width: 35px;
	}
	.Shortcut_list>li:nth-of-type(5)>a>i>img{
		width: 30px;
	}
	.Shortcut_list>li:nth-of-type(6)>a>i>img{
		width: 35px;
	}
	.Shortcut_list>li:nth-of-type(7)>a>i>img{
		width: 35px;
	}
	.Shortcut_list>li:nth-of-type(8)>a>i>img{
		width: 30px;
	}
	.Shortcut_list>li>a{
		width: 60px;
		height: 60px;
	}
	.m_site{
		margin-top: 5px;
		align-items: center;
		margin-left: 10px;
	}
	.reserveSub{
		margin-bottom : 30px;
	}
	#totalPrice{
		font-size: 24px !important; 
	}
	.contentPop{
		width: 90% !important;
		max-height: 80%;
	}
	.contentPop .onestep > div:first-child{
		padding: 0px !important;
	}
	.detailpop .contentpoptb th{
		width: 30% !important;
	}
	div.gangsa{
		padding-top : 0px !important;
	}
	section.changeWrap{
		padding : 0 20px !important;
	}
	section.infoWrap{
		padding : 20px 0px !important;
	}
	.mypageBtn{
		margin : 10px 0 !important;
	}
	.mypageBtn2{
		margin : 0 !important;
	}
	body section.mypageWrap{
		padding : 20px 0px !important;
	}
	.eventList h2{
		font-size : 18px;
	}
	section.sub3Wrap{
		padding : 10px 20px 0 20px !important;
	}
	.join table td{
		display: block !important;
		padding-bottom: 20px !important;
	}
	.memLabel{
		padding: 0px !important;
	}
	.pw_label{
		width: 30% !important;
	}
	#mjr_box{
		padding-left: 20px !important;
	    padding-right: 20px !important;
	}
	
	section.pgWrap{
		padding : 0 20px !important;
	}
	.program_guide .program_type ul li a {
    font-size : 16px;
        padding: 0 10px;
    margin: 0 auto;
    display: block;
    border-bottom: 1px solid #ddd;
    /* background-color: #f0f0f0; */
    transition: top .5s ease-out;
    -webkit-transition: top .5s ease-out;
    -moz-transition: top .5s ease-out;
    -ms-transition: top .5s ease-out;
    -o-transition: top .5s ease-out;
    /* border-radius: 35px; */
    /* -webkit-border-radius: 35px; */
    -ms-border-radius: 35px;
    -moz-border-radius: 35px;
    -o-border-radius: 35px;
    margin-bottom: 10px;
}
	.password_find_title{
		margin-top: 30px;
	}
	.login_find_box{
		width: 100% !important;
	}
	#login_find_container{
		padding-left: 20px !important; padding-right: 20px !important;
		margin-top: 80px !important;
	}
	.th20 th{
		width: 80px;
	}
	.login_find_box>div>div>h2{
		font-size: 20px;
	}
	.login_find_box div div table tbody tr th{
		font-size: 13px !important;
	}
	.login_find_box div div div div{
		gap:10px;
	}
	.login_find_box>div>div>div>div>a{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.main_container2{
		padding-top: 0px !important;
	}
	.notice_name{
		margin-bottom: 10px !important;
	}
	.event_title{
		margin-bottom: 10px !important;
	}
	.main_container2{
		height: 100%;
	}
	#login{
		height: auto !important;
	}
	.login_container{
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.bottom-join{
		padding-bottom: 30px !important;
	}
	.sns_btn>div{
		margin-bottom: 10px;
	}
	.login_input{
		padding-top: 0px !important;
	}
	#login>h2{
		font-size: 18px;
	}
	#login img{
		width: 200px !important;
	}
	#login>h4{
		font-size: 16px;
		margin-bottom: 20px;
	}
	#join_yn_box{
		padding-left: 20px !important; padding-right: 20px !important;
		margin-top: 80px !important;
	}
	.txt-r{
		margin-top: 15px;
		padding:15px;
		justify-content: space-around !important;
		
	}
	.join_Ck>h2{
		font-size: 16px;
		text-align: center;
	}
	.join_Ck .box{
		padding: 0px;
		padding-top: 20px;
	}
	.eventImg {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 200px;
    margin: 0 auto;
    text-align: center;
	}
	.guide {
    width: 90%;
    margin: 0 auto !important;
    margin-top: 0px !important;
    height: 350px !important;
	}
	#map{
		height: 300px !important;
	}
	#sub04_box{
		padding-left: 20px !important; padding-right: 20px !important;
	}
	.title_list{
		margin-top: 15px;
	}
	.bus_1{
		margin-top: 20px !important;
	}
	.shuttleTable{
		margin-top: 25px !important;
	}
	.introduceBox{
		margin-top: 20px;
	}
	.etcSpan{
		font-size: 16px;
	}
	.timeSpan{
		font-size: 16px;
	}
	#sub06_box{
		padding-left: 20px !important; padding-right: 20px !important;
	}
	#menu1>li{
		    padding: 0 10px !important;
	}
	.accordion-btn{
		font-size: 16px;
	}
	.panel-content>p{
		font-size: 16px;
	}
	#qna_box{
		padding-left: 20px !important; padding-right: 20px !important;
	}
	#sub07_box{
		padding-left: 20px !important; padding-right: 20px !important;
	}
	#test1{padding-left: 20px; padding-right: 20px;}
	#test1 p{font-size: 18px !important; margin-top: 10px !important;}
	#test2{padding-left: 20px; padding-right: 20px;}
	#test2 p{font-size: 18px !important; margin-top: 10px !important;}
	#test3{padding-left: 20px; padding-right: 20px;}
	#test3 p{font-size: 18px !important; margin-top: 10px !important;}
	#test4{padding-left: 20px; padding-right: 20px;}
	#test4 p{font-size: 18px !important; margin-top: 10px !important;}
	
	.programImg p{
		font-size: 18px !important; margin-top: 10px !important; text-align: left;
	}
	.title_name{
		margin-top: 30px;
	}
	.sub_nav2{
		margin-top: 20px !important;
	}
	.sub_nav2 ul li{
		font-size: 16px !important;
	}
	#event_box{
		padding: 20px !important;
	}
	.noticeTop > h2{
		font-size: 20px !important;
	}
	.m_notice_title{	
		font-size: 16px;
	}
	.notice_c>td{
		padding-left: 10px !important;
	}
	#notice_warp{
		padding: 20px !important;
	}
	.programWrap{
		padding-left: 0px;
		padding-right: 0px;
	}
	figure.snip1384{
		margin: 0px;
	}
	.sub_title{
		font-size: 24px !important;
	}
	footer>div>p{
		font-size: 12px;
	}
	.help{
		display: block !important;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.shuttleTable{
		white-space: nowrap;
	}
	.shuttle{
		padding-left: 10px;
    	padding-right: 10px;
	}
	.container{
		padding: 0px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.view-title h2{
		padding: 20px 0px;
	}
	.title_box_1{
		padding: 20px 10px 20px 10px !important;
		margin-top: 20px;
	}
	.Kangsa_ul li{
		max-width: 50%;
		flex: 0 0 50%;
		padding: 10px !important;
	}
	.snip1384{
		height: 200px !important;
	}
	.Kangsa_ul>li>div>h2{
		font-size: 16px !important;
	}
	.tabcontent{
		margin-top: 0px !important;
	}
	.Kangsa_ul>li>div{
		margin-top: 20px !important;
	}
	#prgram___title{
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 20px;
		font-size: 20px;
		margin-bottom: 20px;
	}
	.cntHeader > h1{
		padding: 20px 0px;
		border-bottom: 1px solid #ddd;
	}
	#prgram_title{
		font-size: 18px;
	}
	.first{
		height: 300px !important;
	}
	.sub_tabcontent{
		padding-top: 20px;
	}
	.popup{
		
		max-width: 80% !important;
		min-width: 80% !important;
	}
	.kangsa_img{
		width: 200px !important;
		height: 260px !important;
	}
	.kangsa_name>h1{
		font-size: 20px;
	}
	.kangsa_p{
		display: block !important;
	}
	.kangsa_p>p{
		font-size: 16px !important;
		width: 100% !important;
		float: none !important;
	}
	.kangsa_p>p::before {
	    content: '';
	    width: 0rem !important;
	    height: 0px;
	    background-color: #019A30;
	    position: absolute;
	    left: 0;
	    top: -0.7rem;
	}
	.sub_tabnav li a{
		font-size: 12px;
		line-height: 35px;
	}
	.sub_navi>div>p{
		font-size: 12px;
	}	
	#menu>li>div{
		font-size: 12px;
	}
	#menu>li{
		font-size: 12px;
	}
	.tabnav>li>a{
		font-size: 16px;
	}
	.mypage_btn{
		width: 45px;
		height: 45px;
	}
	.mypage_btn>a{
		width: 45px;
		height: 45px !important;
	}
	.reserveWrap{
		padding : 20px !important;
	}
	.step02{
		margin-top : 30px;
	}
	.mypage_btn>a>img{
		width: 45px;
		height: 45px;
	}
	.sub_tabnav li{
		height: 35px;
		margin-top: 10px;
	}
	.kangsa_p>div{
		font-size: 18px;
		margin-top: 20px;
	}
	.kangsa_p:nth-child(even)>div{
		width: 100% !important;
	}
	.body-content{
		padding-left: 25px !important;
		padding-right: 5px !important;
	}
	#tab01 h1{
		padding-bottom: 0px;
		margin-top: 20px;
	}
	#tab01 p>span{
		padding-left: 15px;
		padding-right: 15px;
	}
	#tab01 p>div{
		padding-left: 15px;
		padding-right: 15px;
	}
	figure.snip1384 img{
		height: 200px;
	}
	.hd_inner{
		height: 70px;
	}
	.menu_btn>img{
		width: 35px;
	}
	.menu_btn{
		width: 35px;
		height: 35px;
	}
	.login>ul{
		height: 35px;
		margin: 0 auto !important;
		justify-content: center;
	}
	.util_m{
		height: 35px;
	}
	.main_container{
		margin-top: 0px;
	}
	.swiper {
		
	}
	.swiper-slide img{
		width: 100% !important;
		height: 100% !important;
	}
	.swiper-pagination{
		bottom: 0px !important;
	}
	.guide>ul>li>a>img{
		width: 20px;
	}
	.guide>ul>li>a>span{
		font-size: 12px;
	}
	.guide>ul>li{
		height: 80px;
	}
	.guide>ul{
		margin-top: 20px !important; 
	}
	.cs_center>div>div>img{
		width: 20px;
	}
	.cs_center>div>div>span{
		font-size: 14px !important;
	}
	.cs_center>div>span{
		font-size: 18px !important;
	}
	.guide{
		height: 300px;
		min-height: 300px;
		margin-top: 20px !important;
		margin-left: 20px !important;
		margin-right: 20px !important;
		padding: 20px !important;
	}
	.Shortcut_list{
		margin-top: 140px;
	}
	.Shortcut_list{
		margin-bottom: 20px;
	}
	.container_2{
		padding: 0px 20px 0px 20px;
	}
	.maintab02{
		margin-top: 0px;
	}
	.mainbox h2{
		font-size:20px;
	}
	.maintab02>div>a>img{
		width: 20px !important;
	}
	.maintab02>div>a{
		width: 20px;
		height: 20px;
	}
	.maintab03>div>div>a{
		width: 20px;
		height: 20px;
	}
	.maintab03>div>div>a>img{
		width: 20px !important;
	}
	.mainbox{
		height: 225px;
	}
	.maintab02 .tabctn li{
		padding: 5px 0px;
		color: #ddd;
		font-size: 14px !important;
	}
	.maintab02 .tabctn li a{
		font-size: 16px !important;
	}
	.maintab02 .tabctn{
		margin-top: 0px;
	}
	.title_box{
		margin: 0px;
	}
	
	.title_box>h3{
		font-size: 20px;
	}
	.title_box>a>img{
		width: 20px !important;
	}
	.title_box>a{
		width: 20px;
		height: 20px;
	}
	.guide_2{
		padding-bottom: 40px !important;
		padding-left: 20px !important; padding-right: 20px !important;
		padding-top: 20px !important;
	}
	.sub_navi{
		top: 105px;
	}
	.sub_navi>div{
		padding-left: 20px !important;
	}
	.shuttleTable2{
		width: 100% !important;
	}
	
	.shuttleTable3{width: 100% !important;}
	.shuttleTable4{width: 100% !important;}
	.shuttleTable5{width: 100% !important;}
	.tableInfo > table{
		margin: 0;
	}
	.tableInfo{
		display: block;
	}
	#last_title_name{
		margin-top: 30px !important;
	}
	.title_name{
		font-size: 18px;
		padding-left: 25px;
		margin-top: 20px !important;
	}
	.timeTable{
		margin-top: 15px !important;
		margin-bottom: 30px !important;
	}
	.title_name::before {
	    content: '';
	    display: block;
	    width: 16px;
	    height: 16px;
	    border-radius: 50%;
	    position: absolute;
	    left: 0;
	    top: 2px;
	}
	.title_list>li{
		font-size: 16px;
		padding-left: 15px;
	}
	.title_list > li::before {
	    content: '';
	    display: block;
	    width: 7px;
	    height: 7px;
	    background-color: #012D54;
	    border-radius: 50%;
	    position: absolute;
	    left: 0;
	    top: 9px;
	}
}

.Kangsa_ul>li>div{
	margin-top: 40px;
}
.Kangsa_ul>li>div>h2{
	font-size: 30px;
}
.Kangsa_ul>li>div>p{
	font-size: 18px;
	margin-top: 30px;
}
.Kangsa_title{
	height: 80%;
	white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 5; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */
  -webkit-box-orient: vertical;
  overflow: hidden;  
}
.Kangsa_title>p{
	font-size: 16px !important;
	white-space: normal;
	  display: -webkit-box;
	  -webkit-line-clamp: 5;
	  -webkit-box-orient: vertical;
	  overflow: hidden;  
	  margin-top: 20px;
}
.Kangsa_title>h3{
	font-size: 16px !important;
	white-space: normal;
	  display: -webkit-box;
	  -webkit-line-clamp: 1;
	  -webkit-box-orient: vertical;
	  overflow: hidden;  
	  margin-top: 20px;
}
.Kangsa_view_btn{
	width: 100%;
    text-align: center;
    background: #019A30;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 20px !important;
    border-radius: 20px;
}
.Kangsa_view_btn>a{
	color: #fff !important;
}
.kangsa_p>p{
	position: relative;
}
.kangsa_name{
	width: 100%;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: left;
}
.kangsa_name>h1{
	margin-bottom: 40px;
}
.kangsa_p>p::before{
	    content: '';
    width: 3rem;
    height: 1px;
    background-color: #019A30;
    position: absolute;
    left: 0;
    top: -0.7rem;
}
.kangsa_p{
	margin-top: 40px;
	font-size: 20px;
	display: flex;
}
.kangsa_p>p{
	float: left;
	width: 120px;
	font-size: 20px;
}

.swal-button{
	background: #019A30 !important;
}
.swal-footer{
	text-align: center;
}
body .swal-button--cancel{
	background: #fff !important;
	border: 1px solid #ddd !important;
}
.swal-button:focus{
	box-shadow: none !important;
}
.table th{
	border-right:1px solid #dadddd;
	background: #f3f3f3;
}
.table th:last-child{
	border-right:0px;
}
#menu1>li {
	margin-bottom: 10px !important;
}
.pay_btn{
	display: flex; align-items:center; justify-content:space-around;
}

.floorRight{
	margin-top: 30px;
}
@media (max-width:550px){
	.pay_btn{
		display: flex; align-items:flex-start; ;justify-content: center;
		flex-direction: column;
	}
}

@media (max-width: 992px){
	.table th{
		font-size: 14px;
	}
	.sub_title{
		height: auto;
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
@media (max-width:480px){
	ul.tabs{
		margin: 10px 0px;
	}
	.program_guide .program_type ul{
		margin-bottom: 0px;
	}
	.selectBox{
	margin-top: 20px;
}
	.sub01_contents_box>div{
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	.asan_img_name>img{
		width: 100px !important;	
	}
	.asan_img_box{
		height: 250px !important;
	}
	.sub01_title>p{
		font-size: 20px !important;
	}
	body .subTitle{
		font-size: 20px !important;
	}
	.sub01_title>h1{
		font-size: 20px !important;
		line-height: 30px !important;
	}
	.sub_title{
		height: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.sub_title>div:first-child{
		font-size: 24px;
	}
}
.modal {
	display: none;
	position: fixed;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9991;
}
@media (max-width: 500px){
	.modal-content{
		width: 95% !important;
		min-width: 300px;
		overflow-x: auto;
	}
	.RefundOpt{
		flex-direction: column;
	}
	.RefundOpt>select{
		width: 100% !important;
	}
}
.modal-content {
	background-color: #fff;
	padding: 20px;
	padding-top:50px;
	border: 1px solid #888;
	width: 500px;
    overflow: auto;
    overflow-x: hidden;
	position: relative;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.close {
	color: #aaa;
	position:absolute;
	top:5px;
	right:20px;
	font-size: 28px;
	font-weight: bold;
}

.close:hover, .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}


.modal_container{
  width:100%;
}
.modal-btn-box{
  width:100%;
  text-align:center;
}
.modal-btn-box button{
  display:inline-block;
  width:150px;
  height:50px;
  background-color:#ffffff;
  border:1px solid #e1e1e1;
  cursor:pointer;
  padding-top:8px;
}
.popup-wrap{
  background-color:rgba(0,0,0,.3);
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none;
  padding:15px;
  z-index:9004 !important;
}
.popup{
	width:50%;
	height:80%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color:#ffffff;
  overflow:hidden;
  background-color:#fff;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
  max-width: 600px;
  min-width: 600px;
}
.popup-head{
  width:100%;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.head-title {
    font-size: 24px;
    text-align: center;
    color: #141414;
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 100%;
    line-height: 60px;
}
.popup-body{
  width:100%;
  background-color:#ffffff;
  height: 90%
}
.body-content{
  width:100%;
  padding-left:40px;
  padding-right:20px;
  padding-top:30px;
  height: 100%;
  position: absolute;
  padding-bottom: 30px;
}
.body-titlebox{
  text-align:center;
  width:100%;
  margin-bottom:10px;
}
.body-contentbox{
  word-break:break-word;
  overflow-y:auto;
  height: 90%;
}
.popup-foot{
width:50px;
  position: absolute;
  top: 25px;
  right: 5px;
}
.popup-foot>span>img{
	width: 100%
}
.pop-btn{
  display:inline-flex;
  width:100%;
  height:100%;
  float:left;
  justify-content:center;
  align-items:center;
  color:#ffffff;
  cursor:pointer;
}
.kangsa_text{
	margin-bottom: 30px;
	padding-right: 20px;
}
.pop-btn.confirm{
  border-right:1px solid #3b5fbf;
}
.kangsa_img{
	width: 320px;
	height: 400px;
	text-align: center;
    margin: 0 auto;
    border: 1px solid #ddd;
}
.kangsa_img>img{
	width: 100%;
	height: 100%
}
.kangsa_p:nth-child(even)>div{
	color: #000;
}

#modal-open{
	cursor: pointer;
}

#menu1>li{
	padding: 0 20px;
	margin: 0 10px;
}
.programName > li{
	padding : 0 15px  !important;
	margin : 0 !important;
	font-size : 18px;
}
.programName{
	text-align : center;
	width : 100%;
}
.act1{
	border-bottom: 1px solid #141414 !important;
	color: #141414 !important;
	font-weight: 500;
	font-size: 20px;
}
.floorRight{
	
	border-bottom : 3px solid black;
	width : 100%;
	display : flex;
	justify-content : space-between;
	flex-wrap : wrap;
	border-bottom : none;
}
.floorRight > li{
	width : 30%;
}
.floorRight > li > *{
	padding-bottom : 10px;
}
.floorRight img{
	width : 100%;
}
.floorRight1{
	width : 100%;
	display : flex;
	justify-content : space-between;
	margin-top : 0px;
	flex-wrap : wrap;
}
.floorRight1 > li{
	width : 30%;
}
.floorRight1 > li > *{
	padding-bottom : 10px;
}
.floorRight1 img{
	width : 100%;
}
.act1>a{color: #141414 !important;}
.sub_nav2 ul li{
	color:#777;
	font-weight: 500;
	font-size: 18px;
	border-bottom: 1px solid lightgray;
}
.sub_nav2 ul li a{
	color:#777;
	font-size: 16px;
}
.sub_nav2 ul li:not(.act):hover > a{color:#141414;}

.notice_c>td:nth-of-type(2){
	white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
}
.topBoxWrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.liveTitle{
	padding-top : 0px !important;
}
.sub_tabnav li a.active{
	border : 1px solid black;
}

.quickmenu {position:fixed;width:125px;top:50%; margin-top:-50px;right:10px;background:#fff;}
.quickmenu ul {position:relative;float:left;width:100%;display:inline-block;*display:inline;border:1px solid #ddd;}
.quickmenu ul li {float:left;width:100%;border-bottom:1px solid #ddd;text-align:center;display:inline-block;*display:inline;}
.quickmenu ul li a {position:relative;float:left;width:100%;height:30px;line-height:30px;text-align:center;color:#999;font-size:9.5pt;}
.quickmenu ul li a:hover {color:#000;}
.quickmenu ul li:last-child {border-bottom:0;}


a#topBtn { 
display: none;
background: #222;
opacity: 0;
}
.preView>img{
	width: 100% !important;
}
body #reserve_list>tr>td{
	text-align: center;
	font-size: 14px;
}
@media (max-width: 768px){
	#box22{
		margin-top: 30px;
	}
	body #reserve_list>tr>td{
	text-align: left;
	font-size: 14px;
}
}

.con{
	overflow: auto;
	text-align: center;
}
#sub05_modal{
  display:none;
  position:fixed; 
  width:100%; height:100%;
  top:0; left:0; 
  background:rgba(0,0,0,0.3);
  z-index: 9900;
  overflow: auto;
}
.modal-con{
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform: translate(-50%,-50%);
  width:80%;
  height:60%;
  background:#fff;
  overflow: auto;
  z-index: 9901;
}
.modal-con .close{
  display:block;
  position:absolute;
  width:30px; height:30px;
  border-radius:50%; 
  border: 3px solid #000;
  text-align:center; line-height: 30px;
  text-decoration:none;
  color:#000; font-size:20px; font-weight: bold;
  right:10px; top:10px;
}



.sub01_title>p{
	color: #019A30;
	font-size: 24px;
}
.sub01_title>h1{
	font-size: 44px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.sub01_title_contents{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 30px;
	padding-right: 50%;
}

.sub01_contents_box{
	background: #f6f6f6;
	position: relative;
}
.sub01_padding40{
	padding: 40px;
}
.sub01_Contents{
	font-size: 16px;
	padding-right: 50%;
}
.asan_img_name{
	background: #019A30;
}
.asan_img_box{
	position: absolute;
	top:-200px;
	right: 50px;
	border: 3px solid #019A30;
}
.asan_img_box>img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.asan_img_box{
	width: 460px;
	height: 500px;
	display: inline-block;
	box-shadow: 8px 13px 25px 0px rgb(0 0 0 / 20%);
}
.asan_img_name{
	width:450px;
	height:120px;
	position: absolute;
	top:240px;
	right: 80px;
	display: flex;
	align-items: center;
    justify-content: center;
    box-shadow: 8px 13px 25px 0px rgb(0 0 0 / 20%);
}
.asan_img_name>p{
	font-size: 24px;
	font-weight:bold;
	color: #fff;
	margin-left: 20px;
}
@media all and (max-width:1300px){
	.prgmSwiper{
		height: auto !important;
		max-height: 500px;
	}
	.sub01_title {
		padding-top: 20px !important;
	}
	.sub01_title_contents{
		margin-top:50px;
		padding: 0px;
	}
	.sub01_Contents{
		margin: 0 auto;
		padding: 0px;
	}
	.sub01_padding40{
		padding: 100px;
	}
	.asan_img_name{
		position: static;
		margin: 0 auto;
		text-align: center;
		width: 460px;
	}
	.asan_img_box{
		position: static;
		display: block;
		margin: 0 auto;
		text-align: center;
	}
}
@media all and (max-width:768px){
	.subTitle{
		font-size: 30px !important;
	}
	.sub01_title>h1{
		font-size: 30px;
	}
	.sub01_padding40{
		padding: 20px;
	}
	.asan_img_name{
		width: 100%;
	}
	.asan_img_box{
		width: 100%;
		height: auto;
		background: #019A30;
	}
}




.program_list_wrap .item:hover{
	border: 1px solid #019A30;
    box-shadow: 4px 4px 10px 0px #c3c3c3;
}
.program_list_wrap {
    margin: 0 auto;
}

.program_list_wrap ul {
    font-size: 0;
}
.program_list_wrap .item {
    display: inline-block;
    width: 30%;
    margin-top: 40px;
    margin-left: 5%;
    border: 1px solid lightgray;
    cursor: pointer;
    word-spacing: -1pt !important;
    letter-spacing: -0.03em !important;
}
.program_list_wrap .item:nth-child(-n+3) {
    margin-top: 0;
}
.program_list_wrap .item:nth-child(3n-2) {
    margin-left: 0;
}
.program_list_wrap .item .image {
    width: 100%;
    height: 350px;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.program_list_wrap>ul>li>a>div>img{
	width: 100%;
	height: 350px;
	object-fit: cover;
}

.program_list_wrap .item .cont {
    padding: 20px;
}
.program_list_wrap .item strong {
    display: block;
    margin: 0 0 10px 0;
    font-size: 20px;
    letter-spacing: -1px;
}
.program_list_wrap .item p {
    font-size: 16px;
    letter-spacing: -1px;
}
.program_list_wrap .item a {
   width: 100%;
}
.program_list_wrap .item a:hover {
    background: #325cb2;
    color: #fff;
}

@media all and (max-width: 992px) {
	.footer_logo_w>img{
		width: 180px !important;
	}
	.program_list_wrap .item {
    display: inline-block;
    width: 47.5%;
    margin-top: 40px;
    margin-left: 5%;
    border: 1px solid lightgray;
}
.program_list_wrap .item:nth-child(-n+2) {
    margin-top: 0;
}
.program_list_wrap .item:nth-child(2n-1) {
    margin-left: 0;
}
.program_list_wrap .item:nth-child(2n) {
    margin-left: 5%;
}
}

.program_list_wrap{
	padding-top: 40px;
	border-top:3px solid #019A30;
	word-spacing: -1pt !important;
    letter-spacing: -0.03em !important;
}
@media all and (max-width: 600px) {
	.program_list_wrap .item {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    border: 1px solid lightgray;
	}
	.program_list_wrap .item:nth-child(2n) {
    margin-left: 0%;
	}
	.program_list_wrap .item:nth-child(1n){
		margin-top: 20px;
	}
	.program_list_wrap .item:first-child{
		margin-top: 0px;
	}
}
@media all and (max-width: 768px) {
	.p_3_title{
		margin-bottom: 0px !important;
	}
}
@media all and (max-width: 480px) {
	body .slick-dots{
		bottom: -60px !important;
	}
	.prgm_search{
		margin-top: 20px;
		margin-bottom: 20px !important;
	}
	.program_list_wrap{
		padding-top: 0px !important;
	}
}
#menu1{
	margin-bottom: 0px !important;
}

.kangsa_list_wrap {
    padding-top: 40px;
    border-top: 3px solid #019A30;
}
.kangsa_list_wrap .kangsa_item:hover{
	border: 1px solid #019A30;
    box-shadow: 4px 4px 10px 0px #c3c3c3;
}
.kangsa_list_wrap {
    margin: 0 auto;
    word-spacing: -1pt !important;
    letter-spacing: -0.03em !important;
}

.kangsa_list_wrap ul {
    font-size: 0;
}
.kangsa_list_wrap .kangsa_item {
    display: inline-block;
    width: 24%;
    margin-top: 40px;
    margin-left: 1%;
    border: 1px solid lightgray;
    cursor: pointer;
}
.kangsa_list_wrap .kangsa_item:nth-child(-2n+2) {
    margin-top: 0;
}
.kangsa_list_wrap .kangsa_item .image {
    width: 100%;
    height: 350px;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.kangsa_list_wrap img{
	width: 100%;
	height: 350px;
	object-fit: cover;
}

.kangsa_list_wrap .kangsa_item .cont {
    padding: 20px;
}
.kangsa_list_wrap .kangsa_item strong {
    display: block;
    margin: 0 0 10px 0;
    font-size: 20px;
    letter-spacing: -1px;
    text-align: center;
}
.kangsa_list_wrap .kangsa_item p {
    font-size: 18px;
    letter-spacing: -1px;
    text-align: center;
}
.kangsa_list_wrap .kangsa_item a {
   width: 100%;
    position: relative;
}
.kangsa_list_wrap .kangsa_item a:hover {
    background: #fff;
}

@media all and (max-width: 992px) {
	.footer_logo_w>img{
		width: 180px !important;
	}
	.kangsa_list_wrap .kangsa_item {
    display: inline-block;
    width: 32%;
    margin-top: 40px;
    margin-left: 1%;
    border: 1px solid lightgray;
}
.kangsa_list_wrap .kangsa_item:nth-child(-n+3) {
    margin-top: 0;
}
.kangsa_list_wrap .kangsa_item:nth-child(3n+1) {
    margin-left: 0;
}

.kangsa_list_wrap{
	padding-top: 40px;
	border-top:3px solid #019A30;
}
@media all and (max-width: 768px) {
	.kangsa_list_wrap .kangsa_item {
    display: inline-block;
    width: 48%;
    margin-left:0;
    margin-top: 40px;
    border: 1px solid lightgray;
	}
	.kangsa_list_wrap .kangsa_item:nth-child(2n) {
    	margin-left: 2%;
	}
	.kangsa_list_wrap .kangsa_item:nth-child(1n){
		margin-top: 20px;
	}
	.kangsa_list_wrap .kangsa_item:first-child{
		margin-top: 0px;
	}
}
@media all and (max-width: 768px) {
	.p_3_title{
		margin-bottom: 0px !important;
	}
}
@media all and (max-width: 480px) {
	#frm1{
		width: 100%;
	}
	.noticeInput{
		font-size: 12px;
	}
	.search select{
		font-size: 12px;
	}
	.pglet_search{
		margin-top: 20px;
		margin-bottom: 20px !important;
	}
	.kangsa_list_wrap{
		padding: 0 0px;
	}
	.kangsa_list_wrap .kangsa_item {
    display: inline-block;
    width: 100%;
    margin-left:0;
    margin-top: 40px;
    border: 1px solid lightgray;
	}
	.kangsa_list_wrap .kangsa_item:nth-child(2n) {
    	margin-left: 0%;
	}
	.kangsa_list_wrap .kangsa_item:first-child{
		margin-top: 20px;
	}
}

.kangsa_item a{
  display: block; /* 영역적용위해 사용 */
  width: 100%; height: 100%;

  overflow: hidden;

  position: relative; /* absolute의 기본기준은 body로 처리 - 현재 요소로 기준변경 */
  background: #fff;
}

}

.kangsa_list_wrap figure{
  width: 100%; height: 100%;
  position: relative;
}
.kangsa_list_wrap figcaption{
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.7);

  position: absolute;
  top: 0; left: 0;

  color: #fff; text-align: center;
  line-height: 200px;

  opacity: 0;

  transition: 0.3s;
}

.kangsa_list_wrap a:hover figcaption, .kangsa_list_wrap a:focus figcaption{
  opacity: 1;
}

.paging li strong{
	width: 100%;
    display: block;
    line-height: 1;
    font-size: 15px;
    padding: 8px 13px;
    background-color: #fff;
    color: #fff;
    background: #019A30;
}

.check{
	cursor: pointer;
	border: 1px solid #ddd;
	padding: 5px;
	display: flex;
	align-items: center;
	margin-right: 20px;
	margin-bottom: 20px;
}
.c_on{
	display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

@media (max-width: 480px){
	.check{
		width: 100%;
		margin-right: 0px;
	}
}



    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    #spinner {
        animation: spin 2s linear infinite;
    }
    /* 아래는 위에서 설정한 기본 설정 */
    #spinner {
        margin: 0 auto;
        width: 100px;
        height: 100px;
        border: 10px solid rgba(1, 154, 48, 0.1);
        border-top: 10px solid rgba(1, 154, 48, 1);
        border-radius: 50%;
    }
    /* 아래는 기본 래퍼 설정 */
    #work_wrapper {
        margin: 0 auto;
        max-width: 1170px;
    }
    


.slider .slick-list {

}

.slick-slide {
 	margin: 10px;
}
.program_item a{
	cursor: pointer;
	border: 1px solid #ddd;
}
.program_item img{
	width: 100%;
	height: 400px;
	object-fit: cover;
}
.prgm_name{
	font-size: 24px;
	font-weight: bold;
	margin-top: 10px;
	padding-right: 10px;
}
.prgm_cont{
	font-size: 16px;
	 display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    width:100%;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-right: 10px;
}
.slick-dots{
	bottom: -40px !important;
}

.slick-next, .slick-prev{
	display: none !important;
}


.map_wrap {position:relative;overflow:hidden;width:100%;height:350px;}
.radius_border{border:1px solid #919191;border-radius:5px;}     
.custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif; display: flex;}
.custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6); color: #828282 !important;}       
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}   
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer; display: flex; align-items: center; justify-content: center;}     
.custom_zoomcontrol span img {width:15px;height:15px;}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf; display: flex; align-items: center; justify-content: center;}
#btnSkyview{
	padding: 0px !important;
	float: left !important;
	margin: 0px !important;
}
#btnRoadmap{
	padding: 0px !important;
	float: left !important;
	margin: 0px !important;
}


.gallery a{
  display: block; /* 영역을 주기 위해 요소를 변경 */
  width: 100%; height: 100%; /* 부모 영역 상속 */
  position: relative; /* figcaption의 앱솔루트를 기준을 현재 요소로 변경 */
}

.gallery figcaption{
  width: 100%; height: 100%; 
  background-color: rgba(0,0,0,0.7);
  color: #fff; text-align: center; line-height: 400px;
  font-size:20px;

  position: absolute; /* 기본기준 : body */
  left: 0; top: 0;

  opacity: 0; /* 처음에 안보이게 처리 */
  transition: 0.3s; /* css변화를 시간차 처리 */
}



/* 수직선 */
.gallery figcaption:after{
  content: ''; /* 비워둠 */
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  box-sizing: border-box;
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  margin: auto; /* 기준에서 정가운데 오도록 처리 */
}

.gallery a:hover figcaption, .gallery a:focus figcaption{
  opacity: 1;
}


.price{
	border: 1px solid #ddd;
	padding: 0 20px;
	height: 38px;
	line-height: 38px;
	color: #019A30;
	font-weight: bold;
	font-size: 24px;
}
.price>span{
	font-size: 20px;
	margin-left: 5px;
}



.raca_check{
	width: 100%;
	margin: 0 10px;
}
.raca_check:has(input[type="checkbox"]:disabled){
	background: #ddd;
}



.list_item_box{
	margin-bottom: 20px;
    display: flex;
    border: 1px solid #ddd;
    flex-direction: column;
}

/* .checkBox {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 10px;
    list-style: none;
    margin: 2em 0;
    padding: 0;
    overflow: hidden;
}
.list_item_box {
    margin-bottom: 20px;
    border-bottom: 1px solid #019A30;
} */



.raca_item_list{}
.list_item_box{
	
}
.swiper-slide{
	display: flex !important;
}

body .raca_item_list{
	overflow: visible !important;
}

.column{
	width: 100%;
	display: flex;
}

.raca_num_check{
	width:100%;
	height: 60px;
	box-sizing: border-box;
}
.cw-btn:focus .nw:after, .cw-btn:hover .nw:after {
    background-position: -23px -64px;
}

.raca_num_check:has(.raca_input_check:disabled) {
    background: #ddd;
}
.raca_num_check:has(.raca_input_check:checked){
	box-shadow: 0 0 0 2px #019A30 inset;
	box-sizing: border-box;
}

.raca_num_check{
	margin: 10px;
}


.raca_date{
	height: 38px;
    line-height: 38px;
    border: 1px solid #ddd;
    font-size: 24px;
    padding: 0 20px;
    margin-right: 5px;
}




/* 오시는길 css */
.cploca .cnt-box .cnt-r {
    box-sizing: border-box;
    float: right;
    width: 67.8571%;
    padding: 55px 0 55px 45px;
    margin-left: 32.1428%;
}

.cploca .cnt-box .cnt-r .c-w50 {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.cploca .cnt-box .cnt-l {
    text-align: center;
    background: #f9f9f9;
    box-sizing: border-box;
    float: left;
    width: 32.1428%;
    padding: 55px 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.cploca .cnt-box .c-row {
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
    position: relative;
}

.cploca .cnt-box {
    border-top: 2px solid #82ad91;
    border-bottom: 1px solid #bbb;
}

.c-tit01 {
    font-size: 1.667em;
    font-weight: 700;
    color: #000;
    margin-bottom: 35px;
}

.aftercr:after {
    clear: both;
    content: "";
    display: block;
}

.cploca .cnt-box .cnt-r .bus:before {
    background: #019A30 url(../images/cploca_ico_bus.png) no-repeat center center;
}

.cploca .cnt-box .cnt-r .txt-box:before {
    content: "";
    display: block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: -16px;
}

a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {
    display: block;
    padding: 17px 77px 19px 22px;
    line-height: 1;
}

.cw-btn .nw:after, .cg-btn .nw:after {
    background-position: -23px 0;
}

.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {
    position: absolute;
    top: 50%;
    right: 18px;
    margin-top: -8px;
    content: "";
    display: block;
    width: 16px;
    height: 14px;
    background: url(../images/cbtn_spr.png) no-repeat;
    transition: right .3s ease;
}

.cploca .cnt-box .cnt-r .txt-box {
    border-left: 2px solid #c8c8c8;
    position: relative;
    box-sizing: border-box;
    padding-left: 30px;
}


.cploca .cnt-box .cnt-r h5 {
    font-size: 0.944em;
    color: #333;
    font-weight: 500;
    margin: 0 0 10px -10px;
}

.cploca .cnt-box .cnt-r .txt-box:after {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background: #fff;
    border-radius: 50%;
    border: 4px solid #019A30;
    position: absolute;
    bottom: 0px;
    left: -10px;
    box-sizing: content-box;
}

.cploca .cnt-box .cnt-r .b-txt {
    color: #666;
    font-weight: 500;
}

.cploca .cnt-box .cnt-r .car:before {
    background: #019A30 url(../images/cploca_ico_car.png) no-repeat center center;
}

.cploca .cnt-box .cnt-r .txt-box:before {
    content: "";
    display: block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: -18px;
}

.cw-btn, a.cw-btn {
    background: #fff;
    border: 1px solid #ccc;
    color: #444;
    outline-color: #ff8b00;
    outline-offset: -3px;
}

.cw-btn:hover, .cw-btn:focus {
    background: #055a23;
    border: 1px solid #019A30;
    color: #fff;
    outline-color: #ff8b00;
    outline-offset: -3px;
}
.cw-btn, a.cw-btn {
    background: #fff;
    border: 1px solid #ccc;
    color: #444;
    outline-color: #ff8b00;
    outline-offset: -3px;
}

.cw-btn:focus > span:before, .cw-btn:hover > span:before {
    background: rgba(255,255,255,.3);
}

.cw-btn > span:before, .cg-btn > span:before, .cp-btn > span:before, .cdp-btn > span:before {
    position: absolute;
    top: 50%;
    right: 53px;
    margin-top: -10px;
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background: rgba(0,0,0,.3);
    transition: right .3s ease;
}


.cw-btn, .cg-btn, .cp-btn, .cdp-btn {
    position: relative;
    display: inline-block;
    font-size: 0.944em;
    vertical-align: middle;
    transition: all .25s ease;
    line-height: 1.1;
    box-sizing: border-box;
    margin: 1px;
}

.cw-btn:hover, .cw-btn:focus {
    background: #019A30;
    border: 1px solid #055a23;
    color: #fff;
    outline-color: #ff8b00;
    outline-offset: -3px;
}
.cw-btn:hover > span{
	color: #fff;
}
.cw-btn:focus > span{
	color: #fff;
}
.cploca .cnt-box h4.c-tit {
    font-size: 1.333em;
    font-weight: 700;
    color: #222;
    margin-bottom: 30px;
}

.cploca .cnt-box .explain .red >span {
    background: #ee234e;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    padding: 3px 3px 4px 2px;
    margin-top: -5px;
    margin-right: 10px;
}

.cploca .cnt-box .explain>li.skyblue >span {
    background: #0093A0;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    padding: 3px 3px 4px 2px;
    margin-top: -5px;
    margin-right: 10px;
}

.cploca .cnt-box .explain>li.blue >span {
    background: #2391ee;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    padding: 3px 3px 4px 2px;
    margin-top: -5px;
    margin-right: 10px;
}

.cploca .cnt-box .cnt-r .walk:before {
    background: #019A30 url(../images/cploca_ico_walk.png) no-repeat center center;
}

@media (max-width: 1200px){
	.cploca .cnt-box .cnt-l {
    	padding: 55px 20px;
	}
}

@media ( max-width : 768px) {
	.cploca .cnt-box h4.c-tit {
	    margin-bottom: 0px;
	}
	.cploca .cnt-box .cnt-l {
		width: 100%;
		position: relative;
		padding: 20px;
		text-align: left;
		position: relative;
	}
	.cploca .cnt-box .cnt-r {
		margin-left: 0;
		width: 100%;
		padding: 30px 20px;
	}
	.cploca .cnt-box .cw-btn {
		position: absolute;
		top: 10px;
		right: 30px;
	}
	
	
}


@media (max-width: 499px){
.cploca .cnt-box .cnt-r .c-w50 {
    width: 100%;
    margin-bottom: 15px;
}
.cploca .cnt-box .cw-btn {
    position: relative;
    top: 0;
    right: 0;
}
}


@media (max-width: 599px){
a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {
    padding: 17px 77px 17px 15px;
}
}

.shuttleTable>thead>tr>th:nth-of-type(1){
	border-left: 0px;
}
.shuttleTable>thead>tr>th{
	background: #f8f8f8;
    padding: 18px;
    border-left: 1px solid #ccc;
    border-right: 0;
    font-weight: 700;
    text-align: center;
}

.shuttleTable td{
	text-align: center;
	padding: 18px 20px !important;
}
.policy_list{
	margin-bottom: 100px;
}
.policy_list img{
	width: 100%;
}
@media (max-width: 480px){
	.policy_list{
	margin-bottom: 50px;
}
}
.policy_list li{
	margin: 20px 0px;
}


.owl-height{
	height: auto !important;
}


.searchFilterCheck{
	margin: 5px !important;
	padding: 5px 10px;
	border: 0px;
	width: 23%;
}
@media (max-width: 1071px){
	.searchFilterCheck{
		margin: 5px !important;
		padding: 5px 10px;
		border: 0px;
		width: 30%;
	}
}
@media (max-width: 671px){
	.searchFilterCheck{
		margin: 5px !important;
		border: 0px;
		width: 45%;
	}
}
@media (max-width: 480px){
	.searchFilterCheck{
		margin: 5px !important;
		padding: 0;
		border: 0px;
		width: 45%;
		font-size: 13px;
	}
	.revChangeTitle{
		margin-top: 20px;
	}
}

/* 아코디언 메뉴 스타일 */
.searchFilter {
	background-color: #fff;
	color: #46464a;
	border: 1px solid #46464a;
	cursor: pointer;
	padding: 10px 20px;
	display:block;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.2s;
	margin-left: auto;
}

.filterActive, .searchFilter:hover {
	background-color: #46464a;
	color: #fff;
}

.panel {
	padding: 10px;
	background-color: white;
	display: none;
	overflow: hidden;
	border: 1px solid #ddd;
	flex-wrap: wrap;
}

.loginVoFind th{
	background: none;
}
.choicetb td:last-child{
	border-right: 0px;
}
.choicetb td{
	padding: 0;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 1px solid #ddd;
}
.spinner_b{
	margin: 0 auto;
    width: 80px !important;
    height: 80px !important;
    border: 5px solid #fff !important;
    border-top: 5px solid rgba(1, 154, 48, 1) !important;
    border-radius: 50%;
    animation: spin 0.7s linear infinite !important;
}


/* 1층 체육관 */
.guide_1f_btn1{
	position: absolute;
	top: 235px;
	right: 260px;
	cursor: pointer;
}
.gym_1f{
	position: absolute;
	top: 270px;
	right: 245px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
}
.guide_1f_btn1:hover + .gym_1f{
	opacity: 1;
}


/* 1층 수영장 */
.guide_1f_btn2{
	position: absolute;
	top: 308px;
	left: 560px;
	cursor: pointer;
}
.pool_1f{
	position: absolute;
	top: 220px;
	left: 250px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
}
.guide_1f_btn2:hover + .pool_1f{
	opacity: 1;
}



/* 1층 여탈의실 */
.guide_1f_btn3{
	position: absolute;
	top: 470px;
	left: 455px;
	cursor: pointer;
}
.fitting_room1_1f{
	position: absolute;
	top: 510px;
	left: 200px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
}
.guide_1f_btn3:hover + .fitting_room1_1f{
	opacity: 1;
}




/* 1층 남탈의실 */
.guide_1f_btn4{
	position: absolute;
	top: 525px;
	left: 620px;
	cursor: pointer;
}
.fitting_room2_1f{
	position: absolute;
	top: 565px;
	left: 365px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
}
.guide_1f_btn4:hover + .fitting_room2_1f{
	opacity: 1;
}



/* 1층 스포츠교실 */
.guide_1f_btn5{
	position: absolute;
	top: 568px;
	right: 338px;
	cursor: pointer;
}
.sports_class1_1f{
	position: absolute;
	top: 335px;
	right: 338px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
	z-index: 2;
}
.guide_1f_btn5:hover + .sports_class1_1f{
	opacity: 1;
}






.guide_1f_btn6{
	position: absolute;
	top: 568px;
	right: 242px;
	cursor: pointer;
}
.sports_class2_1f{
	position: absolute;
	top: 608px;
	right: 0px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
	z-index: 2;
}
.guide_1f_btn6:hover + .sports_class2_1f{
	opacity: 1;
}




.guide_1f_btn7{
	position: absolute;
	top: 600px;
	right: 440px;
	cursor: pointer;
}
.information_desk_1f{
	position: absolute;
	top: 640px;
	right: 420px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
	z-index: 2;
}
.guide_1f_btn7:hover + .information_desk_1f{
	opacity: 1;
}




.guide_1f_btn8{
	position: absolute;
	top: 650px;
	right: 335px;
	cursor: pointer;
}
.sport_store_1f{
	position: absolute;
	top: 628px;
	right: 30px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
	z-index: 2;
}
.guide_1f_btn8:hover + .sport_store_1f{
	opacity: 1;
}





/* 2층 스낵바 */
.guide_2f_btn1{
	position: absolute;
	top: 435px;
	right: 515px;
	cursor: pointer;
}
.snack_bar_2f{
	position: absolute;
	top: 275px;
	right: 557px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
	z-index: 2;
}
.guide_2f_btn1:hover + .snack_bar_2f{
	opacity: 1;
}

/* 2층 헬스장 */
.guide_2f_btn2{
	position: absolute;
	top: 536px;
	right: 647px;
	cursor: pointer;
}
.gym_2f{
	position: absolute;
	top: 577px;
	right: 628px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
	z-index: 2;
}
.guide_2f_btn2:hover + .gym_2f{
	opacity: 1;
}

/* 2층 골프 */
.guide_2f_btn3{
	position: absolute;
	top: 433px;
	right: 257px;
	cursor: pointer;
}
.golf_2f{
	position: absolute;
	top: 216px;
	right: 243px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
	z-index: 2;
}
.guide_2f_btn3:hover + .golf_2f{
	opacity: 1;
}

/* 2층 퍼팅장 */
.guide_2f_btn4{
	position: absolute;
	top: 554px;
	right: 241px;
	cursor: pointer;
}
.putting_field_2f{
	position: absolute;
	top: 594px;
	right: 10px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
	z-index: 2;
}
.guide_2f_btn4:hover + .putting_field_2f{
	opacity: 1;
}



/* 3층 GX룸 */
.guide_3f_btn1{
	position: absolute;
	top: 425px;
	right: 510px;
	cursor: pointer;
}
.gx_room_3f{
	position: absolute;
	top: 336px;
	right: 552px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
	z-index: 2;
}
.guide_3f_btn1:hover + .gx_room_3f{
	opacity: 1;
}


/* 3층 스포츠교실3 */
.guide_3f_btn2{
	position: absolute;
	top: 463px;
	right: 331px;
	cursor: pointer;
}
.sports_class3_3f{
	position: absolute;
	top: 500px;
	right: 301px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
	z-index: 2;
}
.guide_3f_btn2:hover + .sports_class3_3f{
	opacity: 1;
}


/* 3층 스포츠교실4 */
.guide_3f_btn3{
	position: absolute;
	top: 463px;
	right: 238px;
	cursor: pointer;
}
.sports_class4_3f{
	position: absolute;
	top: 500px;
	right: -7px;
	width: 300px;
	border-radius: 20px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	/* border: 3px solid #019A30; */
	opacity: 0;
	transition: all 0.5s;
	z-index: 2;
}
.guide_3f_btn3:hover + .sports_class4_3f{
	opacity: 1;
}

@media all and (max-width:1330px){
	.guide_btn_container img{
		display: none;
	}
}


.underline{
	color: #000;
  display:inline-block; 
  margin:0;
  text-transform:uppercase;
}
.underline:hover{
	color: #019A30 !important;
}
.underline:after{
	display:block;
  content: '';
  border-bottom: solid 2px #019A30;  
  transform: scaleX(0);  
  transition: transform 100ms ease-in-out;
}
.underline:hover:after{
	transform: scaleX(1);
}