::-webkit-scrollbar {

display:none;

} 




article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body{ line-height:1.5; font-family:'Dotum'; font-size:16px; color:#000; background:#fff;-ms-overflow-style: none; } 
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0;}
ul,ol,li{list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
fieldset,img{border:0}
hr{height:0;}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
address,caption,em,var{font-style:normal;font-weight:normal}
a{text-decoration:none;cursor:pointer;color: inherit;}
a[href^="tel"]{font-style:normal}
a:hover,a:active,a:focus{text-decoration:none !important;}
b,strong{font-weight:bold}
dfn{font-style:italic}
img{border:0;vertical-align:top}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0;}
legend, caption{overflow:hidden;text-indent:-9999999px; height:0 !important; width:0 !important;line-height:0 !important;margin:0;padding:0;}
input{vertical-align:middle;margin:0;padding:0;}
input[type="text"],input[type="password"],input[type="email"]{-webkit-appearance:none;appearance:none;border-radius:0;font-family:'Dotum';}
input:checked[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{border-radius:0;-webkit-appearance:button;appearance:button;font-family:'Dotum';}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border:none;cursor:pointer;margin:0;padding:0;}
a,input,button,select{outline:none}
button,select{text-transform:none}
optgroup{font-weight:bold}
textarea{border:1px solid #bcbcbc;overflow:auto;-webkit-appearance:none;appearance:none;}
input::-ms-clear{display:none;}


body { width: 100%; margin: auto; font-family: 'Pretendard'; }

/*body.main { overflow-y: hidden; }*/

.mo { display: none; }
.pc { display: block; }

/**/


/*html,a,.btn { cursor: none; }*/
.btn { cursor: pointer; }

#cursor {
  position: fixed; 
  z-index: 999999999999999;
  left: 0;
  top: 0;
  pointer-events: none;
  will-change: transform; display:none;
}

@media (hover: hover) and (pointer: fine) {
  .cursor__circle {
  	display: none;
    width: 25px;
    height: 25px;
    margin-top: -50%;
    margin-left: -50%;
/*    margin-top: 0;
    margin-left: 0;*/
    border-radius: 50%;
    border: solid 1px #004e71;
/*	background-color: #004e71;*/
    transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      width 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      height 0.3s cubic-bezier(0.25, 1, 0.5, 1);
      display: none;
  }

  .cursor_drag { width: 25px; height: 25px; background-color: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: 0.3s; opacity: 0; position: absolute; border: 1px solid #000; background: none; }
  .cursor_drag p { color: #fff; color: #000; font-size: 10px; line-height: 100%; font-weight: 500; display: inline-block; position: relative; letter-spacing: 0; }
  .cursor_drag p:before { content:''; width: 5px; height: 5px; border-left: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg); position: absolute; left: -33px; top: 0; bottom: 0; margin: auto; }
  .cursor_drag p:after { content:''; width: 5px; height: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); position: absolute; right: -33px; top: 0; bottom: 0; margin: auto; }
 
  .cursor_click { width: 25px; height: 25px; background-color: transparent; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: 0.3s; opacity: 0; position: absolute; }
  .cursor_click p { color: #fff; font-size: 10px; line-height: 100%; font-weight: 500; display: inline-block; position: relative; letter-spacing: 0; transform: translateY(-5px); }
  .cursor_click p:before { content:''; width: 5px; height: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); position: absolute; left: 0; right: 0; top: 18px; bottom: 0; margin: auto; }
 
  #cursor{
    width: 70px;
    height: 70px;
  }

  .cursor_skip { width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: opacity 1.0s; opacity: 0; position: absolute; display: none; }
  .cursor_skip p { display: none; }
  .cursor_skip::after { content: ''; width: 100%; height: 100%; background: url(../img/play.png) center no-repeat; }
  body.main .cursor_skip { display: flex; }
  body.main .cursor_skip.show { opacity: 1; }
  .cursor_skip:before { display: none; }

  .cursor_skip2 { width: 70px; height: 70px; background-color: #000; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: opacity 1.0s; opacity: 0; position: absolute; display: none; }
  body.main .cursor_skip2 { display: flex; }
  body.main .cursor_skip2.show { opacity: 1; }
  .cursor_skip2 p { font-family: 'lexend', sans-serif; color: #fff; font-size: 14px; line-height: 100%; font-weight: 600; display: inline-block; position: relative; letter-spacing: 0; text-transform: uppercase; }
  .cursor_skip2:before { content:''; width: 94px; height: 94px; position: absolute; left: -12px; top: -12px; background-color: #000; opacity: 0.6; border-radius: 100%;  
  
	  animation-name: cursor_skip, cursor_skip2;
	  animation-duration: 2.1s, 2.1s;
	  animation-delay: 0s, 0s;
	  animation-timing-function: ease, ease;
	  animation-fill-mode: both, both;
	  animation-iteration-count: infinite, infinite;

  }
  
  .cursor_skip.drag { opacity: 0; }
  .cursor_skip2.drag { opacity: 0; }

  /* body.main .cursor_skip { display: flex; } */

  .intro_bg { width: 167.1428%; position: absolute; left: -33%; top: -33%; animation: intro_bg 8s 0s linear infinite; }
    
    @keyframes intro_bg {
        from { transform: rotate(-360deg); }
        to {  }
    }

  #cursor.arrow .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: #004e71;
  }

  #cursor.click .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: transparent;
  }
  #cursor.click .cursor_click { 
    width: 65px;
    height: 65px;
	opacity: 1;
  }

  #cursor.drag .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: transparent;
  }
  #cursor.drag .cursor_drag { 
    width: 65px;
    height: 65px;
	opacity: 1;
  }

  #cursor.drag2 .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: transparent;
  }
  #cursor.drag2 .cursor_drag { 
    width: 65px;
    height: 65px;
	opacity: 1;
  }
  #cursor.drag2 .cursor_drag { background-color: transparent; border: 1px solid #fff; }
  #cursor.drag2 .cursor_drag p:before { border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
  #cursor.drag2 .cursor_drag p:after { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }




}



@keyframes cursor_skip {
	0% { transform: scale(0.7); }
	30% { transform: scale(0.7); }
	80% { transform: scale(1); }
	100% { transform: scale(1);  }
}
@keyframes cursor_skip2 {
	0% { opacity: 0; }
	20% { opacity: 0.3; }
	70% { opacity: 0.3; }
	100% { opacity: 0; }
}

