@charset "UTF-8";
@media all and (max-width:767px){
 .con span { display:inline-block; width:calc(100% - 10px); overflow:hidden; } 
 .main-notice .info li a { padding: 8px 0 6px 0; } 
 }

.visual-util .visual-text .small {margin-top: 10px;}

/*메인이미지 짤려서 250321추가*/
@media all and (min-width:2001px) {.wrap-visual .slider li img { /* width: AUTO; */
 /* left: 50%; */
 position: relative; left: 50%; transform: translate(-50%, 0); width: auto; height: 730px; } 
}

#menu19612_obj646 { overflow: hidden; border-radius: 10px; } 

.wrap-notice { background:none!important; } 
.wrap-notice .subjectText { width:75%!important; } 
#multipleContentsDiv_hufstmp02_1456 #menu12286_obj7569 .wrap-notice .list ul li:first-child .con:before { background: url(http://dep.hufs.ac.kr/sites/hufssafety/images/noti.png) center no-repeat !important; } 

#multipleDiv_hufstmp02_1486 { #multipleDiv_hufstmp02_1486 { background-size: cover; height: 360px; margin: 60px auto 40px; overflow: hidden; } 
@media (max-width: 767px) { } 
.wrap-visual .slider li img { height: 730px; } 
 }


#multipleContentsDiv_fund_860 { background: url(../../images/main/section_back3.jpg)no-repeat; background-size: cover; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; } 
#multipleDiv_hufstmp02_1456 { /* background:#fff url(https://www.hufs.ac.kr/sites/hufsplan/images/main/bg-gnb2.png)no-repeat bottom right; */}
 #multipleDiv_hufstmp02_1487 { background: url(/sites/fund/images/main/monthback.png) repeat-x; } 
#multipleDiv_hufstmp02_1489 { background-color:;; } 

@media all and (min-width:1025px) and (max-width:1484px){
 #multipleContentsDiv_hufstmp02_1444 { width:96%; } 
 }
@media all and (min-width:1025px) and (max-width:1400px) {#menu12286_obj6268,#menu12286_obj861,
#multipleContentsDiv_hufstmp02_1488,
#multipleContentsDiv_hufstmp02_1456,
 #multipleContentsDiv_hufstmp02_1485 { width:100%; } 
#menu12286_obj1445 { width:100%; } 
 }

@media all and (min-width:1025px) and (max-width:1484px){
 #multipleContentsDiv_hufstmp02_1456, 
 #multipleContentsDiv_hufstmp02_1485 , 
 #multipleContentsDiv_hufstmp02_1486, 
 #multipleContentsDiv_hufstmp02_1488, 
 #multipleContentsDiv_hufstmp02_1489 { } 
 }
@media all and (min-width:1025px) and (max-width:1484px){
 #multipleContentsDiv_hufstmp02_1487 { width:100%; margin:0 auto; } 
 }

