@charset "utf-8";

#sub_top_Wrap{}
.s_visual { position:relative;width:100%; height:200px; overflow:hidden; text-align:center;
              background: url("/images/sub/s_visual.jpg") no-repeat center; background-size: cover; }
.s_visual::before, .s_visual::after { content:''; position: absolute; width: 30%; height: 100%; background-size: 100% auto; background-repeat: no-repeat; }
.s_visual::before { background-image: url("/images/sub/sv_patternL.png"); left:0; top:0; background-position: left top;  }
.s_visual::after { background-image: url("/images/sub/sv_patternR.png"); right:0; bottom:0; background-position: right bottom; }
.s_visual .s_visual_in{ position:relative;display:table;width:100%; height:100%;  z-index:2}
.s_visual .sv_tit { display:table-cell; box-sizing:border-box; vertical-align:middle; }
.s_visual .sv_tit h2 { font-size:2.125em; font-family: 'ONE-Mobile-Title'; color:#212121; line-height:1.2em; margin-bottom: 0.4em; font-weight: normal; }
.s_visual .sv_tit p { color:#484848; line-height:1.4em; }

@media all and (max-width:1280px) {
  .s_visual { height: 180px; }
}

@media all and (max-width:976px) {
  .s_visual { height: 160px; }
}

@media all and (max-width:568px) {
  .s_visual { height: auto; padding: 8% 0;  }
  .s_visual .sv_tit h2  { font-size: 1.8em; }
}



#subContent { position: relative; clear: both; }

#s_gnb { float: left; width: 260px; margin-top: -120px; padding-bottom: 40px; overflow: hidden; }
#s_gnb .s_depth1 { margin-bottom: 10px; }
#s_gnb .s_depth1 h2 { font-size: 1.625em; font-weight: normal; color:#fff; font-family: 'ONE-Mobile-Title';
                                  padding: 2.5em 0; text-align: center; background: url("/images/sub/snav_titBG.png") no-repeat center; background-size: cover; }
#s_gnb .s_depth1 .hide { display: none; }
#s_gnb .s_depth2 .deptit { display: none; }
#s_gnb .s_depth .smenu { padding-top: 1px; }
#s_gnb .s_depth .smenu > li { width: 100%; line-height: 55px; border: 1px solid #d6e1db; margin-top: -1px; }
#s_gnb .s_depth .smenu > li > a { display: block; padding: 0 1.5em; background: #fff; }
#s_gnb .s_depth .smenu > li.s_on { border-color:#2d3290; margin-bottom: 1px; }
#s_gnb .s_depth .smenu > li.s_on > a { background: #2d3290; color:#fff; }

#s_gnb .s_depth .smenu .dep3 { position: relative; }
#s_gnb .s_depth .smenu .dep3::after { content: '\e874'; font-family:'Linearicons-Free'; color:#a6abb2; font-weight: 900;
                                                      position: absolute; right: 1em; font-size: 0.9em; opacity: 0.7; }
#s_gnb .s_depth .smenu > li.s_on .dep3::after { color: #fff; }
#s_gnb .s_depth .smenu .dep3.on::after { content: '\e873'; }
#s_gnb .s_depth .smenu .depth3 { display: none; padding: 10px 0; background: #f2f8fc;}
#s_gnb .s_depth .smenu > li.s_on .depth3 { display: block; background: #fff; }
#s_gnb .s_depth .smenu .depth3 li { line-height: 2em; }
#s_gnb .s_depth .smenu .depth3 li a { padding: 0 1.5em; }

#sQuick { overflow: hidden; margin-top: 10px; text-align: center; background: #48c380; }
#sQuick li { float: left; width: calc(100%/3); border-left: 1px solid rgba(255,255,255,0.3); }
#sQuick li a { display: block; color:#fff; font-family: 'ONE-Mobile-Title'; font-size: 0.75em;
                    padding: 1.4em 0; }
#sQuick li a p { line-height: 1.25em; letter-spacing: 0; margin-top: 5px; }

#pageWrap { float: right; width: calc(100% - 330px); overflow: hidden;  }

#subTitle { position: relative; font-size: 2em; color:#212121; font-weight: 600; overflow: hidden;
                border-bottom: 1px solid #d6e1db; padding: 1.5em 0 0.5em; }

#pageCont { position: relative; padding: 4% 0 5%; overflow: hidden; line-height: 1.45em; }

@media all and (max-width:1399px) {
  #s_gnb { width: 20%; }
  #s_gnb .s_depth1 h2 { padding: 2em 0; }
  #s_gnb .s_depth .smenu li  { line-height: 50px; }
  #pageWrap { width: 75%;  min-height: 50vw; }
}


@media all and (max-width:976px) {
  #s_gnb { width: 100%; display: none; }
  #s_gnb .s_depth { position: relative; width: 50%; float: left; }
  #s_gnb .s_depth .smenu { display: none; }
  #s_gnb .s_depth1 .hide { display: block; }
  #s_gnb .s_depth2 .deptit { display: block; }


  #s_gnb .s_depth .deptit { position: relative; width: 100%; background: none; color:#585858; font-size: 1.0em;
                                        padding:0; font-family: 'Pretendard'; line-height: 50px; text-align: left;
                                        border: 1px solid #d6e1db; padding: 0 1em; cursor: pointer; }
  #s_gnb .s_depth2 .deptit { border-left-width:0; }

  #s_gnb .s_depth .deptit::after { content: '\e874'; font-family:'Linearicons-Free'; position: absolute; right: 1em; line-height: 50px; }
  #s_gnb .s_depth .smenu { position: absolute; top: 50px; width: 100%; z-index: 999999; }
  #s_gnb .s_depth .smenu li { line-height: 3em; }

  #pageWrap { width: 100%; }
}

