@charset "UTF-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.css");

:root
{
	--sitewidth:1500px;
	--sitewidth-wide:1680px;
	--sitewidth-max:2400px;
	--sitewidth-narrow:1260px;
	
	--header-height:115px;
	--color-primary:#0052A1;
	--color-primary-hover:#004E99;
	--color-primary-active:#004E91;
	--color-secondary:#6CA027;
	--color-secondary-hover:#679825;
	--color-secondary-active:#619023;
	--color-third:#1D8676;
	--color-third-hover:#1C8070;
	--color-third-active:#1A796A;
}

@media all and (max-width:1200px)
{
	:root
	{
		--header-height:60px;
	}
}


*{outline:none;-webkit-text-size-adjust:none;}
textarea,button,input:not([type="radio"],[type="checkbox"]){-webkit-appearance:none;font-family:inherit;}

input,select,textarea{-ms-user-select:auto;-moz-user-select:auto;-webkit-user-select:auto;-khtml-user-select:auto;user-select:auto;}

body{margin:0;padding:0;position:relative;font-family:"Pretendard",sans-serif;line-height:1.4;letter-spacing:0;overflow-x:hidden;}
body.fixed{overflow:hidden;}


.sitewidth{margin:0 auto;padding:0 30px;max-width:calc(var(--sitewidth) + 60px);width:100%;box-sizing:border-box;}
.sitewidth.wide{max-width:calc(var(--sitewidth-wide) + 60px);}
.sitewidth.max{max-width:calc(var(--sitewidth-max) + 60px);}
.sitewidth.narrow{max-width:calc(var(--sitewidth-narrow) + 60px);}

@media all and (max-width:1200px)
{
	.sitewidth{margin:0 auto;padding:0 15px;}
}


#wrap{position:relative;margin:0;padding:0;background-color:#FFFFFF;overflow:hidden;}


