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

*{outline:none;-webkit-text-size-adjust:none;letter-spacing:-0.025em;margin:0;}
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;}
@media all and (max-width:800px){
	body.fixed{overflow:hidden;}
}

body *{font-family:inherit;}


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


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

#header{position:relative;z-index:10;padding:45px 0;box-sizing:border-box;}
#header .inner{position:relative;height:110px;}
#header .inner_box{position:relative;height:100%;}
#header .logo{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:block;}
#header .logo img{position:relative;display:block;height:110px;}
#header .menu{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
#header .menu .menu_list{position:relative;}
#header .menu .menu_list > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:row;}
#header .menu .menu_list > ul:after{content:"";display:block;clear:both;}
#header .menu .menu_list > ul > li{position:relative;margin-right:50px;text-decoration:none;font-size:18px;color:#000000;font-weight:700;line-height:1.4;text-align:center;}
#header .menu .menu_list > ul > li:nth-child(4){margin-left:auto;}
#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 > li.active{color:#f26538;}
#header .menu .menu_list > ul > li .submenu{position:absolute;left:50%;top:100%;transform:translateX(-50%);display:none;padding-top:15px;}
#header .menu .menu_list > ul > li .submenu > ul{position:relative;margin:0;padding:0;list-style:none;display:block;min-width:180px;background-color:#ffffff;border:1px solid #e5e5e5;border-radius:10px;box-sizing:border-box;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.2);}
#header .menu .menu_list > ul > li .submenu > ul > li{font-size:16px;color:#000000;font-weight:700;}
#header .menu .menu_list > ul > li .submenu > ul > li:nth-child(n+2){border-top:1px dashed #efefef;}
#header .menu .menu_list > ul > li .submenu > ul > li > a{position:relative;display:block;text-decoration:none;color:inherit;padding:10px 5px;}
#header .menu .menu_list > ul > li .submenu > ul > li > a:hover{background-color:#fafafa;}
#header .menu .menu_list > ul > li .submenu > ul > li.active{color:#f26538;}
#header .menu .menu_list > ul > li .submenu > ul > li > ul{position:relative;margin:0;padding:0;list-style:none;}
#header .menu .menu_list > ul > li .submenu > ul > li > ul > li{font-size:15px;color:#000000;font-weight:500;}
#header .menu .menu_list > ul > li .submenu > ul > li > ul > li > a{position:relative;display:block;text-decoration:none;color:inherit;padding:8px 5px;}
#header .menu .menu_list > ul > li .submenu > ul > li > ul > li > a:hover{background-color:#fafafa;}
#header .menu .menu_list > ul > li .submenu > ul > li > ul > li.active{color:#f26538;}
#header .menu .menu_list > ul > li:hover > .submenu{display:block;}
#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;display:none;}
#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;border-radius:1.5px;background-color:#f26538;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;}

@media all and (max-width:1200px){
	#header .menu .menu_list > ul > li{margin-right:35px;}
}
@media all and (max-width:1000px){
	#header{position:fixed;left:0;top:0;width:100%;border-bottom:1px solid #e5e5e5;height:60px;padding:0;background-color:#ffffff;}
	#header .inner{height:100%;}
	#header .logo img{height:45px;}
	#header .menu{display:none;position:fixed;left:0;top:60px;transform:translate(0,0);height:calc(100% - 60px);width:100%;background-color:#ffffff;padding:30px 15px;box-sizing:border-box;overflow:auto;}
	#header .menu .menu_list > ul{display:block;}
	#header .menu .menu_list > ul > li{margin:0;text-align:left;font-size:20px;font-weight:900;}
	#header .menu .menu_list > ul > li:nth-child(n+2){margin-top:1.5em;}
	#header .menu .menu_list > ul > li .submenu{position:relative;left:auto;top:auto;transform:translate(0,0);display:block;padding:0;margin-top:0.5em;}
	#header .menu .menu_list > ul > li .submenu > ul{box-shadow:none;border-radius:0;border:0;}
	#header .menu .menu_list > ul > li .submenu > ul > li{font-size:18px;}
	#header .menu .menu_list > ul > li .submenu > ul > li:nth-child(n+2){border-top:0;margin-top:0.5em;}
	#header .menu .menu_list > ul > li .submenu > ul > li > a{padding:0;}
	#header .menu .menu_list > ul > li .submenu > ul > li > a:hover{background-color:transparent;color:#f26538;opacity:0.8;}
	#header .menu .menu_list > ul > li .submenu > ul > li > ul{margin:0.5em 0 1em;padding:15px;border-radius:10px;background-color:#fafafa;}
	#header .menu .menu_list > ul > li .submenu > ul > li:last-child > ul{margin-bottom:0;}
	#header .menu .menu_list > ul > li .submenu > ul > li > ul > li{font-size:16px;}
	#header .menu .menu_list > ul > li .submenu > ul > li > ul > li:nth-child(n+2){margin-top:0.5em;}
	#header .menu .menu_list > ul > li .submenu > ul > li > ul > li > a{padding:0;}
	#header .menu .menu_list > ul > li .submenu > ul > li > ul > li > a:hover{background-color:transparent;color:#f26538;opacity:0.8;}
	#header .menu_toggle{display:block;}
	#header.menu_active .menu{display:block;}
}


