body.modal-open {
    overflow: hidden;
}



/*===================================
 wid
===================================*/
.wid1200{width: 100%; max-width: 1200px; margin:0 auto}
 @media all and (max-width: 768px) {
	.wid1200{padding:0 15px;}
 }


/*===================================
 menu bar
===================================*/
.mask{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); display:none;z-index:4}
.mask.on{display:block}
.logo{display: inline-block; color: #fff; width:160px; height: 60px; line-height: 60px; vertical-align: top; font-size:0; margin:0 10px; }
.logo img{width: 100%; line-height: 60px; vertical-align: middle;}

.menu-top{background:rgba(0,0,0,0.5); width:100%; }
.menu-top ul{text-align:right}
.menu-top li{display:inline-block; }
.menu-top li a{
	color:#fff; 
	display:block; 
	padding:3px 10px; 
	font-size: 11px;
    font-weight: 300;
    font-family: '돋움'; 
	line-height:30px;
	height:30px;
}
.menu-top li a:hover{color:#cb9b60}


nav { width: 100%;display: inline-block; }

.nav_wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 90px;
  transition: top .5s ease-out;
  background: rgba(0,0,0,0.5);
  z-index: 99999;
}

.nav_wrapper .wid1200{padding:0 }

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

.menu {
  width: auto;
  height: auto;
  display: inline-block;
  transition: all 0.3s ease;
  float:right;
}
.menu:after {content:''; clear:both; display:block}

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

.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: #fff;
  font-size: 15px;
}

.menu ul li a:hover {
  background: #efa666;
  color: #fff;
}

.menu ul li a.member-menu:hover {
  background: #111;
  color: #efa666;
}

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

.menu ul li > a { padding: 0px 15px; line-height: 60px; height:60px }

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

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

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

.menu ul ul > li a {
  padding: 0px 15px;
  line-height: 40px;
  height: auto;
  background: #111;
  font-size: 15px;
}

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

.menu ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}

