@charset "utf-8";
@import url("../fonts/pretendard/pretendard.css");
@import url("../fonts/outfit/outfit.css");

*{outline:none;-webkit-text-size-adjust:none;letter-spacing:-0.025em;}
button,input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;border-radius:0;}

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;overflow-x:hidden;}
body.fixed{overflow:hidden;}
body *{font-family:inherit;}


/*width 1520px*/
.sitewidth{max-width:calc(1280px + 60px);margin:0 auto;padding:0 30px;box-sizing:border-box;}
.sitewidth.max{max-width:1920px;}
.sitewidth.padding_none{padding:0;}
@media all and (max-width:1000px){
	.sitewidth{padding:0 15px;}
	.sitemaxwidth{padding:0 15px;}
}


#wrap{position:relative;overflow:hidden;}


#header{position:fixed;z-index:10;left:0;top:0;width:100%;height:70px;padding:23px 0;box-sizing:border-box;overflow:hidden;transition:background-color ease 0.3s,height ease 0.3s;}
#header:after{content:"";display:block;position:absolute;z-index:0;left:50%;top:70px;transform:translateX(-50%);width:100%;height:1px;background-color:#dbdbdb;opacity:0;transition:opacity ease 0.3s;}
#header .inner{position:relative;height:25px;max-width:calc(1570px + 60px);}
#header .inner_box{position:relative;height:100%;}
#header .logo{position:absolute;z-index:2;left:0;top:50%;transform:translateY(-50%);display:block;}
#header .logo img{position:relative;display:block;height:25px;}
#header .menu{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;}
#header .menu .menu_list{position:relative;}
#header .menu .menu_list > ul{position:relative;margin:0;padding:0;list-style:none;}
#header .menu .menu_list > ul:after{content:"";display:block;clear:both;}
#header .menu .menu_list > ul > li{position:relative;float:left;margin-right:3em;text-decoration:none;font-size:20px;color:#ffffff;font-weight:700;line-height:1.4;font-family:"Outfit",sans-serif;text-align:center;}
#header .menu .menu_list > ul > li:last-child{margin-right:0;}
#header .menu .menu_list > ul > li a{position:relative;display:block;text-decoration:none;color:inherit;}
#header .menu .menu_list > ul ul{position:relative;margin:0;padding:0;list-style:none;display:none;margin-top:50px;}
#header .menu .menu_list > ul ul > li{font-family:"Pretendard",sans-serif;font-size:24px;}
#header .menu .menu_list > ul ul > li:nth-child(n+2){margin-top:20px;}
#header .menu_toggle{position:absolute;z-index:2;right:0;top:50%;transform:translateY(-50%);display:block;margin:0;padding:0;border:0;border-radius:0;-webkit-appearance:none;background-color:transparent;width:28px;cursor:pointer;}
#header .menu_toggle:before{content:"";display:block;padding-bottom:100%;}
#header .menu_toggle span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:3px;background-color:#ffffff;transition:all ease 0.3s;}
#header .menu_toggle span:first-child{margin-top:-10px;}
#header .menu_toggle span:last-child{margin-top:10px;}
#header.scroll_active{background-color:rgba(0,0,0,1);}
#header.menu_active{position:fixed;height:100%;background-color:#000000;}
#header.menu_active:after{opacity:0.2;}
#header.menu_active .menu_toggle span:first-child{transform:translate(-50%,-50%) rotate(-45deg);margin-top:0;}
#header.menu_active .menu_toggle span:nth-child(2){display:none;}
#header.menu_active .menu_toggle span:last-child{transform:translate(-50%,-50%) rotate(45deg);margin-top:0;}
#header.menu_active .menu{display:flex;width:100%;height:calc(100% - 70px);top:70px;transform:translate(-50%,0);overflow:auto;align-items:center;}
#header.menu_active .menu .menu_list{width:100%;}
#header.menu_active .menu .menu_list > ul > li{width:calc(25% - 30px);margin-right:40px;font-size:46px;font-weight:500;text-align:left;}
#header.menu_active .menu .menu_list > ul > li:nth-child(4n){margin-right:0;}
#header.menu_active .menu .menu_list > ul ul{display:block;}

