/* BASIC css start */
#section01 { width:100%; clear: both  ;}/* ¸ÞÀÎÅ«À̹ÌÁö ¿µ¿ª */
#section02 { width:100%; clear: both  ;}/* ¸ÞÀÎ ¸Þ´º¿µ¿ª */
#section03 { width:100%; clear: both  ;}/* ¸ÞÀÎ »ó´Ü ¹è³Ê ¿µ¿ª */
#section04 { width:100%; clear: both  ;}/* ¸ÞÀÎ ½Å»óÇ°¿µ¿ª */
#section05 { width:100%; clear: both  ; margin-bottom: 50px;}/* ¸ÞÀÎ ¹è³Ê ½½¶óÀÌµå ¿µ¿ª */
#section06 { width:100%; clear: both  ;}/* ¸ÞÀÎ º£½ºÆ® ½½¶óÀÌµå ¿µ¿ª  */
#section07 { width:100%; clear: both  ;}/* ¸ÞÀÎ »ç¿îµåŬ¶ó¿ìµå ¿µ¿ª */
#section08 { width:100%; clear: both  ;}/* ¸ÞÀÎ ¹Ù´Ù¶ó¿µ¿ª */
#section09 { width:100%; clear: both  ; margin-bottom: 20px;}/* ¸ÞÀÎ ´õÀÚ¶óS¿µ¿ª */
#section10 { width:100%; clear: both  ;}/* ¸ÞÀÎ SNS À§Á¬ ¿µ¿ª */


/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å ¸ÞÀÎÅ«À̹ÌÁöÄÚµå ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */

/* ·Ñ¸µ¹è³Ê */

#event { margin:0px auto ;text-align:center; }
#event .slider { width: 100%; margin:0 auto }
#event .slick-slide { margin: 0px; }
#event .slick-slide img { width: 100%; }
/* //·Ñ¸µ¹è³Ê */

#event .icon { position: absolute; left: 10px; bottom:25px; }
#event .icon p img { width:30px; margin-top:5px}


/* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // ¸ÞÀÎÅ«À̹ÌÁöÄÚµå - ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */











/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å ¹è³Ê 3´Ü¹è³ÊÄÚµå ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */


#boxall { position: relative; width: 100%; overflow: hidden;   }
#boxall .left { width: 49.5%; float:left; padding: 2px 0px 0px 0px; margin-right: 1%; }
#boxall .right {width: 49.5%; float: right; padding: 2px 0px 0px 0px; }
#boxall .right li {padding-bottom: 3px;}
#boxall .right li:last-child {padding-bottom: 0px;}
#boxall li a {}
#boxall li a img {width: 100%;}





.mbar3 { position: relative; width: 100%; overflow: hidden; padding-top: 3px; margin:0 auto; text-align:center; }
.mbar3 li { width:33.33%; float:left; text-align:center; }
.mbar3 li.sp {    padding: 0px 0px; text-align:center;}
.mbar3 li:last-child {float:right; }
.mbar3 li a {}
.mbar3 li a img {width: 98%;}


/* ¹è³Ê½½¶óÀ̵åÄÚµå */

#item-slide { margin:0px auto ;text-align:center; }
#item-slide .slider { width: 100%; margin:0 auto 0px;  }
#item-slide .slick-slide { margin: 0px; }
#item-slide .slick-slide img { width: 100%; }


/* Arrows */
#item-slide .slick-prev  { z-index:10; position: absolute;  top: 50%;display: block;  width: 30px;  height: 50px;  padding: 0;
   -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    opacity: 0.7;
    background:url(/design/ejfnc/wizmobile/main_arrow_prev.png) 0 0 no-repeat;
     -o-transition: all 0.25s 0.0s ease-in-out;
    -ms-transition: all 0.25s 0.0s ease-in-out;
    -moz-transition: all 0.25s 0.0s ease-in-out;
    -webkit-transition: all 0.25s 0.0s ease-in-out;
    transition: all 0.25s 0.0s ease-in-out;
    left: 0px;
}

#item-slide .slider:hover  .slick-prev {left:0px;  opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}  /* ¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */

#item-slide .slick-next {z-index:10; position: absolute;  top: 50%;  display: block;  width: 30px;  height: 50px;  padding: 0;
   -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
	opacity: 0.7;
    background:url(/design/ejfnc/wizmobile/main_arrow_next.png) 0 0 no-repeat;
     -o-transition: all 0.25s 0.0s ease-in-out;
    -ms-transition: all 0.25s 0.0s ease-in-out;
    -moz-transition: all 0.25s 0.0s ease-in-out;
    -webkit-transition: all 0.25s 0.0s ease-in-out;
    transition: all 0.25s 0.0s ease-in-out;
    right: 0px; 

}

#item-slide .slider:hover  .slick-next { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; right:0px  } /* ¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */


/* Dots-  */
#item-slide .slick-slider {
  margin-bottom:0; }

#item-slide .slick-dots {
  position: absolute;
  bottom:10px;
  padding:0;
  display:block;
  list-style: none;
  display: block;
  text-align: center;
  width: 100%; }
#item-slide .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    cursor: pointer; }
#item-slide .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 0;
      cursor: pointer; }
#item-slide .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
#item-slide .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
#item-slide .slick-dots li button:before {
		display:block;
		width:10px;
		height:10px;
        content: "";
		background:#999;
		border-radius:30px;
        font-size: 0;
        text-align: center;
        color: white;
        opacity: 1;
	  -o-transition:0.3s !important;
	  -ms-transition:0.3s !important;
	  -moz-transition:0.3s !important;
	  -webkit-transition:0.3s !important;
	  transition:0.3s !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
