/* ---- ¸ÞÀÎ ·Ñ¸µ ÇÁ·Î´öÆ® ¹è³Ê Ãß°¡ ---- */
.main_wrap {height: 100vh;  width:100%; background:url(../../img/main_back.jpg); no-repeat center center ;  background-size:cover;}
.main_product {position:absolute; top:50%;left:50%; z-index:2;  transform:translate(-50%,-50%); width:1500px; height:650px; }

.pitem  {z-index:1; position:absolute; width:29.7%; }
.pitem a img {width:100%;}
.pitem a .on{opacity:0;  position:absolute; left:0; top:0; z-index:10000000;  transition: 0.4s 0s; }
.pitem a .off{opacity:1; transition: 0.4s 0s;}
.pitem a:hover .on{opacity:1;}
.pitem a:hover .off{opacity:0;}
.main_product .product_01  {left:0; top:28%;}
.main_product .product_02  {left:27%; top:0; }
.main_product .product_03  {left:62%; top:8%;}
.main_product .product_04  {left:68.5%; top:53%;}
.main_product .product_05  {left:31%; top:57%;}


@media screen and (max-width:1560px){
.main_product {width:1200px; height:550px; }
}

@media screen and (max-width:1260px){
.main_product {width:1000px; }
}

@media screen and (max-width:1024px){
.main_wrap {height:100%;}
.main_product {margin:0 auto; position:relative;  transform:translate(0%,0%); top:0; left:0; width:96%; max-width:600px; height:auto; padding:70px 0 30px 0;}
.pitem  {position:relative; width:50%; float:left;}
.main_product .product_01,
.main_product .product_02,
.main_product .product_03,
.main_product .product_04,
.main_product .product_05 {left:0; top:;}
.main_product .product_05 { margin-left:25%;}
}





@media screen and (min-width:1024px){
.main_product .product_01 {animation:pro1 15s;  animation-delay:0.1s; animation-fill-mode: none;  animation-iteration-count: infinite; }
.main_product .product_02 {animation:pro2 15s;  animation-delay:0.1s; animation-fill-mode: none; animation-iteration-count: infinite; }
.main_product .product_03 {animation:pro3 15s;  animation-delay:0.1s; animation-fill-mode: none; animation-iteration-count: infinite; }
.main_product .product_04 {animation:pro4 15s;  animation-delay:0.1s; animation-fill-mode: none; animation-iteration-count: infinite; }
.main_product .product_05 {animation:pro5 15s;  animation-delay:0.1s; animation-fill-mode: none; animation-iteration-count: infinite; }
}

@keyframes pro1  {
0% {left:0; top:28%;}
15% {left:0; top:28%;}
20% {left:27%;  top:0;}
35% {left:27%;  top:0;}
40% {left:62%;  top:8%;}
55% {left:62%;  top:8%;}
60% {left:68.5%; top:50%;}
75% {left:68.5%; top:50%;}
80% {left:31%; top:60%;}
95% {left:31%; top:60%;}
100% {left:0; top:28%;}
}
 
@keyframes pro2  {
0% {left:27%;  top:0;}
15% {left:27%;  top:0;}
20% {left:62%;  top:8%;}
35% {left:62%;  top:8%;}
40% {left:68.5%; top:50%;}
55% {left:68.5%; top:50%;}
60% {left:31%; top:60%;}
75% {left:31%; top:60%;}
80% {left:0; top:28%;}
95% {left:0; top:28%;}
100% {left:27%;  top:0;}
}


@keyframes pro3  {
0% {left:62%; top:8%;}
15% {left:62%; top:8%;}
20% {left:68.5%; top:50%;}
35% {left:68.5%; top:50%;}
40% {left:31%; top:60%;}
55% {left:31%; top:60%;}
60% {left:0; top:28%;}
75% {left:0; top:28%;}
80% {left:27%;  top:0;}
95% {left:27%;  top:0;}
100% {left::62%; top:8%;}
}


@keyframes pro4  {
0% {left:68.5%; top:50%;}
15% {left:68.5%; top:50%;}
20% {left:31%; top:60%;}
35% {left:31%; top:60%;}
40% {left:0; top:28%;}
55% {left:0; top:28%;}
60% {left:27%;  top:0;}
75% {left:27%;  top:0;}
80% {left:62%; top:8%;}
95% {left:62%; top:8%;}
100% {left:68.5%; top:50%;}
}


