@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}


#skip a {position: absolute; top: 0; display: block; width: 0; height: 0; overflow: hidden; font-family: 'Hind Vadodara', sans-serif; font-size: 18px; background: #fff; color:#333; z-index: 1; text-decoration: none; opacity: 0.8}
#skip a:focus,
#skip a:active {width: 100%; height: 45px; text-align: center; line-height: 45px;}



.bootfix {clear:both; content: ""; display:block}

#headerwrap {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid rgba(255,255,255,.28);
    background: linear-gradient(180deg, rgba(8,18,38,.78), rgba(8,18,38,.58));
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    height: 96px;
}
#header {width: 1500px; height: 96px; margin: auto; position: relative; }
#header h1 {position: absolute; top: 0; left: 0; float: left; margin: 0; padding-top: 10px;}
#header h1 img { width: 118px; height: auto; }

#gnb {
    float: right;
    margin-top: 30px;
    margin-right: 16px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2px;
}
#gnb>li {float: none; width: auto; position: relative;}
#gnb>li>a {
    font-size: 22px;
    display: block;
    font-family: 'NEXON Lv1 Gothic OTF', sans-serif;
    color:#f8fafc;
    font-weight: 700;
    text-shadow: 0 1px 3px rgba(0,0,0,.45);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: 10px 12px;
}
#gnb li a:hover {color:#93c5fd; text-decoration: none; }

/* 서브메뉴: 부모 <li> 기준 가운데 정렬 (화면 비율 고정 left 제거) */
/* 서브메뉴: 부모 li와 겹치지 않게 "빈 틈"을 두지 않음 — 틈이 있으면 마우스가 li 밖으로 나가 hover가 풀림 */
#headerwrap.hpc #gnb>li>ul {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    min-width: max(100%, 200px);
    width: max-content;
    max-width: 92vw;
    height: auto;
    min-height: 40px;
    padding: 10px 10px 4px;
    box-sizing: border-box;
    background: rgba(46, 46, 46, 0.96);
    border-radius: 20px;
    border: 1px solid #878282;
    z-index: 50;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
}
#headerwrap.hpc #gnb>li:hover>ul {
    display: flex;
}
#headerwrap.hpc #gnb>li>ul.m1 { width: max-content; }

#headerwrap.hpc #gnb>li>ul li { float: none; flex: 0 0 auto; }

#headerwrap.hpc #gnb>li>ul li a {
    color:#fff;
    font-size: 17px;
    display: block;
    width: auto;
    min-width: 0;
    padding: 0 16px;
    text-align: center;
    line-height: 44px;
    font-family: 'NEXON Lv1 Gothic OTF', sans-serif;
    white-space: nowrap;
}

#headerwrap.hpc #gnb>li>ul li a:hover {color:#ed024a; text-decoration: none; }

#headerwrap.hmobile {display: none; }
#headerwrap.hmobile h1 {left: 15px; top: 2px;}
#headerwrap.hmobile h1 img {width: 100px; height: auto;}

#headerwrap.hmobile #header {background: rgba(15,55,110,0.7);}
#headerwrap.hmobile #gnb {margin-top: 0; width: 100%; position: absolute; top: 96px; display: none;;}
#headerwrap.hmobile #gnb>li {width: 100%; background: rgba(21,75,150,0.9);}
#headerwrap.hmobile #gnb li a {color:#fff; text-align: left; padding-left:30px; font-size: 15px; height: 45px; display: block; line-height: 45px; font-family: 'NEXON Lv1 Gothic OTF', sans-serif; border-bottom: 1px solid #527ab1;}
#headerwrap.hmobile #gnb ul {display: none;}
#headerwrap.hmobile #gnb ul>li {background: rgba(255,255,255,0.7); border-bottom: 1px solid #e2e2e2;;}
#headerwrap.hmobile #gnb ul>li>a {color:#0f376e; }
#headerwrap.hmobile p {position: absolute; right: 15px; top: 23px; width: 41px; height: auto; cursor:pointer; } 
#headerwrap.hmobile p img {width: 100%; height: auto;}
#headerwrap.hmobile .in>a {background: url(/eisoft_data/project/web/img/incon.png) 95% 55% no-repeat; }