#item-slide .slick-dots li.slick-active button:before {
      background:#000;
	  width:10px;
      opacity: 1; }


/* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // ¹è³Ê 3´Ü¹è³ÊÄÚµå  - ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */











/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å ¹è³Ê2°³ÄÚµå ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */

.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}

.main .topBanner {margin:5px auto;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

/* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // ¹è³Ê2°³ÄÚµå - ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */





/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å ¸ÞÀκ£½ºÆ® ÅǸ޴º ÄÚµå ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */

.bestbox {width:100%; overflow:hidden; background:#fff; margin-top:10px;  height:auto;}
.menu-list {width: 100%; margin: 0 auto; overflow: hidden; height:60px;}
.menu-list .listcate{ }
.menu-list ul {overflow:hidden; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; vertical-align: baseline; }
.menu-list ul li{ width:calc(100% / 3);float:left;  height:40px; line-height:40px;  text-align:center; border-left:1px solid #f4f4f4;margin-left:-1px;  border-bottom:1px solid #f4f4f4; background:#dedede; cursor:pointer; color:#585858; font-size:11px; text-decoration:none;}
.menu-list ul li.active{background:#fff; border-bottom:0px; color:#333;}

.swiper-container {width: 100%; margin: 0 auto; overflow:hidden;}
.swiper-container  .swiper-wrapper{width: 100%;height:auto !important; margin: 0 auto; margin-top:0px; margin-bottom:0px; overflow:hidden;}
.swiper-container  .swiper-wrapper .swiper-slide{float:left; height:auto !important; overflow:hidden;}
.swiper-container ul{overflow:hidden;}
.swiper-wrapper {position: relative;width: 100%;}

/* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // ¸ÞÀκ£½ºÆ® ÅǸ޴º - ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */




/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å sns ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */

.sns_box {width:100%;}

.soundcloud_box {width:100%; background:#F5F5F5; padding:10px 0; height: 380px; margin-bottom:20px;}
.soundcloud_box .soundcloud_img {width:80%; background:#F5F5F5; margin:15px auto;}

.twitter_box {width:100%;  margin:20px 0; }
.twitter_box .twitter_img { width:80%; margin:0 auto;}

.insta_box {width:100%; background:#F5F5F5;  padding:20px 0; height: auto; margin-bottom:0px; }
.insta_box .insta_txt {width:80%; clear:both; margin:0 auto 35px;}
.insta_box .insta_txt i {display:block;font-size:25px;margin-top:4px;color:#474747; float:left; padding-left:10px}
.insta_box .insta_txt p {display:block;font-size:12px;margin-top:4px;color:#888; float:left; padding-left:7px; padding-top:8px;}
.insta_box .insta_txt p a {color:#474747;}
.insta_box .insta_img {width:80%; background:#F5F5F5; margin:30px auto 0; border-top:1px solid #CAD2D6; border-bottom:1px solid #CAD2D6; padding:10px 0 5px;}



/*¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å ¹è³Ê ½½¶óÀ̵åÄÚµå ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */

/* ¹è³Ê½½¶óÀ̵åÄÚµå */

#banner-slide { margin:0px auto ;text-align:center; }
#banner-slide .slider { width: 100%; margin:40px auto 40px  }
#banner-slide .slick-slide { margin: 0px; }
#banner-slide .slick-slide img { width: 100%; }


/* Arrows */
.slick-prev  { z-index:10; position: absolute;  top: 50%;display: block;  width: 30px;  height: 50px;  padding: 0;
   -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    opacity: 0.7;
    background:url(/design/sooara/wizmobile/main_arrow_prev.png) 0 0 no-repeat;
     -o-transition: all 0.25s 0.0s ease-in-out;
    -ms-transition: all 0.25s 0.0s ease-in-out;
    -moz-transition: all 0.25s 0.0s ease-in-out;
    -webkit-transition: all 0.25s 0.0s ease-in-out;
    transition: all 0.25s 0.0s ease-in-out;
    left: 10px;
}

.slider:hover  .slick-prev {left:10px;  opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}  /* ¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */

.slick-next {z-index:10; position: absolute;  top: 50%;  display: block;  width: 30px;  height: 50px;  padding: 0;
   -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
	opacity: 0.7;
    background:url(/design/sooara/wizmobile/main_arrow_next.png) 0 0 no-repeat;
     -o-transition: all 0.25s 0.0s ease-in-out;
    -ms-transition: all 0.25s 0.0s ease-in-out;
    -moz-transition: all 0.25s 0.0s ease-in-out;
    -webkit-transition: all 0.25s 0.0s ease-in-out;
    transition: all 0.25s 0.0s ease-in-out;
    right: 10px; 

}

.slider:hover  .slick-next { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; right:10px  } /* ¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */


/* Dots-  */
 .slick-slider {
  margin-bottom:0; }

 .slick-dots {
  position: absolute;
  bottom:-20px;
  padding:0;
  display:block;
  list-style: none;
  display: block;
  text-align: center;
  width: 100%; }
 .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    cursor: pointer; }
 .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 0;
      cursor: pointer; }
 .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
 .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
 .slick-dots li button:before {
		display:block;
		width:10px;
		height:10px;
        content: "";
		background:#999;
		border-radius:30px;
        font-size: 0;
        text-align: center;
        color: white;
        opacity: 1;
	  -o-transition:0.3s !important;
	  -ms-transition:0.3s !important;
	  -moz-transition:0.3s !important;
	  -webkit-transition:0.3s !important;
	  transition:0.3s !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
 .slick-dots li.slick-active button:before {
      background:#000;
	  width:10px;
      opacity: 1; }


/* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // ¹è³Ê ½½¶óÀ̵åÄÚµå - ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */

/* BASIC css end */