#content{position:relative;z-index:1;}
#content .content_header{position:relative;}
#content .content_header .top{position:relative;}
#content .content_header .top .banner{position:relative;z-index:0;height:315px;border-radius:15px;background-color:#efefef;overflow:hidden;box-sizing:border-box;}
#content .content_header .top .banner .bg{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-image:url(../img/content_header/default.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;}
#content .content_header .top .banner .box{position:absolute;z-index:0;left:0;top:0;width:0;height:100%;opacity:0;background-color:rgba(0,0,0,0.3);animation:ani_content_header_box ease 0.5s 0.2s forwards;}
#content .content_header .top .banner .logo{position:absolute;z-index:2;right:25px;top:50%;transform:translateY(-50%);width:47px;background-image:url(../img/content_header_banner_logo.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
#content .content_header .top .banner .logo:before{content:"";display:block;padding-bottom:495.8%;}
#content .content_header .top .banner .titles{position:absolute;z-index:1;left:0;top:50%;transform:translateY(-50%);width:100%;padding:0 25px;opacity:0;animation:ani_content_header_titles ease 0.5s 0.2s forwards;}
#content .content_header .top .banner .titles .title{position:relative;margin:0;padding:0;font-size:50px;line-height:1;font-weight:800;color:#ffffff;word-break:keep-all;}
#content .content_header .submenu{position:relative;z-index:1;border-bottom:1px solid #e5e5e5;font-size:20px;height:80px;box-sizing:border-box;text-align:center;}
#content .content_header .submenu .inner{position:relative;height:100%;}
#content .content_header .submenu .inner_box{position:relative;height:100%;}
#content .content_header .submenu ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:row;justify-content:center;}
#content .content_header .submenu ul:after{content:"";display:block;clear:both;}
#content .content_header .submenu ul li{position:relative;font-size:20px;font-weight:700;color:#000000;line-height:80px;text-align:center;}
#content .content_header .submenu ul li:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:3px;border-radius:2px;background-color:#aaaaaa;opacity:0;}
#content .content_header .submenu ul li:nth-child(n+2){margin-left:80px;}
#content .content_header .submenu ul li a{position:relative;display:block;color:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;}
#content .content_header .submenu ul li:hover:after{opacity:1;}
#content .content_header .submenu ul li.active{color:#f26538;}
#content .content_header .submenu ul li.active:after{background-color:#f26538;}
#content .content_header .submenu ul li.active:after{opacity:1;}
#content .content_header .submenu_child{position:relative;font-size:18px;border-bottom:1px solid #e5e5e5;padding:15px 0;}
#content .content_header .submenu_child .inner{position:relative;}
#content .content_header .submenu_child .inner_box{position:relative;}
#content .content_header .submenu_child ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:row;justify-content:center;}
#content .content_header .submenu_child ul:after{content:"";display:block;clear:both;}
#content .content_header .submenu_child ul li{position:relative;font-size:18px;padding:0 0.5em;line-height:50px;font-weight:700;color:#000000;margin-right:15px;border-radius:10px;text-align:center;flex-grow:1;box-sizing:border-box;}
#content .content_header .submenu_child ul li:nth-child(4n){margin-right:0;}
#content .content_header .submenu_child ul li a{position:relative;display:block;color:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;}
#content .content_header .submenu_child ul li:hover{background-color:#f5f5f5;}
#content .content_header .submenu_child ul li.active{color:#f26538;}
#content .content_content{position:relative;min-height:200px;}
#content .content_content > .btnArea{display:none;}

@keyframes ani_content_header_box{
	from{opacity:0;width:0;}
	to{opacity:1;width:100%;}
}