/* 루트 index(#headerwrap.hpc): 햄버거·딤 — 데스크톱에서는 비표시 */
.campus-root-nav-toggle {
  display: none;
  box-sizing: border-box;
}
.campus-root-nav-backdrop {
  display: none;
}

@media (max-width: 1500px) {
#header {width: 100%;}
}


@media (max-width: 992px) {

#headerwrap.hpc {display: block;}
#headerwrap.hmobile {display: none;}
#header {padding: 0 10px;}
#header h1 img {width: 104px; height: auto;}
#gnb {
    margin-top: 22px;
    margin-right: 0;
    margin-left: 108px;
    flex-wrap: wrap;
    gap: 0;
}
#gnb>li>a {
    font-size: 18px;
    padding: 8px 10px;
}

}

@media (max-width: 767px) {
  html {
    -webkit-text-size-adjust: 100%;
  }

  #headerwrap.hpc {
    height: auto;
    min-height: 72px;
  }
  #headerwrap.hpc #header {
    width: 100%;
    max-width: 100%;
    height: 72px;
    min-height: 72px;
    padding: 0 12px 0 max(12px, env(safe-area-inset-left, 0px));
    box-sizing: border-box;
  }
  #headerwrap.hpc #header h1 {
    padding-top: 8px;
    left: max(0px, env(safe-area-inset-left, 0px));
  }
  #headerwrap.hpc #header h1 img {
    width: 96px;
  }

  .campus-root-nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: max(10px, env(safe-area-inset-right, 0px));
    top: 14px;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    cursor: pointer;
    z-index: 5;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .campus-root-nav-toggle-bars {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 22px;
  }
  .campus-root-nav-toggle-bar {
    display: block;
    height: 2px;
    width: 22px;
    border-radius: 1px;
    background: #f1f5f9;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }
  #headerwrap.hpc.nav-open .campus-root-nav-toggle-bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  #headerwrap.hpc.nav-open .campus-root-nav-toggle-bar:nth-child(2) {
    opacity: 0;
  }
  #headerwrap.hpc.nav-open .campus-root-nav-toggle-bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .campus-root-nav-backdrop {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 72px;
    bottom: 0;
    z-index: 998;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }
  #headerwrap.hpc.nav-open ~ .campus-root-nav-backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  #headerwrap.hpc #gnb {
    position: fixed;
    left: 0;
    right: 0;
    top: 72px;
    z-index: 1001;
    float: none;
    margin: 0;
    padding: 10px max(12px, env(safe-area-inset-right, 0px)) calc(12px + env(safe-area-inset-bottom, 0px))
      max(12px, env(safe-area-inset-left, 0px));
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
    max-height: min(78vh, 520px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(12, 28, 58, 0.97);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
    transform: translateY(-120%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.22s ease, opacity 0.2s ease, visibility 0.2s ease;
  }
  #headerwrap.hpc.nav-open #gnb {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  #headerwrap.hpc #gnb > li {
    width: 100%;
    float: none;
  }
  #headerwrap.hpc #gnb > li > a {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    font-size: 16px;
    padding: 14px 16px;
    white-space: normal;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }

  #headerwrap.hpc #gnb > li:hover > ul {
    display: none !important;
  }
  #headerwrap.hpc #gnb > li.submenu-open > ul {
    display: flex !important;
    flex-direction: column;
    position: static;
    left: auto;
    transform: none;
    top: auto;
    min-width: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    background: rgba(30, 40, 55, 0.95);
    box-shadow: none;
  }
  #headerwrap.hpc #gnb > li.submenu-open > ul li {
    float: none;
    width: 100%;
  }
  #headerwrap.hpc #gnb > li.submenu-open > ul li a {
    text-align: left;
    padding: 12px 16px 12px 28px;
    line-height: 1.4;
    white-space: normal;
    font-size: 15px;
    color: #e2e8f0;
  }

  #visual {
    height: 300px;
  }
  #visual .container {
    height: 300px;
  }
  #visual h2 {
    left: 12px;
    bottom: 16px;
    right: 12px;
  }
  #visual h2 img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}