.imgc { z-index: 9; font-size: 0.75rem; line-height: 100%; color: #fff; position: absolute; right: 0.5rem; bottom: 0.5rem; text-shadow: 0 0 5px rgba(0,0,0,0.7),0 0 5px rgba(0,0,0,0.7); }

/*  */

.left_quick { font-family: 'Carisma Gothic'; width: 70px; height: 100%; position: fixed; z-index: 990; left: 2.5rem; top: 0; transform: translateY(0px); }
.left_quick>div { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.left_quick ul { width: 100%; }
.left_quick ul li { width: 100%; height: auto; font-size: 0.813rem; font-weight: 700; line-height: 1.625rem; text-align: left; 
display: flex; justify-content: flex-start; align-items: center; margin: 0.25rem 0; color: #000; position: relative; padding-left: 0.875rem; transition: 0.3s; cursor: pointer; opacity: 0.3; }
.left_quick ul li:after { content:''; width: 2px; height: 100%; position: absolute; left: 0; margin: auto; bottom: 0; background-color: #000; transition: 0.5s; }
/*.left_quick ul li:nth-child(2) { width: 200%; }*/

.left_quick ul li.active { opacity: 1; }
.left_quick ul li.active:after { opacity: 1; }
.left_quick ul li:hover { opacity: 1; }
.left_quick ul li:hover:after { opacity: 1; }

.left_quick.white ul li { color: #fff; }
.left_quick.white ul li:after { background-color: #fff; }


/**/

.all_wrap { width: 100%; height: auto; overflow: hidden; position: relative; left: 0; top: 0; }
body.main .all_wrap { text-align: center; }

.section { background-color: #fff; width: 100%; /*height: 100vh;*/ position: relative; overflow: hidden; }
#main_ww {}

/**/

#sec_main { width: 100%; background-color: #fff; }

.main_wrap { width: 100%; height: 100vh; position: relative; left: 0; top: 0; z-index: 9; display: flex; justify-content: center; align-items: center; background-color: #ffba15; overflow: hidden; }


.main_bg_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; display: flex; justify-content: flex-start; align-items: flex-start; }
.main_bg01 { width: 25%; height: 100%; background-color: #ffc000; animation: main_bg 1.3s 0.2s both cubic-bezier(.4,.55,.44,.63); }
.main_bg02 { width: 25%; height: 100%; background-color: #ffc000; animation: main_bg 1.3s 0.4s both cubic-bezier(.4,.55,.44,.63); }
.main_bg03 { width: 25%; height: 100%; background-color: #ffc000; animation: main_bg 1.3s 0.6s both cubic-bezier(.4,.55,.44,.63); }
.main_bg04 { width: 25%; height: 100%; background-color: #ffc000; animation: main_bg 1.34s 0.8s both cubic-bezier(.4,.55,.44,.63); }

@keyframes main_bg {
	from { height: 0%; }
	to {  }
}

.main_vd_box { position: absolute; left: -130%; top: 0; width: 360%; height: 100%; opacity: 0; z-index: 2; }
.main_vd { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; padding-bottom: 56.25%; height: 0; }
.main_vd::before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; /* background: url(../img/main_bg.jpg) center no-repeat; */ background:#ffc83d; background-size: cover; z-index: 1; opacity: 1; }
.main_vd:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.main_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; opacity: 0.4; }

/* .main_vd_box.box03 iframe { width: 120%; height: 120%; } */

@media all and (max-width: 1640px) { 
	.main_vd iframe { width: 140%; height: 140%; }
    .main_vd::before { width: 140%; height: 140%; }
}

@media all and (max-width: 1440px) { 
	.main_vd iframe { width: 200%; height: 200%; }
    .main_vd::before { width: 200%; height: 200%; }
}

@media all and (max-width: 1100px) { 
	.main_vd iframe { left: 50%; top: 0; transform: translateX(-91.5vh); width: 180vh; height: 100vh; }
    .main_vd::before { left: 50%; top: 0; transform: translateX(-91.5vh); width: 180vh; height: 100vh; }
}

.main_txt_box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; color: #000; text-align: center; pointer-events: none; display: flex; justify-content: center; align-items: center; z-index: 9; }
.main_txt_box>div { transform: translateY(1rem); }
.main_txt_box h1 { font-size: 5.5rem; line-height: 113%; font-weight: 100; opacity: 0; transform: translateY(-3rem); transition: 0.8s; }
.main_txt_box h1 b { font-weight: 700; }
.main_txt_box h4 { font-family: 'trajan'; font-size: 2.125rem; line-height: 100%; margin-top: 3.75rem; opacity: 0; transform: translateY(3rem); transition: 0.8s; }
.main_txt_box p { font-size: 1rem; line-height: 188%; margin-top: 1rem; opacity: 0; transform: translateY(3rem); transition: 0.8s; }


.main_tit { width: 100%; height: 100%; position: absolute; z-index: 1; z-index: 9; text-align: left; display: flex; justify-content: center; align-items: center; }
.main_tit>.main_tit_wrap { display: flex; justify-content: center; align-items: center; gap: 1.25rem 0; flex-wrap: wrap; position: relative; z-index: 9; transition: 1.0s; }
.main_tit_wrap {position: relative;}
.main_tit_wrap>span { width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 0 1.75rem; position: relative; margin-top:0.5rem;}
.main_tit_wrap>span b { font-family: 'trajan'; font-size: 4.8125rem; line-height: 100%; font-weight: 700; letter-spacing: -0.125rem; text-transform: uppercase; opacity: 0; }
.main_tit_wrap>span>b>span { position: relative; }
.main_tit_wrap>span>b>span>span { transition: 1.0s; opacity: 1; }
.main_tit_wrap>span:nth-child(1) b:nth-child(1) { transform: scale(6) translate(-9rem,-5rem); }
.main_tit_wrap>span:nth-child(1) b:nth-child(2) { transform: scale(9) translate(1rem,-7rem); }
.main_tit_wrap>span:nth-child(1) b:nth-child(3) { transform: scale(7) translate(10rem,-5.5rem); }
.main_tit_wrap>span:nth-child(2) b:nth-child(1) { transform: scale(5.8) translate(-12rem,-0.6rem); }
.main_tit_wrap>span:nth-child(2) b:nth-child(2) { transform: scale(6) translate(7rem,1rem); }
.main_tit_wrap>span:nth-child(2) b:nth-child(3) { transform: scale(7.2) translate(-8rem,-1rem); }
.main_tit_wrap>span:nth-child(2) b:nth-child(4) { transform: scale(5.4) translate(13rem,-0.8rem); }
.main_tit_wrap>span:nth-child(3) b:nth-child(1) { transform: scale(6.2) translate(-12rem,5rem); }
.main_tit_wrap>span:nth-child(3) b:nth-child(2) { transform: scale(5.5) translate(-7rem,3rem); }
.main_tit_wrap>span:nth-child(3) b:nth-child(3) { transform: scale(6.3) translate(-1rem,5rem); }
.main_tit_wrap>span:nth-child(3) b:nth-child(4) { transform: scale(8) translate(14rem,3rem); }

.main_txt2 {display: flex; justify-content: flex-end; align-items: center; gap:1rem; margin-top:1rem; }
.main_txt2 h1 {font-size:2rem; font-weight: 700; opacity: 0; transform: translateX(3rem);}
.main_line { width:0%; height:1px; background-color:#000;  }

.tit_co { color:#fff;}

.main_txt {  font-size:1.72rem; font-weight:700; opacity: 0; transform: translateY(2rem); }

.main_obj { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: -1; transition: opacity 1.0s; opacity: 0; }

.main_obj.obj00 { left: -4rem; top: -2.5rem;right: revert; bottom: revert; animation: main_obj 11s 0s linear infinite; opacity: 0 !important; }
.main_obj.obj01 { right: -0.5rem; animation: main_obj 8s 0s linear infinite; }
.main_obj.obj02 { left: -0.5rem; animation: main_obj2 7.5s 0s linear infinite; }
.main_obj.obj03 { animation: main_obj2 8.5s 0s linear infinite; }
.main_obj.obj04 { animation: main_obj2 7s 0s linear infinite; }
.main_obj.obj05 { animation: main_obj 9s 0s linear infinite; }


.main_noti {position:absolute; right:0; bottom:0; text-align:left; width:45rem; z-index:10; opacity: 0; transform: translateX(5rem);}
.main_noti h1 { /*font-family: 'trajan';*/ font-size: 1.825rem; border-bottom:1px solid #000; font-weight:600;}
.main_noti_cont { margin-left:7rem; border-left:1px solid #000; padding:1.5rem 2rem; background-color:#fff;}
.main_noti_cont li { position: relative; height:1.8rem; font-size:1.075rem; display: flex; justify-content: flex-start; align-items: center; margin-top:0.5rem; overflow:hidden; cursor:pointer; z-index:1;}
.noti_logo {width:15%; margin-top:-0.9rem;}

.noti_date { position:absolute; right:0.8rem; font-size:0.875rem; font-family: 'Noto Sans KR', sans-serif; font-weight:500;}

.read_ov { position:absolute; width:100%; height:100%; top:1.8rem; left:0; background-color:#000; z-index:-1;}
.read_ov div { position:absolute; right:0.8rem; font-size:0.875rem;  margin-top:0.2rem;}

.main_noti_cont li:hover .read_ov { top:0; transition: 0.5s 0s;}
.main_noti_cont li:hover { color:#fff;}
.main_noti_cont li:hover .noti_date { top:1.8rem; transition: 0.5s 0s; }

.main_noti_cont li>div:nth-child(1) { margin-left:0.5rem;  }
.main_noti_cont li>div:nth-child(2) { margin-left:1rem;  }
.main_noti_cont li>div:nth-child(3) {  }

.main_tit.hide>div>span>b>span>span { opacity: 0; }
.main_tit.hide .main_obj { opacity: 1; }


@keyframes main_obj {
	from { transform: rotate(-360deg); }
	to {  }
}
@keyframes main_obj2 {
	from { transform: rotate(360deg); }
	to {  }
}

.main_wrap.intro .main_tit_wrap>span:nth-child(1) b:nth-child(1) { opacity: 1; transform: scale(1) translate(0); transition: 2.0s 0.6s cubic-bezier(.25,.64,.35,.95); }
.main_wrap.intro .main_tit_wrap>span:nth-child(1) b:nth-child(2) { opacity: 1; transform: scale(1) translate(0); transition: 2.6s 0.0s cubic-bezier(.25,.64,.35,.95); }
.main_wrap.intro .main_tit_wrap>span:nth-child(1) b:nth-child(3) { opacity: 1; transform: scale(1) translate(0); transition: 2.1s 0.5s cubic-bezier(.25,.64,.35,.95); }
.main_wrap.intro .main_tit_wrap>span:nth-child(2) b:nth-child(1) { opacity: 1; transform: scale(1) translate(0); transition: 1.7s 0.9s cubic-bezier(.25,.64,.35,.95); }
.main_wrap.intro .main_tit_wrap>span:nth-child(2) b:nth-child(2) { opacity: 1; transform: scale(1) translate(0); transition: 2.3s 0.3s cubic-bezier(.25,.64,.35,.95); }
.main_wrap.intro .main_tit_wrap>span:nth-child(2) b:nth-child(3) { opacity: 1; transform: scale(1) translate(0); transition: 2.6s 0.0s cubic-bezier(.25,.64,.35,.95); }
.main_wrap.intro .main_tit_wrap>span:nth-child(2) b:nth-child(4) { opacity: 1; transform: scale(1) translate(0); transition: 2.0s 0.6s cubic-bezier(.25,.64,.35,.95); }
.main_wrap.intro .main_tit_wrap>span:nth-child(3) b:nth-child(1) { opacity: 1; transform: scale(1) translate(0); transition: 2.4s 0.2s cubic-bezier(.25,.64,.35,.95); }
.main_wrap.intro .main_tit_wrap>span:nth-child(3) b:nth-child(2) { opacity: 1; transform: scale(1) translate(0); transition: 1.7s 0.9s cubic-bezier(.25,.64,.35,.95); }
.main_wrap.intro .main_tit_wrap>span:nth-child(3) b:nth-child(3) { opacity: 1; transform: scale(1) translate(0); transition: 2.2s 0.4s cubic-bezier(.25,.64,.35,.95); }
.main_wrap.intro .main_tit_wrap>span:nth-child(3) b:nth-child(4) { opacity: 1; transform: scale(1) translate(0); transition: 2.6s 0.0s cubic-bezier(.25,.64,.35,.95); }
.main_wrap.intro .main_noti { opacity: 1; transform: translate(0); transition: 1.5s 1.7s; }
.main_wrap.intro .main_txt { opacity: 1; transform: translate(0); transition: 1s 2s;}
.main_wrap.intro .main_line { width:30%; transform: translate(0); transition: 1s 2.5s;}
.main_wrap.intro .main_txt2 h1 { opacity: 1; transform: translate(0); transition: 1s 2.3s;}

.main_wrap.on .main_vd_box,
.main_wrap.on2 .main_vd_box { opacity: 0.25; transition: 1.2s 0.2s; }
.main_wrap.on .main_obj.obj00,
.main_wrap.on2 .main_obj.obj00 { opacity: 1 !important; transition: 1.2s 0.2s; }

.main_wrap.on2 .main_tit_wrap { opacity: 0; transition: 1.2s 0s; }
.main_wrap.on2 .main_txt_box h1 { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
.main_wrap.on2 .main_txt_box h4 { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.main_wrap.on2 .main_txt_box p { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }

/**/

#sec_work { width: 100%; }
.work_wrap_main { width: 100%; /*height: 100vh;*/ position: relative; overflow: hidden; padding:4rem 0; background-color:#000; }

.work_wrap_main { width: 100%; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color:#e7e4e1; 
padding:3rem 0; /*border-top:1px solid rgba(0,0,0,0.2); background-color:#000; */}
.work_wrap_main>div {  width: 100%; position: relative; overflow: hidden;}
.work_wrap { width: 100%; /*height: 100vh;*/ position: relative; overflow: hidden; padding:4rem 0;
/*display: flex; justify-content: center; align-items: center; background-color:#ffba15; border-top:1px solid rgba(0,0,0,0.2);*/ background-color:#fff; }

.work_tit {font-family: 'trajan'; font-size: 4.125rem; color:#000; opacity: 0; transform: translateY(3rem); text-align:left; margin-left:11rem; margin-bottom:3rem;}

.work_wrap_main .work_img_box { width: 100%; height:35rem;  position:relative; overflow: hidden; cursor:pointer;}
.work_img_box { width: 100%; height:30rem;  position:relative; overflow: hidden; cursor:pointer;}

.work_img_to {position:absolute; width:100%; height:100%; margin:0 auto; transition: 0.6s 0.0s;  display: flex; justify-content: center; align-items: center; }
.work_img_to::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-color:#000; opacity:0; transition: 0.6s 0.0s; } 
.work_img_to::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../img/work_img_bg.png) center no-repeat; background-size: cover; } 

.work_tit.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }

.work_img_to.img01 {background: url(../img/work/total/01.jpg) center no-repeat; background-size: cover; background-position:bottom; }
.work_img_to.img02 {background: url(../img/work/total/02.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img03 {background: url(../img/work/total/03.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img04 {background: url(../img/work/total/04.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img05 {background: url(../img/work/total/05.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img06 {background: url(../img/work/total/06.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img07 {background: url(../img/work/total/07.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img08 {background: url(../img/work/total/08.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img09 {background: url(../img/work/total/09.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img10 {background: url(../img/work/total/10.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img11 {background: url(../img/work/total/11.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img12 {background: url(../img/work/total/12.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img13 {background: url(../img/work/total/13.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img14 {background: url(../img/work/total/14.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img15 {background: url(../img/work/total/15.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img16 {background: url(../img/work/total/16.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img17 {background: url(../img/work/total/17.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img18 {background: url(../img/work/total/18.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img19 {background: url(../img/work/total/19.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img21 {background: url(../img/work/total/21.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img22 {background: url(../img/work/total/22.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img23 {background: url(../img/work/total/23.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img24 {background: url(../img/work/total/24.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img25 {background: url(../img/work/total/25.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img26 {background: url(../img/work/total/26.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img27 {background: url(../img/work/total/27.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img28 {background: url(../img/work/total/28.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img29 {background: url(../img/work/total/29.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img_to.img30 {background: url(../img/work/total/30.jpg) center no-repeat; background-size: cover; background-position:bottom;  }

.swiper.mySwiper { 
  width: 100%;
  padding: 0 60px;
}

.mySwiper .swiper-slide {
  position: relative;
  /*border-radius: 8px;*/
  overflow: hidden;
}

.mySwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mySwiper .swiper-slide .text {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  color: #fff;
}

.mySwiper .swiper-slide h3 {
  font-size: 1.22rem;
  font-weight: 600;
}

.work_img_box::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  background: url(../img/work_img_bg.png) center no-repeat; background-size: cover; } 


.work_arr .swiper-button-next { position: absolute; right:0;}
.work_arr .swiper-button-prev { position: absolute; left:0; }
.work_arr .swiper-button-prev, .swiper-container-rtl .swiper-button-next { width:4rem; height:4rem; }
.work_arr .swiper-button-next, .swiper-button-prev {margin-top:0;}
.work_arr .swiper-button-next, .swiper-container-rtl .swiper-button-prev {width:4rem; height:4rem; }
.work_arr {position: absolute; top:50%; transform: translateY(0%); height:4rem; width:100%; z-index:3; left:0; right:0; margin:0 auto;  }
.work_arr img { width:100%; }

.work_search_wrap {width:100%; max-width:1100px; height:5rem; position:relative; z-index:10; left:0; right:0; margin:0 auto; background-color:#fff; top:4rem;
display: flex; justify-content: center; align-items: center; border-radius:50px; border:7px solid #000;}
.work_search {display: flex; justify-content: center; align-items: center; gap:3rem;}
.work_search div { font-size:1.12rem; font-weight:600; opacity:0.5; cursor:pointer;}
.work_search div.selected { opacity:1; }
.work_search div span { font-size:1rem; cursor:auto; }

.work_search_wrap.active {  position:fixed; top:6rem; }


.work_cont {width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; background:#fff;}


.work_cont>div { flex: 0 0 calc(25% - 0px); box-sizing: border-box;}
.work_box { width: 100%; height:27rem;  position:relative; overflow: hidden; cursor:pointer;}
.work_img {position:absolute; width:100%; height:100%; margin:0 auto; transition: 0.6s 0.0s;  display: flex; justify-content: center; align-items: center; }
.work_img::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-color:#000; opacity:0; transition: 0.6s 0.0s; } 
.work_img::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../img/work_img_bg.png) center no-repeat; background-size: cover; } 


@media all and (min-width: 2000px) { 

.work_cont>div { flex: 0 0 calc(20% - 0px); }
.work_box {  height:27rem; }

}


.work_img25 {position:absolute; width:100%; height:100%; margin:0 auto; transition: 0.6s 0.0s;  display: flex; justify-content: center; align-items: center; }
.work_img25::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-color:#000; opacity:0; transition: 0.6s 0.0s; } 
.work_img25::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../img/work_img_bg.png) center no-repeat; background-size: cover; } 

.work_img24 {position:absolute; width:100%; height:100%; margin:0 auto; transition: 0.6s 0.0s;  display: flex; justify-content: center; align-items: center; }
.work_img24::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-color:#000; opacity:0; transition: 0.6s 0.0s; } 
.work_img24::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../img/work_img_bg.png) center no-repeat; background-size: cover; } 

.work_img23 {position:absolute; width:100%; height:100%; margin:0 auto; transition: 0.6s 0.0s;  display: flex; justify-content: center; align-items: center; }
.work_img23::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-color:#000; opacity:0; transition: 0.6s 0.0s; } 
.work_img23::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../img/work_img_bg.png) center no-repeat; background-size: cover; } 

.work_img22 {position:absolute; width:100%; height:100%; margin:0 auto; transition: 0.6s 0.0s;  display: flex; justify-content: center; align-items: center; }
.work_img22::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-color:#000; opacity:0; transition: 0.6s 0.0s; } 
.work_img22::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../img/work_img_bg.png) center no-repeat; background-size: cover; } 

.work_img21 {position:absolute; width:100%; height:100%; margin:0 auto; transition: 0.6s 0.0s;  display: flex; justify-content: center; align-items: center; }
.work_img21::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-color:#000; opacity:0; transition: 0.6s 0.0s; } 
.work_img21::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../img/work_img_bg.png) center no-repeat; background-size: cover; } 

.work_img20 {position:absolute; width:100%; height:100%; margin:0 auto; transition: 0.6s 0.0s;  display: flex; justify-content: center; align-items: center; }
.work_img20::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-color:#000; opacity:0; transition: 0.6s 0.0s; } 
.work_img20::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../img/work_img_bg.png) center no-repeat; background-size: cover; } 

.work_img25.img01 {background: url(../img/work/2025/work_img01.jpg) center no-repeat; background-size: cover; background-position:bottom; }
.work_img25.img02 {background: url(../img/work/2025/work_img02.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img03 {background: url(../img/work/2025/work_img03.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img04 {background: url(../img/work/2025/work_img04.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img05 {background: url(../img/work/2025/work_img05.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img06 {background: url(../img/work/2025/work_img06.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img07 {background: url(../img/work/2025/work_img07.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img08 {background: url(../img/work/2025/work_img08.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img09 {background: url(../img/work/2025/work_img09.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img10 {background: url(../img/work/2025/work_img10.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img11 {background: url(../img/work/2025/work_img11.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img12 {background: url(../img/work/2025/work_img12.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img13 {background: url(../img/work/2025/work_img13.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img14 {background: url(../img/work/2025/work_img14.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img15 {background: url(../img/work/2025/work_img15.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img16 {background: url(../img/work/2025/work_img16.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img17 {background: url(../img/work/2025/work_img17.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img18 {background: url(../img/work/2025/work_img18.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img19 {background: url(../img/work/2025/work_img19.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img20 {background: url(../img/work/2025/work_img20.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img21 {background: url(../img/work/2025/work_img21.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img22 {background: url(../img/work/2025/work_img22.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img25.img23 {background: url(../img/work/2025/work_img23.jpg) center no-repeat; background-size: cover; background-position:bottom;  }

.work_img24.img01 {background: url(../img/work/2024/work_img01.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img02 {background: url(../img/work/2024/work_img02.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img03 {background: url(../img/work/2024/work_img03.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img04 {background: url(../img/work/2024/work_img04.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img05 {background: url(../img/work/2024/work_img05.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img06 {background: url(../img/work/2024/work_img06.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img07 {background: url(../img/work/2024/work_img07.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img08 {background: url(../img/work/2024/work_img08.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img09 {background: url(../img/work/2024/work_img09.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img10 {background: url(../img/work/2024/work_img10.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img11 {background: url(../img/work/2024/work_img11.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img12 {background: url(../img/work/2024/work_img12.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img13 {background: url(../img/work/2024/work_img13.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img14 {background: url(../img/work/2024/work_img14.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img15 {background: url(../img/work/2024/work_img15.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img16 {background: url(../img/work/2024/work_img16.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img17 {background: url(../img/work/2024/work_img17.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img18 {background: url(../img/work/2024/work_img18.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img19 {background: url(../img/work/2024/work_img19.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img20 {background: url(../img/work/2024/work_img20.jpg) center no-repeat; background-size: cover; background-position:bottom;  }

.work_img24.img21 {background: url(../img/work/2024/work_img21.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img22 {background: url(../img/work/2024/work_img22.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img23 {background: url(../img/work/2024/work_img23.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img24 {background: url(../img/work/2024/work_img24.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img25 {background: url(../img/work/2024/work_img25.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img26 {background: url(../img/work/2024/work_img26.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img27 {background: url(../img/work/2024/work_img27.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img28 {background: url(../img/work/2024/work_img28.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img29 {background: url(../img/work/2024/work_img29.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img30 {background: url(../img/work/2024/work_img30.jpg) center no-repeat; background-size: cover; background-position:bottom;  }

.work_img24.img31 {background: url(../img/work/2024/work_img31.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img32 {background: url(../img/work/2024/work_img32.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img33 {background: url(../img/work/2024/work_img33.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img34 {background: url(../img/work/2024/work_img34.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img35 {background: url(../img/work/2024/work_img35.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img36 {background: url(../img/work/2024/work_img36.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img37 {background: url(../img/work/2024/work_img37.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img38 {background: url(../img/work/2024/work_img38.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img39 {background: url(../img/work/2024/work_img39.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img40 {background: url(../img/work/2024/work_img40.jpg) center no-repeat; background-size: cover; background-position:bottom;  }

.work_img24.img41 {background: url(../img/work/2024/work_img41.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img42 {background: url(../img/work/2024/work_img42.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img43 {background: url(../img/work/2024/work_img43.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img44 {background: url(../img/work/2024/work_img44.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img45 {background: url(../img/work/2024/work_img45.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img46 {background: url(../img/work/2024/work_img46.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img47 {background: url(../img/work/2024/work_img47.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img48 {background: url(../img/work/2024/work_img48.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img49 {background: url(../img/work/2024/work_img49.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img50 {background: url(../img/work/2024/work_img50.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img24.img51 {background: url(../img/work/2024/work_img51.jpg) center no-repeat; background-size: cover; background-position:bottom;  }


.work_img23.img01 {background: url(../img/work/2023/work_img01.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img02 {background: url(../img/work/2023/work_img02.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img03 {background: url(../img/work/2023/work_img03.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img04 {background: url(../img/work/2023/work_img04.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img05 {background: url(../img/work/2023/work_img05.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img06 {background: url(../img/work/2023/work_img06.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img07 {background: url(../img/work/2023/work_img07.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img08 {background: url(../img/work/2023/work_img08.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img09 {background: url(../img/work/2023/work_img09.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img10 {background: url(../img/work/2023/work_img10.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img11 {background: url(../img/work/2023/work_img11.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img12 {background: url(../img/work/2023/work_img12.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img13 {background: url(../img/work/2023/work_img13.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img14 {background: url(../img/work/2023/work_img14.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img15 {background: url(../img/work/2023/work_img15.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img16 {background: url(../img/work/2023/work_img16.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img17 {background: url(../img/work/2023/work_img17.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img18 {background: url(../img/work/2023/work_img18.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img19 {background: url(../img/work/2023/work_img19.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img20 {background: url(../img/work/2023/work_img20.jpg) center no-repeat; background-size: cover; background-position:bottom;  }

.work_img23.img21 {background: url(../img/work/2023/work_img21.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img22 {background: url(../img/work/2023/work_img22.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img23 {background: url(../img/work/2023/work_img23.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img24 {background: url(../img/work/2023/work_img24.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img25 {background: url(../img/work/2023/work_img25.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img26 {background: url(../img/work/2023/work_img26.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img27 {background: url(../img/work/2023/work_img27.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img28 {background: url(../img/work/2023/work_img28.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img29 {background: url(../img/work/2023/work_img29.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img30 {background: url(../img/work/2023/work_img30.jpg) center no-repeat; background-size: cover; background-position:bottom;  }

.work_img23.img31 {background: url(../img/work/2023/work_img31.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img32 {background: url(../img/work/2023/work_img32.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img33 {background: url(../img/work/2023/work_img33.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img34 {background: url(../img/work/2023/work_img34.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img23.img35 {background: url(../img/work/2023/work_img35.jpg) center no-repeat; background-size: cover; background-position:bottom;  }



.work_img22.img01 {background: url(../img/work/2022/work_img01.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img02 {background: url(../img/work/2022/work_img02.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img03 {background: url(../img/work/2022/work_img03.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img04 {background: url(../img/work/2022/work_img04.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img05 {background: url(../img/work/2022/work_img05.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img06 {background: url(../img/work/2022/work_img06.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img07 {background: url(../img/work/2022/work_img07.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img08 {background: url(../img/work/2022/work_img08.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img09 {background: url(../img/work/2022/work_img09.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img10 {background: url(../img/work/2022/work_img10.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img11 {background: url(../img/work/2022/work_img11.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img12 {background: url(../img/work/2022/work_img12.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img13 {background: url(../img/work/2022/work_img13.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img14 {background: url(../img/work/2022/work_img14.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img15 {background: url(../img/work/2022/work_img15.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img16 {background: url(../img/work/2022/work_img16.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img17 {background: url(../img/work/2022/work_img17.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img18 {background: url(../img/work/2022/work_img18.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img19 {background: url(../img/work/2022/work_img19.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img20 {background: url(../img/work/2022/work_img20.jpg) center no-repeat; background-size: cover; background-position:bottom;  }

.work_img22.img21 {background: url(../img/work/2022/work_img21.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img22 {background: url(../img/work/2022/work_img22.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img23 {background: url(../img/work/2022/work_img23.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img24 {background: url(../img/work/2022/work_img24.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img25 {background: url(../img/work/2022/work_img25.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img26 {background: url(../img/work/2022/work_img26.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img27 {background: url(../img/work/2022/work_img27.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img28 {background: url(../img/work/2022/work_img28.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img29 {background: url(../img/work/2022/work_img29.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img30 {background: url(../img/work/2022/work_img30.jpg) center no-repeat; background-size: cover; background-position:bottom;  }

.work_img22.img31 {background: url(../img/work/2022/work_img31.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img32 {background: url(../img/work/2022/work_img32.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img33 {background: url(../img/work/2022/work_img33.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img34 {background: url(../img/work/2022/work_img34.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img35 {background: url(../img/work/2022/work_img35.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img36 {background: url(../img/work/2022/work_img36.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img37 {background: url(../img/work/2022/work_img37.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img38 {background: url(../img/work/2022/work_img38.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img39 {background: url(../img/work/2022/work_img39.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img40 {background: url(../img/work/2022/work_img40.jpg) center no-repeat; background-size: cover; background-position:bottom;  }

.work_img22.img41 {background: url(../img/work/2022/work_img41.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img42 {background: url(../img/work/2022/work_img42.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img43 {background: url(../img/work/2022/work_img43.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img44 {background: url(../img/work/2022/work_img44.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img45 {background: url(../img/work/2022/work_img45.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img46 {background: url(../img/work/2022/work_img46.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img47 {background: url(../img/work/2022/work_img47.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img48 {background: url(../img/work/2022/work_img48.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img49 {background: url(../img/work/2022/work_img49.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img22.img50 {background: url(../img/work/2022/work_img50.jpg) center no-repeat; background-size: cover; background-position:bottom;  }


.work_img21.img01 {background: url(../img/work/2021/work_img01.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img02 {background: url(../img/work/2021/work_img02.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img03 {background: url(../img/work/2021/work_img03.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img04 {background: url(../img/work/2021/work_img04.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img05 {background: url(../img/work/2021/work_img05.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img06 {background: url(../img/work/2021/work_img06.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img07 {background: url(../img/work/2021/work_img07.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img08 {background: url(../img/work/2021/work_img08.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img09 {background: url(../img/work/2021/work_img09.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img10 {background: url(../img/work/2021/work_img10.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img11 {background: url(../img/work/2021/work_img11.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img12 {background: url(../img/work/2021/work_img12.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img13 {background: url(../img/work/2021/work_img13.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img14 {background: url(../img/work/2021/work_img14.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img15 {background: url(../img/work/2021/work_img15.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img16 {background: url(../img/work/2021/work_img16.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img17 {background: url(../img/work/2021/work_img17.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img18 {background: url(../img/work/2021/work_img18.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img19 {background: url(../img/work/2021/work_img19.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img20 {background: url(../img/work/2021/work_img20.jpg) center no-repeat; background-size: cover; background-position:bottom;  }

.work_img21.img21 {background: url(../img/work/2021/work_img21.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img22 {background: url(../img/work/2021/work_img22.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img23 {background: url(../img/work/2021/work_img23.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img24 {background: url(../img/work/2021/work_img24.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img25 {background: url(../img/work/2021/work_img25.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img26 {background: url(../img/work/2021/work_img26.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img27 {background: url(../img/work/2021/work_img27.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img28 {background: url(../img/work/2021/work_img28.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img29 {background: url(../img/work/2021/work_img29.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img30 {background: url(../img/work/2021/work_img30.jpg) center no-repeat; background-size: cover; background-position:bottom;  }

.work_img21.img31 {background: url(../img/work/2021/work_img31.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img32 {background: url(../img/work/2021/work_img32.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img33 {background: url(../img/work/2021/work_img33.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img34 {background: url(../img/work/2021/work_img34.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img35 {background: url(../img/work/2021/work_img35.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img36 {background: url(../img/work/2021/work_img36.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img37 {background: url(../img/work/2021/work_img37.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img38 {background: url(../img/work/2021/work_img38.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img39 {background: url(../img/work/2021/work_img39.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img40 {background: url(../img/work/2021/work_img40.jpg) center no-repeat; background-size: cover; background-position:bottom;  }

.work_img21.img41 {background: url(../img/work/2021/work_img41.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img42 {background: url(../img/work/2021/work_img42.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img43 {background: url(../img/work/2021/work_img43.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img44 {background: url(../img/work/2021/work_img44.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img45 {background: url(../img/work/2021/work_img45.jpg) center no-repeat; background-size: cover; background-position:bottom;  }
.work_img21.img46 {background: url(../img/work/2021/work_img46.jpg) center no-repeat; background-size: cover; background-position:bottom;  }



.work_txt {position:absolute; left:3rem; height:2rem; bottom:2rem; z-index:1; text-align:left; color:#fff; overflow: hidden;  transition: 0.6s 0.2s;}
.work_txt h1 {font-size:1.375rem; font-weight:700;}
.work_txt_co { display: flex; justify-content: flex-start; align-items: center; gap:1.5rem; margin-top:0.2rem;}
.work_txt_co p:nth-child(2) { content: ''; width: 1px; height: 0.8rem; position: relative; z-index: 1; background-color:#fff;  } 
.work_txt_co p { font-size:0.875rem; }

.sear_icon {width:49px; height:49px; background: url(../img/common/search.png) center no-repeat; background-size: cover; position: absolute; z-index:3; opacity:0; transform: translateY(2rem); }

.work_img:hover:after {opacity:0.6; transition: 0.6s 0.0s;}
.work_img:hover {transform: scale(1.2); transition: 0.6s 0.0s; }
.work_img:hover .sear_icon { opacity:1; transform: translate(0); transition: 0.6s 0.2s;}
.work_box:hover .work_txt { height:4rem; transform: translate(0); transition: 0.6s 0.2s;}


    .work_search div:hover {
        color: #000;
    }
    .work_search .selected {
        border-color: #000;
    }
    .tab-content {
        display: none; margin-top:9rem;

    }
    .tab-content.active {
        display: block; 
    }

/*
.layer_modal {
  display: none; 
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
   
}

.layer_inner {
  border-radius: 10px;
  max-width: 500px;
  width: 80%;
  position: relative; 
}
 */


.layer_inner img {width:100%;}

.layer_close { color:#fff; width:5rem; height:5rem; transform: rotate(-45deg);
  position: absolute;
  right: -4rem;
  top: -1.8rem;
  font-size: 24px;
  border: none;
  background: transparent;
  cursor: pointer; z-index:10;
}

.layer_modal {
  display: flex;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.5s ease;
 
}

.layer_modal.active {
  opacity: 1;
  pointer-events: auto;
   transform: translate(0);
}

.layer_inner {
  max-width: 500px;
  width: 80%;
  position: relative;
  transform: translateY(-20px);
  transition: transform 0.5s ease;
}

.layer_inner_hori {max-width: 900px;}
.layer_inner_verti {max-width: 300px;}

.layer_modal.active .layer_inner {
  transform: translate(0);
}

.layer_modal.show {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0);
}

.layer_modal.show .layer_inner {
  transform: translate(0);
}


.layer_close::before { content: ''; width: 40%; height: 1px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; z-index: 9; }
.layer_close::after { content: ''; width: 1px; height: 40%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; }

/*
.layer_modal { display:none; }
.layer_modal.show { display:block; }

.layer_modal.active .layer_inner {
   opacity: 1; transform: translate(0); transition: 1.2s 0.4s; 
}

.layer_modal.active {
   opacity: 1; transform: translate(0); transition: 1.2s 0.4s; 
}
*/


/**/

#sec_work_pr { width: 100%; height:100vh; position: relative; overflow: hidden; margin:0 auto;  background-color:#e7e4e1; border-top:1px solid rgba(0,0,0,0.2);}
.work_pr_wrap { width: 95%; height:100%; max-width:1545px;/*height: 100vh;*/ position: relative;   left:0; right:0; margin:0 auto;  overflow: hidden;display: flex; justify-content: center; align-items: center;}
.work_pr_wrap>div { width:100%; position: relative; overflow: hidden;  transform: translateY(-4rem); }

.work_pr_tit {font-family: 'trajan'; font-size: 4.125rem; color:#000; opacity: 0; transform: translateY(3rem); text-align:left; margin-bottom:3rem;}
.work_pr_tit.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }

.pr_vd_box { position: relative; top: 0; width: 100%; padding-bottom: 56.25%; height: 0; }
.pr_vd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pr_vd iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 1; }

.video-section {
  padding: 0;
  background: #fff;
}

.videoSwiper {
  width: 100%;
  overflow: hidden;
}

.videoSwiper .swiper-wrapper {
  align-items: stretch;
}

.videoSwiper .swiper-slide {
  display: flex;
  justify-content: center;
}

.work_pr_box .card {
  width: 100%;
  
  border-radius: 0px;
  overflow: hidden;
  background: #000;
}

.work_pr_box .card img {
  width: 100%;
  display: block;
}

.work_pr_box .caption {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 1.2rem 0;
  font-size: 1.12rem;
}


.work_pr_arr .swiper-button-next2 { position: absolute; right:0;}
.work_pr_arr .swiper-button-prev2 { position: absolute; left:0; }
.work_pr_arr .swiper-button-prev2, .swiper-container-rtl .swiper-button-next2 { width:3rem; height:3rem; }
.work_pr_arr .swiper-button-next2, .swiper-button-prev2 {margin-top:0;}
.work_pr_arr .swiper-button-next2, .swiper-container-rtl .swiper-button-prev2 {width:3rem; height:3rem; }
.work_pr_arr {position: absolute; top:50%; transform: translateY(-50%); height:3rem; width:95%; z-index:3; left:0; right:0; margin:0 auto;  }
.work_pr_arr img { width:100%; }


/**/
.about_wrap.on2 .about_tit_box { opacity: 0; transition: 1.0s 0s; }
.about_wrap.on2::after { opacity: 1; transition: 1.2s 0s; }
.about_wrap.on2 .about_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.about_wrap.on2 .about_txt_left { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.about_wrap.on2 .about_txt_right { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.about_wrap.on2 .about_txt { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }

/**/

.chart_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #000; }
.chart_wrap>div:last-child { width: 90%; max-width: 1540px; position: relative; display: flex; justify-content: flex-start; align-items: flex-start; }

.chart_vd_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.3; z-index: 2; }
.chart_vd { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; padding-bottom: 56.25%; height: 0; }
/* .chart_vd::before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/chart_bg.jpg) center no-repeat; background-size: cover; z-index: 1; opacity: 1; } */
.chart_vd:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.chart_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; }

/* .chart_vd_box.box03 iframe { width: 120%; height: 120%; } */

@media all and (max-width: 1640px) { 
	.chart_vd iframe { width: 140%; height: 140%; }
    .chart_vd::before { width: 140%; height: 140%; }
}

@media all and (max-width: 1440px) { 
	.chart_vd iframe { width: 200%; height: 200%; }
    .chart_vd::before { width: 200%; height: 200%; }
}

@media all and (max-width: 1100px) { 
	.chart_vd iframe { left: 50%; top: 0; transform: translateX(-91.5vh); width: 180vh; height: 100vh; }
    .chart_vd::before { left: 50%; top: 0; transform: translateX(-91.5vh); width: 180vh; height: 100vh; }
}

.chart_box { height: 60%; position: relative; z-index: 8; color: #fff; text-align: left; }
.chart_txt_box { text-align: left; }
.chart_txt_box h1 { font-family: 'trajan'; font-size: 4.125rem; line-height: 100%; font-weight: 700; transform: translateX(-5rem); opacity: 0; transition: 0.8s; }
.chart_txt_box p { font-size: 1.125rem; line-height: 222%; margin-top: 4.375rem; font-weight: 400; transform: translateX(-5rem); opacity: 0; transition: 0.8s; }

.chart_tit { position: absolute; left: 0; top: 0; }
.chart_tit h1 { font-size: 3.75rem; line-height: 121%; font-weight: 700; transform: translateX(-5rem); opacity: 0; transition: 0.8s; }
.chart_tit p { font-size: 1rem; line-height: 188%; margin-top: 3.125rem; font-weight: 400; transform: translateX(-5rem); opacity: 0; transition: 0.8s; }
.chart_tit h2 { font-family: 'trajan'; font-size: 4.125rem; line-height: 100%; margin-top: 12.5rem; transform: translateX(-5rem); opacity: 0; transition: 0.8s; }

.chart_img { position: absolute; right: -38%; bottom: -15%; opacity: 0; }


.chart_wrap.on .chart_tit h1 { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.chart_wrap.on .chart_tit p { opacity: 0.4; transform: translate(0); transition: 1.2s 0.4s; }
.chart_wrap.on .chart_tit h2 { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.chart_wrap.on .chart_img { opacity: 1; transform: translate(0); transition: all 1.2s 0s, opacity 1.2s 0.8s, transform 1.2s 0.8s; }

.chart_wrap.on2 .chart_txt_box h1 { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
.chart_wrap.on2 .chart_txt_box p { opacity: 0.4; transform: translate(0); transition: 1.2s 0.2s; }
.chart_wrap.on2 .chart_img { opacity: 1; right: -5%; transition: 1.2s 0s; }

/**/

.com_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #eee; }
.com_bg { width: 100%; height: 100%; background: url(../img/com_bg.jpg) center no-repeat; background-size: cover; z-index: 1; transform: scale(0.95); transform-origin: center bottom; opacity: 0; }

.com_txt_box { position: absolute; left: 10%; top: 18%; z-index: 9; text-align: left; }
.com_txt_box h3 { font-size: 3.188rem; line-height: 110%; font-weight: 700; color: #bdbdbd; transform: translateX(-5rem); opacity: 0; }
.com_txt_box h3 span { color: #000; position: relative; top: -1.5rem; display: inline-block; }
.com_txt_box p { font-size: 0.938rem; line-height: 200%; margin-top: 2.75rem; opacity: 0.7; font-weight: 500; transform: translateX(-5rem); opacity: 0; }

.com_txt { position: absolute; right: 10%; bottom: 10%; z-index: 5; transform: translateX(5rem); opacity: 0; }

.com_circle_box { width: 735px; height: 735px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 5; transform: scale(0.95); transform-origin: center bottom; opacity: 0; }
.com_circle_box img { position: absolute; left: 0; top: 0; }
.com_circle01 { animation: com_circle 16s 0s linear infinite; }
.com_circle02 { opacity: 0.5; animation: com_circle2 25s 0s linear infinite; }
.com_circle03 { animation: com_circle 35s 0s linear infinite; }
.com_circle04 { animation: com_circle2 42s 0s linear infinite; }
.com_circle05 { animation: com_circle 48s 0s linear infinite; }

@keyframes com_circle {
	from { transform: rotate(-360deg); }
	to {  }
}
@keyframes com_circle2 {
	from { transform: rotate(360deg); }
	to {  }
}


.com_wrap.on .com_bg { opacity: 1; transition: 1.2s 0.4s; }
.com_wrap.on .com_circle_box { opacity: 1; transition: 1.2s 0.4s; }
.com_wrap.on .com_txt_box h3 { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.com_wrap.on .com_txt_box p { opacity: 0.7; transform: translate(0); transition: 1.2s 0.8s; }
.com_wrap.on .com_txt { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }

/**/

.history_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #000; }
.history_wrap>div:last-child { width: 90%; max-width: 1600px; position: relative; z-index: 9; transform: translateY(1rem); }

.history_vd_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.1; z-index: 2; }
.history_vd { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; padding-bottom: 56.25%; height: 0; }
/* .history_vd::before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/history_bg.jpg) center no-repeat; background-size: cover; z-index: 1; opacity: 1; } */
.history_vd:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.history_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; }

/* .history_vd_box.box03 iframe { width: 120%; height: 120%; } */

@media all and (max-width: 1640px) { 
	.history_vd iframe { width: 140%; height: 140%; }
    .history_vd::before { width: 140%; height: 140%; }
}

@media all and (max-width: 1440px) { 
	.history_vd iframe { width: 200%; height: 200%; }
    .history_vd::before { width: 200%; height: 200%; }
}

@media all and (max-width: 1100px) { 
	.history_vd iframe { left: 50%; top: 0; transform: translateX(-91.5vh); width: 180vh; height: 100vh; }
    .history_vd::before { left: 50%; top: 0; transform: translateX(-91.5vh); width: 180vh; height: 100vh; }
}


.history_tit { text-align: center; color: #fff; opacity: 0; transform: translateY(8rem); position: relative; z-index: 9; }
.history_tit h1 { font-size: 3.4375rem; line-height: 113%; font-weight: 700; }
.history_tit h1 span { color: #ffc83d; }
.history_tit p { font-size: 1.125rem; line-height: 222%; margin-top: 3.25rem; opacity: 0.4; }

.history_box { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 2.125rem; margin-top: 4.375rem; color: #fff; text-align: left; opacity: 0; }
.history_content { width: 100%; position: relative; display: flex; justify-content: flex-start; align-items: center; padding: 2.375rem 2.5rem; box-sizing: border-box; }
.history_content h2 { font-family: 'trajan'; font-size: 2.0625rem; line-height: 100%; transition: 0.5s; }
.history_content p { font-size: 0.875rem; line-height: 178%; opacity: 0.4; margin-top: 1.125rem; }
.history_content::before { content: ''; width: 0; height: 1px; position: absolute; left: -1px; top: -1px; background-color: #fff; transition: 0.5s; }
.history_content::after { content: ''; width: 0; height: 1px; position: absolute; right: -1px; bottom: -1px; background-color: #fff; transition: 0.5s; }
.history_content span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.history_content span::before { content: ''; width: 1px; height: 0; position: absolute; left: -1px; bottom: -1px; background-color: #fff; transition: 0.5s; }
.history_content span::after { content: ''; width: 1px; height: 0; position: absolute; right: -1px; top: -1px; background-color: #fff; transition: 0.5s; }

.history_content:hover h2 { color: #ffc83d; }
.history_content:hover::before,
.history_content:hover::after { width: calc(100% + 2px); }
.history_content:hover span::before,
.history_content:hover span::after { height: calc(100% + 2px); }

.history_wrap>div:last-child>h2 { font-family: 'trajan'; font-size: 3.4375rem; line-height: 100%; color: #fff; margin-top: 6rem; opacity: 0; transform: translateY(-8rem); position: relative; z-index: 9; }





.history_wrap.on .history_tit { opacity: 1; transform: translate(0); transition: all 1.2s 1.0s, opacity 1.2s 0.2s; }
.history_wrap.on>div:last-child>h2 { opacity: 1; transform: translate(0); transition: all 1.2s 1.0s, opacity 1.2s 0.2s; }
.history_wrap.on .history_box { opacity: 1; transform: translate(0); transition: 1.2s 1.0s; }

/**/

#section3 { width: 100%; background-color: #fff; }

.what_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; }
/* .what_wrap::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../img/what_bg.jpg) center no-repeat; background-size: cover; } */
.what_wrap::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: url(../img/what_bg.png) center no-repeat; background-size: cover; }
.what_wrap>div:last-child { width: 90%; max-width: 1540px; height: 70%; position: relative; z-index: 9; transform: translateY(2rem); }

.what_vd_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; z-index: 1; }
.what_vd { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; padding-bottom: 56.25%; height: 0; }
/* .what_vd::before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/what_bg.jpg) center no-repeat; background-size: cover; z-index: 1; opacity: 1; } */
.what_vd:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.what_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; }

/* .what_vd_box.box03 iframe { width: 120%; height: 120%; } */

@media all and (max-width: 1640px) { 
	.what_vd iframe { width: 140%; height: 140%; }
    .what_vd::before { width: 140%; height: 140%; }
}

@media all and (max-width: 1440px) { 
	.what_vd iframe { width: 200%; height: 200%; }
    .what_vd::before { width: 200%; height: 200%; }
}

@media all and (max-width: 1100px) { 
	.what_vd iframe { left: 50%; top: 0; transform: translateX(-91.5vh); width: 180vh; height: 100vh; }
    .what_vd::before { left: 50%; top: 0; transform: translateX(-91.5vh); width: 180vh; height: 100vh; }
}

.what_txt_box { text-align: left; opacity: 0; transform: translateX(-6rem); }
.what_txt_box h2 { font-size: 2.25rem; line-height: 125%; font-weight: 700; }
.what_txt_box p { font-size: 1rem; line-height: 188%; margin-top: 2.125rem; opacity: 0.7; font-weight: 500; }

.what_tit { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: flex; justify-content: center; align-items: center; z-index: 4; mix-blend-mode: exclusion; opacity: 0; }
.what_tit h1 { font-family: 'trajan'; font-size: 3.4375rem; line-height: 100%; color: #fff; }

.what_txt { position: absolute; right: 0; bottom: 0; color: #fff; opacity: 0; transform: translateX(7rem); }
.what_txt h2 { font-family: 'antro'; font-size: 4.125rem; line-height: 100%; transform: rotate(-0deg); letter-spacing: -0.125rem; }


.what_wrap.on .what_txt_box { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.what_wrap.on .what_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.what_wrap.on .what_txt { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }

/**/

#section4 { width: 100%; background-color: #ddd; }

.port_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #ebe8e0; }
.port_wrap>div:last-child { width: 100%; position: relative; z-index: 9; transform: translateY(2.5rem); display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; }

.port_tab { width: 100%; margin: auto; display: flex; justify-content: center; align-items: center; opacity: 0; }
.port_tab>div { margin-right: 1.25rem; font-size: 1.25rem; line-height: 150%; font-weight: 700; position: relative; cursor: pointer; color: #7e7763; }
.port_tab>div:after { width: 0; height: 1px; content:''; position: absolute; left: 0; bottom: -0rem; background-color: #000; }
.port_tab>div:last-child { margin-right: 0; }

.port_tab>div.active { color: #000; }
.port_tab>div.active:after { width: 100%; }

.port_box { width: 90%; max-width: 1700px; margin-top: 1.75rem; display: flex; justify-content: flex-end; align-items: flex-start; gap: 10.5rem; }

.port_tit { text-align: left; opacity: 0; transform: translateX(-5rem); }
.port_tit h2 { font-size: 2.8125rem; line-height: 122%; font-weight: 700; }
.port_tit p { font-size: 1rem; line-height: 188%; margin-top: 2.5rem; }
.port_tit h3 { font-family: 'trajan'; font-size: 2.75rem; line-height: 110%; margin-top: 8.25rem; }

.port_swiper_wrap { width: 100%; max-width: 1150px; transform: translateY(3rem); opacity: 0; }
.port_swiper_wrap>div { width: 100%; }
.port_swiper_wrap>div>img { width: 100%; }

.port_content { width: 100%; position: relative; transition: 0.3s; text-align: left; }
.port_content img { width: 100%; }
.port_txt_box { position: relative; padding-left: 1.125rem; margin-top: 1.25rem; margin-left: 0.875rem; padding-top: 0.625rem; }
.port_txt_box::before { content: ''; width: 1px; line-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-color: #000; }
.port_txt_box h4 { font-size: 1.25rem; line-height: 100%; font-weight: 700; }
.port_txt_box h6 { font-size: 0.8125rem; line-height: 100%; color: #9b937e; font-weight: 600; margin-top: 0.425rem; }

.swiper_port { width: 100%; padding-bottom: 6.25rem; }
.swiper_port .a .port_content { transform: translateY(2.5rem); }
.swiper_port .p1 .port_content { transform: translateY(0); }
.swiper_port .n1 .port_content { transform: translateY(6.25rem); }
.swiper_port .n2 .port_content { transform: translateY(0); }
.swiper_port .swiper-slide-active .port_content h4 { opacity: 1; transform: translateY(0); transition: 1s 0.2s; }
.swiper_port .swiper-slide-active .port_content h6 { opacity: 1; transform: translateY(0); transition: 1s 0.2s; }

/*
.swiper-button-next { position: absolute; width: 5.125rem; height: 3.125rem; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: translate(1000%,-120%); padding: 0; outline: none; opacity: 0; display: none; }
.swiper-button-prev { position: absolute; width: 5.125rem; height: 3.125rem; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: translate(-1000%,-120%); padding: 0; outline: none; opacity: 0; display: none; }

*/

.port_wrap.on .port_tab { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.port_wrap.on .port_swiper_wrap { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.port_wrap.on .port_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }

/**/

#section5 { width: 100%; background-color: #000; }

.recruit_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; color: #fff; }
.recruit_wrap:after { content:''; width: 100%; height: 100%; position: absolute; z-index: 2; background-color: #ffc000; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); animation: bcolor 8s 0s infinite; }
/*.recruit_wrap>div:last-child { width: 90%; position: relative; z-index: 9; }*/

.recruit_tit { z-index: 9; transform: translateY(-5rem); opacity: 0; position: absolute; left: 0; right: 0; margin: auto; top: 15%; }
.recruit_tit:after { content:''; width: 0.438rem; height: 0.438rem; position: absolute; left: 0; right: 0; margin: auto; top: -0.75rem; background-color: #ffc000; border-radius: 100%; animation: bcolor 8s 0s infinite; }
.recruit_tit h2 { font-family: 'Carisma Gothic'; font-size: 1.875rem; line-height: 100%; font-weight: 600; text-align: center; }
.recruit_tit>div { width: 1px; height: 1.75rem; margin: auto; margin-top: 1.5rem; position: relative; }
.recruit_tit>div:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; }

.recruit_vd_box { width: 100vw; height: 100%; opacity: 1; z-index: 1; position: absolute; left: 0; top: 0; }
.recruit_vd { position: absolute; top: 0; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.recruit_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; opacity: 0.3; }

@media all and (max-width: 1640px) { 
	.recruit_vd iframe { width: 140%; height: 140%; }
}

@media all and (max-width: 1440px) { 
	.recruit_vd iframe { width: 200%; height: 200%; }
}

@media all and (max-width: 1100px) { 
/*	.recruit_vd iframe { left: 50%; top: 0; transform: translateX(-91.5vh); width: 180vh; height: 100vh; }*/
}

.recruit_box { width: 100%; height: 100%; margin: auto; position: relative; z-index: 9; display: flex; justify-content: center; align-items: center; transform: translateY(5rem); opacity: 0; }
.recruit_box>div { width: 100%; display: flex; justify-content: center; align-items: flex-start; }
.recruit_content_box { transform: translateY(5rem); }
.recruit_box.black { position: absolute; left: 0; top: 0; color: #000; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.recruit_box.black p { opacity: 0; }

/* .recruit_content {  } */
.recruit_icon { width: 2.625rem; height: 2.188rem; margin: auto; display: flex; justify-content: center; align-items: center; }
.recruit_content h1 { font-size: 6.25rem; line-height: 100%; font-weight: 700; }
.recruit_content p { font-size: 0.938rem; line-height: 166%; color: #585858; margin-top: 1.5rem; font-weight: 600; }

.recruit_content.con01 { margin-right: 3.75rem; }
.recruit_content.con02 { margin-top: 5rem; }
.recruit_content.con03 { margin-top: 9.5rem; }
.recruit_content.con04 { margin-top: 17rem; }
.recruit_content.con05 { margin-top: 21.75rem; margin-left: 3.75rem; }

.recruit_txt { position: absolute; left: 10%; bottom: 14%; z-index: 9; transform: translate(-25rem,2rem); opacity: 0; }


.recruit_wrap.on:after { clip-path: polygon(64% 0%, 89% 0%, 64% 100%, 39% 100%); transition: 2s 0.0s; }
.recruit_wrap.on .recruit_box.black { clip-path: polygon(64% 0%, 89% 0%, 64% 100%, 39% 100%); transition: all 1.2s 0.8s, clip-path 2s 0.0s; }
.recruit_wrap.on .recruit_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.recruit_wrap.on .recruit_box { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.recruit_wrap.on .recruit_txt { opacity: 1; transform: translate(0); transition: 1.6s 0.4s; }

/**/

#section6 { width: 100%; background-color: #000; }

.contact_wrap { width: 100%; height: 80vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; background: url(../img/contact_bg.jpg) center top no-repeat; background-size: cover; }
.contact_wrap>div { width: 80%; height: 100%; display: flex; justify-content: center; align-items: center; }

.contact_left { width:40%;  position: relative;  opacity: 0; transform: translateX(-3rem);}
.contact_right { width:60%; position: relative; opacity: 0; transform: translateY(3rem);}

.contact_tit {text-align:left;}
.contact_tit h1 { font-size: 3.75rem; font-family: 'trajan'; }
.contact_tit h1 span { color:#f39700;}
.contact_tit h2 { font-size: 1.55rem; font-weight:200;  line-height: 120%; margin-top:2rem;}
.contact_tit h2 span {  font-weight:600; }

/*.contact_tit_box { width: 100%; height: 100%; background-color: #ffc83d; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; z-index: 9; }
.contact_tit_box h1 { font-size: 3.75rem; line-height: 122%; font-weight: 800; opacity: 0; transform: translateY(-3rem); }
.contact_tit_box p { font-size: 1rem; line-height: 188%; margin-top: 2.875rem; opacity: 0; transform: translateY(-3rem); }
.contact_tit_box h2 { font-family: 'trajan'; font-size: 4.125rem; line-height: 100%; margin-top: 10rem; opacity: 0; transform: translateY(3rem); }
*/

.contact_txt_box_m { text-align:left; margin-top:5rem;}
.contact_txt { width:100%; max-width:275px; position: relative; overflow:hidden; margin-top:1.5rem;}
.contact_txt p {  font-size: 1.12rem; width:100%;  position: relative; margin-top:0.5rem;}
.contact_txt span {  position: absolute;  width:100%; height:1px; background:#000; opacity:0.2; bottom:0.5rem; margin-left:0.5rem;}
.contact_txt h1 {  font-size: 1.72rem; font-weight:700; margin-top:0.5rem;}
.contact_btn { width:17rem; height:3.5rem; background:#f39700; border-radius:50px; display: flex; justify-content: center; align-items: center; margin-top:3rem;}
.contact_btn a { color:#fff; width:100%; height:100%; display: flex; justify-content: center; align-items: center;}

.contact_right .map_img_box { display: flex; justify-content: center; align-items: center; }
.contact_right .map_img_box img { }
.contact_box { width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; }
.contact_box>div { width: 90%; max-width: 700px; position: relative; opacity: 0; transform: translateY(3rem); }


.contact_left.active { opacity: 1; transform: translate(0); transition: 1.6s 0.2s;}
.contact_right.active { opacity: 1; transform: translate(0); transition: 1.6s 0.4s;}

.contact_info { width: 100%; }
.contact_input { width: 100%; }
.contact_input li { width: 100%; text-align: left; margin-top: 1.875rem; overflow: hidden; display: flex; justify-content: space-between; align-items: flex-start; }
.contact_input li:nth-child(1) { margin-top: 0; }
.contact_input li:last-child { margin-top: 0; }
.contact_input li h5 { font-size: 1.25rem; line-height: 2.813rem; color: #222; height: 2.813rem; width: 7rem; }
.contact_input li > input { width: calc(100% - 7rem); outline: none; position: relative; }
.contact_input li textarea { width: calc(100% - 7rem); }
.contact_input li .contact_input01 { font-size: 1.25rem; line-height: 1.25rem; height: 2.813rem; border: none; border-bottom: 1px solid #bbb; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; padding: 0 0.625rem; box-sizing: border-box; }
.contact_input li .contact_input02 { font-size: 1rem; line-height: 1.5rem; margin-top: 0.625rem; height: 9.375rem; border: 1px solid #bbb; vertical-align: top; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; padding: 0.625rem; box-sizing: border-box; }


.contact_input li input::placeholder { font-size: 0.938rem; opacity: 0.5; }
.contact_input li textarea::placeholder { font-size: 0.938rem; opacity: 0.5; }

.contact_input li .contact_input01:focus { border-bottom: 1px solid #bbb; outline: none; }
.contact_input li .contact_input02:focus { border: 1px solid #bbb; outline: none; }
.contact_input li .contact_input03:focus { border: 1px solid #bbb; outline: none; }

.contact_agree_box { width: calc(100% - 7rem); margin-left: 7rem; margin-top: 1.25rem; overflow: hidden; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; }
.contact_agree_box input { width: 0.938rem; height: 0.938rem; margin-top: 0.563rem; }
.contact_agree_txt { font-size: 1rem; line-height: 1.875rem; margin-left: 0.438rem; }
.contact_agree { font-size: 1rem; color: #aaa; margin-left: 0.438rem; line-height: 1.875rem; cursor: pointer; color: #ff4800; position: relative; display: inline-block; }
.contact_agree:after { content:''; width: 100%; height: 1px; background-color: #ff4800; position: absolute; left: 0; bottom: 0.215rem; }

.contact_agree_box input#agreeYny { display: none; }
.contact_agree_box input#agreeYny + label { cursor: pointer; position: relative;}
.contact_agree_box input#agreeYny + label > span { vertical-align: middle; padding-left: 8px; }
.contact_agree_box input#agreeYny + label:before { content:""; display: inline-block; width: 19px; height: 19px; border:2px solid #bbb; border-radius: 2px; vertical-align: middle; margin-top: 3px; }
.contact_agree_box input#agreeYny + label:after { content:''; width: 9px; height: 5px; border: 2px solid #ddd; border-top: 0; border-right: 0; transform: rotate(-45deg); transform-origin: center; position: absolute; left: 6px; top: 0px; bottom: 0; margin: auto; }
  
input#agreeYny:checked + label:before { content:""; background-color: #0075ff; border-color: #0075ff; }
input#agreeYny:checked + label:after { border-color: #fff; }

.contact_agree_content { width: 100%; height: 100%; text-align: left; font-family: 'Noto Sans KR', sans-serif; position: absolute; left: 0; top: 0; z-index: 9; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.7); display: none; }
.contact_agree_content>div:first-child { width: 70%; height: 20rem; overflow: scroll; background-color: #fff; padding: 1.5rem 2.5rem; border: 1px solid #bbb; position: relative; box-sizing: border-box; }
.contact_agree_content>div:first-child::-webkit-scrollbar { display: block; width: 8px; height: 100%; background-color: #f3f3f3; }
.contact_agree_content>div:first-child::-webkit-scrollbar-thumb { width: 100%; background-color: #cacaca; border-radius: 20px; }
.contact_agree_content h4 { font-size: 1rem; margin-top: 1.875rem; line-height: 140%; font-weight: 500; }
.contact_agree_content h4:first-child { margin-top: 0; }
.contact_agree_content p { font-size: 0.875rem; opacity: 0.65; margin-top: 0.125rem; line-height: 160%; font-weight: 400; padding-left: 0.188rem; }
.agree_close { width: 3rem; height: 20rem; display: flex; justify-content: flex-start; align-items: flex-start; margin-left: 0.5rem; }
.agree_close>div { width: 3rem; height: 3rem; position: relative; cursor: pointer; }
.agree_close>div:before { content:''; width: 1px; height: 90%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(-45deg); }
.agree_close>div:after { content:''; width: 1px; height: 90%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(45deg); }

.contact_bt { font-size: 1.375rem; width: 20rem; height: 5rem; line-height: 4.875rem; background-color: #000; color: #fff; text-align: center; margin-left: 8.125rem; margin: auto; margin-top: 3.75rem; cursor: pointer; }


.contact_wrap.on .contact_tit_box h1 { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
.contact_wrap.on .contact_tit_box p { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
.contact_wrap.on .contact_tit_box h2 { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
.contact_wrap.on .contact_tit_box { width: 50%; transition: 1.2s 1.4s; }
.contact_wrap.on .contact_box>div { opacity: 1; transform: translate(0); transition: 1.2s 1.4s; }

/**/

#section7 { overflow: visible; }

/**/

#footer { overflow: visible; }

.footer { width: 100%; padding: 4.5rem 0; box-sizing: border-box; z-index: 90; position: relative; box-sizing: border-box; letter-spacing: -0.0313rem; font-size: 0.875rem; text-align: center; background-color: #272727; color: rgba(255,255,255,0.3); font-weight: 300; }
.footer:after { content:''; width: 100%; height: 40rem; position: absolute; left: 0; top: -100vh; display: none; }
body.main .footer { border: none; }

.footer_logo { margin-bottom: 3.25rem; }

.footer_const { display: flex; justify-content: center; align-items: center; margin-bottom: 0.5rem; }
.footer_const li { position: relative; padding: 0 1.125rem; line-height: 100%; }
.footer_const li:after { position: absolute; content:''; width: 1px; height: 0.75rem; background-color: #fff; opacity: 0.3; right: 0; bottom: 0; top: 0px; margin: auto; }
.footer_const li:last-child:after { display: none; }
.footer_const li span { color: #fff; }

.footer p { line-height: 100%; margin-top: 1.5rem; }
.footer p br { display: none; }

.footer_const_img { width: 14.75rem; margin-top: 3.5rem; }

.footer_info { display: flex; justify-content: center; align-items: center; margin-top: 0.375rem; }
.footer_info li { padding: 0 0.625rem; line-height: 100%; position: relative; }
.footer_info li:after { position: absolute; content:''; width: 1px; height: 0.8125rem; background-color: #fff; opacity: 0.3; right: 0; bottom: 0; top: 1px; margin: auto; }
.footer_info li span { color: #489b7f; }
.footer_info li:last-child:after { display: none; }

.footer h6 { line-height: 100%; margin-top: 1.625rem; letter-spacing: 0; /*text-transform: uppercase;*/ color: #a0a0a0; }

/* span.yellow { color: #fcff00 !important; } */

.top_bt { width: 92px; height: 92px; background-color: #fff; border: 1px solid #d1d1d1; z-index: 99999; position: absolute; right: 0; left: 0; margin: auto; top: 0px; opacity: 0; cursor: pointer; border-radius: 100%; transition: 0.6s 0s; }
.top_bt img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
/* .top_bt:before { content:''; width: 8px; height: 8px; position: absolute; left: 0; right: 0; top: 0px; bottom: 0; margin: auto; border-left: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(45deg); z-index: 9; }
.top_bt::after { content: ''; width: 1px; height: 14px; position: absolute; left: 0; right: 0; top: 5px; bottom: 0; margin: auto; background-color: #fff; } */



.footer.end:after { display: block; }


.footer.on .top_bt { opacity: 1; top: -46px; transition: 0.6s 0s; }
.footer.active .top_bt { opacity: 1; top: -46px; transition: 0.6s 0s; }

/*서브*/
body.full #sub_container { width: 100%; }
#sub_container { width: 90%; position: relative; /*left: 50%; transform: translateX(-50%);*/ overflow: hidden; background-color: #fff; text-align: center; left:0; right:0; margin:0 auto; margin-top:12rem;}
#sub_box { position: relative; width: 100%; margin: auto; text-align: center; padding-bottom: 80px; padding-top: 0px; box-sizing: border-box; margin-top: 80px; }

.sub_tit_wrap { position: relative; top:0rem; width:100%; max-width:1100px; display: flex; justify-content: space-between; align-items: center; margin:0 auto;}
#sub_tit { width: 100%; margin-top: 0; overflow: hidden; text-align: left; }
#sub_tit h2 { font-size: 65px; color: #000; font-weight: 700; line-height: 100%; letter-spacing: -1px; text-transform: uppercase; position: relative; z-index:2;}
.sub_line { width: 1px; height: 38px; background-color: #404040; margin: auto; margin-top: 35px; }
#sub_tit h5 { font-size: 14px; color: #858585; font-weight: 400; margin-top: 16px; }
#sub_tit h5 b { color: #222; }
#sub_tit h5 div { display: inline-block; color: #056b5c; }
#sub_tit h5 span { font-size: 13px; font-family: 'Futura Std'; font-weight: 700; }
.sub_page { margin-top: 30px; position: relative; }

.sub_top01 { position: relative; left: 0; top: 0; width: 100%; height: 345px; z-index: 99; margin-top: 0px; overflow: hidden; }
.sub_top01:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/sub_top.png) center top no-repeat; background-size: cover; z-index: 2; }
.sub_top_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }

.sub_top01 .sub_top_img { background: url(../img/sub_top.jpg) center top 10% no-repeat; background-size: cover; animation: sub_top_img 2.0s 0s both; }

.sub_top_txt { width: 100%; position: absolute; left: 0; right: 0; top: 55%; margin: auto; z-index: 9; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; animation: sub_top_txt 1.0s 0.4s both; }
.sub_top_txt h5 { font-size: 16px; line-height: 100%; font-weight: 300; letter-spacing: 5px; text-transform: uppercase; }
.sub_top_txt>div { width: 95px; height: 1px; background-color: #fff; margin: 0 15px; }
.sub_top_txt h3 { font-size: 28px; line-height: 100%; font-weight: 700; letter-spacing: -1px; }


@keyframes sub_img {
	from { background: url(../img/sub_top.jpg) center bottom no-repeat; background-size: cover; }
	to{ }
}
@keyframes sub_top_img {
	from { transform: scale(1.2); }
	to{ }
}
@keyframes sub_top_txt {
	from { opacity: 0; transform: translateY(60px); }
	to{ }
}

.sub_obj { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: -1; transition: opacity 1.0s; opacity: 1; }

.sub_obj.obj00 { left: -3rem; top: -2.2rem;right: revert; bottom: revert; animation: main_obj 11s 0s linear infinite; opacity: 1 !important; width:6%; z-index:1;}


@keyframes main_obj {
	from { transform: rotate(-360deg); }
	to {  }
}
@keyframes main_obj2 {
	from { transform: rotate(360deg); }
	to {  }
}

#snb_wrap { /*width: 1100px;*/ width: 250px;height: 65px; position:relative; margin: auto; z-index: 90; }
#snb { /*width: 480px;*/ width: 260px; height: 65px; position: absolute; right: 0; top: 0; }
#snb:after {content:""; display:block; clear:both; }
#snb > li { float: left; width: 200px; position:relative; height: 65px; text-align: left; box-sizing: border-box; color: #000; }
#snb > li > a:after { content:''; position: absolute; width: 1px; height: 20px; background-color: #adadad; right: 0; top: 0; bottom: 0; margin: auto;  }
#snb > li:first-child { width: 60px; }
#snb > li:first-child img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
#snb > li:nth-child(3) { width: 220px; }
#snb > li:nth-child(2) > a:after { display: none; }
#snb > li:first-child + li > a {background:url('../img/snb-arr.gif') no-repeat 100% 50%; }
#snb > li:first-child + li + li > a { margin-top:1px; color: #000; }
/*#snb > li:first-child + li + li { border-bottom: 1px solid #e8e8e8; }*/
#snb > li:first-child + .ov {margin-left:0;}
#snb > li:nth-child(2):after { content:''; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); position: absolute; right: 18px; top: 29px; transition:0.3s; }
#snb > li:nth-child(3):after { content:''; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); position: absolute; right: 18px; top: 29px; transition:0.3s; }
#snb .ov {margin-left:-1px;}
#snb .ov > a { display: block; height: 65px; line-height: 65px; padding: 0 15px; font-size: 14px; color:#000; min-width:160px; font-weight:400; }

#snb > li:nth-child(2):hover:after { transform: rotate(135deg); top: 27px; }
#snb > li:nth-child(3):hover:after { transform: rotate(135deg); top: 27px; }

#snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fff; display:none; }
#snb .ov ul li { border:1px solid #c2c2c2;margin-top:-1px; font-weight: 400; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a { display:block;font-size:11.5px; color: #000; padding:11px 15px;white-space:nowrap; letter-spacing: 0; }
#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover { background: #ebebeb; color: #000; }

#snb .ov a { text-transform: uppercase; }
/*#snb .ov:last-child a { text-transform: uppercase; }*/


/**/

ul.tabs2 { width: 100%; display: flex; justify-content: space-between; }
ul.tabs2.two { flex-wrap: wrap; }
ul.tabs2 li { margin-bottom: -1px; color: #222; margin-left: 2%; text-align: center; cursor: pointer; height: 45px; line-height: 45px; border: 1px solid #e9eaec; font-weight: 400; background: #e9eaec; }
ul.tabs2 li:nth-child(1) { margin-left: 0; }

ul.tabs2 li.selected, ul.tabs li.selected:hover { color: #a79482; background: #192642; border: 1px solid #192642; }	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color: #a79482; }
ul.tabs2 li.active { color:#fff; background: #192642; border: 1px solid #192642; }

 #container2 { width: 100%; max-width: 1100px; margin: auto; }




@media all and (max-width: 1640px) { 
	
	html { font-size: 12px; }
	.main_txt { width: 35.44rem; }
	.premium_icon img { width: 100%; transform: scale(0.75); }
	.premium_txt { width: 24.56rem; }
	.brand_logo img { width: 17.25rem; }
	.footer_logo img { width: 11.56rem; }


}


.sum_top { position:relative; overflow:hidden; width:100%; max-width:1450px; height:40rem; margin:0 auto; }
.sum_vd { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; padding-bottom: 56.25%; height: 0; }
.sum_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; opacity: 1; }

.sum_tit { color:#fff; position: absolute; z-index:3; top:3rem; font-family: 'Carisma Gothic'; line-height:100%; padding:3rem 10rem; max-width:1100px; width:100%; margin:0 auto; height:100%;}
.sum_tit h1 { font-size:6rem; text-align:left; font-weight:700; line-height:100%; transform: translateX(-50px); opacity:0;}
.sum_tit h2 { font-size:2rem; text-align:right; font-weight:300; position: absolute; right:0; padding-right:10rem; bottom:15rem; transform: translateX(50px); opacity:0;}
.sum_tit h2 span { font-weight:500; font-family: "Din", sans-serif;}

.sub_over_txt_wrap { position:relative; margin:0 auto; width:100%; max-width:1100px; display: flex; justify-content: space-between; align-items: center; text-align:left; margin-top:5rem;}
.sub_over_txt { transform: translateX(-50px); opacity:0;}
.sub_over_txt h2 {  font-size:4rem; line-height:120%; font-weight:600; }
.sub_over_txt p {  font-size:0.875rem; line-height:200%; font-weight:400; margin-top:4rem; opacity:0.6;}

.sub_over_txt_wrap img { width:100%; max-width:482px; transform: translateX(50px); opacity:0;}


.sub_over_top.active .sum_tit h1 { opacity:1; transform: translate(0px); transition: 0.8s 0s; }
.sub_over_top.active .sum_tit h2 { opacity:1; transform: translate(0px); transition: 0.8s 0.2s; }

.sub_over_txt_wrap.active .sub_over_txt { opacity:1; transform: translate(0px); transition: 0.8s 0s; }
.sub_over_txt_wrap.active img { opacity:1; transform: translate(0px); transition: 1s 0.2s; }


.sub_over_txt_wrap2 { display: flex; justify-content: flex-end; align-items: center; width:100%; max-width:1100px; margin:0 auto; gap:9rem;}
.sub_over_txt_wrap2 h1 { font-family: 'Carisma Gothic'; font-size:2.2rem; line-height:120%; text-align:left;  font-weight:600; opacity:0; transform: translateX(-50px);  }
.sub_over_txt_wrap2 h1 span { color:#f39700; }
.sub_over_txt_wrap2 h1 div { margin-left:7rem; }

.text_motion {opacity:0; transform: translateY(50px);}
.text_motion li { text-align:left; font-size:1.32rem; margin-top:0.5rem; font-weight:600;  }

.sub_over_txt_wrap2.active .text_motion li{
  opacity: 0.3;
  font-weight: 400;
  /*animation: focusLoop 6s infinite steps(1, end);*/
  animation: focusLoop 7.2s infinite;
}


.sub_over_txt_wrap2.active .text_motion li:nth-child(1) { animation-delay: 0s; }
.sub_over_txt_wrap2.active .text_motion li:nth-child(2) { animation-delay: 1.2s; }
.sub_over_txt_wrap2.active .text_motion li:nth-child(3) { animation-delay: 2.4s; }
.sub_over_txt_wrap2.active .text_motion li:nth-child(4) { animation-delay: 3.6s; }
.sub_over_txt_wrap2.active .text_motion li:nth-child(5) { animation-delay: 4.8s; }
.sub_over_txt_wrap2.active .text_motion li:nth-child(6) { animation-delay: 6s; }

.sub_over_txt_wrap2.active h1 { opacity:1; transform: translate(0px); transition: 1s 0.2s;}
.sub_over_txt_wrap2.active .text_motion { opacity:1; transform: translate(0px); transition: 1s 0s;}

/*
@keyframes focusLoop {
  0%   { opacity:1; font-weight:700; }
  99%  { opacity:1; font-weight:700; }
  100% { opacity:.3; font-weight:400; }
}
*/

@keyframes focusLoop{
  0%   { opacity:.3; font-weight:400; }
  10%  { opacity:1;  font-weight:700; }
  30%  { opacity:.3; font-weight:400; }
  100% { opacity:.3; font-weight:400; }
}



.sub_over_txt_wrap3 { position: relative; width:482px; margin:0 auto; height:20rem; margin-top:5rem;}
.over_txt_box { position: absolute; right: -19rem; bottom: 2rem; text-align: center; width:100%;  max-width:482px; display: flex; justify-content: center; align-items: center !important; z-index: 8; 
color: #000; transition: 0.8s; opacity: 0; transform: translate(31.25rem,-2.5rem); }
.over_txt_box.white { color: #fff; z-index: 9; }
.over_txt_box { font-size:6rem; line-height: 100%; font-weight: 600; padding-left: 0.875rem; opacity: 0; transform: translateY(-1.875rem); }

.over_img_box { width: 100%;  max-width:482px; height: 100%; position: absolute; right: 0; top: 0; z-index: 9; opacity: 0;  clip-path:inset(0% 0% 0% 0% round 0px 0px 0 0);}
.over_vd_box { position: relative; left: 0; right:0; margin:0 auto; top: 0; width: 100%;  max-width:482px; opacity: 1; z-index: 1; overflow: hidden; }

.over_txt_tag { font-family: 'Carisma Gothic'; font-size:1.5rem; transform: rotate(90deg); position: absolute; left:-11rem; top:4rem;  opacity: 0; margin-top:40px;}
.over_txt_tag span { font-weight:500; font-family: "Din", sans-serif; }

.sub_over_txt_wrap3.active .over_tit_box { opacity: 1; transform: translate(0); transition: 1.0s 0.3s; }
.sub_over_txt_wrap3.active .over_logo { opacity: 1; transform: translate(0); transition: 1.0s 0.3s; }
.sub_over_txt_wrap3.active .over_img_box { opacity: 1; transition: 1.0s 0.2s; }
.sub_over_txt_wrap3.active .over_txt_box { opacity: 1; transform: translate(0); transition: 1.2s 0.3s; }
.sub_over_txt_wrap3.active .over_txt_tag { opacity: 1;  margin-top:0px; transition: 1s 0.6s; }



/**/

.organ_top_tit { margin-top:5rem; }
.organ_top_tit h1 { font-size:1.5rem; line-height:170%; font-weight:300; }
.organ_top_tit .organ_top_txt { opacity:0;  }
.organ_top_tit .organ_top_txt.or_txt04 { transform: translateY(2rem); }
.organ_top_tit .sk_eff { font-size:2.2rem;  position: relative; font-weight:600;}
.organ_top_tit .sk_eff::before {content:''; position:absolute; left:0rem; bottom:0rem; width:0%; height:40%; background-color:#f39700; z-index:1; opacity:0.5; }

.organ_top_tit h1 p span { font-weight:600; }

.organ_tit { margin-top:5rem; opacity: 0; transform: translateY(2rem); }
.organ_tit h1 { font-family: 'Carisma Gothic'; font-size:5.5rem; font-weight:700; color: transparent; -webkit-text-stroke: 1px #000; }
.organ_tit p { font-size:1.52rem; font-weight:600; margin-top:-1rem;}

.organ_img {  margin-top:7rem; opacity: 0; transform: translateX(5rem); display: flex; justify-content: center; align-items: center;}

.organ_table {  display: flex; justify-content: space-between; align-items: center; width:100%; max-width:1372px;}
.chart_circle { width:6.5rem; height:6.5rem; border-radius:100%; display: flex; justify-content: center; align-items: center; line-height:120%; }
.circle_big { width:9rem; height:9rem;  }

.chart_circle h1 {font-size:1.5rem; font-weight:700;}
.chart_circle h2 {font-size:1rem;}

.circle_wi {border:1px solid #000; }
.circle_bl { background-color:#000; color:#fff;}

.chart_bb div {margin-top:5rem;}

.chart_line01 {}
.chart_line { width:100%; height:1px; background-color:#000; position: absolute; }

.organ_txt { font-size:1.175rem; margin-top:5rem; line-height:200%; opacity: 0; transform: translateY(2rem);}

.organ_tit.active { opacity: 1; transform: translate(0); transition: 1.0s 0.3s; }
.organ_img.active { opacity: 1; transform: translate(0); transition: 1.0s 2.2s; }
.organ_txt.active { opacity: 1; transform: translate(0); transition: 1.0s 0.3s; }
.organization_top.active .organ_top_tit .sk_eff::before { width:100%;  transition: 1.0s 1s; }
.organization_top.active .organ_top_tit .organ_top_txt.or_txt01 { opacity:1; transition: 1.0s 0.2s; }
.organization_top.active .organ_top_tit .organ_top_txt.or_txt02 { opacity:1; transition: 1.0s 0.8s; }
.organization_top.active .organ_top_tit .organ_top_txt.or_txt03 { opacity:1; transition: 1.0s 0.8s; }

.organization_top.active .organ_top_tit .or_txt04 { opacity:1; transform: translate(0); transition: 1.5s 1.5s; }


/**/


.history_top { position:relative; overflow:hidden; width:100%; max-width:1450px; height:40rem; margin:0 auto;}
.his_tit { color:#fff; position: absolute; z-index:3; top:3rem; font-family: 'Carisma Gothic'; line-height:100%; padding:3rem 10rem; max-width:1100px; width:100%; margin:0 auto; 
height:100%; transform: translateX(-50px); opacity:0;}
.his_tit h1 { font-size:6rem; text-align:left; font-weight:700; line-height:100%;}
.his_tit p { font-size:1.52rem; text-align:left; font-weight:700; line-height:100%; margin-top:0.7rem;}

.his_tit2 { font-size:1.15rem; text-align:left; font-weight:300; position: absolute; right:0; padding-right:10rem; bottom:6rem; transform: translateX(50px); opacity:0; color:#fff; line-height:200%;}
.his_tit2 span { font-weight:700; }

.his_vd { position: absolute; top: 50%; transform: translate(-50%,-60%); left: 50%; width: 100%; padding-bottom: 56.25%; height: 0; }
.his_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; opacity: 1; }

.history_top.active .his_tit { opacity:1; transform: translate(0px); transition: 0.8s 0s; }
.history_top.active .his_tit2 { opacity:0.9; transform: translate(0px); transition: 0.8s 0.2s; }

.sub_history_wrap { width: 100%; max-width: 1100px; margin: auto; height: auto; position: relative; margin:8rem auto;}
.his_line {width:1px; height:100%; background-color: #000; margin:0 auto; opacity:0.22;  position:absolute; top:0; left:0; right:0; padding-bottom:10rem;}

.his_cont {  position: relative; top:0; display: flex; justify-content: space-between; align-items:flex-start; }
.his_img { position: relative;  }
.his_img img { width: 100%;  }
.his_img h1 { font-family: 'Carisma Gothic'; font-size:1.5rem; text-align:left;  font-weight:700; margin-bottom:0.5rem; line-height:100%; }
.his_txt { text-align:left; margin-top:15rem; position: relative; }
.his_txt h1 { text-align:right; font-family: 'Carisma Gothic'; font-size:5rem; font-weight:700; line-height:100%; }

.his_txt ul li {margin-top:2rem; position: relative; font-size:1.2rem; font-weight:300;}
.his_txt ul li::before { content:'…'; position:absolute; left:-1.7rem; top:0rem;}

.his_cont.his02 .his_img { order:2; }

.his_cont.his02 {}
.his_cont.his02 .his_txt {  margin-top:0rem;  }
.his_cont.his02 .his_img { margin-top:20rem;  }

.his_cont.his03 .his_img02 h1 { transform: rotate(90deg); position:absolute; left:-7.5rem; top:4rem;}

.his_cont.his03 .his_img_box { display: flex; justify-content: space-between; align-items:center; }

.his_img_box01 {}
.his_img_box02 { transform: translateY(4rem); margin-left:1rem; }

.his_cont.his01 { transform: translateY(2rem); opacity: 0;  }
.his_cont.his02 { transform: translateY(2rem); opacity: 0; }
.his_cont.his03 { transform: translateY(2rem); opacity: 0; }

.his_cont.his01.active { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }
.his_cont.his02.active { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }
.his_cont.his03.active { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }


.his2_cont {  position: relative; top:0; display: flex; justify-content: space-between; align-items:flex-start;  gap:0rem; margin-top:5rem;}
.his2_bil { display: flex; justify-content: flex-start; align-items:flex-start;  gap:3rem; margin-top:2rem;}
.his2_bil_cont { position: relative; width:100%; }
.his2_years h1 { font-family: 'Carisma Gothic'; font-size:4.5rem; font-weight:700;  }
.his2_bil h2 { text-align:right; width:100%;  line-height:180%; font-weight:700; }
.his2_bil p { text-align:left;  width:100%; line-height:180%; opacity:0.7;  font-weight:400; }
.his2_img { width:50%; }
.his2_img img { width:100%; }


.his2_2025 { transform: translateY(2rem); opacity: 0;  }
.his2_2024 { transform: translateY(2rem); opacity: 0;  }
.his2_2023 { transform: translateY(2rem); opacity: 0;  }
.his2_2022 { transform: translateY(2rem); opacity: 0;  }
.his2_2021 { transform: translateY(2rem); opacity: 0;  }

.his2_2025.active { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }
.his2_2024.active { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }
.his2_2023.active { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }
.his2_2022.active { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }
.his2_2021.active { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }

/**/


.sub_contact_wrap {width: 100%; max-width: 1100px; margin: auto; height: auto; position: relative;}

.sub_contact_wrap h2 { font-size: 1.5rem; line-height: 100%; margin-bottom: 0.9375rem; font-weight: 500; }
.sub_contact_wrap h2 img { margin-right: 0.625rem; margin-top: 0px; }


.sub_contact_box {  position: relative; margin:0 auto;/*display: flex; justify-content: space-between; align-items: center; gap:3rem;*/  opacity: 0;  transform: translateY(3rem);}
.sub_contact_top { width: 100%; margin-top: 5.3125rem; margin-bottom: 4.375rem;  }
.sub_contact_top>div { width: 100%; /*display: flex; justify-content: space-between; align-items: flex-start; */}

.sub_contact_tit_box { width: 100%; max-width:1100px; margin:0 auto; text-align:left; margin-top:6rem; margin-bottom:5rem; position: relative;}
.sub_contact_tit_box h1 { font-family: 'Carisma Gothic'; font-size:6.5rem; font-weight:700; line-height:100%;  opacity: 0;  transform: translateY(-3rem);}

.contact_txt_box { margin-top:9rem; position:absolute; left:0; z-index:2;  opacity: 0;  transform: translateX(-3rem);}
.contact_txt_box h2 { font-size:2.2rem; font-weight:100; line-height:120%;}
.contact_txt_box h2 span { font-weight:700; }
.contact_txt_box p { font-size:1rem; font-weight:400; line-height:180%; opacity:0.7; margin-top:3rem;}

.contact_img_box {position: relative; margin:0 auto;  z-index:1; text-align:center; margin-top:6rem; width:40%;  opacity: 0;  transform: translateY(3rem);}
.contact_img_box img { width:100%; }

.contact_txt_box2 {  text-align:right; margin-top:1rem;  position:absolute; right:0; bottom:0;  opacity: 0;  transform: translateX(3rem);}
.contact_txt_box2 h3 { font-family: 'Carisma Gothic'; text-align:right; font-weight:300; line-height:110%; font-size:1.52rem;}
.contact_txt_box2 h3 span { font-weight:700; font-family: 'Din'; font-size:2rem; }

.sub_contact_map_box { width: 100%; max-width: 1450px; height: 533px; border: 1px solid #d0d0d0; position: relative; margin:0 auto; }
.sub_contact_map_box span { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: -1; }
.sub_contact_map_box img { width: 100%; }

#map { position: relative; width: 100%; height: 100%; }

.map_marker { font-family: 'Noto Sans KR', sans-serif; width: auto; height: 36px; border: 2px solid #d65b1d; background-color: #fff; border-radius: 25px; text-align: center; display: flex; justify-content: center; align-items: center; padding: 0 15px; position: relative;
box-sizing: border-box; }
.map_marker p { font-size: 13px; line-height: 100%; color: #000; font-weight: 600; }
.map_marker:after { content:''; width: 0px; height: 0px; border-top: 8px solid #d65b1d; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 0; right: 0; bottom: -8px; margin: auto; }

.map_img_box {overflow:hidden; width: 100%; height: 533px;  position: relative; }
.sub_contact_txt_box { width: 100%; max-width: 1100px; margin: 1.5625rem auto; position: relative; left:0; /*display: flex; justify-content: flex-start; align-items: center;*/}
.sub_contact_txt_box h3 { display: inline-block; font-size: 2rem; line-height: 100%; font-weight: 700; position: relative; margin-bottom: 3.75rem; }
.sub_contact_txt_box h3:after { content:''; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; bottom: 0; }


.sub_contact_tit_box2 { position: relative; margin:0 auto; width:100%; max-width:1100px; text-align:left; margin-bottom:7rem; }
.contact_txt_box3 { display: flex; justify-content: flex-start; align-items: center; gap:5rem;}

.contact_txt3 { margin-top:6rem;  opacity: 0;  transform: translateY(3rem); }
.contact_txt3 h3 { font-size:2rem; font-weight:100; line-height:120%; }
.contact_txt3 h3 span { font-weight:700; }
.contact_txt3 p { font-size:1rem; font-weight:400; line-height:180%; opacity:0.7; margin-top:3rem;}

.contact_img_box2 {  opacity: 0;  transform: translateX(-3rem); }

.sub_contact_add {   width:100%; display: flex; justify-content: flex-start; align-items: center; gap:3rem; color:#000; }
.sub_contact_add div {  }
.sub_contact_add h4 { font-size: 1.2375rem; line-height: 100%; font-weight: 400; color:#000;  /*font-family:'Nanum Myeongjo';*/}
.sub_contact_add.add2 { margin-top: 0.5rem; }
.sub_contact_add p { margin-left:1rem; font-size: 0.9375rem; line-height: 140%; margin-top: 0.5rem; opacity:0.7; position: relative; }
.sub_contact_add p::before { content:''; width:1px; height:1rem; position:absolute; left:-0.6rem; background-color: #444; }
.be_none::before { display:none; }

.add_txt_box { width:100%; display: flex; justify-content: flex-start; align-items: flex-end;  gap:0.5rem;}

.sub_contact_logo { text-align:right; margin-bottom:5rem;}
.add_txt_box {text-align:left;}


.sub_contact_bt { width:10%; display: flex; justify-content: flex-end; align-items: center;  gap:0.3rem;}

.sub_contact_tit_box.active h1 { opacity: 1; transform: translateY(0rem); transition: 1.0s 0.2s; }
.contact_img_box.active { opacity: 1; transform: translateY(0rem); transition: 1.0s 0.7s; }
.contact_txt_box.active { opacity: 1; transform: translateY(0rem); transition: 1.0s 0.5s; }
.contact_txt_box2.active { opacity: 1; transform: translateY(0rem); transition: 1.0s 0.2s; }

.sub_contact_tit_box2.active .contact_txt3 { opacity: 1; transform: translate(0rem); transition: 1.0s 0.5s; }
.sub_contact_tit_box2.active .contact_img_box2 { opacity: 1; transform: translate(0rem); transition: 1.0s 0.2s; }

.sub_contact_box.active { opacity: 1; transform: translateY(0rem); transition: 1.0s 0.2s; }
.sub_contact_bottom.active { opacity: 1;  transform: translateY(0rem); transition: 1.0s 0.2s; }

.sub_list_line { width: 0%; height: 1px;  position: relative;  left:0; background-color: #c0c0c0; margin-top: 0.2rem; }
.sub_list_line.active {opacity:1;  width: 100%; transition: 2s 0.1s; }

.line-eff span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; display: block; }
.line-eff::after { content: ''; width: 0%; height: 1px; position: absolute; left: -1px; top: -1px; background-color: #000; transition: 0.3s; }
.line-eff::before { content: ''; width: 0%; height: 1px; position: absolute; right: -1px; bottom: -1px; background-color: #000; transition: 0.3s; }
.line-eff span::after { content: ''; width: 1px; height: 0; position: absolute; left: -1px; bottom: -1px; background-color: #000; transition: 0.3s; }
.line-eff span::before { content: ''; width: 1px; height: 0; position: absolute; right: -1px; top: -1px; background-color: #000; transition: 0.3s; }

.line-eff.active { opacity: 1; transition: 1.0s 0s; }

.line-eff:hover::after { width: calc(100% + 2px); }
.line-eff:hover::before { width: calc(100% + 2px); }
.line-eff:hover span::after { height: calc(100% + 2px); }
.line-eff:hover span::before { height: calc(100% + 2px); }



/**/


.news_wrap { position: relative; margin:0 auto; width:100%; max-width:1100px; margin-top:3rem; }