/* 두 페이지에서만 작동하는 반응형 */
@media (max-width:769px) {
  .container {
    width:100%;
  }
  body {
    min-width:100%;
  }
  html {
    min-width:100%;
  }
}
@media (min-width:769px) {
  .container {
    /*width:1030px;*/
    width: 100%;
  }
}
@media (min-width:1030px) {
  .container {
    width:1030px;
  }
}
/*
@media (min-width:992px) {
  .container {
    width:1030px;
  }
}
*/
@media (min-width:1200px) {
  .container {
    width:1030px;
  }
}
.container-fluid {
  margin-right:auto;
  margin-left:auto;
  padding-left:15px;
  padding-right:15px;
}
.row {
  margin-left:-15px;
  margin-right:-15px;
}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
  position:relative;
  min-height:1px;
  padding-left:15px;
  padding-right:15px;
}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
  float:left;
}
.col-xs-12 {
  width:100%;
}
.col-xs-11 {
  width:91.66666667%;
}
.col-xs-10 {
  width:83.33333333%;
}
.col-xs-9 {
  width:75%;
}
.col-xs-8 {
  width:66.66666667%;
}
.col-xs-7 {
  width:58.33333333%;
}
.col-xs-6 {
  width:50%;
}
.col-xs-5 {
  width:41.66666667%;
}
.col-xs-4 {
  width:33.33333333%;
}
.col-xs-3 {
  width:25%;
}
.col-xs-2 {
  width:16.66666667%;
}
.col-xs-1 {
  width:8.33333333%;
}
.col-xs-pull-12 {
  right:100%;
}
.col-xs-pull-11 {
  right:91.66666667%;
}
.col-xs-pull-10 {
  right:83.33333333%;
}
.col-xs-pull-9 {
  right:75%;
}
.col-xs-pull-8 {
  right:66.66666667%;
}
.col-xs-pull-7 {
  right:58.33333333%;
}
.col-xs-pull-6 {
  right:50%;
}
.col-xs-pull-5 {
  right:41.66666667%;
}
.col-xs-pull-4 {
  right:33.33333333%;
}
.col-xs-pull-3 {
  right:25%;
}
.col-xs-pull-2 {
  right:16.66666667%;
}
.col-xs-pull-1 {
  right:8.33333333%;
}
.col-xs-pull-0 {
  right:auto;
}
.col-xs-push-12 {
  left:100%;
}
.col-xs-push-11 {
  left:91.66666667%;
}
.col-xs-push-10 {
  left:83.33333333%;
}
.col-xs-push-9 {
  left:75%;
}
.col-xs-push-8 {
  left:66.66666667%;
}
.col-xs-push-7 {
  left:58.33333333%;
}
.col-xs-push-6 {
  left:50%;
}
.col-xs-push-5 {
  left:41.66666667%;
}
.col-xs-push-4 {
  left:33.33333333%;
}
.col-xs-push-3 {
  left:25%;
}
.col-xs-push-2 {
  left:16.66666667%;
}
.col-xs-push-1 {
  left:8.33333333%;
}
.col-xs-push-0 {
  left:auto;
}
.col-xs-offset-12 {
  margin-left:100%;
}
.col-xs-offset-11 {
  margin-left:91.66666667%;
}
.col-xs-offset-10 {
  margin-left:83.33333333%;
}
.col-xs-offset-9 {
  margin-left:75%;
}
.col-xs-offset-8 {
  margin-left:66.66666667%;
}
.col-xs-offset-7 {
  margin-left:58.33333333%;
}
.col-xs-offset-6 {
  margin-left:50%;
}
.col-xs-offset-5 {
  margin-left:41.66666667%;
}
.col-xs-offset-4 {
  margin-left:33.33333333%;
}
.col-xs-offset-3 {
  margin-left:25%;
}
.col-xs-offset-2 {
  margin-left:16.66666667%;
}
.col-xs-offset-1 {
  margin-left:8.33333333%;
}
.col-xs-offset-0 {
  margin-left:0%;
}
@media (min-width:769px) {
  .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
    float:left;
  }
  .col-sm-12 {
    width:100%;
  }
  .col-sm-11 {
    width:91.66666667%;
  }
  .col-sm-10 {
    width:83.33333333%;
  }
  .col-sm-9 {
    width:75%;
  }
  .col-sm-8 {
    width:66.66666667%;
  }
  .col-sm-7 {
    width:58.33333333%;
  }
  .col-sm-6 {
    width:50%;
  }
  .col-sm-5 {
    width:41.66666667%;
  }
  .col-sm-4 {
    width:33.33333333%;
  }
  .col-sm-3 {
    width:25%;
  }
  .col-sm-2 {
    width:16.66666667%;
  }
  .col-sm-1 {
    width:8.33333333%;
  }
  .col-sm-pull-12 {
    right:100%;
  }
  .col-sm-pull-11 {
    right:91.66666667%;
  }
  .col-sm-pull-10 {
    right:83.33333333%;
  }
  .col-sm-pull-9 {
    right:75%;
  }
  .col-sm-pull-8 {
    right:66.66666667%;
  }
  .col-sm-pull-7 {
    right:58.33333333%;
  }
  .col-sm-pull-6 {
    right:50%;
  }
  .col-sm-pull-5 {
    right:41.66666667%;
  }
  .col-sm-pull-4 {
    right:33.33333333%;
  }
  .col-sm-pull-3 {
    right:25%;
  }
  .col-sm-pull-2 {
    right:16.66666667%;
  }
  .col-sm-pull-1 {
    right:8.33333333%;
  }
  .col-sm-pull-0 {
    right:auto;
  }
  .col-sm-push-12 {
    left:100%;
  }
  .col-sm-push-11 {
    left:91.66666667%;
  }
  .col-sm-push-10 {
    left:83.33333333%;
  }
  .col-sm-push-9 {
    left:75%;
  }
  .col-sm-push-8 {
    left:66.66666667%;
  }
  .col-sm-push-7 {
    left:58.33333333%;
  }
  .col-sm-push-6 {
    left:50%;
  }
  .col-sm-push-5 {
    left:41.66666667%;
  }
  .col-sm-push-4 {
    left:33.33333333%;
  }
  .col-sm-push-3 {
    left:25%;
  }
  .col-sm-push-2 {
    left:16.66666667%;
  }
  .col-sm-push-1 {
    left:8.33333333%;
  }
  .col-sm-push-0 {
    left:auto;
  }
  .col-sm-offset-12 {
    margin-left:100%;
  }
  .col-sm-offset-11 {
    margin-left:91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left:83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left:75%;
  }
  .col-sm-offset-8 {
    margin-left:66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left:58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left:50%;
  }
  .col-sm-offset-5 {
    margin-left:41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left:33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left:25%;
  }
  .col-sm-offset-2 {
    margin-left:16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left:8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left:0%;
  }
}
@media (min-width:992px) {
  .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
    float:left;
  }
  .col-md-12 {
    width:100%;
  }
  .col-md-11 {
    width:91.66666667%;
  }
  .col-md-10 {
    width:83.33333333%;
  }
  .col-md-9 {
    width:75%;
  }
  .col-md-8 {
    width:66.66666667%;
  }
  .col-md-7 {
    width:58.33333333%;
  }
  .col-md-6 {
    width:50%;
  }
  .col-md-5 {
    width:41.66666667%;
  }
  .col-md-4 {
    width:33.33333333%;
  }
  .col-md-3 {
    width:25%;
  }
  .col-md-2 {
    width:16.66666667%;
  }
  .col-md-1 {
    width:8.33333333%;
  }
  .col-md-pull-12 {
    right:100%;
  }
  .col-md-pull-11 {
    right:91.66666667%;
  }
  .col-md-pull-10 {
    right:83.33333333%;
  }
  .col-md-pull-9 {
    right:75%;
  }
  .col-md-pull-8 {
    right:66.66666667%;
  }
  .col-md-pull-7 {
    right:58.33333333%;
  }
  .col-md-pull-6 {
    right:50%;
  }
  .col-md-pull-5 {
    right:41.66666667%;
  }
  .col-md-pull-4 {
    right:33.33333333%;
  }
  .col-md-pull-3 {
    right:25%;
  }
  .col-md-pull-2 {
    right:16.66666667%;
  }
  .col-md-pull-1 {
    right:8.33333333%;
  }
  .col-md-pull-0 {
    right:auto;
  }
  .col-md-push-12 {
    left:100%;
  }
  .col-md-push-11 {
    left:91.66666667%;
  }
  .col-md-push-10 {
    left:83.33333333%;
  }
  .col-md-push-9 {
    left:75%;
  }
  .col-md-push-8 {
    left:66.66666667%;
  }
  .col-md-push-7 {
    left:58.33333333%;
  }
  .col-md-push-6 {
    left:50%;
  }
  .col-md-push-5 {
    left:41.66666667%;
  }
  .col-md-push-4 {
    left:33.33333333%;
  }
  .col-md-push-3 {
    left:25%;
  }
  .col-md-push-2 {
    left:16.66666667%;
  }
  .col-md-push-1 {
    left:8.33333333%;
  }
  .col-md-push-0 {
    left:auto;
  }
  .col-md-offset-12 {
    margin-left:100%;
  }
  .col-md-offset-11 {
    margin-left:91.66666667%;
  }
  .col-md-offset-10 {
    margin-left:83.33333333%;
  }
  .col-md-offset-9 {
    margin-left:75%;
  }
  .col-md-offset-8 {
    margin-left:66.66666667%;
  }
  .col-md-offset-7 {
    margin-left:58.33333333%;
  }
  .col-md-offset-6 {
    margin-left:50%;
  }
  .col-md-offset-5 {
    margin-left:41.66666667%;
  }
  .col-md-offset-4 {
    margin-left:33.33333333%;
  }
  .col-md-offset-3 {
    margin-left:25%;
  }
  .col-md-offset-2 {
    margin-left:16.66666667%;
  }
  .col-md-offset-1 {
    margin-left:8.33333333%;
  }
  .col-md-offset-0 {
    margin-left:0%;
  }
}
@media (min-width:1200px) {
  .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
    float:left;
  }
  .col-lg-12 {
    width:100%;
  }
  .col-lg-11 {
    width:91.66666667%;
  }
  .col-lg-10 {
    width:83.33333333%;
  }
  .col-lg-9 {
    width:75%;
  }
  .col-lg-8 {
    width:66.66666667%;
  }
  .col-lg-7 {
    width:58.33333333%;
  }
  .col-lg-6 {
    width:50%;
  }
  .col-lg-5 {
    width:41.66666667%;
  }
  .col-lg-4 {
    width:33.33333333%;
  }
  .col-lg-3 {
    width:25%;
  }
  .col-lg-2 {
    width:16.66666667%;
  }
  .col-lg-1 {
    width:8.33333333%;
  }
  .col-lg-pull-12 {
    right:100%;
  }
  .col-lg-pull-11 {
    right:91.66666667%;
  }
  .col-lg-pull-10 {
    right:83.33333333%;
  }
  .col-lg-pull-9 {
    right:75%;
  }
  .col-lg-pull-8 {
    right:66.66666667%;
  }
  .col-lg-pull-7 {
    right:58.33333333%;
  }
  .col-lg-pull-6 {
    right:50%;
  }
  .col-lg-pull-5 {
    right:41.66666667%;
  }
  .col-lg-pull-4 {
    right:33.33333333%;
  }
  .col-lg-pull-3 {
    right:25%;
  }
  .col-lg-pull-2 {
    right:16.66666667%;
  }
  .col-lg-pull-1 {
    right:8.33333333%;
  }
  .col-lg-pull-0 {
    right:auto;
  }
  .col-lg-push-12 {
    left:100%;
  }
  .col-lg-push-11 {
    left:91.66666667%;
  }
  .col-lg-push-10 {
    left:83.33333333%;
  }
  .col-lg-push-9 {
    left:75%;
  }
  .col-lg-push-8 {
    left:66.66666667%;
  }
  .col-lg-push-7 {
    left:58.33333333%;
  }
  .col-lg-push-6 {
    left:50%;
  }
  .col-lg-push-5 {
    left:41.66666667%;
  }
  .col-lg-push-4 {
    left:33.33333333%;
  }
  .col-lg-push-3 {
    left:25%;
  }
  .col-lg-push-2 {
    left:16.66666667%;
  }
  .col-lg-push-1 {
    left:8.33333333%;
  }
  .col-lg-push-0 {
    left:auto;
  }
  .col-lg-offset-12 {
    margin-left:100%;
  }
  .col-lg-offset-11 {
    margin-left:91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left:83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left:75%;
  }
  .col-lg-offset-8 {
    margin-left:66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left:58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left:50%;
  }
  .col-lg-offset-5 {
    margin-left:41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left:33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left:25%;
  }
  .col-lg-offset-2 {
    margin-left:16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left:8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

@media (max-width: 769px){
  .col-md-3 {
    width: 100%;
  }
}
/* 공통 */

@media (max-width:769px) {
  html {
    font-size:8px;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
}
.navbar {
  min-width:100%;
}
.navbar-default .navbar-nav>li>a {
  color:#fff;
  font-size:14px;
  font-weight:500;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
  background-color:transparent;
}
.navbar-brand img {
  width:150px;
  padding:5px;
}
.ct-btn-default {
  background:#7ec52a;
  color:#fff !important;
}
.ct-btn {
  margin-top:20px;
  display:inline-block;
  margin-bottom:0;
  font-weight:400;
  text-align:center;
  vertical-align:middle;
  -ms-touch-action:manipulation;
  touch-action:manipulation;
  cursor:pointer;
  background-image:none;
  border:1px solid transparent;
  white-space:nowrap;
  padding:10px 40px;
  font-size:17px;
  line-height:1.42857143;
  border-radius:3px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color:#222222;
}
.navbar-default .navbar-toggle {
  border-color: transparent;
}
/* 메인 페이지 */
.header-container {
  width:100%;
  border-left:none;
  border-right:none;
  position:relative;
  padding-top:660px;
}
@media (max-width:769px) {
  .header-container {
    width:100%;
    border-left:none;
    border-right:none;
    position:relative;
    padding-top:460px;
  }
}
.video-container {
  position:absolute;
  top:0%;
  left:0%;
  height:100%;
  width:100%;
  overflow:hidden;
}
.header-content {
  padding-top:180px;
  text-align:center;
  color:#fff;
}
@media (max-width:769px) {
  .header-content {
    padding-top:130px;
    text-align:center;
    color:#fff;
  }
}
.header-content h1 {
  font-size:7rem;
  font-weight:800;
  letter-spacing:3px;
}
@media (max-width:769px) {
  .header-content h1 {
    font-size:3.5rem;
    font-weight:800;
    letter-spacing:3px;
  }
}
@media (max-width:769px) {
  .ct-header {
    background:url('/img/app/header-m-bg.jpg') center center no-repeat;
    background-size:cover;
    width:100%;
    z-index:-1;
  }
}
video {
  z-index:-1;
  position:absolute;
  top:0;
  left:0;
  min-width:100%;
}
.header-content h3 {
  font-size:2.3rem;
  font-weight:500;
}
.header-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.6);
  z-index:-1;
}
.mainthumb {
  padding:70px 0px;
  margin:0px 15px;
}
.mainthumb h4 {
  margin:0px;
  font-size:1.8rem;
  font-weight:700;
}
.carousel-inner .project-grid {
  padding:15px;
}
.controls>a>.fa {
  font-size:1.8rem;
  color:#333;
  margin-top:1px;
}

