@charset "utf-8";
@import url(variables.css);
@import url(slick.min.css);
@import url(components.css);
@import url(board.css);

/*
	date : 2025-08-10 / name : kwj
	- response web size -
	P : (w)1920, 1600, 1440 / T : (w)1281, 1024, 768  / M : (w)767, 667, 360
*/

*{margin:0;padding:0}.skip,.hid,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,button,input,textarea,select{padding:0;margin:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}html,body{font-family:'SCDream','Malgun Gothic',sans-serif;font-size:10px;font-weight:400;color:#1e2124;letter-spacing:-.04em; word-break:keep-all;text-size-adjust: none}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;position: absolute;}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0 0;display:inline-block;font-size:inherit;letter-spacing:-.04em;color:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:none;color:inherit}.skip,.hid{visibility:hidden;top:0;left:0}img{max-width:100%}th,td{vertical-align:middle}

/* skip */
#skipArea {position:relative; z-index:999;}
#skipArea a {display:inline-block; position:absolute; top:-100px; left:-999px; border:1px solid #24242c; background:#31313b; color:#fff;}
#skipArea a:focus, #skipArea a:active {display:inline-block; top:0; left:0; cursor:pointer; zoom:1; padding:5px 8px 4px; margin-right:9px; background:#31313B; font-weight:normal; font-size:11px; line-height:1.4;}

/* link */
a:focus, button:focus, input:focus, textarea:focus, select:focus {border-color: var(--color-outline); outline: 2px dashed var(--color-outline);}
a:hover {text-decoration: underline;}

/* ellipsis */
.ellipsis {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word;}
.ellipsis.clamp1 {-webkit-line-clamp: 1; line-height: 1.6;}
.ellipsis.clamp2 {-webkit-line-clamp: 2;}
.ellipsis.clamp3 {-webkit-line-clamp: 3;}

/* color */
[class="import"], [class="red"], [class="requid"] {color: var(--red-color);}
[class="light-blue"] {color: var(--hover-color);}
[class="blue"] {color: var(--primary-color);}
[class="green"] {color: var(--green);}

.ico-close{position: absolute; width: 20px !important; height: 20px !important; cursor: pointer; z-index: 1; padding: 0 !important;}
.ico-close{top: 50%;left: 50%;transform: translate(-50%, 0) rotate(45deg);}
.ico-close::after, .ico-close::before{content: '';position: absolute;background: #464c53;}
.ico-close::before{width: 100%;height: 2px;top: 9px;left: 0;}
.ico-close::after{width: 2px;height: 100%;top: 0;left: 9px;}

i[class^="ico-"] {display: inline-flex; align-items: center; vertical-align: middle; background-repeat: no-repeat; background-size: contain;}
.ico-cog {width: 1.4rem; height: 1.4rem; margin-right: .4rem; background-image: url(/images/dgedu/template/TI01/common/ico_setting.png); background-position: left center;}
.ico-link {width: 2rem; height: 2rem; margin-left: .4rem; background-image: url(/images/dgedu/template/TI01/common/ico_blank.png);}