@charset "utf-8";/*기능팝업*/
.PZwindow { background:#333 !important; } 
.nomoreOpen form a.PZwindowClose { margin-top:7px !important; } 

/*탑*/
.wrap-top { width:100%; background: #0b2a4a url(/sites/fund/images/common/wrap-topback.png) no-repeat; } 
.wrap-top-inner { height:45px; margin:0 0 0 0px; display:flex; justify-content:flex-start; } 
.wrap-top-inner .top-link ul { display:flex; } 
.wrap-top-inner .top-link ul { } 
.wrap-top-inner .top-link li { padding:7px 10px 8px 10px; background:; } 
.wrap-top-inner .top-link li:first-child { background:; } 
.wrap-top-inner .top-link li a { display: block; padding: 0 5px 0 5px; color: rgba(256,256,256,.8); font-size: 0.9rem; font-weight: 300; line-height: 30px; white-space: nowrap; text-align: center; } 
.wrap-top-inner .top-link li a:hover { color: rgba(256,256,256,1); } 
.wrap-top-inner .top-link li:hover { background:linear-gradient(0deg, #ffffffeb, #ffffff75 50%); } 


.wrap-top .top-util { right: 10px; padding-top: 10px; display: block; position: absolute; } 

@media all and (max-width:767px) {.wrap-top-inner { margin:0 0 0 0;; } 
 .wrap-top-inner .top-link li a { } 
 }

/*헤더*/
.wrap-header { width: 100%; height: 6rem; background: #fff; z-index: 101; position: absolute; } 
.wrap-header.fNav { position:fixed; top:0; border-bottom:solid 1px #aabac9; background:rgba(255,255,255,1); z-index:101; } 
.wrap-header .container { width:calc(100% - 30px); margin:0 0 0 30px; display:flex; justify-content:space-between; } 
@media all and (max-width:1484px) {.wrap-header .container { width:98%; margin:0 0 0 2%; } 
 }
@media all and (max-width:767px) {.wrap-header {height:5rem;/*min-width: 510px;*/} 
.wrap-header .container { width:96%; margin:0 0 0 4%; } 
 }

/*로고*/
.wrap-header .head-logo { margin-top:21px; background:url('../images/logo.svg') no-repeat 0 0; padding-left:16rem; } 
.wrap-header .head-logo a { display:inline-block; border-left:solid 1px #cfd1d2; margin-top: 5px; padding:0 0 0 18px; font-family:'H Medium'; font-size: 1.55rem; letter-spacing:-1px; /* color: #ffffff; */ } 


@media all and (max-width:1484px) {.wrap-header .head-logo span { font-size:20px; } 
 }
@media all and (max-width:1400px) {.wrap-header .head-logo { background:url('../images/logo_mobile.svg') no-repeat 0 0; padding-left:9.6rem; margin-top:21px; } 
 .wrap-header .head-logo a { line-height:26px; margin:11px 0 11px 0; padding: 0 0 0 0.6rem; font-size:1.5rem; } 
 }
@media all and (max-width:767px){
 .wrap-header .head-logo { margin-top:16px; } 
 .wrap-header .head-logo.type2 { } 
.wrap-header .head-logo.type2 a {
    font-size: 1.35rem;
    letter-spacing: -1px;
    width: 80%;
    margin-top: 0;}
 }
@media all and (max-width:480px) {.wrap-header .head-logo a span { font-size:1.125rem; } 
 }

/*유틸메뉴*/
.wrap-header .head-util { display:flex; } 
.wrap-header .head-util .btn-mgnb, .btn-mgnb-close { display:none; } 
.wrap-header .head-util .head-sitemap {width:5.625rem;height:5.625rem;background: url('../images/btn_img_menu_sky.svg') no-repeat center center;filter: contrast(0.1);} 
.wrap-header .head-util .head-sitemap a { display:block; height:100%; text-indent:-99999px; } 
@media all and (max-width:1024px) {.wrap-header .container > div .btn-mgnb {display:block;width::5.625rem;height::5.625rem;filter: contrast(0.1);} 
 .wrap-header .container > div .btn-mgnb > button { width:5.625rem; height:5.625rem; background:url('../images/btn_img_menu_sky.svg') no-repeat center center; text-indent:-99999px; } 
 .wrap-header.fNav.container > div .btn-mgnb > button { width:5.625rem; height:5.625rem; background:url('../images/btn_img_menu_navy.svg') no-repeat center center; text-indent:-99999px; } 
.wrap-header .container > div .head-sitemap { display:none; } 
.wrap-header .container > div .btn-mgnb-close.on { display:block; position:absolute; right:100%; top:0; width:64px; height:64px; background:url(../images/ic-navi-close.png) no-repeat center; } 
.wrap-header .container > div .btn-mgnb-close button { text-indent:-9999px; display:block; width:100%; height:100%; } 
 }
@media all and (max-width:767px){
 .wrap-header .head-util { position:relative; } 
.wrap-header .head-util li { height:5rem; } 
.wrap-header .container > div .btn-mgnb {width:4.6rem;height:5rem;position:absolute;top:0;right:0;filter: contrast(0.1);} 
 .wrap-header .container > div .btn-mgnb > button { width:4.6rem; height:5rem; } 
 }


/*메인메뉴*/
.wrap-header .head-navi { margin: 1.75rem 0rem 0 5%; flex-grow:1; } 
.wrap-header .head-navi .ul_1 { display:flex; } 
.wrap-header .head-navi .ul_1:before { content:""; position:absolute; top:96px; left:0px; width:100%; height:0; z-index:99; background:linear-gradient(90deg, rgba(232,238,242,1) 20%, rgba(232,238,242,1)); -webkit-transition:height 0.4s ease-in-out; transition:height 0.4s ease-in-out; } 
.wrap-header .head-navi:hover .ul_1:before { content:""; height:11.5rem; border-bottom:solid 1px #B4C3D1; -webkit-transition:height 0.4s ease-in-out; transition:height 0.4s ease-in-out; } 
.wrap-header .head-navi .bg_text { visibility: hidden; position: absolute; transform: translate(-100%, 0); width: 35.813rem; height: 11rem; padding: 2.125rem 2.625rem 0 2rem; font-family: hufs_M; font-size: 1.325rem; line-height: 1.4; color: #947d5d; text-align: right; word-break: keep-all; background: url(../images/img_bg_menu0.svg) no-repeat center 0; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; z-index: 102; opacity: 0; letter-spacing: -0.8px; } 

.wrap-header .head-navi:hover .bg_text { visibility:visible; -webkit-transition:0.35s ease-in-out; transition:0.35s ease-in-out; opacity:100; } 
.wrap-header .head-navi .bg_text .img_arw { margin-top:7px; } 
.wrap-header .head-navi .bg_text .img_arw img { vertical-align: top; } 
.wrap-header .head-navi .li_1 { display:inline-block; position:relative; flex-grow:1; width:calc(100% / 6); } 
.wrap-header .head-navi .li_1:nth-child(7) { display:none; } 

.wrap-header .head-navi .a_1 { position:relative; display:block; /* color: #ffffffe0; */font-size:1.2rem; font-weight:500; line-height:1.2; letter-spacing:-0.11px; text-align:center; top: 7px; } 
.wrap-header .head-navi .a_1:hover { color:#0c5097; } 
.wrap-header .head-navi .a_1 span { position:relative; display:block; padding-bottom:1.938rem; } 
.wrap-header .head-navi .a_1.on span:after { content:''; position:absolute; left:50%; top:2.6rem; width:0; height:0; margin-left:-0.4rem; border-top:0.4rem solid #4886c7; border-left:0.4rem solid transparent; border-right:0.4rem solid transparent; } 
.wrap-header .head-navi .li_1:nth-child(1) .div_2 { border-left:dotted 1px #B4C3D1; } 



.wrap-header .head-navi .div_2 { overflow:hidden; position:absolute; top:4.25rem; left:0px; width:100%; height:0; z-index:100; z-index:100; text-align:left; border-right:dotted 1px #B4C3D1; background:#e8eef2; -webkit-transition:height 0.4s ease-in-out; transition:height 0.4s ease-in-out; } 
.wrap-header .head-navi .div_2.on { background:#fff; -webkit-transition:0.4s ease-in-out; transition:0.4s ease-in-out; } 
.wrap-header .head-navi .div_2:hover { background:#fff; -webkit-transition:0.4s ease-in-out; transition:0.4s ease-in-out; } 
/*서브배경높이*/
.wrap-header .head-navi:hover .div_2 { display:block; height:11.35rem; -webkit-transition:height 0.4s ease-in-out; transition:height 0.4s ease-in-out; } 
.wrap-header .head-navi .ul_2 { padding:0rem 0rem 0 0; } 
.wrap-header .head-navi .ul_2 li { padding-bottom:0px; } 
.wrap-header .head-navi .a_2 { position: relative; display: block; color: #333; font-size: 1.05rem; font-weight: 400; line-height: 1.25; letter-spacing: -0.9px; text-align: center; padding: 18px 0; } 
.wrap-header .head-navi .a_2 span { position:relative; } 
.wrap-header .head-navi .a_2 span:after { content:''; position:absolute; left:0px; bottom:-3px; width:0px; height:1px; background:#4886C7; transition:all 0.5s; } 
.wrap-header .head-navi .a_2[target=_blank] span:before { content: ''; position: absolute; left: 111%; top: 6px; width: 14px; height: 16px; background: url(/sites/hufs/images/common/new_win_gray.png) no-repeat center center; } 
.wrap-header .head-navi .a_2:hover span:after { width:100%; } 
.wrap-header .head-navi .a_2:hover { color:#4886C7; background:#f2f5f8; } 
.wrap-header .head-navi .div_3 { display:none; } 
/*상단고정*/
.wrap-header.fNav { position:fixed; top:0; border-bottom:solid 1px #aabac9; background:rgba(255,255,255,1); z-index:101; } 
.wrap-header.fNav .head-navi .ul_1:before { top:95px; } 
.wrap-header.fNav .head-navi .a_1, .wrap-header.fNav .head-navi .a_1.on { color:#0B2A4A; } 
.wrap-header.fNav .head-navi .a_1:hover { color:#896F4C; } 
.wrap-header.fNav .head-navi .a_1.on span:after { content:''; position:absolute; left:50%; top:2.6rem; width:0; height:0; margin-left:-0.4rem; border-top:0.4rem solid #896F4C; border-left:0.4rem solid transparent; border-right:0.4rem solid transparent; } 
.wrap-header.fNav .head-navi .div_2 { top:4.25rem; } 
.wrap-header.fNav .head-logo a { color:#8d7150; } 
.wrap-header.fNav .head-util .head-sitemap { width:5.625rem; height:5.625rem; background: url('../images/btn_img_menu_navy.svg') no-repeat center center; } 

@media all and (max-width:1200px) { /* '교수진소개' 메뉴 텍스트 밀림 현상으로 추가한 것 - 필요없는 경우 삭제 */
 .wrap-header .head-navi .a_1 { font-size:1.05rem; } 
 .wrap-header .head-navi .a_2 { font-size:0.9rem; } 
.wrap-header .head-navi .ul_2 li {; } 
 }
@media all and (max-width:1023px) {.wrap-header .head-navi { position:fixed; top:0; right:-100%; z-index:10000; width:50%; height:100%; background:#e8eef2; opacity:0; transition:all 0.55s cubic-bezier(0.7, 0, 0.3, 1); margin-left:0; margin-top:0; margin-right:0; } 
.wrap-header .head-navi.on { top:0; right:0; opacity:1; transition:all 0.55s cubic-bezier(0.7, 0, 0.3, 1); } 
.wrap-header .head-navi .menuUItop { position:relative; height:100%; } 
.wrap-header .head-navi .div_1 { padding:0 0 0 0; } 
.wrap-header .head-navi .ul_1 { display:block; } 
.wrap-header .head-navi .ul_1:before, .wrap-header .head-navi:hover .ul_1:before { display:none; } 
.wrap-header .head-navi .li_1 { position:static; display:block; width:100%; padding:0px; } 
.wrap-header .head-navi .a_1 { padding:15px 0 15px 25px; text-align:left; color:#222; font-size:1.375rem; border-bottom:solid 1px #B4C3D1; } 
.wrap-header .head-navi .a_1 span { padding-bottom:0; } 
.wrap-header .head-navi .a_1:after { display:none; } 
.wrap-header .head-navi .a_1:hover { color:#0c5097 !important; } 
.wrap-header .head-navi .a_1.on { color:#0c5097 !important; } 
.wrap-header .head-navi .a_1.on span:after { display:none; } 
.wrap-header .head-navi .a_1.on span:before { display:none; } 
.wrap-header .head-navi:hover .div_2 { display:none; } 
 
.wrap-header .head-navi .div_2 { display:none; position:static; top:0; left:auto; transition-property:none; border-right:none; } 
.wrap-header .head-navi .div_2.on { display:block; max-height:none; height:100%; background:#fff; transition-property:none; margin-top:5px; } 
.wrap-header .head-navi .div_2 .container { padding:0px; } 
.wrap-header .head-navi .ul_2 { border:0; padding:0; } 
.wrap-header .head-navi .li_2 { display:block; border:0px; padding:0px; } 
 .wrap-header .head-navi .ul_2 li { padding-bottom:0px; } 
.wrap-header .head-navi .a_2 {border-bottom:dotted 1px #B4C3D1;text-align:left;color:#333;padding-left:25px;font-size:1.06rem;font-weight:400;/* line-height:3; */} 
.wrap-header .head-navi .a_2:hover {color: #ffffff;background: #bbcad4;} 
.wrap-header .head-navi .a_2.plus { color:#4886C7; background: url(../images/ic-sub-open.png) no-repeat right; } 
.wrap-header .head-navi .a_2.plus.on { color:#4886C7; background:#ebeded url(../images/ic-sub-close.png) no-repeat right; } 
.wrap-header .head-navi .a_2 span:after { display:none; } 
.wrap-header .head-navi .ul_3 { padding: 0px 0px 20px 0px; border-bottom: 1px solid #89a4dc; background: #ededed; } 
.wrap-header .head-navi .li_3 { position:relative; margin:0px; } 
.wrap-header .head-navi .a_3 { color: #333; display: inline-block; padding: 8px 0 1px 40px; font-size: 1rem; } 
.wrap-header .head-navi .a_3[target=_blank] { position:relative; } 
.wrap-header .head-navi .a_3[target=_blank]:before { content:''; position:absolute; left:110%; top:10px; width:10px; height:10px; background:url('../images/ico_blank.png') no-repeat center center; } 
.wrap-header .head-navi .a_3:after { content:''; position:absolute; left:25px; top:18px; width:6px; height:2px; background:#808080; } 
.wrap-header .head-navi .a_3:hover:after { width:6px; background:#018cff; } 
.wrap-header .head-navi .a_3:hover { color:#0760a9; } 
.wrap-header .head-navi .a_3._active { color:#0760a9; } 
.wrap-header .head-navi .div_3 { display:block; overflow:hidden; max-height:0px; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1); } 
.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 .close { display:none; } 
.wrap-header .head-util .btn-share { display:none; } 
.wrap-header .container > div.black-bg { display:none; position:fixed; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.6); z-index:1200; } 
.wrap-header .container > div.black-bg.on { display:block; } 

 
 }
@media all and (max-width:767px) {.wrap-header .head-navi { width:75% } 
.wrap-header .head-navi.on { right:0; } 
 }

/*풋터*/
.wrap-footer { background:linear-gradient(359deg, #000000a6, #2a2b2e); position:relative; } 
.wrap-footer .wrap-footer-inner { display:flex; justify-content:space-between; width:1400px; margin:0 auto; padding:1.25rem 0; border-bottom:solid 1px #434548; } 
.wrap-footer .bottom-related { display:flex; margin:0 auto; } 
.wrap-footer .bottom-related .box { position:relative; margin-left:1.25rem; } 
.wrap-footer .bottom-related .box:first-child { margin-left:0; } 
.wrap-footer .bottom-related .box button { width:16.875rem; height:3.25rem; padding:0.813rem 1.09rem 0.875rem 1.25rem; color:#d5d6d8; font-size:1.063rem; font-weight:300; line-height:1.41; text-align:left; background:#3f3f3f; text-align: center; } 
.wrap-footer .bottom-related .box button:hover { color:#dfb17a; } 
.wrap-footer .bottom-related .box button i { position:absolute; top:0; right:0; width:3.25rem; height:3.25rem; background:url(../images/arw_bottom_related.svg) no-repeat center center; transform:rotate(180deg); transition:.4s; } 
.wrap-footer .bottom-related .box button.active i { transform:rotate(0deg); transition:.4s; } /* 버튼 클릭시 */
.wrap-footer .bottom-related .box .list_box { display:none; overflow-y:auto; width:100%; height:383px; background:#3f3f3f; position:absolute; bottom:53px; z-index:50; } 
.wrap-footer .bottom-related .box .list_box.active { display:block; } 
.wrap-footer .bottom-related .box .list_box::-webkit-scrollbar { width:12px; } 
.wrap-footer .bottom-related .box .list_box::-webkit-scrollbar-thumb { background-color:#656870; border-radius:12px; background-clip:padding-box; border:4px solid transparent; } 
.wrap-footer .bottom-related .box .list_box::-webkit-scrollbar-track { border-radius:12px; } 
.wrap-footer .bottom-related .box .list_box ul { display:block; } 
.wrap-footer .bottom-related .box .list_box li a { display:block; width:100%; padding:0.813rem 1.09rem 0.875rem 1.4rem; font-family:'NotoSansKR'; font-weight:400; font-size:0.875rem; color:#e5e6e8; line-height:1; } 
.wrap-footer .bottom-related .box .list_box li a:hover, .wrap-footer .bottom-related .box .selected a { color:#ceb482; background:#373c4c; border-radius:2px; } 
.wrap-footer .bottom-related .box2 a { background: #3f3f3f; color: #ccc; font-weight: 300; line-height: 52px; margin-left: 20px; width: 15rem; display: block; text-align: center; } 
.wrap-footer .bottom-related .box2:hover a { color:#ceb482; } 

.wrap-footer .bottom-sns { padding-top:0.375rem; } 
.wrap-footer .bottom-sns li { float:left; margin-left:0.625rem; } 
.wrap-footer .bottom-sns li:first-child { margin-left:0; } 
.wrap-footer .bottom-sns li a { display:block; width:2.5rem; height:2.5rem; text-indent:-99999px; } 
.wrap-footer .bottom-sns li a:hover { -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s; } 
.wrap-footer .bottom-sns .fb a { background:url('../images/icon_sns_fb.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .is a { background:url('../images/icon_sns_is.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .yt a { background:url('../images/icon_sns_yt.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .na a { background:url('../images/icon_sns_na.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .ts a { background:url('../images/icon_sns_ts.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .fb a:hover { background:url('../images/icon_sns_fb_active.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .is a:hover { background:url('../images/icon_sns_is_active.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .yt a:hover { background:url('../images/icon_sns_yt_active.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .na a:hover { background:url('../images/icon_sns_na_active.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .ts a:hover { background:url('../images/icon_sns_ts_active.svg') no-repeat; background-size:cover; } 
.wrap-footer .box-footer { width:1400px; margin:0 auto; padding:4.5rem 0 6.75rem; text-align:center; } 
.wrap-footer .box-footer .footer-address { margin-top:2.313rem; line-height:2; color:#cecece; } 
.wrap-footer .box-footer .footer-address p span { display: block; font-size: 1rem; font-weight: 400; text-align: left; } 
.wrap-footer .box-footer .footer-address p span a { color:#cecece; } 
.wrap-footer .box-footer .footer-address b { color: #bd9f7a; font-weight: 400; min-width: 60px; display: inline-block; padding-left: 10px; } 
.wrap-footer .box-footer .footer-address .copyright { font-size:0.8rem; font-weight:300; } 
.footer-logo { color: #fff; font-size: 1.6rem; font-family:'H Medium'; } 
.footer-logo span { font-family: hufs_l; } 
.footer-logo img { width:190px; } 
.footer-address .part { display: inline-block; width: 23%; border-right: 1px dotted #817b7b6b; padding: 0px 10px 18px 10px; } 
.footer-address .part:nth-child(2) { border-right:none } 
.footer-address .part:last-child { border-right:none; } 
.footer-address .part strong { width: 100px; display: block; background: #030c3b82; height: 30px; margin-bottom: 15px!important; font-family: 'hufs_M'; margin: 0 auto; border-radius: 15px; } 
@media all and (max-width:1484px) {.wrap-footer .wrap-footer-inner, .wrap-footer .box-footer { width:96%; margin:0 auto; } 
 }
@media all and (min-width:1023px) and (max-width:1200px) {.footer-address .part { width: 28%; } 
 }

@media all and (max-width:1024px){
 .wrap-footer .wrap-footer-inner { display:block; } 
 .wrap-footer .bottom-related { width:100%; } 
 .wrap-footer .bottom-related .box { width:calc(50% - 0.5rem); margin-left:1rem; } 
 .wrap-footer .bottom-related .box button { width:100%; } 
 .wrap-footer .bottom-sns { display:flex; justify-content:center; padding-top:1.25rem; margin-top:1.25rem; border-top:solid 1px #434548; } 
 .wrap-footer .bottom-sns li { margin-left:1.25rem; } 
 .wrap-footer .bottom-sns li a { width:3rem; height:3rem; } 
 .wrap-footer .box-footer { text-align:center; } 
 .wrap-footer .box-footer .footer-address p span { width: 100%; margin: 0px !important; } 
 .wrap-footer .box-footer .footer-address p span+span { margin-left:1.25rem; } 
 .footer-address .part { display: inline-block;width: 33%; } 
 }
@media all and (max-width:767px) {.wrap-footer .wrap-footer-inner, .wrap-footer .box-footer { width:92%; } 
 .wrap-footer .box-footer .footer-address .copyright { font-size:0.8rem; } 
 .wrap-footer .bottom-related .box2 a { width: 13rem; } 
.footer-address .part { padding-left: 10%; display: inline-block; width: 90%; border-bottom: 1px dotted #817b7b9e; border-right: none; margin-bottom: 10px; } 
 .footer-logo img { width: 220px; display: block; margin: 0 auto; padding-bottom: 10px; } 
 .footer-logo span { display:none; } 
 }
@media all and (max-width:380px){
 .wrap-footer .bottom-related { display:block; } 
 .wrap-footer .bottom-related .box { width:100%; margin-top:10px; margin-left:0; } 
 .wrap-footer .bottom-sns li { margin-left:0.5rem; } 
 .wrap-footer .bottom-sns li a { width:2.4rem; height:2.4rem; } 
 .footer-logo img { width:75%; } 
 .wrap-footer .box-footer .footer-address p span { font-size:0.94rem; } 
 .wrap-footer .box-footer .footer-address .copyright { font-size:0.875rem; } 
 }

/*고탑*/
.goto-top { position:fixed; right:5%; bottom:5%; z-index:99999; } 
.goto-top a { display:block; box-sizing:border-box; padding-top:20px; width:70px; height:70px; background:#454545; color:#FFF !important; font-size:14px; text-align:center; font-family:'Mont Medium'; border-radius:100px; } 
.goto-top a:before { content:""; display:block; margin:0 auto; background:url(../images/arrow_3_w.png) no-repeat center; width:17px; height:17px; } 
.goto-top a:hover { box-shadow:0 0 5px #888; } 

/*전체블랙배경*/
.black-bg { display:none; position:fixed; z-index:190; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); } 
.black-bg.on { display:block; } 

/*서브비주얼*/
.wrap-sub-visual { position: relative; background: #1b5eb5 url(../images/sub-visual.jpg) no-repeat center -48px; display: table; width: 100%; height: 165px; /* background-size: cover; */}
/*.wrap-sub-visual { position:relative; background:url('../images/sub-visual.jpg') no-repeat top center; background-size:cover; display:table; width:100%; } 
background: url(/sites/fund/images/logodeco2.png) repeat-x; background: linear-gradient(180deg, #134979ab, #6eaba600); */
/*@keyframes zoomBg {0% {transform: scale(1); opacity: 0.5; } 
50% {transform: scale(1); opacity: 1; } 

100% {transform: scale(1.2); opacity: 0.05; } 
}*/
/*.wrap-sub-visual:after { content: ''; position: absolute; width: 1400px; height: 80%; left: 50%; margin-left: -1250px; top: 70px; background: url() no-repeat center center; transform: scale(1); } 
.wrap-sub-visual:after { animation-name: zoomBg; animation-duration: 10s; animation-iteration-count:3; animation-delay:3s } */
/*.wrap-sub-visual:after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('../images/pattern.png'); filter:alpha(opacity=30); opacity:0.3; } */



.wrap-sub-visual .wrap-sub-cell { display: table-cell; height: 201px; text-align: center; vertical-align: middle; color: #fff; /* border-bottom: 1px solid #ccc; */}
.wrap-sub-visual .slogan { margin: 90px 0 0 0; font-family: "Dream light"; font-size: 1.2rem; color: #6ccaf5; line-height: 1; /* text-shadow: 0 0 10px #0238a566; */letter-spacing: 0; } 
.wrap-sub-visual .slogan b { color:#fff; font-size: 2rem; font-weight: 200; } 

.wrap-sub-visual .slogan-big { font-family:"Noto Sans KR"; font-weight:400; position:relative; } 
.wrap-sub-visual .slogan-big span { padding: 0px 15px 3px; /* border-bottom: 1px solid #18305594; */
 /* border-top: 1px solid #02d7fb; */
 text-shadow: 0 0 1px black; font-weight: 500; font-size: 1.5rem; letter-spacing: -1.8px; } 
.wrap-sub-visual .slogan-small { display: block; font-size: 1rem; color: #fff; /* margin-top: 10px; */
 font-weight: 200; /* text-shadow: 0 0 30px black; */
}
.wrap-sub-visual .slogan-small strong { display: block; font-size: 1.2rem; color: #213f6a; margin-top: 0px; font-weight: 500; /* text-shadow: 0 0 20px black; */
 line-height: 1.8rem; text-transform: uppercase; font-family: 'hufs_M'; } 

/*컨텐츠*/
.wrap-contents .container { position:relative; width:100%; margin:0 auto 70px auto; overflow:hidden; } 
.wrap-contents .container { width:100%; } 
.wrap-contents .subject { text-align:center; } 
.wrap-contents .subject h2 {position: relative;margin-bottom: 70px;padding: 0px 0 19px 0;border-bottom: 1px solid #ccc;font-size: 1.7rem;line-height: 1.3;font-weight: 500;text-align: left;} 
.wrap-contents .subject h2:before { content: ""; position: absolute; bottom: -1px; left: 20px; width: 120px; height: 4px; margin-left: -20px; color: rgb(256,50,50); line-height: 28px; text-align: center; font-weight: 400; font-size: 12px; text-transform: uppercase; background:#0c5097; } 

@media all and (max-width:1484px) {.wrap-contents .container { width:96%; } 
}
@media all and (max-width:1024px) {.wrap-contents .container { max-width:94%; } 
.wrap-contents .subject h2 { font-size:1.9rem; } 

 .wrap-sub-visual .slogan { } 
 }
@media all and (max-width:767px) {.wrap-contents .container { max-width:92%; } 
.wrap-contents .subject h2 {font-size:1.7rem;margin-bottom: 30px;} 
.wrap-sub-visual .slogan { margin-top: 70px; } 
 .wrap-sub-visual .slogan-big span { } 
 .wrap-sub-visual {background-position: center -60px;} 
 }