/*¸ÞÀÎ Æ˾÷*/
.visorpop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999;
  animation: fadeInOut 0.5s ease-out;
}



@keyframes fadeInOut {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}



.popup-content {
position: absolute;
min-width:280px;
top: 50%;left: 50%;transform: translate(-50%, -50%);
background-color: #ffffff;
border-radius: 10px;overflow:hidden;
}
.popbody{position:relative; margin-bottom:-5px;}
.popfoot{display:flex;}
.close-btn {flex:1;white-space:nowrap;padding:10px 20px;border:none;cursor:pointer;color:#fff;}
.close-btn1{border-bottom-left-radius:10px;background-color:#999999;}
.close-btn2{border-bottom-right-radius:10px;background-color:#990c1c;}



.popover{
      position: absolute;
      top: 0; bottom:5px; left: 0; right:0;
      background-color: transparent;
      z-index: 1;
}






/* ---- ¸ÞÀκñÁê¾ó---- */
.flickity-enabled { position: relative;}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {overflow: hidden; position: relative; height: 100%;}.flickity-slider {position: absolute; width: 100%; height: 100%;}
.flickity-enabled.is-draggable {-webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing;cursor: grabbing;}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot { display: inline-block; width:66px; height:100px; cursor: pointer;}
.flickity-prev-next-button{display: none;}
.flickity-viewport{width: 100%;}
/* ¹öÆ° */
.flickity-page-dots .dot{opacity: 1; position:absolute;z-index:999; }
.flickity-page-dots .dot.is-selected{ background:url(../../img/dotA.png) no-repeat 0 0; width:30px; height:30px; animation-name:rotate; animation-duration:2s; animation-iteration-count:infinite;}
.flickity-page-dots {position:absolute; left:50%;list-style: none;text-align: center;z-index: inherit;margin-left:-145px; bottom:150px;width:289px;height:50px;background:url(../../img/rect_bg.png) no-repeat 0 0; }
.slides .previous,.slides .next{position:absolute; width:30px; height:30px; display:block; text-indent:-9999px; cursor:pointer; z-index:10; background-repeat: no-repeat; background-color:transparent; 
border:none; bottom:210px; }
.slides .previous {background-image:url('../../img/prev2.png'); left:50%; margin-left:-45px; }
.slides .next {background-image:url('../../img/next2.png'); left:50%; margin-left:15px;}
/* ¹öÆ° ·Ñ¸µ */
.flickity-page-dots .dot.is-selected {overflow:hidden; position:absolute; z-index:2; top:0; left:0;
animation:rotate 5s linear infinite; -moz-animation:rotate 5s linear infinite; -webkit-animation:rotate 5s linear infinite; -o-animation:rotate 5s linear infinite;}
@keyframes rotate
{0%{} 50%{transform: rotate(180deg);} 100%{transform: rotate(360deg );}}
@-moz-keyframes rotate
{0%{} 50%{transform: rotate(180deg);} 100%{transform: rotate(360deg );}}
@-webkit-keyframes rotate
{0%{} 50%{transform: rotate(180deg);} 100%{transform: rotate(360deg );}}
@-o-keyframes rotate
{0%{} 50%{transform: rotate(180deg);} 100%{transform: rotate(360deg );}}


/*¸ÞÀÎÀ̹ÌÁö Æ÷ÀÎÆ® À§Ä¡*/
.flickity-page-dots .dot:nth-child(1){top:9px;left:4px;}
.flickity-page-dots .dot:nth-child(2){top:9px;left:84px;}
.flickity-page-dots .dot:nth-child(3){top:9px;left:164px;}
.flickity-page-dots .dot:nth-child(4){top:9px;left:244px;}
.slides {margin:0; padding:0; zoom:1;height: 100%;background-size: 100% 100%;}
.slides > li {height:100%;position: relative; z-index:2; }
.slides .cont{width: 100% !important; background-size: cover; display:block; height:100%; background-position:50%; z-index: inherit; position: relative;}
/* .slides .cont:last-child {background-size: 100% 100%;} */
.slides .cont .item_box {position: absolute; width: auto; height: auto; top: 10%; left: 50%; transform: translateX(-50%); text-align: center;}
.slides .cont .item_box img {width: auto; height: auto;}
@media(max-width: 1000px) {
  .slides .cont .item_box img:first-child {width: 400px;}
  .slides .cont .item_box img:last-child {width: 600px;}
}
@media(max-width: 700px) {
  .slides .cont .item_box img:first-child {width: 300px;}
  .slides .cont .item_box img:last-child {width: 400px;}
}


@media (max-width: 500px) {
  .slides .cont .item_box {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .slides .cont .item_box img:first-child {width: 200px;}
  .slides .cont .item_box img:last-child {width: 250px;}
}


body {overflow-x: hidden;}


.rolling_text {width: 100%; height: 150px; display: flex; align-items: center; background: #000; overflow: hidden;}
.rolling_text p {font-size: 64px; font-weight: bold; color: #FBEB00; animation: move1 30s linear infinite; white-space: nowrap;}
@keyframes move1 {
  0% {
      margin-left: 0%;
  }
  100% {
      margin-left: -170%;
  }
}


#popupzone_01.on {display: block;}
#popupzone_02.on {display: block;}


#popupzone_01 {
  width: auto;
  height: auto;
  position: fixed;
  left: 100px;
  top: 0;
  z-index: 99999999;
  display: none;
}


#popupzone_01 .popup_img {
  width: auto;
  height: auto;
}


#popupzone_01 .popup_img img {
  width: 100%;
  height: auto;
}


#popupzone_01 .popupzone_close {
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0;
  bottom: -40px;
  border-radius: 0 0 20px 20px;
  background: #fff;
  display: flex;
  align-items: center;
  border: 1px solid #000;
}


#popupzone_01 .popupzone_close div {
  width: 50%;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}


#popupzone_01 .popupzone_close div:first-child {
  border-right: 2px solid #aaa;
} 


#popupzone_02 {
  width: auto;
  height: auto;
  position: fixed;
  left: 700px;
  top: 0;
  z-index: 99999999;
  display: none;
}


#popupzone_02 .popup_img {
  width: auto;
  height: auto;
}


#popupzone_02 .popup_img img {
  width: 100%;
  height: auto;
}


#popupzone_02 .popupzone_close {
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0;
  bottom: -40px;
  border-radius: 0 0 20px 20px;
  background: #fff;
  display: flex;
  align-items: center;
  border: 1px solid #000;
}


#popupzone_02 .popupzone_close div {
  width: 50%;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}


#popupzone_02 .popupzone_close div:first-child {
  border-right: 2px solid #aaa;
} 


@media (max-width: 1400px) {
  #popupzone_01 .popup_img img {
    width: 400px;
  }


  #popupzone_02 .popup_img img {
    width: 400px;
  }
}


@media (max-width: 1200px) {
  #popupzone_01 .popup_img img {
    width: 350px;
  }


  #popupzone_02 .popup_img img {
    width: 350px;
    height: auto;
  }


  #popupzone_01 {
    left: 50px;
  }


  #popupzone_02 {
    left: 450px;
    top: 50px;
  }
}