@media all and (max-width:568px) {
  #subTitle { font-size: 1.6em; }
  #pageCont { padding: 6% 0;  }
}





.tabmenu { text-align: center; width: 100%; margin: 0 auto 3%; overflow: hidden; }
.tabmenu li { position: relative; width:calc(100% / 6); float:left; }
.tabmenu li:first-child { border-left:1px solid #dedede; }
.tabmenu li a { text-decoration: none; width:100%; height:50px; line-height: 50px; display: block; background:#fff;
                      color:#525252;  border: 1px solid #dedede; border-left:0; font-weight: 600; font-size: 0.95em;
                      box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tabmenu li a:hover { color:#437dea; }

.tabmenu.col4 li { width: calc(100% / 4); }
.tabmenu.col5 li { width: calc(100% / 5); }

@media all and (max-width:976px) {
  .tabmenu { padding-top:1px; }
  .tabmenu li { width:calc(100% / 3); margin-top: -1px; }
  .tabmenu li:nth-child(3n+1) { border-left:1px solid #dedede; }
  .tabmenu li a { height: 40px; line-height: 40px; }

  .tabmenu.col5 li { width: calc(100% / 3); }
}

@media all and (max-width:767px) {
  .tabmenu { margin-top:0; margin-bottom: 5%; }
}

@media all and (max-width:480px) {
  .tabmenu.col5 li { width: calc(100% / 2); }
  .tabmenu.col5 li:nth-child(even) { border-left:0; }
  .tabmenu.col5 li:nth-child(odd) { border-left:1px solid #dedede; }
}

@media all and (max-width:360px) {
  .tabmenu li { width:calc(100% / 2); }
  .tabmenu li:nth-child(3n+1) { border-left:0; }
  .tabmenu li:nth-child(odd) { border-left:1px solid #dedede; }
}

/* 페이지 인식을 위한 부분 */
#tab01 .tabmenu  a.menu1,
#tab02 .tabmenu  a.menu2,
#tab03 .tabmenu  a.menu3,
#tab04 .tabmenu  a.menu4,
#tab05 .tabmenu  a.menu5,
#tab06 .tabmenu  a.menu6,
#tab07 .tabmenu  a.menu7,
#tab08 .tabmenu  a.menu8,
#tab09 .tabmenu  a.menu9,
#tab10 .tabmenu  a.menu10 { color:#fff; background:#437dea; font-weight:600; border-color: #437dea !important; z-index:100; }




.chapter { position: relative; width: 100%; overflow: hidden; }
.chapter li { position: relative; width:calc((100% - 30px) / 4); float:left; margin-left: 10px; margin-bottom: 10px;  }
.chapter li:nth-child(4n+1) { margin-left:0; }
.chapter li a { text-decoration: none; width:100%; height:55px; line-height: 55px; display: block; background:#fff; color:#363c5a;  border: 1px solid #d0d6e7; font-size: 0.95em; border-radius: 5px; box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.chapter li a:hover { background:#05b5b2; color:#fff;  }


@media all and (max-width:1480px) {
  .chapter li a { font-size: 0.85em;}
}

@media all and (max-width:1280px) {
  .chapter li { width:calc((100% - 20px) / 3); }
  .chapter li:nth-child(4n+1) { margin-left:10px; }
  .chapter li:nth-child(3n+1) { margin-left:0; }
  .chapter li a { font-size: 0.95em; height: 4em; line-height: 4em; }
}

@media all and (max-width:767px) {
    .chapter li { width:calc((100% - 10px) / 3); margin-left: 5px; margin-bottom: 5px; }
    .chapter li a { font-size: 0.95em; height: 3.2em; line-height: 3.2em; }
    .chapter li:nth-child(4n+1) { margin-left:5px; }
    .chapter li:nth-child(3n+1) { margin-left:0; }
}

@media all and (max-width:568px) {
      .chapter li { width:calc((100% - 5px) / 2); margin-left: 5px !important; }
      .chapter li:nth-child(odd) { margin-left:0 !important; }
}


.scholarship-tab { display:flex; flex-wrap:wrap; gap:10px; width:100%; }
.scholarship-tab li:first-child {flex:0 0 100%;}
.scholarship-tab li {flex:0 0 calc((100% - 20px) / 3);list-style:none;}
.scholarship-tab li a { display:flex; justify-content:center; align-items:center; height:55px; padding:0 15px; text-decoration:none; color:#363c5a; background:#fff; border:1px solid #d0d6e7; border-radius:5px; box-sizing:border-box; transition:.3s; }

.scholarship-tab li.on a,
.scholarship-tab li a:hover { background:#05b5b2; border-color:#05b5b2; color:#fff; }
.scholarship-tab-wrap {margin-top:30px;}
.scholarship-content {display:none;}
.scholarship-content.on {display:block;}