/**ÀÎÆ®·Î ¸ð¼Ç**/
.loader2 {display:none;}
.on .mainslide:before,
.on .mainslide:after {width: 0;  transition:width 1.4s 0.7s,background-color 1.3s 0.7s;  background-color:#fff; z-index:100;  }
  
 /**ÀÎÆ®·Î ¾çÂÊÀ¸·Î ¿­¸² **/
.mainslide {position: relative;  width:100%; height:100% !important; min-height:100vh !important; position:relative; }
.mainslide:before,
.mainslide:after {content:"";  display:block; position: absolute;top: 0;width: 50%;height: 100%; background-color:#014CD5;  background-repeat:no-repeat;  z-index: 1000000000000; overflow:hidden;}
.mainslide:before { text-align:right; left: 0; background-image:url(../../img/intro_logo.png); background-position:right -500px center;  }
.mainslide:after {  text-align:left;  right: 0; background-image:url(../../img/intro_logo.png);background-position:-500px center; }

@media screen and (max-width:1320px){
.mainslide:before,
.mainslide:after { background-size:800px;}
.mainslide:before { background-position:right -400px center; }
.mainslide:after {background-position:-400px center; }
}

@media screen and (max-width:1024px){
.mainslide:before,
.mainslide:after { background-size:600px;}
.mainslide:before { background-position:right -300px center; }
.mainslide:after {background-position:-300px center; }
}

@media screen and (max-width:767px){
.mainslide:before,
.mainslide:after { background-size:300px;}
.mainslide:before { background-position:right -150px center; }
.mainslide:after {background-position:-150px center; }
}



/******* °øÅë*******/
body {background:#fff;}
#wrap {width:100%; max-width:100%;}
#wrap header {position: absolute;}
.section {width:100%; height:100%;  overflow: hidden; display:block; position: relative; }
.section .section_inner {position: relative; width:100%; height: 100%; margin:0 auto; display:block;}
.section .section_inner:before {content:"";position:absolute; opacity:0;  background-size:cover; border-radius:50%; width:100px; height:100px;  top:50%; left:50%; transform: translate(-50%,-50%);  transition:1s 0.1s;}
.section.on .section_inner:before {opacity:1; transition:1s 0.1s; width:2200px; height:2200px;}

/* È­ÀÌÆ® ¹ÙÅÁÀÏ °æ¿ì*/
.white { background:#014CD5; }
.white .section_inner:before {background:#fff;}

/* ÄÃ·¯ ¹ÙÅÁÀÏ °æ¿ì*/
.bg_color { background:#fff; }
.bg_color .section_inner:before {background:#014CD5; } 

/* ---- ±¸¸§ ¸ð¼Ç--- */
.cloud {position:absolute; left:0; bottom:0px;  z-index:10;  opacity:0.8; width:100%; height:100%; animation:cloud 10s linear infinite; background:url(../../img/cloud.jpg) 0 bottom no-repeat; }
.cloud2 {animation:cloud2 10s linear infinite;}
@keyframes cloud
{0% { background-position: 0 bottom;}100% { background-position:-2000px bottom;}}
@keyframes cloud2 
{0% { background-position:2000px bottom;}100% { background-position:0 bottom;}}
#visual {overflow:hidden;}

/* ---- ¸¶¿ì½º ¿À¹ö È¿°ú --- */
#custom_cursor, #custom_cursor_text {width:40px;height:40px;position: fixed;top: 0;left: 0;z-index: 15;pointer-events: none;}
.custom_cursor_inner {display: block;width: 100%;height: 100%;position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.custom_hover_circle, .custom_hover_text {display: block;width: 0;height: 0;position: absolute;top: 50%;left: 50%;margin-top: -20px;margin-left: -20px;overflow: hidden;opacity: 0;}
.custom_hover_circle {z-index: 1;background: url(../../img/drag.png) no-repeat center center;}
.custom_hover_text {z-index: 2;}
.custom_hover_text > span {display: block;width: 100%;height: 100%;padding-left: 0.1em;font-size: 14px;text-align: center;line-height: 125px;font-weight: 600;letter-spacing: 0.1em;color: #fff;}

/* ¹àÀº ¼½¼Ç ºÎºÐ Àû¿ë½Ã º¯°æµÇ´Â »ö»ó*/
#wrap header .menu { background:#014CD5;}
#wrap header h1.logo a.main_logo {background:url(../../img/logo.png) no-repeat center / contain;}
#wrap header .menu_btn span { background:#fff;}
.wht #wrap header h1.logo a.main_logo {background:url(../../img/logo2.png) no-repeat center / contain;}
.wht #wrap header .menu_btn span { background:#000;}
/* ¿ìÃø ¸Þ´ºº¸±â ¹öÆ°*/
.wht #wrap header .menu {background:none;}
/* ¿ìÃø ¸Þ´ºº¸±â ¹öÆ°°ú ·Î°í ¸ÞÀÎ À§Ä¡ Á¶Á¤*/
#wrap header h1.logo {left:105px;}
@media screen and (max-width:1279px){
#wrap header h1.logo {left:10px;}
}








/***** °øÅë Å¸ÀÌÆ²°ú ÅØ½ºÆ® ¹öÆ° *****/
 /* Å¸ÀÌÆ² */
.section .text_g {position:relative;}
.section .text_g .tit {color:#000;  position: relative; display:inline-block; font-size:75px; opacity:0; line-height:1; margin-bottom:20px; font-weight:800; transform:translateY(40px);}
.section .text_g .tit b{ color:#014CD5;}
.section.on .text_g .tit {opacity:1;  transition: 0.5s 0.3s; transform:translateY(0px);}

/* ÁÂÃø Á¤·Ä ÈÄ Å« Æ÷ÀÎÆ® ±Û¾¾ µé¾î°¥ °æ¿ì  */
.text_g  .b_point {line-height:100%; text-shadow: -1px 0px 0px #014CD5, 1px 0px 0px #014CD5, 0px 1px 0px #014CD5, 0px -1px 0px #014CD5; color:#fff; font-size:200px;  font-family:'Outfit';  font-weight:800; opacity:0; }
.tg_l {width:100%; margin-bottom:30px; padding-left:140px; text-align:left; position:relative;}
.tg_l .b_point {position: absolute; left:-10px; top:-50px;}
.section.on .text_g  .b_point  {opacity:1;  transition: 0.5s 0.8s; }

/* ÅØ½ºÆ®*/
.section .text_g .txt1 {font-size:22px; font-weight:500; line-height:1.5;  opacity:0; color:#000; transform:translateY(40px); }
.section.on .text_g .txt1 {transition:1s 0.1s; opacity:1; transform:translateY(0px); transition: 0.5s 0.8s; }

/* ´õº¸±â ¹öÆ°*/
.section .text_g .view a { position:relative; display: inline-block; box-shadow:7px 7px 0px #014CD5; font-family:"Montserrat",'Noto Sans KR'; font-size:13px; color:#014CD5; border:1px solid #014CD5; font-weight:600; padding:10px 40px; margin-top:40px; 
background:url(../../img/view_icon.png) no-repeat center right 10px; overflow:hidden; border-radius:30px;}
.section .text_g .view a:hover {box-shadow:12px 12px 0px #014CD5;}
.business.on  .text_g .view a {border:1px solid #014CD5; transition: 0.9s 0.3s; opacity:1; transform:translateY(0px);}
@keyframes rotate
{0%{} 50%{transform: rotate(180deg);} 100%{transform: rotate(360deg );}}

@media screen and (max-width:1400px){
.category_g {padding:80px 0 50px 0; }
.section .text_g .tit {font-size:75px;}
}


@media screen and (max-width:1279px){
.section .text_g .tit {font-size:65px; margin-bottom:10px;}
/* ÁÂÃø Á¤·Ä ÈÄ Å« Æ÷ÀÎÆ® ±Û¾¾ µé¾î°¥ °æ¿ì */
.text_g  .b_point {font-size:160px;}
.tg_l {padding-left:110px;}
.tg_l .b_point {top:-40px;}
}

@media screen and (max-width:1024px){
/* Å¸ÀÌÆ² */
.section .text_g .tit {font-size:55px;}
.section .text_g .tit:before { margin:-17px 0 0 -12px; width:70px; height:70px;  background-size:cover;}
.section .text_g  .b_point {font-size:115px;}
/* ÅØ½ºÆ®*/
.section .text_g .txt1 {font-size:17px;}
/* ÁÂÃø Á¤·Ä ÈÄ Å« Æ÷ÀÎÆ® ±Û¾¾ µé¾î°¥ °æ¿ì */
.text_g  .b_point {font-size:120px;}
.tg_l { margin-bottom:20px; padding-left:90px;}
.tg_l .b_point { left:-5px; top:-20px;}
/* ¹öÆ°*/
.section .text_g .view a {font-size:11px;padding:10px 40px; margin-top:20px;}
}

@media screen and (max-width:767px){
/* Å¸ÀÌÆ² */
.section .text_g .tit {font-size:45px;}
/* ÁÂÃø Á¤·Ä ÈÄ Å« Æ÷ÀÎÆ® ±Û¾¾ µé¾î°¥ °æ¿ì */
.text_g  .b_point {font-size:70px;}
.tg_l { padding-left:75px;}
/* ÅØ½ºÆ®*/
.section .text_g .txt1 {font-size:14px;}
}

/*** ÄÃ·¯¹è°æ ÀÏ°æ¿ì ***/
.bg_color .text_g {text-align:left;}
.bg_color .text_g strong span {color:rgba(255,255,255,0.2);}
.bg_color.on  .text_g strong  span { animation-name:txt2; }
.bg_color .text_g .tit { text-shadow: 12px -12px 0px rgba(0,0,0,0.1);  color:#000; }
.bg_color .text_g .stit { text-shadow: 12px -12px 0px rgba(0,0,0,0.1);  color:#000; }
.bg_color.on .text_g .tit {text-shadow: 12px -12px 0px rgba(255,255,255,0.1); color:#fff;}
.bg_color .text_g .txt1 {color:#000;}
.bg_color.on .text_g .txt1 {color:#fff;}

/* ¹öÆ°*/
.bg_color .text_g .view a {color:#000; border:1px solid #000;}
.bg_color.on  .text_g .view a {color:#fff; border:1px solid #fff; box-shadow:7px 7px 0px #fff; background-image:url(../../img/view_icon_w.png);}
.bg_color.on  .text_g .view a:hover {box-shadow:12px 12px 0px #fff;}



/************** °øÅë Èå¸£´Â ¹«ºù ÅØ½ºÆ® ************/
.m_tit {position:absolute; width:100%; left:0; opacity:0;  bottom:-50px;  z-index:100; }
.on .m_tit {transition:1.5s 1.2s;  opacity:1; }
.m_tit .marquee { overflow: hidden; padding-bottom:0; }
.m_tit .marquee p {color: #000;  gap:4rem;  font-family:'Outfit';  font-weight:800;  font-size:200px; letter-spacing:-0.02em; font-style: normal; line-height:120%; display: flex; flex-wrap: nowrap;align-items: center;}
.m_tit .marquee p span { display: block; padding:0 30px; }

@media screen and ( max-width:1500px ) {
.m_tit .marquee p {font-size:170px;}
}

@media screen and ( max-width:1320px ) {
.m_tit .marquee p {font-size:140px; gap:2rem;}
.m_tit {bottom:-30px;} 
}
 
@media screen and ( max-width:1024px ) { 
.m_tit .marquee p {font-size:110px;}
.m_tit {bottom:-20px;} 
.m_tit .marquee p span { padding:0 10px; }
}

@media screen and ( max-width:767px ) { 
.m_tit .marquee p {font-size:80px; gap:1rem; letter-spacing:0.02em;}
}



/*************  ¼½¼Ç1. ¸ÞÀÎ Èå¸£´Â ÅØ½ºÆ®¿Í ÀÌ¹ÌÁö ¹è³Ê ºÎºÐ ¹è³Ê *************/
/* °øÅë Èå¸£´Â ¹«ºù ÅØ½ºÆ®ÀÇ ÄÃ·¯ ¹× Æ÷Áö¼Ç ¼³Á¤**/
.main_buil .m_tit .marquee p {color:#fff;}
.main_buil .back {z-index:11; top:28%;}
.main_buil .front {z-index:31; top:48%;}
.main_buil .front .marquee p {color:#014CD5;}
.main_buil {background:#B0D5E5; height:100vh !important; min-height:100vh !important; position:relative; }
.main_buil .section_inner {min-height:100vh !important;}

 /**ÀÌ¹ÌÁö**/
.main_buil .m_img {position:absolute; left:0; z-index:15; height:100%; width:100%; background:url(../../img/m_img.png) no-repeat center bottom; opacity:0; transform:translateY(300px);}
.main_buil.on .m_img { transform:translateY(0px); opacity:1;  transition:1.5s 1s;}

@media screen and ( max-width:1500px ) {
.main_buil .m_img {background-size:1500px;}
.main_buil  .back {top:32%;}
.main_buil  .front {top:49%;}
}

@media screen and ( max-width:1279px ) {
.main_buil .m_img {background-size:1300px;}
}
 
@media screen and ( max-width:1024px ) { 
.main_buil  .back {top:36%;}
}
@media screen and ( max-width:767px ) { 
.main_buil .m_img {background-size:900px;}
.main_buil  .front {top:51%;}
}
  

/* ¸ð¼Ç¶óÀÎ*/
.main_line {width:100%; height:100%; position: absolute; top:0; z-index:90; left:0px;}
.main_line span {position:absolute;display:block;  background-color:rgba(255,255,255,0.3); }
.main_line span:nth-child(1) {left:0%; top:80px;  }
.main_line span:nth-child(2) {left:0%; bottom:80px; }
.main_line span:nth-child(1),
.main_line span:nth-child(2) {height:1px; animation:line_w 1.5s; animation-iteration-count:1; animation-fill-mode: forwards; animation-delay:1.5s;}
.main_line span:nth-child(3) {top:0; left:80px; }
.main_line span:nth-child(4) {top:0; right:80px;}
.main_line span:nth-child(3),
.main_line span:nth-child(4) {width:1px; animation:line_h 1.5s; animation-iteration-count:1;  animation-fill-mode: forwards; animation-delay:2s;}
@keyframes line_w {
 0% { width:1px;}
 100% { width:100%;}
}
@keyframes line_h {
 0% { height:1px;}
 100% {height:100%;}
}
@media screen and (max-width:1279px){
.main_line span:nth-child(1) {top:80px;}
.main_line span:nth-child(2) {bottom:80px;}
.main_line span:nth-child(3),
.main_line span:nth-child(4) {display:none;}
}
@media screen and (max-width:767px){
.main_line span:nth-child(1) {top:60px;}
.main_line span:nth-child(2) {bottom:60px;}
}







/******************************************** ¼½¼Ç2. ¾ÆÀÌÄÜ ÅØ½ºÆ® ¸ð¼Ç ***********************************/
.mt_bg {background:#014CD5;}
.mt_bg .section_inner:before {border-radius:0%; width:100%; height:100%;  top:0%; left:0%; transform:none; }
.mt_bg.on .section_inner:before {width:100%; height:100%; background-color:#fff; background-image:url(../../img/p_line_bg.gif);  background-repeat:no-repeat; background-position: 0 0; background-size:cover; }


/* ¾ÆÀÌÄÜ ÀÌ¹ÌÁö */
.m_text_icon { width:110px; height:110px;  display:inline-block; vertical-align:top; margin:5px 8px 0 8px; }
.m_text_icon img {width:100%; height:100%;  animation-fill-mode: forwards;  animation-iteration-count:infinite; }
.mt_icon1 img {animation-name:icon1;  animation-duration:2s; }
.mt_icon2 img {animation-name:icon2;  animation-duration:0.7s; }

@keyframes icon1
{0% {width:0%;} 15% {width:100%;} 85% {width:100%;} 100% {width:0%;} }
@keyframes icon2
{0% {margin-top:0%;}  50% {margin-top:7%;} 100% {margin-top:0%;} }

/*****  ÅØ½ºÆ® ******/
.m_text .text_g {position: absolute; z-index:100; top:50%; left:50%; transform: translate(-50%,-50%); width:88%;  text-align:center;}
.m_text .text_g strong {display:block; line-height:90%; transition:0.5s; opacity:0; opacity:1; transform:translateY(0px); transition:0.9s 0.6s; }
.m_text .text_g strong span {font-weight:800; color:#EAEAEA; font-size:100px;  letter-spacing:-0.05em; line-height:120%; }
.m_text .text_g strong span.space {width:25px; display:inline-block; }
.m_text.on .text_g strong  span { animation-name:txt1;  animation-duration:0.3s;  animation-fill-mode: forwards; animation-iteration-count:1;}

/****  ¾ÆÀÌÄÜ ¹Ù·Î°¡±â ¸Þ´º ****/
.m_text .icon_menu ul {margin:8% auto 0 auto; width:90%; max-width:800px;}
.m_text .icon_menu ul li {float:left; width:25%; background-repeat:no-repeat; background-position:center top; opacity:0; transform:translateY(40px);}
.m_text.on .icon_menu ul li {opacity:1; transform:translateY(0px);}
.m_text .icon_menu ul li:nth-child(1) {background-image:url(../../img/m_text_sicon4.png);}
.m_text .icon_menu ul li:nth-child(2) {background-image:url(../../img/m_text_sicon1.png);}
.m_text .icon_menu ul li:nth-child(3) {background-image:url(../../img/m_text_sicon2.png);}
.m_text .icon_menu ul li:nth-child(4) {background-image:url(../../img/m_text_sicon3.png);}
.m_text .icon_menu ul li p {padding-top:90px; font-size:21px; line-height:1.2;}

.m_text.on .icon_menu ul li:nth-child(1) {transition:0.8s 1.0s;}
.m_text.on .icon_menu ul li:nth-child(2) {transition:0.8s 1.2s;}
.m_text.on .icon_menu ul li:nth-child(3) {transition:0.8s 1.4s;}
.m_text.on .icon_menu ul li:nth-child(4) {transition:0.8s 1.6s;}

@media screen and (max-width:1500px){
.m_text_icon {width:90px; height:90px;}
.m_text .text_g strong span {font-size:80px;}
}

@media screen and (max-width:1279px){
.m_text .text_g {position:relative; left:5%; width:94%; padding:100px 0; top:0%; transform:none;}
.m_text_icon {margin:0px 5px 0 5px; width:70px; height:70px;}
.m_text .text_g strong span {font-size:60px;}
.m_text .text_g strong span.space {width:15px;}
}

@media screen and (max-width:1024px){
.m_text_icon  { width:60px; height:60px;}
.m_text .text_g strong span {font-size:50px;}
.m_text .text_g strong span.space {width:10px;}

/*********  ¾ÆÀÌÄÜ ¹Ù·Î°¡±â ¸Þ´º **********/
.m_text .icon_menu ul {margin-top:50px;}
.m_text .icon_menu ul li {background-size:40px;}
.m_text .icon_menu ul li p {padding-top:50px; font-size:15px;}
}

@media screen and (max-width:767px){
.m_text_icon {width:47px; height:47px;}
.m_text .text_g strong span {font-size:40px;}
}
 

/* ÀÏ·¯¸ð¼Ç-±ÛÀÚ »ö»óº¯°æ / ¾ÆÀÌÄÜ ¸ð¼Ç */
@keyframes txt1
{0%{color:#EAEAEA;} 100%{color:#014CD5;}}
 
/* ÀÏ·¯¸ð¼Ç-±ÛÀÚ ÀüÃ¼ ¸ð¼Ç */
@keyframes txt2
{0%{color:#013DAA;} 100%{color:#fff;}}










/***** ¼½¼Ç3.±â´Ù¸³´Ï´Ù.contact us*****/
.contact .text_g {top:13%; left:5%; transform:none; width:88%; text-align:left;}
.contact .m_tit .marquee {opacity:0;}
.contact.on  .m_tit .marquee {opacity:1; transition:0.5s 0.1s;}

.contact .text_g strong span {color:rgba(255,255,255,0.2);}
.contact.on  .text_g strong  span { animation-name:txt2; }

/* ³×¸ð ÀÌ¹ÌÁö */
.m_text_img  {width:0%;  opacity:0;  display:inline-block; vertical-align:top;  margin:14px 15px 0 15px; }
.m_text.on .m_text_img {width:170px; opacity:1; transition:0.9s 0.6s; }
.m_text_img img {width:100%;}

/** ¹é Èå¸£´Â ÅØ½ºÆ® »ö»ó ¹× Åõ¸íµµ Á¶Àý**/
.m_text  .m_tit .marquee p {color:#014CD5; text-shadow: -1px 0px 0px #003596, 1px 0px 0px #003596, 0px 1px 0px #003596, 0px -1px 0px #003596; }
.m_text  .front {z-index:3; top:50%;}
.m_text  .back {z-index:1; top:30%;}
.m_text  .front .marquee p { text-shadow: -1px 0px 0px #7BA9F5, 1px 0px 0px #7BA9F5, 0px 1px 0px #7BA9F5, 0px -1px 0px #7BA9F5; }

/*ÁÖ¼Ò ¹× ¿¬¶ôÃ³ Á¤º¸*/
.contact .b_info {position:absolute; z-index:100; bottom:10%; right:6%; width:88%; }
.b_info ul li {position:relative; line-height:120%; margin:0 0 15px 0;  display:block; text-align:right;}
.b_info ul li span {display:inline-block; position:relative;}
.b_info ul li span a{line-height:120%; color:#fff; font-size:35px; font-weight:700;  padding-right:35px; }
.b_info ul li span a:before  {content:"";position:absolute; bottom:0px; left:0px; width:0%; height:2px; background:#fff; display:block;}
.b_info ul li span a:hover:before  {width:100%; transition: 0.5s;}
.b_info ul li span a:after  {background:url(../../img/Corner_arrow_s_w.png) no-repeat 0 0; background-size:cover; position:absolute; content:""; display:block; clear:both; right:4px; top:9px;  width:20px; height:20px; transition:0.5s 0.1s;}
.b_info ul li span a:hover:after   {transition:0.5s 0.1s; right:0px; top:3px;}

/*¹öÆ°*/
.b_info .btn {text-align:right; margin-top:40px;}
.b_info .btn span {display:inline-block; }
.b_info .btn span a {font-size:32px; font-weight:700; border:1px solid #fff; padding:10px 25px; display:inline-block;  border-radius:30px; color:#fff; transition:0.5s 0.1s;}
.b_info .btn span a:hover {background:#fff;  color:#014CD5; transition:0.5s 0.1s;}


@media screen and (max-width:1500px){
/* ³×¸ð ÀÌ¹ÌÁö */
.m_text.on .m_text_img {width:145px;}
}

@media screen and (max-width:1279px){
/* ³×¸ð ÀÌ¹ÌÁö */
.m_text_img  {margin:8px 9px 0 9px;}
.m_text.on .m_text_img {width:120px;}
.contact .b_info {position:relative; right:5%; left:5%; width:90%; margin-top:-50px; padding:0px 0 100px 0; bottom:0%;}
.b_info ul li {margin:0 0 15px 0;}
.b_info ul li span a{font-size:31px; padding-right:35px; }
.b_info ul li span a:after  { right:4px; top:9px;  width:20px; height:20px;}
.b_info .btn { margin-top:40px;}
.b_info .btn span a {font-size:30px; padding:10px 25px;}
}

@media screen and (max-width:1024px){
/* ³×¸ð ÀÌ¹ÌÁö */
.m_text.on .m_text_img {width:100px;}
/** Èå¸£´Â ÅØ½ºÆ® »ö»ó ¹× Åõ¸íµµ Á¶Àý**/
.m_text  .front {top:47%;}
.m_text  .back {top:33%;}
.contact .b_info {padding-bottom:60px;}
.b_info ul li {margin:0 0 10px 0;}
.b_info ul li span a{font-size:26px; padding-right:28px; }
.b_info ul li span a:after  {top:6px; width:15px; height:15px;}
.b_info .btn { margin-top:30px;}
.b_info .btn span a {font-size:25px;}
}

@media screen and (max-width:767px){
/* ³×¸ð ÀÌ¹ÌÁö */
.m_text_img  {margin:4px 6px 0 6px;}
.m_text.on .m_text_img {width:75px;}
.b_info ul li span a{font-size:21px;}
.b_info .btn span a {font-size:20px; padding:7px 20px;}
}







/************************************************************ ¼½¼Ç4. ºñÁö´Ï½º ************************************************************/
.category_g {width:100%; height:100%; left:0;  position: absolute;  z-index:11; text-align: center; top:50%; transform: translateY(-50%); padding:100px 0;}

/* ¹è°æ¿ø ¶óÀÎ */
.business .section_inner:after {content:"";position:absolute;  opacity:0;  right:-10%; bottom:-20%; border-radius:150px; transform:rotate(-45deg); width:300px; height:600px; border:2px solid #014CD5; } 
.business.on .section_inner:after { transition:1.1s  0.2s;  right:-1%;  bottom:-16%;  opacity:1; }
.business .bg_m{content:"";position:absolute;  opacity:0;  right:-1%; bottom:-20%; border-radius:150px; z-index:100; transform:rotate(-45deg); width:300px; height:600px; border:2px solid #4FCAFF; } 
.business.on .bg_m { transition:1.1s  0.9s;  right:8%;  bottom:-24%;  opacity:1; }

.category_g .category_l {width:92%; margin:0 auto; position:relative; max-width:1460px; height:100%; }
.category_g .category_l  .text_g {width: 100%; text-align:left; position:absolute; z-index:10;}
.type_01 ul.ssimg { margin: 0 auto; display: flex; position:relative;   width: 100%; height:100%;  flex-wrap: wrap;justify-content: space-between; }
.type_01 ul.ssimg li {float:left; display:inline-block;  background-size:cover; background-position:center; background-repeat:no-repeat;  opacity:0; transform:translateY(100px); border-radius:10px; }
.type_01 ul.ssimg li:nth-child(1) {width:25%; height:25%; margin-right:3%;}
.type_01 ul.ssimg li:nth-child(2) {width:25%; height:50%; margin-right:3%;}
.type_01 ul.ssimg li:nth-child(3) {width:44%; height:100%;}
.business.on  .category_g li {opacity:1; transform:translateY(0px);}
.business.on  .category_g li:nth-child(1) {transition: 0.8s 0.1s;}
.business.on  .category_g li:nth-child(2) {transition: 0.8s 0.5s;}
.business.on  .category_g li:nth-child(3) {transition: 0.8s 0.9s;}

/* ÅØ½ºÆ® ±¸°£ */
.type_01 .text_g { left:0; bottom:0;}
.type_01 .text_g { left:0; bottom:0;}

/* ¼¥ ¼Ò¸Þ´º */
 ul.ssmenu {width:auto; margin:20px 0;   display:block;}
 ul.ssmenu li {background:#eee; padding:7px 13px; line-height:1; font-size:15px; display:inline-block; width:auto; margin-right:10px; border-radius:20px;}

@media screen and (max-width:1500px){
.category_g { padding:80px 0;}
}


@media screen and (max-width:1279px){
.category_g {width:100%; height:auto; position:relative; top:0%; transform:none; }
.category_g ul.ssimg { height:650px; }

/* ¹è°æ¿ø ¶óÀÎ */
.business .section_inner:after {border-radius:100px;  width:200px; height:400px; border:1px solid #014CD5; } 
.business .bg_m{ border-radius:100px; width:200px; height:400px; border:1px solid #4FCAFF; } 
}


@media screen and (max-width:1024px){
.category_g { padding:70px 0;}
.category_g ul.ssimg{ height:550px;}

/* ¼¥ ¼Ò¸Þ´º */
 ul.ssmenu li { margin-bottom:8px;  font-size:13px; margin-right:5px;}
}
 

@media screen and (max-width:767px){
/* ¹è°æ¿ø ¶óÀÎ */
.business .section_inner:after {  width:150px; height:300px;} 
.business .bg_m{ width:150px; height:300px; } 

.category_g ul.ssimg { height:650px; }
.category_g .category_l {width:96%;}
.category_g .category_l .text_g {position:relative;}

.type_01 ul.ssimg li:nth-child(1) {width:33%; height:25%; margin-right:2%;}
.type_01 ul.ssimg li:nth-child(2) {position:absolute; z-index:1; width:40%; height:50%; left:10%; bottom:0%;}
.type_01 ul.ssimg li:nth-child(3) {width:65%; height:88%;}
.type_01 .text_g {left:6%;  margin-top:-4%;}
}

@media screen and (max-width:500px){
.category_g ul.ssimg  { height:450px; }
}

@media screen and (max-width:450px){
.category_g ul.ssimg  { height:410px; }
}

@media screen and (max-width:400px){
.category_g ul.ssimg  { height:370px;}
}

@media screen and (max-width:350px){
.category_g ul.ssimg  { height:330px; }
}






/***** ¼½¼Ç5. ·Ñ¸µ¹è³Ê ¿øÇü product ½½¶óÀÌµå *****/
.gallery_g { margin:0 -10%; width:120%; position: absolute;  z-index:100; top:45%; left:60%; transform: translate(-50%,-50%); }
.gallery .m_tit .marquee p {color:rgba(255,255,255,0.2);}

/**ÀÌ¹ÌÁö**/
.gallery_item {border-radius:50%;  overflow:hidden;position:relative;}
.gallery_item .img_inner { transition:0.5s; background:#000; }
.gallery_item .img img {width:100%;}
.gallery_item .img {position:relative;}
.gallery_slide .swiper-slide-active:after,
.gallery_slide .swiper-slide-duplicate-active:after   { content:"";position:absolute;left:0%; top:0%; width:100%; height:100%; display:block; background:url(../../img/mb_port_txt.png) no-repeat 0 0; background-size:cover; z-index:100; animation:rotate 15s linear infinite; } 
 
@keyframes rotate
{0%{} 50%{transform: rotate(180deg);} 100%{transform: rotate(360deg );}}

/**ÅØ½ºÆ®**/
.gallery_item .text {position:absolute; width:100%;  left:0;  text-align: center; top:48%; transform: translateY(-50%);  display:block; font-size:23px; line-height:1.2; font-weight:700;  color:#fff;}
 
/**ÁÂ¿ì¹öÆ°**/
.gallery .product_arrow {position: absolute; top:50%; margin-top:-25px; width:100%;  z-index:100000;  padding:0; line-height:100%;  }
.gallery .product_arrow .product_prev {background:rgba(142,142,142,0.5) url(../../img/main_prev.png) no-repeat center;  width:50px; height:50px;  z-index: 1000; position: absolute; left:40%;  border-radius:50%; }
.gallery .product_arrow .product_next {background:rgba(142,142,142,0.5) url(../../img/main_next.png) no-repeat center;  width:50px; height:50px;  z-index: 1000; position: absolute; right:40%; border-radius:50%; }

/**¸ð¼Ç**/
.gallery .gallery_item .img { transition:0.1s; transform: scale(1.1); }
.gallery.on .gallery_item .img {transform: scale(1); transition: 1.2s 0.2s; opacity:0.5; }
.gallery .gallery_item:hover .img  {  transition:0.1s;  transform: scale(1.2); opacity:0.9;}
.gallery .gallery_item .text {opacity:0;transform:translateY(40px);}
.gallery.on .gallery_item .text {opacity:1;transform:translateY(0px); transition: 0.9s 1.3s;}
.gallery .gallery_slide>.gallery_pagination {width:0;}
.gallery.on .gallery_slide>.gallery_pagination {width:calc(100% - 0px);transition:  0.9s 1.5s;}

@media screen and (max-width:1279px){
.gallery_g {width:96%; margin:0 auto;  position:relative; top:auto; left:auto; transform:none;  }
.gallery .section_inner {padding:130px 0 180px 0; }
/**ÁÂ¿ì¹öÆ°**/
.gallery .product_arrow .product_prev { left:33%;}
.gallery .product_arrow .product_next { right:33%;}
/**ÅØ½ºÆ®**/
.gallery_item .text {padding:21px; top:42%; }
}
 
@media screen and (max-width:1024px){
 /**ÁÂ¿ì¹öÆ°**/
.gallery .product_arrow { margin-top:-15px;}
.gallery .product_arrow .product_prev,
.gallery .product_arrow .product_next {background-size:8px;  width:30px; height:30px;}
}
@media screen and (max-width:767px){
.gallery .section_inner {padding:90px 0 120px 0; }
.gallery_g  { margin:0 -40%; width:180%;}
/**ÅØ½ºÆ®**/
.gallery_item .text  {font-size:18px;  top:38%; }
/**ÁÂ¿ì¹öÆ°**/
.gallery .product_arrow .product_prev { left:33%; }
.gallery .product_arrow .product_next { right:33%;}
}
  





/******************************************* ¼½¼Ç6. µ¿¿µ»ó **********************************************/
.ytube_movie {height:100vh !important;  position:relative;  background:url(../../img/movie_bg.jpg) no-repeat center bottom; background-size:cover;}

/* ¹è°æÄÃ·¯*/
.ytube_movie .section_inner:before {content:"";position:absolute;  opacity:1; width:100%; height:100%; background:#014CD5;  width:2200px; height:2200px;} 
.ytube_movie.on .section_inner:before { transition:1s  0.7s;  opacity:0; width:10%; height:10%;}

/* ¹è°æ¿ø */
.ytube_movie .section_inner:after {content:"";position:absolute;  opacity:0; right:50%; top:50%; margin-right:-550px; margin-top:-300px; width:200px; height:200px; background:rgba(0,44,201,0.1); border-radius:50%;  animation:bg_ani 7s;  animation-iteration-count:infinite; animation-delay:0.1s; animation-fill-mode: forwards; } 
.ytube_movie.on .section_inner:after { transition:1s  0.5s;  opacity:1; }

.m_movie {width:800px; left:50%;  position: absolute;  z-index:11; text-align: center; top:50%; transform: translate(-50%, -50%); }
.m_movie .mm_inner {position:relative;  width:100%;}
.m_movie iframe {z-index:1;  width:100%; height:450px; opacity:0; margin:20px auto;  transform: translateY(40%);box-shadow:10px 10px 25px #2A2622;  border-radius:10px; }
.ytube_movie.on .m_movie iframe{ transition:1.7s  0.7s;  opacity:1;  transform: translateY(0%); }

@media screen  and (max-width:1400px) {
.m_movie { width:700px; }
.m_movie iframe { height:380px; margin:10px auto; }
}

@media screen  and (max-width:1279px) {
.m_movie {position:relative; margin:0 auto; padding:100px 0; left:0; top:0%; transform:none; }
}

@media screen  and (max-width:1024px) {
.m_movie { width:600px; }
.m_movie iframe { height:380px; }
}

@media screen  and (max-width:787px) {
.ytube_movie .section_inner:after {margin-right:-200px; margin-top:-150px; width:100px; height:100px;} 
.m_movie {max-width:400px; width:86%;  padding:60px 0; }
.m_movie iframe { height:220px; }
}

@keyframes bg_ani {
 0% {border-radius:70% 50% 70% 50%;}
 25% {border-radius:50%;}
 60% {border-radius:50%;}
 100% {border-radius:70% 50% 70% 50%;}
}




/***** ¼½¼Ç7. ·Ñ¸µ ·Î°í ¹è³Ê ÆÄÆ®³Ê*****/
.partner {background:#B0D5E5; height:100vh !important;  position:relative; }
.mp_inner {width:100%; left:0; height:530px; position: absolute;  z-index:11; text-align: center; top:50%;  transform: translateY(-50%); }
.mp_1 {z-index:31; bottom:230px;}
.mp_2 {z-index:31; bottom:115px;}
.mp_3 {z-index:31; bottom:0;}
.mq_img ul li {display:inline-block; float:left; padding:18px;}
.mq_img ul li img { border-radius:10px; box-shadow: 3px 3px 8px rgba(0,0,0,0.1);}

@media screen and ( max-width:1279px ) {
.partner {height:auto !important; }
.mp_inner { position:relative;   top:0%;  transform: none;}
.partner  .section_inner {min-height:auto; padding:150px 0;}
.mp_inner {height:400px;}
.mp_1 {bottom:160px;}
.mp_2 {bottom:80px;}
.mq_img ul li {padding:9px;}
.mq_img ul li img {width:200px; border-radius:5px;}
}

@media screen and ( max-width:767px ) { 
.partner  .section_inner { padding:80px 0;}
.mp_inner {height:300px;}
.mp_1 {bottom:110px;}
.mp_2 {bottom:55px;}
.mq_img ul li {padding:5px;}
.mq_img ul li img {width:130px;}
}





/*****  ¼½¼Ç8. °øÁö»çÇ× ÃÖ±Ù°Ô½Ã¹° ÃßÃâ*****/
.board_list .board_g {position: absolute;  z-index:100; top:50%; left:50%; transform: translate(-50%,-50%); width:67%; max-width:1400px;}

/* ¶óÀÎ Å¸ÀÌÆ²  */
.line_tit {width:100%; height:100%;}
.line_tit span {position:absolute;  font-weight:900; color:#D6D6D6; font-size:100px; letter-spacing:-0.08em; line-height:100%; transition:0.9s 0.6s;}
.line_tit span:nth-child(1) {top:60px; left:50px; transform:translateY(-100px); }
.line_tit span:nth-child(2) {top:150px; left:40px;  transform:translateX(-100px);}
.line_tit span:nth-child(3) {bottom:50px; right:60px; transform:translateY(100px);}
.line_tit span:nth-child(4) {bottom:150px; right:40px;  transform:translateX(100px);}
.line_tit span:nth-child(2),
.line_tit span:nth-child(4) {writing-mode : vertical-rl;}
.section.on .line_tit span { transform:translateX(0px); transform:translateY(0px); color:#000;}
.section.on .line_tit span:nth-child(1) {transition:0.9s 0.8s;}
.section.on .line_tit span:nth-child(2) {transition:0.9s 1.1s; color:#014CD5; }
.section.on .line_tit span:nth-child(3) {transition:0.9s 1.4s;}
.section.on .line_tit span:nth-child(4) {transition:0.9s 1.7s; color:#014CD5;}

@media screen and ( max-width:1279px) {
.line_tit span {font-size:80px;}
.line_tit span:nth-child(1) {top:20px; left:40px;}
.line_tit span:nth-child(2) {top:95px; left:30px;;}
.line_tit span:nth-child(3) {bottom:25px; right:42px;}
.line_tit span:nth-child(4) {bottom:105px; right:25px;}
}

@media screen and ( max-width:1024px ) {
.line_tit span {font-size:40px;}
.line_tit span:nth-child(1) {top:10px; left:10px;}
.line_tit span:nth-child(2) {top:47px; left:5px;;}
.line_tit span:nth-child(3) {bottom:7px; right:15px;}
.line_tit span:nth-child(4) {bottom:49px; right:8px;}
}

/********ÃÖ±Ù°Ô½Ã¹° ÃßÃâ ·¹ÀÌ¾î **********/
.section .m_board { width:100%; margin:0 auto; } 
.section .m_board{opacity:0;transform:translateY(40px); width:100%;}
.section.on .m_board{opacity:1;transform:translateY(0px);transition: 0.9s 0.8s; }
.section .m_board  .board_output  {width:100%; margin:0 auto; }
.section .m_board  .board_output tr {width:100%;}
.section .m_board  .board_output tr:after {content:"";display:block;clear:both;}
.section .m_board  .board_output tr .board_output tr  { width:100%; margin:5px 0;  display:block;  position:relative; }
.section .m_board  .board_output tr .board_output tr  td {  width:100%;}

/* ¾ÕµµÆ®Á¦°Å*/
.section .m_board  .board_output tr .board_output  tr td:first-child { display:none; }

/* Á¦¸ñ*/
.section .m_board  .board_output .bd_out1 {width:100%; display:block; padding-top:30px;}
.section .m_board  .board_output .bd_out1 a {width:100%; display:block; font-size:33px; color:#000; line-height:120%;   font-family: 'GongGothicMedium';font-weight:500; padding:20px 0;  border-bottom:1px solid #000; position:relative; transition: 0.8s 0.1s;}
.section .m_board  .board_output .bd_out1 a:after  {opacity:0.2; background:url(../../img/Corner_arrow.png) no-repeat 0 0; position:absolute; content:"";display:block;clear:both;right:0; top:0px;  width:60px; height:60px; transition: 0.8s 0.1s;}
.section .m_board  .board_output .bd_out1 a:hover {color:#014CD5;   text-decoration: none; border-bottom:1px solid #014CD5; transition: 0.8s 0.1s; }
.section .m_board  .board_output .bd_out1 a:hover:after  {opacity:1; transition: 0.8s 0.1s;}
/* new ºñ¹Ð±Û ÀÌ¹ÌÁö ¾ÆÀÌÄÜ »çÀÌÁî Á¶Á¤*/
.section .m_board  .board_output .bd_out1 a img {width:10px; height:10px; vertical-align:top;}
.section .m_board  .board_output .bd_out1  img {width:13px; height:13px; vertical-align:top; }
/* ³¯Â¥*/
.section .m_board  .board_output tr .board_output  tr td:last-child {width:auto; position:absolute; left:0; top:17px; font-size:17px; font-family: "Noto Sans KR"; color:#CCCCCC; }

@media screen and ( max-width:1480px ) {
.section .m_board  .board_output .bd_out1 {padding-top:24px;}
.section .m_board  .board_output .bd_out1 a { font-size:27px; padding:15px 0 17px 0;}
.section .m_board  .board_output .bd_out1 a:after {background-size:cover; width:50px; height:50px;}
}

@media screen and ( max-width:1279px ) {
.board_list .section_inner {padding:150px 0; }
.board_list .board_g {position:relative;  top:0; left:0; transform:none; margin:0 auto;}
.section .m_board  .board_output .bd_out1 a {font-size:24px;}
}

@media screen and ( max-width:1024px ) {
.section .m_board  .board_output .bd_out1 { padding-top:18px;}
.section .m_board  .board_output .bd_out1 a {font-size:20px;}
.section .m_board  .board_output .bd_out1 a:after { width:25px; height:25px;}
.section .m_board  .board_output tr .board_output  tr td:last-child {top:10px; font-size:15px; }
}

@media screen and ( max-width:767px ) { 
.board_list .section_inner {padding:70px 0;}
.section .m_board  .board_output .bd_out1 a:after  {background:none;}
.section .m_board  .board_output .bd_out1 a {font-size:15px; color:#000;}
}








/********¼½¼Ç9. ÃÖ±Ù°Ô½Ã¹° ÃßÃâ ·¹ÀÌ¾î - °¶·¯¸® °Ô½ÃÆÇ**********/
.board_list_gall  { background:#014CD5;}
.board_list_gall .section_inner:before {background:url(../../img/m_board_gall_bg.jpg) no-repeat center bottom; background-size:cover;}
.board_list_gall .section_inner:before {  border-radius:0%; width:100%; height:100%; }
.board_list_gall.on .section_inner:before {opacity:1; transition:1s 0.1s;  width:100%; height:100%; }
.board_list_gall .board_g_gall {position: absolute;  z-index:100; top:50%; left:50%; transform: translate(-50%,-50%); width:94%; max-width:1500px; }
.board_list_gall .board_g_gall .text_g .tit {color:rgba(0,0,0,0); text-shadow: -1px 0px 0px #fff, 1px 0px 0px #fff, 0px 1px 0px #fff, 0px -1px 0px #fff; letter-spacing:0.01em; }

.section .m_board_gall { width:100%; margin:0 auto;  } 
.section .m_board_gall {opacity:0;transform:translateY(40px); width:100%;}
.section.on .m_board_gall {opacity:1;transform:translateY(0px);transition: 0.9s 0.8s; }
.section .m_board_gall  .board_output  {width:100%; margin:0 auto; }
.section .m_board_gall  .board_output tr {width:100%;}
.section .m_board_gall  .board_output tr:after {content:"";display:block;clear:both;}
.board_list_gall .m_tit .marquee p {color:rgba(255,255,255,0.2);}

/* ¹è¿­ */
.section .m_board_gall  .board_output tr .board_output tr  { width:100%; margin:5px 0;  display:block;   position:relative; }
.section .m_board_gall  .board_output tr .board_output tr  td {width:25%; float:left; }
.section .m_board_gall  .board_output tr .board_output tr  td table {margin:8px auto; position: relative; text-align:center; }
.section .m_board_gall  .board_output tr .board_output tr  td table tr td {width:100%; }

/* ÀÌ¹ÌÁö*/
.section .m_board_gall  .board_output_gallery_img {background:#000; margin:0 auto; border-radius:50%; box-shadow: 3px 3px 8px rgba(0,0,0,0.3);}
.section .m_board_gall  .board_output_gallery_img a img.board_output_imgs {margin:0 auto;  border-radius:50%; opacity:0.5;}
.section .m_board_gall  .board_output_gallery_img a:hover img.board_output_imgs  {opacity:0.9;}

/* ÀÌ¹ÌÁö »çÀÌÁî */
.section .m_board_gall  .board_output tr .board_output tr  td table,
.section .m_board_gall  .board_output_gallery_img,
.section .m_board_gall  .board_output_gallery_img a img.board_output_imgs {width:310px; height:310px;}

/* Å¸ÀÌÆ² */
.section .m_board_gall  .board_output tr .board_output tr  td table tr:nth-child(2) {position:absolute; z-index:10;  text-align:center; top:50%; left:50%; transform: translate(-50%,-50%); width:80%;}
.section .m_board_gall  .board_output tr .board_output tr  td table tr span.board_output_gallery_subject a {color:#fff; font-size:21px; font-weight:600; line-height:140%; font-family: "Noto Sans KR"; }


@media screen and ( max-width:1500px ) {
.section .m_board_gall  .board_output tr .board_output tr  td table { margin:5px auto;}

/* ÀÌ¹ÌÁö »çÀÌÁî */
.section .m_board_gall  .board_output tr .board_output tr  td table,
.section .m_board_gall  .board_output_gallery_img,
.section .m_board_gall  .board_output_gallery_img a img.board_output_imgs {width:270px; height:270px;}
}


@media screen and ( max-width:1279px ) {
.board_list_gall .board_g_gall {padding:100px 0; position:relative;  top:0; left:0; transform:none; margin:0 auto;}

/* ÀÌ¹ÌÁö »çÀÌÁî */
.section .m_board_gall  .board_output tr .board_output tr  td table,
.section .m_board_gall  .board_output_gallery_img,
.section .m_board_gall  .board_output_gallery_img a img.board_output_imgs {width:210px; height:210px;}

/* Å¸ÀÌÆ² */
.section .m_board_gall  .board_output tr .board_output tr  td table tr span.board_output_gallery_subject a {font-size:18px;}
}


@media screen and ( max-width:1024px ) {
/* ÀÌ¹ÌÁö »çÀÌÁî */
.section .m_board_gall  .board_output tr .board_output tr  td table,
.section .m_board_gall  .board_output_gallery_img,
.section .m_board_gall  .board_output_gallery_img a img.board_output_imgs {width:170px; height:170px;}
/* Å¸ÀÌÆ² */
.section .m_board_gall  .board_output tr .board_output tr  td table tr span.board_output_gallery_subject a {font-size:16px;}
}


@media screen and ( max-width:800px ) { 
.board_list_gall .board_g_gall {max-width:500px;}
.section .m_board_gall  .board_output tr .board_output tr  td {width:50%;}

/* ÀÌ¹ÌÁö »çÀÌÁî */
.section .m_board_gall  .board_output tr .board_output tr  td table,
.section .m_board_gall  .board_output_gallery_img,
.section .m_board_gall  .board_output_gallery_img a img.board_output_imgs {width:150px; height:150px;}

/* Å¸ÀÌÆ² */
.section .m_board_gall  .board_output tr .board_output tr  td table tr span.board_output_gallery_subject a { font-size:14px;}
}

@media screen and ( max-width:370px ) { 
/* ÀÌ¹ÌÁö »çÀÌÁî */
.section .m_board_gall  .board_output tr .board_output tr  td table,
.section .m_board_gall  .board_output_gallery_img,
.section .m_board_gall  .board_output_gallery_img a img.board_output_imgs {width:130px; height:130px;}
}


 /* Å×½ºÆ® ¿¡´Ï¸ÞÀÌ¼Ç*/
.m_text.on .text_g strong  span:nth-child(1) {animation-delay:0.2s }
.m_text.on .text_g strong  span:nth-child(2) {animation-delay:0.3s;}
.m_text.on .text_g strong  span:nth-child(3) {animation-delay:0.4s;}
.m_text.on .text_g strong  span:nth-child(4) {animation-delay:0.5s;}
.m_text.on .text_g strong  span:nth-child(5) {animation-delay:0.6s;}
.m_text.on .text_g strong  span:nth-child(6) {animation-delay:0.7s;}
.m_text.on .text_g strong  span:nth-child(7) {animation-delay:0.8s;}
.m_text.on .text_g strong  span:nth-child(8) {animation-delay:0.9s;}
.m_text.on .text_g strong  span:nth-child(9) {animation-delay:1.0s;}
.m_text.on .text_g strong  span:nth-child(10) {animation-delay:1.1s;}
.m_text.on .text_g strong  span:nth-child(11) {animation-delay:1.2s;}
.m_text.on .text_g strong  span:nth-child(12) {animation-delay:1.3s;}
.m_text.on .text_g strong  span:nth-child(13) {animation-delay:1.4s;}
.m_text.on .text_g strong  span:nth-child(14) {animation-delay:1.5s;}
.m_text.on .text_g strong  span:nth-child(15) {animation-delay:1.6s;}
.m_text.on .text_g strong  span:nth-child(16) {animation-delay:1.7s;}
.m_text.on .text_g strong  span:nth-child(17) {animation-delay:1.8s;}
.m_text.on .text_g strong  span:nth-child(18) {animation-delay:1.9s;}
.m_text.on .text_g strong  span:nth-child(19) {animation-delay:2.0s;}
.m_text.on .text_g strong  span:nth-child(20) {animation-delay:2.1s;}
.m_text.on .text_g strong  span:nth-child(21) {animation-delay:2.2s;}
.m_text.on .text_g strong  span:nth-child(22) {animation-delay:2.3s;}
.m_text.on .text_g strong  span:nth-child(23) {animation-delay:2.4s;}
.m_text.on .text_g strong  span:nth-child(24) {animation-delay:2.5s;}
.m_text.on .text_g strong  span:nth-child(25) {animation-delay:2.6s;}
.m_text.on .text_g strong  span:nth-child(26) {animation-delay:2.7s;}
.m_text.on .text_g strong  span:nth-child(27) {animation-delay:2.8s;}
.m_text.on .text_g strong  span:nth-child(28) {animation-delay:2.9s;}
.m_text.on .text_g strong  span:nth-child(29) {animation-delay:3.0s;}
.m_text.on .text_g strong  span:nth-child(30) {animation-delay:3.1s;}
.m_text.on .text_g strong  span:nth-child(31) {animation-delay:3.2s;}
.m_text.on .text_g strong  span:nth-child(32) {animation-delay:3.3s;}
.m_text.on .text_g strong  span:nth-child(33) {animation-delay:3.4s;}
.m_text.on .text_g strong  span:nth-child(34) {animation-delay:3.5s;}
.m_text.on .text_g strong  span:nth-child(35) {animation-delay:3.6s;}
.m_text.on .text_g strong  span:nth-child(36) {animation-delay:3.7s;}
.m_text.on .text_g strong  span:nth-child(37) {animation-delay:3.8s;}
.m_text.on .text_g strong  span:nth-child(38) {animation-delay:3.9s;}
.m_text.on .text_g strong  span:nth-child(39) {animation-delay:4.0s;}
.m_text.on .text_g strong  span:nth-child(40) {animation-delay:4.1s;}


/***** footer *****/
#fp-nav ul li:last-child{display:none;}
/*****  °øÅë:: ¿ìÃø ¹öÆ° ¹× ¼½¼ÇÅ×ÀÌºí*****/
html.fp-enabled,
.fp-enabled body { margin: 0; padding: 0; overflow:hidden;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */  -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box;}
.fp-slide { float: left;}
.fp-slide, .fp-slidesContainer { height: 100%; display: block;}
.fp-slides {z-index:1; height: 100%;  overflow: hidden; position: relative;-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */transition: all 0.3s ease-out;}
.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout:fixed; width: 100%;}
.fp-tableCell {display: table-cell; vertical-align: middle;  width: 100%; height: 100%;}
.fp-slidesContainer { float: left; position: relative;}
.fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0;height: 0;border-style: solid; margin-top: -38px;-webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ 
 -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0;border-color: transparent #fff transparent transparent;}
.fp-controlArrow.fp-next { right: 15px;border-width: 38.5px 0 38.5px 34px;border-color: transparent transparent transparent #fff;}
.fp-scrollable { overflow: hidden; position: relative;}
.fp-scroller{overflow: hidden;}
.iScrollIndicator{ border: 0 !important;}
.fp-notransition { -webkit-transition: none !important; transition: none !important;}
#fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%;opacity: 1;  -webkit-transform: translate3d(0,0,0);}
#fp-nav.right {right:11px;}
#fp-nav.left {left: 17px;}
.fp-slidesNav{ position: absolute; z-index: 4; opacity:1; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); left: 0 !important; right: 0; margin: 0 auto !important;}
.fp-slidesNav.bottom { bottom: 17px;}
.fp-slidesNav.top { top: 17px;}
#fp-nav ul,.fp-slidesNav ul { margin: 0;padding: 0;}
#fp-nav ul li,.fp-slidesNav ul li {display: block; width: 14px; height:14px;margin:20px 0; position:relative;}
.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a { display: block; position: relative;z-index: 1; width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{ height: 12px;width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; background:#fff;}
#fp-nav ul li a.active:after{ display:block;content:""; width:40px;height:1px; background:#fff; position:absolute;left:100%;top:50%; margin:0;}
#fp-nav ul li a span,.fp-slidesNav ul li a span {position: absolute; z-index: 1; height:8px; width:8px;background:#fff;left: 50%;  top: 50%; margin: -3px 0 0 -4px;
 -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px; height:10px; margin: -5px 0px 0px -5px;}
#fp-nav ul li .fp-tooltip {position: absolute;top: -2px; color:#014CD5; font-size: 14px;font-family:"Montserrat","Noto Sans KR"; font-weight:600; white-space: nowrap; max-width: 220px;  overflow: hidden;display: block;opacity: 0; width: 0;cursor: pointer;}
#fp-nav.wh ul li a.active span,
#fp-nav.wh ul li:hover a.active span,
#fp-nav.wh ul li a.active:after,
#fp-nav.wh ul li a span{background:#014CD5;}
#fp-nav.wh ul li .fp-tooltip {color:#014CD5;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in; width: auto;opacity: 1;}
#fp-nav ul li .fp-tooltip.right {right: 20px;}
#fp-nav ul li .fp-tooltip.left { left: 20px;}
.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{ height: auto !important;}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {height: auto !important;}height: auto !important;}
#fp-nav ul li:last-child a span, .fp-slidesNav ul li:last-child a span { display: none;}
 
@media all and (max-width: 1280px) {
#fp-nav.right { right: 10px; }
}
@media all and (max-width: 1279px) {
.fp-section.fp-table, .fp-slide.fp-table {height: auto !important;}
.fp-tableCell {height:auto !important; }
}
 @media all and (max-width: 480px) {
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {display: none;}
#fp-nav ul li, .fp-slidesNav ul li { margin: 0;}
 }