@charset "utf-8";/*구글번역*/
.goo { width: 99%; max-width: 1400px; text-align: right; position: absolute; top: 100px; z-index: 10; left:0; } 
@media all and (min-width:1400px) {.goo { width: 99%; max-width: 1400px; text-align: right; position: absolute; top: 100px; left:50%; margin-left:-700px; z-index: 10; } 
 }
@media all and (max-width:768px) {.goo { top: -40px; position: absolute; width: auto; text-align: right; position: absolute; z-index: 10; right: 100px; } 
 }
/*기능팝업*/
.PZwindow { background:#333 !important; } 
.nomoreOpen form a.PZwindowClose { margin-top:7px !important; } 
#_globalNavi #_globalUl .membership { display: none !important; } 
/*탑*/
.wrap-top { width:100%; background:#0b2a4a; } 
.wrap-top-inner { height:40px; margin:0 0 0 30px; display:flex; justify-content:flex-start; } 
.wrap-top-inner .top-link ul { display:flex; } 
.wrap-top-inner .top-link li { padding:5px 10px 5px 10px; background:; } 
.wrap-top-inner .top-link li:first-child { background:; } 
.wrap-top-inner .top-link li a { display: block; padding: 0 5px 0 5px; color: rgba(256,256,256,.6); font-size: 0.9rem; font-weight: 300; line-height: 30px; white-space: nowrap; } 
.wrap-top-inner .top-link li a:hover { color: rgba(256,256,256,1); } 
.wrap-top-inner .top-link li:first-child:before { content: ""; } 
.wrap-top-inner .top-link li:before { content: "/"; color: #999; font-size: 10px; font-weight: 100; position: absolute; margin-left: -14px; margin-top: 7px; } 
@media all and (max-width:767px) {.wrap-top-inner { margin:0 0 0 0;; } 
 .wrap-top-inner .top-link li a {font-size: 1rem; } 
 }
/*헤더*/
.wrap-header { width:100%; height:5.625rem; background: rgba(256,256,256,.88); /*background:linear-gradient(90deg, rgba(256,256,256,.95) 20%, rgba(256,256,256,.6)); */ z-index:101; position:absolute; border-bottom:1px solid #b6b5b5; } 
.wrap-header.fNav { position:fixed; top:0; border-bottom:solid 1px #aabac9; background:rgba(255,255,255,1); z-index:101; } 
.wrap-header .container { width:calc(100% - 30px); margin:0 0 0 30px; display:flex; justify-content:space-between; } 
@media all and (max-width:1484px) {.wrap-header .container { width:98%; margin:0 0 0 2%; } 
 }
@media all and (max-width:767px) {.wrap-header { height:5rem; } 
.wrap-header .container { width:96%; margin:0 0 0 4%; } 
 }
/*로고*/
.wrap-header .head-logo { margin-top:21px; background:url('../images/logo.svg') no-repeat 0 0; padding-left:16rem; } 
.wrap-header .head-logo a { display:inline-block; border-left:solid 1px #cfd1d2; margin-top: 2px; padding:0 0 0 18px; font-family:'hufs_B'; font-size:1.75rem; letter-spacing:-1px; color:#896f4c; } 
@media all and (max-width:1484px) {.wrap-header .head-logo span { font-size:20px; } 
 }
@media all and (max-width:1400px) {.wrap-header .head-logo { background:url('../images/logo_mobile.svg') no-repeat 0 0; padding-left:9.6rem; margin-top:21px; } 
 .wrap-header .head-logo a { line-height:26px; margin:11px 0 11px 0; padding: 0 0 0 0.6rem; font-size:1.5rem; } 
 }
@media all and (max-width:767px){
 .wrap-header .head-logo { margin-top:16px; } 
 .wrap-header .head-logo.type2 { } 
 .wrap-header .head-logo.type2 a { } 
 }
@media all and (max-width:480px) {.wrap-header .head-logo a span { font-size:1.125rem; } 
 }
/*유틸메뉴*/
.wrap-header .head-util { display:flex; } 
.wrap-header .head-util .btn-mgnb, .btn-mgnb-close { display:none; } 
.wrap-header .head-util .head-sitemap { width:5.625rem; height:5.625rem; background: #947d5d url('../images/btn_img_menu.svg') no-repeat center center; } 
.wrap-header .head-util .head-sitemap a { display:block; height:100%; text-indent:-99999px; } 
@media all and (max-width:1024px) {.wrap-header .container > div .btn-mgnb { display:block; width::5.625rem; height::5.625rem; } 
 .wrap-header .container > div .btn-mgnb > button { width:5.625rem; height:5.625rem; background: #947d5d url('../images/btn_img_menu.svg') no-repeat center center; text-indent:-99999px; } 
.wrap-header .container > div .head-sitemap { display:none; } 
.wrap-header .container > div .btn-mgnb-close.on { display:block; position:absolute; right:100%; top:0; width:64px; height:64px; background:url(../images/ic-navi-close.png) no-repeat center; } 
.wrap-header .container > div .btn-mgnb-close button { text-indent:-9999px; display:block; width:100%; height:100%; } 
 }
@media all and (max-width:767px) { /* .wrap-header .head-util { position:relative; } */
.wrap-header .head-util li { height:5rem; } 
.wrap-header .container > div .btn-mgnb { width:4.6rem; height:5rem; position:absolute; top:0; right:0; } 
 .wrap-header .container > div .btn-mgnb > button { width:4.6rem; height:5rem; background-size:28px auto; } 
 }
/*메인메뉴*/
.wrap-header .head-navi { margin: 1.75rem 0.94rem 0 5%; flex-grow:1; } 
.wrap-header .head-navi .ul_1 { display:flex; } 
.wrap-header .head-navi .ul_1:before { content:""; position:absolute; top:90px; left:0px; width:100%; height:0; z-index:99; background:linear-gradient(90deg, rgba(232,238,242,.93) 20%, rgba(232,238,242,.8)); -webkit-transition:height 0.4s ease-in-out; transition:height 0.4s ease-in-out; } 
.wrap-header .head-navi:hover .ul_1:before { content:""; height:21.19rem; border-bottom:solid 1px #B4C3D1; -webkit-transition:height 0.4s ease-in-out; transition:height 0.4s ease-in-out; } 
.wrap-header .head-navi .bg_text { visibility: hidden; position: absolute; transform: translate(-100%, 0px); width: 35.81rem; height: 20rem; padding: 2.125rem 2.625rem 0 2rem; font-family: "noto sans kr"; font-size: 1.2rem; line-height: 1.6; color: #727c8b; text-align: right; word-break: keep-all; background: url(../images/img_bg_menu0.svg) no-repeat center 0; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; z-index: 102; opacity: 0; font-weight: 400; letter-spacing: -0.8px; } 
.wrap-header .head-navi .bg_text strong { font-size: 1.5rem; font-family: hufs_m; font-weight: 800; color: #666; letter-spacing: -0.1px; } 
.wrap-header .head-navi:hover .bg_text { visibility:visible; -webkit-transition:0.35s ease-in-out; transition:0.35s ease-in-out; opacity:100; } 
.wrap-header .head-navi .bg_text .img_arw { margin-top:7px; } 
.wrap-header .head-navi .bg_text .img_arw img { vertical-align: top; } 
.wrap-header .head-navi .li_1 { display:inline-block; position:relative; flex-grow:1; width:calc(100% / 6); } 
.wrap-header .head-navi .li_1:nth-child(6),.wrap-header .head-navi .li_1:nth-child(7) { display:none; } 
.wrap-header .head-navi .a_1 { position:relative; display:block; color:#222; font-size:1.375rem; font-weight:500; line-height:1.45; letter-spacing:-0.11px; text-align:center; } 
.wrap-header .head-navi .a_1:hover { color:#0c5097; } 
.wrap-header .head-navi .a_1 span { position:relative; display:block; padding-bottom:1.938rem; } 
.wrap-header .head-navi .a_1.on span:after { content:''; position:absolute; left:50%; top:2.6rem; width:0; height:0; margin-left:-0.4rem; border-top:0.4rem solid #4886c7; border-left:0.4rem solid transparent; border-right:0.4rem solid transparent; } 
.wrap-header .head-navi .li_1:nth-child(1) .div_2 { border-left:dotted 1px #B4C3D1; } 
.wrap-header .head-navi .div_2 { overflow:hidden; position:absolute; top:3.875rem; left:0px; width:100%; height:0; z-index:100; z-index:100; text-align:left; border-right:dotted 1px #B4C3D1; background:#e8eef2; -webkit-transition:height 0.4s ease-in-out; transition:height 0.4s ease-in-out; } 
.wrap-header .head-navi .div_2.on { background:#fff; -webkit-transition:0.4s ease-in-out; transition:0.4s ease-in-out; } 
.wrap-header .head-navi .div_2:hover { background:#fff; -webkit-transition:0.4s ease-in-out; transition:0.4s ease-in-out; } 
.wrap-header .head-navi:hover .div_2 { display:block; height:21.1rem; -webkit-transition:height 0.4s ease-in-out; transition:height 0.4s ease-in-out; } 
.wrap-header .head-navi .ul_2 { padding:1.0rem 0.3rem 0 0; } 
.wrap-header .head-navi .ul_2 li { padding-bottom:12px; } 
.wrap-header .head-navi .a_2 { position: relative; display: block; color: #333; font-size: 0.95rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.9px; text-align: left; padding-left: 10px; } 
.wrap-header .head-navi .a_2 span { position:relative; } 
.wrap-header .head-navi .a_2 span:after { content:''; position:absolute; left:0px; bottom:-3px; width:0px; height:1px; background:#4886C7; transition:all 0.5s; } 
.wrap-header .head-navi .a_2[target=_blank] span:before { content:''; position:absolute; left:111%; top:6px; width:14px; height:14px; background:url(../images/ico_blank_pc.png) no-repeat center center; } 
.wrap-header .head-navi .a_2:hover span:after { width:100%; } 
.wrap-header .head-navi .a_2:hover { color:#4886C7; } 
.wrap-header .head-navi .div_3 { display:none; } 
/*상단고정*/
.wrap-header.fNav .head-navi .ul_1:before { top:90px; } 
.wrap-header.fNav .head-navi .a_1, .wrap-header.fNav .head-navi .a_1.on { color:#0B2A4A; } 
.wrap-header.fNav .head-navi .a_1:hover { color:#896F4C; } 
.wrap-header.fNav .head-navi .a_1.on span:after { content:''; position:absolute; left:50%; top:2.6rem; width:0; height:0; margin-left:-0.4rem; border-top:0.4rem solid #896F4C; border-left:0.4rem solid transparent; border-right:0.4rem solid transparent; } 
@media all and (max-width:1350px) { /* '교수진소개' 메뉴 텍스트 밀림 현상으로 추가한 것 - 필요없는 경우 삭제 */
.wrap-header .head-navi .a_1 { font-size:1.25rem; } 
 .wrap-header .head-navi .a_2 { font-size:0.9rem; } 
.wrap-header .head-navi .ul_2 li { padding-bottom:9px; } 
 }
@media all and (max-width:1023px) {.wrap-header .head-navi { position:fixed; top:0; right:-100%; z-index:10000; width:50%; height:100%; background:#e8eef2; opacity:0; transition:all 0.55s cubic-bezier(0.7, 0, 0.3, 1); margin-left:0; margin-top:0; margin-right:0; } 
.wrap-header .head-navi.on { top:0; right:0; opacity:1; transition:all 0.55s cubic-bezier(0.7, 0, 0.3, 1); } 
.wrap-header .head-navi .menuUItop { position:relative; height:100%; } 
.wrap-header .head-navi .div_1 { padding:0 0 0 0; } 
.wrap-header .head-navi .ul_1 { display:block; } 
.wrap-header .head-navi .ul_1:before, .wrap-header .head-navi:hover .ul_1:before { display:none; } 
.wrap-header .head-navi .li_1 { position:static; display:block; width:100%; padding:0px; } 
.wrap-header .head-navi .a_1 { padding:15px 0 15px 25px; text-align:left; color:#222; font-size:1.375rem; border-bottom:solid 1px #B4C3D1; } 
.wrap-header .head-navi .a_1 span { padding-bottom:0; } 
.wrap-header .head-navi .a_1:after { display:none; } 
.wrap-header .head-navi .a_1:hover { color:#0c5097 !important; } 
.wrap-header .head-navi .a_1.on { color:#0c5097 !important; } 
.wrap-header .head-navi .a_1.on span:after { display:none; } 
.wrap-header .head-navi .a_1.on span:before { display:none; } 
.wrap-header .head-navi:hover .div_2 { display:none; } 
 
.wrap-header .head-navi .div_2 { display:none; position:static; top:0; left:auto; transition-property:none; border-right:none; } 
.wrap-header .head-navi .div_2.on { display:block; max-height:none; height:100%; background:#fff; transition-property:none; } 
.wrap-header .head-navi .div_2 .container { padding:0px; } 
.wrap-header .head-navi .ul_2 { border:0; padding:0; } 
.wrap-header .head-navi .li_2 { display:block; border:0px; padding:0px; } 
 .wrap-header .head-navi .ul_2 li { padding-bottom:0px; } 
.wrap-header .head-navi .a_2 { border-bottom:dotted 1px #B4C3D1; text-align:left; color:#333; padding-left:25px; font-size:1.06rem; font-weight:400; line-height:3; } 
.wrap-header .head-navi .a_2:hover { color:#4886C7; background:#ebeded; } 
.wrap-header .head-navi .a_2.plus { color:#4886C7; background: url(../images/ic-sub-open.png) no-repeat right; } 
.wrap-header .head-navi .a_2.plus.on { color:#4886C7; background:#ebeded url(../images/ic-sub-close.png) no-repeat right; } 
.wrap-header .head-navi .a_2 span:after { display:none; } 
.wrap-header .head-navi .ul_3 { padding: 0px 0px 20px 0px; border-bottom: 1px solid #89a4dc; background: #ededed; } 
.wrap-header .head-navi .li_3 { position:relative; margin:0px; } 
.wrap-header .head-navi .a_3 { color: #333; display: inline-block; padding: 8px 0 1px 40px; font-size: 1rem; } 
.wrap-header .head-navi .a_3[target=_blank] { position:relative; } 
.wrap-header .head-navi .a_3[target=_blank]:before { content:''; position:absolute; left:110%; top:10px; width:10px; height:10px; background:url('../images/ico_blank.png') no-repeat center center; } 
.wrap-header .head-navi .a_3:after { content:''; position:absolute; left:25px; top:18px; width:6px; height:2px; background:#808080; } 
.wrap-header .head-navi .a_3:hover:after { width:6px; background:#018cff; } 
.wrap-header .head-navi .a_3:hover { color:#0760a9; } 
.wrap-header .head-navi .a_3._active { color:#0760a9; } 
.wrap-header .head-navi .div_3 { display:block; overflow:hidden; max-height:0px; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1); } 
.wrap-header .head-navi .div_3.on { max-height:500px; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1); } 
.wrap-header .head-navi .close { display:none; } 
.wrap-header .head-util .btn-share { display:none; } 
.wrap-header .container > div.black-bg { display:none; position:fixed; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.6); z-index:1200; } 
.wrap-header .container > div.black-bg.on { display:block; } 
 
 }
@media all and (max-width:767px) {.wrap-header .head-navi { width:75% } 
.wrap-header .head-navi.on { right:0; } 
 }
/*풋터*/
.wrap-footer { background-color:#303030; position:relative; } 
.wrap-footer .wrap-footer-inner { display:flex; justify-content:space-between; width:1400px; margin:0 auto; padding:1.25rem 0; border-bottom:solid 1px #434548; } 
.wrap-footer .bottom-related { display:flex; margin:0 auto; } 
.wrap-footer .bottom-related .box { position:relative; margin-left:1.25rem; } 
.wrap-footer .bottom-related .box:first-child { margin-left:0; } 
.wrap-footer .bottom-related .box button { width:16.875rem; height:3.25rem; padding:0.813rem 1.09rem 0.875rem 1.25rem; color:#d5d6d8; font-size:1.063rem; font-weight:300; line-height:1.41; text-align:left; background:#3f3f3f; text-align: center; } 
.wrap-footer .bottom-related .box button:hover { color:#dfb17a; } 
.wrap-footer .bottom-related .box button i { position:absolute; top:0; right:0; width:3.25rem; height:3.25rem; background:url(../images/arw_bottom_related.svg) no-repeat center center; transform:rotate(180deg); transition:.4s; } 
.wrap-footer .bottom-related .box button.active i { transform:rotate(0deg); transition:.4s; } /* 버튼 클릭시 */
.wrap-footer .bottom-related .box .list_box { display:none; overflow-y:auto; width:100%; height:383px; background:#3f3f3f; position:absolute; bottom:53px; z-index:50; } 
.wrap-footer .bottom-related .box .list_box.active { display:block; } 
.wrap-footer .bottom-related .box .list_box::-webkit-scrollbar { width:12px; } 
.wrap-footer .bottom-related .box .list_box::-webkit-scrollbar-thumb { background-color:#656870; border-radius:12px; background-clip:padding-box; border:4px solid transparent; } 
.wrap-footer .bottom-related .box .list_box::-webkit-scrollbar-track { border-radius:12px; } 
.wrap-footer .bottom-related .box .list_box ul { display:block; } 
.wrap-footer .bottom-related .box .list_box li a { display:block; width:100%; padding:0.813rem 1.09rem 0.875rem 1.4rem; font-family:'NotoSansKR'; font-weight:400; font-size:0.875rem; color:#e5e6e8; line-height:1; } 
.wrap-footer .bottom-related .box .list_box li a:hover, .wrap-footer .bottom-related .box .selected a { color:#ceb482; background:#373c4c; border-radius:2px; } 
.wrap-footer .bottom-related .box2 a { background: #3f3f3f; color: #ccc; font-weight: 300; line-height: 52px; margin-left: 20px; width: 15rem; display: block; text-align: center; } 
.wrap-footer .bottom-related .box2:hover a { color:#ceb482; } 
.wrap-footer .bottom-sns { padding-top:0.375rem; } 
.wrap-footer .bottom-sns li { float:left; margin-left:0.625rem; } 
.wrap-footer .bottom-sns li:first-child { margin-left:0; } 
.wrap-footer .bottom-sns li a { display:block; width:2.5rem; height:2.5rem; text-indent:-99999px; } 
.wrap-footer .bottom-sns li a:hover { -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s; } 
.wrap-footer .bottom-sns .fb a { background:url('../images/icon_sns_fb.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .is a { background:url('../images/icon_sns_is.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .yt a { background:url('../images/icon_sns_yt.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .na a { background:url('../images/icon_sns_na.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .ts a { background:url('../images/icon_sns_ts.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .fb a:hover { background:url('../images/icon_sns_fb_active.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .is a:hover { background:url('../images/icon_sns_is_active.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .yt a:hover { background:url('../images/icon_sns_yt_active.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .na a:hover { background:url('../images/icon_sns_na_active.svg') no-repeat; background-size:cover; } 
.wrap-footer .bottom-sns .ts a:hover { background:url('../images/icon_sns_ts_active.svg') no-repeat; background-size:cover; } 
.wrap-footer .box-footer { width:1400px; margin:0 auto; padding:2.5rem 0 6.75rem; text-align:center; } 
.wrap-footer .box-footer .footer-address { margin-top:2.313rem; line-height:2; color:#cecece; } 
.wrap-footer .box-footer .footer-address p span { display:inline-block; margin-right:1.25rem; font-size:1.07rem; font-weight:400; } 
.wrap-footer .box-footer .footer-address p span a { color:#cecece; } 
.wrap-footer .box-footer .footer-address b { color:#9F7C52; font-weight:400; } 
.wrap-footer .box-footer .footer-address .copyright { font-size: 0.9rem; font-weight: 300; color: #ffffff75; } 
.footer-logo { color: #fff; font-size: 1.6rem; font-family: hufs_m; } 
.footer-logo span { font-family: hufs_l; } 
.footer-logo img { width:190px; } 
@media all and (max-width:1484px) {.wrap-footer .wrap-footer-inner, .wrap-footer .box-footer { width:96%; margin:0 auto; } 
 }
@media all and (max-width:1024px){
 .wrap-footer .wrap-footer-inner { display:block; } 
 .wrap-footer .bottom-related { width:100%; } 
 .wrap-footer .bottom-related .box { width:calc(50% - 0.5rem); margin-left:1rem; } 
 .wrap-footer .bottom-related .box button { width:100%; } 
 .wrap-footer .bottom-sns { display:flex; justify-content:center; padding-top:1.25rem; margin-top:1.25rem; border-top:solid 1px #434548; } 
 .wrap-footer .bottom-sns li { margin-left:1.25rem; } 
 .wrap-footer .bottom-sns li a { width:3rem; height:3rem; } 
 .wrap-footer .box-footer { text-align:center; } 
 .wrap-footer .box-footer .footer-address p span { margin-right:0; } 
 .wrap-footer .box-footer .footer-address p span+span { margin-left:1.25rem; } 
 }
@media all and (max-width:767px) {.wrap-footer .wrap-footer-inner, .wrap-footer .box-footer { width:92%; } 
 .wrap-footer .box-footer .footer-address .copyright { font-size:0.94rem; } 
 .wrap-footer .bottom-related .box2 a { width: 13rem; } 
 }
@media all and (max-width:380px){
 .wrap-footer .bottom-related { display:block; } 
 .wrap-footer .bottom-related .box { width:100%; margin-top:10px; margin-left:0; } 
 .wrap-footer .bottom-sns li { margin-left:0.5rem; } 
 .wrap-footer .bottom-sns li a { width:2.4rem; height:2.4rem; } 
 .footer-logo img { width:75%; } 
 .wrap-footer .box-footer .footer-address p span { font-size:0.94rem; } 
 .wrap-footer .box-footer .footer-address .copyright { font-size:0.875rem; } 
 }
/*고탑*/
.goto-top { position:fixed; right:5%; bottom:5%; z-index:999; } 
.goto-top a { display:block; box-sizing:border-box; padding-top:20px; width:70px; height:70px; background:#454545; color:#FFF !important; font-size:14px; text-align:center; font-family:'Mont Medium'; border-radius:100px; } 
.goto-top a:before { content:""; display:block; margin:0 auto; background:url(../images/arrow_3_w.png) no-repeat center; width:17px; height:17px; } 
.goto-top a:hover { box-shadow:0 0 5px #888; } 
/*전체블랙배경*/
.black-bg { display:none; position:fixed; z-index:190; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); } 
.black-bg.on { display:block; } 
/* 검색 */
.open_search { display: block; width: 110px; height: 40px; font-size: 14px; background: url(../images/icon_search0.png) no-repeat center center; position:absolute; line-height:40px; right: 0px; text-align:left; color:#c3ad7e!important; } 
.open_search:hover { color:#fff !important; } 
.box_search { position:fixed; /*visibility: hidden; */
 visibility: hidden; bottom: 0px; left: 0px; width: 100%; height: 150px; z-index: 999999999999999999999999; } 
.box_search_inner { width:100%; margin:0 auto; position:relative; } 
.box_search p { position:absolute; top:-35px; color:#00b3cd; width:100%; font-size:28px; height:41px; line-height:41px; display:none; } 
.box_search button { width:60px; height:60px; font-size:0; background:#fff url(../images/icon_search_close.png) no-repeat center center; cursor:pointer; margin-top:10px; position:absolute; display:none; } 
.box_search.active { visibility:visible; transform:translateY(0px); transition:all 0.9s cubic-bezier(0.2, 0, 0.3, 1); } 
.box_search.active2 { transform:translateY(300px); transition:all 0.9s cubic-bezier(0.2, 0, 0.3, 1); } 
.box_search input[type=text] { padding:0 10px; border:0; height:60px; line-height:40px; width:calc(100% - 120px); margin-top:10px; font-size:18px; } 
.box_search .close { width: 45px; height: 45px; font-size: 0; position: absolute; bottom: 0px; margin-top: -40px; right: 0px; background: url(../images/icon_search_x2.png) no-repeat center center; transition: all 0.9s cubic-bezier(0.2, 0, 0.3, 1); border-top-left-radius: 15%; } 
@media all and (max-width:1484px){
 .box_search_inner { width: 100%; padding: 0 3% 0 3%; } 
 .box_search p { width:100%; padding:0 0 0 3%; left: 0; } 
 .box_search input[type=text] { width:calc(100% - 120px); } 
 }
@media all and (max-width:768px){
 .box_search { height:218px; } 
 .open_search { margin-right:80px; } 
 .topbanner .banner_cont img { width:90px; } 
 .box_search .topbanner .slick-next { margin-right:10px!important; top:25px!important; } 
 .box_search .topbanner .slick-prev { top:25px!important; } 
 .topbanner { padding: 12px 10px 10px 10px; } 
 .topbanner .main_basic_txt { font-size:1.1rem; text-align:center; color: rgba(0,0,0,0.8)!important } 
 .topbanner .banner_cont { padding: 15px 0px 0px 0px; } 
 .topbanner .notice_tit { font-size:1.5rem !important; line-height:26px; } 
.topbanner .banner_cont .topbanner-txt { padding-top:10px!important; } 
 }
.topbanner { left: 0px; top: 0px; width: 100%; height: auto; position: absolute; background:rgba(256,256,256,.8); border-top-left-radius: 10px; border-top-right-radius: 10px; } 
.topbanner .wrap-panel { left: 0px; top: 0px; width: 100%; } 
.topbanner .sliderkit-nav { position:absolute; z-index:999999999999 !important; right:90px; top:15px; } 
.topbanner .sliderkit-nav-clip ul li { float:left; margin:0 0px 0 0; list-style:none; } 
.topbanner .sliderkit-nav-clip ul li a { width:13px; height:13px; display:block; overflow:hidden; margin-left:2px; margin-left:3px; font-size:0px !important; border-radius: 50%; background-color:#dbd2c6; } 
.topbanner .sliderkit-nav-clip ul li.sliderkit-selected a { background:url(/user/hufs/mycodyimages/new/on-2.png); } 
.topbanner .panel01 { background:linear-gradient(60deg, rgba(15,100,138,.98)50%, rgba(15,100,158,.98)); height:195px; border-radius:10px } 
.topbanner .panel02 { background:linear-gradient(60deg, rgba(145, 122, 94,.98)50%, rgba(168, 149, 126,.99)); height:195px; border-radius:10px } 
.topbanner .panel03 { background:linear-gradient(60deg, rgba(110,110,118,.98)50%, #999); height:195px; border-radius:10px } 
.topbanner li { border-bottom:1px solid #999; } 
.topbanner .banner_cont { display: block; padding: 10px 15px 0px 21px; text-align: center; vertical-align: middle; margin: 0 auto; } 
.topbanner .banner_cont .topbanner-txt { padding:20px 10px 0px 0px; max-width: 85%; box-sizing: border-box; } 
.topbanner .banner_cont > div { display: inline-block; max-height: 100px; vertical-align: middle; } 
.topbanner .main_basic_txt { text-align: left; color: rgba(255,255,255,0.99); font-size: 15px; float:left; margin-top:5px; line-height:1.1rem; } 
.topbanner .notice_tit { text-shadow:0 0 3px black; position: relative; text-align: center; color: palegoldenrod; letter-spacing:-2px; margin-bottom: 0; font-size:1.5rem; font-family:hufs_m; font-weight:500; } 
.box_search .topbanner .slick-next { position: absolute; right: 0px; top: 28px; width: 45px; height: 45px;
 font-size: 0; background: url(../images/btn_quick_service_next.svg) no-repeat center center; } 
.box_search .topbanner .slick-prev { position: absolute; left: 0px; top: 28px; width: 45px; height: 45px;
 font-size: 10; z-index:9999999; background: url(../images/btn_quick_service_prev.svg) no-repeat center center; } 
.con-btn a { border: 1px solid #0f3f73; padding:3px 20px 5px 40px; border-radius: 10px; background: #1c3c6b78; color: #ffffff88!important; } 
.con-btn a:hover { border: 1px solid #303030; padding:3px 20px 5px 40px; border-radius: 10px; background: #000; color: #fff!important; } 
.con-btn2 a { border: 1px solid #0f3f73; padding:3px 40px 5px 40px; border-radius: 10px; background: #1c3c6b78; color: #ffffff88!important; } 
.con-btn2 a:hover { border: 1px solid #303030; padding:3px 40px 5px 40px; border-radius: 10px; background: #000; color: #fff!important; }