#header{position:fixed;z-index:10;left:0;top:0;margin:0;padding:0;width:100%;height:var(--header-height);box-sizing:border-box;container-type:inline-size;display:flex;flex-wrap:nowrap;flex-direction:column;transition:background-color ease 250ms;}
#header:after{content:"";display:block;position:absolute;z-index:0;left:0;bottom:0;width:100%;height:1px;background-color:#a2a2a2;opacity:0;transition:opacity ease 250ms;}
#header .inner{position:relative;z-index:1;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;flex:1;}
#header .logo{position:relative;margin:0;padding:0;text-decoration:none;display:block;flex-shrink:0;}
#header .logo img{position:relative;z-index:1;margin:0;padding:0;height:65px;display:block;opacity:0;transition:opacity ease 250ms;}
#header .logo img.white{position:absolute;z-index:0;left:0;top:50%;transform:translate(0,-50%);opacity:1;}
#header .menu{position:absolute;right:300px;top:0;margin:0;padding:0;height:90px;display:flex;flex-wrap:nowrap;flex-direction:column;}
#header .menu:before{content:"";display:block;position:absolute;left:50%;top:var(--header-height);transform:translateX(-50%);width:200cqw;height:calc(100% - var(--header-height));border-bottom:1px solid #a2a2a2;background-color:#EBEBEB;opacity:0;transition:opacity ease 250ms,height ease 250ms;}
#header .menu > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:80px;flex:1;}
#header .menu > ul > li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
#header .menu > ul > li > .item{position:relative;margin:0;padding:5px 10px;height:var(--header-height);font-size:18px;font-weight:500;color:#FFFFFF;line-height:1.4;text-align:center;text-decoration:none;word-break:keep-all;white-space:nowrap;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;transition:color ease 250ms;}
#header .menu > ul > li > ul{position:absolute;left:50%;top:100%;transform:translateX(-50%);min-width:calc(100% + 80px);margin:0;padding:30px 0;list-style:none;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;gap:5px;display:none;}
#header .menu > ul > li > ul li{position:relative;margin:0;padding:0;}
#header .menu > ul > li > ul li .item{position:relative;margin:0;padding:5px 10px;font-size:16px;font-weight:500;color:#252525;line-height:1.4;text-align:center;text-decoration:none;word-break:keep-all;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;transition:color ease 250ms;}
#header .menu > ul > li > ul li .item:hover{color:#13426B;}
#header .menu > ul > li > ul li .item:active{color:#13426B;}
#header .menu > ul > li > ul li .item.active{color:#13426B;}
#header .group{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
#header .group .label{position:relative;margin:0;padding:5px 10px;height:40px;border-radius:20px;border:1px solid #FFFFFF;color:#FFFFFF;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums;text-decoration:none;background-color:transparent;box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:5px;transition:color ease 250ms,border-color ease 250ms;}
#header .group ul{position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);min-width:100px;margin:0;padding:0;list-style:none;border-radius:10px;border:1px solid #FFFFFF;width:100%;background-color:rgba(0,0,0,0.3);box-sizing:border-box;transition:border-color ease 250ms,background-color ease 250ms;display:none;}
#header .group ul:before{content:"";display:block;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);width:40px;height:calc(40px + 5px);background-color:transparent;cursor:pointer;}
#header .group ul li{position:relative;margin:0;padding:0;transition:border-color ease 250ms;}
#header .group ul li:nth-child(n+2){border-top:1px solid #FFFFFF;}
#header .group ul li a{position:relative;margin:0;padding:5px 10px;display:block;height:40px;font-size:14px;font-weight:400;color:#FFFFFF;line-height:1.4;text-decoration:none;text-align:center;box-sizing:border-box;transition:color ease 250ms,background-color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#header .group ul li a:hover{background-color:rgba(0,0,0,0.1);}
#header .group ul li a:active{background-color:rgba(0,0,0,0.2);}
#header .group ul li:first-child a{border-top-left-radius:10px;border-top-right-radius:10px;}
#header .group ul li:last-child a{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
#header .group:hover ul{display:block;}
#header .group.language .label{min-width:100px;}
#header .group.language .label:before{content:"\EDCF";font-family:"remixicon";font-size:18px;font-weight:400;flex-shrink:0;}
#header .group.language .label:after{content:"\EA4D";font-family:"remixicon";font-size:18px;font-weight:400;flex-shrink:0;}
#header .group.language .label .current{font-size:14px;font-weight:400;flex-grow:1;}
#header .group.language ul:before{width:100%;}
#header .group.cart .label{padding:0;width:40px;justify-content:center;}
#header .group.cart .label:before{content:"\F11C";font-family:"remixicon";font-size:20px;font-weight:400;flex-shrink:0;}
#header .group.member .label{padding:0;width:40px;justify-content:center;}
#header .group.member .label:before{content:"\F264";font-family:"remixicon";font-size:20px;font-weight:400;flex-shrink:0;}
#header .group.member ul{left:auto;right:0;transform:translateX(0);}
#header .group.member ul:before{transform:translate(0);left:auto;right:0;}
#header .toggle_menu{position:relative;display:none;margin:0;padding:0;margin-right:-5px;border:0;border-radius:8px;width:40px;aspect-ratio:1/1;box-sizing:border-box;background-color:transparent;cursor:pointer;transition:color ease 250ms,background-color ease 250ms;flex-shrink:0;}
#header .toggle_menu span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0;width:30px;height:2px;background-color:#FFFFFF;transition:background-color ease 250ms,transform ease 250ms;}
#header .toggle_menu span:first-child{margin-top:-8px;}
#header .toggle_menu span:last-child{margin-top:8px;}
#header .right{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:10px;}
#header[class*="active"]{background-color:#FFFFFF;}
#header[class*="active"]:after{opacity:1;}
#header[class*="active"] .logo img{opacity:1;}
#header[class*="active"] .logo img.white{opacity:0;}
#header[class*="active"] .menu > ul > li > .item{color:#252525;}
#header[class*="active"] .menu > ul > li > .item:hover{color:#13426B;}
#header[class*="active"] .menu > ul > li > .item:active{color:#13426B;}
#header[class*="active"] .menu > ul > li > .item.active{color:#13426B;}
#header[class*="active"] .group .label{border-color:#13426B;color:#13426B;}
#header[class*="active"] .group ul{border-color:#13426B;background-color:#FFFFFF;}
#header[class*="active"] .group ul li:nth-child(n+2){border-top:1px solid #13426B;}
#header[class*="active"] .group ul li a{color:#13426B;}
#header[class*="active"] .group ul li a:hover{background-color:#FAFAFA;}
#header[class*="active"] .group ul li a:active{background-color:#F6F6F6;}
#header[class*="active"] .toggle_menu span{background-color:#13426B;}
#header.active_menu .menu:before{height:200px;opacity:1;}

