@charset "utf-8";
@font-face {
    font-family: 'GmarketMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.material-symbols-outlined {
  font-variation-settings: 'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48;
  font-size: 65px;
  position: relative;
  z-index: 1;
}

html {overflow-x: hidden;overflow-y: scroll;}
#site {background-color: #fff;word-break: keep-all !important;padding-top: 130px;color: #222;font-size: 15px;}
#site > .container{width: 100%;padding: 0;}
/* 폰트 설정 */
#site, h1, h2, h3, h4, h5, h6, input, textarea, button {font-family: 'notokr', sans-serif;letter-spacing: -0.035em;}


/* 구글 아이콘 가변 폰트
span.material-symbols-outlined {
    transition: font-variation-settings .3s;
    font-variation-settings: var(--gms200_Out);
}

.item:hover span.material-symbols-outlined {
    font-variation-settings: var(--gms300_Fill);
} 
*/

ol, ul{padding: 0;margin: 0;list-style: none;list-style-position: inside;}

/* 닷홈 빌더 설정
.navbar .caret,
.navbar .divider-vertical,
.navbar ~ br,
.footer-social-layout,
.footer_copy .text-center > br,
.topmarginLay_a {display: none;}
 */

@media (min-width: 768px){
    .col-sm-20{width: 20%;}
    .col-sm-40{width: 40%;}
    .col-sm-60{width: 60%;}
    .col-sm-80{width: 80%;}
}
@media (min-width: 992px){
    .col-md-20{width: 20%;}
    .col-md-40{width: 40%;}
    .col-md-60{width: 60%;}
    .col-md-80{width: 80%;}
}
@media (min-width: 1200px){
    .col-lg-20{width: 20%;}
    .col-lg-40{width: 40%;}
    .col-lg-60{width: 60%;}
    .col-lg-80{width: 80%;}
}

/* 상단 네비게이션 */

.navbar.navbar-inverse{background-color: #fff;border-bottom: 1px solid #eee;box-shadow: 0 2px 6px rgba(0,0,0,0.08);}
.navbar-header .navbar-brand{display: flex;padding: 0;font-size: 20px;margin-left: 0 !important;height: auto;margin: 15px 0;align-items: center;}
.navbar-header .navbar-brand img{margin-top: 0;display: inline-block;}
.navbar-header .navbar-brand > span{
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin-left: 12px;
    line-height: 1;
    letter-spacing: -0.033em;
}

.nav.navbar-nav > li > a{display: block;height: 100%;padding: 58px 23px 30px;font-size: 20px;color: #000;font-weight: 500;font-family: 'GmarketMedium', 'notokr', sans-serif;line-height: 1;}

.nav.navbar-nav > li > a i {
    line-height: 0;
}
.nav.navbar-nav > li > a .caret{display: none;}
.nav.navbar-nav > li:hover > a,
.nav.navbar-nav > li.open > a,
.nav.navbar-nav > li:focus > a,
.nav.navbar-nav > li > a:hover,
.nav.navbar-nav > li > a:focus,
.nav.navbar-nav > li.open > a,
.nav.navbar-nav > li.open > a:hover,
.nav.navbar-nav > li.open > a:focus{color: #129700;background: none;}
/* .nav.navbar-nav li .dropdown-menu{left: 50%;right: auto;transform: translateX(-50%);border-radius: 0;border: 0;padding: 0;background: rgba(0,0,0,0.8);}
.nav.navbar-nav li .dropdown-menu li a{padding: 10px 15px;text-align: center;color: #fff;}
.nav.navbar-nav li .dropdown-menu li a:hover{
  background: #129700;
} */

.nav.navbar-nav li .dropdown-menu{
    left: 50%;
    right: auto;
    padding: 15px 0;
    transform: translate(-50%,0);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 20px -3px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 5px 15px -3px rgb(0 0 0 / 40%);
    background-color: #006800;
    border: 0;
}
.nav.navbar-nav li .dropdown-menu::after {
    position: absolute;
    content: '';
    top: -10px;
    left: 50%;
    width: 0px;
    height: 0px;
    border-bottom: 10px solid #006800;
    border-right: 7px solid transparent;
    border-left: 7px solid  transparent;
    transform: translateX(-50%);
}
.nav.navbar-nav li .dropdown-menu li a{
    padding: 7px 15px;
    text-align: center;
    color: #fff;
    background: transparent;
    font-size: 15px;
}
.nav.navbar-nav li .dropdown-menu li:hover a{
    color: #ffef74;
    background: transparent;
}




@media (max-width: 767px){
    #site{
        padding-top: 74px;
    }
    .navbar-header .navbar-brand{
        margin-left: 15px !important;
    }
    .navbar-header .navbar-brand img{width: 45px;}
    .navbar-header .navbar-brand > span{
        font-size: 20px;
    }
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background: none;
    }
    .navbar-inverse .navbar-toggle {
        border: 0;
        padding: 0;
        margin: 27px 15px 27px 0;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #24830c;
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 6px;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 26px;
        height: 2px;
        border-radius: 1px;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #eeeeee;
    }
    .nav.navbar-nav > li > a {
        display: block;
        height: 100%;
        padding: 17px 23px;
        font-size: 16px;
        text-align: center;
    }
    .nav.navbar-nav li .dropdown-menu {
        transform: translate(0%,0);
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .nav.navbar-nav li .dropdown-menu li a{color: #fff !important;}
}
@media (min-width: 768px) and  (max-width: 991px){
    #site{
        padding-top: 99px;
    }
    .navbar-header .navbar-brand img {
        margin-top: 0;
        display: inline-block;
        width: 70px;
    }
    .nav.navbar-nav > li > a {
        display: block;
        height: 100%;
        padding: 44px 8px 38px;
        font-size: 16px;
    }
    .navbar-header .navbar-brand > span {
        font-size: 18px;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){
    #site{
        padding-top: 114px;
    }
    .navbar-header .navbar-brand img {
        margin-top: 0;
        display: inline-block;
        width: 83px;
    }
    .navbar-header .navbar-brand > span {
        font-size: 20px;
        font-weight: 700;
        color: #000;
        margin-left: 12px;
        line-height: 1;
        letter-spacing: -0.033em;
    }
    .nav.navbar-nav > li > a {
        display: block;
        height: 100%;
        padding: 49px 16px 44px;
        font-size: 20px;
        color: #000;
        font-weight: 500;
        font-family: 'GmarketMedium', 'notokr', sans-serif;
        line-height: 1;
    }
}

/* //상단 네비게이션 */

/* 슬라이드 영역 */
#mainCarousel .carousel-inner .item{
    height: 600px;
}

#mainCarousel .carousel-inner .item::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .3;
    /* mix-blend-mode: ; */
}

