@charset "UTF-8";


/*.wrap-notice .date { float: right; color: #1d1c1c; font-size: 13px!important; font-weight: 100; } 
.wrap-notice .list li { margin-top: 9px!important; } 
.wrap-notice .list { padding-top: 10px; margin-top: 0px!important; border-top: 1px solid #45403d; } 
#multipleContentsDiv_onestop_1689, #multipleContentsDiv_onestop_1761 { max-width: 1370px!important; } 
#menu17082_obj177 {margin: 0px;position: relative;z-index: 11;left: 0px;top: 0px;width: 100%;height: auto;padding-top: 50px;} 
 .wrap-notice .notice_inner .recentBbsLi .recentBbsTab { font-size: 22px!important; letter-spacing: -1px; padding: 10px 29px 12px!important; } 
.wrap-notice ul li .con .conts:hover strong { color: #0782bd; } */

@media (max-width: 767px) {.wrap-visual .slider li img { height: 730px; } 
.wrap-notice .notice_inner .recentBbsLi .recentBbsTab { letter-spacing: -1px; padding: 10px 20px 12px!important; } 
 .wrap-rolling .title { float: left; width: 170px!important; padding: 0px 0; font-size: 0; line-height: 2rem; text-align: left; } 
 .wrap-rolling .title strong { display: inline-block!important; font-family: 'Titil Bold'; font-size: 18px!important; vertical-align: middle; color: #2d3440; } 
 }
/*@media all and (min-width:1024px){
 #multipleDiv_onestop_1689 { width:1400px; margin:0 auto; min-hieght:400px; } 
#multipleDiv_onestop_1761 { width:1400px; margin:0 auto; min-hieght:400px; } 
 }*/

@media all (min-width:768px) and (max-width:1023px){
 #multipleDiv_onestop_1689 { width:100%; margin:0 auto; min-hieght:400px; } 
 #multipleDiv_onestop_1761 { width:100%; margin:0 auto; min-hieght:400px; } 
 }

@media all and (max-width:767px){
 #multipleContentsDiv_onestop_1761 { padding:0 20px; } 
 }

@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) {#menu12718_obj6268,#menu12718_obj861,
#multipleContentsDiv_hufstmp02_1488,
#multipleContentsDiv_hufstmp02_1456,
 #multipleContentsDiv_hufstmp02_1485 { width:100%; } 
#menu12718_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 { display: block; margin: 0rem auto 0px; font-size: 1.5rem; color: #fff; text-shadow: 0 2px 5px rgb(0 0 0 / 50%); letter-spacing: -1px; z-index: 99 !important; position: relative; line-height: 2.5rem; font-family: 'Play Regular'; /*width: 80%; */
 text-align: center; } 
.visual_slogan strong { padding-bottom: 30px; display: block; font-family: 'hufs_L'; } 
.visual_slogan p.detail { font-size: 4rem; font-family: 'hufs_m'; letter-spacing: -1px; line-height: 1.15; } 
.visual_slogan .org {
    font-size: 17px;
    font-family: 'Titil thgil';
    line-height: 135%;
    text-transform: uppercase;
    letter-spacing: 0;
    text-decoration: overline;
    text-align: center;padding-top: 25px;
}
.visual_slogan .org a { font-size: 1rem; color: #fff; border: 1px solid #ffffff87; padding: 5px 10px 6px 10px; border-radius: 5px; font-family: 'Noto light'; background: #0000002b; } 

.visual_slogan .org a:hover { background: #0000007d } 
.visual_slogan .org a:nth-child(1) { margin-right:3px; } 
.visual_slogan img { } 


/* 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){
 .visual_slogan { margin: 4rem 0 0 0px; /* padding-top: 118px; */ } 
 .main_link a { font-size:1.1rem; } 
 .wrap-visual .slider li { height:620px !important; } 
 }
@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; } 
 .visual_slogan strong img { width: 60%; } 
 .visual_slogan .org span.br { display:inline-block; } 
 .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 .org { padding-top: 13px; font-size: 1rem; line-height: 120%; font-family: 'Dream light'; } 
 