@media (max-width: 900px) {
  #popupzone_01 .popup_img img {
    width: 300px;
  }


  #popupzone_02 .popup_img img {
    width: 300px;
  }


  #popupzone_01 {
    left: 20px;
  }


  #popupzone_02 {
    left: 350px;
  }
}


@media (max-width: 700px) {
  #popupzone_01 {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }


  #popupzone_02 {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}


@media (max-width: 400px) {
  #popupzone_02 .popup_img img {
    width: 250px;
  }


  #popupzone_01 .popup_img img {
    width: 250px;
  }


  #popupzone_02 .popupzone_close div {
    font-size: 12px;
  }


  #popupzone_01 .popupzone_close div {
    font-size: 12px;
  }


  #popupzone_02 .popupzone_close {
    height: 30px;
    bottom: -30px;
  }


  #popupzone_01 .popupzone_close {
    height: 30px;
    bottom: -30px;
  }
}


#custom_01 {
  padding: 119px 0;
  width: 100%;
  height: auto;
  background: url(../../img/custom_01.png) no-repeat center / cover;
  position: relative;
  text-align: center;
  overflow: hidden;
}


#custom_01 h1 {font-size: 60px; font-weight: normal; color: #fff;}
#custom_01 h1 span {font-weight: bold; font-size: 60px; color: #fff;}
#custom_01 h2 {font-size: 50px; font-weight: normal; color: #fff;}
#custom_01 h2 span {font-weight: bold; color: #FBEB00; font-size: 50px;}
#custom_01 h2 br {display: none;}
#custom_01 img {width: auto; height: auto; margin: 15px 0 45px;}
@media (max-width: 1600px) {
  #custom_01 h1 {
    font-size: 46px;
  }


  #custom_01 h1 span {
    font-size: 46px;
  }


  #custom_01 img {
    width: 900px;
  }


  #custom_01 h2 {
    font-size: 36px;
  }


  #custom_01 h2 span {
    font-size: 36px;
  }
}


@media (max-width: 1200px) {
  #custom_01 h1 {
    font-size: 32px;
  }


  #custom_01 h1 span {
    font-size: 32px;
  }


  #custom_01 img {
    width: 600px;
  }


  #custom_01 h2 {
    font-size: 30px;
  }


  #custom_01 h2 span {
    font-size: 30px;
  }
}


@media (max-width: 900px) {
  .rolling_text {
    height: 100px;
  }


  .rolling_text p {
    font-size: 48px;
  }


  #custom_01 h2 {
    word-break: keep-all;
  }


  #custom_01 h2 br {
    display: block;
  }


  #custom_01 img {
    width: 450px;
  }
}


@media (max-width: 500px) {
  .rolling_text {
    height: 70px;
  }


  .rolling_text p {
    font-size: 32px;
  }


  #custom_01 {
    padding: 50px 0;
  }


  #custom_01 h1 {
    font-size: 24px;
  }


  #custom_01 h1 span {
    font-size: 24px;
  }


  #custom_01 img {
    width: 350px;
  }


  #custom_01 h2 {
    font-size: 24px;
  }


  #custom_01 h2 span {
    font-size: 24px;
  }
}


@media (max-width: 400px) {
  #custom_01 h1 {
    font-size: 18px;
  }


  #custom_01 h1 span {
    font-size: 18px;
  }


  #custom_01 img {
    width: 300px;
  }


  #custom_01 h2 {
    font-size: 16px;
  }


  #custom_01 h2 span {
    font-size: 16px;
  }
}


@media (max-width: 350px) {
  #custom_01 img {width: 250px;}
}


@media (max-width: 300px) {
  #custom_01 h2 {
    padding: 0 30px;
  }
}


#custom_02 {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  background: #E6DDD6;
  padding: 100px 0 110px;
  text-align: center;
}


#custom_02 h1 {font-family: 'GmarketSansMedium'; font-size: 60px; font-weight: bold; color: #000; margin-bottom: 40px;}
#custom_02 h1 span {font-family: 'GmarketSansMedium'; font-size: 70px; font-weight: bold; color: #990c1c;}
#custom_02 .box_wrap {position: relative; width: 80%; height: auto; border-top: 8px solid #fff; border-bottom: 8px solid #fff; padding: 43px 0; margin: 0 auto; margin-bottom: 25px;}
#custom_02 .box_wrap .left_fire {position: absolute; width: auto; height: auto; left: -150px; top: 50%; transform: translateY(-50%);}
#custom_02 .box_wrap .right_fire {position: absolute; width: auto; height: auto; right: -150px; top: 50%; transform: translateY(-50%);}
#custom_02 .box_wrap h2 {font-size: 45px; font-weight: bold; color: #fff; display: inline-block; width: 654px; height: 108px; line-height: 100px; background: #990c1c; border-radius: 50px; margin-bottom: 30px;}
#custom_02 .box_wrap .box {display: flex; justify-content: center;}
#custom_02 .box_wrap .box h3 {font-size: 45px; font-weight: bold; color: #fff; display: inline-block;  width: 453px; height: 108px; line-height: 100px; background: #990c1c; border-radius: 50px; margin-right: 145px;}
#custom_02 .box_wrap .box h3:last-child {margin-right: 0;}
#custom_02 p {font-size: 50px; font-weight: normal; line-height: 70px;}
#custom_02 p span {font-size: 50px; font-weight: bold; line-height: 70px;}


@media (max-width: 1600px) {
  #custom_02 h1 {
    font-size: 48px;
  }


  #custom_02 h1 span {
    font-size: 58px;
  }


  #custom_02 .box_wrap h2 {
    font-size: 36px;
    width: 500px;
    height: 98px;
    line-height: 95px;
    margin-bottom: 30px;
  }


  #custom_02 .box_wrap .box h3 {
    font-size: 36px;
    width: 400px;
    height: 98px;
    line-height: 95px;
    margin-right: 100px;
  }


  #custom_02 .box_wrap .left_fire {
    width: 150px;
    left: -100px;
  }


  #custom_02 .box_wrap .right_fire {
    width: 150px;
    right: -100px;
  }


  #custom_02 p {
    font-size: 36px;
  }


  #custom_02 p span {
    font-size: 36px;
  }
}


@media (max-width: 1400px) {
  #custom_02 h1 {
    font-size: 36px;
  }


  #custom_02 h1 span {
    font-size: 46px;
  }


  #custom_02 .box_wrap h2 {
    font-size: 24px;
    width: 350px;
    height: 78px;
    line-height: 78px;
  }


  #custom_02 .box_wrap .box h3 {
    font-size: 24px;
    width: 250px;
    height: 78px;
    line-height: 78px;
    margin-right: 50px;
  }


  #custom_02 p {
    font-size: 30px;
  }


  #custom_02 p span {
    font-size: 30px;
  }
}