#mainCarousel .carousel-inner .item .carousel-caption{padding: 0;left: calc((100% - 1140px) / 2);right: calc((100% - 1140px) / 2);text-align: left;text-shadow: 2px 1px 6px rgb(0 0 0 / 75%);}
#mainCarousel .carousel-inner .item h1{
    font-weight: 500;
    font-size: 50px;
    line-height: 1.25;
    margin: 0 0 30px;
    font-family: 'GmarketMedium', 'notokr', sans-serif;
    letter-spacing: -0.01em;
}
#mainCarousel .carousel-inner .item h1 span{
    font-family: 'GmarketBold', 'notokr', sans-serif;
    font-weight: 600;
}
#mainCarousel .carousel-inner .item h1 strong{
    display: block;
    font-size: 80px;
}
#mainCarousel .carousel-inner .item P{
    font-size: 30px;
    font-weight: 500;
    font-family: 'GmarketMedium', 'notokr', sans-serif;
}

.carousel-indicators {
    bottom: 30px;
}
.carousel-indicators li, .carousel-indicators li.active {
    width: 13px;
    height: 13px;
    border: 2px solid #fff;
    margin: 0 3px;
}

.carousel-control {
    width: 10%;
    background: rgba(0,0,0,0) !important;
    opacity: 0.3;
}

@media (max-width: 767px){
    #mainCarousel .carousel-inner .item {
        height: 258px;
        background-position: 54% 0%;
    }
    #mainCarousel .carousel-inner .item .carousel-caption{left: 15px;right: 15px;}
    #mainCarousel .carousel-inner .item h1 {
        font-weight: 500;
        font-size: 4.3vw;
        margin-bottom: 11px;
    }
    #mainCarousel .carousel-inner .item h1 strong {
        display: block;
        font-size: 8vw;
    }
    #mainCarousel .carousel-inner .item P {
        font-size: 4vw;
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    #mainCarousel .carousel-inner .item .carousel-caption{left: calc((100% - 700px) / 2);right: calc((100% - 700px) / 2);}
    #mainCarousel .carousel-inner .item {
        height: 510px;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){
    #mainCarousel .carousel-inner .item .carousel-caption{left: calc((100% - 970px) / 2);right: calc((100% - 970px) / 2);}
}
/* //슬라이드 영역 */

/* 메인 중단영역 */

#main_wrapper > section{padding: 80px 0;}

#main_wrapper #main03 {
    padding: 100px 0 70px;
}
#main_wrapper > section:nth-child(2n-1){background: #fbf9e9;}
#main_wrapper > section h3{
    position: relative;
    font-size: 42px;
    margin: 0 0 30px;
    padding-top: 15px;
    font-weight: bold;
    font-family: 'GmarketBold', 'notokr', sans-serif;
    letter-spacing: -0.015em;
    padding-right: 30px;
    line-height: 1.2;
    z-index: 1;
    color: #111;
}