.visual_slogan .org a { font-size: 1.1rem; background: #0000004d; } 
 
.visual_slogan p.detail { font-size: 3rem; } 
 }




/* 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:0px; } 
.quick_service .title { display:block; padding-bottom:18px; border-bottom:solid 0px #CCC; color:#222; font-family:'Noto regular'; font-weight:500; font-size:1.65rem; text-align:center; } 
.quick_service .box { width:100%; margin-top:0px; padding:0px; border: solid 0px #d4d4d4; overflow:hidden; } 
.quick_service .box ul { display:flex; } 
.quick_service .box ul li { flex-grow: 1; } 
.quick_service .box ul li a { display:block; position:relative; height:76px; line-height:76px; padding-left:0px; color:#444; font-size:1rem; font-weight:400; letter-spacing:-0.34px; white-space: nowrap; -webkit-transition:0.4s; transition:0.4s; text-align:center; border:1px solid #ccc; } 
.quick_service .box ul li a+a { margin-top:1px; } 
.quick_service .box ul li a>span { display: block; font-size: 0.8rem; margin-top: -53px; } 
.quick_service .box a i { display:none; position:absolute; left:10px; width:76px; height:76px; -webkit-transition:0.4s; transition:0.4s; } 
.quick_service .box a:hover i { -webkit-transition:0.4s; transition:0.4s; } 
.quick_service .box .link_01 i { background: #e9e9e9 url('../../images/main/icon_quick_service_01.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_02 i { background: #e9e9e9 url('../../images/main/icon_quick_service_02.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_03 i { background: #e9e9e9 url('../../images/main/icon_quick_service_03.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_04 i { background: #e9e9e9 url('../../images/main/icon_quick_service_04.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_05 i { background: #e9e9e9 url('../../images/main/icon_quick_service_05.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_06 i { background: #e9e9e9 url('../../images/main/icon_quick_service_06.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_07 i { background: #e9e9e9 url('../../images/main/icon_quick_service_05.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_08 i { background: #e9e9e9 url('../../images/main/icon_quick_service_06.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_01:hover i { background: #d6b990 url('../../images/main/icon_quick_service_01w.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_02:hover i { background: #d6b990 url('../../images/main/icon_quick_service_02w.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_03:hover i { background: #d6b990 url('../../images/main/icon_quick_service_03w.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_04:hover i { background: #d6b990 url('../../images/main/icon_quick_service_04w.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_05:hover i { background: #d6b990 url('../../images/main/icon_quick_service_05w.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_06:hover i { background: #d6b990 url('../../images/main/icon_quick_service_06w.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_07:hover i { background: #d6b990 url('../../images/main/icon_quick_service_05w.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .link_08:hover i { background: #d6b990 url('../../images/main/icon_quick_service_06w.svg') no-repeat center center; border-radius:38px; } 
.quick_service .box .slick-prev, .quick_service .box .slick-next { display:none; } 
@media all and (max-width:1024px){
 .quick_service .title { font-size: 1.9rem; } 
 .quick_service .box ul li a { font-size:1rem; } 
 }
@media all and (max-width:767px){
 .quick_service .title { font-size: 1.7rem; border-bottom:none; } 
.quick_service .box { width:100%; margin-top:10px; } 
 }


@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; } 
 }
#menu12718_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; } 
 }




@media all and (max-width:768px){
 .visual_slogan p.detail span i { display: none } 
 .visual_slogan { width: 95%; text-align: center; margin: 70px auto 0; } 
 .visual_slogan { /* margin-top: 70px; */
 width: 95%; text-align: center; margin: 70px auto 0; } 
 .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%; } 
 /*#menu12718_obj646 { margin-top: -600px; } */
 .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: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; color: #000; font-size: 23px; line-height: 1.4; font-family: "Noto sans kr"; box-sizing: border-box; right: 0; text-align: center; margin-top: -150px; } 
