@charset "utf-8";
#_globalNavi #_globalUl li a {
    display: block;
    font-size: 13px;
    color: #fff;
    padding: 0 15px;
    line-height: 22px;
}
#_globalNavi #_globalUl .membership{display:none;}
#multipleDiv_temp8_50{display:none;}
#menu12605_obj104{max-width: 1600px;}
/*탑*/
.wrap-top{width:100%; background: #0b2a4a url(/sites/fund/images/common/wrap-topback.png) no-repeat;}
.wrap-top-inner{height:45px; margin:0 0 0 0px; display:flex; justify-content:flex-start;}
.wrap-top-inner .top-link ul {display:flex; 
}
.wrap-top-inner .top-link ul {}
.wrap-top-inner .top-link li {padding:7px 10px 8px 10px; background:;}
.wrap-top-inner .top-link li:first-child {background:;}
.wrap-top-inner .top-link li a {
    display: block;
    text-align: center;
    padding: 0 5px 0 5px;
    color: rgba(256,256,256,.8);
    font-size: 0.9rem;
    /* font-weight: 300; */
    line-height: 30px;
    white-space: nowrap;
    font-family: hufs;}
.wrap-top-inner .top-link li a:hover {
    color: rgba(256,256,256,1);}
.wrap-top-inner .top-link li:hover {/*background:linear-gradient(0deg, #ffffffeb, #ffffff75 50%);*/}
/*.wrap-top-inner .top-link li:last-child:before{content: "";
    margin-top: -8px;
    width: 20px;
    content: '';
    position: absolute;
    left: 310px;
   border-top: 2.8rem solid #3d82bf38;
    border-right: 1.9rem solid transparent;
}
.wrap-top-inner .top-link li::before {content: "";
    margin-top: -8px;
    width: 30px;
    position: absolute;
    left: 310px;
border-top: 2.8rem solid #1c4772;
border-right: 3.8rem solid transparent;}
.wrap-top-inner .top-link ul::before {content: "";
    margin-top: 0px;
    width: 50px;
    position: absolute;
    left: 310px;
    border-top: 2.8rem solid #0b3866;
    border-right: 13rem solid transparent;}*/
/*.wrap-top-inner .top-link li:before {
    content: "/";
    color: #999;
    font-size: 10px;
    font-weight: 100;
    position: absolute;
    margin-left: -14px;
  margin-top: 7px;}*/


.wrap-top .top-util {
    right: 10px;
    padding-top: 10px;
    display: block;
    position: absolute;
}

@media all and (max-width:767px) {
	.wrap-top-inner{margin:0 0 0 0;;}
  .wrap-top-inner .top-link li a {}
}

/*헤더*/
.wrap-header {width:100%; height:6rem; /*background:rgba(256,256,256,.88);*/ z-index:101; position:absolute; border-bottom:1px solid #a3c8dd40;}
.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: 23px;
    background: url('../../images/common/logo_gold.svg') no-repeat 0 0;
    padding-left: 16rem;
    background-size: 238px;
}
.wrap-header .head-logo a {display:inline-block; border-left:solid 1px #cfd1d2; margin-top: 5px; padding:0 0 0 15px; font-family:hufs; font-size:1.70rem; letter-spacing:-1.3px; color:#896f4c; line-height: 1.8rem;font-weight:900;}
.wrap-header .head-logo a {
    display: inline-block;
    border-left: solid 1px #cfd1d2;
    margin-top: 5px;
    padding: 0 0 0 15px;
    font-family: hufs;
    font-size: 1.70rem;
    letter-spacing: -1.3px;
    color: #ffffff; line-height: 1.8rem;font-weight:500;
    text-shadow: 0 0 3px black;
}
@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.925rem;
    background: url('/sites/hufsia/images/common/openM.png') no-repeat center center;
}
.wrap-header .head-util .head-sitemap:hover {background:#00bcd45c url(/sites/hufsia/images/common/openM.png) 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: url('/sites/hufsia/images/common/openM.png') 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;}
}

/*메인메뉴*/
.wrap-header .head-navi {margin: 1.75rem 0rem 0 5%; flex-grow:1;}
.wrap-header .head-navi .ul_1 {display:flex;}
.wrap-header .head-navi .ul_1:before {content:""; position:absolute;top:96px; 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:13.37rem; 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%, 0);
    width: 35.813rem;
    height: auto;
    padding: 2.125rem 2.625rem 0 2rem;
    font-family: 'Titil regular';
    font-size: 1.59rem;
    line-height: 1.0;
    color: #264f6f;
    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;
    letter-spacing: -0.8px;}