@media (max-width: 900px) {
  #custom_02 h1 {
    font-size: 28px;
  }


  #custom_02 h1 span {
    font-size: 38px;
  }


  #custom_02 .box_wrap .box {
    display: block;
  }


  #custom_02 .box_wrap h2 {
    margin-bottom: 10px;
  }


  #custom_02 .box_wrap .box h3 {
    display: block;
    margin: 0;
    margin: 0 auto;
    margin-bottom: 10px;
  }


  #custom_02 .box_wrap .box h3:last-child {
    margin: 0 auto;
    margin-bottom: 0;
  }


  #custom_02 .box_wrap .left_fire {
    left: -50px;
  }


  #custom_02 .box_wrap .right_fire {
    right: -50px;
  }
}


@media (max-width: 700px) {
  #custom_02 h1 {
    font-size: 24px;
  }


  #custom_02 h1 span {
    font-size: 34px;
  }



  #custom_02 .box_wrap {
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
  }


  #custom_02 .box_wrap .left_fire {
    width: 100px;
  }


  #custom_02 .box_wrap .right_fire {
    width: 100px;
  }


  #custom_02 .box_wrap {
    padding: 25px 0;
  }


  #custom_02 .box_wrap h2 {
    font-size: 20px;
    width: 300px;
    height: 58px;
    line-height: 58px;
  }


  #custom_02 .box_wrap .box h3 {
    font-size: 20px;
    width: 200px;
    height: 58px;
    line-height: 58px;
  }


  #custom_02 p {
    font-size: 24px;
    line-height: 40px;
  }


  #custom_02 p span {
    font-size: 24px;
    line-height: 40px;
  }


  #custom_02 {
    padding: 50px 0 60px;
  }
}


@media (max-width: 500px) {
  #custom_02 h1 {
    font-size: 20px;
    margin-bottom: 20px;
  }


  #custom_02 h1 span {
    font-size: 28px;
  }


  #custom_02 .box_wrap h2 {
    font-size: 18px;
    width: 250px;
    height: 48px;
    line-height: 48px;
  }


  #custom_02 .box_wrap .box h3 {
    font-size: 18px;
    width: 180px;
    height: 48px;
    line-height: 48px;
  }


  #custom_02 .box_wrap .left_fire {
    width: 50px;
    left: -30px;
  }


  #custom_02 .box_wrap .right_fire {
    width: 50px;
    right: -30px;
  }
}


@media (max-width: 400px) {
  #custom_02 p {
    font-size: 20px;
  }


  #custom_02 p span {
    font-size: 20px;
  }


  #custom_02 .box_wrap .left_fire {
    width: 30px;
  }


  #custom_02 .box_wrap .right_fire {
    width: 30px;
  }
}


#custom_03 {width: 100%; height: auto; position: relative; overflow: hidden; text-align: center; background: url(../../img/custom_03_background.png) no-repeat center / cover; padding: 42px 0 165px;}
#custom_03 .custom_03_head {width: auto; height: auto; display: inline-block; margin-bottom: 80px;}
#custom_03 h2 {font-family: 'GmarketSansBold'; font-size: 60px; color: #fff; margin-bottom: 70px;}
#custom_03 h2 span {font-family: 'GmarketSansBold'; font-size: 60px; color: #FBEB00;}
#custom_03 .custom_slide_1 {width: 100%; height: auto; position: relative; margin-bottom: 130px;}
#custom_03 .custom_slide_1 img {width: auto; height: auto; margin: 0 15px;}
#custom_03 .custom_slide_1 img:hover {scale: 1.1;}
#custom_03 .slick-list {overflow: unset !important;}
#custom_03 .custom_slide_2 {width: 100%; height: auto; position: relative;}
#custom_03 .custom_slide_2 img {width: auto; height: auto; margin: 0 15px;}
#custom_03 .custom_slide_2 img:hover {scale: 1.1;}
@media (max-width: 1400px) {
  #custom_03 .custom_03_head {
    width: 600px;
  }


  #custom_03 h2 {
    font-size: 48px;
    margin-bottom: 40px;
  }


  #custom_03 h2 span {
    font-size: 48px;
  }
}


@media (max-width: 900px) {
  #custom_03 .custom_03_head {
    width: 500px;
    margin-bottom: 50px;
  }
  
  #custom_03 h2 {
    font-size: 36px;
  }


  #custom_03 h2 span {
    font-size: 36px;
  }
}


@media (max-width: 700px) {
  #custom_03 .custom_slide_1 {
    margin-bottom: 50px;
  }
}


@media (max-width: 500px) {
  #custom_03 .custom_03_head {
    width: 350px;
  }
}


@media (max-width: 400px) {
  #custom_03 .custom_03_head {
    width: 270px;
  }


  #custom_03 h2 {
    font-size: 24px;
  }


  #custom_03 h2 span {
    font-size: 24px;
  }


  #custom_03 {
    padding: 40px 0 100px;
  }
}


#custom_04 {width: 100%; height: auto; position: relative; overflow: hidden; background: #990C1C; padding: 100px 0; text-align: center;}
#custom_04 h1 {font-family: 'GmarketSansBold'; font-size: 60px; color: #FBEB00; margin-bottom: 40px;}
#custom_04 h2 {font-family: 'GmarketSansMedium'; font-size: 46px; color: #fff; margin-bottom: 139px;}
#custom_04 h2 span {font-family: 'GmarketSansBold'; font-size: 46px; color: #fff;}
#custom_04 .custom_slide_3 {width: 100%; height: auto; position: relative; margin-bottom: 110px;}
#custom_04 .slick-list {overflow: unset !important;}
#custom_04 .custom_slide_3 img {width: auto; height: auto; transition: 0.5s; margin: 0 30px;}
#custom_04 .custom_slide_3 img.slick-center {scale: 1.2;}
#custom_04 h3 {font-family: 'GmarketSansMedium'; font-size: 36px; color: #fff; word-break: keep-all;}
#custom_04 h3 span {font-family: 'GmarketSansBold'; font-size: 36px; color: #FBEB00;}
@media (max-width: 1400px) {
  #custom_04 h1 {
    font-size: 46px;
    margin-bottom: 20px;
  }


  #custom_04 h2 span {
    font-size: 32px;
  }


  #custom_04 h2 {
    font-size: 32px;
  }


  #custom_04 h3 {
    font-size: 28px;
    padding: 0 20px;
  }


  #custom_04 h3 span {
    font-size: 28px;
  }
}


@media (max-width: 900px) {
  #custom_04 h1 {
    font-size: 32px;
  }


  #custom_04 h2 span {
    font-size: 24px;
  }


  #custom_04 h2 {
    font-size: 24px;
    margin-bottom: 80px;
  }


  #custom_04 h3 {
    font-size: 24px;
  }


  #custom_04 h3 span {
    font-size: 24px;
  }


  #custom_04 .custom_slide_3 img {
    margin: 0 20px;
  }
}