.main-leftimgbox {
  background:url('/img/app/mainleftimgbox.jpg') center center no-repeat;
  background-size:cover;
  height:auto;
  padding:100px 150px;
  color:white;
  text-align:center;
  position:relative;
  z-index:100;
}
.main-leftimgbox h1 {
  font-weight:500 !important;
}
.main-rightimgbox {
  background:url('/img/app/mainrightimgbox.jpg') center center no-repeat;
  background-size:cover;
  height:auto;
  padding:100px 150px;
  color:white;
  text-align:center;
  position:relative;
  z-index:100;
}
.main-rightimgbox h1 {
  font-weight:500 !important;
}
@media (max-width:769px) {
  .main-leftimgbox {
    padding:100px 30px;
  }
  .main-rightimgbox {
    padding:100px 30px;
  }
}
.imgbox-overlay {
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.3);
  z-index:-1;
  position:absolute;
  top:0;
  left:0;
}
.counter {
  color:#fff;
  padding:100px 0px;
  text-align:center;
}
@media (max-width:769px) {
  .counter {
    padding:50px 0px;
  }
}
.counter h1 {
  font-weight:500 !important;
  padding-bottom:50px;
}
@media (max-width:769px) {
  .counter h1 {
    padding:0px 30px 50px 30px;
  }
}
.counter>.col-md-4>h1 {
  font-weight:700 !important;
  padding-bottom:0px;
}
.counter-bg {
  background:url('/img/app/counter.jpg') center center no-repeat;
  background-size:cover;
  width:100%;
  height:auto;
  position:relative;
  z-index:100;
  ;
}
.counter-bg-overlay {
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.6);
  z-index:-1;
  position:absolute;
  top:0;
  left:0;
}
.counter .short-separator {
  background-color:#7ec52a;
  height:3px;
  position:relative;
  width:50%;
  display:block;
  margin:15px auto 10px !important;
}
@media (max-width:769px) {
  .counter .col-xs-12 {
    padding-bottom:30px;
  }
}
[data-slide="prev"] {
  margin-right: 20px;
}
/* 공연기획 */
.apply-header {
  position:relative;
  background:#fff;
  text-align:left;
  padding:100px;
}
@media (max-width:769px) {
  .apply-header {
    text-align:center;
    padding:100px 10px 50px 10px;
  }
}
.ct-res-text h1 {
  font-size:3rem;
  font-weight:700;
  line-height:1.5;
}
.ct-res-text h2 {
  font-size:2rem;
  font-weight:700;
  line-height:1.5;
}
.ct-res-text h3 {
  font-size:1.8rem;
  font-weight:400;
  line-height:1.8;
}
.ct-res-text h4 {
  font-size:1.5rem;
  font-weight:400;
  line-height:1.8;
}
.img-height {
  height:550px;
}
.img-bg {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  max-width:35%;
  height:100%;
  background-image:url('/img/app/apply-bg.png');
  background-size:cover;
  background-position:center center;
}
.img-m-bg {
  height:100px;
  background-image:url('/img/app/apply-m-bg.png');
  background-size:cover;
  background-position:center center;
}
.ct-effect {
  padding:100px 0px;
  text-align:center;
  background:#ececec;
}
@media (max-width:769px) {
  .ct-effect {
    padding:30px 20px;
  }
}
.goapply {
  padding:80px 0px;
  text-align:center;
  background:#ececec;
}
.goapply .col-md-6 {
  padding:30px 25px;
}
@media (max-width:769px) {
  .goapply {
    padding:70px 30px 50px 30px;
  }
}
.ct-effect .col-md-4 {
  padding:0px 30px;
}
@media (max-width:769px) {
  .ct-effect .col-md-4 {
    padding:30px 20px;
  }
}
.ct-effect .col-md-4 img {
  width:150px;
}
.short-separator {
  background-color:#7ec52a;
  height:5px;
  position:relative;
  width:50px;
  display:block;
  margin:50px auto 30px;
}
.ct-recommend {
  color:#fff;
  text-align:center;
  padding:45px 0px;
  background-image:url('/img/app/recommend-bg.png');
  width:100%;
  background-size:cover;
  background-position:center center;
}
.ct-recommend h1 {
  padding:0px 30px;
  font-weight:400 !important;
}
.ct-recommend h2 {
  font-weight:400 !important;
}
.ct-recommend h3 {
  font-weight:500 !important;
}
.ct-recommend .carousel-control.left {
  background-image:none;
  background-repeat:repeat-x;
}
.ct-recommend .carousel-control.right {
  background-image:none;
  background-repeat:repeat-x;
}
.ct-recommend .carousel-inner {
  height:200px;
}
@media (max-width:769px) {
  .ct-recommend .carousel-inner {
    height:200px;
  }
}
.apply-2 {
  text-align:center;
}
.ct-effect .col-md-6 {
  padding:0px 50px;
}
@media (max-width:769px) {
  .ct-effect .col-md-6 {
    padding:0px 20px 60px 20px;
  }
}
.ct-effect h1 {
  margin-top:0px;
  margin-bottom:30px;
}
.ct-effect h3 {
  letter-spacing: -1px;
}