#main_wrapper > section h3::before{
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffef74;
    position: absolute;
    top: 0;
    left: -13px;
    z-index: -1;
}

.main-link{
    display: block;
    text-align: center;
}
.main-link:hover{text-decoration: none;border-color: #006800;box-shadow: 4px 4px 5px rgba(0,0,0,0.15);}

.main-link {
    display: block;
    border: 1px solid #ddd;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 5%);
    background: #fff;
    border-radius: 0 0 35px 0;
    border-top: 1px solid #006800;
    padding: 50px 0;
  transition:all 0.2s
}

.main-link .caption{
    display: block;
}
.main-link .caption .icon{
    display: block;
    width: 180px;
    margin: 0 auto 25px;
    /* background: #fff9ca; */
    border-radius: 50%;
}
.main-link .caption .icon > span{
    font-size: 85px;
    display: block;
    color: #3ba32f;
    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 48;
}
.main-link .caption .tit{
    display: block;
    font-size: 18px;
    color: #000;
    font-weight: 500;
    font-family: 'GmarketMedium', 'notokr', sans-serif;
    letter-spacing: -0.02em;
    line-height: 1.35;
}
.main-link:hover .icon{}
.main-link:hover .icon > span{}
.main-link:hover .tit{}

.main-bbs{
    padding: 0 15px;
}

#main03 .container > .row {
    margin: 0 -30px;
}
.main-bbs .board_box_list{}
.main-bbs .board_box_list .page-header{
    margin: 0 0 15px;
    border: 0;
    padding: 0;
}
.main-bbs .board_box_list .page-header h4{
    font-size: 29px;
    margin: 0 0 30px;
    font-weight: bold;
    font-family: 'GmarketBold', 'notokr', sans-serif;
    letter-spacing: -0.015em;
    border-bottom: 3px solid #ddd;
    padding-bottom: 10px;
    position: relative;
    color: #111;
}

.main-bbs .board_box_list .page-header h4::before {
    content: '';
    display: block;
    width: 57px;
    height: 3px;
    background: #129700;
    position: absolute;
    bottom: -3px;
    left: 0;
}
.main-bbs .board_box_list .page-header a{
    font-size: 18px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    z-index: 1;
    position: relative;
    background: #26870e;
    margin-top: -1px;
    color: #fff;
    border-radius: 0 0 10px 0;
}

.main-bbs .board_box_list .page-header a:hover {
    background: #1b6807;
}

.main-bbs .board_box_list ul{}
.main-bbs .board_box_list ul li{
    font-size: 16px;
    padding: 9px 0;
    border-bottom: 1px solid #eaeaea;
}
.main-bbs .board_box_list ul li a:hover{
    color: #000;
}
.main-bbs .board_box_list ul li .writer,
.main-bbs .board_box_list ul li .hits{
    display: none;
}
.main-bbs .board_box_list ul li .regdate{
    font-size: 13px;
    margin-left: 20px;
    letter-spacing: -0.01em;
    opacity: 0.65;
}

@media (max-width: 767px){
    #main_wrapper > section {
        padding: 60px 0;
    }
    #main_wrapper > section h3 {
        font-size: 28px;
    }
    .main-link{
        margin-bottom: 30px;
    }
    .main-link .caption .icon > span {
        font-size: 73px;
    }
    .main-link .caption .tit {
        font-size: 16px;
    }
    #main03 .container > .row {
        margin: 0 -15px;
    }
}
@media (min-width: 768px) and  (max-width: 991px){}
@media (min-width: 992px) and  (max-width: 1199px){}

/* //메인 중단영역 */

/* 서브페이지 */

