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