.main_section_title { font-size: 3.125rem; font-weight:700; letter-spacing:-1px; text-align:center; color: #222; line-height:70px; padding-top:60px; } 
@media all and (max-width:1024px){
 .main_section_title { font-size: 2.2rem; } 
 }
@media all and (max-width:767px){
 .main_section_title { font-size: 1.9rem; padding-top:40px; } 
 }

/* visual */
.visual_slogan { text-align:center; margin: 0 auto; line-height: 2rem; } 
.visual_slogan {display: block; margin: 1rem 0 0 0; font-size: 2.7rem; color: #fff; text-shadow: 0 3px 6px rgb(0 0 0 / 70%); letter-spacing: -1px; z-index: 99 !important; position: relative; line-height: 2.5rem; font-family: 'hufs_M'; } 


.visual_slogan p.detail { font-size: 1.0rem; font-weight: 300; font-family: 'Noto Sans KR'; letter-spacing: -0.5px; text-transform: uppercase; } 

/* main_link */
.main_link { display: table; width: 99.9%; height: 150px; float: right; } 
.main_link a { display:table-cell; font-size:1.1rem; color:#333; font-weight:500; text-align:center; vertical-align:middle; -webkit-transition:0.4s ease-in-out; transition:0.4s ease-in-out; line-height:1.3; word-break: break-word; padding:10px 10px 10px 10px; letter-spacing:-0.8px; width:calc(100% / 4); } /* a링크 개수에 따라 width값 조정 */

.main_link img { display:block; margin: 0 auto; } 

.main_link .link_01 { background-image: linear-gradient(240deg, rgba(165,124,89,.9), rgba(256,150,0,.6)); } 
.main_link .link_02 { background:linear-gradient(13deg, rgba(256,256,256,.99), rgba(256,256,256,.6) 50%); } 
.main_link .link_03 { background:linear-gradient(12deg, rgba(256,256,256,.99), rgba(256,256,256,.6) 50%); } 
.main_link .link_04 { background:linear-gradient(12deg, rgba(256,256,256,.99), rgba(256,256,256,.6) 50%); } 
.main_link .link_01:hover { background-image: linear-gradient(180deg, rgba(207,128,19,1), rgba(256,150,0,.5)); } 
.main_link .link_02:hover { background:linear-gradient(0deg, #fff, rgba(256,256,256,.8) 50%) } 
.main_link .link_03:hover { background:linear-gradient(0deg, #fff, rgba(256,256,256,.8) 50%) } 
.main_link .link_04:hover { background:linear-gradient(0deg, #fff, rgba(256,256,256,.8) 50%) } 
.main_link .link_01 span { display: block; font-size: .9rem; color: yellow; } 
.main_link a:hover { -webkit-transition:0.4s ease-in-out; transition:0.4s ease-in-out; font-size:1.1rem; } 
.main_link a:hover img { display:block; margin: 0 auto; transform: rotatey(360deg); transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1); } 
.main_link a:hover strong { display:block; transform: rotatey(360deg); color:#8d7150; transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1); } 
.main_link a strong { font-size: 1.45rem; color:#222; font-weight: 700; padding:0px; text-shadow:0px 0px 5px rgb(255 255 255 / 50%); } 


@media all and (max-width:1484px){
 .main_link { width:100%; } 
 }
@media all and (max-width:1024px){
 .main_link a { font-size:1.2rem; } 
 }
@media all and (max-width:768px){
 .main_link { display:flex; flex-wrap:wrap; height:auto; } 
 .main_link a { width:50%; line-height:70px; padding:0 10px 0 10px; font-size:1.1rem; } 
 .main_link img { display:block; width:23% } 
 .main_link a:hover img { display:block; transform:none; } 
 .main_link a strong { font-size: 1.3rem; } 
 .main_link a:hover strong { display:block; transform:none; } 
 .main_link .link_01 { line-height:22px; padding:28px 10px 25px 18px; display:inline-block; width:50%; } 
 .main_link .link_02 { line-height:22px; padding:28px 10px 25px 18px; display:inline-block; width:50%; background:linear-gradient(180deg, rgba(256,256,256,.9), #ccc); } 
 .main_link .link_03 { line-height:22px; padding:28px 10px 25px 18px; display:inline-block; width:50%; background:linear-gradient(180deg, rgba(256,256,256,.9), #ccc); border-right:1px solid #ccc; height: 105px; } 
 .main_link .link_04 { line-height:22px; padding:28px 10px 25px 18px; display:inline-block; width:50%; background:linear-gradient(180deg, rgba(256,256,256,.9), #ccc); height: 105px; } */
.main_link .link_01 span { display: none; } 
 .visual_slogan { font-size: 2.25rem; } 
 }




/* guide */
.guide { display:flex; margin-top:0px; } 
.guide a { display:block; width:50%; height:250px; border-radius:0px; position:relative; } 
.guide a:hover { -webkit-transition:0.4s ease-in-out; transition:0.4s ease-in-out; } 
.guide a::before { content:''; position:absolute; top:0; left:0; width:50%; height:100%; -webkit-transition:0.4s; transition:0.4s; } 
.guide .link_01 { background:#0c5097; } 
.guide .link_01::before { background:url('../../images/main/icon_link_fb_bg.jpg') center center; opacity:0.15; } 
.guide .link_02 { background:#8a7f77; margin-left:0px; } 
.guide .link_02::before { background:url('../../images/main/icon_link_brc_bg.jpg') center center; opacity:0.17; } 
.guide a span { position:absolute; top:0; left:0; display:block; width:50%; padding:227px 0 0 0; font-size:1.375rem; font-weight:400; line-height:1.36; text-align:center; color:#fff; z-index:2; } 
.guide .link_01 span { background:url('../../images/main/icon_link_fb.svg') no-repeat center 86px; } 
.guide .link_02 span { background:url('../../images/main/icon_link_brc.svg') no-repeat center 89px; } 
.guide a:hover::before { opacity:0; -webkit-transition:0.4s; transition:0.4s; } 

@media all and (max-width:768px){
 .guide { margin-top:20px; } 
 .guide a { width:48%; height:100px; border-radius:6px; } 
 .guide .link_02 { margin-left:4%; } 
 .guide a span { font-size:1rem; text-align:left; } 
 .guide .link_01 span { padding:25px 0 25px 100px; line-height:50px; background: url('../../images/main/icon_link_fb.svg') no-repeat 20px 25px; background-size:auto 50px; } 
 .guide .link_02 span { padding:25px 0 25px 100px; line-height:50px; background:url('../../images/main/icon_link_brc.svg') no-repeat 20px 25px; background-size:auto 50px; } 
 }
@media all and (min-width:501px) and (max-width:650px){
 .guide .link_02 span { line-height:25px; } /* 텍스트 두줄로 보이기 */}
@media all and (max-width:500px) { /*#multipleDiv_hufstmp02_1486 { height:730px; } 
 #multipleContentsDiv_hufstmp02_1486 { height:670px; } */
 .guide { display:block; } 
 .guide a { width:100%; height:100px; border-radius:0px; } 
 .guide .link_02 { margin-left:0; margin-top:0px; } 
 .guide a span { font-size:1.25rem; } 
 .guide .link_02 span { line-height:50px; } 
 }

/* quick_service */ 
.quick_service { margin-top:40px; } 
.quick_service .box { width: 1200px; margin: 0 auto; padding-left: 75px; padding-right: 55px; } 
.banner_wrap .banner ul li { display:block; text-align: center; } 
.quick_service .box ul li a { display: block; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.42px; color: #002d56; white-space: nowrap; text-align: center; border-radius: 20px; background: rgba(256,256,256,.8); margin-right: 10%; height: 320px; border:1px solid #8d7150b3; } 
.quick_service .box ul li a:hover { border-radius: 0px; background: rgba(6,22,56,.8); color:rgb(219 187 148 / 89%); border:1px solid rgba(6,22,56,.8); font-family: 'hufs_B'; } 
.quick_service .box ul li a>span { display: block; font-size:1rem; margin-top: -3px; } 
.quick_service .box ul li a i { display:block; width:100%; height:230px; margin:0 auto 30px auto; -webkit-transition:0.4s; transition:0.4s; border-radius:15px; } 
.quick_service .box ul li a i p { line-height: 50px; font-size: 0.8rem; width: 90%; text-align: center; margin-left: 20px; text-shadow: 0 0 2px black; font-weight: 600; color: #fff; text-overflow: ellipsis; overflow: hidden; } 
.quick_service .box ul li a:hover i p { font-family:"Noto sans kr"; } 
.quick_service .box .link_01 i { background:rgba(169,150,127,.8)url('../../images/main/campain01.png') no-repeat center center; background-size:100% 100%; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } 
.quick_service .box .link_02 i { background:rgba(169,150,127,.2) url('../../images/main/campain02.png') no-repeat center center; background-size:100% 100%; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } 
.quick_service .box .link_03 i { background:rgba(169,150,127,.8) url('../../images/main/campain03.png') no-repeat center center; background-size:100% 100%; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } 
.quick_service .box .link_04 i { background:rgba(169,150,127,.8) url('../../images/main/icon_quick_service_04.svg') no-repeat center center; background-size:75px auto; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } 
.quick_service .box .link_05 i { background:rgba(169,150,127,.8) url('../../images/main/icon_quick_service_05.svg') no-repeat center center; background-size:72px auto; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } 
.quick_service .box .link_06 i { background:rgba(169,150,127,.8) url('../../images/main/icon_quick_service_06.svg') no-repeat center center; background-size:75px auto; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } 
.quick_service .box .link_07 i { background:rgba(169,150,127,.8) url('../../images/main/icon_quick_service_05.svg') no-repeat center center; background-size:75px auto; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } 
.quick_service .box .link_08 i { background:rgba(169,150,127,.8) url('../../images/main/icon_quick_service_06.svg') no-repeat center center; background-size:75px auto; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } 
.quick_service .box a:hover i { background-color: rgba(6,22,56,.6); -webkit-transition:0.4s; transition:0.4s; border-radius:0px; opacity:1; } 
.quick_service .slick-prev { position:absolute; left:-75px; top:40%; width:52px; height:52px; background: url('../../images/main/btn_quick_service_prev.png') no-repeat center center; font-size:0; } 
.quick_service .slick-next { position:absolute; right:-51px; top:40%; width:52px; height:52px; background:url('../../images/main/btn_quick_service_next.png') no-repeat center center; font-size:0; } 

.quick_service .slick-prev:hover { position:absolute; left:-75px; top:40%; width:52px; height:52px; background: #3c373752 url('../../images/main/btn_quick_service_prev.png') no-repeat center center; font-size:0; } 
.quick_service .slick-next:hover { position:absolute; right:-51px; top:40%; width:52px; height:52px; background: #3c373752 url('../../images/main/btn_quick_service_next.png') no-repeat center center; font-size:0; } 

@media all and (max-width:1484px){
 .quick_service .box { width:100%; padding-left:93px; } 
 .quick_service .slick-prev { left: -55px; } 
 .quick_service .slick-next { right: -36px; } 
 }
@media all and (max-width:767px) {.quick_service { margin-top:70px; } 
 .quick_service .box ul li a { font-size:1.25rem; } 
/*.quick_service .box ul li a i { width:96px; height:96px; margin:0 auto 20px auto; } 
 .quick_service .box .link_01 i { background:#899bba url('../../images/main/icon_quick_service_01.svg') no-repeat center center; border-radius:48px; background-size:60px auto; } 
 .quick_service .box .link_02 i { background:#899bba url('../../images/main/icon_quick_service_02.svg') no-repeat center center; border-radius:48px; background-size:65px auto; } 
 .quick_service .box .link_03 i { background:#899bba url('../../images/main/icon_quick_service_03.svg') no-repeat center center; border-radius:48px; background-size:65px auto; } 
 .quick_service .box .link_04 i { background:#899bba url('../../images/main/icon_quick_service_04.svg') no-repeat center center; border-radius:48px; background-size:65px auto; } 
 .quick_service .box .link_05 i { background:#899bba url('../../images/main/icon_quick_service_05.svg') no-repeat center center; border-radius:48px; background-size:62px auto; } 
 .quick_service .box .link_06 i { background:#899bba url('../../images/main/icon_quick_service_06.svg') no-repeat center center; border-radius:48px; background-size:65px auto; } 
 .quick_service .box .link_07 i { background:#899bba url('../../images/main/icon_quick_service_05.svg') no-repeat center center; border-radius:48px; background-size:65px auto; } 
 .quick_service .box .link_08 i { background:#899bba url('../../images/main/icon_quick_service_06.svg') no-repeat center center; border-radius:48px; background-size:65px auto; } */
 .quick_service .slick-prev { left:calc(45% - 45px); top:-68px; width:40px; height:40px; background:#00000030 url('../../images/main/btn_quick_service_before_s.png') no-repeat center center; } 
 .quick_service .slick-next { right:calc(55% - 45px);; top:-68px; width:40px; height:40px; background:#00000030 url('../../images/main/btn_quick_service_next_s.png') no-repeat center center; } 
 .quick_service .slick-prev:hover { left:calc(45% - 45px); top:-68px; width:40px; height:40px; background: url('../../images/main/btn_quick_service_before_s.png') no-repeat center center; } 
 .quick_service .slick-next:hover { right:calc(55% - 45px);; top:-68px; width:40px; height:40px; background: url('../../images/main/btn_quick_service_next_s.png') no-repeat center center; } 
 }

/* link */
.link { margin-top:43px; } 
.link li { float:left; display:inline-block; width:341px; height:300px; margin:1px 0 0 1px; } 
.link .link_01, .link .link_05 { margin:1px 0 0 0; } 
.link .link_01 { background:url('../../images/main/img_link_01.jpg') no-repeat center center; } 
.link .link_02 { background:url('../../images/main/img_link_02.jpg') no-repeat center center; } 
.link .link_03 { background:url('../../images/main/img_link_03.jpg') no-repeat center center; } 
.link .link_04 { background:url('../../images/main/img_link_04.jpg') no-repeat center center; } 
.link .link_05 { background:url('../../images/main/img_link_05.jpg') no-repeat center center; } 
.link .link_06 { background:url('../../images/main/img_link_06.jpg') no-repeat center center; } 
.link .link_07 { background:url('../../images/main/img_link_07.jpg') no-repeat center center; } 
.link .link_08 { background:url('../../images/main/img_link_08.jpg') no-repeat center center; } 
.link .link_01:hover { background-size:105%; -webkit-transition:0.4s; transition:0.4s; } 
.link .link_02:hover { background-size:105%; -webkit-transition:0.4s; transition:0.4s; } 
.link .link_03:hover { background-size:105%; -webkit-transition:0.4s; transition:0.4s; } 
.link .link_04:hover { background-size:105%; -webkit-transition:0.4s; transition:0.4s; } 
.link .link_05:hover { background-size:105%; -webkit-transition:0.4s; transition:0.4s; } 
.link .link_06:hover { background-size:105%; -webkit-transition:0.4s; transition:0.4s; } 
.link .link_07:hover { background-size:105%; -webkit-transition:0.4s; transition:0.4s; } 
.link .link_08:hover { background-size:105%; -webkit-transition:0.4s; transition:0.4s; } 



.link li a { display:block; height:100%; position:relative; background:rgba(2,11,20,0.4); -webkit-transition:0.4s; transition:0.4s; } 

.link .link_01 a:hover, .link .link_05 a:hover { background: linear-gradient(to top, rgba(12,80,151,1) 15%, rgba(255,255,255,0) 60%); } 
.link .link_02 a:hover, .link .link_06 a:hover { background: linear-gradient(to top, rgba(12,80,151,1) 15%, rgba(255,255,255,0) 60%); } 
.link .link_03 a:hover, .link .link_07 a:hover { background: linear-gradient(to top, rgba(43,161,178,1) 15%, rgba(255,255,255,0) 60%); } 
.link .link_04 a:hover, .link .link_08 a:hover { background: linear-gradient(to top, rgba(72,134,199,1) 15%, rgba(255,255,255,0) 60%); } 
.link li a span { position:absolute; bottom:29px; width:100%; display:block; color:#fff; font-size:0.938rem; font-weight:400; letter-spacing:-0.3px; text-align:center; } 
.link li a span strong { display:block; margin-top:5px; color: #fff; font-size: 1.313rem; font-weight:400; letter-spacing:-0.42px; } 






@media all and (max-width:1484px){
 .link li { width: calc(25% - 9px); } 
 }
@media all and (max-width:767px){
 .link { margin-top:20px; } 
 .link li { width:calc(50% - 6px); height:200px; } 
 .link .link_01 { background-size:cover; margin:1px 0 0 0; } 
 .link .link_02 { background-size:cover; margin:1px 0 0 1px; } 
 .link .link_03 { background-size:cover; margin:1px 0 0 0; } 
 .link .link_04 { background-size:cover; margin:1px 0 0 1px; } 
 .link .link_05 { background-size:cover; margin:1px 0 0 0; } 
 .link .link_06 { background-size:cover; margin:1px 0 0 1px; } 
 .link .link_07 { background-size:cover; margin:1px 0 0 0; } 
 .link .link_08 { background-size:cover; margin:1px 0 0 1px; } 
 }
@media all and (max-width:640px){
 .link li { width:calc(50% - 5px); } 
 .link .link_01 { background-size:cover; margin:1px 0 0 0; } 
 .link .link_02 { background-size:cover; margin:1px 0 0 1px; } 
 .link .link_03 { background-size:cover; margin:1px 0 0 0; } 
 .link .link_04 { background-size:cover; margin:1px 0 0 1px; } 
 .link .link_05 { background-size:cover; margin:1px 0 0 0; } 
 .link .link_06 { background-size:cover; margin:1px 0 0 1px; } 
 .link .link_07 { background-size:cover; margin:1px 0 0 0; } 
 .link .link_08 { background-size:cover; margin:1px 0 0 1px; } 
 }
@media all and (max-width:500px){
 .link li { width:calc(50% - 4px); } 
 .link .link_01 { background-size:cover; margin:1px 0 0 0; } 
 .link .link_02 { background-size:cover; margin:1px 0 0 1px; } 
 .link .link_03 { background-size:cover; margin:1px 0 0 0; } 
 .link .link_04 { background-size:cover; margin:1px 0 0 1px; } 
 .link .link_05 { background-size:cover; margin:1px 0 0 0; } 
 .link .link_06 { background-size:cover; margin:1px 0 0 1px; } 
 .link .link_07 { background-size:cover; margin:1px 0 0 0; } 
 .link .link_08 { background-size:cover; margin:1px 0 0 1px; } 
 }

/* banner_wrap */
.banner_wrap { height: 200px; padding: 20px 0 49px 0; background: radial-gradient(#0000003b, transparent 70%); background-position: center; background-size: cover; border-top: 1px solid #ffffffa1; width: 100%; height:52px; margin: 0 auto; } 
.banner_wrap .banner { width: 100%; overflow:hidden; position:relative; padding-left:61px; padding-right:61px; } 
.banner_wrap .banner ul li { display:block; text-align: center; } 
.banner_wrap .banner ul li { border-right: 1px solid #ffffff4d; } 
.banner_wrap .banner ul li a { display: block; color: #eee; font-size: 1.2rem; font-weight: 400; line-height: 52px; white-space: nowrap; color: #fff; text-shadow: 0 0 5px black; } 
.banner_wrap .banner ul li a p { display: inline-block; border-radius: 15px; font-size: 0.9rem; line-height: 30px; font-weight: 200; border: 1px solid #ffffff8c; padding: 0 10px; } 
.banner_wrap .banner ul li a strong { margin-left: 10px; font-family:; font-size:; } 
.banner_wrap .banner ul li a span { margin-left: 20px; color: #fff; font-weight: 300; } 
.banner_wrap .banner ul li a:hover strong { color:#fff; } 
.banner_wrap .banner ul li a:hover p { color: #093d62; font-weight: 400; background:#ffffff8c; text-shadow: 0 0 0px black; } 

.banner_wrap .slick-prev { position:absolute; left: -78px; top:0; width:52px; height:52px; background:url('../../images/main/btn_quick_service_prevon.png') no-repeat center center; font-size:0; background-position:22px; } 
.banner_wrap .slick-next { position:absolute; right: -78px; top:0; width:52px; height:52px; background: url('../../images/main/btn_quick_service_nexton.png') no-repeat center center; font-size: 0; background-position: -45px; } 

@media all and (max-width:1484px){
 .banner_wrap .banner { width:100%; } 
 .banner_wrap .slick-prev { left: -60px; } 
 .banner_wrap .slick-next { right: -60px; } 
 }
#menu12286_obj494 { border: 1px solid #002d56; box-sizing: border-box; } 

@media all and (max-width:900px) {.banner_wrap .banner { height:170px; margin-top: -25px; } 
.banner_wrap .banner ul li a { font-size: 1rem; line-height:110px; } 
.banner_wrap .banner ul li a strong { font-size:1.3rem; line-height: 4rem; } 
.banner_wrap .banner ul li a span { margin-left: 10px; font-size: 0.8rem; } 
 .banner_wrap .slick-prev { top:30px } 
 .banner_wrap .slick-next { top:30px } 
.banner_wrap .banner ul li a p { margin: 0 auto; font-size: 0.8rem; } 
 }


/* schedule */
.schedule-wrap { background: linear-gradient(90deg, rgba(0,0,0,.8), transparent); background-position: center center; height: 550px; background-size:cover; } 
.schedule-wrap .schedule-inner { padding: 55px 0px 0px 55px; } 

.schedule-title { position:relative; margin-bottom: 50px; } 
.schedule-title::after { content:''; display: block; clear:both; } 
.schedule-title .fnct-num-title { text-align: center; } 
.schedule-title .fnct-num-title::after { content:''; display:block; clear:both; } 
.schedule-title .fnct-num-title2 { float:left; } 
.schedule-title .fnct-num-title2::after { content:''; display:block; clear:both; } 
.schedule-title span { font-size: 3.1rem; color: #fff; } 
.schedule-title span strong { text-align: center; color: #fff; } 
.schedule-title p { display: block; width: 100%; color: lemonchiffon; background: linear-gradient(45deg, #8d7150, transparent); padding-left: 10px; height: 40px; line-height: 40px; } 
.schedule-title .schedule-more { position:absolute; right: 0; width:50px; height: 50px; top:50%; /*transform: translateY(-50%); */margin-top:-40px } 
.schedule-title .schedule-more-btn { background: url(../../images/main/btn_plus.svg) no-repeat; width: 100%; height: 100%; display: inline-block; text-indent: -9999px; text-indent: -9999px; transition:all .5s; } 
/*.schedule-title .schedule-more-btn:hover { transition:all .5s; transform:rotate(270deg); } */


.schedule-content > ul > li { margin-bottom: 20px; } 
.schedule-content > ul > li { display: block; color:#fff; overflow: hidden; } 
.schedule-content > ul > li .schedule-date { float: left; font-size: 0px; width: 10px; height: 10px; background-color: rgba(230,180,141,.9); border-radius: 50%; text-align: center; line-height: 55px; color: #fff; margin-top: 10px; } 
.schedule-content > ul > li .schedule-detail { overflow: hidden; font-size: 1.3rem; padding-left: 15px; color: rgba(230,180,141,.9); font-weight: 600; } 
.schedule-content > ul > li .schedule-detail::after { content:''; display: block; clear:both; } 
.schedule-content > ul > li .schedule-detail p:last-child { letter-spacing: -0.04em; color: #eeeeee; font-weight: 500; font-size: 4rem; text-shadow: 0 0 2px black; line-height: 4rem; } 
.schedule-detail p span { font-size:1.5rem; } 
.schedule-detail p strong { font-size:1rem; font-weight:300; } 


@media all and (max-width:1352px){
 #multipleContentsDiv_temp_04_7 ._objHtml { left:0; transform:inherit; } 
 .schedule-wrap .schedule-inner { padding:55px 10px 10px 15px; } 
 .schedule-title { margin-bottom:50px; } 
 .schedule-content > ul > li { margin-bottom: 26px; } 
 .schedule-content > ul > li .schedule-detail { font-size: 16px; } 
 .schedule-content > ul > li .schedule-detail p:last-child { font-size: 3.5rem; } 
 }
@media all and (max-width:1024px) {.schedule-wrap .schedule-inner { padding:35px 25px 20px 40px; } 
 .schedule-content > ul > li .schedule-detail { font-size: 18px; } 
 .schedule-title .schedule-more { margin-top:-35px } 
 .schedule-title span strong { text-align: center; color: #fff; } 
 .schedule-title p { text-align: center; } 
 .schedule-title span strong { text-align: center; color: #fff; font-size: 2.2rem; } 
 }
@media all and (max-width:768px) { 
 .visual-slogan p.detail { display: none; } 
 #multipleContentsDiv_temp_04_11 { overflow:hidden; width:auto; padding:0 15px; z-index:999; overflow: inherit; } 
 #multipleContentsDiv_temp_04_7 ._objHtml { margin-left:0%; border-radius: 0; } 
 .schedule-title span strong { font-size:1.9rem; } 
 .visual-slogan { margin-right:95px; } 
 .visual-slogan > span { font-size:15px; line-height:20px; } 

 .visual-slogan strong > span { line-height:50px; } 
 .visual-slogan strong > p { font-size: 35px; } 
}
@media all and (max-width: 590px) {}



























#gra a { color:#fff; font-weight:500; text-align:center; vertical-align:middle; -webkit-transition:0.4s ease-in-out; transition:0.4s ease-in-out; line-height:1.3; word-break: break-word; padding:10px 10px 10px 10px; width:calc(100% / 3); min-width:80px; } /* a링크 개수에 따라 width값 조정 */
.gra.style1 { padding: 30px; } 
.gra.style1 .gra_menu { position: relative; overflow: hidden; width: 33%; height: 230px; float: left; /* background: #000; */
 padding: 5px; margin-bottom: 30p; } 

.gra.style1 .gra_menu img { width: 100%; border-right: 1px dotted #fff; border-bottom: 0px dotted #fff; transition: 0.4s; opacity: 0.69; filter: grayscale(0.5); } 

.gra.style1 .gra_menu:hover .hide
 {
 font-size:0px; opacity: 0.1; } 
.gra.style1 .gra_menu:hover img
 {
 opacity: 1; } 
 
 .gra.style1 .gra_menu img { width: 100%; } 
.gra.style1 .gra_menu:hover img { transform:scale3D(1.1,1.1,1); } 
 
.gra.style1 .gra_menu .content-part:hover .hide { opacity: 0.1; font-size:0px; } 
.gra.style1 .gra_menu p { position: absolute; top: 45%; left: 0%; font-size: 1.25rem; color: #fff; display: block; width: 100%; text-align: center; font-weight:700; } 

.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; font-size:1.3rem; font-weight:800; } 
.gra.style1 .gra_menu .content-part .name a:hover { color: #111111; } 
.gra.style1 .gra_menu .content-part .gra_subtitle { color: #eee; margin-bottom: 16px; display: block; font-size:0.9rem; font-weight:100; } 
.gra.style1 .gra_menu .content-part .gra_link li { display: inline; margin-right: 1px; } 
.gra.style1 .gra_menu .content-part .gra_link li a { display: inline-block; color: #fff; font-size:0.8rem !important; border:1px solid rgba(256, 256, 256, .5); } 
.gra.style1 .gra_menu .content-part .gra_link li a:hover { color: #111111; background: 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(-25%, 100%) scale(0.1); background: #188bae; opacity: 0; border-radius: 1px; 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:#0487c4; } 

.gra.style1 .gra_menu .content-part .name { margin-bottom: 8px; font-size: 22px; } 
h4 { font-size: 1.25rem; font-weight: 700; } 
.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% - 50px); height: calc(100% - 50px); } 
.gra.style1 .gra_menu .content-part { width: calc(100% - 60px); } 
 ::selection { background: #21a7d0; text-shadow: none; color: #ffffff; } 
 .gra.style1 .gra_menu img { width: 100%; height: 100%; } 
 img, svg { vertical-align: middle; } 
*, ::after, ::before { box-sizing: border-box; } 


@media all and (max-width:1400px){
 .gra.style1 .gra_menu:after { width: calc(100% - 30px); height: calc(100% - 30px); } 
 .gra.style1 .gra_menu .content-part .gra_subtitle { } 
 .gra.style1 .gra_menu .content-part .name a { font-size:0.9rem; line-height:0.5rem !important; padding:0px !important; } 

}


@media all and (max-width:1024px) {
.gra.style1 .gra_menu { width: 33.33333%; height:250px; } 
}



@media all and (max-width:768px) {.gra.style1 { padding:0px; } 
.gra.style1 .gra_menu .content-part .gra_link li a { width:70px !important; padding:10px !important; font-size:0.6rem !important } 
.gra.style1 .gra_menu .content-part .gra_link { margin-top:20px } 
 .gra.style1 .gra_menu .content-part .name { line-height:20px; } 
 .gra.style1 .gra_menu .content-part .name a { font-size:1.1rem; line-height:0.5rem !important; padding:0px !important; } 
 .gra.style1 .gra_menu p { font-size: 1.1rem; line-height:1.1rem; } 
 }




#multipleDiv_hufstmp02_1488 { background: url(./../../images/main/centertext.png) no-repeat; background-position: center 90px; } 
.visualBox2 { position:absolute; display:block; width: 100%; color:#000; font-size:23px; line-height:1.4; font-family:"Noto sans kr"; box-sizing:border-box; /* left:50%; *//* margin-left:-450px; */text-align:center; } 
.visualBox2 .p-1 { line-height: 20px; margin-bottom: 10px; font-size: 0.9rem; text-transform: uppercase; /* font-family: hufs_b; */
 color: #555; /* letter-spacing: -0.7px; */
 font-weight: 900; } 
.visualBox2 .p-1 strong { display:inline-block; background-color:#8d7150; padding:3px 35px; border-radius:20px; margin-right:10px; color:#8d7150; } 
.visualBox2 .p-2 { line-height: 1.25; margin-bottom: 20px; font-size: 1.24rem; letter-spacing: -0.5px; font-weight: 500; color: #002d56; } 
.visualBox2 .p-2 span { font-family: 'hufs_M'; font-size: 2.2rem; color: #8d7150; font-weight: 600; line-height: 4rem; } 
.visualBox2 .p-3 { font-size:0.99rem; font-weight: 300; } 
.visualBox2 .p-3 span { color:#ffde00 } 
.visualBox2 .slogan-link a {
display: inline-block;
font-size: 20px;
margin-left: 0px;
position: relative;
padding: 83px 5px 20px 5px;
width: 100%;
height: 179px;
background: url(./../../images/main/slogan-icon6.png) center 30px no-repeat;
background-color: #1c7bab;
color: #fff;
border: 1px solid #ffffff4a;
line-height: 36px;
font-family: hufs_m;
margin-bottom: 5px; } 
.visualBox2 .slogan-link a:first-child { background-color:#0d355aeb; border-top-left-radius: 0px; border-bottom-right-radius: 20px; } 
.visualBox2 .slogan-link a:last-child { background: url(./../../images/main/slogan-icon7.png) center 30px no-repeat; background-color: rgba(140,110,80,.9); border-top-right-radius: 50px; border-bottom-right-radius: 0px; /* background-size: 58px; */}
.visualBox2 .slogan-link a:first-child:hover { background:url(./../../images/main/slogan-icon6on.png) center 30px no-repeat; background-color:rgba(256,256,256,.7); color:#000; transform:translateY(-0%); background-blend-mode: normal; } 
.visualBox2 .slogan-link a:last-child:hover { background:url(./../../images/main/slogan-icon7on.png) center 30px no-repeat; background-color:rgba(256,256,256,.7); color:#000; transform:translateY(-0%); background-blend-mode: normal; } 
.visualBox2 .slogan-link a:first-child:hover span { color:#002d56!important; } 
.visualBox2 .slogan-link a:last-child:hover span { color:#8d7150!important; } 
.visualBox2 .slogan-link a:hover { background:url(./../../images/main/slogan-icon2on.png) center 33px no-repeat; background-color:rgba(256,256,256,.3); color:#000; transform:translateY(-0%); border:0px solid #000; font-weight:900; } 

 
.visualBox2 .slogan-link a:after { content: ''; position: absolute; left: 0px; top: 20px; height: 0px; background: #0485f3; transform: rotate(45deg); margin-left: -25px; } 
.visualBox2 .slogan-link a:hover:after { content:''; position:absolute; right:40%; bottom:16%; width:90px; height:1px; } 

@media all and (max-width:1024px) {.visualBox2 .slogan-link a:after { margin-top: -60px; margin-left: -18px; } 
.visualBox2 { position: relative; height: 120px; width: 100%; margin: 0px; padding: 0px; clear: both; left: 0px; top:0px; } 
.visualBox2 .p-1 { } 
 .visualBox2 .p-2 span { font-size: 1.8rem; } 
.visualBox2 .p-3 { } 

.visualBox2 .slogan-link a:hover:after { content:''; position:absolute; right:50%; top:60%; width:70%; height:1px; } 
.visualBox2 .slogan-link { padding:30px 0px 0px 0px; } 
.visualBox2 .slogan-link a { margin-top:0px; } 
}
@media all and (max-width:900px) {.visualBox2 .p-2 { letter-spacing:-0.5px; padding:10px; } 
.visualBox2 .p-2 span { line-height: 2.8rem; } 
.visualBox2 .slogan-link { } 
.visualBox2 .slogan-link a { background-size:auto; } 
 }
@media all and (max-width:768px) {.visualBox2 .slogan-link { margin: 10px; padding: 0px; } 
.visualBox2 .slogan-link a { padding-bottom:30px; } 
.visualBox2 .p-2 { padding:10px; margin-bottom:10px; } 
.visualBox2 .p-2 span { font-size: 1.8rem; line-height: 2.5rem; } 
#multipleDiv_hufstmp02_1488 { background-position:-350px 50px; } 
 }
@media all and (max-width:550px) {.visualBox2 .p-1 { } 
.visualBox2 .p-2 { font-size:20px; } 
.visualBox2 .p-2 span { font-size:25px; } 
.visualBox2 .p-3 { } 
 }

#menu12286_obj2761 .wrap-slide .slider li { width: 25%; display: inline-block; float: left; margin: 0px; padding: 0px; } 
#menu12286_obj2761 .wrap-slide .slider li img { width: 100%; filter: grayscale(1); height: 99%; height: 99.9%; opacity: 0.6; } 
#menu12286_obj2761 .wrap-slide .slider li img:hover { filter: grayscale(0); opacity: 1; } 
#menu12286_obj2761 .wrap-slide .con { display: block; text-align: left; position: absolute; margin-top: -258px; background: url(/sites/fund/fnct/recentBbs/fund_news2/images/monthback.png) no-repeat; width: 92px; padding: 15px 0px; height: 110px; background-position: right bottom; filter: grayscale(1); } 
#menu12286_obj2761 .wrap-slide:hover .con { filter:grayscale(0); } 
#menu12286_obj2761 .wrap-slide .con p { line-height: 1.25rem; font-size: 1rem; font-weight: 400; color: #fff; padding: 8px 18px 8px 5px; } 
#menu12286_obj2761 .wrap-slide .thum { overflow: visible; background:linear-gradient(2deg, black, #fff 60%); } 
#menu12286_obj2761 .wrap-slide .fixed_box strong { display:none; } 
#menu12286_obj2761 .wrap-slide .list { padding-top: 0px; } 

@media all and (max-width:1024px) {#menu12286_obj2761 .wrap-slide .con p {line-height: 1.2rem !important; /* max-height: 65px; */
 padding: 3px 18px 0px 5px; margin-top: -5px; vertical-align: top; font-size: 0.85rem; } 
 #menu12286_obj2761 .wrap-slide .slider li {width: 50%; } 
 #menu12286_obj2761 .wrap-slide .con { margin-top: -245px; height: 90px; } 
 }


@media (max-width: 767px) {#menu12286_obj2761 .wrap-slide .slider li { width: 50%; } 
#menu12286_obj2761 .wrap-slide .thum { padding-right:0px; border:none; } 
#menu12286_obj2761 .wrap-slide .slider li img { width: 100%; padding-right: 0px; } 


}



















/* Banner */
.wrap-banner { /* border-top-left-radius: 30px; */
 overflow: hidden; /* border: 1px solid #35384952; */
 /* border-bottom-right-radius: 30px; */
 /* opacity: 0.89; */
 height: 100%; } 
.wrap-banner ul { /* overflow: hidden; *//* border-bottom: 1px solid #ccc; */background:linear-gradient(0deg, #fff 70%, #ffffffc2); } 
.wrap-banner li { /* padding-bottom: 15px; */float: left; width: 16.4%; height: 200px; text-align: center; border: 0px solid #ccc; transition: background .75s; /* border-bottom: 1px solid #ccc; *//* BACKGROUND: #ffffffe8; *//* border-radius: 25px; */margin-left: 1px; } 
.wrap-banner li:nth-child(2n) { /* border-right: 0px solid #ccc; */ } 
.wrap-banner li:hover {background: linear-gradient(358deg, #9e9e9e4a, transparent);border-radius: 5px;border: 1px solid #3d3a3a61;} 
/*.wrap-banner .ico1:hover { background: #086cb5; } 
.wrap-banner .ico2:hover { background: #002d56; } 
.wrap-banner .ico3:hover { background: #683189; } 
.wrap-banner .ico4:hover { background: cadetblue; } 
.wrap-banner .ico5:hover { background: #9f8464; } 
.wrap-banner .ico6:hover { background: #4a4f57; } */



.wrap-banner a { position: relative; display: block;text-shadow: 0px 0px 3px #ffffff; } 
.wrap-banner a::after { content: ''; position: absolute; left: 50%; bottom: -39px; width: 28px; height: 28px; background: url('../../images/main/btn-banner.png') no-repeat center center; transform: translate(-50%, 0); } 
.wrap-banner li:hover a::after {background: url('../../images/main/btn-banner-on.png') no-repeat center center;filter: drop-shadow(2px 4px 6px black);} 
.wrap-banner strong { display: block; margin-top: 30px; padding-top: 65px; font-family: 'H Medium'!important; font-size: 20px; color: #1d293c; background-size: 75px !important; line-height: 1.5rem; } 
.wrap-banner li:hover strong {/* color: #2196F3; *//* background: red; */} 
.wrap-banner .ico1 strong { background: url('../../images/main/ico-banner1.png') no-repeat center top; } 
.wrap-banner .ico2 strong { background: url('../../images/main/ico-banner2.png') no-repeat center top; } 
.wrap-banner .ico3 strong { background: url('../../images/main/ico-banner3.png') no-repeat center top; } 
.wrap-banner .ico4 strong { background: url('../../images/main/ico-banner4.png') no-repeat center top; } 
.wrap-banner .ico5 strong { background: url('../../images/main/ico-banner5.png') no-repeat center top; } 
.wrap-banner .ico6 strong { background: url('../../images/main/ico-banner6.png') no-repeat center top; } 
.wrap-banner p {
 /* margin-top: 4px; */
 font-family: 'Noto Light';
 font-size: 0.9rem;
 color: #2d2a2a;
 line-height: 1.1rem;
 letter-spacing: 0;
 } 
.wrap-banner li:hover p {color: #8d7150;} 
@media all and (min-width:1025px) and (max-width:1484px) {
}
@media all and (max-width: 1024px){
 .wrap-banner ul { border-bottom: 0; } 
 .wrap-banner li { width: 49.5%; height: 195px; border-bottom: 1px solid #ccc; } 
 .wrap-banner strong { margin-top: 15px; padding-top: 65px; font-size: 19px; } 
 .wrap-banner p { font-size: 16px; } 

 #multipleContentsDiv_sewc_temp_23 > div:nth-child(2) { width: 100% !important; } 
 .wrap-banner ul { border-left: 1px solid #ccc; } 
 .wrap-banner li:nth-child(2n) { border-left: 1px solid #ccc; } 
 .wrap-banner li:nth-child(3n) { border-right: 0px solid #ccc; } 
.wrap-banner li:nth-child(5) {/* border-bottom: 0px solid #ccc; */} 
.wrap-banner li:nth-child(6) {border-bottom: 1px solid #ccc;} 
 }

@media all and (max-width: 767px){
  .wrap-banner li:hover {border: 0px solid #3d3a3a61;} 
 .wrap-banner li {width: 49%;height: 100px;min-height: auto;} 
 .wrap-banner p {display: flex;padding-left: 100px;margin-top: -20px;font-size: 0.6rem;} 
 .wrap-banner strong {
 /* margin: 30px 0; */
 padding-top: 10px;
 /* padding-bottom: 25px; */
 padding-left: 100px;
 background-position: 20px top !important;
 background-size: 65px auto !important;
 text-align: left;
 font-size: 18px;
 font-weight: 600;
 letter-spacing: -0.5px;
 height: 50px;
 } 
 .wrap-banner a::after { width: 20px; height: 20px; left: 90%; bottom: 0px; background-size: cover; } 
 .wrap-banner li:hover a::after { background-size: cover; } 

 .wrap-banner li:nth-child(2n) { border-right: 0px solid #ccc; } 
 .wrap-banner li:nth-child(3n) {/* border-right: 1px solid #ccc; */} 
 .wrap-banner li:nth-child(6n) { border-right: 0px solid #ccc; } 
  .wrap-banner li:nth-child(5) {border-bottom: 0px solid #ccc;} 
  .wrap-banner li:nth-child(6) {border-bottom: 0px solid #ccc;} 
 }

@media all and (max-width: 490px) {body .wrap-banner li { height:110px; } 
body .wrap-banner .ico1 a::after { left: 168px; bottom: 25px; } 
 }
/* Bottom Banner */
.wrap-bottom-banner { background:url('https://dep.hufs.ac.kr/sites/hufsplan/images/main/img-bottom-banner1.jpg') no-repeat left -50px; } 
.wrap-bottom-banner .box { padding-left: 20%; } 
.wrap-bottom-banner ul { overflow: hidden; } 
.wrap-bottom-banner li { float: left; width: 50%; min-height: 240px; padding: 60px 0 0 60px; } 
.wrap-bottom-banner li.ico2 { background: #00428e url('../../images/main/ico-bottom-banner1.png') no-repeat 93% 89%; } 
.wrap-bottom-banner li.ico3 { background: rgba(2,138,143,.8) url('../../images/main/ico-bottom-banner2.png') no-repeat 93% 89%; } 
.wrap-bottom-banner li.ico4 { background: #3266a3 url('../../images/main/ico-bottom-banner3.png') no-repeat 93% 89%; } 
.wrap-bottom-banner li strong { display: block; font-family: ''Noto Sans KR''; font-size: 24px; line-height: 1; color: #fff; } 
.wrap-bottom-banner li a strong i { position: relative; } 
.wrap-bottom-banner li a strong i::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: rgba(255,255,255,.5); transition: .5s; } 
.wrap-bottom-banner li a:hover strong i::after { width: 100%; } 
.wrap-bottom-banner li p { padding: 10px 0 45px 0; font-family: 'Noto Light'; font-size: 0.8rem; color: rgba(255,255,255,.6); } 
.wrap-bottom-banner li span { position: relative; display: inline-block; font-family: 'Play Regular'; font-size: 18px; color: #fff; } 
.wrap-bottom-banner li span::before { content: ''; position: absolute; left: -7px; top: 1px; width: 18px; height: 18px; background: rgba(255,255,255,.2); border-radius: 100%; } 
.wrap-bottom-banner li span::after { content: ''; position: absolute; left: 110%; top: 9px; width: 22px; height: 7px; background: url('../../images/main/arrow-bottom-banner.png') no-repeat center center; transition: .7s; } 
.wrap-bottom-banner li:hover span::after { left: 120%; } 

@media all and (max-width: 845px){
 .wrap-bottom-banner .box { padding-left: 0; } 
 }

@media all and (max-width: 767px){
 .wrap-bottom-banner { background-size: cover; } 
 .wrap-bottom-banner .box { padding-top: 230px; } 
 .wrap-bottom-banner li { min-height: 110px; padding: 30px 0 0 20px; background-image: none !important; } 
 .wrap-bottom-banner li p { display: none; } 
 .wrap-bottom-banner li strong { font-size: 22px; padding-bottom: 10px; } 
 .wrap-bottom-banner li.ico3 { background: rgba(2,138,143,1) url('../../images/main/ico-bottom-banner2.png') no-repeat 93% 89%; } 
 }

/*메인이미지 짤려서 250321추가*/
@media all and (min-width:2001px){
 .wrap-bottom-banner { background-size: 70% 120%; } 
 #multipleDiv_hufstmp02_1456 { background-size: 100% } 
}

/* Photo */
.wrap-photo { min-height: 480px; background: url('../../images/main/img-bottom-banner2.jpg') no-repeat center top; background-size: cover; } 
.wrap-photo a { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 50%; background: rgba(47,47,58,.6); } 
.wrap-photo a:last-child { top: 50%!important; background:linear-gradient(183deg, #1b1c23bf, rgba(47,47,58,.4)) } 
.wrap-photo a::after { content: ''; position: absolute; left: 50px; top: 50px; border: 1px solid rgba(255,255,255,.3); width: calc(100% - 100px); height: calc(100% - 100px); transition: .5s; } 
.wrap-photo a:hover::after { border: 1px solid #fff; } 
.wrap-photo strong { display: block; margin-top: 0px; padding-top: 105px; background: url('../../images/main/ico-bottom-banner4.png') no-repeat center top; text-align: center; font-size: 24px; color: #fff; line-height: 1.1rem; } 
.wrap-photo strong span { font-weight:200!important; } 

@media all and (max-width: 1023px) {.wrap-photo { min-height: 280px; background-position: 0px -250px; } 
.wrap-photo a { position: absolute; left: 0; top: 0; display: inline-block; width: 60%; height: 100%; background: rgba(47,47,58,.6); } 
.wrap-photo a:last-child { left: 60%!important; top: 0%!important; border-left:1px solid #ccc; border-top:0px solid #ccc; top:0; width:40% } 
 .wrap-photo strong { padding-top: 122px; } 
 }

@media all and (max-width: 845px){
 .wrap-photo { background-position: 0px 0px; } 
.wrap-photo a { position: absolute; left: 0; top: 0; display: inline-block; width: 50%; height: 100%; background: rgba(47,47,58,.6); } 
.wrap-photo a:last-child { left: 50%!important; top: 0%!important; border-left:1px solid #ccc; top:0; width:50% } 
.wrap-photo strong { font-size:19px; } 
 .wrap-photo strong span { display:none } 
 }



#multipleContentsDiv_temp_04_7 { max-width: 1400px; } 
#menu15881_obj20 { border-radius: 15px; overflow: hidden; } 
#multipleContentsDiv_haksa_2332 { padding-bottom: 0px; background: linear-gradient(360deg, #ffffff 50%, #ffffff00); /* background: url(/sites/iei/images/main/bg-campus.jpg) no-repeat; */
 background-size: cover; /* background-attachment: fixed; */}
#menu15881_obj2558 { max-width: 1400px; padding: 0; } 
#menu15881_obj2416 { max-width: 1400px; } 

@media all and (max-width: 768px) {#menu15881_obj20 { border-radius: 0!important; } 
.wrap-banner { border-radius: 0; border: none; border-bottom: 1px solid #ccc; } 
 }