@media all and (max-width:1000px){
	#header{height:55px;padding:18px 0;}
	#header:after{top:55px;}
	#header .inner{height:20px;}
	#header .logo img{height:20px;}
	#header .menu{display:none;font-size:16px;}
	#header .menu .menu_list > ul > li{float:none;font-size:1em;margin-right:0;}
	#header .menu .menu_list > ul ul{margin-top:10px;}
	#header .menu .menu_list > ul ul > li{font-size:18px;}
	#header .menu .menu_list > ul ul > li:nth-child(n+2){margin-top:0.8em;}
	#header.menu_active .menu{display:block;height:calc(100% - 55px);top:55px;}
	#header.menu_active .menu .menu_list{margin:40px 0;}
	#header.menu_active .menu .menu_list > ul > li{width:auto;margin-right:0;font-size:2em;}
	#header.menu_active .menu .menu_list > ul > li:nth-child(n+2){margin-top:1.2em;}
}


#content{position:relative;z-index:1;}
#content .content_header{position:relative;}
#content .content_header .top{position:relative;z-index:0;height:640px;background-color:#000000;box-sizing:border-box;}
#content .content_header .top .bg{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:1920px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#content .content_header .top .bg.about{background-image:url(../img/content_header/about.jpg);}
#content .content_header .top .bg.business{background-image:url(../img/content_header/business.jpg);}
#content .content_header .top .bg.news{background-image:url(../img/content_header/news.jpg);}
#content .content_header .top .bg.solution{background-image:url(../img/content_header/solution.jpg);}
#content .content_header .top .inner{position:relative;z-index:1;height:100%;}
#content .content_header .top .inner_box{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
#content .content_header .top .titles{position:relative;margin-top:30px;font-size:20px;text-align:center;animation:ani_content_header_titles ease 0.7s forwards;}
#content .content_header .top .titles .title{margin:0;padding:0;font-size:80px;line-height:1;font-family:"Outfit",sans-serif;font-weight:700;color:#ffffff;word-break:keep-all;}
#content .content_header .top .titles .description{position:relative;margin:0;padding:0;font-size:26px;line-height:1.4;font-weight:400;color:#ffffff;word-break:keep-all;margin-top:35px;animation:ani_content_header_titles_description ease 0.7s forwards;}
#content .content_header .submenu{position:relative;z-index:1;border-bottom:1px solid #dbdbdb;height:80px;font-size:20px;box-sizing:border-box;}
#content .content_header .submenu .inner{position:relative;height:100%;}
#content .content_header .submenu .inner_box{position:relative;height:100%;display:flex;align-items:center;justify-content:center;}
#content .content_header .submenu ul{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:85px;margin:0;padding:0;list-style:none;}
#content .content_header .submenu ul li{position:relative;flex-grow:1;font-size:21px;font-weight:400;color:#575757;height:80px;}
#content .content_header .submenu ul li a{position:relative;display:flex;height:100%;width:100%;padding:0 0.5em;color:inherit;text-decoration:none;word-break:keep-all;line-height:1.4;box-sizing:border-box;cursor:pointer;text-align:center;align-items:center;justify-content:center;}
#content .content_header .submenu ul li a:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#000000;opacity:0;}
#content .content_header .submenu ul li a.active{color:#000000;}
#content .content_header .submenu ul li a.active:after{opacity:1;}
#content .content_header .submenu ul li a:hover:after{opacity:0.5;}
#content .content_content{position:relative;min-height:200px;}
#content .content_content > .btnArea{display:none;}

@keyframes ani_content_header_titles{
	from{opacity:0;}
	to{opacity:1;}
}

@keyframes ani_content_header_titles_description{
	from{padding-top:2em;opacity:0;}
	to{padding-top:0;opacity:1;}
}

@media all and (max-width:1300px){
	#content .content_header .top{height:600px;}
	#content .content_header .top .titles{margin-top:1.5em;font-size:18px;}
	#content .content_header .top .titles .title{font-size:4em;}
	#content .content_header .top .titles .description{font-size:1.3em;margin-top:1.3em;}
	#content .content_header .submenu{font-size:18px;height:4em;}
	#content .content_header .submenu ul{column-gap:4.25em;}
	#content .content_header .submenu ul li{font-size:1.05em;height:3.8em;}
}