.subHeader {height: 330px;background-image: url(/public/img/sub/sub_title.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;}
.subHeader.visual01 {background-image: url(/public/img/sub/sub_title_v01.jpg);}
.subHeader.visual02 {background-image: url(/public/img/sub/sub_title_v02.jpg);}
.subHeader.visual03 {background-image: url(/public/img/sub/sub_title_v03.jpg);}
.subHeader.visual04 {background-image: url(/public/img/sub/sub_title_v04.jpg);}
.subHeader .container{height: 100%;position: relative;}
.subHeader .container h2{text-align: center;color: #fff;font-size: 46px;margin: -20px 0 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);letter-spacing: 0;font-weight: 700;font-family: 'GmarketMedium', 'notokr', sans-serif;text-shadow: 1px 1px 3px rgb(0 0 0 / 80%);}
.subHeader .container .breadcrumb{padding: 0;margin: 30px 0 0;background: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-shadow: 1px 1px 3px rgb(0 0 0 / 80%);}
.subHeader .container .breadcrumb > li > a,
.subHeader .container .breadcrumb > li.active{color:#fff;font-weight: 300;}

.breadcrumb>li+li:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    padding: 0 10px;
    color: #fff;
}

.subMenu{
    margin-top: -55px;
}
.subMenu .nav{
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(6 90 0 / 88%);
}
.subMenu .nav > li{
    margin: 0;
    padding: 0;
}
[id^="about"] .subMenu .nav > li{width: calc(100% / 4);}
[id^="recruit"] .subMenu .nav > li{width: calc(100% / 2);}
[id^="student"] .subMenu .nav > li{width: calc(100% / 3);}
[id^="graduated"] .subMenu .nav > li{width: calc(100% / 3);}
.subMenu .nav > li > a{
    border-radius: 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.05em;
    padding: 0 15px;
    line-height: 55px;
    font-weight: 400;
}

.subMenu .nav > li + li > a {border-left: 1px solid rgba(255,255,255,0.15);}

/* .subMenu .nav > li:first-child > a {
    border-radius: 20px 0 0 0;
}

.subMenu .nav > li:last-child > a {
    border-radius: 0 0 20px 0;
} */
.subMenu .nav > li > a:hover{
    z-index: 1;
    background: rgba(0,0,0,0.3);
}
.subMenu .nav > li.active > a{
    font-weight: 600;
    opacity: 1;
    background: #fff;
    color: #084200;
    line-height: 65px;
    margin-top: -10px;
    font-size: 18px;
    border-radius: 0;
}

.subContent{}
.subContent_title{
    text-align: center;
    margin-bottom: 20px;
    padding-top: 80px;
}
.subContent_title::after {
    content: '';
    width: 35px;
    height: 8px;
    border-top: 8px dotted #f3cf2a;
    display: block;
    margin: 20px auto 0;
}
.subContent_title h3{
    margin: 0;
    font-size: 40px;
    font-weight: bold;
    color: #222;
    font-family: 'GmarketBold', 'notokr', sans-serif;
    letter-spacing: -0.015em;
}
.subContent .content, .bbs-section{padding: 50px 0;position: relative;}

.subContent > .content:last-child, .subContent > .bbs-section:last-child {
    padding-bottom: 120px;
}
.bbs-area .board_wrapper{margin-top: 0;}
.subContent .content h4{
    font-size: 29px;
    font-weight: 700;
    position: relative;
    margin: 0 0 30px;
}
.subContent .content h4::before{/* content: ''; */display: block;width: 45px;height: 3px;background: #199708;position: absolute;top: -15px;left: 0;}

.li-dot{
}
.li-dot > li{
    font-size: 18px;
    padding-left: 16px;
    position: relative;
    line-height: 1.55;
}

.li-dot > li + li {
    margin-top: 6px;
}
.li-dot > li::before{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #199708;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
}

.li-dash{}
.li-dash > li{
    font-size: 18px;
    padding-left: 13px;
    position: relative;
}
.li-dash > li::before{
    content: '';
    display: block;
    width: 6px;
    height: 2px;
    background: #ebb00a;
    position: absolute;
    top: 10px;
    left: 0;
}

#about01 .list-box{
  border: 1px solid #ddd;
  border-top: 1px solid #006800;
  border-radius: 0 0 40px 0;
  padding: 44px 75px;
  display: flex;
  align-items: center;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.05);
}

#about01 .list-box > span {
    display: block;
    width: 100px;
    height: 100px;
    margin-right: 45px;
    /* border: 8px solid #ffe466; */
    border-radius: 50%;
    line-height: 100px;
    font-size: 55px;
    text-align: center;
    color: #006800;
    background: #ebf3e8;
}

.organ-info{
  margin-top: 80px;
}

.dl-organ{
    overflow: hidden;
    margin: 0 0 30px;
    padding: 0 0px 30px;
    border: 1px solid #dddddd;
    border-top: 1px solid #006800;
    border-radius: 0 0 40px 0;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.05);
    min-height: 310px;
}
.dl-organ dt{
    padding: 25px 0;
    font-size: 22px;
    font-weight: 500;
    color: #222;
    font-family: 'GmarketMedium', 'notokr', sans-serif;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.6;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 30px;
}

.dl-organ dt small {
    display: block;
    margin: 0;
    font-size: 62%;
    letter-spacing: 0;
    color: #2c991d;
}
.dl-organ dd{
    font-size: 16px;
    padding: 0 0 0 10px;
    margin-left: 20px;
    margin-right: 12px;
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #333;
    position: relative;
}

.dl-organ dd + dd {
    margin-top: 8px;
}

