@charset "utf-8";

/*h3 {padding-top:10px; color:#8d704f; font-size:1.25rem; font-weight:500; background:url('../../images/common/bullet_h3.png') left top no-repeat;}
h4 {padding-left:15px; color:#8d704f;  font-size:1.1rem; font-weight:500; line-height:24px; background:url('../../images/common/bullet_h4.png') no-repeat 0px 9px;}
h5 {color:#142c46; font-size:1rem; font-weight:500;}*/

/* 오시는 길 - 지도영역, ID 번호확인필요  */
#menu6500_obj10396 {overflow:hidden;}
#menu6500_obj10396 .root_daum_roughmap {width:100%;}
.guide_link {text-align:right;}
.guide_link a {display:inline-block; margin-left:0.8rem; padding:0.7rem 1.2rem 0.75rem 1.2rem; border:solid 1px #a19186; color:#423c31; font-size:1rem; font-weight:300; line-height:1.5; background:#eee8e4;}
.guide_link a:hover {background:#a19186; border:solid 1px #a19186; color:#ffffff;}




/* greeting*/
  .greet{}
  .greet_img{float:right;margin-left:40px;width:578px;  margin-right:0px;}
  
  .greet_deco{
    z-index:2;
    top: 0px;
    left: 52%;
    position: absolute;}
  .greet_text {
    margin-top: 20px;
    }
  .greet_text p{width:99%; text-align:justify; margin-bottom:30px;}
  .greet_text h1{font-weight:300;}
  .greet_text h1 p {
    font-family: hufs_m;
	font-size:30px;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: -30px;
    color: #333; text-align: left;}
  .greet_text h1 p strong {
    color: #054580;
    font-family: hufs_b;}
   .greet_text h1 span {
    font-size: 66px;
    color: #e0e0e0;
    font-family: noto bold;
    letter-spacing: -3px;
    line-height: 50px;font-family: "Poppins", sans-serif;
	}

  .greet_name {
    text-align: right;
    margin-top: 30px;}
  .greet_name span {
    border-bottom: 1px solid gray;
    padding-right: 5px;
    padding-bottom: 3px;}	
  .greet_name span strong{font-family:hufs_b; font-size:22px;padding-left:10px;}



 @media (max-width:1300px) {
 
   .greet_img{width:530px;}
   .greet_deco{left:73%;}
   .greet_text p{width:100%; }
 }
 
 @media (max-width:1024px) {
 
 .greet{width: 100%;text-align: center;}
 .greet_img{float:none;width:50%; margin-bottom:30px;}
 .greet_text{margin-right:5px}
 .greet_name {text-align: right !important;}

 }
 
@media (max-width:860px) {
   .greet{width: 100%;text-align: center;}
   .greet_img{float:none;width:75%; margin-bottom:30px;}
   .greet_deco{left:65%;}
}


/*animation*/
 .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotate {
  -webkit-animation-name: rotate;
  animation-name: rotate;
  animation-duration: 10s;
}

/*로그인페이지 일반회원관련사항 감춤*/
._findInfo{display: none !important;}



/*오시는 길*/
.desc{ padding-bottom:30px;}
.desc .detail {
            margin-bottom: 16px;
            overflow: hidden;
        }

        .desc .detail:last-child {
            margin-bottom: 0;
        }

        .desc .detail span {
            display: block;
            float: left;
        }

        .desc .detail span:first-child {
            max-width: 120px;
            width: 30%;
        }

        .desc .detail span:last-child {
            width: calc(100% - 120px);
        }



           
/*대학원 메인 */
.gra.style1{border: 1px solid #999; margin-bottom:50px; height:902px;background: url(/sites/hufstmp01/images/common/graback.jpg) no-repeat;
background-size:cover;width: 88%;margin: 0 auto;}
.gra.style1 .gra_menu {
    position: relative;
    width: 50%;
    float: left;
    height: 225px;
    text-align: center;
    font-size: 20px;
    display: block;background: linear-gradient(120deg,rgba(256,256,256,.7), rgba(256,256,256,1));
}
.gra.style1 .gra_menu span{font-size:12px; text-transform:uppercase; display:block; color:#043e9d;}
.gra.style1 .gra_menu2 {
    position: relative;
    width: 50%;
    float: left;
    height: 225px;
    font-size: 0px;
}
.gra.style1 .gra_menu img {
    
    display: block;
    text-align: center;
    margin: 0 auto;margin-top:65px; height:50px;
}
.gra.style1 .gra_menu .content-part {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  text-align: center;
  z-index: 1;
  transition: all 0.3s ease;
  opacity: 0;
}
.gra.style1 .gra_menu .content-part .name {
  margin-bottom: 8px;
  font-size: 22px;
}
.gra.style1 .gra_menu .content-part .name a {
  color: #ffffff;
}
.gra.style1 .gra_menu .content-part .name a:hover {
  color: #fff;
}
.gra.style1 .gra_menu .content-part .gra_subtitle {
  color: #02e7fb;
  margin-bottom: 16px; font-size:12px; text-transform:uppercase;
  display: block;
}
.gra.style1 .gra_menu .content-part .gra_link li {
  display: inline;
  margin-right: 35px;
}
.gra.style1 .gra_menu .content-part .gra_link li a {
  display: inline-block;
  color: #ffffff;font-size: 13px;
    border: 1px dotted #fff;
    padding: 5px 15px 5px 15px;
}
.gra.style1 .gra_menu .content-part .gra_link li a:hover { background-color:rgba(0,0,0,.5);
}
.gra.style1 .gra_menu .content-part .gra_link li:last-child {
  margin: 0;
}
.gra.style1 .gra_menu:after {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  transform: translate(-50%, 100%) scale(0.1);
  background: #21a7d0;
  opacity: 0;
  border-radius: 3px;
  transition: all 0.3s ease;
}


.gra.style1 .gra_menu:hover .content-part {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.gra.style1 .gra_menu:hover:after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 0.9;
}


.gra.style1.orange-color .gra_menu::after {
    background:#002d77;
}

.gra.style1 .gra_menu .content-part .name {
    margin-bottom: 8px;
    font-size: 22px;
}
 
.gra.style1 .gra_menu .content-part {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    text-align: center;
    z-index: 1;
    transition: all 0.3s ease;
    opacity: 0;
}


.rs-degree.style1 .degree-wrap .content-part,
.gra.style1 .gra_menu:after {
    width: calc(100% - 60px);
    height: calc(100% - 60px);
}
.gra.style1 .gra_menu .content-part {
    width: calc(100% - 60px);
}
            ::selection {
  background: #21a7d0;
  text-shadow: none;
  color: #ffffff;
}
 .gra.style1 .gra_menu img{}
            img, svg {
    vertical-align: middle;
}
*, ::after, ::before {
    box-sizing: border-box;
}





/*후보소개박스1 */
.wrap-contents .prof-box {background:url('../../images/common/pattern-menu-box.png') left top; padding:10px 10px 10px 10px; margin-top:-30px;}
.wrap-contents .prof-box .inner {background:#fff; padding:15px 35px;}
.wrap-contents .prof-box .inner dl { margin-left:30%; }
.wrap-contents .prof-box .inner dt { font-size:20px; font-weight:600; font-family:hufs_l; border-bottom:1px solid gray; line-height:30px; padding:5px; margin-top:20px; color:#8d7150; }
.wrap-contents .prof-box .inner h2{color:#152c46 !important; line-height:40px;font-size:20px; font-weight:600;}
.wrap-contents .prof-box .inner .objImg {width: 30%; text-align:center;height:500px; overflow:inherit; }
.wrap-contents .prof-box .inner .editorImg{border:1px solid #e9e9e9; width:200px; height:230px; margin-top:20px;}
.wrap-contents .prof-box .inner .objImg a{ color:#fff;background:#8d7150 url('../../images/common/back1.png') no-repeat;padding:15px 0; margin-top:0px; display:inline-block; width:200px; font-weight:600;font-size:20px; background-position:  center 10px; }
.wrap-contents .prof-box .inner .objImg a:hover{background-color:#002d56;}
.wrap-contents .prof-box .inner .objImg a span{font-family:hufs_l;}
.wrap-contents .prof-box .inner .objImg .movie a{ color:#fff;background:#444 url('../../images/common/back1.png') no-repeat;padding:15px 0; margin-top:0px; display:inline-block; width:200px; font-weight:600;font-size:20px;background-position:  center -62px; }
.wrap-contents .prof-box .inner .objImg .movie a:hover{background-color:#111; color:#fff;}



/*.view-img{ display:none}
.view-detail{ display:none !important;}
.view-util{ display:none;}
.view-file{ display:none;}
.board-search{ display:none!important;}
.writer{ display:none!important;}
.date, .count, .new{display:none!important;}
.view-more{ display:none!important;}
.board-album .info dt{ display:inline-block;}
.title strong{font-size:20px !important;font-family:hufs_m !important;color:#002d56 !important;}
.etc dd{background-image:none!important; font-size:16px !important;color:#8d7150 !important;  }*/

@media all and (max-width:1024px) {
	
.wrap-contents .prof-box .inner .objImg {}
.wrap-contents .prof-box .inner h2{ display:inline-block !important; width:50%; border:1px solid red;}
.wrap-contents .prof-box .inner .editorImg{border:0px solid #e9e9e9; width:150px; height:170px; margin-top:0px;display:inline-block;border:0px solid green; float:left;}	
.wrap-contents .prof-box .inner .objImg {border:0px solid gold;width:300px;height:190px;margin-left:30%; padding-top:25px; }


.wrap-contents .prof-box .inner .objImg a {
    border: 0px solid red; background-position:  center 19px;
    width: 150px;
    height: 84px;
}

.wrap-contents .prof-box .inner .objImg a span {
    display: block;
    width: 100%;
    margin-top: 8px;
    line-height: 12px;
}

.wrap-contents .prof-box .inner .objImg .movie {
    margin-top: 0px;
    margin-left: 0px;
    float: right;
}

.wrap-contents .prof-box .inner .objImg .movie a{border:0px solid red;width:150px; height:86px; background-position:  center -62px;}
.wrap-contents .prof-box .inner .objImg .movie a span{ display:block; width:100%; margin-top:20px;color:#fff;}

.wrap-contents .prof-box .inner dl {padding:0px 10px 0px 10px; margin:10px; }
.wrap-contents .prof-box .inner dt { font-size:20px; font-weight:600; font-family:hufs_l; border-bottom:1px solid gray; line-height:20px; padding:5px; color:#8d7150; }
.wrap-contents .prof-box .inner .objTxt{margin-top:220px;}
	.wrap-contents .prof-box .inner {padding:1px;}
}

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

.wrap-contents .prof-box .inner .objImg {margin-left:20%; }
}

@media all and (max-width:520px) {
	.wrap-contents .prof-box .inner {padding:1px;}
.wrap-contents .prof-box .inner .objImg {margin-left:10%;}
}
@media all and (max-width:400px) {
.wrap-contents .prof-box .inner {padding:1px;}
.wrap-contents .prof-box .inner .objImg {margin-left:10%}
}

._findInfo { display:none!important;}




.orga .title{font-family:"hufs_m";color: #FFF; text-align:center; font-size:20px; padding:10px;}
.orga .title2{font-family:'Noto bold';color: #222; text-align:center;}
.orga .title span{display:inline-block; }

@media all and (max-width:768px) {
.orga .title{font-size:18px; line-height:20px;}
.orga .title span{display:block; }
}





.list01 { display: flex; flex-wrap: wrap; width: 100%;}
.list01 .wide{;width: 70%;}
.list01 li {
    margin: 8px 10px;
    width: 29.888%;
    background: url(/sites/gra/images/common/bullet_dot.png) no-repeat left 8px;
    text-align: left;
    padding-left: 11px;
    font-size: 0.8rem;}
.list01 li a { text-decoration: none;
    color: #0b419b;
    line-height: 1.2rem;
    font-size: 1rem;
    display: block;}
.list01 li a:hover {color: #22cddc;  font-weight:500}
.list01 li:hover {background: url(/sites/gra/images/common/bullet_dot_on.png) no-repeat left 8px;} 

.list02 { display: flex; flex-wrap: wrap; width: 100%;}
.list02 .wide{;width: 70%;}
.list02 li {
    margin: 2px;
    width: 49%;
    text-align: center;
    padding: 10px 2px;
    border: 1px solid #ccc;background: linear-gradient(360deg, #e9e9e9, transparent);
}
.list02 li a {
    text-decoration: none;
    color: #002d56
    line-height: 1.2rem;
    font-size: 0.9rem; letter-spacing:-0.05rem;
}
.list02 li a:hover {color: #fff!important;  font-weight:500}
.list02 li:hover{ background:#002d56 url(/sites/gra/images/common/bullet_dot_on.png) no-repeat 3px center;}
.list02 li:hover a{color:skyblue }



@media all and (max-width:1024px) {
  .list01 li { width: 45%;}
  .list01 .wide{;width: 95%;}
}

@media all and (max-width:768px) {
  .list01 li { width: 95%;}
  .list01 .wide{;width: 95%;}
}
ul.button {margin-bottom:30px;*zoom:1;
    border-left: 1px solid #ccc;
    border-left: 1;
    overflow: hidden; }

ul.button :after{content:'';display:block;clear:both;}

ul.button  li{ float: left;
    width: 33%;
    background:linear-gradient(360deg, #e9e9e9, transparent);}
ul.button  li:hover{background: #fff;}
ul.button li a strong{font-size: 1.1rem;
    line-height: 1rem; color:#002d56;
}
	ul.button  li.selected{display:none}

	ul.button  li a{
    display: block;
    padding: 15px 0 15px;
    color: #687481;
    font-weight: 300;
    text-align: center;
    border: 1px solid #ccc;
    border-left: 0px solid #fff;
    font-size: 9px;
}
	ul.button  li a:hover strong{color:#8d7150;}



  .filedown a{ position: relative;
    color: #4b4b4b;
    padding: 3px 20px 5px 40px;
    margin: 0 5px;
    font-size: 16px;
    border: 1px solid #c1c1c1;
    display: inline-block; border-radius:5px;
    background: url(/sites/gra/images/common/filedown.gif) no-repeat 10px 8px;
   text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;}
  .filedown a:hover{   border: 1px solid #10489f;color:#10489f;}


.wrap-contents .site:hover{   border: 1px solid #10489f;color:#10489f;background: #10489f url(/sites/gra/images/common/sitenew.png) no-repeat center left;}
  
.wrap-contents .site2 {
    font-weight: 300;
    position: relative;
    color: #4b4b4b;
    padding: 3px 15px 5px 25px;
    border-radius: 3px;
    margin: 0 5px;
    font-size: 16px;
    border: 1px solid #c1c1c1;
    display: inline-block;
  background: url(/sites/gra/images/common/site.png) no-repeat center left;}

  .wrap-contents .site {
    font-weight: 300;
    position: relative;
    color: #4b4b4b;
    padding: 0px 15px 5px 10px;
    border-radius: 3px;
    margin: 0 5px;
    font-size: 0px;
    width: 10px;
    height: 26px;
    /* border: 1px solid #c1c1c1; */
    display: inline-block;
    background: #869fb9 url(/sites/gra/images/common/sitenew.png) no-repeat center left;vertical-align:middle;
}