@charset "utf-8";

/* **** Common Reset **** */
*{margin:0;padding:0;list-style:none;font-size:14px;font-weight:400;font-family: "S-CoreDream", sans-serif;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
li,p,span,strong,a{font-size:inherit;color:inherit;font-family:inherit;}
body, html{width:100%; height: 100%;
    overflow-y: scroll; scrollbar-width: none;}
body::-webkit-scrollbar {
    display: none;
}
body{overflow-x:hidden;}
body.hide{overflow:hidden;}
input,select,img{vertical-align:middle;}
img{border:0;max-width:100%;max-height:100%;}
#hero-img{width: 565px !important; height: 370px !important;;}
table{border-collapse:collapse;width:100%;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
button,input,optgroup,select,textarea{margin:0;padding:0;border:1px solid;box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:middle}
button,input,select{display:inline-block}
button,input{overflow:visible}
input[type=search],input[type=text]{-webkit-border-radius:0;-webkit-appearance:none}
input[type=search]{outline-offset:-2px;-webkit-appearance:none}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=file]{border:none}
input[type=file]::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;-moz-appearance:button;border:1px solid #bbb;background:#e0e0e0;box-shadow:none}
input[type=checkbox],input[type=radio]{padding:0;border:none}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{overflow:visible;border-color:transparent;background-color:transparent;cursor:pointer}
textarea{display:block;overflow:auto;resize:vertical}
input[disabled]{background-color:#ebebeb}
select:disabled{background-color:#ebebeb}
select{border:0;position:relative;background: url(../images/common/select.png) no-repeat right 10px center;padding: 0 30px 0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-appearance: none;appearance: none;}
select::-ms-expand { display: none;}

[hidden]{display:none!important}

.clear{clear:both;}
.clearfix::after{content:"";display:block;clear:both;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
a{display:inline-block;text-decoration:none;}

.skip-nav a {position:absolute; left:-3000%;}
.skip-nav a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#ee2a32; color:#fff; text-align:center;}

.mt0{margin-top: 0px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}

.txl{text-align:left !important;}
.txc{text-align:center !important;}
.txr{text-align: right !important;}


.intro-wrap{background: url(../images/intro_bg.png) no-repeat center top/cover;padding-top: 42px;display: flex;flex-direction: column;}
.intro-logo{text-align: center;margin-bottom: 24px;}
.intro-txt{text-align: center;font-size: 19px;font-weight: 500;color: #535354;padding: 0 20px;}
.intro-cont{position: relative;max-width: 1097px;margin: 166px auto 144px;padding: 0 20px;transition: 0.5s linear;}
.intro-cont::after{content:"";position:absolute;right: -310px;bottom: -142px;width: 287px;height: 326px;background:url(../images/3.png) no-repeat;}

.intro-cont.show-lf{max-width: 1546px;margin: 50px auto 45px;padding: 0 20px;display: flex;justify-content: space-between;height: 100%;}
.intro-cont.show-lf .intro-cont-lf{display:block;max-width: 566px;width: 100%;height: auto;margin-right: 7%;}
.intro-cont .intro-cont-lf{width: 0;height: 0;overflow: hidden;transition: 0.5s linear;}
.intro-cont .intro-cont-lf > .img{box-shadow: 6px 6px 24px rgba(0, 0, 0, 0.08);border-radius: 15px;overflow: hidden;margin-bottom: 23px;}
.intro-cont .intro-cont-lf .intro-box{position: relative;padding: 0 5%;}
.intro-cont .intro-cont-lf .intro-box .intro-swiper{max-width: 426px;margin: 0 auto;}
.intro-cont .intro-cont-lf .intro-box .intro-swiper .swiper-slide{}
.intro-cont .intro-cont-lf .intro-box .swiper-button-prev,
.intro-cont .intro-cont-lf .intro-box .swiper-button-next{width: 40px;height: 40px;}
.intro-cont .intro-cont-lf .intro-box .swiper-button-prev.swiper-button-disabled,
.intro-cont .intro-cont-lf .intro-box .swiper-button-next.swiper-button-disabled{opacity: 0.6;}
.intro-cont .intro-cont-lf .intro-box .swiper-button-prev::after,
.intro-cont .intro-cont-lf .intro-box .swiper-button-next::after{display:none;}
.intro-cont .intro-cont-lf .intro-box .swiper-button-prev{}
.intro-cont .intro-cont-lf .intro-box .swiper-button-next{}
.intro-cont .intro-cont-lf .intro-box .swiper-pagination{top: auto;bottom: -30px;}
.intro-cont .intro-cont-lf .intro-box .swiper-pagination span{width: 12px;height: 12px;background: transparent;border: 3px solid #75797f;margin: 0 3px;opacity: 1;}
.intro-cont .intro-cont-lf .intro-box .swiper-pagination span.swiper-pagination-bullet-active{background: #75797f;}

.intro-cont.show-lf::after,
.intro-cont.show-lf .intro-cont-rt::before,
.intro-cont.show-lf .intro-cont-rt::after{display:none;}
.intro-cont.show-lf .intro-cont-rt > ul > li{width: calc(100% / 3 - 26px);}
/*
.intro-cont.show-lf .intro-cont-rt > ul::after{content: "";position: absolute;right: 0;bottom: 0;width: calc(100% / 3 - 20px);height: 199px;background: url(../images/4.png) no-repeat center;}
*/

.intro-cont .intro-cont-rt{position: relative;transition: 0.5s linear;}
.intro-cont .intro-cont-rt::before{content:"";position:absolute;left: -70px;top: -125px;width:93px;height:194px;background:url(../images/1.png) no-repeat;}
.intro-cont .intro-cont-rt::after{content:"";position:absolute;right: -100px;top: -130px;width: 190px;height: 173px;background:url(../images/2.png) no-repeat;}

.intro-cont .intro-cont-rt > ul{position: relative;display: flex;flex-wrap: wrap;margin-left: -16px;margin-top: -20px;}
.intro-cont .intro-cont-rt > ul > li{position: relative;width: calc(100% / 4 - 20px);margin-left: 20px;margin-top: 19px;height: 196px;}
.intro-cont .intro-cont-rt > ul > li > a{position: relative;display: block;background: #fff;border: 3px solid transparent;height: 100%;padding: 21px 10px 50px;text-align: center;box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.04);border-radius: 15px;overflow: hidden;transition: border 0.3s linear;}
.intro-cont .intro-cont-rt > ul > li > a:hover{border-color: #dcdfff;}
.intro-cont .intro-cont-rt > ul > li > a .tit{font-size: 22px;font-weight: 600;color: #000000;line-height: 1.1;word-break: keep-all;display: flex;justify-content: center;align-items: center;min-height: 40px;}
.intro-cont .intro-cont-rt > ul > li > a .txt{font-size: 16px;font-weight: 500;color: #535353;word-break: keep-all;height: 90px;display: flex;align-items: center;justify-content: center;}
.intro-cont .intro-cont-rt > ul > li .tips{position: absolute;bottom: 18px;left: 50%;transform: translateX(-50%);text-align: center;font-size: 0;display: flex;max-width: 100%;overflow: hidden;}
.intro-cont .intro-cont-rt > ul > li .tips span{    width: 43px;height: 21px;line-height: 21px;text-align: center;background: #eef3ff;border-radius: 5px;font-size: 14px;font-weight: 600;color: #1c316e;margin: 0 2px;}
.intro-cont .intro-cont-rt > ul > li .tips span a{font-family: 'Pretendard', sans-serif; font-weight: 600;}
.intro-cont .intro-cont-rt > ul > li .tips span:hover {  background-color: #d0e1f9; transition: all 0.2s ease;}
.intro-footer{width: 100%;font-size: 16px;color: #9fa2a9;font-weight: 300;text-align: center; padding: 16px 20px;background: #fff;border-top: 1px solid #edf5fe;}
.swiper-wrapper img{width:225px !important; height: 225px !important;}




@media screen and (max-width: 1280px){
    .intro-cont{padding: 0 20px;margin: 50px auto;height: 100%;}
    .intro-cont.show-lf .intro-cont-lf{margin-right:20px;max-width: none;width: 50%;}
    .intro-cont .intro-cont-rt > ul > li > a .tit,
    .intro-cont .intro-cont-rt > ul > li > a .txt{}
    .intro-cont .intro-cont-rt > ul > li > a br{display:none;}
}
@media screen and (max-width: 1024px){
    .intro-cont .intro-cont-lf > .img img{width:100%;}
    .intro-cont .intro-cont-lf .intro-box{margin-bottom: 60px;}


    .intro-cont.show-lf{display:block;}
    .intro-cont.show-lf .intro-cont-lf{width:auto;margin-right: 0;margin-bottom: 30px;}

    .intro-cont .intro-cont-rt::before,
    .intro-cont .intro-cont-rt::after,
    .intro-cont::after{display:none;}
    .intro-cont .intro-cont-rt > ul > li > a .tit,
    .intro-cont .intro-cont-rt > ul > li > a .txt{word-break:break-all;}
}
@media screen and (max-width: 767px){
    .intro-cont .intro-cont-rt > ul > li,
    .intro-cont.show-lf .intro-cont-rt > ul > li{width: calc(100% / 2 - 20px);height: auto;}
    .intro-cont.show-lf .intro-cont-rt > ul::after{display:none;}
}
@media screen and (max-width: 480px){
    .intro-cont .intro-cont-rt > ul > li{height:auto;}
    .intro-cont .intro-cont-rt > ul > li > a .tit,
    .intro-cont .intro-cont-rt > ul > li > a .txt{min-height: auto;height: auto;margin-bottom: 10px;}
}