@charset "UTF-8";

#page{position:relative;margin:0;padding:0;}


#page .page_header{position:relative;margin:0;padding:0;margin-top:80px;}
#page .page_header + .page_section{padding-top:60px;}
#page .page_header + .page_filter{margin-top:60px;}

@media all and (max-width:1000px)
{
	#page .page_header{margin-top:55px;}
	#page .page_header + .page_section{padding-top:45px;}
	#page .page_header + .page_filter{margin-top:40px;}
}
@media all and (max-width:600px)
{
	#page .page_header{margin-top:30px;}
	#page .page_header + .page_section{padding-top:30px;}
	#page .page_header + .page_filter{margin-top:30px;}
}


#page .page_filter{position:relative;margin:0;padding:0;margin-top:80px;}
#page .page_filter + .page_section{padding-top:30px;}

@media all and (max-width:1000px)
{
	#page .page_filter{margin-top:55px;}
}
@media all and (max-width:600px)
{
	#page .page_filter{margin-top:30px;}
}


#page .page_section{position:relative;margin:0;padding:80px 0;overflow:hidden;}
#page .page_section > .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;gap:60px;}

#page .page_section.padding_narrow{padding:40px 0;}
#page .page_section.padding_narrow_top{padding-top:40px;}
#page .page_section.padding_narrow_bottom{padding-bottom:40px;}

#page .page_section.padding_light{padding:60px 0;}
#page .page_section.padding_light_top{padding-top:60px;}
#page .page_section.padding_light_bottom{padding-bottom:60px;}

#page .page_section.padding_default{padding:80px 0;}
#page .page_section.padding_default_top{padding-top:80px;}
#page .page_section.padding_default_bottom{padding-bottom:80px;}

#page .page_section.padding_medium{padding:100px 0;}
#page .page_section.padding_medium_top{padding-top:100px;}
#page .page_section.padding_medium_bottom{padding-bottom:100px;}

#page .page_section.padding_large{padding:160px 0;}
#page .page_section.padding_large_top{padding-top:160px;}
#page .page_section.padding_large_bottom{padding-bottom:160px;}

#page .page_section.padding_giant{padding:190px 0;}
#page .page_section.padding_giant_top{padding-top:190px;}
#page .page_section.padding_giant_bottom{padding-bottom:190px;}

#page .page_section.margin_narrow{margin:40px 0;}
#page .page_section.margin_narrow_top{margin-top:40px;}
#page .page_section.margin_narrow_bottom{margin-bottom:40px;}

#page .page_section.margin_light{margin:60px 0;}
#page .page_section.margin_light_top{margin-top:60px;}
#page .page_section.margin_light_bottom{margin-bottom:60px;}

#page .page_section.margin_default{margin:80px 0;}
#page .page_section.margin_default_top{margin-top:80px;}
#page .page_section.margin_default_bottom{margin-bottom:80px;}

#page .page_section.margin_medium{margin:100px 0;}
#page .page_section.margin_medium_top{margin-top:100px;}
#page .page_section.margin_medium_bottom{margin-bottom:100px;}

#page .page_section.margin_large{margin:160px 0;}
#page .page_section.margin_large_top{margin-top:160px;}
#page .page_section.margin_large_bottom{margin-bottom:160px;}

#page .page_section.margin_giant{margin:190px 0;}
#page .page_section.margin_giant_top{margin-top:190px;}
#page .page_section.margin_giant_bottom{margin-bottom:190px;}