#custom {padding-top: 96px;}
#visual {position: relative; top: 0; width: 100%; height: 745px; background: url(/eisoft_data/project/web/img/visual.jpg) no-repeat; background-size: cover; background-position:  50% 50%; }
#visual .container {height: 745px; width: 1500px; margin: auto; position: relative;}
#visual h2 {position: absolute; bottom: 55px; left: 0;}

@media (max-width: 1500px) {
#visual .container {width: 100%;}


}

@media (max-width: 992px) {
#visual {height: 450px;}
#visual .container{height: 450px;}
#visual h2 img {width: 80%;}
#visual h2 {bottom: 20px; left: 20px;}
}





/*메인공통*/

#custom .container {width: 1500px; }
#custom .conwrap {width: 1500px; margin: auto;}
#custom h3 {font-weight: bold; font-family: 'NEXON Lv1 Gothic OTF Bold', sans-serif;}


@media (max-width: 1500px) {
	#custom .container {width: 100%;}
	#custom .conwrap {width: 100%;}

}

/*상단배너*/

#custom .mcon0>div {}


.mcon0 {margin: auto; padding: 75px 0;  }
.m0in {border: 1px solid #919191; padding: 0; padding:25px 0;}
.m0img {text-align: right;}
.m0img img {vertical-align: middle; display: inline;}

.m0txt {font-size: 18px; font-family: 'NEXON Lv1 Gothic OTF', sans-serif;  }
.m0in h3 {font-size: 33px;margin: 0; color:#555; padding-bottom: 20px; }
.m0in span {display: block;  padding: 4px 10px; padding-top: 6px;width: 145px; text-align: left;  margin-top: 20px; padding-left: 20px; background: url(/eisoft_data/project/web/img/incon2.png) 125px 50%  no-repeat; background-color: #ed024a;}
.m0in span a {text-decoration: none; font-size: 16px; color:#fff; font-family: 'NEXON Lv1 Gothic OTF', sans-serif; display: block; }
.m0txt {display: table; height: 120px; }
.m0txt div {display: table-cell; vertical-align: middle; }

.m01 {padding-right: 36px;}
.m02 {padding: 0 18px;}
.m03 {padding-left: 36px;}

.m03 .m0txt {padding-left: 0;}
.m03 .m0img {padding-left: 0;}
.m03 .m0img img {display: block;}
.m03 .m0in h3 {padding-bottom: 0px; line-height: 1.3;}



@media (max-width: 1450px) {
.mcon0>div {padding: 0; margin-bottom: 10px; padding: 0 15px;}
.m0in h3 {font-size: 28px;}
.m0txt {font-size: 15px; padding-right: 0;}
.m0in span {font-size: 14px;}
}
@media (max-width: 992px) {
.m0in h3 {padding-bottom: 10px;}
.m0in span {margin-top: 10px;}
.m0in {padding: 10px 0;}
.m0txt {font-size: 15px; padding-right: 15px;}
.mcon0 {padding-top:0px; padding-bottom: 10px;}
.mcon0>div {padding: 0 20px;}
}

@media (max-width: 768px) {
.m0img {line-height: 116px; }
.m0img img {width: 105px; height: auto;}
.m03 .m0img img {display: inline; margin-right: 15px;}
}

/*과정소개*/

.mcon1 {
background-color: #f2f4f7;
background-image: url(/eisoft_data/project/web/img/m2bg.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto 100%;
width: 100%;
padding: 75px 0;
}
.mcon1 h3 {font-size: 47px; text-align: center; margin-top: 0; margin-bottom: 45px;}

.mcon1 ul {width: 700px; margin: auto;  margin-bottom: 35px;;}
.mcon1 ul li {float: left; width: 25%; font-family: 'NEXON Lv1 Gothic OTF Bold', sans-serif; font-size: 30px; text-align: center; cursor:pointer; border-bottom: 3px solid #c5c5c5; }
.mcon1 ul li.center {width: 50%;}
.mcon1 ul li span {margin-bottom: 7px; padding: 10px 30px; padding-top: 12px;display: inline-block;border-radius:30px;  }
.mcon1 ul li.on {border-bottom: 3px solid #ed024a; transi tion: all 1s}
.mcon1 ul li.on span {color:#fff; background: #ed024a; border-radius:30px; transition: all 0.5s }

.mcon1 .conwrap>div {display: none; text-align: center; font-size: 0; margin-left: -55px; }
.mcon1 .conwrap>div.li1 {text-align: left;}
.mcon1 .conwrap>div.li2 {text-align: left;}
.mcon1 .outbox {margin-bottom: 15px;}
.mcon1 .inbox {padding: 0; background: #fff; border: 1px solid #cbcbcd; text-align: left; margin-left: 55px;}
.mcon1 .outbox {display: inline-block; text-align: left; font-size: 0; width: 25%; box-sizing:border-box; }

.mcon1 .inbox a {display: block;}
.mcon1 .inbox a:hover {text-decoration: none;}
.mcon1 .inbox p {color:#515151; font-family: 'NEXON Lv1 Gothic OTF', sans-serif;  font-size: 18px; padding:15px; line-height: 1.7; padding-bottom: 0;}
.mcon1 .inbox p span {font-size: 14px; background: #ed024a; border-radius: 15px; display: inline-block; padding: 3px 14px; color:#fff; float: right; line-height: 1.5; padding-top: 5px;}
.mcon1 .inbox p strong {font-weight: bold;font-size: 21px;}
.mcon1 .inbox img {width: 100%; height: auto;} 

@media (max-width: 1450px) {
#custom .mcon1 .conwrap {padding:0 20px; box-sizing:border-box}
.mcon1 .conwrap>div {margin-left: -30px;}
.mcon1 .inbox {margin-left: 30px;}
.mcon1 h3 {font-size: 37px;}

.mcon1 ul li {font-size: 25px;}
}

@media (max-width: 992px) {
.mcon1 ul {width: 560px;}
.mcon1 ul li {font-size: 22px; }
.mcon1 ul li span {padding: 7px 23px;}
.mcon1 h3 {margin-bottom: 30px;}
.mcon1 .conwrap>div {margin-left: -15px;}
.mcon1 .inbox {margin-left: 15px;}
.mcon1 .outbox {margin-bottom: 15px; width: 50%;}
.mcon1 {padding: 40px 0; padding-top: 45px;}
}

@media (max-width: 768px) {
.mcon1 .outbox {width: 100%;}
}


@media (max-width: 600px) {
.mcon1 ul {width: 410px;}
.mcon1 ul li {font-size: 20px;}
.mcon1 ul li span {padding: 7px 15px;}

}

@media (max-width: 450px) {
.mcon1 ul {width: 90%; margin-right: 5%; margin-left: 5%;}
.mcon1 ul li span {padding: 7px 12px;}
.mcon1 ul li {font-size: 17px;}
}


/*온라인상담*/

.mcon2 {
padding: 75px 15px;
width: 100%;
background-color: #eef2f7;
background-image: linear-gradient(to right, rgba(238, 242, 247, 0.92), rgba(238, 242, 247, 0.92)), url(/eisoft_data/project/web/img/m3bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
#custom .mcon2 .conwrap {width: 1200px; padding: 0; font-family: 'NEXON Lv2 Gothic', sans-serif; font-size: 16px; position: relative; left: 50%; margin-left: -600px;}


.mcon2 select {display: block; width: 410px; height: 45px; border-radius: 16px; border:0; margin-bottom: 25px; padding-left: 20px;}
.mcon2 input[type="text"] {display: block; width: 410px; height: 45px; border-radius: 16px; border:0; margin-bottom: 25px; padding-left: 20px;}
.mcon2 input[type="checkbox"] {width: 20px; height: 20px; border-radius: 20px; margin: 0; vertical-align: top; margin-right: 10px;}
.mcon2 h3 {font-size: 60px; color: #243b53; text-shadow: none;}
.mcon2 p {font-size: 18px; font-family: 'NEXON Lv2 Gothic Bold', sans-serif; color: #334e68; text-shadow: none;}
.mcon2 span {display: block; color: #243b53; padding-right: 15px;}
.m2title {width: 410px;; float: left; margin-top: 60px;}
.m2form {width: 410px; float: right;}
.m2form span a {font-family: 'NEXON Lv2 Gothic', sans-serif; color:#fff; font-size: 16px; text-decoration: underline;}
.mcon2 button {display: inline-block; border:0; width: 410px; margin-top: 25px; font-size: 25px; border-radius: 20px; background: #154b96; padding:15px 0}
.mcon2 button:hover {background: #154b96;}


@media (max-width: 1200px) {
#custom .mcon2 .conwrap {position:static; width: 100%; margin-left: 0;}
.mcon2 h3 {font-size: 42px;}
}

@media (max-width: 900px) {
.mcon2 {padding: 40px 0;}
.mcon2 h3 {margin-top: 10px;}
.mcon2 p {margin-bottom:40px; font-size: 16px;}
#custom .mcon2 .conwrap {text-align: center;}
.m2title {margin-top: 0;width: 100%; float:inherit; padding:0 20px}
.m2form {width: 80%; margin: 0 10%; float:inherit}
#custom .m2form input {width: 100%;}
#custom .m2form select {width: 100%;}
#custom .mcon2 input[type="checkbox"] {width: 20px;}
.mcon2 button {width: 100%;}
}









#gotop {position: fixed; right: 20px; bottom: 20px; z-index: 20; cursor: pointer;;}

.footerwrap {width: 100%; padding:30px 0; background: #2d2d2d; }
.footer {width: 1500px; margin: auto;}
.address {font-size: 16px; color:#bfbfbf; font-family: 'NEXON Lv2 Gothic', sans-serif; line-height: 1.8;}
/* 푸터 로고: 상단 헤더·메인과 동일한 logo.jpg 사용 (구 flogo.jpg는 밝은 배경 박스가 깨져 보일 수 있음) */
.footerwrap .flogo { display: flex; align-items: center; justify-content: center; }
.footerwrap .flogo > img {
  max-width: 118px;
  width: auto;
  height: auto;
  display: block;
}

@media (max-width: 1500px) {
.footer {width: 100%;}
}

@media (max-width: 768px) {
	.flogo>img {width: 100px; margin-bottom: 10px;}
.address {font-size: 13px; text-align: justify; padding-left: 20px; padding-right: 20px;}
}





/*서브페이지*/
.subbody {background: #f6f6f6;}
/* 서브 본문이 헤더(absolute) 아래에서 시작하도록 */
#custom.subbody main.boardon { padding-top: 96px; }

#visual.subvisual {height: 485px;}
#visual.subvisual h2 {display: none;}

#custom .subcontainer {  padding-bottom: 55px; margin-top: 30px;}
.subcontent {width: 1300px; margin: auto; background: #fff;  padding: 60px; box-sizing:border-box; }
.subcontent h2 {font-family: 'NEXON Lv1 Gothic OTF', sans-serif;  font-size: 67px; text-align: center; color:#154b96; margin-top: 0; background: url(/eisoft_data/project/web/img/bluedot.png) 50% 100% no-repeat; padding-bottom: 27px;}
#custom .subcontent h3 {font-family: 'NEXON Lv1 Gothic OTF', sans-serif;  font-size: 28px; text-align: center; color:#154b96; font-weight: normal; padding-bottom: 46px;}
#custom .space0 {margin-bottom: 0; line-height: 0; clear:both; content: ""; display:block} 

.subcontent strong {font-weight: bold;font-family: 'NanumBarunGothic', sans-serif; font-size: 23px; background: url(/eisoft_data/project/web/img/text.png) 0 70% no-repeat; padding-left: 42px; color:#154b96; font-family: 'NEXON Lv1 Gothic OTF', sans-serif; margin-bottom: 30px; display: block; padding-top: 10px; line-height: 1.2; }
.subcontent p {font-family: 'NanumBarunGothic', sans-serif; font-size: 18px; line-height: 1.8; margin-bottom: 30px; text-align: justify;}
.subcontent p>a {font-family: 'NanumBarunGothic', sans-serif; font-size: 18px; color:blue; text-decoration: underline;}
.subcontent img.img1100 {width: 1100px; height: auto;}
.subcontent .center {text-align: center;  }
#daumRoughmapContainer1645753082662 strong {font-weight: bold; font-size: 14px; background: 0; padding-left: 0; color:#222; font-family: 'Malgun Gothic', sans-serif; margin-bottom: 8px; display: block; padding-top:0; line-height: 17px;}
#daumRoughmapContainer1645753082662 a {width: auto; height: auto;}


@media (max-width: 1300px) {
.subcontent h2 {font-size: 50px; padding-top: 20px;;}
.subcontent h3 {font-size: 25px;}
	
.subcontent {width: 94%; margin:0 3%; padding: 20px; }
.subcontent strong {font-size: 22px;}
.subcontent p {font-size: 17px;}
}

@media (max-width: 1100px) {
#custom .subcontent img.img1100 {width: 100%; height: auto;}
}

@media (max-width: 768px) {
.subcontent strong {font-size: 20px;}
.subcontent p {font-size: 15px;}
}

/*회사소개*/
.subcontent > img {
    display: block;
    width: 100%;
    max-width: 1100px;
    height: auto;
    margin: 0 auto 48px;
}
.sub1_1>img {margin-bottom: 65px;}
.sub1_1>strong {text-align: center; font-size: 28px; line-height: 1.35; display: block; padding-left: 0; background: none;}
.sub1_1 strong img {margin: 0 8px 12px 0; vertical-align: middle; max-width: 42%;}
@media (max-width: 768px) {
.sub1_1 strong img { max-width: 100%; display: block; margin: 0 auto 12px; }
}
.kak amap {width: 1300px; margin: auto;}

@media (max-width: 1300px) {
.sub1_1 strong {font-size: 28px;}
.ka kamap {width: 94%; margin:0 3%; padding: 20px;}
}

@media (max-width: 628px) {
.sub1_1>img {margin-bottom: 45px;}	
.sub1_1 strong {margin-bottom: 30px;}
.subcontent > img {margin-bottom: 32px;}
}

/*인재채용*/
.sub1_2 ul li {float: left; width: 20%; box-sizing:border-box; margin-bottom: 35px; }
.sub1_2 ul li span {display: block; margin-right: 15px;}
.sub1_2 ul li sp an.m0 {margin-right: 0;}
.sub1_2 ul li img { width: 100%; height: auto;}
.sub1_2>img {width: 600px; height: auto;}
.sub1_2 strong {display: inline-block;}


@media (max-width: 992px) {
.sub1_2 ul li {width: 33.333%;}
.sub1_2 ul li span.m0 {margin-right: 15px;}
.sub1_2>img {width: 100%; height: auto;}
}







/*유학과정*/
.sub2-1 .menu1 {border: 1px solid #ccc; margin-bottom: 60px;}
.sub2-1 .menu1 li {float: left; width: 25%; box-sizing:border-box; border-right:1px solid #ccc; height: 52px; }
.sub2-1 .menu1 li a {text-align: center; line-height: 52px; font-family: 'NEXON Lv1 Gothic OTF', sans-serif;  font-size: 21px; color:#232323; background: #f6f6f6; display: block; text-decoration: none;}
.sub2-1 .menu1 li.on a {background: #154b96; color:#fff}
.sub2-1>img {margin-bottom: 35px;}

@media (max-width: 1300px) {
.sub2-1 .menu1 li a {font-size: 19px;}
}


/*국내교육/job/라이센스 공통	*/
.sub2_234 .boxwrap {background: url(/eisoft_data/project/web/img/click.png) 97% 92% no-repeat; background-color:#d70131; padding: 0; box-sizing:border-box; margin-bottom: 35px;}
.sub2_234 .boxwrap>div {padding-left: 0; padding-right: 0;}
.sub2_234 .rightbox ul {padding-left: 16%;}
.sub2_234 .rightbox ul li {list-style:square; color:#fff; margin:33px 0}
.sub2_234 .rightbox ul li a {font-family: 'NEXON Lv1 Gothic OTF', sans-serif;  color:#fff; text-decoration: none; font-size: 18px;}
.sub2_234 .rightbox ul li a:hover {text-decoration: underline;}
.sub2_234 .leftbox img {width: 100%; height: auto; display: block; object-fit: cover; min-height: 120px; background: #f1f5f9;}

@media (max-width: 992px) {
.sub2_234 .rightbox ul {padding-left: 8%;}
.sub2_234 .rightbox ul li {margin:15px 0}
.sub2_234 .boxwrap {background-position: 95% 95%;}

}

/*국내교육*/
.sub2_234 .rightbox ul.korea {padding-top: 8%;}

@media (max-width: 1210px) {
.sub2_234 .rightbox ul li {margin:25px 0}

}

@media (max-width: 1070px) {
.sub2_234 .w100 {width: 100%;}
.sub2_234 .rightbox ul.korea {padding-top: 5px;} 
}






/*라이센스*/
.subcontent.sublicense {padding-bottom: 1120px;} 
.sub2_234 .rightbox ul.license {padding-top: 12%;}
.sublicense #p5 {padding-left: 0; padding-right: 0;}
.sublicense #p5 .libox {padding-left: 7.5px; padding-right: 7.5px;}
.liwrap {border: 1px solid #000;  margin-bottom: 15px;height: 159px;padding-top:20px; padding-bottom: 20px;}
.liwrap div {padding-left: 0; padding-right: 0; ;}
.liwrap div.txt {padding-left: 20px; font-family: 'NEXON Lv1 Gothic OTF', sans-serif;  font-size: 16px; font-weight: bold; ;}
.liwrap div.image {background: url(/eisoft_data/project/web/img/icon1.png) 50% 50% no-repeat; background-size:100% auto ; height: 63px; margin-top: 25px;}
.liwrap div.bg2 {background-image: url(/eisoft_data/project/web/img/icon2.png);}
.liwrap div.bg3 {background-image: url(/eisoft_data/project/web/img/icon3.png);}
.liwrap div.bg4 {background-image: url(/eisoft_data/project/web/img/icon4.png);}
.liwrap div.bg5 {background-image: url(/eisoft_data/project/web/img/icon5.png);}
.liwrap div.bg6 {background-image: url(/eisoft_data/project/web/img/icon6.png);}
.liwrap ul {margin-bottom: 0;}
.liwrap ul li { font-family: 'NEXON Lv1 Gothic OTF', sans-serif;  font-size: 14px; margin-top: 5px; line-height: 1.4; font-weight: normal; text-ali gn: justify;}
.liwrap ul li span {background: url(/eisoft_data/project/web/img/list.png) 0 50% no-repeat; padding-left: 7px;}

@media (max-width: 1120px) {
.subcontent.sublicense {padding-bottom: 1220px;} 
.liwrap {height: 175px;}
}





@media (max-width: 992px) {
.subcontent.sublicense {padding-bottom: 1640px;} 
.sub2_234 .rightbox ul.license {padding-top: 0px;} 
.liwrap {height: 250px;}
.liwrap div.txt {padding-left: 0;}
.liwrap div.image {margin-top: 0;background-size:auto 100%; margin-bottom: 15px;}
}

@media (max-width: 768px) {
.subcontent.sublicense {padding-bottom: 2450px;}
.liwrap {height: 249px;}
}

@media (max-width: 580px) {	
.subcontent.sublicense {padding-bottom: 3250px;} 
.liwrap {height: 325px;}
}









/*job*/
.sub2_234 .rightbox ul.job {padding-top: 36%;}

@media (max-width: 992px) {
.sub2_234 .rightbox ul.job {padding-top: 0px;} 
}

/* 루트 모바일: 본문 padding-top — 파일 앞쪽 #custom 96px 규칙보다 뒤에서 덮어씀 */
@media (max-width: 767px) {
  html body#custom {
    padding-top: 72px !important;
  }
  #custom.subbody main.boardon {
    padding-top: 72px !important;
  }
}