@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:1200px){
	#content .content_header .submenu{font-size:19px;height:4em;}
	#content .content_header .submenu ul li{line-height:4em;font-size:1em;}
	#content .content_header .submenu ul li:nth-child(n+2){margin-left:4em;}
	#content .content_header .submenu_child{font-size:17px;}
	#content .content_header .submenu_child ul li{font-size:1em;border-radius:0.55em;line-height:2.7em;}
}
@media all and (max-width:1000px){
	#content{margin-top:75px;}
	#content .content_header .top .banner{height:280px;border-radius:10px;}
	#content .content_header .top .banner .titles{padding:0 15px;}
	#content .content_header .top .banner .logo{width:40px;right:15px}
	#content .content_header .top .banner .titles .title{font-size:45px;}
	#content .content_header .submenu{font-size:18px;height:3.5em;}
	#content .content_header .submenu ul li{flex-grow:1;line-height:3.5em;}
	#content .content_header .submenu ul li:nth-child(n+2){margin-left:1em;}
	#content .content_header .submenu_child{font-size:17px;padding:10px 0;}
	#content .content_header .submenu_child ul{flex-wrap:wrap;flex-direction:row;}
	#content .content_header .submenu_child ul li{width:calc(50% - 7.5px);}
	#content .content_header .submenu_child ul li:nth-child(2n){margin-right:0;}
}
@media all and (max-width:800px){
	#content .content_header .top .banner{height:250px;}
	#content .content_header .top .banner .logo{width:35px;}
	#content .content_header .top .banner .titles .title{font-size:40px;}
	#content .content_header .submenu{font-size:16px;}
	#content .content_header .submenu_child{font-size:16px;}
}
@media all and (max-width:600px){
	#content .content_header .top .banner{height:210px;}
	#content .content_header .top .banner .logo{width:30px;}
	#content .content_header .top .banner .titles .title{font-size:35px;}
	#content .content_header .submenu{font-size:15px;height:7em;}
	#content .content_header .submenu ul{flex-wrap:wrap;}
	#content .content_header .submenu ul li{width:calc(50% - 7.5px);}
	#content .content_header .submenu ul li:nth-child(2n){margin-left:0;}
	#content .content_header .submenu_child{font-size:15px;}
}
@media all and (max-width:400px){
	#content .content_header .top .banner{height:190px;}
	#content .content_header .top .banner .logo{width:25px;}
	#content .content_header .top .banner .titles .title{font-size:30px;}
	#content .content_header .submenu{font-size:14px;}
	#content .content_header .submenu_child{font-size:14px;}
}
@media all and (max-width:350px){
	#content .content_header .top .banner{height:170px;}
	#content .content_header .top .banner .logo{width:22px;}
	#content .content_header .top .banner .titles .title{font-size:25px;}
	#content .content_header .submenu{font-size:13px;}
	#content .content_header .submenu_child{font-size:13px;}
}


#footer{position:relative;background-color:#ffffff;box-sizing:border-box;border-top:1px solid #e5e5e5;}
#footer .inner{position:relative;}
#footer .inner_box{position:relative;}
#footer .inner_box:after{content:"";display:block;clear:both;}
#footer .top{position:relative;padding:50px 0;}
#footer .top .left{float:left;}
#footer .top .right{float:right;}
#footer .top .slogun{position:relative;margin:0;padding:0;font-size:16px;line-height:1.4;font-weight:800;color:#5b5b5b;}
#footer .top .logo{position:relative;display:block;margin-top:20px;}
#footer .top .logo img{position:relative;display:block;height:32px;}
#footer .top .menu{position:relative;}
#footer .top .menu > ul{position:relative;margin:0;padding:0;list-style:none;}
#footer .top .menu > ul:after{content:"";display:block;clear:both;}
#footer .top .menu > ul > li{position:relative;float:left;text-decoration:none;font-size:14px;color:#454545;font-weight:700;line-height:1.4;margin-right:80px;}
#footer .top .menu > ul > li:last-child{margin-right:0;}
#footer .top .menu > ul > li a{position:relative;display:block;text-decoration:none;color:inherit;}
#footer .top .menu > ul ul{position:relative;margin:0;padding:0;list-style:none;margin-top:15px;}
#footer .top .menu > ul ul > li{color:#a5a5a5;font-weight:500;}
#footer .top .menu > ul ul > li:nth-child(n+2){margin-top:5px;}
#footer .bottom{position:relative;background-color:#fafafa;padding:35px 0;}
#footer .bottom .info{position:relative;font-size:14px;font-weight:500;color:#a5a5a5;line-height:1.4;}
#footer .bottom .info > ul{position:relative;margin:0;padding:0;list-style:none;}
#footer .bottom .info > ul:after{content:"";display:block;clear:both;}
#footer .bottom .info > ul > li{position:relative;float:left;}
#footer .bottom .info > ul > li:nth-child(n+2){margin-left:40px;}
#footer .bottom .info > ul > li:nth-child(n+2):before{content:"";position:absolute;left:-20px;top:0.2em;height:14px;width:1px;background-color:#a5a5a5;}

@media all and (max-width:1000px){
	#footer .top{padding:30px 0;}
	#footer .top .left{float:none;text-align:center;}
	#footer .top .right{float:none;margin-top:30px;}
	#footer .top .slogun{font-size:14px;}
	#footer .top .logo{margin-top:15px;}
	#footer .top .logo img{margin:0 auto;height:28px;}
	#footer .top .menu{display:flex;justify-content:center;text-align:center;}
	#footer .top .menu > ul > li{margin-right:80px;}
	#footer .bottom{padding:25px 0;}
	#footer .bottom .info{font-size:13px;text-align:center;}
	#footer .bottom .info > ul{display:flex;flex-wrap:wrap;justify-content:center;}
	#footer .bottom .info > ul > li.mo_full{width:100%;margin:0;margin-top:0.5em;}
	#footer .bottom .info > ul > li.mo_full:before{display:none;}
}