@media all  and (max-width:1000px)
{
	#page .page_section{padding:65px 0;}
	#page .page_section > .inner{gap:45px;}	
	
	#page .page_section.padding_narrow{padding:35px 0;}
	#page .page_section.padding_narrow_top{padding-top:35px;}
	#page .page_section.padding_narrow_bottom{padding-bottom:35px;}
	
	#page .page_section.padding_light{padding:45px 0;}
	#page .page_section.padding_light_top{padding-top:45px;}
	#page .page_section.padding_light_bottom{padding-bottom:45px;}
	
	#page .page_section.padding_default{padding:65px 0;}
	#page .page_section.padding_default_top{padding-top:65px;}
	#page .page_section.padding_default_bottom{padding-bottom:65px;}
	
	#page .page_section.padding_medium{padding:75px 0;}
	#page .page_section.padding_medium_top{padding-top:75px;}
	#page .page_section.padding_medium_bottom{padding-bottom:75px;}
	
	#page .page_section.padding_large{padding:100px 0;}
	#page .page_section.padding_large_top{padding-top:100px;}
	#page .page_section.padding_large_bottom{padding-bottom:100px;}
	
	#page .page_section.padding_giant{padding:130px 0;}
	#page .page_section.padding_giant_top{padding-top:130px;}
	#page .page_section.padding_giant_bottom{padding-bottom:130px;}
	
	#page .page_section.margin_narrow{margin:35px 0;}
	#page .page_section.margin_narrow_top{margin-top:35px;}
	#page .page_section.margin_narrow_bottom{margin-bottom:35px;}
	
	#page .page_section.margin_light{margin:45px 0;}
	#page .page_section.margin_light_top{margin-top:45px;}
	#page .page_section.margin_light_bottom{margin-bottom:45px;}
	
	#page .page_section.margin_default{margin:65px 0;}
	#page .page_section.margin_default_top{margin-top:65px;}
	#page .page_section.margin_default_bottom{margin-bottom:65px;}
	
	#page .page_section.margin_medium{margin:75px 0;}
	#page .page_section.margin_medium_top{margin-top:75px;}
	#page .page_section.margin_medium_bottom{margin-bottom:75px;}
	
	#page .page_section.margin_large{margin:100px 0;}
	#page .page_section.margin_large_top{margin-top:100px;}
	#page .page_section.margin_large_bottom{margin-bottom:100px;}
	
	#page .page_section.margin_giant{margin:130px 0;}
	#page .page_section.margin_giant_top{margin-top:130px;}
	#page .page_section.margin_giant_bottom{margin-bottom:130px;}
}
@media all  and (max-width:600px)
{
	#page .page_section{padding:50px 0;}
	#page .page_section > .inner{gap:30px;}
	
	#page .page_section.padding_narrow{padding:30px 0;}
	#page .page_section.padding_narrow_top{padding-top:30px;}
	#page .page_section.padding_narrow_bottom{padding-bottom:30px;}
	
	#page .page_section.padding_light{padding:40px 0;}
	#page .page_section.padding_light_top{padding-top:40px;}
	#page .page_section.padding_light_bottom{padding-bottom:40px;}
	
	#page .page_section.padding_default{padding:50px 0;}
	#page .page_section.padding_default_top{padding-top:50px;}
	#page .page_section.padding_default_bottom{padding-bottom:50px;}
	
	#page .page_section.padding_medium{padding:60px 0;}
	#page .page_section.padding_medium_top{padding-top:60px;}
	#page .page_section.padding_medium_bottom{padding-bottom:60px;}
	
	#page .page_section.padding_large{padding:65px 0;}
	#page .page_section.padding_large_top{padding-top:65px;}
	#page .page_section.padding_large_bottom{padding-bottom:65px;}

	#page .page_section.padding_giant{padding:70px 0;}
	#page .page_section.padding_giant_top{padding-top:70px;}
	#page .page_section.padding_giant_bottom{padding-bottom:70px;}

	#page .page_section.margin_narrow{margin:30px 0;}
	#page .page_section.margin_narrow_top{margin-top:30px;}
	#page .page_section.margin_narrow_bottom{margin-bottom:30px;}
	
	#page .page_section.margin_light{margin:40px 0;}
	#page .page_section.margin_light_top{margin-top:40px;}
	#page .page_section.margin_light_bottom{margin-bottom:40px;}
	
	#page .page_section.margin_default{margin:50px 0;}
	#page .page_section.margin_default_top{margin-top:50px;}
	#page .page_section.margin_default_bottom{margin-bottom:50px;}
	
	#page .page_section.margin_medium{margin:60px 0;}
	#page .page_section.margin_medium_top{margin-top:60px;}
	#page .page_section.margin_medium_bottom{margin-bottom:60px;}
	
	#page .page_section.margin_large{margin:65px 0;}
	#page .page_section.margin_large_top{margin-top:65px;}
	#page .page_section.margin_large_bottom{margin-bottom:65px;}

	#page .page_section.margin_giant{margin:70px 0;}
	#page .page_section.margin_giant_top{margin-top:70px;}
	#page .page_section.margin_giant_bottom{margin-bottom:70px;}
}


#page .page_divider{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:30px;}
#page .page_divider .page_divider_header{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px;}
#page .page_divider .page_divider_header .title{position:relative;margin:0;padding:0;font-size:32px;font-weight:700;color:#292E33;line-height:1.2;word-break:keep-all;}
#page .page_divider .page_divider_header .description{position:relative;margin:0;padding:0;font-size:24px;font-weight:500;color:#3D454D;line-height:1.4;word-break:break-all;}
#page .page_divider .page_divider_header .description b{font-weight:700;}
#page .page_divider .page_divider_header .description a{color:inherit;}
#page .page_divider .page_divider_body{position:relative;margin:0;padding:0;}
#page .page_divider .page_divider_footer{position:relative;}
#page .page_divider.narrow_gap{gap:12px;}

@media all  and (max-width:1000px)
{
	#page .page_divider{gap:28px;}
	#page .page_divider .page_divider_header .title{font-size:27px;}
	#page .page_divider .page_divider_header .description{font-size:21px;}
}
@media all  and (max-width:600px)
{
	#page .page_divider{gap:25px;}
	#page .page_divider .page_divider_header .title{font-size:22px;}
	#page .page_divider .page_divider_header .description{font-size:18px;}
}



