/* ---- ¸ÞÀκñÁê¾ó---- */
.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%;}
/* ---- ¹Ý¦º°--- */
#visual{overflow:hidden;}
.star  {position:absolute; left:0;  top:0px;  z-index:10; background:url(../../img/bg_star.png) 0 0  repeat; width:100%; height:100%;   animation:bg_star 40s linear infinite; -moz-animation: bg_star 40s linear infinite; -webkit-animation:bg_star 40s linear infinite; -o-animation: bg_star  40s linear infinite;}
@keyframes bg_star 
{0% { background-position: 0 0, 0 0;}100% { background-position:-2000px 0, 0 0;}}
@-moz-keyframes bg_star 
{0% { background-position: 0 0, 0 0;}100% { background-position:-2000px 0, 0 0;}} 
@-webkit-keyframes bg_star 
{0% { background-position: 0 0, 0 0;}100% { background-position:-2000px 0, 0 0;}} 
@-o-keyframes bg_star 
{0% { background-position: 0 0, 0 0;}100% { background-position:-2000px 0, 0 0;}} 
#visual .star2  {position:absolute; left:0;  top:100px;  z-index:10; background:url(../../img/bg_star.png) 0 0  repeat; width:100%; height:100%;   animation:bg_star2 20s linear infinite; -moz-animation: bg_star2 20s linear infinite; -webkit-animation:bg_star2 20s linear infinite; -o-animation: bg_star2 20s linear infinite;}
@keyframes bg_star2 
{0% { background-position: 0 0, 0 0;}100% { background-position:-2000px 0, 0 0;}}
@-moz-keyframes bg_star2 
{0% { background-position: 0 0, 0 0;}100% { background-position:-2000px 0, 0 0;}} 
@-webkit-keyframes bg_star 2
{0% { background-position: 0 0, 0 0;}100% { background-position:-2000px 0, 0 0;}} 
@-o-keyframes bg_star2
{0% { background-position: 0 0, 0 0;}100% { background-position:-2000px 0, 0 0;}} 
 #visual {overflow:hidden;}
 
/*¹öÆ° */
.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:-100px; bottom:150px;width:289px;height:50px;background:url(../../img/rect_bg.png) no-repeat 0 0; }
/* ÁÂ¿ì ¹öÆ° */
.slides .previous,.slides .next{position:absolute; width:50px; height:64px; opacity:0.2; margin-top:-32px;display:block; text-indent:-9999px; cursor:pointer; z-index:10; background-repeat: no-repeat; background-color:transparent; border:none; top:50%; }
.slides .previous {background-image:url('../../img/prev2.png'); left:30px;  }
.slides .next {background-image:url('../../img/next2.png');  right:30px; }
 
