body {
  font-family: 'Noto Sans KR', sans-serif, Helvetica;
  font-size: 12px;
  color: #333;
  letter-spacing: -1px;
  -webkit-text-size-adjust: none;
  max-width: 100%;
  word-break: keep-all;
}

#wrap{
  width:100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: stretch;
}

/* 공통 */
.show-default {
   display: block !important;
}

.hide-default {
  display: none !important;
}


.inner{
  margin: 0 auto;
  width:98%;
  max-width:1280px;
}
.inner-1500{
  margin: 0 auto;
  width:98%;
  max-width: 1500px;
}



/* 헤더 */
.header {
  position: fixed;
  top: 0;
  /* opacity: 0; */
  left: 0;
  width: 100%;
  min-width: 1200px;
  z-index: 8000;
}


.header .header-inner {
  max-width: 1920px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100px;
}

.header .logo {
  margin-left:1%;
  width: 250px;
  height: 36px;
  background-image: url(../images/logo-w.svg);
  background-repeat: no-repeat;
  background-size: 80% auto;
  background-position: center left;
  -webkit-transition: all ease .5s;
  transition: all ease .5s;
  position: relative;
  z-index: 9;
}

.header.active {
  background-color: #fff;
}

.header.active .header-inner{
  height: 80px;
}

.header.active .logo {
  margin-left: 1%;
  background-image: url(../images/logo.svg);
  background-size: 80%;
}

.header.active .header-nav > a {
  color: #000;
}
.header.active  #gnb>ul>li>a{
  color:#333
}

.header.active .btn-sidemenu span {
  background: #222;
}
.header.active  .gnb-sub{
  top:80px;
}


.header.open {
  background-color: #fff;
}

.header.open .logo {
  background-image: url(../images/logo.svg);
}

.header.open .header-nav > a {
  color: #000 !important;
}

.header.open .header-lang > p {
  background-image: url(../images/lang-arrow-active.png);
  color: #000;
}

.header.open .btn-sidemenu span {
  background: #222;
}
.header.open .btn-sidemenu span:nth-child(4){
  background-color: transparent;
  height: 5px;
  color:#222;
  font-size:12px;
}
.header.open .btn-sidemenu.sitemap span:nth-child(4) {
  font-size:7px;
}

.header.open .rbtn-wrap a.rbtn.vr span.icon{
  background-image: url('../images/icon-vr-b.svg');
}
.header.open .rbtn-wrap a.rbtn.daehak span.icon{
  background-image: url('../images/icon-daehak-b.svg');
}
.header.open .rbtn-wrap a.rbtn.popup span.icon{
  background-image: url('../images/icon-popup-b.svg');
}
.header.open .rbtn-wrap a.rbtn span.txt{
  color:#222;
  font-weight: 500;
}




#gnb,
#gnb ul .gnb-sub:not(.d-lg-none){
  display:block !important;
  /* transition:  0.3s */
}
#gnb{ }

#gnb>ul{
  display: flex;
  justify-content: center;
}
#gnb>ul>li{
  padding:0 ;
}
#gnb>ul>li>a{
  padding: 40px 1.5em;
  width:100%;
  color: #fff;
  font-size: 2rem;
  /* width: 155px; */
  text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
}
#gnb>ul>li:hover>a,
#gnb>ul>li.active>a{
  border-color: #f81a49;
  border-width:2px !important;
  color: #f81a49;
  font-weight: 600;
} 



#gnb>ul>li>a::before {
  content: "";
  position: absolute;
  top:25%;
  width: 6px;
  height: 6px;
  left: 50%;
  background-color: #f81a49;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  opacity: 0;
  border-radius: 30px;
}
#gnb>ul>li>a.active{
  color:#f81a49;
}
#gnb>ul>li>a.active::before {
  opacity: 1;
}

#gnb>ul>li.active a:before{
  opacity: 1;
}  

/* #gnb .gnb-sub - 확장메뉴 */  
.gnb-sub{
  position: absolute;
  visibility: hidden;
  display: flex;
  justify-content: center;
  height:auto;
  top:100px;
  padding:30px 0 ;
  width: 100%;
  left: 0;
  background: #f9f9f9;
  text-align: left;
  opacity: 0;
  /* visibility:visible; */
}
.gnb-sub:hover, 
#gnb>ul>li:hover>a+.gnb-sub{
  visibility:visible;
  height: auto;
  border-bottom:1px solid #eee;
  opacity: 1;
  height: 150px;
}
.gnb-sub>div{
  display: flex;
  justify-content: center;
  padding: 0;
}

.gnb-sub .nav-tit{
  width: 15%;
  height: 100%;
}
.gnb-sub h2{
  position: relative;
  padding-bottom:10px;
  font-size: 2.3rem;
  color:#333;
  height: 100%;
  font-weight: 600;
}
.gnb-sub h2::before{
  display: inline-block;
  content: "";
  position: absolute;
  bottom:0;
  left: 0px;
  margin-top:-3px;
  width: 40px;
  height: 2px;
  background-color: #f81a49;
  border-radius: 30px;
}



.gnb-sub .depth2{
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
} 
.gnb-sub .depth2 > div{
  position: relative;
  width: 25%;
  padding-bottom:1rem;
  padding-left: 2.3rem;
}
.header-nav:nth-child(4) .gnb-sub .depth2 > div{
  width:33.3333%;
}

.gnb-sub-inner{
  margin:0 auto;
  width:98%;
  max-width:1300px;
}
.menu-offset{
  margin-left: 20%;
}
.gnb-sub p{
  padding-bottom: 1.11rem;
}
.gnb-sub p a{
  display: inline-block;
  position:relative;
  font-size:1.7rem;
  color: #555 ;
  width:100%;
}
.gnb-sub p a.icon-go-home{
  display: inline-block;
  padding-right:25px;
  background-image:url('../images/icon-gohome-b.png');
  background-size: 13px auto;
  background-position: center right 2px;
  background-repeat: no-repeat;
  width:auto;
}
.gnb-sub p a.icon-go-home:hover{
  background-image:url('../images/icon-gohome.png');  
}

.gnb-sub p a:before {
  display: inline-block;
  position:absolute;
  top:50%;
  left:-10px;
  width:3px;
  height: 3px;
  margin-top:-2px;
  background-color: #aaa;
  border-radius: 100px;
  content:"";
}



.gnb-sub p:hover a:before{
  background-color: #f81a49;
  border-radius: 100px;
}
.gnb-sub li a{
  position:relative;
  display: inline-block;
  padding:5px 0;
  font-size:1.8rem;
  color:#495057;
}
.gnb-sub p:hover a{
  color:#f81a49;
}
.gnb-sub li:hover a::before {
  content:"";
  position:absolute;
  bottom:10px;
  left:0;
  width:100%;
  height:1px;
  background: #f81a49;
}

#gnb .gnb-sub p+p,
#gnb .gnb-sub ul+p{
  margin-top: 5rem;
}
.gnb-sub span.bg-txt{
  position: absolute;
  bottom: 10px;
  color:rgba(200,200,200,0.3);
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.5 ;
}