@media (max-width: 700px) {
  #custom_04 h2 span {
    font-size: 20px;
  }


  #custom_04 h2 {
    font-size: 20px;
    margin-bottom: 50px;
  }


  #custom_04 .custom_slide_3 {
    margin-bottom: 50px;
  }


  #custom_04 h3 {
    font-size: 20px;
  }


  #custom_04 h3 span {
    font-size: 20px;
  }
}


@media (max-width: 500px) {
  #custom_04 .custom_slide_3 img.slick-center {
    scale: 1.1;
  }


  #custom_04 h2 {
    font-size: 16px;
  }


  #custom_04 h2 span {
    font-size: 16px;
  }


  #custom_04 h1 {
    font-size: 24px;
  }


  #custom_04 h3 {
    font-size: 18px;
  }


  #custom_04 h3 span {
    font-size: 18px;
  }


  #custom_04 {
    padding: 50px 0;
  }
}


@media (max-width: 400px) {
  #custom_04 h2 {
    word-break: keep-all;
    padding: 0 10px;
  }
}


#custom_05 {width: 100%; height: auto; position: relative ; overflow: hidden; background: url(../../img/custom_05_background.png) no-repeat center / cover; padding: 100px 0; text-align: center;}
#custom_05 h1 {font-family: 'GmarketSansBold'; font-size: 48px; margin-bottom: 80px; color: #FBEB00;}
#custom_05 .custom_slide_4 {width: 100%; height: auto; position: relative; margin-bottom: 130px;}
#custom_05 .slick-list {overflow: unset !important;}
#custom_05 .custom_slide_4 .show_zone {max-width: 832px; height: auto; margin: 0 auto; overflow: hidden;}
#custom_05 .custom_slide_4 .show_zone iframe {width: auto; height: 500px; margin: 0 50px; transition: 0.5s;}
/* #custom_05 .custom_slide_4 iframe.slick-center {scale: 1.1;} */
.is-dragging {
  pointer-events: none;
}
#custom_05 .custom_slide_4 .custom_slide_4_prev {width: auto; height: auto; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); left: 300px;}
#custom_05 .custom_slide_4 .custom_slide_4_next {width: auto; height: auto; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 300px;}
#custom_05 .crak_band {width: 100%; height: auto; background: #000; padding: 50px 0; margin-bottom: 60px;}
#custom_05 .crak_band h2 {font-family: 'GmarketSansMedium'; color: #fff; font-size: 52px; line-height: 90px;}
#custom_05 .crak_band h2 .span1 {font-family: 'GmarketSansBold'; color: #990C1C; font-size: 52px;}
#custom_05 .crak_band h2 .span2 {font-family: 'GmarketSansBold'; color: #FBEB00; font-size: 52px;}
#custom_05 h3 {font-family: 'GmarketSansBold'; font-size: 48px; color: #fff; margin-bottom: 50px;}
#custom_05 img {width: auto; height: auto;}


@media(max-width: 1600px) {
  #custom_05 .custom_slide_4 .custom_slide_4_prev {
    left: 100px;
  }


  #custom_05 .custom_slide_4 .custom_slide_4_next {
    right: 100px;
  }


  #custom_05 .crak_band h2 {
    font-size: 46px;
    line-height: 60px;
  }  


  #custom_05 .crak_band h2 .span1 {
    font-size: 46px;
  }


  #custom_05 .crak_band h2 .span2 {
    font-size: 46px;
  }
}


@media (max-width: 1400px) {
  #custom_05 img {
    width: 1000px;
  }
}


@media (max-width: 1200px) {
  #custom_05 h1 {
    font-size: 36px;
    margin-bottom: 50px;
  }


  #custom_05 .custom_slide_4 .show_zone {
    max-width: 632px;
  }


  #custom_05 .custom_slide_4 .show_zone iframe {
    height: 400px;
  }


  #custom_05 .custom_slide_4 {
    margin-bottom: 100px;
  }


  #custom_05 .crak_band h2 {
    font-size: 32px;
    line-height: 40px;
  }


  #custom_05 .crak_band h2 .span1 {
    font-size: 32px;
  }


  #custom_05 .crak_band h2 .span2 {
    font-size: 32px;
  }


  #custom_05 h3 {
    font-size: 36px;
  }


  #custom_05 img {
    width: 800px;
  }
}


@media (max-width: 900px) {
  #custom_05 .custom_slide_4 .show_zone {
    max-width: 500px;
  }


  #custom_05 .custom_slide_4 .show_zone iframe {
    height: 300px;
  }


  #custom_05 .custom_slide_4 .custom_slide_4_prev {
    left: 50px;
  }


  #custom_05 .custom_slide_4 .custom_slide_4_next {
    right: 50px;
  }


  #custom_05 img {
    width: 600px;
  }
}


@media (max-width: 700px) {
  #custom_05 h1 {
    font-size: 28px;
  }


  #custom_05 .custom_slide_4 .custom_slide_4_prev {
    width: 25px;
    left: 30px;
  }


  #custom_05 .custom_slide_4 .custom_slide_4_next {
    width: 25px;
    right: 30px;
  }


  #custom_05 .crak_band h2 {
    font-size: 24px;
    line-height: 30px;
  }


  #custom_05 .crak_band h2 .span1 {
    font-size: 24px;
  }


  #custom_05 .crak_band h2 .span2 {
    font-size: 24px;
  }


  #custom_05 h3 {
    font-size: 28px;
    margin-bottom: 30px;
  }


  #custom_05 img {
    width: 500px;
  }
}


@media (max-width: 500px) {
  #custom_05 {
    padding: 50px 0;
  }


  #custom_05 h1 {
    font-size: 24px;
    margin-bottom: 10px;
  }


  #custom_05 .custom_slide_4 .show_zone {
    max-width: 320px;
  }


  #custom_05 .custom_slide_4 .show_zone iframe {
    margin: 0;
    height: 250px;
  }


  #custom_05 .custom_slide_4 .custom_slide_4_prev {
    left: 10px;
    width: 20px;
  }


  #custom_05 .custom_slide_4 .custom_slide_4_next {
    right: 10px;
    width: 20px;
  }


  #custom_05 .custom_slide_4 {
    margin-bottom: 50px;
  }


  #custom_05 .crak_band h2 {
    font-size: 20px;
  }


  #custom_05 .crak_band h2 .span1 {
    font-size: 20px;
  }


  #custom_05 .crak_band h2 .span2 {
    font-size: 20px;
  }


  #custom_05 .crak_band {
    padding: 30px 0;
    margin-bottom: 30px;
  }


  #custom_05 img {
    width: 380px;
  }


  #custom_05 h3 {
    font-size: 24px;
  }
}


@media (max-width: 400px) {
  #custom_05 .custom_slide_4 .show_zone {
    max-width: 260px;
  }


  #custom_05 .custom_slide_4 .custom_slide_4_prev {
    width: 10px;
  }


  #custom_05 .custom_slide_4 .custom_slide_4_next {
    width: 10px;
  }


  #custom_05 .crak_band h2 {
    font-size: 16px;
  }


  #custom_05 .crak_band h2 .span1 {
    font-size: 16px;
  }


  #custom_05 .crak_band h2 .span2 {
    font-size: 16px;
  }


  #custom_05 img {
    width: 270px;
  }
}


