/* 서브페이지 */
@media (min-width: 1400px) {

}
@media (max-width: 1399px) and (min-width: 768px){

}
@media (max-width: 767px){

}


/* 오시는 길 */
.directions .d_address{width: 100%;position: relative;}
.directions .d_address .address_map{background: #bdbdbd;}
.directions .d_address .address_box{background-image: linear-gradient(112deg, #ffb03f, #ff8a00);position: absolute;right: 0;box-sizing: border-box;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.16);}
.directions .d_address .address_box::before{content: "";background: url("/res/home/theme1/img/sub/bg_address.svg")no-repeat;background-size: cover;position: absolute;top:0;left: 0;}
.directions .d_address .address_box .address_box_title{font-family: 'spoqa-medium';letter-spacing: 0;color: #fff;}
.directions .d_address .address_box .address_box_content{letter-spacing: 0;color: #fff;position: relative;}
.directions .d_address .address_box .address_box_content::before{content: "";background: url("/res/home/theme1/img/sub/icon_map.svg")no-repeat;background-size: cover;position: absolute;}

.sub_title{font-family: 'spoqa-bold';letter-spacing: 0;color: #004c97;}
.directions .d_traffic .d_traffic_list .d_traffic_item{box-sizing: border-box;border: 1px solid #e0e0e0;position: relative;}
.directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_title{font-family: 'spoqa-medium';letter-spacing: 0;}
.directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_content{width: 100%;box-sizing: border-box;}
.directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_content .d_traffic_name{font-family: 'spoqa-medium';letter-spacing: 0;margin-bottom: 8px;}
.directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_content .d_traffic_guide{letter-spacing: 0;color: #424242;}
.directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_icon{position: absolute;}
.directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_subway{background: url("/res/home/theme1/img/sub/icon_subway.svg")no-repeat;background-size: cover;}
.directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_bus{background: url("/res/home/theme1/img/sub/icon_bus.svg")no-repeat;background-size: cover;}
@media (min-width: 1400px) {
    .directions .d_address{ margin-bottom: 96px; }
    .directions .d_address .address_map{width: 930px;height: 400px;}
    .directions .d_address .address_box{width: 400px;min-height: 160px;bottom: -40px;padding: 40px;}
    .directions .d_address .address_box::before{content: "";min-width: 400px;height: 100%;}
    .directions .d_address .address_box .address_box_title{font-size: 20px;line-height: 29px;margin-bottom: 24px;}
    .directions .d_address .address_box .address_box_content{font-size: 16px;line-height: 27px;padding-left: 28px;}
    .directions .d_address .address_box .address_box_content::before{width: 20px;height: 20px; top: 2px;left: 0;}

    .sub_title{font-size: 24px;line-height: 32px;}
    .directions .d_traffic .d_traffic_list{margin-top: 32px; display: flex;justify-content: space-between;}
    .directions .d_traffic .d_traffic_list .d_traffic_item{width: 483px;min-height: 245px;padding: 32px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_title{font-size: 18px;line-height: 25px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_content{margin-top: 24px;padding-right: 72px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_content .d_traffic_name{font-size: 16px;line-height: 27px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_content .d_traffic_guide{font-size: 16px;line-height: 27px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_icon{width: 72px;height: 72px;bottom: 32px;right: 32px;}
}
@media (max-width: 1399px) and (min-width: 768px){
    .directions .d_address{ margin-bottom: 80px; }
    .directions .d_address .address_map{width: 100%;height: 400px;}
    .directions .d_address .address_box{width: 352px;min-height: 130px;bottom: -40px;padding: 32px;}
    .directions .d_address .address_box::before{content: "";min-width: 352px;height: 100%;}
    .directions .d_address .address_box .address_box_title{font-size: 18px;line-height: 25px;margin-bottom: 16px;}
    .directions .d_address .address_box .address_box_content{font-size: 14px;line-height: 24px;padding-left: 24px;}
    .directions .d_address .address_box .address_box_content::before{width: 16px;height: 16px; top: 2px;left: 0;}

    .sub_title{font-size: 20px;line-height: 26px;}
    .directions .d_traffic .d_traffic_list{margin-top: 24px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item{width: 100%; padding: 24px; margin-top: 8px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item:first-child{ margin-top: 0;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_title{font-size: 16px;line-height: 27px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_content{margin-top: 16px;padding-right: 56px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_content .d_traffic_name{font-size: 14px;line-height: 24px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_content .d_traffic_guide{font-size: 14px;line-height: 24px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_icon{width: 56px;height: 56px;bottom: 24px;right: 24px;}
}
@media (max-width: 767px){
    .directions .d_address{ margin-bottom: 40px; }
    .directions .d_address .address_map{width: 100%;height: 300px;}
    .directions .d_address .address_box{width: 100%;min-height: 120px;position: relative; top: 0; left: 0; padding: 24px;}
    .directions .d_address .address_box::before{content: "";min-width: 100%;height: 100%; }
    .directions .d_address .address_box .address_box_title{font-size: 18px;line-height: 25px;margin-bottom: 16px;}
    .directions .d_address .address_box .address_box_content{font-size: 14px;line-height: 24px;padding-left: 24px;}
    .directions .d_address .address_box .address_box_content::before{width: 16px;height: 16px; top: 2px; left: 0;}

    .sub_title{font-size: 18px;line-height: 22px;}
    .directions .d_traffic .d_traffic_list{margin-top: 24px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item{width: 100%; padding: 24px; margin-top: 8px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item:first-child{ margin-top: 0;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_title{font-size: 16px;line-height: 27px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_content{margin-top: 16px;padding-right: 56px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_content .d_traffic_name{font-size: 14px;line-height: 24px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_content .d_traffic_guide{font-size: 14px;line-height: 24px;}
    .directions .d_traffic .d_traffic_list .d_traffic_item .d_traffic_icon{width: 56px;height: 56px;bottom: 24px;right: 24px;}
}



/* 스마트캠퍼스 소개 */
.campus_banner{position: relative;display: inline-block;width: 100%;}
.campus_banner .campus_banner_img{z-index: 1;background-color: #bdbdbd; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.16);}
.campus_banner .campus_banner_info{position: relative;background-color: #fafafa;box-sizing: border-box;}
.campus_banner .campus_banner_info::after{content: "";position: absolute;bottom: 0;}
.campus_banner .campus_banner_info::before{content: "";position: absolute;right: 0;}
.campus_banner .campus_banner_info .campus_banner_title{font-family: 'spoqa-bold';letter-spacing: 0;}
.campus_banner .campus_banner_info .campus_banner_content{letter-spacing: 0;color: #424242;}
.campus_banner .campus_banner_info .campus_banner_content span{font-family: 'spoqa-medium';color: #004c97;}

.campus_info {width: 100%;}
.campus_info .campus_info_item{box-sizing: border-box;border: 1px solid #e0e0e0;border-radius: 10px;position: relative;}
.campus_info .campus_info_item .campus_info_title{font-family: 'spoqa-medium';letter-spacing: 0;margin-bottom: 16px;}
.campus_info .campus_info_item .campus_info_title span{ margin-left: 16px; font-size: 14px; color: #9e9e9e; display: inline-block;vertical-align: top;}
.campus_info .campus_info_item .campus_info_content{letter-spacing: 0;color: #424242;}
.campus_info .campus_info_item .campus_info_content span{ margin-bottom: 8px; width: 100%; display: inline-block;vertical-align: top;}

.campus_schedule .sub_title{margin-bottom: 24px;}
@media (min-width: 1400px) {
    .campus_banner{margin-bottom: 56px;}
    .campus_banner .campus_banner_img{width: 480px;height: 320px;position: absolute;top: 0;left: 0;}
    .campus_banner .campus_banner_info{width: 620px;height: 300px;margin-top: 80px;padding: 64px 52px 92px 150px;margin-left: 370px;}
    .campus_banner .campus_banner_info::after{width: 200px;height: 140px;background: url("/res/home/theme1/img/sub/bg_banner_01.svg")no-repeat;background-size: cover;left: 40px;}
    .campus_banner .campus_banner_info::before{width: 185px;height: 145px;background: url("/res/home/theme1/img/sub/bg_banner_02.svg")no-repeat;background-size: cover;top: 12px;}
    .campus_banner .campus_banner_info .campus_banner_title{font-size: 28px;line-height: 37px;margin-bottom: 24px;}
    .campus_banner .campus_banner_info .campus_banner_content{font-size: 18px;line-height: 25px;}

    .campus_info {margin-bottom: 56px;display: flex;justify-content: space-between;}
    .campus_info .campus_info_item{width: 320px;min-height: 240px;padding: 40px 32px;display: flex;flex-direction: column;}
    .campus_info .campus_info_item .campus_info_title{font-size: 20px;line-height: 29px;}
    .campus_info .campus_info_item .campus_info_content{font-size: 16px;line-height: 27px; }
    .campus_info .campus_info_item .icon_campus{width: 60px;height: 60px; position: absolute; bottom: 40px; right: 32px; }
}
@media (max-width: 1399px) and (min-width: 768px){
    .campus_banner{margin-bottom: 40px;}
    .campus_banner .campus_banner_img{width: calc(100vw - 140px);height: calc(56.25vw - 78px); position: relative; z-index: 1;}
    .campus_banner .campus_banner_info{width: calc(100% - 92px);margin-top: -80px;padding: 128px 90px 72px 48px;margin-left: 92px;}
    .campus_banner .campus_banner_info::after{width: 128px;height: 116px;background: url("/res/home/theme1/img/sub/bg_banner_01t.svg")no-repeat;background-size: cover;left: 0px;}
    .campus_banner .campus_banner_info::before{width: 185px;height: 145px;background: url("/res/home/theme1/img/sub/bg_banner_02t.svg")no-repeat;background-size: cover;top: 60px;}
    .campus_banner .campus_banner_info .campus_banner_title{font-size: 24px;line-height: 32px;margin-bottom: 16px;}
    .campus_banner .campus_banner_info .campus_banner_content{font-size: 16px;line-height: 27px;}

    .campus_info {margin-bottom: 40px;display: flex;justify-content: space-between;}
    .campus_info .campus_info_item{width: calc(33.33% - 6px);min-height: 211px; padding: 32px 24px;display: flex;flex-direction: column;}
    .campus_info .campus_info_item .campus_info_title{font-size: 18px;line-height: 25px;}
    .campus_info .campus_info_item .campus_info_content{font-size: 14px;line-height: 24px;}
    .campus_info .campus_info_item .icon_campus{width: 48px;height: 48px;position: absolute; bottom: 32px; right: 24px; }
}
@media (max-width: 767px){
    .campus_banner{margin-bottom: 40px;}
    .campus_banner .campus_banner_img{width: 100%;height: calc(56.25vw - 22px);}
    .campus_banner .campus_banner_info{width: 100%;padding: 32px 24px 48px;}
    .campus_banner .campus_banner_info::after{width: 88px;height: 87px;background: url("/res/home/theme1/img/sub/bg_banner_01m.svg")no-repeat;background-size: cover;left: 0;}
    .campus_banner .campus_banner_info::before{width: 139px;height: 86px;background: url("/res/home/theme1/img/sub/bg_banner_02m.svg")no-repeat;background-size: cover;top: 0;}
    .campus_banner .campus_banner_info .campus_banner_title{font-size: 20px;line-height: 26px;margin-bottom: 16px;}
    .campus_banner .campus_banner_info .campus_banner_content{font-size: 14px;line-height: 24px;}

    .campus_info {margin-bottom: 40px;}
    .campus_info .campus_info_item{width: 100%;padding: 24px 96px 24px 24px; position: relative; margin-top: 8px; }
    .campus_info .campus_info_item:first-child{ margin-top: 0; }
    .campus_info .campus_info_item .campus_info_title{font-size: 16px;line-height: 27px;}
    .campus_info .campus_info_item .campus_info_content{font-size: 14px;line-height: 24px;}
    .campus_info .campus_info_item .icon_campus{width: 48px;height: 48px; position: absolute; top: 50%; right: 24px; transform: translate(0,-50%);}
}


/* info1 : 진로프로그램 자유학년제 */
.info_item{width: 100%; border-bottom: 1px solid #e0e0e0;}
.info_item:first-child{margin-top: 0;}
.info_item:last-child{padding-bottom: 0; border: none;}
.info_content_item:first-child{margin-top: 0;}
.info_content_item .info_content_title{font-family: 'spoqa-medium';position: relative;letter-spacing: 0;}
.info_content_item .info_content_title::before{content: "";position: absolute;left: 0;top: 5px;}
.info_content_item .info_content_ment{letter-spacing: 0;color: #424242;}
.info_content_item .info_img_list{font-size: 0;}
.info_content_item .info_img_list .info_img_item{background-color: #bdbdbd;display: inline-block;vertical-align: top;}
@media (min-width: 1400px) {
    .info_item{margin-top: 56px; padding-bottom: 56px; }
    .info_item .info_content{margin-top: 32px;}
    .info_content_item{margin-top: 24px;}
    .info_content_item .info_content_title{padding-left: 34px;font-size: 18px;line-height: 25px;}
    .info_content_item .info_content_title::before{width: 26px;height: 15px; background: url("/res/home/theme1/img/sub/icon_title.svg")no-repeat;background-size: cover;}
    .info_content_item .info_content_ment{padding-left: 34px; margin-top: 16px;font-size: 16px;line-height: 27px;}

    .info_content_item .info_content_ment .board_detail_file{ padding: 16px 32px;}
    .info_content_item .info_content_ment .board_detail_title{width: 108px;}
    .info_content_item .info_content_ment .board_detail_down_wrap{width: calc(100% - 108px);}

    .info_content_item .info_img_list{margin-top: 24px;}
    .info_content_item .info_img_list .info_img_item{width: 487px;height: 273px;margin-right: 16px;margin-top: 16px;}
    .info_content_item .info_img_list .info_img_item:nth-child(2n){margin-right: 0;}
    .info_content_item .info_img_list .info_img_item:nth-child(-n+2){margin-top: 0;}
}
@media (max-width: 1399px) and (min-width: 768px){
    .info_item{margin-top: 40px; padding-bottom: 40px;}
    .info_item .info_content{margin-top: 24px;}
    .info_content_item{margin-top: 16px;}
    .info_content_item .info_content_title{padding-left: 26px;font-size: 16px;line-height: 27px;}
    .info_content_item .info_content_title::before{width: 18px;height: 10px; background: url("/res/home/theme1/img/sub/icon_title_m.svg")no-repeat;background-size: cover; top: 6px;}
    .info_content_item .info_content_ment{ margin-top: 8px;font-size: 14px;line-height: 24px;}
    .info_content_item .info_content_ment table{ width: 100% !important;     table-layout: inherit!important;}
    .info_content_item .info_content_ment .board_detail_file{ padding: 8px 16px;}

    .info_content_item .info_img_list{margin-top: 16px;}
    .info_content_item .info_img_list .info_img_item{width: calc(50% - 4px);height: calc(28.12vw - 15px);margin-right: 8px;margin-top: 8px;}
    .info_content_item .info_img_list .info_img_item:nth-child(2n){margin-right: 0;}
    .info_content_item .info_img_list .info_img_item:nth-child(-n+2){margin-top: 0;}
}
@media (max-width: 767px){
    .info_item{margin-top: 32px; padding-bottom: 32px;}
    .info_item .info_content{margin-top: 24px;}
    .info_content_item{margin-top: 16px;}
    .info_content_item .info_content_title{padding-left: 26px;font-size: 16px;line-height: 27px;}
    .info_content_item .info_content_title::before{width: 18px;height: 10px; background: url("/res/home/theme1/img/sub/icon_title_m.svg")no-repeat;background-size: cover; top: 6px;}
    .info_content_item .info_content_ment{margin-top: 8px;font-size: 14px;line-height: 24px;}
    .info_content_item .info_content_ment table{ width: 100% !important; table-layout: inherit!important;}
    .info_content_item .info_content_ment .board_detail_file{ padding: 8px 16px;}

    .info_content_item .info_img_list{margin-top: 16px;}
    .info_content_item .info_img_list .info_img_item{width: calc(100vw - 40px);height: calc(56.25vw - 22px);margin-top: 8px;}
    .info_content_item .info_img_list .info_img_item:first-child{margin-top: 0;}
}



/* 시설소개 */
.facility{ font-size: 0; }
.fac_item{ width: 100%; display: inline-block; position: relative; }
.fac_item:first-child{ margin-top: 0; }
.fac_item .fac_item_img{overflow: hidden; position: relative;}
.fac_item .fac_item_img img{object-fit: cover;max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.fac_item .fac_item_info{box-sizing: border-box;background-color: #fff;box-shadow: 2px 10px 30px 0 rgba(0, 0, 0, 0.08);position: relative;z-index: 1;}
.fac_item .fac_item_info:before{content: "";background: url("/res/home/theme1/img/sub/bg_icon_blue.svg")no-repeat;background-size: cover;position: absolute;bottom: 20px;right: 0;}
.fac_item.item_left .fac_item_info:before{background: url("/res/home/theme1/img/sub/bg_icon_red.svg")no-repeat;background-size: cover;}

.fac_item .fac_item_info .fac_item_title{font-family: 'spoqa-bold';letter-spacing: 0;}
.fac_item .fac_item_info .fac_item_content{letter-spacing: 0;color: #424242;}
.fac_item .fac_item_info .fac_item_date{letter-spacing: 0;color: #9e9e9e;}
@media (min-width: 1400px) {
    .fac_item{ margin-top: 80px; }
    .fac_item .fac_item_img{width: 620px;height: 348px;position: absolute;top: 0;left: 0;}
    .fac_item .fac_item_info{margin-top: 60px;width: 480px;min-height: 340px;padding: 52px 40px;margin-left: auto;}
    .fac_item .fac_item_info .fac_item_title{font-size: 24px;line-height: 32px;}
    .fac_item .fac_item_info .fac_item_content{font-size: 16px;line-height: 27px;margin-top: 24px;}
    .fac_item .fac_item_info .fac_item_date{font-size: 16px;line-height: 27px;margin-top: 24px;}
    .fac_item .fac_item_info:before{width: 320px;height: 120px;}

    .fac_item.item_left .fac_item_img{right: 0;left: auto;}
    .fac_item.item_left .fac_item_info{margin-left: 0;}
}
@media (max-width: 1399px) and (min-width: 768px){
    .fac_item{ margin-top: 56px; }
    .fac_item .fac_item_img{width: calc(100vw - 140px);height: calc(56.25vw - 78px);}
    .fac_item .fac_item_info{margin-top: -60px;width: calc(100% - 92px);padding: 40px 32px;margin-left: 92px;}
    .fac_item .fac_item_info .fac_item_title{font-size: 20px;line-height: 26px;}
    .fac_item .fac_item_info .fac_item_content{font-size: 14px;line-height: 24px;margin-top: 16px;}
    .fac_item .fac_item_info .fac_item_date{font-size: 14px;line-height: 24px;margin-top: 16px;}
    .fac_item .fac_item_info:before{width: 320px;height: 120px;}

    .fac_item.item_left .fac_item_img{margin-left: 92px;}
    .fac_item.item_left .fac_item_info{margin-left: 0;}
}
@media (max-width: 767px){
    .fac_item{ margin-top: 56px; }
    .fac_item .fac_item_img{width: 100%;height: calc(56.25vw - 22px);}
    .fac_item .fac_item_info{margin-top: -20px;width: calc(100% - 20px);padding: 32px 24px;margin-left: 20px;}
    .fac_item .fac_item_info .fac_item_title{font-size: 18px;line-height: 22px;}
    .fac_item .fac_item_info .fac_item_content{font-size: 14px;line-height: 24px;margin-top: 16px;}
    .fac_item .fac_item_info .fac_item_date{font-size: 14px;line-height: 24px;margin-top: 16px;}
    .fac_item .fac_item_info:before{width: 200px;height: 90px;}

    .fac_item.item_left .fac_item_info{margin-left: 0;}
}




/* 이용안내 */
.guide_box{width: 100%;display: flex;}
.guide_box .guide_box_01{box-sizing: border-box;display: flex;align-items: center;background-color: #fafafa;}
.guide_box .guide_box_01 .guide_icon{background: url("/res/home/theme1/img/sub/icon_infomation2.png")no-repeat;background-size: cover;}
.guide_box .guide_box_01 .guide_hour .guide_title{letter-spacing: 0;color: #424242;}
.guide_box .guide_box_01 .guide_hour .guide_hour_content .guide_hour_title{font-family: 'spoqa-bold';}
.guide_box .guide_box_01 .guide_hour .guide_hour_content .guide_hour_info{letter-spacing: 0;color: #424242;margin-top: 8px;}

.guide_box .guide_box_02{box-sizing: border-box;border: 1px solid #f5f5f5;}
.guide_box .guide_box_02 .guide_info_item{box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
.guide_box .guide_box_02 .guide_info_item .guide_info_title{letter-spacing: 0;color: #424242;}
.guide_box .guide_box_02 .guide_info_item .guide_info_num{font-family: 'spoqa-medium';letter-spacing: 0;}
.guide_box .guide_box_02 .guide_sns{display: flex;align-items: center;}
.guide_box .guide_box_02 .guide_sns .guide_sns_item{box-sizing: border-box;border-radius: 4px;cursor: pointer;display: flex;justify-content: space-between;align-items: center;position: relative;}
.guide_box .guide_box_02 .guide_sns .guide_sns_item::before{content: "";width: 1px;height: 10px;background-color: rgba(255, 255, 255, 0.32);position: absolute;top: 50%;left: 48px;transform: translate(0,-50%);}
.guide_box .guide_box_02 .guide_sns .guide_sns_item.naver{background-color: #03c75a;}
.guide_box .guide_box_02 .guide_sns .guide_sns_item.facebook{background-color: #1877f2;}
.guide_box .guide_box_02 .guide_sns .guide_sns_item .guide_sns_icon{width: 32px;height: 32px;}
.guide_box .guide_box_02 .guide_sns .guide_sns_item .guide_sns_title{font-family: 'spoqa-medium';letter-spacing: 0;color: #fff;}

.guide_content .table_wrap tr td:last-child{ text-align: left; }
@media (min-width: 1400px) {
    .guide_box .guide_box_01{width: 600px;padding: 54px 40px;}
    .guide_box .guide_box_01 .guide_icon{width: 100px;height: 100px;margin-right: 40px;}
    .guide_box .guide_box_01 .guide_hour .guide_title{font-size: 16px;line-height: 27px;}
    .guide_box .guide_box_01 .guide_hour .guide_hour_content{margin-top: 16px;}
    .guide_box .guide_box_01 .guide_hour .guide_hour_content .guide_hour_title{font-size: 24px;line-height: 32px;}
    .guide_box .guide_box_01 .guide_hour .guide_hour_content .guide_hour_info{font-size: 14px;}

    .guide_box .guide_box_02{width: 390px;padding: 32px 40px;border-left: none;}
    .guide_box .guide_box_02 .guide_info_item{width: 100%;padding-top: 16px;border-top: 1px solid #eee;}
    .guide_box .guide_box_02 .guide_info_item:first-child{padding-top: 0;padding-bottom: 16px;border-top: none;}
    .guide_box .guide_box_02 .guide_info_item .guide_info_title{font-size: 16px;line-height: 27px;}
    .guide_box .guide_box_02 .guide_info_item .guide_info_num{font-size: 16px;line-height: 27px;}
    .guide_box .guide_box_02 .guide_sns{justify-content: space-between;margin-top: 32px;}
    .guide_box .guide_box_02 .guide_sns .guide_sns_item{width: calc(50% - 4px);min-height: 32px;padding: 0 16px 0 8px;}
    .guide_box .guide_box_02 .guide_sns .guide_sns_item .guide_sns_icon{ width: auto; height: 40px; }
    .guide_box .guide_box_02 .guide_sns .guide_sns_item .guide_sns_title{font-size: 13px;}

    .guide_content{ margin-top: 56px; }
    .guide_content .sub_title{ margin-bottom: 32px; }
}
@media (max-width: 1399px) and (min-width: 768px){
    .guide_box{flex-direction: column;}
    .guide_box .guide_box_01{width: 100%;padding: 24px 32px;}
    .guide_box .guide_box_01 .guide_icon{width: 80px;height: 80px;margin-right: 24px;}
    .guide_box .guide_box_01 .guide_hour .guide_title{font-size: 14px;line-height: 24px;}
    .guide_box .guide_box_01 .guide_hour .guide_hour_content{margin-top: 8px; display: flex;}
    .guide_box .guide_box_01 .guide_hour .guide_hour_content .guide_hour_title{font-size: 20px;line-height: 26px;}
    .guide_box .guide_box_01 .guide_hour .guide_hour_content .guide_hour_info{font-size: 12px; margin-left: 16px;}

    .guide_box .guide_box_02{width: 100%;padding: 24px 32px;border-top: none;}
    .guide_box .guide_box_02 .guide_info{display: flex; }
    .guide_box .guide_box_02 .guide_info_item{width: 50%; position: relative; }
    .guide_box .guide_box_02 .guide_info_item::before{content: "";width: 1px;height: 10px;background-color: #eee;position: absolute;top: 50%;right: 0; transform: translate(0,-50%);}
    .guide_box .guide_box_02 .guide_info_item:first-child{padding-right: 32px;}
    .guide_box .guide_box_02 .guide_info_item:last-child{padding-left: 32px;}
    .guide_box .guide_box_02 .guide_info_item:last-child::before{display: none;}
    .guide_box .guide_box_02 .guide_info_item .guide_info_title{font-size: 14px;line-height: 24px;}
    .guide_box .guide_box_02 .guide_info_item .guide_info_num{font-size: 14px;line-height: 24px;}
    .guide_box .guide_box_02 .guide_sns{justify-content: end;margin-top: 24px;}
    .guide_box .guide_box_02 .guide_sns .guide_sns_item{width: 160px;height: 40px;padding: 4px 16px 4px 8px; margin-left: 8px;}
    .guide_box .guide_box_02 .guide_sns .guide_sns_item:first-child{ margin-left: 0; }
    .guide_box .guide_box_02 .guide_sns .guide_sns_item .guide_sns_title{font-size: 12px;}

    .guide_content{ margin-top: 40px; }
    .guide_content .sub_title{ margin-bottom: 24px; }
}
@media (max-width: 767px){
    .guide_box{flex-direction: column;}
    .guide_box .guide_box_01{width: 100%;padding: 24px;}
    .guide_box .guide_box_01 .guide_hour .guide_title{font-size: 14px;line-height: 24px;}
    .guide_box .guide_box_01 .guide_hour .guide_hour_content{margin-top: 8px;}
    .guide_box .guide_box_01 .guide_hour .guide_hour_content .guide_hour_title{font-size: 18px;line-height: 22px;}
    .guide_box .guide_box_01 .guide_hour .guide_hour_content .guide_hour_info{font-size: 12px;}

    .guide_box .guide_box_02{width: 100%;padding: 24px;border-top: none;}
    .guide_box .guide_box_02 .guide_info_item{width: 100%;padding-top: 16px;border-top: 1px solid #eee;}
    .guide_box .guide_box_02 .guide_info_item:first-child{padding-top: 0;padding-bottom: 16px;border-top: none;}
    .guide_box .guide_box_02 .guide_info_item .guide_info_title{font-size: 14px;line-height: 24px;}
    .guide_box .guide_box_02 .guide_info_item .guide_info_num{font-size: 14px;line-height: 24px;}
    .guide_box .guide_box_02 .guide_sns{justify-content: space-between;margin-top: 24px;}
    .guide_box .guide_box_02 .guide_sns .guide_sns_item{width: calc(50% - 4px);height: 40px;padding: 4px 16px 4px 8px;}
    .guide_box .guide_box_02 .guide_sns .guide_sns_item .guide_sns_title{font-size: 12px;}

    .guide_content{ margin-top: 40px; }
    .guide_content .sub_title{ margin-bottom: 24px; }
}



/* 센터소개 */
.int_top_banner{ width: 100%; position: relative; }
.int_top_banner::before{content: "";background: url("/res/home/theme1/img/sub/img_int_bg.svg")no-repeat;background-size: cover;position: absolute;z-index: -1;}
.int_top_banner .int_top_header{text-align: center;}
.int_top_banner .int_top_header .int_top_subtitle{font-family: 'spoqa-medium';margin-bottom: 8px;color: #9e9e9e;}
.int_top_banner .int_top_header .int_top_title{font-family: 'spoqa-bold';}
.int_top_banner .int_top_header .int_top_title span{color: #007dfb;}
.int_top_banner .int_top_content{background-color: #fff;box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.08);box-sizing: border-box;position: relative;}
.int_top_banner .int_top_content::before{content: "";background: url("/res/home/theme1/img/sub/icon_circle_01.svg")no-repeat;background-size: cover;position: absolute;}
.int_top_banner .int_top_content::after{content: "";background: url("/res/home/theme1/img/sub/icon_circle_02.svg")no-repeat;background-size: cover;position: absolute;}
.int_top_banner .int_top_content .int_top_ment{text-align: center;letter-spacing: 0;color: #424242;}
.int_top_banner .img_int_banner{width: 100%;margin-top: -40px;}

.int_content{width: 100%;}
.int_content .int_vision{width: 100%;border-bottom: 1px solid #e0e0e0;background-color: #FAFAFA;position: relative;box-sizing: border-box;overflow: hidden;}
.int_content .int_vision .vision_circle{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);}
.int_content .int_vision .int_vision_bubble{background-color: #2f3945;position: absolute;box-sizing: border-box;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);border-radius: 10px;}
.int_content .int_vision .int_vision_bubble p{ position: relative; z-index: 1; }
.int_content .int_vision .int_vision_bubble::before{content: "";width: 36px;height: 28px;background: url("/res/home/theme1/img/sub/bg_arrow_black.svg")no-repeat;background-size: cover;position: absolute;bottom: -20px;left: 24px;}
.int_content .int_vision .int_vision_bubble::after{content: "";width: 100%;height: 100%;background-color: #2f3945;border-radius: 10px;position: absolute;top: 0;left: 0;}
.int_content .int_vision .int_vision_bubble .int_vision_first{color: #fff;border: 1px solid #fff;box-sizing: border-box;text-align: center;letter-spacing: 0;border-radius: 16px;}
.int_content .int_vision .int_vision_bubble .int_vision_last{font-family: 'spoqa-light';color: #fff;letter-spacing: 0;}
.int_content .int_vision .int_vision_bubble .int_vision_last span{font-family: 'spoqa-medium';}
.int_content .int_vision .int_vision_bubble.white_bubble{background-color: #fff;left: auto;}
.int_content .int_vision .int_vision_bubble.white_bubble::before{background: url("/res/home/theme1/img/sub/bg_arrow_white.svg");left: auto;right: 24px;}
.int_content .int_vision .int_vision_bubble.white_bubble::after{content: "";width: 100%;height: 100%;background-color: #fff;border-radius: 10px;position: absolute;top: 0;left: 0;}
.int_content .int_vision .int_vision_bubble.white_bubble .int_vision_first{border: 1px solid #424242;color: #424242;}
.int_content .int_vision .int_vision_bubble.white_bubble .int_vision_last{color: #424242;}

.int_content .int_vision_content{position: relative;}
.int_content .int_vision_content .int_vision_01{display: flex;align-items: center;justify-content: center;margin: 0 auto;color: #fff;background: #007dfb;border-radius: 100%; font-family: 'spoqa-medium' }
.int_content .int_vision_content .int_vision_02{position: absolute;top: 50%;transform: translate(0,-50%);}
.int_content .int_vision_content .int_vision_02 .int_vision_dot{background: #007dfb;border-radius: 100%;}
.int_content .int_vision_content .int_vision_02 .int_vision_ment{text-align: center; font-family: 'spoqa-medium';letter-spacing: 0;position: absolute;left: 50%;transform: translate(-50%,100%);white-space: nowrap;}
.int_content .int_vision_content .int_vision_02.vision_last{left: auto;}
.int_content .int_vision_content .int_vision_03{position: absolute;top: 50%;transform: translate(0,-50%);}
.int_content .int_vision_content .int_vision_03.arrow_prev{left: auto;}

.int_content .int_box_list{width: 100%;}
.int_content .int_box_list .int_box_item{position: relative; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08); box-sizing: border-box;border: 1px solid #f5f5f5;}
.int_content .int_box_list .int_box_item .int_box_num{background: linear-gradient(135deg, #3fa6fc, #98dafe);font-family: 'nsr-b';color: #fff;position: absolute;text-align: center;}
.int_content .int_box_list .int_box_item .int_box_title{font-family: 'spoqa-medium';}
.int_content .int_box_list .int_box_item .int_box_content .int_box_ment{padding-left: 11px;position: relative;color: #424242;margin-top: 8px;}
.int_content .int_box_list .int_box_item .int_box_content .int_box_ment:first-child{margin-top: 0;}
.int_content .int_box_list .int_box_item .int_box_content .int_box_ment::before{content: "";width: 3px;height: 3px;background: #424242;position: absolute;left: 0;}

.int_content .int_since{width: 100%;border-top: 1px solid #000;}
.int_content .int_since .int_history_item{width: 100%;border-bottom: 1px solid #e0e0e0;box-sizing: border-box;}
.int_content .int_since .int_history_item .int_history_since{box-sizing: border-box;font-family: 'nsr-eb';letter-spacing: 0;}
.int_content .int_since .int_history_item .int_history_wrap .int_history_box{display: flex; align-items: start; box-sizing: border-box;}
.int_content .int_since .int_history_item .int_history_wrap .int_history_box .int_history_date{font-family: 'nsr-b';letter-spacing: 0;color: #9e9e9e;}
.int_content .int_since .int_history_item .int_history_wrap .int_history_box .int_history_content{letter-spacing: 0;color: #424242; }
@media (min-width: 1400px) {
    .int_top_banner::before{width: 412px;height: 412px;top: 20px;left: 20px;}
    .int_top_banner .int_top_header .int_top_subtitle{font-size: 18px;line-height: 25px;}
    .int_top_banner .int_top_header .int_top_title{font-size: 32px;line-height: 44px;}
    .int_top_banner .int_top_content{width: calc(100% - 80px);margin: 40px auto 0;padding: 40px;}
    .int_top_banner .int_top_content::before{width: 70px;height: 65px;bottom: -24px;left: 40px;}
    .int_top_banner .int_top_content::after{width: 130px;height: 117px;top: -87px;right: 10px;}
    .int_top_banner .int_top_content .int_top_ment{font-size: 18px;line-height: 25px;}

    .int_content{margin-top: 56px;}
    .int_content .int_vision{height: 426px;margin-top: 32px;}
    .int_content .int_vision .vision_circle{width: 100%;}
    .int_content .int_vision .int_vision_bubble{padding: 24px 32px;display: flex;align-items: center;top: 64px;left: 170px;}
    .int_content .int_vision .int_vision_bubble .int_vision_first{width: 58px;height: 32px;line-height: 30px;font-size: 14px;}
    .int_content .int_vision .int_vision_bubble .int_vision_last{font-size: 18px;line-height: 25px;margin-left: 24px;}
    .int_content .int_vision .int_vision_bubble.white_bubble{top: 169px;right: 120px;}

    .int_content .int_vision_content{ margin-top: -120px; }
    .int_content .int_vision_content .int_vision_01{width: 240px;height: 240px; font-size: 18px; line-height: 25px;}
    .int_content .int_vision_content .int_vision_02{left: 137px;}
    .int_content .int_vision_content .int_vision_02 .int_vision_dot{width: 15px;height: 15px;}
    .int_content .int_vision_content .int_vision_02 .int_vision_ment{font-size: 18px;line-height: 25px;bottom: -16px;}
    .int_content .int_vision_content .int_vision_02.vision_last{right: 136px;}
    .int_content .int_vision_content .int_vision_03{left: 254px;}
    .int_content .int_vision_content .int_vision_03.arrow_prev{right: 254px;}


    .int_content .int_box_list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
    .int_content .int_box_list .int_box_item{width: calc(50% - 8px);margin-top: 32px;padding: 48px 40px;}
    .int_content .int_box_list .int_box_item:nth-child(-n+2){margin-top: 0;}
    .int_content .int_box_list .int_box_item .int_box_num{width: 40px;height: 40px;line-height: 40px;font-size: 16px;top: -8px;right: 16px;}
    .int_content .int_box_list .int_box_item .int_box_title{font-size: 20px;line-height: 29px;}
    .int_content .int_box_list .int_box_item .int_box_content{margin-top: 24px;}
    .int_content .int_box_list .int_box_item .int_box_content .int_box_ment{font-size: 16px;line-height: 27px;}
    .int_content .int_box_list .int_box_item .int_box_content .int_box_ment::before{top: 10px;}

    .int_content .int_since{margin-top: 32px;}
    .int_content .int_since .int_history_item{padding: 24px 0;display: flex;align-items: start;}
    .int_content .int_since .int_history_item .int_history_since{width: 160px;padding-left: 24px;font-size: 24px;line-height: 32px;}
    .int_content .int_since .int_history_item .int_history_wrap{width: calc(100% - 160px);}
    .int_content .int_since .int_history_item .int_history_wrap .int_history_box{margin-top: 16px; padding-right: 24px;}
    .int_content .int_since .int_history_item .int_history_wrap .int_history_box:first-child{margin-top: 5px;}
    .int_content .int_since .int_history_item .int_history_wrap .int_history_box .int_history_date{width: 100px;font-size: 16px;line-height: 27px;}
    .int_content .int_since .int_history_item .int_history_wrap .int_history_box .int_history_content{width: calc(100% - 100px);font-size: 16px;line-height: 27px; }
}
@media (max-width: 1399px) and (min-width: 768px){
    .int_top_banner::before{width: 412px;height: 412px;top: 20px;left: -24px;}
    .int_top_banner .int_top_header .int_top_subtitle{font-size: 16px;line-height: 27px;}
    .int_top_banner .int_top_header .int_top_title{font-size: 28px;line-height: 37px;}
    .int_top_banner .int_top_content{width: 100%;margin-top: 32px;padding: 32px 56px;}
    .int_top_banner .int_top_content::before{width: 70px;height: 65px;bottom: -24px;left: 32px;}
    .int_top_banner .int_top_content::after{width: 130px;height: 117px;top: -90px;right: -10px;}
    .int_top_banner .int_top_content .int_top_ment{font-size: 16px;line-height: 27px;}
    .int_top_banner .img_int_banner{width: 100vw;margin-left: -24px;}

    .int_content{margin-top: 40px;}
    .int_content .int_vision{height: 356px;margin-top: 24px;}
    .int_content .int_vision .vision_circle{width: 100%;}
    .int_content .int_vision .int_vision_bubble{padding: 20px 24px;display: flex;align-items: center;top: 48px;left: 48px;}
    .int_content .int_vision .int_vision_bubble .int_vision_first{width: 55px;height: 28px;line-height: 26px;font-size: 12px;}
    .int_content .int_vision .int_vision_bubble .int_vision_last{font-size: 16px;line-height: 27px;margin-left: 16px;}
    .int_content .int_vision .int_vision_bubble.white_bubble{top: 143px;right: 30px;}

    .int_content .int_vision_content{ margin-top: -100px; }
    .int_content .int_vision_content .int_vision_01{width: 200px;height: 200px; font-size: 16px; line-height: 27px;}
    .int_content .int_vision_content .int_vision_02{left: 13.72%;}
    .int_content .int_vision_content .int_vision_02 .int_vision_dot{width: 15px;height: 15px;}
    .int_content .int_vision_content .int_vision_02 .int_vision_ment{font-size: 16px;line-height: 27px;bottom: -16px;}
    .int_content .int_vision_content .int_vision_02.vision_last{right: 13.72%;}
    .int_content .int_vision_content .int_vision_03{left: calc(26.92vw - 18px);}
    .int_content .int_vision_content .int_vision_03.arrow_prev{right: calc(26.92vw - 18px);}


    .int_content .int_box_list{margin-top: 34px;}
    .int_content .int_box_list .int_box_item{width: 100%;margin-top: 26px;padding: 32px 24px;}
    .int_content .int_box_list .int_box_item:first-child{margin-top: 0;}
    .int_content .int_box_list .int_box_item .int_box_num{width: 32px;height: 32px;line-height: 32px;font-size: 14px;top: -10px;right: 16px;}
    .int_content .int_box_list .int_box_item .int_box_title{font-size: 18px;line-height: 25px;}
    .int_content .int_box_list .int_box_item .int_box_content{margin-top: 16px;}
    .int_content .int_box_list .int_box_item .int_box_content .int_box_ment{font-size: 14px;line-height: 24px;}
    .int_content .int_box_list .int_box_item .int_box_content .int_box_ment::before{top: 9px;}

    .int_content .int_since{margin-top: 24px;}
    .int_content .int_since .int_history_item{padding: 24px 0;display: flex;align-items: start;}
    .int_content .int_since .int_history_item .int_history_since{width: 120px;padding-left: 16px;font-size: 20px;line-height: 26px;}
    .int_content .int_since .int_history_item .int_history_wrap{width: calc(100% - 120px);}
    .int_content .int_since .int_history_item .int_history_wrap .int_history_box{margin-top: 16px; padding-right: 16px;}
    .int_content .int_since .int_history_item .int_history_wrap .int_history_box:first-child{margin-top: 3px;}
    .int_content .int_since .int_history_item .int_history_wrap .int_history_box .int_history_date{width: 80px;font-size: 14px;line-height: 24px;}
    .int_content .int_since .int_history_item .int_history_wrap .int_history_box .int_history_content{width: calc(100% - 80px);font-size: 14px;line-height: 24px; }
}
@media (max-width: 767px){
    .int_top_banner::before{width: 300px;height: 300px;top: 20px;left: -74px;}
    .int_top_banner .int_top_header .int_top_subtitle{font-size: 16px;line-height: 27px;}
    .int_top_banner .int_top_header .int_top_title{font-size: 22px;line-height: 29px;}
    .int_top_banner .int_top_content{width: 100%;margin-top: 32px;padding: 24px 20px;}
    .int_top_banner .int_top_content::before{width: 50px;height: 47px;bottom: -18px;left: 10px;}
    .int_top_banner .int_top_content::after{width: 80px;height: 72px;top: -32px;right: -42px;}
    .int_top_banner .int_top_content .int_top_ment{font-size: 16px;line-height: 27px;}
    .int_top_banner .img_int_banner{width: 100vw;margin-left: -20px;}

    .int_content{margin-top: 40px;}
    .int_content .int_vision{height: 372px;margin-top: 24px;}
    .int_content .int_vision .vision_circle{width: 186.87%;}
    .int_content .int_vision .int_vision_bubble{padding: 16px;top: 40px;left: 24px;}
    .int_content .int_vision .int_vision_bubble .int_vision_first{width: 35px;height: 20px;line-height: 18px;font-size: 10px;}
    .int_content .int_vision .int_vision_bubble .int_vision_last{font-size: 14px;line-height: 21px;margin-top: 8px;}
    .int_content .int_vision .int_vision_bubble.white_bubble{top: 167px;right: 24px;}

    .int_content .int_vision_content{ margin-top: -70px; }
    .int_content .int_vision_content .int_vision_01{width: 140px;height: 140px; font-size: 12px; line-height: 18px;}
    .int_content .int_vision_content .int_vision_02{left: calc(12.69% - 7px);}
    .int_content .int_vision_content .int_vision_02 .int_vision_dot{width: 11px;height: 11px;}
    .int_content .int_vision_content .int_vision_02 .int_vision_ment{font-size: 12px;line-height: 18px;bottom: -8px;}
    .int_content .int_vision_content .int_vision_02.vision_last{right: calc(12.69% - 7px);}
    .int_content .int_vision_content .int_vision_03{left: calc(25.54% - 21px);}
    .int_content .int_vision_content .int_vision_03.arrow_prev{right: calc(25.54% - 21px);}

    .int_content .int_box_list{margin-top: 34px;}
    .int_content .int_box_list .int_box_item{width: 100%;margin-top: 26px;padding: 24px;}
    .int_content .int_box_list .int_box_item:first-child{margin-top: 0;}
    .int_content .int_box_list .int_box_item .int_box_num{width: 28px;height: 28px;line-height: 28px;font-size: 12px;top: -10px;right: 8px;}
    .int_content .int_box_list .int_box_item .int_box_title{font-size: 16px;line-height: 27px;}
    .int_content .int_box_list .int_box_item .int_box_content{margin-top: 16px;}
    .int_content .int_box_list .int_box_item .int_box_content .int_box_ment{font-size: 14px;line-height: 24px;}
    .int_content .int_box_list .int_box_item .int_box_content .int_box_ment::before{top: 9px;}

    .int_content .int_since{margin-top: 24px;}
    .int_content .int_since .int_history_item{padding: 16px 0;}
    .int_content .int_since .int_history_item .int_history_since{width: 100%;padding-left: 16px;font-size: 18px;line-height: 22px;}
    .int_content .int_since .int_history_item .int_history_wrap{width: 100%; margin-top: 16px;}
    .int_content .int_since .int_history_item .int_history_wrap .int_history_box{margin-top: 8px; padding-right: 16px;}
    .int_content .int_since .int_history_item .int_history_wrap .int_history_box:first-child{margin-top: 0;}
    .int_content .int_since .int_history_item .int_history_wrap .int_history_box .int_history_date{width: 80px;font-size: 14px;line-height: 24px; padding-left: 16px; box-sizing: border-box;}
    .int_content .int_since .int_history_item .int_history_wrap .int_history_box .int_history_content{width: calc(100% - 80px);font-size: 14px;line-height: 24px; }
}



/* 인사말 */
.greeting_header{width: 100%; position: relative;}
.greeting_header .greeting_video{background-color: #000000;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.16); z-index: 1;}
.greeting_header .greeting_header_box{box-sizing: border-box;background-color: #fafafa;}
.greeting_header .greeting_header_box .greeting_ment{font-family: 'spoqa-medium';letter-spacing: 0;}
.greeting_header .greeting_header_box .greeting_sub_ment{color: #616161;}
.greeting_header .greeting_header_box .greeting_sub_ment span{font-family: 'spoqa-bold';color: #000;}

.greeting_content .greeting_content_item{color: #424242;}
.greeting_content .greeting_content_item span{font-family: 'spoqa-bold';}
.greeting_content .greeting_content_position{letter-spacing: 0;color: #424242;}
.greeting_content .greeting_content_position span{font-family: 'spoqa-bold';letter-spacing: 0;color: #000;}
@media (min-width: 1400px) {
    .greeting_header{padding-top: 60px;}
    .greeting_header .greeting_video{width: 600px;height: 338px;position: absolute;top: 0;right: 0;}
    .greeting_header .greeting_header_box{width: calc(100% - 60px);min-height: 320px;padding: 64px 56px;}
    .greeting_header .greeting_header_box .greeting_icon{width: 40px;height: 13px;margin-bottom: 24px;}
    .greeting_header .greeting_header_box .greeting_ment{font-size: 24px;line-height: 32px;margin-bottom: 24px;}
    .greeting_header .greeting_header_box .greeting_sub_ment{font-size: 18px;line-height: 25px;}

    .greeting_content{margin-top: 56px;}
    .greeting_content .greeting_content_item{font-size: 18px;line-height: 25px;}
    .greeting_content .greeting_content_position{font-size: 16px;line-height: 27px;margin-top: 40px;}
    .greeting_content .greeting_content_position span{font-size: 28px;line-height: 37px;margin-left: 16px;}
}
@media (max-width: 1399px) and (min-width: 768px){
    .greeting_header .greeting_video{width: calc(100vw - 140px); height: calc(56.25vw - 78px); margin: 0 auto; position: relative;}
    .greeting_header .greeting_header_box{width: 100%;min-height: 278px;padding: 108px 48px 48px; text-align: center; margin-top: -60px;}
    .greeting_header .greeting_header_box .greeting_icon{width: 40px;height: 13px;margin-bottom: 16px;}
    .greeting_header .greeting_header_box .greeting_ment{font-size: 20px;line-height: 26px;margin-bottom: 16px;}
    .greeting_header .greeting_header_box .greeting_sub_ment{font-size: 16px;line-height: 27px;}

    .greeting_content{margin-top: 40px;}
    .greeting_content .greeting_content_item{font-size: 16px;line-height: 27px;}
    .greeting_content .greeting_content_position{font-size: 14px;line-height: 24px;margin-top: 40px;}
    .greeting_content .greeting_content_position span{font-size: 24px;line-height: 32px;margin-left: 16px;}
}
@media (max-width: 767px){
    .greeting_header .greeting_video{width: 100%; height: calc(56.25vw - 22px); position: relative;}
    .greeting_header .greeting_header_box{width: 100vw;min-height: 256px;padding: 80px 40px 40px; text-align: center; margin-top: -40px;margin-left: -20px;}
    .greeting_header .greeting_header_box .greeting_icon{width: 32px;height: 10px;margin-bottom: 16px;}
    .greeting_header .greeting_header_box .greeting_ment{font-size: 18px;line-height: 22px;margin-bottom: 16px;}
    .greeting_header .greeting_header_box .greeting_sub_ment{font-size: 16px;line-height: 27px;}

    .greeting_content{margin-top: 40px;}
    .greeting_content .greeting_content_item{font-size: 14px;line-height: 24px;}
    .greeting_content .greeting_content_position{font-size: 12px;line-height: 18px;margin-top: 32px;}
    .greeting_content .greeting_content_position span{font-size: 20px;line-height: 26px;margin-left: 16px;}
}



/* 강동 미래온 */
.miraeon, .mirae_center{ overflow: hidden; width: 100%; position: relative; }
.img_ring{ position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); }
.miraeon_content{position: absolute;left: 50%;transform: translate(-50%,0);text-align: center;}
.miraeon_content .miraeon_sub_title{font-family: 'spoqa-medium';color: rgba(255, 255, 255, 0.48);}
.miraeon_content .miraeon_title{font-family: 'spoqa-bold';letter-spacing: 0;color: #fff;text-shadow: 0 5px 20px rgba(0, 125, 251, 0.4);}
.miraeon_content .miraeon_title span{color: #65c0fd;}
.miraeon_content .miraeon_ment{font-family: 'spoqa-light';letter-spacing: 0;color: #fff;}
.miraeon_content .miraeon_ment span{font-family: 'spoqa-bold';}
@media (min-width: 1400px) {
    .miraeon{ height: 800px; background: url("/res/home/theme1/img/sub/img_miraeon_bg.jpg")no-repeat center center; background-size: cover; }
    .mirae_center{ height: 800px; background: url("/res/home/theme1/img/sub/img_mirae_center_bg.jpg")no-repeat center center; background-size: cover; }
    .img_ring{ width: 700px; }
    .miraeon_content{width: 700px;top: 250px;}
    .miraeon_content .miraeon_sub_title{font-size: 14px;line-height: 24px;margin-bottom: 16px;}
    .miraeon_content .miraeon_title{font-size: 38px;line-height: 51px;margin-bottom: 48px;}
    .miraeon_content .miraeon_ment{font-size: 18px;line-height: 25px;}
}
@media (max-width: 1399px) and (min-width: 768px){
    .miraeon{ height: 600px; background: url("/res/home/theme1/img/sub/img_miraeon_bg_t.jpg")no-repeat center center; background-size: cover;}
    .mirae_center{ height: 600px; background: url("/res/home/theme1/img/sub/img_mirae_center_bg_t.jpg")no-repeat center center; background-size: cover; }
    .img_ring{ width: 550px; }
    .miraeon_content{width: 550px;top: 180px;}
    .miraeon_content .miraeon_sub_title{font-size: 12px;line-height: 18px;margin-bottom: 8px;}
    .miraeon_content .miraeon_title{font-size: 32px;line-height: 44px;margin-bottom: 32px;}
    .miraeon_content .miraeon_ment{font-size: 16px;line-height: 27px;}
}
@media (max-width: 767px){
    .miraeon{ height: 500px; background: url("/res/home/theme1/img/sub/img_miraeon_bg_m.jpg")no-repeat center center; background-size: cover;}
    .mirae_center{ height: 500px; background: url("/res/home/theme1/img/sub/img_mirae_center_bg_m.jpg")no-repeat center center; background-size: cover; }
    .img_ring{ width: 450px; }
    .miraeon_content{width: 100%; padding: 0 20px; box-sizing: border-box; top: 140px;}
    .miraeon_content .miraeon_sub_title{font-size: 12px;line-height: 18px;margin-bottom: 8px;}
    .miraeon_content .miraeon_title{font-size: 24px;line-height: 32px;margin-bottom: 24px;}
    .miraeon_content .miraeon_ment{font-size: 14px;line-height: 24px;}
}



/* 연혁 */
.history_banner{width: 100%;position: relative;}
.history_banner .history_banner_content{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff;}
.history_banner .history_banner_content .history_sub_title{letter-spacing: 0;margin-bottom: 8px;}
.history_banner .history_banner_content .history_title{font-family: 'spoqa-bold';letter-spacing: 0;}

.history .int_content .int_since .int_history_item .int_history_wrap .int_history_box.blue_point p{color: #007dfb!important;}
@media (min-width: 1400px) {
    .history_banner{height: 300px;background: url("/res/home/theme1/img/sub/img_story_banner.jpg")no-repeat;background-size: cover;}
    .history_banner .history_banner_content .history_sub_title{font-size: 14px;line-height: 24px;}
    .history_banner .history_banner_content .history_title{font-size: 38px;line-height: 51px;}

    .history .int_content .int_since .int_history_item .int_history_wrap .int_history_box .int_history_date{width: 140px;}
    .history .int_content .int_since .int_history_item .int_history_wrap .int_history_box .int_history_content{width: calc(100% - 140px);}
}
@media (max-width: 1399px) and (min-width: 768px){
    .history_banner{height: 200px;background: url("/res/home/theme1/img/sub/img_story_banner_t.jpg")no-repeat;background-size: cover;}
    .history_banner .history_banner_content .history_sub_title{font-size: 12px;line-height: 18px;}
    .history_banner .history_banner_content .history_title{font-size: 32px;line-height: 44px;}

    .history .int_content .int_since .int_history_item .int_history_wrap .int_history_box .int_history_date{width: 120px;}
    .history .int_content .int_since .int_history_item .int_history_wrap .int_history_box .int_history_content{width: calc(100% - 120px);}
}
@media (max-width: 767px){
    .history_banner{height: 200px;background: url("/res/home/theme1/img/sub/img_story_banner_m.jpg")no-repeat;background-size: cover;}
    .history_banner .history_banner_content .history_sub_title{font-size: 12px;line-height: 18px;}
    .history_banner .history_banner_content .history_title{font-size: 24px;line-height: 32px;}
}



/* 비전 */
.vision_item{width: 100%;display: flex;box-sizing: border-box;}
.vision_title{font-family: 'spoqa-bold';letter-spacing: 0;}

.vision_header{align-items: start;color: #fff;}
.vision_header .vision_top_title{font-family: 'spoqa-bold';letter-spacing: 0;}
.vision_header .vision_top_title span{font-family: 'spoqa-medium';color: rgba(255, 255, 255, 0.7);}
.vision_header .vision_top_ment{font-family: 'spoqa-light';letter-spacing: 0;}
.vision_header .vision_top_ment span{font-family: 'spoqa-bold';}

.vision_section{ width: 100%; position: relative; }
.vision_section::before{content: "";width: 100%;background-color: #fafafa;position: absolute;top: 0;left: 0;z-index: -1;}
.vision_section .vision_item_wrap{width: 100%;display: flex;box-sizing: border-box;}
.vision_section .vision_item_wrap .vision_navy_box{width: 100%;font-family: 'spoqa-medium';text-align: center;color: #fff;background-color: #2f3945;border-radius: 10px;}
.vision_section .vision_item_wrap .vision_sub_title{font-family: 'spoqa-medium';}
.vision_section .vision_item_wrap .vision_box{display: flex;justify-content: space-between;align-items: center;}
.vision_section .vision_item_wrap .vision_box p{text-align: center;border-radius: 10px;}
.vision_section .vision_item_wrap .vision_box .vision_blue_box{font-family: 'spoqa-medium';color: #fff;background-color: #3fa6fc;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);}
.vision_section .vision_item_wrap .vision_box .vision_white_box{color: #424242;box-sizing: border-box;border: 1px solid #eee;background-color: #fff;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);}
@media (min-width: 1400px) {
    .vision_item{padding: 64px 56px;}
    .vision_title{width: 164px;font-size: 16px;line-height: 27px;}
    .vision_content{width: calc(100% - 164px);}

    .vision_header{background: url("/res/home/theme1/img/sub/img_vision_bg.png")no-repeat;background-size: cover;}
    .vision_header .vision_top_title{font-size: 28px;line-height: 37px;}
    .vision_header .vision_top_title span{font-size: 14px;line-height: 21px;margin-left: 16px;}
    .vision_header .vision_top_ment{margin-top: 24px;font-size: 16px;line-height: 27px;}

    .vision_section{  padding-top: 64px;}
    .vision_section::before{height: 212px;}
    .vision_section .vision_item_wrap{padding: 0 56px; align-items: center;}
    .vision_section .vision_item_wrap.vision_item_01{margin-bottom: 64px;}
    .vision_section .vision_item_wrap.vision_item_02{margin-bottom: 24px;}
    .vision_section .vision_item_wrap .vision_navy_box{font-size: 16px;line-height: 56px;}
    .vision_section .vision_item_wrap .vision_sub_title{width: 164px;font-size: 16px;line-height: 27px;}
    .vision_section .vision_item_wrap .vision_box p{width: calc(25% - 12px);}
    .vision_section .vision_item_wrap .vision_box .vision_blue_box{font-size: 16px;line-height: 56px;}
    .vision_section .vision_item_wrap .vision_box .vision_white_box{font-size: 14px;line-height: 24px;padding: 33px 0;}
}
@media (max-width: 1399px) and (min-width: 768px){
    .vision_item{padding: 40px 32px; flex-direction: column;}
    .vision_title{font-size: 14px;line-height: 24px;}
    .vision_content{width: 100%; margin-top: 24px;}

    .vision_header{background: url("/res/home/theme1/img/sub/img_vision_bg.png")no-repeat;background-size: cover;}
    .vision_header .vision_top_title{font-size: 24px;line-height: 32px;}
    .vision_header .vision_top_title span{font-size: 12px;line-height: 18px;margin-left: 16px;}
    .vision_header .vision_top_ment{margin-top: 16px;font-size: 14px;line-height: 21px;}

    .vision_section{ padding-top: 40px;}
    .vision_section::before{height: 225px;}
    .vision_section .vision_item_wrap{padding: 0 32px; margin-bottom: 40px; flex-direction: column;}
    .vision_section .vision_item_wrap:last-child{ margin-bottom: 0;}
    .vision_section .vision_item_wrap .vision_navy_box{font-size: 14px;line-height: 48px;}
    .vision_section .vision_item_wrap .vision_sub_title{width: 100%; font-size: 14px;line-height: 24px; margin-bottom: 16px;}
    .vision_section .vision_item_wrap .vision_content{margin-top: 16px;}
    .vision_section .vision_item_wrap .vision_box{flex-wrap: wrap; margin-top: 0;}
    .vision_section .vision_item_wrap .vision_box p{width: calc(50% - 4px); margin-top: 8px;}
    .vision_section .vision_item_wrap .vision_box p:nth-child(-n + 2){margin-top: 0;}
    .vision_section .vision_item_wrap .vision_box .vision_blue_box{font-size: 14px;line-height: 48px;}
    .vision_section .vision_item_wrap .vision_box .vision_white_box{font-size: 14px;line-height: 48px;}
}
@media (max-width: 767px){
    .vision_item{padding: 40px 32px; flex-direction: column;}
    .vision_title{font-size: 14px;line-height: 24px;}
    .vision_content{width: 100%; margin-top: 24px;}

    .vision_header{background: url("/res/home/theme1/img/sub/img_vision_bg.png")no-repeat;background-size: cover;}
    .vision_header .vision_top_title{font-size: 20px;line-height: 29px;}
    .vision_header .vision_top_title span{font-size: 12px;line-height: 18px;margin-top: 8px;}
    .vision_header .vision_top_ment{margin-top: 16px;font-size: 14px;line-height: 21px;}

    .vision_section{ padding-top: 40px;}
    .vision_section::before{height: 225px;}
    .vision_section .vision_item_wrap{padding: 0 32px; margin-bottom: 40px; flex-direction: column;}
    .vision_section .vision_item_wrap:last-child{ margin-bottom: 0;}
    .vision_section .vision_item_wrap .vision_navy_box{font-size: 14px;line-height: 48px;}
    .vision_section .vision_item_wrap .vision_sub_title{width: 100%; font-size: 14px;line-height: 24px; margin-bottom: 16px;}
    .vision_section .vision_item_wrap .vision_content{margin-top: 16px;}
    .vision_section .vision_item_wrap .vision_box{flex-direction: column; margin-top: 0;}
    .vision_section .vision_item_wrap .vision_box p{width: 100%; margin-top: 8px;}
    .vision_section .vision_item_wrap .vision_box p:first-child{margin-top: 0;}
    .vision_section .vision_item_wrap .vision_box .vision_blue_box{font-size: 14px;line-height: 48px;}
    .vision_section .vision_item_wrap .vision_box .vision_white_box{font-size: 14px;line-height: 48px;}
}



/* 슬릭 도트 */
.campus_banner_img{overflow: hidden;}
.campus_banner_img .slick-list{top: 50%;transform: translate(0, -50%);}
.slick-dots{display: inline-block;position: absolute;bottom: 16px;left: 50%;transform: translate(-50%,0);font-size: 0;}
.slick-dots li{display: inline-block;vertical-align: top;width: 9px;height: 9px;background-color: #fafafa;margin-left: 8px;border-radius: 100%;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);cursor: pointer;}
.slick-dots li:first-child{margin-left: 0;}
.slick-dots li.slick-active{background-color: #ffb03f;}









/* 서브페이지 검색창 */
.search_wrap{width: 100%;box-sizing: border-box;border: 2px solid #eee; position: relative;  overflow: hidden; }
.search_wrap .search_section{width: 100%;box-sizing: border-box;position: relative;}
.search_wrap .search_section::before{content: "";height: 2px;background-color: #eee;position: absolute;top: 0;left: 50%;transform: translate(-50%,0);}
.search_wrap .search_section:first-child::before{display: none;}
.search_wrap .search_section .search_section_item{display: flex;align-items: center;}
.search_wrap .search_section .search_section_item:last-child{border-bottom: none;}
.search_wrap .search_section .search_section_item:first-child{margin-top: 0;}
.search_wrap .search_section .search_section_item .search_title{font-family: 'spoqa-medium';}
.search_wrap .search_section .search_section_item .search_input_box{position: relative;}
.search_wrap .search_section .search_section_item .search_input_box input{width: 100%;box-sizing: border-box;border: 1px solid #e0e0e0;letter-spacing: 0;}
.search_wrap .search_section .search_section_item .search_input_box input::placeholder{color: #9e9e9e;}
.search_wrap .search_section .search_section_item .search_input_box .search_btn{width: 24px;height: 24px;background: url("/res/home/theme1/img/common/btn_search.svg")no-repeat;position: absolute;top: 50%;transform: translate(0,-50%);cursor: pointer;}

.search_wrap .search_section .search_section_item .search_category{display: flex;justify-content: space-between;}
.search_wrap .search_section .search_section_item .search_category .search_category_item{text-align: center;border: 1px solid #e0e0e0;box-sizing: border-box;cursor: pointer;}
.search_wrap .search_section .search_section_item .search_category .search_category_item.current{border: 1px solid #007dfb;color: #007dfb;box-shadow: 0 2px 10px 0 rgba(0, 125, 251, 0.08);}

.search_wrap .search_btn_wrap{width: 100%;box-sizing: border-box;display: flex;align-items: center;justify-content: center;border-top: 2px solid #eee;}
.search_wrap .search_btn_wrap a{box-sizing: border-box;font-size: 14px;font-family: 'spoqa-medium';text-align: center;cursor: pointer;}
.search_wrap .search_btn_wrap .search_clear_btn{border: 1px solid #e0e0e0;color: #9e9e9e;margin-right: 8px;}
.search_wrap .search_btn_wrap .search_practice_btn{background-color: #3fa6fc;color: #fff;}
.search_wrap .search_section_close{width: 100%;display: flex;justify-content: center;align-items: center;cursor: pointer;background-color: #fafafa;}
.search_wrap .search_section_close .search_close_title{letter-spacing: 0;color: #424242;margin-right: 8px;}
.search_wrap .search_section_close .icon_arrow{transform: rotate(-180deg); width: 12px;height: 12px;background: url("/res/home/theme1/img/common/icon_search_arrow.svg")no-repeat;background-size: cover;}

.search_wrap.active{ height: auto!important; }
.search_wrap.active .icon_arrow{ transform: rotate(0); }
@media (min-width: 1400px) {
    .search_wrap{ padding-bottom: 60px; margin-bottom: 56px; height: 168px; }
    .search_wrap .search_section{padding: 32px 40px;}
    .search_wrap .search_section::before{width: calc(100% - 80px);}
    .search_wrap .search_section .search_section_item{margin-top: 16px;}
    .search_wrap .search_section .search_section_item .search_title{width: 100px; font-size: 14px;}
    .search_wrap .search_section .search_section_item .search_input_box{width: calc(100% - 100px);}
    .search_wrap .search_section .search_section_item .search_input_box input{height: 44px;padding: 0 16px;font-size: 14px;}
    .search_wrap .search_section .search_section_item .search_input_box .search_btn{right: 16px;}

    .search_wrap .search_section .search_section_item .search_category{width: calc(100% - 100px);}
    .search_wrap .search_section .search_section_item .search_category .search_category_item{width: 128px;font-size: 14px;line-height: 42px;}

    .search_wrap .search_btn_wrap{padding: 24px 0;}
    .search_wrap .search_btn_wrap a{width: 140px;height: 48px;}
    .search_wrap .search_btn_wrap .search_clear_btn{line-height: 46px;}
    .search_wrap .search_btn_wrap .search_practice_btn{line-height: 48px;}
    .search_wrap .search_section_close{height: 60px; position: absolute; bottom: 0; left: 0;}
    .search_wrap .search_section_close .search_close_title{font-size: 14px;}

}
@media (max-width: 1399px) and (min-width: 768px){
    .search_wrap{ padding-bottom: 48px; margin-bottom: 40px; height: 166px; }
    .search_wrap .search_section{padding: 0 32px;}
    .search_wrap .search_section::before{width: calc(100% - 64px);}
    .search_wrap .search_section .search_section_item{padding: 24px 0; flex-direction: column; align-items: start; border-top: 1px solid #eee;}
    .search_wrap .search_section .search_section_item:first-child{border-top: none;}
    .search_wrap .search_section .search_section_item .search_title{font-size: 12px; line-height: 18px; margin-bottom: 8px;}
    .search_wrap .search_section .search_section_item .search_input_box{width: 100%;}
    .search_wrap .search_section .search_section_item .search_input_box input{height: 40px;padding: 0 12px;font-size: 12px;}
    .search_wrap .search_section .search_section_item .search_input_box .search_btn{right: 12px;}

    .search_wrap .search_section .search_section_item .search_category{width: 100%;}
    .search_wrap .search_section .search_section_item .search_category .search_category_item{width: calc(16.66% - 7px);font-size: 12px;line-height: 36px;}

    .search_wrap .search_btn_wrap{padding: 16px 0;}
    .search_wrap .search_btn_wrap a{width: 120px;height: 44px;}
    .search_wrap .search_btn_wrap .search_clear_btn{line-height: 42px;}
    .search_wrap .search_btn_wrap .search_practice_btn{line-height: 44px;}
    .search_wrap .search_section_close{height: 48px; position: absolute; bottom: 0;left: 0;}
    .search_wrap .search_section_close .search_close_title{font-size: 12px;}
}
@media (max-width: 767px){
    .search_wrap{ padding-bottom: 48px; margin-bottom: 32px; height: 166px; }
    .search_wrap .search_section{padding: 0 24px;}
    .search_wrap .search_section::before{width: calc(100% - 48px);}
    .search_wrap .search_section .search_section_item{padding: 24px 0; flex-direction: column; align-items: start; border-top: 1px solid #eee;}
    .search_wrap .search_section .search_section_item:first-child{border-top: none;}
    .search_wrap .search_section .search_section_item .search_title{font-size: 12px; line-height: 18px; margin-bottom: 8px;}
    .search_wrap .search_section .search_section_item .search_input_box{width: 100%;}
    .search_wrap .search_section .search_section_item .search_input_box input{height: 40px;padding: 0 12px;font-size: 12px;}
    .search_wrap .search_section .search_section_item .search_input_box .search_btn{right: 12px;}

    .search_wrap .search_section .search_section_item .search_category{width: 100%; flex-wrap: wrap;}
    .search_wrap .search_section .search_section_item .search_category .search_category_item{width: calc(33.33% - 5px);font-size: 12px;line-height: 36px; margin-top: 8px;}
    .search_wrap .search_section .search_section_item .search_category .search_category_item:nth-child(-n+3){ margin-top: 0;}

    .search_wrap .search_btn_wrap{padding: 16px 24px;}
    .search_wrap .search_btn_wrap a{width: calc(50% - 4px);height: 44px;}
    .search_wrap .search_btn_wrap .search_clear_btn{line-height: 42px;}
    .search_wrap .search_btn_wrap .search_practice_btn{line-height: 44px;}
    .search_wrap .search_section_close{height: 48px; position: absolute; bottom: 0; left: 0;}
    .search_wrap .search_section_close .search_close_title{font-size: 12px;}
}




/* 설명회 리스트 */
.top_total_num{letter-spacing: 0;color: #9e9e9e;}
.top_total_num span{color: #000;}

.card_list{width: 100%;}
.card_list .card_item{width: 100%;display: flex;align-items: center;box-sizing: border-box;border: 1px solid #e0e0e0;}
.card_list .card_item .card_item_img{width: 340px;height: 260px;background: url("/res/home/theme1/img/sub/img_story_banner.jpg")no-repeat center;background-size: cover;}
.card_list .card_item .card_item_img.none_img{ background: url("/res/home/theme1/img/home/img_none.svg")no-repeat center; background-size: cover; }
.card_list .card_item .card_item_content{box-sizing: border-box;}

.card_top_content{display: flex;align-items: center;justify-content: space-between;}
.card_top_content .card_personnel{letter-spacing: 0;color: #424242;}
.card_top_content .card_personnel .card_waiting_item{color: #9e9e9e;}
.card_top_content .card_state, .cd_state{font-size: 0;}
.card_top_content ul, .cd_state ul{display: inline-block;vertical-align: top;font-family: 'spoqa-medium';text-align: center;}
.card_top_content ul.card_register_state, .cd_state ul.card_register_state{margin-left: 8px;}
.card_top_content li, .cd_state li{display: none; position: relative; box-sizing: border-box;}
.card_top_content li.current, .cd_state li.current{display: block;}
.card_top_content li.type_01, .cd_state li.type_01{color: #fff;background-color: #2f3945;}
.card_top_content li.type_02, .cd_state li.type_02{color: #9e9e9e; box-sizing: border-box;}
.card_top_content li.type_02::before, .cd_state li.type_02::before{content: ""; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #e0e0e0; position: absolute; top: 0; left: 0;}
.card_top_content li.type_03, .cd_state li.type_03{color: #fff;background-color: #bdbdbd;}
.card_top_content li.type_04, .cd_state li.type_04{color: #007dfb;background-color: rgba(0, 125, 251, 0.08);}
.card_top_content li.type_05, .cd_state li.type_05{color: #4caf50;background-color: rgba(76, 175, 80, 0.08);}

.card_top_content .card_type{font-family: 'spoqa-medium';box-sizing: border-box;text-align: center;}
.card_top_content .card_type p{display: none; position: relative;}
.card_top_content .card_type p.card_type_item01{color: #007dfb;}
.card_top_content .card_type p.card_type_item01::before{content: ""; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #007dfb; position: absolute; top:0; left: 0;}
.card_top_content .card_type p.card_type_item02::before{content: ""; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #ff8a00;position: absolute; top:0; left: 0;}
.card_top_content .card_type p.card_type_item02{color: #ff8a00;}
.card_top_content .card_type p.card_type_item01.current,
.card_top_content .card_type p.card_type_item02.current{display: block;}

.card_bottom_content .card_title{width: 100%;font-family: 'spoqa-medium';letter-spacing: 0;overflow:hidden;text-overflow:ellipsis;}
.card_bottom_content .card_title .card_title_point{color: #ff8a00;}
.card_bottom_content .card_info_list{margin-top: 16px;display: flex;}
.card_bottom_content .card_info_list .card_info_item{margin-top: 6px;display: flex;align-items: center;}
.card_bottom_content .card_info_list .card_info_item .card_info_title{font-size: 14px;line-height: 24px;letter-spacing: 0;color: #9e9e9e;width: 52px;}
.card_bottom_content .card_info_list .card_info_item .card_info_content{font-size: 14px;line-height: 24px;letter-spacing: 0;color: #424242;}
.card_bottom_content .card_info_list .card_info_item .card_info_content.color_point{color: #007dfb;}

.card_top_content .card_onoff_type .card_onoff_item{font-family: 'spoqa-medium';color: #ff8a00;letter-spacing: 0;display: none;}
.card_item_content .card_info_btn {background-color: #3fa6fc;color: #fff;font-family: 'spoqa-medium';text-align: center;cursor: pointer;display: none;}

.card_top_content .card_category_list .card_category_item{font-family: 'spoqa-medium';color: #007dfb;letter-spacing: 0;display: none;}
.card_top_content .card_category_list .card_category_item.current{display: block;}

.card_item.online .onoff_01{ display: block; }
.card_item.offline .onoff_02{ display: block; }
.card_item.onoffline .onoff_03{ display: block; }

.card_item.online .card_info_btn,
.card_item.onoffline .card_info_btn{ display: block; }
.card_item.edu_end .card_info_btn{ display: none!important; }
.card_item.edu_end .card_category_item{ color: #9e9e9e; }
.card_item.edu_end .card_title_point{ color: #000; }
@media (min-width: 1400px) {
    .top_total_num{font-size: 16px;line-height: 27px;margin-bottom: 24px;}

    .card_list .card_item{ margin-top: 24px; }
    .card_list .card_item .card_item_content{width: calc(100% - 340px);height: 220px;padding: 24px;}
    .card_top_content .card_personnel{font-size: 14px;line-height: 24px;}
    .card_top_content ul, .cd_state ul{font-size: 13px;}
    .card_top_content li, .cd_state li{width: 80px; padding: 7px 0; line-height: 13px;}

    .card_top_content .card_type{font-size: 13px;}
    .card_top_content .card_type p{width: 80px;line-height: 13px;border-radius: 14px; padding: 7px 0;}

    .card_top_content .card_type p.card_type_item01::before{border-radius: 14px;}
    .card_top_content .card_type p.card_type_item02::before{border-radius: 14px;}

    .card_bottom_content{margin-top: 24px;}
    .card_bottom_content .card_title{font-size: 20px;line-height: 29px;white-space:nowrap;}
    .card_bottom_content .card_info_list{justify-content: space-between;align-items: center;flex-wrap: wrap;}
    .card_bottom_content .card_info_list .card_info_item{width: 50%;}
    .card_bottom_content .card_info_list .card_info_item:nth-child(-n + 2){margin-top: 0px;}
    .card_bottom_content .card_info_list .card_info_item .card_info_title{margin-right: 24px;}

    .card_top_content .card_onoff_type .card_onoff_item{font-size: 16px;line-height: 23px;}
    .card_item_content .card_info_btn {width: 156px;height: 44px;line-height: 44px;font-size: 14px;margin-left: auto;margin-top: 12px;}

    .my_content .my_content_top .card_category_list .card_category_item{font-size: 16px;font-family: 'spoqa-medium';color: #007dfb;line-height: 23px;letter-spacing: 0;}
}
@media (max-width: 1399px) and (min-width: 768px){
    .top_total_num{font-size: 14px;line-height: 24px;margin-bottom: 16px;}

    .card_list .card_item{ margin-top: 16px; }
    .card_list .card_item .card_item_content{width: 100%; padding: 24px;}
    .card_top_content .card_personnel{font-size: 12px;line-height: 18px;}
    .card_top_content ul, .cd_state ul{font-size: 11px;}
    .card_top_content li, .cd_state li{width: 70px; padding: 6px 0; line-height: 11px;}

    .card_top_content .card_type{font-size: 11px;}
    .card_top_content .card_type p{width: 70px;line-height: 11px;border-radius: 12px; padding: 6px 0;}

    .card_top_content .card_type p.card_type_item01::before{border-radius: 12px;}
    .card_top_content .card_type p.card_type_item02::before{border-radius: 12px;}

    .card_bottom_content{margin-top: 16px;}
    .card_bottom_content .card_title{font-size: 18px;line-height: 25px;white-space:nowrap;}
    .card_bottom_content .card_info_list{justify-content: space-between;align-items: center;flex-wrap: wrap;}
    .card_bottom_content .card_info_list .card_info_item{width: 50%;}
    .card_bottom_content .card_info_list .card_info_item:nth-child(-n + 2){margin-top: 0px;}
    .card_bottom_content .card_info_list .card_info_item .card_info_title{margin-right: 16px;}

    .card_item_content{display: flex;flex-wrap: wrap;}
    .card_item_content .card_top_content{width: 100%;}
    .card_item_content .card_bottom_content{width: calc(100% - 124px);}

    .card_top_content .card_onoff_type .card_onoff_item{font-size: 14px;line-height: 20px;}
    .card_item_content .card_info_btn{width: 100px;height: 40px;line-height: 40px;font-size: 12px;margin-left: auto; margin-top: auto;}

    .my_content .my_content_top .card_category_list .card_category_item{font-size: 14px;line-height: 20px;}
}
@media (max-width: 767px){
    .top_total_num{font-size: 14px;line-height: 24px;margin-bottom: 16px;}

    .card_list .card_item{ margin-top: 16px; }
    .card_list .card_item .card_item_content{width: 100%; padding: 20px;}
    .card_top_content .card_personnel{font-size: 12px;line-height: 18px; letter-spacing: 0;}
    .card_top_content ul, .cd_state ul{font-size: 11px;}
    .card_top_content li, .cd_state li{width: 70px; padding: 6px 0; line-height: 11px;}

    .card_top_content .card_type{font-size: 11px;}
    .card_top_content .card_type p{width: 70px;line-height: 11px;border-radius: 12px; padding: 6px 0;}

    .card_top_content .card_type p.card_type_item01::before{border-radius: 12px; }
    .card_top_content .card_type p.card_type_item02::before{border-radius: 12px;}

    .card_bottom_content{margin-top: 16px;}
    .card_bottom_content .card_title{font-size: 16px;line-height: 27px;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;word-wrap:break-word;}
    .card_bottom_content .card_info_list{flex-wrap: wrap;}
    .card_bottom_content .card_info_list .card_info_item{width: 100%;}
    .card_bottom_content .card_info_list .card_info_item:first-child{margin-top: 0px;}
    .card_bottom_content .card_info_list .card_info_item .card_info_title{margin-right: 16px;}

    .card_top_content .card_onoff_type .card_onoff_item{font-size: 14px;line-height: 20px;}
    .card_item_content .card_info_btn{width: 100%;height: 40px;line-height: 40px;font-size: 12px;margin-top: 24px;}

    .my_content .my_content_top .card_category_list .card_category_item{font-size: 14px;line-height: 20px;}
}

.card_list .card_item.disabled{border: 1px solid rgba(0, 0, 0, 0.04);background-color: rgba(0, 0, 0, 0.04);}
.card_list .card_item.disabled,
.card_list .card_item.disabled .card_personnel span,
.card_list .card_item.disabled .card_title,
.card_list .card_item.disabled .card_title span,
.card_list .card_item.disabled .color_point,
.card_list .card_item.disabled .card_info_content
{color: #9e9e9e!important;}




/* 설명회 상세페이지 */
.cd_header .cd_header_top{width: 100%;}
.cd_header .cd_header_top .cd_header_img{background-size: cover !important;border-radius: 16px;}
.cd_header .cd_header_top .cd_header_content .cd_title{width: 100%;font-family: 'spoqa-medium';letter-spacing: 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.cd_header .cd_header_top .cd_header_content .cd_info_list{width: 100%;}
.cd_header .cd_header_top .cd_header_content .cd_info_list .card_info_item{display: flex;align-items: center;}
.cd_header .cd_header_top .cd_header_content .cd_info_list .card_info_item:first-child{margin-top: 0;}
.cd_header .cd_header_top .cd_header_content .cd_info_list .card_info_item .card_info_title{letter-spacing: 0;color: #9e9e9e;}
.cd_header .cd_header_top .cd_header_content .cd_info_list .card_info_item .card_info_content{letter-spacing: 0;color: #424242;}
.cd_header .cd_header_top .cd_header_content .cd_info_list .card_info_item .card_info_content span{color: #9e9e9e;}

.cd_header .cd_header_bottom{display: flex; width: 100%;margin-top: 24px;}
.cd_header .cd_header_bottom a{font-family: 'spoqa-medium';text-align: center;cursor: pointer;box-sizing: border-box;}
.cd_header .cd_header_bottom .cd_list_btn{border: 1px solid #9e9e9e;color: #424242;}
.cd_header .cd_header_bottom .cd_apply_btn{color: #fff;background-color: #3fa6fc;}
.cd_header .cd_header_bottom .cd_apply_btn.disabled{background-color: #9e9e9e;}

.cd_content_tab{width: 100vw;display: flex;height: 44px;border-bottom: 1px solid #e0e0e0;box-sizing: border-box;}
.cd_content_tab .cd_tab_item{width: 33.33%;padding: 12px 0;cursor: pointer;font-size: 14px;line-height: 24px;position: relative;text-align: center;color: #9e9e9e;}
.cd_content_tab .cd_tab_item.current{font-family: 'spoqa-medium';color: #2f3945;}
.cd_content_tab .cd_tab_item.current::before{content: "";width: 100%;height: 2px;position: absolute;bottom: -1px;left: 0;background-color: #2f3945;}

.cd_content .cd_content_item:first-child{margin-top: 0;}
.cd_content .cd_content_item .info_content_ment .board_detail_file{margin-top: 0;}

.cd_footer{display: flex;width: 100%;box-sizing: border-box;background: #fafafa;}
.cd_footer .cd_footer_title{font-family: 'spoqa-medium';letter-spacing: 0;}
.cd_footer .cd_footer_content .cd_footer_item{display: flex;align-items: center;}
.cd_footer .cd_footer_content .cd_footer_item:first-child{margin-top: 0;}
.cd_footer .cd_footer_content .cd_footer_item li{letter-spacing: 0;}
.cd_footer .cd_footer_content .cd_footer_item .cd_footer_left{color: #9e9e9e;}
.cd_footer .cd_footer_content .cd_footer_item .cd_footer_right{color: #424242;}

.card_detail .list_btn{display: inline-block;box-sizing: border-box;text-align: center;border: 1px solid #9e9e9e;cursor: pointer;font-family: 'spoqa-medium';color: #424242;}
@media (min-width: 1400px) {
    .cd_header .cd_header_top{display: flex;}
    .cd_header .cd_header_top .cd_header_img_wrap{width: 420px;height: 0;margin-right: 40px;}
    .cd_header .cd_header_top .cd_header_img{width: 100%;padding-bottom: 76.36%;}
    .cd_header .cd_header_top .cd_header_content{width: calc(100% - 460px);}
    .cd_header .cd_header_top .cd_header_content .cd_title{font-size: 24px;line-height: 32px;margin-top: 24px;}
    .cd_header .cd_header_top .cd_header_content .cd_info_list{margin-top: 32px;}
    .cd_header .cd_header_top .cd_header_content .cd_info_list .card_info_item{margin-top: 8px;}
    .cd_header .cd_header_top .cd_header_content .cd_info_list .card_info_item .card_info_title{font-size: 16px;line-height: 27px;margin-right: 40px;width: 60px;}
    .cd_header .cd_header_top .cd_header_content .cd_info_list .card_info_item .card_info_content{font-size: 16px;line-height: 27px;width: calc(100% - 100px);}

    .cd_header .cd_header_bottom{justify-content: space-between;align-items: center;}
    .cd_header .cd_header_bottom a{font-size: 14px;height: 44px;}
    .cd_header .cd_header_bottom .cd_list_btn{width: 120px;line-height: 42px;}
    .cd_header .cd_header_bottom .cd_apply_btn{width: 280px;line-height: 44px;}

    .cd_content{margin-top: 60px;}
    .cd_content .cd_content_item{margin-top: 56px;}
    .cd_content .cd_content_item .sub_title{margin-bottom: 32px;}

    .cd_footer{padding: 32px 40px;margin-top: 56px;}
    .cd_footer .cd_footer_title{font-size: 16px;line-height: 27px;width: 60px;margin-right: 80px;}
    .cd_footer .cd_footer_content{width: calc(100% - 140px);}
    .cd_footer .cd_footer_content .cd_footer_item{margin-top: 8px;}
    .cd_footer .cd_footer_content .cd_footer_item li{font-size: 16px;line-height: 27px;}
    .cd_footer .cd_footer_content .cd_footer_item .cd_footer_left{width: 100px;}

    .card_detail .list_btn{width: 120px;height: 44px;line-height: 42px;font-size: 14px;margin: 40px 0 0 calc(100% - 120px);}
}
@media (max-width: 1399px) and (min-width: 768px){
    .cd_header .cd_header_top{display: flex;}
    .cd_header .cd_header_top .cd_header_img_wrap{width: 340px;height: 0;margin-right: 32px;}
    .cd_header .cd_header_top .cd_header_img{width: 100%;padding-bottom: 76.36%;}
    .cd_header .cd_header_top .cd_header_content{width: calc(100% - 372px);}
    .cd_header .cd_header_top .cd_header_content .cd_title{font-size: 20px;line-height: 26px;margin-top: 12px;}
    .cd_header .cd_header_top .cd_header_content .cd_info_list{margin-top: 24px;}
    .cd_header .cd_header_top .cd_header_content .cd_info_list .card_info_item{margin-top: 6px;}
    .cd_header .cd_header_top .cd_header_content .cd_info_list .card_info_item .card_info_title{font-size: 14px;line-height: 24px;margin-right: 16px;width: 52px;}
    .cd_header .cd_header_top .cd_header_content .cd_info_list .card_info_item .card_info_content{font-size: 14px;line-height: 24px;width: calc(100% - 68px);}

    .cd_header .cd_header_bottom{justify-content: space-between;align-items: center;}
    .cd_header .cd_header_bottom a{font-size: 12px;height: 40px;}
    .cd_header .cd_header_bottom .cd_list_btn{width: 100px;line-height: 38px;}
    .cd_header .cd_header_bottom .cd_apply_btn{width: 280px;line-height: 40px;}

    .cd_content_tab{margin-top: 40px; transform: translateX(-24px);}

    .cd_content{margin-top: 36px;}
    .cd_content .cd_content_item{margin-top: 40px;}
    .cd_content .cd_content_item .sub_title{margin-bottom: 24px;}

    .cd_footer{padding: 24px;margin-top: 40px;}
    .cd_footer .cd_footer_title{font-size: 14px;line-height: 24px;width: 156px;}
    .cd_footer .cd_footer_content{width: calc(100% - 156px);}
    .cd_footer .cd_footer_content .cd_footer_item{margin-top: 6px;}
    .cd_footer .cd_footer_content .cd_footer_item li{font-size: 14px;line-height: 24px;}
    .cd_footer .cd_footer_content .cd_footer_item .cd_footer_left{width: 68px;}

    .card_detail .list_btn{width: 100px;height: 40px;line-height: 38px;font-size: 12px;margin: 32px 0 0 calc(100% - 100px);}
}
@media (max-width: 767px){
    .cd_header .cd_header_top .cd_header_img{width: 100%;height: 0; margin-bottom: 24px;padding-bottom: 76.36%;}

    .cd_header .cd_header_top .cd_header_content{width: 100%;}
    .cd_header .cd_header_top .cd_header_content .cd_title{font-size: 18px;line-height: 22px;margin-top: 16px;}
    .cd_header .cd_header_top .cd_header_content .cd_info_list{margin-top: 24px;}
    .cd_header .cd_header_top .cd_header_content .cd_info_list .card_info_item{margin-top: 6px;}
    .cd_header .cd_header_top .cd_header_content .cd_info_list .card_info_item .card_info_title{font-size: 14px;line-height: 24px;margin-right: 16px;width: 52px;}
    .cd_header .cd_header_top .cd_header_content .cd_info_list .card_info_item .card_info_content{font-size: 14px;line-height: 24px;width: calc(100% - 68px);}

    .cd_header .cd_header_bottom a{font-size: 12px;height: 40px;}
    .cd_header .cd_header_bottom .cd_apply_btn{width: 100%;line-height: 40px;}

    .cd_content_tab{margin-top: 32px; transform: translateX(-20px);}

    .cd_content{margin-top: 32px;}
    .cd_content .cd_content_item{margin-top: 32px;}
    .cd_content .cd_content_item .sub_title{margin-bottom: 24px;}

    .cd_footer{padding: 24px;margin-top: 32px; flex-direction: column;}
    .cd_footer .cd_footer_title{font-size: 14px;line-height: 24px; margin-bottom: 16px;}
    .cd_footer .cd_footer_content{width: 100%;}
    .cd_footer .cd_footer_content .cd_footer_item{margin-top: 6px;}
    .cd_footer .cd_footer_content .cd_footer_item li{font-size: 14px;line-height: 24px;}
    .cd_footer .cd_footer_content .cd_footer_item .cd_footer_left{width: 68px;}

    .card_detail .list_btn{width: 100px;height: 40px;line-height: 38px;font-size: 12px;margin: 32px 0 0 calc(100% - 100px);}
}





/* 강동마을교사학교 */
.ts_header{display: flex;flex-direction: column;justify-content: center;font-size: 0;}
.ts_header .ts_header_subtitle{display: inline-block;font-family: 'spoqa-medium';letter-spacing: 0;color: #007dfb;margin: 0 auto 8px;}
.ts_header .ts_header_title{display: inline-block;font-family: 'spoqa-bold';letter-spacing: 0;margin: 0 auto 16px;}
.ts_header .ts_header_title .color_red{color: #ea3131;}
.ts_header .ts_header_title .color_blue{color: #3c66cd;}
.ts_header .ts_header_title .color_green{color: #1b8c3c;}
.ts_header .ts_header_title.type_01{ margin-bottom: 0; }
.ts_header .ts_header_ment{display: inline-block;font-family: 'spoqa-medium';letter-spacing: 0;position: relative;margin: 0 auto;}
.ts_header .ts_header_ment::before{content: "";width: 100%;height: 25px;background: rgba(0, 125, 251, 0.08);border-radius: 13px;position: absolute;top: 12px;left: 0;}

.ts_content{background-color: #fff;box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.08);box-sizing: border-box; position: relative;}
.ts_content .ts_content_item{width: 100%;box-sizing: border-box;position: relative;}
.ts_content .ts_content_item:first-child{margin-top: 0;}
.ts_content .ts_content_item::before{content: "Q";font-family: 'nsr-eb';text-align: center;color: #fff;background-color: #ffb03f;position: absolute;top: 0;left: 0;border-radius: 100%;}
.ts_content .ts_content_item .ts_title{font-family: 'spoqa-bold';}
.ts_content .ts_content_item .ts_ment{color: #424242;}
.ts_content .ts_content_item .ts_content_box{width: 100%;display: flex;}
.ts_content .ts_content_item .ts_content_box .ts_box_item{background-color: rgba(255, 138, 0, 0.08);font-family: 'spoqa-medium';text-align: center;}
.ts_content .ts_content_item .ts_sub_ment{letter-spacing: 0;color: #424242;}

.ts_content .ts_content_item .ts_info_item{display: flex;position: relative;}
.ts_content .ts_content_item .ts_info_item .ts_info_title{font-family: 'spoqa-medium';}
.ts_content .ts_content_item .ts_info_item .ts_info_content{font-family: 'spoqa-medium';}
.ts_content .ts_content_item .ts_info_item .ts_info_content .ts_info_box1{width: 100%;border: 1px solid #eee;box-sizing: border-box;font-family: 'spoqa-bold';background: #fafafa;text-align: center;}
.ts_content .ts_content_item .ts_info_item .ts_info_dot{position: absolute;display: flex;align-items: center;}
.ts_content .ts_content_item .ts_info_item .ts_info_dot li{border-radius: 100%;}
.ts_content .ts_content_item .ts_info_item .ts_info_dot li:last-child{margin-right: 0;}
.ts_content .ts_content_item .ts_info_item .ts_info_dot .ts_dot_item1{width: 4px;height: 4px;background: #ffc666;}
.ts_content .ts_content_item .ts_info_item .ts_info_dot .ts_dot_item2{width: 8px;height: 8px;background: #ff8a00;}

.ts_content .ts_content_item .ts_info_item .ts_info_content.type_01{display: flex;}
.ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2{box-sizing: border-box;background: rgba(255, 138, 0, 0.08);text-align: center;border-radius: 10px;}
.ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2 .ts_box_title{font-family: 'spoqa-bold';letter-spacing: 0;color: #ff8a00;}
.ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2 .ts_box_ment{letter-spacing: 0;color: #424242;}
.ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2.type_01{background: #ff8a00;}
.ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2.type_01 p{color: #fff;}
.ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_icon.type_01{background: url("/res/home/theme1/img/sub/icon_ondol_plus.svg")no-repeat;background-size: cover;}
.ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_icon.type_02{background: url("/res/home/theme1/img/sub/icon_ondol_equality.svg")no-repeat;background-size: cover;}

.ts_content .icon_st_01{position: absolute;}
.ts_content .icon_st_02{position: absolute;}
.ts_content .icon_st_03{position: absolute;}

.ts_slide{font-size: 0;position: relative;}
.ts_slide .ts_slide_content .ts_slide_subtitle{font-family: 'spoqa-bold';letter-spacing: 0;color: #3fa6fc;}
.ts_slide .ts_slide_content .ts_slide_title{font-family: 'spoqa-bold';letter-spacing: 0;margin-top: 8px;}
.ts_slide .ts_slide_content .ts_slide_ment{letter-spacing: 0;color: #9e9e9e;}

.ts_slide .ts_slide_main_wrap{position: relative;}
.ts_slide .ts_slide_main_wrap .ts_slide_page{background: rgba(0, 0, 0, 0.48);box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;position: absolute;bottom: 0;right: 0;}
.ts_slide .ts_slide_main_wrap .ts_slide_page .ts_slide_name{letter-spacing: 0;color: #fff;}
.ts_slide .ts_slide_main_wrap .ts_slide_page .ts_slide_num{color: #fff;}

.ts_slide .ts_slide_main img{width: 100%;}
.ts_slide .ts_slide_main .slick-prev{width: 60px;height: 60px;background-color: #fff;background-image: url("/res/home/theme1/img/sub/icon_slide_prev.svg");background-size: 24px;background-position: center;background-repeat: no-repeat;box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);position: absolute;left: -370px;bottom: 0;}
.ts_slide .ts_slide_main .slick-next{width: 60px;height: 60px;background-color: #fff;background-image: url("/res/home/theme1/img/sub/icon_slide_next.svg");background-size: 24px;background-position: center;background-repeat: no-repeat;box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);position: absolute;left: -294px;bottom: 0;}
@media (min-width: 1400px) {
    .ts_header .ts_header_subtitle{font-size: 18px;line-height: 25px;}
    .ts_header .ts_header_title{font-size: 38px;line-height: 51px;}
    .ts_header .ts_header_ment{font-size: 20px;line-height: 29px;padding: 0 16px;}

    .ts_content{margin-top: 48px;border-top-left-radius: 100px;padding: 80px 140px;}
    .ts_content .ts_content_item{padding-left: 72px;margin-top: 40px;}
    .ts_content .ts_content_item::before{font-size: 28px;width: 48px;height: 48px;line-height: 48px;}
    .ts_content .ts_content_item .ts_title{padding-top: 8px;font-size: 24px;line-height: 32px;}
    .ts_content .ts_content_item .ts_ment{margin-top: 16px;font-size: 16px;line-height: 27px;}
    .ts_content .ts_content_item .ts_content_box{align-items: center;justify-content: space-between;}
    .ts_content .ts_content_item .ts_content_box .ts_box_item{width: calc(50% - 4px);padding: 24px 0;font-size: 14px;line-height: 24px;margin-top: 16px;}
    .ts_content .ts_content_item .ts_sub_ment{font-size: 16px;line-height: 27px;margin-top: 16px;}

    .ts_content .ts_content_item .ts_info_item{margin-top: 24px; align-items: center;}
    .ts_content .ts_content_item .ts_info_item .ts_info_title{font-size: 16px;line-height: 27px;width: 98px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content{width: calc(100% - 98px);}
    .ts_content .ts_content_item .ts_info_item .ts_info_content .ts_info_box1{height: 60px;line-height: 58px;font-size: 16px; border-radius: 30px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_dot{top: 50%;left: 54px;transform: translate(0,-50%);}
    .ts_content .ts_content_item .ts_info_item .ts_info_dot li{margin-right: 16px;}

    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01{justify-content: space-between;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2{width: calc(33.33% - 11px);padding: 24px 19px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2 .ts_box_title{font-size: 16px;line-height: 27px;margin-top: 8px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2 .ts_box_ment{font-size: 14px;line-height: 24px;margin-top: 16px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_icon{width: 12px;height: 12px;margin: auto 0;}

    .ts_content .icon_st_01{width: 60px;height: 75px;top: -75px;left: 80px;}
    .ts_content .icon_st_02{width: 110px;height: 71px;top: -71px;right: 40px;}
    .ts_content .icon_st_03{width: 80px;height: 70px;bottom: 0;right: 64px;}

    .ts_slide{margin-top: 56px;}
    .ts_slide .ts_slide_content{position: absolute;top: 75px;left: 0;}
    .ts_slide .ts_slide_content .ts_slide_subtitle{font-size: 16px;line-height: 27px;}
    .ts_slide .ts_slide_content .ts_slide_title{font-size: 24px;line-height: 32px;}
    .ts_slide .ts_slide_content .ts_slide_ment{font-size: 16px;line-height: 27px;margin-top: 24px;}
    .ts_slide .ts_slide_main{width: 620px;height: 348px;margin-left: auto;}

    .ts_slide .ts_slide_main_wrap .ts_slide_page{width: 620px;height: 48px;padding: 0 24px;}
    .ts_slide .ts_slide_main_wrap .ts_slide_page .ts_slide_name{font-size: 14px;line-height: 24px;}
    .ts_slide .ts_slide_main_wrap .ts_slide_page .ts_slide_num{font-size: 12px;line-height: 18px;}
}
@media (max-width: 1399px) and (min-width: 768px){
    .ts_header .ts_header_subtitle{font-size: 14px;line-height: 24px;}
    .ts_header .ts_header_title{font-size: 32px;line-height: 44px;}
    .ts_header .ts_header_ment{font-size: 16px;line-height: 27px;padding: 0 4px;}
    .ts_header .ts_header_ment::before{height: 14px; top: 13px;}

    .ts_content{margin-top: 40px;border-top-left-radius: 40px;padding: 64px 80px;}
    .ts_content .ts_content_item{padding-left: 48px;margin-top: 32px;}
    .ts_content .ts_content_item::before{font-size: 18px;width: 32px;height: 32px;line-height: 32px;}
    .ts_content .ts_content_item .ts_title{padding-top: 3px;font-size: 20px;line-height: 26px;}
    .ts_content .ts_content_item .ts_ment{margin-top: 8px;font-size: 14px;line-height: 24px;}
    .ts_content .ts_content_item .ts_content_box{align-items: center;justify-content: space-between;}
    .ts_content .ts_content_item .ts_content_box .ts_box_item{width: calc(50% - 4px);padding: 16px 0;font-size: 12px;line-height: 18px;margin-top: 16px;}
    .ts_content .ts_content_item .ts_sub_ment{font-size: 14px;line-height: 24px;margin-top: 16px;}

    .ts_content .ts_content_item .ts_info_item{margin-top: 16px; align-items: center;}
    .ts_content .ts_content_item .ts_info_item .ts_info_title{font-size: 14px;line-height: 24px;width: 72px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content{width: calc(100% - 72px);}
    .ts_content .ts_content_item .ts_info_item .ts_info_content .ts_info_box1{height: 48px;line-height: 46px;font-size: 14px; border-radius: 24px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_dot{top: 20px;left: 44px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_dot li{margin-right: 8px;}

    .ts_content .ts_content_item .ts_info_item.type_01{align-items: start;}
    .ts_content .ts_content_item .ts_info_item.type_01 .ts_info_title{margin-top: 14px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01{flex-direction: column; align-items: center;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2{display: flex; align-items: center; width: 100%;padding: 14px 24px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2 img{width: 20px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2 .ts_box_title{font-size: 14px;line-height: 24px;margin-left: 16px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2 .ts_box_ment{font-size: 12px;line-height: 18px;margin-left: 24px; text-align: left;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_icon{width: 8px;height: 8px;margin: 4px 0;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_icon.type_02{ transform: rotate(-90deg); }

    .ts_content .icon_st_01{width: 44px;height: 55px;top: -55px;left: 64px;}
    .ts_content .icon_st_02{width: 80px;height: 52px;top: -52px;right: 32px;}
    .ts_content .icon_st_03{width: 60px;height: 52px;bottom: 0;right: 40px;}

    .ts_slide{margin-top: 40px;}
    .ts_slide .ts_slide_content{text-align: center;}
    .ts_slide .ts_slide_content .ts_slide_subtitle{font-size: 14px;line-height: 21px;}
    .ts_slide .ts_slide_content .ts_slide_title{font-size: 20px;line-height: 26px;}
    .ts_slide .ts_slide_content .ts_slide_ment{font-size: 14px;line-height: 24px;margin-top: 16px;}
    .ts_slide .ts_slide_main{width: 100%; margin-top: 32px;}
    .ts_slide .ts_slide_main .slick-arrow{display: none;}

    .ts_slide .ts_slide_main_wrap .ts_slide_page{width: 100%;height: 40px;padding: 0 16px;}
    .ts_slide .ts_slide_main_wrap .ts_slide_page .ts_slide_name{font-size: 12px;line-height: 18px;}
    .ts_slide .ts_slide_main_wrap .ts_slide_page .ts_slide_num{font-size: 12px;line-height: 18px;}
}
@media (max-width: 767px){
    .ts_header .ts_header_subtitle{font-size: 14px;line-height: 24px;}
    .ts_header .ts_header_title{font-size: 24px;line-height: 32px;}
    .ts_header .ts_header_ment{font-size: 16px;line-height: 27px;padding: 0 4px; text-align: center;}
    .ts_header .ts_header_ment span{position: relative;padding: 0 4px;}
    .ts_header .ts_header_ment span::before{content: "";width: 100%;height: 10px;position: absolute;left: 0;top: 12px;background: rgba(0, 125, 251, 0.08);border-radius: 5px;}
    .ts_header .ts_header_ment::before{display: none;}

    .ts_content{margin-top: 40px;border-top-left-radius: 20px;padding: 40px 24px;}
    .ts_content .ts_content_item{padding-top: 48px; margin-top: 32px;}
    .ts_content .ts_content_item:first-child{margin-top: 0;}
    .ts_content .ts_content_item::before{font-size: 18px;width: 32px;height: 32px;line-height: 32px;}
    .ts_content .ts_content_item .ts_title{font-size: 18px;line-height: 22px;}
    .ts_content .ts_content_item .ts_ment{margin-top: 8px;font-size: 14px;line-height: 24px;}
    .ts_content .ts_content_item .ts_content_box{flex-direction: column; margin-top: 16px;}
    .ts_content .ts_content_item .ts_content_box .ts_box_item{width: 100%;padding: 16px 0;font-size: 12px;line-height: 18px;margin-top: 8px;}
    .ts_content .ts_content_item .ts_content_box .ts_box_item:first-child{margin-top: 0;}
    .ts_content .ts_content_item .ts_sub_ment{font-size: 14px;line-height: 24px;margin-top: 16px;}

    .ts_content .ts_content_item .ts_info_item{margin-top: 16px; flex-direction: column; text-align: center;}
    .ts_content .ts_content_item .ts_info_item .ts_info_title{font-size: 14px;line-height: 24px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content{width: 100%; margin-top: 24px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content .ts_info_box1{height: 48px;line-height: 46px;font-size: 14px; border-radius: 24px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_dot{ flex-direction: column; top: 28px;left: 50%; transform: translate(-50%,0);}
    .ts_content .ts_content_item .ts_info_item .ts_info_dot li{margin-bottom: 8px;}

    .ts_content .ts_content_item .ts_info_item.type_01{align-items: center;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01{flex-direction: column; align-items: center;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2{display: flex; flex-wrap: wrap; justify-content: center; width: 100%;padding: 24px 20px; }
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2 img{width: 20px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2 .ts_box_title{font-size: 14px;line-height: 24px;margin-left: 8px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_box2 .ts_box_ment{ width: 100%; font-size: 12px;line-height: 18px;margin-top: 16px;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_icon{width: 8px;height: 8px;margin: 4px 0;}
    .ts_content .ts_content_item .ts_info_item .ts_info_content.type_01 .ts_info_icon.type_02{ transform: rotate(-90deg); }

    .ts_content .icon_st_01{width: 32px;height: 40px;top: -40px;left: 8px;}
    .ts_content .icon_st_02{width: 60px;height: 39px;top: -39px;right: 8px;}
    .ts_content .icon_st_03{width: 46px;height: 40px;bottom: 0;right: 8px;}

    .ts_slide{margin-top: 40px;}
    .ts_slide .ts_slide_content{text-align: center;}
    .ts_slide .ts_slide_content .ts_slide_subtitle{font-size: 14px;line-height: 21px;}
    .ts_slide .ts_slide_content .ts_slide_title{font-size: 18px;line-height: 22px;}
    .ts_slide .ts_slide_content .ts_slide_ment{font-size: 14px;line-height: 24px;margin-top: 16px;}
    .ts_slide .ts_slide_main{width: 100%; margin-top: 32px;}
    .ts_slide .ts_slide_main .slick-arrow{display: none;}

    .ts_slide .ts_slide_main_wrap .ts_slide_page{width: 100%;height: 40px;padding: 0 8px;}
    .ts_slide .ts_slide_main_wrap .ts_slide_page .ts_slide_name{font-size: 11px;line-height: 14px;}
    .ts_slide .ts_slide_main_wrap .ts_slide_page .ts_slide_num{font-size: 11px;line-height: 14px;}
}



/* 원어민 화상영어 */
.ns_box{width: 100%;background: #ebf5ff; overflow-x: hidden; overflow-y: hidden;}
.ns_box .ns_box_content{text-align: center;font-size: 0;}
.ns_box .ns_box_content .ns_sub_title{color: #424242;letter-spacing: 0;margin-bottom: 8px;}
.ns_box .ns_box_content .ns_title{font-family: 'spoqa-bold';letter-spacing: 0;}
.ns_box .ns_box_content .ns_site_btn{font-family: 'spoqa-medium';color: #fff;display: inline-block;background: #3fa6fc;cursor: pointer;}
.ns_box .ns_img{position: relative; left: 50%; transform: translateX(-50%);}
@media (min-width: 1400px) {
    .ns_box .ns_box_content{padding-top: 80px; padding-bottom: 60px;}
    .ns_box .ns_box_content .ns_sub_title{font-size: 16px;line-height: 27px;}
    .ns_box .ns_box_content .ns_title{font-size: 32px;line-height: 44px;margin-bottom:32px;}
    .ns_box .ns_box_content .ns_site_btn{font-size: 14px;width: 180px;line-height: 48px;}
    .ns_box .ns_img{width: 800px;}
}
@media (max-width: 1399px) and (min-width: 768px){
    .ns_box .ns_box_content{padding-top: 64px; padding-bottom: 72px;}
    .ns_box .ns_box_content .ns_sub_title{font-size: 14px;line-height: 24px;}
    .ns_box .ns_box_content .ns_title{font-size: 28px;line-height: 37px;margin-bottom:24px;}
    .ns_box .ns_box_content .ns_site_btn{font-size: 12px;width: 140px;line-height: 40px;}
    .ns_box .ns_img{height: 319px;}
}
@media (max-width: 767px){
    .ns_box .ns_box_content{padding-top: 64px; padding-bottom: 72px;}
    .ns_box .ns_box_content .ns_sub_title{font-size: 14px;line-height: 24px;}
    .ns_box .ns_box_content .ns_title{font-size: 22px;line-height: 29px;margin-bottom:24px;}
    .ns_box .ns_box_content .ns_site_btn{font-size: 12px;width: 140px;line-height: 40px;}
    .ns_box .ns_img{height: 213px;}
}





/* 센터소개 : 수정 */
.int_vision1{width: 100%;}
.int_vision1 .int_v1_box{width: 100%;background: url("/res/home/theme1/img/sub/img_center_bg.svg")no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.int_vision1 .int_v1_box .int_v1_name{font-family: 'spoqa-bold';margin-bottom: 16px;color: #fff;}
.int_vision1 .int_v1_box .int_v1_content{letter-spacing: 0;color: #fff; text-align: center;}
.int_vision1 .int_v1_box .int_v1_content span{font-family: 'spoqa-bold';}

.int_vision1 .int_v1_box2 .int_v1_title{font-family: 'spoqa-bold';margin-bottom: 16px;letter-spacing: 0;text-align: center;}
.int_vision1 .int_v1_box2 .int_v1_black{letter-spacing: 0;color: #fff;text-align: center;background: #2f3945;border-radius: 10px;position: relative;}
.int_vision1 .int_v1_box2 .int_v1_black::before{content: "";height: 100%;background: #fafafa;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;}
.int_vision1 .int_v1_box2 .int_v1_black span{font-family: 'spoqa-bold';}
.int_vision1 .int_v1_box2 .int_v1_info{width: 100%;display: flex;}
.int_vision1 .int_v1_box2 .int_v1_info .int_info_box{background: #fff;font-family: 'spoqa-medium';letter-spacing: 0;display: flex;align-items: center;justify-content: center;border-radius: 10px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);box-sizing: border-box;}
.int_vision1 .int_v1_box2 .int_v1_info .int_info_box.box_orange{border: 1px solid #ff8a00;color: #ff8a00;}
.int_vision1 .int_v1_box2 .int_v1_info .int_info_box.box_blue{border: 1px solid #007dfb;color: #007dfb;}
.int_vision1 .int_v1_box2 .int_v1_info .int_info_content{position: relative;display: flex;align-items: center;justify-content: center;}
.int_vision1 .int_v1_box2 .int_v1_info .int_info_content::before{content: "";height: 1px;background: #2f3945;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.int_vision1 .int_v1_box2 .int_v1_info .int_info_content .int_v1_ment{letter-spacing: 0;color: #424242;}
@media (min-width: 1400px) {
    .int_vision1{margin-top: 32px;}
    .int_vision1 .int_v1_box{padding: 56px 0;}
    .int_vision1 .int_v1_box .int_v1_name{font-size: 16px;line-height: 23px;}
    .int_vision1 .int_v1_box .int_v1_content{font-size: 24px;line-height: 35px;}

    .int_vision1 .int_v1_box2{padding-top: 40px;width: 720px;margin: 0 auto;}
    .int_vision1 .int_v1_box2 .int_v1_title{font-size: 16px;line-height: 23px;}
    .int_vision1 .int_v1_box2 .int_v1_black{width: 720px;font-size: 18px;padding: 24px 0;margin-bottom: 40px;}
    .int_vision1 .int_v1_box2 .int_v1_black::before{width: 990px;padding: 80px 0;}
    .int_vision1 .int_v1_box2 .int_v1_info{margin-top: 40px;}
    .int_vision1 .int_v1_box2 .int_v1_info .int_info_box{width: 240px;height: 80px;font-size: 18px;}
    .int_vision1 .int_v1_box2 .int_v1_info .int_info_content{width: 240px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .int_vision1 .int_v1_box2 .int_v1_info .int_info_content::before{width: 100%;height: 1px;}
    .int_vision1 .int_v1_box2 .int_v1_info .int_info_content .int_v1_ment{font-size: 16px;line-height: 23px;padding: 8px 0;}
}
@media (max-width: 1399px) and (min-width: 768px){
    .int_vision1{margin-top: 24px;}
    .int_vision1 .int_v1_box{padding: 40px 0;}
    .int_vision1 .int_v1_box .int_v1_name{font-size: 14px;line-height: 21px;}
    .int_vision1 .int_v1_box .int_v1_content{font-size: 20px;line-height: 26px;}

    .int_vision1 .int_v1_box2{padding-top: 32px;width: 100%; display: flex; flex-direction: column; align-items: center; }
    .int_vision1 .int_v1_box2 .int_v1_title{font-size: 14px;line-height: 21px;}
    .int_vision1 .int_v1_box2 .int_v1_black{width: calc(100% - 64px);font-size: 16px;padding: 20px 0;margin-bottom: 32px;}
    .int_vision1 .int_v1_box2 .int_v1_black::before{width: calc(100vw - 48px);padding: 68px 0;}
    .int_vision1 .int_v1_box2 .int_v1_info{ width: calc(100% - 64px); }
    .int_vision1 .int_v1_box2 .int_v1_info .int_info_box{width: 220px;height: 72px;font-size: 16px;}
    .int_vision1 .int_v1_box2 .int_v1_info .int_info_content{width: calc(100% - 440px);display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .int_vision1 .int_v1_box2 .int_v1_info .int_info_content::before{width: 100%;height: 1px;}
    .int_vision1 .int_v1_box2 .int_v1_info .int_info_content .int_v1_ment{font-size: 16px;line-height: 23px;padding: 7px 0;}
}
@media (max-width: 767px){
    .int_vision1{margin-top: 24px;}
    .int_vision1 .int_v1_box{padding: 40px 0;}
    .int_vision1 .int_v1_box .int_v1_name{font-size: 14px;line-height: 21px;}
    .int_vision1 .int_v1_box .int_v1_content{font-size: 18px;line-height: 22px;}

    .int_vision1 .int_v1_box2{padding-top: 32px;width: 100%; display: flex; flex-direction: column; align-items: center; }
    .int_vision1 .int_v1_box2 .int_v1_title{font-size: 14px;line-height: 21px;}
    .int_vision1 .int_v1_box2 .int_v1_black{width: calc(100% - 64px);font-size: 14px;padding: 19px 0;margin-bottom: 24px;line-height: 21px;}
    .int_vision1 .int_v1_box2 .int_v1_black::before{width: calc(100vw - 40px);padding: 70px 0 50px; top: calc(50% - 10px);}
    .int_vision1 .int_v1_box2 .int_v1_info{ width: calc(100% - 64px); flex-direction: column; }
    .int_vision1 .int_v1_box2 .int_v1_info .int_info_box{width: 100%;height: 48px;font-size: 14px;}
    .int_vision1 .int_v1_box2 .int_v1_info .int_info_content{width: 100%;display: flex;align-items: center;justify-content: center;}
    .int_vision1 .int_v1_box2 .int_v1_info .int_info_content::before{width: 1px;height: 100%;}
    .int_vision1 .int_v1_box2 .int_v1_info .int_info_content .int_v1_ment{width: 50%; text-align: center; font-size: 14px;line-height: 23px;padding: 20px 0;}
}




/* 온라인 미래 진로학교 소개 */
.oi_top{width: 100%;box-sizing: border-box;background-color: rgba(255, 138, 0, 0.08);}
.oi_top .oi_top_box{width: 100%;box-sizing: border-box;}
.oi_top .oi_top_box .oi_top_title{font-family: 'spoqa-bold';}
.oi_top .oi_top_box .oi_top_content{color: #424242;word-break: keep-all;}

.oi_bottom{width: 100%;display: flex;}
.oi_bottom .oi_item{box-sizing: border-box;background: #fff;box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08);position: relative;}
.oi_bottom .oi_item .oi_item_title{font-family: 'spoqa-medium';}
.oi_bottom .oi_item .oi_item_content{letter-spacing: 0;word-break: keep-all;}
.oi_bottom .oi_item::before{content: "";position: absolute;}
.oi_bottom .oi_item.oi_icon_01::before{background: url("/res/home/theme1/img/sub/icon_oi_01.svg")no-repeat;background-size: cover;}
.oi_bottom .oi_item.oi_icon_02::before{background: url("/res/home/theme1/img/sub/icon_oi_02.svg")no-repeat;background-size: cover;}
.oi_bottom .oi_item.oi_icon_03::before{background: url("/res/home/theme1/img/sub/icon_oi_03.svg")no-repeat;background-size: cover;}
.oi_bottom .oi_item .oi_item_btn{display: flex;align-items: center;justify-content: center;cursor: pointer;background-color: #3fa6fc;color: #fff;font-size: 12px;font-family: 'spoqa-medium';}
@media (min-width: 1400px) {
    .oi_top{height: 340px;padding-left:500px;background-image: url("/res/home/theme1/img/sub/img_oi_01.png");background-repeat: no-repeat;background-size: 480px 300px;background-position: bottom left;}
    .oi_top .oi_top_box{padding-right: 52px;padding-top: 80px;}
    .oi_top .oi_top_box .oi_top_title{font-size: 28px;line-height: 37px;margin-bottom: 24px;}
    .oi_top .oi_top_box .oi_top_content{font-size: 18px;line-height: 29px;}

    .oi_bottom{width: 100%;margin-top: 56px;align-items: center;justify-content: space-between;}
    .oi_bottom .oi_item{width: calc(33.33% - 11px);height: 320px;padding: 40px 32px;}
    .oi_bottom .oi_item .oi_item_title{font-size: 18px;line-height: 25px;margin-bottom: 24px;}
    .oi_bottom .oi_item .oi_item_content{font-size: 16px;line-height: 27px;}
    .oi_bottom .oi_item::before{width: 60px;height: 60px;bottom: 32px;right: 32px;}
    .oi_bottom .oi_item .oi_item_btn{width: 120px;height: 40px; position: absolute; bottom: 32px;left: 32px;}
}
@media (max-width: 1399px) and (min-width: 768px){
    .oi_top{height: 400px; padding: 48px; background-image: url("/res/home/theme1/img/sub/img_oi_01.png");background-repeat: no-repeat;background-size: 384px 240px;background-position: bottom right;}
    .oi_top .oi_top_box .oi_top_title{font-size: 24px;line-height: 32px;margin-bottom: 16px;}
    .oi_top .oi_top_box .oi_top_content{font-size: 16px;line-height: 27px;}

    .oi_bottom{width: 100%;margin-top: 40px;}
    .oi_bottom .oi_item{width: calc(33.33% - 10px); padding: 32px 24px 80px 24px; margin-left: 16px;}
    .oi_bottom .oi_item:first-child{margin-left: 0;}
    .oi_bottom .oi_item .oi_item_title{font-size: 16px;line-height: 23px;margin-bottom: 16px;}
    .oi_bottom .oi_item .oi_item_content{font-size: 14px;line-height: 24px;}
    .oi_bottom .oi_item::before{width: 48px;height: 48px;bottom: 24px;right: 24px;}
    .oi_bottom .oi_item .oi_item_btn{width: 100px;height: 36px; position: absolute; bottom: 24px;left: 24px;}
}
@media (max-width: 767px){
    .oi_top{height: 400px; padding: 32px 24px; background-image: url("/res/home/theme1/img/sub/img_oi_01.png");background-repeat: no-repeat;background-size: 320px 200px;background-position: bottom right;}
    .oi_top .oi_top_box .oi_top_title{font-size: 20px;line-height: 26px;margin-bottom: 16px;}
    .oi_top .oi_top_box .oi_top_content{font-size: 14px;line-height: 24px;}

    .oi_bottom{width: 100%;margin-top: 40px; flex-direction: column;}
    .oi_bottom .oi_item{width: 100%; padding: 24px 24px 80px 24px; margin-top: 16px;}
    .oi_bottom .oi_item:first-child{margin-top: 0;}
    .oi_bottom .oi_item .oi_item_title{font-size: 16px;line-height: 23px;margin-bottom: 16px;}
    .oi_bottom .oi_item .oi_item_content{font-size: 14px;line-height: 24px;}
    .oi_bottom .oi_item::before{width: 48px;height: 48px;bottom: 24px;right: 24px;}
    .oi_bottom .oi_item .oi_item_btn{width: 100px;height: 36px;position: absolute; bottom: 24px;left: 24px;}
}