/******** header right button   ********/
.right-area{
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 1000;
}
.rbtn-wrap{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.rbtn-wrap a.rbtn{
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width:80px;
  height:80px;
  cursor: pointer;
}

.rbtn-wrap a.rbtn span{  
  display: inline-flex;
  align-items: center;
}
.rbtn-wrap a.rbtn span.icon{
  position:relative;
  display: inline-flex;
  width:100%;
  height: 30px;
  background-position:top center;
  background-repeat: no-repeat;
  
}
.rbtn-wrap a.rbtn.vr span.icon{
  background-image: url('../images/icon-vr-w.svg');
  background-size: 42px auto;
}
.rbtn-wrap a.rbtn.daehak span.icon{
  background-image: url('../images/icon-daehak-w.svg');
  background-size: 22px auto;
}
.rbtn-wrap a.rbtn.popup span.icon{
  background-image: url('../images/icon-popup-w.svg');
  background-size: 22px auto;
}
.rbtn-wrap a.rbtn span.txt{
  color:#fff;
  font-size: 1.3rem;
  text-align: center;
  font-weight: 400;
}


.rbtn-wrap a.rbtn:hover span.icon:before{
  display: inline-block;
  position:absolute;
  top:-10px;
  left:65%;
  margin-left:-3px;
  width:6px;
  height: 6px;
  border-radius: 40px;
  background-color: #f81a49;
  content:"";
  transition: 0.4s ease;
}
.rbtn-wrap a.rbtn.vr:hover span.icon,
.header.open .rbtn-wrap a.rbtn.vr:hover span.icon,
.header.sub.active .rbtn-wrap a.rbtn.vr:hover span.icon{
  background-image: url('../images/icon-vr.svg');
}
.rbtn-wrap a.rbtn.daehak:hover span.icon,
.header.open .rbtn-wrap a.rbtn.daehak:hover span.icon,
.header.sub.active .rbtn-wrap a.rbtn.daehak:hover span.icon{
  background-image: url('../images/icon-daehak.svg');
}
.rbtn-wrap a.rbtn.popup:hover span.icon,
.header.open .rbtn-wrap a.rbtn.popup:hover span.icon,
.header.sub.active .rbtn-wrap a.rbtn.popup:hover span.icon{
  background-image: url('../images/icon-popup.svg');
}
.rbtn-wrap a.rbtn:hover span.txt,
.header.open .rbtn-wrap a.rbtn:hover span.txt,
.header.sub.active .rbtn-wrap a.rbtn:hover span.txt{
  color:#f81a49;
}


/********* 햄버거버튼 ********/
.sidemenubtn-wrap{
  margin-right:25px;
  margin-left:25px;  
  margin-top:-5px;
  z-index: 1000;
}
/* 햄버거버튼 모양 */
.btn-sidemenu {
    width: 30px;
    cursor: pointer;
}

.btn-sidemenu span {
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: relative;
}
.btn-sidemenu span:nth-child(4){
  background-color: transparent;
  height: 5px;
  color:#fff;
  font-size:12px;
}
.btn-sidemenu.sitemap span:nth-child(4) {
  margin-left:-1px;
  font-size:7px;
}

.btn-sidemenu span+span {
    margin-top: 6px;
}

.btn-sidemenu.active span:nth-child(1) {
    -webkit-animation: ease .7s top forwards;
    animation: ease .7s top forwards;
}

.btn-sidemenu.not-active span:nth-child(1) {
    -webkit-animation: ease .7s top-2 forwards;
    animation: ease .7s top-2 forwards;
}

.btn-sidemenu.active span:nth-child(2) {
    -webkit-animation: ease .7s scaled forwards;
    animation: ease .7s scaled forwards;
}

.btn-sidemenu.not-active span:nth-child(2) {
    -webkit-animation: ease .7s scaled-2 forwards;
    animation: ease .7s scaled-2 forwards;
}

.btn-sidemenu.active span:nth-child(3) {
    -webkit-animation: ease .7s bottom forwards;
    animation: ease .7s bottom forwards;
    color:transparent;
}
.btn-sidemenu.not-active span:nth-child(3) {
    -webkit-animation: ease .7s bottom-2 forwards;
    animation: ease .7s bottom-2 forwards;
}

.btn-sidemenu.active span:nth-child(4){
  display: none;
}


@-webkit-keyframes top {
    0% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        top: 11px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        top: 11px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@keyframes top {
    0% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        top: 11px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        top: 11px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@-webkit-keyframes top-2 {
    0% {
        top: 11px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    50% {
        top: 11px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        top: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes top-2 {
    0% {
        top: 11px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    50% {
        top: 11px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        top: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes bottom {
    0% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        bottom: 5px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        bottom: 5px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
}

@keyframes bottom {
    0% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        bottom: 5px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        bottom: 5px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
}

@-webkit-keyframes bottom-2 {
    0% {
        bottom: 5px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    50% {
        bottom: 5px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes bottom-2 {
    0% {
        bottom: 5px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    50% {
        bottom: 5px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes scaled {
    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes scaled {
    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes scaled-2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaled-2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}



.header.sub.active {
  border-bottom: 1px solid #eee;
}
.header.sub.active .rbtn-wrap a.rbtn.vr span.icon{
  background-image: url('../images/icon-vr-b.svg');
}
.header.sub.active .rbtn-wrap a.rbtn.daehak span.icon{
  background-image: url('../images/icon-daehak-b.svg');
}
.header.sub.active .rbtn-wrap a.rbtn.popup span.icon{
  background-image: url('../images/icon-popup-b.svg');
}
.header.sub.active .rbtn-wrap a.rbtn span.txt{
  color:#222;
  font-weight: 500;
}

.header.sub.active .btn-sidemenu span:nth-child(4){
  background-color: transparent;
  height: 5px;
  color:#222;
  font-size:12px;
}
.header.sub.active .btn-sidemenu.sitemap span:nth-child(4) {
  font-size:7px;
}


.header.no-sv {
  background-color: #fff !important;
  border-bottom: 1px solid #eee !important;
}

.header.no-sv .logo {
  background-image: url(../images/logo.svg) !important;
}

.header.no-sv .header-nav > a {
  color: #000 !important;
}

.header.no-sv .header-lang > p {
  background-image: url(../images/lang-arrow-active.png) !important;
  color: #000 !important;
}

.header.no-sv .btn-sidemenu span {
  background: #222 !important;
}

.header-dim {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .6);
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  opacity: 0;
}





footer{
  background-color: #171c21;
  color:#fff;
}
footer .ft-top{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  border-bottom:1px solid rgba(255,255,255,0.2)
}
footer .ft-top a.btn-privacy{
  display: inline-block;
  padding:20px 30px; 
  color:#fff !important;
  font-size: 1.8rem;
  border:1px solid rgba(255,255,255,0.1);
  font-weight: 300;
}
footer .ft-top a.btn-privacy:hover{
  border:1px solid #111;
  background-color: #111;

}
.ft-call{
  font-size: 1.6rem;
  color:#979797;
}
.ft-call strong{
  margin-left:5px;
  font-size: 2.4rem;
  color:#f81a49;
}
.ft-sns-box{
  margin-left:30px;
}
.ft-sns-box a.btn-sns{
  position:relative;
  display: inline-block;
  margin-left:10px;
  width:40px;
  height: 40px;
  background-color:#343434;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100px;
}
.ft-sns-box a.btn-sns.fb{
  background-image: url('../images/icon-sns-fb-w.svg');
  background-size: 10px auto;
}
.ft-sns-box a.btn-sns.ig:before{
  display: inline-block;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-10px;
  margin-left:-10px;
  width:20px;
  height: 20px;
  background-image: url('../images/icon-sns-ig-w.svg');
  background-size: 18px auto;
  background-position: center center;
  background-repeat: no-repeat;
  content:"";
}
.ft-sns-box a.btn-sns.yt{
  background-image: url('../images/icon-sns-yt-w.svg');
  background-size: 20px auto;
}
.ft-sns-box a.btn-sns.blog{
  background-image: url('../images/icon-sns-b-w.svg');
  background-size: 12px auto;
}
.ft-sns-box a.btn-sns.fb:hover{
  background-color:#1877f2;
}
.ft-sns-box a.btn-sns.ig:hover{
  background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%) 
}
.ft-sns-box a.btn-sns.yt:hover{
  background-color:#ff0000;
}
.ft-sns-box a.btn-sns.blog:hover{
  background-color:#3bac37;
}

.address-wrap{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin:30px 0 60px
}
.address-wrap address{
  font-size:1.6rem;
  color:#979797;
  line-height: 1.3em;
}
.address-wrap address .copyright{
  margin-top:30px;
  font-size:1.4rem;
  color:#737373;
}

.ft-mark-box{
  background: url('../images/ft-mark.png') right bottom no-repeat;
  width:200px;
  height: 50px
}





/* SUB */

#sVisual{
  width:100%;
  height:250px;
/*  background-attachment:fixed;*/
  transition: all ease .3s;
}
.sVis01{
  background: url('../images/sVis-img01.jpg') center center no-repeat;
  background-size: 100% auto  ;
}
.sVis02{
  background: url('../images/sVis-img02.jpg') center center no-repeat;
  background-size: 100% auto ;
}
.sVis03{
  background: url('../images/sVis-img03.jpg') center center no-repeat;
  background-size: 100% auto ;
}
.sVis04{
  background: url('../images/sVis-img04.jpg') center center no-repeat;
  background-size: 100% auto ;
}
.sVis05{
  background: url('../images/sVis-img05.jpg') center center no-repeat;
  background-size: 100% auto ;
}
.sVis06{
  background: url('../images/sVis-img06.jpg') left center no-repeat;
  background-size: 100% auto ;
}
.sv-tit-wrap{  
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width:100%;
  height: 100%;
  text-align: center;
}
.sv-tit{
  margin-top:70px;
  font-size:4rem;
  color:#fff;
  font-weight: 600;
}



@-webkit-keyframes zoom-a {
  0% { background-size: 110% auto; }
  100% { background-size: 100% auto; }
}
@-moz-keyframes zoom-a {
  0% { background-size: 110% auto; }
  100% { background-size: 100% auto; }
}
@-o-keyframes zoom-a {
  0% { background-size: 110% auto; }
  100% { background-size: 100% auto; }
}
@keyframes zoom-a {
  0% { background-size: 110% auto; }
  100% { background-size:cover auto; }
}
.motion-a {
  -webkit-animation: zoom-a 10s linear alternate; 
  -moz-animation:    zoom-a 10s linear alternate; 
  -o-animation:      zoom-a 10s linear alternate;
  animation:         zoom-a 10s linear alternate; 
}


.snb{
  position:relative;
  width:100%;
  height:55px;
  z-index:20;
}
.snb .allWrap{
  position:absolute;
  top:0;
  left:50%;
  width:100%;
  /* max-width:1400px; */
  margin:0 auto;
  background:#fff;
  transition:all .3s ease;
  transform:translate(-50%,  0);
  border-bottom:1px solid #eee;
}
.snb .allWrap .snbWrap{
  display: flex;
  align-items: center;;
  position:relative;
  width:1330px;
  height:55px;
  margin:0 auto;
  background:#fff;
}
.snb.fix .allWrap{
  position:fixed;
  max-width:100%;
  /* -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.12);
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.12); */
  top:80px;  
  height:56px;
  background:#f81a49;
  border-bottom:1px solid #f81a49;
}
.snb.fix .allWrap:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:50%;
  height:55px;
  background:#f81a49;
}
.snb.fix .allWrap .snbWrap{
  width:1330px;
  background-color: #f81a49;
  height:55px;

}
.snbWrap a.home{
  position:relative;
  display:block;
  float:left;
  width:55px;
  height:55px;
  background-image:url(../images/icon-home-b.png);
  background-position: center center;
  background-size: 11px auto;
  background-repeat: no-repeat;
  text-indent:-9999px;
}
.snbWrap a.home:after{
  display: inline-block;
  position:absolute;
  top:50%;
  right:-5px;
  margin-top:-7px;
  width:15px;
  height: 15px;
  background:url('../images/arr04-g.png') center center no-repeat;
  background-size: 4px auto;
  content:"";

}
.snb.fix .snbWrap a.home{
  position:relative;
  display:block;
  float:left;
  width:55px;
  height:55px;
  background-color: #f81a49;
  background:url(../images/icon-home-w.png);
  background-position: center center;
  background-size: 11px auto;
  background-repeat: no-repeat;
  text-indent:-9999px;
}
.snbWrap .snbList > li{
  float:left;
  position:relative;
  min-width:200px;
  height:55px;
  list-style:none;

}
.snbWrap .snbList > li > button.currentMenu{
  width:100%;
  height:55px;
  border:0;
  background:none;
  text-align:left;
  outline:none;
  padding-right:40px;
}
.snbWrap .snbList > li > button.currentMenu:after{
  content:'';
  position:absolute;
  top:50%;
  right:0px;
  width:25px;
  height:30px;
  margin-top:-15px;
  background:url('../images/icon-plus2-g.png') center center no-repeat;
  background-size: 11px auto;
}
.snbWrap .snbList > li > button.currentMenu span{
  display:block;
  padding-left:20px;
  color:#222;
  line-height:34px;
  font-size:1.7rem;
  font-weight: 500;
}
.snbWrap .snbList > li.on > button.currentMenu:after{
  background:url('../images/icon-minus2.png') center center no-repeat;
  background-size: 11px auto;
}
.snb.fix .snbWrap .snbList > li > button.currentMenu span{
  color:#fff;
  font-weight: 400;
}

.snb.fix .snbWrap .snbList > li > button.currentMenu:after{
  background:url('../images/icon-plus2-w.png') center center no-repeat;
  background-size: 11px auto;
}
.snb.fix  .snbWrap .snbList > li.on > button.currentMenu:after{
  background:url('../images/icon-minus2-w.png') center center no-repeat;
  background-size: 11px auto;
}
.snb.fix .snbWrap a.home:after{
  background:url('../images/arr04-w.png') center center no-repeat;
  background-size: 4px auto;
}
.snb.fix .snbWrap .snbList > li > ul{
  top:56px;
}


.snbWrap .snbList > li:after{
  display: none;
  content:'';
  position:absolute;
  top:50%;
  right:0;
  width:1px;
  height:34px;
  margin-top:-17px;
  background:rgba(255, 255, 255, .3);
 
}
.snbWrap .snbList > li > ul{
  display:none;
  position:absolute;
  top:55px;
  margin-left:0px;
  padding:10px 5% 10px 5%;
  background:#fff;
  z-index:15;
  list-style:none;
  border:1px solid #eee;
  border-top:1px solid #fff;
  box-shadow: 0px 1px 3px rgba(135,135,135,0.1);
}
.snbWrap .snbList > li:first-child{
  width:200px;
}
.snbWrap .snbList > li:first-child > ul{
  width:200px;
}
.snbWrap .snbList > li:last-child > ul{
  min-width:100%;
}
.snbWrap .snbList > li > ul > li{
  padding:0 27px 0 10px;
}
.snbWrap .snbList > li > ul > li a{
  position:relative;
  display:block;
  padding:6px 0;
  border-top:#eee;
  font-size:1.6rem;
  color:#222;
  transition:all .3s;
  -webkit-transition:background .3s ease;
  -moz-transition:background .3s ease;
  -o-transition:background .3s ease;
  -ms-transition:background .3s ease;
}
.snbWrap .snbList > li > ul > li:first-child a{
  border-top:0;
}
.snbWrap .snbList > li > ul > li.on a,
.snbWrap .snbList > li > ul > li a:hover{
  color: #f81a49;
}




.container{
  display: flex;
  position: relative;
  padding:40px 0;

}
.container .inner.row{
  flex-direction: row;
}
.container .inner.column{
  flex-direction: column;
}

.container.cont01{

}

.container .con-tit-wrap{
  position:relative;
  margin-bottom:30px;
  padding-bottom:30px;
  font-size: 4rem;
  font-weight: 600;
  color:#222;
}
.container .con-tit-wrap .tit{
  font-size: 3.2rem;
  font-weight: 600;
  color:#222;
}

.container .stit{
  margin-bottom:15px;
  font-size: 2.4rem;
  font-weight: 600;
  color:#222;
}

.container .stit.stit-dot{
  display: inline-block;
  padding-bottom:5px;
  position: relative;
  border-bottom:2px solid #333
}
.container .stit.stit-dot:before{
  display: inline-block;
  position:absolute;
  top:4px;
  left:0;
  margin-top:0;
  width:15px;
  height: 15px;
  background-color: #333;
  content:"";

} 

.container .stit02{
  position: relative;
  margin-bottom:12px;
  font-size: 2rem;
  font-weight: 600;
  color:#222;
}

.container .stit03{
  position: relative;
  margin-bottom:10px;
  font-size: 1.8rem;
  font-weight: 500;
  color:#222;
}

.container .con-tit-wrap.line:before{
  display: inline-block;
  position:absolute;
  left:0;
  bottom:0;
  margin-top:-3px;
  width:50px;
  height: 2px;
  background-color: #222;
  border-radius: 40px;
  content:"";
}

.cont-wrap.row{
  display: flex;
  flex-direction: row;
}

.cont-wrap.column{
  display: flex;
  flex-direction: column;
}

.cont-wrap:last-child{
  padding-bottom:100px;
}


.txt-wrap {
  margin-bottom:40px; 
  padding:20px;
  border:10px solid #f2f2f2; 
}
.txt-wrap > ul.txt-list > li{
  position:relative;
  padding:2px 14px;
  font-size: 1.7rem;
  color:#333;
  word-break: keep-all;
  line-height: 1.3em;
}
.txt-wrap > ul.txt-list > li:before{
  display: inline-block;
  position:absolute;
  left:0;
  top:11px;
  width:5px;
  height: 5px;
  background-color: #f81a49;
  border-radius: 20px;
  content:"";
}
.txt-wrap > ul.txt-list > li.em{
  color:#f81a49;
  font-weight: 400;
}
.txt-wrap > ul.txt-list > li > strong{
  color:#f81a49;
  font-weight: 400;
}
p.stxt,
.txt-wrap > ul.txt-list > li > p.stxt{
  position:relative;
  padding-left:14px;
  font-size:1.6rem;
  font-weight: 400;
  color:#333;
  line-height: 1.3em;
}
p.stxt:before,
.txt-wrap > ul.txt-list > li > p.stxt:before{
  display: inline-block;
  position:absolute;
  left:0;
  top:8px;
  width:5px;
  height:1px;
  background-color: #444;
  content:"";
}
p.stxt > strong
.txt-wrap > ul.txt-list > li > p.stxt > strong{
  font-weight: 500;;
}

.txt-wrap02{
  margin-bottom:30px; 
  padding:10px;
  font-size: 1.6rem;
  line-height: 1.3em;
  border:7px solid #f2f2f2; 
}

.txt-wrap03{
  padding:20px;
  font-size: 1.6rem;
  line-height: 1.3em;
  background-color: #f7f7f7;
  border:none
}

.box-wrap{
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
}
.box-wrap dl.box{
  border:1px solid #eee;
  background-color: #fff;
}
.box-wrap.box-2 dl.box{
  width:49%;
}
.box-wrap.box-6 dl.box{
  width:15%;
}
.box-wrap dl.box dt,
.box-wrap dl.box dd{
  padding:10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
}
.box-wrap dl.box dt{
  text-align: center;
  background-color: #f7f7f7;
  font-size: 1.7rem;  
}

.box-wrap dl.box dd{
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 1.4em;
}

.box-step dl.box{
  position:relative;
}
.box-step dl.box:after{
  position:absolute;
  top:50%;
  right:-15px;
  margin-top:-15px;
  width:30px;
  height: 30px;
  background-color: #f7f7f7;
  background-image: url('../images/arr05.png');
  background-size: 8px auto;
  background-position: center center;
  background-repeat: no-repeat;
  content:"";
  border-radius: 100px;
}
.box-step dl.box:last-child:after{
  display: none;
}
.box-step dl.box dt{
  display: flex;
  flex-direction: row;
}
.box-step dl.box dd{
  min-height: 110px;
}
.box-step dl dd{
  text-align: center;
}


/* 개인정보 수집 및 이용에 대한 동의 box*/
.agree-box{margin-bottom:50px;padding:20px;border:1px solid #eee;border-radius: 10px;background-color: #f7f7f7;}
.agree-box .agree-tit{color:#000; font-size:16px; letter-spacing:-0.4px; font-weight:500; padding-bottom:15px;}
.agree-box-con{ padding:20px 20px 0px; overflow-y:auto; overflow-x:auto;  background-color:#fff; height:120px;border-radius: 10px 0 0 10px;}
.agree-box-con p{font-size:1.6rem;line-height: 1.42em;}
.agree-box .agree-txt{margin-top:10px;border-top:0; padding:20px 20px;font-size:1.7rem; color:#222;border-radius: 10px;background-color: #eee;border: 1px solid #eee;}
.agree-box .agree-txt span{display: inline-block;}
label input[type="radio"],
label input[type="checkbox"]{margin-top: -3px}

.agree-tbl .agree-box-con{
  background-color: #f8f8f8;
}


/* btn :: 우편번호 검색, ... */
.btn-with-input{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding:0 20px;
  height: 45px;
  min-width: 120px;
  font-size:1.6rem;
  border:1px solid #dedede;
  background-color:#eee;
  cursor: pointer;
}
.btn-with-input:hover,
.btn-with-input:focus{
  background-color:#ddd;
  color:#666;
}




/********** S :: 테이블 table 공통 **********/
.tbl-wrap {
  overflow-x: auto;
  width: 100%;
}
.tbl-wrap table{
  width:100%;
}
.tbl-wrap table thead th,
.tbl-wrap table tbody th,
.tbl-wrap table tbody td{
  padding:20px 15px;
  font-size: 1.8rem;  
  line-height: 1.3em;
}
.tbl-wrap table.fz-17rem thead th,
.tbl-wrap table.fz-17rem tbody th,
.tbl-wrap table.fz-17rem tbody td{
  padding:20px 5px;
  font-size: 1.7rem;  
  line-height: 1.3em;
}
.tbl-wrap table thead th,
.tbl-wrap table tbody th{
  font-weight:500; 
}

.tbl-wrap table tbody td a{
  display: inline-flex;
  align-items: center;
}
.tbl-wrap table tbody td a.jc-center {
  justify-content: center;
}
/* 테이블 내 아이콘 */
.tbl-wrap table tbody td a img{
  margin-left:10px;
}
.tbl-wrap table tbody td a img.lock{
  width:13px;
}


/* 테이블 내 중앙정렬 */
.tbl-wrap table thead th.taC,
.tbl-wrap table tbody th.taC,
.tbl-wrap table tbody td.taC{
  text-align: center;
}
/* 테이블 내 왼쪽정렬 */
.tbl-wrap table thead th.taL,
.tbl-wrap table tbody th.taL,
.tbl-wrap table tbody td.taL{
  text-align: left;
}
/* 테이블 table 공통 :: 큰 패딩 */
.tbl-wrap table.big thead th{
  padding:30px 5px;
}
.tbl-wrap table.big tbody th,
.tbl-wrap table.big tbody td{
  padding:25px 5px;
}
/* 테이블 table 공통 :: 작은 글자, 패딩 */
.tbl-wrap table.sm thead th,
.tbl-wrap table.sm tbody th,
.tbl-wrap table.sm tbody td{
  padding:10px 10px;
  font-size: 1.6rem;  
}
/* 테이블 table 공통 :: 더 작은 글자, 패딩 :: faq 내 테이블 */
 .tbl-wrap table.sm02 thead th,
.tbl-wrap table.sm02 tbody th,
.tbl-wrap table.sm02 tbody td{
  padding:5px 5px;
  font-size: 1.5rem;  
} 

/* 테이블 hover시 위치 bg */
.tbl-wrap table.read-hover tbody tr:hover td{
  background-color: #fafafa;
}

.tbl-wrap table thead th.taL,
.tbl-wrap table tbody th.taL,
.tbl-wrap table tbody td.taL{
  padding-left:12px !important;
  text-align: left;
}



/* tbl01 
    thead th : white  :: 기본 
    tbody th : lightgray
*/
.tbl-wrap table.tbl01{
  border-top:1px solid #222;
}
.tbl-wrap table.tbl01 thead th{
  border-bottom:1px solid #ddd;
  background-color: #fff;
}

.tbl-wrap table.tbl01 tbody th,
.tbl-wrap table.tbl01 tbody td{
  border-bottom:1px solid #eaeaea;

}
.tbl-wrap table.tbl01 tbody th{
  background-color: #fafafa;
}

.tbl-wrap table.tbl01.thead-th-bd thead th{
  border-right: 1px solid #eee;
}
.tbl-wrap table.tbl01.th-bd tbody th{
  border-right: 1px solid #eee;
}
.tbl-wrap table.tbl01.td-bd tbody td{
  border-right: 1px solid #eee;
}
.tbl-wrap table.tbl01.td-bd tbody td:last-child{
  border-right:none
}
.tbl-wrap table.tbl01.td-bd tbody td.bdR-gray{
  border-right:1px solid #eee;
}
.tbl-wrap table.tbl01.td-bd tbody td.bdR-g{
  border-right:1px solid #eee;
}


.tbl-wrap table td select{
  padding:10px 40px 10px 15px;
  font-size: 1.7rem;
  min-width: 200px;
}

/*
  tbl01.thead-bg : lightgray   :: 회색 th
*/
.tbl-wrap table.tbl01.thead-bg thead th{
  background-color: #f5f5f5;;
}
.tbl-wrap table.tbl01.thead-bg02 thead th{
  background-color: #fafafa;;
}


/* tbl02 
    thead th : darkgray round:4px
    tbody th : lightgray
*/
.tbl-wrap table.tbl02 thead{
  border-radius: 4px;
  border:1px solid #ddd;
}
.tbl-wrap table.tbl02 thead th{
  padding:12px 0;
  background-color: #efefef;
  color:#222;
  border-right:1px solid rgba(135,135,135,0.1);
  border-bottom:1px solid rgba(135,135,135,0.1);
}
.tbl-wrap table.tbl02 tbody th,
.tbl-wrap table.tbl02 tbody td{
  padding:15px 2%;
  border-bottom:1px solid #eaeaea;
  border-right:1px solid #eaeaea;

}
.tbl-wrap table.tbl02 tbody th{
  background-color: #fafafa;
  border-left:1px solid #eee;
}
.tbl-wrap table.tbl02 tbody th.th-1{
  background-color: #f4f4f4;
}
.tbl-wrap table.tbl02 tbody th.th-2{
  background-color: #f6f6f6;  
}
.tbl-wrap table.tbl02 tbody th.th-2{
  background-color: #f8f8f8;  
}
/* tbl02 sm ::  지난입시결과  */
.tbl-wrap table.tbl02.sm thead th,
.tbl-wrap table.tbl02.sm tbody th,
.tbl-wrap table.tbl02.sm tbody td{
  padding:6px 5px;
  font-size: 14px;
}

/*.tbl-wrap.ovfx-scroll {
  overflow-x: auto;
  width:768px;
}
.tbl-wrap.ovfx-scroll table{
  width:100%;
  min-width:768px;
}
*/

.box-2dep{
  margin-top:20px;
  margin-bottom:50px;
}
.box-2dep #rankingForm{
  padding:30px 20px 10px;
  background-color: #f5f5f5;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.box-2dep .box-3dep{
  margin-top:20px;
  padding:20px 15px;
  /*border:1px solid #ddd;*/
  background-color: #fff;
}
.box-2dep p.cont-stit{
  font-size: 2rem;
  font-weight: 600;
  color:#222;
}
.box-2dep .box-3dep .box-bg{
  display:flex;
  flex-direction:row;
  justify-content: flex-start-;
  align-items: center;
  padding:15px 10px; 
  background-color:#fafafa;color:#333;
  border-radius: 5px;
  font-size: 1.6rem;
  font-weight: 500;
}
.box-2dep .box-3dep .box-bg input#sub_cnt{
  margin-left:10px;
}
.box-2dep .box-3dep table.tbl-02{margin-top:10px;width:100%;}
.box-2dep .box-3dep .tbl-02 thead{}
.box-2dep .box-3dep .tbl-02 thead th,
.box-2dep .box-3dep .tbl-02 tbody th,
.box-2dep .box-3dep .tbl-02 tbody td{
  padding:10px 5px;
  border:1px solid #ddd;
  font-size: 1.6rem;
  font-weight: 400;
}
.box-2dep .box-3dep .tbl-02 thead th{background-color:#f7f7f7;border:1px solid #eaeaea;}
.box-2dep .box-3dep table.tbl-02 tbody th{background-color: #fafafa;}
.box-2dep .box-3dep table.tbl-02 tbody td {background-color:#fff;text-align:center;}
.box-2dep .box-3dep table.tbl-02 tbody td input{width:75%;padding:0 5px;text-align: center}
p.cont-stit-3{
  position:relative;
  padding-left:10px;
  font-size: 1.8rem;
  color:#222;
  font-weight: 500;
}
p.cont-stit-3:before{
  position:absolute;
  left:0;
  top:50%;
  margin-top:-8px;
  width:3px;
  height: 15px;
  background-color: #888;
  border-radius:2px;
  content:"";
}
.box-2dep#totalavg .box-bg{
  padding:30px 0;
  background-color: #fdfdfd;
  border:2px solid #f81a49;
  border-radius: 10px;
  font-size:2rem;
}


.box-result{
  background-color: #f9f9f9 !important;
  padding:0;
}
.box-result table.tbl-02 thead th,
.box-result table.tbl-02 tbody th{
    background-color:#f7f2f3 !important;
}
.box-result table.tbl-02,
.box-result table.tbl-02 thead th,
.box-result table.tbl-02 tbody th,
.box-result table.tbl-02 tbody td{
      border:1px solid #ebdde0 !important;
}
.box-result table.tbl-02{
  border-top:2px solid #ebaab9 !important;
}



/* .board-wrap > table :: 게시판 테이블 :: 공지사항  
      thead th: white
*/
.board-wrap table thead th{
  background-color: #fff !important;
  /* border-bottom : 1px solid #999 !important ; */
}

.board-wrap table thead th{
  border-bottom: 1px solid #bbb;

}
.board-wrap table tbody td{
  text-align: center;
  padding:25px 0 ;
}
.board-wrap table.tbl02 tbody td.taL{
  text-align: left;
}

.board-wrap table.tbl02 tbody td a {
  display: inline-flex;
  align-items: center;
}

.board-wrap table tbody tr:hover{
  background-color: #f9f9f9;
}
.board-wrap table tbody td a:hover{
  color:#f81a49;
}

.board-wrap tbody td span.answer-mark{
  display:inline-block;
  padding:5px 15px;
  font-size: 1.6rem;
  max-width:90px;
  border-radius: 100px;;
}
.board-wrap tbody td span.answer-wait{
  color:#333;
  background-color: #eee;
}
.board-wrap tbody td span.answer-ok{
  border:1px solid #f81a49;
  color:#f81a49;
  background-color: #fff;
}

.tbl-wrap table tbody td a span.icon-filedown{
  display: inline-block;
  width:40px;
  height: 40px;
  background-image:url('../images/icon-filedown-b.svg');
  background-size:15px auto;
  background-position: center  center;
  background-color: #eee;
  background-repeat: no-repeat;
  border-radius: 100px;
}
.tbl-wrap table tbody td a:hover span.icon-filedown{
  background-image:url('../images/icon-filedown-w.svg');
  background-color: #f81a49;
}

/* 게시판 뷰페이지 */
.board-view-area{}
.board-view{
  border-top:solid 1px #222;
  border-bottom:1px solid #ddd;
  margin-top:20px;
  word-wrap: break-word;
  word-break: break-all;
 }
.board-view .board-tit{
  padding:30px 0 40px;
  width:100%;
  /* border-bottom: 1px solid #888; */
  word-break: keep-all;
}
.board-view .board-tit .tit{
  font-size:3rem;
  color:#222;
  font-weight:500;
  line-height:1.4em;
  padding-right:15px;
  vertical-align:middle;
  text-align: center;
}
.board-view .board-tit .info{
  display:flex;  
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top:10px;
}
.board-view .board-tit .info{
}
.board-view .board-tit .info span{
  position:relative;
  display: inline-block;
  padding-right:10px;
  margin-right:10px;
  color:#999;;
  font-size: 1.7rem;
 }

.board-view .file-box{
  display: flex;
  flex-direction:row;
  justify-content: flex-start;
  align-items: flex-start;
  padding:20px 0;
  background-color: #f6f6f6;
}
.board-view .file-box .tit{
  display:inline-block;
  padding-left:40px;
  color:#333;
  font-size: 1.6rem;
  background: url('../images/icon-filedown-b.svg') center left 15px no-repeat;
  background-size: 13px auto;
  font-weight: 600;
 }
.board-view .file-box .tit:after{
  content:"";
  display:inline-block;
  margin:0 15px;
  width:1px;
   height:13px;
   background-color:#ccc;
}
.board-view .file-box .files{
  display: flex;
  flex-direction: column;  
}
.board-view .file-box .files a{
  display: inline-block;
  margin-bottom:5px;
  font-size: 1.7rem;
}
.board-view .file-box .files a:last-child{
  margin-bottom:0;
}
.board-view .file-box .files a img{
  margin-right:5px;
}
.board-view .file-box .files a:hover, 
.board-view .file-box .files a:focus{
  text-decoration: underline;
}
.board-view .board-view-cont{
  padding:30px 20px;
  font-size: 1.8rem;
  line-height: 1.4em;
}
.board-view .board-view-cont img{
  width:100% !important;
}
.board-view .board-view-cont.qna-view{
  padding:0 !important;
  background-color:#fff;
}
.board-view .board-view-cont.qna-view img{
  max-width:90%;
}

.board-view .board-view-cont.qna-view .q-box,
.board-view .board-view-cont.qna-view .a-box {
  padding:30px 20px 30px 90px;
  word-break: keep-all;
  font-size: 1.7rem;
  border-radius: 10px;
}
.board-view .board-view-cont.qna-view .q-box{
  position:relative;
  color:#222;
  font-weight: 500;
  background-color: #f6f6f6;
}
.board-view .board-view-cont.qna-view .q-box:before{
  display: inline-block;
  position:absolute;
  left:20px;
  top:18px;
  width:50px;
  height: 50px;
  /* background-color: #fff; */
  border-radius: 10px;
  content:"Q .";
  font-size:3rem;
  font-weight: 500;
  font-family: 'GmarketSansMedium' , 'Noto Sans KR';
  color:#222;
  text-align: center;
  line-height: 55px;;
}
.board-view .board-view-cont.qna-view .a-box{
  position: relative;
  color:#333;
  /* border:2px solid #333 */
}
.board-view .board-view-cont.qna-view .a-box:before{
  display: inline-block;
  position:absolute;
  left:20px;
  top:23px;
  width:50px;
  height: 50px;
  /* background-color: #333; */
  border-radius: 10px;
  content:"A .";
  font-size:3rem;
  font-weight: 500;
  font-family: 'GmarketSansMedium' , 'Noto Sans KR';
  color:#222;
  text-align: center;
  line-height: 55px;;
}

/* 게시판 이전글,다음글 */
.board_quick *{box-sizing:border-box;}
.board_quick{border-top:solid 1px #ddd;margin-top:40px}
.board_quick > a:after{content:'';display:block;clear:both}
.board_quick > a{border-bottom:solid 1px #ddd;display:table;width:100%}
.board_quick > a > div{font-size:1.7rem;padding-top:19px;padding-bottom:16px;display:table-cell;}
.board_quick > a .board_quick_list{font-size:16px;padding-left:1px;width:140px;display:table-cell;color:#222}
.board_quick > a .board_quick_list span.arrow{padding:0 20px;font-size: 22px}
.board_quick > a .board_quick_subject{font-weight:normal;display:table-cell}
.board_quick > a .date{padding:0 20px;display:table-cell;width:132px;text-align:center;font-size:14px}
.board_quick > a:hover div.date{color:#666;}
.board_quick > a.next > div.board_quick_list{}


/* paging */
.pageing{
  text-align:center;
  margin:35px 0;
  font-size:13px;
}
.pageing dt{
  display:inline-block;
  margin:0 2px;
}
.pageing dt a{
  display:inline-block;
  margin-left:1px;
  height:30px;
  width:30px;
  line-height:28px;
  font-size:1.5rem;
  color:#666;
  background-color: #fff;
  border-radius: 4px;
}
.pageing dt a:hover, 
.pageing dt a:focus{
  color:#222;
  background-color:#efefef;
  background-color: #efefef;
}
.pageing dt.active a{
  background-color: #222;
  border:1px solid #222 ;
  color:#fff;
}




/*  게시판 검색 영역 */
.search-area{
  margin-bottom:20px;
  display: flex;
  justify-content: flex-end;
}

.search-area .search-wrap{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  border-bottom:1px solid #222;
}
.search-area .search-wrap select.sch-select,
.search-area .search-wrap input[type='text']{
  font-size: 1.7rem;
  border:none
}
.search-area .search-wrap select.sch-select{
  border:none
}

.input-wrap .input-btn button.sch-btn{
  display: inline-block;
  width:40px;
  height: 40px;;
  background:url('../images/icon-search-b.png') center center no-repeat;
  background-size: 20px auto;
}

/* 게시판 글쓰기 페이지 */
.board-write-box{overflow:hidden; margin-bottom:50px;}
.board-write-box.marb100{margin-bottom:120px;}
.board-write-box .board-write-tit{float:left; color:#000; font-size:20px; font-weight:500; letter-spacing:-0.4px; padding-bottom:15px;}
.board-write-box .inquiry-essential-txt{float:right;}
.board-write{clear:both; width:100%; border-top:2px solid #333;border-bottom:2px solid #ddd;}
.board-write tbody th,.board-write tbody td{padding:15px 20px; letter-spacing:-0.5px; border-bottom:1px solid #ddd; }
.board-write tbody th{color:#545454; font-size:16px; font-weight:500; text-align:left; background-color:#f9f9f9;}
.board-write .write-input,
.board-write .write-select,
.board-write .write-textarea{
    height:34px; border:0px; width:50%; background-color:#fff; border:1px solid #ddd; font-size:14px; vertical-align:middle;
}
.board-write .write-input:focus{border-color:#333;}
.board-write .write-input{text-indent:10px;}
.board-write .write-input.b-title{width:100%;}
.board-write .write-select{height:38px;}
.board-write .write-textarea{width:100%; height:200px; resize:none;}
.board-write tbody td input[type="file"]{height:auto; padding:10px 0;text-indent:0; border:0;}
.board-write tbody td .write-sub-txt{color:#888; margin-left:10px; font-size:11px; color:#aaa; font-family:"�뗭�",dotum,sans-serif; letter-spacing:-0.5px;}
.board-write tbody td .write-sub-txt2{display:block; color:#888; margin-top:5px; font-size:11px; color:#aaa; font-family:"�뗭�",dotum,sans-serif; letter-spacing:-0.5px;}
.board-write .hypen{margin:0 5px;}
.board-write .write-txt{font-size:16px; line-height:30px; color:#545454; letter-spacing:-0.65px; padding:6px 0;}
.board-write tbody td .agree-txt-box{padding:20px;background-color:#fafafa;line-height: 1.3em;}
.board-write tbody td .agree-txt-box p.agree-txt{padding-top:10px;border-top:1px solid #ddd;}


.board-write .spam-box{display:inline-block; vertical-align:middle; width:112px; height:35px; background:url(/images/board/spam_box_bg.jpg) repeat-x; margin-right:20px; text-align:center; font-size:18px; line-height:35px; color:#040404; letter-spacing:4px; font-style:italic;}
.randomkey-text{padding:5px 20px; background-color: #f8f8f8; font-size: 2rem; font-weight: 600; letter-spacing: 1px}

.board-write .input-check{padding:10px 0;}
.board-write .input-check span{margin-right:30px;}
.board-write .input-check span label{vertical-align:middle; font-size:14px;}
.address-fieldset .write-input{margin-top:6px;}
.address-fieldset .write-input:first-child{margin-top:0;}
.board-write .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.board-write .address-btn:hover{background-color:#464646; color:#fff;}


/* 갤러리 게시판 :: 랜선 학과탐방*/
.gallBoardWrap{}
.gallBoard-department{margin-bottom:150px;}
/* .gallBoard-department  p.dpt-tit{position:relative;padding-left:10px;padding-bottom:7px;font-size: 20px;font-weight: 500;color:#222;border-bottom:2px solid #eee;}
.gallBoard-department  p.dpt-tit:before{display:inline-block;position:absolute;top:2px;left:0;width:3px;height:18px;background-color:#333;content:"";} */
.gallBoard-list{width: calc(100% + 20px);margin-bottom: -1px; margin-left: -20px;margin-top:20px;/*height: 300px;*/}
.gallBoard-list .gb-box{float: left; width:25%; padding: 30px 0 30px 20px;height: 280px;}
.gallBoard-list .gb-box p.thumb{min-height:181px;}
.gallBoard-list .gb-box p.thumb img{width:100%;/*max-height: 181px*/}
.gallBoard-list .gb-box p.tit{padding:15px 0 10px;}
.gallBoard-list .gb-box p.tit a{font-size:18px;color:#222;}
.gallBoard-list .gb-box p.tit a span.oldname{display:block;margin-top:5px;font-size:15px;color:#aaa;}
.gallBoard-list .gb-box p.date{font-size:13px;color:#777;}
.gallBoardWrap .embeded_youtu_view{overflow:hidden;position: relative;margin-top:70px;border:1px solid #fff;width:100%}
.gallBoardWrap .embeded_youtu_view iframe{height: 600px !important;}



/******** E :: 테이블 table 공통 **********/

/* 지난입시결과 */
/* 학년도 탭버튼 */
.tab-btn-tit-wrap{
 /* border-top:2px solid #222;*/
}
.tabbtn-wrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
ul.tabBtns{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 100%;
}
ul.tabBtns li.go-link{
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 15px 0;
  margin-right:2px;
  width: 100%;
  max-width: 300px;
 /* background-color: #f7f7f7;*/
  border-bottom:1px solid #ddd;
  font-size: 2rem;
  cursor: pointer;
  color:#aaa;
}
ul.tabBtns li.go-link:hover{  
  color:#888;
}
 
ul.tabBtns li.go-link.current{
  padding: 15px 0 13px;
  background-color: #fff;
/*  border: 1px solid #666;*/
  border-bottom: 2px solid #222;
  color:#222;
  font-weight: 500;
}
ul.tabBtns li.current span{
  display: inline-block;
  position: relative;
  font-size: 2.2rem;
}
ul.tabBtns li.current span:before{
  display: inline-block;
  position: absolute;
  top:-2px;
  left:-7px;
  width:4px;
  height: 4px;
  background-color: #fff;
  content:"";
}


/* 탭 : 수시/정시  / 지난 모집요강 */
ul.tabs{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 100%;
}
ul.tabs li.tab-link{
  color: #222;
  display: inline-block;
  padding: 14px 3%;
  margin: 1px;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  font-size: 1.7rem;
  background-color: #f6f6f6;
  border:1px solid #f6f6f6;
  min-width: 180px
}
 
ul.tabs li.tab-link.current{
  background-color: #fff;
  border: 1px solid #f81a49;
  color:#f81a49;
  font-weight: 500;
}


.tab-content{
  display: none;
  padding: 30px 0;
}
 
.tab-content.current{
  display: inherit;
}

.tab-tit{
  display: flex;
  justify-content: center;
  padding-bottom:20px;
  text-align: center;
  font-size: 3rem;
  color:#222;
  font-weight: 600;
}



/* 입시 FQA */
.faq_list{
  margin-top:20px;
}
.faq_list > li{
  margin-bottom:10px;
  font-size: 1.8rem;
  color: #333;
  border: 1px solid #f7f7f7;
  background-color: #f7f7f7;
  border-radius: 10px;
}
.faq_list > li.on{  
  background-color: #fff;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 5px 10px rgba(135,135,135,0.2);
}

.faq_list > li > a{
  position:relative;
  display: table;
  width: 100%;
  box-sizing: border-box;
  padding:10px 10px 10px 60px;
  color:#222;
}
.faq_list > li > a:before{
  position:absolute; 
  top:50%; 
  left:20px;
  margin-top:-8px;
  display:inline-block; 
  content:"Q"; 
  font-size: 2rem;
  color:#f81a49;
  border-radius: 50%;
  background: #f6f6f6;
  font-family: 'GmarketSansMedium' , 'Noto Sans KR';
}

.faq_list > li > a:hover{
  color:#f81a49;
}
.faq_list > li > a:after{
  position:absolute; 
  top:50%; 
  right:20px;
  margin-top:-10px;
  width:25px;
  height: 25px;
  display:inline-block; 
  content:""; 
  background:url('../images/icon-plus2-g.svg')  center center no-repeat;
  background-size: 21px auto;
}
.faq_list > li.on > a{  
  color:#222;
  font-weight: 500;
}
.faq_list > li.on > a:after{
  background:url('../images/icon-minus2.svg')  center center no-repeat;
  background-size: 21px auto;
}
.faq_list > li > a .tit{
  font-size: 1.8rem;
}
.faq_list > li > a .col{
  display: table-cell;
  vertical-align: middle;
  height:58px;
  box-sizing: border-box;
}

.faq_list > li > a .type{
  width: 15%;
  text-align: center;
}
.faq_list .answer{
  display:none;
  background: #fff;
  border-bottom: 1px solid #e1e1e1;
  line-height: 1.6;  
  border-radius: 0 0 10px 10px;
}
.faq_list .answer .inner{
  position: relative;
  padding: 15px 1.4% 22px 60px;
  font-size: 1.8rem;
  width:100%;
}
.faq_list .answer .inner:before{
  display:inline-block; 
  position:absolute; 
  top:0px; 
  left:62px;
  content:""; 
  width:17px;
  height: 1px;
  border-radius: 50%;
  background: #222;
}
.faq_list .answer .inner strong.em-color{
  color:#f81a49;
}
.faq_list .answer .inner table.tbl-02{
  width:96%;
}
.faq_list .answer .inner table.tbl-02 tbody th{
  text-align: center;
}
.faq_list .answer .inner table.tbl-02 tbody th{
  padding-left:8px;
}
.imgfaqBox{
  padding:10px 0;
  margin:10px 0;
  border:1px solid #ddd;
  background-color: #fff;
  text-align:center;
  width:96%;
}
.imgfaqBox img{
  width:90%;
  max-width:480px;
}




/* 온라인 입시설명 */
.onlineVideo-list{
  display: flex;
  flex-direction: column;
}
.onlineVideo-list .innerbox{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #fff;
  margin-bottom:20px;
  border:1px solid #dfdfdf;
  border-radius: 10px;  
}

.onlineVideo-list .innerbox:hover{
  box-shadow: 0px 5px 10px rgba(135,135,135,0.2);
  border-radius: 10px;  
}
.onlineVideo-list .innerbox .ov-tit{  
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding: 15px 30px;
  cursor: pointer;
}

.onlineVideo-list .innerbox .ov-tit .num{
  display: inline-flex;
  font-size: 3rem;
  font-family: 'GmarketSansLight' , 'Noto Sans KR';
  font-weight: 600;
  color:#dedede;
}
.onlineVideo-list .innerbox .ov-tit .thumb{
  padding:10px;
  margin:0 2%;
}
.onlineVideo-list .innerbox .ov-tit .thumb img{
  width:100%;
}
.onlineVideo-list .innerbox .ov-tit .txt-box{
  display: flex;
  flex-direction: column;  
  justify-content: flex-start;
  align-items: flex-start;
  width:60%;
}
.onlineVideo-list .innerbox .ov-tit .txt-box .tit{
  margin-bottom:20px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.2em;
  
}
.onlineVideo-list .innerbox .ov-tit .txt-box .date{
  font-size: 1.7rem;
  color:#888;
}
.onlineVideo-list .innerbox .ov-tit .go-youtu a.btn-go-youtu{
  display: inline-block;
  width:60px;
  height: 60px;
  background-color:#eee;
  background-image: url('../images/icon-yt.png');
  background-size: 30px auto;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100px;
}
.onlineVideo-list .innerbox .ov-tit .go-youtu a.btn-go-youtu:hover{
  background-color: #fff;
}


.onlineVideo-list .innerbox .ov-viewbox{
  /* display: none; */
  padding:30px;
  border-top:1px solid #eee;
}

.onlineVideo-list .innerbox .ov-tit:hover{
  background-color: #f8f8f8;
  border-radius: 10px;
}
.onlineVideo-list .innerbox .ov-tit:hover .txt-box .tit{
  color:#f81a49;
}




/* 모집요강 */
.pdf-area{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;;

}
.pdfbtn-wrap{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width:100%;
  padding:10px;
  margin-bottom:20px;
/*  border:1px solid #eaeaea;
  background-color: #efefef;*/
  height: fit-content;
}
.pdfbtn-wrap a.btn{
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom:4px;
  padding:15px 1% 15px 2%;
  margin:1px 1px;
  width:90%;
  max-width:250px;
  background-color: #ddd;
  font-size: 1.7rem;
  color:#fff;
  border-radius: 3px;
  background-position: right 15px center;
  background-repeat: no-repeat;
}
.pdfbtn-wrap a.btn-pdf{
  background-color: #ed2024;
  background-image: url('../images/icon-filedown-w.svg');
  background-size: 16px auto;
}
.pdfbtn-wrap a.btn-pdf-enlarge{
  background-color: #555;
  background-image: url('../images/icon-enlarge-w.svg');
  background-size: 17px auto;
}
.pdfbtn-wrap a.btn-pdf-viewer{
  background-color: #fff;
  background-image: url('../images/icon-viewer-b.svg');
  background-size: 20px auto;
  border:1px solid #ccc;
  color:#222;
}
.pdfbtn-wrap a.btn-email{
  background-color: #003875;
  background-image: url('../images/icon-email-w.svg');
  background-size: 18px auto;
}
.pdfbtn-wrap a.btn-hwp{
  background-color: #1a88f8;
  background-image: url('../images/icon-filedown-w.svg');
  background-size: 16px auto;
}
.pdfbtn-wrap a.btn-hwp-viewer{
  background-color: #fff;
  background-image: url('../images/icon-viewer-b.svg');
  background-size: 20px auto;
  border:1px solid #ccc;
  color:#222;
}
.pdfIframe-wrap{
  padding-top:2px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #eee;
  background-color: #f9f9fa;
}
#pdfIframe{
  height: 1000px
}

.pdfPageNavigator-wrap .btn-pdfPageNav{
  display: none;
}
.pdfPageNavigator-wrap #pdfPageNavigator .btn-pdfPageNav {
    display: none;
    border:1px solid #aaa;
}
.pdfPageNavigator-wrap #pdfPageNavigator{
  margin-top:23px;
  border-top:3px solid #333;
  width:260px;
}
.pdfPageNavigator-wrap #pdfPageNavigator li a{
  position:relative;
  display: inline-flex;
  padding:15px 10px;
  width:100%;
  font-size: 1.7rem;
  border-bottom:1px solid #ddd;
}
.pdfPageNavigator-wrap #pdfPageNavigator li:last-child a{
  border-bottom:2px solid #ddd;
}
.pdfPageNavigator-wrap #pdfPageNavigator li a:hover{
  background-color: #f8f8f8;
}
.pdfPageNavigator-wrap #pdfPageNavigator li a:hover:before{
  display: inline-block;
  position:absolute;
  top:50%;
  right:15px;
  width:15px;
  height: 1px;
  background-color: #f81a49;
  border-radius: 100px;
  content:"";
}
.pdfPageNavigator-wrap #pdfPageNavigator li.active a{
  color:#f81a49;
  font-weight: 500;
}
.pdfPageNavigator-wrap #pdfPageNavigator li.active a:after{
  display: inline-block;
  position:absolute;
  top:0;
  right:15px;
  width:20px;
  height: 30px;
  background: url('../images/icon-bookmark.svg') top right no-repeat;
  background-size: 15px auto;
  content:"";
}
.pdfPageNavigator-wrap #pdfPageNavigator li.active a:hover:before{
  display: none;
}

.pdf-wrap{
  width:calc(100% - 260px - 30px);
}
.pdf-wrap object{
  width:98%
}



/* 년월 선택 :: 입시설명회신청, 대학탐방신청*/
.choiceMonth{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom:10px;
  padding:20px 0;
  text-align: center;
}
.choiceMonth span{
  display: inline-block;
}
.choiceMonth span.prevMonth a , 
.choiceMonth span.nextMonth a {
  display: inline-block;
  background-image: url('../images/arr01-b.svg');
  background-size: 25px auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  width:50px;
  height: 50px;
  border:1px solid #ddd;
}
.choiceMonth span.prevMonth a{
  -webkit-transform: (180deg);
  transform: rotate(180deg);
}
.choiceMonth span.prevMonth a:hover, 
.choiceMonth span.nextMonth a:hover{  
  background-image: url('../images/arr01-w.png');
  background-color: #555;
  border:1px solid #555;
}

.choiceMonth span.thisMonth{
  display: inline-block;
  margin:0 20px;
  font-size: 4rem; 
  line-height: 1em;
  color:#444;  
  font-weight: 400;
  font-family: 'GmarketSansMedium';
}

.reference{
  padding:30px 50px;
  background-color: #fff;
  border-radius: 20px;;
  border:1px solid #eee;
}
.reference table.tbl01 thead th{
 
}
.reference table.tbl01 thead tr:first-child th{
  border-bottom: 1px solid #ddd;
}
.reference table tbody td a{
  display: inline-block;
  padding:2px 30px 2px 15px;
  color:#222;
  border:2px solid #eaeaea;
  border-radius: 100px;
  cursor: pointer;  
  background-color: #fff;
  background-image: url('../images/arr02-b.svg');
  background-size: 11px auto;
  background-position: center right 10px;
  background-repeat: no-repeat;
  font-size: 14px;
}
.reference table tbody td a:hover{  
  border:2px solid #f81a49;
  background-color: #f81a49;
  background-image: url('../images/arr02-w.svg');
  color:#fff;
}
.reference table.tbl01 tbody th{
  background-color: #fff;
}
.reference table.tbl01 tbody th,
.reference table.tbl01 tbody td{
  border-bottom: none;
  background-color: #fff;
}

.reference table tbody tr:nth-child(odd) th,
.reference table tbody tr:nth-child(odd) td{
  background-color:#f6f6f6;
}

.reference table tbody th:first-child{
  border-radius: 5px 0 0 5px;
}
.reference table tbody td:left-child{
  border-radius: 0 5px 5px 0;
}


/* 원서접수 바로가기 버튼 */
.goBtn-box{margin-top:-20px;
  margin-bottom:40px;
  text-align: center
}
.goBtn-box a.goBtn{display: inline-block;
  padding-top:55px;
  margin:0 10px;
  width:190px;
  height: 85px;
}
.goBtn-box a.goBtn.jinhak{
  background:#0a2b6d url('../images/logo-jinhak-w.png') center center no-repeat;
  border:1px solid #092b6c;
  background-size:75%;
}
.goBtn-box a.goBtn.jinhak:hover, 
.goBtn-box a.goBtn.jinhak:focus{
  background:#f7f7f7 url('../images/logo-jinhak.png') top 7px center no-repeat;
  background-size:75%;
}
.goBtn-box a.goBtn.uway{
  background:#e21b52 url('../images/logo-uway-w.png') center center no-repeat;
  border:1px solid #dd0747;
  background-size:75%;
}
.goBtn-box a.goBtn.uway:hover, 
.goBtn-box a.goBtn.uway:focus{
  background:#f7f7f7 url('../images/logo-uway.png') top 10px center no-repeat;
  background-size:75%;
}
.goBtn-box a.goBtn span{  
  display: none;
}
.goBtn-box a.goBtn:hover span{
  display: block; 
  color:#fff;
  font-size: 1.6rem;
}
.goBtn-box a.goBtn.jinhak span{
  color:#0a2b6d;
}
.goBtn-box a.goBtn.uway span{
  color:#e21b52;
}


/* 게시판 비밀글 비밀번호 입력 레이어팝업*/
#password_div{
  position: fixed;
   left: 50%;
  top: 35%;
  margin-left:-150px;
   width:300px;
   border:1px solid #ddd;
  cursor:default;
  box-shadow: 0px 5px 10px rgba(35,35,35,0.2);
  z-index: 7000;
  background-color: #fff;
}
#password_div table {
  width:100%;
  height: 100%;
}

#password_div p.tit{
  display: flex;
  flex-direction: row;
  justify-content: center;;
  align-items: center;
  padding:15px 0 0px;
  color:#333;
  text-align: center;
  font-weight: 500;
  font-size: 17px;
  /* border-bottom:1px solid #eee; */
}
#password_div p.tit span.icon-key{
  display: inline-block;
  margin-left:-20px;
  background: url('../images/icon-key.png') center center no-repeat;
  background-size: 22px auto;
  width:40px;
  height: 20px;
  /* border-radius: 100px;; */
}
#password_div p.inputBox{
  padding:20px 0;
  width:100%;
  background-color: #fff;
}
#password_div p.inputBox label{
  display:block;
  margin:0 auto;
  width:80%;
}
#password_div p.inputBox input[type='password']{
  display:block;
  padding:5px;
  width:100%;
  height: 40px;
  text-align: center;
  border:1px solid #ddd;
  font-size: 3rem;
}
#password_div p.btnBox{
  display: flex;
  flex-direction: row;
  margin-top:10px;
  text-align: center;
  background-color: #f7f7f7;
}
#password_div p.btnBox input[type='button']{
  display: inline-block;
  padding:10px 0;
  border:none;
  color:#fff;
  cursor:pointer;
  font-size: 15px;
  width:50%
}
#password_div p.btnBox input[type='button'].btn_ok{
  background-color: #f81a49;
}
#password_div p.btnBox input[type='button'].btn_cancel{
  background-color: #666;
}
#password_div p.btnBox input[type='button'].btn_ok:hover,
#password_div p.btnBox input[type='button'].btn_ok:focus{
  background-color: #e5123f;
}
#password_div p.btnBox input[type='button'].btn_cancel:hover,
#password_div p.btnBox input[type='button'].btn_cancel:focus{
  background-color: #555;
}





/* 사이트맵 */

.sitemapWrap > div{position:relative; padding-top:50px; padding-bottom:25px;}
.sitemap-1dep{display:table; width:100%; margin-bottom:65px;border-top:1px solid #ddd;}
.sitemap-1dep.list3{margin-bottom:45px;}
.sitemap-1dep dt, .sitemap-1dep dd{display:table-cell; vertical-align:top;}
.sitemap-1dep dt{width:19.6%; max-width:240px;}
.sitemap-1dep dt > strong{display:inline-block;margin-top:-1px; width:61.5%; max-width:160px; font-size:2.4rem; line-height:32px; color:#222; font-weight:500; letter-spacing:-2px; padding-top:10px; border-top:2px solid #222;}
.sitemap-1dep dd{width:80.4%;}
.sitemap-2dep{padding-top:6px;width:100%;}
.sitemap-2dep > li{float:left; width:20%; max-width:200px; margin-right:4.75%;}
/*.sitemap-2dep > li:first-child, .sitemap-2dep > li.mgL-0{margin-left:0;}*/
.sitemap-2dep > li > p{position:relative;/*line-height:36px; max-height:36px;*/ }
.sitemap-2dep > li > p:before{
  position:absolute;
  top:20px;
  left:0;
  width:3px;
  height: 3px;
  background-color: #888;
  content:"";
  border-radius: 10px;;
}
.sitemap-2dep > li:hover > p:before,
.sitemap-2dep > li:focus > p:before{
  background-color: #f81a49;
}
.sitemap-2dep > li > p:after{position:absolute; bottom:-1px; left:0; display:block; content:""; width:0; height:1px; background-color:#f81a49; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.sitemap-2dep > li > p a{display:inline-block;padding:10px;width:100%; vertical-align:middle; font-size:1.8rem; line-height:1.4em; color:222#666; letter-spacing:-0.75px; font-weight:500;}
.sitemap-2dep > li > p a span.go-home{
  display: inline-block;
  margin-left:10px;
  width:15px; 
  height: 15px;
  background-image: url('../images/icon-gohome-b.png');
  background-size: 15px auto;
  background-position:center center;
  background-repeat: no-repeat;
}
.sitemap-2dep > li:hover > p a span.go-home{
  background-image: url('../images/icon-gohome.png');
}
.sitemap-2dep.list3 > li{margin-bottom:20px;}
.sitemap-2dep.list3 > li > p{/*line-height:48px; max-height:48px;*/}
.sitemap-2dep .sitemap-3dep{padding-top:15px;padding-left:10px;font-weight:300;}
.sitemap-2dep .sitemap-3dep > li > p.oldname{margin-top:-5px;margin-bottom:5px;font-size:13px !important;font-weight: 200;color:#888;}
.sitemap-2dep .sitemap-3dep > li > a{font-size:16px; line-height:30px; color:#5b5b5b; font-weight:300; }
.sitemap-2dep .sitemap-3dep > li {font-size:15px; line-height:1.2em; color:#5b5b5b; font-weight:300;}

.sitemap-1dep-05 .sitemap-2dep > li:nth-child(1),
.sitemap-1dep-05 .sitemap-2dep > li:nth-child(2),
.sitemap-1dep-05 .sitemap-2dep > li:nth-child(3),
.sitemap-1dep-05 .sitemap-2dep > li:nth-child(4){min-height: 310px;}
.sitemap-1dep-05 .sitemap-2dep > li:nth-child(5){min-height: 200px;}


.sitemap-1dep-05 .sitemap-2dep .sitemap-3dep > li > a{
  display: inline-block;
  margin:10px 1px 4px;
  width:14px;
  height: 14px;
  opacity: 0;
  transition: ease 0.1s;
  vertical-align: middle;
  opacity: 1;
  -webkit-transform: translateY(-5px);
  -moz-transform: -moz-translateY(-5px);
  -ms-transform: -ms-translateY(-5px);
  transform: translateY(-5px);
  transition: ease 0.8s;
  line-height: 1.3em;
}
.sitemap-1dep-05 .sitemap-2dep .sitemap-3dep li a:first-child{margin-left:7px;}


.sitemap-1dep-05 .sitemap-2dep .sitemap-3dep li a.go-dpt-page{
  background:url('../images/icon-gohome-g.png') center center no-repeat;
  width:14px;
  height: 14px;
  background-size: 14px auto;
}
.sitemap-1dep-05 .sitemap-2dep .sitemap-3dep li a.go-dpt-fb{
  background:url('../images/icon-sns-fb-bg-g.svg') center center no-repeat;
}
.sitemap-1dep-05 .sitemap-2dep .sitemap-3dep li a.go-dpt-ig{
  background:url('../images/icon-sns-ig-bg-g.svg') center center no-repeat;
}
.sitemap-1dep-05 .sitemap-2dep .sitemap-3dep li a.go-dpt-blog{
  background: #777 url('../images/icon-sns-b-w.svg') center center no-repeat;
  background-size:  auto 10px;
  border-radius: 3px;
}


.sitemap-1dep-05 .sitemap-2dep .sitemap-3dep li a:hover{
  transition: ease 0.1s;
  border-radius: 1px;
  
}
.sitemap-1dep-05 .sitemap-2dep .sitemap-3dep li a:hover.go-dpt-page{
  background:#fff url('../images/icon-gohome.png') center center no-repeat;
  width:14px;
  height: 14px;
  background-size: 14px auto;
}
.sitemap-1dep-05 .sitemap-2dep .sitemap-3dep li a:hover.go-dpt-fb{
  background:#fff url('../images/icon-sns-fb-bg.svg') center center no-repeat;
}
.sitemap-1dep-05 .sitemap-2dep .sitemap-3dep li a:hover.go-dpt-ig{
  background:#fff url('../images/icon-sns-ig-bg.svg') center center no-repeat;
}
.sitemap-1dep-05 .sitemap-2dep .sitemap-3dep li a:hover.go-dpt-blog{
  background:#3bac37 url('../images/icon-sns-b-w.svg') center center no-repeat;
  background-size:auto 10px;
  border-radius: 2px;
}



.sitemap-2dep > li:hover > p a{color:#f81a49;}
.sitemap-2dep > li:hover > p:after{width:100%;}
.sitemap-2dep .sitemap-3dep > li:hover a{color:#f81a49;}



.facility-area{
  position:relative;
  display: flex;
  flex-direction: row;  
  overflow:hidden;
}
.facility-area.row-reverse{
  flex-direction: row-reverse;  
}
.facility-area .img-box{
  float:left;
  width:50%;
  height:400px;
  box-sizing:border-box;
  background-size: auto 100%;
  border-radius: 10px;
  }


.facility-area.facility01 .img-box{ background:url('../images/img-facility01.jpg') center left no-repeat;}
.facility-area.facility02 .img-box{ background:url('../images/img-facility02.jpg') center left no-repeat;}
.facility-area.facility03 .img-box{ background:url('../images/img-facility03.jpg') center right no-repeat;}
.facility-area.facility04 .img-box{ background:url('../images/img-facility04.jpg') center right no-repeat;}
.facility-area.facility05 .img-box{ background:url('../images/img-facility05.jpg') center right no-repeat;}
.facility-area.facility06 .img-box{ background:url('../images/img-facility06.jpg') center no-repeat;}
.facility-area.facility07 .img-box{ background:url('../images/img-facility07.jpg') center no-repeat;}
.facility-area .img-box.mo{
  display:none
}
.facility-area .txt-box{
  position:relative;
  float:left;
  width:50%;
  height:500px;
  text-align:left;
  padding:40px 70px 0 70px;
  box-sizing:border-box;
  }
.facility-area .txt-box p.tit{
  display: inline-block;
  position:relative;
  margin-right:10px;
  font-size:3rem;
  color:#222;
  font-weight:500;
}
.facility-area .txt-box p.tit:before{
  display: inline-block;
  position:absolute;
  top:-17px;
  left:8px;
  width:10px;
  height: 10px;
  background-color: #f81a49;
  border-radius: 100px;
  content:"";
}

.facility-area .txt-box p.entit{
  display: inline-block;
  padding-top:10px;
  font-size:2.2rem;
  color:#ddd;
  font-weight:600;
}
.facility-area .txt-box .fac_detail{
  padding-top:30px;
}
.facility-area .txt-box .fac_detail dl{
  font-size:0;
  padding:8px 0;
}
.facility-area .txt-box .fac_detail dl dt{
  display:inline-block;
  width:105px;
  color:#222;
  letter-spacing:-0.5pt;
  font-size:1.8rem;
  vertical-align:top;
  font-weight: 500;
  line-height: 1.3em;
}
.facility-area .txt-box .fac_detail dl dd{
  display:inline-block;
  width:calc(100% - 105px);
  font-size:1.8rem;
  vertical-align:top;
  line-height: 1.3em;
}
.facility-area .txt-box .fac_detail dl dd span{
  display:inline-block;
  width:30%;
  text-align:center;
  margin:0 2px 2px 0;
  border:1px solid #ddd;
  line-height:42px;
  border-radius:40px;
}


.department-area {
  position: relative; 
}
.department-area .dptWrap{
  position:relative;
  /* display: flex;
  flex-direction: row;
  justify-content: space-between; */
  width:100%;
  margin-bottom:10px;
  margin-top:160px;
}
.department-area .dptWrap.dptWrap-1{
  
  margin-top:45px;
}
.department-area .dpt-tit {  
  display:flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;  
  background-size: 100% auto; 
  border-radius: 30px;
  width:100%;
  height: 300px;
}
.department-area .dptWrap.dptWrap-1 .dpt-tit{
  background: url('../images/img-dpt01.jpg') center center no-repeat;  
}
.department-area .dptWrap.dptWrap-2 .dpt-tit{
  background: url('../images/img-dpt02.jpg') center center no-repeat;  
}
.department-area .dptWrap.dptWrap-3 .dpt-tit{
  background: url('../images/img-dpt03.jpg') center center no-repeat;  
}
.department-area .dptWrap.dptWrap-4 .dpt-tit{
  background: url('../images/img-dpt04.jpg') center center no-repeat;  
}
.department-area .dptWrap.dptWrap-5 .dpt-tit{
  background: url('../images/img-dpt05.jpg') center center no-repeat;  
}
.department-area .dptWrap.dptWrap-6 .dpt-tit{
  background: url('../images/img-dpt06.jpg') center center no-repeat;  
}


.department-area .dptWrap .dpt-tit .tit-box p{
  font-weight: 600; font-size: 3.6rem; color: #222;text-align: left; /*text-shadow: 3px 0 10px rgba(35,35,35,0.5);*/
}
.department-area .dptWrap.dptWrap-4 .dpt-tit .tit-box p,
.department-area .dptWrap.dptWrap-6 .dpt-tit .tit-box p{
  color:#fff;
}

ul.dpt-list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top:20px;
  /* position:absolute;
  right:0;
  top:15%; */
   width:100%;
 
 
}
ul.dpt-list li.dptBox{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position:relative;
  /* align-items: center; */
  /* margin-bottom:2%; */
  padding:30px 20px 30px 30px;
  width:49%;
  background-color:#fefefe;
  border:1px solid #fff;
  border-bottom:1px solid #eaeaea;

}
/* ul.dpt-list li.dptBox:before{
  display: inline-block;
  position:absolute;
  right:-5px;
  top:50%;
  margin-top:-10%;
  width:1px;
  height: 80%;
  background-color: #eee;
  content:"";
}
ul.dpt-list li.dptBox:hover:before{
  display: none;
} */
ul.dpt-list li.dptBox:hover{
  box-shadow: 0 10px 25px rgba(135, 135, 135, 0.3);
  background-color:#fff;
  border:1px solid #f81a49;
}

ul.dpt-list li.dptBox .tit-box,
ul.dpt-list li.dptBox div.btn-box{ 
  display: flex;
}
ul.dpt-list li.dptBox .tit-box{
  flex-direction: column;
  justify-content: center;
  width:65%;
}
ul.dpt-list li.dptBox .tit-box p.tit{
  font-size:2.8rem;
   color:#222;
  letter-spacing: -1px;
  font-weight: 600;
}
ul.dpt-list li.dptBox:hover .tit-box p.tit{
  position:relative;
  padding-left:25px;
  transition: 0.1s all;

}
ul.dpt-list li.dptBox:hover .tit-box p.tit:before{
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  content: "";
  background-color: #f94168;
  border-radius: 100px;
}
ul.dpt-list li.dptBox .tit-box p.oldname{
  display: block;
  font-size:15px;
  color:#aaa;
  font-weight: 400;
}
ul.dpt-list li.dptBox .tit-box p.tit-en{
  font-size:2rem;
  color:#ccc;
  font-weight: 500;
  word-break: keep-all;
  width:100%;
  font-family:  "Open Sans", 'Noto Sans KR';
}
ul.dpt-list li.dptBox .tit-box p.tit-sm{
  display: inline-block;
  font-size:14px;
  color:#f81a49;
  font-weight: 500;
}
ul.dpt-list li.dptBox .tit-box p{
  margin-bottom:8px;
}
ul.dpt-list li.dptBox .tit-box p:last-child{
  margin-bottom:0;
}
ul.dpt-list li.dptBox div.btn-box{
  flex-direction: row;
  align-items: center;
  /* margin-top:20px;
  padding-top:20px; */
  /* width:100%; */
  /* border-top:1px solid #eee; */
}
ul.dpt-list li.dptBox div.btn-box.btn-box-3{
  margin-top:10px;
}

ul.dpt-list li.dptBox div.btn-box a{
  display:inline-block;
  padding:10px 0px 10px 20px;
  margin-right:2px;
  width:100px;
  color:#555;
  width:50px;
   height:50px;
  background-color: #f7f7f7;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  font-size: 0;;
  border-radius: 100px;
}
ul.dpt-list li.dptBox div.btn-box a:last-child{
  margin-right:0;
}

ul.dpt-list li.dptBox div.btn-box a.go-dpt.home{
  background-image: url('../images/icon-gohome-b.png');
  background-size: 17px auto;
}
ul.dpt-list li.dptBox div.btn-box a.go-dpt.fb{
  background-image: url('../images/icon-sns-fb-g.svg');
  background-size: 10px auto;
}
ul.dpt-list li.dptBox div.btn-box a.go-dpt.ig{
  position:relative; 
}
ul.dpt-list li.dptBox div.btn-box a.go-dpt.ig:before{
  display: inline-block;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-10px;
  margin-left:-10px;
  width:20px;
  height: 20px;
  background-image: url('../images/icon-sns-ig-g.svg');
  background-size: 18px auto;
  background-position: center center;
  background-repeat: no-repeat;
  content:"";
}
ul.dpt-list li.dptBox div.btn-box a.go-dpt.blog{
  background-image: url('../images/icon-sns-b-g.svg');
  background-size: 14px auto;
}
ul.dpt-list li.dptBox div.btn-box a:last-child{
  border-bottom:none;
}


ul.dpt-list li.dptBox:hover div.btn-box{
  margin-left:30px;
}
ul.dpt-list li.dptBox:hover div.btn-box a.go-dpt{
  position:relative;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100px;
}


ul.dpt-list li.dptBox div.btn-box a.go-dpt.home:hover{
  background-color:#f81a49;
  background-image: url('../images/icon-gohome-w.png'); 
}
ul.dpt-list li.dptBox div.btn-box a.go-dpt.fb:hover{
  background-color:#1877f2;
  background-image: url('../images/icon-sns-fb-w.svg');
}
ul.dpt-list li.dptBox div.btn-box a.go-dpt.ig:hover{
  background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%);
}
ul.dpt-list li.dptBox div.btn-box a.go-dpt.ig:hover:before{
  background-image: url('../images/icon-sns-ig-w.svg');
}
ul.dpt-list li.dptBox div.btn-box a.go-dpt.yt:hover{
  background-color:#ff0000;
  background-image: url('../images/icon-sns-yt-w.svg');
}
ul.dpt-list li.dptBox div.btn-box a.go-dpt.blog:hover{
  background-color:#3bac37;
  background-image: url('../images/icon-sns-b-w.svg');
}



/*  popup  */
.popup-wrap{
  display: flex;;
  flex-direction: column;
  background-color:rgba(32,38,50,.93);
  justify-content:flex-start;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  padding:15px;  
  z-index: 8000;
  display: none;
}
.popup-wrap .popup-tit{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 6rem;
  font-weight: 400;
  color:#fff;
  min-height: 10%;
  font-family: 'GmarketSansLight' , 'Noto Sans KR';
}
.popup-wrap .popup-tit strong{
  font-weight: 00;  
  font-family: 'GmarketSansMedium' , 'Noto Sans KR';
}
.popup-wrap .popup-tit strong span{
  color:#f81a49
}
.popup-cont{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position:relative;
  width:96%;
  max-width:1500px;
  min-height: 85%;
  background-color:#fff;
  border-radius:40px;
  overflow:hidden;
  box-shadow: 5px 10px 10px rgba(0,0,0,.2);
}

.popup-list-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  min-height: 550px;
}
.popup-list{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  margin:0 20px;
  width:100%;
  height: 100%;
  overflow: hidden;
}

.popImg-wrap{
  position:relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  max-height: 530px
}
.popImg-box{
  display: inline-flex;
  align-items: flex-end;
    margin: 0 40px 0 0;
  width:360px;
  height: 360px;
}
.popImg-box img{
  height: 100%;;
    width:100%;    
}
.popImg-box.big{  
  width:auto;
  height: 100%;
  max-height: 530px
}
.popImgsWrapper {
    height: 360px;
}
.popImgsWrapper .popImg-box:last-child{
  margin-right: 0;
}
.flickity-viewport {
    width: 760px;
    overflow: hidden;
    position: relative;
}
.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-left: -400px;
}

.carousel-cell {
    width: 360px; /* full width */
    counter-increment: carousel-cell;
}


.pop-control-box{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position:absolute;
  top:0;
  left:0px;
}
.pop-control-box .btn-box{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.pop-control-box .btn-box button{
  display: inline-block;
  width:50px;
  height: 50px;
  border: 1px solid #ddd;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
}
.pop-control-box .btn-box button.btn-prev{
  background-image: url('../images/arr02-b.svg');
  background-size: 20px auto;
  transform:rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.pop-control-box .btn-box button.btn-next{
  background-image: url('../images/arr02-b.svg');
  background-size: 20px auto;
  margin-left:-1px;
}
.pop-control-box .btn-box button.btn-play{
  background-image: url('../images/icon-play-b.svg');
  background-size: 16px auto;
  background-color: #ddd;
}
.pop-control-box .btn-box button.btn-stop{
  background-image: url('../images/icon-pause-b.svg');
  background-size: 10px auto;
  background-color: #ddd;
}
.pop-control-box .btn-box button.btn-play,
.pop-control-box .btn-box button.btn-stop{
  margin-left: 3px;
}
.pop-control-box .pop-num{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left:20px;
  font-size: 2rem;;
  font-family: 'GmarketSansLight' , 'Noto Sans KR';
  color:#222;
}
.pop-control-box .btn-box button:hover{
  background-color: #f7f7f7;
}

.popup-cont button.btn-popup-close{
  display: inline-block;
  position:absolute;
  top:20px;
  right:20px;
  background: url('../images/icon-x-b.svg') center center no-repeat;
  width:40px;
  height: 40px;
  background-size:30px auto;
  opacity: 0.5;
}

.popup-foot{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width:100%;
  height:13%;
  text-align: center;
}
.popup-foot button.btn-close{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:10px 50px 10px 25px; 
  margin:0 5px; 
  font-size: 1.8rem;
  min-width:120px;
  cursor:pointer;
  background-image: url('../images/icon-x-w.png');
  background-color: #272833;
  background-size: 16px auto;
  background-position: right 20px center;
  background-repeat: no-repeat;
  color:#fff;
  border:1px solid #272833;
  border-radius: 100px;
}

.popup-foot button.btn-close.btn-today-close{  
  color:#272833;
  background-image: url('../images/icon-x-b.png');
  background-color: #fff;
  border:1px solid #ddd;
}
.popup-foot button.btn-close:hover{
  background-color: #f81a49;
  border:1px solid #f81a49;
}
.popup-foot button.btn-close.btn-today-close:hover{
  background-image: url('../images/icon-x.png');
  background-color: #fff;
  color:#f81a49;
  border:1px solid #f81a49;
}

@media all and (max-width: 1024px) {  

  .popup-wrap .popup-tit{
    font-size: 4.5rem;
  }
}
/* // popup */