@font-face { font-family: "NanumSquare"; font-weight: 300; src: url("/asset/font/NanumSquareL.ttf") format("truetype"); } 
 @font-face { font-family: "NanumSquare"; font-weight: 400; src: url("/asset/font/NanumSquareR.ttf") format("truetype"); } 
 @font-face { font-family: "NanumSquare"; font-weight: 700; src: url("/asset/font/NanumSquareB.ttf") format("truetype"); } 
 @font-face { font-family: "NanumSquare"; font-weight: 800; src: url("/asset/font/NanumSquareEB.ttf") format("truetype"); } 
 @font-face { font-family: "NotoSans"; font-weight: 800; src: url("/asset/font/NotoSans-ExtraBold.ttf") format("truetype"); } 
 /* reset.css */
 *,
 *::before,
 *::after { box-sizing: border-box; margin: 0; padding: 0; font-family: "NanumSquare", "NotoSans", sans-serif; color: #000000; } 

 html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; scroll-behavior: smooth; overflow-x: hidden !important;} 

 body,
 h1,
 h2,
 h3,
 h4,
 p,
 figure,
 blockquote,
 dl,
 dd { margin-block-end: 0; } 

 ul li { list-style: none; } 

 h1,
 h2,
 h3,
 h4,
 button,
 input,
 label { line-height: 1.1; } 

 h1,
 h2,
 h3,
 h4 { text-wrap: balance; } 

 a { text-decoration: none; color: #000000; } 

 img,
 picture { display: inline-block; } 

 input,
 button,
 textarea,
 select { font: inherit; } 

textarea::-webkit-scrollbar { width: 12px; } 

textarea::-webkit-scrollbar-button { display: none; } 

textarea::-webkit-scrollbar-track { background-color: transparent; } 

textarea::-webkit-scrollbar-thumb { background: #8B8B8B; border-radius: 5px; } 
 

 input { height: 70px; padding: 20px 24px; border: 1px solid #CCCCCC; color: #000000; font-size: 20px; font-weight: 400; line-height: 30px; text-align: left; border-radius: 0 !important; } 
 input[type=text], input[type=tel] , input[type=email] { -webkit-appearance: none; -webkit-border-radius: 0; } 
 input:focus { border: 1px solid #000000 !important; border-radius: 0 !important; } 
 input::placeholder { color : #777777 !important; } 

 body { position: relative; overflow-x: hidden !important; } 
/* header */
header { height: 90px; position: fixed; top: 0; left: 0; right: 0; z-index: 99; background: #0000004D; backdrop-filter: blur(10px); border-bottom: 1px solid #FFFFFF26; transition: all 0.4s linear; -webkit-backdrop-filter: blur(10px); } 
header.open { background: #FFFFFF; } 
header .header-wrap { height: 100%; padding: 26px 50px; display: flex; justify-content: space-between; } 
/* header.open .header-wrap { border-bottom: 1px solid #DDDDDD; } */
header .header-wrap .logo-wrap img { width: 220px; vertical-align: middle; } 
header .header-wrap .logo-wrap img.tech_logo_bl { display: none; } 
header .header-wrap .logo-wrap img.tech_logo { display: inline-block; } 
header.open .header-wrap .logo-wrap img.tech_logo_bl { display: inline-block; } 
header.open .header-wrap .logo-wrap img.tech_logo { display: none; } 
header .header-wrap .nav-wrap { width: 980px; display: flex; justify-content: space-between; } 
header .header-wrap .nav-wrap li { width: 124px; text-align: center; } 
header .header-wrap .nav-wrap>:last-child {position: relative; width: 140px; } 
header .header-wrap .nav-wrap li a { font-family: "NanumSquare"; font-size: 24px; font-weight: 800; line-height: 36px; text-align: center; padding: 10px 0; color: #FFFFFF; text-align: center; } 
header.open .header-wrap .nav-wrap li a { color: #000000; } 
header .header-wrap .nav-wrap li a.blue-btn { display: inline-block; position: absolute; top: -24%; left: 0; width: 140px; padding: 10px 26px; background: linear-gradient(174.17deg, #0231AD 4.17%, #001754 83.7%); border-radius: 30px; } 
header.open .header-wrap .nav-wrap li a.blue-btn { background: linear-gradient(360deg, #002483 0%, #001754 100%); } 
header.open .header-wrap .nav-wrap li a.blue-btn { color: #FFFFFF; } 
.lang-wrap { display: flex; align-items: center; } 
.lang-wrap span { font-family: "NanumSquare"; font-size: 18px; font-weight: 800; line-height: 1; text-align: center; color: #FFFFFF; } 
header.open .header-wrap .lang-wrap span { color: #000000; } 
header .header-wrap .nav-wrap li a:hover, header.open .lang-wrap:hover span { color: #0046FF; } 
.lang-wrap img { margin-left: 13px; } 
.lang-wrap img.ico-lang-bk, .lang-wrap img.ico-lang-bl { display: none; } 
header.open .header-wrap .lang-wrap img.ico-lang { display: none; } 
header.open .header-wrap .lang-wrap img.ico-lang-bk { display: inline-block; } 
header.open .header-wrap .lang-wrap:hover img.ico-lang-bk { display: none; } 
.lang-wrap:hover img.ico-lang-bl { display: inline-block; } 
.lang-wrap:hover img.ico-lang-bk, .lang-wrap:hover img.ico-lang { display: none; } 
header .mo-nav { width: 22.5px; height: 17.1px; margin-top: 6px; background: url("/asset/image/icon/ico-mo-nav.png") no-repeat; background-size: cover; } 
header .header-wrap .header-menu { position: fixed; top: 90px; left: 0; width: 100%; padding: 50px 0; background: #FFFFFF; z-index: 9; } 
header .header-wrap .nav-wrap li .depth2 { margin-top: 46px; display: none; transition: all 0.4s linear; text-align: center; } 
header.open .header-wrap .nav-wrap li .depth2 { display: block; } 
header .header-wrap .nav-wrap li .depth2 a { display: block; font-size: 17px; font-weight: 800; line-height: 24px; text-align: center; color: #777777; transition: all 0.3s; text-align: center; } 
header .header-wrap .nav-wrap li .depth2 a:hover { color: #0046FF; transition: all 0.3s; } 
.gnb-dim { position: absolute; top: 90px; left: 0; width: 100%; height: 0; background-color: #fff; z-index: -9999; transition: height 0.s linear; box-shadow: 0px 4px 6px 0px #0000001A; } 
header.open .header-wrap .gnb-dim { height: 170px; border-top: 1px solid #DDDDDD; } 
.mo-header-menu { display: none; transition: all 0.3s; } 
/* footer */
footer { padding: 80px 100px; background: #1C1C1C; } 
footer .footer-top { display: flex; justify-content: space-between; margin-bottom: 40px; } 
footer .footer-top>:nth-child(1) { display: flex; } 
footer .footer-top >:nth-child(1) li { width: 140px; display: flex; flex-direction: column; align-items: baseline; } 
footer .footer-top >:nth-child(1) li a { font-size: 14px; font-weight: 400; line-height: 21px; text-align: center; margin-bottom: 10px; color: #888888; transition: all 0.3s; } 
footer .footer-top >:nth-child(1) li>:nth-child(1) { font-size: 17px; font-weight: 800; line-height: 24px; text-align: left; margin-bottom: 20px; } 
footer .footer-top >:nth-child(2) { display: flex; flex-direction: column; gap: 14px; } 
footer .footer-top >:nth-child(1) a:hover { font-weight: 400; color: #FFFFFF; transition: all 0.3s; } 
footer .footer-top >:nth-child(1) li>:nth-child(1):hover { font-weight: 800; color: #888888; } 
footer .footer-top >:nth-child(2) li { } 
footer .footer-top >:nth-child(2) li a { display: inline-block; position: relative; padding-right: 14px; font-size: 14px; font-weight: 700; line-height: 21px; text-align: center; color: #888888; transition: all 0.3s; } 
footer .footer-top >:nth-child(2) li a::after { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #888888; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: all 0.3s; } 
footer .footer-top >:nth-child(2) li a:hover { color: #FFFFFF; transition: all 0.3s; } 
footer .footer-top >:nth-child(2) li a:hover::after { background: #FFFFFF; transition: all 0.3s; } 
footer .footer-bottom { padding-top: 40px; border-top: 1px solid #303030; display: flex; justify-content: space-between; } 
footer .footer-bottom>:nth-child(1) a { display: block; margin-bottom: 24px; cursor: default;} 
footer .footer-bottom>:nth-child(1) >:nth-child(2) { font-size: 14px; font-weight: 400; line-height: 21px; text-align: left; color: #888888; } 
footer .footer-bottom>:nth-child(1) >:nth-child(3) { font-size: 14px; font-weight: 400; line-height: 21px; text-align: left; color: #888888; } 
footer .footer-bottom>:nth-child(2) { position: relative; height: 53px; padding: 17px 24px; border: 1px solid #888888; color: #888888; } 
footer .footer-bottom>:nth-child(2):hover { } 
footer .footer-bottom>:nth-child(2) .family-list { width: 100%; display: none; flex-direction: column; align-items: baseline; gap: 5px; padding: 17px 24px; position: absolute; top: 60px; left: 0; border: 1px solid #FFFFFF; background: #1C1C1C; transition: all 0.3s; } 
footer .footer-bottom>:nth-child(2).open .family-list { display: flex; transition: all 0.3s; } 
footer .footer-bottom>:nth-child(2).open a img { transform: rotate(180deg); transition: all 0.3s; } 
footer .footer-bottom>:nth-child(2) .family-list a { font-size: 14px; font-weight: 700; line-height: 21px; text-align: center; color: #888888; } 
footer .footer-bottom>:nth-child(2) .family-list a:hover { color: #FFFFFF; } 

footer .footer-bottom>:nth-child(2) span { font-size: 14px; font-weight: 700; line-height: 21px; text-align: center; color: #888888; } 
footer .footer-bottom>:nth-child(2):hover span { color: #FFFFFF; } 
footer .footer-bottom>:nth-child(2) img { margin-left: 30px; transition: all 0.3s; } 
.btn-top { display: none; position: relative; width: 80px; height: 80px; border: 1px solid transparent; border-radius: 50%; position: fixed; bottom: 40px; right: 40px; background-color: #007BFF; cursor: pointer; transition: all 0.5s; z-index: 999; } 
.btn-top img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
.btn-top img.ico-top { display: block; } 
.btn-top img.ico-top-bl { display: none; } 
.btn-top:hover { background: #FFFFFF; border: 1px solid #007BFF; } 
.btn-top:hover img.ico-top { display: none; } 
.btn-top:hover img.ico-top-bl { display: block; } 
.mo-dn { display: block !important; } 
.mo-dn-flex { display: flex !important; } 
.mo-dn-table { display: table !important; } 
.pc-dn,.pc-dn-flex,.pc-dn-table { display: none !important; } 
 @media screen and (max-width:1720px) { } 
 @media screen and (max-width:1600px) { } 
 @media screen and (max-width:1440px) { footer { padding: 50px; } 
 }
 @media screen and (max-width:1385px) { 
/* header.open .header-wrap .nav-wrap li a { font-size: 20px; }  */
 header .header-wrap { padding: 25px; } 
 header .header-wrap .nav-wrap { gap: 0; justify-content: space-around; } 
 }
 @media screen and (max-width:1125px){
 .mo-dn, .mo-dn-flex,.mo-dn-table  { display: none !important; } 
 .pc-dn { display: block !important; } 
 .pc-dn-flex { display: flex !important; } 
 .pc-dn-table { display: table !important; } 
 input { width: 100%; height: 50px; padding: 14px 10px; border: 1px solid #CCCCCC; color: #000000; font-size: 17px; font-weight: 400; line-height: 22.4px; text-align: left; } 
 header { height: 70px; } 
 header.open {background: #0000004D;}
 header.open .header-wrap .logo-wrap img.tech_logo {display: block;}
 header.open .header-wrap .logo-wrap img.tech_logo_bl {display: none;}
 header.open .mo-nav.pc-dn {display: block;}
 header .header-wrap { padding: 20px; } 
 header .header-wrap .logo-wrap { width: 165px; margin-top: 2px; } 
 header .header-wrap .logo-wrap img { width: 100%; } 
 .mo-header-menu { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #FFFFFF; z-index: 1000; } 
 .mo-header-menu.open { display: block; overflow-y: auto; padding-bottom: 50px; } 
 .mo-header-menu .menu-top { width: 100%; height: 70px; position:fixed; top: 0; left: 0; display:flex; justify-content: space-between; height: 70px; padding: 0 20px; background: #FFFFFF; } 
 .mo-header-menu .menu-top > div { display: flex; align-items: center; gap: 20px; margin-top: -4px; } 
.mo-header-menu .lang-wrap span { font-size: 12px; font-weight: 800; line-height: 1; text-align: center; color: #000000; margin-top: 1px; } 
.mo-header-menu .lang-wrap img { width: 22px; height: 22ox; margin-left: 6px; } 
.mo-header-menu .lang-wrap img.ico-lang-bk { display: inline-block; } 
.mo-header-menu .lang-wrap:hover img.ico-lang-bk { display: none; } 
.mo-header-menu .lang-wrap:hover img.ico-lang-bl { display: inline-block; } 
.mo-header-menu .lang-wrap img.ico-lang { display: none; } 
 .mo-header-menu .menu-top .logo-wrap img { width: 165px; padding: 20px 0; margin-top: 2px; } 
 .mo-header-menu .menu-top .lang-wrap { } 
 .mo-header-menu .menu-top .btn-close { padding: 26px 0; margin-top: 4px; } 
 .mo-header-menu .menu-cont { padding: 110px 20px 40px; } 
 .mo-header-menu .menu-cont ul { display: flex; flex-direction: column; align-items: baseline; } 
 .mo-header-menu .menu-cont ul li { width: 100%; display: flex; align-items: baseline; padding: 20px 0; gap: 100px; border-bottom: 1px solid #CCCCCC; } 
 .mo-header-menu .menu-cont ul>:nth-child(1) { padding-top: 0; } 
 .mo-header-menu .menu-cont ul li > a { font-size: 20px; font-weight: 800; line-height: 30px; text-align: left; } 
 .mo-header-menu .menu-cont ul li > div { display: flex; flex-direction: column; } 
 .mo-header-menu .menu-cont ul li > div > a { font-size: 17px; font-weight: 800; line-height: 24px; text-align: left; margin-bottom: 14px; color: #777777; } 
 .mo-header-menu .menu-cont ul li > div > a:hover { color: #0046FF; } 
 .mo-header-menu .btn-sign-up { display: block; width: 100%; height: 60px; position: fixed; left: 0; bottom: 0; background: #002073; padding: 22px; font-size: 18px; font-weight: 800; line-height: 1; text-align: center; color: #FFFFFF; } 
 .mo-header-menu .btn-sign-up:hover { background: #0046FF; } 
 footer { padding: 50px 20px; } 

 footer .footer-top >:nth-child(2) { flex-direction: row; } 
 footer .footer-top >:nth-child(2) li a { font-size: 12px; font-weight: 700; line-height: 15.6px; text-align: center; padding: 0 0 0 14px; } 
 footer .footer-top >:nth-child(2) li a::after { display: none; } 

 footer .footer-top >:nth-child(2) li a::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #BABABA; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } 
 footer .footer-bottom { border-top: none; padding-top: 0; flex-direction: column; gap: 40px; } 
 footer .footer-bottom>:nth-child(1) >:nth-child(2) { font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left; } 
 footer .footer-bottom>:nth-child(1) >:nth-child(3) { font-size: 12px; font-weight: 400; line-height: 15.6px; text-align: left; } 
 footer .footer-bottom>:nth-child(2) { text-align: center; } 
 footer .footer-bottom>:nth-child(2) .family-list { top: -70px; } 
 .btn-top { width: 60px; height: 60px; bottom: 20px; right: 20px; } 
 .btn-top img { width: 15.05px; height: 21.5px; } 
 .btn-top:hover { border: 1px solid transparent; } 
 }
@media screen and (max-width:992px) { } 
@media screen and (max-width:768px) { } 
@media screen and (max-width:600px) { } 
@media screen and (max-width:480px) { } 
@media screen and (max-width:380px){
 .circle-wrap { width: 100%; } 
 }

 @keyframes zoom {
    0% {
        transform: scale(1.1);
    }

    to {
        transform: scale(1);
    }
}

/* AOS È¿°ú ¸ð¹ÙÀÏ °¡·Î½ºÅ©·Ñ»ý±â´Â À̽´ */
main {
overflow-x: hidden !important;
}