.dl-organ dd::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #199708;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0px;
}
.dl-organ dd .li-dash{
    padding: 8px 0;
}
.dl-organ dd .li-dash li{font-size: 15px;font-weight: 400;color: #555;}

.dl-organ dd .li-dash li + li {
    margin-top: 3px;
}


.process-wrap{
    display: flex;
    margin: 0 -10px;
}
.process-wrap:after{
  content: '';
  display: table;
  clear: both;
}
.process-wrap .process-box{
    width: calc((100% / 5) - 5px);
    margin: 0 10px;
    border: 1px solid #ddd;
    border-radius: 0 0 30px 0;
    /* border-top: 1px solid #006800; */
    box-shadow: 3px 3px 5px rgb(0 0 0 / 5%);
}
#student02 .con2 .process-wrap .process-box .tit, #graduated03 .con2 .process-wrap .process-box .tit{
    height: 90px;
}
#student02 .process-wrap .process-box,
#graduated03 .process-wrap .process-box{/* width: calc(100% / 4); */flex: 1;}
.process-wrap .process-box .tit{
    font-size: 20px;
    margin: 0 -1px 25px;
    height: 90px;
    font-family: 'GmarketMedium', 'notokr', sans-serif;
    font-weight: 500;
    letter-spacing: -0.03em;
    background: #f2f9ef;
    border-radius: 0;
    color: #222;
    padding: 20px;
    line-height: 1.3;
    position: relative;
    padding-top: 20px;
    padding-left: 60px;
    border: 1px solid #53af3b;
}
#student02 .process-wrap .process-box .tit,
#graduated03 .process-wrap .process-box .tit{height: 65px;}

#graduated03 .con2 .process-wrap .process-box .tit {
    height: 90px;
}
.process-wrap .process-box .tit .num{
    display: block;
    font-size: 16px;
    margin: 0 0 32px;
    color: #1d8f00;
    letter-spacing: 1px;
    /* width: 40px; */
    /* height: 40px; */
    border-radius: 50%;
    /* text-align: center; */
    /* line-height: 40px; */
    font-family: 'GmarketBold', 'notokr', sans-serif;
    position: absolute;
    left: 20px;
    top: 23px;
}
.process-wrap .process-box .des{
    padding: 0 22px 25px;
}
.process-wrap .process-box .des p{
    font-size: 15px;
    color: #555;
    margin: 0 0 20px;
    line-height: 1.5;
}
.process-wrap .process-box .des a{
    display: inline-block;
    border-radius: 50px;
    font-family: 'GmarketMedium', 'notokr', sans-serif;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #0e7600;
    font-size: 15px;
}

.process-wrap .process-box .des a:hover{
  text-decoration:none;
}

.process-wrap .process-box .des a span {
    font-size: 12px;
    font-variation-settings: 'FILL' 1,  'wght' 600,  'GRAD' 0,  'opsz' 48;
    margin-right: 6px;
    background: #ed9d0b;
    border-radius: 50%;
    color: #fff;
    padding: 4px;
}

a.phone {}
.process-wrap .process-box .des a i{
    margin-right: 10px;
}
.process-wrap .process-box .des .li-dash{}
.process-wrap .process-box .des .li-dash > li{
    font-size: 15px;
    color: #555;
    margin-bottom: 8px;
    line-height: 1.5;
}

.process-wrap .process-box .des .li-dash > li span {
    display: block;
    margin: 3px 0 0;
}
.process-wrap .process-box .des .li-dash > li > b{
    font-weight: 500;
    display: block;
    color: #333;
}

.location{
    font-size: 18px;
    margin-bottom: 15px;
    background: #21760b;
    margin-top: -5px;
    border-radius: 0 0 30px 0;
    padding: 30px 40px;
    color: #fff;
    letter-spacing: -0.035em;
}
.location b{
    margin-right: 15px;
}

