@charset "utf-8";
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


/* layout */
#wrap {
    position: relative;
    width: 100%;
    min-width: 1200px;
    min-height: 100%;
    padding-bottom: 301px;
    box-sizing:border-box;
}

#header {
    border-bottom: 1px solid #e3e3e3;
}

.smallWrap{width:380px; margin:0 auto;}

.outer {
    width: 1280px;
    margin: 0 auto;
}

.content {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.lnb {
    float: left;
    width: 180px;
}

.main {
    margin-left: 240px;
}

.form-group .mykl-select {
    flex-shrink: 0;
    flex-grow: 0;
}

/*.flex-col {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/

/*.flex-space-between {*/
/*    justify-content: space-between;*/
/*}*/

/*.block-child > * {*/
/*    display: block;*/
/*}*/

/* Header Fragment */
/* Skip Navigation */
#skipNavigation {
    position: absolute;
    width: 100%;
}
#skipNavigation a {
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 100;
    width: 100%;
    margin: 0 auto;
}
#skipNavigation a:active,
#skipNavigation a:focus {
    position: absolute;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    background: #f8f7f3;
    line-height: 50px;
    text-align: center;
}

/* Layout - group */
.group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Component - search */
.search-box {
    display: inline-block;
    width: 500px;
    overflow: hidden;
    background-color: #F2F2F2;
    border-radius: 20px;
    position: relative;
    margin-right: 20px;
    vertical-align: middle;
    box-sizing: content-box;
}

.search-box input {
    width: 100%;
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;
}

.search-btn {
    position: absolute;
    right: 11px;
    width: 36px;
    height: 36px;
    top: 50%;
    transform: translateY(-50%);
    background: url(/images/common/h_search_bt.png) 50% 50% no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

/* Component - list */
.list-group .list-item {
    background: #F2F2F2;
    padding: 15px 5px 15px 24px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.list-group .list-item + .list-item {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group .list-item:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.list-item a {
    font-size: 13px;
    font-weight: 500;
    color: #505050;
    -webkit-transition: all 0.3s ease;
}

/* ability-layout */
.main .lnb-content-inner .chart-wrap {
    display: flex;
    justify-content: space-evenly;
    align-items: start;
    min-height: 475px;
    border-radius: 5px;
    margin-top: 40px;
    padding: 40px;
    box-sizing: border-box;
    border: 1px solid #B0B0B0;
    position: relative;
}

.main .lnb-content-inner .chart-wrap .chart-area {
    margin-top: 40px;
}

.custom-select {
    position: absolute;
    top: 40px;
    right: 40px;
    color: #505050;
    font-weight: 500;
    line-height: 18px;
}

.ability-info {
    margin-left: auto;
}

#abilitylist {
    font-size: 0;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 24px;
    position: relative;
}

#abilitylist nav > .tab-title {
    background: #505050;
    color: #fff;
}

#abilitylist nav > .tab-item.active {
    background: #e5edff;
    color: var(--primary);
}

#abilitylist .tab-content .tab-title {
    background: #707070;
}

#abilitylist .tab-content .tab-content .tab-title {
    background: #909090;
}

.mykl-tab > nav > .tab-item.hide {
    display: none;
}

.ability-tab {
    display: none;
}

.ability-tab.show {
    display: block;
}

.accordion-item.hide {
    display: none;
}

.response {
    display: inline-block;
}

.l4 {
    text-align: center;
}

.l4 > * {
    display: inline-block;
    width: 45%;
    min-width: 600px;
}

.lnb h2 {
    margin-bottom: 26px;
    font-size: 20px;
    font-weight: 700;
    color: #101010;
    text-align: left;
}

.list-group dt {
    font-size: 0.925rem;
    font-weight: 600;
    color: #101010;
    padding-left: 13px;
    margin-bottom: 15px;
}

.list-group dl {
    font-size: 0.875rem;
}

/* MyPage */
.naver {
    background-color : #2DB400;
    color : white;
}

.kakao {
    background-color : #FEE500;
    color : black;
}

.google {
    background-color : lightgray;
    color : black;
}

.sns-btn {
    font-size: 1.07rem;
}

.sns-list li {
    margin: 10px 0;
}

