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

*{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 1510px*/
.sitewidth{max-width:calc(1510px + 60px);margin:0 auto;padding:0 30px;box-sizing:border-box;}
.sitewidth.max{max-width:calc(1920px + 60px);}
.sitewidth.narrow{max-width:calc(1310px + 60px);}

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


#wrap{position:relative;background-color:#FFFFFF;overflow:hidden;}


#header{position:fixed;z-index:10;left:0;top:0;width:100%;height:80px;border-bottom:1px solid #DEDDE0;background-color:#FFFFFF;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;box-sizing:border-box;}
#header .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;flex-grow:1;}
#header .inner .left{position:relative;margin:0;padding:0;margin-right:auto;}
#header .inner .right{position:relative;margin:0;padding:0;margin-left:auto;}
#header .logo{position:relative;margin:0;padding:0;text-decoration:none;}
#header .logo img{position:relative;display:block;margin:0;padding:0;height:55px;}
#header .menu{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;align-self:flex-start;}
#header .menu:before{content:"";display:block;position:absolute;left:50%;top:80px;transform:translateX(-50%);width:150vw;height:calc(100% - 80px);background-color:#ffffff;border-bottom:1px solid #DEDDE0;display:none;}
#header .menu > ul{position:relative;z-index:1;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;gap:20px;flex:1;}
#header .menu > ul > li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
#header .menu > ul > li > .key{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;height:80px;flex-shrink:0;}
#header .menu > ul > li > .key .item{position:relative;margin:0;padding:14px 20px;font-size:18px;font-weight:500;color:#3D454D;line-height:1.2;text-align:center;text-decoration:none;word-break:keep-all;font-variant-numeric:tabular-nums;transition:color ease 250ms,background-color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex:1;}
#header .menu > ul > li > .key .item:hover{color:#292E33;}
#header .menu > ul > li > .key .item:active{color:#292E33;}
#header .menu > ul > li > .key .item.active{color:#3487F5;font-weight:700;}
#header .menu > ul ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;max-height:0;overflow:hidden;transition:max-height ease 250ms;}
#header .menu > ul ul li{position:relative;margin:0;padding:0;}
#header .menu > ul ul li .item{position:relative;display:block;margin:0;padding:18px 20px;font-size:18px;font-weight:400;color:#3D454D;line-height:1.2;text-align:center;text-decoration:none;word-break:keep-all;font-variant-numeric:tabular-nums;transition:color ease 250ms,background-color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#header .menu > ul ul li .item:hover{color:#292E33;}
#header .menu > ul ul li .item:active{color:#292E33;}
#header .menu > ul ul li .item.active{color:#3487F5;font-weight:700;}
#header .menu:hover:before{display:block;}
#header .menu:hover > ul ul{max-height:initial;}
#header .buttons{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:flex-end;}
#header .buttons .button{position:relative;display:inline-block;margin:0;padding:0;border:0;border-radius:8px;width:48px;aspect-ratio:1/1;box-sizing:border-box;background-color:#FFFFFF;cursor:pointer;transition:color ease 250ms,background-color ease 250ms;flex-shrink:0;}
#header .buttons .button:hover{background-color:#ECEDF3;color:#292E33;}
#header .buttons .button:active{background-color:#E1E2E8;color:#292E33;}
#header .buttons .button.active{color:#3487F5;}
#header .buttons .button:before,
#header .buttons .button:after{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0;width:24px;aspect-ratio:1/1;background-size:100%;background-repeat:no-repeat;background-position:center center;transition:opacity ease 250ms;}
#header .buttons .button:before{opacity:1;}
#header .buttons .button:after{opacity:0;}
#header .buttons .button.active:before{opacity:0;}
#header .buttons .button.active:after{opacity:1;}
#header .buttons .button.language:before{background-image:url("../img/layout/header_button_language.svg");}
#header .buttons .button.language:after{background-image:url("../img/layout/header_button_language_active.svg");}
#header .buttons .button.member:before{background-image:url("../img/layout/header_button_member.svg");}
#header .buttons .button.member:after{background-image:url("../img/layout/header_button_member_active.svg");}
#header .buttons .button.toggle_menu{display:none;}
#header .buttons .button.toggle_menu span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0;border-radius:2px;width:22px;height:3px;background-color:#3D454D;transition:background-color ease 250ms,transform ease 250ms;}
#header .buttons .button.toggle_menu span:first-child{margin-top:-8px;}
#header .buttons .button.toggle_menu span:last-child{margin-top:8px;}
#header .popups{position:relative;}
#header .popups .button{z-index:0;}
#header .popups .popup{position:absolute;z-index:1;right:0;top:100%;margin:0;padding:0;width:130px;border:1px solid #DEDDE0;border-radius:10px;background-color:#FFFFFF;box-shadow:1px 2px 30px 0 rgba(107,107,107,0.3);box-sizing:border-box;overflow:hidden;display:none;}
#header .popups .popup ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;}
#header .popups .popup ul li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
#header .popups .popup .item{position:relative;margin:0;padding:20px 12px;border:0;border-radius:0;-webkit-appearance:none;font-size:18px;font-weight:400;color:#3D454D;line-height:1.2;text-decoration:none;white-space:nowrap;background-color:#FFFFFF;box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;transition:color ease 250ms,background-color ease 250ms;}
#header .popups .popup .item:hover{background-color:#ECEDF3;color:#292E33;}
#header .popups .popup .item:active{background-color:#E1E2E8;color:#292E33;}
#header .popups .popup .item.active{color:#3487F5;}
#header .popups:hover .button:before{opacity:0;}
#header .popups:hover .button:after{opacity:1;}
#header .popups:hover .popup{display:block;}

@media all and (max-width:1200px)
{
	#header .menu > ul{gap:10px;}
	#header .menu > ul > li > .key .item{padding:14px 10px;}
	#header .menu > ul ul li .item{padding:18px 10px;}
	#wrap.en > #header .menu > ul > li > .key .item{font-size:16px;}
	#wrap.en > #header .menu > ul ul li .item{font-size:16px;}
}
@media all and (max-width:1000px)
{
	#header{height:60px;}
	#header .logo img{height:45px;}
	#header .menu{display:none;position:fixed;left:0;top:60px;padding:20px 0;width:100%;height:calc(100% - 60px);background-color:#FFFFFF;overflow:auto;box-sizing:border-box;}
	#header .menu:before{display:none !important;}
	#header .menu > ul{flex-direction:column;gap:20px;}
	#header .menu > ul > li{align-items:initial;}
	#header .menu > ul > li > .key{height:46px;}
	#header .menu > ul > li > .key .item{padding:12px 20px;font-size:18px;text-align:initial;justify-content:initial;}
	#header .menu > ul ul{max-height:initial;}
	#header .menu > ul ul li .item{padding:12px 20px;font-size:16px;text-align:initial;justify-content:initial;gap:4px;}
	#header .menu > ul ul li .item:before{content:"- ";}
	#header .menu:hover > ul ul{max-height:initial;}
	#header .buttons{right:-10px;}
	#header .buttons .button{width:40px;}
	#header .buttons .button:before,
	#header .buttons .button:after{width:20px;}
	#header .buttons .button.toggle_menu{display:block;}
	#header .popups .popup .item{padding:12px 12px;font-size:16px;}
	#header.menu_active .menu{display:flex;}
	#header.menu_active .buttons .button.toggle_menu span:first-child{margin:0;transform:translate(-50%,-50%) rotate(-45deg);}
	#header.menu_active .buttons .button.toggle_menu span:nth-child(2){display:none;}
	#header.menu_active .buttons .button.toggle_menu span:last-child{margin:0;transform:translate(-50%,-50%) rotate(45deg);}
}
@media all and (max-width:600px)
{
	#header .logo img{height:30px;}
}


#content{position:relative;z-index:0;margin-top:80px;}
#content .content_header{position:relative;margin:0;padding:0;padding-bottom:40px;display:flex;flex-wrap:nowrap;flex-direction:column;gap:40px;}
#content .content_header .top{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:24px;}
#content .content_header .top .breadcrumb{position:relative;margin:0;padding:0;padding-top:80px;}
#content .content_header .top .breadcrumb ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;row-gap:4px;}
#content .content_header .top .breadcrumb ul li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;}
#content .content_header .top .breadcrumb ul li:nth-child(n+2):before{content:"";display:block;position:relative;top:5px;margin:0 4px;padding:0;width:16px;aspect-ratio:1/1;background-image:url("../img/layout/content_header_breadcrumb_arrow.svg");background-size:100%;background-repeat:no-repeat;background-position:center center;flex-shrink:0;}
#content .content_header .top .breadcrumb .item{position:relative;margin:0;padding:0;font-size:18px;font-weight:500;color:#292E33;line-height:1.4;text-decoration:none;word-break:keep-all;white-space:nowrap;}
#content .content_header .top .titles{position:relative;margin:0;padding:0;}
#content .content_header .top .titles .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;}
#content .content_header .top .titles .title{position:relative;margin:0;padding:0;font-size:40px;font-weight:700;color:#292E33;line-height:1.4;letter-spacing:-2%;word-break:keep-all;}
#content .content_header .top .titles .description{position:relative;margin:0;padding:0;font-size:18px;font-weight:500;color:#3D454D;line-height:1.4;letter-spacing:-2%;word-break:keep-all;}
#content .content_header .top .cover{position:relative;z-index:0;margin:0;padding:0;}
#content .content_header .top .cover + .breadcrumb{position:absolute;left:0;top:0;z-index:1;width:100%;}
#content .content_header .top .cover + .breadcrumb ul li:nth-child(n+2):before{background-image:url("../img/layout/content_header_breadcrumb_arrow_white.svg");}
#content .content_header .top .cover + .breadcrumb .item{color:#FFFFFF;}
#content .content_header .menu{position:relative;margin:0;padding:0;}
#content .content_header .menu ul{position:relative;margin:0;padding:0;list-style:none;border:0;border-radius:50px;background-color:#F8F9FF;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;overflow:hidden;}
#content .content_header .menu ul li{position:relative;margin:0;padding:0;flex:1;}
#content .content_header .menu .item{position:relative;margin:0;padding:10px;border:2px solid transparent;border-radius:31px;height:62px;font-size:18px;font-weight:600;color:#3D454D;line-height:1.2;word-break:keep-all;text-align:center;text-decoration:none;background-color:#F8F9FF;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;transition:color ease 250ms,background-color ease 250ms,border-color ease 250ms;}
#content .content_header .menu .item:hover{background-color:#ECEDF3;color:#292E33;}
#content .content_header .menu .item:active{background-color:#E1E2E8;color:#292E33;}
#content .content_header .menu .item.active{border-color:#013775;color:#013775;background-color:#ffffff;}
#content .content_header.primary .titles{text-align:center;}
#content .content_body{position:relative;}
#content .content_body > .btnArea{display:none;}

@media all and (max-width:1000px)
{
	#content{margin-top:60px;}
	#content .content_header{gap:32px;padding-bottom:35px;border-bottom:1px solid #DEDDE0;}
	#content .content_header .top{gap:22px;}
	#content .content_header .top .breadcrumb{padding-top:55px;}
	#content .content_header .top .breadcrumb ul li:nth-child(n+2):before{top:3px;width:14px;}
	#content .content_header .top .breadcrumb .item{font-size:16px;}
	#content .content_header .top .titles .title{font-size:32px;}
	#content .content_header .menu ul{border-radius:0;overflow:visible;}
	#content .content_header .menu ul{background-color:transparent;gap:12px;}
	#content .content_header .menu .item{border-radius:28px;height:55px;font-size:16px;}
}
@media all and (max-width:600px)
{
	#content .content_header{gap:24px;padding-bottom:30px;}
	#content .content_header .top{gap:20px;}
	#content .content_header .top .breadcrumb{padding-top:30px;}
	#content .content_header .top .breadcrumb ul li:nth-child(n+2):before{top:4px;width:12px;}
	#content .content_header .top .breadcrumb .item{font-size:14px;}
	#content .content_header .top .titles .title{font-size:24px;}
	#content .content_header .menu ul{gap:8px;}
	#content .content_header .menu .item{border-radius:24px;height:48px;font-size:14px;}
	#content .content_header .menu.grid2 ul{flex-wrap:wrap;}
	#content .content_header .menu.grid2 ul li{flex-basis:40%;}
}


#footer_organization{position:relative;margin:0;padding:25px 0;border-top:1px solid #DEDDE0;background-color:#FFFFFF;}
#footer_organization .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;gap:30px;}
#footer_organization .divider{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:5px;}
#footer_organization .divider .title{position:relative;margin:0;padding:0;font-size:20px;font-weight:500;color:#000000;line-height:1.5;letter-spacing:-3%;flex-shrink:0;}
#footer_organization .divider .list{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;gap:20px;}
#footer_organization .divider .list li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#footer_organization .divider .list .item{position:relative;margin:0;padding:0;display:block;height:55px;background-size:100%;background-repeat:no-repeat;background-position:center center;}
#footer_organization .divider .list .item.logo1{background-image:url("../img/layout/footer_organization_logo1.svg");aspect-ratio:187/55;}
#footer_organization .divider .list .item.logo2{background-image:url("../img/layout/footer_organization_logo2.svg");aspect-ratio:172/55;}
#footer_organization .divider .list .item.logo3{background-image:url("../img/layout/footer_organization_logo3.svg");aspect-ratio:126/55;}
#footer_organization .divider .list .item.logo4{background-image:url("../img/layout/footer_organization_logo4.svg");aspect-ratio:159/55;}
#footer_organization .divider .list .item.logo5{background-image:url("../img/layout/footer_organization_logo5.svg");aspect-ratio:162/55;}
#footer_organization .divider .list .item.logo6{background-image:url("../img/layout/footer_organization_logo6.svg");aspect-ratio:284/55;}

@media all and (max-width:1400px)
{
	#footer_organization .divider .list .item{height:45px;}
}
@media all and (max-width:1200px)
{
	#footer_organization .divider .title{font-size:18px;}
	#footer_organization .divider .list .item{height:40px;}
}
@media all and (max-width:1000px)
{
	#footer_organization{padding:20px 0;}
	#footer_organization .inner{flex-direction:column;gap:25px;}
	#footer_organization .divider .title{font-size:16px;}
	#footer_organization .divider .list{gap:20px;}
	#footer_organization .divider .list .item{height:40px;}
}
@media all and (max-width:600px)
{
	#footer_organization{padding:15px 0;}
	#footer_organization .inner{gap:20px;}
	#footer_organization .divider .title{font-size:14px;}
	#footer_organization .divider .list .item{height:35px;}
}


#footer{position:relative;z-index:1;margin:0;}
#footer .footer_top{position:relative;margin:0;padding:50px 0;background-color:#000F33;}
#footer .footer_top .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;gap:25px;}
#footer .footer_top .top{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;}
#footer .footer_top .top *:is(.left,.right){position:relative;margin:0;padding:0;}
#footer .footer_top .top .left{margin-right:auto;}
#footer .footer_top .top .right{margin-left:auto;}
#footer .footer_top .divider{position:relative;margin:0;padding:0;height:1px;background-color:#AE8F5E;}
#footer .footer_top .bottom{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:25px;}
#footer .footer_top .bottom .menu{display:none;}
#footer .footer_top .bottom .menu ul{justify-content:space-between;column-gap:40px;row-gap:10px;}
#footer .footer_top .bottom .menu .item{color:rgba(255,255,255,0.6);}
#footer .footer_top .bottom .menu .item:hover{color:rgba(255,255,255,0.7);}
#footer .footer_top .bottom .menu .item:active{color:rgba(255,255,255,0.8);}
#footer .footer_bottom{position:relative;margin:0;padding:15px 0;background-color:#AE8F5E;}
#footer .footer_bottom .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;}
#footer .footer_bottom *:is(.left,.right){position:relative;margin:0;padding:0;}
#footer .footer_bottom .left{margin-right:auto;}
#footer .footer_bottom .right{margin-left:auto;}
#footer .logos{position:relative;margin:0;padding:0;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:25px;}
#footer .logos .item{position:relative;display:block;margin:0;padding:0;text-decoration:none;}
#footer .logos .item img{position:relative;display:block;margin:0;padding:0;height:50px;}
#footer .logos .item.yonsei img{height:44px;}
#footer .social{position:relative;margin:0;padding:0;}
#footer .social ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:20px;}
#footer .social ul li{position:relative;margin:0;padding:0;}
#footer .social .item{position:relative;margin:0;padding:0;display:block;height:36px;text-decoration:none;background-size:100%;background-repeat:no-repeat;background-position:center center;transition:background-color ease 250ms;}
#footer .social .item.kakaochannel{aspect-ratio:211/36;background-image:url("../img/layout/footer_social_kakaochannel.svg");}
#footer .menu{position:relative;margin:0;padding:0;}
#footer .menu ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;column-gap:50px;row-gap:10px;}
#footer .menu ul li{position:relative;margin:0;padding:0;}
#footer .menu .item{position:relative;margin:0;padding:0;font-size:15px;font-weight:600;color:#FFFFFF;line-height:1.6;letter-spacing:-2%;text-decoration:none;}
#footer .menu .item:hover{color:#E1E2E8;}
#footer .menu .item:active{color:#d5d6db;}
#footer .info{position:relative;margin:0;padding:0;font-size:15px;font-weight:400;color:#ECEDF3;line-height:1.5;word-break:keep-all;display:flex;flex-wrap:nowrap;flex-direction:column;gap:12px;}
#footer .info ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;column-gap:30px;row-gap:8px;}
#footer .info ul li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:4px;}
#footer .info .name{font-size:18px;font-weight:500;color:#FFFFFF;line-height:1.4;}
#footer .info .link{position:relative;margin:0;padding:0;font-size:16px;font-weight:600;color:#ECEDF3;line-height:1.6;letter-spacing:-2%;text-decoration:none;display:inline-flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#footer .info .link:before{content:"";display:block;width:26px;aspect-ratio:26/26;background-size:100%;background-repeat:no-repeat;background-position:center center;flex-shrink:0;}
#footer .info .link.email:before{background-image:url("../img/layout/footer_info_icon_email.svg");}
#footer .info .link.kakaochannel:before{background-image:url("../img/layout/footer_info_icon_kakaochannel.svg");}
#footer .copyright{position:relative;margin:0;padding:0;font-size:15px;font-weight:400;color:#FFFFFF;line-height:1.5;word-break:keep-all;}
.component_page_floating + #footer{padding-bottom:115px;}
#wrap.en > #footer .menu ul{column-gap:30px;}

@media all and (max-width:1500px)
{
	#footer .footer_top .bottom .menu{display:block;}
	#footer .footer_bottom .left{margin:0;flex:1;}
	#footer .footer_bottom .right{display:none;}
}
@media all and (max-width:1000px)
{
	#footer .footer_top{padding:40px 0;}
	#footer .footer_bottom{padding:12px 0;}
	#footer .social .item{height:30px;}
	#footer .footer_top .bottom .menu ul{justify-content:initial;}
	#footer .menu .item{font-size:14px;}
	#footer .info{gap:10px;font-size:14px;}
	#footer .info ul{row-gap:6px;}
	#footer .info .name{font-size:16px;}
	#footer .info .link{font-size:14px;}
	#footer .copyright{font-size:14px;}
	.component_page_floating + #footer{padding-bottom:90px;}
}
@media all and (max-width:600px)
{
	#footer .footer_top{padding:30px 0;}
	#footer .footer_bottom{padding:10px 0;}
	#footer .social .item{height:25px;}
	#footer .menu .item{font-size:12px;}
	#footer .info{gap:8px;font-size:13px;}
	#footer .info ul{row-gap:4px;}
	#footer .info .name{font-size:14px;}
	#footer .info .link{font-size:13px;}
	#footer .copyright{font-size:12px;}
	.component_page_floating + #footer{padding-bottom:90px;}
}