@media all and (max-width:1200px){
	#content .content_header .top{height:550px;}
	#content .content_header .top .titles{font-size:17px;}
	#content .content_header .submenu{font-size:17px;}
}
@media all and (max-width:1000px){
	#content .content_header .top{height:500px;}
	#content .content_header .top .titles{font-size:16px;}
	#content .content_header .top .titles .title{font-size:3.5em;}
	#content .content_header .top .titles .description{font-size:1.1em;}
	#content .content_header .submenu{font-size:16px;}
	#content .content_header .submenu .inner{padding:0;}
	#content .content_header .submenu .inner_box{display:block;}
	#content .content_header .submenu ul{column-gap:0;}
}
@media all and (max-width:800px){
	#content .content_header .top{height:450px;}
	#content .content_header .top .titles{font-size:15px;}
	#content .content_header .submenu{font-size:15px;}
}
@media all and (max-width:600px){
	#content .content_header .top{height:400px;}
	#content .content_header .top .titles{font-size:14px;}
	#content .content_header .submenu{font-size:14px;}
}
@media all and (max-width:400px){
	#content .content_header .top{height:350px;}
	#content .content_header .top .titles{font-size:13px;}
	#content .content_header .submenu{font-size:13px;}
}
@media all and (max-width:350px){
	#content .content_header .top{height:300px;}
	#content .content_header .top .titles{font-size:12px;}
	#content .content_header .submenu{font-size:12px;}
}


#footer{position:relative;padding:70px 0;background-color:#ffffff;border-top:1px solid #cacaca;box-sizing:border-box;}
#footer .logo{position:relative;display:block;}
#footer .logo a{display:inline-block;vertical-align:top;}
#footer .logo img{position:relative;display:inline-block;vertical-align:top;height:25px;}
#footer .info{position:relative;margin-top:50px;font-size:17px;font-weight:400;color:#575757;line-height:1.4;}
#footer .info > ul{position:relative;margin:0;padding:0;list-style:none;}
#footer .info > ul:after{content:"";display:block;clear:both;}
#footer .info > ul > li{position:relative;float:left;}
#footer .info > ul > li:nth-child(n+2){margin-left:22px;}
#footer .info > ul > li:nth-child(n+2):before{content:"";display:block;position:absolute;left:-11px;top:5px;width:1px;height:12px;background-color:#cacaca;}
#footer .info > ul + ul{margin-top:10px;}
#footer .info b{color:#000000;font-weight:inherit;}
#footer .info a{position:relative;text-decoration:none;color:inherit;}
#footer .bottom{position:relative;margin-top:35px;}
#footer .bottom:after{content:"";display:block;clear:both;}
#footer .bottom .copyright{position:relative;display:block;float:left;margin:0;padding:0;font-size:16px;line-height:1.4;font-weight:300;color:#8c8c8c;}
#footer .bottom .menu{position:absolute;z-index:0;right:0;top:50%;transform:translateY(-50%);}
#footer .bottom .menu ul{position:relative;margin:0;padding:0;list-style:none;}
#footer .bottom .menu ul:after{content:"";display:block;clear:both;}
#footer .bottom .menu ul li{position:relative;float:left;text-decoration:none;font-size:18px;line-height:1.4;color:#000000;font-weight:400;}
#footer .bottom .menu ul li:nth-child(n+2){margin-left:2em;}
#footer .bottom .menu ul li a{position:relative;display:block;text-decoration:none;color:inherit;}

@media all and (max-width:1000px){
	#footer{padding:50px 0;}
	#footer .logo{text-align:center;}
	#footer .logo img{height:20px;}
	#footer .info{margin-top:30px;font-size:14px;text-align:center;}
	#footer .info > ul > li{float:none;display:block;}
	#footer .info > ul > li:nth-child(n+2){margin-left:0;margin-top:0.5em;}
	#footer .info > ul > li:nth-child(n+2):before{display:none;}
	#footer .info > ul + ul{margin-top:0.5em;}
	#footer .bottom{margin-top:25px;text-align:center;}
	#footer .bottom .copyright{font-size:13px;float:none;margin-top:30px;}
	#footer .bottom .menu{position:relative;right:auto;top:auto;transform:translate(0,0);display:flex;justify-content:center;}
	#footer .bottom .menu ul li{font-size:15px;}
}