@charset "UTF-8";

/****************************************/
/*  Name :퍼블리싱 가이드
/*  PART :reset, common style
/*  Author :cw.lee
/*
/*  Summary:
/*  01) Reset
/*  02) Common
/****************************************/

/* ********************************************************************************* *
 * 01) Reset
 * ********************************************************************************* */
/*202606 JYS 기본세팅값변경*/
html { font-size:100%;}
body, p, div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select { margin: 0; padding: 0; }
body, input, textarea, button, select { font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", Sans-serif; font-size: 16px; line-height: 1.6; color: #363636; word-break: keep-all;}
img, fieldset, button { border: 0; }
textarea { overflow: auto; }
input[type=submit], input[type=button], button { cursor: pointer; background-color: transparent; }
img { vertical-align: top; }
address, em { font-style: normal; }
table { border-spacing: 0; border-collapse: collapse; }
table, th, td { border: none; }
caption { padding: 0; overflow: hidden; line-height: 0; text-indent: -2000em; }
legend, .visually-hidden { position: absolute; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden !important; text-indent: 100%; white-space: nowrap; font-size: 0; }
i { font-style: normal; }
* { letter-spacing: -0.3px; }
*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; }
/* 링크 기본값 */
a:link { text-decoration: none; color: inherit}
a:visited { text-decoration: none; color: inherit}
a:hover { text-decoration: none; color: inherit}
a:active { text-decoration: none; color: inherit}
a:focus { text-decoration: none; }
/* 리스트 스타일 제거 */
ul, ol, li { list-style: none; }
/* skip navigation */
.skip-menu { display: block; }
.skip-menu a { position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 10px; margin-top: -1px; display: block; background-color: black; font-size: 14px; font-weight: bold; color: #fff; line-height: 1; text-align: center; overflow: hidden; }
.skip-menu a:focus, .skip-menu a:active { margin-top: 0; height: auto; padding: 10px 0; }

/* 스크롤 스타일 */
::-webkit-scrollbar { width: 7px; /*스크롤바의 너비*/ height: 7px; /*스크롤바의 높이*/ }
::-webkit-scrollbar-thumb { background-color: rgba(171, 171, 171, 0.8); /*스크롤바의 색상*/ border-radius: 10px; }
::-webkit-scrollbar-track { background-color: #f1f1f1; /*스크롤바 트랙 색상*/ }

/* Pretendard 웹 최적화 */
@font-face { font-family: "Pretendard"; font-weight: 400; src: url("/resources/toctocmath/userCss/font/Pretendard-Regular-76a1283c27610a9ad7d6940b9b174e46.woff2") format("woff2"), url("/resources/toctocmath/userCss/font/Pretendard-Regular-f897fa3ff216e4be74648184144780b1.woff") format("woff"); }
@font-face { font-family: "Pretendard"; font-weight: 500; src: url("/resources/toctocmath/userCss/font/Pretendard-Medium-65d0a735617322a4fe0bcc5350642159.woff2") format("woff2"), url("/resources/toctocmath/userCss/font/Pretendard-Medium-4750a6d12c26201887eee28ae55ed037.woff") format("woff"); }
@font-face { font-family: "Pretendard"; font-weight: 700; src: url("/resources/toctocmath/userCss/font/Pretendard-Bold-33860c9446a2671456e4619020774137.woff2") format("woff2"), url("/resources/toctocmath/userCss/font/Pretendard-Bold-bd94b933c6839371baa27f7950ef3784.woff") format("woff"); }

* { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }


/* skip navigation */
.skip-menu { display: block; }
.skip-menu a { position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 20px; margin-top: -20px; display: block; background-color: black; font-size: 14px; font-weight: bold; color: #fff; line-height: 1; text-align: center; overflow: hidden; }
.skip-menu a:focus, .skip-menu a:active { margin-top: 0; height: auto; padding: 10px 0; }

/* focus-visible */
a:focus-visible, button:focus-visible, textarea:focus-visible, input:focus-visible, select:focus-visible, .ag:focus-visible { outline: 2px dashed #9143fb; outline-offset: 1px; }

/* ********************************************************************************* *
* 02) Common
* ********************************************************************************* */
/* Display */
.blind{position:absolute !important;left:-9999px !important;top:-9999px !important;text-indent:-9999px !important;font-size:0 !important;opacity:0;overflow:hidden !important;}
.hide{display:none !important;}
.visible-hide{visibility:hidden !important;}
.visible-show{visibility:visible !important;}
.block{display:block !important;}
.inline-block{display:inline-block !important;}
.noscroll{width:100%;height:100%;overflow:hidden;}

/* Float */
.clearfix{zoom:1;}
.clearfix:before, .clearfix:after{display:block;content:"";line-height:0;}
.clearfix:after{clear:both;}
.float-left{float:left !important;}
.float-right{float:right !important;}

/* Text */
.align-left{text-align:left !important;}
.align-center{text-align:center !important;}
.align-right{text-align:right !important;}
.align-justify{text-align:justify !important;}
.align-top{vertical-align:top !important;}
.align-middle{vertical-align:middle !important;}
.align-bottom{vertical-align:bottom !important;}
.text-upper{text-transform:uppercase !important;}
.text-lower{text-transform:lowercase !important;}
.text-light{font-weight:300 !important;}
.text-normal{font-weight:400 !important;}
.text-medium{font-weight:500 !important;}
.text-bold{font-weight:bold !important;}
.text-blind{text-indent:-9999px !important;}
.ir_su{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;}
.txt_small{font-size:80%;}
.txt_large{font-size:120%;}

/* Ellipsis */
.ellipsis1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /* 1줄 줄임 */
.ellipsis2{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;} /* 2줄 줄임 */
.ellipsis3{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;overflow:hidden;} /* 3줄 줄임 */

/* Form */
input[type='text'], input[type='search'], input[type='password'], input[type='file'], input[type='image'], textarea, select{min-height:32px;border:1px solid #ddd;}
input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder{color:#999;}
input:-ms-input-placeholder, 
textarea:-ms-input-placeholder{color:#999;}
input::-ms-input-placeholder, 
textarea::-ms-input-placeholder{color:#999;}
input::placeholder, 
textarea::placeholder{color:#999;}
select{padding:0px 35px 0px 20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='35' height='35'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 15l-4.243-4.243 1.415-1.414L12 12.172l2.828-2.829 1.415 1.414z' fill='rgba(153,153,153,1)'/%3E%3C/svg%3E") #fff no-repeat right 0px center;}

table{width:100%;}
th, td{vertical-align:middle;}
legend, caption{margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;z-index:-1;}

/* Border */
.border0{border:0 !important;}
.border-top0{border-top:0 !important;}
.border-right0{border-right:0 !important;}
.border-bottom0{border-bottom:0 !important;}
.border-left0{border-left:0 !important;}
.underline{text-decoration:underline;}

/* Skip Navi */
#skipNavi{position:absolute;top:0;left:0;width:100%;z-index:500;}
#skipNavi a{display:block;position:absolute;top:-9999px;}
#skipNavi a:hover, 
#skipNavi a:active, 
#skipNavi a:focus{display:block;top:0;width:100%;padding:10px 0;color:#000;font-size:16px;text-align:center;background:#fafafa;border:2px solid #666;}

/* width */
.wp100{width:100% !important;min-width:360px !important;}
html{overflow-x:hidden !important;}

/* border box */
*{box-sizing:border-box;background-repeat:no-repeat;}

/* space */
.clear{clear:both;font-size:0;line-height:0;width:100%;height:0;}
.space-xs{clear:both;font-size:0;width:100%;height:15px;}
.space-s{clear:both;font-size:0;width:100%;height:30px;}
.space-m{clear:both;font-size:0;width:100%;height:50px;}
.space-l{clear:both;font-size:0;width:100%;height:80px;}
.space-xl{clear:both;font-size:0;width:100%;height:100px;}
@media (max-width:900px) {
    .space-xs{clear:both;font-size:0;width:100%;height:10px;}
    .space-s{clear:both;font-size:0;width:100%;height:15px;}
    .space-m{clear:both;font-size:0;width:100%;height:25px;}
    .space-l{clear:both;font-size:0;width:100%;height:40px;}
    .space-xl{clear:both;font-size:0;width:100%;height:50px;}
}
@media (max-width:1024px) {
    body, input, textarea, button, select {line-height: 1.4;}
}