.location-box{
    border-bottom: 1px solid #e8e8e8;
    padding: 50px 0;
}
.location-box h5{
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
    margin: 0 0 15px;
    border-bottom: 1px solid #555;
    padding-bottom: 5px;
    letter-spacing: -0.045em;
}
.location-box .li-traffic{}
.location-box .li-traffic > li{
    font-size: 16px;
    margin-top: 5px;
}
.location-box .li-traffic > li > span{
    font-weight: 500;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    margin-right: 12px;
    color: #fff;
    letter-spacing: -0.035em;
    width: 145px;
    text-align: center;
}
.location-box .li-traffic > li > span.badge-p{background: #7d38bd;}
.location-box .li-traffic > li > span.badge-o{
    background: #e97d14;
}
.location-box .li-traffic > li > span.badge-b{
    background: #a54723;
}
.location-box .li-traffic > li > span.badge-g{
    background: #34af0c;
}
.location-box.bus{}
.location-box.bus .row{
    display: flex;
    align-items: center;
}
.location-box.bus .row .col-sm-6:nth-child(2){
  position: relative
}
.location-box.bus .col-sm-4:nth-child(2):before{
  content: '\f30b';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  display: block;
  width: 40px;
  line-height: 40px;
  background: #9d9d9d;
  color: #fff;
  border-radius: 50%;
  font-size: 20px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translateY(-50%);
}
.location-box.bus p{
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.03em;
}

.form-content{
    position: relative;
    margin-bottom: 80px;
}

.form-content .row {
}
.form-content h5:before{
  content: '';
  display: block;
  width: 57px;
  height: 3px;
  background: #129700;
  position: absolute;
  bottom: -3px;
  left: 0;
}
.form-content h5{
    font-size: 29px;
    margin: 0 0 40px;
    font-weight: bold;
    font-family: 'GmarketBold', 'notokr', sans-serif;
    letter-spacing: -0.015em;
    border-bottom: 3px solid #ddd;
    padding-bottom: 10px;
    position: relative;
}
.form-content h5 small{
    color: #666;
    margin-left: 10px;
    font-size: 20px;
    font-family: 'notokr';
    letter-spacing: -0.035em;
}
.form-box{
    margin-bottom: 20px;
}
.form-box .tit{
    position: relative;
}
.form-box .tit > span{}
.form-box .tit > span:not(.required_text){
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
    display: block;
}
.form-box .tit > span:not(.required_text) small{
    font-size: 14px;
    margin-left: 10px;
    font-weight: 400;
    color: #8a8a8a;
}
.form-box .tit > .required_text{
    position: absolute;
    color: #f00;
    top: -5px;
    left: -5px;
}
.form-box .input-area{}
.form-box .input-area > *{
}

.checkbox-inline, .radio-inline {
    margin-top: 2px !important;
}

.form-control:not([readonly]):focus {
    border-color: #50b935;
}

.form-control {
    border-radius: 4px;
    border-color: #dadada;
    height: 42px;
    font-size: 15px;
    letter-spacing: -0.035em;
}


.btn {
    border-radius: 4px;
}

.btn.btn-primary {
    background: #26870e;
    border-color: #26870e;
}

.btn.btn-primary:hover,.btn.btn-primary:focus {
    background: #1b6807;
    border-color: #1b6807;
}

#recruit01 .con1,
#student01 .con1,
#graduated01 .con1,
#graduated02 .con1{
    background: #f6f6f6;
    margin-top: 50px;
    padding-top: 60px;
}
.dk-form {
    background: #fff;
    box-shadow: 0px 3px 23px rgb(0 0 0 / 11%);
    padding: 65px;
}
.dk-form .text-center .btn {
    width: 180px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 2px;
}

.table.table_default {
    border-top: 2px solid #26870e;
}
.table.table_default thead th {
    background: #f8f8f8;
    padding: 15px 10px;
    border-bottom: 1px solid #d5d5d5;
}
.table.table_default tr td {
    padding: 18px 10px;
    border-bottom: 1px solid #e0e0e0;
    color: #707070;
}
.table.table_default tbody .num {
    font-weight: normal;
    color: #707070;
}

.table.table_default tbody .subject {
    font-size: 17px;
    color: #222;
}
.table.table_default tbody .subject a:hover {
    text-decoration: underline;
    text-underline-position: under;
}
.table.table_default .badge {
    background: #df8600;
    font-weight: 500;
    padding: 4px 7px;
}
.board_data_view {
    border-bottom: 1px solid #ddd;
    border-top: 2px solid #26870e;
}
.board_data_view .header_wrap {
    padding: 50px 0;
    border-bottom: 1px solid #eaeaea;
}
.board_data_view .header_wrap .title {
    letter-spacing: -0.05em;
    font-size: 26px;
}
.board_data_view .header_wrap .info {
    margin-top: 20px;
}

.board_wrapper .table.board_write_table {
    border-top: 2px solid #26870e;
}

.board_wrapper .table.board_write_table>tbody>tr>td, .board_wrapper .table.board_write_table>tbody>tr>th, .board_wrapper .table.board_write_table>tfoot>tr>td, .board_wrapper .table.board_write_table>tfoot>tr>th, .board_wrapper .table.board_write_table>thead>tr>td, .board_wrapper .table.board_write_table>thead>tr>th {
    border-top: 1px solid #e0e0e0;
}

.board_wrapper .table.board_write_table tbody tr th {
    background: #f8f8f8;
}

.resume-box{
    margin-top: 50px;
    background: #f6f6f6;
    padding: 65px;
    margin-bottom: 50px;
}