@media all and (max-width:1600px)
{
	#header .logo img{height:50px;}
	#header .menu{right:250px;}
	#header .menu > ul{gap:50px;}
	#header .menu > ul > li > ul{min-width:calc(100% + 70px);}
	#header .menu > ul > li > ul li .item{font-size:15px;}
	#wrap.en #header .menu > ul{gap:25px;}
	#wrap.en #header .menu > ul > li > ul{min-width:calc(100% + 40px);}
}
@media all and (max-width:1200px)
{
	#header .logo img{height:40px;}
	#header .menu{position:fixed;left:0;top:var(--header-height);width:100%;height:calc(100% - var(--header-height));padding:30px 15px 100px;background-color:#FFFFFF;box-sizing:border-box;overflow:auto;display:none;}
	#header .menu:before{display:none !important;}
	#header .menu > ul{flex-direction:column;align-items:initial;justify-content:initial;gap:30px !important;}
	#header .menu > ul > li > .item{padding:0;height:50px;font-size:22px;}
	#header .menu > ul > li > ul{position:relative;left:auto;top:auto;transform:none;min-width:initial !important;padding:0;display:flex !important;gap:0;}
	#header .menu > ul > li > ul li .item{padding:0;height:40px;font-size:16px;}
	#header .toggle_menu{display:block;}
	#header.active_menu .menu{display:flex;}
	#header.active_menu .toggle_menu span:first-child{margin:0;transform:translate(-50%,-50%) rotate(-45deg);}
	#header.active_menu .toggle_menu span:nth-child(2){display:none;}
	#header.active_menu .toggle_menu span:last-child{margin:0;transform:translate(-50%,-50%) rotate(45deg);}
}
@media all and (max-width:600px)
{
	#header .logo{width:40px;overflow:hidden;}
}


