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

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/remixicon@4.9.1/fonts/remixicon.min.css");

:root{
	--black:#222222;
	--black-dark:#111111;
	--black-darker:#000000;
	--black-light:#3E3A39;
	--gray:#666666;
	--gray-dark:#555555;
	--gray-darker:#333333;
	--gray-light:#999999;
	--white:#FFFFFF;
	--white-dark:#FAFAFA;
	--white-darker:#F0F0F0;
	--placeholder:#CCCCCC;
	--primary:#01B18B;
	--primary-dark:#3E8D91;
	--primary-darker:#33677F;
	--primary-bg:#EDF6E8;
	--primary-bg-light:#F8FDF9;
	--primary-bg-lime:rgba(228,254,243,0.8);
	--primary-bg-gradient:linear-gradient(180deg,#E8F5F1 0%,#FFFFFF 100%);
	--secondary:#1F2657;
	--secondary-dark:#1A204A;
	--secondary-darker:#151A3B;
	--secondary-light:#17A6ED;
	--border:#C6C9D7;
	--border-dark:#9ea1ac;
	--border-darker:#777981;
	--border-light:#E5E5E5;
	--bg-blank:#F8F9FA;
	--bg-gray:#F2F3F8;
	--bg-gray-light:#F8F9FA;
	--bg:#F5F5F5;
	--bg-dark:#E5E5E5;
	--bg-darker:#DADADA;
	--header-height:70px;
}

@media all and (max-width:1000px)
{
	: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;}

/*width 1310px*/
.sitewidth{max-width:calc(1310px + 60px);width:100%;margin:0 auto;padding:0 30px;box-sizing:border-box;}
.sitewidth.narrow{max-width:calc(920px + 60px);}
.sitewidth.light{max-width:calc(1120px + 60px);}
.sitewidth.max{max-width:calc(1920px + 60px);}

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


#wrap{position:relative;background-color:var(--white);overflow:hidden;}


#header{position:fixed;z-index:10;top:0;left:0;width:100%;height:var(--header-height);background-color:var(--white);box-shadow:0 2px 2px rgba(0,0,0,0.03);box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;}
#header .inner{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;flex:1;}
#header .logo{position:relative;margin:0;padding:0;text-decoration:none;}
#header .logo img{position:relative;display:block;margin:0;padding:0;height:32px;}
#header .menu{margin:0;padding:0;}
#header .menu > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;gap:80px;}
#header .menu > ul > li{position:relative;margin:0;padding:0;}
#header .menu > ul > li > .item{position:relative;margin:0;padding:10px 0;border:0;border-radius:0;-webkit-appearance:none;font-size:18px;font-weight:500;line-height:1.4;color:var(--black);text-align:center;white-space:nowrap;text-decoration:none;background-color:transparent;transition:color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:8px;flex:1;}
#header .menu > ul > li > .item[target="_blank"]:after{content:"\ECAF";position:relative;top:-1px;display:block;margin:0;padding:0;font-family:"remixicon";font-size:18px;font-weight:100;line-height:1;-webkit-text-stroke:0.4px var(--white);flex-shrink:0;}
#header .menu > ul > li > .item:hover{color:var(--primary);}
#header .menu > ul > li > .item:active{color:var(--primary);}
#header .menu > ul > li > .item.active{color:var(--primary);}
#header .menu > ul > li > .item.active:before{content:"";position:absolute;top:6px;right:-6px;border-radius:50%;width:6px;aspect-ratio:1/1;background-color:var(--primary);}
#header .menu > ul > li:hover .submenu{opacity:1;visibility:visible;}
#header .buttons{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;}
#header .buttons .button{position:relative;margin:0;padding:0;border:0;border-radius:0;-webkit-appearance:none;width:36px;aspect-ratio:1/1;box-sizing:border-box;background-color:transparent;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;}
#header .buttons .button:before{content:"";position:relative;display:block;margin:0;padding:0;font-family:"remixicon";font-size:20px;font-weight:100;color:var(--gray);line-height:1;-webkit-text-stroke:0.4px var(--white);transition:color ease 250ms;}
#header .buttons .button:hover:before{color:var(--primary);}
#header .buttons .button.language:before{content:"\EDCF";}
#header .buttons .button.member:before{content:"\F264";}
#header .buttons .popups{position:relative;}
#header .buttons .popups .button{z-index:0;}
#header .buttons .popups .submenu{min-width:initial;}
#header .buttons .popups:hover .button:before{color:var(--primary);}
#header .buttons .popups:hover .submenu{opacity:1;visibility:visible;}
#header .submenu{position:absolute;z-index:1;top:100%;left:50%;transform:translateX(-50%);margin:0;padding:12px 0;border-radius:12px;background-color:var(--white);min-width:180px;box-shadow:0 8px 24px rgba(0,0,0,0.12);opacity:0;visibility:hidden;transition:opacity ease 250ms,visibility ease 250ms;}
#header .submenu ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;}
#header .submenu ul li{position:relative;margin:0;padding:0;}
#header .submenu .item{position:relative;margin:0;padding:0;display:block;width:100%;margin:0;padding:10px 20px;border:0;border-radius:0;-webkit-appearance:none;font-size:16px;line-height:1.4;color:var(--black);text-align:center;white-space:nowrap;text-decoration:none;background-color:transparent;box-sizing:border-box;transition:color 250ms,background-color 250ms;}
#header .submenu .item:hover{color:var(--primary);background-color:var(--primary-bg);}
#header .submenu .item:active{color:var(--primary);background-color:var(--primary-bg);}
#header .toggle_menu{position:relative;margin:0;padding:0;border:0;border-radius:0;-webkit-appearance:none;width:36px;aspect-ratio:1/1;background-color:transparent;cursor:pointer;display:none;}
#header .toggle_menu span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:2px;background-color:var(--black);border-radius:2px;transition:transform 250ms ease,opacity 250ms ease;}
#header .toggle_menu span:nth-child(1){margin-top:-8px;}
#header .toggle_menu span:nth-child(3){margin-top:8px;}
#wrap.en .menu > ul{gap:60px;}

@media all and (max-width:1200px)
{
	#header .menu > ul{gap:40px;}
	#header .menu > ul > li > .item{font-size:16px;}
	#header .submenu .item{font-size:14px;}
	#wrap.en .menu > ul{gap:30px;}
}
@media all and (max-width:1000px)
{
	#header .logo img{height:30px;}
	#header .menu{position:fixed;left:0;top:var(--header-height);transform:translate(0,0);margin:0 !important;padding:20px 15px calc(20px + env(safe-area-inset-bottom));width:100%;height:calc(100% - var(--header-height));border-top:1px solid var(--border-light);background-color:var(--white);overflow:auto;box-sizing:border-box;display:none;}
	#header .menu > ul{flex-direction:column;gap:0 !important;}
	#header .menu > ul > li:nth-child(n+2){margin-top:10px;padding-top:10px;border-top:1px solid var(--border-light);}
	#header .menu > ul > li > .item{padding:4px 0;height:52px;font-size:15px;box-sizing:border-box;}
	#header .menu > ul > li > .item.active:before{display:none;}
	#header .menu > ul > li > .submenu{position:relative;margin:0;padding:0;padding-bottom:10px;left:auto;top:auto;transform:translateX(0);border-radius:0;min-width:initial;background-color:transparent;box-shadow:none;opacity:1;visibility:initial;}
	#header .menu > ul > li > .submenu .item{border-radius:4px;}
	#header .buttons{gap:4px;}
	#header .submenu .item{font-size:14px;}
	#header .toggle_menu{display:block;}
	#header.menu_active .menu{display:block;}
	#header.menu_active .toggle_menu span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg);margin:0;}
	#header.menu_active .toggle_menu span:nth-child(2){opacity:0;}
	#header.menu_active .toggle_menu span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg);margin:0;}
}

/* 폰트사이즈 변경 */
#content{position:relative;margin:0;padding:0;}
#content .content_header{position:relative;margin:0;padding:20px 0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:40px;}
#content .content_header .breadcrumb{position:relative;margin:0;padding:0;}
#content .content_header .breadcrumb ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#content .content_header .breadcrumb ul li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#content .content_header .breadcrumb ul li .item{position:relative;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.6;color:var(--gray-light);text-decoration:none;}
#content .content_header .breadcrumb ul li.home .item{font-size:0;color:transparent;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#content .content_header .breadcrumb ul li.home .item:before{content:"\EE1A";position:relative;display:block;margin:0;padding:0;font-family:"remixicon";font-size:18px;font-weight:100;color:var(--primary);line-height:1;-webkit-text-stroke:0.4px var(--white);}
#content .content_header .breadcrumb ul li.home + li:before{content:"";display:block;margin:0 12px;padding:0;width:1px;height:1em;background-color:var(--border-light);}
#content .content_header .breadcrumb ul li:not(.home) + li:before{content:"\EA6E";display:block;margin:0 4px;padding:0;font-family:"remixicon";font-size:18px;font-weight:100;color:var(--gray-light);line-height:1;-webkit-text-stroke:0.4px var(--white);}
#content .content_header .titles{position:relative;margin:0;padding:0;}
#content .content_header .titles .title{position:relative;margin:0;padding:0;font-size:34px;font-weight:700;color:var(--black);line-height:1.6;text-align:center;}
#content .content_header .menu{position:relative;margin:0;padding:0;}
#content .content_header .menu ul{position:relative;margin:0;padding:4px;list-style:none;border-radius:28px;background-color:var(--bg-gray);box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;}
#content .content_header .menu ul li{position:relative;margin:0;padding:0;flex:1;}
#content .content_header .menu ul li .item{position:relative;margin:0;padding:4px 12px;border-radius:24px;height:48px;font-size:17px;font-weight:500;line-height:1.3;color:var(--gray);text-align:center;word-break:keep-all;text-decoration:none;box-sizing:border-box;transition:color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#content .content_header .menu ul li .item:hover{color:var(--secondary-light);}
#content .content_header .menu ul li .item.active{color:var(--white);background-color:var(--secondary);}
#content .content_body{position:relative;margin:0;padding:0;}
#content .btnArea{display:none;}
#header + #content{margin-top:var(--header-height);}

@media all and (max-width:1000px)
{
	#content .content_header{gap:30px;padding:16px 0;}
	#content .content_header .breadcrumb ul li .item{font-size:15px;}
	#content .content_header .breadcrumb ul li.home .item{top:-1px;}
	#content .content_header .breadcrumb ul li.home .item:before{font-size:16px;}
	#content .content_header .breadcrumb ul li.home + li:before{margin:0 10px;}
	#content .content_header .breadcrumb ul li:not(.home) + li:before{margin:0 3px;font-size:16px;}
	#content .content_header .titles .title{font-size:28px;}
	#content .content_header .menu ul{padding:3px;border-radius:24px;}
	#content .content_header .menu ul li .item{border-radius:23px;height:45px;font-size:15px;}
	#content .content_header .menu.grid2 ul{display:grid;grid-template-columns:repeat(2,1fr);}
}
@media all and (max-width:600px)
{
	#content .content_header .menu ul li .item{font-size:14px;}
}


#footer{position:relative;margin:0;padding:60px 0 calc(60px + env(safe-area-inset-bottom));background-color:var(--gray-darker);}
#footer .divider + .divider{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,0.1);}
#footer .top{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:30px;}
#footer .top .logo{position:relative;margin:0;padding:0;text-decoration:none;justify-self:flex-start;}
#footer .top .logo img{position:relative;display:block;margin:0;padding:0;height:32px;}
#footer .top .menu{position:relative;margin:0;padding:0;justify-self:flex-end;}
#footer .top .menu ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:flex-end;gap:40px;}
#footer .top .menu ul li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:12px;flex:1;}
#footer .top .menu .item{position:relative;margin:0;padding:0;font-size:14px;font-weight:400;line-height:1.6;color:rgba(255,255,255,0.8);white-space:nowrap;text-decoration:none;transition:color ease 250ms;}
#footer .top .menu .item:hover{color:var(--white);}
#footer .middle{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;gap:40px;}
#footer .middle .info{position:relative;margin:0;padding:0;font-size:14px;font-weight:400;line-height:1.8;color:rgba(255,255,255,0.6);font-style:normal;justify-self:flex-start;}
#footer .middle .info ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;}
#footer .middle .info ul li{position:relative;margin:0;padding:0;}
#footer .middle .info a{position:relative;margin:0;padding:0;color:inherit;text-decoration:none;}
#footer .middle .links{position:relative;margin:0;padding:0;justify-self:flex-end;}
#footer .middle .links ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-end;gap:20px;}
#footer .middle .links ul li{position:relative;margin:0;padding:0;text-align:center;}
#footer .middle .links ul li .item{position:relative;margin:0;padding:0;font-size:14px;font-weight:400;line-height:1.4;color:rgba(255,255,255,0.6);text-align:center;text-decoration:none;transition:color ease 250ms,background-color ease 250ms;}
#footer .middle .links ul li .item:hover{color:var(--white);}
#footer .bottom{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;}
#footer .bottom .copyright{position:relative;margin:0;padding:0;font-size:13px;font-weight:400;line-height:1.6;color:rgba(255,255,255,0.4);word-break:keep-all;}
#footer .bottom .familysite{position:relative;margin:0;padding:10px 16px;border:1px solid rgba(255,255,255,0.2);border-radius:4px;font-size:12px;font-weight:400;line-height:1.4;color:rgba(255,255,255,0.5);background-color:transparent;cursor:pointer;transition:border-color ease 250ms,color ease 250ms;}
#footer .bottom .familysite:hover{border-color:rgba(255,255,255,0.4);color:var(--white);}

@media all and (max-width:1000px)
{
	#footer{padding:40px 0 calc(40px + env(safe-area-inset-bottom));}
	#footer .top{justify-content:center;}
	#footer .top .logo{justify-self:center;}
	#footer .top .logo img{height:30px;}
	#footer .top .menu{display:none;}
	#footer .middle{flex-direction:column;}
	#footer .middle .info{font-size:13px;text-align:center;}
	#footer .middle .links ul{align-items:initial;justify-content:initial;gap:10px;}
	#footer .middle .links ul li{display:flex;flex-wrap:nowrap;flex-direction:column;flex-basis:30%;flex-grow:1;}
	#footer .middle .links ul li .item{padding:4px 8px;border-radius:6px;min-height:38px;font-size:13px;background-color:rgba(0,0,0,0.1);box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex:1;}
	#footer .middle .links ul li .item:hover{background-color:rgba(0,0,0,0.15);}
	#footer .middle .links ul li .item:active{background-color:rgba(0,0,0,0.2);}
	#footer .bottom{justify-content:center;}
	#footer .bottom .copyright{font-size:12px;text-align:center;}
}


#wrap_simple{position:relative;background-color:var(--white);overflow:hidden;}

#header_simple{position:fixed;z-index:10;top:0;left:0;width:100%;height:var(--header-height);background-color:var(--white);box-shadow:0 2px 8px rgba(0, 0, 0, 0.06);box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;}
#header_simple .inner{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex:1;}
#header_simple .logo{position:relative;margin:0;padding:0;text-decoration:none;}
#header_simple .logo img{position:relative;display:block;margin:0;padding:0;height:32px;}

@media all and (max-width:1000px)
{
	#header_simple .logo img{height:30px;}
}

#content_simple{position:relative;margin:0;padding:0;}
#content_simple .btnArea{display:none;}
#header_simple + #content_simple{margin-top:var(--header-height);}

#footer_simple{position:relative;margin:0;padding:30px 0 calc(30px + env(safe-area-inset-bottom));background-color:var(--white);}
#footer_simple .copyright{position:relative;margin:0;padding:0;font-size:13px;font-weight:400;line-height:1.6;color:var(--gray-light);text-align:center;}

@media all and (max-width:1000px)
{
	#footer_simple .copyright{font-size:12px;}
}