/*@font-face {
    font-family: 'Pretendard-Thin';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}
*/    
@font-face {
    font-family: 'NanumSquareRoundRoundR';
    src: url(/common/ttf/NanumSquareRoundRoundR.eot);
    src: url(/common/ttf/NanumSquareRoundRoundR.eot?#iefix) format("embedded-opentype"), url(/common/ttf/NanumSquareRoundRoundR.woff) format("woff"), url(/common/ttf/NanumSquareRoundRoundR.ttf) format("truetype");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

:root{
  --basefs : 18px;
  --basesfs : 16px; 
  --color1:#8bc140; 
  --color2:#333;
  --color3:#ED8D2A;
  --color4:#5f9eff;
  --color5:#7c7c7c;
  --color6:#ffc038;
  --color61:#fffb38;
  --color7:#999;
  --color8:#f467c7;
  --color9:#ae8f2e;
  --color10:#3670c8;
  --color11:#f2f9f2;
  --color11_1:#eef3ee;
  --color12:#f4f4f4;
  --color13:#2e8889;
  --color14:#f0f0e3;
  --color15:#bada59;
  --color16:#6caf0e;
  --bcolor1:#3a3a3a; 
  --bcolor2:#666; 
  --bcolor3:#fefffa;
  --bcolor4:#c3ef5e;
  --radius1:4px;
  --radius2:8px;
  --radius3:24px;
  --radius4:var(--radius2) 4em var(--radius2) 4em;
  --radius5:3em;
  --box-border1:1px solid #888;
  --box-border2:1px solid #dfdfdf;
  --box-border3:var(--line1) solid var(--color5);
  --box-border4:1px solid #ccc;
  --box-border5:1px solid var(--color1);
  --box-border6:1px solid #efefef;
  --box-border7:1px solid var(--color3);
  --box-border8:4px solid var(--color15);
   --box-border10: 1vmin solid #dfdfdf;
   --box-border11: 8px solid var(--color15);
  --box-pad1:4px;
  --box-pad2:10px;
  --box-pad3:1vw;
  --box-pad4:1em;
  --box-pad5:10px 1em;
  --box-pad6:16px;
  --gap1:4px;
  --gap2:8px;
  --gap3:12px;
  --gap4:1rem;
  --gap1x:2vmin/*2em*/;
  --gap2x:4vmin/*2em*/;  
  --gap3x:6vmin/*2em*/;  
  --fs1:12px;
 --fs2:14px;
 --fs3:18px;
 --fs4:20px;
 --fs5:24px;
  --fs6:16px;
 --fs1x:.74em;
 --fs2x:1.125em;
 --fs3x:1.25em;
 --fs4x:1.5em;
 --fs5x:2em;
 --fs6x:2.2em;
 --fs7x:2.4em;
 --fs8x:.9em;
 --transition1:all ease-in .2s;
 --transition2:all ease-in .1s;
 --box-shadow1:0 0 8px rgba(0,0,0,.2);
 --box-shadow2:0 0 2em rgba(0,0,0,.2);
 --box-shadow3:4px 0 8px rgba(0,0,0,.2);
  --box-shadow4:0 4px 0 rgba(0,0,0,0.03);
 --box-shadow5:0 0 30px rgba(0,0,0,0.2);
  --box-shadow6:0 4px 8px rgba(0,0,0,0.2);
 --strong1:Pretendard-Bold;
 --strong2:Pretendard-ExtraBold;
 --line1:3px;
  --img1 : url(/year/111/img/sum.png) no-repeat;
}


 

/* box-sizing 규칙을 명시합니다. */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 폰트 크기의 팽창을 방지합니다. */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-touch-callout:none;
  /*-webkit-user-select:none;/
  -webkit-tap-higlight-color:rgba(0,0,0,.2);
}
html, body{/* overscroll-behavior-y:contain; 스크롤 체이닝 방지 */-webkit-overflow-scrolling: touch;color:var(--bcolor1);font-family: Pretendard-Medium;font-size:var(--basefs);touch-action: manipulation;/*;overflow: auto;*/min-height: 100svh;}
strong{font-family:var(--strong1);font-weight: normal;}
/* 기본 여백을 제거하여 작성된 CSS를 더 잘 제어할 수 있습니다. */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
html {
    scroll-behavior: smooth !important;
}
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}
/* list를 role값으로 갖는 ul, ol 요소의 기본 목록 스타일을 제거합니다. */
ul[role='list'],
ol[role='list'] {
  list-style: none;
  padding:0;
  margin:0
}

