@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@charset "utf-8";*/
/* Noto Sans KR IE */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face 
{ 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 

@font-face 
{ 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 

@font-face 
{ 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 

@font-face
{ 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 

@font-face 
{ 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
} 
 
.html_cl{}
html, body
{
	font-family: 'Noto Sans KR', sans-serif !important; 

	/*overflow-x: auto;*/
	/*cursor: none;*/
}

html{ overflow-x:hidden; font-size:16px; }
html,body { margin:0; height:100%;}
body{position: relative;}
.main_logo{position: absolute;left: 44.5%;top: 31px;}
.fp-enabled::-webkit-scrollbar { display: none;}
/*
#top_btn.topopc{opacity: 1;transition:all 0.5s ease;}
#top_btn{opacity: 0;transition:all 0.5s ease;}
*/

/*.cursor {
  position: absolute;
  background-color: #fff;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  z-index: 10000;
  user-select: none;
  pointer-events: none;
  transform: scale(1);
  transition: 0.6s ease-in-out transform, 0.2s ease-in-out opacity;
}
.cursor.active {
  opacity: 0.5;
  transform: scale(0);
}
.cursor.hovered {
  opacity: 0.08;
}

.cursor-follower {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.3);
  width: 25px;
  height: 25px;
  border-radius: 100%;
  z-index: 10000;
  transform: translate(5px, 5px);
  user-select: none;
  pointer-events: none;
  transition: 0.6s ease-in-out transform, 0.2s ease-in-out opacity;
}
.cursor-follower.active {
  opacity: 0.7;
  transform: scale(3);
}
.cursor-follower.hovered {
  opacity: 0.08;
}*/



/************************nav 시작**********************/
/*****************************************************/
.fp-enabled .fp-viewing-2 .banner_wrapper.common:before{background-color: #fff;}
.fp-enabled .fp-viewing-3 .banner_wrapper.common:before{background-color: #fff;}
.fp-enabled .fp-viewing-4 .banner_wrapper.common:before{background-color: #fff;}
.fp-enabled .fp-viewing-2 .scroll-wrapper1 p{color: #fff;}
.fp-enabled .fp-viewing-3 .scroll-wrapper1 p{color: #fff;}
.fp-enabled .fp-viewing-4 .scroll-wrapper1 p{color: #fff;}



.fp-enabled .scroll-wrapper1
{
  position: fixed;
  bottom: 4%;
  left: 49.95%;
  transform: translateX(-50%);
  animation: scrollani1 1s ease-in-out infinite;
  -ms-animation: scrollani1 1s ease-in-out infinite;
  -webkit-animation: scrollani1 1s ease-in-out infinite;
  -moz-animation: scrollani1 1s ease-in-out infinite; /* Mozilla */
  -o-animation: scrollani1 1s ease-in-out infinite; 
    z-index: 10;
}

@keyframes scrollani1 
{
    0% {bottom: 3%;}
    50%{bottom: 4%;}
    100% {bottom:3%;}
}


.fp-enabled .scroll-wrapper1 p
{
  color:#d32140;
  font-size: 10px;
  letter-spacing: 2px;
  font-weight: bold;
}



.fp-enabled .banner_wrapper.common:before
{
  content: '';
  width: 1px;
  height: 23px;
  position: fixed;
  bottom:0px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #d32140;
  z-index: 10;
}

.fp-enabled .fp-viewing-7 .scroll-wrapper1
{

display: none;
}



.fp-enabled .fp-viewing-7 .scroll-wrapper1 p
{
    display: none;
}



.fp-enabled .fp-viewing-7 .banner_wrapper.common:before
{
    display: none;
}








/************************main top banner**********************/
/*************************************************************/
.banner_wrapper.main 
{
  
  height: 100vh;
  background:url('../img/main_bnr.jpg') no-repeat;-webkit-background-size: 100%;
  background-size: cover;
  position: relative;
}

.logo_area
{
  position: absolute;
  left:50%;
  top:63px;
  transform: translateX(-50%);

}

.logo_area a
{
  height:0;
  max-height:20px;
  padding-top: 47px;
  overflow: hidden;
  width: 227px;
  background: url(../img/mainbnr_logo.png) no-repeat;
  background-size: 100%; 
  display: block;
}

/*.txt-wrapper
{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
}*/

.txt-wrapper1
{
  /*position: relative;*/
  color:#fff;
}

.txt-wrapper1 p.title1
{
  position: absolute;
    top: 149px;
    left: 51.65%;
    transform: translateX(-50%);
    width: 532px;
    opacity: 0.88;
}
.main_logo1{position: absolute;left: 44.5%;top: 10%;}
.txt-wrapper1 p.title1 span
{
  font-size: 59px;
  font-weight: 600;
  -ms-animation: letter-glow 1.8s 0s ease both;
  -webkit-animation: letter-glow 1.8s 0s ease both;
    animation: letter-glow 1.8s 0s ease both;
}

.txt-wrapper1 p.title1 span:nth-child(6) ~ span
{
  font-size: 24px;font-weight: 500;
}

.txt-wrapper1 p span:nth-child(1)
{
  -ms-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.txt-wrapper1 p span:nth-child(2)
{
  -ms-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    margin-left: 10px;
}

.txt-wrapper1 p span:nth-child(3)
{
  -ms-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    margin-left: 10px;
}

.txt-wrapper1 p span:nth-child(4)
{
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    margin-left: 10px;
}

.txt-wrapper1 p span:nth-child(5)
{
  -ms-animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    margin-left: 10px;
}

.txt-wrapper1 p span:nth-child(6)
{
  -ms-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  margin-left: 10px;
}

.txt-wrapper1 p span:nth-child(7)
{
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  margin-left: 6px;
}

.txt-wrapper1 p span:nth-child(8)
{
  -ms-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.txt-wrapper1 p span:nth-child(9)
{
  -ms-animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.txt-wrapper1 p span:nth-child(10)
{
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.txt-wrapper1 p span:nth-child(11)
{
  -ms-animation-delay:1.3s;
  -webkit-animation-delay: 1.3s;
    animation-delay:1.3s;
}

.txt-wrapper1 p span:nth-child(12)
{
  -ms-animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    margin-left: 8px;
}

.txt-wrapper1 p span:nth-child(13)
{
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.txt-wrapper1 p span:nth-child(14)
{
  -ms-animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.txt-wrapper1 p span:nth-child(15)
{
  -ms-animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}

.txt-wrapper1 p span:nth-child(16)
{
  -ms-animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}


@-ms-keyframes letter-glow {
  0% {
    opacity: 0;
    
  }
  66% {
    opacity:1;
    
  }
  77% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    
  }
}
@-webkit-keyframes letter-glow {
  0% {
    opacity: 0;
    
  }
  66% {
    opacity:1;
    
  }
  77% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    
  }
}


.col_sec1
{
  -ms-animation: fadeIn 1s ease both 1.5s;
  -webkit-animation: fadeIn 1s ease both 1.5s;
  -moz-animation: fadeIn 1s ease both 1.5s; /* Mozilla */
  -o-animation: fadeIn 1s ease both 1.5s; /* Opera */
  animation: fadeIn 1s ease both 1.5s;
}

.col_sec2
{
  -ms-animation: fadeIn 1s ease both 2.3s;
  -webkit-animation: fadeIn 1s ease both 2.3s;
    animation: fadeIn 1s ease both 2.3s;
}

.col_sec3
{
  -ms-animation: fadeIn 1s ease both 3.2s;
  -webkit-animation: fadeIn 1s ease both 3.2s;
    animation: fadeIn 1s ease both 3.2s;
}

.row-sec1
{
  -ms-animation: fadeIn 1s ease both 4s;
  -webkit-animation: fadeIn 1s ease both 4s;
    animation: fadeIn 1s ease both 4s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


@-ms-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.txt-wrapper1 p[class*='col_text']
{
  display:block;
}

.txt-wrapper1 .col_txt1
{
  position:absolute;
  top: 226px;
  left: 36%;
  font-size: 21px;
  font-weight: 300;
  width:900px;
  opacity: 0.88;
}

.txt-wrapper1 .col_txt2
{
  position:absolute;
  top: 250px;
  right: 51%;
  font-size: 25.6px;
  font-weight: 400;
  text-align:right;
    opacity: 0.88;
}

.txt-wrapper1 .col_txt3
{
  position:absolute;
  top: 257px;
  left: 51.1%;
  font-size: 20px;
  font-weight: 200;
  width:580px;
    opacity: 0.88;
}

.txt-wrapper1 .col_txt4
{
  position: absolute;
    top: 285px;
    left: 53%;
    font-size: 22px;
    font-weight: 400;
    width:280px;
    opacity: 0.88;
}

.txt-wrapper1 .col_txt5
{
  position: absolute;
    top: 425px;
    right: 52%;
    font-size: 27px;
    font-weight: 400;
    line-height: 27px;
    opacity: 0.88;
}


.txt-wrapper1 .col_txt5-1
{
  position: absolute;
    top: 346px;
    right: 51.2%;
    font-size: 26px;
    font-weight: 400;
    line-height: 27px;
    text-align:right;
    opacity: 0.88;
}

.txt-wrapper1 .col_txt5-2
{
  position: absolute;
    top: 373px;
    right: 51.2%;
    font-size: 21px;
  font-weight: 300;
  width:450px;
  text-align: right;
    opacity: 0.88;
}

.txt-wrapper1 .col_txt5-3
{
  position: absolute;
    top: 406px;
    right: 51.2%;
    font-size: 21px;
  font-weight: 300;
  width:650px;
  text-align: right;
    opacity: 0.88;
}

.txt-wrapper1 .col_txt6
{
  position:absolute;
  top:336px;
  left: 53%;
  font-size: 27px;
  font-weight: 500;
    opacity: 0.88;
}

.txt-wrapper1 .col_txt6 p.m
{
  font-size: 22.5px;
  font-weight: 400;
  margin-top: 9px;
    opacity: 0.88;
}

.txt-wrapper1 .col_txt6 p.s
{
  font-size: 20px;
  font-weight: 200;
  width:540px;
    opacity: 0.88;
}

.txt-wrapper1 .col_txt7
{
  position: absolute;
    top: 466px;
    right: 51.1%;
    text-align: right;
    font-size: 26px;
    font-weight: 400;
    line-height: 27px;
    opacity: 0.88;
}


.txt-wrapper1 .col_txt8
{
  position:absolute;
  top:473px;
  left: 53%;
  font-size: 20px;
  font-weight: 300;
    opacity: 0.88;
}

.txt-wrapper1 .row_txt1
{
  position: absolute;
    top: 408px;
    right: 49.8%;
    transform: translateX(50%) rotate(90deg);
    font-size: 29.4px;
    font-weight: 600;
    width:340px;
    letter-spacing: 2px;
    opacity: 0.88;
}

.txt-wrapper1 .row_txt2
{
  position: absolute;
    top: 462px;
    left: 51.9%;
    transform: translateX(-50%) rotate(90deg);
    -webkit-transform: translateX(-50%) rotate(90deg); /* WebKit */
  -moz-transform:  translateX(-50%) rotate(90deg); /* Mozilla */
  -o-transform:  translateX(-50%) rotate(90deg); /* Opera */
  -ms-transform:  translateX(-50%) rotate(90deg); /* Internet Explorer */
    font-size: 31px;
    font-weight: 400;
    width:391px;
    letter-spacing: 2px;
    opacity: 0.88;
}





@media (max-width:1250px) 
{
  .txt-wrapper1 .col_txt1
  {
        left: 28%;
  }

  .txt-wrapper1 .col_txt2
  {
    right: 52.5%;
  }

  .txt-wrapper1 .col_txt3
  {
    left: 51.2%
  }

  .txt-wrapper1 .col_txt4
  {
    left: 53.5%
  }

  .txt-wrapper1 .col_txt5-1
  {
    right: 53%;
  }

  .txt-wrapper1 .col_txt5-2
  {
    right: 53%;
  }

  .txt-wrapper1 .col_txt5-3
  {
    right: 53%;
  }

  .txt-wrapper1 .col_txt6
  {
    left: 53.5%;
  }

  .txt-wrapper1 .col_txt7
  {
    right: 53%;
  }

  .txt-wrapper1 .col_txt8
  {
    left: 53.5%;
  }

  .txt-wrapper1 .row_txt2
  {
    left:52.2%;
  }
}






@charset "utf-8";
@import url('./font.css');
/*----------------------------------------*/

html{ overflow-x:hidden; font-size:16px; }
html,body { margin:0; height:100%; }
.clearfix { content:""; clear:both; overflow:hidden; zoom:1; }
* {
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}
*:before, *:after {
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}
body {  }
a {  color:inherit; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; }
table{ border-collapse:collapse; border-spacing:0; width:100%; }
fieldset{ border:0; }
.legend{display: none;}
textarea{ border:2px solid #dbdbdc; padding:8px 10px; line-height:18px; resize:none; }
.inupt_box, textarea { vertical-align:middle; font-size:14px; color:#2b2b2b; padding:0; margin:0; }
.inupt_box[type="checkbox"] { width:17px; height:17px; }
.inupt_box[type="radio"] { width:13px; height:13px; border:none; }
.inupt_box[type="file"]{ height:22px; color:#666; border:1px solid #d4d4d4; line-height:22px; vertical-align:middle; background:#fff; }
iframe { border:none; }
strong { font-weight:bold; }
hr { border:0; border-top:1px solid #767676; margin:0; height:1px; }

/* selectbox 디자인만 */
select:not(.no-style) {
  font-family:inherit; /* 폰트 상속 */
  border-radius:0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance:none; /* 네이티브 외형 감추기 */
  -moz-appearance:none;
  appearance:none;
}
textarea:not(.no-style) {
  font-family:inherit; /* 폰트 상속 */
  border-radius:0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance:none; /* 네이티브 외형 감추기 */
  -moz-appearance:none;
  appearance:none;
}
.container1{width: 85%; margin: 0 auto;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display:none;
}
.inupt_box { position:relative; }
.inupt_box label {
  position:absolute;
  top:1px; /* input 요소의 border-top 설정값 만큼 */
  left:1px; /* input 요소의 border-left 설정값 만큼 */
  padding:.5em .8em; /* input 요소의 padding 값 만큼 */
  color:#999;
  cursor:text;
}
/*input*/
.inupt_box[type="text"],
.inupt_box[type="password"],
.inupt_box[type="tel"] {
  height:auto; /* 높이 초기화 */
  line-height:normal; /* line-height 초기화 */
  padding:.6em 7%; /* 여백 설정 */
  border:none;
  width:96%;
  border:1px solid #cbcbcb;
  font-size:16px;
  font-size:1rem;
  font-weight:500;
  font-family:inherit;
  border-radius:0; /* iSO 둥근모서리 제거 */
  /*outline-style:none; /* 포커스시 발생하는 효과 제거를 원한다면 */
  -webkit-appearance:none; /* 브라우저별 기본 스타일링 제거 */
  -moz-appearance:none;
  appearance:none;
}
/*textarea*/
textarea { width:100%; border:1px solid #dfdfdf; }

/*----------------------------------------*/
.hide { display:none; }
.mb0 { margin-bottom:0 !important; }
.mb6 { margin-bottom:6px !important; margin-bottom:0.375rem !important; }
.mb8 { margin-bottom:8px !important; margin-bottom:0.5rem !important; }
.mb10 { margin-bottom:10px !important; margin-bottom:0.625rem !important; }
.mb12 { margin-bottom:12px !important; margin-bottom:0.75rem !important; }
.mb16 { margin-bottom:16px !important; margin-bottom:1rem !important; }
.mb20 { margin-bottom:20px !important; margin-bottom:1.25rem !important; }
.mb24 { margin-bottom:24px !important; margin-bottom:1.5rem !important; }
.mb30 { margin-bottom:30px !important; margin-bottom:1.875rem !important; }
.mb32 { margin-bottom:32px !important; margin-bottom:2rem !important; }
.mb35 { margin-bottom:35px !important; margin-bottom:2.188rem !important; }
.mb40 { margin-bottom:40px !important; margin-bottom:2.5rem !important; }
.mb45 { margin-bottom:45px !important; margin-bottom:2.813rem !important; }
.mb48 { margin-bottom:48px !important; margin-bottom:3rem !important; }
.mb50 { margin-bottom:50px !important; margin-bottom:3.125rem !important; }
.mb56 { margin-bottom:56px !important; margin-bottom:3.5rem !important; }
.mb60 { margin-bottom:60px !important; margin-bottom:3.75rem !important; }
.mb64 { margin-bottom:64px !important; margin-bottom:4rem !important; }
.mb70 { margin-bottom:70px !important; margin-bottom:4.375rem !important; }
.mb72 { margin-bottom:72px !important; margin-bottom:4.5rem !important; }
.mb80 { margin-bottom:80px !important; margin-bottom:5rem !important; }
.mb90 { margin-bottom:90px !important; margin-bottom:5.625rem !important; }
.mb100 { margin-bottom:100px !important; margin-bottom:6.25rem !important; }

.mt0 { margin-top:0 !important; }
.mt6 { margin-top:6px !important; margin-top:0.375rem !important; }
.mt8 { margin-top:8px !important; margin-top:0.5rem !important; }
.mt10 { margin-top:10px !important; margin-top:0.625rem !important; }
.mt12 { margin-top:12px !important; margin-top:0.75rem !important; }
.mt16 { margin-top:16px !important; margin-top:1rem !important; }
.mt20 { margin-top:20px !important; margin-top:1.25rem !important; }
.mt24 { margin-top:24px !important; margin-top:1.5rem !important; }
.mt30 { margin-top:30px !important; margin-top:1.875rem !important; }
.mt32 { margin-top:32px !important; margin-top:2rem !important; }
.mt40 { margin-top:40px !important; margin-top:2.5rem !important; }
.mt48 { margin-top:48px !important; margin-top:3rem !important; }
.mt50 { margin-top:50px !important; margin-top:3.125rem !important; }
.mt56 { margin-top:56px !important; margin-top:3.5rem !important; }
.mt60 { margin-top:60px !important; margin-top:3.75rem !important; }
.mt64 { margin-top:64px !important; margin-top:4rem !important; }
.mt70 { margin-top:70px !important; margin-top:4.375rem !important; }
.mt72 { margin-top:72px !important; margin-top:4.5rem !important; }
.mt80 { margin-top:80px !important; margin-top:5rem !important; }
.mt90 { margin-top:90px !important; margin-top:5.625rem !important; }
.mt100 { margin-top:100px !important; margin-top:6.25rem !important; }

.pb6 { padding-bottom:6px !important; padding-bottom:0.375rem !important; }
.pb8 { padding-bottom:8px !important; padding-bottom:0.5rem !important; }
.pb10 { padding-bottom:10px !important; padding-bottom:0.625rem !important; }
.pb12 { padding-bottom:12px !important; padding-bottom:0.75rem !important; }
.pb16 { padding-bottom:16px !important; padding-bottom:1rem !important; }
.pb20 { padding-bottom:20px !important; padding-bottom:1.25rem !important; }
.pb24 { padding-bottom:24px !important; padding-bottom:1.5rem !important; }
.pb30 { padding-bottom:30px !important; padding-bottom:1.875rem !important; }
.pb32 { padding-bottom:32px !important; padding-bottom:2rem !important; }
.pb40 { padding-bottom:40px !important; padding-bottom:2.5rem !important; }
.pb48 { padding-bottom:48px !important; padding-bottom:3rem !important; }
.pb50 { padding-bottom:50px !important; padding-bottom:3.125rem !important; }
.pb56 { padding-bottom:56px !important; padding-bottom:3.5rem !important; }
.pb60 { padding-bottom:60px !important; padding-bottom:3.75rem !important; }
.pb64 { padding-bottom:64px !important; padding-bottom:4rem !important; }
.pb70 { padding-bottom:70px !important; padding-bottom:4.375rem !important; }
.pb72 { padding-bottom:70px !important; padding-bottom:4.5rem !important; }
.pb80 { padding-bottom:80px !important; padding-bottom:5rem !important; }
.pb90 { padding-bottom:90px !important; padding-bottom:5.625rem !important; }
.pb100 { padding-bottom:100px !important; padding-bottom:6.25rem !important; }

.pt6 { padding-top:6px !important; padding-top:0.375rem !important; }
.pt8 { padding-top:8px !important; padding-top:0.5rem !important; }
.pt10 { padding-top:10px !important; padding-top:0.625rem !important; }
.pt12 { padding-top:12px !important; padding-top:0.75rem !important; }
.pt16 { padding-top:16px !important; padding-top:1rem !important; }
.pt20 { padding-top:20px !important; padding-top:1.25rem !important; }
.pt24 { padding-top:24px !important; padding-top:1.5rem !important; }
.pt30 { padding-top:30px !important; padding-top:1.875rem !important; }
.pt32 { padding-top:32px !important; padding-top:2rem !important; }
.pt40 { padding-top:40px !important; padding-top:2.5rem !important; }
.pt48 { padding-top:48px !important; padding-top:3rem !important; }
.pt50 { padding-top:50px !important; padding-top:3.125rem !important; }
.pt56 { padding-top:56px !important; padding-top:3.5rem !important; }
.pt64 { padding-top:64px !important; padding-top:4rem !important; }
.pt60 { padding-top:60px !important; padding-top:3.75rem !important; }
.pt72 { padding-top:72px !important; padding-top:4.5rem !important; }
.pt70 { padding-top:70px !important; padding-top:4.375rem !important; }
.pt80 { padding-top:80px !important; padding-top:5rem !important; }
.pt90 { padding-top:90px !important; padding-top:5.625rem !important; }
.pt100 { padding-top:100px !important; padding-top:6.25rem !important; }

.blind{ width:0; height:0; text-indent:-10000px; font-size:0px; line-height:0px; position:absolute; left:-99999px; }

.blind table{ text-indent:-10000px; }
.of-hi { overflow:hidden; }
.fl-l { float:left !important; }
.fl-r { float:right !important; }
.cl-b { width:0; height:0; font-size:0; line-height:0; clear:both; }
.ta-c { text-align:center !important; }
.ta-l { text-align:left !important; }
.ta-r { text-align:right !important; }
.ti-hidden {text-indent:-9999px;}
/*----------------------------------------*/
/*--- Font Guide Responsive --*/


p.big-text { letter-spacing:-0.015rem; font-size:20px; font-size:1.25rem; line-height:28px; line-height:1.8rem; color:#565656; }

/*----------------------------------------*/
/* Grid Gutter 수정 추가---*/
.no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }
.small-gutter > [class*='col-'] { padding-right:1px; padding-left:1px; }
.medium-gutter > [class*='col-'] { padding-right:5px; padding-left:5px; }

/*----------------------------------------*/

/******** skipnavi ********/
#skipnavi li a { display:block; font-size:16px; width:100%; position:absolute; top:-10000px; left:0; text-align:center; z-index:999999; letter-spacing:0; transition:none; -webkit-transition:none; }
#skipnavi li a:focus{position:absolute; top:0; left:0; font-weight:bold; color:#fff; background:#272727; padding:20px 0;}


.wrap { position:relative; width:100%; height:100%; margin:0; padding:0; }
img.max-image,img.max { max-width:100%; line-height:0; }
/*----------------------------------------*/
/* Header */

#logo-box { position:absolute; width:80px; height:80px; margin:auto; left:0; right:0; top:0px; background-color:transparent; z-index:1000; }
.mu_fi header { position:absolute; margin:0 auto; top:0; width:100%; height:116px; background:transparent; }
.mu_fi header.open { background:#d32140;z-index: 1050; }
.mu_fi header.sub { background:#fff; }
.mu_fi header.open.sub { background:#d32140; }
.mu_fi header .menu { position:fixed; width:60px; height:60px; top:20px; left:70px;z-index: 10000; }
.mu_fi header .bt-menu{ display:inline-block; height:100%; width:100%; margin:auto; z-index:3; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; }
.mu_fi header .bt-menu span{ width:43px; height:3px; background:#d32140; position:absolute; right:25%; top:50%; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; }
.mu_fi header .bt-menu span:first-child{ margin-top:-13px; }
.mu_fi header .bt-menu span.last { margin-top:13px;}
.mu_fi header .bt-menu.open span{ transform:rotate(45deg); -webkit-transform:rotate(45deg); background-color:#fff; }
.mu_fi header .bt-menu.open span:first-child { transform:rotate(135deg); -webkit-transform:rotate(135deg); margin-top:0 ; }
.mu_fi header .bt-menu.open span.last { display:none;}

.fp-viewing-0 .mu_fi header .bt-menu span{background: #fff;}



.mu_fi header .lang-choice { float:right; padding:30px 30px 0 0; }
.mu_fi header .lang-choice a { display:inline-block; color:#9c9a9a; font-size:12px; }
.mu_fi header.open .lang-choice a { display:inline-block; color:#202020; font-size:12px; }
.mu_fi header.sub .lang-choice a { display:inline-block; color:#202020; font-size:12px; }
.mu_fi header .lang-choice a.active{ color:#fff; }
.mu_fi header.open .lang-choice a.active{ color:#fff; }
.mu_fi header.sub .lang-choice a.active{ color:#d32140; }
.mu_fi header.open.sub .lang-choice a.active{ color:#fff; }
/*header .lang-choice a:hover{ color:#000000; transition:color 0.3s; }*/
header .lang-choice span { display:inline-block; width:1px; height:10px; margin:0 7px; margin:0 0.438rem; background-color:#cccccc; padding-top:4px; padding-top:0.250rem; }
header.sub { background-color:#ffffff; transition:background-color 0.2s; }

.mu_fi nav { width:100%; height:100%; position:absolute; background:#ad1b34; color:#fff; z-index:1010; overflow:hidden; display:none;padding-top: 116px;top: -950px;opacity: 0;transition: all 1.5s ease-in-out; }
.mu_fi nav.open{top: 0;opacity: 0.95;transition: all 1s ease-in-out;animation:mtop 0.3s ease-in-out;}
@keyframes mtop{
    0%{top: -800px;opacity: 0;}
    100%{top: 0;opacity: 0.97;}
}
html.open{height: 100vh;overflow: hidden;}
body.open{height: 100vh;overflow: hidden;}
.html_cl nav{position: fixed;width: 100%;height:calc(100%-116px);}
.html_cl header{position: fixed;}
/*nav .header-back{
	width:100%; height:116px; background-color:#d32140; top:0;
}*/
nav .nav-wrapper { margin-top:48px; margin-top:6rem; }
nav .nav-wrapper > ul { width:80%;margin: 0 auto;}
nav .nav-block { float:left; width:14.285714%; border-left:1px solid #bd495d; min-height:330px; }
nav .nav-block.exp {width:25%;}
nav .nav-block.middle {border-right:1px solid #bd495d;}
nav .thrid-block {float:left; width:30%;}
nav .nav-block ul{ margin:0 0 0 24px; margin:0.35rem 0 0 1.5rem; overflow:hidden; }
nav .nav-block ul li{ padding:8px 0; padding:0.5rem 0; }
nav .nav-block ul li.view a {display:block; overflow:hidden;font-weight: 200;}
nav .nav-block ul li.view a:hover{font-weight: 500;}
nav .nav-block ul li.twice-depth > a{  display:block; }
nav .nav-block .first-depth, nav .thrid-block { margin:0 0 0 24px; margin:0 0 0 1.5rem; overflow:hidden; padding:8px 0; padding:0.5rem 0; color:#fff; margin-top:0; text-transform:uppercase; font-family: 'LGSmHanB', Arial, sans-serif; font-size:18px; font-size:1.125rem; letter-spacing:0.03rem; }
nav .thrid-block { padding:8px 0 32px 0; padding:0.5rem 0 2rem 0; }
nav .sns-block li a img{ float:left; }
nav .sns-block li { display:block; overflow:hidden; }
nav .sns-block li a p { color:#fff; padding-left:16px; padding-left:1rem; line-height:22px; line-height:1.4rem; float:left; }

nav .first-block a:hover, nav .second-block a:hover, nav .thrid-block a:hover, nav .sns-block a:hover p,
nav .first-block a:focus, nav .second-block a:focus, nav .thrid-block a:focus, nav .sns-block a:focus p{ color:#2b2b2b; }
.first-depth.second-block a:hover{font-weight: 600;}
/*----------------------------------------*/
.mu_fi{font-size: 16px;font-size: 1rem;}












/*----------------------------------------*/
/* Sub Page Common */

.hero { position:relative; width:100%; height:674px; background-position:center center; background-size:cover; }
.hero .title { display:block; position:absolute; z-index:2; width:100%; bottom:0px; text-align:center; }
.hero .title h1 { font-family:"LGSmHanL",Arial,sans-serif; font-size:3.5rem; color:#fff; letter-spacing:-0.1rem; }
.hero .title p { font-size:1.5rem; color:#fff; font-weight:200; padding:0.3rem 0 1rem 0; }
.hero .title .red-line { display:block; width:1px; height:96px; margin:0 auto; background-color:#d32140; }
.hero .overlay { position:absolute; width:100%; height:100%; z-index:1; top:0;
	background:-moz-linear-gradient(top,  rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 38%, rgba(0,0,0,0.6) 77%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.01) 38%,rgba(0,0,0,0.6) 77%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.01) 38%,rgba(0,0,0,0.6) 77%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}

.hero .title.service-title h3 { font-family:'LGSmHanR',Arial,sans-serif; font-size:104px; font-size:6.5rem; color:#fff; letter-spacing:-2.6px; letter-spacing:-0.163rem; margin-bottom:1rem; line-height:1}
.hero .title.service-title p { font-family:"LGSmHanL",Arial,sans-serif; letter-spacing:-2.9px; letter-spacing:-0.181rem; font-size:38px; font-size:2.375rem; line-height:1.210; color:#fff; padding:0.3rem 0 1rem 0; }
.line-lightgray{ display:block; width:100%; height:1px; background-color:#e1e1e1; margin:0.8rem 0; }
figcaption { font-size:1rem; font-weight:300; letter-spacing:-0.05rem; padding:0.5rem 0 1.75rem 0; color:#545454; }
img.img-border { border:1px solid #e1e1e1; }

/*----------------------*/
/* Sub Page Title */

.page-copy { position:relative; width:100%; background-color:#eeece9; /*z-index:1000; */ min-height:100px; }
.page-copy.view { position:relative; width:100%; background-color:#fff; /*z-index:1000;*/ min-height:100px; }
.page-copy.line { border-top:1px solid #e5e5e5; }
.page-copy p { position:relative; width:56%; margin:0 auto; font-family:"LGSmHanL",Arial,sans-serif; font-size:38px; font-size:2.42rem; line-height:50px; line-height:3.125rem; text-align:center; letter-spacing:-1.5px; letter-spacing:-0.094rem; color:#595858; padding:23px 0px 70px; padding:1.438rem 0rem 4.375rem; }
.page-copy span { display:block; position:absolute; margin:auto; width:1px; height:44px; left:0; right:0; bottom:0; background-color:#d32140; }
.page-title-wrap { 	position:relative; width:100%; height:56px; top:0; transition:all 0.3s; z-index:1000; }
.page-title-wrap.white { position:absolute; top:0; z-index:10; }
.page-title-wrap.white h5{ color:#ffffff; }
.page-title-wrap .history-back, .page-title-wrap .history-close, .page-title-wrap .go-list { position:absolute; top:13px; left:30px; z-index:1001; display:block; }
.page-title-wrap .history-back span, .page-title-wrap .history-close span, .page-title-wrap .go-list span{ display:block; position:absolute; bottom:5px; left:4px; width:34px; height:1px; background-color:#4b4b4b; }
.page-title-wrap .history-back .icon{ fill:#4b4b4b; }
.page-title-wrap.white .history-back .icon{ fill:#ffffff; }
.page-title-wrap.white .history-back span, .page-title-wrap.white .history-close span{ background-color:#ffffff; }
/*.page-title-wrap .history-back:hover .icon, .page-title-wrap.white .history-back:hover .icon{
	fill:#d32140;
}*/
.page-title-wrap .history-back:hover span, .page-title-wrap.white .history-back:hover span{ background-color:#d32140; }
.page-title-wrap h2 { position:absolute; margin:auto; text-transform:uppercase;  font-size:16px; font-size:1rem; letter-spacing:0rem; text-align:center; color:#d32140; left:0; right:0; margin-top:0rem; line-height:56px;}
.hero .page-title-wrap h2 { color:#fff; }
.mu_fi nav.open{display: block;position: fixed;}

.mu_fi header.open{position: fixed;}

/*----------------------------------------*/
.mu_fi header .hd_sch_wr1{width: 301px;position: absolute;right: 75px;top: 35px;width: 180px;}
header #hd_sch1 #sch_stx1{background-color: transparent !important;;width: 83%;font-size: 13px;padding: 0;color: #fff;font-weight:100; font-family: 'Noto Sans KR',sans-serif;border: 0;padding: 3px 0; }
.mu_fi header #hd_sch1 #sch_stx1::placeholder{color: #fff;font-weight: 100;font-family: 'Noto Sans KR',sans-serif;opacity: 0.8;background-color: transparent !important;;}
.mu_fi header #hd_sch1 #sch_submit1{background-color: transparent;width: 15%; border: 0;}
.mu_fi header #hd_sch1 #sch_stx1:focus{background-color: transparent !important;;}
.mu_fi header #hd_sch1 #sch_submit1 img{width: 25px;height: 25px;}
.ham_form{border-bottom: 1px solid #fff;padding-bottom: 8px;}
.container{width: 1208px;margin: 0 auto;}



/*----------------sec02-----------------*/
.sec02{background:url(/img/sec2_back_img.jpg);background-size: cover;}
.sec2_box .sec2_sbox .sec2_arrow{position: absolute;left: 116px;top: 134px;transform: translateX(0);}
.sec2_box:hover .sec2_sbox .sec2_arrow{animation: move02 1.5s infinite;}
@keyframes move02 {
		0%     {left: 114px;}
		50%    {left: 119px;}
        100%   {left: 114px;}
}
.sec2_t{
    padding-top: 7.5%;
    position: relative;
    font-size: 40px;
    padding-left: 26px;
    font-family: 'Noto Sans KR';
    line-height: 30px;
    display: inline-block;
    color: #323232;
}
.sec2_t:before{    content: '';
    position: absolute;
    top: 91.5%;
    transform: translateY(-50%);
    left: 0;
    width: 7px;
    height: 30.5px;
    background-color: #d32140;}

.sec2_p{display: inline-block;padding-left: 50px;position: relative;width: 600px;}
.sec2_s1{color: #323232;font-size: 16px;font-weight: bold;font-family: 'Noto Sans KR',sans-serif;position: absolute;left: 50px;top: -2px;}
.sec2_s2{color: #888;font-size: 14px;font-weight: 400;font-family: 'Noto Sans KR',sans-serif;}
.sec2_Warpbox{width: 100%;padding-top: 40px;position: relative;}
.sec2_box{float: left;width: 24%;border: 1px solid #e5e5e5;height: 33vh;margin-left: 1.333%;margin-top: 1.3333%;background: #fff;box-sizing: border-box;padding: 40px 40px 30px 40px;text-align: center;transition: all 0.5s ease-in-out;position: relative;}
.sec2_box:nth-child(1){margin-left: 0;}
.sec2_box:nth-child(6){}
.sec2_box:nth-child(5){margin-left: 0;border: 0;background-color: transparent;display: none;}
.sec2_box:nth-child(6){margin-left: 25.333%;}
.sec2_box:nth-child(8){border: 0;background-color: transparent;display: none;}
.sec2_box >a {width: 100%;}
.sec2_box_p{text-align: center;font-size: 22px;color: #323232;font-family: 'Noto Sans KR',sans-serif;font-weight: bold;padding-top: 100px;position: relative;}
.sec2_box_p:before{content: '';position: absolute;left: 75px;top: 90px;height: 1px;width: 56px;background: #a0a0a0;}
.sec2_box_s{font-size: 16px;font-weight: 400;color: #888;display: inline-block;padding-top: 15px;}
.sec2_box_s2{position: absolute;bottom: -19px;left: 32.5px;}

.sec2_box >img{position: absolute;left: 50%;top: 50px;transform: translateX(-50%)}
.sec2_box:nth-child(2) .sec2_box_s2{left: 27.5px;}
.sec2_box:nth-child(3) .sec2_box_s2{}
.sec2_box:nth-child(4) .sec2_box_s2{left: 13.5px;}
.sec2_box:nth-child(6) .sec2_box_s2{left: 7.5px;}
.sec2_box:nth-child(7) .sec2_box_s2{left: 49.5px;}

.sec2_box:nth-child(3) img{top: 55px;}

.sec2_sbox{float: left;width: 24%;height: 300px;box-sizing: border-box;padding: 50px 40px 30px 40px;text-align: center;transition: all 1s ease-in-out;position: absolute;opacity: 0;transition: all 0s ease-in-out;left: 0;top: 0;}
.sec2_box2_1 .sec2_box_s2{left: 27.5px;}
.sec2_box3_1 .sec2_box_s2{}
.sec2_box4_1 .sec2_box_s2{left: 13.5px;}
.sec2_box6_1 .sec2_box_s2{left: 7.5px;}
.sec2_box7_1 .sec2_box_s2{left: 49.5px;}
.sec2_sbox >img {position: absolute;left: 50%;top: 50px;transform: translateX(-50%)}

.sec2_box3_1 img{top: 55px;}

.sec2_box:nth-child(1):hover .sec2_box1_1{transform: scale(1.2);background:url(/img/sec2_box2_bg.png);z-index: 100;-webkit-background-size: cover;
background-size:cover ;opacity: 1;}
.sec2_box:nth-child(2):hover .sec2_box2_1{transform: scale(1.2);background:url(/img/sec2_box2_bg.png);z-index: 100;-webkit-background-size: cover;
background-size:cover ;opacity: 1;}
.sec2_box:nth-child(3):hover .sec2_box3_1{transform: scale(1.2);background:url(/img/sec2_box3_bg.png);z-index: 100;-webkit-background-size: cover;
background-size:cover ;opacity: 1;}
.sec2_box:nth-child(4):hover .sec2_box4_1{transform: scale(1.2);background:url(/img/sec2_box4_bg.png);z-index: 100;-webkit-background-size: cover;
background-size:cover ;opacity: 1;}
.sec2_box:nth-child(6):hover .sec2_box6_1{transform: scale(1.2);background:url(/img/sec2_box6_bg.png);z-index: 100;-webkit-background-size: cover;
background-size:1cover ;opacity: 1;}
.sec2_box:nth-child(7):hover .sec2_box7_1{transform: scale(1.2);background:url(/img/sec2_box7_bg.png);z-index: 100;-webkit-background-size: cover;
background-size:cover ;opacity: 1;}
.sec2_box:hover .sec2_box_p{color: #fff;}
.sec2_box:hover .sec2_box_s{color: #fff;}
.sec2_box:hover .sec2_sbox{box-shadow: -16px 16px 30px rgba(0,0,0,0.5);border:0;transition: all 0.5s ease-in-out;}
.sec2_box:hover .sec2_box_p:before{display: none;}

.sec2_box:hover .sec2_sbox:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #e52446;opacity: 0.85;}


@keyframes anim1 {
		0%   {width: 0px;}
		100% {width: 56px;}
}


/*---------------------------------*/
/*---------------sec03--------------*/
.sec03{background:url(/img/sec3_bg.png);
    position: relative;
    z-index:1;
    overflow:hidden;background-size: cover;
}

.fp-viewing-2 .sec03:before {
  content: '';
  position: absolute;
  top: 0; left:0; right:0; bottom:0;
  background: inherit;
  z-index:-1;
  filter: blur(2.5px) brightness(60%); 
  -webkit-filter: blur(2.5px) brightness(60%); 
  -moz-filter: blur(2.5px) brightness(60%);
  -o-filter: blur(2.5px) brightness(65%);width: 100%;height: 100%;
opacity: 1;transition: all 0.7s 0.2s ease-in-out;
}
.sec03:before {
  content: '';
  position: absolute;
  top: 0; left:0; right:0; bottom:0;
  background: inherit;
  z-index:-1;
  filter: blur(6px); 
  -webkit-filter: blur(6px); 
  -moz-filter: blur(6px);
  -o-filter: blur(6px);width: 100%;height: 100%;
opacity: 0;transition: all 0s 0s ease-in-out;
}



.sec3_t{
    position: relative;
    font-size: 49.3px;
    font-family: 'Noto Sans KR';

    color: #fff;
}
.sec03 .container{ position: absolute;left: 50%;top: 48%;transform:translate(-50%,-50%);color: #fff;font-family: 'Noto Sans KR', sans-serif;text-align: center;
   opacity: 0;transition: all ease-in-out;}
.fp-viewing-2 .sec03 .container{ animation: textani02 2.3s ease-in-out;opacity: 1;}
.sec3_t_s{display: inline-block;padding-right: 70px;}
.sec3_s1{font-size: 23px;color: #fff;;font-family: 'Noto Sans KR',sans-serif;font-weight: 300;padding-top: 15px;display: inline-block;line-height: 28px;}
.sec3_s2{font-size: 23px;color: #fff;;font-family: 'Noto Sans KR',sans-serif;font-weight: 300;padding-top: 7px;display: inline-block;line-height: 28px;}

.arrow_right{position: absolute;right: -85px;bottom: 5px;animation: moveAni2 1.2s ease infinite;}
@keyframes moveAni2 {
		0%     {right: 340px;}
		50%    {right: 350px;}
        100%   {right: 340px;}
}
@keyframes textani02 {
    0%{ opacity: 0;top: 55%;}
    50%{ opacity: 0;top: 55%;}
    100%{opacity: 1;top: 48%;}
}
/*-------------------------*/
/*-----------sec4--------------*/
.sec04{background:url(/img/sec3_bg02.png) 0;background-size: cover;}


.textbox_wrapper1{
    width: 28vw;
    height: 17vw;
    background-color: rgba(25,25, 24, 0.9 );
    position: absolute;
    top: 50.9%;
    left: 62vw;
    color: #fff;
    /* padding: 45px 49px; */
    padding: 1.8vw 2.6vw 2.3vw 2.6vw;
    z-index: 10;
    opacity: 0;
    
}

#slick-slide00.slick-current.slick-active .textbox_wrapper1{opacity: 1;}
#slick-slide01.slick-current.slick-active .textbox_wrapper2{opacity: 1;}
#slick-slide02.slick-current.slick-active .textbox_wrapper3{opacity: 1;}
#slick-slide03.slick-current.slick-active .textbox_wrapper4{opacity: 1;}

.textbox_wrapper1 h3{position: relative;padding-left: 1.7vw;font-size: 2.1vw;margin-bottom: 0.99vw;font-weight: 900;}
.textbox_wrapper1 h3:before{content: '';
    position: absolute;
    top: 14px;
    left: 0;
    /* width: 9px; */
    width: 0.47vw;
    /* height: 38px; */
    height: 1.98vw;
    background-color: #d32140;}
.textbox_wrapper1 .bld{
    margin-bottom: 0.5vw;
    font-size: 1.2vw;
    font-weight: 500;} 
.textbox_wrapper1 p{font-size: 0.99vw;
    font-weight: 100;}

.textbox_wrapper2{
    width: 25%;
    height: 29%;
    background-color: rgba(25,25, 24, 0.9 );
    position: absolute;

    left: 62vw;
    color: #fff;
    /* padding: 45px 49px; */
    padding: 35px 40px 20px 80px;

}
.textbox_wrapper2 h3{position: relative;padding-left: 1.7vw;font-size: 2.1vw;margin-bottom: 0.99vw;font-weight: 900;}
.textbox_wrapper2 h3:before{content: '';
    position: absolute;
    top: 14px;
    left: 0;
    /* width: 9px; */
    width: 0.47vw;
    /* height: 38px; */
    height: 1.98vw;
    background-color: #d32140;}
.textbox_wrapper2 .bld{
    margin-bottom: 0.5vw;
    font-size: 1.2vw;
    font-weight: 500;} 
.textbox_wrapper2 p{font-size: 0.99vw;
    font-weight: 100;}


.textbox_wrapper3{
    width: 28vw;
    height: 17vw;
    background-color: rgba(25,25, 24, 0.9 );
    position: absolute;
    top: 50.9%;
    left: 62vw;
    color: #fff;
    /* padding: 45px 49px; */
    padding: 1.8vw 2.6vw 2.3vw 2.6vw;
    
    
    
    opacity: 0;
}
.textbox_wrapper3 h3{position: relative;padding-left: 1.7vw;font-size: 2.1vw;margin-bottom: 0.99vw;font-weight: 900;}
.textbox_wrapper3 h3:before{content: '';
    position: absolute;
    top: 14px;
    left: 0;
    /* width: 9px; */
    width: 0.47vw;
    /* height: 38px; */
    height: 1.98vw;
    background-color: #d32140;}
.textbox_wrapper3 .bld{
    margin-bottom: 0.5vw;
    font-size: 1.2vw;
    font-weight: 500;} 
.textbox_wrapper3 p{font-size: 0.99vw;
    font-weight: 100;}



sec4_boxwarp{position: relative;width: 100%;height: 100%;}

.textbox_wrapper4{
    width: 28vw;
    height: 17vw;
    background-color: rgba(25,25, 24, 0.8 );
    position: absolute;
    top: 50.9%;
    left: 62vw;
    color: #fff;
    /* padding: 45px 49px; */
    padding: 1.8vw 2.6vw 2.3vw 2.6vw;
    
    
    opacity: 0;
}
.textbox_wrapper4 h3{position: relative;padding-left: 1.7vw;font-size: 2.1vw;margin-bottom: 0.99vw;font-weight: 900;}
.textbox_wrapper4 h3:before{content: '';
    position: absolute;
    top: 14px;
    left: 0;
    /* width: 9px; */
    width: 0.47vw;
    /* height: 38px; */
    height: 1.98vw;
    background-color: #d32140;}
.textbox_wrapper4 .bld{
    margin-bottom: 0.5vw;
    font-size: 1.2vw;
    font-weight: 500;} 
.textbox_wrapper4 p{font-size: 0.7vw;
    font-weight: 100;}



.sec4_boxwarp .slick-slide{height: auto;}
.sec4_boxwarp .slick-dots {bottom: 60px;}

.inner_wrapper2{position: relative;}

.inner_wrapper2 img{position: absolute;left: 48%;top: 13%;z-index: 1;}

.sec04_ul{}
.sec04_li{float: left;width: 38%;height: 38px;margin-top: 1%;position: relative;margin-left: 2%;}
.sec04_li a:before{
        position: absolute;
    content: '';
    top: 9px;
    left: 0px;
    /* width: 9px; */
    width: 4px;
    /* height: 38px; */
    height: 1.1vw;
    background-color: #d32140;
}
.sec04_li a{display: block;font-size: 21px;text-align: center;height: 100%;line-height: 38px;font-family: 'Noto Sans KR',sans-serif;font-weight: 400;position: relative;transition:all 0s ease;color: #fff;}
.sec04_li a:hover{background: #d32140;font-weight: 500;transform: scale(1.1);z-index: 10;transition:all 0.2s ease;}
.sec04_li a span{display: inline-block;;transition:all 0s ease;}
.sec04_li a:hover span{padding-right: 0;transition:all 0s ease;font-weight: 500;}
.sec4_boxwarp .textbox_wrapper2 .bld{
    text-align: center;margin-bottom: 0.8vw;font-weight: 400;letter-spacing: 0.5px;font-size: 18.33px;display: inline-block;
}
.sec4_boxwarp .textbox_wrapper2 h3{padding-left:0;text-align: center;margin-bottom: 0.55vw;font-size: 35px;display: inline-block;}
.sec4_boxwarp .textbox_wrapper2 h3:before{width: 0;height: 0;}

.sec04_li a:hover:before{display: none;}
.sec4_boxwarp .textbox_wrapper2{height: 251px;width: 22%; bottom: 50px;left: 71vw;opacity: 0;transition:all 0.0s ease;}
.fp-viewing-3 .sec4_boxwarp .textbox_wrapper2{opacity: 1;bottom: 105px;transition:all 1s 0.6s ease;}

.sec04_li a span{display: inline-block;position: relative;text-align: center;}

.sec04_li:nth-child(2){margin-left: 7%;}
.sec04_li:nth-child(4){margin-left: 7%;}
.sec04_li:nth-child(3) a span{right: 7px;}
.sec04_li:nth-child(4) a span{right: 7px;}

.sec04_li:nth-child(3) a:hover span{right: 0px;}
.sec04_li:nth-child(4) a:hover span{right: 0px;}






/*---------------------*/
/*---------sec5-------------*/
.container2{width: 1108px;margin: 0 auto;}
.sec05{position: relative;
z-index:1;
overflow:hidden;
    background:url(/img/sec5_bg.png);background-size: cover;
}
.sec05{position: relative;z-index:1;}
.fp-viewing-4 .sec05:before {
  content: '';
  position: absolute;
  top: 0; left:0; right:0; bottom:0;
  background: inherit;
  z-index:-1;
  filter: blur(2.5px) brightness(60%); 
  -webkit-filter: blur(2.5px) brightness(60%); 
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(attribute1=value1, attribute2=value2, etc)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelRadius=3)";
  -moz-filter: blur(2.5px) brightness(60%);
  -o-filter: blur(2.5px) brightness(65%);width: 100%;height: 100%;
opacity: 1;transition: all 0.7s 0.2s ease-in-out;
}
.sec05:before {
  content: '';
  position: absolute;
  top: 0; left:0; right:0; bottom:0;
  background: inherit;
  z-index:-1;
  filter: blur(6px); 
  -webkit-filter: blur(6px); 
  -moz-filter: blur(6px);
  -o-filter: blur(6px);width: 100%;height: 100%;
opacity: 0;transition: all 0s 0s ease-in-out;
   
}
























.sec5_t{
    margin-top:10.5%;
    position: relative;
    font-size: 40px;
    padding-left: 26px;
    font-family: 'Noto Sans KR';
    line-height: 30px;
    display: inline-block;
    color: #fff;
    opacity: 0;transition: all 0s 0s ease-in-out;top: 10px;
}
.arrow_right2{position: absolute;right: -640px;bottom: 5px;animation: moveAni1 1.2s ease infinite;}
@keyframes moveAni1 {
		0%     {right: -635px;}
		50%    {right: -645px;}
        100%   {right: -635px;}
}
.fp-viewing-4 .sec5_t{opacity: 1;top: 0;transition: all 0.8s 0.5s ease-in-out;top: 10px;}
.sec5_t:before{    content: '';
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    left: 0;
    width: 7px;
    height: 32px;
    background-color: #d32140;}

.sec5_Warpbox{width: 100%;padding-top: 40px;position: relative;opacity: 0;transition: all 0s 0s ease-in-out;top: 50px;}
.fp-viewing-4 .sec5_Warpbox{opacity: 1;top: 0;transition: all 0.8s 1s ease-in-out;}
.sec5_box{float: left;width: 32.3333%;height: 33vh;margin-left: 1.5%;margin-top: 1.3333%;background:rgba(0,0,0,0.75);box-sizing: border-box;padding: 50px 20px 30px 20px;text-align: center;transition: all 0.5s ease-in-out;position: relative;}
.sec5_box:nth-child(1){margin-left: 0;}
.sec5_box:nth-child(4){margin-left: 0;}
.sec5_box_p{text-align: center;font-size: 22px;color: #fff;font-family: 'Noto Sans KR',sans-serif;font-weight: bold;padding-top: 100px;position: relative;}

.sec5_box_s{font-size: 15px;font-weight: 100;color: #fff;display: inline-block;line-height: 22px;padding-top: 10px;}
.sec5_box_s2{position: absolute;bottom: -18px;left: 34.5px;}
.sec5_box_s3{position: absolute;bottom: -38px;left: 18.5px;}
.sec5_box_s4{position: absolute;bottom: -58px;left: 94.5px;}

.sec5_box >a {width: 100%;}
.sec5_box .sec5_sbox .sec5_arrow{position: absolute;left: 159px;top: 134px;}
.sec5_box:hover .sec5_sbox .sec5_arrow{animation: move01 1.5s infinite;}
@keyframes move01 {
		0%     {left: 154px;}
		50%    {left: 164px;}
        100%   {left: 154px;}
}
.sec5_sbox{float: left;width: 32.3333%;height: 33vh;box-sizing: border-box;padding: 50px 20px 30px 20px;text-align: center;transition: all 1s ease-in-out;position: absolute;opacity: 0;transition: all 0s ease-in-out;left: 0;top: 0;}
.sec5_box:nth-child(2) .sec5_box_s2{left: 51px;}
.sec5_box:nth-child(3) .sec5_box_s2{}
.sec5_box:nth-child(4) .sec5_box_s2{left: 26.5px;}
.sec5_box:nth-child(5) .sec5_box_s2{left: 52.5px;}
.sec5_box:nth-child(6) .sec5_box_s2{left: 49.5px;}

.sec5_box:nth-child(2) .sec5_box_s3{left: 23.5px;}
.sec5_box:nth-child(3) .sec5_box_s3{}
.sec5_box:nth-child(4) .sec5_box_s3{left: 57.5px;}
.sec5_box:nth-child(5) .sec5_box_s3{left: 28.5px;}
.sec5_box:nth-child(6) .sec5_box_s3{left: 28.5px;}

.sec5_box:nth-child(4) .sec5_box_s4{left: 25.5px;}
.sec5_box:nth-child(5) .sec5_box_s4{left: 29.5px;}
.sec5_box:nth-child(6) .sec5_box_s4{left: 49.5px;}

.sec5_box >img{position: absolute;left: 159px;top: 50px;}
.sec5_box:nth-child(2) img{left: 154px;}
.sec5_box:nth-child(3) img{left: 154px;top: 55px;}
.sec5_box:nth-child(4) img{left: 141px;}
.sec5_box:nth-child(5) img{left: 158px;}
.sec5_box:nth-child(6) img{left: 153px;}
.sec5_box:hover .sec5_sbox{box-shadow: -16px 16px 30px rgba(0,0,0,0.5);border:0;transition: all 0.5s ease-in-out;}
.sec5_box:hover .sec5_sbox:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #e52446;}
.sec5_box_p:before{content: '';position: absolute;left: 136px;top: 90px;height: 1px;width: 48px;background: #fff;}
.sec5_box:hover .sec5_box_p:before{background: none;}
.sec5_box:nth-child(1):hover .sec5_box1_1{transform: scale(1.2);z-index: 100;opacity: 1;}
.sec5_box:nth-child(2):hover .sec5_box2_1{transform: scale(1.2);z-index: 100;opacity: 1;}
.sec5_box:nth-child(3):hover .sec5_box3_1{transform: scale(1.2);z-index: 100;opacity: 1;}
.sec5_box:nth-child(4):hover .sec5_box4_1{transform: scale(1.2);z-index: 100;opacity: 1;}
.sec5_box:nth-child(5):hover .sec5_box5_1{transform: scale(1.2);z-index: 100;opacity: 1;}
.sec5_box:nth-child(6):hover .sec5_box6_1{transform: scale(1.2);z-index: 100;opacity: 1;}

.sec5_sbox >img {position: absolute;left: 159px;top: 50px;}
.sec5_box2_1 img{left: 154px;}
.sec5_box3_1 img{left: 154px;top: 55px;}
.sec5_box4_1 img{left: 141px;}
.sec5_box5_1 img{left: 158px;}

/*------------------------*/
/*--------sec06-----------*/
.sec6_t{
    margin-top: 10.5%;
    position: relative;
    font-size: 40px;
    padding-left: 26px;
    font-family: 'Noto Sans KR';
    line-height: 30px;
    display: inline-block;
    color: #323232;
}
.sec6_t:before{    content: '';
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    left: 0;
    width: 7px;
    height: 30px;
    background-color: #d32140;}
.sec6_p{display: inline-block;padding-left: 50px;position: relative;width: 600px;}
.sec6_s1{color: #323232;font-size: 16px;font-weight: bold;font-family: 'Noto Sans KR',sans-serif;position: absolute;left: 50px;top: -2px;}
.sec6_s2{color: #888;font-size: 14px;font-weight: 400;font-family: 'Noto Sans KR',sans-serif;}

.sec6_Warpbox{width: 100%;padding-top: 40px;position: relative;}
.sec6_box{;float: left;height: 300px;border: 1px solid #e8e8e8;overflow: hidden;}
.sec6_box1{width: 48.75%;background: url(/img/sec6_box1_bg.png);}
.sec6_box2{width: 23.625%;margin-left: 1.5%;}
.sec6_box3{width: 23.625%;margin-left: 1.5%;}
.sec6_box4{width: 23.625%;margin-top: 1.5%;}
.sec6_box5{width: 23.625%;margin-left: 1.5%;margin-top: 1.5%;}
.sec6_box6{width: 48.75%;margin-left: 1.5%;margin-top: 1.5%;background: url(/img/sec6_box6_bg.png);}

.sec6_sbox > img {width: 100%;}
.sec6_box_txt{padding: 0 10px;padding-bottom: 10px;}
.sec6_box_p{color: #282121;font-family: 'Noto Sans KR',sans-serif;font-size: 18px;font-weight: 500;padding-top: 5px;}
.sec6_box_s{color: #282121;font-family: 'Noto Sans KR',sans-serif;font-size: 13px;font-weight: 300;padding-top: 18%;display: inline-block;position: relative;}
.sec6_box_s:before{content: '';position: absolute;left: 0;top: 40px;height: 1px;width: 35px;background: #a0a0a0;}
.sec6_box_img{position: relative;}
.sec6_box:hover .sec6_box_img:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(211, 33, 64, 0.5);}
.sec6_box:hover .sec6_sbox1{display: block;}
.sec6_sbox1 .sec6_box_img{width: 100%;height: 192px;}
.sec6_sbox1 .sec6_box_s{padding-top: 8%;}
.sec6_sbox1 .sec6_box_txt{padding-bottom: 10px;}

.sec6_box .sec6_sbox6{display: none;}
.sec6_box:hover .sec6_sbox6{display: block;}
.sec6_box .sec6_sbox1{display: none;}
.sec6_box:hover .sec6_sbox1{display: block;}

.sec6_sbox6 .sec6_box_img{width: 100%;height: 192px;}
.sec6_sbox6 .sec6_box_s{padding-top: 8%;}
.sec6_sbox6 .sec6_box_txt{padding-bottom: 15px;}
.sec6_box:hover .sec6_box_txt{ background-color: rgb(211, 33, 64);}

.sec6_box:hover .sec6_box_p{color: #fff;}
.sec6_box:hover .sec6_box_s{color: #fff;}
.sec6_box:hover .sec6_box_s:before{content: url(/img/sec5_arrow.png);background: none;top: 28px;}
.main_arrow{position: absolute;right: 7%;bottom: 10%;}
/*---------------------*/
/*----------sec07------------*/
.sec07{background:url(/img/sec2_back_img.jpg);background-size: cover;}
.sec7_t{
    margin-top: 10.5%;
    position: relative;
    font-size: 40px;
    padding-left: 26px;
    font-family: 'Noto Sans KR';
    line-height: 30px;
    display: inline-block;
    color: #323232;
}
.sec7_t:before{    content: '';
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    left: 0;
    width: 7px;
    height: 30px;
    background-color: #d32140;}

.sec7_p{display: inline-block;padding-left: 50px;position: relative;width: 600px;}
.sec7_s1{color: #323232;font-size: 16px;font-weight: bold;font-family: 'Noto Sans KR',sans-serif;position: absolute;left: 50px;top: -2px;}
.sec7_s2{color: #888;font-size: 14px;font-weight: 400;font-family: 'Noto Sans KR',sans-serif;}


.sec7_Warpbox{width: 100%;padding-top: 40px;position: relative;}

.sec7_Warpbox #map .desc .jibun{color: #000;font-weight: 300;}
.sec7_Warpbox .sec7_box{position: absolute;right: 0;bottom: -10%;width: 95%;background: url(/img/sec7_box_bg.png);height: 520px;}
.sec7_Warpbox .sec7_box:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.85);}

.sec7_Warpbox .sec7_box .sec7_box1{width: 60%;height: 100%;float: left;}
.sec7_Warpbox .sec7_box .sec7_box2{width: 40%;float: left;position: relative;}
.sec7_box .sec7_box2 .sec7_box2_p1{color: #d3203f;font-size: 35px;font-weight: 500;font-family: 'Noto Sans KR',sans-serif;padding-top: 70px;line-height: 43px;}

.sec7_box2_p2 p{color: #fff;font-size: 14.4px;font-family: 'Noto Sans KR',sans-serif;font-weight: bold;display: block;}
.sec7_box2_p2 p span{font-size: 20px;font-weight: 400;}
.sec7_box2_p2 p .font_sec7{font-size: 21px;}
.sec7_box2_p2 .sec7_box2_s1{padding-top: 70px;position: relative;}
.sec7_box2_p2 .sec7_box2_s2{padding-top: 20px;}
.sec7_box2_p2 .sec7_box2_s3{padding-top: 20px;}

.sec7_box2_p2 .sec7_box2_s1:before{content: '';position: absolute;left: 0;top: 47px;height: 2px;width: 30px;background: #fff;}
/*-------------------------------*/

@keyframes moveAni3 {
		0%     {right: 245px;}
		50%    {right: 235px;}
        100%   {right: 245px;}
    }
@keyframes move04 {
		0%     {left: 135px;}
		50%    {left: 145px;}
        100%   {left: 135px;}
}
/* IE9, IE10 */
@media screen and (min-width:0\0) {
    .sec05{position: relative;
    z-index:1;
    overflow:hidden;
    background:url(/img/sec5_bg_ie.png);background-size: cover;
    }
    .sec03{position: relative;
    z-index:1;
    overflow:hidden;
    background:url(/img/sec3_bg_ie.png);background-size: cover;
    }
    .banner_wrapper.common.inquiry{background: url(/img/inquiry_ie.jpg);background-size: cover;}
    .banner_wrapper.common.psd{background: url(/img/port01_ie.jpg);background-size: cover;}
    .banner_wrapper.common.advertisement{background: url(/img/board01_ie.jpg);background-size: cover;}
    .banner_wrapper.common.store {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: url(/img/store_manage_ie.jpg);background-size: cover;
    }
    .banner_wrapper.common.signage {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: url(/img/digital01_ie.jpg) 0;background-size: cover;
    }
    
    
    .fp-viewing-2 .sec03 .container{ animation: textani06 1.1s ease-in-out;opacity: 1;}
   
    .sec03 .container{ position: absolute;left: 50%;top: 48%;transform:translate(-50%,-50%);color: #fff;font-family: 'Noto Sans KR', sans-serif;text-align: center;
   opacity: 0;transition: all ease-in-out;}
    
}

 @keyframes textani06 {
    0%{ opacity: 0;top: 55%;}
    20%{ opacity: 0;top: 55%;}
    100%{opacity: 1;top: 48%;}
}
@media (max-width: 1770px) {
    .textbox_wrapper2{padding: 35px 35px 20px 60px;}
}
@media (max-width: 1680px) {
    .textbox_wrapper2{padding: 35px 35px 20px 60px;}
}
@media (max-width: 1662px) {
    .textbox_wrapper2{padding: 35px 35px 20px 58px;}
    .sec4_boxwarp .textbox_wrapper2 h3{font-size: 33px;}
}
@media (max-width: 1600px) {
    .textbox_wrapper2{padding: 35px 35px 20px 52px;}
    .sec5_t{margin-top:4%;}
   .sec5_Warpbox{padding-top: 20px;}
    .sec5_box{height: 290px;}
    .sec2_t{padding-top: 5%;}
   .sec2_Warpbox{padding-top: 20px;}
    .sec2_box{height: 275px;}
    .sec5_sbox{height: 290px;}
    .sec6_t{margin-top: 6%;}
    .sec6_box{height: 270px;}
    .sec7_t{margin-top: 5.5%;}
    .sec6_box_s{padding-top: 8%;}
    .sec6_box_s:before{top: 15px;}
    .sec6_box:hover .sec6_box_s:before{top: 7px;}
    .sec6_sbox1 .sec6_box_s{padding-top: 4%;}
    .sec6_sbox6 .sec6_box_s{padding-top: 4%;}
}
@media (max-width: 1551px) {
    .textbox_wrapper2{padding: 35px 35px 20px 52px;}
    .sec4_boxwarp .textbox_wrapper2 h3{font-size: 31px;}
    .sec4_boxwarp .textbox_wrapper2 .bld{font-size: 17px;}
    .sec04_li a{font-size: 19px;}
    .sec04_li a:before{top: 12px;}
}
@media (max-width: 1488px) {
    .textbox_wrapper2 { padding: 35px 35px 20px 45px;}
}
@media (max-width: 1455px) {
    
 
    .sec4_boxwarp .textbox_wrapper2{height: 230px;width: 21%;padding: 30px 30px 22px 45px;}
    .sec4_boxwarp .textbox_wrapper2 h3{font-size: 29px;}
    .sec4_boxwarp .textbox_wrapper2 .bld{font-size: 15.33px;}
}
@media (max-width: 1420px) {
    

    .sec4_boxwarp .textbox_wrapper2{height: 225px;width: 22%;padding: 30px 30px 22px 45px;}
    .sec4_boxwarp .textbox_wrapper2 h3{font-size: 28px;}
    .sec4_boxwarp .textbox_wrapper2 .bld{font-size: 15px;}
    .sec04_li a{font-size: 17px;}
}
@media (max-width: 1400px) {
    .signage .store_manage_s{font-size: 16.4px;}
    .content_wrapper.signage .txt_wrapper .des_area p{font-size: 17px;}
    .sub_li{padding: 0 6px;}
    nav .nav-block .first-depth, nav .thrid-block{font-size: 0.95rem;}
    .mu_fi{font-size: 0.9rem;}
    nav .nav-block .first-depth, nav .thrid-block{margin: 0 0 0 1rem;}
    nav .nav-block ul{margin: 0.35rem 0 0 0.5rem;}
}
@media (max-width: 1385px) {
    .sec4_boxwarp .textbox_wrapper2 h3{font-size: 27px;}

    .sec4_boxwarp .textbox_wrapper2{height: 220px;}
}
@media (max-width: 1370px) {
    .txt-wrapper1 p.title1{width: 500px;left: 55.65%;}
    .txt-wrapper1 p.title1 span{font-size: 50px;}
    .txt-wrapper1 .col_txt1{top: 222px;left: 31%;font-size: 18px;}
    .txt-wrapper1 .col_txt2{font-size: 22.6px;top: 249px;}
    .txt-wrapper1 .col_txt3{top: 252px;font-size: 18px;}
    .txt-wrapper1 .row_txt1{font-size: 26.4px;}
    .txt-wrapper1 .row_txt2{font-size: 28px;top: 457px;}
    .txt-wrapper1 .col_txt4{top: 279px;font-size: 20px;}
    .txt-wrapper1 .col_txt5-1{top: 349px;font-size: 23px;}
    .txt-wrapper1 .col_txt6{top: 342px;font-size: 25px;font-weight: 100;}
    .txt-wrapper1 .col_txt6 p.m{font-size: 19.5px;margin-top: 5px;}
    .txt-wrapper1 .col_txt6 p.s{font-size: 19px;font-weight: 300;}
    .txt-wrapper1 .col_txt5-2{font-size: 20px;}
    .txt-wrapper1 .col_txt5-3{font-size: 19px;}
    .txt-wrapper1 .col_txt8{font-size: 18px;top: 468px;}
    .txt-wrapper1 .col_txt7{font-size: 23px;}
    
    .container{width: 980px;}
    .sec2_Warpbox{padding-top: 20px;}
    .sec2_box{height: 250px;}
    .sec2_box >img{top: 30px;}
    .sec2_box:nth-child(3) img{top: 35px;}
    .sec2_box_p:before{left: 49px;top: 60px;}
    .sec2_t{padding-top: 7.5%;font-size: 36px;}
    .sec2_t:before{top: 88%;height: 27px;}
    .sec2_s1{font-size: 14px;top: 1px;}
    .sec2_s2{font-size: 13px;}
    
    .sec2_box_p:before{left: 68px;}
    .sec2_box_p{padding-top: 70px;}
    .sec2_box{padding: 50px 20px 30px 20px;}
    .sec2_box_s{display: inline-block;padding-top: 15px;}
    
    .sec2_sbox{height: 250px;}
    .sec2_sbox >img{top: 30px;}
    .sec2_box .sec2_sbox .sec2_arrow{top: 105px;}
    .sec2_sbox{padding: 50px 20px 30px 20px;}
    .sec2_box:hover .sec2_sbox .sec2_arrow{animation: move02 1.5s infinite;width: 16%;}
@keyframes move02 {
		0%     {left: 95px;}
		50%    {left: 105px;}
        100%   {left: 95px;}
}
    .sec3_t .arrow_right{}
    .arrow_right{position: absolute;right: 250px;bottom: 5px;animation: moveAni3 1.2s ease infinite;}

    .textbox_wrapper2{padding: 20px 40px 20px 50px;}
    .sec4_boxwarp .textbox_wrapper2 h3{font-size: 26px;}
    .sec4_boxwarp .textbox_wrapper2 .bld{font-size: 14.33px;}
    .sec04_li a{font-size: 19px;}
    .sec04_li a:before{top: 11px;height: 1.35vw;}
}
@media (max-width: 1353px) {
    .sec4_boxwarp .textbox_wrapper2 h3{font-size: 26px;}
    .sec4_boxwarp .textbox_wrapper2 .bld{font-size: 14px;}
    
}

@media (max-width: 1280px) {
    
    .container2{width: 980px;}
    .txt-wrapper1 .row_txt1{right: 50.7%;}
    .txt-wrapper1 .row_txt2{left: 51.9%;}
    .sec4_boxwarp .textbox_wrapper2 h3{font-size: 25px;}
    .sec4_boxwarp .textbox_wrapper2 .bld{font-size: 13.5px;}
    .sec4_boxwarp .textbox_wrapper2{height: 205px; }
    .sec5_box_p:before{left: 115px;}
    .sec5_box:nth-child(2) img{left: 134px;}
    .sec5_box:nth-child(3) img{left: 136px;}
    .sec5_box:nth-child(4) img{left: 125px;}
    .sec5_box:nth-child(5) img{left: 140px;}
    .sec5_box:nth-child(6) img{left: 134px;}
    .sec5_box >img{left: 139px;}
    .sec5_box:hover .sec5_sbox .sec5_arrow{animation: move04 1.5s infinite;}
    .sec5_box_s{font-size: 14px;}

    
}
@media (max-width: 1155px) {
    .container{width: 900px;}
    .sec2_box_p{font-size: 20px;}
    .sec2_box_p:before{left: 59px;}
    .sec2_box_s{font-size: 14px;}
    .txt-wrapper1 p.title1{left: 56.65%;}
    .txt-wrapper1 p.title1 span{font-size: 45px;}
    .txt-wrapper1 .col_txt1 {top: 217px;left: 32.5%;font-size: 16px}
        .txt-wrapper1 .col_txt3 {
    top: 247px;
    font-size: 16px;
    }
  .txt-wrapper1 .col_txt2 {
    font-size: 20.6px;
    top: 244px;
    }  
    .txt-wrapper1 .row_txt1{top: 402px;font-size: 25.4px;}
    .sec4_boxwarp .textbox_wrapper2 h3{font-size: 23px;}
    .sec4_boxwarp .textbox_wrapper2 .bld{font-size: 12.5px;}
    
    .sec04_li a{font-family: 16px;font-size: 16px;}
    .sec04_li a:before{top: 14px;}
}
@media (max-width: 1024px) {
    .sec4_boxwarp .textbox_wrapper2{left: 70vw; }
    
    .txt-wrapper1 p.title1{left: 57.65%;}
    .txt-wrapper1 .col_txt1{}
    .txt-wrapper1 .col_txt1 {
    top: 217px;
    left: 29.5%;
    font-size: 16px;
    }
    .txt-wrapper1 .col_txt2{font-size: 18.6px;right: 52.5%;}
    .txt-wrapper1 .col_txt3{font-size: 16px;left: 51.2%;}
    .txt-wrapper1 .col_txt4{font-size: 20px;left: 53.5%;}
    .txt-wrapper1 .col_txt5-1{font-size: 21px;right: 53%;}
    .txt-wrapper1 .col_txt5-2{font-size: 18px;right: 53%;}
    .txt-wrapper1 .col_txt5-3{font-size: 17px;right: 53%;}
    .txt-wrapper1 .col_txt6{font-size: 24px;left: 53.5%;}
    .txt-wrapper1 .col_txt6 p.m{font-size: 17.5px;}
    .txt-wrapper1 .col_txt6 p.s{font-size: 17px;}
    .txt-wrapper1 .col_txt7{font-size: 21px;right: 53%;}
    .txt-wrapper1 .col_txt8{font-size: 17px;left: 53.5%;}
    .txt-wrapper1 .row_txt1{font-size: 25.4px;right: 50.7%;}
    .txt-wrapper1 .row_txt2{left: 51.9%;font-size: 27px;top: 449px;}
    .sec4_boxwarp .textbox_wrapper2 h3{font-size: 19px;}
    .sec4_boxwarp .textbox_wrapper2 .bld{font-size: 10.5px;}
    .sec04_li a{font-size: 12px;}
    .sec04_li a:before{width: 3px;}
    .container2{width: 960px;}
    
    .sec5_box_p:before{left: 112px;}
    .sec5_box >img{left: 136px;}
    .sec5_box:nth-child(2) img{left: 132px;}
    .sec5_box:nth-child(3) img{left: 134px;}
    .sec5_box:nth-child(4) img{left: 123px;}
    .sec5_box:nth-child(5) img{left: 138px;}
    .sec5_box:nth-child(6) img{left: 132px;}
    
    .sec5_Warpbox .sec5_box .sec5_sbox .sec5_arrow{animation: move03 1.5s infinite;left: 139px;}
    @keyframes move03{
        0%{left: 136px;}
        50%{left: 142px;}
        100{left: 136px;}
    }
}