/**********************************************************************************
	[media query examples]
	@media (max-width: 575px) { }
	@media (max-width: 767px) { }
	@media (max-width: 991px) { }
	@media (max-width: 1199px) { }

	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
**********************************************************************************/
.clear:after { display: block; clear: both; content: ''; }
/* .container {
	max-width:1440px;
	margin:0 auto;
	position:relative;
}
html.hidden, body.hidden { position: fixed; overflow: hidden; width: 100%; height: 100%; }
@media (max-width: 1440px) {
	.container {
		width: 100%;
		padding-left: 14px;
		padding-right: 14px;
	}
}
@media (max-width: 767px) {
    html { font-size: 81.25%; }
}
@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
} */


/* nav click - main background color 설정 */
.mainbgbg{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #0000005d;
    z-index:1000;
    display: none;

}
.mainbgbg.bgon{
display: block!important;
}

/* header01 */


.header01.active .logo { background: url(../images/logo.svg)no-repeat; background-size: contain; }
.header01.active .logo img { opacity: 0; }
/* .header01.active .exitbtn{
    display: block;
    position: absolute;
    right: 10px;
    top: 25px;
    z-index: 1000;
    cursor: pointer;
}
.header01.active .exitbtn img{
    width: 25px;
} */


.header01 .nav { display: flex; flex-wrap: nowrap; align-items: center; }
.header01 .nav .lang_list { display: flex; flex-wrap: wrap; }
.header01 .nav .lang_list li { width: 40px; line-height: 24px; background: rgba(255, 255, 255, 0.2); border-radius: 100px; font-size: 0.88rem; color: #fff; text-transform: uppercase; text-align: center; }
.header01 .nav .lang_list li a { display: block; }
.header01 .nav .lang_list li:last-child { margin-left: 10px; }
.header01 .nav .lang_list li.on, .header01 .nav .lang_list li:hover { color: #0E2071; background-color: #fff; transition-duration: .5s; }
.header01 .nav .menu_txt { font-size: 0.88rem; color: #fff; font-weight: 500; line-height: 10px; text-transform: uppercase; margin: 0 10px 0 40px; }


.nav-icon { 
    cursor: pointer;
     position: relative;
      z-index: 100;
     }
 /* .nav-icon div { 
    background-color: #000;
     height: 2px;
      width: 32px; 
      margin: 7px 0;
     } */

/*
.nav-icon { 
    cursor: pointer; 
    position: fixed; 
    z-index: 10000; 
    left: 19px;
top:24px;
}
.nav-icon div { 
    background-color:#000;
    height: 2px;
     width: 32px;
     margin: 7px 0; 
    }
.nav-icon:after,
.nav-icon:before {
  background-color:  #000;
  content: '';
  display: block;
  height: 2px;
  width: 32px;
  margin: 7px 0;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}


 .nav-icon:before {
      margin-top:0;
  }
 .nav-icon:after {
      margin-bottom:0;
  }

 .nav-icon.active { 
      height: 32px; 
      left:56%;
      width: 15px;

 }



 @media screen and (max-width:1024px){
    .nav-icon.active { 
        left:95%;
   }
  
 }
 
 @media screen and (max-width:860px){
    .nav-icon.active { 
        left:90%;
   }
  
 }
 
 
 @media screen and (max-width:550px){
    .nav-icon.active { 
        left:85%;
   }
  
 }

*/


 .nav-icon.active { 
    cursor: pointer; 
    position: fixed; 
    z-index: 10000; 
    left: 19px;
top:24px;
width: 50px;
}

.nav-icon div { 
    /* background-color:#000; */
    background-color:#fff;
    height: 2px;
     width: 32px;
     margin: 7px 0; 

    }

    .nav-icon.active div{
         background-color:#fff;   
         transition: .3s;
    }


    .nav-icon:after,
    .nav-icon:before {
     background-color: #000;
     transition: .2s;

     content: '';
     display: block;
     height: 2px;
     width: 32px;
     margin: 7px 0;
     -moz-transition: all .2s ease-in-out;
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
   }
   
.nav-icon.active:after,
.nav-icon.active:before {
  background-color:  #fff;
  /* background-color: #fff; */
  content: '';
  display: block;
  height: 2px;
  width: 15px;
  margin: 7px 0;

  transform: rotate(0deg);
}

.header:hover + .nav-icon.active div,
.header:hover + .nav-icon.active:before,
.header:hover + .nav-icon.active:after {
    background-color: #000;
}

 .nav-icon.active:before {
      margin-top:0;
      right: -17px;
  }
 .nav-icon.active:after {
      margin-bottom:0;
  }

 .nav-icon { 
      height: 32px; 
      left:56%;
      width: 15px;
      top: 24px;
      position: fixed;
      z-index: 999999;
 }

 .nav-icon.active.menuColor div {
    background-color: #000;
 }

 .nav-icon.active.menuColor:after, .nav-icon.active.menuColor:before {
    background-color: #000;
 }

 @media screen and (max-width:1440px){
    .nav-icon.active:before {

        right: -16px;
    }
 }

 @media screen and (max-width:1130px){
    .nav-icon.active { 
        left:95%;
   }
   .nav-icon { 
    left:95%;
}
 }
 
 @media screen and (max-width:860px){
    .nav-icon.active { 
        left:93%;
   }
   .nav-icon { 
    left:93%;
}
.nav-icon.active:before {
    margin-top:0;
    right: -10px;
}
 }
 
 
 @media screen and (max-width:550px){
    .nav-icon.active { 
        left:89%;
   }
   .nav-icon { 
    left:89%;
}
 }







/*
.nav-icon:before {
  float: right;
}*/
.nav-icon:before {
	margin-top:0;
}
 .nav-icon:after {
	margin-bottom:0;
}
/* .header01 .nav .nav-icon.active { 
    height: 32px; 
    right:-1150%;
} */


.nav-icon:after,
 /* .nav-icon::before { width: 31px; } */
.nav-icon:before {
  transform: translateY(16px) rotate(135deg);
  -moz-transform: translateY(15px) rotate(135deg);
  -webkit-transform: translateY(15px) rotate(135deg);
}
.nav-icon:after {
  transform: translateY(7px) rotate(-135deg);
  -moz-transform: translateY(7px) rotate(-135deg);
  -webkit-transform: translateY(-2px) rotate(-135deg);
}

 .nav-icon div.active {
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
   transform: scale(0);
  height: 2px;
   width: 32px;
   height: 0px;
   width: 00px;

} 

.header01 .nav-s{
    font-size: 21px;
    font-style: italic;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

.header01 ol .navs-top{
    font-size: 28px;
    position: absolute;
    top: -64px;
}


/* exit icon position */
/*
.nav-icon {
    right: 80px;
}
*/
.nav-num{
    font-size: 1.2rem;
    margin-right: 10px;
    font-style: italic;
}


.nav-icon.active:after, 
 .nav-icon.active:before { position: relative; z-index: 100; }
.header01 {
     width: 50px;
      position: fixed; 
      top: 27px; 
      left: 50px;
      z-index: 9999;
       display: flex;
        flex-wrap: wrap; 
        justify-content: space-between; 
        align-items: center; 
         transition: .2s ease; }
.header01 .logo { z-index: 100; }
.header01.sub .nav .lang_list li { background: rgba(26, 42, 80, 0.2); color:#fff; }
.header01.sub .nav .lang_list li.on { background: #1A2A50; color:#fff; }
.header01.down .nav .lang_list li { background: rgba(26, 42, 80, 0.2); color:#fff; }
.header01.down .nav .lang_list li.on { background: #1A2A50; color:#fff; }
.header01.active .nav .lang_list li.on { background: #1A2A50; color: #fff; }
.header01.sub .nav .menu_txt, .header01.down .nav .menu_txt { color: #1A2A50; }
/* .header01.down { background: #fff; border-bottom: 1px solid #dbdbdb; padding: 10px 50px; } */
.header01.down .logo { width: 141px; height: 35px; background: url(../images/logo_color.svg)no-repeat; background-size: contain; }
.header01.down .logo img { opacity: 0; }
.header01.active .nav .lang_list { position: relative; z-index: 100; }
.header01.active .nav .lang_list li.on { color: #fff; background: #1A2A50; }
.header01.active .nav .lang_list li { background: rgba(26, 42, 80, 0.2);; }
.header01.active .nav .menu_txt { visibility: hidden; }
.header01 .nav .navbar { 
    display: flex; 
    flex-wrap: wrap; 
    position: fixed; 
    left: -100%; 
    top: 0;
    align-items: center;
    justify-content: center;
    width: 60%;
    height:100%;
    opacity: 0;
    background: url(../images/nav_rectangle.png) no-repeat bottom right #fff;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}



@media screen and (max-width:1130px){
    .header01 .nav .navbar { 
        display: flex; 
        flex-wrap: wrap; 
        position: fixed; 
        left: -100%; 
        top: 0;
        align-items: center;
        justify-content: center;
        width: 100%;
        height:100%;
        opacity: 0;
        background: url(../images/nav_rectangle.png) no-repeat bottom right #fff;
        -webkit-transition: opacity 0.5s ease;
        -moz-transition: opacity 0.5s ease;
        -o-transition: opacity 0.5s ease;
        -ms-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease;
    }
}


.header01 .nav .navbar.active { left: 0; opacity: 1; }
.header01 .navbar ul { position: relative; width: 100%; max-width: 1440px;left: 60px;
    top: 100px; }

.header01 .navbar ul>li {
    /* width: 45%;*/
      margin: 0 0 50px 0; 
      font-size: 2rem;
       font-weight: 700; 
       letter-spacing: -0.05em;
        line-height: 30px; 
        /*color: #fff; */}
.header01 .navbar ul:not(.sub-menu)>li>a { /*opacity: .6;*/ color: #b2b7b8;}
.header01 .navbar ul:not(.sub-menu)>li>a:hover { opacity: 1; color: #000;}
.header01 .navbar ul:not(.sub-menu)>li>a:focus{
    color: #000;
}
.header01 .navbar.active ul>li:before { position: fixed; top: 0; left: 0; z-index: -2; opacity: 0; width: 39%; height: 100%; background-repeat: no-repeat; background-size: cover; content: ''; pointer-events: none; }
.header01 .navbar.active ul>li.current-menu-parent:before { opacity: 1; }
.header01 .navbar.active ul>li.current-menu-ancestor:before { opacity: 1; }
.header01 .navbar.active ul>li.on:before { opacity: 1; z-index: -1; }
/* .header01 .navbar.active ul>li:before{
    border-right: 1px solid #00000027;
} */
/* .header01 .navbar.active ul>li:nth-child(1):before { background-image: url(../images/bg_menu1.jpg);background-color: #000; }
.header01 .navbar.active ul>li:nth-child(2):before { background-image: url(../images/bg_menu2.jpg); background-color: #962b2b; }
.header01 .navbar.active ul>li:nth-child(3):before { background-image: url(../images/bg_menu3.jpg); background-color: #249b69; }
.header01 .navbar.active ul>li:nth-child(4):before { background-image: url(../images/bg_menu4.jpg); background-color: #3ac928; }
.header01 .navbar.active ul>li:nth-child(5):before { background-image: url(../images/bg_menu5.jpg); background-color: #701188; }
.header01 .navbar.active ul>li:nth-child(6):before { background-image: url(../images/bg_menu6.jpg); background-color: #79c92e; } */
.header01 .navbar ul>li>.sub-menu { display: none; position: absolute; top: 0; right:0; left: 40%; width: 55%; }
.header01 .navbar ul>li>.sub-menu>li { width: 100%; margin: 0 0 40px 0; font-size: 1.5rem; font-weight: 500; position: relative; }
.header01 .navbar ul>li>.sub-menu::before{
    content: '';
    display: block;
    width: 1px ;
    height: 100%;
    /* background-color: #0000002c; */
    background-color: #e1e1e1;
    position: absolute;
    left: 0px;
    top: -100px;
}
.header01 .navbar li.thisPage a {
    color: #000 !important
}

.header01 .navbar li.thisPage .sub-menu .left-line::before {
    content: '';
    width: 4px;
    height: 40px;
    background-color: #195c43;
    display: block;
    position: absolute;
    left: -49px;
    margin-top: -5px;
    opacity: 1;
}
@media all and (max-width: 860px) {
    .header01 .navbar li.thisPage .sub-menu .left-line::before {
        width: 3px;
        height: 30px;
        margin-top: -10px;
        left: -39px;
    }
}
@media all and (max-width: 550px) {
    .header01 .navbar li.thisPage .sub-menu .left-line::before {
        left: -24px;
        height: 19px;
        margin-top: -5px;
    }
}

.navbar-logo{
    display: none!important;
    position: absolute;
    left: 15px;
    top: 20px;
}
.navbar-logo img{
 width: 120px;   
}


@media screen and (max-width:1024px){
    .header01 .navbar ul {
        left: 33px;
    }

    .header01 ol .navs-top{
        font-size: 22px;
        top: -64px;
    }
    

}

@media screen and (max-width:860px){
    
.navbar-logo{
    display: block!important;
}


    .header01 .navbar ul>li{
        font-size: 1.5rem;
        line-height: 10px;
    }
    .header01 .navbar ul>li>.sub-menu>li{
        font-size: 1.1rem;
        margin: 0 0 35px 0;
    }
    .header01 .navbar ul {
           left: 9px;
           top: 110px;
         }
         .header01 .navbar ul>li>.sub-menu::before{

            top: -110px;
         }

         .header01 ol .navs-top{
            font-size: 18px;
            top: -53px;
        }
        

}
@media screen and (max-width:550px){

    .header01 .navbar ul {
        left: 10px;
    }
    .header01 .navbar ul>li{
        font-size: 22px;
    }
    .header01 .navbar ul>li>.sub-menu>li{
        /* font-size: 20px; */
    }

    .header01 .navbar ul>li>.sub-menu{
        left: 46%;
    }
    .header01 .nav-s{
        font-size: 16px;
        margin-right: 8px;
    }
    
    .header01 ol .navs-top{
        font-size: 16px;
        /* top: -50px; */
    }
}




/* .header01 .navbar ul>li.current-menu-parent>a { opacity: 1 } */
.header01 .navbar ul>li.current-menu-parent .sub-menu { display: block; }
/* .header01 .navbar ul>li.current-menu-parent .current-menu-item a { color: #0E2071; } */
.header01 .navbar ul>li.current-menu-ancestor>a { opacity: 1 }
.header01 .navbar ul>li.current-menu-ancestor .sub-menu { display: block; }
.header01 .navbar ul>li.current-menu-ancestor .sub-menu.on a { color: #999; }
.header01 .navbar ul>li.current-menu-ancestor .sub-menu.on a:hover { color: #0E2071; }
.header01 .navbar ul>li.current-menu-ancestor .current-menu-item a { color: #0E2071; }
.header01 .navbar ul>li.current-menu-ancestor .current-menu-parent>a { color: #0E2071; }


.header01 .navbar ul>li>.sub-menu>li>a { color: #000; transition: .2s linear; }
 .header01 .navbar ul>li>.sub-menu>li>a:hover::before {
    content: '';
    width: 4px;
    height: 40px;
    background-color: #195c43;
    display: block;
    position:absolute;
    left:-49px;
    margin-top: -5px;
 } 
 .header01 .navbar ul{

    height: 100%;
 }
 .header01 .navbar ul.sub-menu{
    padding-left: 50px;
 }


@media screen and (max-width:860px){
    .header01 .navbar ul.sub-menu {
        padding-left: 40px;
    }
    .header01 .navbar ul>li>.sub-menu>li>a:hover::before {
        height: 30px;
        left: -39px;
    } 
}
    

@media screen and (max-width:550px){
    .header01 .navbar ul.sub-menu{
        padding-left: 25px;
    }
    .header01 .navbar ul>li>.sub-menu>li>a:hover::before {
        width: 3px;
        height: 19px;
        left: -24px;
        top: 0px;
    }
}
 


 /* .header01 .navbar ul>li>.sub-menu>li>a:hover::before, 
 .header01 .navbar ul>li>.sub-menu li:hover::before {
 }  */

 .header01 .navbar ul>li>.sub-menu>li
.header01 .navbar ul>li>.sub-menu .sub-menu { display: block; position: static; width: 100%; margin: 40px 0 0 0; }
.header01 .navbar ul>li>.sub-menu .sub-menu li { margin: 0 0 30px 0; font-size: 1.5rem; font-weight: 400; }
.header01 .nav .navbar ul li:last-child { margin: 0; }
/* .header01 .navbar ul:not(.sub-menu) .on { opacity: 1; } */
.header01 .navbar .on:hover a { opacity: 1 }
.header01 .navbar .on:hover + .sub-menu { display: block; }
@media (min-width: 1441px) {
    .header01.active .nav { margin-right: 17px; }
    .has-scroll-init .header01.active .nav { margin-right: 0; }
}
@media (min-width: 1200px) {
    .header01 .navbar>ul>li a { display: inline-block; transform: translateX(100px); transition: .5s ease; }
    .header01 .navbar.active>ul>li a { transform: translateX(0); }
}
@media (min-width: 1024px) {
    .header01.up { top: -80px; }
}
@media (max-width: 1440px) {
    .header01 { height: 65px; padding: 0 15px; }
    .header01 .navbar>ul { padding: 0 6px; }
    .header01 .navbar ul>li>.sub-menu { right: 15px; }
}
@media (max-width: 1199px) {
    .nav-icon:after,
    .nav-icon:before,
 .nav-icon div { width: 25px; }
    .header01 .nav .lang_list, .header01.active .nav .lang_list { margin: 0 18px 0 0; }
    .header01 .nav .menu_txt { display: none; }
}
@media (max-width: 1023px) {
    .header01:not(.down) { position: absolute; }
    .header01 .logo, .header01.down .logo { width: 122px; }
    .header01.down .logo { height: 30px; }
}
/* @media (max-width: 767px) {
    .header01.down { padding: 10px 14px; }
    .header01 .nav .lang_list li { line-height: 23px; }
    .header01 .nav .navbar { background-image: url(../images/m_nav_rectangle.png); background-size: 50%; }
    .header01 .navbar ul>li { width: 34%; font-size: 1.54rem; margin: 0 0 8vw 0; /*text-align: center; }
    :lang(en) .header01 .navbar ul>li { font-size: 1.8rem; }
    .header01 .navbar ul>li>a { display: block; width: 100%; }
    .header01 .navbar.active ul>li:before { width: 40%; }
    .header01 .navbar ul>li>.sub-menu { width: 49%; }
    .header01 .navbar ul>li>.sub-menu>li { font-size: 1.15rem; text-align: left; letter-spacing: 0; }
    .header01 .navbar ul>li>.sub-menu .sub-menu { margin: 4vw 0 0 0; }
    .header01 .navbar ul>li>.sub-menu .sub-menu li { position: relative; margin: 0 0 4vw 0; padding: 0 0 0 8px; font-size: 1rem; }
    .header01 .navbar ul>li>.sub-menu .sub-menu li:before { position: absolute; left: 0; top: 7px; width: 2px; height: 2px; border-radius: 100%; background: #0E2071; content: ''; }
} */


.header01{
    display: none!important;
  }
  
  
  .header01.heon{
    display: block!important;
  } 
  
















/* FOOTER */
.footer { padding: 80px 93px 82px; border-top: 1px solid #dbdbdb; position: relative; }
.footer .fix_top { position: fixed; right: 50px; bottom: 50px; z-index: 10; text-align: right; }
.footer .fix_top a { position: relative; display: block; margin-bottom: 24px; width: 52px; height: 52px; padding: 16px 24px; border-radius: 100px; background: #0E2071; color: #fff; text-align: left; transition: width .5s; overflow: hidden; }
.footer .fix_top a span { white-space: nowrap; opacity: 0; display: none; font-size: 1rem; }
.footer .fix_top a::after { content: ""; background: url(../images/pencil_ic.svg)no-repeat #0E2071 center; background-size: 26px 26px; width: 52px; height: 52px; border-radius: 50%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.footer .fix_top a:hover { width: 141px; }
:lang(en) .footer .fix_top a:hover { width: 165px; }
.footer .fix_top a:hover span { opacity: 1; display: block; transition: opacity .5s .5s; }
.footer .btn_top { width: 52px; height: 52px; border-radius: 100%; background: url(../images/ic_btn_top.svg)no-repeat center #0E2071; cursor: pointer; font-size: 0; }

.footer.pc { padding: 78px 14px 50px; max-width: 1386px; margin: 0 auto; }
.footer.pc .wrap_box { display: flex; flex-wrap: nowrap; justify-content: space-between; position: relative; }
.footer.pc .wrap_box:last-child { margin-top: 84px; align-items: flex-end; position: relative; }
.footer.pc .menu { width: 85%; display: flex; flex-wrap: wrap; align-items: flex-start; }
.footer.pc .menu>li { margin-right: 80px; }
:lang(en) .footer.pc .menu>li { margin-right: 60px; }
.footer.pc .menu>li>a { font-weight: 700; font-size: 1.4rem; line-height: 1.2; letter-spacing: -0.05em; color: #0E2071; display: block; margin-bottom: 20px; }
.footer.pc .menu>li .sub-menu li { font-weight: 400; font-size: 0.94rem; line-height: 1.2; letter-spacing: -0.05em; margin-bottom: 12px; color: #666666; }
.footer.pc .menu>li .sub-menu .sub-menu { display: none; }
.footer.pc .privacy { max-width: 106px; width: 25%; padding-right: 20px; }
:lang(en) .footer.pc .privacy { max-width: 126px; }
.footer.pc .privacy a { display: block; font-weight: 400; font-size: 0.94rem; line-height: 1.2; letter-spacing: -0.05em; color: #0E2071; margin-bottom: 12px; }
.footer.pc .privacy a:first-child { font-weight: 600; }
.footer.pc .txt { margin: 30px 0 14px; font-weight: 500; }
.footer.pc .txt b { margin-right: 15px; font-weight: 700; }
.footer.pc .txt span { position: relative; padding-left: 8px; margin-left: 4px; font-weight: 400; }
.footer.pc .txt span::before { content: ""; width: 1px; height: 12px; background: #C6C6C6; position: absolute; top: 5px; left: 0; }
:lang(en) .footer.pc .txt span { padding-left: 0; margin-left: 0; }
:lang(en) .footer.pc .txt span::before { display: none; }
.footer.pc .copyright { margin-bottom: 8px; }
.footer.pc .sns_group { display: block }
.footer.pc .sns_group p { margin-bottom: 25px; font-weight: 400; font-size: 0.88rem; line-height: 1.3; color: #666666; }
.footer.pc .sns_group a { display: inline-block; border-color: #666; }
.footer.pc .sns_group .ic_insta {
    background-image: url(../images/ic_insta1.svg);
}
.footer.pc .sns_group .ic_youtube {
    background-image: url(../images/ic_youtube1.svg);
}

.footer .menu_list li { margin: 0 0 14px 0; font-size: 1.88rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.18; color: #191919; }
.footer .menu_list li:last-child { margin: 0; }
.footer .txt { color: #666; }
.footer .privacy_link { display: inline-block; margin: 40px 0 0 0; font-size: 0.94rem; letter-spacing: -0.05em; color: #666; }
.footer .copyright { font-size: 0.94rem; line-height: 1.3; color: #999; font-weight: 400; }
.footer .sns_group { display: flex; flex-wrap: wrap; }
.footer .sns_group a { width: 40px; height: 40px; margin: 0 12px 0 0; border: 1px solid #dbdbdb; border-radius: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; font-size: 0; }
.footer .sns_group a:last-child { margin-right: 0; }
.footer .sns_group .ic_insta { background-image: url(../images/ic_insta.svg); }
.footer .sns_group .ic_youtube { background-image: url(../images/ic_youtube.svg); }
@media (min-width: 1024px) {
	.footer .col_box .col { width: 50%; }
	.footer .col_box .col:last-child { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; }
}
@media (max-width: 1440px) {
    .footer { padding: 10vw 14px; }
    .footer .btn_top { right: 15px; }
    .footer.pc .menu>li { width: 15%; }
}
@media (max-width: 1023px) {
    .footer .fix_top { display: none; }
    .footer .col_box { position: relative; }
    .footer .col_box .col { width: 100%; }
    .footer .col_box .col:first-child { margin: 0 0 25px 0; padding-top: 65px; }
    .footer .logo { position: absolute; left: 0; top: -40px; height: 40px; }
    .footer .privacy_link { margin: 77px 0 0 0; }
    .footer .sns_group { margin-top: 20px; }
    .footer .copyright { margin: 20px 0 0 0; }
    .footer.pc .menu>li { margin-right: 30px; }
    .footer.pc .menu>li:nth-child(2) { margin-bottom: 30px; }
    .footer.pc .privacy { max-width: 100%; }
    .footer.pc .privacy a { margin-right: 20px; }
}
@media (max-width: 767px) {
    .footer .col_box .col:first-child { padding-top: 58px; }
    .footer .btn_top { position: absolute; width: 6.8vw; height: 6.8vw; background-size: contain; z-index: 10; }
    .footer .logo { width: 123px; top: 0; }
    .footer .menu_list li { margin: 0 0 8px 0; font-size: 1.4rem; }
    .footer .txt { font-size: 0.84rem; line-height: 1.54; }
    .footer .privacy_link { font-size: 0.94rem; margin: 57px 0 0 0; position: absolute; top: 0; right: 0; }
    .footer .cookie_link { font-size: 0.94rem; position: absolute; top: 0; right: 0; margin: 76px 0 0 0; }
    .footer .link { font-size: 0.94rem; position: absolute; top: 0; right: 0; margin: 96px 0 0 0; }
    .footer .copyright { font-size: 0.84rem; }
    .footer .sns_group { margin: 130px 0 0 0; position: absolute; top: 0; right: 0; }
    .footer .sns_group a { width: 8vw; height: 8vw; margin: 0 2.6vw 0 0; }
}

/* DISPLAY */
.d_flex { display: flex; flex-wrap: wrap; }
@media (min-width: 768px) {
	.m_d_flex { display: flex; flex-wrap: wrap; }
    .mo { display: none; }
}
@media (max-width: 767px) {
    .pc { display: none; }
}

/* FONT */
.txt { font-size: 1rem; line-height: 1.588; letter-spacing: -0.05em; }
.m_txt { font-size: 0.88rem; letter-spacing: -0.05em; }
.tit { font-size: 4rem; line-height: 1.29; letter-spacing: -0.05em; color: #999999; }
.tit span { color: #0E2071; }
.m_tit { font-size: 3.17rem; letter-spacing: -0.05em; line-height: 1.3; color: #999 }
.m_tit span { color: #0E2071; }
.m_tit + .txt { margin: 20px 0 0 0; }
.s_tit { font-size: 1.88rem; font-weight: 500; line-height: 1.375; letter-spacing: -0.05em; }
.desc { font-size: 1.4rem; line-height: 1.5; letter-spacing: -0.05em;}
.tit + .desc { margin-top: 50px }
.cate { margin: 0 0 10px 0; font-size: 1rem; line-height: 1.18; letter-spacing: -0.05em; color: #0E2071; font-weight: 500; }
.tit_cate { margin-bottom: 30px; font-size: 1.2rem; letter-spacing: -0.05em; font-weight: 700; }
@media (max-width: 767px) {
    .txt { line-height: 1.54; }
    .tit { font-size: 2.6rem; }
    .m_tit { font-size: 2.07rem; line-height: 1.3; }
    .s_tit { font-size: 1.54rem; line-height: 1.35; }
    .desc { font-size: 1.15rem; }
    .tit + .desc { margin-top: 5.3vw; }
    .cate { font-size: 0.92rem; }
}

/* Pagination */
.pagination .nav-links { text-align: center; margin-top: 13.3vw; }
.pagination .screen-reader-text { display:none; }
.pagination .page-numbers {
    display:inline-block;
    width: 20px;
    height:28px;
    vertical-align:top;
    line-height:28px;
    text-align:center;
    margin:0 3px;
	color: #666;
    cursor:pointer;
 }
.pagination .page-numbers.current, .pagination .page-numbers.current:hover {
    font-weight: 700; color: #0E2071;
}
.pagination .page-numbers:hover { color: #0E2071; }
.pagination .page-numbers.prev, .pagination .page-numbers.next {
    width: 12px;
    background: url(../images/pagination.svg)no-repeat center; background-size: contain;
}
.pagination .page-numbers.prev { transform: rotate(180deg); }
.pagination .page-numbers.prev.disabled, .pagination .page-numbers.next.disabled {
	opacity: .2;
	cursor: auto;
    pointer-events: none;
}
@media (min-width: 768px) {
    .pagination .nav-links { margin-top: 110px; }
    .pagination .page-numbers { width:47px; font-size: 18px; }
    .pagination .page-numbers.prev, .pagination .page-numbers.next { width: 34px; }
}

/* BUTTON */
.btn_group { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.btn_line, .btn_fill { width: 129px; font-weight: 500; line-height: 52px; letter-spacing: -0.05em; }
.btn_line { border: 1px solid #ccc; color: #999; }
.btn_fill { border: 1px solid #0E2071; background: #0E2071; color: #fff; }
.btn_link, .btn_down { display: flex; align-items: center; position: relative; z-index: 1; padding: 0 72px 0 18px; color: #0E2071; font-size: 1rem; line-height: 1.18rem; letter-spacing: -0.05em; font-weight: 500; }
.btn_link:after, .btn_down:after { position: absolute; right: 0; z-index: -1; width: 50px; height: 50px; background: url(../images/arrow_ic.svg)no-repeat center #0E2071; border-radius: 28px; content: ""; transition: .3s ease; }
.btn_down::after { background-image: url(../images/down_ic.svg); background-color: #fff; }
.btn_down2 { display: flex; justify-content: space-between; align-items: center; width: 116px; line-height: 36px; padding: 0 19px; border: 1px solid rgba(14, 32, 113, 0.4); font-size: 0.88rem; font-weight: 500; letter-spacing: -0.05em; color: #0E2071; background: transparent; }
.btn_down2:after { width: 16px; height: 16px; margin: 0 0 0 10px; background: url(../images/ic_down.svg)no-repeat; background-size: contain; content: ''; }
@media (min-width: 768px) {
    .btn_link:hover { color: #fff; }
    .btn_link:hover:after, .btn_down:hover:after { width: 100%; background-position: center right 18px; }
    .btn_down2:hover { border-color: rgba(255,255,255,.4); color: #fff; }
    .btn_down2:hover:after { background-image: url(../images/ic_down_hover.svg); }
}
@media (max-width: 767px) {
    .btn_line, .btn_fill { width: 96px; line-height: 40px; }
    .btn_link, .btn_down { padding: 0 35px 0 10px; font-size: 0.92rem; }
    .btn_link:after, .btn_down:after { width: 30px; height: 30px; background-size: 12px; }
    .btn_down2 { width: 94px; line-height: 26px; font-size: 0.92rem; padding: 0 10px; }
    .btn_down2:after { width: 12px; height: 12px; }
}

/* MAIN */
.tit_area { justify-content: space-between; align-items: center; }
.tit_area .s_tit { font-weight: 700; color: #191919; font-size: 2.94rem; line-height: 1.2; }
.brand_section .tit_area p { letter-spacing: 0; }
.tit_area p { font-weight: 400; font-size: 1.17rem; line-height: 1.5; color: #505050; letter-spacing: -0.05em; margin-top: 40px; }
.tit_area p b { color: #191919; font-weight: 700; }
.thum { overflow: hidden; position: relative; height: 0; }
.thum img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 1s ease; will-change: transform; }
.thum:hover img { transform: scale(1.15); }

.visual_section { position: relative; }
.visual_section .visual_txt { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; z-index: 1; }
.visual_section .visual_txt h1 { color: #fff; line-height: 1.3; font-size: 3.18rem; letter-spacing: -0.05em; animation: fade-up 1s both; }
.visual_section .visual_bg div { position: relative; padding:56.25% 0 0 0; }
.visual_section .visual_bg div iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.visual_section .visual_bg div video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.visual_section .bg_mo { display: none; }
.main_business_article { position: relative; }
.main_business_article::before {
    position: absolute;
    top: -516px;
    right: -293px;
    z-index: -1;
    width: 1088px;
    height: 1089px;
    border: 230px solid transparent; border-radius: 100%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(107.66deg, rgba(0, 50, 164, 0.14) 3.94%, rgba(0, 50, 164, 0) 84.15%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-sizing: border-box;
    content: '';
    animation: ring 8s infinite;
}
@keyframes ring {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@-webkit-keyframes ring {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@-ms-keyframes ring {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@-o-keyframes ring {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.main_business_article::after { position: absolute; bottom: -225px; left: 0; width: 533px; height: 1069px; background: url(../images/main_article_bottom.png)no-repeat; content: ""; z-index: -1; }
.business_section { padding: 270px 0; }
.business_section .slider_box { position: relative; overflow: hidden; }
.business_section .slider_box .swiper-slide { opacity: 0 !important; }
.business_section .slider_box .swiper-slide-active { opacity: 1 !important; }
.business_section .slider_box .m_d_flex { align-items: flex-end; }
.business_section .slider_box .img_box { overflow: hidden; width: 50%; border-radius: 0; overflow: hidden; transition: 1s linear; }
/* .business_section .slider_box .img_box:hover { border-radius: 0 0 999px 999px; } */
.business_section .slider_box .txt_box { width: 50%; padding-left: 5.05vw; padding-bottom: 88px; }
.business_section .slider_box .txt_box span { font-weight: 500; font-size: 1.76rem; line-height: 1.2; letter-spacing: -0.05em; color: #191919; margin-bottom: 5px; }
.business_section .slider_box .txt_box h3 { font-weight: 700; font-size: 6.18rem; line-height: 1.2; text-transform: uppercase; color: #191919; }
.business_section .slider_box .txt_box p { font-weight: 400; font-size: 1rem; line-height: 1.59; letter-spacing: -0.05em; color: #666666; margin: 25px 0 45px; }
.business_section .slider_box .tag_list { display: flex; flex-wrap: wrap; }
.business_section .slider_box .tag_list li { padding: 10px 16px; margin-right: 12px; border-radius: 50px; color:#666666; font-size: 0.88rem; line-height: 1.2; font-weight: 500; background: #F1F1F1; text-transform: uppercase; }
.business_section .swiper-slide-active .txt_box { animation: fade-up 1s both; }
.business_section .slider_box .swiper-pagination { text-align: left; }
.business_section .slider_box .swiper-pagination-bullet { width: auto; height: auto; display: inline-block; background: transparent; line-height: 1.18; position: relative; text-transform: uppercase; opacity: 1; color:#999; }
.business_section .slider_box.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 25px; }
.business_section .slider_box .swiper-pagination-bullet:before { position: absolute; top: 50%; left: -25px; z-index: -1; width: 55px; height: 55px; border-radius: 50%; background: #0E2071; transform: translateY(-50%) scale(0); transition: .3s linear; content: ''; }
.business_section .slider_box.swiper-container-horizontal .swiper-pagination-bullet-active { background: transparent; color: #0E2071; font-weight: 700; position: relative; }
.business_section .slider_box .swiper-pagination-bullet-active:before { transform: translateY(-50%) scale(1); }
.main_business_article .swiper-pagination-bullet-active span { color: #fff; }
.rnd_section { padding-bottom: 160px; }
.rnd_section .rnd_list { display: flex; flex-wrap: wrap; }
.rnd_section .rnd_list li { width: 50%; text-align: center; margin-bottom: 108px; }
.rnd_section .rnd_list li p { margin-top: 40px; letter-spacing: -0.05em; color: #191919; font-size: 1rem; line-height: 1.59; }
.main_uni_article { position: relative; }
.main_uni_article .bg { background: transparent; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; transition: all .5s ease; }
.result_section { padding: 230px 0 0; position: relative; height: 140vh; }
.main_uni_article .scroll_mo { display: none; }
.result_section>.container { background-color: #fff; }
.result_section .s_tit { position: relative; z-index: 20; color: rgba(0,0,0,1); }
.result_section .scroll_txt2 { position: absolute; margin: 100px 0 0 0; color: #fff; }
.result_section ul { margin: 130px -28px 130px 0; display: flex; }
.result_section ul li { width: calc(25% - 28px); margin: 0 28px 0 0; text-align: center; color: rgba(0,0,0,1); }
.result_section ul li dt { font-size: 1.4rem; font-weight: 400; }
.result_section ul li dt span { font-size: 6.47rem; font-weight: 700; }
.result_section ul li dd { font-size: 1.06rem; line-height: 1.22; margin-top: 30px; letter-spacing: -0.05em; font-weight: 400; }
.result_section .scroll_box { position: relative; width: 1440px; padding: 56.25% 0 0; margin: 0 auto; /*background: url(../images/scroll_result_bg.jpg)no-repeat;*/ background-size: cover; overflow: hidden; transition: all .5s ease; }
.result_section .scroll_box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

.result_section .scroll_bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.result_section .scroll_bg div { position: relative; padding: 56.25% 0 0; overflow: hidden; height: 100vh; width: 100%; }

.brand_section { margin: 0 0 195px; padding-top: 30px; position: relative; }
.brand_section .js-marquee { padding-right: 104px; }
.brand_section .marquee_list>div:after { display: block; clear: both; content: ''; }
.brand_section .marquee_list ul { display: flex; align-items: center; overflow: hidden; margin-top: 164px; padding-bottom: 17px; white-space: nowrap; }
.brand_section .marquee_list li { margin-right: 104px; }
.brand_section .marquee_list li:nth-child(3) { position: relative; bottom: -8px; }
.brand_section .marquee_list li:nth-child(8) { position: relative; bottom: -8px; }
.brand_section .marquee_list li:nth-child(11) { position: relative; bottom: -8px; }
.brand_section .marquee_list li:last-child { margin-right: 0; margin-bottom: -17px; }
.news_section { padding-bottom: 270px; }
.news_section .tit_area { margin: 0 0 38px 0; }
.news_area h3 { overflow: hidden; height: 68px; margin-top: 30px; font-weight: 700; font-size: 1.41rem; line-height: 1.4; letter-spacing: -0.05em; color: #191919; }
.news_area p { margin: 20px 0 0 0; font-weight: 400; font-size: 0.94rem; line-height: 1.19; color: #666666; }
.news_area .thum { padding-top: 60%; }
.news_area { overflow: hidden; }
.news_section .btn_box div { width: 19px; height: 34px; background: url(../images/arrow1_ic.svg)no-repeat center; }
.news_section .btn_box .swiper-button-prev { transform: rotate(180deg); }
.main_banner_article { background: url(../images/main_banner_article_bg.jpg)no-repeat center; background-size: cover; height: 600px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; color: #fff; }
.main_banner_article .container { width: 100%; }
.main_banner_article h2 { letter-spacing: -0.05em; font-weight: 700; font-size: 2.35rem; line-height: 1.5; margin-bottom: 50px; }
.main_banner_article .btn_group a { margin: 0 30px 0 0; font-weight: 400; color: #fff; border: 1.5px solid rgba(255, 255, 255, 0.4); padding: 19px 33px; transition-duration: .4s; }
.main_banner_article .btn_group a.btn_down:hover { background: #FFFFFF; color: #0E2071 }
.main_banner_article .btn_group a.btn_link { color: #fff; font-weight: 500; }
.main_banner_article .btn_group a.btn_link:hover { background: #FFFFFF; color: #0E2071; }
.main_banner_article .btn_group a::after { display: none; }
/* .main_banner_article .btn_link::after { background-image: url(../images/color_arrow_ic.svg); background-color: #fff; } */

@keyframes fade-up {
    from { opacity: 0; transform: translate3d(0, 50px, 0); }
    to { opacity: 1; transform: none; }
}
@-webkit-keyframes fade-up {
    from { opacity: 0; transform: translate3d(0, 50px, 0); }
    to { opacity: 1; transform: none; }
}
@-ms-keyframes fade-up {
    from { opacity: 0; transform: translate3d(0, 50px, 0); }
    to { opacity: 1; transform: none; }
}
@-o-keyframes fade-up {
    from { opacity: 0; transform: translate3d(0, 50px, 0); }
    to { opacity: 1; transform: none; }
}
@media (min-width: 768px) {
    .visual_section .visual_txt h1 { padding-top: 10px; }
    .business_section .slider_box .swiper-pagination-bullet { font-size: 1.29rem; }
    .business_section .desc { padding-bottom: 100px; }
    .business_section .slider_box .swiper-pagination-bullet:nth-child(1):before { left: -18px; }
    .business_section .slider_box .swiper-pagination-bullet:nth-child(3):before { left: -32px; }
    .news_section .tit_area { margin: 0 0 5.3vw 0; }
    /* ��젣�덉젙.news_area ul { display: flex; flex-wrap: wrap; margin-right: -27px; }
    .news_area ul li { width: calc(33.3% - 27px); margin-right: 27px; } */
}
@media (min-width: 1280px) {
    .news_section .btn_box { position: relative; width: calc(100% + 135px); top: -250px; left: 50%; transform: translateX(-50%); }
    .news_section .btn_box div { top: 0;  }
}
@media (min-width: 1024px) {
    .business_section .slider_box .swiper-pagination { bottom: auto; top: 105px; left: calc(50% + 5.05vw); }
	.rnd_section .col { width: 50%; }
    .rnd_section .rnd_list { max-width: 580px; margin-left: 20px; }
    .main_uni_article { background: url(../images/main_scroll_bottom.png)no-repeat right bottom 517px; }
    .main_banner_article .btn_group { justify-content: flex-start; }
}
@media (min-width: 1920px) {
    .business_section .slider_box .txt_box { padding-left: 97px; }
    .business_section .slider_box .swiper-pagination { left: calc(50% + 97px); }
}
@media (max-width: 1600px) {
    .news_section .btn_box { width: 100%; }
    .result_section .scroll_bg div iframe { height: 100vh }
}
@media (max-width: 1440px) {
    .visual_section .visual_bg div { position: relative; padding: 0; height: 100vh }
    .visual_section .visual_bg div iframe { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200vh; height: 200vh; }
    .visual_section .visual_bg div video { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200vh; height: 200vh; }
    .result_section .scroll_box { height: 0; }
    .result_section .scroll_bg { background: transparent!important; }
    .result_section .scroll_bg div { height: 0; padding: 56.25% 0px 0px; top: 0; position: absolute; }
    .result_section .scroll_bg div iframe { height: 100%; }
}
@media (max-width: 1280px) {
    .result_section { height: 110vh; }
}
@media (max-width: 1199px) and (min-width: 1024px) {
    .business_section .slider_box .swiper-pagination { top: 50px; left: calc(50% + 4vw); }
}
@media (max-width: 1199px) {
    .business_section .slider_box .txt_box { padding-left: 4vw; }
    .business_section .slider_box .txt_box h3 { font-size: 4.3rem; }
}
@media (max-width: 1023px) {
    .visual_section .visual_bg { overflow: hidden; }
    .visual_section .bg_mo { display: block; }
    .visual_section .bg_pc { display: none; }
    .main_business_article::before { top: -176px; right: -330px; width: 117.6vw; height: 117.6vw; border-width: 165px; }
    .business_section { padding: 24vw 0; }
    .business_section .slider_box .img_box, .business_section .slider_box .txt_box { width: 100%; }
    .business_section .slider_box .txt_box { padding: 0; margin: 6.6vw 0 0 0; }
    .business_section .slider_box .swiper-pagination { position: static; margin: 0 0 6.6vw 0; }
    .business_section .slider_box.swiper-container-horizontal .swiper-pagination-bullet { height: 60px; line-height: 60px; }
    .rnd_section { padding-bottom: 24vw; }
	.rnd_section .col { width: 100%; }
    .rnd_section .rnd_list { margin: 13.3vw 0 0 0; }
    .rnd_section .rnd_list li:nth-last-child(-n+2) { margin-bottom: 0; }
    .main_business_article::after { bottom: -42.6vw; width: 61.6vw; height: 115.7vw; background-size: contain; z-index: -1; }

    .main_uni_article .scroll_pc { display: none; }
    .main_uni_article .scroll_mo { display: block; }
    .main_uni_article .bg { display: none; }
    .result_section { padding: 0; height: auto; background: #101E5D; }
    .result_section>.container { background-color: transparent; }
    .result_section .scroll_box { padding: 0; height: auto; }
    .result_section .scroll_bg { height: auto; position: relative; }
    .result_section .scroll_txt1 { padding-top: 22.6vw; color: #fff; }
    .result_section ul li { width: calc(50% - 28px); margin-bottom: 55px; color: #fff; }
    .result_section ul li:nth-last-child(-n+2) { margin-bottom: 0; }
    .brand_section { padding-top: 22.6vw; }
    .brand_section .btn_link, .news_section .btn_link { position: absolute; bottom: -195px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    .news_section { position: relative; padding-bottom: 46vw; }
    .news_section .container { position: static; }
    .news_section .btn_link { bottom: 26vw; }
    .main_banner_article { text-align: center; }
    .news_section .btn_box { position: relative; top: -220px; }
    .news_section .btn_box .swiper-button-prev { top: 0; left: 0; }
    .news_section .btn_box .swiper-button-next { top: 0; right: 0; }
}
@media (max-width: 767px) {
    .tit_area .s_tit { font-size: 1.9rem; letter-spacing: 0; }
    .tit_area p { margin-top: 5.3vw; font-size: 1rem; }
    .visual_section .visual_txt h1 { font-size: 2.07rem; line-height: 1.3; }
    .main_business_article::before { top: -124px; right: -241px; border-width: 115px; }
    .business_section .slider_box .swiper-pagination { margin: 13.3vw 0 6.6vw 0; }
    .business_section .slider_box .swiper-pagination-bullet { margin: 0 25px 0 0 !important; }
    .business_section .slider_box.swiper-container-horizontal .swiper-pagination-bullet { height: 40px; line-height: 40px; }
    .business_section .slider_box .swiper-pagination-bullet:before { left: 0; width: 40px; height: 40px; }
    .business_section .slider_box .swiper-pagination-bullet:nth-child(2):before { left: -3px; }
    .business_section .slider_box .swiper-pagination-bullet:nth-child(3):before { left: -7px; }
    .business_section .slider_box .swiper-pagination-bullet-active { padding-left: 19px; }
    .business_section .slider_box .txt_box span { display: block; margin: 0 0 3px 0; font-size: 1.15rem; }
    .business_section .slider_box .txt_box h3 { font-size: 4rem; }
    .business_section .slider_box .txt_box p { margin: 10px 0 26px 0; line-height: 1.3; }
    .business_section .slider_box .tag_list li { padding: 4px 8px; margin-right: 6px; font-size: 0.92rem; }
    .rnd_section .rnd_list li { margin-bottom: 14.4vw; }
    .rnd_section .rnd_list li img { width: 60px; }
    .rnd_section .rnd_list li p { margin-top: 20px; line-height: 1.38; }
    .result_section ul { margin: 15.4vw -28px 15.4vw 0; }
    .result_section ul li dt, .result_section ul li dd { font-size: 0.92rem; }
    .result_section ul li dt span { font-size: 4.23rem; }
    .result_section ul li dd { margin-top: 13px; }
    .result_section .scroll_txt2 { margin: 10.6vw 0 0 0; width: calc(100% - 28px); }
    .brand_section { margin: 0 0 45.3vw 0; }
    .brand_section .js-marquee { padding-right: 25px; }
    .marquee_list2 { padding-top: 15vw; }
    .marquee_list2 ul { display: flex; align-items: center; overflow: hidden; white-space: nowrap; }
    .marquee_list2 li { padding-right: 25px; padding-bottom: 5px; }
    .marquee_list2 li:nth-child(3) { position: relative; bottom: -4px; }
    .marquee_list2 li:nth-child(8) { position: relative; bottom: -4px; }
    .marquee_list2 li:nth-child(11) { position: relative; bottom: -4px; }
    .marquee_list2 li:last-child { position: relative; bottom: -2px; }
    .brand_section .btn_link { bottom: -22vw; }
    .news_section .tit_area { margin: 0 0 5.3vw 0; }
    .news_area h3 { height: 45px; margin-top: 4vw; font-size: 1.3rem; line-height: 1.3; }
    .main_banner_article { height: 68.8vw; }
    .main_banner_article h2 { font-size: 1.54rem; margin-bottom: 40px; }
    .main_banner_article .btn_group a { margin: 0 2vw 0 0; border: 1.5px solid rgba(255, 255, 255, 0.4); padding: 6px 15px; }
    :lang(en) .main_banner_article .btn_group a { margin: 0 0 20px 0; width: 70%; justify-content: center; }
    .main_banner_article .btn_group a::after { display: none; }
    .news_section .btn_box { width: 75px; margin: 0 0 0 auto; top: -236px; }
    .news_section .btn_box div { width: 30px; height: 30px; background-size: 12px 14px; }
}

/* �쒕툕 �곷떒 */
.add_video { margin-top: 100px; }
.cover_section { padding: 178px 0 0 0; }
.cover_section .m_tit, .cover_section .path { animation: fade-up 1s both; }
.cover_section .m_tit { font-weight: 700; animation-delay: .5s; }
.path { margin: 0 0 30px 0; font-size: 1.17rem; letter-spacing: -0.05em; color: #191919; }
.cover_bg { height: 504px; margin: 100px 0 0 0; background-position: center; background-size: cover; background-repeat: no-repeat; }
@media (min-width: 1200px) {
    .cover_bg { background-attachment: fixed; }
}
@media (max-width: 767px) {
    .add_video { margin-top: 60px; }
    .cover_section { padding: 31.4vw 0 0 0; }
    .cover_section .scroll { overflow-x: scroll; }
    .cover_section .scroll .tab_group { min-width: 380px; }
    .cover_section .path { margin-bottom: 10px; }
    .cover_bg { height: 48vw; margin: 10.6vw 0 0 0; }
    .path { margin: 0 0 5.3vw 0; font-size: 0.92rem; }
}

/* �쒕툕 而⑦뀗痢� �듭빱 */
.bg_blue { background: #101E5D; color: #fff; }
.bg_blue .s_tit_sub { color: #fff; }
.anchor_area { position: relative; }
.progress_nav_wrap { width: 1440px; z-index: 30; }

.anchor_area .progress_nav a { display: block; position: relative; margin: 0 0 25px 0; padding: 0 0 0 38px; line-height: 26px; letter-spacing: -0.05em; color: #666; transition: .2s ease; }
.anchor_area .progress_nav a:last-child { margin: 0; }
.anchor_area .progress_nav a:before,
.anchor_area .progress_nav span:before,
.anchor_area .progress_nav span:after { position: absolute; box-sizing: border-box; content: ''; }

.anchor_area .progress_nav a:first-child:before { display: none; }
.anchor_area .progress_nav span:before { left: 8px; top: 50%; width: 10px; height: 10px; margin-top: -5px; background: #dbdbdb; border-radius: 100%; }
.anchor_area .progress_nav .active { font-weight: 700; color: #0E2071; }
.anchor_area .progress_nav .active span:before,
.anchor_area .progress_nav .on span:before { background: #0E2071; }
.anchor_area .progress_nav .active span:after { left: 0; top: 0; width: 26px; height: 26px; border: 1px solid #0E2071; border-radius: 100%; }
.anchor_area .list { padding: 200px 0 0 0; }
.anchor_area .list:first-of-type { padding: 0; }
.anchor_area .progress_nav_wrap.fixed { position: fixed; top: 120px; }
@media (min-width: 768px) {
    .anchor_area .progress_nav a { font-size: 1.06rem; }
}
@media (min-width: 1024px) {
    .progress_nav_wrap { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transition: opacity .2s ease; }
    .progress_nav_wrap.hidden { opacity: 0; z-index: -1; }
    .anchor_area .progress_nav { position: absolute; }
    .anchor_area .progress_nav a:before { left: 12px; top: calc(-100% - 12px); z-index: -1; width: 2px; height: calc(100% + 28px); background: #dbdbdb; }
    .anchor_area .progress_nav .on:before { background: #0E2071; }
    .anchor_area .progress_nav.light .on:before { background: #fff; }
    .anchor_area .progress_nav.light a, .anchor_area .progress_nav.light .active { color: #fff; }
    .anchor_area .progress_nav.light .active span:before,
    .anchor_area .progress_nav.light .on span:before { background: #fff; }
    .anchor_area .progress_nav.light .active span:after { border-color: #fff; }
    .anchor_area .section_content { width: 74.5%; margin: 0 0 0 auto; }
}
@media (max-width: 1440px) {
    .progress_nav_wrap { width: 100%; padding: 0 14px; }
}
@media (max-width: 1023px) {
    .anchor_area .list { padding: 24vw 0 0 0; }
    .progress_nav { display: flex; overflow-x: auto; z-index: 30; width: calc(100% + 28px); margin-left: -14px; padding: 12px 14px; background: #fff; }
    .progress_nav_wrap.hidden { opacity: 0; }
    .anchor_area .progress_nav_wrap.fixed .progress_nav { position: fixed; top:65px; border-bottom: 1px solid #F4F5F9; background: #fff; }
    .anchor_area .progress_nav_wrap.fixed .progress_nav.fixed { top: 65px; }
    .anchor_area .progress_nav a { flex-shrink: 0; margin: 0 24px 0 0; }
}
@media (max-width: 767px) {
    .progress_nav_wrap.hidden { opacity: 1; }
    .anchor_area .progress_nav_wrap.fixed { margin-top: 0; position: fixed; top: 65px; }
    .anchor_area .progress_nav_wrap.fixed h3 { display: none; }
    .anchor_area .progress_nav_wrap.fixed .progress_nav { position: relative; top:0; }
    .anchor_area .progress_nav_wrap.fixed .progress_nav.fixed { top: 0; }
    .anchor_area .progress_nav a { margin-right: 10px; padding: 0 0 0 19px; line-height: 20px; }
    .anchor_area .progress_nav a:before { left: 10px; top: -100%; width: 1px; height: calc(100% + 11px); margin-left: 0; }
    .anchor_area .progress_nav span:before { left: 7px; width: 4px; height: 4px; margin-top: -2px; }
    .anchor_area .progress_nav .active span:after { width: 14px; height: 14px; left: 2px; top: 3px; }
}

/* �쒕툕 Layout */
.sub_article { padding: 200px 0; }
.sub_article.pb0 { padding-bottom: 0; }
.h_area { margin: 0 0 200px 0; }
.h_area .m_tit { margin: 0 0 50px 0; }
.s_tit_sub { margin: 0 0 50px 0; font-size: 1.76rem; letter-spacing: -0.05em; line-height: 1.2; color: #191919; }
@media (max-width: 1023px) {
    .sub_article { padding: 24vw 0; }
    .h_area { margin: 0 0 24vw 0; }
    .s_tit_sub { margin: 0 0 5.3vw 0; }
}
@media (max-width: 767px) {
    .s_tit_sub { font-size: 1.38rem; }
}
/* �쒕툕 Font */
.bullet_txt { position: relative; padding-left: 14px; line-height: 1.76; letter-spacing: -0.05em; }
.bullet_txt:before { position: absolute; left: 0; top: 12px; width: 4px; height: 4px; border-radius: 100%; background: #0E2071; content: ''; }
:lang(en) .bullet_txt:before { top: 9px; }
:lang(en) .bullet_txt { line-height: 1.5; }
@media (max-width: 767px) {
    .bullet_txt { padding-left: 7px; font-size: 0.92rem; line-height: 1.54; }
    .bullet_txt:before { top: 8px; width: 2px; height: 2px; }
    :lang(en) .bullet_txt:before { top: 7px; }
}

/* �뚯궗�뚭컻 */
.bg_company { background-image: url(../images/company_cover.jpg); }

.company_intro .anchor_area .list { padding: 100px 0; }
.company_intro .anchor_area .list:nth-child(2) { padding-top: 0; }
.company_intro .anchor_area .list:nth-child(2) .height { padding-top: 120px; }
.company_intro .result_list { margin: -28px -28px 0 0; }
.company_intro .result_list li { position: relative; width: calc(33.333% - 28px); height: 220px; margin: 28px 28px 0 0; padding: 30px; border: 1px solid #dbdbdb; background-repeat: no-repeat; background-position: top 30px right 30px; }
.company_intro .result_list li:nth-child(1) { background-image: url(../images/ic_result1.svg); }
.company_intro .result_list li:nth-child(2) { background-image: url(../images/ic_result2.svg); }
.company_intro .result_list li:nth-child(3) { background-image: url(../images/ic_result3.svg); }
.company_intro .result_list li:nth-child(4) { background-image: url(../images/ic_result4.svg); }
.company_intro .result_list li:nth-child(5) { background-image: url(../images/ic_result5.svg); }
.company_intro .result_list li:nth-child(6) { background-image: url(../images/ic_result6.svg); }
.company_intro .result_list li:nth-child(7) { background-image: url(../images/ic_result7.svg); }
.company_intro .result_list li:nth-child(8) { background-image: url(../images/ic_result8.svg); }
.company_intro .result_list li:nth-child(9) { background-image: url(../images/ic_result9.svg); }
.company_intro .result_list dl { position: absolute; left: 30px; right: 19px; bottom: 30px; }
.company_intro .result_list dt { margin: 0 10px 0 0; color: #0E2071; }
:lang(en) .company_intro .result_list dl .txt { height: 54px; }
.company_intro .result_list dt span { margin: 0 15px 0 0; font-size: 3.76rem; font-weight: 700; line-height: 1.46 }
:lang(en) .company_intro .result_list dt b { margin-right: 10px; font-weight: 400; }
.company_intro .vision_section { margin: 0; }
.company_intro .vision_section .m_tit { letter-spacing: -0.005em; }
.company_intro .vision_section .txt { margin: 15px 0 50px 0; }
.company_intro .value_section::before { content: ""; background: #101E5D; position: absolute; top: -200px; left: 0; height: 200px; width: 100%; z-index: -1; }
.company_intro .value_section { position: relative; margin: -100px 0 0 0; padding: 100px 0 200px 0; background: #101E5D; counter-reset: item; }
.company_intro .value_section .s_tit_sub { color: #fff; }
.company_intro .value_list li { display: flex; flex-wrap: wrap; position: relative; padding: 20px 0 80px 32px; border-top: 1px solid rgba(255,255,255,.1); counter-increment: item; transition: .3s ease; }
.company_intro .value_list li:last-child { padding-bottom: 0; }
.company_intro .value_list li:before { width: 82px; margin: 12px 0 0 0; color: #878EAE; content: '0'counter(item); }
.company_intro .value_list .inner { width: calc(100% - 82px); }
.company_intro .value_list h3 { margin: 0 0 29px 0; letter-spacing: 0; color: #fff; }
.company_intro .value_list dt { margin: 0 0 10px 0; font-size: 1.17rem; font-weight: 700; color: #fff; }
.company_intro .value_list dd { color: #878EAE; line-height: 1.3; }
.company_intro .value_list:hover li { opacity: .2; }
.company_intro .value_list:hover li:hover:after { opacity: 1; }
.company_intro .value_list li:hover { border-color: #fff; opacity: 1; }
.company_intro .idea_list li { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; height: 400px; padding: 40px; background-repeat: no-repeat; background-size: contain; background-color: #F4F5F9; }
.company_intro .idea_list:first-child li:nth-child(1) { background-image: url(../images/company_id1.png); }
.company_intro .idea_list:first-child li:nth-child(2) { background-image: url(../images/company_id3.png); }
.company_intro .idea_list:last-child li:nth-child(1) { background-image: url(../images/company_id2.png); }
.company_intro .idea_list:last-child li:nth-child(2) { background-image: url(../images/company_id4.png); }
.company_intro .idea_list h3 { font-size: 1rem; font-weight: 400; color: #0E2071; }
.company_intro .idea_list h3 span { font-weight: 700; }
.company_intro .idea_list dt { margin: 0 0 30px 0; font-weight: 700; }
@media (min-width: 768px) {
    .company_intro { background: url(../images/deco1.png)no-repeat top 109px right; }
    .company_intro .d_flex { justify-content: space-between; }
    .company_intro .idea_list { width: calc(50% - 14px); }
    .company_intro .idea_list li { margin: 0 0 28px 0; }
    .company_intro .idea_list:last-child li:nth-child(1) { margin-top: 100px; }
    .company_intro .idea_list h3 { font-size: 1.17rem; }
    .company_intro .value_list li:after { position: absolute; right: 0; top: -95px; width: 210px; height: 260px; background-repeat: no-repeat; content: ''; opacity: 0; transition: .5s ease; }
    .company_intro .value_list li:nth-child(1):after { background-image: url(../images/company_value1.jpg); }
    .company_intro .value_list li:nth-child(2):after { background-image: url(../images/company_value2.jpg); }
    .company_intro .value_list li:nth-child(3):after { background-image: url(../images/company_value3.jpg); }
}
@media (max-width: 1199px) {
    .company_intro { background-size: 50%; }
}
@media (max-width: 1179px) {
    .company_intro .result_list li { padding: 20px; background-position: top 20px right 20px; }
    .company_intro .result_list dl { left: 20px; right: 20px; bottom: 20px; }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .company_intro .value_list h3 { font-size: 2.07rem; }
}
@media (max-width: 1023px) {
    .company_intro .anchor_area .list .height { padding-top: 60px; }
    .company_intro .anchor_area .list:nth-child(2) { padding-top: 30px; }
    .company_intro .anchor_area .list:nth-child(2) .height { padding-top: 150px; }

    .company_intro .result_list { margin: -14px -14px 0 0; }
    .company_intro .result_list li { width: calc(50% - 14px); margin: 14px 14px 0 0; }
    .company_intro .value_section { padding-bottom: 24vw; }
    .company_intro .value_list li { padding-bottom: 6.6vw; }
    .company_intro .value_list li:before { width: 40px; }
    .company_intro .value_list .inner { width: calc(100% - 40px); }
    .company_intro .value_list dd { line-height: 1.54; }
}
@media (max-width: 767px) {
    .company_intro .anchor_area .list { padding: 24vw 0 0 0; }
    .company_intro .anchor_area .list.value_section { padding: 24vw 0; }
    .company_intro .anchor_area .list .height { padding-top: 30px; }
    .company_intro .anchor_area .list:nth-child(2) .height { padding-top: 130px; }

    .company_intro .result_list li { height: 112px; padding: 0 14px; background-size: 23px; background-position: top 14px right 14px; }
    .company_intro .result_list dl { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; top: 10px; bottom: 10px; left: 14px; right: 14px; }
    .company_intro_add.company_intro .result_list dl { display: block }
    .company_intro .result_list dt, .company_intro .result_list dd { font-size: 0.92rem; }
    .company_intro .result_list dt span { margin: 0 8px 0 0; font-size: 2.46rem; }
    :lang(en) .company_intro.company_intro_add .result_list dl .txt { height: auto; position: absolute; bottom: 0; }
    :lang(en) .company_intro.company_intro_add .result_list dt { white-space: nowrap; }
    :lang(en) .company_intro.company_intro_add .result_list li:nth-child(1) dt b { display: none }
    :lang(en) .company_intro.company_intro_add .result_list li:nth-child(1) dd { display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%; }
    :lang(en) .company_intro.company_intro_add .result_list dt b { margin-right: 4px; }
    .company_intro .vision_section .txt { margin: 10px 0 46px 0; }
    .company_intro .value_section { margin: -31px 0 0 0; padding: calc(32.2vw - 100px) 0 24vw 0; }
    .company_intro .value_section::before { top: -100px; height: 100px; }

    .company_intro .value_list li { padding: 10px 15px 6.6vw; }
    .company_intro .value_list h3 { margin: 0 0 4vw 0; }
    .company_intro .value_list dt { margin: 0 0 5px 0; font-size: 0.92rem; }
    .company_intro .value_list dd { font-size: 0.92rem; }
    .company_intro .idea_section .d_flex { display: block; }
    .company_intro .idea_section .idea_list, .company_intro .idea_section .idea_list li { flex-shrink: 0; }
    .company_intro .idea_section .idea_list li { width: 100%; height: 200px; margin-right: 14px; padding: 5.3vw; margin-bottom: 14px; background-position: right; }
    .company_intro .idea_list dt { margin: 0 0 10px 0; font-size: 1.53rem; }
}

/* �뚯궗�뚭컻 > R&D */
.bg_rd { background-image: url(../images/bg_rd.jpg); }
.hover_list { margin: -28px -28px 0 0; }
.hover_list li { position: relative; width: calc(33.333% - 28px); margin: 28px 28px 0 0; padding-top: 33.5%; background-position: center; background-repeat: no-repeat; background-size: cover; letter-spacing: -0.05em; color: #fff; }
.hover_list dl { position: absolute; left: 40px; right: 40px; top: 40px; z-index: 10; }
.hover_list dt { font-size: 0.94rem; }
.hover_list dd { margin: 10px 0 0 0; font-size: 1.53rem; font-weight: 700; line-height: 1.38; }
.hover_list dd span { font-weight: 400; }
.hover_list .hover { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-end; position: absolute; left: 0; right:0; top: 0; bottom: 0; padding: 0 40px 70px; opacity: 0; background-color: #101E5D; background-repeat: no-repeat; transition: .3s ease; }
.hover_list .hover .bullet_txt:before { background: #fff; }
:lang(en) .company_rnd .hover_list .hover { padding-bottom: 40px; }
.company_rnd .anchor_area .list:nth-child(2) { padding-top: 0; }
.company_rnd .anchor_area .list:nth-child(2) .height { padding-top: 120px; }
.company_rnd .anchor_area .list { padding: 100px 0; }

.company_rnd .hover_list li:nth-child(1) { background-image: url(../images/rnd_hover1.jpg); }
.company_rnd .hover_list li:nth-child(2) { background-image: url(../images/rnd_hover2.jpg); }
.company_rnd .hover_list li:nth-child(3) { background-image: url(../images/rnd_hover3.jpg); }
.company_rnd .hover_list li:nth-child(4) { background-image: url(../images/rnd_hover4.jpg); }
.company_rnd .hover_list li:nth-child(5) { background-image: url(../images/rnd_hover5.jpg); }
.company_rnd .hover { background-image: url(../images/hover_bg1.png); background-position: left bottom 44px; }
.company_rnd .ratio_section { padding: 200px 0; background: url(../images/deco2.png)no-repeat top 38px right -455px; }
.company_rnd .ratio { margin: 0 0 8vw 0; }
.company_rnd .ratio li { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 14px 0; }
.company_rnd .ratio li:last-child { margin: 0; }
.company_rnd .ratio .bar { position: relative; border-radius: 0 100px 100px 0; }
.company_rnd .ratio .bar span { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 1rem; letter-spacing: -0.05em; }
.company_rnd .ratio p { font-weight: 500; }
.company_rnd .ratio p span { margin: 0 0 0 14px; font-size: 1.76rem; font-weight: 700; }
.company_rnd .ratio li:nth-child(1) .bar { height: 70px; background: #f1f1f1; }
.company_rnd .ratio li:nth-child(2) .bar { height: 108px; background: #3A5AE9; }
.company_rnd .ratio li:nth-child(2) .bar span { color: #fff; }
.company_rnd .ratio li:nth-child(2) p { color: #3A5AE9; }
.company_rnd .ratio li:nth-child(2) p span { font-size: 3.76rem; }
.company_rnd .skill_section { padding: 200px 0 0 0; }
.company_rnd .skill_list { justify-content: space-between; }
.company_rnd .skill_list li { width: calc(33.333% - 18.666px); margin: 40px 0 0 0; padding: 20px 10px 0; border-top: 1px solid rgba(255,255,255,.1); }
.company_rnd .skill_list h3 { font-size: 1.3rem; font-weight: 400; color: #fff; }
.company_rnd .skill_list .txt { margin: 5px 0 0 0; letter-spacing: 0; color: #878EAE; }
.company_rnd .ability_section { padding: 200px 0; }
:lang(en) .company_rnd .ability_section .ability_list ul li .bullet_txt { font-size: 0.88rem; }
.company_rnd .ability_list { border: 1px solid rgba(255,255,255,.1); border-radius: 500px; }
.company_rnd .ability_list ul li { position: relative; width: calc(33.333% - 16px); padding-top: calc(33.333% - 16px); border-radius: 100%; background: #E7E9F1; text-align: center; }
.company_rnd .ability_list ul li .inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.company_rnd .ability_list h3 { margin: 3.6vw 0 18px 0; font-size: 1.53rem; line-height: 1.2; color: #0E2071; }
.company_rnd .ability_list h3:before { display: block; width: 26px; height: 26px; margin: 0 auto 18px; background-repeat: no-repeat; background-position: center; content: ''; }
.company_rnd .ability_list ul li:nth-child(1) h3:before { background-image: url(../images/ic_ability1.svg); }
.company_rnd .ability_list ul li:nth-child(2) h3:before { background-image: url(../images/ic_ability2.svg); }
.company_rnd .ability_list ul li:nth-child(3) h3:before { background-image: url(../images/ic_ability3.svg); }
.company_rnd .ability_list .txt_box { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; color: #505050; }
.company_rnd .vision_list { justify-content: space-between; counter-reset: item; }
.company_rnd .vision_list li { position: relative; width: calc(33.333% - 18.666px); padding-top: 35.5%; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; counter-increment: item; color: #fff; }
.company_rnd .vision_list li:nth-child(1) { background-image: url(../images/rnd_vision1.jpg); }
.company_rnd .vision_list li:nth-child(2) { background-image: url(../images/rnd_vision2.jpg); }
.company_rnd .vision_list li:nth-child(3) { background-image: url(../images/rnd_vision3.jpg); }
.company_rnd .vision_list li:before { position: absolute; top: 40px; left: 40px; letter-spacing: -0.05em; content: '0'counter(item); }
.company_rnd .vision_list li h3 { position: absolute; left: 40px; right: 40px; top: 80px; font-size: 1.53rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.38; color: #fff; }
.company_rnd .lab_section .d_flex { justify-content: space-between; }
.company_rnd .lab_section .d_flex li { width: calc(50% - 14px); }
:lang(en) .company_rnd .ability_list h3 { margin-bottom: 10px; }
@media (min-width: 2000px) {
    .company_rnd .ability_list h3 { margin-top: 2.3vw; }
}
@media (min-width: 768px) {
    .hover_list li:hover .hover { opacity: 1; }
    .company_rnd .ability_list ul { justify-content: space-between; }
    .company_rnd .ratio { margin: 0 0 50px 0; }
    .company_rnd .ratio li { margin: 0 0 20px 0; }
    .company_rnd .ratio p span { margin: 0 0 0 25px; }
    .company_rnd .ratio .bar span { right: 30px; font-size: 1.17rem; }
    .company_rnd .skill_list { margin: 50px 0 0 0; }
    :lang(en) .hover_list li { padding-top: 37.5%; }
}
@media (min-width: 1024px) {
    .company_rnd .ability_list { padding: 19px; }
}
@media (max-width: 1366px) {
    .company_rnd .ability_list ul li { width: calc(33.333% - 9.333px); padding-top: calc(33.333% - 9.333px); }
    .company_rnd .ability_list h3 { margin-bottom: 10px; }
}
@media (max-width: 1199px) {
    .hover_list dl { left: 20px; right:20px; top: 20px; bottom: 20px; }
    .hover_list .hover { padding: 20px; }
    .company_rnd .vision_list li:before { left: 20px; top: 20px; }
    .company_rnd .vision_list li h3 { left: 20px; right: 20px; top: 50px; }
}
@media (max-width: 1179px) {
    .company_rnd .ability_list .txt_box { font-size: 13px; }
    .company_rnd .ability_list .txt_box .bullet_txt:before { top: 8px; }
    .company_rnd .ability_list h3 { font-size: 1.38rem; }
    .company_rnd .ability_list h3:before { width: 22px; height: 22px; margin: 0 auto 10px; background-size: contain; }
}
@media (max-width: 1023px) {
    .hover_list { margin: -14px -14px 0 0; }
    .hover_list li { width: calc(50% - 14px); margin: 14px 14px 0 0; }

    .company_rnd .anchor_area .list { padding: 24vw 0 0 0; }
    .company_rnd .anchor_area .list .height { padding-top: 80px; }
    .company_rnd .anchor_area .list:nth-child(2) .height { padding-top: 90px; }
    .company_rnd .anchor_area .list:nth-child(2) { padding-top: 100px; }

    .company_rnd .list.ratio_section { padding-bottom: 24vw; }
    .company_rnd .list.ability_section {padding-bottom: 24vw; }

    .company_rnd .list.ratio_section, .company_rnd .list.skill_section { padding-bottom: 24vw }
    .company_rnd .skill_section { padding: 24vw 0 0 0; }
    .company_rnd .skill_list li { width: calc(50% - 18.666px); }
    .company_rnd .ability_list ul li { width: calc(50% - 9.333px); padding-top: calc(50% - 9.333px); }
    .company_rnd .ability_list ul li:last-child { margin: 0 auto; }
    .company_rnd .ability_list ul li .inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; }
    .company_rnd .ability_list h3 { margin: 0 0 20px 0; }
    .company_rnd .vision_list { flex-wrap: nowrap; margin: 0 -14px 0 0; overflow-x: scroll; }
    .company_rnd .vision_list li { flex-shrink: 0; width: calc(90% - 14px); padding-top: 90%;  margin: 0 14px 0 0; }
    .company_rnd .lab_section .d_flex li { width: calc(50% - 7px); }
}
@media (max-width:767px) {
    .hover_list li { width: calc(100% - 14px); }
    .hover_list li.on .hover { opacity: 1; }

    .company_rnd .anchor_area .list:nth-child(2) { padding-top: 60px; }
    .company_rnd .anchor_area .list .height { padding-top: 30px; }

    .company_rnd .hover_list li { padding-top: 50%; }
    .company_rnd .ratio_section { background-size: 50%; background-position: right -50% bottom -50%; }
    .company_rnd .ratio li:nth-child(1) .bar { height: 40px; }
    .company_rnd .ratio li:nth-child(2) .bar { height: 60px; }
    .company_rnd .skill_list li { width: calc(50% - 7px); }
    .company_rnd .ability_list { width: 80%; margin: 0 auto; padding: 15px; }
    .company_rnd .ability_list ul li { width: 100%; margin: 0 auto 20px; padding-top: 100%; }
    :lang(en) .company_rnd .hover_list li { padding-top: 60%; }
    :lang(en) .company_rnd .ratio .bar span { font-size: 0.92rem; }
    :lang(en) .company_rnd .ratio li:nth-child(2) .bar span { padding: 0 10px; }
}

/* �뚯궗�뚭컻 > CI */
.bg_ci { background-image: url(../images/bg_ci.jpg); }
.company_ci .ci_tit { display: block; margin: 40px 0 20px; font-size: 1.65rem; line-height: 1.32; color: #191919; }
.company_ci .ci_symbol>div:first-child { display: flex; align-items: center; justify-content: center; background: url(../images/ci_line.png)repeat #f9f9f9; }
.company_ci .ci_symbol ul { border-top: 1px solid #505050; }
.company_ci .ci_symbol ul li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 5.3vw 0; border-bottom: 1px solid #e6e6e6; }
.company_ci .ci_symbol ul li:before { width: 80px; height: 52px; background-position: center; background-repeat: no-repeat; content: ''; }
.company_ci .ci_symbol ul li:nth-child(1):before { background-image: url(../images/ic_symbol1.svg); }
.company_ci .ci_symbol ul li:nth-child(2):before { background-image: url(../images/ic_symbol2.svg); }
.company_ci .ci_symbol ul li:nth-child(3):before { background-image: url(../images/ic_symbol3.svg); }
.company_ci .ci_symbol ul li dl { width: calc(100% - 80px); }
.company_ci .ci_symbol ul li dt { margin: 0 0 10px 0; font-size: 1.38rem; font-weight: 700; line-height: 1.2; color: #191919; }
.company_ci .ci_color ul { margin: 0 0 30px 0; }
.company_ci .ci_color li { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; height: 62px; border-radius: 500px; color: #fff; }
.company_ci .ci_color li:nth-child(1) { z-index: 2; background: #D53875; }
.company_ci .ci_color li:nth-child(2) { z-index: 1; background: #F8B946; }
.company_ci .ci_color li:nth-child(3) { background: #101E5D; }
.company_ci .ci_color p:first-child { margin: 0 0 12px 0; font-weight: 700; }
.company_ci .ci_color .color_code { font-size: 1.17rem; }
@media (min-width: 768px) {
    .company_ci .ci_symbol { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .company_ci .ci_symbol>div:first-child { width: 31.5%; }
    .company_ci .ci_symbol>div:last-child { width: 64%; }
    .company_ci .ci_symbol ul li:before { width: 172px; }
    .company_ci .ci_symbol ul li { padding: 36px 30px 36px 0; }
    .company_ci .ci_symbol ul li dl { width: calc(100% - 172px); }
    .company_ci .ci_symbol ul li dt { margin: 0 0 15px 0; font-size: 1.53rem; }
    .company_ci .ci_color ul { flex-wrap: nowrap; }
    .company_ci .ci_color li { width: calc(33.333% + 22.666px); height: 130px; margin-left: -34px; }
    .company_ci .ci_color li:first-child { margin-left: 0; }
}
@media (max-width: 767px) {
    .company_ci .ci_symbol>div:first-child { padding: 5.3vw 0; margin: 0 0 5.3vw 0; }
    .company_ci .ci_color li { margin-bottom: 10px; }
    .company_ci .ci_color li:last-child { margin-bottom: 0; }
}

/* �덉씠�꾩썐 */
.section_layout { margin: 0 0 200px 0; }
.section_layout:last-child { margin: 0; }
@media (min-width: 1024px) {
    .section_layout { display: flex; flex-wrap: wrap; }
    .section_layout .c1 { width: 25.5%; }
    .section_layout .c2 { width: 74.5%; }
}
@media (max-width: 1023px) {
    .section_layout { margin: 0 0 24vw 0; }
}

/* �띾낫�쇳꽣 > 蹂대룄�먮즺 */
.cover_v2:before { position: absolute; top: -24.4vw; right: 0; width: 48.8vw; height: 48.7vw; background: url(../images/deco2.png)no-repeat; background-size: cover; transform: rotate(-90deg); content: ''; }
.news_list { border-top: 1px solid #505050; }
.news_list li { padding: 5.3vw 0 13.3vw; border-top: 1px solid #e6e6e6; }
.news_list li:first-child { border-top: 0; }
.news_list li:last-child { padding-bottom: 0; }
.news_list .thum { margin-bottom: 5.3vw; padding-top: 50%; }
.news_list .cont .post_ttl { margin: 0 0 4vw 0; }
.news_list .cont .m_txt { margin: 20px 0 0 0; color: #666; }
.date { margin-bottom: 10px; font-size: 0.92rem; font-weight: 700; color: #0925A6; }
.post_ttl { font-size: 1.53rem; letter-spacing: -0.05em; line-height: 1.4; color: #191919; }
.category_group { display: flex; flex-wrap: wrap; margin: -16px -8px 57px; }
.category_group li { margin: 16px 8px 0; padding: 0 24px; border: 1px solid #666; border-radius: 100px; font-size: 0.94rem; font-weight: 700; letter-spacing: -0.05em; line-height: 45px; color: #666; cursor: pointer; transition: .2s ease; }
.category_group li:not(.on):hover { border-color: #3A5AE9; color: #3A5AE9; }
.category_group .on { border-color: #3A5AE9; background: #3A5AE9; color: #fff; }
.search { display: flex; justify-content: flex-end; position: relative; margin: 0 0 40px 0; }
.search input { width: 100%; max-width: 500px; height: 48px; padding: 0 24px; border: 1px solid #efefef; background: #f7f7f7; color: #999; }
.search button { position: absolute; top: 50%; right: 30px; width: 24px; height: 24px; margin-top: -12px; background: url(../images/ic_search.svg) no-repeat; }
@media (min-width: 768px) {
    .news_list li { padding: 40px 0 100px; }
    .news_list li a { display: flex; flex-wrap: wrap; }
    .news_list .thum { width: 42.5%; padding-top: 24.5%; margin-bottom: 0; }
    .news_list .cont { width: 57.5%; padding: 0 5.3vw 0 6.25vw; }
    .news_list .cont .post_ttl { margin: 0 0 30px 0; }
    .post_ttl { font-size: 2.1rem; }
    .date { font-size: 1rem; }
    .search input { font-size: 0.94rem; }
}
@media (max-width: 1179px) and (min-width: 768px) {
    .news_list .cont { padding: 0 20px; }
}
@media (max-width: 767px) {
    .cover_v2:before { width: 200px; height: 200px; }
    .category_group { margin: -10px -5px 8vw; }
    .category_group li { margin: 10px 5px 0; padding: 0 12px; line-height: 30px; }
    .search input { height: 42px; padding: 0 12px; }
    .search button { right: 12px; }
}
/* �곸꽭 */
.post_head h2 { font-size: 2.1rem; color: #191919; line-height: 1.2; }
.post_head ul { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.post_head ul li { display: flex; align-items: center; line-height: 1.4; color: #191919; }
.post_head ul li:after { width: 1px; height: 10px; margin: 0 12px; background: #505050; content: ''; }
.post_head ul li:last-child:after { display: none; }
.post_head .view:before { width: 17px; height: 11px; margin: 0 5px 0 0; background: url(../images/ic_view.svg)no-repeat; content: ''; }
.post_content { margin: 40px 0 0 0; border-top: 1px solid #505050; border-bottom: 1px solid #505050; }
.post_content .inner { padding: 4vw 0 8vw; line-height: 1.58; }
.post_content .tag_list { display: flex; flex-wrap: wrap; margin: -16px -8px 28px; }
.post_content .tag_list li { list-style: none; margin: 16px 8px 0; padding: 0 24px; border-radius: 100px; background: #3A5AE9; font-size: 0.94rem; font-weight: 700; letter-spacing: -0.05em; line-height: 47px; color: #fff; text-align: center; }

.post_content h1 { font-size: 4rem; line-height: 1.4; margin: 20px 0; }
.post_content h2 { font-size: 3rem; line-height: 1.5; margin: 20px 0; }
.post_content h3 { font-size: 2.1rem; line-height: 1.6; margin: 20px 0; }
.post_content h4 { font-size: 1.4rem; line-height: 1.6; margin: 20px 0; }
.post_content h5 { font-size: 1.1rem; line-height: 1.7; margin: 20px 0; }
.post_content h6 { font-size: 0.875rem; color: #666666; line-height: 1.7; margin: 20px 0; }
.post_content li { margin: 0 0 0 4px; font-size: 1rem; list-style: disc; list-style-position: inside; line-height: 1.75 }
.post_content p { margin: 20px 0; font-size: 1rem; line-height: 1.75; }
.post_content p:first-child { margin: 0 0 20px 0; }
.post_content .aligncenter { margin: 60px auto; }
.post_content figure { margin-top: 60px; margin-bottom: 60px; }
.post_content iframe { width: 100%; height: 100%; }
.wp-block-embed__pagewrapper {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.wp-block-embed__wrapper iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.post_nav ul { margin: 120px -14px 0; }
.post_nav li { display: flex; flex-wrap: wrap; align-items: center; position: relative; width: calc(50% - 28px); height: 180px; margin: 0 14px; padding: 0 80px; border: 1px solid #dbdbdb; color: #191919; transition: .2s ease; }
.post_nav li:before { position: absolute; top: 50%; width: 24px; height: 24px; margin-top: -12px; background: url(../images/page_arrow_off.svg)no-repeat center; content: ''; }
.post_nav .prev:before { left: 40px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.post_nav .next:before { right: 40px; }
.post_nav li:hover { border-color: #0E2071; color: #0E2071; }
.post_nav li:hover:before { background-image: url(../images/page_arrow_on.svg); }
.post_nav .disabled { pointer-events: none; }
.post_nav p { margin: 0 0 8px 0; font-size: 0.82rem; }
.post_nav h3 { font-size: 1.4rem; line-height: 1.16; }
.post_nav .btn_list { display: block; width: 129px; margin: 64px auto 200px; background: #0E2071; font-size: 1.17rem; font-weight: 700; color: #fff; line-height: 54px; text-align: center; }
@media (min-width: 768px) {
    .post_head { align-items: flex-end; }
    .post_head h2 { width: 84%; }
    .post_head ul { width: 16%; }
}
@media (min-width: 1024px) {
    .post_content .inner { padding: 85px 160px 127px; }
}
@media (max-width: 1179px) {
    .post_head h2, .post_head ul { width: 100%; }
    .post_head ul { margin: 15px 0 0 0; justify-content: flex-start; }
    .post_nav li { padding: 0 40px; }
    .post_nav .prev:before { left: 5px; }
    .post_nav .next:before { right: 5px; }
}
@media (max-width: 1023px) {
    .post_nav ul { margin: 13.3vw -7px 0; }
    .post_nav li { width: calc(50% - 14px); margin: 0 7px; }
}
@media (max-width: 767px) {
    .post_content .tag_list { margin: -10px -4px 20px; }
    .post_content .tag_list li { margin: 10px 4px 0; padding: 0 12px; line-height: 30px; }
    .post_nav li { height: 100px; padding: 0 20px; }
    .post_nav li:before { width: 18px; height: 18px; margin-top: -9px; background-size: contain; }
    .post_nav h3 { height: 37px; overflow: hidden; font-size: 1.2rem; }
    .post_nav .prev:before { left: 0; }
    .post_nav .next:before { right: 0; }
    .post_nav .btn_list { margin: 8vw auto 24vw; width: 90px; font-size: 1.07rem; line-height: 38px; }
}

/* �띾낫�쇳꽣 > �띾낫�곸긽 */
.video_list { margin: -100px -28px 0 0; }
.video_list:nth-child(2) { margin-bottom: -100px; }
.video_list li { width: calc(50% - 28px); margin: 0 28px 100px 0; }
.video_list li.full { width: calc(100% - 28px); margin: 0 28px 200px 0; }
.video_list .thum { position: relative; padding-top: 49.5%; }
.video_list .thum:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: .2; content: ''; }
.video_list .thum:after { position: absolute; left: 50%; top: 50%; width: 66px; height: 66px; border: 2px solid #fff; border-radius: 100%; background: url(../images/ic_play.svg)no-repeat center left 21px; box-sizing: border-box; transform: translate(-50%,-50%); -webkit-sform: translate(-50%,-50%); -ms-sform: translate(-50%,-50%); content: ''; }
.video_list h3 { margin: 30px 0 18px 0; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.video_list .txt { white-space: nowrap; overflow: hidden; }
@media (max-width: 1023px) {
    .video_list { margin-top: 0; }
    .video_list { margin-right: 0; }
    .video_list li.full{ width: 100%; margin-right: 0; }
    .video_list li { width: 100%; margin-right: 0; }
}
@media (max-width: 767px) {
    .video_list li.full { margin-bottom: 10.6vw; }
    .video_list li { margin-bottom: 10.6vw; }
    .video_list:nth-child(2) { margin-bottom: -10.6vw; }
    .video_list .thum:after { width: 30px; height: 30px; border-width: 1px; background-size: 36%; background-position: center left 10px; }
    .video_list h3 { margin: 4vw 0 10px 0; height: auto; }
}

/* �띾낫�쇳꽣 > 釉뚮줈�덉뼱 */
.brochure_list ul li { position: relative; width: 100%; height: 288px; border: 1px solid #dbdbdb; background: url(../images/brochure_hover.jpg)no-repeat; padding: 40px; }
.brochure_list ul li h3 { font-size: 2.1rem; letter-spacing: -0.05em; color: #fff; }
.brochure_list ul li p { margin: 10px 0 0 0; font-size: 1.06rem; letter-spacing: -0.05em; color:#878EAE; }
.brochure_list .btn_group { position: absolute; bottom: 60px; right: 80px; }
.brochure_list .btn_down2 { border-color: rgba(255,255,255,.4); color: #fff; transition-duration: .4s; }
.brochure_list .btn_down2:hover { background: #fff; color: #0E2071; }
.brochure_list .btn_down2:hover::after { background-image: url(../images/ic_down.svg);  }
.brochure_list ul li .btn_down2:after { background-image: url(../images/ic_down_hover.svg); transition-duration: .2s; }
.brochure_list .txt { padding: 89px 0 32px; font-weight: 400; font-size: 1.29rem; line-height: 1.2; text-align: center; color: #505050; }
.brochure_list .btn_link { width: calc(148px + 15px); margin:0 auto; padding: 0 0 0 15px; }
:lang(en) .brochure_list .btn_link { width: calc(185px + 15px); }
@media (min-width: 768px) {
    .brochure_list ul { margin: -115px 0 0 0; }
    .brochure_list ul li p { margin: 20px 0 0 0; }
    .brochure_list .btn_link { margin: 15px auto 14px }
}
@media (min-width: 768px) {
    .brochure_list .btn_group { right: 40px; bottom: 40px; }
    .brochure_list .btn_down2 { justify-content: center; width: 200px; height: 56px; margin-left: 28px; }

}
@media (max-width: 767px) {
    .brochure_list ul li { height: auto; }
    .brochure_list .btn_group { position: relative; bottom: 0; right: 0; margin: 30px -10px 0 0; }
    .brochure_list .btn_down2 { width: calc(100% - 10px); margin-right: 10px; margin-bottom: 10px; padding: 5px 10px; }
    .brochure_list .btn_down2:last-child { margin-bottom: 0; }
    .brochure_list .txt { padding: 13.3vw 0 8vw; }
    .brochure_list .btn_link { width: calc(102px + 15px); }
    .brochure_list .btn_link:hover { color: #fff; }
    .brochure_list .btn_link:hover:after,.brochure_list .btn_down:hover:after { width: 100%; background-position: center right 18px; }
    :lang(en) .brochure_list .btn_link { width: calc(123px + 15px); }
}
/* 怨좉컼臾몄쓽 */
input:-ms-input-placeholder { color: #999; }
input::-webkit-input-placeholder { color: #999; }
input::-moz-placeholder { color: #999; }
input::-o-placeholder { color: #999; }
textarea:-ms-input-placeholder { color: #999; }
textarea::-webkit-input-placeholder { color: #999; }
textarea::-moz-placeholder { color: #999; }
textarea::-o-placeholder { color: #999; }
.tab_group { display: flex; flex-wrap: wrap; }
.tab_group a { padding: 10px 0; margin: 0 30px 0 0; border-bottom: 2px solid transparent; font-size: 1.17rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.2; color: #999; transition: .2s linear; }
.tab_group .on { border-color: #0E2071; }
.tab_group a:hover, .tab_group .on { color: #0E2071; }
.tab_group + .form_wrap { margin: 200px 0 0 0; }
.cover_section .tab_group { margin: 100px 0 0 0; }

.form_wrap .form_group { margin: 0 0 84px 0; }
.form_wrap .label { margin: 0 0 30px 0; font-size: 1.17rem; letter-spacing: -0.05em; color: #191919; }
.form_wrap .label.required { position: relative; display: inline-block; }
.form_wrap .label.required:before { position: absolute; top: -2px; right: -7px; width: 5px; height: 5px; border-radius: 100%; background: #002EFF; content: ''; }
.form_wrap .label + .txt { margin: -20px 0 0 0; }
.form_wrap .input { width: 100%; padding: 0 0 10px 0; border: 0; border-bottom: 1px solid #e6e6e6; letter-spacing: -0.05em; }
.form_wrap textarea { width: 100%; height: 455px; padding: 30px; border: 1px solid #e6e6e6; }
.form_wrap .txt_box { margin: 30px 0; padding: 40px; background: #f9f9f9; }
.form_wrap .txt_box strong { display: block; margin: 0 0 23px 0; font-weight: 400; letter-spacing: -0.05em; line-height: 1.18; color: #191919; }
.form_wrap .txt_box dl { display: flex; flex-wrap: wrap; margin: 0 0 10px 0; font-size: 0.88rem; letter-spacing: -0.05em; line-height: 1.2; color: #999; }
.form_wrap .txt_box dl:last-child { margin: 0; }
.form_wrap .txt_box dt { width: 114px; }
.form_wrap .txt_box dd { width: calc(100% - 114px); }
.form_wrap .s_tit_sub { margin: 0 0 30px 0; font-weight: 700; color: #999; line-height: 1.53; }
.form_wrap .s_tit_sub span { color: #0E2071; }
.form_wrap .ol_list { margin: 0 0 206px 0; padding: 40px; background: #F4F5F9; }
.form_wrap .ol_list li { margin: 0 0 15px 0; position: relative; padding-left: 40px; letter-spacing: -0.05em; line-height: 1.17; color: #191919; }
.form_wrap .ol_list li:last-child { margin-left: 0; margin-bottom: 0; }
.form_wrap .ol_list span { position: absolute; left: 0; top: 0; font-weight: 700; color: #0E2071; }
.form_wrap .btn_group { margin: 80px -10px 0 0; }
.form_wrap .btn_group button { margin: 0 10px 0 0; }
.form_wrap .alert_txt { margin-top: 12px; font-size: 14px; letter-spacing: -0.02em; line-height: 1.2; color: #4D82B4; }
.radio_list { display: flex; flex-wrap: wrap; margin: 0 -28px 0 0; }
.radio_list li { position: relative; margin-right: 28px; }
.radio_list input { position: absolute; left: 0; top: 0; appearance: none; -webkit-appearance: none; visibility: hidden; }
.radio_list label span { display: inline-block; width: 100%; border: 1px solid #E6E6E6; line-height: 52px; letter-spacing: -0.05em; text-align: center; cursor: pointer; }
.radio_list input:checked + span { border-color: #0E2071; background: #0E2071; color: #fff; }
.radio_list input:checked + span:before { display: inline-block; width: 16px; height: 12px; margin: 0 10px 0 0; background: url(../images/radio_on.svg)no-repeat; content: ''; }
.radio_list.name_box li { flex: none; width: 150px; }
.checkbox label { position: relative; display: inline-block; }
.checkbox input, .checkbox span:before { position: absolute; left: 0; top: 0; width: 26px; height: 26px; }
.checkbox input { appearance: none; -webkit-appearance: none; visibility: hidden; }
.checkbox span { padding-left: 36px; line-height: 26px; }
.checkbox span:before { border: 1px solid #dbdbdb; box-sizing: border-box; content: ''; }
.checkbox input:checked + span:before { border-color: #0E2071; background: url(../images/radio_on.svg)no-repeat center #0E2071; }
.input_file { position: relative; }
.input_file label {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 119px; border: 1px solid rgba(14, 32, 113, 0.4); font-size: 0.88rem; font-weight: 500; letter-spacing: -0.05em; line-height: 36px; text-align: center; color: #0E2071;
	position: absolute; right: 0; bottom: 14px;
	cursor: pointer;
}
.input_file label:after { display: inline-block; width: 16px; height: 16px; margin: 0 0 0 10px; background: url(../images/ic_down.svg)no-repeat; transform: rotate(180deg); content: ''; }
.input_file input[type="file"]{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.input_file .input { padding: 10px 0; background: transparent; }
.report .input_file label { left: 0; right: auto; }
.report .input_file label:after { display: none; }
.report .input_file .input { padding-left: 152px; height: 66px; margin-top: -14px; }
@media (min-width: 768px) {
    .cover_v2 .tab_group { margin: 80px 0 0 0; }
    .form_group.m_d_flex { margin-right: -28px; }
    .form_group .col { margin: 0 28px 0 0; flex: 1; }
    .radio_list li  { flex: 1; }
}
@media (max-width: 1023px) {
    .form_wrap .txt_box { padding: 20px; }
}
@media (max-width: 767px) {
    .tab_group + .form_wrap { margin: 24vw 0 0 0; }
    .tab_group a { margin: 0 15px 0 0; padding: 5px 0; }
    .cover_section .tab_group { margin: 13.3vw 0 0 0; }
    .form_wrap .form_group, .form_wrap .form_group .col { margin: 0 0 10.6vw 0; }
    .form_wrap .form_group .col:last-child { margin: 0; }
    .form_wrap .label { margin: 0 0 20px 0; }
    .form_wrap .label + .txt { margin: -10px 0 0 0; }
    .form_wrap textarea { height: 200px; padding: 14px; }
    .form_wrap .txt_box { margin: 4vw 0; padding: 15px; }
    .form_wrap .txt_box dt { width: 84px; }
    .form_wrap .txt_box dd { width: calc(100% - 84px); }
    .form_wrap .ol_list { padding: 20px; margin: 0 0 24vw 0; }
    .radio_list { margin: -10px -10px 0 0; }
    .form_wrap .radio_list li { width: calc(50% - 10px); }
    .radio_list li { width: calc(33.333% - 10px); margin: 10px 10px 0 0; }
    .radio_list label span { line-height: 34px; }
    .radio_list input:checked + span:before { width: 10px; height: 8px; margin: 0 5px 0 0; background-size: contain; }
    .radio_list.name_box { margin-top: -9.6vw; }
    .radio_list.name_box li { width: 90px; }
    .checkbox input, .checkbox span:before { width: 20px; height: 20px; }
    .checkbox span { padding-left: 28px; line-height: 20px; }
    .input_file label { width: 94px; line-height: 26px; font-size: 0.92rem; bottom: 4px; }
    .input_file label:after { width: 10px; height: 10px; background-size: contain; }
    .report .input_file .input { padding-left: 110px; margin-top: 0; height: auto; }
}

/* 釉뚮옖�� */
.full_cover_section { display: flex; flex-wrap: wrap; align-items: center; height: 100vh; color: #fff; overflow: hidden; position: relative; }
.full_cover_section .bg { animation: visualScale 8s linear alternate both; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; background-repeat: no-repeat; background-position: center; background-size: cover; }
.full_cover_section .container { width: 100%; }
.full_cover_section h2, .full_cover_section p { animation: fade-up 1s both; }
.full_cover_section p { animation-delay: .5s; }
.full_cover_section .m_tit { font-weight: 700; color: #fff; }
.full_cover_section .brand_box ul { display: flex; flex-wrap: wrap; margin: -20px -50px 0 0; }
.full_cover_section .brand_box ul li { width: calc(50% - 50px); margin: 20px 50px 0 0; line-height: 60px; border-radius: 100px; font-size: 1.17rem; font-weight: 700; color: #fff; text-align: center; background: rgba(255,255,255,.1); transition: .2s ease; }
.full_cover_section .brand_box ul li a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.full_cover_section .brand_box ul li a:after { transition: .2s ease; }
.full_cover_section .path { color: #fff; }

.brand_intro .bg { animation: none; }
.brand_intro .bg ul { position: relative; width: 75%; height: 100%; }
.brand_intro .bg ul li { position: absolute; }
.brand_intro .bg ul li.triangle { bottom: -2vh; }
.brand_intro .bg ul li.polygon { left: 43vh; top: 4vh; overflow: hidden; }
.brand_intro .bg ul li.circle { animation: ring 8s infinite; bottom: -28vh; right: 0; }
.brand_intro .bg ul li span { position: relative; display: block; }
.brand_intro .bg ul li span::before { content: ""; background: url(../images/gradient_object.png); width: 1000px; height: 1000px; z-index: 1;position: absolute; }
.brand_intro .bg ul li.triangle span::before { animation: triangle 3s linear infinite both; }
.brand_intro .bg ul li.polygon span { border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; overflow: hidden; }
.brand_intro .bg ul li.polygon span::before { animation: polygon 3s linear infinite both; }
/* ��젣�덉젙 .brand_intro .bg ul li.circle span::before { animation: circle 3s linear infinite both; } */

@keyframes triangle {
    0% { transform: translate3d(-500px, 838px, 0); }
    50% { transform: translate3d(-500px, 241px, 0); }
    100% { transform: translate3d(-500px, 838px, 0); }
}
@-webkit-keyframes triangle {
    0% { transform: translate3d(-500px, 838px, 0); }
    50% { transform: translate3d(-500px, 241px, 0); }
    100% { transform: translate3d(-500px, 838px, 0); }
}
@-ms-keyframes triangle {
    0% { transform: translate3d(-500px, 838px, 0); }
    50% { transform: translate3d(-500px, 241px, 0); }
    100% { transform: translate3d(-500px, 838px, 0); }
}

@keyframes polygon {
    0% { transform: translate3d( -483px , -760px, 0); }
    50% { transform: translate3d( 168px, -220px, 0); }
    100% { transform: translate3d( -483px , -760px, 0); }
}
@-webkit-keyframes polygon {
    0% { transform: translate3d( -483px , -760px, 0); }
    50% { transform: translate3d( 168px, -220px, 0); }
    100% { transform: translate3d( -483px , -760px, 0); }
}
@-ms-keyframes polygon {
    0% { transform: translate3d( -483px , -760px, 0); }
    50% { transform: translate3d( 168px, -220px, 0); }
    100% { transform: translate3d( -483px , -760px, 0); }
}
@media (min-width: 2000px) {
    .brand_intro .bg ul li { transform: scale(1.5); }
}
@media (max-width: 1440px) {
    .brand_intro .bg ul { width: 80%; height: 100%; padding-top: 8%; display: flex; flex-wrap: nowrap; align-items: flex-end; }
    .brand_intro .bg ul li { transform: scale(1.2); }
    .brand_intro .bg ul li { position: relative; }
    .brand_intro .bg ul li.triangle { bottom: auto; }
    .brand_intro .bg ul li.polygon { height: 100%; left: auto; top: auto;  }
    .brand_intro .bg ul li.circle { bottom: auto; right: auto; }
}
@media (max-width: 767px) {
    .brand_intro .bg ul { display: none; }
}
.sub_article .brand_section { margin: 0 0 24vw 0; }
.sub_article .brand_section .m_tit + .txt { margin: 50px 0 0 0; }
.sub_article .brand_section .brand_list .thum { padding-top: 43%; }
.sub_article .brand_section .brand_list .thum h3 { position: absolute; left: 50px; top: 50px; font-size: 2.35rem; color: #fff; }
.sub_article .brand_section .brand_list .item_tit { margin: 30px 0 7px 0; font-size: 1.53rem; letter-spacing: -0.05em; line-height: 1.15; color: #191919; }
.sub_article .brand_section .brand_list .txt { color: #191919; }
.sub_article .brand_section .brand_list .desc_box p { margin: 4vw 0; color: #666; }
.sub_article .brand_section .brand_list .desc_box ul { display: flex; flex-wrap: wrap; margin: -5px -5px 0 0; }
.sub_article .brand_section .brand_list .desc_box ul li { margin: 5px 5px 0 0; padding: 0 8px; border-radius: 20px; background: #f1f1f1; font-size: 0.92rem; letter-spacing: -0.05em; line-height: 24px; color: #666; }
.brand_faq_section .d_flex { justify-content: space-between; align-items: center; margin: 0 0 50px 0; }
.brand_faq_section .s_tit_sub { margin: 0; }
.faq_wrap { border-top: 1px solid #505050; }
.faq_wrap .q_cont, .faq_wrap .a_cont { position: relative; padding: 35px 70px 35px 125px; line-height: 1.76; }
.faq_wrap .q_cont:before , .faq_wrap .a_cont:before { position: absolute; left: 0; top: 25px; width: 125px; font-size: 1.76rem; font-weight: 700; text-align: center; }
.faq_wrap .q_cont:before { content: 'Q'; }
.faq_wrap .a_cont:before { content: 'A'; color: #0E2071; }
.faq_wrap .q_cont { position: relative; border-bottom: 1px solid #E6E6E6; cursor: pointer; }
.faq_wrap .q_cont:after { position: absolute; right: 50px; top: 50%; width: 22px; height: 13px; margin-top: -6px; background: url(../images/faq_arrow.svg)no-repeat; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transition: .2s ease; content: ''; }
.faq_wrap .a_cont { display: none; background: #f9f9f9; }
.faq_wrap .on .q_cont:after { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); }
@media (min-width: 768px) {
    .full_cover_section .brand_box { align-items: center; justify-content: space-between; }
    .full_cover_section .brand_box .txt { margin: 30px 0 0 0; }
    .full_cover_section .brand_box>div { width: 48%; }
    .full_cover_section .brand_box ul { width: calc(30% + 50px); }
    .full_cover_section .brand_box ul li:hover { background: #fff; color: #0E2071; }
    .full_cover_section .brand_box ul li:hover a:after { width: 22px; height: 22px; margin: 0 0 0 10px; background: url(../images/ic_arrow.svg) no-repeat; content: ''; }
    .sub_article .brand_section { margin: 0 0 212px 0; }
    .sub_article .brand_section .brand_list { margin: 116px -28px 0 0; }
    .sub_article .brand_section .brand_list>li { width: calc(50% - 28px); margin: 80px 28px 0 0; }
    .sub_article .brand_section .brand_list .desc_box p { margin: 32px 0; }
    .sub_article .brand_section .brand_list .desc_box ul li { padding: 0 10px; font-size: 0.88rem; line-height: 38px; }
}
@media (max-width: 1199px) {
    .full_cover_section .brand_box ul { margin-right: -20px; }
    .full_cover_section .brand_box ul li { width: calc(50% - 20px); margin: 20px 20px 0 0; }
    .sub_article .brand_section .brand_list .thum h3 { left: 20px; right: 20px; top: 30px; }
}
@media (max-width: 1199px) and (min-width: 768px) {
    .full_cover_section .brand_box ul { width: calc(40% + 20px); }
}
@media (max-width: 1023px) {
    .sub_article .brand_section .brand_list .thum h3 { font-size: 2rem; }
    .faq_wrap .q_cont, .faq_wrap .a_cont { padding: 20px 25px 20px 45px; }
    .faq_wrap .q_cont:before, .faq_wrap .a_cont:before { top: 9px; width: 40px; }
    .faq_wrap .q_cont:after { right: 0; }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .sub_article .brand_section .brand_list { margin-right: -14px; }
    .sub_article .brand_section .brand_list>li { width: calc(50% - 14px); margin-right: 14px; }
}
@media (max-width: 767px) {
    .full_cover_section.brand_intro { min-height: 600px; padding-top: 30px; }
    .full_cover_section.brand_intro .m_tit { font-size: 2.2rem; }
    .full_cover_section .bg { height: 100%; background-image: url(../images/brand_cover.png); }
    .full_cover_section span { font-size: 1.4rem; }
    .full_cover_section .m_tit { font-size: 3rem; }
    .full_cover_section .brand_box ul { margin-right: -14px; margin-top: 40px; }
    .full_cover_section .brand_box ul li { width: calc(50% - 14px); margin: 14px 14px 0 0; line-height: 44px; }
    .sub_brand_intro.sub_article { padding: 0; }
    .sub_article .brand_section .brand_list { margin-top: 24vw; }
    .sub_article .brand_section .brand_list li { margin-bottom: 8vw; }
    .sub_article .brand_section .brand_list li:last-child { margin-bottom: 0; }
    .sub_article .brand_section .brand_list .thum h3 { top: 20px; font-size: 1.53rem; }
    .sub_article .brand_section .brand_list .item_tit { margin-top: 4vw; }
    .brand_faq_section .d_flex { margin: 0 0 20px 0; }
    .faq_wrap .q_cont, .faq_wrap .a_cont { line-height: 1.53; }
    .faq_wrap .q_cont:before, .faq_wrap .a_cont:before { top: 12px; }
    .faq_wrap .q_cont:after { width: 15px; height: 8px; margin-top: -4px; background-size: contain; }
}
@keyframes visualScale {
    0% {
        transform: translateZ(0) scale(1) rotate(0deg)
    }
    100% {
        transform: translateZ(0) scale(1.08) rotate(0.0001deg)
    }
}

@-webkit-keyframes visualScale {
    0% {
        transform: translateZ(0) scale(1) rotate(0deg)
    }
    100% {
        transform: translateZ(0) scale(1.08) rotate(0.0001deg)
    }
}

@-ms-keyframes visualScale {
    0% {
        transform: translateZ(0) scale(1) rotate(0deg)
    }
    100% {
        transform: translateZ(0) scale(1.08) rotate(0.0001deg)
    }
}

/* 釉뚮옖�� > unicore */
.sub_article.brand { background: url(../images/brand_deco1.png)no-repeat top right, url(../images/brand_deco2.png)no-repeat left bottom; }
.full_cover_section .brand_name { margin: 0 0 26px 0; font-size: 3.53rem; }
.full_cover_section span { display: block; margin: 0 0 12px 0; }
.brand_view_section .section_layout:last-child { margin: 0; }
.brand_view_section .section_layout .bullet_txt { margin: 0 0 5px 0; }
.brand_view_section .section_layout .bullet_txt:last-child { margin: 0; }

.brand_view_section .market_list li { text-align: center; }
.brand_view_section .market_list dt { white-space: nowrap; margin: 20px 0 10px; font-size: 1.38rem; font-weight: 500; letter-spacing: -0.02em; color: #0E2071; }
.brand_view_section .market_list dd { font-size: 1.06rem; letter-spacing: -0.01em; }
:lang(en) .brand_view_section .market_list dl { position: relative; }

@media (min-width: 1024px) {
    .brand_view_section .section_layout { margin: 0 0 100px 0; }
}
@media (min-width: 768px) {
    .brand_view_section .market_list { margin: 0 -120px 0 0; }
    .brand_view_section .market_list li { margin: 0 120px 0 0; }
    :lang(en) .brand_view_section .market_list { margin: 0 -150px 0 0; }
    :lang(en) .brand_view_section .market_list li { margin: 0 150px 0 0; }
    :lang(en) .brand_view_section .market_list dt { position: absolute; left: 50%; transform: translateX(-50%); }
    .brand_view_section .market_list dt { margin: 30px 0 10px; font-size: 1.53rem; }
    .brand_view_section .section_layout .bullet_txt { margin: 0 0 10px 0; }
}
@media (max-width: 1023px) {
    .sub_article.brand { background-size: 50%; }
}
@media (max-width: 767px) {
    .brand_view_section .market_list { margin-top: -40px; }
    .brand_view_section .market_list li { width: 33.333%; margin-top: 40px; }
    .brand_view_section .market_list li i { display: inline-block; width: 30px; }
}

/* �ъ뾽遺꾩빞 */
.business { position: relative; }
.business::before {
    position: absolute;
    top: 120px;
    right: -350px;
    z-index: -1;
    width: 900px;
    height: 900px;
    border: 230px solid transparent;
    border-radius: 100%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(107.66deg, rgba(0, 50, 164, 0.14) 3.94%, rgba(0, 50, 164, 0) 84.15%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-sizing: border-box;
    content: '';
    animation: ring 8s infinite;
}
.business_field_section .business_list { display: flex; margin: 0 -28px 200px 0; }
.business_field_section .business_list>li { position: relative; width: calc(33.333% - 28px); margin: 0 28px 0 0; padding-top: 40.3%; margin: 0 28px 0 0; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .5s ease; }
.business_field_section .business_list>li:nth-child(1) { background-image: url(../images/business1_off.jpg); }
.business_field_section .business_list>li:nth-child(2) { background-image: url(../images/business2_off.jpg); }
.business_field_section .business_list>li:nth-child(3) { background-image: url(../images/business3_off.jpg); }
.business_field_section .business_list .s_tit_sub, .business_field_section .business_list .hover { position: absolute; }
.business_field_section .business_list .s_tit_sub { left: 40px; top: 40px; letter-spacing: 0; color: #fff; }
.business_field_section .business_list .hover { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; left: 0; right: 0; top: 0; bottom: 0; padding: 40px; opacity: 0; background-repeat: no-repeat; background-position: center; background-size: cover; transform: scale(0); transition: .5s ease; z-index: 1; color: #fff; }
.business_field_section .business_list .hover .m_tit { margin: 0 0 24px 0; letter-spacing: 0; color: #fff; font-weight: 700; }
.business_field_section .business_list>li:hover .hover { transform: scale(1); opacity: 1; }
.business_field_section .business_list>li:nth-child(1) .hover { background-image: url(../images/business1_on.jpg); }
.business_field_section .business_list>li:nth-child(2) .hover { background-image: url(../images/business2_on.jpg); }
.business_field_section .business_list>li:nth-child(3) .hover { background-image: url(../images/business3_on.jpg); }
.business_field_section .business_list .tag { display: flex; flex-wrap: wrap; margin: 0 -5px 64px 0; }
.business_field_section .business_list .tag li { padding: 0 20px; margin: 0 5px 0 0; border-radius: 20px; line-height: 38px; background: rgba(255,255,255,.2); font-size: 0.88rem; letter-spacing: -0.05em; color: #fff; }
.business_market_section .hover_list { margin-bottom: 200px; }
.business_market_section .hover_list li { padding-top: 20.4%; letter-spacing: 0; }
.business_market_section .hover_list li.box1 { background-image: url(../images/market_list1.jpg); }
.business_market_section .hover_list li.box2 { background-image: url(../images/market_list2.jpg); }
.business_market_section .hover_list li.box3 { background-image: url(../images/market_list3.jpg); }
.business_market_section .hover_list li.box4 { background-image: url(../images/market_list4.jpg); }
.business_market_section .hover_list li.box5 { background-image: url(../images/market_list5.jpg); }
.business_market_section .hover_list li.box6 { background-image: url(../images/market_list6.jpg); }
.business_market_section .hover_list .hover { background-image: url(../images/market_hover.png); }
.business_partner_section .partner_list { margin: -28px -25px 0 0; }
.business_partner_section .partner_list li { width: calc(20% - 25px); margin: 28px 25px 0 0; border: 1px solid #dbdbdb; }
@media (min-width: 1180px) {
    .business_field_section .business_list { flex-wrap: nowrap; }
    .business_field_section .business_list.on>li { width: calc(19.5% - 28px); }
    .business_field_section .business_list.on>li.on { width: calc(61% - 28px); }
}
@media (min-width: 1200px) {
    .business_market_section .hover_list .hover { padding-bottom: 40px; }
}
@media (max-width: 1199px) {
    .business_field_section .business_list .s_tit_sub { left: 20px; top: 20px; }
    .business_field_section .business_list .hover { padding: 20px; }
}
@media (max-width: 1179px) {
    .business_field_section .business_list { overflow-x: scroll; }
    .business_field_section .business_list>li { width: calc(60% - 28px); padding-top: 68%; flex-shrink: 0; }
}
@media (max-width: 1023px) {
    .business::before { top: -176px; right: -330px; width: 117.6vw; height: 117.6vw; border-width: 165px; }
    .business_market_section .hover_list li { padding-top: 50%; }
    .business_market_section .hover_list li a { display: block; padding-top: 100%; position: absolute; top: 0; left: 0; width: 100%;  }
    .business_partner_section .partner_list { margin: -14px -14px 0 0; }
    .business_partner_section .partner_list li { width: calc(33.333% - 14px); margin: 14px 14px 0 0; }
    .business_field_section .business_list, .business_market_section .hover_list { margin-bottom: 24vw; }
}
@media (max-width: 767px) {
    .business::before { top: -124px; right: -241px; border-width: 115px; }
    .business_partner_section .partner_list li { width: calc(50% - 14px); }
    .business_market_section .hover_list li a { padding-top: 50%; }
    .business_field_section .business_list { margin-right: -14px; }
    .business_field_section .business_list>li { width: calc(90% - 14px); height: 400px; margin: 0 14px 0 0; padding-top: 100%; }
    .business_field_section .business_list .hover .m_tit { margin: 0 0 10px 0; }
    .business_field_section .business_list .hover .txt { margin: 10px 0 0 0; }
    .business_field_section .business_list .tag li { padding: 0 8px; font-size: 0.92rem; line-height: 24px; }
    :lang(en) .business_field_section .business_list>li { height: 460px; }

}

/* �ъ뾽遺꾩빞 > �먮룞李� */
.sub_automotive .field_section { padding: 100px 0; }
.sub_automotive .list:nth-child(2) .height { padding-top: 200px; }
.field_section { padding: 200px 0; }
.field_section:first-child { padding-top: 0; }
.field_section .business_tit { margin: 0 0 20px 0; font-size: 1.53rem; line-height: 1.2; color: #000; }
.field_section .business_tit span { color: #0E2071; }
.field_section .mobility_list { display: flex; margin: 50px 0 0 0; }
.field_section .mobility_list li { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; width: calc(25% + 42px); height: 170px; border: 1px solid #e6e6e6; border-radius: 200px; margin-left: -42px; font-size: 1.53rem; font-weight: 700; color: #0E2071; }
.field_section .mobility_list li:before { width: 26px; height: 26px; margin: 0 auto 20px; background-repeat: no-repeat; background-size: contain; content: ''; }
.field_section .mobility_list li:nth-child(1):before { background-image: url(../images/ic_mobility1.svg); }
.field_section .mobility_list li:nth-child(2):before { background-image: url(../images/ic_mobility2.svg); }
.field_section .mobility_list li:nth-child(3):before { background-image: url(../images/ic_mobility3.svg); }
.field_section .mobility_list li:nth-child(4):before { background-image: url(../images/ic_mobility4.svg); }
.field_section .solution_list { display: flex; flex-wrap: wrap; margin: 22px -28px 0 0; }
.field_section .solution_list li { display: flex; flex-wrap: wrap; width: calc(50% - 28px); height: 126px; margin: 28px 28px 0 0; padding: 0 40px; background: rgba(255,255,255,.1); font-size: 1.53rem; font-weight: 700; color: #fff; }
.field_section .solution_list i { margin: 0 40px 0 0; }
.field_section .img_group { text-align: center; }
.field_section .txt + .img_group { margin: 50px 0 0 0; }
.field_section .product_head .head_box { position: relative; padding: 33px 30px; background: #E6E7EB; }
.field_section .product_head .head_box:before { position: absolute; left: 32px; top: -12px; width: 24px; height: 24px; background: #4660D7; content: ''; }
.field_section .product_head .head_box h3 { margin: 0 0 10px 0; font-size: 2rem; letter-spacing: -0.05em; line-height: 1.2; color: #000; }
.field_section .product_head .head_box p { font-size: 1.4rem; color: #898989; }
.field_section .product_head .img_group { margin: 100px 0 110px 0; }
.field_section .product_head .img_group:first-child { margin-top: 0; }
.field_section .product_content { border-top: 1px solid #505050; }
.field_section .product_content li { border-bottom: 1px solid #E6E6E6; }
.field_section .product_content .product_tit { position: relative; padding: 33px 0; font-size: 1.53rem; color: #999; cursor: pointer; }
.field_section .product_content .product_tit span { font-weight: 400; }
.field_section .product_content .product_tit:before,
.field_section .product_content .product_tit:after { position: absolute; top: 50%; right: 30px; width: 2px; height: 18px; margin-top: -9px; background: #999; content: ''; }
.field_section .product_content .product_tit:before { transform: rotate(90deg); }
.field_section .product_content .product_tit:after { transition: .2s ease; }
.field_section .product_content .content { display: none; padding: 40px 40px 60px 0; background: #F9F9F9; }
.field_section .product_content .content_tit { margin: 0 0 32px 0; font-size: 1.3rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.45; color: #191919; }
.field_section .product_content dl { margin: 0 0 32px 0; letter-spacing: -0.05em; }
.field_section .product_content dl:last-child { margin: 0; }
.field_section .product_content dt { margin: 0 0 6px 0; font-weight: 700; line-height: 1.76; color: #191919; }
.field_section .product_content dd { position: relative; margin: 0 0 2px 0; padding: 0 0 0 9px; line-height: 1.53; }
.field_section .product_content dd:before { position: absolute; left: 0; top: 11px; width: 4px; height: 4px; border-radius: 100%; background: #ccc; content: ''; }
.field_section .product_content dd:last-child { margin: 0; }
.field_section .product_content .col { display: flex; flex-wrap: wrap; margin: 0 0 6px 0; }
.field_section .product_content .col:last-child { margin: 0; }
.field_section .product_content .c1 { width: 75px; font-weight: 500; color: #191919; }
:lang(en) .field_section .product_content .c1 { width: 140px; }
:lang(en) .field_section .product_content .c2 { width: calc(100% - 140px); }
.field_section .product_content .c2 { width: calc(100% - 75px); }
.field_section .product_content .on .m_d_flex { display: flex; }
.field_section .product_content .on .product_tit { color: #0E2071; }
.field_section .product_content .on .product_tit:after { transform: rotate(90deg); background: #0E2071; }
.field_section .brand_list { display: flex; flex-wrap: wrap; margin: -28px -28px 0 0; }
.field_section .brand_list li { position: relative; width: calc(33.333% - 28px); padding-top: calc(33.333% - 28px); margin: 28px 28px 0 0; background-repeat: no-repeat; background-size: cover; background-position: center; }
.field_section .brand_list li > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.field_section .brand_list dl { position: absolute; left: 40px; right: 40px; top: 40px; color: #fff; }
.field_section .brand_list dt { font-size: 1.53rem; font-weight: 700; line-height: 1.2; }
.field_section .brand_list dd { margin: 10px 0 0 0; letter-spacing: -0.05em; }
.field_section .brand_list .unicore { background-image: url(../images/brand_unicore.jpg); }
.field_section .brand_list .unishield { background-image: url(../images/brand_unishield.jpg); }
.field_section .brand_list .unipad { background-image: url(../images/brand_unipad.jpg); }
.field_section .brand_list .ulbm { background-image: url(../images/brand_ulbm.jpg); }
.field_section .brand_list .uea { background-image: url(../images/brand_uea.jpg); }
.field_section .brand_list .unichock { background-image: url(../images/brand_unichock.jpg); }
.field_section .sec02_swiper { overflow: hidden; position: relative; margin: 100px 0 110px 0; padding-bottom: 60px; }
.field_section .sec02_swiper .swiper-slide { text-align: center; }
.sec02_swiper .swiper-button-next { right: 20px; transform: rotate(180deg); }
.sec02_swiper .swiper-button-prev, .sec02_swiper .swiper-button-next { width: 42px; height: 42px; top: 50%; margin-top: -21px; border-radius: 100%; background: url(../images/slider_bt2.svg)no-repeat center rgba(0,0,0,.2); }
.sec02_swiper .swiper-pagination-bullets { bottom: -26px; }
.sec02_swiper .swiper-pagination-bullet { width: 6px; height: 6px; background: #0E2071; opacity: .3; }
.sec02_swiper .swiper-pagination-bullet-active { width: 30px; border-radius: 5px; opacity: 1; }
.sub_electron .field_section .solution_list li { align-items: flex-start; flex-direction: row; }
@media (min-width: 768px) {
    .field_section .mobility_list li:first-child { margin: 0; }
    .field_section .product_head .head_box + .txt { margin: 40px 0 0 30px; }
    .field_section .product_content .m_d_flex>div:first-child { width: 39.2%; }
    .field_section .product_content .m_d_flex>div:last-child { width: 60.8%; padding: 0 0 0 46px; }
}
@media (min-width: 1200px) {
    .field_section .solution_list li { align-items: center; }
}
@media (max-width: 1199px) {
    .field_section .brand_list dl { left: 20px; right: 20px; top: 20px; }
}
@media (max-width: 1179px) and (min-width: 768px) {
    .field_section .product_content .m_d_flex>div:last-child { padding-left: 20px; }
}
@media (max-width: 1199px) {
    .field_section .solution_list li { flex-direction: column; justify-content: center; }
    .sub_electron .field_section .solution_list li { flex-direction: column; }
    .field_section .solution_list i {  margin: 0 0 10px 0; }
}
@media (max-width: 1024px) {
    .field_section .solution_list li { padding: 0 14px; }
}
@media (max-width: 1023px) {
    .sub_automotive .progress_nav_wrap.fixed h3 { display: none; }
    .sub_automotive .anchor_area .list .height { margin-top: -65px; }
    .sub_automotive .anchor_area .list:first-of-type { padding-top: 30px; }
    .field_section .mobility_list li { height: 132px; }
    .field_section .product_content .product_tit { padding: 20px 0; }
    .field_section .product_content .product_tit:before, .field_section .product_content .product_tit:after { right: 5px; height: 12px; margin-top: -6px; }
    .field_section .product_content .content { padding: 25px 14px 40px 0; }
    .field_section .product_content .content .m_d_flex { flex-wrap: wrap; }
    .field_section .brand_list { margin: -14px -14px 0 0; }
    .field_section .brand_list li { width: calc(33.333% - 14px); margin: 14px 14px 0 0; }
}
@media (max-width: 767px) {
    .sub_automotive.sub_article { padding: 0; }
    .sub_automotive .field_section { padding: 24vw 0; }
    .sub_automotive .progress_nav_wrap { position: absolute; top: 0; }
    .sub_automotive .anchor_area .list .height { margin-top: 0; padding-top: 30px; }
    .sub_automotive .anchor_area .list:first-of-type { padding-top: 100px; }

    .field_section .business_tit, .field_section .mobility_list li { font-size: 1.38rem; }
    .field_section .mobility_list { flex-wrap: wrap; margin-left: 42px; }
    .field_section .mobility_list li { width: calc(50% + 42px); height: 100px; }
    .field_section .mobility_list li:before { margin: 0 auto 10px; }
    .field_section .solution_list li { width: calc(100% - 28px); margin-top: 14px; text-align: center; }

    .field_section .solution_list i { width: 30px; margin: 0 auto 10px; }
    .field_section .product_head .head_box { margin: 0 0 20px 0; padding: 20px 14px; }
    .field_section .product_head .head_box:before { left: 14px; top: -7px; width: 14px; height: 14px; }
    .field_section .product_head .img_group { margin: 13.33vw 0; }
    .field_section .product_content .content { padding: 25px 14px 40px; }
    .field_section .product_content .m_d_flex>div { width: 100%; }
    .field_section .product_content .content_tit { margin: 20px 0; font-size: 1.15rem; }
    .field_section .product_content .product_tit { font-size: 1.23rem; }
    .field_section .product_content dd { line-height: 1.54; }
    .field_section .product_content dd:before { top: 8px; width: 2px; height: 2px; }
    .field_section .product_content .c1 { width: 60px; }
    .field_section .product_content .c2 { width: calc(100% - 60px); }
    .field_section .brand_list li { width: calc(50% - 14px); padding-top: calc(50% - 14px); }
    .field_section .brand_list dl { left: 14px; right: 14px; top: 14px; }
    .field_section .brand_list dt { font-size: 1.23rem; }
    .field_section .sec02_swiper { margin: 13.33vw 0; }
    .sec02_swiper .swiper-button-prev, .sec02_swiper .swiper-button-next { width: 30px; height: 30px; margin-top: -25px; background-size: contain; }
    .sec02_swiper .swiper-button-prev { left: 10px; }
    .sec02_swiper .swiper-button-next { right: 10px; }
    .sec02_swiper .slider_wrap .swiper-pagination-bullets { display: flex; flex-wrap: wrap; justify-content: center; position: static; margin: 15px 0 0 0; }
}

/* �ъ뾽遺꾩빞 > lng */
.field_section .carrier_list { margin: 50px 0 0 0; }
.field_section .carrier_list li { position: relative; height: 70px; margin: 0 0 20px 0; font-size: 1.17rem; font-weight: 700; letter-spacing: -0.05em; color: #fff; }
.field_section .carrier_list li:last-child { margin: 0; }
.field_section .carrier_list span { display: flex; flex-wrap: wrap; align-items: center; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.field_section .carrier_list span:before { width: 26px; height: 26px; margin: 0 20px 0 0; background-repeat: no-repeat; background-position: center; content: ''; }
.field_section .carrier_list li:nth-child(1) { background: #4660D7; }
.field_section .carrier_list li:nth-child(2) { width: 56%; background: rgba(70, 96, 215, 0.8); }
.field_section .carrier_list li:nth-child(3) { width: 26.5%; background: rgba(70, 96, 215, 0.5); }
:lang(en) .field_section .carrier_list li:nth-child(3) { width: 29%; }
.field_section .carrier_list li:nth-child(1) span:before { background-image: url(../images/ic_lng_carrier1.svg); }
.field_section .carrier_list li:nth-child(2) span:before { background-image: url(../images/ic_lng_carrier2.svg); }
.field_section .carrier_list li:nth-child(3) span:before { background-image: url(../images/ic_lng_carrier3.svg); }
.product_swiper { overflow: hidden; position: relative; margin: 100px 0 110px 0; padding-bottom: 60px; }
.product_swiper .swiper-slide { text-align: center; }
.product_swiper .swiper-button-next { right: 20px; transform: rotate(180deg); }
.product_swiper .swiper-button-prev, .product_swiper .swiper-button-next { width: 42px; height: 42px; top: 50%; margin-top: -21px; border-radius: 100%; background: url(../images/slider_bt2.svg)no-repeat center rgba(0,0,0,.2); }
.product_swiper .swiper-pagination-bullets { bottom: -26px; }
.product_swiper .swiper-pagination-bullet { width: 6px; height: 6px; background: #0E2071; opacity: .3; }
.product_swiper .swiper-pagination-bullet-active { width: 30px; border-radius: 5px; opacity: 1; }

@media (max-width: 1023px) {
    .field_section { padding: 24vw 0; }
    .field_section .carrier_list li:nth-child(2) { width: 66%; }
    :lang(en) .field_section .carrier_list li:nth-child(3) { width: 39%; }
}
@media (max-width: 767px) {
    .field_section .carrier_list { margin: 8vw 0 0 0; }
    .field_section .carrier_list li { height: 40px; margin: 0 0 14px 0; font-size: 1rem; }
    .field_section .carrier_list li:nth-child(2) { width: 67%; }
    .field_section .carrier_list li:nth-child(3) { width: 38%; }
    .field_section .carrier_list span { right: 14px; }
    .field_section .carrier_list span:before { width: 18px; height: 18px; margin: 0 5px 0 0; background-size: contain; }
    .field_section .product_swiper { margin: 13.33vw 0; }
    .product_swiper .swiper-button-prev, .product_swiper .swiper-button-next { width: 30px; height: 30px; margin-top: -25px; background-size: contain; }
    .product_swiper .swiper-button-prev { left: 10px; }
    .product_swiper .swiper-button-next { right: 10px; }
    .product_swiper .slider_wrap .swiper-pagination-bullets { display: flex; flex-wrap: wrap; justify-content: center; position: static; margin: 15px 0 0 0; }
    :lang(en) .field_section .carrier_list li:nth-child(3) { width: 170px; }
}

/* �ъ뾽遺꾩빞 > 諛고꽣由� */
.field_section .solution_v2 { counter-reset: item; }
.field_section .solution_v2 li { position: relative; height: auto; counter-increment: item; background: rgba(255,255,255,.06); }
.field_section .solution_v2 li:before { position: absolute; top: 40px; right: 40px; font-size: 1rem; font-weight: 400; letter-spacing: -0.05em; color: #fff; content: '0'counter(item); }
.field_section .solution_v2 dd { margin: 22px 0 0 0; font-weight: 400; color: #878EAE; }
.field_section .apply_list { margin: 0 -28px 0 0; }
.field_section .apply_list li { width: calc(50% - 28px); margin: 0 28px 0 0; }
.field_section .apply_list p { margin: 20px 0 0 0; font-size: 1.17rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.35; }
.field_section.bg_deco { background: url(../images/business_deco.png)no-repeat left top -230px; }
:lang(en) .sub_battery .field_section .solution_v2 li { align-items: flex-start; }
:lang(en) .sub_battery .field_section .solution_v2 li dl dt { line-height: 1.5; margin-top: -8px; }
@media (min-width: 768px) {
    .field_section .solution_v2 li { padding: 40px; }
}
@media (max-width: 767px) {
    .field_section .solution_v2 li { text-align: left; min-height: 120px; padding: 20px 14px; }
    .field_section .solution_v2 li:before { top: 20px; right: 14px; }
    .field_section .solution_v2 dd { margin: 14px 0 0 0; }
    .field_section .apply_list { margin-right: -14px; }
    .field_section .apply_list li { width: calc(50% - 14px); margin: 0 14px 0 0; }
    .field_section .apply_list p { margin: 14px 0 0 0; font-size: 1.15rem; }
    .field_section.bg_deco { background-size: 50%; background-position:  left top -100px; }
    :lang(en) .sub_battery .field_section .solution_v2 li dl dt { margin-top: 0; line-height: 1.3; }
}

/* �ъ뾽遺꾩빞 > �띾젰 */
.field_section .wind_list li { width: 70%; padding-top: 70%; margin: -20px auto; border: 1px solid #e6e6e6; border-radius: 100%; position: relative;}
.field_section .wind_list li:first-child { margin-top: 0; }
.field_section .wind_list dl { position: absolute; left: 0; right: 0; top: 50%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.field_section .wind_list dl .txt { height: 108px; }
:lang(en) .field_section .wind_list dl .txt { font-size: 0.88rem; }
.field_section .wind_list dt { margin: 0 0 20px 0; font-size: 1.53rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.2; color: #0E2071; }
.field_section .wind_list dt:before { display: block; width: 26px; height: 26px; margin: 0 auto 40px; background-repeat: no-repeat; background-position: center; content: ''; }
.field_section .wind_list li:nth-child(1) dt:before { background-image: url(../images/ic_wind1.svg); }
.field_section .wind_list li:nth-child(2) dt:before { background-image: url(../images/ic_wind2.svg); }
.field_section .wind_list li:nth-child(3) dt:before { background-image: url(../images/ic_wind3.svg); }
.field_section .outline_box { margin: 200px 0 0 0; }
.field_section .outline_box .business_tit { margin: 0 0 50px 0; }
.field_section .outline_box .txt { margin: 8vw 0 0 0; color: #191919; }
.field_section .outline_box .wind_service_list { justify-content: space-between; margin: 72px 0 0 0; }
.field_section .outline_box .wind_service_list li { display: flex; flex-wrap: wrap; width: calc(33.333% - 18.666px); height: 130px; padding: 36px 38px 0; letter-spacing: -0.05em; background: #F4F5F9; }
:lang(en) .field_section .outline_box .wind_service_list li { height: auto; padding: 25px; }
.field_section .outline_box .wind_service_list span { width: 20px; font-weight: 700; line-height: 1.58; color: #0E2071; }
.field_section .outline_box .wind_service_list p { width: calc(100% - 20px); margin: 0; padding-left: 20px; color: #191919; }
@media (min-width: 768px) {
    .field_section .wind_list { flex-wrap: nowrap; }
    .field_section .wind_list li { width: calc(33.333% + 33px); padding-top: calc(33.333% + 20px); margin: 0 0 0 -33px; }
    .field_section .wind_list li:first-child { margin-left: 0; }
    .field_section .outline_box .txt { margin: 50px 0 0 0; }
}
@media (max-width: 1199px) {
    .field_section .outline_box .wind_service_list li { padding: 28px 20px 0; }
}
@media (max-width: 1179px) {
    .field_section .wind_list dt { margin: 0 0 10px 0; font-size: 1.38rem; }
    .field_section .wind_list dt:before { margin: 0 auto 15px; }
    .field_section .wind_list dd { padding: 0 20px; }
    .field_section .wind_list dd br { display: none; }
    .field_section .outline_box .wind_service_list li { padding: 24px 14px 0; }
}
@media (max-width: 1023px) {
    .field_section .outline_box { margin: 24vw 0 0 0; }
    .field_section .outline_box .business_tit { margin: 0 0 20px 0; }
    .field_section .outline_box .wind_service_list { margin: 8vw 0 0 0; }
    .field_section .outline_box .wind_service_list li { width: calc(33.333% - 9.333px); }
}
@media (max-width: 767px) {
    .field_section .wind_list dl .txt { height: auto; font-size: 0.94rem; }
    .field_section .outline_box .wind_service_list li { width: calc(50% - 7px); margin-bottom: 14px; }
    .field_section .outline_box .wind_service_list li:last-child { margin-bottom: 0; }
    .field_section .outline_box .wind_service_list p { padding-left: 10px; }
}

/* �ъ뾽遺꾩빞 > ��났�곗＜ */
.field_section .outline_box .hover { position: relative; overflow: hidden; height: 370px; }
.field_section .outline_box .hover:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/aerospace_hover.jpg)no-repeat center; content: ''; transition: .5s ease; }
.field_section .outline_box .btn_view { display: flex; flex-wrap: wrap; align-items: center; position: absolute; right: 37px; bottom: 38px; padding: 0 20px; border: 1px solid rgba(255,255,255,.4); font-size: 0.88rem; font-weight: 500; letter-spacing: -0.05em; line-height: 36px; color: #fff; }
.field_section .outline_box .btn_view:after { width: 14px; height: 14px; margin: 0 0 0 10px; background: url(../images/ic_plus.svg)no-repeat; content: ''; }
.field_section .outline_box .info { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 80px; background: rgba(0,0,0,.6); opacity: 0; transition: .2s ease; }
.field_section .outline_box .info h3 { margin: 0 0 14px 0; font-size: 1.17rem; letter-spacing: -0.05em; color: #fff; }
.field_section .outline_box .info ul li { display: flex; flex-wrap: wrap; margin: 0 0 10px 0; color: #fff; letter-spacing: -0.05em; line-height: 1.17; }
.field_section .outline_box .info ul li:last-child { margin: 0; }
.field_section .outline_box .info h4 { position: relative; width: 80px; padding: 0 0 0 14px; }
.field_section .outline_box .info h4:before { position: absolute; left: 0; top: 6px; width: 4px; height: 4px; border-radius: 100%; background: #ccc; content: ''; }
.field_section .outline_box .info p { width: calc(100% - 80px); color: #fff; }
.field_section .outline_box .hover:hover:before { transform: scale(1.1); }
.field_section .outline_box .hover:hover .info { opacity: 1; }
.field_section .outline_box .hover:hover .btn_view { opacity: 0; }
.field_section .aerospace_list { justify-content: space-between; margin: 50px 0 0 0; }
.field_section .aerospace_list li { width: calc(50% - 7px); height: 112px; padding: 10px 14px; border: 1px solid #dbdbdb; background-repeat: no-repeat; background-position: top 20px right 14px; }
.field_section .aerospace_list li:nth-child(1) { background-image: url(../images/ic_aerospace1.svg); }
.field_section .aerospace_list li:nth-child(2) { background-image: url(../images/ic_aerospace2.svg); }
.field_section .aerospace_list li dt { display: flex; align-items: flex-end; margin: 0 0 23px 0; color: #0E2071; }
.field_section .aerospace_list li dt span { margin: 0 10px 0 0; font-size: 3.76rem; font-weight: 700; line-height: 26px; }
:lang(en) .field_section .aerospace_list li dt b { margin-right: 10px; font-weight: 400; }
@media (min-width: 1024px) {
    .field_section .aerospace_list li { width: calc(50% - 14px); padding: 30px 40px; background-position: top 40px right 40px; }
    .field_section .aerospace_list li { height: 158px; }
}
@media (min-width: 768px) {
    .field_section .outline_box .info>div { width: 50%; }
    .field_section .outline_box .info h3 { margin: 0 0 22px 0; }
    .field_section .outline_box .info h4 { width: 124px; }
    .field_section .outline_box .info p { width: calc(100% - 124px); }
    .field_section .aerospace_list li { height: 146px; padding: 25px; }
    .field_section .aerospace_list li dt span { line-height: 48px; }
}
@media (max-width: 1199px) {
    .field_section .outline_box .info { padding: 40px; }
}
@media (max-width: 767px) {
    .field_section .outline_box .btn_view { right: 14px; bottom: 20px; }
    .field_section .outline_box .info { padding: 30px 14px; }
    .field_section .outline_box .info>div { margin: 0 0 40px 0; }
    .field_section .outline_box .info>div:last-child { margin: 0; }
    .field_section .aerospace_list li { background-size: 23px; background-position: top 15px right 15px; }
    :lang(en) .field_section .aerospace_list li dt b { margin-right: 4px; }
    :lang(en) .field_section .aerospace_list li { height: auto; }
    .field_section .aerospace_list li dl { display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%; }
    .field_section .aerospace_list li dt { font-size: 0.92rem; }
    :lang(en) .field_section .aerospace_list li dt { height: 32px; }
    .field_section .aerospace_list li dt span { font-size: 2.46rem; }
}

/* 吏��띻��κ꼍�� */
.bg_manage { overflow: hidden; height: auto; }
.bg_manage div { padding:28.57% 0 0 0; position:relative; }
.bg_manage div  iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.smooth-scroll .manage_section .list_wrap .list:nth-child(odd) .inner { flex-direction: row-reverse; }
.smooth-scroll .manage_section .list_wrap .list .img-item { height: 100%; }
.smooth-scroll .manage_section .list_wrap .list .img-item>div { overflow: hidden; padding-bottom: 55.755%; height: 0; }
.smooth-scroll .manage_section .list_wrap .list .img-item img { transform: translateY(100%); transition: .3s ease; }
.smooth-scroll .manage_section .list_wrap .list .img-item:first-child img { transform: translateY(0) !important; }
.smooth-scroll .manage_section .list_wrap .list .img-item:nth-child(2) img { transform:  translateY(0) !important }

.smooth-scroll .list_wrap { position: relative; }
.smooth-scroll .list_wrap .list { overflow: hidden; }
.smooth-scroll .list_wrap .list .inner { display: flex; justify-content: space-between; }
.smooth-scroll .list_wrap .list .img_wrap, .smooth-scroll .list_wrap .list .txt_wrap { position: relative; }
.smooth-scroll .list_wrap .list .img_wrap { width: 59.3%; }
.smooth-scroll .list_wrap .list .txt_wrap { width: 34.7%; }
.smooth-scroll .list_wrap .list .img-item { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; }
.smooth-scroll .list_wrap .list .img-item>div { position: relative; width: 100%; }
.smooth-scroll .list_wrap .list .img-item img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; will-change: transform, opacity; object-fit: cover; }
.smooth-scroll .list_wrap .list .tit_area { margin: 0 0 49px 0; }
.smooth-scroll .list_wrap .list .tit_area p, .smooth-scroll .list_wrap .list .tit_area .m_tit { color: #191919; }
.smooth-scroll .list_wrap .list .txt-item dl { position: relative; padding-left: 69px; }
.smooth-scroll .list_wrap .list .txt-item dt { margin: 0 0 20px 0; font-weight: 700; color: #191919; }
.smooth-scroll .list_wrap .list .txt-item dt span { position: absolute; left: 0; top: 0; font-size: 1rem; font-weight: 700; letter-spacing: -0.05em; color: #0E2071; line-height: 2.1; }
.manage_section .banner { height: 160px; padding: 0 100px; align-items: center; justify-content: space-between; background: url(../images/manage_banner.png)no-repeat center #101E5D; }
.manage_section .banner h3, .manage_section .banner .btn_down2 { color: #fff; }
.manage_section .banner h3 { margin: 0; }
.manage_section .banner .btn_down2 { border-color: #fff; }
.manage_section .banner .btn_down2:after { background-image: url(../images/ic_down_hover.svg); }
.manage_section .banner .btn_down2:hover { background: #fff; color: #0E2071; }
.manage_section .banner .btn_down2:hover:after { background-image: url(../images/ic_down.svg); }
:lang(en) .manage_section .banner .btn_down2 { width: 135px; }
@media (min-width: 768px) {
    .smooth-scroll .manage_section .list_wrap .list .inner { height: 100vh; }
    .smooth-scroll .manage_section .list_wrap .list .txt-item { position: absolute; left: 0; top: 50%; width: 100%; height: 100%; text-align: left; transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); }
}
@media (max-width: 767px) {
    .smooth-scroll .manage_section .list_wrap .list .img_wrap { display: none; }
    .smooth-scroll .manage_section .list_wrap .list .txt_wrap { width: 100%; }
    .smooth-scroll .list_wrap .list .tit_area { margin: 0 0 10px 0; }
    .smooth-scroll .manage_section .list_wrap .list { margin: 0 0 12vw 0; }
    .smooth-scroll .manage_section .list_wrap .list .txt_wrap li { margin: 0 0 5.3vw 0; }
    .smooth-scroll .manage_section .list_wrap .list .txt_wrap li:first-child { margin: 0 0 10.6vw 0; }
    .smooth-scroll .manage_section .list_wrap .list .txt_wrap li:last-child { margin-left: 0; }
    .smooth-scroll .list_wrap .list .txt-item dl { margin: 4vw 0 0 0; padding-left: 25px; }
    .smooth-scroll .list_wrap .list .txt-item dt { margin: 0 0 10px 0; }
    .smooth-scroll .list_wrap .list .txt-item dt span { top: -4px; }

    .manage_section .banner { height: 112px; padding: 20px 14px; flex-direction: column; justify-content: space-between; background-size: cover; }
}

/* 吏��띻��κ꼍�� 異붽� */
.manage_section .list_wrap { margin-bottom: 280px; }
.manage_section .list_wrap .ly_flex { display: flex; margin-bottom: 80px }
.manage_section .list_wrap .tit_box { width: 465px; }
.manage_section .list_wrap .cont_box { width: calc(100% - 465px); padding-left: 145px; }
.manage_section .list_wrap .tit_box span { display: block; font-size: 1.17rem; margin: -25px 0 10px 0; }
.manage_section .list_wrap .tit_box h3 { font-size: 3.17rem; color: #191919; white-space: nowrap; }
.manage_section .list_wrap .txt { font-size: 1rem; line-height: 1.6; letter-spacing: -0.05em; color: #505050;  }
.manage_section .list_wrap .img_list {  display: flex; flex-wrap: wrap; justify-content: space-between; margin-right: -84px; }
.manage_section .list_wrap .img_list li { width: calc(33.3% - 84px); margin-right: 84px; }
.manage_section .list_wrap .img_list li .txt_box { display: flex; flex-wrap: nowrap; align-items: flex-start; margin-top: 42px; }
.manage_section .list_wrap .img_list li .txt_box span { padding-right: 50px; letter-spacing: -0.05em; color: #0E2071; font-weight: 700; font-size: 1rem; line-height: 1.58; }
.manage_section .list_wrap .img_list li .txt_box .txt h4 { font-weight: 700; font-size: 1.76rem; line-height: 1.2; letter-spacing: -0.05em; color: #191919; }
.manage_section .list_wrap .img_list li .txt_box .txt p { margin-top: 20px; }
@media (min-width: 1024px) {
    .manage_section .list_wrap .img_list li:nth-child(2) { margin-top: 130px; }
    .manage_section .list_wrap .img_list li:nth-child(3) { margin-top: 49px; }
}
@media (max-width: 1023px) {
    .manage_section .list_wrap .ly_flex { display: block }
    .manage_section .list_wrap .tit_box { width: 100%; }
    .manage_section .list_wrap .cont_box { padding: 0; width: 100%; margin-top: 30px; }
    .manage_section .list_wrap .img_list { margin-right: -30px; }
    .manage_section .list_wrap .img_list li { width: calc(33.3% - 30px); margin-right: 30px; }
    .manage_section .list_wrap .img_list li .txt_box span { padding-right: 20px; }
}
@media (max-width: 767px) {
    .manage_section .list_wrap .tit_box h3 { font-size: 2.07rem; line-height: 1.3; }
    .manage_section .list_wrap .tit_box span { margin-top: 0; }
    .manage_section .list_wrap .ly_flex { margin-bottom: 60px; }
    .manage_section .list_wrap .img_list { margin-right: 0; }
    .manage_section .list_wrap .img_list li { width: 100%; margin: 0 0 60px 0; }
    .manage_section .list_wrap .img_list li:last-child { margin-bottom: 0; }
    .manage_section .list_wrap .img_list li .txt_box { margin-top: 5.3vw; }
    .manage_section .list_wrap { margin-bottom: 40vw; }
}

/* �뚯궗�뚭컻 > �고쁺 */
.bg_history { background-image: url(../images/bg_history.jpg); }
.history_section .bg { position: absolute; top: -636px; left: 50%; z-index: -1; width: 100vw; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); content: ''; }
.history_section .bg img { position: relative; top: -220px; }
.history_section .list_wrap .list { border-bottom: 1px solid #e6e6e6; }
.history_section .list_wrap .list:last-child { border: 0; }
.history_section .list_wrap .list .inner { padding: 50px 0 100px; }
.history_section .list_wrap .list .img-item { transition: opacity .2s ease; }
.history_section .list_wrap .list .img-item img { display: none; }
.history_section .list_wrap .list .img-item:first-child img { display: block !important; }
.history_section .list .year { margin: 0 0 19px 0; font-size: 4rem; letter-spacing: -0.05em; color: #0E2071; }
.history_section .list .year + p { font-size: 1.65rem; font-weight: 700; letter-spacing: -0.05em; }
.history_section .list .img-item.active { width: 1440px; position: fixed; top: 120px; left: 50%; transform: translateX(-50%);}
.history_section .list .img-item.hidden { opacity: 0; }
.history_section .list .txt-item { margin: 0 0 80px 0; }
.history_section .list .txt-item:last-child { margin: 0; }
.history_section .list .txt-item:after { display: block; clear: both; content: ''; }
.history_section .history_img { margin: 0 0 15px 0; }
.history_section .history_img img { margin: 0 0 10px 0; }
.history_section .history_img img:last-child { margin: 0; }
.history_section .history_year, .history_section .history_cont { float: left; }
.history_section .history_year { width: 86px; font-size: 1.17rem; font-weight: 700; line-height: 1.5; color: #191919; }
.history_section .history_cont { width: calc(100% - 86px); }
.history_section .history_cont p { position: relative; padding-left: 14px; letter-spacing: -0.05em; line-height: 1.76; }
.history_section .history_cont p:before { position: absolute; left: 0; top: 12px; width: 4px; height: 4px; border-radius: 100%; background: #ccc; content: ''; }
.history_section .history_cont p span { margin-right: 10px; }
@media (max-width: 1440px) {
    .history_section .list .img-item.active { width: 100%; padding: 0 15px; }
}
@media (max-width: 1199px) {
    .smooth-scroll .history_section .list_wrap .list .img_wrap,
    .smooth-scroll .history_section .list_wrap .list .txt_wrap { width: 50%; }
}
@media (max-width: 767px) {
    .history_section .list .img-item.active { width: 50%; left: 0; transform: translateX(0); }
    .smooth-scroll .history_section .list .img_wrap { width: 40%; }
    .smooth-scroll .history_section .list .txt_wrap { width: 60%; }
    .history_section .list .year { margin: 0 0 10px 0; font-size: 2.6rem; }
    .history_section .list .year + p { font-size: 1.38rem; }
    .history_section .history_year, .history_section .history_cont { width: 100%; }
    .history_section .history_cont p { padding-left: 8px; }
    .history_section .history_cont p:before { top: 9px; width: 2px; height: 2px; }
    .history_section .list .txt-item { margin: 0 0 8vw 0; }
}

/* �뚯궗�뚭컻 > �섏긽�몄쬆 */
.bg_award { background-image: url(../images/bg_award.jpg); }
.history_section .history_cont ul li { display: flex; flex-wrap: wrap; }
.history_section .history_cont ul li p { padding: 0; }
.history_section .history_cont ul li p:before { display: none; }
.history_section .history_cont ul li .month { width: 42px; font-weight: 500; letter-spacing: -0.05em; color: #191919; }
.history_section .history_cont ul li .txt { width: calc(100% - 42px); }
.award_section { padding: 200px 0; }
.award_section .c2 { position: relative; }
.award_section .award_tab { margin: 30px 0 0 0; }
.award_section .award_tab li { margin: 0 0 10px 0; font-weight: 700; }
.award_section .award_tab a { display: inline-block; padding: 0 20px; border-radius: 100px; font-size: 0.88rem; line-height: 38px; letter-spacing: -0.05em; color: #101E5D; background: rgba(255,255,255,.1); }
.award_section .award_tab a:not(.on) { color: #fff; }
.award_section .award_tab a span { margin: 0 0 0 7px; font-weight: 400; }
.award_section .award_tab .on { background: #fff; }
.award_section .award_slider_wrap { position: absolute; visibility: hidden; width: 100%; padding: 0 74px; }
.award_section .award_slider_wrap.active { position: relative; visibility: visible; }
.award_section .award_slider { overflow: hidden; }
.award_section .award_slider h3 { margin: 20px 0 14px 0; font-weight: 1.17rem; font-weight: 500; color: #fff; }
.award_section .award_slider .txt { color: #878EAE; }
.award_section .award_slider .btn_down2 { margin-top: 20px; border-color: rgba(255,255,255,.4); color: #fff; }
.award_section .award_slider .btn_down2:after { background-image: url(../images/ic_down_hover.svg); }
:lang(en) .award_section .award_slider .btn_down2 { width: 135px; }
.award_section .award_slider .swiper-button-prev,
.award_section .award_slider .swiper-button-next  { width: 26px; height: 49px; top: 50%; margin-top: -24px; background: url(../images/slider_btn.svg)no-repeat; }
.award_section .award_slider .swiper-button-prev:after,
.award_section .award_slider .swiper-button-next:after { display: none; }
.award_section .award_slider .swiper-button-prev { left: 0; transform: rotate(180deg); }
.award_section .award_slider .swiper-button-next { right: 0; }
@media (min-width: 768px) {
    .history_section .history_cont ul li p { line-height: 1.76; }
    .history_section.v2 .txt-item { margin: 0 0 50px 0; }
}
@media (max-width: 1023px) {
    .award_section { padding: 24vw 0; }
    .award_section .award_tab { display: flex; justify-content: center; margin: 8vw -15px 8vw 0; }
    .award_section .award_tab li { margin: 0 15px 0 0; }
}
@media (max-width: 767px) {
    .award_section .award_tab a { padding: 0 10px; font-size: 0.92rem; line-height: 24px; }
    :lang(en) .award_section .scroll { overflow-x: scroll; margin: 0 -14px 8vw; }
    :lang(en) .award_section .scroll .award_tab { display: inline-flex; min-width: 465px; padding: 0 14px; margin-bottom: 0; }
    :lang(en) .award_section .award_tab a { white-space: nowrap; padding: 0 20px; }
    :lang(en) .award_section .award_slider .btn_down2 { width: 100px; }
    .award_section .award_slider_wrap { padding: 0 30px; }
    .award_section .award_slider .swiper-button-prev, .award_section .award_slider .swiper-button-next { width: 12px; height: 24px; margin-top: -12px; background-size: contain; }
}

/* �뚯궗�뚭컻 > �ъ뾽�� */
.bg_office { background-image: url(../images/bg_office.jpg); }
.office_section .m_tit { margin: 0 0 70px 0; }

.office_section .btn_down2 { width: 143px; white-space: nowrap; margin: 134px 0 28px auto; }
.office_section .btn_down2:hover { border-color: #0E2071; background: #0E2071; color: #fff; }
.office_section .map_list>li:not(.list_v2) { margin: 0 0 100px 0; }
.office_section .map_list h3 { display: flex; flex-wrap: wrap; align-items: center; padding: 36px 0; font-size: 1.53rem; letter-spacing: -0.05em; color: #191919; }
.office_section .map_list h3 span { margin: 0 0 0 10px; font-size: 1rem; font-weight: 400; letter-spacing: 0; color: #505050; }
.office_section .map_list .map_tit { margin: 0 0 50px 0; border-top: 1px solid #505050; border-bottom: 1px solid #f1f1f1; }
.office_section .map_list .info_box dl { margin: 0 0 50px 0; }
.office_section .map_list .info_box dt { margin: 0 0 10px 0; font-weight: 700; letter-spacing: -0.05em; line-height: 1.2; color: #191919; }
.office_section .map_list .info_box dd { position: relative; padding: 0 0 0 14px; letter-spacing: -0.05em; line-height: 1.76; }
.office_section .map_list .info_box dd:before { position: absolute; left: 0; top: 13px; width: 4px; height: 4px; border-radius: 100%; background: #ccc; content: ''; }
.office_section .map_list .u_list { display: flex; flex-wrap: wrap; margin: 0 0 66px 0; }
.office_section .map_list .u_list li { margin: 0 28px 0 0; text-align: center; line-height: 1.76; }
:lang(en) .office_section .map_list .u_list li { width: 85px; }
:lang(en) .office_section .map_list { margin-top: 134px; }
.office_section .map_list .u_list li:last-child { margin: 0; }
.office_section .map_list .u_list li:before { display: block; width: 46px; height: 46px; margin: 0 auto; border-radius: 100%; background-repeat: no-repeat; background-position: center; background-color: #F4F5F9; content: ''; }
.office_section .map_list .u_list .produce:before { background-image: url(../images/ic_produce.svg); }
.office_section .map_list .u_list .research:before { background-image: url(../images/ic_research.svg); }
.office_section .map_list .u_list .qa:before { background-image: url(../images/ic_qa.svg); }
.office_section .map_list .u_list .office:before { background-image: url(../images/ic_office.svg); }
.office_section .map_list .u_list .material:before { background-image: url(../images/ic_material.svg); }
.office_section .map_list .u_list .sales:before { background-image: url(../images/ic_sales.svg); }
.office_section .map_list .u_list .pay:before { background-image: url(../images/ic_pay.svg); }
.office_section .map_list .u_list .develop:before { background-image: url(../images/ic_develop.svg); }
.office_section .map_list .u_list .distribution:before { background-image: url(../images/ic_distribution.svg); }
.office_section .btn_map { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 30px 0; font-weight: 700; letter-spacing: -0.05em; color: #0E2071; }
.office_section .btn_map:before, .office_section .btn_map:after { width: 26px; height: 26px; content: ''; }
.office_section .btn_map:before { margin: 0 10px 0 0; background: url(../images/ic_map.svg)no-repeat; }
.office_section .btn_map:after { margin: 0 0 0 10px; border-radius: 100%; background: url(../images/map_arrow.svg)no-repeat center #F9F9F9; transform: rotate(180deg); transition: .2s ease; }
.office_section .btn_map.on:after { transform: rotate(0); }
.office_section .map_box { display: none; }
.office_section .map_box .map { height: 400px; background: #ccc; }
.office_section .map_box .map iframe { width: 100%; height: 100%; }
.office_section .map_list .tit_box { border-top: 1px solid #e6e6e6; }
.office_section .map_list .tit_box h3 span { margin: 0; font-size: inherit; color: inherit; }
:lang(en) .office_section .map_list .tit_box h3 span { margin-top: 12px; }
.office_section .map_list>li:last-child .tit_box { border-bottom: 1px solid #e6e6e6; }
.office_section .map_list .info_box>div:first-child { overflow: hidden; }
.office_section .slider_wrap { position: relative; }
.office_section .slider_wrap .swiper-slide { height: 317px; }
.office_section .slider_wrap img { width: 100%; height: 100%; object-fit: cover; }
.office_section .swiper-button-prev, .office_section .swiper-button-next { width: 42px; height: 42px; top: 50%; margin-top: -21px; border-radius: 100%; background: url(../images/slider_bt2.svg)no-repeat center rgba(0,0,0,.2); }
.office_section .swiper-button-prev { left: 20px; }
.office_section .swiper-button-next { right: 20px; transform: rotate(180deg); }
.office_section .slider_wrap .swiper-pagination-bullets { bottom: -26px; }
.office_section .slider_wrap .swiper-pagination-bullet { width: 6px; height: 6px; background: #0E2071; opacity: .3; }
.office_section .slider_wrap .swiper-pagination-bullet-active { width: 30px; border-radius: 5px; opacity: 1; }
@media (min-width: 768px) {
    .office_section .map_list .info_box { flex-direction: row-reverse; justify-content: space-between; }
    .office_section .map_list .info_box>div { width: 50%; }
    .office_section .map_list .info_box>div:first-child { width: 49%; }
    .office_section .map_list .tit_box { display: flex; flex-wrap: wrap; align-items: center; }
    .office_section .map_list .tit_box h3 { width: 20.5%; }
    .office_section .map_list .tit_box p { width: 79.5%; }
}
@media (max-width: 767px) {
    .office_section .m_tit { margin: 0 0 20px 0; }
    .office_section .btn_down2 { margin: 24vw 0 20px auto; }
    :lang(en) .office_section .map_list { margin-top: 24vw; }
    .office_section .map_list>li:not(.list_v2) { margin-bottom: 13.3vw; }
    .office_section .map_list .map_tit { padding: 20px 0; margin: 0 0 5.3vw 0; }
    .office_section .map_list .tit_box { padding-bottom: 20px; }
    .office_section .map_list .tit_box p { line-height: 1.54; }
    .office_section .map_list h3 { padding: 20px 0; }
    .office_section .map_list .info_box dd:before { top: 8px; }
    .office_section .map_list .info_box>div:first-child { margin: 0 0 5.3vw 0; }
    .office_section .map_list .info_box dl { margin: 0 0 8vw 0; }
    .office_section .map_list .u_list { margin: 0 0 8vw 0; }
    .office_section .map_list .u_list li { margin: 0 14px 0 0; }
    .office_section .btn_map { margin-bottom: 5.3vw; }
    .office_section .map_box .map { height: 200px; }
    .office_section .swiper-button-prev, .office_section .swiper-button-next { width: 30px; height: 30px; margin-top: -25px; background-size: contain; }
    .office_section .swiper-button-prev { left: 10px; }
    .office_section .swiper-button-next { right: 10px; }
    .office_section .slider_wrap .swiper-pagination-bullets { display: flex; flex-wrap: wrap; justify-content: center; position: static; margin: 15px 0 0 0; }
    :lang(en) .office_section .map_list .map_tit { display: block; }
    :lang(en) .office_section .map_list .u_list li { width: 58px; }
    :lang(en) .office_section .map_list h3 span { display: block; margin: 5px 0 0 0; }
    :lang(en) .office_section .map_list .tit_box h3 span { margin-top: 0; }
}

/* �뚯궗�뚭컻 > �댁쇅�ъ뾽�� */
.office_section .map_img { margin: 0 0 200px 0; }
@media (max-width: 1023px) {
    .office_section .map_img { margin: 0 0 24vw 0; }
}

/* �뚯궗�뚭컻 > uni in */
.bg_uniin { background-image: url(../images/bg_uniin.jpg); }
.uniin_section .in_box { margin: 0 0 200px 0; }
.uniin_section .in_box .box { position: relative; width: 45%; padding-top: 45%; border-radius: 100%; }
.uniin_section .in_box .box:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 100%; background: rgba(70, 96, 215, 0.05); opacity: 0; content: ''; transition: 1s 1s ease-in-out; }
.uniin_section .in_box .box:after { position: absolute; width: 62px; height: 22px; background: url(../images/uniin_arrow.svg)no-repeat; content: ''; }
.uniin_section .in_box .box dl { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 67px; left: 67px; right: 67px; bottom: 67px; border-radius: 100%; background: #4660D7; color: #fff; text-align: center; letter-spacing: -0.05em; }
.uniin_section .in_box .box dl:before { position: absolute; top: -47px; left: -47px; right: -47px; bottom: -47px; border-radius: 100%; background: rgba(70, 96, 215, 0.05); opacity: 0; content: ''; transition: .3s 1s ease-in-out; }
.uniin_section .in_box .box dt { margin: 0 0 26px 0; font-size: 2.1rem; font-weight: 700; line-height: 1.2; }
.uniin_section .in_box .box dt:before { display: block; width: 46px; height: 46px; margin: 0 auto 50px; background: url(../images/ic_uniin.svg)no-repeat center; content: ''; }
.uniin_section .in_box .box.aos-animate:before, .uniin_section .in_box .box.aos-animate dl:before { opacity: 1; }
.uniin_section .in_box ul { display: flex; flex-wrap: wrap; counter-reset: item; }
.uniin_section .in_box ul li { position: relative; width: calc(50% + 20px); height: 0; margin-left: -20px; padding-top: calc(50% + 18px); border: 1px solid #E6E6E6; border-radius: 100%; text-align: center; background: #fff; counter-increment: item; }
.uniin_section .in_box ul li:nth-last-child(-n+2) { margin-top: -40px; }
.uniin_section .in_box ul li:nth-child(1) { z-index: 4; }
.uniin_section .in_box ul li:nth-child(3) { z-index: 3; }
.uniin_section .in_box ul dl { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.uniin_section .in_box ul dt { margin: 0 0 20px 0; font-size: 1.53rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.04; color: #4660D7; }
.uniin_section .in_box ul dt:before { display: block; margin: 0 auto 30px; font-size: 1rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.59; color: rgba(70, 96, 215, 0.5); content: '0'counter(item); }
.uniin_section .in_tit { font-size: 1.53rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.2; color: #191919; }
.uniin_section .system_list { display: flex; margin: 20px 0 0 0; }
.uniin_section .system_list li { display: flex; flex-wrap: wrap; align-items: flex-end; width: calc(33.333% - 9.333px); height: 380px; padding: 0 28px 40px 40px; background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; letter-spacing: -0.05em; }
.uniin_section .system_list li:nth-child(1) { background-image: url(../images/uniin_system1.jpg); }
.uniin_section .system_list li:nth-child(2) { background-image: url(../images/uniin_system2.jpg); }
.uniin_section .system_list li:nth-child(3) { background-image: url(../images/uniin_system3.jpg); }
:lang(en) .uniin_section .system_list li dl dd { height: 54px; }
.uniin_section .system_list dt { margin: 0 0 20px 0; font-size: 1.53rem; font-weight: 700; line-height: 1.2; }
.uniin_section .welfare_list { justify-content: space-between;  margin: -14px 0 0 0; }
.uniin_section .welfare_list li { width: calc(50% - 7px); height: 112px; margin-top: 14px; padding: 40px 40px 0; background-position: top 40px right 40px; background-repeat: no-repeat; background-color: #F4F5F9; }
.uniin_section .welfare_list li:nth-child(1) { background-image: url(../images/ic_welfare1.svg); }
.uniin_section .welfare_list li:nth-child(2) { background-image: url(../images/ic_welfare2.svg); }
.uniin_section .welfare_list li:nth-child(3) { background-image: url(../images/ic_welfare3.svg); }
.uniin_section .welfare_list li:nth-child(4) { background-image: url(../images/ic_welfare4.svg); }
:lang(en) .uniin_section .welfare_list li { padding-bottom: 40px; height: auto; }
.uniin_section .welfare_list dt { margin: 0 0 20px 0; font-size: 1.53rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.2; color: #0E2071; }
@media (min-width: 1024px) {
    .uniin_section .in_box { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .uniin_section .system_list { margin: 50px 0 0 0; }
    .uniin_section .system_list li { width: calc(33.333% - 18.666px); }
    .uniin_section .welfare_list { margin: -28px 0 0 0; }
    .uniin_section .welfare_list li { width: calc(50% - 14px); height: 180px; margin-top: 28px; }
    .uniin_section .in_box .box:after { top: 50%; right: -114px; margin-top: -11px; }
    .uniin_section .in_box ul { width: 41.6%; }
}
@media (min-width: 768px) {
    .uniin_section .system_list { justify-content: space-between; }
    .uniin_section .welfare_list {}
}
@media (max-width: 1355px) {
    :lang(en) .uniin_section .system_list li dl dd { height: 76px; }
}
@media (max-width: 1199px) {
    .uniin_section .welfare_list li { padding: 20px 20px 0; background-position: top 20px right 20px; }
    :lang(en) .uniin_section .welfare_list li { padding-bottom: 20px; }
}
@media (max-width: 1179px) {
    .uniin_section .in_box .box dl { left: 47px; right: 47px; top: 47px; bottom: 47px; }
    .uniin_section .in_box .box:before { left: 14px; top: 14px; right: 14px; bottom: 14px; }
    .uniin_section .in_box ul dt:before { margin: 0 auto 14px; }
    .uniin_section .in_box ul dt { margin: 0 0 10px 0; }
    .uniin_section .system_list li { padding: 0 20px 30px; }
}
@media (max-width: 1179px) and (min-width: 768px) {
    .uniin_section .in_box ul dd { font-size: 15px; }
}
@media (max-width: 1023px) {
    .uniin_section .in_box .box { width: 60%; padding-top: 60%; margin: 0 auto; }
    .uniin_section .in_box .box:after { bottom: -10px; left: 50%; margin-left: -31px; transform: rotate(90deg);}
     .uniin_section .in_box ul { width: 70%; margin: 50px auto 0; }
}
@media (max-width: 767px) {
    :lang(en) .uniin_section .system_list li dl dd { height: 40px; }
    .uniin_section .in_tit { font-size: 1.38rem; }
    .uniin_section .in_box { margin: 0 0 24vw 0; }
    .uniin_section .in_box .box { width: 100%; padding-top: 100%; }
    .uniin_section .in_box .box:before { left: 10px; right: 10px; top: 10px; bottom: 10px; }
    .uniin_section .in_box .box dl { left: 34px; right: 34px; top: 34px; bottom: 34px; }
    .uniin_section .in_box .box dt { margin: 0 0 10px 0; font-size: 1.53rem; }
    .uniin_section .in_box .box dt:before { margin: 0 auto 20px; }
    .uniin_section .in_box ul { width: calc(100% - 20px); margin-left: 20px; }
    .uniin_section .in_box ul li:nth-last-child(-n+2) { margin-top: -18px; }
    .uniin_section .system_list { overflow-x: scroll; margin: 20px -14px 0 0; }
    .uniin_section .system_list li { flex-shrink: 0; width: calc(90% - 14px); margin: 0 14px 0 0; }
    .uniin_section .welfare_list li { height: 150px; padding: 10px 14px; background-size: 23px; background-position: top 14px right 14px; }
    .uniin_section .welfare_list dl { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; height: 100%; }
    .uniin_section .welfare_list dt { font-size: 1.38rem; }
    .uniin_section .welfare_list .txt { height: 80px; }

    :lang(en) .uniin_section .in_box .box dl .txt { line-height: 1.1; font-size: 11px; }
    :lang(en) .uniin_section .in_box ul li .txt { line-height: 1.1; font-size: 11px; }
    :lang(en) .uniin_section .welfare_list li { padding-bottom: 10px; }
    :lang(en) .uniin_section .welfare_list li .txt { height: 140px; }
    :lang(en) .uniin_section .welfare_list li:nth-child(3) .txt,
    :lang(en) .uniin_section .welfare_list li:nth-child(4) .txt { height: 105px; }
}
@media (max-width: 320px) {
    .uniin_section .welfare_list li { width: calc(100% - 7px); height: 120px; }
}

/* 媛쒖씤�뺣낫泥섎━諛⑹묠 */
.etc_article { padding: 0 0 100px 0; }
.etc_article .section_layout { padding: 30px 0 100px 0; margin: 0; border-bottom: 1px solid #E6E6E6; }
.etc_article .section_layout a:hover { color: #0E2071; }
.etc_article .section_layout:first-child { margin: 127px 0 0 0; border-top: 1px solid #505050; }
.etc_article .section_layout:last-child { border-bottom: 0; padding-bottom: 0; }
.etc_article .section_layout strong, .etc_article .section_layout .txt span { color: #191919; font-weight: 500; }
.etc_article .section_layout .txt span { font-weight: 500; }
.etc_article .bullet_txt { color: #191919; }
.etc_article .bullet_txt:before { background: #191919; }
.privacy_tit { position: relative; padding: 0 0 0 59px; font-size: 1.17rem; line-height: 1.5; color: #191919; }
.privacy_tit span { position: absolute; left: 0; top: 0; font-size: 1rem; }
.privacy_section strong { font-weight: 500; }
article .etc_article .section_layout .txt .dot { display: flex; color: rgba(80, 80, 80, 1); font-weight: 400; }
article .etc_article .section_layout .txt .dot::before { content: "쨌"; margin: 0 6px 0 2px; }
article .etc_article .section_layout .txt ul span { margin-left: -10px; color: rgba(80, 80, 80, 1); font-weight: 400; }
.hangul_list, .num_lists { padding-left: 20px; }
.hangul_list li { list-style: hangul; color: #191919; font-weight: 500; }
.num_list li { list-style: auto; color: #505050; font-weight: 400; }
@media (max-width: 1023px) {
    .privacy_tit { margin: 0 0 5.3vw 0; padding: 0 0 0 32px; }
    .privacy_tit span { top: 2px; font-size: 0.92rem; }
}
@media (max-width: 767px) {
    .etc_article .section_layout:first-child { margin: 24vw 0 0 0; }
    .etc_article .section_layout { padding: 10px 0 13.3vw 0; }
}

/* 荑좏궎 �앹뾽 */
.pop_wrap { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 30; width: 100%; height: 100%; }
.pop_wrap.on { background: rgba(0,0,0,.6); }
.popup { padding: 40px; background: #fff; position: relative; }
.popup .close { position: absolute; top: 40px; right: 40px; width: 23px; height: 23px; background: url(../images/popup_close.svg)no-repeat; }
.pop_head h2 { font-size: 1.53rem; line-height: 1.38; letter-spacing: -0.05em; color: #191919; }
.pop_head .txt { margin: 10px 0 0 0; }
.pop_content { margin: 20px 0 0 0; }
.pop_content .link { text-decoration: underline; }
.pop_footer { margin: 55px 0 0 0; }
.pop_cookie { max-width: 930px; padding-bottom: 55px; }
.pop_cookie .btn_group { justify-content: flex-end; }
.pop_cookie .btn_group button { position: relative; margin: 0 20px 0 0; letter-spacing: -0.05em; }
.pop_cookie .btn_group button:before { position: absolute; right: -20px; top: 50%; width: 1px; height: 26px; margin-top: -13px; vertical-align: middle; background: #e6e6e6; content: ''; }
.pop_cookie .btn_group button:last-child { margin: 0; }
.pop_cookie .btn_group button:last-child:before { display: none; }
.pop_cookie .btn_group button:not(.btn_link):hover { color: #0E2071; }

.pop_cookie .btn_group .btn_link:hover { margin: 0 0 0 20px; }
.pop_cookie .radio_list { display: block; margin: 50px 0 0 0; word-break: keep-all; }
.pop_cookie .radio_list li { margin: 0 0 40px 0; }
.pop_cookie .radio_list li:last-child { margin: 0; }

.pop_wrap.pop_cookie1_wrap { height: 108px; top: auto; bottom:0; }
.pop_wrap.pop_cookie1_wrap.height { height: 100%; }
.pop_cookie1 { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 100%; }
.pop_cookie1.pop_cookie { padding: 27px 0; }
.pop_cookie1 h2 { font-size: 1rem; }
.pop_cookie1 .ly_flex { display: flex; justify-content: space-between; align-items: center; max-width: 1440px; margin: 0 auto; padding: 0 15px; }
.pop_cookie1 .ly_flex .left { width: calc(100% - 302px); }
.pop_cookie1 .pop_content { margin: 5px 0 0 0; }
.pop_cookie1 .pop_content .txt { font-size: 0.94rem; }
.pop_cookie1 .pop_footer { margin: 0; width: 302px; }
:lang(en) .pop_cookie1 .ly_flex .left { width: calc(100% - 335px); }
:lang(en) .pop_cookie1 .pop_footer { width: 335px; }
.pop_cookie1.popup .close { top: 50%; right: 50px; transform: translateY(-50%); }
@media (min-width: 1024px) {
    .pop_cookie { min-width: 600px; }
    .pop_cookie .radio_list { max-width: 84%; }
}
@media (min-width: 768px) {
    .pop_cookie .btn_group .btn_link { padding-right: 62px; }
    .pop_cookie .radio_list label { width: 180px; }
    .pop_cookie .radio_list li { display: flex; flex-wrap: wrap; align-items: center; }
    .pop_cookie .radio_list .txt { width: calc(100% - 180px); padding-left: 20px; }
}
@media (max-width: 1600px) {
    .pop_cookie1 .ly_flex { padding-right: 110px;}
    .pop_cookie1 .popup .close { right: 15px; }
}
@media (max-width: 1023px) {
    .popup { width: 94%; }
    .pop_cookie1.popup { width:100%; }
    .pop_cookie1 .ly_flex .left { width: 100%; }
    .pop_cookie1 .ly_flex { display: block; padding-right: 50px; }
    .pop_cookie1 .pop_footer { padding-top: 30px; width: 100%;  }
    .pop_cookie1.popup .close { top: 20px; right: 20px; transform: translateY(0%); }

    :lang(en) .pop_cookie1 .ly_flex .left { width: 100% }
    :lang(en) .pop_cookie1 .pop_footer { width: 100%; }
}
@media (max-width: 767px) {
    .pop_cookie1 .ly_flex { padding-right: 15px; }
    .pop_cookie1 .pop_footer { padding-top: 20px; }
    .popup { padding: 45px 20px 30px; }
    .popup .close, .pop_cookie1.popup .close { top: 15px; right: 15px; width: 18px; height: 18px; background-size: contain; }
    .popup .radio_list .txt { margin-top: 10px; }
    .pop_cookie .radio_list { margin: 8vw 0 0 0; }
    .pop_cookie .radio_list li { width: 100%; margin: 0 0 5.3vw 0; }
    :lang(en) .pop_cookie1.popup .close { top: 10px; }
}

/* �앹뾽李� */
.alert_box .modal_pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: none; z-index: 999; }
.alert_box .modal_pop .popup { width: 100%; height: 100%; margin: 0 auto; border-radius: 30px; overflow: hidden; position: relative; display: block !important; background: transparent; }
.alert_box .popup .pop_in { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 728px; height: auto; padding: 82px 0 86px; background: #fff; text-align: center; z-index: 10; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.alert_box span.close { position: absolute; top: 32px; right: 32px; width: 28px; height: 26px; display: flex; cursor: pointer; }
.alert_box .icon { display: flex; margin: 0 auto; background: url(../images/alert_ic.svg)no-repeat; width: 46px; height: 46px; margin-bottom: 20px; }
.alert_box .popup .pop_in .txt_box span { font-size: 1.76rem; line-height: 1.2; font-weight: 700; color: #191919; padding-bottom: 18px; display: block; letter-spacing: -0.05em; }
.alert_box .popup .pop_in .txt_box p { font-size: 1rem; line-height: 1.47; color: #565656; font-weight: 400; letter-spacing: -0.05em; }
.modal_pop .btn_group { margin-top: 44px; }
.alert_box .modal_pop button { width: 101px; height: 54px; cursor: pointer; background: #fff; color: #999; font-size: 1rem; font-weight: 500; position: relative; top: 0; right: 0; margin: 0 5px; border: 1px solid #ccc; letter-spacing: -0.05em; }
.alert_box .modal_pop button.confirm_close { background: #0E2071; border-color: #0E2071; color: #fff; }

@media (max-width: 767px) {
    .alert_box .icon { width: 28px; height: 28px; margin-bottom: 10px; background-size: contain; }
    .alert_box span.close { top: 15px; right: 15px; width: 18px; height: 18px; }
    .alert_box .popup .pop_in { width: 90%; padding: 40px 0; }
    .alert_box .popup .pop_in .txt_box { padding: 0 10px; }
    .alert_box .popup .pop_in .txt_box span { padding-bottom: 9px; }
    .alert_box .modal_pop button { width: 96px; height: 40px; }
    .modal_pop .btn_group { margin-top: 22px; }

}

/* �곷Ц �먭컙 */
:lang(en) h1,
:lang(en) h2,
:lang(en) h3,
:lang(en) h4,
:lang(en) h5,
:lang(en) h6,
:lang(en) p,
:lang(en) span,
:lang(en) a { letter-spacing: 0!important; }

/* 20230524 */
.footer-sitemap {position: fixed; top: 100%; border-top: 1px solid #dbdbdb; margin-top: 30px; padding-top: 30px;}
.footer-sitemap ul {font-size: 0;}
.footer-sitemap ul li {
	position: relative;
	display: inline-block;
	font-size: 16px;
	padding: 7px 0;
}

@media (min-width: 1401px) {
	.footer-sitemap ul li:not(.last):after {
		content: '';
		display: inline-block;
		width: 1px;
		height: 12px;
		margin: 0 20px;
		background-color: #ddd;
	}

	.footer-sitemap ul li:last-child:after {
		display: none;
	}

}

@media (max-width: 1400px) {
	.footer-sitemap ul {margin: 0 -10px;}
	.footer-sitemap ul li {padding: 7px 10px;}
}