@charset "utf-8"; 

/*슬라이드*/
.wrap-visual {box-sizing:border-box; position:relative; z-index:1;}
.wrap-visual .slider {position:relative; z-index:1;}
.wrap-visual .slider li {position:relative; text-align:center;}

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

	.wrap-visual .slider li:before {height:750px;}
	.wrap-visual .slider li img {position:relative; left:50%; transform:translate(-50%,0); width:auto; height:730px;}
}
@media all and (max-width:1100px) {
  .wrap-visual .slider li:before { background:#161f2e52 url(../../images/main/hufs2024none.png)no-repeat 78% 70%!important;}
}
@media all and (max-width:767px) {
	.wrap-visual .slider li:before {height:815px;}
	.wrap-visual .slider li img {height:815px;}
  .wrap-visual .slider li:before { background:#161f2e52 url(../../images/main/hufs2024none.png)no-repeat 78% 70%!important;}
}

.wrap-visual .control-box {position:absolute; left:50%; bottom:180px; transform:translate(-50%, 0); z-index:99999; padding-right:36px;}
.wrap-visual .control-box .control {position:absolute; right:0;}
.wrap-visual .control-box .count, .wrap-visual .control-box button {display:inline-block;}
.wrap-visual .count {font-family:"Noto Sans KR"; font-weight:300; text-align:center; font-size:1.125rem; color:#ddd; line-height:2rem;}
.wrap-visual .count .now {color:#fff; padding:0 15px 0 10px;}
.wrap-visual .count .total {padding:0 10px 0 8px;}
.wrap-visual .prevnext {display:flex;}
.wrap-visual .prevnext button {width:2rem; height:2rem; text-indent:-9999px;}
.wrap-visual .prevnext .prev {left:20px; background:url('../images/visual_left.png') center center no-repeat;}
.wrap-visual .prevnext .next {left:120px; background:url('../images/visual_right.png') center center no-repeat;}
.wrap-visual .control-box .control button {display:none; width:2rem; height:2rem; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; z-index:9999;}
.wrap-visual .control-box .control button.on {display:block;}
.wrap-visual .control-box .control button.play {background-image:url('../images/visual_play.png');}
.wrap-visual .control-box .control button.stop {background-image:url('../images/visual_pause.png');}



@media all and (max-width:767px) {
	.wrap-visual .control-box {bottom:50px;}
}
@media all and (max-width:400px) {
	.wrap-visual .count .now {padding:0 10px 0 5px;}
	.wrap-visual .count .total {padding:0 5px 0 3px;}
	.wrap-visual .prevnext button {width:1.6rem;}
}

.wrap-rolling {border-top: 1px solid #FFF !important;background: none !important ;}
@media all and (min-width:1023px) {
.wrap-rolling {max-width: 1400px;margin:0 auto;}
}





/* Step-얇은거 */
.wrap-step-narrow > ul {display: inline-block; width: 101.5%;}
  .wrap-step-narrow > ul > li {float: left;width: calc(100%/3);padding-right: 40px; padding-bottom: 30px;}
.wrap-step-narrow > ul > li.flr {float: right; padding-bottom: 0;}
.wrap-step-narrow > ul > li:last-child .box:after {display: none;}
.wrap-step-narrow .title {position: relative; z-index: 1; display: flex; width: 100%; max-width: 235px; height: 90px; margin: 0 auto; justify-content: center; align-items: center; background: #03499a; border-radius: 100px; font-family: 'Noto Regular'; font-size: 17px; text-align: center; color: #fff;}
.wrap-step-narrow > ul > li:nth-child(odd) .title {background: #03499a; border: 1px solid #03499a; color: #fff;}
.wrap-step-narrow > ul > li:nth-child(even) .title {background: #f0f7ff; border: 1px solid #e1efff; color: #03499a;}
.wrap-step-narrow .box {display: flex; align-items: center; position: relative; height: 80px; padding: 0 30px 0 30px; border: 1px solid #000;}
.wrap-step-narrow .box::after {content: ''; position: absolute; left: 103%; top: 41%; z-index: 2; width: 24px; height: 24px; background: url('/sites/guide/images/guide/arrow-step2.png') no-repeat center center;}
.wrap-step-narrow .con {padding-left: 30px;}
.wrap-step-narrow .con strong {display: block; font-family: 'Noto Regular'; line-height: 1.3; color: #333;}
.wrap-step-narrow .box ul {padding-top: 7px;}
.wrap-step-narrow .box li {position: relative; font-family: 'Noto Light';color: #0b3274;}
.wrap-step-narrow .box .ico { font-size: 1.5rem;}

@media all and (min-width: 1500px) {
  .wrap-step-narrow > ul > li.flr {float: right; padding-bottom: 30px;}
    .wrap-step-narrow > ul > li {float: left;width: calc(100%/3);padding-right: 40px; padding-bottom: 30px;}

     .wrap-step-narrow > ul > li:nth-child(3) .box::after {left: 45%; top: auto; bottom: -33%; background: url('/sites/guide/images/guide/arrow-step3.png') no-repeat center center;}
  .wrap-step-narrow > ul > li:nth-child(n+4) .box::after {left: -10%; background: url('/sites/guide/images/guide/arrow-step4.png') no-repeat center center;}
}

@media all and (max-width: 1500px) {
  .wrap-step-narrow .title {max-width: 335px;}

    .wrap-step-narrow > ul > li {width: 50%; }
  .wrap-step-narrow > ul > li {width: 50%; padding-right: 20px; padding-bottom: 20px;}
  .wrap-step-narrow > ul > li.flr {float: left; padding-bottom: 20px;}
  .wrap-step-narrow .box {padding-right: 100px;}
  .wrap-step-narrow .box::after {left: calc(100% - 70px);}
}

@media all and (max-width: 940px) {
  .wrap-step-narrow > ul > li {width: 100%; padding-bottom: 50px;}
    .wrap-step-narrow > ul > li {width: 100%; padding-bottom: 50px;}
  .wrap-step-narrow > ul > li.flr {padding-bottom: 50px;}
  .wrap-step-narrow .box::after {left: calc(50% - 17px); top: 111%; background: url('/sites/guide/images/guide/arrow-step3.png') no-repeat center center;}
}

@media all and (max-width: 660px) {
  .wrap-step-narrow .con strong {font-size: 15px;}
  .wrap-step-narrow .box li {font-size: 15px;}
}


/* Step */
.wrap-step > ul {display: inline-block; width: 101.5%;}
.wrap-step > ul > li {float: left; width: 50%; padding-right: 40px; padding-bottom: 60px;}
.wrap-step > ul > li.flr {float: right; padding-bottom: 0;}
.wrap-step > ul > li:last-child .box:after {display: none;}
.wrap-step .title {position: relative; z-index: 1; display: flex; width: 100%; max-width: 235px; height: 100px; margin: 0 auto; justify-content: center; align-items: center; background: #03499a; border-radius: 100px; font-family: 'Noto Regular'; font-size: 17px; text-align: center; color: #fff;}
.wrap-step > ul > li:nth-child(odd) .title {background: #03499a; border: 1px solid #03499a; color: #fff;}
.wrap-step > ul > li:nth-child(even) .title {background: #f0f7ff; border: 1px solid #e1efff; color: #03499a;}
.wrap-step .box {display: flex; align-items: center; position: relative; height: 130px; padding: 0 30px 0 30px; border: 1px solid #000;}
.wrap-step .box::after {content: ''; position: absolute; left: 102%; top: 41%; z-index: 2; width: 24px; height: 24px; background: url('/sites/guide/images/guide/arrow-step2.png') no-repeat center center;}
.wrap-step .con {padding-left: 30px;}
.wrap-step .con strong {display: block; font-family: 'Noto Regular'; font-size: 16px; line-height: 1.3; color: #333;}
.wrap-step .box ul {padding-top: 7px;}
.wrap-step .box li {position: relative; font-family: 'Noto Light'; font-size: 16px; color: #0b3274;}


  .wrap-step > ul > li:nth-child(2) .box::after {left: 45%; top: auto; bottom: -33%; background: url('/sites/guide/images/guide/arrow-step3.png') no-repeat center center;}
  .wrap-step > ul > li:nth-child(n+3) .box::after {left: -7%; background: url('/sites/guide/images/guide/arrow-step4.png') no-repeat center center;}

@media all and (max-width: 1500px) {
  .wrap-step > ul > li:nth-child(n+3) .box::after {left: -8%; background: url('/sites/guide/images/guide/arrow-step4.png') no-repeat center center;}

}

@media all and (max-width: 940px) {
  .wrap-step > ul > li {width: 100%; padding-bottom: 50px;}
  .wrap-step > ul > li.flr {padding-bottom: 50px;}
  .wrap-step .box::after {left: calc(50% - 17px); top: 111%; background: url('/sites/guide/images/guide/arrow-step3.png') no-repeat center center;}
}

@media all and (max-width: 660px) {
  .wrap-step .con strong {font-size: 15px;}
  .wrap-step .box li {font-size: 15px;}
}

/*박스안박스*/
ol.inbox li {margin-top: 5px; display:block;padding: 0 0 0 12px; position: relative; line-height:150%;}
   ol li:before{ content: '';  height: 1px;   width: 5px;
    background-color: #333;
    position: absolute;
    left: 0;
    top: 11px;}
  ol.inbox {margin-bottom:20px;}


/*온라인상담신청*/
  .big-button {margin:0 auto;padding-top:50px;text-align:center;}
  .big-button a {display:inline-block;}
.btn-style.type2 {position: relative; display: inline-block; height: 80px; padding: 0 30px; background: #fff;background-color:#002d56 ; font-family: 'Noto Regular'; font-size: 20px; line-height:80px; color: #fff !important; cursor: pointer; }
.btn-style.type2:hover {background: #fff; border: 1px solid #121212; color: #121212  !important;}
.btn-style.type2 .ico {display: inline-block; margin-left: 23px;}
.btn-style.type2 .ico img {position: relative; top: -2px; vertical-align: middle;}
.btn-style.type2 .ico.on {display: none;}
.btn-style.type2:hover .ico.on {display: inline-block;}
.btn-style.type2:hover .ico.off {display: none;}

@media all and (max-width: 700px) {
  .btn-style.type2 {height:45px; margin-bottom: 15px; line-height:43px;}
}


/*예방 큰텍스트*/
div.pre-txt {font-family: hufs_m;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 40px;
    color: #333;
    text-align: center;}

div.pre-txt span{color:#002d56;font-family:hufs_b;}


.wrap-rolling {
    padding: 45px 0 !important;
}




/*오시는길 상세삭제 */
.root_daum_roughmap .cont {display:none;}




/*풋터*/
.wrap-footer {background:linear-gradient(359deg, #000000a6, #2a2b2e); 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:4.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.8rem; font-weight:300;}
.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 {width: 100%;
    margin: 0px !important;}
   .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.8rem;}
  .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;}
} 

.wrap-visual .slider li { height: 800px !important; }