section, section *{ box-sizing:border-box; }
*{ box-sizing:border-box; }
section{ overflow:hidden; }
.mc-con{ max-width:1630px; width:100%; margin:0 auto; padding: 0 15px;}
.main-con{ width:100%; margin:0 auto; padding: 0 4rem;}
.mb-0{margin-bottom: 0 !important;}
.vimeo_player_wrapper{opacity: 1 !important;}

.main_sc{width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}

.sect-tit{margin-bottom: 3rem; text-align: center;}
.sect-tit > h5{margin-bottom: 1rem; font-size: 18px; letter-spacing: 7px; color: #94c0ed; font-weight: 600;}
.sect-tit > h3{color: #fff; font-size: 38px; font-weight: 400; margin-bottom: 5px;}
.sect-tit > h2{color: #fff; font-size: 48px; font-weight: 700;}

/* 글로벌메디컬케어 */

.sc01{ background-color:#333; height: 100vh; position: relative; overflow: hidden;}
.sc01::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}

.video-bg{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:0;
    pointer-events:none;
}

.video-bg iframe{
    position:absolute;
    top:50%;
    left:50%;
    width:100vw;
    height:56.25vw;
    min-height:100vh;
    min-width:177.77vh;
    transform:translate(-50%,-50%);
}

.sc01-con{width: 100%; height: 100%; padding: 0 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 5;}

.sc01-cont{display: flex; flex-direction: column;}
.sc01-cont > p{font-size: 24px; color: #fff; text-align: center; margin-bottom: 3.3rem; font-weight: 400;}
.sc01-wrap{width: 100%; display: flex; justify-content: center;}
.sc01-box{margin: 0 10px; padding: 40px 15px; width: 250px; border-radius: 20px; background-color: rgba(255, 255, 255, 0.6);}
.sc01-icon{display: flex; margin-bottom: 1rem; justify-content: center;}
.sc01-icon img{width: 100%; max-width: 110px; display: inline-block;}
.sc01-box > h5{font-size: 20px; color: #000; font-weight: 500; text-align: center;}

.sc02{padding: 200px 0; background-color: #ebf2ff;}
.sc02-wrap{width: 100%; display: flex; justify-content: space-between;}
.sc02-txt{width: 50%;}
.sc02-tit{margin-bottom: 3rem; text-align: left;}
.sc02-tit > h5{margin-bottom: 1rem; font-size: 18px; letter-spacing: 7px; color: #94c0ed; font-weight: 500;}
.sc02-tit > h3{color: #4351d4; font-size: 48px; font-weight: 700; margin-bottom: 1.5rem;}
.sc02-tit > h2{color: #000; font-size: 38px; font-weight: 700;}
.sc02-tit > h2 > span{font-weight: 300;}
.sc02-img{width: 40%; display: flex;}
.sc02-img > img{width: 100%; display: block; opacity: 0; transform: scale(0.5); transition: 1.5s;}
.sc02-img > img.ani.act{opacity: 1; transform: scale(1);}

.sc02-cont{margin-bottom: 1.5rem;}
.sc02-cont.last{margin-bottom: 0;}
.sc02-cont > h3{font-size: 28px; color: #fff; font-weight: 700; display: inline-block; padding: 5px 30px; border-radius: 50px; background-color: #4351d4; margin-bottom: 1rem;}
.sc02-cont > ul > li{font-size: 18px; font-weight: 500; color: #4351d4; margin-bottom: 1rem;}
.sc02-cont > ul > li:last-child{margin-bottom: 0;}
.sc02-cont > ul > li > span{color: #000; display: inline-block; width: 15px; font-weight: 700;}

.sc03{height: 100vh; position: relative;}
.sc03 > .mc-con{height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.sc03-wrap{display: flex; width: 100%; padding-top: 4rem;}
.sc03-box{width: 33.333333%; position: relative; flex: 0 0 auto;}
.sc03-box::after{content: ""; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 0; right: 0;}
.sc03-box:last-child::after{display: none;}
.sc03-count{color: #fff; text-align: center; padding: 0 15px;}
.sc03-count > p{font-size: 18px; font-weight: 300; margin-bottom: 10px;}
.sc03-count > h5{font-size: 34px; font-weight: 600; margin-bottom: 1.5rem;}
.sc03-count > h3{font-size: 65px; font-weight: 800;}
.sc03-count > h3 > .per{font-size: 34px;}

.sc04{padding: 150px 0; background-color: #ebf2ff;}
.sc04 .sect-tit > h5{color: #4351d4;}
.sc04 .sect-tit > h2{color: #2a2a2a;}

.sc04-wrap{width: 100%; display: flex; justify-content: space-between; padding-top: 1.5rem;}
.sc04-box{width: 19%;}
.sc04-cont{padding: 3rem 15px; display: flex; flex-direction: column; align-items: center; text-align: center; background-color: #fff; border-radius: 20px; border: 1px solid #d1e4f0; box-shadow: 5px 8px 13px -6px rgba(0,0,0,0.2);}
.sc04-icon{display: flex; margin-bottom: 1.5rem;}
.sc04-icon img{width: 100%; max-width: 110px;}
.sc04-cont > p{font-size: 18px; color: #a0a0a0; margin-bottom: 5px; font-weight: 500;}
.sc04-cont > h3{font-size: 34px; color: #4351d4; font-weight: 800; margin-bottom: 1.5rem;}
.sc04-cont > h5{font-size: 18px; color: #000; font-weight: 500;}

.sc05{padding: 150px 0; background-color: #f9f9f9;}
.sc05 .sect-tit{margin-bottom: 2rem;}
.sc05 .sect-tit > h5{color: #4351d4;}
.sc05 .sect-tit > h2{color: #2a2a2a;}

.sc05-cont > p{font-size: 20px; font-weight: 500; margin-bottom: 3rem; text-align: center; color: #2a2a2a;}
.sc05-wrap{width: 100%; display: flex; justify-content: space-between; margin-bottom: 1rem;}
.sc05-wrap:last-child{margin-bottom: 0;}
.sc05-box{width: 19%; display: flex;}
.sc05-box img{width: 100%;}

.sc05-bt{padding-top: 100px; text-align: center;}
.sc05-bt > h3{font-size: 38px; color: #fff; margin-bottom: 1.5rem;}
.sc05-bt > h3 > span{display: inline-block; position: relative; z-index: 2; padding: 0 15px;}
.sc05-bt > h3 > span::after{content: ""; width: 0%; height: 100%; background-color: #4351d4; position: absolute; top: 0; left: 0; z-index: -1; transition: 1.5s ease-in-out; transition-delay: .8s;}
.sc05-bt > p{font-size: 20px; font-weight: 500; color: #2a2a2a;}

.sc06{padding: 150px 0; background-color: #fff;}
.sc06 .sect-tit > h5{color: #4351d4;}
.sc06 .sect-tit > h2{color: #2a2a2a;}

.sc06-con{width: 100%; display: flex; flex-direction: column; align-items: center;}
.sc06-wrap{width: 100%; display: flex; align-items: center; max-width: 1015px; border-radius: 25px; border: 2px solid #dbebf0; margin-bottom: 1.5rem;}
.sc06-tit{padding: 1rem; min-width: 165px; border-radius: 23px; background-color: #ebf2ff; text-align: center;}
.sc06-tit > h5{font-size: 22px; font-weight: 700; color: #4351d4;}
.sc06-cont{padding: 0 1.5rem;}
.sc06-cont > p{font-size: 16px; color: #2a2a2a; font-weight: 400;}

.sc07{padding: 150px 0; background-color: #f9f9f9;}
.sc07 .sect-tit{margin-bottom: 4rem;}
.sc07 .sect-tit > h5{color: #4351d4;}
.sc07 .sect-tit > h2{color: #2a2a2a;}

.sc07-wrap{width: 100%; display: flex; justify-content: center; margin-bottom: 3rem;}
.sc07-wrap:last-child{margin-bottom: 0;}
.sc07-box{width: 33.3333%; padding: 0 15px;}
.sc07-card{position: relative; min-height: 256px; padding: 2.5rem; display: flex; border-radius: 20px; background-color: #fff; box-shadow: 5px 8px 25px -5px rgba(0,0,0,0.1); justify-content: space-between; transition: .5s;}
.sc07-card:hover{background-color: #ebf2ff; box-shadow: 5px 8px 25px -5px rgba(0,0,0,0.2);}
.sc07-cont{width: 70%;}
.sc07-cont > h5{font-size: 22px; color: #2a2a2a; margin-bottom: 1rem;}
.sc07-cont > p{font-size: 16px; color: #2a2a2a; font-weight: 400;}
.sc07-etc{width: 29%; font-size: 16px; color: #9b9b9b; font-weight: 400; text-align: right;}
.sc07-face{position: absolute; bottom: -25px; right: 10px;}
.sc07-face img{width: auto;}

@keyframes shake{
    0%{transform: rotate(0);}
    20%{transform: rotate(-5deg);}
    60%{transform: rotate(8deg);}
    100%{transform: rotate(0);}
}

.sc07-card:hover .sc07-face{animation: shake 1s ease-in-out;}

.sc08{padding: 150px 0; background-color: #ebf2ff;}
.sc08 .sect-tit > h2{color: #2a2a2a;}
.sc08 .sect-tit > h2 > span{font-weight: 300;}

.sc08-wrap{display: flex; flex-direction: column; align-items: center; margin-bottom: 3rem;}
.sc08-cont{width: 100%; max-width: 760px; padding: 1.5rem 1.5rem 1.5rem 102px; border-radius: 15px; background-color: #fff; margin-bottom: 1.5rem; position: relative;}
.sc08-cont > h5{font-size: 24px; color: #4351d4; margin-bottom: 5px;}
.sc08-cont > p{font-size: 18px; color: #000; font-weight: 500;}
.sc08-cont > span{display: inline-block; font-size: 44px; color: #4351d4; position: absolute; top: 50%; left: 2rem; transform: translateY(-50%);}
.sc08-cont:last-child{margin-bottom: 0;}

.sc08-btn{text-align: center;}
.sc08-btn > h2{font-size: 48px; font-weight: 700; margin-bottom: 3rem; color: #2a2a2a;}
.sc08-btn > h2 > span{font-weight: 300;}
.sc08-btn > a{display: inline-block; padding: 1rem 3rem; border-radius: 15px; background-color: #4351d4; color: #fff; font-weight: 400; font-size: 22px; transition: .5s;}
.sc08-btn > a:hover{border-radius: 0;}

.sc08-cont.ani{transform: translateX(100px); opacity: 0; transition: 1s;}
.sc08-cont.ani.act{transform: translateX(0); opacity: 1;}

/* 온라인마케팅 */
.sc09{padding: 150px 0; background-color: #f7f7f7;}
.sc09 .sect-tit > h2{color: #2a2a2a;}
.sc09 .sect-tit > h5{color: #4351d4;}
.sc09 .sect-tit > h2 > span{font-weight: 300;}

.sc09-wrap{width: 100%; display: flex; padding-top: 3rem;}
.sc09-box{width: 49%; display: flex; flex-direction: column; align-items: center;}
.sc09-caption > p{font-size: 18px; color: #4351d4; font-weight:600; letter-spacing: 7px; margin-bottom: 10px;}
.sc09-caption > h3{font-size: 38px; color: #2a2a2a; font-weight: 700; margin-bottom: 1rem;}
.sc09-caption > h3 > span{color: #4351d4;}
.sc09-caption > h5{font-size: 20px; color: #2a2a2a; font-weight: 500; margin-bottom: 3rem;}
.sc09-img{display: flex;}
.sc09-img img{width: auto;}

.sc09-box.ani{transition: 1s; opacity: 0;}
.sc09-box.lt.ani{transform: translateX(100px);}
.sc09-box.rt.ani{transform: translateX(-100px);}
.sc09-box.ani.act{opacity: 1; transform: translateX(0);}

.sc09-caption > ul{position: relative;}
.sc09-caption > ul::after{content: ""; width: 2px; height: 90%; background-color: #a1a8e9; position: absolute; top: 7px; left: 9px; z-index: 1;}
.sc09-caption > ul > li{font-size: 18px; font-weight: 500; padding-left: 35px; position: relative; margin-bottom: 2rem; color: #a1a8e9;}
.sc09-caption > ul > li > span{width: 20px; height: 20px; border-radius: 50%; background-color: #fff; border: 2px solid #4351d4; display: inline-block; position: absolute; top: 5px; left: 0; z-index: 2; }

.sc09-caption > ul > li:nth-child(1).ani{transition: 1s; transition-delay: .3s;}
.sc09-caption > ul > li:nth-child(1).ani > span{transition: 1s; transition-delay: .5s;}
.sc09-caption > ul > li:nth-child(2).ani{transition: 1s; transition-delay: .7s;}
.sc09-caption > ul > li:nth-child(2).ani > span{transition: 1s; transition-delay: .9s;}
.sc09-caption > ul > li:nth-child(3).ani{transition: 1s; transition-delay: 1.1s;}
.sc09-caption > ul > li:nth-child(3).ani > span{transition: 1s; transition-delay: 1.3s;}

.sc09-caption > ul > li.ani.act{color: #4351d4;}
.sc09-caption > ul > li.ani.act > span{background-color: #4351d4;}

.sc10{padding: 150px 0; background-color: #fff;}
.sc10 .sect-tit > h2{color: #2a2a2a;}
.sc10 .sect-tit > h2 > span{color: #4351d4;}
.sc10 .sect-tit > h3{font-size: 32px; font-weight: 500; margin-bottom: 0; margin-top: 2rem; color: #2a2a2a;}

.sc10-con{display: flex; flex-direction: column; align-items: center;}
.sc10-wrap{width: 100%; max-width: 1280px; display: flex; justify-content: space-between; padding-top: 3rem; margin-bottom: 6rem;}
.sc10-box{width: 19%;}
.sc10-img{display: flex; justify-content: center; position: relative;}
.sc10-img::after{font-size: 22px; color: #fff; font-weight: 700; z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sc10-box:nth-child(1) .sc10-img::after{content: "컨설팅";}
.sc10-box:nth-child(2) .sc10-img::after{content: "바이럴마케팅";}
.sc10-box:nth-child(3) .sc10-img::after{content: "SNS마케팅";}
.sc10-box:nth-child(4) .sc10-img::after{content: "홈페이지";}
.sc10-box:nth-child(5) .sc10-img::after{content: "영상제작";}
.sc10-img img{width: 100%; max-width: 200px;}

.pr-bar-wrap{width: 100%; max-width: 1240px; display: flex; padding: 8px 0; border-radius: 50px; background-color: #f1f1f1; box-shadow: inset 0 5px 5px -3px rgba(0,0,0,0.1), inset 0 -5px 5px -6px rgba(0,0,0,0.1);}
.pr-bar-box{width: 25%; padding: 0 8px;}
.pr-circle{width: 30px; height: 30px; background-color: #fff; border: 4px solid #4351d4; border-radius: 50%;}

.pr-bar-box:nth-child(1) .pr-circle.ani{transition: 1.2s; transition-delay: .5s;}
.pr-bar-box:nth-child(2) .pr-circle.ani{transition: 1.2s; transition-delay: 0.8s;}
.pr-bar-box:nth-child(3) .pr-circle.ani{transition: 1.2s; transition-delay: 1.1s;}
.pr-bar-box:nth-child(4) .pr-circle.ani{transition: 1.2s; transition-delay: 1.4s;}
.pr-circle.ani.act{background-color: #4351d4;} 

.sc10-pr-wrap{width: 100%; max-width: 1240px; display: flex; padding-top: 2rem;}
.sc10-pr-box{width: 25%; padding: 0 8px; opacity: 0;}
.sc10-caption > h5{font-size: 16px; font-weight: 600; color: #4351d4; margin-bottom: 10px;}
.sc10-caption > h3{font-size: 22px; color: #2a2a2a; font-weight: 700; margin-bottom: 1rem;}
.sc10-caption > p{font-size: 16px; color: #2a2a2a; font-weight: 400;}

.sc10-pr-box:nth-child(1).ani{transition: 1.5s; transition-delay: 0.2s;}
.sc10-pr-box:nth-child(2).ani{transition: 1.5s; transition-delay: 0.5s;}
.sc10-pr-box:nth-child(3).ani{transition: 1.5s; transition-delay: 0.8s;}
.sc10-pr-box:nth-child(4).ani{transition: 1.5s; transition-delay: 1.1s;}

.sc10-pr-box.ani.act{opacity: 1;}

/* 경영컨설팅 */
.sc11{padding: 150px 0; background-color: #f9f9f9;}
.sc11 .sect-tit > h2{color: #2a2a2a;}
.sc11 .sect-tit > h5{color: #4351d4;}

.sc11-pr-tit{margin: 3rem 0 5rem; text-align: center;}
.sc11-pr-tit > h3{font-size: 32px; font-weight: 500; color: #2a2a2a;}

.sc11-wrap{width: 100%; max-width: 1240px; display: flex; justify-content: space-between; padding: 2rem 0 4rem;}
.sc11-box{width: 19%; padding: 1.5rem 15px; border-radius: 30px; border: 3px solid #4351d4; text-align: center;}
.sc11-box > h3{font-size: 30px; margin-bottom: 10px; color: #4351d4; font-weight: 700;}
.sc11-box > h5{font-size: 18px; color: #9b9b9b; font-weight: 600;}

/* 외국인 의료관광 */
.sc12{height: 100vh;}
.sc12 > .mc-con{height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sc12 .sect-tit{margin-bottom: 1rem;}
.sc12 .sect-tit > h3{font-size: 32px; font-weight: 700;}
.sc12 .sect-tit > h3 > span{font-weight: 300;}
.sc12 > .mc-con > h2{margin-bottom: 4rem; font-size: 130px; font-weight: 700; color: #fff;}
.sc12 > .mc-con > h3{font-size: 48px; font-weight: 700; color: #fff; text-align: center;}

.sc13{padding: 150px 0;}
.sc13 > .mc-con{height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sc13-img{display: flex; margin-bottom: 3rem; transition: 1.5s; opacity: 0;}
.sc13-img img{width: auto;}
.sc13-img.ani.act{opacity: 1;}
.sc13-cont{text-align: center;}
.sc13-cont > p{font-size: 18px; font-weight: 400; color: #fff;}

.sc14{padding: 150px 0; background-color: #ebf2ff;}
.sc14 .sect-tit > h2{color: #4351d4;}
.sc14 .sect-tit > h2 > span{font-weight: 300; color: #101010;}

.sc14-wrap{display: flex; flex-wrap: wrap; padding-bottom: 150px;}
.sc14-box{width: 50%; display: flex; justify-content: flex-end; margin-bottom: -120px;}
.sc14-box:nth-child(even){justify-content: flex-start;}
.sc14-img img{width: auto;}

.sc14-cont{text-align: center;}
.sc14-cont > p{font-size: 38px; font-weight: 700; color: #101010;}
.sc14-cont > p > span{font-weight: 300;}

.sc15{padding: 150px 0; background-color: #fff;}
.sc15 .sect-tit > h5{color: #4351d4;}
.sc15 .sect-tit > h2{color: #2a2a2a;}
.sc15 .sect-tit > h2 > span.fw-light{font-weight: 300;}
.sc15 .sect-tit > h2 > span.point{color: #4351d4;}
.sc15-img{display: flex; opacity: 0; transition: 1.5s;}
.sc15-img img{width: 100%;}
.sc15-img.ani.act{opacity: 1;}

.sc16{padding: 150px 0; background-color: #f7f7f7;}
.sc16 .sect-tit{margin-bottom: 4rem;}
.sc16 .sect-tit > h5{color: #4351d4;}
.sc16 .sect-tit > h2{color: #2a2a2a;}
.sc16 .sect-tit > h2 > span{font-weight: 300;}

.sc16-cont{text-align: center;}
.sc16-cont > p{font-size: 16px; color: #2a2a2a; font-weight: 400; line-height: 1.8;}

.sc16-wrap{width: 100%; display: flex; justify-content: space-between; margin-bottom: 4rem;}
.sc16-box{width: 19%; border: 1px solid #d7e7ec; border-radius: 20px; background-color: #fff; padding: 3rem 15px; text-align: center;}
.sc16-box > h2{font-size: 26px; font-weight: 700; color: #4351d4; margin-bottom: 5px;}
.sc16-box > h5{color: #a9a9a9; font-size: 16px; font-weight: 400; margin-bottom: 1rem;}
.sc16-img{margin-bottom: 1rem; text-align: center;}
.sc16-img img{width: auto; display: inline-block;}
.sc16-box > h3{font-size: 20px; color: #101010; margin-bottom: 1rem;}
.sc16-box > p{font-size: 16px; color: #2a2a2a; font-weight: 400;}

.sc17{padding: 150px 0; background-color: #4351d4;}
.sc17 .sect-tit > h2 > span{font-weight: 300;}
.sc17-img{opacity: 0; transition: 1.5s; text-align: center;}
.sc17-img img{width: auto; display: inline-block;}
.sc17-img.ani.act{opacity: 1;}

.sc18{padding: 150px 0; background-color: #ebf2ff;}
.sc18 .sect-tit > h5{color: #4351d4;}
.sc18 .sect-tit > h2{color: #000;}

.sc18-wrap{display: flex; justify-content: center; align-items: center; padding-top: 2rem;}
.sc18-box{width: 50%; padding: 0 15px; display: flex; opacity: 0; transition: 1s;}
.sc18-box:first-child{justify-content: flex-end; transform: translateX(100px); }
.sc18-box:last-child{justify-content: flex-start; transform: translateX(-100px);}
.sc18-box.ani.act{opacity: 1; transform: translateX(0);}
.sc18-cont{min-width: 540px; box-shadow: 5px 8px 13px -6px rgba(0,0,0,0.2); border-radius: 30px;}
.sc18-cont > h3{padding: 2.5rem; text-align: center; font-size: 28px; color: #000; background-color: #d8d8d8; font-weight: 700; border-radius: 30px 30px 0 0;}
.sc18-cont > ul{padding: 2rem 2.5rem; background-color: #fff; border-radius: 0 0 30px 30px;}
.sc18-cont > ul > li{font-size: 18px; color: #000; font-weight: 400; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px dashed #ebebeb;}
.sc18-cont > ul > li:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.sc18-cont > ul > li > span{color: #b5b5b5; margin-right: 10px;}

.sc18-cont.gmc{min-width: 570px; position: relative; z-index: 2;}
.sc18-cont.gmc > h3{font-size: 38px; color: #fff; background-color: #4351d4; padding: 1.2rem; border: 3px solid #4351d4;}
.sc18-cont.gmc > h3 > span{font-size: 20px; font-weight: 300;}
.sc18-cont.gmc > ul{padding: 2rem 3rem; border: 3px solid #4351d4;}
.sc18-cont.gmc > ul > li{font-size: 20px; color: #000; font-weight: 600;}
.sc18-cont.gmc > ul > li > span{color: #4351d4;}

.blink-border{position: relative; overflow: hidden; border-radius: 35px; padding: 5px;}
.blink-border::before{content: ""; position: absolute; left: -50%; top: -50%; width: 200%; height: 200%; background: conic-gradient(transparent, rgba(67, 91, 212, 1), transparent 30%); animation: rotate 6s linear infinite; z-index: 1;}
.blink-border::after{content: ""; position: absolute; top: 35px; left: 35px; right: 35px; bottom: 35px; background: #000; z-index: -1;}
@keyframes blink {
	40% {
		opacity:.5;
	}
	80% {
		opacity: 1;
	}
}
@keyframes rotate {
    100% {
      transform: rotate(1turn);
    }
}

.sc19{padding: 150px 0; background-color: #fff;}
.sc19 .sect-tit{text-align: left; margin-bottom: 150px;}
.sc19 .sect-tit > h5{color: #4351d4;}
.sc19 .sect-tit > h2{color: #000;}
.sc19 .sect-tit > h2 > span{font-weight: 800;}
.sc19 .sect-tit > h3{margin-bottom: 0; margin-top: 2rem; color: #000; font-size: 30px; font-weight: 500;}

.sc19-wrap{display: flex; justify-content: space-between; align-items: center;}
.sc19-caption{width: 49%;}
.sc19-contact{width: 49%; display: flex; justify-content: center;}

.contact-info > h5{font-size: 20px; font-weight: 600; color: #4351d4; margin-bottom: 5px;}
.contact-info > h2{font-size: 48px; font-weight: 700; color: #4351d4; margin-bottom: 10px;}
.contact-info > p{font-size: 18px; color: #383838; font-weight: 400;}

/* 문의하기 폼 */
.contact-wrap{padding: 2rem; border-radius: 15px; background-color: #113cb5; min-width: 650px;}
.contact-wrap > h5{color: #fff; font-weight: 700; font-size: 24px; margin-bottom: 1rem;}

.text{width: 100%; padding: 15px 10px; border-radius: 5px; position: relative; background-color: #fff; margin-bottom: 10px;}
.text > p{font-size: 12px; color: #666;}
.text.select > span{display: inline-block; color: #666; position: absolute; right: 10px;}
.text.select > span.s-up{top: 11px;}
.text.select > span.s-down{bottom: 11px;}

.text.textarea{min-height: 150px; margin-bottom: 2rem;}
.text.textarea > p{position: absolute; top: 15px; left: 10px;}

.phone{width: 100%; display: flex; justify-content: space-between;}
.phone > .text{width: 32%;}

.submit-wrap{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.submit-wrap > a{display: inline-block; color: #fff; font-weight: 600; font-size: 14px; border: 2px solid #fff; padding: 10px 30px; border-radius: 10px; transition: .5s;}
.submit-wrap > a:hover{background-color: #fff; color: #113cb5;}

.privacy-wrap{display: flex; align-items: center;}
.privacy-wrap > .check{width: 20px; height: 20px; background-color: #fff; margin-right: 10px;}
.privacy-wrap > p{font-size: 14px; color: #fff; font-weight: 500; margin-right: 10px; line-height: 1;}
.privacy-wrap > span{display: inline-block; color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 1; cursor: pointer;}

.privacy{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.4); z-index: 99998; display: none;}
.privacy-box{width: 50%; height: 60vh; background-color: #fff; border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 3rem 2rem 58px; }
.privacy-cont{overflow-y: auto; position: relative; width: 100%; height: 100%;}
.privacy-cont > p{color: #000; font-size: 14px; }
.privacy-close{width: 100%; text-align: center; position: absolute; bottom: 10px; left: 0;}
.privacy-close > span{display: inline-block; color: #2a2a2a; font-weight: 700; padding: 10px 2rem; background-color: #ddd; border-radius: 10px; cursor: pointer;}

@keyframes marquee{
    0%{transform: translate(0,0);}
    100%{transform: translate(-1280px,0);}
}
@keyframes marquee2{
    0%{transform: translate(-1280px,0);}
    100%{transform: translate(0,0);}
}

/* media-query */

@media(min-width:1400px){
    .pc-con{display: block;}
    .mo-con{display: none;}

    .ani.up.delay{
        transition: 1s opacity 0.2s, 1s transform 0.2s;
    }
    .ani.up.delay2{
        transition: 1s opacity 0.5s, 1s transform 0.5s;
    }
    .ani.up.delay3{
        transition: 1s opacity 0.8s, 1s transform 0.8s;
    }
    .ani.up.delay4{
        transition: 1s opacity 1.1s, 1s transform 1.1s;
    }

    .sect-tit > h2 > .under{display: inline-block; position: relative; z-index: 2;}
    .sect-tit > h2 > .under::after{content: ""; width: 0%; height: 18px; background-color: #2d38a5; position: absolute; bottom: 4px; left: 0; z-index: -1; transition: 2s ease-in-out;}

    .sect-tit > h2.ani.act > .under::after{width: 100%;}

    .sc01-box.ani{transform: translateY(100px); opacity: 0; transition: 1s;}
    .sc01-box.ani.act{transform: translateY(0); opacity: 1;}

    .sc01-box.ani:nth-child(2){transition: 1s opacity 0.2s, 1s transform 0.2s;}
    .sc01-box.ani:nth-child(3){transition: 1s opacity 0.5s, 1s transform 0.5s;}
    .sc01-box.ani:nth-child(4){transition: 1s opacity 0.8s, 1s transform 0.8s;}

    .sc05-bt > h3.ani.act > span::after{width: 100%;}
    
    .sc12 > .mc-con > h3 > span{display: inline-block; position: relative; z-index: 2; padding: 0 15px;}
    .sc12 > .mc-con > h3 > span::after{content: ""; width: 0%; height: 100%; background-color: #343b81; position: absolute; top: 0; left: 0; z-index: -1; transition: 1.5s ease-in-out; transition-delay: .8s;}
    .sc12 > .mc-con > h3.ani.act > span::after{width: 100%;}


}
@media(max-width:1599px){
    .mc-con{padding: 0 4rem;}

    .sc04-cont > p{font-size: 14px;}
    .sc04-cont > h3{font-size: 28px;}
    .sc04-cont > h5{font-size: 14px;}

    .sc07-box{padding: 0 5px;}
    .sc07-card{padding: 2rem;}
    .sc07-cont{width: 71%;}
    .sc07-cont > h5{font-size: 18px;}
    .sc07-cont > p{font-size: 14px;}
    .sc07-etc{width: 28%; font-size: 14px;}

    .sc16-box{width: 19.5%; padding: 2rem 15px;}
    .sc16-box > h2{font-size: 22px;}
    .sc16-box > h3{font-size: 18px;}
    .sc16-box > p{font-size: 14px;}
    .sc16-cont > p{font-size: 14px;}
}
@media(max-width:1399px){
    .pc-con{display: none;}
    .mo-con{display: block;}
    .mc-con{padding: 0 15px;}
    .main-con{padding: 0 15px;}

    .mo-center{text-align: center;}

    .sect-tit{margin-bottom: 2rem;}
    .sect-tit > h5{font-size: 12px; letter-spacing: 5px;}
    .sect-tit > h3{font-size: 20px; margin-bottom: 10px;}
    .sect-tit > h2{font-size: 28px;}
    .sect-tit > h2 > .under > .under-mo{display: inline-block; position: relative; z-index: 2;}
    .sect-tit > h2 > .under > .under-mo::after{content: ""; width: 0%; height: 18px; background-color: #2d38a5; position: absolute; bottom: 4px; left: 0; z-index: -1; transition: 2s ease-in-out;}

    .sect-tit > h2.ani.act > .under > .under-mo::after{width: 100%;}

    .sc01-cont{flex-direction: column-reverse;}
    .sc01-cont > p{margin-bottom: 0; margin-top: 2rem; font-size: 14px;}
    .sc01-wrap{flex-wrap: wrap; justify-content: space-between;}
    .sc01-box{width: 49%; margin: 0 0 10px; padding: 30px 10px;}
    .sc01-icon img{max-width: 65px;}
    .sc01-box > h5{font-size: 16px;}

    .sc02{padding: 80px 0;}
    .sc02-wrap{flex-direction: column;}
    .sc02-txt{width: 100%; margin-bottom: 3rem;}
    .sc02-img{width: 100%;}
    .sc02-tit{margin-bottom: 2rem;}
    .sc02-tit > h5{font-size: 12px; letter-spacing: 5px;}
    .sc02-tit > h3{font-size: 28px;}
    .sc02-tit > h2{font-size: 20px;}
    .sc02-cont > h3{font-size: 18px;}
    .sc02-cont > ul > li{font-size: 14px;}
    .sc02-cont > ul > li > span{display: none;}
    .sc02-cont.last > ul{padding-left: 15px;}
    .sc02-cont.last > ul > li{list-style: decimal;}

    .sc03-wrap{padding-top: 1rem; flex-direction: column;}
    .sc03-box{width: 100%; margin-bottom: 1.5rem; padding-bottom: 1.5rem;}
    .sc03-box::after{width: 100px; height: 1px; top: auto; left: 50%; bottom: 0; transform: translateX(-50%);}
    .sc03-count > p{display: none;}
    .sc03-count > h5{font-size: 20px; margin-bottom: 5px;}
    .sc03-count > h3{font-size: 38px;}

    .sc04{padding: 80px 0;}

    .sc04Swiper{position: relative; padding-bottom: 35px;}
    .swiper-pagination.sc04btn{bottom: 0;}
    .swiper-pagination.sc04btn .swiper-pagination-bullet-active{background: #4351d4;}

    .sc05{padding: 80px 0;}
    .sc05-bt{padding-top: 2rem;}
    .sc05-cont > p{font-size: 16px; margin-bottom: 2rem;}
    .sc05-bt > h3{font-size: 24px; color: #2a2a2a; margin-bottom: 1rem;}
    .sc05-bt > p{font-size: 14px;}

    .sc05-mq{width: 1640px; display: flex; transform: translate(0,0); animation: marquee 40s infinite linear;}
    .sc05-mq > li{margin: 0 4px;}
    .sc05-mq.mq2{animation: marquee2 40s infinite linear;}

    .sc06{padding: 80px 0;}
    .sc06-wrap{flex-direction: column; border-radius: 10px; overflow: hidden;}
    .sc06-tit{width: 100%; min-width: auto; padding: 10px; border-radius: 8px 8px 0 0;}
    .sc06-tit > h5{font-size: 16px;}
    .sc06-cont{width: 100%; padding: 15px;}
    .sc06-cont > p{font-size: 14px; word-break: keep-all;}

    .sc07{padding: 80px 0;}
    .sc07 .sect-tit{margin-bottom: 2rem;}
    .sc07Swiper{position: relative; padding-bottom: 35px;}
    .swiper-pagination.sc07btn{bottom: 0;}
    .swiper-pagination.sc07btn .swiper-pagination-bullet-active{background: #4351d4;}
    .sc07-card{padding: 2rem 1.5rem; min-height: 245px;}
    .sc07-etc{font-size: 12px;}
    .sc07-face{max-width: 90px; bottom: 0;}

    .sc08{padding: 80px 0;}
    .sc08-wrap{margin-bottom: 2rem;}
    .sc08-cont{border-radius: 10px; padding: 1rem 15px 1rem 2.8rem; margin-bottom: 1rem;}
    .sc08-cont > span{font-size: 24px; top: 17px; left: 10px; transform: translateY(0); line-height: 1;}
    .sc08-cont > h5{font-size: 18px;}
    .sc08-cont > p{font-size: 14px;}
    .sc08-btn > h2{font-size: 28px; margin-bottom: 2rem;}
    .sc08-btn > a{padding: 15px 25px; font-size: 16px; border-radius: 10px;}

    .sc09{padding: 80px 0;}
    .sc09-wrap{padding-top: 1rem; flex-direction: column-reverse;}
    .sc09-box{width: 100%;}
    .sc09-box.rt{margin-bottom: 1.5rem;}
    .sc09-caption{text-align: center;}
    .sc09-caption > p{display: none;}
    .sc09-caption > h3{font-size: 22px;}
    .sc09-caption > h5{font-size: 16px; margin-bottom: 0;}
    .sc09-caption > ul{display: none;}

    .sc10 .sect-tit > h3{font-size: 16px;}
    .sc10{padding: 80px 0;}
    .sc10-wrap{padding-top: 1rem; margin-bottom: 3rem; flex-wrap: wrap; justify-content: center;}
    .sc10-box{width: 33%; padding: 0 1%;}
    .sc10-img::after{font-size: 16px; width: 100%; text-align: center;}
    .pr-bar-wrap{display: none;}
    .sc10-pr-wrap{padding-top: 0; flex-direction: column;}
    .sc10-pr-box{width: 100%; padding: 0; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #dddd;}
    .sc10-pr-box:first-child{padding-top: 1rem; border-top: 1px solid #ddd;}
    .sc10-caption > h5{font-size: 14px; margin-bottom: 10px;}
    .sc10-caption > h3{font-size: 20px; margin-bottom: 10px;}
    .sc10-caption > p{font-size: 14px;}

    .sc11{padding: 80px 0;}
    .sc11-wrap{padding: 1rem 0 0 0;}
    .sc11-wrap{padding-top: 1rem; margin-bottom: 2rem; flex-wrap: wrap; justify-content: center;}
    .sc11-box{width: 31%; margin: 0 1%; padding: 1rem 5px; border-radius: 20px; margin-bottom: 10px; border: 2px solid #4351d4;}
    .sc11-box > h3{font-size: 20px; margin-bottom: 5px;}
    .sc11-box > h5{font-size: 14px;}
    .sc11-pr-tit{margin: 0 0 2rem;}
    .sc11-pr-tit > h3{font-size: 22px;}

    .sc12{height: 100%; padding: 100px 0;}
    .sc12 .sect-tit > h3{font-size: 22px;}
    .sc12 > .mc-con > h2{font-size: 48px; margin-bottom: 3rem;}
    .sc12 > .mc-con > h3{font-size: 28px;}

    .sc12 > .mc-con > h3 > span > span{display: inline-block; position: relative; z-index: 2; padding: 0 15px;}
    .sc12 > .mc-con > h3 > span > span::after{content: ""; width: 0%; height: 100%; background-color: #343b81; position: absolute; top: 0; left: 0; z-index: -1; transition: 1.5s ease-in-out; transition-delay: .8s;}
    .sc12 > .mc-con > h3.ani.act > span > span::after{width: 100%;}

    .sc13{padding: 80px 0;}
    .sc13-img{margin-bottom: 2rem;}
    .sc13-cont > p{font-size: 14px;}

    .sc14{padding: 80px 0;}
    .sc14-cont > p{font-size: 22px;}
    .sc14-wrap{padding-bottom: 0; margin-bottom: 2rem;}
    .sc14-box{width: 100%; margin-bottom: 0; justify-content: flex-start;}
    .sc14-box:nth-child(even){justify-content: flex-end;}
    .sc14-box:nth-child(1) .sc14-img{max-width: 280px;}

    .sc15{padding: 80px 0;}
    .sc15 .sect-tit > h2 > span.fw-light{font-size: 22px;}
    .sc15-img{display: block; padding: 0 15px;}

    .sc16{padding: 80px 0;}
    .sc16 .sect-tit{margin-bottom: 2rem;}
    .sc16-box{width: 100%;}
    .sc16Swiper{position: relative; padding-bottom: 35px; margin-bottom: 2rem;}
    .swiper-pagination.sc16btn{bottom: 0;}
    .swiper-pagination.sc16btn .swiper-pagination-bullet-active{background: #4351d4;}

    .sc17{padding: 80px 0;}

    .sc18{padding: 80px 0;}
    .sc18-wrap{padding-top: 1rem; flex-direction: column;}
    .sc18-box{width: 100%; padding: 0;}
    .sc18-cont{min-width: auto; border-radius: 15px;}
    .sc18-box:first-child{margin-bottom: 1rem; justify-content: center;}
    .sc18-cont > h3{padding: 1rem; font-size: 18px; border-radius: 15px 15px 0 0;}
    .sc18-cont > ul{padding: 1rem 15px; border-radius: 0 0 15px 15px;}
    .sc18-cont > ul > li{font-size: 14px; margin-bottom: 10px; padding-bottom: 10px;}
    .sc18-cont > ul > li > span{margin-right: 5px;}
    .sc18-cont.gmc{min-width: 100%;}
    .blink-border{border-radius: 20px; padding: 3px;}
    .sc18-cont.gmc > h3{font-size: 20px; padding: 1rem;}
    .sc18-cont.gmc > ul{padding: 1.5rem 10px;}
    .sc18-cont.gmc > ul > li{font-size: 14px;}
    .sc18-box:last-child{justify-content: center;}

    .sc19{padding: 80px 0;}
    .sc19-wrap{flex-direction: column;}
    .sc19-caption{width: 100%; margin-bottom: 1.5rem;}
    .sc19-contact{width: 100%;}
    .contact-wrap{min-width: 100%; padding: 1rem 15px;}
    .text.textarea{margin-bottom: 1rem;}
    .submit-wrap{flex-direction: column-reverse;}
    .privacy-box{width: 90%;}
    .privacy-wrap{margin-bottom: 1rem;}
    .sc19 .sect-tit{margin-bottom: 2rem; text-align: center;}
    .sc19 .sect-tit > h3{display: none;}
    .contact-info{text-align: center;}
    .contact-info > h2{font-size: 28px;}
    .contact-info > p{font-size: 16px;}
    .sc19-img-mo{width: 100%; text-align: center; margin-bottom: 2rem;}
    .sc19-img-mo img{max-width: 50%; display: inline-block;}
}

@media(max-width:991px){
    .sc01-icon img{max-width: 50px;}
    .sc01-box{padding: 20px 10px;}
    .sc01 .sect-tit{margin-bottom: 1.5rem;}
    .sc01-cont > p{margin-top: 10px;}
}

/* animation */

.ani.up{
    transform: translateY(100px);
    opacity: 0;
    transition: 1s;
}

.ani.up.act{
    transform: translateY(0);
    opacity: 1;
}

@keyframes blink{
    50% {
      opacity: 0;
    }
}

@keyframes rotate{
    0% {
      transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}