.resume-box .row > div:nth-child(2) {
    padding: 45px;
}
.resume-box .row{
  display: flex;
  align-items: center;
}
.resume-box img{background: #fff;padding: 40px 40px;box-shadow: 3px 3px 5px rgb(0 0 0 / 11%);}
.resume-box h5{
    font-size: 32px;
    margin: 0 0 30px;
    color: #167a10;
    font-weight: 700;
    font-family: 'GmarketBold', 'notokr', sans-serif;
    letter-spacing: 0;
    border-bottom: 2px solid;
    padding-bottom: 8px;
}
.resume-box .li-dot{}
.resume-box .li-dot > li{
    font-size: 15px;
    position: relative;
    padding-left: 165px;
    border-bottom: 1px dotted #ccc;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 11px;
    color: #444;
    letter-spacing: -0.04em;
}
.resume-box .li-dot > li::before{
  top: 16px;
  left: 1px;
  height: 12px;
  border-radius: 10px;
  width: 4px;
}
.resume-box .li-dot > li .highlighter{
    position: relative;
    z-index: 1;
    font-weight: 500;
    color: #322500;
}

.resume-box .li-dot > li .highlighter::before {
    content: '';
    width: 100%;
    height: 10px;
    background: #fff17d;
    position: absolute;
    left: 0;
    bottom: 2px;
    z-index: -1;
}
.resume-box .li-dot > li b{
    position: absolute;
    top: auto;
    left: 11px;
    color: #222;
}

#join_form th > small{
    display: block;
    font-weight: 400;
}


@media (max-width: 767px){
 
    .subHeader {
        height: 230px;
        background-position: 65% 0%;
    }
    .subHeader .container{width: 100%;}
    .subHeader .container h2{
        width: 100%;
        font-size: 8vw;
    }
    .subHeader .container .breadcrumb{
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .subHeader .container .breadcrumb > li > a, .subHeader .container .breadcrumb > li.active {
        color: #fff;
        font-weight: 300;
        font-size: 12px;
    }
    .subMenu{
        display: none;
    }
    .subContent_title{
        padding-top: 50px;
    }
    .subContent_title h3{
        font-size: 7.4vw;
    }
    .subContent .content h4{
        font-size: 6.1vw;
        margin-bottom: 15px;
    }
    #about01 .list-box {
        border: 1px solid #ddd;
        border-top: 1px solid #006800;
        border-radius: 0 0 40px 0;
        padding: 30px 25px;
        display: flex;
        align-items: flex-start;
        box-shadow: 3px 3px 5px rgb(0 0 0 / 5%);
        flex-direction: row;
    }
    #about01 .list-box > span {
        width: 50px;
        height: 50px;
        font-size: 30px;
        line-height: 50px;
        margin-right: 26px;
        flex: 50px 0 0;
    }
    .process-wrap {
        display: flex;
        margin: 0 -10px;
        flex-direction: column;
    }
    .process-wrap .process-box {
        width: auto;
        margin: 0 10px 30px;
    }
    .process-wrap .process-box .des p:last-child{
        margin: 0;
    }
    .location {
        padding: 15px 20px;
        font-size: 16px;
    }
    .location b{
        display: block;
    }
    .location-box .li-traffic > li{
        text-align: center;
        margin-top: 15px;
    }
    .location-box .li-traffic > li > span{
        padding: 3px 10px;
        /* width: auto; */
        display: block;
        margin: 0 auto;
    }
    .location-box.bus .row {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .location-box.bus .col-sm-4:nth-child(2):before {
        content: '\f30b';
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        display: block;
        width: 40px;
        line-height: 40px;
        background: #9d9d9d;
        color: #fff;
        border-radius: 50%;
        font-size: 20px;
        text-align: center;
        position: absolute;
        top: 14px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }
    .location-box.bus p {
        margin: 67px 0 0;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -0.03em;
    }
    .location-box {
        border-bottom: 1px solid #e8e8e8;
        padding: 50px 0;
        text-align: center;
    }
    .dk-form {
        background: #fff;
        box-shadow: 0px 3px 23px rgb(0 0 0 / 11%);
        padding: 20px;
    }
    .form-caption {
        text-align: center;
        font-size: 15px !important;
    }
    .form-box .input-area {
        display: flex;
        flex-wrap: wrap;
    }
    .form-box .input-area > label{
        margin-left: 10px;
    }
    .form-box .input-area > #item_17{
        padding-left: 0;
    }
    .resume-box {
        margin-top: 50px;
        background: #f6f6f6;
        padding: 10px;
        margin-bottom: 50px;
    }
    .resume-box .row {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .resume-box .li-dot > li {
        font-size: 15px;
        position: relative;
        padding-left: 0;
        border-bottom: 1px dotted #ccc;
        margin: 0;
        padding-top: 10px;
        padding-bottom: 11px;
        color: #444;
        letter-spacing: -0.04em;
    }
    .resume-box .li-dot > li b {
        position: relative;
        top: auto;
        left: 11px;
        color: #222;
        display: block;
    }
    .resume-box .li-dot > li::before {
        top: 15px;
        left: 1px;
        height: 12px;
        border-radius: 10px;
        width: 4px;
    }
    .resume-box .row > div:nth-child(2) {
        padding: 30px 15px;
    }
    .li-dot > li{
        font-size: 16px;
    }
    .dl-organ dt {
        padding: 8px 0;
        font-size: 19px;
    }    
    .dl-organ {
        overflow: hidden;
        margin: 0 0 30px;
        padding: 0 0px 30px;
        border: 1px solid #dddddd;
        border-top: 1px solid #006800;
        border-radius: 0 0 40px 0;
        box-shadow: 3px 3px 5px rgb(0 0 0 / 5%);
        min-height: auto;
    }
    .process-wrap .process-box .tit {
        font-size: 18px;
        margin: 0 -1px 25px;
        height: auto;
        font-family: 'GmarketMedium', 'notokr', sans-serif;
        font-weight: 500;
        letter-spacing: -0.03em;
        background: #f2f9ef;
        border-radius: 0;
        color: #222;
        padding: 10px;
        line-height: 1.3;
        position: relative;
        padding-top: 15px;
        padding-left: 60px;
        border: 1px solid #53af3b;
    }
    .process-wrap .process-box .tit .num {
        display: block;
        font-size: 16px;
        margin: 0;
        color: #1d8f00;
        letter-spacing: 1px;
        /* width: 40px; */
        /* height: 40px; */
        border-radius: 50%;
        /* text-align: center; */
        /* line-height: 40px; */
        font-family: 'GmarketBold', 'notokr', sans-serif;
        position: absolute;
        left: 20px;
        top: 17px;
    }
    .form-content h5 {
        font-size: 22px;
    }
    #student02 .process-wrap .process-box .tit, #graduated03 .process-wrap .process-box .tit {
        height: auto;
    }
    .resume-box img {
        background: #fff;
        padding: 10px;
        box-shadow: 3px 3px 5px rgb(0 0 0 / 11%);
    }
    #student02 .con2 .process-wrap .process-box .tit, #graduated03 .con2 .process-wrap .process-box .tit {
        height: auto;
    }


    .table.table_default tr .num,
    .table.table_default tr .regdate,
    .table.table_default tr .writer,
    .table.table_default tr .hits{display: none;}

    .board_wrapper .table.board_write_table tbody tr td .btn,
    .board_wrapper .table.board_write_table tbody tr td .form-control,
    .board_wrapper .table.board_write_table .input-group.input-group-big,
    .board_wrapper .table.board_write_table .form-control.form-control-big{width: 100%;}

    #list_btn{display: none;}
    #write_btn{margin: 0;}
}
@media (min-width: 768px) and  (max-width: 991px){}
@media (min-width: 992px) and  (max-width: 1199px){}
/* //서브페이지 */