@keyframes pro5  {
0% {left:31%; top:60%;}
15% {left:31%; top:60%;}
20% {left:0; top:28%;}
35% {left:0; top:28%;}
40% {left:27%;  top:0;}
55% {left:27%;  top:0;}
60% {left:62%; top:8%;}
75% {left:62%; top:8%;}
80% {left:68.5%; top:50%;}
95% {left:68.5%; top:50%;}
100% {left:31%; top:60%;}
}



/* ---- ¸ÞÀκñÁê¾ó---- */
.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 {position:absolute; left:50%;list-style: none;text-align: center;z-index: inherit;margin-left:-100px; bottom:5%;width:200px;height:50px;background:url(../../img/rect_bg.png) no-repeat 0 0; }
 .previous,.next{position:absolute; top:50%; margin-top:-32px; width:47px; opacity:1.6; height:64px; display:block; text-indent:-9999px; cursor:pointer; z-index:10; background-repeat: no-repeat; background-color:transparent; border:none; }
 .previous {background-image:url('../../img/prev4.png'); left:50px;  }
 .next {background-image:url('../../img/next4.png'); right:50px;}

/* ¹öÆ° ·Ñ¸µ */
.flickity-page-dots .dot.is-selected{ background:url(../../img/dotA.png) no-repeat 0 0; width:30px; height:30px; overflow:hidden; position:absolute; z-index:2; top:0; left:0;
/*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 );}}
@-o-keyframes rotate
{0%{} 50%{transform: rotate(180deg);} 100%{transform: rotate(360deg );}}



/*¸ÞÀÎÀ̹ÌÁö Æ÷ÀÎÆ® À§Ä¡*/
.flickity-page-dots .dot:nth-child(1){top:10px;left:3px;}
.flickity-page-dots .dot:nth-child(2){top:10px;left:44px;}
.flickity-page-dots .dot:nth-child(3){top:10px;left:85px;}
.flickity-page-dots .dot:nth-child(4){top:10px;left:126px;}
.flickity-page-dots .dot:nth-child(5){top:10px;left:162px;}
.flickity-page-dots .dot:nth-child(6){top:10px;left:203px;}
.flickity-page-dots .dot:nth-child(7){top:10px;left:244px;}

.slides {margin:0; padding:0; zoom:1;height: 100%; background-size: 100% 100%; width: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;}
 
/* ÅؽºÆ® ºÎºÐ */
.slides .box h2 {font-size:40px; color:#000000;  text-align:center;  font-family: 'GmarketSansLight'; }
.slides .box  h2 span {font-size:40px; color:#000000;  text-align:center; font-family: 'GmarketSansBold'; }
.slides .box .textBox{line-height:90%;font-weight:400; padding:0 20px 30px; color:#f10808;  font-family: 'GmarketSansMedium'; font-size:63px;   overflow: hidden;}
.slides .box { width:100%; height:300px; position:absolute; left:50%; position:absolute; margin-left:-50%; top:83%; margin-top:-20px; text-align:center; padding:0; color:#fff; z-index:999; }
 /* ¾Æ·¡·Î ¹öÆ° */
.slider .downBtn{ text-align:center; width:60px;  position:absolute;z-index: 2; bottom:40px; right:50%; margin:0 -30px 0 0;  } 
/* ¿ìÃø Äü ¹öÆ° */
.slider .r_quick {position:absolute; z-index:3; right:0px; top:50%; margin-top:-160px;  c text-align:right; width:60px; }
.slider .r_quick ul li a{  -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;  display:block; text-align:right; width:50px; float:right;  text-align-right;}
.slider .r_quick ul li:first-child a{background:#fff; }
.slider .r_quick ul li a{ background:#E10025; }
.slider .r_quick ul li a:hover {padding-right:10px; }


.slides .cont{width: 100% !important; background-size: cover; display:block; height:100%; background-position:50%; z-index: inherit;}

 
@media screen  and (max-width:1000px) {
/* ÅؽºÆ® ºÎºÐ */
.slides .box h2 ,
.slides .box h2 span {font-size:50px; }
.slides .box .textBox{ font-size:17px;;}
.slides  .downBtn img {width:40px; } 
 /* ¾Æ·¡·Î ¹öÆ° */
.slider .downBtn img {width:40px;}
.slides .previous,.slides .next{ margin-top:-17px; width:25px;   height:34px;  }
.slides .previous {background-size:25px; left:10px;  }
.slides .next {background-size:25px; right:60px;}
}

@media screen and (min-width:200px) and (max-width:669px) {
/* ÅؽºÆ® ºÎºÐ */
.slides .box { width:90%; left:5%; margin-left:0;  }
.slides .box { top:35%;}
.slides .cont .box h2 { font-size:30px; line-height:50px;}
.slides .cont .box .textBox{padding:5px 15px;font-size:13px; line-height:18px;}
 
/*  ¹öÆ° */
.flickity-page-dots .dot.is-selected{ background-size:33px; width:33px; height:50px;  }
.flickity-page-dots { margin-left:-70px; width:140px;height:30px; background-size:100%; }
.flickity-page-dots .dot.is-selected{ background-size:20px; width:20px; height:20px;}
.slides .previous,.slides  .next{ bottom:100px; }
/*¸ÞÀÎÀ̹ÌÁö Æ÷ÀÎÆ® À§Ä¡*/
.flickity-page-dots .dot:nth-child(1){top:8px;left:2px;}
.flickity-page-dots .dot:nth-child(2){top:8px;left:31px;}
.flickity-page-dots .dot:nth-child(3){top:8px;left:60px;}
.flickity-page-dots .dot:nth-child(4){top:8px;left:88px;}
.flickity-page-dots .dot:nth-child(5){top:8px;left:114px;}

 
/* ÅؽºÆ® ºÎºÐ */
.slider .box h2 ,
.slider .box h2 span {font-size:30px; }
.slider .box .textBox{ font-size:15px;}
/* ¿ìÃø Äü ¹öÆ° */
.slider  .r_quick { margin-top:-100px; width:40px;}
.slider  .r_quick  img {width:30px;}
.slider  .r_quick ul li a{  width:30px;}
.slides .next { right:40px;}
}
 
 
/* ¸ÞÀÎ ºê¶ó¿ìÀúº° ¸ÞÀÎÀ̹ÌÁö Àû¿ë »çÀÌÁî Ãß°¡ 240715*/
.slider  {width:100%; position:relative; height:100vh;}
.mimg1 {background-image:url(../../img/main_img1.jpg);}
.mimg2 {background-image:url(../../img/main_img2.jpg);}
.mimg3 {background-image:url(../../img/main_img3.jpg);}
.mimg4 {background-image:url(../../img/main_img4.jpg);}
.mimg5 {background-image:url(../../img/main_img5.jpg);}

/* ¿µ¹®¿ë */
.mimg1_eng {background-image:url(../../img/main_eng_img1.jpg);}
.mimg2_eng {background-image:url(../../img/main_eng_img2.jpg);}
.mimg3_eng {background-image:url(../../img/main_eng_img3.jpg);}
.mimg4_eng {background-image:url(../../img/main_eng_img4.jpg);}
.mimg5_eng {background-image:url(../../img/main_eng_img5.jpg);}

@media screen  and (max-width:1800px) {
.slider  {height:900px;}
}

@media screen  and (max-width:1650px) {
.slider  {height:800px;}
}

@media screen  and (max-width:1480px) {
.slider  {height:700px;}
}

@media screen  and (max-width:1280px) {
.slider  {height:600px;}
}

@media screen  and (max-width:1100px) {
.slider  {height:520px;}
}


@media screen  and (max-width:960px) {
.slider  {height:990px; padding-top:50px;}
/* ¸ð¹ÙÀÏ*/
.mimg1 {background-image:url(../../img/m_main_img1.jpg);}
.mimg2 {background-image:url(../../img/m_main_img2.jpg);}
.mimg3 {background-image:url(../../img/m_main_img3.jpg);}
.mimg4 {background-image:url(../../img/m_main_img4.jpg);}
.mimg5 {background-image:url(../../img/m_main_img5.jpg);}

/* ¿µ¹®¿ë ¸ð¹ÙÀÏ */
.mimg1_eng {background-image:url(../../img/m_main_eng_img1.jpg);}
.mimg2_eng {background-image:url(../../img/m_main_eng_img2.jpg);}
.mimg3_eng {background-image:url(../../img/m_main_eng_img3.jpg);}
.mimg4_eng {background-image:url(../../img/m_main_eng_img4.jpg);}
.mimg5_eng {background-image:url(../../img/m_main_eng_img5.jpg);}
}

@media screen  and (max-width:850px) {
.slider  {height:880px;}
}

@media screen  and (max-width:730px) {
.slider  {height:760px;}
}

@media screen  and (max-width:600px) {
.slider  {height:650px;}
}

@media screen  and (max-width:500px) {
.slider  {height:530px;}
}

@media screen  and (max-width:450px) {
.slider  {height:500px;}
}

@media screen  and (max-width:400px) {
.slider  {height:450px;}
}

@media screen  and (max-width:350px) {
.slider  {height:400px;}
}





/* ¸ÞÀε¿¿µ»ó*/
#mmovie .mtxtBox { position:absolute;z-index: 2;  position:absolute; display:flex; align-items:center;   height:100%;   width:100%; }
#mmovie .mtxt {  width:1200px; margin:0 auto;    font-size: 20px; position:relative; }
#mmovie .bg-size{  background-attachment: fixed !important;  background-size: cover !important; padding:0; margin:0;}
#mmovie_con {position:relative; overflow:hidden; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;   align-items: center;  height: 100vh;  position: relative;  z-index:1; }
#mmovie_con video {border:0; padding:0; margin:0;  position: absolute; opacity:1;  top: 50%;  left: 50%;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto; z-index: -100;  transform: translateX(-50%) translateY(-50%);  background-size: cover;}
 

 

 
/* ¿ìÃø Äü ¹öÆ° */
#mmovie  .r_quick {position:absolute; z-index:3; right:0px; top:50%; margin-top:-160px;  c text-align:right; width:60px; }
#mmovie  .r_quick ul li a{  -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;  display:block; text-align:right; width:50px; float:right;  text-align-right;}
#mmovie  .r_quick ul li:first-child a{background:#fff; }
#mmovie  .r_quick ul li a{ background:#000; }
#mmovie  .r_quick ul li a:hover {padding-right:10px; }

@media screen  and (max-width:1000px) {
/* ÅؽºÆ® ºÎºÐ */
#mmovie .mtxt h2 ,
#mmovie .mtxt h2 span {font-size:50px; }
#mmovie .mtxt .textBox{ font-size:17px;;}
#mmovie .downBtn img {width:40px; } 
}

@media screen  and (max-width:700px) {
/* ÅؽºÆ® ºÎºÐ */
#mmovie .mtxt h2 ,
#mmovie .mtxt h2 span {font-size:30px; }
#mmovie .mtxt .textBox{ font-size:15px;}
 
/* ¿ìÃø Äü ¹öÆ° */
#mmovie  .r_quick { margin-top:-100px; width:40px;}
#mmovie  .r_quick  img {width:30px;}
#mmovie  .r_quick ul li a{  width:30px;}
}

     
 

/* ---- °¢ ¹è³Ê ŸÀÌƲ ºÎºÐ---- */
.top_tit  h2{color:#ffffff; font-size:33px;  font-weight:bold; font-family: 'GmarketSansMedium'; line-height:120%; }
.top_tit  h2 span {color:#092657; font-size:44px;  font-weight:bold; font-family: 'GmarketSansBold'; line-height:120%;}
.top_tit .subText  {color:#fff; font-size:16px;   opacity:0.7; }
@media screen  and (max-width:767px) {
.top_tit  h2{ font-size:22px;}
.top_tit  h2 span { font-size:33px;  display:block;}
.top_tit .subText a {font-size:13px;  }
}



  
/* ¹è³Ê2. µ¿¿µ»ó */
.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  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:600px; height:320px; 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%;}
}



/* ¹è³Ê3. µ¿±×¶õ ¹è³Ê ³×°³ */
.container01 .box01{background:#F3F2F6 url(../../img/m_banner_bg.jpg) no-repeat center bottom; padding:150px 0; text-align:center;}
.container01 .top_tit  h2 span {color:#fff; }
.container01 .box01 ul{display: inline-block; max-width:1280px; width:100%; margin:0 auto; }
.container01 .box01 ul {margin-top:80px;}
.container01 .box01 ul li { float:left; width:250px;   display:inline-blcok; margin:0 35px; }
.container01 .box01 ul li div.img {border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:100%;}
.container01 .box01 ul li .mb_01  {background:url(../../img/mquick_1.png) no-repeat center 0; }
.container01 .box01 ul li .mb_02  {background:url(../../img/mquick_2.png) no-repeat center 0; }
.container01 .box01 ul li .mb_03  {background:url(../../img/mquick_3.png) no-repeat center 0; }
.container01 .box01 ul li .mb_04  {background:url(../../img/mquick_4.png) 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%;  display:inline-blcok;  opacity:1.0;  -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 {}
.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.2;}
.container01 .box01 ul li a div h3 {position:absolute; z-index:100;  top:40%; width:100%; text-align:center; font-size:21px;   -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;   color:#fff; font-weight:600; }
.container01 .box01 ul li a div h3 span { no-repeat center 0; font-size:15px; font-family: 'GmarketSansMedium'; color: #13D5AA; padding-top:10px; margin-top:7px; letter-spacing:-0.03em;  font-weight:400;  display:block;}
.container01 .box01 ul li a:hover div h3 span {color:#0072BB;}
.container01 .box01 ul li a:hover div h3 {top:42%; }
.container01 .box01 ul li a p{ margin-top:0px;}
.container01 .box01 ul li a p span{ font-size:19px;  line-height:100%; color:#fff;    }
 
@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 { padding:80px 0 50px 0;}
.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;}
.container01 .box01 ul li a p{  margin-top:10px;}
.container01 .box01 ul li a p span{ font-size:10px;}  
}




/* ¹è³Ê4  ¿Â¶óÀι®ÀÇ*/
.project_btn { width:100%; text-align:center; background:#010312 url('../../img/m_online_bg.jpg') no-repeat center bottom;   padding:200px 0; }
.project_btn  h3 {background:url(../../img/icon_online2.png) no-repeat center top; color:#FF4A14; }
.project_btn .btn {margin-top:40px;}




/* ¹è³Ê5. ¸Þ´º¼Ò°³ ·Ñ¸µ*/
#mcount { position:relative;  text-align:center; background:#9d9c9c; padding:120px 0 100px 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:#fff; }
.gb_arlim {position:relative; max-width:1260px; width:90%; margin:0 auto; }
.gb_arlim .prev,.gb_arlim .next,.gb_arlim .pause,.gb_arlim .play {bottom:20px;}
.popup_li {position:inherit; padding:50px 0 60px; }
.popup_li .tab {position:absolute; z-index:10; right:40px; top:0px;}
.popup_li dl:after {content:"";display:block;clear:both;}
.popup_li dl {width:90%; margin:7px 5%;position:relative; }
.popup_li dl dt {width:100%; }
.popup_li dl dt img {width:100%; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; }
.popup_li dl dd {width:90%; padding:30px 5%;   height:140px; background:#fff; opacity:0.9; border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px;}
.popup_li dl dd .tit {background:url(../../img/h_line_2.gif) no-repeat 4px bottom; display:block; padding-bottom:10px;  text-align:left; }
.popup_li dl dd .tit h2 {font-size:28px; color:#18BB97;   font-family: 'GmarketSansBold';  text-align:center; }
.popup_li dl dd p {text-align:left; font-size:17px; font-weight:300; padding-bottom:15px; color:#000; }
.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;}
.gb_arlim .prev,.gb_arlim .next,.pause,.play {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:0px; }
.gb_arlim .prev {background-image:url('../../img/prev.png'); left:50%; margin-left:-45px; }
.gb_arlim .next {background-image:url('../../img/next.png'); left:50%; margin-left:15px;}
.gb_arlim .pause {background-image:url('../../img/pause.png'); left:50%; margin-left:-15px; }
.gb_arlim .play {background-image:url('../../img/play.png'); left:50%; margin-left:-15px; display:none;}
.slick-dots {display:none !important;}
/* ¿òÁ÷ÀÌ´Â ¹è°æ ¹®±¸À̹ÌÁö */
#mcount .mm_img1 { position:absolute; z-index:1; opacity:0.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; opacity:0.2;}100%{top:0px; left:-30px;}}
@-moz-keyframes motion1
{0%{top:0px; left:-30px;} 35%{top:20px; left:-20px;}70%{top:30px; left:-40px; opacity:0.2;}100%{top:0px; left:-30px;}}
@-webkit-keyframes motion1
{0%{top:0px; left:-30px;} 35%{top:20px; left:-20px;}70%{top:30px; left:-40px; opacity:0.2;}100%{top:0px; left:-30px;}}
@-o-keyframes motion1
{0%{top:0px; left:-30px;} 35%{top:20px; left:-20px;}70%{top:30px; left:-40px; opacity:0.2;}100%{top:0px; left:-30px;}}
#mcount .mm_img3 { position:absolute; z-index:1; opacity:0.3; letter-spacing:-0.1em;font-family: 'GmarketSansLight'; 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:767px) {
.popup_li dl dd { padding:15px 5%;  height:120px;}
.popup_li dl dd .tit h2 {font-size:21px; }
.popup_li dl dd p {font-size:13px; }
.popup_li .tab img{width:30px;}
/* ¿òÁ÷ÀÌ´Â ¹è°æ ¹®±¸À̹ÌÁö */
#mcount .mm_img1 {font-size:50px;}
#mcount .mm_img3 {font-size:40px;}
}
 
  



/* ¹è³Ê6.°í°´¼¾ÅÍ  */


.b_tit {border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:15px;}
.b_tit h3 {font-size:20px;}
.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:18px; 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:18px; 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 #535252; 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;}
}