@charset "utf-8";
.mainInner{
	max-width:1600px; padding: 0 12px; margin:0 auto;
}
.title i{font-style:normal;}
.mainVisual{ overflow:hidden; width:100%;  position:relative;}
.mainVisual .img{width: 100%;overflow: hidden; height:735px; border-radius:24px;}
.mainVisual .img img{
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: scale3d(1.5, 1.5, 1);
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 2000ms ease;
}
.mainVisual .swiper-slide.swiper-slide-active .img{width: 100%;}
.mainVisual .swiper-slide.swiper-slide-active .img img,
.mainVisual .swiper-slide.swiper-slide-duplicate-active .img img{
  transform: scale3d(1, 1, 1);}
.mainVisual .swiper-pagination-bullet{background: #e5e5e5; width: 60px; height: 3px; opacity:1; display:inline-block; border-radius:0;}
.mainVisual .swiper-pagination-bullet-active{background: #a80638}
.mainVisual .txt{position:absolute; width:100%; height:100%; display:flex; align-items:center; justify-content:center; z-index:10; flex-direction: column; top:0; left:0; text-align:center;}
.mainVisual .txt p{font-family:'Gmarket'; color:#fff; font-size:70px; font-weight:300;}
.mainVisual .txt strong{font-size:60px; font-family:'Gmarket';}
.mainVisual .txt span{margin-top:70px; color:#fff; font-size:28px;}
.mainVisual .navi{position:absolute; right:130px; bottom:85px; z-index:1; display:flex; z-index:10; align-items:center; }
.mainVisual .navi i{width:30px; height:30px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.mainVisual .navi .mv-pager{margin-right:12px;}

.sc02{display:flex; padding:100px 0; gap:30px;}
.sc02 > div{border-radius:20px;}
.info{background-color:#102e88; flex:1; align-items:center; padding:0 60px; justify-content: center; align-items: start; display:flex; flex-direction: column;}
.info > div{padding-left:60px; background-position:left top; color:#fff; font-family:'Gmarket'; text-align: left;}
.info > div span{font-size:22px; font-family:'Gmarket'; margin-bottom:6px; display:block;}
.info .location{background:url(/resources/custom/images/hrc/main/ico-location.png) no-repeat left 10px; margin-bottom:40px; }
.info .location p{font-weight:300; font-size:22px;}
.info .contact{background:url(/resources/custom/images/hrc/main/ico-number.png) no-repeat left 15px;}
.info .contact .t1{font-size:38px; margin-bottom:12px;}
.info .contact .t2{font-size:18px; font-family:'Pretendard'}
.sc02 .box{padding:40px 55px; width:370px; gap:30px;}
.sc02 .box a{display:block; margin-left:auto; width:fit-content; margin-right:0; transition:all .3; padding:10px;}
.sc02 .box a:hover{transform:translateX(10px);}
.sc02 .box h1{font-family:'Gmarket'; font-size:30px;}
.sc02 .box p{margin:30px 0; font-size:18px; color:#7f858f; line-height:1.5;}
.sc02  .request{background:#e4edff;}
.sc02  .edu{background:#eef3f6;}

.sc03{position:relative; padding:145px 0;}
.sc03:before{content:""; display:block; width:100vw; height:100%; background:#f1f3f8; position:absolute; top:0; left:50%;     transform: translate(-50%, 0); z-index:-1;}
.sc03 > div{float:left; width:calc((100% - 75px) / 2);}
.sc03 .noti{margin-right:75px;}
.sc03 .tit{display:flex; justify-content:space-between; align-items: center; margin-bottom:40px; }
.sc03 .tit h3 i{font-family:'Gmarket'; font-size:40px;}
.sc03 .tit a{transition:all .2s; width:100%; height:100%; display:block;}
.sc03 .tit a:hover{transform:rotate(180deg);}
.sc03 .con{background:#fff; padding:30px; border-radius:24px; width:100%;}
.sc03 .con li{border-bottom:1px solid #e6e6e6;  }
.sc03 .con li:last-child{border-bottom:none;}
.sc03 .con li a{display:block; padding:30px 15px; display:flex;  justify-content:space-between; align-items: center;}
.sc03 .con li a:hover p{text-decoration:underline;}
.sc03 .con li a p{font-size:20px; font-weight:500; flex:1;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color:#2b2a2a}
.sc03 .con li a span{width:120px; color:#878787; text-align:right;}

.sc04{padding:110px 0;}
.sc04 > div{float:left; width:calc((100% - 130px) / 2);}
.sc04 .intro{margin-right:130px;}
.sc04 .intro p{font-family:'Gmarket'; font-size:60px; color:#080808;}
.sc04 .intro a{display:block; padding:24px; border-radius:50px; background:linear-gradient(-90deg, #2476dd 0%, #10c28d 100%); color:#fff; display:flex; align-items:center;gap:16px; font-size:20px; font-weight:600; width:fit-content; margin-left:auto;}
.sc04 .intro a i{transition:all .3s;}
.sc04 .intro a:hover i{transform:translateX(10px);}
.sc04 .intro span{font-size:20px; font-weight:500; margin:30px 0 20px; display:block;}
.sc04 .popup .top{display:flex; justify-content:space-between; align-items: center; margin-bottom:38px;}
.sc04 .popup .top .title i{font-size:25px; font-family:'Gmarket'}
.sc04 .popup .top .control{display:flex; gap:10px; align-items:center;}
.sc04 .popup .con{width:100%;}
.sc04 .popup .con .img{width:100%; height:auto;  height:280px; }
.sc04 .popup .con img{width:100%; height:100%; object-fit:cover; border-radius: 0 0 24px 24px; overflow:hidden;}

@media all and (max-width:1800px){
	.mainVisual .img img{height:100%;}
}
@media all and (max-width:1600px){
	.mainVisual .img{height:600px;}
	.mainVisual .img img{height:100%; width:auto; }
}
@media all and (max-width:1500px){
	.info{padding:0 40px;}
	.info > div span{font-size:18px;}
	.info .location p{font-size:18px;}
	.info .contact .t1{font-size:32px;}
	.sc02 .request{width:300px;}
	.sc04 .intro p{font-size:40px;}
	}

@media all and (max-width:1200px){
	.mainVisual .txt p{font-size:50px;}
	.mainVisual .txt strong{font-size:40px;}
	.sc02{flex-wrap:wrap}
	.sc02 .info{width:100%; flex:1 1 auto; padding:24px;}
	.sc02 .box{width:48%;}
	.sc03 > div{width: calc((100% - 20px) / 2);}
	.sc03 .noti{margin-right:20px;}
	.sc03 .con{padding:24px;}
	.sc03 .con li a p{font-size:16px;}
	.sc03 .tit{margin-bottom:20px;}
	.sc03 .title i{font-size:32px;}
	.sc04 .intro span br{display:none; font-size:18px;}
	.sc04 > div{    width: calc((100% - 50px) / 2);}
	.sc04 .intro{margin-right:50px;}
	.sc04 .intro a{margin-right:auto; font-size:16px;}
	
}
@media all and (max-width:800px){
	.mainVisual .txt p{font-size:40px;}
	.mainVisual .txt strong{font-size:30px;}
	.sc03{padding:50px 0;}
		.sc03 > div{width: 100%; float:none;}
	.sc03 .noti{margin-right:0px; margin-bottom:20px;}
	.sc04{padding:50px 0;}
	.sc04 > div{    width: 100%; float:none}
	.sc04 .intro{margin-right:0px; margin-bottom:50px;}
	.sc04 .intro p{font-size:32px;}
}
@media all and (max-width:767px){
	.mainVisual .img{height:450px; }
	.mainVisual .txt span{font-size:18px; margin-top:24px;}
	.sc02{padding:50px 0; flex-direction:column; gap:20px;}
	.sc02 .box{width:100%;}
	.sc03 .title i{font-size:24px;}
	.sc03 .con li a{flex-direction:column;}
	.sc03 .con li a span{width:100%; text-align:left;}
	.sc03 .con li a p{width:100%;}
	
}
@media all and (max-width:600px){
	.mainVisual .img{height:350px;}
	.mainVisual .txt p{font-size:28px;}
	.mainVisual .txt strong{font-size:24px;}
	.mainVisual .txt{padding:0 12px;}
	.mainVisual .navi{    text-align: center; right:unset;
    justify-content: center; bottom:10px; width:100%;}
    
    .info .contact .t1{font-size:28px;}
    .sc02 .box{padding:24px; }
    .sc02 .box p{margin:20px 0;}
}