@media (max-width: 300px) {
  #custom_05 .custom_slide_4 .show_zone {
    max-width: 200px;
  }


  #custom_05 .custom_slide_4 .show_zone iframe {
    height: 180px;
  }
}


.fast_btn {
  width: auto;
  height: auto;
  position: fixed;
  right: 50px;
  bottom: 100px;
  z-index: 99999;
}


.fast_btn img {
  width: auto;
  height: auto;
  display: block;
  margin-bottom: 6px;
  cursor: pointer;
}


.fast_btn img:last-child {
  margin-bottom: 0;
}


@media (max-width: 900px) {
  .fast_btn img {
    width: 50px;
  }
}


@media (max-width: 767px) {
  .fast_btn {
    right: 15px;
    bottom: 90px;
}
}


@media (max-width: 400px) {
  .fast_btn img {width: 45px;}
}



#fast_form {background: url(../../img/form_img.png) repeat center / cover; position: fixed; left: 0; bottom: 0; z-index: 9999; width: 100vw; display: flex; padding-top: 20px;  transition: 0.5s;}  


#fast_form .form_btn {width: 50px; height: auto; position: absolute; left: 30px; top: -30px; cursor: pointer; transition: 0.5s;}
#fast_form .form_icon {
  width: 300px;
  height: auto;
  position: absolute;
  right: 160px;
  top: -26px;
}


#fast_form.active {bottom: -230px;}
#fast_form.active .form_btn {transform: rotate(180deg);}


#fast_form table tbody tr td table tbody tr td font {font-size: 20px; font-weight: bold;}
#fast_form table tbody tr td table tbody tr:nth-child(4) table td {text-align: left !important; color: #fff !important; padding-left: 6%;} 
#fast_form table tbody tr td table tbody tr:last-child td table tbody tr:last-child {display: none;}
#fast_form table tbody tr td table tbody tr:last-child td table tbody tr:first-child td:first-child {display: none;}
#fast_form table tbody tr td div:last-child {display: none;}
.table_05 {width: 120% !important;}
.table_05 td {border: none !important;}
.table_05 input[name=name] {background: #fff !important;}
.table_05 input[type=text] {background: #fff !important;}


.Btn {
  width: 50% !important;
  margin-top: 0 !important;
  text-align: center;
  background: none;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}
/* .Btn::after {content: "°³ÀÎÁ¤º¸ Ãë±Þ¹æħ µ¿ÀÇ"; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 14px; white-space: nowrap;} */
.table_05 input[name=name] {width: 20% !important; height: 30px !important;}
.table_05 input[type=text] {width: 20% !important; height: 30px !important;}
.Btn input[type=submit] {border: none!important; color: #fff !important; width: 300px !important; background: #990C1C !important; text-align: center !important; font-weight: bold !important;}
.Btn input:hover {border:  none !important; background: #990C1C !important; color: #fff !important; font-weight: bold !important;}
.custom_checkbox {position: absolute; width: 20px; height: 20px; right: 17%; top: 13%; z-index: 99999;}


@media (max-width: 1400px) {
  .Btn input[type=submit] {
    width: 200px !important;
  }


  #fast_form .form_icon {
    right: 120px;
  }
}


@media (max-width: 900px) {
  #fast_form {
    display: block;
  }


  .table_05 input[type=text] {
    width: 10% !important;
  }


  .table_05 input[name=name] {
    width: 40% !important;
  }


  .table_05 input[name=title1] {
    width: 40% !important;
  }


  .Btn {
    width: 100% !important;
    margin-bottom: 20px;
  }


  #fast_form table tbody tr td table tbody tr:nth-child(4) table td {
    font-size: 16px !important;
  }


  #fast_form .form_btn {
    width: 40px;
    top: -20px;
  }
}


@media (max-width: 700px) {
  #fast_form .form_icon {
    right: 70px;
  }
}


@media (max-width: 500px) {
  .table_05 input[type=text] {
    width: 9% !important;
  }


  #fast_form .form_icon {
    width: 200px;
    right: 70px;
    top: -18px;
  }


  #fast_form table tbody tr td table tbody tr td font {
    font-size: 16px;
  }


  .table_05 input[name=name] {
    width: 39% !important;
  }


  .table_05 input[name=title1] {
    width: 39% !important;
  }


}


@media (max-width: 400px) {
  #fast_form .form_icon {
    width: 150px;
    top: -13px;
    right: 0;
  }


  #fast_form table tbody tr td table tbody tr:nth-child(4) table td {
    font-size: 13px !important;
  }


  #fast_form table tbody tr td table tbody tr td font {
    font-size: 14px;
  }


  #fast_form .form_btn {
    width: 30px;
    top: -15px;
  }


  #fast_form table tbody tr td table tbody tr:nth-child(4) table td {
    padding-left: 1%;
  }


  .table_05 input[name=name] {
    width: 40% !important;
  }


  .table_05 input[name=title1] {
    width: 40% !important;
  }
}


@media (max-width: 300px) {
  .table_05 input[type=text] {
    width: 10% !important;
  }
  
  .table_05 input[name=name] {
    width: 46% !important;
  }



  .table_05 input[name=title1] {
    width: 46% !important;
  }


  #fast_form table tbody tr td table tbody tr:nth-child(4) table td {
    font-size: 11px !important;
  }


  #fast_form table tbody tr td table tbody tr:nth-child(4) table td {
    padding-left: 0;
  }


  .Btn input[type=submit] {
    width: 100px !important;
  }


  .formmail_title_bgcolor {
    width: 30% !important;
  }
}



/* @media (max-width: 1200px) {
  .custom_checkbox {
    right: 20%;
  }
}


@media (max-width: 800px) {
  .custom_checkbox {
    right: 23%;
  }
}


@media (max-width: 700px) {
  .Btn {
    width: 40% !important;
  }


  .custom_checkbox {
    right: 26%;
  }


  .Btn input[type=submit] {
    height: 35px;
    width: 80px !important;
    padding: 0 !important;
  }
}


@media (max-width: 550px) {
  #fast_form table tbody tr td table tbody tr td font {
    font-size: 12px !important;
  }


  .custom_checkbox {
    right: 28%;
  }


  .table_05 td input {
    height: 20px;
  }
}


@media (max-width: 500px) {
  #fast_form {
    display: block !important;
  }


  .Btn {
    width: 100% !important;
    justify-content: center !important;
  }


  .Btn input[type=submit] {
    margin-top: 50px;
    margin-bottom: 30px;
  }


  .custom_checkbox {
    right: 28%;
    bottom: 32%;
    top: unset;
    width: 15px;
    height: 15px;
  }
}



@media (max-width: 350px) {
  #fast_form table tbody tr td table tbody tr td font {
    font-size: 10px !important;
  }
} */