/* 푸터 */

footer {text-align: left;padding: 40px 0;background: #2a2a2a;color: #a0a0a0;font-size: 13px;}
footer .footer-logo{}
footer .footer-logo h1{margin: 0;}
footer .footer-logo h1 > a{display: block;}
footer .footer-logo h1 > a > img{display: block;}
footer .footer-text{}
footer .footer-text p{
    font-size: 17px;
    color: #ccc;
    margin-bottom: 15px;
}

footer .footer-text p strong {
    font-weight: 500;
}
footer .footer-text ul{padding-left: 0;margin-bottom: 0;}
footer .footer-text ul:after{content: '';clear: both;display: table;}
footer .footer-text ul li{float: left;margin-right: 15px;line-height: 1.4;}
footer .footer-text ul li address{margin-bottom: 0;line-height: 1.4;}
footer .footer-text .copyrights{display: block;font-size: 11px;margin-top: 10px;opacity: 0.7;letter-spacing: 0;}

@media (max-width: 767px){}
@media (min-width: 768px) and  (max-width: 991px){}
@media (min-width: 992px) and  (max-width: 1199px){}
/* //푸터 */


.maintenance {margin-top: 5px;border: 7px solid #E5E5E5;padding: 50px 25px;text-align: center;}
.maintenance .icon {display: block;line-height: 1;font-size: 64px;margin-bottom: 10px;}
.maintenance .big-cont {display: block;line-height: 1;font-size: 22px;font-weight: bold;letter-spacing: -0.05em;margin-bottom: 20px;}
.maintenance .small-cont {display: block;line-height: 1.5;font-size: 14px;letter-spacing: -0.03em;color: #818181;margin-bottom: 20px;}
.member_wrapper {max-width: 1170px; margin: 0 auto;}
.form-caption{
    text-align: center;
    font-size: 18px;
    margin: 0 0 30px;
}
.form-caption span.point{
    color: #f00;
    font-size: 20px;
    font-weight: 700;
}

#join_write_wrapper .form-caption{
    margin: 15px 0;
}