@charset "utf-8";
/* 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; 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; } 

 
/*대학원 메인 */
.gra.style1 { border: 1px solid #999; margin-bottom:50px; height:902px; background: url(/sites/gramajor/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; } 
@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/guide/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/guide/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/guide/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/guide/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/guide/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/guide/images/common/sitenew.png) no-repeat center left; vertical-align:middle; } 
/*20250213추가*/
.location-list.line { padding-bottom: 25px; border-bottom: 1px solid #c3c3c3; } 
.location-list > ul > li { display: inline-block; position: relative; width: 100%; padding: 7px 0 7px 45px; } 
.location-list > ul > li.ico1 { background: url('/sites/guide/images/guide/ico-location1.png') no-repeat left 4px; } 
.location-list > ul > li.ico2 { background: url('/sites/guide/images/guide/ico-location2.png') no-repeat left 4px; } 
.location-list > ul > li.ico4 { background: url('/sites/guide/images/guide/ico-location4.png') no-repeat left 4px; } 
.location-list > ul > li strong { float: left; width: 90px; font-family: 'Noto bold'; font-size: 16px; color: #121212; font-weight: 600; } 
.location-list > ul > li p { float: left; width: calc(100% - 150px); font-family: 'Noto Regular'; font-size: 16px; color: #666; } 
 /* 학부소개 */
.wrap-depart .con { float: left; text-align: justify; padding-right: 50%; } 
.wrap-depart .thumb { position: absolute; right: -18.5%; top: 4px; max-width: 64%; border-radius: 15px; overflow: hidden; } 
.wrap-depart .con strong.dep { font-size:1.45rem; font-family:hufs; } 
@media all and (min-width: 981px) {.wrap-depart { min-height:400px; } 
 }
@media all and (max-width: 1200px){
 .wrap-depart .thumb { max-width: 80%; right: -33.5%; } 
 }
@media all and (max-width: 980px){
 .wrap-depart .thumb { overflow: hidden; position: static; display: flex; justify-content: center; align-items: center; max-width: 100%; max-height: 300px; margin-bottom:40px; } 
 .wrap-depart .con { padding-right: 0; min-height:auto; } 
 /* .wrap-depart .con h3 { position: absolute; left: 0; top: 0; } */}
@media all and (max-width: 660px) { /* .wrap-depart .thumb { margin-top: 55px; } */
 .wrap-depart .con .con-desc { font-size: 15px; } 
 }
/* 학과소개 */
.wrap-depart-intro { position: relative; } 
.wrap-depart-intro .thumb { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); } 
.wrap-depart-intro .thumb img { max-width: none; } 
.wrap-depart-intro .con { position: relative; z-index: 1; max-width: 1400px; padding-top: 160px; margin-left: auto; margin-right: auto; } 
.wrap-depart-intro .con .white { position: relative; } 
.wrap-depart-intro .con .white::before { content: ''; position: absolute; right: 50%; top: 0; width: 100%; height: 100%; background: #fff; } 
.wrap-depart-intro .con .space { float: right; width: 50%; height: 450px; margin: 0 0 60px 70px; } 
.wrap-depart-intro .con .para { position: relative; z-index: 1; } 
.wrap-depart-intro .con .title { display: block; margin-top: 36px; font-family: 'Noto Bold'; font-size: 40px; letter-spacing: -.5px; line-height: 1.3; color: #000; } 
.wrap-depart-intro .con .desc { margin-top: 34px; font-family: 'Noto Regular'; font-size: 18px; line-height: 1.7; letter-spacing: -0.5px; text-align: justify; color: #666; } 
/*학과타이틀*/
.wrap-sub-visual:after { content: attr(data-content); position: absolute; width: 100%; height: 80%; left: 0; margin-left: 0px; top: 108px; transform: scale(1); font-size: 2.65rem; font-family: hufs; color: #fff; text-align: center; text-shadow: 0 0 50px black; } 
.wrap-contents .tab ul li { position: relative; float: left; width: calc(100% / 4) !important; text-align: center; } 
 @media (max-width: 767px){
 .wrap-sub-visual:after { height: auto; left: 0; margin-left: 0px; top: 120px; transform: scale(1); font-size: 2.2rem; } 
 .wrap-contents .tab ul li { position: relative; float: none !important; width: 100% !important; text-align: center; } 
 }