@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 번호확인필요  */
#menu11612_obj10396 {overflow:hidden;}
#menu11612_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;
    margin-right: 100px;
    }
  .greet_text p{width:55%; 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;}.view-img{ text-align:center;}
.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; }
}


.graph { margin: 20px auto; width: 95%; border: 1px solid #ccc; padding: 20px; text-align: center;background: linear-gradient(45deg, #b6c2ce, transparent);}
.graph p{display:inline-block; text-align:center;}
.graph .won {width: 200px;height: 200px;background: linear-gradient(90deg, #8d7150, #c2b09b);border-radius: 50%;margin: 0px;vertical-align: top;}
.graph p strong { display: block;font-size: 1.3rem;color: #fff;margin-top: 50px;line-height: 1.5rem;}
.graph p span {height: 60px;font-size: 0.95rem;color: #e0e0e0;line-height: 1.2rem;display: block; margin-top: 10px;}
.graph .anchor { vertical-align: middle;background: blue;border-radius: 50%;width: 30px;height: 30px; background: #556677 url(/sites/edulife/images/common/tab4dep-w.png); background-repeat: no-repeat; background-position: center; font-size: 0; margin: 80px 15px 30px 15px;}
  
@media all and (max-width:895px) {
	.graph {padding: 20px 0px;width:100%;}
	.graph .won {width: 160px;height: 160px;}
	.graph p strong {font-size: 1rem;margin-top:30px;}
	.graph p span {font-size:0.9rem;}
.graph .anchor{margin: 60px 0px 0px 0px;}
		
}
@media all and (max-width:600px) {
	.graph {padding: 20px 0px;width:100%;}
	.graph .won {width: 130px;height: 130px;}
	.graph p strong {font-size: 0.9rem;margin-top:30px; line-height: 1.1rem;}
	.graph p span {font-size:0.7rem;margin-top:10px;line-height:0.9rem;}
.graph .anchor{margin: 50px 0px 0px 0px;}
		
}