#page .main_section{position:relative;margin:0;padding:90px 0;box-sizing:border-box;}
#page .main_section > .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;gap:60px;}
#page .main_section .main_section_header{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:12px;}
#page .main_section .main_section_header .icon{position:relative;margin:0;padding:0;width:58px;aspect-ratio:1/1;background-color:#C6C9D7;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .main_section .main_section_header .subtitle{position:relative;margin:0;padding:0;font-size:24px;font-weight:700;color:#292E33;line-height:1.2;word-break:keep-all;}
#page .main_section .main_section_header .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;}
#page .main_section .main_section_header .button{position:relative;margin:0;padding:10px 16px;border:1px solid #292E33;border-radius:0;-webkit-appearance:none;height:58px;font-family:"Noto Serif KR",serif;font-size:24px;font-weight:600;color:#292E33;line-height:1.2;letter-spacing:-2%;text-align:center;text-decoration:none;background-color:#FFFFFF;box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;transition:color ease 250ms,background-color ease 250ms;}
#page .main_section .main_section_header .button:hover{background-color:#ECEDF3;}
#page .main_section .main_section_header .button:active{background-color:#E1E2E8;}
#page .main_section .main_section_header .group{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;gap:24px;}
#page .main_section .main_section_header .group .icon{flex-shrink:0;}
#page .main_section .main_section_header .group .title{flex-grow:1;}
#page .main_section .main_section_header.has_button{position:relative;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;}
#page .main_section .main_section_header.has_button > *:not(.button){flex-grow:1;}
#page .main_section .main_section_header.has_button > .button{flex-shrink:0;}
#page .main_section .main_section_body{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:60px;}
#page .main_section .main_section_header .icon.writing_contest{background-image:url("../img/page/section_writing_contest_title_icon.webp");}
#page .main_section .main_section_header .icon.symposium{background-image:url("../img/page/section_symposium_title_icon.webp");}

@media all and (max-width:1000px)
{
	#page .main_section{padding:70px 0;}
	#page .main_section > .inner{gap:45px;}
	#page .main_section .main_section_header .icon{width:44px;}
	#page .main_section .main_section_header .subtitle{font-size:20px;}
	#page .main_section .main_section_header .title{font-size:32px;}
	#page .main_section .main_section_header .button{height:53px;font-size:20px;margin-left:auto;}
	#page .main_section .main_section_header .group{gap:20px;}
	#page .main_section .main_section_header.has_button{flex-direction:column;gap:25px;}
	#page .main_section .main_section_body{gap:50px;}
}
@media all and (max-width:600px)
{
	#page .main_section{padding:50px 0;}
	#page .main_section > .inner{gap:30px;}
	#page .main_section .main_section_header .icon{width:30px;}
	#page .main_section .main_section_header .subtitle{font-size:16px;}
	#page .main_section .main_section_header .title{font-size:24px;}
	#page .main_section .main_section_header .button{height:48px;font-size:16px;margin-left:0;}
	#page .main_section .main_section_header .group{flex-direction:column;align-items:center;gap:25px;}
	#page .main_section .main_section_header .group .title{text-align:center;align-self:stretch;}
	#page .main_section .main_section_header.has_button{align-items:initial;}
	#page .main_section .main_section_body{gap:40px;}
	#page .main_section .component_card{margin:0 -20px;border-radius:0;box-shadow:none;}
}

.component_guidelines_list{position:relative;margin:0;padding:0;list-style:none;display:none;flex-wrap:nowrap;flex-direction:column;gap:10px;}
.component_guidelines_list > li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;flex:1;}
.component_guidelines_list .item .info{position:relative;margin:0;padding:0;border-radius:10px;border:1px solid #DEDDE0;background-color:#FFFFFF;overflow:hidden;display:flex;flex-wrap:nowrap;flex-direction:column;flex:1;}
.component_guidelines_list .item > *{z-index:0;}
.component_guidelines_list .item .info{position:relative;margin:0;padding:20px 15px;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px;flex-grow:1;}
.component_guidelines_list .item .info .text{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px;flex-grow:1;}
.component_guidelines_list .item .info .text .title{position:relative;margin:0;padding:0;font-size:14px;font-weight:700;color:#292E33;line-height:1.2;word-break:keep-all;}
.component_guidelines_list .item .info .text ul{position:relative;margin:0;padding:0;font-size:13px;font-weight:400;color:#3D454D;line-height:1.5;padding-inline-start:1.2em;text-align: initial;word-break:keep-all;}
.component_guidelines_list .item .info .text .caution{margin:0;padding:0;color:#3D454D;}
@media all and (max-width:600px)
{
	.component_guidelines_list.mobile_show{display:flex;}
}