.menuplus{position: relative;}
.menuplus i{font-size: 18px; position: absolute; right: 15px; top: 0; line-height: 40px}



 @media all and (max-width: 768px) {

	.nav_wrapper{background: #242424; margin-bottom:130px; height:60px}
	.example-header .container { width: 100%; }

	.menu-top{position:absolute; bottom:-130px; right:0; display:none; background-color:#323232}
	.menu-top.active{display:block;}
	.menu-top ul{padding:20px 40px !important;}
	.menu-top li{text-align:center; width:100%; margin-bottom:10px;}
	.menu-top li:first-child{background-color:#cc9b60; border-color:#cc9b60 !important}
	.menu-top li:first-child a{ border-color:#f7d6ae !important}
	.menu-top li:last-child{margin-bottom:0}
	.menu-top li a{width:100%; border:1px solid #aaa; height:40px; line-height:40px; font-size:15px; font-family:initial; padding:0}


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

  .spinner-master {
    position: relative;
    margin: 15px 15px;
    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: #fff;
  }

  .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 {
    width: 100%;
    clear: both;
    min-width: inherit;
    float: none;
	margin-top:130px;
  }

  .menu,
  .menu > ul ul {
    overflow: hidden;
	max-height:0;
    background-color: #323232;

  }

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

  }

  .menu.active,
  .menu > ul ul.active { max-height: 470px; overflow:auto }

  .menu ul { display: inline; }

  .menu li,
  .menu > ul > li { display: block; }

  .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: '\e941';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 15px;
    padding: 0 15px;
  }

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

  .menu ul ul > li a {
    background-color: #242424;
    padding: 10px 18px 10px 30px;
  }
  .menu ul li > a {line-height: 55px; height:55px }
  .menu ul li a:hover {
    background: #565656;
    color: #fff;
  }

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

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

  #hero { height: 200px; }

}/* end 768 */



/*===================================
main 메인페이지
===================================*/

.maincontent{background-color:#242424}

.mainbanner-scroll{}
.mainbanner-scroll .item{width:100%; height:550px; overflow:hidden;  padding: 210px 0 0 }
.mainbanner-scroll .item div{padding:0 60px}
.mainbanner-scroll .item div *{color:#fff; font-size:33px; line-height:1.2}

.mainbanner-scroll .owl-nav{position:absolute; left:50%; bottom:210px; margin-left:-600px;width:1200px;} 

.mainbanner-scroll .owl-nav .owl-prev{position:absolute; left:0; bottom:0;}
.mainbanner-scroll .owl-nav .owl-next{position:absolute; right:0; bottom:0;}
.mainbanner-scroll .owl-nav i{color:#fff; font-size:50px; padding:10px 5px; opacity:0.6}


.mainsub{width:100%; font-size:0; margin-bottom:40px; position:relative}
.mainsub .subleft{width:50%; display:inline-block; background-color:#cc9b60; position:relative; top:-25px; height:300px; vertical-align:top; z-index:1;}
.mainsub .subleft *{color:#fff}
.mainsub .subleft > div{width:100%; max-width:600px; height:100%; position:absolute; right:0 ; top:0; padding:35px 0}
.mainsub .subleft > div p{font-size:20px; line-height:1.5; font-weight:400;}
.mainsub .subleft > div h2{font-size:42px; font-weight:400; margin-top:20px; line-height:1.5}
.mainsub .subleft > div h1{font-size:40px; margin-bottom:20px}
.mainsub .subleft > div a{width:100%; position:absolute; bottom:0; right:0;  text-align:right; font-size:18px; padding:20px 30px; background-color:#c18a47}
.mainsub .subleft > div a i{letter-spacing:-6px; vertical-align:middle}


.mainsub .subright{width:50%; height:250px;  position:relative;background-color:#000; display:inline-block; font-size:0; text-align:center; vertical-align:top}
.mainsub ul{width:100%; max-width:600px; height:100%; position:absolute; left:0 ; top:0; padding:55px 0;  font-size:0;}
.mainsub ul li{display:inline-block; width:33%;}
.mainsub ul li a{font-size:20px; color:#cb9b60; display:block; text-align:center  }
.mainsub ul li a p { background-color:#181a1c; display:block; width:90px; height:90px; vertical-align:middle; padding:20px 0 ; text-align:center; border:2px solid #cb9b60; border-radius:50%; margin:0 auto 10px}


.mainprogram{text-align:center; margin-bottom:60px}
.mainprogram P{color:#fff; font-size: 16px;}
.mainprogram	h3{color:#fff; font-size:40px; font-weight:bold; line-height:1.2; margin-bottom:30px;}
.program-scroll{}
.program-scroll .item{width:97%; margin-left:3%; margin-top:30px; height:475px; background-color:#000; font-size:0; text-align:left }
.program-scroll .item img{width:100%;}
.program-scroll .item > p{padding:0; font-size:0; max-width:600px; display:inline-block !important;position: relative; left: -3%; top:-30px}
.program-scroll .item div {display:inline-block; text-align:left; padding:70px 20px 20px 0; vertical-align:top}
.program-scroll .item div *{color:#fff}
.program-scroll .item div h4{font-size:30px; font-weight:400; color:#999; text-transform: uppercase;}
.program-scroll .item div h1{color:#cb9b60; font-size:50px; margin-bottom:30px}
.program-scroll .item div p{margin-bottom:30px}
.program-scroll .item div ul{}
.program-scroll .item div ul *{font-size:  18px;}
.program-scroll .item div ul li span{font-weight:bold}
.program-scroll .item div a{position:absolute; right:30px; bottom:30px; font-size:18px; padding:10px 30px ; border-radius:50px; background-color:#222 }
.program-scroll .item div a i{padding-left:10px}

.program-scroll .owl-nav .owl-prev{position:absolute; right:60px; top:30px;}
.program-scroll .owl-nav .owl-next{position:absolute; right:0; top:30px;}
.program-scroll .owl-nav i{color:#fff; font-size:40px; padding:30px 20px; opacity:0.6}

.mainprogram .owl-dots{padding-bottom:30px;}
.mainprogram .owl-dots li{color:#fff; display:inline-block; padding:10px 10px;  border-radius:30px;border:2px solid #242424; cursor:pointer}
.mainprogram .owl-dots li.here{border:2px solid #cb9b60; color:#ffab43; font-weight:bold; background-color:#111}

.mainservice{text-align:center;  padding:60px 0;  background:url('/images/mainservicebg.jpg') no-repeat top center}
.mainservice P{color:#fff; font-size: 16px;}
.mainservice h3{color:#fff; font-size:40px; font-weight:bold; line-height:1.2; margin-bottom:30px;}
.mainservice ul{width:100%;  font-size:0;padding: 50px 20px}
.mainservice ul li{display:inline-block; width:25%;}
.mainservice ul li a{font-size:20px; color:#fff; display:block; text-align:center  }
.mainservice ul li a p { background-color:#181a1c; display:block; width:90px; height:90px; vertical-align:middle; padding:18px  ; text-align:center; border:2px solid #fff; border-radius:50%; margin:0 auto 10px}
.mainservice ul li a p img{width:100%}

.mainbottom{font-size:0; padding:50px 0 }
.mainbottom > div{width:50%; display:inline-block; padding: 10px 30px; vertical-align:top}
.mainbottom .time{border-right:1px solid #ddd;}
.mainbottom .time h3{color:#fff; font-size: 20px; font-weight:bold;}
.mainbottom .time ul{margin:10px 0 30px}
.mainbottom .time ul li{ color:#fff; font-size:18px }
.mainbottom .time ul li span{color: #cb9b60; padding-right:10px; font-size:18px  }
.mainbottom .time h1{display:inline-block; color:#fff; margin-left:15px }

.mainnotice{position:relative}
.mainnotice  h3{color:#fff; font-size: 20px; font-weight:bold; margin-bottom:20px}
.mainnotice > a {color:#ffff; position:absolute; right:30px; top:0 ; font-size:30px;}
.mainnotice ul{}
.mainnotice ul li *{color:#fff}
.mainnotice ul li a{display: block; padding:4px 80px 4px 0px; position:relative}
.mainnotice ul li a span{position:absolute; right:0; top:0; font-weight:400 }



@media (max-width: 768px){


	.owl-carousel{overflow:hidden}
	.mainbanner-scroll .item{padding:120px 0 0; height:400px}
	.mainbanner-scroll .item div{padding:0 15px;}
	.mainbanner-scroll .item div *{font-size:25px}


	.mainsub .subleft{
		position: absolute;
		top: -125px;
		right: 15px;
		width: 110px;
		height: 110px;
		background: transparent;
	}
	.mainsub .subleft > div{padding:20px 15px}
	.mainsub .subleft > div p,
	.mainsub .subleft > div h2{display:none}
	.mainsub .subleft > div h1{
    font-size: 19px;
    width: 300px;
    position: absolute;
top: 70px;
    right: 50%;
    left: -50%;
    transform: translate(-50%, 0%);
    
 
    text-align: center;
    line-height: 1.3;
    color: #fbbf76;
    /* word-break: keep-all;*/
	}
	.mainsub .subleft > div a{
		font-size: 0;
		padding: 10px 0px;
		width: 110px;
		height: 110px;
		background: transparent;
		border-radius: 50%;
		border: 4px solid #cb9b60;
	}
	.mainsub .subleft > div a i{
		font-weight:bold;
		color:#cb9b60;
		font-size: 15px;
		position: absolute;
		bottom: 9px;
		width: 100%;
		left: 0;
		text-align: center;
	}


	.mainsub .subright{width:100%; height:115px;}
	.mainsub ul{ padding:25px 15px; }
	.mainsub ul li a{font-size:13px;}
	.mainsub ul li a p{border:0; width:40px; height:45px; padding:0; margin:0 auto; background: transparent;}
	.mainsub ul li a p img{width:100%}


	.mainprogram P{font-size:14px;}
	.mainprogram h3{font-size:35px}
	.mainprogram .owl-dots li{padding:10px 15px}

	.program-scroll .item{width:100%; margin:0 ;height: 365px;}
	.program-scroll .item > p{left:0;top:0; height:120px; overflow:hidden; opacity: 0.5; }

	.program-scroll .item div{width:100%; padding:20px 15px 70px 15px; position: absolute;  top: 0;  left: 0;}
	.program-scroll .item div h4{font-size:20px; color:#fff}
	.program-scroll .item div h1{font-size:38px; margin-bottom:45px}
	.program-scroll .item div a{right:15px; bottom:0; font-size: 15px;}

	.program-scroll .item div ul *{font-size:15px}

	.program-scroll .owl-nav .owl-prev,
	.program-scroll .owl-nav .owl-next{top:0}


	.mainservice{padding:30px 0 }
	.mainservice  P{font-size:14px;}
	.mainservice h3{font-size:35px}

	.mainservice ul{padding:30px 15px 10px}
	.mainservice ul li a{font-size:12px;}
	.mainservice ul li a p{width:65px; height:65px;  background: transparent; padding:12px}


	.mainbottom{padding:0 0}
	.mainbottom > div{width:100%; padding:30px 20px}

	.mainbottom .time{background-color:#111 ; border-right:0; }
	.mainbottom .time ul{padding-bottom:20px ;border-bottom:1px solid #555}
	.mainbottom .time ul li span{font-size:15px}
	.mainbottom .time h1{font-size:23px; line-height:1.3; text-align:left;  margin-left:10px; font-weight:500; color: #cb9b60;}

	.mainnotice > a{top:20px}
	.mainnotice ul li a{max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:15px}
	.mainnotice ul li a span{font-size:12px; line-height:30px; color:#aaa; }


}





/*===================================
 subpage 서브 페이지 공용
===================================*/
.subtop{ width: 100%; height: 310px;  font-size: 0; padding: 130px 0 0; text-align: center;  border-bottom: 5px solid #cc9b60;}
.subtop .subtop-text{width: 100%; max-width: 1200px;  margin: 0 auto; }
.subtop .subtop-text *{color: #fff}
.subtop .subtop-text h4{font-size: 18px}
.subtop .subtop-text h1{font-size: 34px;padding: 10px 0 }
.subtop .subtop-text p{display: inline-block; padding: 5px 10px; background-color: #d18343; color: #fff}

.submenu{background-color: #555; width: 100%; text-align: center;  background:url('/images/pattern.jpg')}
.submenu ul{width: 100%; max-width: 1200px; margin: 0 auto; font-size:0 ;}
.submenu ul li{display: inline-block; position: relative;}
.submenu ul li a{display: block; color: #fff; font-size: 16px; padding: 0 25px; line-height: 50px;}
.submenu ul li a:hover{color: #cc9b60}
.submenu ul li:after{content: '|'; font-size: 11px; position: absolute; right: 0 ; top: 0; color: #fff;line-height: 50px; }
.submenu ul li:last-child:after{content: ''}
.submenu ul li a.act{color: #ffc886; font-weight: bold;}


.subpage-tab{display:block; font-size:0; width:100%; text-align:center; margin-bottom:50px;  }
.subpage-tab li{display:inline-block; }
.subpage-tab li:after{content:'|'; color:#fff; font-size: 13px; line-height:30px; vertical-align:middle}
.subpage-tab li:last-child:after{content:''}
.subpage-tab li a{color:#fff; font-size: 20px; padding: 15px 30px;  vertical-align:middle }
.subpage-tab li a.act{color:#cc9b60}

@media all and (max-width: 992px) {
	.submenu ul li a{padding:0 15px}
}

@media all and (max-width: 768px) {
	.subtop{height:275px; padding:105px 0 0}
	.submenu{display:none}

}



/*============= subpage 서브상단 이미지======================*/
.subtop.sub01{background: url('/images/subtop.jpg') no-repeat center center;}
.subtop.sub04{background: url('/images/subtop04.jpg') no-repeat center center;}


 @media all and (max-width: 768px) {
  .submenu ul li{display: block;}
  .submenu ul li a{ line-height: 40px;}
  .submenu ul li a:hover{background-color: rgba(0,0,0,0.3)}
  .submenu ul li:after{content: '';}
 }


.content{background-color: #242424; width: 100%; height: auto;}
.content  > .wid1200{padding: 50px 15px}

 @media all and (max-width: 768px) {
  .content  > .wid1200{padding: 20px 15px}
 }

.subtitle{background-color: #cc9b60; padding: 15px}
.subtitle *{color: #fff}
.subtitle h2{font-size: 24px; width: 100%; max-width: 1200px; margin: 0 auto}
.subtitle p{font-size: 14px; display: inline-block; padding: 0 10px;}


/*===================================
 program 프로그램 
 ===================================*/

.programsub{width:100%; max-width:1200px; margin: 20px auto 0; background-color:#000; border: 1px solid #555}
.programsub ul li{display: inline-block; position: relative;}
.programsub ul li a{display: block; color: #fff; font-size: 16px; padding: 10px 12px; line-height: 45px;}
.programsub ul li a:hover{color: #cc9b60}
.programsub ul li:after{content: '|'; font-size: 11px; position: absolute; right: 0 ; top: 0; color: #555; line-height: 65px; }
.programsub ul li:last-child:after{content: ''}
.programsub ul li a.act{color: #ffc886; font-weight: bold;}

.program{ font-size:0}

.program h3{color:#cb9b60; font-size:22px; display:inline-black; line-height:1; }
.program h4 {color:#fff; font-size:18px; margin-top:30px }
.program h4:before{content:'○'; font-size:15px; color:#cb9b60; padding-right:5px; font-weight:bold}
.program img{width:100%;}
.program p{color:#fff; display:inline-block; font-size:18px; line-height:1.6; font-weight:400; margin-left: 12px;}


.program span{position:absolute; right:0; top: 20px; color: #cb9b60; padding: 10px; line-height:22px; font-size: 18px;} 

@media (max-width: 420px) {
  .program span {
   display: none
  }
}


.program .programtop > div{display:inline-block; width:50%; vertical-align:top; }
.program .programtop > div:first-child{ float:right}
.program .programtop > div:last-child{float:left ; padding-right:25px}
.program .programtop > div:last-child div{position:relative; border-bottom:1px solid #555; padding:0 0 20px 0; margin-bottom:25px  }
.program .programtop > div:last-child div p{font-size:18px; line-height:1;}
.program .programtop a{display:inline-block; color:#fff; background-color:#d18341; border-radius: 50px; padding: 20px  80px; font-size: 25px; margin-top:50px;}
.program .programtop:after{content:''; display:block; clear:both; }

.programtop2 {display: flex; flex-wrap: wrap; }
.program .programtop2 > div{display:inline-block; width:100%; vertical-align:top;}
.program .programtop2 > div:first-child{ float:right}
.program .programtop2 > div:last-child{float:left ; padding-right:25px; width: 1200px; }
.program .programtop2 > div:last-child div{position:relative; border-bottom:1px solid #555; padding:20px; margin-bottom:25px; }
.program .programtop2 > div:last-child div p{font-size:18px; line-height:1;}
.program .programtop2 a{display:inline-block; color:#fff; background-color:#d18341; border-radius: 50px; padding: 20px  80px; font-size: 25px; margin-top:50px;}
.program .programtop2:after{content:''; display:block; clear:both; }

 @media all and (max-width: 768px) {
	 .program .programtop > div{float:none; width:100% }
	 .program .programtop > div:first-child{height: 300px; overflow:hidden; margin-bottom:20px}
	 .program .programtop > div:last-child{padding-right:0px}

	.programsub{display:none}

 }
 @media all and (max-width: 768px) {
	 .program .programtop2 > div{float:none; width:100% }
	 .program .programtop2 > div:first-child{height: auto; overflow:hidden; margin-bottom:20px}
	 .program .programtop2 > div:last-child{padding-right:0px}

	.programsub{display:none}

 }


/*===================================
 vip
 ===================================*/
.vip h3{color:#cb9b60; font-size:30px; font-family:'바탕';font-weight:bold; margin-bottom:10px}

.vip-top{font-size:0; text-align:center; padding:50px 10px 0px }
.vip-top img{width:100%}
.vip-top > div{display:inline-block; width:50%; vertical-align:top; }
.vip-top h3{text-align:left;  padding-top:30px;}
.vip-top p{ color:#fff; font-size: 18px; text-align:left;  line-height:1.8; font-weight:400}
.vip-top a{font-size:20px; background-color:#d18341; display:inline-block; line-height:4; border-radius:60px; padding:0 50px; color:#fff; margin-bottom:-40px}
.vip-memeber2{background-color:#2b2b2b; padding:30px;}
.vip-memeber{background-color:#2b2b2b; padding:80px 0 50px}
.vip-memeber table{margin:5px 0 10px}
.vip-memeber table th{background-color:#3a3227}
.vip-memeber em{display:block; text-align:right; color:#aaa; }
.vip-memeber p{color:#cb9b60; font-weight:bold; font-size:18px}
.vip-memeber span{color:#fff; font-size:16px}

.vip-program{padding:50px 0}
.vip-program ul{font-size:0}
.vip-program li{width:25%; display:inline-block; padding:15px; vertical-align:top  }
.vip-program li img{width:100%;}
.vip-program h4{color:#cb9b60; font-size:20px; font-weight:bold; text-align:center; line-height:1.8}
.vip-program p{padding:1px 30px; color:#fff;}


.vip-benefit{padding:20px 0 50px}
.vip-benefit ul{font-size:0}
.vip-benefit ul li{display:inline-block; width:49%; margin-right:2%; margin-bottom:15px; background-color:#1d1d1d; border:1px solid #343434; padding:18px}
.vip-benefit ul li:nth-child(2n){margin-right:0 }
.vip-benefit ul li > div{display:inline-block; vertical-align:top;}
.vip-benefit ul li > div:first-child{color:#fff; font-weight:bold; width:90px; line-height:1.1 ; font-size:13px}
.vip-benefit ul li > div:first-child:before{content:''; width:25px; height:3px; display:block; background-color:#cb9b60; margin-bottom:2px}

.vip-benefit ul li > div:last-child{padding-left:25px}
.vip-benefit ul li > div:last-child h2{color:#cb9b60; margin-bottom:10px}
.vip-benefit ul li > div:last-child p{color:#fff; font-size:16px}


 @media all and (max-width: 768px) {

	.vip h3{font-size:21px; word-break: keep-all;}
	.vip-top > div{width:100%; }
	.vip-top > div * {text-align:center}
	.vip-top > div p{margin-bottom:30px; font-size:15px}
	.vip-top a{padding:0 30px}

	.vip-program{padding:40px 15px}
	.vip-program ul li{width:50%; padding:10px}
	.vip-program p{padding:0; font-size:13px}


	.vip-benefit{padding:0 15px}
	.vip-benefit ul li{width:100%; margin-right: 0 !important}
	.vip-benefit ul li > div:last-child{padding-left:0}

 
 
 }


/*===================================
		paging 
===================================*/

.paging{text-align: center;font-size: 0; padding:20px 0}
.paging span{display: inline-block; border:1px solid #aaa;  color:#fff; vertical-align:middle; line-height: 1; font-size: 15px;padding:8px 13px; background-color: #242424; cursor:pointer}
.paging span:hover{background-color: #cb9b60;}
.paging span:not(:last-child){border-right: 0}

.paging a span{border-radius:0 !important; border-right:0; }

.paging .current_nowpage{background-color:#cb9b60; color:#fff}
.paging .next_hand{cursor: pointer;}
.paging .next,
.paging .next_hand{font-size:0; padding:8px 0px}

.paging span.next:after,
.paging span.next_hand:after{font-size: 12px; line-height: 1.2; padding: 0px 10px 0 10px;}
.paging span.next:first-child:after{content:'\e93b\e93b'; letter-spacing:-5px; padding: 0px 12px 0 8px; }
.paging span.next:nth-child(2):after{content:'\e93b';}
.paging span.next:last-child:after{content:'\e93e\e93e';letter-spacing:-5px; padding: 0px 15px 0 5px;}
.paging span.next_hand:after{content:'\e93e';}


/*===================================
 prepare 공사중페이지
===================================*/
.prepare{width: 100%; max-width: 700px; margin: 0 auto; border: 1px solid #888; border-radius: 50px; padding: 50px 20px; text-align: center;}
.prepare *{color: #fff; word-break: keep-all;}
.prepare img{width: 200px; margin-bottom: 20px}
.prepare h3{font-weight: bold; font-size: 35px; line-height: 1.1; margin-bottom:10px}
 @media all and (max-width: 768px) { .prepare img{width: 120px}}




/*======================================
 table 테이블
========================================*/
table{
  border:1px solid #555;
  border-collapse: collapse;
  width:100%;
  max-width: 100%;
  padding:0;
  margin:0;
  border-spacing: 0;
  table-layout:fixed
}
table thead th{border-bottom:2px solid #555;}
table tr{overflow-x: auto;}
table th{background-color: #3a3a3a; font-weight:500; color:#fff}
table td{background-color:#242424; color:#fff}
table th, table td{padding: 8px 10px; font-size:16px; text-align: center; border: 1px solid #555; word-break: break-all; vertical-align: middle; empty-cells: show}
table td:empty{height: 31px}

 @media all and (max-width: 768px) {
	table th, table td{font-size:15px}
 }

/*==== type01 : table left-th right-td===============================*/
table.type01{}
table.type01 td{text-align: left}

table.type01.th20 th{width:20%;}
table.type01.th25 th{width:25%;}
table.type01.th30 th{width:30%;}
table.type01.th35 th{width:35%;}
table.type01.th40 th{width:40%;}

/*==== tableline : table left/right border 0========================*/
table.tableline{border-width: 1px 0;}
table.tableline th,table.tableline td{border-width: 1px 0;}


/*==== table color : th/td color========================*/
table.tdcoloreven tr:nth-child(even) td{background-color: #f0f0f0}
table.tdcolorodd tr:nth-child(odd) td{background-color: #f0f0f0}

table.thcolor1 th{background-color: #f0f0f0}
table.thcolor2 th{background-color: #ddd}
table.thcolor3 th{background-color: #aaa}

table.thEmph1 tbody th{background-color: #f0f0f0}
table.thEmph2 tbody th{background-color: #ddd}
table.thEmph3 tbody th{background-color: #aaa}

/*==== table align : th/td ==============================*/
table.tb-l th, table.tb-l td{text-align: left}
table.tb-c th, table.tb-c td{text-align: center}


table.th-l th {text-align: left}
table.th-c th {text-align: center}

table.td-l td {text-align: left}
table.td-c td {text-align: center}


/*==== table scroll ==============================*/
.tablebox{width:100%; overflow: auto;}

/*==== hand ==============================*/
.td_hand td{cursor:pointer}
.td_hand td i{color:#ccc}

.td_hand .d_reserv i,  
.td_hand .d_choise i {color:#fff}
.td_hand .d_reserv:hover{background-color:rgb(99,184,184) !important; } 
.td_hand .d_disable:hover{background-color:rgb(229,229,229) !important; }
.td_hand .d_choise:hover{background-color:rgb(340,131,0) !important;}
.td_hand tr:nth-child(n+4):hover{background-color:rgb(340,131,0) !important;}


.text-overflow{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tr.pointtb td{background-color:#413529 !important}
td.pointtb{background-color:#413529 !important}

/*==== table reactive  =============================*/

@media (max-width: 768px){
  table.tb-block{ border: 0 !important; }
  table.tb-block td,
  table.tb-block th{
        display: block;
        width: 100%;
        padding:8px 10px 8px 5px !important;
        font-size:14px;
        text-align: left;
        position:relative;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap; 
		word-break:break-all; 
		word-wrap:break-word;

  }
  table.tb-block thead{display: none; }
  table.tb-block td:empty{min-height:32px}
  table.tb-block tr {
         font-size:0;
         display: block;
         position:relative;
         border-bottom:10px solid #242424 !important;
		 word-spacing:0
		 text-overflow:ellipsis;
		 overflow:hidden;
		 white-space:nowrap;
		 word-break:break-all; 
		 word-wrap:break-word;
  }
  .nocontent{ text-align:center !important; position:relative !important; background: #aaa !important; width:100% !important}
  .nocontent:before{content:'' !important ; width:0 !important}

}


/*===================================
 Notice
===================================*/

.noticetb{}
.noticetb tr td{line-height:1}
.noticetb tr td div a{color:#fff;}
.noticetb tr td:nth-child(2){text-align:left}
.noticetb tr th:nth-child(1){width:10%}
.noticetb tr th:nth-child(3){width:20%}

.noticetb tr td div a{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	display:block;
}

@media (max-width: 768px){


  table.tb-block.noticetb{}
  table.tb-block.noticetb tr{border-top:1px solid #555}
  table.tb-block.noticetb td{border-width:  0 1px 1px 1px; padding: 8px 8px !important	 }
  table.tb-block.noticetb td:first-child{display:inline-block; width:18%; background-color:#cb9b60; text-align:center; border-right-color:#cb9b60;     line-height: 1.1;}
  table.tb-block.noticetb td:nth-child(2){display:inline-block; width:82%; font-size:16px;}
  table.tb-block.noticetb td:nth-child(3){font-size:14px; color:#aaa;  text-align:right}
  table.tb-block.noticetb td:nth-child(3):before{content:'작성일 : ' }

}

/*===================================
 sukang 수강신청
===================================*/

.sukangform{font-size:0;}
.sukangform h1{color:#fff; margin-bottom:30px; border-left:5px solid #fff; padding-left:15px; font-size:28px}
.sukangform h3{color:#e1b88a; font-size:22px; font-weight:500; margin-bottom:20px; display:block;}
.sukangform h3 span{color:#fff; background-color:#d18343; border-radius:40px; padding:5px 15px; font-size:15px; font-weight:bold; margin-right:10px}


.aaaa{position: absolute; top:-20px; width:200px; background-color:#fff; 
}


.stepbox{
	width:100%; 
	margin-bottom:40px !important; 
	display:inline-block; 
	vertical-align:top;
	
}


.list{
	font-size:0; 
	padding:20px 20px 10px;
	border-top:3px solid #c59d68; 
	background-color:#1b1b1b; 
	margin-bottom:12px;

} 

.list a{width:100%; display:block; padding:12px 9px; background-color:#111; 
color:#fff; border-radius:8px; border:1px solid #555; font-size:16px; margin-bottom:10px;}
.list a::before{content:'\e92c'; color:#555; margin-right:10px; font-size:18px}
.list a.act{background-color:#43ce1b; border-color:#a7ff8e }
.list a.act::before{color:#fff}



.stepbox.wid50-step{width:48% !important; box-sizing: border-box;}

.stepbox.step01{margin-right:2% !important;}

.stepbox.step02{margin-left:2% !important;}






.stepbox.wid33-step{width:32% !important;}
.stepbox.step06{margin-left:2%;}
.stepbox.step07{margin-right:2%}



.stepbox.step04{border-bottom: 1px dashed #aaa; padding-bottom:50px}
.stepbox.step04 table{border-top:3px solid #c59d68; }
.stepbox.step04 table tr *{font-size:18px; padding:12px 15px}
.stepbox.step04 table tr th{width:20%}
.stepbox.step04 table tr td{text-align:left}
.stepbox.step04 .sukangplus{
	width:35%;
	display:inline-block;
	font-size:23px;  
	margin-top:30px; 
	color:#fff; 
	background-color:#c50c2c; 
	border-radius:10px; 
	padding:15px 20px;
	border:1px solid #db455f
}

.stepbox.step05{}
.stepbox.step05 table{margin-bottom:30px; border-top:3px solid #c59d68; }
.stepbox.step05 table a{color:#fff; background-color:#555}
.stepbox.step05 .b-next{background-color:#0f62c2; color:#fff;width:35%; display:inline-block; font-size:23px;border-radius:10px; border-color:#2a86f1}

.stepbox.step05 table tr th:nth-child(2){width:20%}
.stepbox.step05 table tr th:last-child{width:15%}

@media (max-width: 768px){

	.sukangform h1{font-size:22px; line-height:1.3}
	.stepbox{margin-bottom:25px}
	.stepbox.wid50-step{width:100% !important}

	.stepbox.step01{margin-right:0}
    .stepbox.step03 ul{height:216px;}

    .stepbox.step03.list{height:216px;}

	.stepbox.step04 table tr *{font-size:15px; padding:12px 8px; }
	.stepbox.step04 .sukangplus{width:80%;}
    .stepbox.wid33-step{width:100% !important;}

	.stepbox.step05 .b-next{width:80%;}
	.stepbox.step05 table tr{position:relative;}
	.stepbox.step05 table tr td:first-child{background-color:#d18343; border:1px solid #d18343; padding:8px 75px 8px 5px !important}
	.stepbox.step05 table tr td:nth-child(2):before{content:"결제금액"; margin-right:10px; padding-right:10px; border-right:1px solid #999}
	.stepbox.step05 table tr td:last-child{
		text-align:right; 
		position:absolute; 
		right:0; 
		border-bottom: 0px;
		top:0; 
		background-color:transparent;
		padding:0 !important;

	}
	.stepbox.step05 table tr td:last-child a{
        line-height: 65px;
        border: 0;
        padding: 10px 20px;
		border-radius:0;
		background-color:#b1611f;
	}
}

/*===================================
 Login 로그인
===================================*/
.login{padding:  200px 0}
.login h3{color:#cb9b60; font-size: 40px; font-weight:bold }
.login h4{color:#fff; font-size: 16px;}

.login-logo{display:inline-block;}
.login-title{padding:5px 10px; color:#666; font-weight:400; font-size:12px; line-height:1.4; word-break:keep-all;margin-bottom:0}

.login-body{padding:15px 20px; max-width: 420px;  margin: 0 auto;}

.login-body .input-group { font-size:0; background-color:#fff; text-align:left; border:1px solid #ddd; overflow:hidden;border-radius:3px;}
.login-body .input-group span,
.login-body .input-group input{background-color:#242424; border:0; vertical-align:top; color:#cb9b60}
.login-body .input-group span{display:inline-block; width:40px; line-height:38px; text-align:center; color:#fff ;background-color:#242424;}
.login-body .input-group input{width:calc(100% - 40px); padding:0 10px 0 0; border-radius:0 3px 3px 0}
.login-body .autologin-check{color:#fff; font-size:13px; text-align:left; padding:10px 0 ; vertical-align:top;margin-bottom:25px;}
.login-body .btn{width:100%; display:block; line-height:2; background-color:#cb9b60; border:1px solid #cb9b60}



.member_btn_box{}
.member_btn_box *{ font-size:16px; color:#fff !important;}
.member_btn_box > span{color:#fff; font-size:11px; padding:0 9px;}


/*===================================
 Join 회원가입 
 ===================================*/

.join{}
.join *{color:#fff}
.join h3{color:#cb9b60; font-size:30px;}
.join ul{border:2px solid #cb9b60; border-radius:10px; padding:20px; background-color:#111; margin-top:5px}
.join ul li{padding:15px 0; font-size:0; font-size:15px }
.join ul li label{display:inline-block; width:100%; max-width:115px; text-align:right; padding:0 5px; font-size:15px}
.join ul li label em{color:#fe0000; padding:0 4px; vertical-align: middle;  font-size: 18px;}
.join ul li input{width:100%; max-width:300px; background-color:#111; color:#fff}
.join ul li .helptext{ display:inline-block; color:#cb9b60; padding:0 10px}

.join ul li .inputgroup{width: calc(100% - 150px ); display:inline-block;}
.join ul li .inputgroup input{width:28%;   margin-right:3px}
.join ul li .inputgroup input:not(:first-child){margin-left:10px;}

.join ul li .tellgroup input{ margin-right:8px}
.join ul li .tellgroup input:not(:first-child){margin-left:8px;}

.join ul li .emailgroup select{background-color:#111; color:#fff; width:32%;}

.join ul li .addressgroup{padding-left:120px; padding-top:10px;}
.join ul li .addressgroup input{width:80%; max-width: 800px; margin-bottom:10px}
.join ul li .addressgroup span{padding:0 10px}
.join ul li button.addressbtn{line-height:2; font-size:16px; font-weight:bold; padding:0 15px; background-color:#d18343; border-color:#d18343 }

.join .btn{font-size:25px; line-height:2.5; padding:0 60px; }
.join .joinbtn{ background-color:#cb9b60; border-color:#cb9b60; color:#fff}
.join .joincancel{background-color:#555; border-color:#555; color:#fff}

input.disableinput{background-color:#aaa !important; color:#555 !important}



@media (max-width: 768px){
.join ul li{padding:8px 0}
.join ul li label{display:block; text-align:left}
.join ul li .helptext{padding:5px 0 0}
.join ul li .inputgroup{width:100%}

.join ul li .inputgroup input{width:25%}
.join ul li .inputgroup input:not(:first-child){margin-left:3px;}

.join ul li .tellgroup input{width:28%; margin-right:3px}
.join ul li .tellgroup input:not(:first-child){margin-left:3px;}

.join ul li .emailgroup input{width:45%}
.join ul li .emailgroup select{margin-top:5px; width:100%;}


.join ul li .addressgroup{padding-left:0; }
.join ul li .addressgroup input{width:75%}
}

/*===================================
 footer 하단
===================================*/
 footer{background-color: #000; width: 100%}
 footer .footermenu{background-color: #141414; width: 100%; }
 footer .footermenu ul li{display: inline-block; }
 footer .footermenu ul li a{color: #fff; display: block; padding: 12px 30px 12px 10px; position: relative;}
 footer .footermenu ul li a:after{content: '/';  padding: 12px 0; position: absolute; right:0; top: 0; color: #999}
 footer .footermenu ul li:last-child a:after{content: '';}
 footer .footermenu ul li:nth-child(2) a{color: #cc9b60}


 footer .companyinfo{padding: 20px 10px;}
 footer .companyinfo h5{color: #cc9b60; font-weight: bold; font-size: 20px;}
 footer .companyinfo p{color: #fff}
 footer .companyinfo span{color: #aaa; display: block; padding-top: 20px}


 .joincontent *{color:#fff}
 .joincontent h4{font-size:22px}


@media (max-width: 768px){
  footer .footermenu ul li a{padding:12px 5px; font-size:12px;}
  footer .footermenu ul li a:after{content:''}
  footer .footermenu ul li a{font-size:12px;}

  footer .companyinfo p{font-size:13px; display:inline-block}

}

/* 220303 추가 */
@font-face {src : url("/fonts/amasis-mt-std-black.otf"); font-family:"ama";}
.ama{font-family: "ama"; }
.up {text-transform: uppercase;}
.bt_list{
	width:10%;
	display:inline-block;
	font-size:18px;  
	margin-top:20px; 
	color:#fff; 
	text-align:center;
	background-color:#e0e0e0; 
	border-radius:10px; 
	padding:10px 10px;
	border:1px solid #999;
    transition: all 0.3s ease;
}

.popup_layer01{position:absolute; left:10%; z-index:9999999; top:100px;}
.popup_layer02{position:absolute; left:30%; z-index:9999998; top:100px;}
.popup_layer03{position:absolute; left:50%; z-index:9999997; top:100px;}


.popup02{margin:0; position: relative;color:#fff;}
.popup02 img{max-width:400px;height:auto;}

@media (max-width: 480px){
.popup_layer01{left:0%;}
.popup_layer02{left:0%;}
.popup_layer03{left:0%;}

.popup02{width:100%;}
.popup02 img{display: flex; width: 100%;}
.vdobox{margin-top:55px; height:200px;}
}
.popup02 a{ color:#fff; }
.popup02 span{ color:#fff; padding:10px; }


.info-use {border-collapse: collapse;}       
.info-use th {
    text-align: left;
	background-color:#242424;
    padding: 15px;
    border-top: 1px solid #242424;
    border-bottom: 2px solid #555;
	border-left: 1px solid #242424;
	border-right: 1px solid #242424;
}
.info-use td {
    text-align: left;
	padding: 5px 15px;
    padding: 12px;
    border-bottom: 1px solid #555;
	border-left: 1px solid #242424;
	border-right: 1px solid #242424;
	}
            
.bt_down{

	display:inline-block;
	font-size:17px;  
	margin-top:20px; 
	text-align:center;
	background-color:#555;
	border-radius:10px; 
	padding:10px 40px;
	border:1px solid #999;
    transition: all 0.3s ease;
}

.bt_none{
	display:inline-block; 
	margin-top:20px; 
	text-align:center;
	border-radius:10px; 
	padding:15px 80px;
    background-color: #b78240;
    border: 1px solid #cb9b60;
	transition: all 0.3s ease;
}
.bt_none:hover{
	background-color:#9c6625;
}

.bt_cc{
	display:inline-block; 
	margin-top:20px; 
	text-align:center;
	border-radius:10px; 
	color:#fff !important;
	padding:17px 40px;
    background-color: #5e5e5e;
    border: 1px solid #828181;
	transition: all 0.3s ease;
}

.bt_pay{
	display:inline-block; 
	margin-top:20px; 
	text-align:center;
	border-radius:10px; 
	color:#fff !important;
	padding:17px 56px;
    background-color: #0f62c2;
    border:1px solid #2a86f1;
	transition: all 0.3s ease;
}

.txt-box{
 
  max-width:1200px;
  border:1px solid #494949;
  margin:0 auto; 
  padding:20px;
  background-color:#080808; 
  color:#fff;
  }

.notice-box{
  max-width:1200px;
  border:1px solid #494949;
  padding:20px;
  margin: 20px auto 0;
  background-color:#080808; 
  color:#fff;
  }


/*****************************************************************
로그인 / 회원가입 
*****************************************************************/

/* 로그인 */
.menu_8 .title_box{ display: none }

.member_box { width: 100%;  margin: auto; }
.member_box h3 { padding-top: 0; margin-bottom: -10px; text-align: center}
.member_box h3 img {height: 48px;   padding-bottom: 1px;}
.member_box .member {  padding:15px 15px 10px 15px; margin: 0 auto 20px; max-width:1200px; }
.member_box .member .input-group { margin-bottom: 15px }

.divider { height: 1px; background: #ddd; margin: 0  0 25px 0}
small { display: block;}

.member_box .btn , .form-control[type="text"] , .form-control[type="password"], .input-group-addon { border-radius: 0 !important }

/* 회원가입 */
.member h4 { padding-top: 5px !important; margin-bottom: 20px; font-size:20px; font-weight:bold;}
.rules_box iframe { border: 1px solid #aaa; border-top: 1px solid #666;  background:#0e0e0e; 
width: 100%; height: 300px;  overflow: hidden;  padding:18px 25px; }
.rules_box iframe div{font-size:14px; }
.joincontent{word-break: keep-all; line-height:1.4; }

.checkbox-lg label { font-size: 15px;   padding-top: 9px !important;}
.checkbox3.checkbox-lg label { padding: 11px 0 11px 40px !important;}


input[type="checkbox"]{width:20px !important; height:20px !important; margin:0; line-height:20px !important; vertical-align: middle; position:relative}
input[type="checkbox"]:before {
	content: '';
	border-width: 0 8.5px;
    border-color: #fff;
    border-style: solid;
    width: 17px;
    height: 16px;
	line-height: 1;
	border-radius: 2px;
	position: absolute;
	top: 1.5px;
	left: 1px;
}

input[type= "checkbox" ]:checked:after {
    font-family: 'xeicon';
    content: '\e929';
    display: block;
    color: #444d58;
    font-size: 18px;
    z-index: 100;
    position: absolute;
    line-height: 20px;
    left: 0;
    top: 0; 
}
label{font-weight:500 !important; margin-bottom:0}


@media (max-width:768px) {
		.rules_box iframe { height: 200px}
		.member_box .member { padding:15px; margin-bottom: 50px;}
	}
	
/*컨텐츠*/
	.content_body {min-height: 300px; padding-bottom: 50px}

/* section calendar */
@media (max-width:768px) {
		.sec_cal .cal_wrap .day  {font-size: 18px !important;}
}


.sec_cal {
   /*  width: 360px; */
    background-color:#1b1b1b;
	border: 1px solid #333333;
    border-radius: 5px;
    padding:30px;
    margin: 0 auto;
    font-family: "NotoSansR";
}

.sec_cal .cal_nav {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 48px;
    line-height: 78px;
}

.sec_cal .cal_nav .year-month {
    width: 300px;
	color:#fff !important;
    text-align: center;
    line-height: 1;
}

.sec_cal .cal_nav .nav {
    display: flex;
    text-align: center;
    border: 1px solid #333333;
    border-radius: 5px;
}

.sec_cal .cal_nav .go-prev,
.sec_cal .cal_nav .go-next {
    display: block;
    text-align: center;
    width: 50px;
    height: 78px;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec_cal .cal_nav .go-prev::before,
.sec_cal .cal_nav .go-next::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 3px solid #fff;
    border-width: 3px 3px 0 0;
    transition: border 0.1s;
}

.sec_cal .cal_nav .go-prev:hover::before,
.sec_cal .cal_nav .go-next:hover::before {
    border-color: #ed2a61;
}

.sec_cal .cal_nav .go-prev::before {
    transform: rotate(-135deg);
}

.sec_cal .cal_nav .go-next::before {
    transform: rotate(45deg);
}

.sec_cal .cal_wrap {
    padding-top: 40px;
    position: relative;
    margin: 0 auto;
}

.sec_cal .cal_wrap .days {
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.sec_cal .cal_wrap::after {
    top: 368px;
}

.sec_cal .cal_wrap .day {
    display:flex;
    align-items: center;
    justify-content: center;
    width: calc(100% / 7);
    text-align: left;
    color: #f0f0f0;
    font-size: 22px;
    text-align: center;
    border-radius:5px
}

.current.today {background:#d18343;}

.sec_cal .cal_wrap .dates {
    display: flex;
    flex-flow: wrap;
    height: 290px;
}

.sec_cal .cal_wrap .day:nth-child(7n -1) {
    color: #3c6ffa;
}

.sec_cal .cal_wrap .day:nth-child(7n) {
    color: #ed2a61;
}

.sec_cal .cal_wrap .day.disable {
    color: #ddd;
}




.ks-box th{
  background-color:#282828 !important;
  color:#fff !important;
}

.ks-box td:nth-child(2n+1)){
  background-color:#f1b10042;
  vertical-align:middle !important;
  text-align:center;
  border-bottom:1px solid #777 !important;
  color:#fff !important;
}

.ks-box td:nth-child(2n){

  /* vertical-align:top; */
  text-align:left; 
  border-bottom:1px solid #777 !important;
  color:#fff !important;
}




.scr {
    height: 275px;
    overflow:auto;
}
.scr::-webkit-scrollbar {
    width: 20px;

}
.scr::-webkit-scrollbar-thumb {
    background-color: #404040;
    background-clip: padding-box;
    border: 2px solid transparent;
}
.scr::-webkit-scrollbar-track {
    background-color: #1b1b1b;
    border: 2px solid transparent;
}

/* 배너슬라이더추가220817 */
/* Slideshow container */
.slideshow-container {
  max-width: 1200px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 40px !important;
  padding: 18px 12px;
  position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
  text-shadow:  2px 2px 7px rgba(0,0,0,0.91);
}


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 0px;
  width: 0px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

.mySlides {display: none;}
.mySlides img {vertical-align: middle; }
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 768px) {
  .text {
  color: #f2f2f2;
  font-size: 24px !important;
  position: absolute;
  top:35%;

  text-align: center;
  text-shadow:  2px 2px 7px rgba(0,0,0,0.91);
}

}

/* 0921추가 */
.dayimg img {
  width: 600px;
  height: auto;
  object-fit: cover;
}

.dayimg2 img {
  width: 600px;
  height: auto;
  object-fit: cover;
}
.dayimg3 img {
  display:inline-block;
  width: 550px;
  height: auto;
  padding:10px;
  object-fit: cover;
}

.dayimg4 img {
  display:inline-block;
  width: 550px;
  height: auto;
  padding:10px;
  object-fit: cover;
}
.dayimg4 img:last-child {
  width: 700px;
}

.dayimg5 img {
  display:inline-block;
  width: 33%;
  height: auto;
  padding:10px;
  object-fit: cover;
}

.dayimg6 img {
  display:inline-block;
  width: 48%;
  height: auto;
  padding:10px;
  object-fit: cover;
}



 .dayimg7 img {
  display:inline-block;
  border:1px solid #ccc;
  width: 33%;
  height:400px;
  padding:10px; 
}


/* 슬라이더추가 */
.slider-container {
  position: relative;
  margin: 0 auto;
  max-width: 960px;
  height: 500px;
}



.slider-list {
  position: relative;
  perspective: 1000px;
  transform-style: preserve-3d;
  margin: auto;
/*   width: 960px; */
  height: 500px;
  cursor: pointer;
}



.slider-list--child {
  transition: all 350ms ease;
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  height: 500px;
  text-align: center;
  border-radius: 4px;
  opacity: 0;
}
.slider-list--child img{
  /* width: 960px; */
  height: 500px;
  object-fit: cover;
  border-radius: 4px;
}

.slider-list--child__next {
  opacity: 0.02;
  z-index: 1;
  transform: translate3d(0, 0, -150px);
}

.slider-list--child__current {
  opacity: 1;
  z-index: 2;
  transform: translate3d(0, 0, 0);
}

.slider-list--child__last {
  opacity: 0.02;
  z-index: 1;
  transform: translate3d(-45px, 0, -150px);
}


.slider-nav {
  position: absolute;
  top: calc(50% - 20px);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color:#000000ad;
  line-height: 40px;
  text-align: center;
  box-shadow: 0 0 3px rgba(0,0,0,0.14);
  cursor: pointer;
}

.slider-nav__left {
  left: 30px;
}
.slider-nav__left:before{
  content:">"
  color:#000;
}
.slider-nav__right {
  right: 30px;
}

.slider-nav__disabled {
  pointer-events: none;
  opacity: 0.24;
  cursor: default;
}


/*  */
.popup_btn{
display:block; 
width:50px; 
height:50px;
position:absolute; 
background:#292929; 
color:#fff;
line-height:50px;
text-align:center;
top:0;
right:0;
font-size:12px;
}