.sns-list li:first-child{margin-top: 0;}
.sns-list li a{display:block; border-radius:5px; text-align: center;}
.sns-list li a span{ font-size: 15px; font-weight: 600; padding-left: 30px; position: relative;}
.sns-list li a.naver{background-color: #03C75A;}
.sns-list li a.naver span{color: #fff;}
.sns-list li a.naver span:before{content:""; position: absolute; left:0; top:50%; transform:translate(0, -50%); width: 16px; height: 16px; background:url("/images/common/sns_naver_logo.png") no-repeat;}
.sns-list li a.kakao{background-color: #FEE500;}
.sns-list li a.kakao span{color: #000;}
.sns-list li a.kakao span:before{content:""; position: absolute; left:0; top:50%; transform:translate(0, -50%); width: 20px; height: 19px; background:url("/images/common/sns_kakao_logo.png") no-repeat;}
.sns-list li a.google{background-color: #EEEEEE;}
.sns-list li a.google span{color: #000;}
.sns-list li a.google span:before{content:""; position: absolute; left:0; top:50%; transform:translate(0, -50%); width: 18px; height: 18px; background:url("/images/common/sns_google_logo.png") no-repeat;}


/* default layout */
.mg10 {
    margin: 20px 0;
}
.mg20 {
    margin: 20px 0;
}

.pd20 {
    padding: 20px 0;
}

.bl_inlineBlock {
    display: flex;
    justify-content: space-between;
}

.detail-search {
    display: none;
}

.detail-search.show {
    display: block;
}

.detail-search-wrapper {
    display: inline-block;
    vertical-align: middle;
}

.srch-view-intro .detail-search {
    border:1px solid #DFDFDF;
    border-radius:5px;
    padding:40px 38px;
    box-sizing:border-box;
    margin-top: 20px;
}

/* Scroll Top */
#scrollTop{ position: fixed; right:40px; bottom:20px; background: url("/images/common/top_bt.png") no-repeat; display:none; z-index:5000; width: 60px; height: 60px; overflow: hidden; text-indent: -9999px;}
#scrollTop.bot_fix{position:absolute;}


/* Ability */
/* Home */
.lnb-content-inner {
    border-top: 1px solid #DFDFDF;
    margin-top: 24px;
    padding-top: 40px;
}

.result-container {
    magin: 24px auto;
}
.flex-container {
    display: flex;
    justify-content: space-between;
}

.l2 {
    display: flex;
    flex-wrap: wrap;
}

.l2 > * {
    max-width: 48%;
    flex: 1 0 50%;
}

.l2 > *:nth-child(even) {
    margin-left: 3%;
}
.result-container .chart-container {
    flex: 1;
}

.result-container .chart-container + .content-container {
    max-width: 400px;
    margin-left: 30px;
}

.content-container .mykl-card {
    background: var(--light);
}

.content-container .card-body {
    line-height: 1.25;
    padding: 20px;
}


.ability-intro-wrap1{padding-bottom: 124px;}
.ability-intro-wrap1 dl{position: relative; padding-left: 160px; margin-top: 40px; padding-top: 40px; border-top:1px dashed #DFDFDF;}
.ability-intro-wrap1 dl:first-child{margin-top: 0; padding-top: 0; border-top:0;}
.ability-intro-wrap1 dl dt{position: absolute; left:0; top:40px; font-size: 18px; font-weight: 700; color: #101010;}
.ability-intro-wrap1 dl:first-child dt{top: 0;}
.ability-intro-wrap1 dl dd ul li{position: relative; padding-left: 320px; min-height:120px; margin-top: 66px;}
.ability-intro-wrap1 dl dd ul li:first-child{margin-top: 0;}
.ability-intro-wrap1 dl dd ul li .box{position:absolute; font-size: 18px; font-weight: 700; left:0; top:0; width: 240px; height: 120px; box-sizing:border-box; line-height: 118px; text-align: center; border:1px solid #ccc; border-radius:10px;}
.ability-intro-wrap1 dl dd ul li .box:after{position: absolute; left:50%; content:""; transform:translate(-50%, 0);}
.ability-intro-wrap1 dl dd ul li .box.tp1{border:1px solid #004CFF; color: #004CFF;}
.ability-intro-wrap1 dl dd ul li .box.tp2{border:1px solid #004CFF; background: #004CFF; color: #fff;}
.ability-intro-wrap1 dl dd ul li .box.tp2:after{width: 50px; height: 50px; top:-65px; background: url("/images/ability/intro_arrow1.png") no-repeat;}
.ability-intro-wrap1 dl dd ul li .box.tp3{border:1px solid #707070; background: #707070; color: #fff;}
.ability-intro-wrap1 dl dd ul li .box.tp3:after{width: 50px; height: 36px; top:-51px; background: url("/images/ability/intro_arrow2.png") no-repeat;}
.ability-intro-wrap1 dl dd ul li .box.tp4{border:1px solid #B0B0B0; background: #B0B0B0; color: #fff;}
.ability-intro-wrap1 dl dd ul li .box.tp4:after{width: 50px; height: 36px; top:-51px; background: url("/images/ability/intro_arrow3.png") no-repeat;}
.ability-intro-wrap1 dl dd ul li .box.tp5{border:1px solid #B0B0B0; color: #505050;}
.ability-intro-wrap1 dl dd ul li .box.tp5:after{width: 50px; height: 36px; top:-51px; background: url("/images/ability/intro_arrow4.png") no-repeat;}

.ability-intro-wrap1 dl dd ul li .txt-area .tit{line-height: 32px; font-size: 18px; font-weight: 700; color: #101010;}
.ability-intro-wrap1 dl dd ul li .txt-area .txt{line-height: 20px; margin-top: 6px; font-size: 14px; color: #101010;}

.ability-intro-wrap2 .title{font-size: 18px; font-weight: 600; color: #101010; line-height: 20px; margin-top: 60px;}
.ability-intro-wrap2 .text{font-size: 14px; color: #101010; line-height: 20px;}
.ability-intro-wrap2 .ability-box-wrap{font-size: 0; margin-top: 57px;}
.ability-intro-wrap2 .ability-box-wrap .ability-box{width: 480px; height: 606px; display:inline-block; background-color: #F2F2F2; border-radius:5px; margin-left:80px; vertical-align: top; padding-left: 40px; box-sizing:border-box; padding-top: 43px;}
.ability-intro-wrap2 .ability-box-wrap .ability-box:first-child{margin-left:0;}
.ability-intro-wrap2 .ability-box-wrap .ability-box .unit{margin-top: 62px;}
.ability-intro-wrap2 .ability-box-wrap .ability-box .unit:first-child{margin-top: 0;}
.ability-intro-wrap2 .ability-box-wrap .ability-box .unit .u-tit{font-size: 18px; font-weight: bold; color: #101010;}
.ability-intro-wrap2 .ability-box-wrap .ability-box .unit .u-txt{font-size: 14px; line-height: 20px; color: #101010; margin-top: 10px;}
.ability-intro-wrap2 .ability-box-wrap .ability-box .unit .table{overflow: hidden; border-radius:5px; width: 200px; margin-top: 14px;}
.ability-intro-wrap2 .ability-box-wrap .ability-box .unit .table th{background-color: #505050; height: 40px; padding-left: 20px; vertical-align: middle;}
.ability-intro-wrap2 .ability-box-wrap .ability-box .unit .table th span{color: #fff; font-weight: 600; font-size: 14px;}
.ability-intro-wrap2 .ability-box-wrap .ability-box .unit .table td{background-color: #fff; padding:13px 20px;}
.ability-intro-wrap2 .ability-box-wrap .ability-box .unit .table td .t-tit{font-size: 14px; font-weight: 600; color: #505050;}
.ability-intro-wrap2 .ability-box-wrap .ability-box .unit .table td .t-txt{font-size: 13px; font-weight: 500; color: #505050;}
.ability-intro-wrap2 .btn{text-align: center; margin-top: 60px;}

/* Search */
.cm-form dt{font-weight: 700; font-size: 18px; color: #101010;}
.cm-form dd{font-size: 14px; line-height: 20px;color: #101010; margin-top: 11px;}
.info-srch-intro .table-info-outer{font-size: 0; margin-top: 39px;}
.info-srch-intro .table-info-outer .table{display:inline-block; width: 480px; border-radius:5px; overflow: hidden; vertical-align: top;}
.info-srch-intro .table-info-outer .table table{table-layout:fixed;}
.info-srch-intro .table-info-outer .table table tbody tr:first-child td{border-top:0;}
.info-srch-intro .table-info-outer .table table th{height: 60px; text-align: center; vertical-align: middle; background-color: #F2F2F2;}
.info-srch-intro .table-info-outer .table table th span{ font-size: 14px; font-weight: 500; color: #505050;}
.info-srch-intro .table-info-outer .table table td{height: 60px; vertical-align: middle; border-top:1px solid #F2F2F2; text-align: center;}
.info-srch-intro .table-info-outer .table table td span{ font-size: 14px; color: #101010;}
.info-srch-intro .table-info-outer .info{display:inline-block; vertical-align: top; margin-left: 40px;;}
.info-srch-intro .table-info-outer .info p{font-size: 12px; color: #505050; margin-top: 11px;}
.info-srch-intro .table-info-outer .info p:first-child{margin-top: 0;}
.info-srch-intro .noti{font-size: 14px; color: #909090; margin-top: 40px;}
.info-srch-intro .btn{margin-top: 40px;}
.info-srch-intro .btn a{width: 180px;}

.info-srch-intro .donut-chart-wrap{width:680px; height: 320px; border: 1px solid #B0B0B0; border-radius: 5px; box-sizing:border-box; padding:40px 40px; font-size: 0;}
.info-srch-intro .donut-chart-wrap .chart-area{width: 240px; height: 240px; position: relative; display:inline-block; vertical-align: top;}
.info-srch-intro .donut-chart-wrap .chart-area .chart{margin:0 auto;}
.info-srch-intro .donut-chart-wrap .chart-area .center .tit{font-weight: 500; font-size: 14px; color: #101010;}
.info-srch-intro .donut-chart-wrap .chart-area .center .num{font-weight: 700; font-size: 18px; color: #101010; margin-top: 2px;}
.info-srch-intro .donut-chart-wrap .chart-area .legend span{display:block; line-height: 18px;}
.info-srch-intro .donut-chart-wrap .chart-area .legend-1 span.l-tit{color: #004CFF; font-weight: 500; font-size: 12px;}
.info-srch-intro .donut-chart-wrap .chart-area .legend-1 span.l-num{color: #004CFF; font-weight: 600; font-size: 14px;}
.info-srch-intro .donut-chart-wrap .chart-area .legend-2 span.l-tit{color: #707070; font-weight: 500; font-size: 12px;}
.info-srch-intro .donut-chart-wrap .chart-area .legend-2 span.l-num{color: #707070; font-weight: 600; font-size: 14px;}
.info-srch-intro .donut-chart-wrap .chart-area .legend-1{position: absolute; left:0; bottom:0; text-align: left;}
.info-srch-intro .donut-chart-wrap .chart-area .legend-2{position: absolute; right:0; bottom:0; text-align: right;}
.info-srch-intro .donut-chart-wrap .profile-info-state{ display:inline-block; vertical-align: top; margin-left: 80px; width: 278px;}
.info-srch-intro .donut-chart-wrap .profile-info-state dt{font-size: 15px; font-weight: 600; color: #101010;}
.info-srch-intro .donut-chart-wrap .profile-info-state dd{margin-top: 29px;}
.info-srch-intro .donut-chart-wrap .profile-info-state dd ul li{list-style:none; display:inline-block; vertical-align: top; margin-top: 30px;}
.info-srch-intro .donut-chart-wrap .profile-info-state dd ul li:nth-child(1),
.info-srch-intro .donut-chart-wrap .profile-info-state dd ul li:nth-child(2){margin-top: 0;}
.info-srch-intro .donut-chart-wrap .profile-info-state dd ul li:nth-child(odd){width:140px;}

.info-srch-intro .donut-chart-wrap .profile-info-state dd .noti{font-size: 12px; color: #004CFF; margin-top: 25px; display:none;}
.info-srch-intro .donut-chart-wrap .profile-info-state dd .noti.active{display:block;}

.info-srch-intro .whole-info-wrap{border-top:1px solid #DFDFDF; margin-top: 80px; padding-top: 40px;}
.info-srch-intro .whole-info-wrap .whole-info-area{font-size: 0;}
.info-srch-intro .whole-info-wrap .whole-info-area dl{display:inline-block; vertical-align: top;}
.info-srch-intro .whole-info-wrap .whole-info-area dl dt{font-weight: bold; color: #101010; font-size: 18px;}
.info-srch-intro .whole-info-wrap .whole-info-area dl.profile > dd{margin-top: 18px;}
.info-srch-intro .whole-info-wrap .whole-info-area dl.quick{margin-left: 80px;}
.info-srch-intro .whole-info-wrap .whole-info-area dl.quick > dd{margin-top:40px;}

.info-srch-intro .whole-info-wrap .whole-info-area dl.quick dd .quick-list li{margin-top: 20px;}
.info-srch-intro .whole-info-wrap .whole-info-area dl.quick dd .quick-list li:first-child{margin-top: 0;}
.info-srch-intro .whole-info-wrap .whole-info-area dl.quick dd .quick-list li a{display:block; width: 240px; height: 60px; box-sizing:border-box; line-height: 58px; position: relative; border-radius:30px; border:1px solid #004CFF; text-align: center; font-size: 18px; color: #004CFF; font-weight: 600;}


.base-noti {
    line-height: 1.5;
}

.base-noti, .search-result {
    display: none;
}

.detail-result-group, .result-group {
    display: none;
}

.base-noti.show, .search-result.show, .detail-result-group.show, .result-group.show {
    display: block;
}

.detail-search {
    display: none;
}

.detail-search.show {
    display: block;
}

.detail-options {
    visibility: hidden;
}

.detail-options.show {
    visibility: visible;
    height: auto;
}

.faculty-group {
    width: 214px;
    flex: 0 0 214PX;
    max-height: 400px;
}

.faculty-group.show {
    margin-right: 20px;
}

.faculty-group + div {
    width: 100%;
}

.faculty-group .list-item label {
    word-break: break-word;
}

#faculty-list {
    height: 360px;
    overflow-y: scroll;
}

/* Match */
.cm-text{font-size: 14px; line-height: 20px; color: #101010;}
.check-complete{margin-top: 30px;}
.check-complete:after{display:block; clear:both; content:"";}
.check-complete .left{width: 240px; display:inline-block; vertical-align: top}
.check-complete .left dt{font-weight: 700; font-size: 18px; color: #101010; line-height: 24px;}
.check-complete .left dd{margin-top: 40px;}
.check-complete .left dd ul li{margin-top: 80px;}
.check-complete .left dd ul li:first-child{margin-top: 0;}
.check-complete .left dd ul li .rect{height: 80px; position: relative; border-radius:5px; background-color: #F2F2F2; padding-left:40px; font-size: 18px; color: #101010; font-weight: 600;}
.check-complete .left dd ul li a{text-decoration: underline; font-size: 12px; font-weight: 500; color: #004CFF; margin-top: 10px; display:inline-block;}

.check-complete .right{width: 240px; display:inline-block; vertical-align: top}
.check-complete .right dt{font-weight: 700; font-size: 18px; color: #101010; line-height: 24px; padding-top: 13px;}
.check-complete .right dd{margin-top: 62px;}
.check-complete .right dd ul li{margin-top: 78px;}
.check-complete .right dd ul li:first-child{margin-top: 0;}
.check-complete .right dd ul li .rect{height: 60px; box-sizing:border-box; line-height: 58px; position: relative; border-radius:30px; border:1px solid #004CFF; text-align: center; font-size: 18px; color: #004CFF; font-weight: 600;}

.side-container {
    display: flex;
}

.side-container-side {
    flex: 1 0 180px;
    margin-right: 50px;
}

.side-container-content {
    flex: 1 1 100%;
}

/* Footer */
#footer {
    position: absolute;
    left:0;
    bottom:0;
    z-index: 20;
    background-color: #fff;
    border-top:1px solid #DFDFDF;
    width: 100%;
}
#footer .inner {
    width: 1280px;
    margin: 0 auto;
    height: 300px;
    padding-top: 60px;
    box-sizing:border-box;
}
#footer .top-area {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
#footer .top-area .address-box {
    float: left;
}
#footer .top-area .address-box .logo {
    display: inline-block;
    background-image: url("/images/common/f_logo.png");
    width: 100px;
    height: 18px;
    vertical-align: top;
}
#footer .top-area .address-box .address{
    margin-top: 31px;
}
#footer .top-area .address-box .address ul{
    font-size: 0;
    margin-top: 9px;
}
#footer .top-area .address-box .address ul:first-child{
    margin-top: 0;
}
#footer .top-area .address-box .address ul li{
    display:inline-block;
    font-size: 12px;
    color: #505050;
    margin-left: 19px;
}
#footer .top-area .address-box .address ul li:first-child{
    margin-left: 0;
}
#footer .top-area .address-box .address ul li span{
    font-weight: 600;
    margin-right: 6px;
}
#footer .top-area .address-box .address ul li a{
    color: #B0B0B0;
    text-decoration: underline;
    margin-left: 3px;
}
#footer .top-area .link-area {
    float: right;
}
#footer .top-area .link-area .link-box {
    text-align: right;
    font-size: 0;
}
#footer .top-area .link-area .link-box a {
    position: relative;
    display: inline-block;
    margin-left: 40px;
    font-size: 14px;
    line-height: 26px;
    font-weight:500;
    color: #101010;
    vertical-align: top;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;
}
#footer .top-area .link-area .link-box a:hover{color: #004CFF;}

#footer .top-area .link-area .link-box a:first-child {
    margin-left: 0;
}
#footer .top-area .link-area .link-box a:first-child:before {
    display: none;
}
#footer .top-area .link-area .link-box a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    background-color: #101010;
}
#footer .mid-area {
    margin-top: 25px;
}
#footer .mid-area .copyright {
    display: inline-block;
    vertical-align: top;
}
#footer .mid-area .copyright p{
    font-size: 13px;
    color: #B0B0B0;
}

/* ------------------- 더 좋은 ------------------ */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.en {
    text-transform: uppercase;
}
.hidden {
    position: absolute;
    left: -9999%;
    top: -9999%;
    font-size: 0.1%;
    width: 0.1%;
    height: 0.1%;
    line-height: 0.1%;
    overflow: hidden;
}

/* layout */
/* bxslider */
.slide .txt {
    width: 1280px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 23%;
    transform: translateX(-63%);
    color: #fff;
    /*padding-left: 30px;*/
}
.slide .bx-controls {
    width: 1280px;
    position: absolute;
    left: 50%;
    bottom: 20%;
    transform: translateX(-50%);
    height: 50px;
    color: #fff;
    padding-left: 30px;
}
.slide .txt p {
    margin: 0;
}
.slide .txt p:first-child {
    font-size: 20px;
    margin-bottom: 10px;
    letter-spacing: -1px;
}
.slide .txt p:nth-child(2) {
    font-size: 52px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -1.5px;
}
.slide .txt span {
    color: #FFF34B;
    font-weight: 900;
}
.slide .box {
    position: relative;
}
.slide .s_img {
    height: 552px;
    position: relative;
    left: -200px;
    /*left: 50%;*/
    /*top: 50%;*/
    /*transform: translateX(-50%);*/
    max-width: none;
    /*object-fit: cover;*/
}


.con1 {
    border-bottom: 1px solid #DFDFDF;
}
.con1 h2 {
    margin-top: 95px;
    font-size: 30px;
    text-align: center;
    color: var(--dark);
    font-weight: 600;
}
.con1 div {
    float: left;
    width: 334px;
    text-align: center;
    margin-right: 139px;
    font-size: 18px;
    margin-top: 75px;
    line-height : 20px;
    letter-spacing : -1px;
    padding-bottom: 78px;
}
.con1 :last-child {
    margin-right: 0;
}
.con1 div p {
    margin-top: 30px;
}
.en {
    font-size: 14px;
    color:#B9B9B9;
    text-align: center;
    margin: 0;
    line-height: 1.2;
    font-weight: 600;
}
.en span {
    font-size: 40px;
}

.wrap {
    width: 1280px;
    margin: 0 auto;
}

.wrap .center {
    text-align: center;
    font-size: 18px;
    margin: 15px 0 17px 0;
    color: #B9B9B9;
    font-weight: bold;
}

.jscontent h3 {
    font-size: 1.17em;
    font-weight: bold;
}

.jscontent div > a {
    float: right;
    margin-bottom: 27px;
}

.jscontent ul {
    clear: both;
    display: flex;
}

.jscontent ul li {
    border: none;
    padding: 0;
    flex: 1;
    word-break: break-word;
}

.jscontent .item + .item {
    margin-left: 24px;
}

.curri {
    padding-bottom: 125px;
    background-image: url(/images/main/background/bg_1.png);
    background-position: 50% 3%;
    margin: 81px -200px 0;
}
.curri .en span {
    color: #FCBA16;
}
.curri .wrap > div{
    float: left;
    margin-right: 24px;
}
.curri img {
    border-radius: 5px 5px 0 0;
    width: 100%;
}
.curri a p:nth-child(2) {
    margin: 0;
    color: #FCBA16;
    font-size: 12px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 3px;
}
.curri h3 {
    height: 3em;
    line-height: 1.5em;
    overflow: hidden;
    margin-bottom: 12px;
}
.curri div p {
    margin: 0;
    color: #707070;
}

.curri div a p:nth-child(4) {
    font-weight: bold;
    margin-bottom: 3px;
}

.curri > div {
    clear: both;
}

.curri div>a span {
    color: #FCBA16;
}


.depart {
    background-color: #f5f5f5;
    padding-top: 68px;
    height: 690px;
}
.depart .en span {
    color: #7676FF;
}

.depart div>a span {
    color: #7676FF;
}

.depart .wrap li {
    float: left;
    margin-right: 24px;
    background-color: white;
    width: 302px;
    height: 362px;
    border-radius: 5px;
}

.depart img {
    border-radius: 5px 5px 0 0;
    width: 100%;
}
.depart .item h3 {
    padding-top: 20px;
    margin-left: 15px;
}
.depart .item p {
    margin-top: 5px;
    color: #707070;
    margin-left: 15px;
    font-size: 12px;
}
.depart .item p:first-of-type {
    font-weight: 600;
    font-size: 14px;
}
.con2 {
    background-color: #FFE372;
    padding-top: 107px;
    height: 627px;
}
.con2 img {
    margin-bottom: 70px;
}
.con2 .wrap>div {
    float: left;
    background: white;
    width: 407px;
    height: 413px;
    margin-right: 19px;
    border-radius:47px;
    text-align: center;
    padding-top: 75px;
}
.con2 :nth-child(2) {
    font-size: 25px;
    font-weight: 600;
    margin: 0;
}
.con2 :nth-child(3) {
    font-size: 29px;
    font-weight: 600;
    margin-top: 0;
}
.con2 span {
    font-size: 53px;
    color: #915EFD;
}
.certi, .job {
    padding-top: 68px;
    padding-bottom: 79px;
}
.certi {
    position: relative;
    height: 712px;
}
.certi .en span {
    color: #101010;
}
.certi .center {
    margin-bottom: 44px;
}
.slider2 {
    position: relative;
    padding-bottom: 79px;
}
.slider2 img {
    border-radius: 5px 5px 0 0;
    width: 100%;
}
.slider2 .certi-box {
    float: left;
    width: 177px;
    height: 245px;
    border: 1px solid #C9C9C9;
    border-radius: 5px;
    text-align: center;
    margin-right: 83px;
    margin-top: 39px;
}
.slider2 .certi-box p:nth-of-type(1) {
    font-size: 10px;
    font-weight: 600;
    color: #707070;
    margin-bottom: 15px;
}
.slider2 .certi-box p:nth-of-type(2) {
    font-size: 9px;
    color: #004CFF;
    margin-bottom: 9px;
}
.slider2 .big{
    float: left;
    width: 235px;
    height: 323px;
    text-align: center;
    border: 1px solid #C9C9C9;
    border-radius: 5px;
    margin-right: 83px;
}
.slider2 .big p:nth-of-type(1) {
    font-weight: 600;
    color: #707070;
    margin-bottom: 15px;
}
.slider2 .big p:nth-of-type(2) {
    font-size: 12px;
    color: #004CFF;
    margin-bottom: 30px;
}
.slider2 .certi-box:last-of-type {
    margin-right: 0;
}
.slider2 h3 {
    font-size: 18px;
    margin-top: 18px;
}
.slider2 div p{
    margin: 0;
}
.certi>a:last-child {
    font-size: 18px;
    font-weight: 600;
    width: 139px;
    color: #004CFF;
    height: 44px;
    border: #004CFF 1px solid;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    left: 50%;
    padding-top: 11px;
    transform: translateX(-50%);
    bottom: 77px;
}
.certi>a:last-child:hover {
    height: 44px;
    width: 139px;
    background-color: #004CFF;
    color: white;
}
.job {
    background-color: #f5f5f5;
    height: 692px;
}
.job span {
    color: #63D4C4;
}

.job div>a span {
    color: #63D4C4;
}

.lt {
    float: left;
    margin-right: 36px;
    background-color: white;
    width: 373px;
    height: 100%;
    border: 1px solid #C9C9C9;
}
.lt a>p {
    font-size: 134px;
    float: left;
    margin: 0 33px 0 20px;
    line-height: 1;
    color: #C9C9C9;
}

.lt img {
    width: 100%;
}
.lt .best {
    margin: 19px 0 19px 0;
    float: left;
    width: 239px;
}
.lt .best h3{
    font-size: 18px;
}
.lt .best p{
    margin: 0 0 17px 0;
}
.lt .money1 {
    font-size: 17px;
    color: #63D4C4;
    width: 153px;
    height: 29px;
    border: 1px solid #63D4C4;
    border-radius: 10px;
    text-align: center;
    line-height: 28px;
}
ul.rt {
    display: block;
}
.rt>li {
    margin-bottom: 27px;
    width: 461px;
    height: 107.5px;
    background-color: white;
    border: 1px solid #C9C9C9;
}
.rt li img {
    float: left;
    margin-right: 10px;
    height: 100%;
}
.rt li div {
    float: left;
    padding: 15px 0 15px 20px;
}
.rt p {
    margin: 0 0 8px 0;
    font-weight: 600;
    color: #707070;
}
.rt .money2 {
    font-size: 13px;
    color: #63D4C4;
    width: 134px;
    height: 27px;
    border: 1px solid #63D4C4;
    border-radius: 10px;
    text-align: center;
    line-height: 25px;
}
.expert {
    margin-top: 94px;
    margin-bottom: 112px;
}
.expert .ctex {
    margin-bottom: 60px;
    text-align: center;
    font-size: 18px;
    color: #B9B9B9;
    font-weight: bold;
}
.expert .bx-controls {
    padding-left: 0;
}
.expert .bx-controls-direction {
    position: absolute;
    left: 50%;
    bottom: 180px;
    transform: translateX(-50%);
    width: 100%;
}
.slider3>div {
    float: left;
    width: 236px;
    height: 400px;
}
.slider3>div:nth-child(even) {
    padding-top: 86px;
}
.slider3>div>a {
    border: 1px solid #C9C9C9;
    height: 312px;
    border-radius: 5px;
    text-align: center;
    display: block;
}
.slider3>div>a>img {
    border-radius: 5px 5px 0 0;
    width: 100%;
}
.slider3 h3 {
    height: 2em;
    line-height: 1em;
    overflow: hidden;
    margin-bottom: 12px;
    margin-top: 18px;
}
.slider3 p {
    color: #707070;
    margin-bottom: 0;
    margin-top: 0;
}
.slider3 p:last-child {
    font-size: 16px;
    font-weight: 600;
}
.expert .en span {
    color: #101010;
}
.con3 {
    background-color: #FBFBFB;
    height: 642px;
    /*border-bottom: 1px solid #DFDFDF;*/
}
.con3 h2 {
    font-size: 40px;
    color: #FF5A96;
    text-align: center;
    padding-top: 131px;
}
.con3 .cent {
    font-size: 18px;
    text-align: center;
    margin-bottom: 96px;
}
.con3 .box {
    float: left;
    width: calc(100%/3)
}
.con3 h3 {
    font-size: 25px;
}
.con3 .box>div {
    float: left;
    font-size: 18px;
    padding-left: 38px;
}
.con3 p {
    margin-top:17px;
    margin-bottom: 5px;
}
.con3 .box>img {
    float: right;
    padding-right: 20px;
    border-right: 1px solid #C5C5C5;
}
.con3 .box:last-child > img {
    border: none;
}
.con3 .box a {
    color: #7676FF;
    font-size: 14px;
}
.con3 .box a:hover {
    font-weight: bold;
}