/*!
Theme Name: joeunEDU
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: joeunedu
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

joeunEDU is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url('https://fonts.googleapis.com/css?family=Rubik:700');
body {
 font-size: 17px;
 font-family: 'Spoqa Han Sans', Sans-serif;
 font-weight: 400;
 color: #101010;
 background: #fff;
 font-weight: normal;
}
ul,ol{padding: 0;margin: 0;list-style-type: none;}
header{
  background: #fff;
  margin: 0 0 30px;
  padding: 5px 0;
  position: relative;
  z-index: 9;
  border-bottom: 1px solid #eaeaea;
}
header li.nav-item {
  position: relative;
  margin: 0 10px 0 0;
  /*padding: 0 5px 0 0;*/
}
header li.nav-item .btn{
  border-radius: 2px;
}
a, a:hover{color: #6474d2;}
h1, h2, h3, h4{
  color: #101010;
  word-break: break-all;
}
h1{
  font-size: 32px;
}
h2{font-size: 26px;}
h2.subtitle{margin: 0 0 15px;color: #6474d2;}
h3.subtitle{margin: 0 0 15px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
.navbar-brand{
  font-family: 'Rubik', sans-serif;
  color: #6474d2!important;
  font-size: 1.3rem;
  text-transform: uppercase;
}
.exsd .container{height: 100%;position: relative;}
.navbar-light .navbar-nav .nav-link{color: #000;}
.navbar-brand img{
  width: auto;
  height: 40px;
  position: relative;
  top: -2px;
}
.bg-light{background-color: rgba(52, 58, 64, 0)!important;}
.bg-dark{background-color: rgba(52, 58, 64, 0)!important;}
.navbar-nav .nav-link{
  font-size: 16px;
  color: #000;
 }
 .btn{
   border-radius: 2px;
 }
 .btn-primary:hover{
   background-color: #5264cc;
   border-color: #5264cc;
 }
 .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
   background-color: #5264cc;
   border-color: #5264cc;
 }
 .mr-r .nav-item{
   margin: 0;
   padding: 0;
 }
.mainslider{margin-top: -105px;line-height: 0;}
.exsd{
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 100%;
  background: #f7f7f7;
  height: calc(100vh - 156px);
  background-size: cover!important;
  background-position: center 54%!important;
}
.btn-primary{
  background-color: #6474d2;
  border-color: #6474d2;
}
.btn-outline-primary{
  border-color: #6474d2;
  color: #6474d2;
}
.exsd-item{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  padding: 0 15px;
}
.blackcover{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(11, 5, 45, 0.68);
}
.exsd img{
  z-index: 0;
  height: auto;
  width: 100%;
}
.exsd-item h2{
  font-size: 3.2rem;
  font-weight: 600;
  word-break: keep-all;
  letter-spacing: .5px;
  position: relative;
  margin: 0 0 40px;
  color: #fff;
}
.exsd-item h3{
  font-size: 24px;
  color: #bec8ff;
  margin: 0 0 20px;
  text-transform: uppercase;
  font-family: 'Rubik', sans-serif;
}
.exsd-item h4{
  word-break: keep-all;
  color: #eee;
}
.search .entry-title span{
  color: #6474d2;
  text-decoration: underline;
}
.entry-title{
  margin: 0 0 10px;
  padding: 0 0 20px 0;
  position: relative;
}
.entry-title.archive-title{
  border-bottom: 0;
  margin: 0 0 20px;
}
.communitynav{
  position: relative;
  padding: 45px 0;
  margin-top: -30px;
  margin-bottom: 30px;
  background: #6474d2;
  display: inline-block;
  width: 100%;
  background-size: cover!important;
}
.communitynav h1{
  color: #fff;
  margin: 0;
}
.communitynav ul li{
  float: left;
  margin: 6px 25px 0 0;
}
.communitynav ul li a{
  display: inline-block;
  text-decoration: none;
  font-size: 17px;
  color: #fff;
}
.communitynav ul li a:hover{
  opacity: .8;
}
.entry-title p{margin: 0; font-size: 15px;color: #808080;}
.maxw600 .entry-title img{
  bottom: 0;
  height: 120px;
}
.entry-title img{
  position: absolute;
  right: 0;
  bottom: -20px;
  width: auto;
  height: 175px;
  z-index: -1;
}
.callaction{
  margin: 40px 0 0;
  background: #6474d2;
}
.callaction.topaction{
  margin: 0 0 40px;
  line-height: 0;
  border-top: 0;
}
.callaction .row{
  padding: 0 15px;
}
.callitem{
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 40px 10px;
  font-size: 13px;
}
.callaction .col-md-4{
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.callaction .col-md-4:last-child{
  border-bottom: 0;
}
.callaction .col-md-6{
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.callaction .col-md-6:last-child{
  border-bottom: 0;
}
@media (min-width: 768px){
  .exsd img{

  }
  .callaction .col-md-4{
    border-bottom: 0!important;
  }
  .callaction .col-md-4:nth-child(2){
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
  .callaction .col-md-4:first-child{
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
  .callaction .col-md-4:last-child{
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }

  .callaction .col-md-6{
    border-bottom: 0!important;
  }
  .callaction .col-md-6:nth-child(2){
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
  .callaction .col-md-6:first-child{
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
  .callaction .col-md-6:last-child{
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }

}
.callitem p{
  font-size: 12px;
  margin: 0;
  color: #fff;
}
.callitem h3{
  color: #fff;
}
.callitem h5{
  font-size: 15px;
  font-family: 'malgun gothic',sans-serif;
  color: #cad5ff;
}
.footerlogo{
  position: absolute;
  left: 15px;
  top: -3px;
  width: 45px;
  height: auto;
  opacity: .5;
}
.footerbody{
  text-align: center;
}
footer{
  margin: 0px 0 0;
  padding: 50px 0;
  font-size: 13px;
  color: #b0b6dc;
  background: #505ca7;
}
footer p span{
  opacity: .3;
  margin: 0 5px;
}
footer p a, footer p a:hover{
  background: #ddd;
  font-size: 11px;
  padding: 0 3px;
  border-radius: 2px;
  color: #101010;
  text-decoration: none
}
footer ul{list-style-type: none;}
footer ul li{float: left;margin: 0 15px 0 0;}
footer ul li a{color: #101010;}
.footernav{
  margin: 0 0 10px;
}
table{width: 100%;}
.mapbox{
  border-radius: 2px;
  overflow: hidden;
  margin: -30px 0 30px;
}
.officenumber{border: 1px solid #ced4da;border-radius: 2px;}
.officenumber table tr{border-bottom: 1px solid #ced4da;}
.officenumber table tr:last-child{border-bottom: 0;}
.officenumber table tr td{padding: 11px;font-size: 14px;}
.archivelist{display: inline-block;width: 100%;margin: 0 0 20px;overflow-x: auto;}
.archivelist table tr, .pagebody table tr{
  border-bottom: 1px solid #ced4da;
  font-size: 15px;
  color: #808080;
}
.archivelist table thead,
.pagebody table thead{
  border-bottom: 2px solid #6474d2;
  background: #f8f8f8;
}
.td-color a{color: #6474d2!important;}
.archivelist table tr th:first-child{
  width: 80px!important;
}
.archivelist table tr td,
.archivelist table tr th,
.pagebody table tr td,
.pagebody table tr th{
  padding: 14px 10px;
  text-align: center;
  font-weight: 400;
  min-width: 80px;
  border-right: 1px solid #eee;
}
.pagebody table tr td{
  color: #101010;
}
.pagebody table tr th:last-child{
  border-right: 0;
}
.archivelist table tr td:last-child,
.archivelist table tr th:last-child,
.pagebody table tr td:last-child{
  border-right: 0;
}
.pagebody table{
  border: 1px solid #ced4da;
  margin-bottom: 1.5rem;
}
.archivelist table tr:last-child,
.pagebody table tr:last-child{
  border-bottom: 0;
}
.archivelist table tr th,
.pagebody table tr th{
  color: #101010;
}
.archivelist table tr td.td-title, .archivelist table tr th.td-title{
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 400px;
}
.archivelist table tr td.td-title a{
  color: #000;
  font-weight: 400;
}
.archivelist table tr td.td-title a:hover{
  color: #6474d2;
}
.boardcontrol{
  display: inline-block;
  width: 100%;
  margin: 0 0 20px;
}
.form-control-sm{
  border-radius: 2px;
}
.form-control-sm,
.btn-group-sm>.btn, .btn-sm{
  font-size: 15px;
}
.input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text{
  font-size: 15px;
}
.wp-pagenavi, .wp-commentnavi{
  text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span, .wp-commentnavi a, .wp-commentnavi a:link, .wp-commentnavi span{
  border-color: #eee!important;
  background-color: #eee!important;
  border-radius: 2px;
  padding: 3px 5px!important;
  min-width: 30px;
  display: inline-block;
  font-size: 15px;
  color: #101010!important;
  text-align: center;
}
.wp-pagenavi span.current, .wp-commentnavi span.current{
  font-weight: 400!important;
  background-color: #6474d2!important;
  border-color: #6474d2!important;
  color: #fff!important;
}
.wp-pagenavi a:hover, .wp-commentnavi a:hover{
  border-color: #f3f3f3;
  background: #f3f3f3;
}
span.count{
  color: #E91E63;
}
.acf-fields>.acf-field{
  border-top: 0!important;
}
.acf-field textarea{
  border: 1px solid #ced4da;
  border-radius: 2px;
  font-size: 15px!important;
  padding: .25rem .5rem!important;
  line-height: 1.5!important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.acf-field input[type="text"],
.acf-field input[type="password"],
.acf-field input[type="number"],
.acf-field input[type="search"],
.acf-field input[type="email"],
.acf-field input[type="url"],
.acf-field select{
  border: 1px solid #ced4da;
  border-radius: 2px;
  font-size: 15px!important;
  height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem!important;
  line-height: 1.5!important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.acf-field input[type="text"]:focus,
.acf-field input[type="password"]:focus,
.acf-field input[type="number"]:focus,
.acf-field input[type="search"]:focus,
.acf-field input[type="email"]:focus,
.acf-field input[type="url"]:focus,
.acf-field select:focus,
.acf-field textarea:focus{
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.acf-form-submit input[type="submit"]:focus{
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.acf-input-wrap{overflow: visible!important;}
.acf-fields>.acf-field{padding: 0 0 1rem 0!important;}
span.acf-required{display: none;}
.acf-form-submit input[type="submit"]{
  border-radius: .2rem!important;
  background-color: #6474d2;
  border: 1px solid #6474d2;
  display: block;
  width: 100%;
  color: #fff;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.acf-field .acf-label label{font-weight: 400!important;font-size: 17px!important;}
.acf-field[data-width]+.acf-field[data-width]{border-left: 0!important;}
.acf-file-uploader{font-size: 13px;margin: 0 0 5px;}
.acf-file-uploader p a{
  background: #666a83;
  color: #fff;
  padding: 0 8px;
  border-radius: 2px;
  text-decoration: none;
}
.acf-field p.description,
.submessage{
  font-size: 13px;color: #808080;
  word-break: keep-all;
}
.editorbox{
  background: #eee;
  padding: 40px;
  display: inline-block;
  width: 100%;
}
.acf-field-message .acf-label{display: none;}
.maxw600{max-width: 600px;margin: 0 auto;}
.singletitle{}
.singlecontrol{
  margin: 0 0 2rem;
  padding: 0 0 20px 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  display: flex;
}
.singlecontrol ul li button{
  padding: 0;
  font-size: 14px;
  color: #808080;
  border: 0;
  line-height: normal;
}
.singletitle h1{
  font-size: 28px;
}
.singlecontrol a{color: #808080;}
.singlecontrol a:hover{color: #6474d2;}
.singlecontrol ul,
.singletitle ul{
  display: inline-block;
  width: 100%;
  color: #808080;
  font-size: 14px;
}
.singlecontrol ul li,
.singletitle ul li{
  float: left;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}
.singletitle ul li a{
  color: #808080;
}
.singletitle ul li i, .singlecontrol ul li i{
  color: #bbb;
}
.singlecontrol ul li:last-child,
.singletitle ul li:last-child{
  margin: 0;
  padding: 0;
}
.singlecontent{
  display: inline-block;
  width: 100%;
  padding: 2rem 0;
  word-break: keep-all;
  line-height: 1.8rem;
}
span.commentscount {color: #E91E63;}
ol.comment-list li{
  padding-left: 50px;
  margin: 0 0 1rem;
  font-size: 15px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid rgba(206, 212, 218, 0.52);
  position: relative;
}
.comment-meta{margin: 0 0 5px;}
.comment-date{color: #999;font-size: 85%;}
.commentstitle{margin: 0 0 20px;}
.comment-form{
  padding: 30px;
  background: #eee;
  margin: 0 0 30px;
}
.comment-form-cookies-consent{font-size: 13px;color: #808080;}
ol.comment-list li .author-name{color: #101010;font-family: 'malgun gothic',sans-serif;font-weight: 600;letter-spacing: -.4px;}
.author-name{color: #6474d2;}
#email-notes{font-size: 15px;font-style: italic;color: #999;}
.latestbox{
  margin: 0 0 30px;
}
.latestitem{
  position: relative;
  font-size: 15px;
  padding: 15px;
  margin: 0 0 1rem;
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  width: 100%;
  border: 1px solid #ced4da;
}
.latestitem .views{
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 11px;
  color: #999;
}
.latestitem:hover{
  text-decoration: none;
}
.latestitem:hover .title{
  text-decoration: underline;
  color: #6474d2;
}
.latestitem .title{
  overflow: hidden;
  text-overflow: ellipsis;
  height: 41px;
  line-height: normal;
  color: #000;
}
.latestitem .author{
  width: 100%;
  display: inline-block;
  margin: 0 0 5px;
  font-size: 13px;
  color: #888;
}
.latestitem .date{
  margin: 20px 0 0;
  font-size: 12px;
  color: #999;
  padding: 5px 0 0;
  border-top: 1px solid #eaeaea;
}
.latestitem i{
  color: #bbb;
}
.comment-avatar{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ced4da!important;
  color: #fff;
  position: absolute;
  left: 0;
  top: 1px;
  text-align: center;
  font-size: 20px;
}
.comment-avatar i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.carousel-control-next-icon{
  /*
  background-image: url('/wp-content/themes/joeunedu/svg/next-icon.svg')!important;
  opacity: .4;
  */
}
.carousel-control-prev-icon{
  /*
  background-image: url('/wp-content/themes/joeunedu/svg/prev-icon.svg')!important;
  opacity: .4;
  */
}
.filebox{
  display: inline-block;
  width: 100%;
  margin: -10px 0 30px;
  background: #f2f4f7;
  padding: 15px;
  line-height: normal;
  font-size: 15px;
  border-radius: 2px;
}
.modal-dialog-centered .modal-content{
  margin-top: -100px;
}
.modal-content p{
  font-size: 15px;
  color: #808080;
}
.modal-header, .modal-footer{
  padding: .6rem 1rem;
}
.media-modal-close{
  font-size: 0;
}
.sidebar-item{
  position: relative;
  color: #fff;
  background: #8491d8;
  display: inline-block;
  width: 100%;
  padding: 25px;
  border-radius: 2px;
  margin: 0 0 1rem;
}
.sidebar-item .text{
  position: relative;
  z-index: 1;
}
.sidebar-item h6{
  margin: 0;
}
.sidebar-item h3{
  color: #fff;
  margin: 0;
}
.sidebar-item img{
  position: absolute;
  right: 0;
  bottom: -10px;
  width: 200px;
  height: auto;
}
.archivelist-min{
  font-size: 15px;
  margin: 0 0 35px;
  display: inline-block;
  width: 100%;
}
.archivelist-min .min-title{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.archivelist-min a{
  color: #101010;
}
.archivelist-min a:hover{
  color: #6474d2;
}
.archivelist-min .type-post{
  position: relative;
  padding: 0 0 12px;
  margin: 0 0 12px;
  border-bottom: 1px solid #eaeaea;
}
.archivelist-min div.type-post:last-child{
  margin: 0;
}
.archivelist-min .type-post .min-date{
  position: absolute;
  right: 0;
  top: 0;
  color: #999;
}
.latestlisttitle{
  font-size: 20px;
  border-bottom: 1px solid #ced4da;
  padding: 0 0 10px;
  color: #6474d2;
}
.latestlisttitle a{
  opacity: .9;
}
.latestlisttitle a:hover{
  opacity: .5;
}
.slidenav{
  position: relative;
  top: -50px;
}
.slidenav .container{
  position: relative;
}
.slidenav .carousel-indicators{
  margin: 0;
  justify-content: left;
  position: static;
}
.carousel-indicators li{
  background-color: #6474d2;
}
.acf-form{
  margin: 0 0 40px;
}
.pagebody p{
  color: #808080;
  font-size: 15px;
  margin-bottom: 1.5rem;
}
.pagebody img{
  max-width: 100%;
}
.pagebody u{
  color: #6977c7;
}
.pagebody h3{
  margin: 0 0 20px;
  color: #6474d2;
}
.pagebody .td-left{
  text-align: left;
}
.colorbox{
  cursor: pointer;
  display: inline-block;
  width: 100%;
  padding: 45px 20px;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: right;
  border-radius: 0;
}
.colorbox:hover{
  background: #7587ea;
}
.colorbox img {
    position: absolute;
    left: -5px;
    bottom: -30px;
    width: 250px;
    height: auto;
}
.colortext {
    position: relative;
    z-index: 1;
    line-height: normal;
}
.colorbox h5 {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 3px;
}
.colorbox h4 {
    font-size: 17px;
    color: #fff;
}
.colorbox p {
    color: #becbff;
    margin: 0;
    font-size: 12px;
}
.colorbox a:hover {
    text-decoration: none;
}
.pagetitletop{
  position: relative;
  padding: 45px 0;
  margin-top: -30px;
  margin-bottom: 30px;
  background: #6474d2;
  background-size: cover!important;
}
.pagetitletop h1{
  color: #fff;
  margin: 0;
  font-size: 30px;
}
#sty td{
  background: rgba(90, 101, 169, 0.08);
  border-color: #dde8f3;
}
#sty td.td-color{
  color: #6474d2;
}
@media (max-width: 768px){
  .midtext{
    position: static!important;
    transform: none!important;
    padding: 15px!important;
  }
  .pagebody.row .col-md-6{
    min-height: 350px;
    height: auto!important;
  }
}
video, .wp-video{
  width: 100%!important;
  height: auto!important;
}