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

:root
{
	--header-height:110px;
}

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


*{outline:none;-webkit-text-size-adjust:none;}
button,input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="submit"],input[type="reset"]{-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{position:relative;margin:0;padding:0;font-family:"Pretendard",sans-serif;line-height:1.4;letter-spacing:0;overflow-x:hidden;}
body.fixed{overflow:hidden;}


/*width 1280*/
.sitewidth{max-width:calc(1280px + 60px);margin:0 auto;padding:0 30px;box-sizing:border-box;}
.sitewidth.wide{max-width:calc(1600px + 60px);}

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


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


#header{position:fixed;z-index:10;left:0;top:0;margin:0;padding:0;width:100%;border-bottom:1px solid #EEEEEE;height:var(--header-height);background-color:#FFFFFF;box-shadow:0 4px 7px rgba(0,0,0,0.1);box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;}
#header .inner{position:relative;width:100%;height:100%;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;flex:1;}
#header .logo{position:relative;margin:0;padding:0;display:block;text-decoration:none;}
#header .logo img{position:relative;margin:0;padding:0;display:block;height:50px;}
#header .right{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:flex-end;column-gap:20px;}
#header .right .contact{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:flex-end;}
#header .right .contact .title{position:relative;margin:0;padding:0;font-size:16px;font-weight:500;color:#5F5F5F;line-height:1.2;}
#header .right .contact .tel{position:relative;margin:0;padding:0;font-size:30px;font-weight:700;color:#0E8A98;line-height:1.2;text-decoration:none;}
#header .right .toggle_menu{position:relative;margin:0;padding:0;border:0;border-radius:0;-webkit-appearance:none;background-color:transparent;width:28px;cursor:pointer;display:none;}
#header .right .toggle_menu:before{content:"";display:block;padding-bottom:100%;}
#header .right .toggle_menu span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0;width:20px;height:2px;background-color:#000000;transition:all ease 0.3s;}
#header .right .toggle_menu span:first-child{margin-top:-8px;}
#header .right .toggle_menu span:last-child{margin-top:8px;}
#header .right .button{position:relative;margin:0;padding:10px 20px;border:0;border-radius:5px;-webkit-appearance:none;height:65px;font-size:18px;font-weight:500;line-height:1.4;color:#FFFFFF;text-decoration:none;background-color:#0E8A98;box-sizing:border-box;transition:background-color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#header .right .button:hover{background-color:#0D8491;}
#header .right .button:active{background-color:#0D7B89;}
#header .right .button.arrow{padding-right:40px;}
#header .right .button.arrow:after{content:"\EA6E";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:"remixicon";font-size:22px;font-weight:100;line-height:1;}
#header .right .button.secondary{background-color:#004E5A;}
#header .right .button.secondary:hover{background-color:#00434D;}
#header .right .button.secondary:active{background-color:#003F49;}
#header .menu{position:absolute;left:50%;top:0;transform:translateX(-50%);margin:0;padding:0;max-height:var(--header-height);overflow:hidden;transition:max-height ease 250ms;}
#header .menu .inner{position:relative;z-index:1;}
#header .menu .list{position:relative;margin:0;padding:0;}
#header .menu .list > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;}
#header .menu .list > ul > li{position:relative;margin:0;padding:0;flex:1;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:flex-start;}
#header .menu .list > ul > li > .item{position:relative;margin:0;padding:0 15px;width:195px;height:var(--header-height);font-size:22px;font-weight:600;color:#222222;line-height:1.4;text-decoration:none;white-space:nowrap;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;}
#header .menu .list > ul > li > .item:after{content:"";display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);margin:0;padding:0;width:0;max-width:195px;height:5px;background-color:#0E8A98;transition:width ease 250ms;}
#header .menu .list > ul > li > .item:hover{color:#111111;}
#header .menu .list > ul > li > .item:hover:after{width:100%;}
#header .menu .list > ul > li > .item.active{color:#097c89;font-weight:700;}
#header .menu .list > ul > li > .item.active:after{width:100%;}
#header .menu .list > ul ul{position:relative;margin:0;padding:20px 10px;list-style:none;border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;background-color:#FFFFFF;box-sizing;border-box;display:flex;flex-wrap:nowrap;flex-direction:column;gap:0;flex-grow:1;}
#header .menu .list > ul ul:before{content:"";display:block;position:absolute;left:0;top:0;transform:translateX(-50%);margin:0;padding:0;width:1px;height:100%;background-color:#EEEEEE;}
#header .menu .list > ul ul:after{content:"";display:block;position:absolute;right:-1px;top:0;transform:translateX(-50%);margin:0;padding:0;width:1px;height:100%;background-color:#EEEEEE;}
#header .menu .list > ul ul li{position:relative;}
#header .menu .list > ul ul li .item{position:relative;margin:0;padding:8px 10px;border-radius:5px;font-size:17px;font-weight:500;color:#222222;line-height:1.4;text-decoration:none;word-break:keep-all;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;box-sizing:border-box;}
#header .menu .list > ul ul li .item:hover{color:#111111;background-color:#FAFAFA;}
#header .menu .list > ul ul li .item:active{background-color:#F6F6F6;}
#header .menu .list > ul ul li .item.active{color:#097c89;font-weight:700;}
#header .menu:hover{max-height:500px;}
#header .menu:hover:hover{display:block;}
#header .menu:hover:after{display:block;}
#header.menu_active .toggle_menu span:first-child{transform:translate(-50%,-50%) rotate(-45deg);margin-top:0;}
#header.menu_active .toggle_menu span:nth-child(2){display:none;}
#header.menu_active .toggle_menu span:last-child{transform:translate(-50%,-50%) rotate(45deg);margin-top:0;}

@media all and (max-width:1340px)
{
	#header .logo img{height:40px;}
	#header .right .button{display:none;}
}
@media all and (max-width:1200px)
{
	#header .logo img{height:35px;}
	#header .right .contact .title{font-size:14px;}
	#header .right .contact .tel{font-size:26px;}
	#header .menu .list > ul > li > .item{width:160px;font-size:18px;}
	#header .menu .list > ul > li > .item:after{height:4px;}
	#header .menu .list > ul ul{padding:14px 8px;}
	#header .menu .list > ul ul li .item{font-size:14px;}
	#header .menu .list > ul ul li .item{padding:8px 8px;}
}
@media all and (max-width:1000px)
{
	#header .logo img{height:32px;}
	#header .right{gap:15px;}
	#header .right .contact .title{font-size:12px;}
	#header .right .contact .tel{font-size:22px;margin-top:2px;}
	#header .right .toggle_menu{display:block;}
	#header .right .button{padding:4px 10px;height:40px;font-size:14px;}
	#header .right .button.arrow{padding-right:20px;}
	#header .right .button.arrow:after{right:4px;font-size:16px;}
	#header .menu{display:none;position:fixed;left:0;top:var(--header-height);transform:translate(0,0);width:100%;height:calc(100% - var(--header-height));max-height:initial;background-color:#FFFFFF;overflow:auto;}
	#header .menu .list > ul{flex-direction:column;}
	#header .menu .list > ul > li > .item{width:auto;height:45px;border-bottom:1px dashed #e9e9e9;font-size:16px;justify-content:flex-start;background-color:#f3fbfc;}
	#header .menu .list > ul > li > .item:after{display:none;}
	#header .menu .list > ul > li:nth-child(n+2){border-top:1px solid #e9e9e9;}
	#header .menu .list > ul > li:nth-child(n+2) > .item:before{display:none;}
	#header .menu .list > ul ul{border-left:0;padding:10px 5px;gap:0;}
	#header .menu .list > ul ul li .item{font-size:14px;height:40px;padding:5px 10px;}
	#header .menu:hover{max-height:initial;}
	#header.menu_active .menu{display:block;}
}
@media all and (max-width:400px)
{
	#header .right .contact{display:none;}
}


#content{position:relative;margin:0;padding:0;margin-top:var(--header-height);}
#content .content_header{position:relative;margin:0;padding:45px 0;}
#content .content_header .inner{display:flex;flex-wrap:nowrap;flex-direction:column;gap:45px;}
#content .content_header .titles{position:relative;margin:0;padding:0;padding:30px;border-radius:5px;border:2px solid #EEEEEE;height:325px;background-image:url("../img/layout/content_header_title_bg.png");background-size:234px;background-position:right bottom;background-repeat:no-repeat;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;gap:15px;}
#content .content_header .titles .subtitle{position:relative;margin:0;padding:0;font-size:15px;font-weight:600;color:#000000;line-height:1.2;letter-spacing:35%;text-align:center;word-break:keep-all;}
#content .content_header .titles .title{position:relative;margin:0;padding:0;font-size:44px;font-weight:700;color:#000000;line-height:1.2;text-align:center;word-break:keep-all;}
#content .content_header .titles .description{position:relative;margin:0;padding:0;font-size:18px;font-weight:500;color:#5A5A5A;line-height:1.8;text-align:center;word-break:keep-all;}
#content .content_header .titles * + .description{margin-top:5px;}
#content .content_header .titles .breadcrumb{position:absolute;left:20px;bottom:20px;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#content .content_header .titles .breadcrumb li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#content .content_header .titles .breadcrumb li:nth-child(n+2):before{content:"\EA6E";display:block;position:relative;top:-1px;margin:0 4px;padding:0;font-family:"remixicon";font-size:18px;font-weight:100;color:#BEBEBE;line-height:1;}
#content .content_header .titles .breadcrumb .item{position:relative;display:block;margin:0;padding:0;font-size:16px;font-weight:500;color:#BEBEBE;line-height:1.4;text-decoration:none;}
#content .content_header .titles .breadcrumb .item.home{font-size:0;}
#content .content_header .titles .breadcrumb .item.home:before{content:"\EE1C";display:block;position:relative;top:-1px;margin:0;padding:0;font-family:"remixicon";font-size:18px;font-weight:100;line-height:1;}
#content .content_header .submenu{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;}
#content .content_header .submenu li{position:relative;margin:0;padding:0;flex-basis:200px;}
#content .content_header .submenu li:nth-child(n+2){border-left:1px solid #EEEEEE;}
#content .content_header .submenu .item{position:relative;margin:0;padding:4px 10px;height:50px;font-size:18px;font-weight:600;color:#000000;line-height:1.4;text-decoration:none;text-align:center;background-color:#F8F8F8;box-sizing:border-box;transition:background-color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#content .content_header .submenu .item:hover{background-color:#F2F2F2;}
#content .content_header .submenu .item:active{background-color:#EAEAEA;}
#content .content_header .submenu .item.active{font-weight:700;color:#FFFFFF;background-color:#0E8A98;}
#content .content_body{position:relative;margin:0;padding:0;}
#content .content_body .btnArea{display:none;}

@media all and (max-width:1000px)
{
	#content .content_header{padding:30px 0;}
	#content .content_header .inner{gap:30px;}
	#content .content_header .titles{padding:15px;padding-bottom:50px;height:200px;background-size:120px;gap:12px;}
	#content .content_header .titles .subtitle{font-size:12px;}
	#content .content_header .titles .title{font-size:32px;}
	#content .content_header .titles .description{font-size:14px;}
	#content .content_header .titles * + .description{margin-top:2px;}
	#content .content_header .titles .breadcrumb{left:15px;bottom:15px;}
	#content .content_header .titles .breadcrumb li:nth-child(n+2):before{margin:0 2px;top:auto;font-size:16px;}
	#content .content_header .titles .breadcrumb .item{font-size:14px;}
	#content .content_header .titles .breadcrumb .item.home:before{font-size:16px;}
	#content .content_header .submenu .item{height:45px;font-size:15px;}
}


#footer{position:relative;z-index:1;margin:0;padding:60px 0;background-color:#F4F4F4;}
#footer .inner{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;}
#footer .logo{position:relative;margin:0;padding:0;display:block;text-decoration:none;}
#footer .logo img{position:relative;margin:0;padding:0;display:block;height:50px;}
#footer .information{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;}
#footer .information .address{position:relative;display:block;margin:0;padding:0;font-size:16px;color:#909090;font-weight:400;line-height:1.4;font-style:normal;display:flex;flex-wrap:nowrap;flex-direction:column;gap:0.2em;}
#footer .information .address ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;gap:24px;row-gap:0.2em;}
#footer .information .address ul li{position:relative;margin:0;padding:0;}
#footer .information .address ul li:after{content:"";display:block;position:absolute;right:-12px;top:50%;transform:translate(-50%,-50%);width:1.6px;height:0.8em;background-color:#909090;}
#footer .information .address ul li:last-child:after{display:none;}
#footer .information .address a{color:inherit;text-decoration:none;}
#footer .information .menu{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;gap:20px;}
#footer .information .menu li{position:relative;margin:0;padding:0;}
#footer .information .menu .item{position:relative;margin:0;padding:0;font-size:16px;font-weight:500;color:#909090;text-decoration:none;}
#footer .information .copyright{position:relative;margin:0;padding:0;font-size:16px;color:#B7B7B7;line-height:1.4;}
#footer .contact{position:relative;}
#footer .contact .sites{position:relative;margin:0;padding:0;width:210px;}
#footer .contact .sites .button{position:relative;margin:0;padding:4px 10px;width:100%;height:40px;border:2px solid #909090;border-radius:0;-webkit-appearance:none;font-size:16px;font-weight:400;color:#909090;line-height:1.4;white-space:nowrap;background-color:transparent;box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;}
#footer .contact .sites .button:after{content:"\EA4E";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:"remixicon";font-size:22px;font-weight:100;line-height:1;transition:transform ease 250ms;}
#footer .contact .sites ul{position:absolute;left:0;bottom:100%;margin:0;padding:0;list-style:none;border:1px solid #909090;border-bottom-width:0;width:100%;background-color:#FFFFFF;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;display:none;}
#footer .contact .sites ul li{position:relative;margin:0;padding:0;}
#footer .contact .sites ul li:nth-child(n+2){border-top:1px solid #999999;}
#footer .contact .sites ul .item{position:relative;margin:0;padding:10px;font-size:16px;font-weight:400;color:#909090;line-height:1.4;text-decoration:none;display:block;transition:background-color ease 250ms;}
#footer .contact .sites ul .item:hover{background-color:#FAFAFA;}
#footer .contact .sites ul .item:active{background-color:#F6F6F6;}
#footer .contact .sites.active .button:after{transform:translateY(-50%) rotate(-180deg);}
#footer .contact .sites.active ul{display:flex;}

@media all and (max-width:1340px)
{
	#footer .inner{flex-direction:row;flex-wrap:wrap;align-items:initial;gap:40px;}
	#footer .logo{order:0;}
	#footer .logo img{height:40px;}
	#footer .information{order:2;width:100%;}
	#footer .contact{order:1;}
	#footer .contact .sites{width:210px;}
}
@media all and (max-width:1200)
{   
	#footer{padding:50px 0;}
	#footer .inner{gap:40px;}
	#footer .logo img{height:35px;}
}
@media all and (max-width:1000px)
{
	#footer{padding:40px 0;}
	#footer .inner{gap:30px;}
	#footer .logo img{height:32px;}
	#footer .information .address{font-size:14px;gap:8px;}
	#footer .information .address ul{row-gap:8px;}
	#footer .information .menu .item{font-size:14px;}
	#footer .information .copyright{font-size:14px;}
	#footer .contact .sites .button{font-size:14px;}
	#footer .contact .sites .button:after{font-size:18px;}
	#footer .contact .sites ul .item{font-size:14px;}
}
@media all and (max-width:600px)
{
	#footer .inner{flex-direction:column;}
	#footer .logo{align-self:center;}
	#footer .information .address{text-align:center;}
	#footer .information .address ul{justify-content:center;}
	#footer .information .menu{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
	#footer .information .menu .item{padding:4px 10px;border-radius:5px;height:40px;color:#666666;text-align:center;background-color:rgba(0,0,0,0.06);box-sizing:border-box;transition:background-color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
	#footer .information .menu .item:hover{background-color:rgba(0,0,0,0.11);}
	#footer .information .menu .item:active{background-color:rgba(0,0,0,0.16);}
	#footer .information .copyright{text-align:center;}
	#footer .contact .sites{width:auto;}
}