@charset "utf-8";#_globalNavi #_globalUl { margin-top:8px; } 
#_globalNavi #_globalUl .membership { display:none!important; } 

#multipleContentsDiv_university_temp03_11 { background:#000; } 
.area { max-width: 1400px; margin: 0 auto; box-sizing: content-box; } 
.container { width: 100%; max-width: 1600px; margin: 0 auto; } 

@media all and (max-width:1400px){
 .area { padding: 0 30px 0 0; } 
 .container, #multipleContentsDiv_factory1_37 { padding:0 30px; } 
 }

.wrap-header-box { position: relative; z-index: 200; } 
.main .wrap-header-box { position: absolute; left: 0; top: 0; width: 100%; z-index: 1000; } /*240820수정*/
.wrap-top { border-bottom: 1px solid #cccccc54; } 
.main .wrap-top { background: #011e3cd4; } 
.wrap-top .container { overflow: hidden; } 
.wrap-top .btn-go { display: block; float: left; padding: 0 20px; color: #fff; font-size: 13px; height: 35px; line-height: 37px; font-family: 'Dream light'; letter-spacing: 0; } 
.wrap-top .btn-go:hover { color:skyblue; } 
.wrap-top .btn-go.color1 { background: #183693; } 
.wrap-top .btn-go.color2 { background: #f2f5f52e; } 
.wrap-top .btn-go.color3 { background: #00a6ac; } 
.wrap-top .goto { float: left; } 
.wrap-top .gnb { float: right; right: 5px; position: relative; } 
.wrap-top .gnb span { color: rgba(255,255,255,.4); padding: 0 5px; } 
.wrap-top .gnb .top-gnb div { display: inline-block; padding-left: 15px; margin-left: 15px; background: url('/Web-home/fnct/globalNavi/gnb-temp/images/dot-gnb.png') no-repeat left center; } 
.wrap-top .gnb .top-gnb .gnb-main { background: none; margin-right: 0px; } 
.wrap-top .gnb .top-gnb div a { height: 35px; font-family: 'Noto Light'; font-size: 14px; line-height: 35px; color: #fff; } 
.main .wrap-top .gnb .top-gnb div a { color: #fff; } 

@media all and (max-width: 1600px) {.wrap-top .gnb { right:40px; } 
 }

@media all and (max-width: 1300px) {.wrap-top .gnb { right:10px; } 
 }


@media all and (max-width: 768px){
 .wrap-top .goto { } 
 .wrap-top .btn-go { font-size: 0.9rem; padding: 0 15px; } 
 }

.wrap-header {; } 
.main .wrap-header { background:linear-gradient(180deg, #011e3c 10%, #ffffff00 90%); border-top: 1px solid rgba(255,255,255,.3); } 
.wrap-header .container { display: table; width: 100%; } 
.wrap-header .head-logo,
.wrap-header .head-navi { display: table-cell; vertical-align: middle; } 


/*로고*/
.wrap-header .head-logo { background: url(../../images/logo.svg) no-repeat 16px 27px; } 
.wrap-header .head-logo a { min-width: 22rem; display: inline-block; padding-top: 0rem; padding-left: 14.7rem; } 
.wrap-header .head-logo a span { display: inline-block; margin-left: 0.5rem; font-family: hufs; color: #fff; text-shadow: 0px 0px 1px #000; font-size: 1.4rem; line-height: 2.2rem; } 
.wrap-header .head-logo a span p { font-size: 0.49rem; line-height: 0.3rem; font-family: hufs; color: #fff; letter-spacing: 0.5px; font-weight: 500; text-shadow: 0px 0px 2px black; } 



@media all and (max-width:1484px) {.wrap-header .head-logo span { font-size:20px; } 
.wrap-header .head-logo a { min-width: 15rem; } 
 }
@media all and (max-width:1300px) {.wrap-header .head-logo a { min-width: 1rem; padding-left: 2.5rem; } 
.wrap-header .head-logo { background: url(../../images/logo_symbol.svg) no-repeat 0 27px; width:auto; } 

.wrap-header .head-navi .ul_1:before { width:100%!important; } 
.wrap-header .head-navi .bg_text { padding: 2.125rem 0.5rem 0 2rem!important; font-size: 1.1rem; } 
}
@media all and (max-width:1000px) {.wrap-header .head-logo img { max-width:160px; } 
.wrap-header .head-logo span i { display:inline; width:0; } 
.wrap-header .head-logo { background: url(../../images/logo.svg) no-repeat 0 19px; width:auto; } 
.wrap-header .head-logo a { padding-left: 13.7rem; } 
 .wrap-top .gnb .top-gnb div a { margin-right:0px!important; } 
 }
@media all and (max-width:768px) {.wrap-header .head-logo { background: url(../../images/logo_symbol.svg) no-repeat 0 15px; } 
.wrap-header .head-logo a span { font-size:27px; margin-top: 10px; margin-left:10px; } 
.wrap-header .head-logo a span p { font-size:0.49rem; line-height: 0.9rem; padding-left: 5px; } 
.wrap-header .head-logo a { padding-left: 2.5rem; } 
.wrap-header.fNav .head-logo a { min-width: 1rem; padding-left: 2.5rem; } 
.wrap-header.fNav .head-logo { background:url('../../images/logo_navy_symbol.svg') no-repeat 0 0; } 
}


.wrap-header .head-navi { flex: 1; text-align:right; } 
.wrap-header .head-mobile-top,
.wrap-header .head-mobile-util { display: none; } 
.wrap-header .head-navi .div_1 .ul_1 { display: flex; justify-content: end; text-align: left; } 
.wrap-header .head-navi .div_1 .li_1 { display:inline-block; } 
.wrap-header .head-navi .div_1 .li_1:nth-child(8) { display: none; } 
.wrap-header .head-navi .div_1 .a_1 { display:block; padding: 22px 15px; font-family:'Noto Medium'; font-size: 21px; color: #fff; transition: all .3s; } 
.wrap-header .head-navi .div_1 .a_1:hover { color:#efd3aa; } 
.wrap-header .head-navi .div_1 .a_1._active { color:#efd3aa; } 
.wrap-header .head-navi .div_1 .a_1._menuOn { color:#efd3aa; } 
/* 마우스온 하단효과 .wrap-header .head-navi .div_1 .li_1 .a_1 span::after { content: ""; display: block; width: 100%; height: 8px; background: transparent; transform: translate(0px, -6px); transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); } 
.wrap-header .head-navi .div_1 .li_1 .a_1:hover span::after { background: rgba(240,249,4,0.5); } */
.wrap-header .head-navi .div_1 .li_1 .a_1 span::after { position: relative; content: ""; top: 2.9rem; width: 0; height: 0; opacity: 0; display: block; left: 50%; margin-left: -0.7rem; border-bottom: 0.7rem solid transparent; border-left: 0.7rem solid transparent; border-right: 0.7rem solid transparent; transform: translate(0px, -6px); transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); } 
/*마우스오버시 삼각형 */
.wrap-header .head-navi .div_1 .li_1 .a_1:hover span::after { top: 1.95rem; border-bottom: 0.7rem solid #fff; border-left: 0.7rem solid transparent; border-right: 0.7rem solid transparent; opacity:1; } 
.wrap-header .head-navi .div_1 .li_1 .a_1[target=_blank]:hover span::after { border-bottom: 0rem solid #fff; border-left: 0 solid transparent; border-right: 0 solid transparent; opacity:0; } 
 /* 마우스온 하단효과 */


.wrap-header .head-navi { flex: 1; text-align:right; } 
.wrap-header .head-mobile-top,
.wrap-header .head-mobile-util { display: none; } 
.wrap-header .head-navi .div_1 .ul_1 { display: flex; justify-content: end; text-align: left; } 
.wrap-header .head-navi .div_1 .li_1 { display:inline-block; } 
.wrap-header .head-mobile-top #_globalNavi #_globalUl li a{color:#ececec;}


/*.wrap-header .head-navi .div_1 .a_1 span::after { content:''; position:absolute; left:50%; top:2.6rem; width:0; height:0; margin-left:-0.4rem; border-top:0.4rem solid red; border-left:0.4rem solid transparent; border-right:0.4rem solid transparent; } */
.wrap-header .head-navi .eQ04 .a_1[target=_blank] span { background:url('../../images/common/new_win_gray2.png') no-repeat right top; padding-right: 10px; display:inline-block; } 
.wrap-header .head-navi .eQ05 .a_1[target=_blank] span { background:url('../../images/common/new_win_gray2.png') no-repeat right top; padding-right: 10px; display:inline-block; } 
.wrap-header .head-navi .eQ06 .a_1[target=_blank] span { background:url('../../images/common/new_win_gray2.png') no-repeat right top; padding-right: 10px; display:inline-block; } 
.wrap-header .head-navi .div_1 .a_1 .inner { position: relative; } 
.wrap-header .head-navi .div_1 .a_1 .inner::before { content: ''; position: absolute; left: 50%; bottom: 0px; z-index: 120; width: 100%; height: 4px; background:red; transform: translate(-50%, 0); opacity: 1; transition: .5s; } 
.wrap-header .head-navi .div_1 .line .a_1 .inner::before { opacity: 1; } 
/* 마우스온 하단배경 높이 */
.wrap-header .head-navi .div_2 { overflow: hidden; position: absolute; left: 0; top: 95%; z-index: 110; width: 100%; min-height: 218px; padding: 10px 0 10px 0; background: #fff url('/sites/iucf/images/common/bg-gnb.png') no-repeat right bottom; text-align: left; opacity: 0; visibility: hidden; transition: opacity 0s, visibility 0s; border-bottom:1px dotted #ccc; } 
/* 마우스온 하단배경 높이 */
.wrap-header .head-navi .div_2.on { left: 0; opacity: 1; border-top: 1px solid #f3f3f3; visibility: visible; transition: opacity 0.5s, visibility 0.5s; } 
.wrap-header .head-navi .div_2 .ul_2 { overflow: hidden; position: relative; display: flex; flex-wrap: wrap; max-width: 1600px; margin: 0 auto; } 
.wrap-header .head-navi .div_2 .ul_2::before { content: ''; position: absolute; left: 0; top: 30px; width: 1px; height: 100%; background: #ccc; } 
.wrap-header .head-navi .div_2 .li_2 { position: relative; display: inline-block; width: 16.666%; margin-top: 30px; padding: 0 1.8%; vertical-align: top; } 
.wrap-header .head-navi .div_2 .li_2::before { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 1000%; background: #ccc } 
.wrap-header .head-navi .div_2 .a_2 { position: relative; top: -10px; display: block; /*padding-bottom: 15px; */ font-family: 'Noto Medium'; font-size: 20px; text-align: left; line-height: 1; color: #333; transition: all 0.3s; } 
.wrap-header .head-navi .div_2 .a_2.line { color: #008395; } 
.wrap-header .head-navi .div_2 .a_2[target=_blank] span { position: relative; } 
.wrap-header .head-navi .div_2 .a_2[target=_blank] span::after { content: ""; display: inline-block; position: absolute; right: -23px; top: 9px; width: 13px; height: 13px; background: url('/sites/hufs/images/common/new_win_gray2.png'); vertical-align: middle; } 

.wrap-header .head-navi .div_3 .li_3 { padding-bottom: 5px; text-align: left; } 
.wrap-header .head-navi .div_3 .a_3 { display: inline-block; position: relative; font-family: "Noto Regular"; font-size: 16px; letter-spacing: -1px; word-break: break-all; color: #666; transition: all 0.3s; } 
.en .wrap-header .head-navi .div_3 .a_3 { font-size: 14px; word-break: break-word; } 
.wrap-header .head-navi .div_3 .a_3._active,
.wrap-header .head-navi .div_3 .a_3:hover { color: #a78258; } 
.wrap-header .head-navi .div_3 .a_3[target=_blank] { padding-right: 10px; } 
.wrap-header .head-navi .div_3 .a_3[target=_blank] span::after { content: ''; position: absolute; right: -23px; top: 7px; width: 13px; height: 13px; background: url('../../images/common/new_win_gray2.png') no-repeat center center; } 
/*.wrap-header .head-navi .top_div_12558 .a_3[target=_blank] span::after { content: ''; position: absolute; right: -11px; top: 7px; width: 13px; height: 13px; background:url('../../images/common/new_win_gray2.png') no-repeat center center; } */

/*.wrap-header .head-navi .div_3 .a_3 span { position: relative; } */
.wrap-header .head-navi .div_3 .a_3 span::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #bfa68c; transition: .75s; } 
.wrap-header .head-navi .div_3 .a_3:hover span::before { width: 100%; } 



.wrap-header .head-util ul { position: relative; top: 2px; display: inline-block; font-size: 0; } 
.wrap-header .head-util li { position: relative; float: left; margin-left: 10px; padding-left: 10px; } 
.wrap-header .head-util li::after { content: ''; position: absolute; left: 0; top: 6px; width: 1px; height: 9px; background: #999; } 
.wrap-header .head-util li:first-child::after { display: none; } 
.wrap-header .head-util a { font-family: 'Noto Regular'; font-size: 14px; letter-spacing: normal; color: #333; } 
.trans .wrap-header .head-util a { color: #fff; } 
.wrap-header .head-util a span { position: relative; } 
.wrap-header .head-util .eng a span { top: -1px; } 
.wrap-header .head-util a span::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #002d56; transition: .75s; } 
.wrap-header .head-util a:hover span::after { width: 100%; } 

.wrap-header .head-util2 li { float: left; } 
.wrap-header .head-util2 a,
.wrap-header .head-util2 button { display: block; width: 30px; height: 100px; text-indent: -9999999px; } 
.wrap-header .head-util2 .btn-search { padding-left: 50px; } 
.wrap-header .head-util2 .btn-search button { background: url('../../images/common/ic-search.png') no-repeat center; } 
.trans .wrap-header .head-util2 .btn-search button { background: url('../../images/common/ic-search-white.png') no-repeat center; } 
.wrap-header .head-util2 .btn-sitemap { padding-left: 20px; } 
.wrap-header .head-util2 .btn-sitemap a { background: url('../../images/common/ic-sitemap.png') no-repeat right center; } 
.trans .wrap-header .head-util2 .btn-sitemap a { background: url('../../images/common/ic-sitemap-white.png') no-repeat center; } 

.wrap-header .btn-mgnb { display: none; } 
.wrap-header .btn-mgnb button { background: url('../../images/common/ic-sitemap.png') no-repeat center; } 
.trans .wrap-header .btn-mgnb button { background: url('../../images/common/ic-sitemap-white.png') no-repeat center; } 
.wrap-header .btn-mgnb-close { display :none; } 

@media all and (max-width: 1760px){
 .wrap-header .head-util li:nth-child(n+3) { display: none; } 
 .wrap-header .head-util2 .btn-search { padding-left: 35px; } 
 }

@media all and (max-width: 1600px){
 .wrap-header .head-navi .div_1 .a_1 { font-size: 18px; } 
.wrap-header .head-util2 .btn-sitemap { padding-right: 30px; } 
 }

@media all and (max-width: 1450px){
 .wrap-header .head-navi .div_1 .a_1 { padding: 30px 10px; font-size: 17px; } 
 }

@media all and (max-width: 1290px){
 .wrap-header .head-logo .logo-img img { height: 35px; } 
 .wrap-header .head-util2 .btn-search,
 .wrap-header .head-util2 .btn-sitemap { padding-left: 15px; } 
 /*.wrap-header .head-util li:nth-child(n+2) { display: none; } */
 .wrap-header .head-convert { padding-left: 20px; } 

.wrap-header .head-util2 .btn-sitemap { padding-right: 0px; } 
 }

@media all and (max-width: 1105px){
 .wrap-header .head-navi .div_1 .a_1 { padding: 37px 5px; font-size: 16px; } 
 }

@media all and (max-width: 1000px) { /* .wrap-header .head-navi .div_1 .li_1 .a_1:hover span::after { display:none; } { top: 2.05rem; border-bottom: 1px solid #fff; } */
/* .wrap-header .head-navi .div_1 .li_1 .a_1._active span { background:red } */
 .wrap-header .head-navi .div_1 .li_1 .a_1:hover span::after { display:none; } 
 .wrap-header { padding:0; } 
 .wrap-header .container { justify-content: space-between; width: 99.9%; } 
.wrap-header .head-util2 li { float: right; } 
 .wrap-header .head-convert { flex: 1; display: block; padding-left: 25px; } 

 .wrap-header .head-navi { overflow: auto; position:fixed; top:0px; right:-100%; z-index:10000; width: 100%; max-width: 500px; height: 100%; padding: 0; background: #152c46; opacity: 0; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1); } 
 .wrap-header .head-navi.on { right: 0; opacity: 1; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1); } 
 .wrap-header .head-navi .menuUItop { position: relative; height: calc(100% - 141px); } 

 .wrap-header .head-navi .div_1 .ul_1 { display: block; padding-top: 10px; } 
 .wrap-header .head-navi .div_1 .li_1 { position: static; display: block; width: 100%; padding:0px; } 
 .wrap-header .head-navi .div_1 .a_1 { width: 33.4%; height: auto; padding: 12px 0 12px 30px; background-image: none; background-position: right center; text-align: left; font-family: 'Noto Medium'; font-size: 18px; color: #fff; } 
 .wrap-header .head-navi .div_1 .a_1 span { position: relative; } 
 .wrap-header .head-navi .div_1 .a_1[target=_blank] span::before { content: ''; position: absolute; left: 113%; top: 8px; bottom: auto; width: 13px; height: 13px; background: url(../../images/common/ico_blank_mobile.png) no-repeat center center; opacity: 1; transform: translate(0); } 
 .wrap-header .head-navi .div_1 .a_1:after { display:none; } 
 .wrap-header .head-navi .div_1 .a_1:hover { color:#6ab0ff; } 
 .wrap-header .head-navi .div_1 .a_1._active { color:#6ab0ff; } 
 .wrap-header .head-navi .div_1 .a_1:active { color:#6ab0ff; } 
 .wrap-header .head-navi .div_1 .a_1.on { color:#6ab0ff; } 
 .wrap-header .head-navi .div_1 .a_1.on span:after { display:none; } 

 .wrap-header .head-navi .div_2 { top: 0; } 
 .wrap-header .head-navi .div_2.on { overflow: auto; width: 66.6% !important; right:0px; left: auto; top: 0; max-height: none; height:100%; padding: 0; background:#fff; border: 0; transition-property: none; } 
 .wrap-header .head-navi .div_2::-webkit-scrollbar { width: 12px; } 
 .wrap-header .head-navi .div_2::-webkit-scrollbar-thumb { background-color: #008395; border: 2px solid #ececec; border-radius: 10px; } 
 .wrap-header .head-navi .div_2::-webkit-scrollbar-track { background-color: #ececec; } 
 .wrap-header .head-navi .div_2 .container { padding: 0px; } 
 .wrap-header .head-navi .div_2 .ul_2 { display: block; border: 0; margin-top: 10px; } 
 .wrap-header .head-navi .div_2 .ul_2::after { display: none; } 
 .wrap-header .head-navi .div_2 .ul_2::before { display: none; } 
 .wrap-header .head-navi .div_2 .li_2 { display:block; width: 100%; margin: 0; padding:0px; border:0px; } 
 .wrap-header .head-navi .div_2 .li_2::before { display: none; } 
 .wrap-header .head-navi .div_2 .a_2 { width:100%; padding: 15px 20px; border-bottom: 1px solid #e7e7e7; margin: 0; font-family: 'Noto Regular'; font-size: 16px; color:#666; } 
 .wrap-header .head-navi .div_2 .a_2._active,
 .wrap-header .head-navi .div_2 .a_2:hover { color:#2196f3; } 
 .wrap-header .head-navi .div_2 .a_2.plus { position: relative; background:url('../../images/common/arrow-a2.png') no-repeat 95% 15px; } 
.wrap-header .head-navi .div_2 .a_2.plus.on { background: url(../../images/common/arrow_a2_hover.png) no-repeat 95% 15px; color: #002d56; font-weight: 900; } 
 .wrap-header .head-navi .div_2 .a_2:after { display:none; } 
 .wrap-header .head-navi .div_2 .a_2 span { padding: 0; } 
 .wrap-header .head-navi .div_2 .a_2[target=_blank] span::after { width: 13px; height: 13px; top: 7px; background: url('../../images/common/ico_blank_mobile.png') no-repeat center; } 

 .wrap-header .head-navi .div_3 { overflow: hidden; display: block; width: 100%; max-height: 0px; padding: 0; background: #fcfcfc; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1); margin-top: -10px; margin-bottom: 10px; } 
 .wrap-header .head-navi .div_3.on { max-height: 500px; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1); } 
 .wrap-header .head-navi .div_3 .ul_3 { padding:12px 0; border-bottom: 1px solid #ececec; } 
 .wrap-header .head-navi .div_3 .li_3 { position:relative; width: 100%; margin: 0px; padding:3px 0; } 
 .wrap-header .head-navi .div_3 .a_3 { display:inline-block; padding:0 0 0 20px; font-family: 'Noto Light'; font-size:14px; color:#333; } 
 .wrap-header .head-navi .div_3 .a_3[target=_blank] span::after { top: 5px; width: 13px; height: 13px; margin-left: 7px; background: url('../../images/common/ico_blank_mobile.png') no-repeat center; } 
 .wrap-header .head-navi .div_3 .a_3::after { display: none; } 
 .wrap-header .head-navi .div_3 .a_3:hover,
 .wrap-header .head-navi .div_3 .a_3._active { color:#e63b53; } 

 .wrap-header .head-mobile-top { position: relative; display: block; padding: 28px 30px 29px 30px; background: #ececec; } 
 .wrap-header .head-mobile-top .top-gnb { display:none; } 
 .wrap-header .head-mobile-top ul { overflow: hidden; } 
 .wrap-header .head-mobile-top li { float: left; position: relative; margin-right: 13px; padding-right: 13px; } 
 .wrap-header .head-mobile-top li::after { content: ''; position: relative; position: absolute; right: 0; top: 10px; width: 1px; height: 9px; background: #8e8e8e; } 
 .wrap-header .head-mobile-top li:last-child:after { display: none; } 
 .wrap-header .head-mobile-top a { font-family: 'Noto Regular'; font-size: 14px; color: #333; } 

 .wrap-header .head-mobile-util { display: none; background:linear-gradient(45deg, #595353, #8b8585); } 
 .wrap-header .head-mobile-util ul { overflow: hidden; } 
 .wrap-header .head-mobile-util li { float: left; width: 33.333%; height: 60px; line-height: 56px; text-align: center; } 
 .wrap-header .head-mobile-util li.color1 { background: #a78258; } 
 .wrap-header .head-mobile-util li.color2 { background: #002d56; } 
 .wrap-header .head-mobile-util li.color3 { background: #008395; } 
 .wrap-header .head-mobile-util li.color1 a, .wrap-header .head-mobile-util li.color2 a, .wrap-header .head-mobile-util li.color3 a { color:#fff; } 
 .wrap-header .head-mobile-util li button { padding-right: 20px; background: url('../../images/common/arr-mobile-util.png') no-repeat right center; font-family: 'Play Regular'; font-size: 14px; color: #fff; } 
 .wrap-header .head-mobile-util li strong { font-family: 'Play Bold'; } 

 .wrap-header .head-util { display: none; } 
 .wrap-header .head-util li:nth-child(n+2) { display: block; } 

 .wrap-header .head-util2 .btn-search { padding-left: 30px; } 
 .wrap-header .head-util2 .btn-mgnb { padding-left: 20px; } 
 .wrap-header .head-util2 .btn-sitemap { display: none; } 
 .wrap-header .head-util2 a,
 .wrap-header .head-util2 button { height: 80px; } 

 .wrap-header .btn-mgnb { display: inline-block; } 
 .wrap-header .btn-gnb,
 .wrap-header .btn-mgnb-close { display:block; cursor: pointer; } 
 .wrap-header .btn-mgnb-close { position: absolute; right: 0; top: 0; width: 80px; height: 100%; background: url('/sites/hufs/images/common/btn-navi-close.png') no-repeat center center; text-indent: -99999px; } 
 .wrap-header .btn-mgnb-close button { width: 100%; height: 100%; text-indent: -999999px; } 
 .wrap-header .head-navi .div_1 .a_1 .inner::before { height: 0px; } 
 
 .wrap-sub-visual .slogan p { font-size: 1.5rem; margin-top:-40px; } 
 }

@media all and (max-width: 660px){
 .wrap-header .head-navi .menuUItop { height: calc(100% - 131px); } 
 .wrap-header .head-mobile-top { padding: 23px 30px 23px 30px; text-align:left; } 
 .wrap-header .head-mobile-top .gnb-main, .wrap-header .head-mobile-top .gnb-login { display:none; } 
 .wrap-header .head-util2 a,
 .wrap-header .head-util2 button { height: 70px; } 
 .wrap-header .head-logo .logo-img img { height: 35px; } 
 .wrap-header .head-navi { max-width: 100%; } 
 .wrap-header .btn-mgnb { padding-left: 20px; } 
 .wrap-header .head-convert .tip.on { top: 210%; left: -108%; } 
 }

.sub .wrap-footer { margin-top:80px; padding: 0 30px; } 
.wrap-footer { background:#343539 } 
.footer-top { border-bottom:1px solid rgba(255,255,255,.1) } 
.footer-top::after { content:""; display:table; clear:both } 
.footer-top .link { float:left; padding:18px 0 } 
.footer-top .link a { position:relative; padding-right:19px; margin-right:15px; font-family:'Noto Light'; font-size:16px; color:#fff; background:url(../../images/common/footer_dots.png) no-repeat right center } 
.footer-top .link a.private { color:#17adca } 
.footer-top .link a:last-child { background:none } 
.footer-top .sns-box { float:right; padding:10px 0 } 
.footer-top .sns-box::after { content:""; display:table; clear:both } 
.footer-top .sns-box li { float:left; width:40px; height:40px; margin-right:8px; border-radius:50% } 
.footer-top .sns-box li:nth-child(1) { background:url(../../images/common/sns_1.png) no-repeat center center } 
.footer-top .sns-box li:nth-child(2) { background:url(../../images/common/sns_2.png) no-repeat center center } 
.footer-top .sns-box li:nth-child(3) { background:url(../../images/common/sns_3.png) no-repeat center center } 
.footer-top .sns-box li:nth-child(4) { background:url(../../images/common/sns_4.png) no-repeat center center } 
.footer-top .sns-box li:last-child { margin-right:0 } 
.footer-top .sns-box li a { display: block; width: 100%; height: 100%; font-size:0 } 
.footer-bottom { padding-bottom:30px } 
.footer-bottom::after { content:""; display:table; clear:both } 
.footer-bottom .address { float:left; width:calc(100% - 340px); margin-top:30px } 
.footer-bottom .address dl { overflow:hidden } 
.footer-bottom .address dt { color:#fff; font-size:16px; font-family:"Noto DemiLight"; float:left; width:120px } 
.footer-bottom .address dd { color:#b1b1b1; width:calc(100% - 120px); float:left; padding-bottom: 10px; } 
.footer-bottom .address dd span { color: #ffffff; font-family: 'Noto Light'; } 
.footer-bottom .address dd i { display: inline-block; padding-left: 0px; } 
.footer-bottom .copyright { color:#aaa; font-size:16px; margin-top:10px } 
.footer-bottom .sitemap-wrap { float:right; width:340px; position:relative; margin-top:30px } 
.footer-bottom .sitemap-wrap #sitemap_1 { background:#fff url(../../images/common/sitemap_arrow.png) no-repeat right 25px center; width:265px; height:45px; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:0; font-family:"Noto DemiLight"; font-size:14px; color:#666; padding-left:20px } 
.footer-bottom .sitemap-wrap .submit_btn { position:absolute; right:0; top:0; width:75px; height:45px; background:url(../../images/common/go_button.png) no-repeat center center; font-size:0; cursor:pointer } 

@media all and (max-width: 1023px){
 .footer-bottom .address { float:none; width:100% } 
 .footer-bottom .sitemap-wrap { float:none; margin-top:30px } 
 }

@media all and (max-width: 768px) {.wrap-header .container { width: 92%; padding: 10px 0px; } 
 .footer-top .link { float:none } 
 .footer-top .sns-box { float:none; padding-top:0 } 
 .footer-bottom .address dd i { display:block; } 
 .container, #multipleContentsDiv_factory1_37 { padding:0 30px 30px; } 
 .wrap-top .container { padding:0 } 
 }

@media all and (max-width: 500px){
 .footer-bottom .address dt { float:none } 
 .footer-bottom .address dd { float:none; width:100%; margin-bottom:10px } 
 }

.wrap-sub-visual { position: relative; background: url(../../atchmnfl_mngr/imageSlide/892/temp_1703230012408100.jpg) no-repeat center center; background-size: cover; display: table; width: 100%; margin-top: -200px; } 
.wrap-sub-visual:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../images/common/pattern.png) } 
.wrap-sub-visual .wrap-sub-cell { display: table-cell; height: 410px; text-align: center; vertical-align: middle; color: #fff; } 
.wrap-sub-visual .container { position:relative; z-index:1 } 
.wrap-sub-visual .slogan-big { font-family:'Noto Regular'; position:relative; display:inline-block; font-size:35px; line-height:1.2; margin-top: 150px; text-shadow: 2px 2px 5px black; display:none; } 
.wrap-sub-visual .slogan-small { font-size: 30px; font-family: 'Noto DemiLight'; display: block; margin-top: 219px; position: relative!important; z-index:999999; } 
.wrap-sub-visual .slogan p { font-size: 2.5rem; color: #ffffff63; margin-top: -50px; top: 20px; height: 0px; background: #0485f3; transform: rotate(45deg); margin-left: -25px; } 
.wrap-sub-visual .slogan-small p::after { content: ''; position: absolute; left: 50%; bottom: -27px; width: 1px; height: 20px; background: #000; transform: rotate(45deg); margin-left: -25px; } 
.visualBox2 .slogan-link a:hover:after { content:''; position:absolute; right:40%; bottom:16%; width:90px; height:1px; } 
.wrap-sub-visual .page-move { position:absolute; left:0; top:30px; width:100%; height:0 } 
.wrap-sub-visual .page-move a { position:relative; display:block; width:70px; height:70px; border:1px solid rgba(255,255,255,0.5); border-radius:100% } 
.wrap-sub-visual .page-move a.prev { float:left; background:url(../../images/common/ico_prev_menu.png) no-repeat left center; transition:background-position .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-visual .page-move a:hover.prev { background-position:right center; transition:background-position .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-visual .page-move a.next { float:right; background:url(../../images/common/ico_next_menu.png) no-repeat right center; transition:background-position .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-visual .page-move a:hover.next { background-position:left center; transition:background-position .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-visual .page-move a span { position:absolute } 
.wrap-sub-visual .page-move a.prev span { position:absolute; left:90%; top:50%; opacity:0; margin:0 0 0 30px; white-space:nowrap; color:rgba(255,255,255,0.5); transform:translate(0,-50%); transition:all .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-visual .page-move a:hover.prev span { opacity:1; left:100%; transition:all .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-visual .page-move a.prev span:after { content:''; position:absolute; left:0; bottom:-5px; width:0; height:1px; background:rgba(255,255,255,0.5); transition:all .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-visual .page-move a:hover.prev span:after { width:100%; transition:all .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-visual .page-move a.next span { position:absolute; right:90%; top:50%; opacity:0; margin:0 30px 0 0; white-space:nowrap; color:rgba(255,255,255,0.5); transform:translate(0,-50%); transition:all .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-visual .page-move a:hover.next span { opacity:1; right:100%; transition:all .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-visual .page-move a.next span:after { content:''; position:absolute; right:0; bottom:-5px; width:0; height:1px; background:rgba(255,255,255,0.5); transition:all .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-visual .page-move a:hover.next span:after { width:100%; transition:all .5s cubic-bezier(0.7,0,0.3,1) } 

@media all and (max-width: 1023px){
 .wrap-sub-visual .wrap-sub-cell { } 
 }

@media all and (max-width: 768px) {.wrap-sub-visual { width:100%; } 
 .wrap-sub-visual .wrap-sub-cell { height:390px } 
 .wrap-sub-visual .slogan-big { font-size:34px; } 
 .wrap-sub-visual .slogan-big:after { display:none } 
 .wrap-sub-visual .slogan-small { margin-top:230px; } 
 }

.wrap-sub-navi { position:relative; background:#fff } 
.wrap-sub-navi .container { position:relative; max-width:1400px; height:70px; border-bottom:1px solid #d8d8d8; width:100%; } 
.wrap-sub-navi .sub-navi > ul > li { position:relative; float:left; background:url(../../images/common/arrow-page-nav.png) no-repeat left center; padding:0 0 0 30px } 
.wrap-sub-navi .sub-navi > ul > li > a,.wrap-sub-navi .sub-navi > ul > li > .inner > button { display:block; color:#282727; font-size:18px; height:70px; line-height:70px } 
.wrap-sub-navi .sub-navi > ul > li > .inner > button { font-family:'Noto Light'; width:100%; text-align:left; padding:0 70px 0 0; background:url(../../images/common/arrow-page-nav2.png) no-repeat top right; transition:background-position .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover { background-position:bottom right; font-family:'Noto Regular'; color:#8d7150; transition:background-position .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-navi .sub-navi .home { background-image:none; padding:0; min-width:auto } 
.wrap-sub-navi .sub-navi .home a { width:46px; text-indent:-9999px; background:url(../../images/common/ico_home.png) no-repeat center center } 
.wrap-sub-navi .sub-navi .navUl { overflow:hidden; max-height:0; opacity:0; position:absolute; left:30px; top:100%; z-index:20; width:180px; border:1px solid #fff } 
.wrap-sub-navi .sub-navi .navUl.on { overflow: hidden; max-height: 10000px; opacity: 1; background: #fff; border: 1px solid #c5b7a6; transition: max-height 1s cubic-bezier(0.7,0,0.3,1); margin-top: 0px; } 
.wrap-sub-navi .sub-navi .navUl:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #c3a37d; } 
.wrap-sub-navi .sub-navi .navUl a { display:block; padding:10px 15px; color:#333; word-break:keep-all } 
.wrap-sub-navi .sub-navi .navUl a:hover { background:#f5f5f5 } 

@media all and (max-width: 1400px){
 .wrap-sub-navi .container { padding:0px } 
 }

@media all and (max-width: 768px){
 .wrap-sub-navi { width:100%; overflow:hidden; } 
.wrap-sub-navi .sub-navi > ul > li { position: sticky!important; display:inline-block; z-index:9; } 
 .wrap-sub-navi .container { width:99%; } 
 .wrap-sub-navi .sub-navi > ul > li.is { display:block } 
 .wrap-sub-navi .sub-navi > ul > li.is { width:calc(100% - 50px) } 
 .wrap-sub-navi .sub-navi .is .navUl { left:0; width:100% } 
 .wrap-sub-navi .sub-navi > ul > li > a,.wrap-sub-navi .sub-navi > ul > li > .inner > button { font-size:1rem } 
#pagetitle1 { } 
.wrap-sub-navi .sub-navi > ul > li > .inner > button { background: none; padding:0 10px 0 0; } 

.wrap-header .head-util2 button { width: 60px; color: #fff0; background: url('../../images/common/ic-sitemap2.png') no-repeat right center; } 
}

.wrap-sub-navi .sub-util { position:absolute; right:0; top:0 } 
.wrap-sub-navi .sub-util > ul > li { float:left; position:relative } 
.wrap-sub-navi .sub-util > ul > li > button { width:70px; height:70px; text-indent:-9999px } 
.wrap-sub-navi .sub-util .sub-print { background:#00a6ac url(../../images/common/ico_print.png) no-repeat center center; transition:background-color .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-navi .sub-util .sub-favo { background:#006cc7 url(../../images/common/ico_favo.png) no-repeat center center; transition:background-color .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-navi .sub-util .sub-favo.on { background:#006cc7 url(../../images/common/ico_favo_ov.png) no-repeat center center } 
.wrap-sub-navi .sub-util .sub-share { background:#073862 url(../../images/common/ico_sns.png) no-repeat center center; transition:background-color .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-navi .sub-util .box-sub-favo { opacity:0; overflow:hidden; max-height:0; position:absolute; right:-70px; top:100%; width:210px; background:#fff; border:1px solid #3e454c; transition:all .5s cubic-bezier(0.7,0,0.3,1); z-index: 999999999; } 
.wrap-sub-navi .sub-util .box-sub-favo.on { opacity:1; max-height:1000px; transition:all .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-navi .sub-util .box-sub-favo > strong { display:block; font-family:'Noto Medium'; font-size:18px; padding:10px 20px; border-bottom:1px solid #d6d6d6 } 
.wrap-sub-navi .sub-util .box-sub-favo ul li { padding:10px 20px } 
.wrap-sub-navi .sub-util .box-sub-favo ul li:hover { background:#f5f5f5 } 
.wrap-sub-navi .sub-util .box-sub-favo ul li a span { display:none } 
.wrap-sub-navi .sub-util .box-sub-favo .close { text-indent:-9999px; position:absolute; right:0; top:0; width:47px; height:47px; background:url(../../images/common/btn_favo_close.png) no-repeat center center } 
.wrap-sub-navi .sub-util .box-sub-favo .close:hover { transform:rotate(180deg); transition:all .75s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-navi .sub-util .box-sub-favo .del { width:17px; height:17px; margin:0 0 0 10px; background:url(../../images/common/btn-favo-del.png) no-repeat center center; text-indent:-9999px } 
.wrap-sub-navi .sub-util .box-sub-favo .control { text-align:center; padding:15px 0 } 
.wrap-sub-navi .sub-util .box-sub-favo .control button { display:inline-block; display:inline-block; padding:5px 20px; color:#FFF; font-size:12px; border-radius:40px } 
.wrap-sub-navi .sub-util .box-sub-favo .control button.add { background:#0067c3 } 
.wrap-sub-navi .sub-util .box-sub-favo .control button.reset { background:#707070 } 
.wrap-sub-navi .sub-util .box-sub-share { opacity:0; overflow:hidden; max-height:0; position:absolute; left:0; top:0; width:100%; transition:all .5s cubic-bezier(0.7,0,0.3,1) } 
.wrap-sub-navi .sub-util .box-sub-share.on { opacity:1; max-height:1000px; transition:all .5s cubic-bezier(0.7,0,0.3,1); transition:all .5s cubic-bezier(0.7,0,0.3,1); z-index: 999999999; } 
.wrap-sub-navi .sub-util .box-sub-share .close { width:100%; height:70px; text-indent:-9999px; background:#183d92 url(../../images/common/btn_share_close.png) no-repeat center center; box-shadow:inset 11px 0 17px -10px rgba(0,0,0,0.4) } 
.wrap-sub-navi .sub-util .box-sub-share ul { border:1px solid #3e454c; background:#fff; padding:5px 0 } 
.wrap-sub-navi .sub-util .box-sub-share ul button { position:relative; display:block; width:100%; height:50px; text-indent:-9999px } 
.wrap-sub-navi .sub-util .box-sub-share ul button:after { content:''; position:absolute; bottom:0; left:50%; width:30px; height:1px; background:#e5e5e5; transform:translate(-50%,0) } 
.wrap-sub-navi .sub-util .box-sub-share ul li:last-child button:after { display:none } 
.wrap-sub-navi .sub-util .box-sub-share .fb { background:url(../../images/common/ico_sns_fb.png) no-repeat center center } 
.wrap-sub-navi .sub-util .box-sub-share .tw { background:url(../../images/common/ico_sns_tw.png) no-repeat center center } 
.wrap-sub-navi .sub-util .box-sub-share .pin { background:url(../../images/common/ico_sns_pin.png) no-repeat center center } 
.wrap-sub-navi .sub-util .box-sub-share .insta { background:url(../../images/common/ico_sns_insta.png) no-repeat center center } 
.wrap-sub-navi .sub-util .box-sub-share .kakao { background:url(../../images/common/ico_sns_kakao.png) no-repeat center center } 
.wrap-sub-navi .sub-util .box-sub-share .naver { background:url(../../images/common/ico_sns_naver.png) no-repeat center center } 
.wrap-sub-navi .sub-util .box-sub-share .addr { background:url(../../images/common/ico_sns_addr.png) no-repeat center center } 

@media all and (max-width: 1023px){
 .wrap-sub-navi .sub-util { display:none } 
 }
.wrap-contents .container { position: relative; width: 100%; margin: 0 auto 70px auto; min-height:200px; max-width:1400px; } 
.wrap-contents .subject { padding-top: 0; text-align: center; } 
.wrap-contents .subject h2 { position: relative; display: inline-block; font-size: 34px; font-family: 'Noto Medium'; margin: 50px 0 50px 0; line-height: 1.2; color: #8d7150; } 
.wrap-contents .subject h2:after { content: ''; position: absolute; left: 50%; bottom: -27px; width: 1px; height: 20px; background: #000; } 
@media all and (max-width:1484px) {.wrap-contents .container { width:96%; } 
}
@media all and (max-width:1024px) {
  .wrap-contents .container { max-width:94%; } 
  #multipleContentsDiv_university_temp03_11 {
    MAX-HEIGHT: 830PX;}
  
  
 }
@media all and (max-width: 760px){
 .wrap-contents .container { max-width:92%; } 
 .wrap-contents .subject h2 { font-size: 30px; margin: 24px 0 30px 0; } 
 .wrap-contents .subject h2:after { display: none; } 
.ani { margin-top: -92px!important; margin-left: 10px!important; } 
}




.ani { text-align: center; margin-top: -102px; margin-left: -80px; } 
.ani img { width:160px; } 

@-webkit-keyframes rotate {0% { -webkit-transform: rotatey(360deg); transform: rotatey(360deg); opacity:1; margin:0 auto; } 
0% { -webkit-transform: rotatey(360deg); transform: rotatey(360deg); opacity:1; margin:0 auto; } 
15% {-webkit-transform: rotatey(360deg);transform: rotatey(360deg); margin:0 auto;opacity:1; } 
70% {-webkit-transform: rotatey(0deg);transform: rotatey(0deg); margin:0 auto;opacity:1; } 
90% {-webkit-transform: rotatey(360deg);transform: rotatey(360deg); margin:0 auto;opacity:1; } 
100% {-webkit-transform: rotatey(360deg);transform: rotatey(360deg); margin:0 auto;opacity:1; } 
 }
.animated.infinite { -webkit-animation-iteration-count: 5; animation-iteration-count: 5; } 

.rotate { -webkit-animation-name: rotate; animation-name: rotate; animation-duration:5s; animation-timing-function:ease-in-out}

/* 퀵메뉴 */

.wrap-quick { padding: 20px 0; background: #012e54; border-top-left-radius: 30px; text-align: center; position: fixed; right: 0%; bottom: 0%; z-index: 100; } 
.wrap-quick a { display: block; margin: 0 20px 10px 15px; padding: 0 0 10px 0; border-bottom: 1px solid #565c69; font-family: 'Noto Light'; font-size: 13px; color: #fff; } 
.wrap-quick a:hover span { color: #47d9f7 } 
.wrap-quick li:last-child a { border: 0; margin-bottom: 0; } 

@media all and (max-width: 768px) {.wrap-quick { display: none; } 
 }

.visualBox2 { position: absolute;display: block; color: #f20707; font-size: 23px; line-height: 1.4; font-family: "Noto sans kr"; box-sizing: border-box; right: 0; text-align: center; /* bottom: -10px; */
 z-index: 99; width: 140px; /* background: linear-gradient(2deg, #1a5a88e0, #05263de0); */
 padding: 0 0 5px; margin-top: 0px; /* border-top: 1px solid #698ba461; */
 top: 140px; height: 200px; } 
.visualBox2 .slogan-link a {
    display: inline-block;
    font-size: 15px;
    margin-left: 0px;
    position: relative;
    padding: 0px 10px 0 20px;
    width: 160px;
    height: 40px;
    background-position: 15px 12px!important;
    background-size: 25px 25px!important;
    color: #fff;
    border-bottom: none;
    line-height: 40px;
    text-align: left;
    overflow: hidden;
    margin-bottom: 0px;
    margin-right: -8px;
    transition: all .3s;
    text-align: left;
    /* border-radius: 50%; */
    background: #4d4949bf !important;
}
.visualBox2 .slogan-link a span { display:none; } 
.visualBox2 .slogan-link a:first-child { background: url(./../../images/main/mi01.png) no-repeat; } 
.visualBox2 .slogan-link a:nth-child(2) { background: url(./../../images/main/mi02.png) no-repeat; } 
.visualBox2 .slogan-link a:nth-child(3) { background: url(./../../images/main/mi03.png)no-repeat; } 
.visualBox2 .slogan-link a:last-child { background: url(./../../images/main/mi04.png)no-repeat; } 


.visualBox2 .slogan-link a:hover {
    background: #a57b49de !important;
    /* text-align: center; */
    margin-left: -10px;
}

@media all and (max-width:1024px) {
}
@media all and (max-width:900px) {}
@media all and (max-width:768px) {
  .visualBox2 { position: absolute;
    overflow: hidden;}
}