/* ¹öÆ° ·Ñ¸µ */
.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%; overflow:hidden;}
.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 { 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; }
.slides .box h2{font-size:68px; color:#ffffff;  text-align:center; font-family: 'GmarketSansBold';  opacity:0.8; }
.slides .box h2 span {font-size:85px; color:#ac1f8e;  font-family: 'GmarketSansBold'; opacity:1; }
.slides .box .textBox{line-height:160%;font-family: 'GmarketSansMedium'; color:#ffffff;  font-size:30px; opacity:0.8;}
.slides .box .textBox span{ font-family: 'GmarketSansMedium'; color:#ac1f8e;  font-size:35px;  opacity:1;}
/* ¾Æ·¡·Î ¹öÆ° */
.slider .downBtn{  padding-bottom:40px; z-index:100;}
/* ¿Â¶óÀλó´ã ¹öÆ° */
.slider  .divpop {position:absolute; z-index:100; right:50px; bottom:50px; }
@media screen and (min-width:200px) and (max-width:669px) {
/* ÅؽºÆ® ºÎºÐ */
.slides .box { width:100%; left:50%; margin-left:-50%; top:50%;  }
.slides .box h2,.slides .box h2 span{font-size:30px;   }
.slides .box .textBox{line-height:100%; font-size:13px; max-width:300px; margin:0 auto;}
.slides .box .textBox span{ font-size:15px;}
 
/* Áß¾Ó ¹öÆ° */
.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; }
/* ÁÂ¿ì ¹öÆ° */
.slides .previous,.slides .next{ width:25px; height:32px;  margin-top:-16px;}
.slides .previous {background-size:25px; left:10px;  }
.slides .next {background-size:25px; right:10px; }
 
/*¸ÞÀÎÀ̹ÌÁö Æ÷ÀÎÆ® À§Ä¡*/
.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  h2{color:#28BDFB; font-size:35px;   font-family: 'GmarketSansMedium'; }
.top_tit .subText  {color:#fff; font-size:16px;   opacity:0.7; }
@media screen  and (max-width:767px) {
.top_tit  h2{ font-size:27px; line-height:120%;  }
.top_tit .subText a {font-size:13px;  }
}

/* ¹è³Ê1.·Ñ¸µ ¹è³Ê*/
#mcount { position:relative;  width:100%; text-align:center; padding:40px 0;  overflow:hidden;   background:url(../../img/mlo_bg.png) no-repeat center top;  }
#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; width:100%;   }
 
.popup_li {position:inherit; padding:0 3%; width:94%; max-width:1400px; margin:0 auto;}
.popup_li .tab {position:absolute; z-index:10; right:30px; top:0px;}
.popup_li dl:after {content:"";display:block;clear:both;}
.popup_li dl {width:100%; margin:0 0;position:relative;}
.popup_li dl dt {width:100%; background:#000;}
.popup_li dl dt img {width:100%;}
.popup_li a:hover  dl dt img {opacity:0.6;;}
.popup_li dl dd {width:90%; padding:25px 5%; position:absolute; top:0; left:0;  }
.popup_li dl dd .tit {background:url(../../img/h_line_2.gif) no-repeat center bottom; display:block; padding-bottom:0px;  text-align:center; }
.popup_li dl dd .tit h2 {font-size:28px; color:#fff;   font-family: 'GmarketSansBold';  }
.popup_li dl dd p { font-size:14px;  padding-top:10px; color:#eee;   text-align:center;}
.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:30px; height:30px; display:block; text-indent:-9999px; cursor:pointer; z-index:10; background-repeat: no-repeat; background-color:transparent; border:none; top:48%; }
#mcount .prev {background-image:url('../../img/prev.png'); left:0px;  background-size:30px}
#mcount .next {background-image:url('../../img/next.png'); right:0px; background-size:30px}
.slick-dots {display:none !important;}
@media screen  and (max-width:767px) {
#mcount {padding:15px 0; }
.popup_li {padding:0 5%; width:90%;}
.popup_li dl dd { padding:15px 5%;}
.popup_li dl dd .tit h2 {font-size:21px; }
.popup_li dl dd p {font-size:13px; }
}
 
/* ¹è³Ê2. µ¿±×¶õ ¹è³Ê ³×°³ */
.container01 {position:relative;  overflow:hidden;}
.container01 .box01{ overflow:hidden; background:#1976F5;  background: linear-gradient(-67.5deg, #2F8ECB, #09428F, #3CB19A, #1976F5 ); background-size: 400% 400%; animation: gradientBG 5s ease infinite;  padding:70px 0; text-align:center;}
.container01 .box01 .top_tit  h2{color:#fff; }
.container01 .box01 .top_tit .subText  {color:#fff; }
.container01 .box01 ul{display: inline-block; max-width:1280px; width:100%; margin:0 auto; z-index:1000;}
.container01 .box01 ul {margin-top:30px;}
.container01 .box01 ul li { float:left; width:250px;   display:inline-blcok; margin:0 35px; }
.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.7;  -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:#1976F5; }
.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.1;}
.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 {background:url(../../img/h_line_b.gif) no-repeat center 0; font-size:14px; color: #FFFB89; 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:#3CB149;}
.container01 .box01 ul li a:hover div h3 {top:42%; }
.container01 .box01 ul li a p{ margin-top:20px;}
.container01 .box01 ul li a p span{ font-size:14px;  line-height:140%;  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;}  
}

  
/* ¹è³Ê3.°í°´¼¾ÅÍ  */
.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.board_list {max-width:1300px; width:96%; margin:0 auto; }
.m_board section.board_list > div {width:42%; float:left;   text-align:left; padding:40px 4%;   }
.m_board section.board_img {max-width:1300px; width:96%; margin:0 auto; }
.m_board section.board_img > div {   text-align:left; padding:0 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;}
.board_list .board_output .board_output_gallery_img img {padding:7px; width:190px; height:120px;}
.board_list .board_output .board_output_gallery_img a:hover img {opacity:0.6;}
/* ÇÏ´Ü ¼ýÀÚÄ«¿îÆ® */
.m_board .m_count {width:100%; background:url('../../img/bg_b.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.board_list > div,
.m_board section.board_img > 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 #ac1f8e; 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; }
.board_list .board_output .board_output_gallery_img img {width:95px; height:60px;}
/* ÇÏ´Ü ¼ýÀÚÄ«¿îÆ® */
.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;}
}
/* ±×¶óµ¥ÀÌ¼Ç ¸ð¼Ç */
@keyframes gradientBG {
 0% { background-position: 0% 50%; }
 50% { background-position: 100% 50%; }
 100% { background-position: 0% 50%; }
}