/* 핵심 body의 기본값을 설정합니다. */
body::-webkit-scrollbar-track {  background: linear-gradient(0deg, #ececec 0%, #ececec 100%), rgba(0, 0, 0, 0.1);}
/* 제목 요소와 상호작용하는 요소에 대해 line-height를 더 짧게 설정합니다. */
h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}

/* 제목에 대한 text-wrap을 balance로 설정합니다. */
h1,
h2,
h3,
h4 {
  text-wrap: balance;
  word-break:keep-all;
  font-family: Pretendard-Regular
}

/* 클래스가 없는 기본 a 태그 요소는 기본 스타일을 가져옵니다. */
a {
  text-decoration: none;  
  color:currentColor
}
a.tlink{text-decoration: none;color:var(--color2)}

/* 이미지 관련 작업을 더 쉽게 합니다. */
img,
picture {
  max-width: 100%; 
}

/* input 및 button 항목들이 글꼴을 상속하도록 합니다. */
input,
button,
textarea,
select {
  font: inherit;
  background-color:transparent;
  border:none;
  padding:0;
}

button{cursor: pointer;}
/* 행 속성이 없는 textarea가 너무 작지 않도록 합니다. */
textarea:not([rows]) {
  min-height: 10em;
}
select, input[type="text"], textarea{-webkit-tap-highlight-color:transparent;background-color:transparent}
input:-internal-autofill-selected {
     appearance: menulist-button;
     background: none !important;
}
/* 고정된 모든 항목에는 여분의 스크롤 여백이 있어야 합니다. */
:target {
scroll-margin-block: 5ex;
}
svg{width: 100%;height: 100%;}
.ellipsis{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;}
.ellipsis2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
/*.blind{overflow:hidden;position:absolute;left:-9999em;width:0;height:0;margin:0;padding:0;text-indent:-9999em;}*/

.blind{ position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;}
  em{font-style:normal}
  


/*버튼*/
.btn_icon_svg svg{width:32px;height:32px;padding:var(--box-pad1)}
.btn_box_line{border:var(--box-border1);border-radius: var(--radius1);}
.btn_box_line:active{background-color:var(--color2)}
.btn_box_line.active svg{filter:invert(1)}

/*색상*/
.color1{color:var(--color1)}
.color11{color:var(--color16)}
.color2{color:var(--color3)}
.color3{color:var(--color4)}
.color4{color:var(--color10)}
.color5{color:var(--color6)}
.color6{color:var(--color7)}
.color7{color:var(--color8)}
/*공통*/
body{container-type: inline-size;  container-name: size1;  }
.snav{display: inline-flex;text-align: center;position:relative;background-color: rgba(255,255,255,.2);}
.snav a{min-width: 40px;white-space: nowrap;}
.snav .btn_icon_svg{padding:var(--box-pad1) 0;line-height: 0;text-align: center;}
.login{display: none;}
.snav a>span{font-size:11px;display: block;padding:var(--box-pad1);transition:var(--transition1)}
.menu a{font-size:var(--fs4);text-decoration: none;display:block;position: relative}

#index .menu li:nth-child(1) a,
#about .menu li:nth-child(2) a,
#program .menu li:nth-child(3) a,
#message .menu li:nth-child(4) a,
#typing .menu li:nth-child(4) a,
#event .menu li:nth-child(5) a,
#news .menu li:nth-child(6) a,
#download .menu li:nth-child(7) a{font-family: var(--strong1);}
#index .menu li:nth-child(1) a:after,
#about .menu li:nth-child(2) a:after,
#program .menu li:nth-child(3) a:after,
#message .menu li:nth-child(4) a:after,
#typing .menu li:nth-child(4) a:after,
#event .menu li:nth-child(5) a:after,
#news .menu li:nth-child(6) a:after,
#download .menu li:nth-child(7) a:after{content:"*";width:var(--fs1x);height:var(--fs1x);aspect-ratio: 1;color:#fff;background-color:var(--color6);display:inline-block;border-radius: 50%;position:absolute;margin-top:-8px;margin-left:2px}
/*
.menu li.active a{font-family: var(--strong1);}
.menu li.active a:after{content:"*";width:var(--fs1x);height:var(--fs1x);aspect-ratio: 1;color:#fff;background-color:var(--color6);display:inline-block;border-radius: 50%;position:absolute;margin-top:-8px;margin-left:2px}*/
.size{padding:0 var(--box-pad2);max-width:1200px;margin:0 auto;}
.top_wrap>.size{display:flex;justify-content:space-between;align-items:center}
.logo{display:block;aspect-ratio: 5.82/1;max-width:268px;background:url(/year/111/img/logo_year.webp) no-repeat 50%;background-size: contain;min-width:120px;width:24vw;transition:var(--transition1);}
#skip{background-color:#fff;line-height:40px;height:1px;overflow:hidden;margin-top:-1px;text-align:center;display:block;transition:var(--transition1);margin-left:-10px;}
#skip:focus{height:40px;color:#444;text-decoration:none}
.menu_wrap{position:relative}
.box_shadow1{box-shadow:var(--box-shadow1)}
.nowrap{white-space:pre-line}
.top_wrap{position:fixed;left:0;right:0;z-index:999;top:0;transition: var(--transition1);}
/*.fixed .top_wrap{box-shadow:var(--box-shadow3);background:#fff}*/
#main.sec{padding:5em 0 2em 0}
html:has(.onepage), body.onepage{height:100%;overflow: hidden;}
.onepage #main.sec{padding:5em 0 0 0;height: calc(100% - 24px);}
.onepage .fcopyright_wrap:after,.onepage .fcopyright_wrap:before,.onepage  .fcopyright_wrap p{display: none;}
.onepage .fcopyright_wrap{padding:var(--box-pad1) 0;background:none;font-size: var(--fs2);}
.onepage .fcopyright_wrap p:has(a){display: block;}
.detail{color:var(--color7)}
.evt_ul{padding:var(--box-pad1) 0;margin:0 0 0 var(--gap1x)}
.daegak_sns_box {
	display: none;
	position: absolute;
	border-radius: 10px 0 10px 10px;
	overflow: hidden;
	right: 0;
	z-index: 2;
  top:calc(var(--basesfs) + 20px);
	min-width: 120px;
}
.svg_share.active svg{border-bottom:4px solid #adadad;transition: var(--transition1);}
.svg_share.active + .daegak_sns_box{display: block;}
.daegak_sns_box button {
	height: 45px;
	line-height: 45px;
	width: 100%;
	padding-right:8px;
  font-size: var(--fs2);
  color: var(--color2);
  
}
.daegak_sns_box li{display: flex;flex-direction: column;}
.daegak_sns_box button:active {
	background-color: #444;
  color:#eee
}

.daegak_sns_box button:before {
	content: "";
	width: 38px;
	height: 45px;
	background-position: 50%;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	background-size: 80%
}
.daegak_sns_box .sns_kt{background-color: #fae100;}
.daegak_sns_box .sns_url{background-color: #ddd;}
.daegak_sns_box .sns_kt:before {
	background-image: url('/common/img/sns1.png');
}

.daegak_sns_box .sns_url:before {
	background-image: url('/common/img/sns2.png');
}
.footer{padding:0 var(--box-pad2);border-top: var(--box-border6);}
.onepage .footer{background-color:#fff}
.pcenter,.popup .pop_con p:has(img){text-align: center;}
/*팝업*/
.popup{display:none;width:98%;max-width: 800px;max-height: 90vh;border:var(--box-border1);box-shadow: var(--box-shadow5);padding:0 var(--gap2x) var(--gap2x) var(--gap2x);border-radius: var(--radius3);background-color: var(--bcolor3);}

.popup3{background-color:#6383ff;color:#fff}
.pop_header{text-align: center;padding:2.4em var(--box-pad2) var(--box-pad2) var(--box-pad2)}
.pop_con{padding:var(--box-pad2)}
.pop_header .m_menu_close{top:var(--box-pad2);left:var(--box-pad2)}
  .m_menu_close:before, .m_menu_close:after{border-radius:var(--radius1)}
  .m_menu_close{display:block;height:32px;width:32px;position:absolute;left:var(--gap2);top:var(--gap2)}
  .m_menu_close:before{content:"";height:var(--line1);display: block;background-color:var(--color5);transform:rotate(-45deg) translate(-3px, 2px);}
  .m_menu_close:after{content:"";height:var(--line1);display: block;background-color:var(--color5);transform:rotate(45deg);}
  body:not(#event) .footer{border-top:var(--box-border2)}
.fcopyright_wrap{display: flex;gap:var(--gap1x);flex-wrap: wrap;padding:2em var(--box-pad2) 3em var(--box-pad2);position:relative}
.fcopyright p{line-height: 1.1;}
.fcopyright p:nth-child(2){color:var(--color7);margin:var(--box-pad1) 0}
.fcopyright_wrap:before{content:"";display:inline-block;background:url('/common/img/emblem.jpg') no-repeat;width:72px;aspect-ratio: 1;}
.fcopyright_wrap:after{content:"";position:absolute;right:2%;bottom:0;background:url('/year/111/img/footer_ani.gif') no-repeat 50% 132%;background-size:auto 80%;aspect-ratio: 1.55/1;max-width: 300px;width:30vw;min-width: 150px;}
.top_btn{position: fixed;right:var(--box-pad2);bottom:3em;width:60px;height: 60px;background-color:#fff;border:var(--box-border1);border-radius: var(--radius2);box-shadow: var(--box-shadow2);padding:var(--box-pad2);transition:var(--transition1);z-index: 200;opacity: 0;}
.onepage .top_btn{display: none;}
.big_font{line-height: 1.1;}
.sub_bg{background:url("/year/111/img/sub_bg2.webp") no-repeat 50% 0;background-size:100% auto}
/*animation*/
@keyframes ani01 {
	100% {
		opacity: 1;
	}
} 

 @keyframes shrink-name {
  from {
    
  }
  to {
    padding:var(--gap2) 0
  }
}

@keyframes add-shadow {
  from {
    box-shadow: none;
    background-color:rgba(255,255,255,0)
  }
  to {
    box-shadow:var(--box-shadow3);
    background-color:rgba(255,255,255,1);
    padding:0;
  }
}

@keyframes add-move {
  from {
    opacity: 0;
    bottom:-50px
  }
  to {
    opacity: 1;
    bottom:1em
  }
}

@keyframes add-opacity {
  from {
    opacity: 1;  
    position: static;
  }
  to {
    opacity: 0;
    position: absolute;
    transform: translateY(-100%);

  }
}

@keyframes add-size {
  from {
    width:24vw
  }
  to {
    width:10vw

  }
}
.head_active  .menu_wrap:has(.m_menu:not(.on)) .snav>span{
  /*animation: add-opacity linear both;*/
   opacity: 0;
    position: absolute;
    transform: translateY(-100%);
}


.head_active .top_wrap {
  /*animation: add-shadow 1s ease both;*/
   box-shadow:var(--box-shadow3);
    background-color:rgba(255,255,255,1);
    padding:0;
    position: sticky;
}
.head_active #main{margin-top:-5em}

.head_active .logo{
  /*animation: add-size linear both;*/
  width:10vw
}

.head_active .top_btn{/*animation: add-move ease-in-out  both;*/opacity: 1;bottom:1em}

.head_active  .menu_wrap{
  padding:var(--gap2) 0
  /*animation: shrink-name linear both;*/
}
@container size1 (min-width: 1001px) {
  .m_menu{display:none;} 
 .snav{border:var(--box-border6);border-radius:var(--radius3);padding:2px var(--box-pad2)}
 .menu{display:flex;justify-content: space-between;}  
 .top_wrap .m_menu_close{display:none}
 .menu_wrap{display: flex;flex-direction: row-reverse;align-items: center;padding:var(--gap1x) 0;flex-grow: 1;max-width:700px;gap:var(--basefs)}
 .nav_list{flex-grow: 1;}
 }

@container size1 (max-width: 1000px) {
.daegak_sns_box {  top:calc(var(--basesfs) + 14px);}  
.index1 .fw100>div{flex-grow: 0 !important}
.snav{;background-color:transparent;}
.daegak_logo{position:absolute;z-index:2;left:50%;transform:translateX(-50%)}   
  /*.nav_list{display: none;}*/
  .m_menu{display:block;border-bottom:var(--box-border3);width:32px;padding:0 var(--box-pad1) 0 0;height: 30px;}
  .m_menu:before{content:"";display:block;height:var(--line1);background-color:var(--color5);margin-bottom:7px;}
  .m_menu:after{content:"";display:block;height:var(--line1);background-color:var(--color5);margin-bottom:2px}  
  .nav_list{position:fixed;text-align: left;padding:var(--box-pad2);background-color:#fff;overflow:hidden;bottom:0;top:0;width:100%;transition: var(--transition2);left:-120vw;overscroll-behavior:contain;height: 100svh;}
  .m_menu.on{display: none;}
  .menu_wrap:has(.m_menu.on) .nav_list{display: block;left:0;}
  .menu a{padding:var(--box-pad4);border-top:var(--box-border2)}
  .top_wrap>.size{align-items: center;/*padding:var(--box-pad2);box-shadow:0 2px 2px rgba(0,0,0,.1);background-color: #fff;*/}
  .top_wrap>.size:has(.m_menu.on){padding-top:20px;flex-direction: column;}
  .menu_wrap{display:flex;flex-direction: row-reverse;flex-grow: 1;justify-content: space-between;align-self:flex-end;padding:calc(var(--box-pad1) + 2px) 0 !important}
  .menu_wrap:has(.m_menu.on) .snav{z-index: 2;position:absolute;right:var(--gap2);top:-10px}
  .menu_wrap:has(.m_menu.on) .snav a span{font-size:var(--fs2)}
  .menu_wrap:has(.m_menu.on) .snav .btn_icon_svg{line-height: normal;}
  .menu_wrap:has(.m_menu.on) .snav .btn_icon_svg svg{display: none;}
  .menu_wrap:has(.m_menu.on) .snav .svg_share{display: none}
  .menu[role='list']{margin-top:120px;height:calc(100svh - 120px);overflow:auto;overscroll-behavior:contain;}
  .top_wrap>.size:has(.m_menu.on) .daegak_logo{position: static;transform: none;order:2;}
  .top_wrap:has(.m_menu.on) .logo{min-width:200px;margin:var(--gap1x) 0}
  .popup{padding: var(--gap1x);}
  .pop_header .m_menu_close{top:var(--gap1x);left:var(--gap1x)}
  .popup3{top:auto;bottom:calc(var(--gap1x) *-1)}
  .snav .btn_icon_svg{padding:0}
} 
@container size1 (max-width: 600px) {
#main.sec{padding-top:4em}
.top_btn{width: 40px;height:40px}
.menu_wrap:has(.m_menu:not(.on)) .admin{display: none;}
}
html:has(.b-modal), html:has(.toast){overflow:hidden}


/*.top_btn,.top_wrap, .menu_wrap, .menu_wrap:has(.m_menu:not(.on)) .snav span, .logo{
  animation-timeline: scroll();
  animation-range: 0 80px;
}*/