#content{position:relative;margin:0;padding:0;}
#content .content_header{position:relative;margin:0;padding:0;}
#content .content_header .banner{position:relative;z-index:0;margin:0;padding:0;height:860px;border-bottom:1px solid #a2a2a2;background-color:#000000;}
#content .content_header .banner .box{position:absolute;margin:0;padding:0;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:var(--sitewidth-max);height:100%;overflow:hidden;display:flex;flex-wrap:nowrap;flex-direction:column;}
#content .content_header .banner .box:before{content:"";display:block;position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;animation:ani_content_header_banner ease 5000ms forwards;}
#content .content_header .banner .box:after{content:"";display:block;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.5) 100%);background-size:auto 100%;background-position:center bottom;background-repeat:repeat-x;}
#content .content_header .banner .box .inner{position:relative;z-index:2;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:flex-end;flex:1;}
#content .content_header .banner .box .text{position:relative;bottom:80px;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
#content .content_header .banner .box .text .title{position:relative;margin:0;padding:0;font-size:50px;font-weight:900;color:#FFFFFF;line-height:1.2;letter-spacing:0.1em;;}
#content .content_breadcrumb{position:relative;margin:0;padding:10px 0;height:190px;border-bottom:1px solid #a2a2a2;background-color:#FFFFFF;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;}
#content .content_breadcrumb .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;align-items:center;flex:1;}
#content .content_breadcrumb ul{position:relative;margin:0;padding:0;list-style:none;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#content .content_breadcrumb ul li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#content .content_breadcrumb ul li:nth-child(n+2):before{content:"\EA6E";display:block;position:relative;margin:0 15px;padding:0;font-size:20px;font-family:"remixicon";font-weight:400;line-height:1;color:#252525;}
#content .content_breadcrumb .item{position:relative;margin:0;padding:0;font-size:18px;font-weight:400;color:#252525;line-height:1.4;text-decoration:none;}
#content .content_breadcrumb .item.home{font-size:0;}
#content .content_breadcrumb .item.home:before{content:"\EE19";display:block;position:relative;margin:0;padding:0;font-size:24px;font-family:"remixicon";font-weight:400;line-height:1;}
#content .content_tab{position:relative;margin:0;padding:0;margin-bottom:40px;display:flex;flex-wrap:nowrap;flex-direction:column;}
#content .content_tab ul{position:relative;margin:0;padding:0;list-style:none;border:1px solid #252525;display:flex;flex-wrap:nowrap;flex-direction:row;}
#content .content_tab ul li{position:relative;margin:0;padding:0;flex:1;}
#content .content_tab ul li:nth-child(n+2){border-left:1px solid #252525;}
#content .content_tab .item{position:relative;margin:0;padding:5px 10px;height:75px;font-size:30px;font-weight:900;color:#252525;line-height:1.2;text-align:center;text-decoration:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;transition:color ease 250ms,background-color ease 250ms;}
#content .content_tab .item:hover{background-color:#FAFAFA;}
#content .content_tab .item:active{background-color:#F6F6F6;}
#content .content_tab .item.active{color:#FFFFFF;background-color:#252525;}
#content * + .content_tab{margin-top:80px;}
#content .content_body{position:relative;margin:0;padding:0;}
#content .content_header.about .banner .box:before{background-image:url("../img/layout/content_header/about.webp");}
#content .content_header.technology .banner .box:before{background-image:url("../img/layout/content_header/technology.webp");}
#content .content_header.products .banner .box:before{background-image:url("../img/layout/content_header/products.webp");}
#content .content_header.store .banner .box:before{background-image:url("../img/layout/content_header/store.webp");}
#content .content_header.support .banner .box:before{background-image:url("../img/layout/content_header/support.webp");}
#content.header_margin{margin-top:var(--header-height);}

@keyframes ani_content_header_banner
{
	from{transform:translate(-50%,-50%) scale(1.1);}
	to{transform:translate(-50%,-50%) scale(1);}
}

@media all and (max-width:1600px)
{
	#content .content_header .banner{height:750px;}
	#content .content_header .banner .box .text{bottom:60px;}
	#content .content_header .banner .box .text .title{font-size:40px;}
	#content .content_breadcrumb{height:160px;}
	#content .content_tab .item{font-size:24px;height:65px;}
	#content * + .content_tab{margin-top:70px;}
}
@media all and (max-width:1200px)
{
	#content .content_header .banner{height:500px;}
	#content .content_header .banner .box:after{background-image:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 75%);}
	#content .content_header .banner .box .inner{padding-top:var(--header-height);align-items:center;justify-content:center;}
	#content .content_header .banner .box .text{bottom:auto;}
	#content .content_header .banner .box .text .title{font-size:35px;text-align:center;}
	#content .content_breadcrumb{height:80px;}
	#content .content_breadcrumb ul li:nth-child(n+2):before{margin:0 10px;font-size:18px;}
	#content .content_breadcrumb .item{font-size:16px;}
	#content .content_breadcrumb .item.home:before{font-size:22px;}
	#content .content_tab{margin-bottom:30px;}
	#content .content_tab ul{display:grid;grid-template-columns:repeat(2,1fr);}
	#content .content_tab ul li:nth-child(n+2){border-left:0;}
	#content .content_tab ul li:nth-child(2n){border-left:1px solid #252525;}
	#content .content_tab ul li:nth-child(n+3){border-top:1px solid #252525;}
	#content .content_tab .item{font-size:20px;height:55px;}
	#content * + .content_tab{margin-top:60px;}
}
@media all and (max-width:600px)
{
	#content .content_header .banner{height:400px;}
	#content .content_header .banner .box .text .title{font-size:30px;}
	#content .content_breadcrumb{height:60px;}
	#content .content_breadcrumb ul li:nth-child(n+2):before{margin:0 5px;font-size:16px;}
	#content .content_breadcrumb .item{font-size:14px;}
	#content .content_breadcrumb .item.home:before{font-size:20px;}
	#content .content_tab{margin-bottom:20px;}
	#content .content_tab .item{font-size:16px;height:45px;}
	#content * + .content_tab{margin-top:40px;}
}


