@charset "utf-8";
@font-face {
    font-family: Kanit-Black;
    src: url("/fonts/Kanit/Kanit-Black.ttf");
}
* {outline: none;}
html, body {height: 100%; width: 100%; font-family: 'Noto Sans KR', sans-serif !important; -webkit-touch-callout: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul,li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;}
html        { font-size : 11px !important; }
body {background-color: transparent !important; margin: 0;}
li{list-style: none;}
.table {table-layout: fixed;}
.table td, .title, .editor-contents {word-wrap: break-word;}
a {color: #000000;}
.en{font-family: 'Kanit-Black', sans-serif;}
.kr_mid{font-family: 'Noto Sans KR', sans-serif; font-weight: 700;}
.kr{font-family: 'Noto Sans KR', sans-serif; font-weight: 900;}
.kr_tit {font-family: 'Noto Sans KR', sans-serif; font-weight: 900; color: black;}
.bottom-shadow {box-shadow: 0 4px 2px -2px rgba(33,33,33,.2);}
:root {--speed: 1s; -ie-speed : 1s; --point_color : #77DBFD; -ie-point_color:#77DBFD; }


/*햄버거 메뉴부분*/
.toggle_page{position:fixed; z-index: 100; background-color: black;  height: 100vh; width: 100%; display: none; overflow: scroll; overflow-x: hidden; -ms-overflow-style: none;}
.toggle_page::-webkit-scrollbar{ display:none; }


.modal_content{min-height: calc(100vh - 50px); height : fit-content;}
.modal-deps1{position: relative; justify-content: center;}
.modal-deps1 li > a{color: #808080; font-weight: bold; }
.modal-deps1 li.hover > a{color : white;}

.dropdown-toggle.btn:after, .dropdown-toggle.nav-link:after{padding-bottom: 5px;}
.dropdown-menu.show { padding: 0.5rem 0; }

.modal-deps2{display: none; position: absolute; z-index: 150; top: 0; left: 85%; height: 100%;}
.modal-deps3{display: none; height: 100%; margin-bottom: 10px;}
.modal-deps3 li a{padding-left:12px;}
.modal-deps1 li.hover > .modal-deps2 {
    display: block;
    color : white;
    -webkit-animation-name: showSubNavAni;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    animation-name: showSubNavAni;
}


.modal-deps2 li.hover > .modal-deps3{display: block;
    -webkit-animation-name: showSubNavAni;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    animation-name: showSubNavAni;
}
.modal-deps2 li.hover li:hover > a{
    color:white;
}
.modal_img1,.modal_img2{z-index: 101;display: none;}

.modal-sub ul li a{color: white; line-height: 250%}
.dropright .dropdown-toggle::after{color: white !important;}
.mc.row{margin: 0;}


/*인재체용버튼시작*/
.two-btn > li > a, .language > a, .language > a > i, .two-btn > li > a > i,.dropright .dropdown-toggle::after {color: #808080!important;}
.two-btn > li > a:hover, .language.show > a{color: white!important;}

.img1 {position: absolute; top:350px; left: 150px}
.m_top_lmg  {margin: 0}

.hidden     { display : none; }
.font-xxxs  { font-size : 0.8rem; }
.font-xxs   { font-size : 1.1rem; }
.font-xs    { font-size : 1.3rem; }
.font-sm    { font-size : 1.7rem; }
.font-md    { font-size : 2rem; }
.font-lg    { font-size : 2.5rem; }
.font-xl    { font-size : 3rem; }
.font-xxl   { font-size : 3.5rem; }

.editor-contents ol li{
    list-style: decimal;
}
.editor-contents ul li{
    list-style: disc;
}

.editor-contents ol{
    padding-left: 1rem!important;
}
.editor-contents ul{
    /*margin-block-start: 1rem;*/
    /*margin-block-end: 1rem;*/
    padding-left: 1rem!important;
}
.note-editor ol li{
    list-style: decimal;
}
.note-editor ul li{
    list-style: disc;
}
.note-editor ol{
    /*margin-block-start: 1rem;*/
    /*margin-block-end: 1rem;*/
    padding-left: 1rem!important;
}
.note-editor ul{
    /*margin-block-start: 1rem;*/
    /*margin-block-end: 1rem;*/
    padding-left: 1rem!important;
}
/*editor 컨텐츠 폰트 통일*/
.editor-contents p, .editor-contents span, .editor-contents div , .editor-contents font, .editor-contents b{
    font-family: 'Noto Sans KR'!important; margin:0;padding:0;
}
.note-editor p, .note-editor span, .note-editor div , .note-editor font, .note-editor b{
    font-family: 'Noto Sans KR'!important; margin:0;padding:0;
}
.note-editable p, .note-editable span, .note-editable div , .note-editable font, .note-editable b{
    font-family: 'Noto Sans KR'!important; margin:0;padding:0;
}

@keyframes showSubNavAni {
    from { margin-left: 15%; opacity: 0;}
    to { margin-left: 0%; opacity: 100%;}
}

/* sm */
@media all and (min-width: 576px) {
    html { font-size : 12px !important; }
    .font-sm-xxxs  { font-size : 0.8rem; }
    .font-sm-xxs   { font-size : 1.1rem; }
    .font-sm-xs    { font-size : 1.3rem; }
    .font-sm-sm    { font-size : 1.7rem; }
    .font-sm-md    { font-size : 2rem; }
    .font-sm-lg    { font-size : 2.5rem; }
    .font-sm-xl    { font-size : 3rem; }
    .font-sm-xxl   { font-size : 3.5rem; }
    .modal-deps2{left: 80%;}
    .modal-deps3{position: absolute; z-index: 200; left: 80%; top:0; width: 150px;}
}
/* md */
@media all and (min-width: 768px) { html { font-size : 13px !important; }
    .font-md-xxxs  { font-size : 0.8rem; }
    .font-md-xxs   { font-size : 1.1rem; }
    .font-md-xs    { font-size : 1.3rem; }
    .font-md-sm    { font-size : 1.7rem; }
    .font-md-md    { font-size : 2rem; }
    .font-md-lg    { font-size : 2.5rem; }
    .font-md-xl    { font-size : 3rem; }
    .font-md-xxl   { font-size : 3.5rem; }
    .modal-deps2, .modal-deps3{left: 75%;}

}
/* lg */
@media all and (min-width: 992px) { html { font-size : 14px !important; }
    .font-lg-xxxs  { font-size : 0.8rem; }
    .font-lg-xxs   { font-size : 1.1rem; }
    .font-lg-xs    { font-size : 1.3rem; }
    .font-lg-sm    { font-size : 1.7rem; }
    .font-lg-md    { font-size : 2rem; }
    .font-lg-lg    { font-size : 2.5rem; }
    .font-lg-xl    { font-size : 3rem; }
    .font-lg-xxl   { font-size : 3.5rem; }
    .modal-deps2, .modal-deps3{left: 70%;}
    .dropdown-toggle.btn:after, .dropdown-toggle.nav-link:after{padding-bottom: 8px;}
    .modal_img1{left: 67%; top:47%; width: 20%; display: block;}
    .modal_img2{left: 67%; top:47%; width: 20%; display: block;}
}
/* xl */
@media all and (min-width: 1024px) { html { font-size : 15px !important; }
    .font-xl-xxxs  { font-size : 0.8rem; }
    .font-xl-xxs   { font-size : 1.1rem; }
    .font-xl-xs    { font-size : 1.3rem; }
    .font-xl-sm    { font-size : 1.7rem; }
    .font-xl-md    { font-size : 2rem; }
    .font-xl-lg    { font-size : 2.5rem; }
    .font-xl-xl    { font-size : 3rem; }
    .font-xl-xxl   { font-size : 3.5rem; }
    .modal-deps2, .modal-deps3{left: 50%;}
    .modal_img1{ left: 67%; top:15%; width: 20%;}
    .modal_img2{ left: 49%; top:50%; width: 14%;}
}

@media all and (min-width: 1450px) {
    .modal_img2{ top:40%;}
}

/* xxl */
@media all and (min-width: 1920px) { html { font-size : 16px !important; }
    .font-xxl-xxxs  { font-size : 0.8rem; }
    .font-xxl-xxs   { font-size : 1.1rem; }
    .font-xxl-xs    { font-size : 1.3rem; }
    .font-xxl-sm    { font-size : 1.7rem; }
    .font-xxl-md    { font-size : 2rem; }
    .font-xxl-lg    { font-size : 2.5rem; }
    .font-xxl-xl    { font-size : 3rem; }
    .font-xxl-xxl   { font-size : 3.5rem; }
    .modal_img1{ left: 67%; top:15%; width: 16%;}
    .modal_img2{ left: 7%; top:30%; width: 10%;}
}