.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(5) {display:none;}*/
.wrap-header .head-navi .li_1:nth-child(6) {display:none;}

.wrap-header .head-navi .a_1 {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 1.29rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.11px;
    text-align: center;
    top: 7px;
}
.wrap-header .head-navi .a_1:hover {  color: #fcde97;  text-shadow: 0 0 10px #1b4f7f;}
.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:4.25rem; 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:13.3rem; -webkit-transition:height 0.4s ease-in-out;transition:height 0.4s ease-in-out;}
.wrap-header .head-navi .ul_2 {padding:0rem  0rem  0 0;}
.wrap-header .head-navi .ul_2 li {padding-bottom:0px;}
.wrap-header .head-navi .ul_2 li:first-child .a_2{padding-top:5px;}
  .wrap-header .head-navi .a_2{
    position: relative;
    display: block;
    color: #333;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 3.24rem;
    letter-spacing: -0.9px;
    text-align: center;
    /* 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:16px; 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;background:#f2f5f8;}
.wrap-header .head-navi .div_3 {display:none;}
/*상단고정*/
.wrap-header.fNav {position:fixed; top:0;border-bottom:solid 1px #aabac9; background:rgba(255,255,255,1); z-index:101;}
.wrap-header.fNav .head-navi .ul_1:before {top:95px;}
.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;}
.wrap-header.fNav .head-navi .div_2 {top:4.25rem;}

@media all and (max-width:1200px) { /* '교수진소개' 메뉴 텍스트 밀림 현상으로 추가한 것 - 필요없는 경우 삭제 */
  .wrap-header .head-navi .a_1 {font-size:1.05rem;}
  .wrap-header .head-navi .a_2  {font-size:1rem;line-height: 3.25rem;}
.wrap-header .head-navi .ul_2 li {}
}
@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;margin-top:5px;}
	.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;}
}




