@charset "UTF-8";

@import url("../fonts/Pretendard/Pretendard.css");
@import url("../fonts/MaruBuri/MaruBuri.css");
@import url("../fonts/NanumGothic/NanumGothic.css");
@import url("../fonts/NanumMyeongjo/NanumMyeongjo.css");


*{outline:none;-webkit-text-size-adjust:none;letter-spacing:0;font-size:inherit;font-family:inherit;color:inherit;line-height:inherit;}
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:"Nanum Gothic",sans-serif;overflow-x:hidden;}
body.fixed{overflow:hidden;}
body *{font-family:inherit;}


/*width 1500*/
.sitewidth{max-width:calc(1500px + 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:180px;box-sizing:border-box;background-color:#211710;transition:background-color ease 0.3s;}
#header .inner{position:relative;max-width:calc(1700px + 60px);height:100%;}
#header .inner_box{position:relative;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;column-gap:30px;}
#header .logo{position:relative;}
#header .logo a{position:relative;display:block;text-decoration:none;}
#header .logo img{position:relative;display:block;height:56px;}
#header .menu{position:relative;width:1320px;height:100%;box-sizing:border-box;}
#header .menu > ul{position:relative;margin:0;padding:0;list-style:none;height:100%;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;}
#header .menu > ul > li{position:relative;display:flex;flex-direction:column;justify-content:center;padding}
#header .menu > ul > li > a{position:relative;display:block;height:44px;text-decoration:none;font-size:20px;color:#FFFFFF;font-weight:400;line-height:1.4;text-align:center;margin:0;padding:0 0.75em;white-space:nowrap;border-radius:22px;border:2px solid transparent;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;}
#header .menu > ul > li.active > a{border-color:#ACC93F;}
#header .menu > ul ul{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin:0;padding:0;list-style:none;width:calc(100% + 65px);box-shadow:0 0 10px rgba(0,0,0,0.1);display:none;}
#header .menu > ul ul > li:nth-child(n+2){border-top:1px solid #efefef;}
#header .menu > ul ul > li > a{position:relative;display:block;height:70px;text-decoration:none;font-size:18px;color:#211710;font-weight:400;line-height:1.4;text-align:center;margin:0;padding:0 5px;border-radius:0;background-color:#FFFFFF;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;}
#header .menu > ul ul > li > a:hover{background-color:#fafafa;}
#header .menu > ul > li:hover ul{display:block;}
#header .menu_toggle{position:absolute;z-index:2;right:0;top:50%;transform:translateY(-50%);display:none;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.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.stacked{background-color:transparent;}
#header.stacked.scroll_active{height:100px;background-color:#211710;}

@media all and (max-width:1400px){
	#header .menu > ul > li > a{font-size:18px;}
}

@media all and (max-width:1200px){
	#header .logo img{height:50px;}
	#header .menu > ul > li > a{font-size:16px;}
}

@media all and (max-width:1000px){
	#header{height:70px;background-color:#211710 !important;}
	#header .logo img{height:40px;}
	#header .menu{position:fixed;left:0;top:70px;width:100%;height:0;background-color:#383838;opacity:0;overflow:hidden;box-sizing:border-box;transition:opacity ease 0.3s,height ease 0.3s;}
	#header .menu > ul{flex-direction:column;height:auto;padding:30px 15px;justify-content:start;row-gap:20px;}
	#header .menu > ul > li[has-child="Y"]:before{content:"";display:block;z-index:1;position:absolute;left:0;top:0;height:45px;width:100%;}
	#header .menu > ul > li > a{height:45px;font-size:20px;padding:0;border-radius:0;border:0;}
	#header .menu > ul > li.active > a{color:#ACC93F;}
	#header .menu > ul ul{position:relative;left:auto;top:auto;transform:translateX(0);width:auto;box-shadow:none;}
	#header .menu > ul ul > li:nth-child(n+2){border-top:0;}
	#header .menu > ul ul > li > a{height:40px;font-size:16px;border:0;padding:0;background-color:transparent;color:#ffffff;}
	#header .menu > ul ul > li > a:hover{background-color:transparent;}
	#header .menu_toggle{display:block;}
	#header.menu_active{background-color:#211710;}
	#header.menu_active .menu{opacity:1;height:calc(100% - 70px);overflow:auto;}
}


#content{position:relative;z-index:1;margin-top:180px;}
#content .content_header{position:relative;}
#content .content_header .top{position:relative;z-index:0;height:445px;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:2400px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#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;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:3em;line-height:1.4;font-family:"NanumMyeongjo",serif;font-weight:400;color:#FFFFFF;word-break:keep-all;}
#content .content_header .top .titles .description{position:relative;margin:0;padding:0;padding-left:0.3em;font-size:1em;line-height:1.4;font-weight:300;color:#FFFFFF;word-break:keep-all;letter-spacing:0.3em;margin-top:5px;animation:ani_content_header_titles_description ease 0.7s forwards;}
#content .content_header .top.large{height:900px;}
#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;}
#header.stacked ~ #content{margin-top:0;}

@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:1400px){
	#content .content_header .top{height:400px;}
	#content .content_header .top .titles{font-size:18px;}
	#content .content_header .top.large{height:750px;}
	#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:360px;}
	#content .content_header .top .titles{font-size:17px;}
	#content .content_header .top.large{height:600px;}
	#content .content_header .submenu{font-size:17px;}
}
@media all and (max-width:1000px){
	#content{margin-top:70px;}
	#content .content_header .top{height:320px !important;}
	#content .content_header .top .titles{font-size:16px;}
	#content .content_header .top .titles .title{font-size:2.6em;}
	#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:300px !important;}
	#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:280px !important;}
	#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:260px !important;}
	#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:240px !important;}
	#content .content_header .top .titles{font-size:12px;}
	#content .content_header .submenu{font-size:12px;}
}


#footer{position:relative;background-color:#383838;box-sizing:border-box;}
#footer .inner{max-width:calc(1440px + 60px);}
#footer .top{position:relative;}
#footer .top .inner_box{position:relative;padding:50px 0;border-bottom:1px solid #707070;}
#footer .top .menu{position:relative;font-family:"Nanum Gothic",sans-serif;font-size:14px;line-height:1.4;text-align:center;}
#footer .top .menu > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;}
#footer .top .menu > ul > li{position:relative;flex:1;}
#footer .top .menu > ul > li > a{position:relative;font-weight:400;color:#FFFFFF;text-decoration:none;white-space:nowrap;cursor:pointer;}
#footer .top .menu > ul ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;row-gap:20px;margin-top:20px;}
#footer .top .menu > ul ul li{position:relative;}
#footer .top .menu > ul ul li > a{position:relative;font-weight:400;color:#BEBEBE;text-decoration:none;white-space:nowrap;cursor:pointer;}
#footer .bottom{position:relative;}
#footer .bottom .inner_box{position:relative;padding:25px 0 75px;display:flex;flex-direction:row;justify-content:space-between;column-gap:30px;}
#footer .bottom .left{position:relative;}
#footer .bottom .right{position:relative;flex-grow:1;max-width:580px;}
#footer .bottom .logo{position:relative;}
#footer .bottom .logo a{position:relative;display:block;text-decoration:none;cursor:pointer;}
#footer .bottom .logo img{position:relative;display:block;height:56px;}
#footer .bottom .slogun{position:relative;margin-top:25px;font-size:16px;line-height:1.4;color:#FFFFFF;}
#footer .bottom .slogun .en{position:relative;font-size:12px;}
#footer .bottom .slogun .ko{position:relative;margin-top:8px;}
#footer .bottom .info{position:relative;font-family:"Nanum Gothic",sans-serif;font-size:14px;line-height:1.4;}
#footer .bottom .info > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;}
#footer .bottom .info > ul > li{position:relative;}
#footer .bottom .info > ul > li .title{position:relative;font-weight:700;color:#FFFFFF;}
#footer .bottom .info > ul > li .value{position:relative;font-weight:400;color:#BEBEBE;margin-top:10px;}
#footer .bottom .info > ul > li:nth-child(1){order:1;}
#footer .bottom .info > ul > li:nth-child(2){order:3;width:100%;}
#footer .bottom .info > ul > li:nth-child(3){order:2;}
#footer .bottom .info .social{position:relative;}
#footer .bottom .info .social ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;row-gap:10px;}
#footer .bottom .info .social ul li{position:relative;}
#footer .bottom .info .social ul li a{position:relative;display:block;text-decoration:none;cursor:pointer;display:flex;flex-direction:row;column-gap:1.4em;}
#footer .bottom .info .social ul li a:before{content:"";display:block;width:16px;height:16px;background-size:100%;background-position:center center;background-repeat:no-repeat;}
#footer .bottom .info .social ul li a.type_instagram:before{background-image:url(../img/footer_social_instagram.svg);}
#footer .bottom .info .social ul li a.type_naver_blog:before{background-image:url(../img/footer_social_naver_blog.svg);}

@media all and (max-width:1000px){
	#footer .top .inner_box{padding:30px 0;}
	#footer .top .menu{font-size:13px;}
	#footer .top .menu > ul{justify-content:space-between;column-gap:15px;row-gap:15px;}
	#footer .top .menu > ul > li{flex:0;}
	#footer .top .menu > ul ul{display:none;}
	
	#footer .bottom .inner_box{flex-direction:column;row-gap:30px;padding-bottom:50px;}
	#footer .bottom .logo img{height:40px;}
	#footer .bottom .right{max-width:500px;}
	#footer .bottom .info{font-size:13px;}
}
@media all and (max-width:800px){
	#footer .top .menu > ul{flex-wrap:wrap;}
	#footer .top .menu > ul > li{flex:1;flex-basis:calc(50% - 7.5px);}
}
@media all and (max-width:500px){
	#footer .bottom .info > ul > li{margin:0.5em;}
}