@charset "utf-8"; 

/*탭이미지*/
.slideThumb ul{text-align:center; margin-bottom:20px;}
.slideThumb ul li{display: inline-block; width: 100px; border:3px solid #fff;}
.slideThumb ul li._active{border:3px solid orange;}
.slideThumb ul li img{width:100%;}



/* Step-얇은거 */
.wrap-step-narrow > ul {display: inline-block; width: 101.5%;}
.wrap-step-narrow.five > ul > li {float: left; width: 20%; padding-right: 40px; padding-bottom: 30px;}
.wrap-step-narrow.four > ul > li {float: left; width: 25%; 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.five > ul > li:nth-child(5) .box::after {left: 45%; top: auto; bottom: -33%; background: url('/sites/guide/images/guide/arrow-step3.png') no-repeat center center;}
  .wrap-step-narrow.five > ul > li:nth-child(n+6) .box::after {left: -15%; background: url('/sites/guide/images/guide/arrow-step4.png') no-repeat center center;}
  
   .wrap-step-narrow.four > ul > li:nth-child(4) .box::after {left: 45%; top: auto; bottom: -33%; background: url('/sites/guide/images/guide/arrow-step3.png') no-repeat center center;}
  .wrap-step-narrow.four > ul > li:nth-child(n+5) .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.five > ul > li {width: 50%; }
  .wrap-step-narrow.four > 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.five > ul > li {width: 100%; padding-bottom: 50px; }
  .wrap-step-narrow.four > 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;}
}


.wrap-rolling {
    padding: 45px 0 !important;
}


/*메인이미지사이즈 241104*/
@media all and (min-width: 1023px) {

  .wrap-visual .control {bottom: 50% !important; }
}


/*연혁 241105*/
._fnctWrap h3 {display:hidden;} 

/*H5제목패딩*/
@media all and (max-width:1023px) { 
  .wrap-contents .objHeading_h2 {padding:10px 0 10px 0;}
} 





/* 유튜브동영상*/
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 99%;
  height: 100%;
}

@media all and (max-width: 767px) {
  .video-wrapper iframe {
    width: 100%; /* Ensure iframe spans 100% width on smaller screens */
  }
}
  .iei_you ul {display:flex;font-family: 'Noto Regular';
    font-size: 18px;
    line-height: 1.7;
    letter-spacing: -0.5px;
    color: #666;}
  .iei_you > ul > li {width:50%;}

@media all  and (max-width:767px) {
    .iei_you ul {width:100%;display:block;}
   .iei_you > ul > li {width:100%;}
} 


  .iei_you p {font-size:20px;margin-bottom:10px;}


  .circle-num-title {position: relative; padding-left: 25px; font-family: 'Noto Medium'; font-size: 18px; line-height: 20px; letter-spacing: -0.5px; color: #222;}
.circle-num-title .num {position: absolute; left: 0; top: 2px; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: #fcaf17; border-radius: 50%; font-family: 'Noto Medium'; font-size: 10px; vertical-align: middle; letter-spacing: -0.5px; text-align: center;  line-height: 17px; color: #111;}

.circle-num-list > ul > li {position: relative; margin: 10px 0 0 0; padding-left: 30px; font-family: 'Noto Regular'; font-size: 18px; line-height: 1.7; letter-spacing: -0.5px; color: #666;}
.circle-num-list > ul > li .num {position: absolute; left: 0; top: 6px; display: inline-block; width: 20px; height: 20px; margin-right: 5px; background: #4b4b4b; border-radius: 100%; font-family: 'Noto Bold'; font-size: 12px; text-align: center; vertical-align: middle; letter-spacing: -0.5px; line-height: 19px; color: #fff;}
.circle-num-list > ul > li strong {font-family: 'Noto Medium'; color: #002d56;}
.con-table .circle-num-list > ul > li {margin: 5px 0; font-size: 16px;}

/*대상자최소화*/

   ul.step-box li {width:100%;border:2px dotted #ccc;margin-bottom:30px;padding:15px 30px;position: relative;border-radius:15px;text-align:center;}
    ul.step-box li:not(:last-child)::after  {content: ''; position: absolute; left: 50%; top: 110%; z-index: 2; width: 24px; height: 24px; background: url('/sites/guide/images/guide/arrow-step3.png') no-repeat center center;}


/*풋터*/
.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 {filter: grayscale(0.5) !important;}
