@charset "UTF-8";
#multipleDiv_hufstmp02_1489,#menu6932_obj1743,#multipleDiv_hufstmp02_1487{display:none!important}
#multipleDiv_hufstmp02_1485{
  background: url(/sites/fund/images/main/monthback.png) repeat-x;padding-top: 50px;
  background-position: center -60px;    border-top: 1px dotted #b9ad9994;}

.wrap-notice ul li .list ul li .con a {
    background: #ffffffa3;}


#multipleDiv_hufstmp02_1486{
    background: url(../../images/main/section_back2.jpg)no-repeat; background-size:cover; display:none;
}
#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: url(../../images/main/section_back1.jpg)no-repeat;*/
    background-size: cover;
}
 #multipleDiv_hufstmp02_1487 { background: url(/sites/fund/images/main/monthback.png) repeat-x;}
#multipleDiv_hufstmp02_1489 {background-color: #e2e2e2; }

@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) {
#menu6932_obj6268,#menu6932_obj861,
#multipleContentsDiv_hufstmp02_1488,
#multipleContentsDiv_hufstmp02_1456,
 #multipleContentsDiv_hufstmp02_1485{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 {width: 1400px;text-align:center;     margin: 0 auto;line-height: 2rem; }
.visual_slogan img {filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8));}
.visual_slogan p.detail {    display: block;
    margin: -2rem 0 0 0;
    font-size: 2.5rem;
    color: rgb(186 221 229 / 43%);
    font-family: poppins;
    text-transform: uppercase;
    position: relative;
    z-index: 9;
  letter-spacing: -1px;}

.visual_slogan strong {
    display: block;
    margin: 0.5rem 0 0 0;
    font-size: 2.3rem;
    color: #fff;
    font-family: 'hufs_m';
    font-weight: 500;
    text-shadow: 0 3px 6px rgb(0 0 0 / 70%);
    letter-spacing: -1.9px;
    z-index: 9999 !important;
    position: relative;
    line-height: 3rem;
    padding: 20px;}


@media all and (max-width:1484px) {
.visual_slogan {width:100%; margin-top:30px; text-align:center;}
 .visual_slogan strong {margin: 0rem 0 0 0;  line-height: 2.8rem; font-size:2.5rem}
.visual_slogan p.detail {
  font-size: 2rem;}
}
@media all and (max-width:767px) {
	.visual_slogan {
    width: 92%;
    text-align: center;
    margin: 0 auto;
    margin-top: -20px;}
    .visual_slogan img {width:75%;}
   .visual_slogan strong {
    font-size: 2.5rem;
    letter-spacing: -1px;
    line-height: 2rem;
    margin-top: 50px;}
  .visual_slogan p.detail{font-size: 1.8rem;}
}


/* 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;}
}

/* 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/campain04.png') no-repeat center center;  background-size:100% 100%; 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: 65px 0 49px 0;
    background: url(/sites/fund/images/main/banner_back.jpg);
    background-position: center;
    background-size: cover;
}
.banner_wrap .banner {width: 1400px;height:52px;margin: 0 auto;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 a {display: block;
    color: #eee;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 52px;
    white-space: nowrap;color: #fff; }
.banner_wrap .banner ul li a p{display: inline-block;
    border-radius: 15px;
    background: linear-gradient(45deg, #2377b3, #1b5a72);
    width: 150px;
    font-size: 1.1rem;
    line-height: 30px;
    font-weight: 200;
}
.banner_wrap .banner ul li a strong{margin-left: 10px;
    font-family: hufs_l;
    color:#c5a475;
    font-size: 3.3rem;}
.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{
  background: #8d7150;}

.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;}
}
#menu6932_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:30px; }
.banner_wrap .banner ul li a strong {font-size: 2.5rem;display: block; line-height: 4rem;}
.banner_wrap .banner ul li a span{    margin-left: 0px;
    display: block;
    font-size: 1.3rem;}
 .banner_wrap .slick-prev { top:30px}
 .banner_wrap .slick-next {top:30px}
  
.banner_wrap .banner ul li a p{ display: block;
    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{margin-left:5%; left:0; transform:inherit; top:38%}
  .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 {top: 0%; transform: translateY(-50%); margin-left: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:900px; padding:65px 30px 0px 30px;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:16px; margin-top:30px; margin-left:0px; position:relative;padding:30px 5px 11px 5px;  min-width:150px;height:150px;
background:url(./../../images/main/slogan-icon2.png) center 35px no-repeat;background-color:#1c7bab; color:#fff; border:0px solid #3c768d; line-height:155px;}

.visualBox2 .slogan-link a:first-child{background:url(./../../images/main/slogan-icon1.png) center 35px no-repeat; background-color:#0d355a;border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;}
.visualBox2 .slogan-link a:last-child{background:url(./../../images/main/slogan-icon3.png) center 35px no-repeat; background-color:rgba(140,110,80,1);border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;}
.visualBox2 .slogan-link a:first-child:hover{background:url(./../../images/main/slogan-icon1on.png) center 33px no-repeat;background-color:rgba(256,256,256,.3); color:#000; transform:translateY(-0%);}
.visualBox2 .slogan-link a:last-child:hover{background:url(./../../images/main/slogan-icon3on.png) center 33px no-repeat; background-color:rgba(256,256,256,.3); color:#000; transform:translateY(-0%);}
.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:30px; bottom:0px; width:0px; height:0px; background:#000; transition:all 0.2s;}
.visualBox2 .slogan-link a:hover:after{content:''; position:absolute; right:50%; top:60%; width:90px; height:1px;}

@media all and (max-width:1024px) {

.visualBox2 {
    height: 120px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    clear: both;
    left: 0px;
    top: 50px;}
.visualBox2 .p-1{}
 .visualBox2 .p-2 span{ font-size: 1.8rem;}
.visualBox2 .p-3{}
.visualBox2 .slogan-link a:after{content:''; position:absolute; left:15%; bottom:0px; width:0px; height:0px; background:#000; transition:all 0.2s;}
.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;
    min-width: 120px;}
.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{}
}

#menu6932_obj2761 .wrap-slide .slider li {
    width: 25%;
    display: inline-block;
    float: left;
    margin: 0px;
    padding: 0px;
}
#menu6932_obj2761 .wrap-slide .slider li img{    width: 100%;filter: grayscale(1);
    height: 99%;height: 99.9%;
    opacity: 0.6;
}
#menu6932_obj2761 .wrap-slide .slider li img:hover{ filter: grayscale(0);
    opacity: 1;}
#menu6932_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);}
#menu6932_obj2761 .wrap-slide:hover .con{filter:grayscale(0);}
#menu6932_obj2761 .wrap-slide .con p {line-height: 1.25rem;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    padding: 8px 18px 8px 5px;
}
#menu6932_obj2761 .wrap-slide .thum {overflow: visible;background:linear-gradient(2deg, black, #fff 60%);}
#menu6932_obj2761 .wrap-slide .fixed_box strong{display:none;}
#menu6932_obj2761 .wrap-slide .list {padding-top: 0px;
}

@media all and (max-width:1024px) {
#menu6932_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;
}
  #menu6932_obj2761 .wrap-slide .slider li {
	width: 50%;}
  #menu6932_obj2761 .wrap-slide .con { margin-top: -245px;  height: 90px;}
}


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



}

.popupArea.template005{background:none!important}