.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: block; font-size: 15px; margin-left: 0px; position: relative; padding: 0px 5px 20px 50px; width: 220px; height: 49px; background-position: 15px 12px!important; background-size: 25px 25px!important; color: #fff; border-bottom: none; line-height: 49px; text-align: left; overflow: hidden; margin-bottom: 3px; margin-right: -22px; } 
.visualBox2 .slogan-link a span { display:none; } 
.visualBox2 .slogan-link a:first-child { background:#1a1b1bd1 url(./../../images/main/mi01.png) no-repeat; } 
.visualBox2 .slogan-link a:nth-child(2) { background:#1a1b1bd1 url(./../../images/main/mi02.png) no-repeat; } 
.visualBox2 .slogan-link a:nth-child(3) { background:#1a1b1bd1 url(./../../images/main/mi03.png)no-repeat; } 
.visualBox2 .slogan-link a:last-child { background:#1a1b1bd1 url(./../../images/main/mi04.png)no-repeat; } 


.visualBox2 .slogan-link a:hover { background-color: #f3074bf0; transform: translateX(-10%); border: 1px solid #68563dc9; border-right: 0px solid gold; } 

 
/*.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 { margin-top:20px; } 
.visualBox2 .slogan-link { } 
.visualBox2 .slogan-link a { padding-bottom: 30px; min-width: 200px; display: inline-block; margin-right: 0px; margin-bottom: 2px; width: 40%; } 
.visualBox2 .p-2 { padding:10px; margin-bottom:10px; } 
.visualBox2 .p-2 span { font-size: 1.8rem; line-height: 2.5rem; } 
 .visualBox2 .slogan-link a:hover { transform: none; } 
#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 { } 
 }

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

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


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


}














#menu17082_obj2939 .wrap-rolling { width:1400px; margin:0 auto; } 
#multipleContentsDiv_onestop_2939 { background: url(/sites/onestop/images/main/banner_back.png) no-repeat 0px 2px; background-size: cover; } 




 .wrap-info { padding-top: 0px; padding-right: 0px; text-align: center; } 
.wrap-info .box { padding: 0 40px 40px 40px; border-left: 10px solid #129fd6; border-bottom: 10px solid #129fd6; } 
.wrap-info .title { margin-bottom: 25px; } 
.wrap-info .title strong { font-size: 25px; line-height: 1; color: #232323; } 
.wrap-info .title strong em, .quick_service .title em { font-family: 'hufs_m'!important; color: #119fd6; } 
.wrap-info .desc { font-family: 'Dream Regular'; font-size: 16px; color: #666; } 
.wrap-info .desc p { margin-bottom: 30px; } 
.wrap-info .button { font-size: 0; } 
.wrap-info .button ul { display: inline-block; width: 100%; } 
.wrap-info .button li { float: left; width: 50%; } 
.wrap-info .button li.left { padding-right: 5px; } 
.wrap-info .button li.right { padding-left: 5px; } 
.wrap-info .button a { display: block; position: relative; padding: 11px; border: 1px solid #6d6d6d6b; font-family: 'Noto Regular'; font-size: 16px; text-align: left; color: #373737; margin-bottom: 1px; } 
.wrap-info .button a::after { content: ''; position: absolute; right: 16px; top: 50%; width: 15px; height: 7px; background: url('/sites/onestop/images/main/btn-info.png') no-repeat center; transform: translate(0, -50%); } 
.wrap-info .button a:hover { border: 1px solid #364d60; background: #002d56; color: #fff; } 
.wrap-info .button a:hover::after { background: url('/sites/onestop/images/main/btn-info-on.png') no-repeat center; } 

@media all and (max-width: 1500px){
 .wrap-info { padding-top: 0px; padding-right: 0; padding-bottom: 0px; text-align: left; } 
 .wrap-info .desc p br { display: none; } 
 }







 
.wrap-banner ul { display: inline-block; width: 100%; margin-top: 0px; } 
.wrap-banner li { float: left; width: 24.4%; padding-left: 3px; } 
.wrap-banner a { position: relative; display: flex; height: 333px; align-items: center; justify-content: center; font-family: 'Dream Regular'; font-size: 19px; text-align: center; color: #fff; background-size: cover !important; } 
.wrap-banner a::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); transition: background .75s; } 
.wrap-banner a:hover::after { background: rgba(0,0,0,.4); } 
.wrap-banner a::before { content: ''; position: absolute; left: 10px; top: 10px; z-index: 1; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid rgba(255,255,255,.5); transition: all .1s; } 
.wrap-banner a:hover::before { content: ''; position: absolute; left: 50px; top: 50px; z-index: 1; width: calc(100% - 100px); height: calc(100% - 100px); border: 1px solid rgba(255,255,255,.5); border-radius:0%; opacity:0.1; } 
.wrap-banner .bg1 a { background: url('/sites/hufsdorm/images/main/one_down1.jpg') no-repeat center; } 
.wrap-banner .bg2 a { background: url('/sites/hufsdorm/images/main/one_down2.jpg') no-repeat center; } 
.wrap-banner p { position: relative; z-index: 1; } 

@media all and (max-width: 1024px){
 .wrap-banner ul { width: 100%; } 
.wrap-banner li { width: 49.5%; padding: 1px; } 
 .wrap-banner a { height: 165px; margin-bottom:0px; } 
 }

@media all and (max-width: 790px){
 .wrap-banner ul { width: 100%; } 
 .wrap-banner li { padding: 0 0 10px 10px; } 
 .wrap-banner a { height: 200px; } 
.wrap-info .title strong { font-size: 25px; } 
.wrap-banner a { font-size:1.2rem; } 
.wrap-info .desc { font-size:0.9rem; } 
.wrap-info .button li { width:100%; } 
.wrap-info .button li.left { padding-right: 0px; } 
.wrap-info .button li.left a { border-bottom:0px; } 
.wrap-info .box { padding: 0 10px 20px 20px; } 
 }




 



.onestop-banner ul { display:flex; flex-wrap: wrap; justify-content: space-between; } 
.onestop-banner ul li { width:25%; text-align:center; font-size:1.2em; border:1px #d5d5d5 solid; border-right:none; } 
.onestop-banner ul li:last-child { border-right:1px #d5d5d5 solid; } 
 .onestop-banner a { display:block; height:250px; padding-top:150px; } 

 .onestop-banner p { display:inline-block; color:#002d56; font-size:1em; font-weight:bold; } 
 .onestop-banner span { color:#666666; font-size:0.7em; display:block; } 
 .onestop-banner li a {background-position: center 50px; background-repeat: no-repeat; transition:0.5s; } 
 .onestop-banner li a:hover { background-color: #e8eef2;background-position: center 40px; } 
 
 .onestop-banner li a:hover p { padding-top:-5px; } 
 
.onestop-banner li .one01 { background-image:url(/sites/onestop/images/main/ico_one01.png); } 
.onestop-banner li .one01:hover { background-image:url(/sites/onestop/images/main/ico_one01.gif); } 
 .onestop-banner li .one02 { background-image:url(/sites/onestop/images/main/ico_one02.png); } 
 .onestop-banner li .one02:hover { background-image:url(/sites/onestop/images/main/ico_one02.gif); } 
 .onestop-banner li .one03 { background-image:url(/sites/onestop/images/main/ico_one03.png); } 
 .onestop-banner li .one03:hover { background-image:url(/sites/onestop/images/main/ico_one03.gif); } 
 .onestop-banner li .one04 { background-image:url(/sites/onestop/images/main/ico_one04.png); } 
 .onestop-banner li .one04:hover { background-image:url(/sites/onestop/images/main/ico_one04.gif); } 
 
 
 @media all and (max-width:767px) {.onestop-banner ul li { width:50%; text-align:center; font-size:1.2em; border-top:1px #d5d5d5 solid; border-bottom:none; border-left:none; } 
 .onestop-banner li a {background-position: center 50px; background-repeat: no-repeat;background-size:22%; } 
.onestop-banner ul li:nth-child(1) { border-right:1px #d5d5d5 solid; } 
.onestop-banner ul li:nth-child(2) { border-right:none; } 
.onestop-banner ul li:nth-child(3) { border-right:1px #d5d5d5 solid; border-left:none; border-bottom:1px #d5d5d5 solid; } 
.onestop-banner ul li:nth-child(4) { border-right:none;; border-bottom:1px #d5d5d5 solid; }  
 }




.chapter-header { margin-bottom: 35px; padding-top: 0px; text-align: center; } 
.chapter-header h1 { font-family: 'Mont Bold'; font-size: 34px; color: #222; text-transform: uppercase; } 
.chapter-header p { font-family: 'Noto DemiLight'; font-size: 16px; color: #222; } 

@media all and (max-width:767px){
 .chapter-header h1 { line-height:120%; } 
 .chapter-header p { margin-top:10px; } 
 }
@media all and (max-width:768px) {.wrap-visual .slider li { height: 580px!important; } 

.wrap-visual .control { display:none; } 
 }


.wrap-notice .more:hover { transform: rotate(180deg); transition:0.4s ease-in-out; } 


 @media all and (min-width:1024px){
 .four-banner { height:280px; } 
 .four-banner ul { display:flex; width:98%; justify-content: space-between; } 
 .four-banner li {display:block;width: 24.4%;/* border-radius:20px; */padding:20px 15px;text-align:center;height:240px;background-color: #FFF;box-shadow:2px 3px 4px rgb(0,0,0,0.4);transition:0.4s ease-in-out;border: 1px solid #ffffff00;} 
.four-banner li:hover { background-image: linear-gradient(232deg, #0e0e0e45, #ffffff59) !important; border-radius: 45px;border-bottom-left-radius: 0;border-top-right-radius: 0;border: 1px solid #ffffff4f;} 
 .four-banner li span { display:block; font-size:16px; height:55px; color:#FFF; line-height:120%; } 
 .four-banner li > p {font-size: 23px;font-weight:bold;height:100px;color:#FFF;line-height: 1.25;} 
 /*.four-banner li > p.two { line-height:105%; } */
 .four-banner li a {font-size:14px;width:80%;padding:7px 20px;margin:0 auto;background-color: #00000030;border-radius:15px;color:#FFF;} 
   .four-banner li a:hover{background: #1a1d1f;  border-radius: 50px;}

 .four-banner li:nth-child(1) { background-color: #08a7a3; background-image: linear-gradient(120deg,#06b5ae,#08a7a3); opacity: .9; } 
 .four-banner li:nth-child(2) { background-color: #1760ea; background-image: linear-gradient(120deg,#317ffd,#1760ea); opacity: .9; } 
 .four-banner li:nth-child(3) { background-color: #5d5bd8; background-image: linear-gradient(120deg,#8d8ce9,#5d5bd8); opacity: .9; } 
.four-banner li:nth-child(4) { background-color: #f68b53; background-image: linear-gradient(120deg,#fbbb57,#f68b53); opacity: .9; } 
 }
 @media all and (max-width:1023px){
 .four-banner { height:280px; } 
 .four-banner ul { display:flex; width:100%; justify-content: space-between; } 
 .four-banner li { display:block; width: 25%; padding:25px 20px; text-align:center; height:240px; background-color: #FFF; } 
 .four-banner li span { display:block; font-size:16px; height:55px; color:#FFF; line-height:120%; } 
 .four-banner li > p { font-size:28px; font-weight:bold; height:100px; color:#FFF; line-height:220%; } 
 .four-banner li > p.two { line-height:105%; } 
 .four-banner li > p.three { line-height:105%; } 
 .four-banner li a { font-size:14px; width:80%; padding:7px 20px; margin:0 auto; background-color: #00000030; color:#FFF; } 
 .four-banner li:nth-child(1) { background-color: #08a7a3; background-image: linear-gradient(120deg,#06b5ae,#08a7a3); opacity: 1; } 
 .four-banner li:nth-child(2) { background-color: #1760ea; background-image: linear-gradient(120deg,#317ffd,#1760ea); opacity: 1; } 
 .four-banner li:nth-child(3) { background-color: #5d5bd8; background-image: linear-gradient(120deg,#8d8ce9,#5d5bd8); opacity: 1; } 
.four-banner li:nth-child(4) { background-color: #f68b53; background-image: linear-gradient(120deg,#fbbb57,#f68b53); opacity: 1; } 
 }
 
 
 
 @media all and (max-width:767px){
 .four-banner { height:440px; } 
 .four-banner ul { display:flex; width:100%; justify-content: space-between; flex-wrap: wrap; margin:0 auto !important; } 
 .four-banner li { display:block; width: 50%; padding:25px 15px; text-align:center; height:220px; background-color: #FFF; } 
 .four-banner li span { display:block; font-size:16px; height:55px; color:#FFF; line-height:120%; } 
 .four-banner li > p { font-size:28px; font-weight:bold; height:80px; color:#FFF; line-height:220%; } 
 .four-banner li > p.two { line-height:105%; } 
 .four-banner li > p.three { line-height:150%; } 
 .four-banner li a { font-size:14px; width:80%; padding:7px 20px; margin:0 auto; background-color: #00000030; color:#FFF; } 
 #menu17082_obj177 { margin:0 auto; } 
 .four-banner li:nth-child(1) { opacity: 1; } 
 .four-banner li:nth-child(2) { opacity: 1; } 
 .four-banner li:nth-child(3) { opacity: 1; } 
.four-banner li:nth-child(4) { opacity: 1; } 
 }


.three-banner ul { display: flex; width: 98%; justify-content: space-between; flex-wrap: wrap; margin:0 auto !important; } 

 .three-banner li { display: block; width: 32.5%; margin-bottom: 20px; text-align: left; } 

 .three-banner li p { font-size: 26px; font-weight: bold; } 

 .three-banner li span { font-size: 14px; } 
 .three-banner ul li a { width:100%; height:150px; display: block; padding:35px; border-radius:0px; transition-duration: 0.4s; transition-timing-function: ease-in-out; } 
 .three-banner .time { background: url("/sites/flec/images/main/main_bg01.jpg") 100% 50% / cover no-repeat; } 
 .three-banner .notebook { background: url("/sites/flec/images/main/main_bg02.jpg") 100% 50% / cover no-repeat; } 
 .three-banner .books { background: url("/sites/flec/images/main/main_bg03.jpg") 100% 50% / cover no-repeat; } 
 .three-banner .pen { background: url("/sites/flec/images/main/main_bg04.jpg") 100% 50% / cover no-repeat; } 
 .three-banner .people { background: url("/sites/flec/images/main/main_bg05.jpg") 100% 50% / cover no-repeat; } 
 .three-banner .check { background: url("/sites/flec/images/main/main_bg06.jpg") 100% 50% / cover no-repeat; } 
 
 .three-banner ul li a:hover { border-radius:50px 0; transition-duration: 0.5s; transition-timing-function: ease-in-out; } 
 
 

@media all and (max-width:1023px){
 .three-banner ul { width: 98%; margin:0 auto !important; } 
 .three-banner li { width: 48%; margin:1%; } 
 }

@media all and (max-width:767px){
 .three-banner ul { margin:0 auto !important;width: 98%; } 
 .three-banner li { width: 100%; margin-bottom: 10px; } 
 }
 #menu17082_obj245 { margin:0 auto !important; max-width:1400px; width:100%; } 
 #menu17082_obj2554{ margin:0 auto !important; max-width:1400px; width:100%; } 

#multipleDiv_onestop_1689 {
    background: linear-gradient(360deg, white, transparent);
}