.sub .wrap-footer{margin-top:80px;width: 100%;}
.wrap-footer .container {
    max-width: 1400px;
    margin: 0 auto;
}
.wrap-footer{background:#181f2ca6}
.footer-top{border-bottom:1px solid rgba(255,255,255,.1)}
.footer-top::after{content:"";display:table;clear:both}
.footer-top .link{float:left;padding:18px 0}
.footer-top .link a{position:relative;padding-right:19px;margin-right:15px;font-family:'Noto Light';font-size:16px;color:#fff;background:url(../../images/common/footer_dots.png) no-repeat right center}
.footer-top .link a.private{color:#00a6ac}
.footer-top .link a:last-child{background:none}
.footer-top .sns-box{float:right;padding:10px 0}
.footer-top .sns-box::after{content:"";display:table;clear:both}
.footer-top .sns-box li{float:left;width:40px;height:40px;margin-right:8px;border-radius:50%}
.footer-top .sns-box li:nth-child(1){background:url(../../images/common/sns_1.png) no-repeat center center}
.footer-top .sns-box li:nth-child(2){background:url(../../images/common/sns_2.png) no-repeat center center}
.footer-top .sns-box li:nth-child(3){background:url(../../images/common/sns_3.png) no-repeat center center}
.footer-top .sns-box li:nth-child(4){background:url(../../images/common/sns_4.png) no-repeat center center}
.footer-top .sns-box li:last-child{margin-right:0}
.footer-top .sns-box li a{display: block; width: 100%; height: 100%; font-size:0}
.footer-bottom{padding-bottom:30px;padding-left:5px;padding-right:5px;}
.footer-bottom::after{content:"";display:table;clear:both}
.footer-bottom .address{float:left;width:calc(100% - 340px);padding-top:30px}
.footer-bottom .address dl{overflow:hidden}
.footer-bottom .address dt{color:#fff;font-size:16px;font-family:"Noto DemiLight";float:left;width:110px}
.footer-bottom .address dd {
    color: #ffffffde;
    width: calc(100% - 170px);
    float: left;
    font-weight: 200;
    font-family: 'Noto light',sans-serif;
}
.footer-bottom .address dd span{MARGIN-LEFT: 10PX;}
.footer-bottom .address dd span b{COLOR: #d4b993;}
.footer-bottom .copyright{color:#aaa;font-size:16px;margin-top:10px}
.footer-bottom .sitemap-wrap{float:right;width:340px;position:relative;margin-top:30px}
.footer-bottom .sitemap-wrap #sitemap_1{background:#fff url(../../images/common/sitemap_arrow.png) no-repeat right 25px center;width:265px;height:45px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:0;font-family:"Noto DemiLight";font-size:14px;color:#666;padding-left:20px}
.footer-bottom .sitemap-wrap .submit_btn{position:absolute;right:0;top:0;width:75px;height:45px;background:url(../../images/common/go_button.png) no-repeat center center;font-size:0;cursor:pointer}

@media all and (max-width: 1023px) {
  .footer-bottom .address{float:none;width:100%}
  .footer-bottom .sitemap-wrap{float:none;margin-top:30px}
}

@media all and (max-width: 768px) {
  .wrap-footer .container{width:90%}
  .footer-top .link{float:none}
  .footer-top .sns-box{float:none;padding-top:0}
  .footer-bottom .address dd Span{display:block; MARGIN-LEFT: 0PX;}
}

@media all and (max-width: 500px) {
  .footer-bottom .address dt{float:none}
  .footer-bottom .address dd{float:none;width:100%;margin-bottom:10px}
}

.wrap-sub-visual{position:relative;background:url(https://dep.hufs.ac.kr/sites/bootcamp/atchmnfl_mngr/imageSlide/964/temp_1729227612307100.jpg) no-repeat center center;background-size:cover;display:table;width:100%}
.wrap-sub-visual:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../../images/common/pattern.png)}
.wrap-sub-visual .wrap-sub-cell{display:table-cell;height:310px;text-align:center;vertical-align:middle;color:#fff}
.wrap-sub-visual .container{position:relative;z-index:1}
.wrap-sub-visual .slogan{padding-top:80px;}
.wrap-sub-visual .slogan-big{font-family:'Noto Regular';position:relative;display:inline-block;font-size:34px;line-height:1.2}
.wrap-sub-visual .slogan-small{font-size:18px;font-family:'Noto DemiLight'}
.wrap-sub-visual .page-move{position:absolute;left:0;top:30px;width:100%;height:0}
.wrap-sub-visual .page-move a{position:relative;display:block;width:70px;height:70px;border:1px solid rgba(255,255,255,0.5);border-radius:100%}
.wrap-sub-visual .page-move a.prev{float:left;background:url(../../images/common/ico_prev_menu.png) no-repeat left center;transition:background-position .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-visual .page-move a:hover.prev{background-position:right center;transition:background-position .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-visual .page-move a.next{float:right;background:url(../../images/common/ico_next_menu.png) no-repeat right center;transition:background-position .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-visual .page-move a:hover.next{background-position:left center;transition:background-position .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-visual .page-move a span{position:absolute}
.wrap-sub-visual .page-move a.prev span{position:absolute;left:90%;top:50%;opacity:0;margin:0 0 0 30px;white-space:nowrap;color:rgba(255,255,255,0.5);transform:translate(0,-50%);transition:all .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-visual .page-move a:hover.prev span{opacity:1;left:100%;transition:all .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-visual .page-move a.prev span:after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:1px;background:rgba(255,255,255,0.5);transition:all .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-visual .page-move a:hover.prev span:after{width:100%;transition:all .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-visual .page-move a.next span{position:absolute;right:90%;top:50%;opacity:0;margin:0 30px 0 0;white-space:nowrap;color:rgba(255,255,255,0.5);transform:translate(0,-50%);transition:all .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-visual .page-move a:hover.next span{opacity:1;right:100%;transition:all .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-visual .page-move a.next span:after{content:'';position:absolute;right:0;bottom:-5px;width:0;height:1px;background:rgba(255,255,255,0.5);transition:all .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-visual .page-move a:hover.next span:after{width:100%;transition:all .5s cubic-bezier(0.7,0,0.3,1)}

@media all and (max-width: 1023px) {
  .wrap-sub-visual .wrap-sub-cell{height:230px}
}

@media all and (max-width: 768px) {
  .wrap-sub-visual .wrap-sub-cell{}
  .wrap-sub-visual .slogan-big{font-size:1.5rem;padding:0;margin:0}
  .wrap-sub-visual .slogan-big:after{display:none}
  .wrap-sub-visual .slogan-small{display:none}
}

.wrap-sub-navi{position:relative;background:#fff}
.wrap-sub-navi .container{position:relative;max-width:1400px;height:70px;border-bottom:1px solid #d8d8d8;margin:0 auto;}
.wrap-sub-navi .sub-navi > ul > li{position:relative;float:left;background:url(../../images/common/arrow-page-nav.png) no-repeat left center;padding:0 0 0 30px}
.wrap-sub-navi .sub-navi > ul > li > a,.wrap-sub-navi .sub-navi > ul > li > .inner > button{display:block;color:#282727;font-size:18px;height:70px;line-height:70px}
.wrap-sub-navi .sub-navi > ul > li > .inner > button{font-family:'Noto Light';width:100%;text-align:left;padding:0 70px 0 0;background:url(../../images/common/arrow-page-nav2.png) no-repeat top right;transition:background-position .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover{background-position:bottom right;font-family:'Noto Regular';color:#00a6ac;transition:background-position .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-navi .sub-navi .home{background-image:none;padding:0;min-width:auto}
.wrap-sub-navi .sub-navi .home a{width:46px;text-indent:-9999px;background:url(../../images/common/ico_home.png) no-repeat left center}
.wrap-sub-navi .sub-navi .navUl{overflow:hidden;max-height:0;opacity:0;position:absolute;left:30px;top:100%;z-index:20;width:180px;border:1px solid #fff}
.wrap-sub-navi .sub-navi .navUl.on{overflow:hidden;max-height:10000px;opacity:1;background:#fff;border:1px solid #3e454c;transition:max-height 1s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-navi .sub-navi .navUl:after{content:'';position:absolute;left:0;top:0;width:100%;height:4px;background:#00a6ac}
.wrap-sub-navi .sub-navi .navUl a{display:block;padding:10px 15px;color:#333;word-break:keep-all}
.wrap-sub-navi .sub-navi .navUl a:hover{background:#f5f5f5}

@media all and (max-width: 1400px) {
  .wrap-sub-navi .container{padding:0 20px}
}

@media all and (max-width: 768px) {
  .wrap-sub-navi{width: 100%;
    overflow: hidden;}
.wrap-sub-navi .sub-navi .home{}
  .wrap-sub-navi .sub-navi > ul > li.is{display:block}
  .wrap-sub-navi .sub-navi > ul > li.is{width:calc(100% - 50px)}
  .wrap-sub-navi .sub-navi .is .navUl{left:0;width:100%}
}

.wrap-sub-navi .sub-util{position:absolute;right:0;top:0;z-index: 9;}
.wrap-sub-navi .sub-util > ul > li{float:left;position:relative}
.wrap-sub-navi .sub-util > ul > li > button{width:70px;height:70px;text-indent:-9999px}
.wrap-sub-navi .sub-util .sub-print{background:#00a6ac url(../../images/common/ico_print.png) no-repeat center center;transition:background-color .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-navi .sub-util .sub-favo{background:#006cc7 url(../../images/common/ico_favo.png) no-repeat center center;transition:background-color .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-navi .sub-util .sub-favo.on{background:#006cc7 url(../../images/common/ico_favo_ov.png) no-repeat center center}
.wrap-sub-navi .sub-util .sub-share{background:#073862 url(../../images/common/ico_sns.png) no-repeat center center;transition:background-color .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-navi .sub-util .box-sub-favo{opacity:0;overflow:hidden;max-height:0;position:absolute;right:-70px;top:100%;width:210px;background:#fff;border:1px solid #3e454c;transition:all .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-navi .sub-util .box-sub-favo.on{opacity:1;max-height:1000px;transition:all .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-navi .sub-util .box-sub-favo > strong{display:block;font-family:'Noto Medium';font-size:18px;padding:10px 20px;border-bottom:1px solid #d6d6d6}
.wrap-sub-navi .sub-util .box-sub-favo ul li{padding:10px 20px}
.wrap-sub-navi .sub-util .box-sub-favo ul li:hover{background:#f5f5f5}
.wrap-sub-navi .sub-util .box-sub-favo ul li a span{display:none}
.wrap-sub-navi .sub-util .box-sub-favo .close{text-indent:-9999px;position:absolute;right:0;top:0;width:47px;height:47px;background:url(../../images/common/btn_favo_close.png) no-repeat center center}
.wrap-sub-navi .sub-util .box-sub-favo .close:hover{transform:rotate(180deg);transition:all .75s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-navi .sub-util .box-sub-favo .del{width:17px;height:17px;margin:0 0 0 10px;background:url(../../images/common/btn-favo-del.png) no-repeat center center;text-indent:-9999px}
.wrap-sub-navi .sub-util .box-sub-favo .control{text-align:center;padding:15px 0}
.wrap-sub-navi .sub-util .box-sub-favo .control button{display:inline-block;display:inline-block;padding:5px 20px;color:#FFF;font-size:12px;border-radius:40px}
.wrap-sub-navi .sub-util .box-sub-favo .control button.add{background:#0067c3}
.wrap-sub-navi .sub-util .box-sub-favo .control button.reset{background:#707070}
.wrap-sub-navi .sub-util .box-sub-share{opacity:0;overflow:hidden;max-height:0;position:absolute;left:0;top:0;width:100%;transition:all .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-navi .sub-util .box-sub-share.on{opacity:1;max-height:1000px;transition:all .5s cubic-bezier(0.7,0,0.3,1);transition:all .5s cubic-bezier(0.7,0,0.3,1)}
.wrap-sub-navi .sub-util .box-sub-share .close{width:100%;height:70px;text-indent:-9999px;background:#183d92 url(../../images/common/btn_share_close.png) no-repeat center center;box-shadow:inset 11px 0 17px -10px rgba(0,0,0,0.4)}
.wrap-sub-navi .sub-util .box-sub-share ul{border:1px solid #3e454c;background:#fff;padding:5px 0}
.wrap-sub-navi .sub-util .box-sub-share ul button{position:relative;display:block;width:100%;height:50px;text-indent:-9999px}
.wrap-sub-navi .sub-util .box-sub-share ul button:after{content:'';position:absolute;bottom:0;left:50%;width:30px;height:1px;background:#e5e5e5;transform:translate(-50%,0)}
.wrap-sub-navi .sub-util .box-sub-share ul li:last-child button:after{display:none}
.wrap-sub-navi .sub-util .box-sub-share .fb{background:url(../../images/common/ico_sns_fb.png) no-repeat center center}
.wrap-sub-navi .sub-util .box-sub-share .tw{background:url(../../images/common/ico_sns_tw.png) no-repeat center center}
.wrap-sub-navi .sub-util .box-sub-share .pin{background:url(../../images/common/ico_sns_pin.png) no-repeat center center}
.wrap-sub-navi .sub-util .box-sub-share .insta{background:url(../../images/common/ico_sns_insta.png) no-repeat center center}
.wrap-sub-navi .sub-util .box-sub-share .kakao{background:url(../../images/common/ico_sns_kakao.png) no-repeat center center}
.wrap-sub-navi .sub-util .box-sub-share .naver{background:url(../../images/common/ico_sns_naver.png) no-repeat center center}
.wrap-sub-navi .sub-util .box-sub-share .addr{background:url(../../images/common/ico_sns_addr.png) no-repeat center center}

@media all and (max-width: 1023px) {
  .wrap-sub-navi .sub-util{display:none}
}

.wrap-contents .subject {padding-top: 0; text-align: center;}
.wrap-contents .subject h2:before {
    content: '';
    position: absolute;
    left: -15%;
    top: 0px;
    width: 1px;
    height: 40px;
    background: #0097c7;
    transform: rotate(35deg);}
.wrap-contents .subject h2 {position: relative; display: inline-block; font-size: 34px; font-family: 'Noto Medium'; margin: 50px 0 65px 0; line-height: 1.2;}
.wrap-contents .subject h2:after {
    content: '';
    position: absolute;
    left: 115%;
    bottom: 0px;
    width: 2px;
    height: 40px;
    background: #002d56;
    transform: rotate(35deg);
}
@media all and (max-width: 760px) {
  .wrap-contents .subject h2 {font-size: 30px; margin: 24px 0 30px 0;}
.wrap-contents .subject h2:after {
    border-radius: 50%;
    width: 15px;
    height: 1px;
    bottom: 15px;
    transform: rotate(0deg);}
.wrap-contents .subject h2:before {
    content: '';
    position: absolute;
    left: -25%;
    top: 17px;
    width: 15px;
    height: 1px;
    background: #0097c7;
    transform: rotate(0deg);
    border-radius: 50%;}
}


.ani {  text-align: center; margin-top: -102px;margin-left: -80px;}
.ani img{width:160px;}

@-webkit-keyframes rotate {
0%{
    -webkit-transform: rotatey(360deg);
    transform: rotatey(360deg);opacity:1; margin:0 auto;
  }
0%{
    -webkit-transform: rotatey(360deg);
    transform: rotatey(360deg);opacity:1; margin:0 auto;
  }
15%{
-webkit-transform: rotatey(360deg);
transform: rotatey(360deg); margin:0 auto;
opacity:1;
}
70%{
-webkit-transform: rotatey(0deg);
transform: rotatey(0deg);margin:0 auto;
opacity:1;
}
90%{
-webkit-transform: rotatey(360deg);
transform: rotatey(360deg); margin:0 auto;
opacity:1;
}
100%{
-webkit-transform: rotatey(360deg);
transform: rotatey(360deg);margin:0 auto;
opacity:1;
}
}
.animated.infinite {
  -webkit-animation-iteration-count: 5;
  animation-iteration-count: 5;
}

.rotate {
  -webkit-animation-name: rotate;
  animation-name: rotate;
  animation-duration:5s;  animation-timing-function:ease-in-out
}

/* greeting*/
  .greet{padding-top:10px}
  .greet_img{float:right;margin-left:40px;width:578px;  margin-right:0px;}
  
  .greet_deco{
    z-index:2;
    top: 0px;
    left: 52%;
    position: absolute;}
  .greet_text {
    margin-top: -20px;
    }
  .greet_text p{width:99%; text-align:justify; margin-bottom:30px;}
  .greet_text h1{font-weight:300;}
 .greet_text h1 p {
    font-family: hufs_m;
    font-size: 3.5rem;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: -30px;
    color: #8d7150;
    text-align: left;
}
 .greet_text h1 p strong {
    color: #333;
    font-family: 'hufs';
    font-size: 1.2rem;
    line-height: 1.5rem;
    display: block;
    margin-top: -58px;
    margin-left: 135px;
}

  .greet_name {
    text-align: right;
    margin-top: 30px;}
  .greet_name span {
    border-bottom: 1px solid gray;
    padding-right: 5px;
    padding-bottom: 3px;}	
  .greet_name span strong{font-family:hufs_b; font-size:22px;padding-left:10px;}

 .greet_text .hi{font-weight: 400;
    font-family: 'hufs';  font-size: 1.5rem;
    color: #666; border-bottom: 1px dotted #ccc;  line-height: 2.2rem;}

 @media (max-width:1300px) {
 
   .greet_img{width:530px;}
   .greet_deco{left:73%;}
   .greet_text p{width:100%; }
 }
 
 @media (max-width:1024px) {
 
 .greet{width: 100%;text-align: center;}
 .greet_img{float:none;width:50%; margin-bottom:30px;}
 .greet_text{margin-right:5px}
 .greet_name {text-align: right !important;}

 }
 
@media (max-width:860px) {
   .greet{width: 100%;text-align: center;}
.greet_img {
    width: 75%;
    margin: 0 0px 30px 0px;
    display: block;
}
   .greet_deco{left:65%;}
}


.wrap-step > ul > li {padding-bottom: 0px!important;}