/* ÅؽºÆ® ºÎºÐ */
.slides .box h2{font-size:90px; color:#fff;  text-align:center; font-family: 'GmarketSansBold'; }
.slides .box .textBox{line-height:160%;   color:#fff;  font-size:30px;   overflow: hidden;  font-family: 'GmarketSansMedium';}
.slides .box { width:800px; height:300px; position:absolute; left:50%; position:absolute; margin-left:-400px; top:45%; margin-top:-20px; text-align:center; padding:0; color:#fff; z-index:999; }


/* ¾Æ·¡·Î ¹öÆ° */
.slider .downBtn{  padding-bottom:40px;}


/* ¿Â¶óÀλó´ã ¹öÆ° */
.slider  .divpop {position:absolute; z-index:3; right:50px; bottom:50px; }


@media screen and (min-width:200px) and (max-width:669px) {
/* ÅؽºÆ® ºÎºÐ */
.slides .box { width:90%; left:5%; margin-left:0;  }
.slides .box { top:54%;}
.slides .cont .box h2 { font-size:30px; line-height:50px;}
.slides .cont .box .textBox{padding:15px;font-size:13px; line-height:18px;}


/*  ¹öÆ° */
.flickity-page-dots {top:65%;}
.flickity-page-dots .dot.is-selected{ background-size:33px; width:33px; height:50px;  }
.flickity-page-dots { margin-left:-73px; margin-top:-150px;width:147px;height:26px; background-size:147px; }
.flickity-page-dots .dot.is-selected{ background-size:15px; width:15px; height:15px;}
.slides .previous,.slides  .next{ bottom:100px; }
/*¸ÞÀÎÀ̹ÌÁö Æ÷ÀÎÆ® À§Ä¡*/
.flickity-page-dots .dot:nth-child(1){top:5px;left:4px;}
.flickity-page-dots .dot:nth-child(2){top:5px;left:44px;}
.flickity-page-dots .dot:nth-child(3){top:5px;left:84px;}
.flickity-page-dots .dot:nth-child(4){top:5px;left:124px;}


/* ¿Â¶óÀλó´ã ¹öÆ° */
.slider  .divpop {  right:30px; bottom:30px; }
.slider  .divpop img {width:70px;}
.TopScroll { right:20px; width:38px; height:38px; background-size:15px;}
.TopScroll:hover {background-size:15px;}
.TopScroll a { width:38px; height:38px;}
}









/* ------------ ¹è³Ê ------------ */





/* ---- °¢ ¹è³Ê ŸÀÌƲ ºÎºÐ---- */
.top_tit {z-index:10;}
.top_tit  h2{color:#990c1c; font-size:35px;   font-family: 'GmarketSansBold'; }
.top_tit .subText  {color:#000; font-size:16px;    font-family: 'GmarketSansMedium'; }
@media screen  and (max-width:767px) {
.top_tit  h2{ font-size:25px; line-height:120%;  }
.top_tit .subText  {font-size:13px;  }
}





/* ¹è³Ê:: ¸Þ´º¼Ò°³ ·Ñ¸µ*/
#mcount { position:relative;  text-align:center; background:#F6F6F6 url(../../img/m_menu_line.png)  repeat-y center 0; padding:60px 0; overflow:hidden;}
#mcount .mcount_txt {position:absolute; z-index:10; top:0; left:0; width:100%; text-align:center; }
#mcount .mcount_txt b{font-size:80px; font-weight:600; color:#000; }
.gb_arlim {position:relative; max-width:1260px; width:90%; margin:0 auto; z-index:13;}
.gb_arlim .prev,.gb_arlim .next,.gb_arlim .pause,.gb_arlim .play {bottom:20px;}
.popup_li {position:inherit; padding:30px 0 50px 0; }
.popup_li dl:after {content:"";display:block;clear:both;}
.popup_li dl {width:90%; margin:0  5%;position:relative;}
.popup_li dl dt {width:100%;}
.popup_li dl dt img {width:100%;}
.popup_li dl dd {width:96%; padding:20px 3%;}
.popup_li dl dd .tit {  display:block;   text-align:left; }
.popup_li dl dd .tit h2 {font-size:28px; color:#000;   font-family: 'GmarketSansBold';  text-align:center;}
.popup_li dl dd p {text-align:center; font-size:15px;   line-height:140%:}
.slick-slider{ position: relative;display: block;box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;  -webkit-touch-callout: none; -khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{ position: relative;top: 0; left: 0;display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.slick-arrow,.slick-dots li button {  cursor:pointer;}
.prev,.next,.pause,.play {position:absolute; width:33px; height:33px; display:block; text-indent:-9999px; cursor:pointer; z-index:10; background-repeat: no-repeat; background-color:transparent; 
border:none; bottom:0px; }



/* ÀÌÀü ´ÙÀ½ Àç»ý¹öÆ° */
.gb_arlim .prev,.gb_arlim .next {background-color:#000; border-radius:50%; top:33%;}
.gb_arlim .prev { background-image:url('../../img/prev.png'); margin-left:-50px; left:0;}
.gb_arlim .next { background-image:url('../../img/next.png'); margin-right:-50px; right:0;}
.pause {background-image:url('../../img/pause.png'); left:50%; margin-left:-15px; }
.play {background-image:url('../../img/play.png'); left:50%; margin-left:-15px; display:none;}
.slick-dots {display:none !important;}



/* ¸ð¼Ç ÅؽºÆ® */
.txt_bg_wrap {  z-index:12;position:absolute; width:100%; height:100px; top:37%; left:0; display:none; }
.txt_bg { position:relative; height:80px; }
.txt_bg > div {  position:absolute; height:80px; width:3600px; font-size:0; }  
.txt_bg .inner { width:1800px; top:0; display:inline-block; }
.txt_bg .txt_top .inner { right:0; }
.txt_bg .inner span { display:inline-block; vertical-align:middle; position:relative; font-size:71px;  color:#990c1c; font-family: 'Fredericka the Great', cursive; letter-spacing:0.01em;}
.txt_bg_gray { z-index:11; position:absolute; top:20%; width:800px;  right:50%; margin:0 -400px 0 0;  font-size:240px; color:#E2E0E0; font-family: 'Fredericka the Great', cursive;}


/* ¿òÁ÷ÀÌ´Â ¹è°æ ¹®±¸À̹ÌÁö */
#mcount .mm_img1 { position:absolute; z-index:1;   font-family: 'GmarketSansBold'; font-size:110px; color:#fff; line-height:100%; text-align:left;
animation:motion1 5s linear infinite; -moz-animation:motion1 5s linear infinite; -webkit-animation:motion1 5s linear infinite; -o-animation:motion1 5s linear infinite;}
@keyframes motion1
{0%{top:0px; left:-30px;} 35%{top:20px; left:-20px;}70%{top:30px; left:-40px;}100%{top:0px; left:-30px;}}
@-moz-keyframes motion1
{0%{top:0px; left:-30px;} 35%{top:20px; left:-20px;}70%{top:30px; left:-40px;}100%{top:0px; left:-30px;}}
@-webkit-keyframes motion1
{0%{top:0px; left:-30px;} 35%{top:20px; left:-20px;}70%{top:30px; left:-40px;}100%{top:0px; left:-30px;}}
@-o-keyframes motion1
{0%{top:0px; left:-30px;} 35%{top:20px; left:-20px;}70%{top:30px; left:-40px;}100%{top:0px; left:-30px;}}
#mcount .mm_img3 { position:absolute; z-index:1;   letter-spacing:-0.1em; font-family: 'GmarketSansBold';   font-size:100px; color:#fff; line-height:100%; text-align:right;
animation:motion3 3s linear infinite; -moz-animation:motion3 3s linear infinite; -webkit-animation:motion3 3s linear infinite; -o-animation:motion3 3slinear infinite;}
@keyframes motion3
{0%{bottom:0px; right:0px;} 35%{bottom:-5px; right:10px;}70%{bottom:-15px; right:5px;}100%{bottom:0px; right:0px;}}
@-moz-keyframes motion3
{0%{bottom:0px; right:0px;} 35%{bottom:-5px; right:10px;}70%{bottom:-15px; right:5px;}100%{bottom:0px; right:0px;}}
@-webkit-keyframes motion3
{0%{bottom:0px; right:0px;} 35%{bottom:-5px; right:10px;}70%{bottom:-15px; right:5px;}100%{bottom:0px; right:0px;}}
@-o-keyframes motion4
{0%{bottom:0px; right:0px;} 35%{bottom:-5px; right:10px;}70%{bottom:-15px; right:5px;}100%{bottom:0px; right:0px;}}



@media screen  and (max-width:1000px) {
#mcount {padding:50px 0;}
#mcount .mcount_txt b{font-size:50px; }
.popup_li {padding:20px 0 40px 0; }
.popup_li dl dd .tit h2 {font-size:21px;}
.popup_li dl dd p {font-size:13px;}


/* ÀÌÀü ´ÙÀ½ Àç»ý¹öÆ° */
.gb_arlim .prev { background-image:url('../../img/prev.png'); margin-left:0px; left:0;}
.gb_arlim .next { background-image:url('../../img/next.png'); margin-right:0px; right:0;}


/* ¸ð¼Ç ÅؽºÆ® ¹è°æ ȸ»ö±Û½Ã*/
.txt_bg_gray {top:30%; width:400px; overflow:hidden; margin:0 -200px 0 0;  font-size:120px;}


/* ¿òÁ÷ÀÌ´Â ¹è°æ ¹®±¸À̹ÌÁö */
#mcount .mm_img1 { font-size:55px;}
#mcount .mm_img3 {font-size:50px;}
}












/* ¹è³Ê:: À¥ÆÑÅ丮´Â? µ¿±×¶õ ¹è³Ê ³×°³ */
.about {width:100%; position:relative; background:#990c1c url(../../img/about_img.jpg) no-repeat center 0; padding:80px 0;}
.about .about_top {max-width:1260px; text-align:left; margin:0 auto;  text-align:center; }
.about .about_top h3 {font-size:43px; display:inline-block; font-family: 'GmarketSansBold'; font-weight:600;  padding-top:5px; line-height:100%; color:#fff; background:url(../../img/about_mark.png) no-repeat 0 0; 
background-size:65px; padding-left:75px; }
.about .about_top h3 span  {font-size:43px;  font-weight:200;  color:#fff;  font-family: 'GmarketSansLight'; line-height:100%; color}
.about .about_top  p { font-family: 'GmarketSansMedium'; padding-top:5px; font-size:17px; color: #fff; display:block;  }
.about .about_top  p span { font-family: 'GmarketSansMedium';  opacity:0.8; font-size:17px; color: #fff; } 


@media screen  and (max-width:1000px) {
.about {padding:50px 0;}
.about .about_top {text-align:left; width:90%; margin:0 auto;  }
.about .about_top h3 {font-size:25px;background-size:50px; padding-left:60px;   }
.about .about_top h3 span  {font-size:25px;  }
.about .about_top  p {padidng-left:60px;}
.about .about_top  p,
.about .about_top  p span { font-size:13px; } 
}



.container01 .box01{  text-align:center; padding-top:20px; }
.container01 .box01 ul{display: inline-block;  max-width:1260px;   margin:0 auto; }
.container01 .box01 ul {margin-top:30px;}
.container01 .box01 ul li { float:left; width:250px;   display:inline-blcok; margin:0 30px; }
.container01 .box01 ul li div.img {background:#000; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:100%;}
.container01 .box01 ul li .mb_01  {background:url(../../img/mquick_1.jpg) no-repeat center 0; }
.container01 .box01 ul li .mb_02  {background:url(../../img/mquick_2.jpg) no-repeat center 0; }
.container01 .box01 ul li .mb_03  {background:url(../../img/mquick_3.jpg) no-repeat center 0; }
.container01 .box01 ul li .mb_04  {background:url(../../img/mquick_4.jpg) no-repeat center 0; }
.container01 .box01 ul li .mb_01,
.container01 .box01 ul li .mb_02,
.container01 .box01 ul li .mb_03,
.container01 .box01 ul li .mb_04 {background-size:250px; height:250px;  width:100%; background-color:#000; display:inline-blcok;  opacity:0.8;  -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;  border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.container01 .box01 ul li a:hover div {background-color:#000; }
.container01 .box01 ul li a:hover .mb_01,
.container01 .box01 ul li a:hover .mb_02,
.container01 .box01 ul li a:hover .mb_03,
.container01 .box01 ul li a:hover .mb_04 {opacity:0.3;}
.container01 .box01 ul li a div h3 {position:absolute; z-index:100;  top:40%; width:100%; text-align:center; font-size:21px; font-family: 'GmarketSansMedium';   -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;   color:#fff;  }
.container01 .box01 ul li a div h3 span {background:url(../../img/h_line_b.gif) no-repeat center 0; font-size:14px; font-family: 'GmarketSansMedium';  color: #FFFB89; padding-top:10px; margin-top:7px;   font-weight:400;  display:block;}
.container01 .box01 ul li a:hover div h3 span {color:#990c1c;}
.container01 .box01 ul li a:hover div h3 {top:42%; }



@media screen  and (max-width:1300px) {
.container01 .box01 ul{ max-width:1120px; }
.container01 .box01 ul li { margin:0 15px; }
}
@media screen  and (max-width:1140px) {
.container01 .box01 ul{ max-width:920px;}
.container01 .box01 ul li { width:200px;}
.container01 .box01 ul li .mb_01,
.container01 .box01 ul li .mb_02,
.container01 .box01 ul li .mb_03,
.container01 .box01 ul li .mb_04 {background-size:200px; height:200px;}
}
@media screen  and (max-width:1000px) {
.container01 .box01 ul{ max-width:700px; }
.container01 .box01 ul li { width:46%; margin:0 2% 30px 2%; text-align:center; }
.container01 .box01 ul li div.img {width:200px; margin:0 auto;}
}
@media screen  and (max-width:600px) {
.container01 .box01 h2{ font-size:23px;}
.container01 .box01 .subText a { font-size:14px; margin-top:0px;  }
.container01 .box01 ul li .mb_01,
.container01 .box01 ul li .mb_02,
.container01 .box01 ul li .mb_03,
.container01 .box01 ul li .mb_04 {background-size:150px; height:150px;}
.container01 .box01 ul li div.img {width:150px;}
.container01 .box01 ul li a div h3 { top:33%; font-size:16px; }
.container01 .box01 ul li a div h3 span { font-size:12px;}
}











/* ¹è³Ê:: µ¿¿µ»ó */
.m_movie {background:#44322C url(../../img/m_movie_bg.jpg) no-repeat center bottom; width:100%; position:relative; padding:140px 0; overflow:hidden;}
.m_movie section {max-width:1260px; width:90%; margin:0 auto; position:relative; text-align:center;}
.m_movie section  h2 {letter-spacing:-0.05em;   font-size:30px; color:#FBEB00; padding-bottom:20px;   }
.m_movie section  p {padding-top:20px; font-size:15px; color:#fff;  max-width:700px; margin:0 auto 30px auto;}
.m_movie section .mm_movie {z-index:1;  width:900px; height:525px; margin:20px auto; }
.m_movie section .mm_movie iframe {width:100%; height:100%;   box-shadow:10px 10px 25px #2A2622; }
@media screen  and (max-width:1360px) {
.m_movie section .mm_txt h2 {font-size:80px;}
.m_movie section .mm_txt h3 { font-size:25px; padding:15px 0;}
.m_movie section .mm_txt p {padding-top:15px; font-size:15px;  max-width:430px;}
.m_movie section .mm_movie { width:600px; height:400px; }
}
@media screen  and (max-width:1000px) {
.m_movie section .mm_txt {position:relative;}
.m_movie section .mm_txt h2,.m_movie section .mm_txt h2 span {font-size:50px;}
.m_movie section .mm_txt h3 { font-size:21px;;}
.m_movie section .mm_txt p {padding:15px 0 30px 0; font-size:13px;  max-width:100%; }
.m_movie section .mm_movie { width:100%; height:260px; }
.m_movie .mm_img1 img,
.m_movie .mm_img2 img,
.m_movie .mm_img3 img {width:50%;}
}










/* ¹è³Ê:: ¿Â¶óÀι®ÀÇ*/
.project_btn { width:100%; text-align:center; background:#010312 url('../../img/m_online_bg.jpg') no-repeat center 0;   padding:150px 0; }
.project_btn  h3 {background:url(../../img/icon_online2.png) no-repeat center top;   }
.project_btn .btn {margin-top:30px;}
.project_btn .btn a { background:#000 url(../../img/arrow_1.png) no-repeat 10px 14px;  color:#fff;}


@media screen  and (max-width:1000px) {
.project_btn {  padding:50px 0; }
.project_btn .btn {margin-top:20px;}
}








/* ¹è³Ê:: °í°´¼¾ÅÍ  */
.m_board .top_tit .subText  {color:#fff; }
.m_board {background:#2C2803 url('../../img/m_board_bg.jpg') no-repeat center 0; background-attachment:fixed; width:100%; padding:120px 0 0 0; position:relative; text-align:center;}
.m_board section {max-width:1260px; width:96%; margin:0 auto; }
.m_board section > div {width:42%; float:left;   text-align:left; padding:40px 4%;   }
.b_tit {border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:15px;}
.b_tit h3 {font-size:19px;}
.b_tit h3,.b_tit p {color:#fff;}
.b_tit .more a{position:absolute; right:0; top:0;}
.b_tit .more a:hover {-ms-transform: rotate(60deg); // explorer -webkit-transform: rotate(60deg); // chrome, safari, opera transform: rotate(60deg); }
.board_list .board_output {background:none;}
.board_list .board_output tr td  {text-align:right; font-size:15px; letter-spacing:0.05em; color:#fff;}
.board_list .board_output  .bd_out1  {text-align:left; padding:5px 0;}
.board_list .board_output  .bd_out1 a {color:#fff; }
.board_list .board_output .bd_out1 a {font-family:"NotoSansKR"; font-size:15px; letter-spacing:0.02em;}
/* ÇÏ´Ü ¼ýÀÚÄ«¿îÆ® */
.m_board .m_count {width:100%; background:url('../../img/b_bg.png')  repeat 0 0;    margin-top:50px; padding:70px 0; }
.m_count ul {width:100%;  max-width:1240px; width:96%; margin:0 auto;   }
.m_count ul:after {content:"";display:block;clear:both;}
.m_count ul li {float:left; width:25%; background:url(../../img/line.png) repeat-y right 0px; }
.m_count ul li:last-child { background:none;}
.m_count ul li dl {padding-left:80px; margin-left:30px; text-align:left;}
.m_count ul li dl.count_1 {background:url(../../img/mcount_1.png) no-repeat 0 2px; }
.m_count ul li dl.count_2 {background:url(../../img/mcount_2.png) no-repeat 0 2px; }
.m_count ul li dl.count_3 {background:url(../../img/mcount_3.png) no-repeat 0 2px; }
.m_count ul li dl.count_4 {background:url(../../img/mcount_4.png) no-repeat 0 2px; }
.m_count ul li dl dt {color:#fff;}
.m_count ul li dl dd b.counter {color:#fff; font-family: 'GmarketSansBold'; font-size:37px;  padding:top:10px;  letter-spacing:0.05em;}
@media screen  and (max-width:1360px) {
.board_list .board_output tr td,
.board_list .board_output .bd_out1 a {font-size:13px; letter-spacing:0;}
}
@media screen  and (max-width:1200px) {
.board_list .board_output tr td,
.board_list .board_output .bd_out1 a {font-size:12px; letter-spacing:-0.05em; }
}
@media screen  and (max-width:1000px) {
.m_board section > div {width:90%;  padding:25px 5%; display:block; }
.b_tit h3 {font-size:15px;}
.board_list .board_output tr td, 
.board_list .board_output .bd_out1 a {font-size:13px; letter-spacing:0; }
/* ÇÏ´Ü ¼ýÀÚÄ«¿îÆ® */
.m_count ul li {width:47.2%; background:none; border:1px solid #E44949; margin:2px 1%;  }
.m_count ul li dl {padding:10px 0 10px 40px; margin-left:15px; }
.m_count ul li dl.count_1,
.m_count ul li dl.count_2,
.m_count ul li dl.count_3,
.m_count ul li dl.count_4 {background-size:30px; background-position:0 20px;}
.m_count ul li dl dd b.counter {font-size:20px; }
}
@media screen  and (max-width:600px) {
.board_list .board_output tr td, 
.board_list .board_output .bd_out1 a {font-size:10px; letter-spacing:-0.05em; }
/* ÇÏ´Ü ¼ýÀÚÄ«¿îÆ® */
.m_board .m_count {  margin-top:30px; padding:30px 0; }
.b_tit .more a img {width:20px;}
}
@media screen  and (max-width:380px) {
.board_list .board_output .bd_out1 a {font-size:8px;}
}