#footer{position:relative;margin:0;padding:80px 0 calc(80px + env(safe-area-inset-bottom));background-color:#060e17;display:flex;flex-wrap:nowrap;flex-direction:column;}
#footer .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;gap:60px;flex:1;}
#footer .menu{position:relative;margin:0;padding:0;order:1;}
#footer .menu > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;gap:30px;}
#footer .menu > ul > li{position:relative;margin:0;padding:0;}
#footer .menu > ul > li > .item{position:relative;margin:0;padding:0;font-size:18px;font-weight:600;color:#FFFFFF;line-height:1.4;text-decoration:none;}
#footer .info{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:40px;order:0;flex-grow:1;}
#footer .info .logo{position:relative;margin:0;padding:0;text-decoration:none;display:block;}
#footer .info .logo img{position:relative;margin:0;padding:0;height:50px;display:block;}
#footer .info .meta{position:relative;margin:0;padding:0;font-size:16px;font-weight:300;color:#FFFFFF;line-height:1.6;font-style:normal;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px;}
#footer .info .meta ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;flex-direction:column;gap:10px;}
#footer .info .meta ul li{position:relative;margin:0;padding:0;}
#footer .info .meta ul.align_row{flex-direction:row;column-gap:30px;}
#footer .info .meta b{position:relative;margin:0;padding:0;font-weight:600;}
#footer .info .meta a{position:relative;margin:0;padding:0;color:inherit;text-decoration:none;}
#footer .info .copyright{position:relative;margin:0;padding:0;font-size:16px;font-weight:300;color:#AAAAAA;line-height:1.4;font-style:normal;flex-grow:1;}

@media all and (max-width:1600px)
{
	#footer .inner{flex-direction:column;}
}
@media all and (max-width:1200px)
{
	#footer{padding:60px 0 calc(60px + env(safe-area-inset-bottom));}
	#footer .inner{gap:50px;}
	#footer .menu > ul{gap:25px;}
	#footer .menu > ul > li > .item{font-size:16px;}
	#footer .info{gap:35px;}
	#footer .info .logo img{height:40px;}
	#footer .info .meta{font-size:15px;}
	#footer .info .meta ul.align_row{column-gap:25px;}
	#footer .info .copyright{font-size:15px;}
}
@media all and (max-width:600px)
{
	#footer .inner{gap:40px;}
	#footer .menu > ul > li > .item{font-size:14px;}
	#footer .info{gap:30px;}
	#footer .info .logo img{height:35px;}
	#footer .info .meta{font-size:14px;gap:5px;}
	#footer .info .meta ul{gap:5px;}
	#footer .info .meta ul.align_row{flex-direction:column;column-gap:20px;}
	#footer .info .copyright{font-size:14px;}
}


#floating_menu{position:fixed;z-index:9;left:calc(50% + var(--sitewidth-wide)/2 + 30px);bottom:calc(50px + env(safe-area-inset-bottom));margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px;}
#floating_menu li{position:relative;margin:0;padding:0;}
#floating_menu .item{position:relative;margin:0;padding:0;-webkit-appearance:none;border:1px solid #252525;border-radius:50%;width:60px;aspect-ratio:1/1;text-decoration:none;background-color:rgba(255,255,255,0.8);box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;}
#floating_menu .item:before{content:"";display:block;position:relative;margin:0;padding:0;font-family:"remixicon";font-size:24px;font-weight:400;color:#252525;line-height:1;}
#floating_menu .item.top:before{content:"\F5DF";}
#floating_menu .item.contact:before{content:"\EEF6";}

@media all and (max-width:1915px)
{
	#floating_menu{left:auto;right:30px;}
}

@media all and (max-width:1200px)
{
	#floating_menu{right:15px;bottom:calc(30px + env(safe-area-inset-bottom));}
	#floating_menu .item{width:50px;}
	#floating_menu .item:before{font-size:20px;}
}