@charset "utf-8";
*{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: "Roboto", "Pretendard GOV", sans-serif; -webkit-text-size-adjust: none; font-weight: 400; letter-spacing: -0.25px; color: #333;}
a{ text-decoration: none;}
select::-ms-expand{ display: none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #f8f8f8;}
body{ overflow: hidden; padding: 130px 0 0 0; background: #FFF; -webkit-text-size-adjust: none; word-break: keep-all;}
@media(max-width: 1025px){
    body{ padding: 120px 0 0 0;}
}
@media(max-width: 767px){
    body{ padding: 105px 0 0 0;}
}


.type_full{ padding-right: 24px !important; padding-left: 24px !important;}
.type_row{ margin: 0 auto; max-width: 1280px; width: 100%;}
@media(max-width: 767px){
    .type_full{ padding-right: 16px !important; padding-left: 16px !important;}
}


.all_menu_btn{ display: none;}
@media(max-width: 1025px){
    .all_menu_btn{ display: block;}
}


.all_menu{ position: fixed; z-index: 110; top: 0; right: -100%; bottom: 0; left: 100%; background: rgba(0 0 0/70%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; transition: opacity .3s;}
.all_menu .row{ overflow: auto; position: fixed; top: 0; right: -320px; bottom: 0; width: 320px; background: #FFF; opacity: 0; transition: all .5s;}
.all_menu .row > .head{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 10; padding: 20px 24px; height: 75px; box-shadow: 0 1px 0 0 rgba(0 0 0/5%);}
.all_menu .row > .head .logo{ display: block; height: 30px;}
.all_menu .row > .head .logo img{ display: block; width: auto; height: 100%;}
.all_menu .row > .head i{ font-size: 24px; color: #999;}
.all_menu .row > .body{ overflow: auto; position: absolute; top: 75px; right: 0; bottom: 0; left: 0;}

.all_menu .my{ border-top: 4px solid #e4e4e4;}
.all_menu .my .head{ padding: 20px 24px;}
.all_menu .my .head .name{ font-size: 20px; font-weight: 700; color: #000;}
.all_menu .my .head .time{ margin: 15px 0 0 0;}
.all_menu .my .head .time .tit{ font-size: 14px; font-weight: 400; color: #666;}
.all_menu .my .head .time .fb{ display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0;}
.all_menu .my .head .time .fb .fl{ display: flex; align-items: center;}
.all_menu .my .head .time .fb .fl i{ font-size: 16px; color: #333;}
.all_menu .my .head .time .fb .fl p{ margin: 0 0 0 5px; font-size: 14px; color: #0168b7;}
.all_menu .my .head .time .fb .fr{ font-size: 16px; font-weight: 500; color: #000; cursor: pointer;}
.all_menu .my .out{ display: flex; justify-content: center; align-items: center; height: 50px; border-top: 1px solid #DDD; cursor: pointer;}
.all_menu .my .out img{ display: block; margin: 0 5px 0 0; height: 20px;}
.all_menu .my .out p{ font-size: 14px; font-weight: 400; color: #666;}

.all_menu .menu{ border-top: 4px solid #e4e4e4;}
.all_menu .menu > ul{ padding: 10px 0;}
.all_menu .menu > ul > li{}
.all_menu .menu > ul > li > a{ display: flex; justify-content: space-between; align-items: center; padding: 0 24px; height: 50px; background: #FFF;}
.all_menu .menu > ul > li > a p{ font-size: 18px; font-weight: 700; color: #000;}
.all_menu .menu > ul > li > a i{ font-size: 14px; color: #999;}
.all_menu .menu > ul > li > ul{ padding: 10px 0; border-top: 1px solid #DDD;}
.all_menu .menu > ul > li > ul li{}
.all_menu .menu > ul > li > ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 0 24px; height: 45px;}
.all_menu .menu > ul > li > ul li a p{ font-size: 16px; color: #333;}
.all_menu .menu > ul > li > ul li a i{ font-size: 14px; color: #CCC;}
.all_menu .menu > ul > li.on > a p{ color: #0168b7;}
.all_menu .menu > ul > li.on > a i{ color: #0168b7;}
.all_menu .menu > ul > li > ul li.on a p{ font-weight: 700; color: #0168b7;}
.all_menu .menu > ul > li > ul li.on a i{ color: #0168b7;}
.all_menu.on{ right: 0; left: 0; opacity: 1;}
.all_menu.on .row{ right: 0; opacity: 1;}
@media(max-width: 767px){
}


.header{ position: fixed; z-index: 100; top: 0; right: 0; left: 0; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.header .top{ background: #edf1f5;}
.header .top .type_row{}
.header .top .text{ display: flex; align-items: center; height: 30px;}
.header .top .text img{ display: block; margin: 0 5px 0 0;}
.header .top .text .fr{ display: flex; align-items: center;}
.header .top .text .txt{ font-size: 14px; color: #333;}
.header .top .text a{ display: flex; align-items: center; margin: 0 0 0 10px; cursor: pointer;}
.header .top .text a p{ font-size: 12px; font-weight: 500; color: #0168b7;}
.header .top .text a i{ margin: 0 0 0 5px; font-size: 12px; color: #0168b7;}

.header .middle{}
.header .middle .type_row{ display: flex; justify-content: space-between; align-items: center; height: 100px;}
.header .middle .type_row > .fl{ display: flex; align-items: center; grid-gap: 0 120px;}
.header .middle .type_row > .fr{ display: flex; align-items: center; grid-gap: 0 60px;}
.header .middle .logo{ display: block; height: 50px;}
.header .middle .logo img{ display: block; width: auto; height: 100%;}

.header .middle .gnb{}
.header .middle .gnb > ul{ display: flex; align-items: center; grid-gap: 0 60px;}
.header .middle .gnb > ul > li{ position: relative;}
.header .middle .gnb > ul > li > a{ display: flex; align-items: center; height: 60px;}
.header .middle .gnb > ul > li > a p{ font-size: 20px; font-weight: 700; color: #000;}
.header .middle .gnb > ul > li > a i{ margin: 0 0 0 10px; font-size: 16px; color: #000; transition: all .3s;}
.header .middle .gnb > ul > li > ul{ display: none; position: absolute; top: 50px; right: -20px; left: -20px; padding: 10px 0; border-radius: 4px; border: 1px solid rgba(0 0 0/15%); background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 0 0/15%);}
.header .middle .gnb > ul > li > ul:before{ content: ""; display: block; position: absolute; z-index: 10; top: -12px; left: 50%; transform: translate(-50%,0); width: 20px; height: 12px; background: url(/images/h_icon_bgup.svg);}
.header .middle .gnb > ul > li > ul li{ position: relative;}
.header .middle .gnb > ul > li > ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 40px; transition: all .3s;}
.header .middle .gnb > ul > li > ul li a p{ font-size: 16px; color: #000;}
.header .middle .gnb > ul > li > ul li a i{ font-size: 12px; color: #CCC;}
.header .middle .gnb > ul > li:hover > a p{ color: #0168b7;}
.header .middle .gnb > ul > li:hover > a i{ color: #0168b7; transform: rotate(180deg);}
.header .middle .gnb > ul > li:hover > ul{ display: block;}
.header .middle .gnb > ul > li.on > a p{ color: #0168b7;}
.header .middle .gnb > ul > li.on > a i{ color: #0168b7;}
.header .middle .gnb > ul > li ul li:hover > a{ background: rgba(0 0 0/5%);}
.header .middle .gnb > ul > li ul li.on > a p{ font-weight: 700; color: #0168b7;}
.header .middle .gnb > ul > li ul li.on > a i{ color: #0168b7;}

.header .middle .menu{}
.header .middle .menu > ul{ display: flex; align-items: center; grid-gap: 0 30px;}
.header .middle .menu > ul > li{ position: relative;}
.header .middle .menu > ul > li > a{ display: flex; align-items: center; grid-gap: 0 5px; height: 50px; cursor: pointer;}
.header .middle .menu > ul > li > a img{ display: block; height: 24px;}
.header .middle .menu > ul > li > a img:last-child{ height: 12px;}
.header .middle .menu > ul > li > a p{ font-size: 18px; color: #000;}
.header .middle .menu > ul > li > .my_hover{ display: none; position: absolute; top: 50px; left: 50%; transform: translate(-50%,0); width: 200px; border-radius: 8px; border: 1px solid rgba(0 0 0/15%); background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 0 0/15%);}
.header .middle .menu > ul > li > .my_hover:before{ content: ""; display: block; position: absolute; z-index: 10; top: -12px; left: 50%; transform: translate(-50%,0); width: 20px; height: 12px; background: url(/images/h_icon_bgup.svg);}
.header .middle .menu > ul > li > .my_hover .head{ padding: 20px; border-bottom: 1px solid #DDD;}
.header .middle .menu > ul > li > .my_hover .head .name{ font-size: 20px; font-weight: 700; color: #000;}
.header .middle .menu > ul > li > .my_hover .head .time{ margin: 15px 0 0 0;}
.header .middle .menu > ul > li > .my_hover .head .time .tit{ font-size: 14px; font-weight: 400; color: #666;}
.header .middle .menu > ul > li > .my_hover .head .time .fb{ display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0;}
.header .middle .menu > ul > li > .my_hover .head .time .fb .fl{ display: flex; align-items: center;}
.header .middle .menu > ul > li > .my_hover .head .time .fb .fl i{ font-size: 16px; color: #333;}
.header .middle .menu > ul > li > .my_hover .head .time .fb .fl p{ margin: 0 0 0 5px; font-size: 14px; color: #0168b7;}
.header .middle .menu > ul > li > .my_hover .head .time .fb .fr{ font-size: 16px; font-weight: 500; color: #000; cursor: pointer;}
.header .middle .menu > ul > li > .my_hover .head p{}
.header .middle .menu > ul > li > .my_hover .list{}
.header .middle .menu > ul > li > .my_hover .list ul{ padding: 10px 0;}
.header .middle .menu > ul > li > .my_hover .list ul li{}
.header .middle .menu > ul > li > .my_hover .list ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 40px; transition: all .3s;}
.header .middle .menu > ul > li > .my_hover .list ul li a p{ font-size: 16px; font-weight: 400; color: #000;}
.header .middle .menu > ul > li > .my_hover .list ul li a i{ font-size: 12px; color: #CCC;}
.header .middle .menu > ul > li > .my_hover .list ul li a:hover{ background: rgba(0 0 0/5%);}
.header .middle .menu > ul > li > .my_hover .out{ display: flex; justify-content: center; align-items: center; height: 50px; border-top: 1px solid #DDD; cursor: pointer;}
.header .middle .menu > ul > li > .my_hover .out img{ display: block; margin: 0 5px 0 0; height: 20px;}
.header .middle .menu > ul > li > .my_hover .out p{ font-size: 14px; font-weight: 400; color: #666;}
.header .middle .menu > ul > li:hover > a img:last-child{ transform: rotate(180deg);}
.header .middle .menu > ul > li:hover > .my_hover{ display: block !important;}

.header .bottom{ display: none; height: 60px; border-top: 1px solid #DDD;}
.header .bottom .menu{}
.header .bottom .menu > ul{ display: flex; align-items: center;}
.header .bottom .menu > ul > li{ position: relative; margin: 0 50px 0 0;}
.header .bottom .menu > ul > li > a{ display: flex; align-items: center; height: 60px;}
.header .bottom .menu > ul > li > a p{ font-size: 20px; font-weight: 700; color: #000;}
.header .bottom .menu > ul > li > a i{ margin: 0 0 0 10px; font-size: 16px; color: #000; transition: all .3s;}
.header .bottom .menu > ul > li > ul{ display: none; position: absolute; top: 50px; right: -20px; left: -20px; padding: 10px 0; border-radius: 4px; border: 1px solid rgba(0 0 0/15%); background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 0 0/15%);}
.header .bottom .menu > ul > li > ul:before{ content: ""; display: block; position: absolute; z-index: 10; top: -12px; left: 50%; transform: translate(-50%,0); width: 20px; height: 12px; background: url(/images/h_icon_bgup.svg);}
.header .bottom .menu > ul > li > ul li{ position: relative;}
.header .bottom .menu > ul > li > ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 40px; transition: all .3s;}
.header .bottom .menu > ul > li > ul li a p{ font-size: 16px; color: #000;}
.header .bottom .menu > ul > li > ul li a i{ font-size: 12px; color: #CCC;}
.header .bottom .menu > ul > li:hover > a p{ color: #0168b7;}
.header .bottom .menu > ul > li:hover > a i{ color: #0168b7; transform: rotate(180deg);}
.header .bottom .menu > ul > li:hover > ul{ display: block;}
.header .bottom .menu > ul > li.on > a p{ color: #0168b7;}
.header .bottom .menu > ul > li.on > a i{ color: #0168b7;}
.header .bottom .menu > ul > li ul li:hover > a{ background: rgba(0 0 0/5%);}
.header .bottom .menu > ul > li ul li.on > a p{ font-weight: 700; color: #0168b7;}
.header .bottom .menu > ul > li ul li.on > a i{ color: #0168b7;}
@media(max-width: 1330px){
    .header .middle .gnb{ display: none;}
    .header .middle .menu > ul > li.all_menu_btn{ display: block;}
}
@media(max-width: 1025px){
    .header .middle .type_row{ height: 90px;}
    .header .middle .menu > ul > li:nth-child(3){ display: none;}
    .header .middle .menu > ul > li:nth-child(4){ display: none;}
    .header .middle .menu > ul > li.mypage_btn{ display: none;}
    .header .middle .menu > ul > li.all_menu_btn{ display: block;}
    .header .middle .menu > ul > li > a{ flex-direction: column; justify-content: space-between; height: 55px;}
    .header .middle .menu > ul > li > a img{ margin: 0;}
    .header .bottom{ display: none;}
}
@media(max-width: 767px){
    .header .top .text{}
    .header .top .text img{ margin: 0 10px 0 0;}
    .header .top .text .fr{ display: block;}
    .header .top .text .txt{ font-size: 12px;}
    .header .top .text a{ margin: 0 0 2px 0;}

    .header .middle .type_row{ height: 75px;}
    .header .middle .logo{ height: 30px;}
    .header .middle .menu > ul{ grid-gap: 0 12px;}
    .header .middle .menu > ul > li{}
    .header .middle .menu > ul > li > a{ height: 42px;}
    .header .middle .menu > ul > li > a img{ height: 20px;}
    .header .middle .menu > ul > li > a p{ font-size: 12px;}
}
@media(max-width: 380px){
    .header .middle .logo{ height: 25px;}
}


.footer_logo{ display: none; border-top: 1px solid rgba(0 0 0/10%);}
.footer_logo .type_row{ position: relative; padding: 0 40px;}
.footer_logo .rolling{ margin: 0;}
.footer_logo .rolling .slide{}
.footer_logo .rolling .slide a{ display: flex; justify-content: center; align-items: center; padding: 30px 0;}
.footer_logo .rolling .slide a img{ display: block; max-width: 80%; max-height: 60%;}
.footer_logo .rolling .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 50%; transform: translate(0,-50%); left: -40px; width: 40px; height: 40px; border: 1px solid #DDD; font-size: 20px; color: #666; cursor: pointer;}
.footer_logo .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 50%; transform: translate(0,-50%); right: -40px; width: 40px; height: 40px; border: 1px solid #DDD; font-size: 20px; color: #666; cursor: pointer;}
@media(max-width: 767px){
    .footer_logo .type_row{ padding: 0 30px;}
    .footer_logo .rolling .slide a{ padding: 30px 0;}
    .footer_logo .rolling .slide a img{ max-width: 90%; max-height: 70%;}
    .footer_logo .rolling .xi-angle-left{ left: -30px; width: 30px; height: 30px; font-size: 16px;}
    .footer_logo .rolling .xi-angle-right{ right: -30px; width: 30px; height: 30px; font-size: 16px;}
}


.footer{ border-top: 1px solid #e5e5e5; background: #fafafa;}
.footer .top{ border-bottom: 1px solid #f5f5f5;}
.footer .top .type_row{}
.footer .top .menu{}
.footer .top .menu ul{ display: flex; align-items: center; border-left: 1px solid #DDD;}
.footer .top .menu ul li{ width: 25%;}
.footer .top .menu ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 0 24px; height: 54px; border-right: 1px solid #DDD; cursor: pointer;}
.footer .top .menu ul li a p{ font-size: 17px; color: #000;}
.footer .top .menu ul li a i{ font-size: 17px; color: #000;}

.footer .middle{}
.footer .middle .type_row{ display: flex; justify-content: space-between; align-items: flex-end; padding: 40px 0;}
.footer .middle .fl{ display: flex; flex-direction: column; align-items: flex-start;}
.footer .middle .logo{ height: 40px;}
.footer .middle .logo img{ display: block; height: 100%;}
.footer .middle .info{ margin: 20px 0 0 0;}
.footer .middle .info p{ font-size: 16px;}
.footer .middle .info p span{ font-weight: 700;}
.footer .middle .sns{ display: flex;}
.footer .middle .sns a{ display: block; position: relative; margin: 0 0 0 5px; cursor: pointer;}
.footer .middle .sns a:before{ content: ""; display: block; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 1px solid rgba(0 0 0/10%);}
.footer .middle .sns a img{ display: block; height: 40px;}

.footer .bottom{}
.footer .bottom .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 30px 0 40px 0; border-top: 1px solid #e5e5e5;}
.footer .bottom .menu{ display: flex; align-items: center;}
.footer .bottom .menu a{ display: block; margin: 0 24px 0 0; font-size: 17px; color: #000;}
.footer .bottom .menu a:first-child{ font-weight: 700; color: #0168b7;}
.footer .bottom .copy{ font-size: 15px; color: #666;}
@media(max-width: 767px){
    .footer .top{ border-top: 0;}
    .footer .top .menu ul{ display: block; margin: 0 -16px; border-left: 0;}
    .footer .top .menu ul li{ width: auto; border-top: 1px solid #DDD;}
    .footer .top .menu ul li a{ padding: 0 16px; height: 48px; border-right: 0;}
    .footer .top .menu ul li a p{ font-size: 15px;}
    .footer .top .menu ul li a i{ font-size: 15px;}

    .footer .middle .type_row{ display: block; padding: 32px 0;}
    .footer .middle .logo{ height: 30px;}
    .footer .middle .info p{ font-size: 14px;}
    .footer .middle .sns{ margin: 30px 0 0 0;}
    .footer .middle .sns a{ margin: 0 5px 0 0;}

    .footer .bottom .type_row{ display: block; margin: 0 -16px; padding: 32px 16px 48px 16px; width: auto;}
    .footer .bottom .menu a{ margin: 0 24px 0 0; font-size: 14px;}
    .footer .bottom .copy{ margin: 16px 0 0 0; font-size: 12px;}
}


.scroll_top{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 100; right: 50px; bottom: 100px; width: 50px; height: 50px; border-radius: 50%; background: #0168b7; cursor: pointer; opacity: 0; transform: translate(0,30px); transition: all .5s;}
.scroll_top i{ font-size: 20px; color: #FFF;}
.scroll_top.on{ opacity: 1; transform: translate(0,0);}
@media(max-width: 1330px){
    .scroll_top{ right: 50px; bottom: 80px;}
}
@media(max-width: 767px){
    .scroll_top{ right: 15px; bottom: 30px; width: 40px; height: 40px;}
    .scroll_top i{ font-size: 16px;}
}




.new_home_visual{ overflow: hidden; position: relative; z-index: 10;}
.new_home_visual .swiper-wrapper{}
.new_home_visual .swiper-wrapper .swiper-slide{}
.new_home_visual .swiper-wrapper .swiper-slide .row{ overflow: hidden; position: relative;}

.new_home_visual .swiper-wrapper .swiper-slide .row .text{ display: flex; position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0; padding: 60px 0 0 0;}
.new_home_visual .swiper-wrapper .swiper-slide .row .text .type_row{ display: flex; flex-direction: column; align-items: flex-start; position: relative;}
.new_home_visual .swiper-wrapper .swiper-slide .row .text .t1{ margin: 0 0 0 0; line-height: 1; font-size: 26px; font-weight: 700; color: #F00; opacity: 0; transform: translate(50px,0); transition: all .3s;}
.new_home_visual .swiper-wrapper .swiper-slide .row .text .t2{ margin: 10px 0 0 0; line-height: 1; font-size: 56px; font-weight: 900; color: rgba(0 0 0/100%); opacity: 0; transform: translate(60px,0); transition: all .3s;}
.new_home_visual .swiper-wrapper .swiper-slide .row .text .t3{ margin: 20px 0 0 0; line-height: 1; font-size: 18px; font-weight: 400; color: rgba(0 0 0/100%);  opacity: 0; transform: translate(70px,0); transition: all .3s;}
.new_home_visual .swiper-wrapper .swiper-slide .row .text .t4{ margin: 40px 0 0 0; line-height: 1; font-size: 22px; font-weight: 500; color: rgba(0 0 0/100%);  opacity: 0; transform: translate(80px,0); transition: all .3s;}
.new_home_visual .swiper-wrapper .swiper-slide .row .text .btn{ display: flex; align-items: flex-start; margin: 30px 0 0 0; height: 30px; border-bottom: 1px solid rgba(0 0 0/100%);  opacity: 0; transform: translate(90px,0); transition: all .2s; cursor: pointer;}
.new_home_visual .swiper-wrapper .swiper-slide .row .text .btn p{ font-size: 18px; font-weight: 500; color: #000; transition: all .2s;}
.new_home_visual .swiper-wrapper .swiper-slide .row .text .btn i{ margin: 0 0 0 20px; font-size: 24px; color: #000; transition: all .2s;}
.new_home_visual .swiper-wrapper .swiper-slide .row .text .btn:hover{}
.new_home_visual .swiper-wrapper .swiper-slide .row .text .btn:hover p{}
.new_home_visual .swiper-wrapper .swiper-slide .row .text .btn:hover i{ margin: 0 0 0 40px;}

.new_home_visual .swiper-wrapper .swiper-slide .row .img{ display: flex; position: relative; z-index: 10; padding: 60px 0 0 0;}
.new_home_visual .swiper-wrapper .swiper-slide .row .img .box{ display: flex; justify-content: flex-end; align-items: center; position: relative;}
.new_home_visual .swiper-wrapper .swiper-slide .row .img .box .fr{ display: flex; justify-content: center; align-items: center; width: 700px; overflow: hidden;}
.new_home_visual .swiper-wrapper .swiper-slide .row .img .box .fr .item{ border-radius: 32px; opacity: 1; transform: scale(.9); transition: all .3s;}
.new_home_visual .swiper-wrapper .swiper-slide .row .img .box .fr .item img{ display: block; width: 100%;}
.new_home_visual .swiper-wrapper .swiper-slide .row .img_bg{ position: absolute; top: 0; right: 0; bottom: 70px; left: 0;}
.new_home_visual .swiper-wrapper .swiper-slide .row .img_bg .hei{ content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255 255 255/80%); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px);}
.new_home_visual .swiper-wrapper .swiper-slide .row .img_bg .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: scale(1); transition: all .3s;}

.new_home_visual .swiper-wrapper .swiper-slide .row.on .text .t1{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.5s;}
.new_home_visual .swiper-wrapper .swiper-slide .row.on .text .t2{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.7s;}
.new_home_visual .swiper-wrapper .swiper-slide .row.on .text .t3{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.9s;}
.new_home_visual .swiper-wrapper .swiper-slide .row.on .text .t4{ opacity: 1; transform: translate(0,0) scale(1); transition: all 1.1s;}
.new_home_visual .swiper-wrapper .swiper-slide .row.on .text .btn{ opacity: 1; transform: translate(0,0) scale(1); transition: opacity 1.3s ,transform 1.3s;}
.new_home_visual .swiper-wrapper .swiper-slide .row.on .img .box .fr .item{ opacity: 1; transform: scale(1); transition: all .6s;}
.new_home_visual .swiper-wrapper .swiper-slide .row.on .img_bg .bg{ transform: scale(1); transition: all 5s;}

.new_home_visual .swiper-wrapper .swiper-slide .row .line{ display: none; position: absolute; z-index: 19; bottom: 200px; left: 50%; margin: 0 0 0 -750px; width: 100px; background: rgba(255 255 255/30%);}
.new_home_visual .swiper-wrapper .swiper-slide .row .line span{ display: block; width: 0; height: 2px; background: #FFF;}

.new_home_visual .swiper-button-prev{ position: absolute; z-index: 50; top: initial; left: 50%; bottom: 1px; margin-left: -640px; width: auto; height: 40px; opacity: 1; cursor: pointer;}
.new_home_visual .swiper-button-prev:after{ display: none;}
.new_home_visual .swiper-button-prev i{ display: flex; justify-content: center; align-items: center; z-index: 9; width: 40px; height: 40px; border-radius: 50%; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%); font-size: 15px; color: #000; transition: all .1s;}
.new_home_visual .swiper-button-prev:hover i{ color: #0168b7;}
.new_home_visual .swiper-button-next{ position: absolute; z-index: 50; top: initial; right: initial; left: 50%; bottom: 1px; margin-left: -540px; width: auto; height: 40px; opacity: 1; cursor: pointer;}
.new_home_visual .swiper-button-next:after{ display: none;}
.new_home_visual .swiper-button-next i{ display: flex; justify-content: center; align-items: center; z-index: 9; width: 40px; height: 40px; border-radius: 50%; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%); font-size: 15px; color: #000; transition: all .1s;}
.new_home_visual .swiper-button-next:hover i{ color: #0168b7;}

.new_home_visual .swiper-pagination{ display: flex; align-items: center; grid-gap: 0 3px; position: absolute; top: initial; right: initial; left: 50%; bottom: 1px; margin-left: -470px; width: 60px; height: 40px; font-size: 16px; color: rgba(0 0 0/20%);}
.new_home_visual .swiper-pagination .swiper-pagination-current{ font-weight: 500; color: #000;}
.new_home_visual .swiper-pagination .swiper-pagination-total{ color: rgba(0 0 0/60%);}

.new_home_visual .autoplay_btn{ position: absolute; z-index: 50; bottom: 1px; left: 50%; margin-left: -590px;}
.new_home_visual .autoplay_btn_start{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0 0 0/10%); background: #FFF; font-size: 20px; color: #000; cursor: pointer;}
.new_home_visual .autoplay_btn_stop{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0 0 0/10%); background: #FFF; font-size: 20px; color: #000; cursor: pointer;}
.new_home_visual .autoplay_btn .autoplay_btn_start{ display: none;}
.new_home_visual .autoplay_btn .autoplay_btn_stop{ display: flex;}
.new_home_visual .autoplay_btn.on .autoplay_btn_start{ display: flex;}
.new_home_visual .autoplay_btn.on .autoplay_btn_stop{ display: none;}
.new_home_visual .autoplay_text{ display: none;}
@media(max-width: 1330px){
    .new_home_visual .swiper-wrapper .swiper-slide .row .text .t2{ font-size: 40px;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .text .t4{ margin: 30px 0 0 0; font-size: 18px;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .text .btn{}
    .new_home_visual .swiper-wrapper .swiper-slide .row .img .box .fr{ width: 600px;}

    .new_home_visual .swiper-button-prev{ left: 24px; margin-left: 0;}
    .new_home_visual .swiper-button-next{ left: 124px; margin-left: 0;}
    .new_home_visual .swiper-pagination{ left: 200px; margin-left: 0;}
    .new_home_visual .autoplay_btn{ left: 74px; margin-left: 0;}
}
@media(max-width: 1025px){
    .new_home_visual .swiper-wrapper .swiper-slide .row{ display: flex; flex-direction: column-reverse; height: auto;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .img{ position: relative; top: initial; right: initial; bottom: initial; left: initial; padding: 50px 0 0 0;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .img .box .fr{ width: 100%;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .img .box .fr .item{ width: 100%;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .img_bg{ bottom: 0;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .text{ position: relative; top: initial; right: initial; bottom: initial; left: initial; padding: 50px 0 50px 0;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .text .t2{ margin: 20px 0 0 0;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .text .t4{ position: initial; margin: 40px 0 0 0;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .text .btn{ position: initial;}

    .new_home_visual .swiper-button-prev{ left: initial; bottom: 50px; right: 124px;}
    .new_home_visual .swiper-button-next{ left: initial; bottom: 50px; right: 24px;}
    .new_home_visual .swiper-pagination{ justify-content: flex-end; left: initial !important; bottom: 50px; right: 200px !important;}
    .new_home_visual .autoplay_btn{ left: initial; bottom: 50px; right: 74px;}
}
@media(max-width: 767px){
    .new_home_visual .swiper-wrapper .swiper-slide .row .img{ padding: 20px 0 0 0;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .img .box .fr .item{ border-radius: 16px;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .text{ padding: 30px 0;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .text .t1{ font-size: 16px;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .text .t2{ margin: 10px 0 0 0; line-height: 1.1; font-size: 30px;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .text .t3{ margin: 15px 0 0 0; font-size: 16px;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .text .t4{ margin: 25px 0 0 0; font-size: 16px;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .text .btn{ margin: 25px 0 0 0; height: 25px; font-size: 16px;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .text .btn p{ font-size: 14px;}
    .new_home_visual .swiper-wrapper .swiper-slide .row .text .btn i{ font-size: 14px;}

    .new_home_visual .swiper-button-prev{ bottom: 30px; right: 86px; height: 30px;}
    .new_home_visual .swiper-button-prev i{ width: 30px; height: 30px; font-size: 12px;}
    .new_home_visual .swiper-button-next{ bottom: 30px; right: 16px; height: 30px;}
    .new_home_visual .swiper-button-next i{ width: 30px; height: 30px; font-size: 12px;}

    .new_home_visual .swiper-pagination{ bottom: 30px; right: 140px !important; height: 30px; font-size: 14px;}

    .new_home_visual .autoplay_btn{ bottom: 30px; right: 51px;}
    .new_home_visual .autoplay_btn_start{ width: 30px; height: 30px; font-size: 14px;}
    .new_home_visual .autoplay_btn_stop{ width: 30px; height: 30px; font-size: 14px;}

}


.new_home_news{ margin: 60px 0 0 0;}
.new_home_news .type_row{ position: relative; padding: 0 520px 0 0;}
.new_home_news .left{}
.new_home_news .right{ position: absolute; top: 0; right: 0;}
.new_home_news .head{ display: flex; align-items: center; padding: 0 0 20px 0;}
.new_home_news .head .tit{ line-height: 1; font-size: 30px; font-weight: 700; color: #000;}
.new_home_news .head .more{ display: flex; align-items: center; grid-gap: 0 5px; margin: 0 0 0 30px; cursor: pointer;}
.new_home_news .head .more i{ font-size: 18px; color: #666;}
.new_home_news .head .more p{ font-size: 16px; color: #999;}

.new_home_news .list{ overflow: hidden; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_home_news .list ul{ display: grid; grid-template-columns: repeat(3,1fr);}
.new_home_news .list ul li{ border-right: 1px solid #e5e5e5;}
.new_home_news .list ul li:last-child{ border-right: 0;}
.new_home_news .list ul li a{ display: block; position: relative; padding: 40px 30px; height: 337px; cursor: pointer; transition: all .2s;}
.new_home_news .list ul li a .tip{ display: flex; justify-content: center; align-items: center; width: 80px; height: 30px; border-radius: 20px; border: 1px solid #000; background: #FFF; font-size: 14px; font-weight: 500; color: #000;}
.new_home_news .list ul li a .tip.on{ border-color: #0168b7; background: #0168b7; color: #FFF; font-weight: 500;}
.new_home_news .list ul li a .tit{ margin: 20px 0 0 0; font-size: 22px; font-weight: 700; color: #000; letter-spacing: -1px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .2s;}
.new_home_news .list ul li a .txt{ margin: 15px 0 0 0; font-size: 16px; font-weight: 400; color: #666;}
.new_home_news .list ul li a .txt b{ font-weight: 500; color: #000;}
.new_home_news .list ul li a .fb{ display: flex; justify-content: space-between; align-items: center; margin: 15px 0 0 0;}
.new_home_news .list ul li a .date{ position: absolute; bottom: 40px; left: 30px;}
.new_home_news .list ul li a .date .dt{ font-size: 14px; color: #666;}
.new_home_news .list ul li a .date .db{ display: flex; align-items: center; grid-gap: 0 5px; margin: 5px 0 0 0; font-size: 14px; color: #999;}
.new_home_news .list ul li a .date .db b{ font-weight: 400; color: #333;}
.new_home_news .list ul li a:hover{ background: #fafafa;}
.new_home_news .list ul li a:hover .tit{ color: #0168b7;}

.new_home_news .rolling{ overflow: hidden; position: relative; width: 500px;}
.new_home_news .rolling .swiper-wrapper{}
.new_home_news .rolling .swiper-wrapper .swiper-slide{}
.new_home_news .rolling .swiper-wrapper .swiper-slide img{ display: block; width: 100%; border-radius: 20px;}
.new_home_news .news-button-prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 0; right: 30px; margin: 0; width: 30px; height: 30px; opacity: 1; cursor: pointer;}
.new_home_news .news-button-prev i{ font-size: 18px; color: #999; transition: all .2s;}
.new_home_news .news-button-prev:after{ display: none;}
.new_home_news .news-button-prev:hover i{ color: #0168b7;}
.new_home_news .news-button-next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 0; right: 0; margin: 0; width: 30px; height: 30px; opacity: 1; cursor: pointer;}
.new_home_news .news-button-next i{ font-size: 18px; color: #999; transition: all .2s;}
.new_home_news .news-button-next-button-next:after{ display: none;}
.new_home_news .news-button-next:hover i{ color: #0168b7;}
.new_home_news .news-pagination{ display: flex; align-items: center; grid-gap: 0 3px; position: absolute; right: 70px !important; left: initial !important; top: 0 !important; bottom: initial !important; width: auto !important; height: 30px; font-size: 16px; color: #DDD;}
.new_home_news .news-pagination .swiper-pagination-current{ font-weight: 500; color: #000;}
.new_home_news .news-pagination .swiper-pagination-total{ color: #999;}
@media(max-width: 1330px){
    .new_home_news .type_row{ padding: 0 400px 0 0;}
    .new_home_news .list ul li a{ height: 256px;}
    .new_home_news .list ul li a:hover{ background: #FFF;}
    .new_home_news .list ul li a:hover .tit{ color: #000;}
    .new_home_news .rolling{ width: 380px;}
}
@media(max-width: 1025px){
    .new_home_news .head{ justify-content: space-between;}
    .new_home_news .type_row{ padding: 0;}
    .new_home_news .right{ position: relative; top: initial; right: initial; margin: 60px 0 0 0;}
    .new_home_news .rolling{ width: auto;}
}
@media(max-width: 767px){
    .new_home_news{ margin: 40px 0 0 0;}
    .new_home_news .right{ margin: 30px 0 0 0;}
    .new_home_news .head{ padding: 0 0 15px 0;}
    .new_home_news .head .tit{ line-height: 30px; font-size: 22px;}
    .new_home_news .head .more i{ font-size: 16px;}
    .new_home_news .head .more p{ font-size: 14px;}

    .new_home_news .list{ border-radius: 16px;}
    .new_home_news .list ul{ display: grid; grid-template-columns: repeat(1,1fr);}
    .new_home_news .list ul li{ border-right: 0; border-bottom: 1px solid #e5e5e5;}
    .new_home_news .list ul li:last-child{ border-bottom: 0;}
    .new_home_news .list ul li a{ padding: 20px; height: auto;}
    .new_home_news .list ul li a .tip{ width: 70px; height: 25px; font-size: 12px;}
    .new_home_news .list ul li a .tit{ margin: 15px 0 0 0; font-size: 20px; letter-spacing: -0.5px;}
    .new_home_news .list ul li a .txt{ margin: 10px 0 0 0; font-size: 14px;}
    .new_home_news .list ul li a .date{ position: initial; margin: 15px 0 0 0;}

    .new_home_news .rolling .swiper-wrapper .swiper-slide img{ border-radius: 16px;}
}



.new_footer_logo{}
.new_footer_logo .type_row{ position: relative; padding: 40px 0;}
.new_footer_logo .rolling{ overflow: hidden;}
.new_footer_logo .rolling .swiper-wrapper{}
.new_footer_logo .rolling .swiper-wrapper .swiper-slide{ display: flex; justify-content: center; align-items: center; height: 80px; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_footer_logo .rolling .swiper-wrapper .swiper-slide img{ display: block; max-width: 60%; max-height: 50%;}
.new_footer_logo .footer-button-prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 50%; left: -30px; margin: -15px 0 0 0; width: 30px; height: 30px; opacity: 1; cursor: pointer;}
.new_footer_logo .footer-button-prev i{ font-size: 18px; color: #DDD; transition: all .2s;}
.new_footer_logo .footer-button-prev:after{ display: none;}
.new_footer_logo .footer-button-prev:hover i{ color: #0168b7;}
.new_footer_logo .footer-button-next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 50%; right: -30px; margin: -15px 0 0 0; width: 30px; height: 30px; opacity: 1; cursor: pointer;}
.new_footer_logo .footer-button-next i{ font-size: 18px; color: #DDD; transition: all .2s;}
.new_footer_logo .footer-button-next:after{ display: none;}
.new_footer_logo .footer-button-next:hover i{ color: #0168b7;}
@media(max-width: 1330px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .new_footer_logo .type_row{ padding: 30px 0;}
    .new_footer_logo .rolling .swiper-wrapper .swiper-slide{ height: 60px; border-radius: 16px;}
    .new_footer_logo .rolling .swiper-wrapper .swiper-slide img{ max-width: 70%; max-height: 50%;}
}







.new_home_top{}
.new_home_top .type_row{ position: relative; margin: 60px auto 0 auto; padding: 0 340px 0 0;}
.new_home_top .home_success_cases{}
.new_home_top .home_success_cases .head{ display: flex; justify-content: space-between; align-items: flex-end;}
.new_home_top .home_success_cases .head .tit{ font-size: 26px; font-weight: 700; color: #000;}
.new_home_top .home_success_cases .head .more{ display: flex; align-items: center; cursor: pointer;}
.new_home_top .home_success_cases .head .more p{ font-size: 17px; color: #666;}
.new_home_top .home_success_cases .head .more i{ margin: 0 0 1px 10px; font-size: 18px; color: #666;}
.new_home_top .home_success_cases .list { margin: 30px -10px 0 -10px; padding: 0;}
.new_home_top .home_success_cases .list .slide{}
.new_home_top .home_success_cases .list .slide .row{ margin: 0 10px;}
.new_home_top .home_success_cases .list .slide .row .img{ border-radius: 8px;}
.new_home_top .home_success_cases .list .slide .row .img img{ display: block; width: 100%;}
.new_home_top .home_success_cases .list .slide .row .info{ padding: 20px 0 0 0;}
.new_home_top .home_success_cases .list .slide .row .info .company{ font-size: 17px; font-weight: 500; color: #0168b7;}
.new_home_top .home_success_cases .list .slide .row .info .tit{ margin: 30px 0 0 0; font-size: 17px; font-weight: 400; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.new_home_top .home_success_cases .list .slide .row .info .txt{ display: flex; align-items: center; margin: 5px 0 0 0;}
.new_home_top .home_success_cases .list .slide .row .info .txt p{ font-size: 15px; color: #666;}
.new_home_top .home_success_cases .list .slide .row .info .txt span{ display: block; margin: 0 15px; width: 1px; height: 14px; background: #CCC;}
.new_home_top .home_success_cases .list .slide .row .info .view{ display: flex; align-items: center; margin: 30px 0 0 0;}
.new_home_top .home_success_cases .list .slide .row .info .view p{ font-size: 17px; color: #666;}
.new_home_top .home_success_cases .list .slide .row .info .view i{ margin: 0 0 2px 5px; font-size: 20px; color: #666;}
.new_home_top .home_success_cases .slick-dots{ display: flex; justify-content: center; align-items: center; left: initial; bottom: initial; top: -46px; right: 110px; width: auto;}
.new_home_top .home_success_cases .slick-dots li{ margin: 0 4px; width: auto; height: auto;}
.new_home_top .home_success_cases .slick-dots li button{ margin: 0; padding: 0; width: 6px; height: 6px; border-radius: 4px; background: #CCC; transition: all .3s;}
.new_home_top .home_success_cases .slick-dots li button:before{ display: none;}
.new_home_top .home_success_cases .slick-dots li.slick-active button{ width: 16px; background: #0168b7;}
.new_home_top .home_success_cases .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 50%; left: -10px; transform: translate(0,-280%); width: 40px; height: 40px; border-radius: 50%; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/15%); font-size: 14px; color: #666; cursor: pointer;}
.new_home_top .home_success_cases .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 50%; right: -10px; transform: translate(0,-280%); width: 40px; height: 40px; border-radius: 50%; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/15%); font-size: 14px; color: #666; cursor: pointer;}

.new_home_top .home_visual{ overflow: hidden; position: absolute; top: 0; right: 0; width: 300px; border-radius: 8px;}
.new_home_top .home_visual .bx-wrapper{ margin: 0;}
.new_home_top .home_visual .bx-viewport{ left: 0; border: none; background: none; box-shadow: none;}
.new_home_top .home_visual ul{}
.new_home_top .home_visual ul li{ }
.new_home_top .home_visual ul li a{ display: block; position: relative;}
.new_home_top .home_visual ul li a img{ display: block; width: 100%; height: auto;}
.new_home_top .home_visual #visual_btn_L{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; bottom: 0; left: 0; width: 50px; height: 50px; font-size: 20px; color: rgba(255 255 255/80%); cursor: pointer;}
.new_home_top .home_visual #visual_btn_L a{ overflow: hidden; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; line-height: 500px;}
.new_home_top .home_visual #visual_btn_R{ display: flex; justify-content: center; align-items: center; position:absolute; z-index: 10; bottom: 0; left: 100px; width: 50px; height: 50px; font-size: 20px; color: rgba(255 255 255/80%); cursor: pointer;}
.new_home_top .home_visual #visual_btn_R a{ overflow: hidden; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; line-height: 500px;}
.new_home_top .home_visual .bx-controls{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; bottom: 0; height: 50px; width: 150px; border-radius: 0 20px 0 0; background: rgba(0 0 0/80%);}
.new_home_top .home_visual .bx-pager{ display: flex; justify-content: center; align-items: center; position: initial !important; padding: 0 !important; width: auto !important; font-family: NanumSquareNeo !important; font-weight: 300 !important; font-size: 14px; color: rgba(255 255 255/80%) !important;}
.new_home_top .home_visual .bx-pager font{ display: block; margin: 0 5px 0 0; font-size: 16px; font-weight: 500; color: #FFF;}




.new_home_middle{ margin: 80px 0 0 0; background: #f9f9f9;}
.new_home_middle .type_row{ display: flex; padding: 80px 0;}

.new_home_middle .home_program{ padding: 0 20px 0 0; width: 50%;}
.new_home_middle .home_program .head{ display: flex; justify-content: space-between; align-items: center;}
.new_home_middle .home_program .head .tit{ font-size: 26px; font-weight: 700; color: #000;}
.new_home_middle .home_program .head .more{ display: flex; align-items: center; cursor: pointer;}
.new_home_middle .home_program .head .more p{ font-size: 17px; color: #666;}
.new_home_middle .home_program .head .more i{ margin: 0 0 1px 10px; font-size: 18px; color: #666;}
.new_home_middle .home_program .list{ margin: 30px 0 0 0;}
.new_home_middle .home_program .list .row{ padding: 24px 40px; border-radius: 8px; border: 1px solid rgba(0 0 0/10%); background: #FFF;}
.new_home_middle .home_program .list .row .ft{ display: flex; justify-content: space-between; align-items: center;}
.new_home_middle .home_program .list .row .ft .fl{ display: flex; align-items: center;}
.new_home_middle .home_program .list .row .ft .fl span{ display: flex; align-items: center; margin: 0 10px 0 0; padding: 0 10px; height: 24px; border-radius: 4px; background: #eff5ff; font-size: 14px; color: #0168b7;}
.new_home_middle .home_program .list .row .ft .fr{ display: flex; align-items: center;}
.new_home_middle .home_program .list .row .ft .fr a{ display: flex; align-items: center; cursor: pointer;}
.new_home_middle .home_program .list .row .ft .fr a i{ font-size: 17px; color: #333;}
.new_home_middle .home_program .list .row .ft .fr a span{ margin: 0 0 0 5px; font-size: 17px; color: #333;}
.new_home_middle .home_program .list .row .fm{ position: relative; padding: 20px 140px 20px 0;}
.new_home_middle .home_program .list .row .fm .title{}
.new_home_middle .home_program .list .row .fm .title:hover .t1 p{ text-decoration: underline;}
.new_home_middle .home_program .list .row .fm .title:hover .t2{ text-decoration: underline;}
.new_home_middle .home_program .list .row .fm .title:hover .time{ text-decoration: underline;}
.new_home_middle .home_program .list .row .fm .t1{ display: flex; align-items: center;}
.new_home_middle .home_program .list .row .fm .t1 p{ max-width: 90%; font-size: 22px; font-weight: 700; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.new_home_middle .home_program .list .row .fm .t1 i{ margin: 0 0 1px 5px; font-size: 18px; color: #000;}
.new_home_middle .home_program .list .row .fm .t2{ margin: 16px 0; font-size: 17px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.new_home_middle .home_program .list .row .fm .time{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 15px; color: #333;}
.new_home_middle .home_program .list .row .fm .time:first-child{ margin: 0;}
.new_home_middle .home_program .list .row .fm .time span{ margin: 0 10px 0 0; font-weight: 700; color: #000;}
.new_home_middle .home_program .list .row .fm .btn{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); right: 0; width: 100px; height: 48px; border-radius: 8px; background: #DDD; font-size: 17px; font-weight: 500; color: #999; cursor: pointer;}
.new_home_middle .home_program .list .row .fm .btn.on{ background: #246beb; color: #FFF;}
.new_home_middle .home_program .list .row .fb{ display: flex; flex-wrap: wrap; padding: 6px 0 0 0; border-top: 1px solid #DDD;}
.new_home_middle .home_program .list .row .fb span{ display: flex; align-items: center; margin: 10px 10px 0 0; padding: 0 12px; height: 32px; border-radius: 16px; border: 1px solid rgba(0 0 0/20%); font-size: 15px; color: #333;}
.new_home_middle .home_program .list > .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 50%; left: -20px; transform: translate(0,-50%); width: 40px; height: 40px; border-radius: 50%; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/15%); font-size: 14px; color: #666; cursor: pointer;}
.new_home_middle .home_program .list > .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 50%; right: -20px; transform: translate(0,-50%); width: 40px; height: 40px; border-radius: 50%; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/15%); font-size: 14px; color: #666; cursor: pointer;}

.new_home_middle .home_notice{ padding: 0 0 0 20px; width: 50%;}
.new_home_middle .home_notice .head{ display: flex; justify-content: space-between; align-items: center;}
.new_home_middle .home_notice .head .tit{ font-size: 26px; font-weight: 700; color: #000;}
.new_home_middle .home_notice .head .more{ display: flex; align-items: center; cursor: pointer;}
.new_home_middle .home_notice .head .more p{ font-size: 17px; color: #666;}
.new_home_middle .home_notice .head .more i{ margin: 0 0 1px 10px; font-size: 18px; color: #666;}
.new_home_middle .home_notice .list{ display: flex; align-items: center; margin: 30px 0 0 0; padding: 32px 40px; height: 310px; border-radius: 8px; border: 1px solid rgba(0 0 0/10%); background: #FFF;}
.new_home_middle .home_notice .list ul{ width: 100%;}
.new_home_middle .home_notice .list ul li{}
.new_home_middle .home_notice .list ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0; cursor: pointer;}
.new_home_middle .home_notice .list ul li a .tit{ font-size: 17px; font-weight: 600; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.new_home_middle .home_notice .list ul li a .date{ width: 150px; text-align: right; font-size: 17px; color: rgba(0 0 0/60%);}
.new_home_middle .home_notice .list ul li a:hover .tit{ text-decoration: underline;}






.home_visual{}
.home_visual .type_row{ display: flex; align-items: flex-end; padding: 50px 0 0 0;}
.home_visual .left{ width: 100%;}
.home_visual .left .title{ padding: 50px 0;
     /* background: url(/images/v_img.png) no-repeat right 50px bottom/auto 95%; */
}
.home_visual .left .title .t1{ font-size: 36px; font-weight: 500; color: #000; letter-spacing: -2px;}
.home_visual .left .title .t1 span{ color: #0168b7;}
.home_visual .left .title .t2{ margin: 15px 0 0 0; font-size: 16px; color: #666;}
.home_visual .left .menu{ display: flex; padding: 30px 15px; border-radius: 20px; border: 1px solid #DDD; background: #f5f5f5;}
.home_visual .left .menu a{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 20%; cursor: pointer;}
.home_visual .left .menu a span{ font-size: 40px; color: #000;}
.home_visual .left .menu a p{ margin: 10px 0 0 0; font-size: 14px; color: #000;}
.home_visual .left .menu a:hover span{ color: #0168b7;}
.home_visual .left .search{ display: flex; align-items: center; position: relative; margin: 30px 0 0 0; padding: 4px 69px 4px 4px; height: 60px;}
.home_visual .left .search:before{ content: ""; display: block; position: absolute; top: 0; right: 65px; left: 0; bottom: 0; border-radius: 20px; background: linear-gradient(to right, #8f41e9, #0168b7);}
.home_visual .left .search input{ display: flex; align-items: center; position: relative; z-index: 1; margin: 0; padding: 0 20px; width: 100%; height: 100%;  border-radius: 16px; border: 0; background: #FFF; font-size: 16px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.home_visual .left .search i{ position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 20px; background: linear-gradient(135deg, #1770c1, #0168b7); font-size: 24px; color: #FFF; cursor: pointer;}

@media(max-width: 1330px){
    .home_visual .type_row{ display: block; padding: 0;}
    .home_visual .rolling{ flex: none; margin: 30px 0 0 0;}
}
@media(max-width: 767px){
    .home_visual .left .title{ padding: 30px 0; background: url(/images/v_img.png) no-repeat right 20px bottom/auto 85%;}
    .home_visual .left .title .t1{ font-size: 22px; letter-spacing: -1px;}
    .home_visual .left .title .t2{ margin: 10px 0 0 0; font-size: 14px;}
    .home_visual .left .menu{ padding: 20px 10px; border-radius: 15px;}
    .home_visual .left .menu a span{ font-size: 30px;}
    .home_visual .left .menu a p{ font-size: 12px;}
    .home_visual .left .search{ margin: 20px 0 0 0; padding: 3px 58px 3px 3px; height: 50px;}
    .home_visual .left .search:before{ right: 55px; height: 50px; border-radius: 15px;}
    .home_visual .left .search input{ padding: 0 15px; width: 100%; height: 100%;  border-radius: 13px; font-size: 14px;}
    .home_visual .left .search i{ width: 50px; height: 50px; border-radius: 15px; font-size: 20px;}

}


.home_visual2{}
.home_visual2 .type_row{ padding: 50px 0 0 0;}
.home_visual2 .head{ display: flex; justify-content: space-between; align-items: center;}
.home_visual2 .head .title{ font-size: 36px; font-weight: 500; color: #000; letter-spacing: -1px;}
.home_visual2 .head .search{ display: flex; align-items: center; position: relative; width: 50%;}
.home_visual2 .head .search:before{ content: ""; display: block; position: relative; width: 100%; height: 60px; border-radius: 20px; background: linear-gradient(to right, #8f41e9, #0168b7);}
.home_visual2 .head .search input{ display: flex; align-items: center; position: absolute; z-index: 1; top: 4px; bottom: 4px; right: 69px; left: 4px; margin: 0; padding: 0 20px; width: auto;  border-radius: 16px; border: 0; background: #FFF; font-size: 16px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.home_visual2 .head .search i{ flex: 0 0 60px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; width: 60px; height: 60px; border-radius: 20px; background: linear-gradient(135deg, #1770c1, #0168b7); font-size: 24px; color: #FFF; cursor: pointer;}
.home_visual2 .rolling{ margin: 50px -15px -50px -15px;}
.home_visual2 .rolling .slide{ padding: 0 0 50px 0;}
.home_visual2 .rolling .slide a{ display: flex; flex-direction: column; align-items: flex-start; margin: 0 15px; padding: 30px; border-radius: 20px; border: 1px solid #CCC; box-shadow: 0 5px 15px 0 rgba(0 0 0/10%);}
.home_visual2 .rolling .slide a .t1{ display: flex; align-items: center; padding: 0 15px; height: 30px; border-radius: 20px; background: #db5656; font-size: 12px; color: #FFF;}
.home_visual2 .rolling .slide a .t2{ margin: 15px 0 0 0; min-height: 50px; line-height: 25px; font-size: 20px; font-weight: 400; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_visual2 .rolling .slide a .t3{ margin: 30px 0 0 0; font-size: 14px; color: #666;}
.home_visual2 .rolling .slide a .t4{ margin: 5px 0 0 0; font-size: 16px; color: #0168b7;}
.home_visual2 .rolling .slide a .t5{ display: flex; align-items: center; margin: 10px 0 0 0; padding: 0 15px; height: 30px; border-radius: 20px; background: #f0f0f0; font-size: 12px; color: #666;}
.home_visual2 .rolling .slide li a img{ display: block; width: 100%; height: auto;}
.home_visual2 .rolling .slide li .row.on .bg{ transform: scale(1) rotate(0deg) translate(0,0);}
.home_visual2 .rolling .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; left: -15px; top: 42%; transform: translate(0,-50%); width: 50px; height: 50px; border-radius: 50%; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/15%); font-size: 20px; color: #666; cursor: pointer;}
.home_visual2 .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; right: -15px; top: 42%; transform: translate(0,-50%); width: 50px; height: 50px; border-radius: 50%; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/15%); font-size: 20px; color: #666; cursor: pointer;}


.home_visual3{}
.home_visual3 .type_row{ padding: 50px 0 0 0;}
.home_visual3 .head{ display: flex; justify-content: space-between; align-items: center;}
.home_visual3 .head .title{ font-size: 36px; font-weight: 500; color: #000; letter-spacing: -1px;}
.home_visual3 .head .search{ display: flex; align-items: center; position: relative; width: 50%;}
.home_visual3 .head .search:before{ content: ""; display: block; position: relative; width: 100%; height: 60px; border-radius: 20px; background: linear-gradient(to right, #8f41e9, #0168b7);}
.home_visual3 .head .search input{ display: flex; align-items: center; position: absolute; z-index: 1; top: 4px; bottom: 4px; right: 69px; left: 4px; margin: 0; padding: 0 20px; width: auto;  border-radius: 16px; border: 0; background: #FFF; font-size: 16px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.home_visual3 .head .search i{ flex: 0 0 60px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; width: 60px; height: 60px; border-radius: 20px; background: linear-gradient(135deg, #1770c1, #0168b7); font-size: 24px; color: #FFF; cursor: pointer;}

.home_visual3 .rolling{ margin: 50px -15px 50px -15px; display: flex; flex-wrap: wrap;}
.home_visual3 .rolling .slide{ padding: 0 0 50px 0; width: 33.333%; }
.home_visual3 .rolling .slide a{ display: flex; flex-direction: column; align-items: flex-start; margin: 0 15px; padding: 30px; border-radius: 20px; border: 1px solid #CCC; box-shadow: 0 5px 15px 0 rgba(0 0 0/10%);}
.home_visual3 .rolling .slide a .t1{ display: flex; align-items: center; padding: 0 15px; height: 30px; border-radius: 20px; background: #db5656; font-size: 12px; color: #FFF;}
.home_visual3 .rolling .slide a .t2{ margin: 15px 0 0 0; min-height: 50px; line-height: 25px; font-size: 20px; font-weight: 400; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_visual3 .rolling .slide a .t3{ margin: 30px 0 0 0; font-size: 14px; color: #666;}
.home_visual3 .rolling .slide a .t4{ margin: 5px 0 0 0; font-size: 16px; color: #0168b7;}
.home_visual3 .rolling .slide a .t5{ display: flex; align-items: center; margin: 10px 0 0 0; padding: 0 15px; height: 30px; border-radius: 20px; background: #f0f0f0; font-size: 12px; color: #666;}
.home_visual3 .rolling .slide li a img{ display: block; width: 100%; height: auto;}
.home_visual3 .rolling .slide li .row.on .bg{ transform: scale(1) rotate(0deg) translate(0,0);}

.ex_case{ margin: 50px -15px 50px -15px; display: flex; flex-wrap: wrap;}
.ex_case .card{ padding: 0 0 50px 0; width: 33.333%; overflow:hidden;}
.ex_case .card a{ display: flex; flex-direction: column; align-items: flex-start; margin: 0 15px; padding: 30px; border-radius: 20px; border: 1px solid #CCC; box-shadow: 0 5px 15px 0 rgba(0 0 0/10%);}
.ex_case .card .img{overflow:hidden;}
.ex_case .card .img img{width:100%;}
.ex_case .card a .img.case01{}
.ex_case .card a .img.case02{}
.ex_case .card a .img.case03{}
.ex_case .card a .img.case04{width:100%;min-height:276px;max-width:444px;margin:-30px;border-radius:20px;position:absolute;background:url(/images/ex_img02.jpg) no-repeat center/cover;}
.ex_case .card a .img.case05{width:100%;min-height:276px;max-width:444px;margin:-30px;border-radius:20px;position:absolute;background:url(/images/ex_img03.jpg) no-repeat center/cover;}
.ex_case .card a .img.case06{width:100%;min-height:276px;max-width:444px;margin:-30px;border-radius:20px;position:absolute;background:url(/images/ex_img04.jpg) no-repeat center/cover;}

.ex_case .card a .t1{ z-index:1; display: flex; align-items: center; padding: 0 15px; margin: 10px 0 0 0; height: 30px; border-radius: 20px; background: #db5656; font-size: 12px; color: #FFF;}
.ex_case .card a .t2{ z-index:2;margin: 15px 0 0 0; min-height: 50px; line-height: 25px; font-size: 20px; font-weight: 400; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.ex_case .card a .t3{ z-index:3;/*margin: 30px 0 0 0; */margin: 0;font-size: 14px; color: #666;}
.ex_case .card a .t4{ z-index:4; margin: 5px 0 0 0; font-size: 16px; color: #0168b7;}
.ex_case .card a .t5{ z-index:5; display: flex; align-items: center; margin: 10px 0 0 0; padding: 0 15px; height: 30px; border-radius: 20px; background: #f0f0f0; font-size: 12px; color: #666;}
.ex_case .card li a img{ display: block; width: 100%; height: auto;}
.ex_case .card li .row.on .bg{ transform: scale(1) rotate(0deg) translate(0,0);}

@media(max-width: 1025px){
    .home_visual3 .rolling .slide{ width: 50%;}
}
@media(max-width: 767px){
    .home_visual3 .type_row{ padding: 30px 0 50px 0;}
    .home_visual3 .head{ display: block;}
    .home_visual3 .head .title{ font-size: 22px;}
    .home_visual3 .head .search{ margin: 15px 0 0 0; width: 100%;}
    .home_visual3 .head .search:before{ height: 50px; border-radius: 15px;}
    .home_visual3 .head .search input{ top: 3px; right: 58px; bottom: 3px; left: 3px; padding: 0 15px; border-radius: 12px; font-size: 14px;}
    .home_visual3 .head .search i{ flex: 0 0 50px; width: 50px; height: 50px; border-radius: 15px; font-size: 20px;}

    .home_visual3 .rolling{ margin: 20px -5px 0 -5px;}
    .home_visual3 .rolling .slide{ margin: 10px 0 0 0; padding: 0; width: 100%;}
    .home_visual3 .rolling .slide a{ margin: 0 5px; padding: 30px;}
    .home_visual3 .rolling .slide a .t2{ font-size: 16px;}
    .home_visual3 .rolling .slide a .t3{ margin: 15px 0 0 0; font-size: 12px;}
    .home_visual3 .rolling .slide a .t4{ font-size: 14px;}
}


.home_news{ margin: 80px 0 0 0; background: #f1f5f8;}
.home_news .type_row{ display: flex; padding: 80px 0;}
.home_news .left{ width: 100%;}
.home_news .right{ flex: 0 0 500px; margin: 0 0 0 50px;}
.home_news .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 40px 0;}
.home_news .head .fl{ display: flex; align-items: center;}
.home_news .head .tit{ margin: 0 50px 0 0; font-size: 30px; font-weight: 400; color: #000;}
.home_news .head .menu{ display: flex; align-items: center;}
.home_news .head .menu p{ margin: 0 30px 0 0; font-size: 16px; color: rgba(0 0 0/80%); cursor: pointer;}
.home_news .head .menu p.on{ display: flex; align-items: center; padding: 0 20px; height: 40px; border-radius: 20px; background: #0168b7; font-weight: 400; color: #FFF;}
.home_news .head .more{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 20px; color: rgba(0 0 0/50%); cursor: pointer;}
.home_news .head .more i{}
.home_map{ }



.home_news .list{}
.home_news .list ul{ border-top: 2px solid #0168b7;}
.home_news .list ul li{ border-bottom: 1px solid rgba(0 0 0/15%);}
.home_news .list ul li a{ display: flex; align-items: center; padding: 24px 0; cursor: pointer;}
.home_news .list ul li a .fl{ flex: 0 0 60px; display: flex; justify-content: center; align-items: center; margin: 0 20px 0 0; width: 60px; height: 60px; border-radius: 50%; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 14px; color: #000;}
.home_news .list ul li a .fr{ display: flex; flex-wrap: wrap; width: 100%;}
.home_news .list ul li a .fr .t1{ margin: 0 0 15px 0; width: 100%; font-size: 18px; font-weight: 400; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_news .list ul li a .fr .t2{ position: relative; padding: 0 0 0 15px; width: 50%; font-size: 12px; color: rgba(0 0 0/70%);}
.home_news .list ul li a .fr .t2:before{ content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 6px; height: 6px; border-radius: 50%; background: rgba(0 0 0/50%);}
.home_news .list ul li a .fr .t3{ position: relative; padding: 0 0 0 15px; width: 50%; font-size: 12px; color: rgba(0 0 0/70%);}
.home_news .list ul li a .fr .t3:before{ content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 6px; height: 6px; border-radius: 50%; background: rgba(0 0 0/50%);}

.home_news .rolling{ position: relative;}
.home_news .rolling .bx-wrapper{ margin: 0;}
.home_news .rolling .bx-viewport{ left: 0; border: none; background: none; box-shadow: none;}
.home_news .rolling ul{}
.home_news .rolling ul li{}
.home_news .rolling ul li a{ display: block; position: relative;}
.home_news .rolling ul li a:before{ content: ""; display: block; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0 0 0/10%);}
.home_news .rolling ul li a img{ display: block; width: 100%; height: auto;}
.home_news .rolling ul li .row.on .bg{ transform: scale(1) rotate(0deg) translate(0,0);}
.home_news .rolling #hn_btn_L{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: -80px; right: 80px; width: 40px; height: 40px; font-size: 20px; color: rgba(0 0 0/50%); cursor: pointer;}
.home_news .rolling #hn_btn_L a{ overflow: hidden; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; line-height: 500px;}
.home_news .rolling #hn_btn_R{ display: flex; justify-content: center; align-items: center; position:absolute; z-index: 10; top: -80px; right: 0; width: 40px; height: 40px; font-size: 20px; color: rgba(0 0 0/50%); cursor: pointer;}
.home_news .rolling #hn_btn_R a{ overflow: hidden; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; line-height: 500px;}
.home_news .bx-controls{ display: none;
    /* display: flex; justify-content: center; align-items: center; position: absolute; left: initial; top: -80px; right: 0; height: 40px; width: 120px; */
}
.home_news .bx-pager{ display: flex; justify-content: center; align-items: center; position: initial !important; padding: 0 !important; width: auto !important; font-family: NanumSquareNeo !important; font-weight: 300 !important; font-size: 14px; color: rgba(0 0 0/50%) !important;}
.home_news .bx-pager font{ display: block; margin: 0 5px 0 0; font-size: 16px; font-weight: 400; color: #000;}
@media(max-width: 1330px){
    .home_news .right{ margin: 0 0 0 30px;}

    .home_news .head .tit{ margin: 0 30px 0 0;}
    .home_news .head .menu p{ margin: 0 15px 0 0; font-size: 14px;}
    .home_news .head .menu p.on{ padding: 0 15px;}

    .home_news .list ul li a .fl{ flex: 0 0 40px; height: 40px; font-size: 10px;}
    .home_news .list ul li a .fr .t2{ width: auto;}
    .home_news .list ul li a .fr .t3{ margin: 0 0 0 15px;}
}
@media(max-width: 1025px){
    .home_news .type_row{ display: block;}
    .home_news .left{ width: 100%;}
    .home_news .right{ flex: none; margin: 50px 0 0 0;}
}
@media(max-width: 767px){
    .home_news{ margin: 30px 0 0 0;}
    .home_news .type_row{ padding: 30px 0;}
    .home_news .right{ margin: 30px 0 0 0;}
    .home_news .head{ display: block; position: relative; padding: 0 0 30px 0;}
    .home_news .head .fl{ display: block;}
    .home_news .head .tit{ margin: 0; font-size: 22px;}
    .home_news .head .menu{ margin: 15px 0 0 0;}
    .home_news .head .menu p{ margin: 0 20px 0 0; font-size: 14px;}
    .home_news .head .menu p.on{ padding: 0 15px; height: 34px;}
    .home_news .head .more{ position: absolute; top: 0; right: 0; width: 34px; height: 34px;}

    .home_news .list ul li a{ padding: 20px 0; }
    .home_news .list ul li a .fl{ flex: 0 0 50px; margin: 0 15px 0 0; width: 50px; height: 50px; font-size: 12px;}
    .home_news .list ul li a .fr .t1{ margin: 0 0 10px 0; font-size: 16px;}
    .home_news .list ul li a .fr .t2{ padding: 0 0 0 15px; width: 100%; font-size: 12px; color: rgba(0 0 0/70%);}
    .home_news .list ul li a .fr .t3{ margin: 10px 0 0 0; padding: 0 0 0 15px; width: 100%; font-size: 12px; color: rgba(0 0 0/70%);}

    .home_news .rolling #hn_btn_L{ top: -50px;}
    .home_news .rolling #hn_btn_R{ top: -50px;}
    .home_news .bx-controls{ top: -50px; width: 120px;}
    .home_news .bx-pager{ font-size: 12px !important;}
    .home_news .bx-pager font{ font-size: 14px !important;}
}


.home_news_rolling{}
.home_news_rolling .type_row{ padding: 80px 0;}
.home_news_rolling .head{ display: flex; justify-content: space-between; align-items: center;}
.home_news_rolling .head .tit{ font-size: 30px; font-weight: 400; color: #000;}
.home_news_rolling .head .more{ display: flex; justify-content: center; align-items: center; width: 120px; height: 40px; border-radius: 20px; border: 1px solid #CCC; cursor: pointer;}
.home_news_rolling .head .more p{ font-size: 12px; color: #333;}
.home_news_rolling .head .more i{ margin: 0 0 0 10px; font-size: 14px; color: #333;}
.home_news_rolling .rolling{ margin: 40px -15px 0 -15px;}
.home_news_rolling .rolling .slide{}
.home_news_rolling .rolling .slide a{ display: block; margin: 0 15px; cursor: pointer;}
.home_news_rolling .rolling .slide a .img{ border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; border: 1px solid #DDD;}
.home_news_rolling .rolling .slide a .img img{ display: block; width: 100%;}
.home_news_rolling .rolling .slide a .img.tempo{ display: flex; justify-content: center; align-items: center;  width: 100%; height: 100%;}
.home_news_rolling .rolling .slide a .img.tempo img{ display: block; width: 80%; }

.home_news_rolling .rolling .slide a .text{ display: flex; align-items: center; padding: 30px 30px; border-radius: 0 0 20px 20px; border: 1px solid #DDD; border-top: 0;}
.home_news_rolling .rolling .slide a .text .date{ flex: 0 0 70px;}
.home_news_rolling .rolling .slide a .text .date span{ display: block; font-size: 20px; font-weight: 500; color: #000;}
.home_news_rolling .rolling .slide a .text .date p{ margin: 5px 0 0 0; font-size: 12px; color: #666;}
.home_news_rolling .rolling .slide a .text .tit{ width: 100%; line-height: 1.2; font-size: 16px; font-weight: 400; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_news_rolling .rolling .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; left: -15px; top: 50%; transform: translate(0,-50%); width: 50px; height: 50px; border-radius: 50%; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/15%); font-size: 20px; color: #666; cursor: pointer;}
.home_news_rolling .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; right: -15px; top: 50%; transform: translate(0,-50%); width: 50px; height: 50px; border-radius: 50%; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/15%); font-size: 20px; color: #666; cursor: pointer;}
.home_news_rolling .rolling .slick-dots{ display: flex; justify-content: flex-start; align-items: center; left: initial; bottom: initial; top: -80px; right: 165px; width: auto; height: 40px;}
.home_news_rolling .rolling .slick-dots li{ margin: 0 0 0 10px; width: auto; height: auto;}
.home_news_rolling .rolling .slick-dots li button{ width: 10px; height: 10px; border-radius: 50%; background: #CCC;}
.home_news_rolling .rolling .slick-dots li button:before{ display: none;}
.home_news_rolling .rolling .slick-dots li.slick-active button{ background: #0168b7;}
@media(max-width: 1025px){
    .home_news_rolling .rolling{ margin: 40px -5px 0 -5px;}
    .home_news_rolling .rolling .slide a{ margin: 0 5px;}
    .home_news_rolling .rolling .slide a .text{ padding: 30px 15px;}
    .home_news_rolling .rolling .slide a .text .date{ flex: 0 0 60px;}
    .home_news_rolling .rolling .slide a .text .date p{ font-size: 10px;}
}
@media(max-width: 767px){
    .home_news_rolling .type_row{ padding: 30px 0 60px 0;}
    .home_news_rolling .head .tit{ font-size: 22px;}
    .home_news_rolling .head .more{ width: 80px; height: 34px;}
    .home_news_rolling .head .more p{ font-size: 10px;}
    .home_news_rolling .head .more i{ margin: 0 0 0 5px; font-size: 10px;}
    .home_news_rolling .rolling{ margin: 30px -15px 0 -15px;}
    .home_news_rolling .rolling .slide a{ margin: 0 5px;}
    .home_news_rolling .rolling .slide a .img{ border-radius: 15px 15px 0 0;}
    .home_news_rolling .rolling .slide a .text{ padding: 20px; border-radius: 0 0 15px 15px;}
    .home_news_rolling .rolling .slide a .text .date{ flex: 0 0 50px;}
    .home_news_rolling .rolling .slide a .text .date span{ font-size: 16px;}
    .home_news_rolling .rolling .slide a .text .date p{ font-size: 8px;}
    .home_news_rolling .rolling .slide a .text .tit{ font-size: 14px; font-weight: 300;}
    .home_news_rolling .rolling .xi-angle-left{ display: none !important;}
    .home_news_rolling .rolling .xi-angle-right{ display: none !important;}
    .home_news_rolling .rolling .slick-dots{ justify-content: center; left: 0; bottom: -25px; top: initial; right: 0; height: 10px;}
    .home_news_rolling .rolling .slick-dots li{ margin: 0 5px;}
}


.home_botttom_banner{}
.home_botttom_banner .type_row{ padding: 0 0 80px 0;}
.home_botttom_banner .type_row .wrap{ display: flex; margin: 0 -15px;}
.home_botttom_banner .row{ display: flex; justify-content: center; align-items: center; margin: 0 15px; padding: 50px 50px; width: 50%; height: 100%; border-radius: 20px; background: #1364c6;}
.home_botttom_banner .row:nth-child(2){ background: #203c92;}
.home_botttom_banner .row .fl{ display: flex; flex-direction: column; align-items: flex-start;}
.home_botttom_banner .row .t1{ font-size: 26px; font-weight: 400; color: #FFF;}
.home_botttom_banner .row .t2{ margin: 15px 0 0 0; line-height: 1.4; font-size: 14px; font-weight: 300; color: rgba(255 255 255/70%);}
.home_botttom_banner .row a{ display: flex; align-items: center; margin: 20px 0 0 0; padding: 0 20px; height: 40px; border-radius: 20px; background: #FFF; font-size: 14px; color: rgba(0 0 0/70%); cursor: pointer;}
.home_botttom_banner .row img{ flex: 0 0 140px; margin: 0 0 0 40px; width: 140px; height: 140px; border-radius: 50%;}
@media(max-width: 1330px){
    .home_botttom_banner .row img{ margin: 0 0 0 20px;}
}
@media(max-width: 1025px){
    .home_botttom_banner .type_row .wrap{ display: block; margin: 0;}
    .home_botttom_banner .row{ margin: 20px 0 0 0; width: 100%;}
    .home_botttom_banner .row:first-child{ margin: 0;}
    .home_botttom_banner .row img{ margin: 0 0 0 50px;}
}
@media(max-width: 767px){
    .home_botttom_banner .type_row{ padding: 0 0 30px 0;}
    .home_botttom_banner .row{ flex-direction: column-reverse; margin: 10px 0 0 0; padding: 30px;}
    .home_botttom_banner .row img{ flex: none; margin: 0 auto; width: 120px; height: 120px;}
    .home_botttom_banner .row .fl{ align-items: center; margin: 20px 0 0 0; text-align: center;}
    .home_botttom_banner .row .t1{ font-size: 22px;}
    .home_botttom_banner .row .t2{ margin: 10px 0 0 0; font-size: 12px;}
    .home_botttom_banner .row a{ margin: 15px 0 0 0; padding: 0 30px; height: 36px; font-size: 12px;}
}






.sub_visual{ overflow: hidden; position:relative; height: 500px; background: #333;}
.sub_visual .text{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 120px; right: 0; bottom: 60px; left: 0;}
.sub_visual .text p{ font-size: 50px; font-weight: 400; color: #FFF;}
.sub_visual .bg{ position: absolute; top:0; right:0; bottom:0; left:0; background:url(/images/v01.jpg) center bottom 15%/cover; transform: scale(1.1); transition: all 3s; opacity: 0.7;}
.sub_visual.on .bg{ transform: scale(1);}
@media(max-width: 1921px){
    .sub_visual .bg{ background-size: 1920px auto !important;}
}
@media(max-width: 1330px){
    .sub_visual{}
}
@media(max-width: 767px){
    .sub_visual{ height: 350px;}
    .sub_visual .text{ top: 100px; bottom: 45px;}
    .sub_visual .text p{ font-size: 30px;}
}


.sub_gnb{ position: relative; z-index: 50; margin: -60px 0 0 0; height: 60px; background: rgba(0 0 0/30%);}
.sub_gnb .type_row{ display: flex; margin-top: -1px;}
.sub_gnb .home{ display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; background: #0168b7;}
.sub_gnb .home i{ display: block; font-size: 20px; color: #FFF;}
.sub_gnb .select{ position: relative;}
.sub_gnb .select .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 20px; width: 300px; height: 60px; border-right: 1px solid rgba(255,255,255,0.2); cursor: pointer;}
.sub_gnb .select .head p{ font-size: 16px; color: #FFF;}
.sub_gnb .select .head i{ font-size: 16px; color: #FFF;}
.sub_gnb .select ul{ display: none; position: absolute; top: 60px; right: 0; left: -1px; padding: 1px 0 0 0;}
.sub_gnb .select ul li{}
.sub_gnb .select ul li a{ display: flex; justify-content: space-between; align-items: center; margin: -1px 0 0 0; padding: 0 20px; height: 50px; border: 1px solid #DDD; background: #FFF;}
.sub_gnb .select ul li:first-child a{ border-top: 0;}
.sub_gnb .select ul li a p{ font-size: 14px; color: #000;}
.sub_gnb .select ul li a i{ display: none;}
.sub_gnb .select ul li a:hover{ background: #f5f5f5;}
.sub_gnb .select ul li.on{ position: relative; z-index: 10;}
.sub_gnb .select ul li.on a{ border-color: #0168b7; background: #0168b7;}
.sub_gnb .select ul li.on a p{ color: #FFF;}
@media(max-width: 1330px){
    .sub_gnb .select .head{ padding: 0 20px; width: 220px;}
    .sub_gnb .select ul li a{ padding: 0 20px;}
}
@media(max-width: 767px){
    .sub_gnb{ margin: -45px 0 0 0; height: 45px;}
    .sub_gnb .home{ width: 45px; height: 45px;}
    .sub_gnb .home i{ font-size: 18px;}
    .sub_gnb .select .head p{ font-size: 14px;}
    .sub_gnb .select{ display: none; flex: 1 0;}
    .sub_gnb .select:last-child{ display: block;}
    .sub_gnb .select .head{ padding: 0 20px; width: 100%; height: 45px;}
    .sub_gnb .select ul{ top: 45px;}
    .sub_gnb .select ul li a{ padding: 0 20px; height: 45px;}
}


.sub .type_row{ padding: 0 0 80px 0;}
.sub .type_row h2{ padding: 40px 0; font-size: 35px; font-weight: 700; color: #000;}
@media(max-width: 1025px){
    .sub .type_row h2{ padding: 60px 0; font-size: 35px;}
}
@media(max-width: 767px){
    .sub .type_row{ padding: 0 0 60px 0;}
    .sub .type_row h2{ padding: 40px 0; font-size: 30px;}
}


.type_guide{ display: flex; align-items: center; position: relative; height: 60px;}
.type_guide:after{ content: ""; position: absolute; right: -20000px; bottom: 0; left: -20000px; border-bottom: 1px solid #e5e5e5;}
.type_guide i{ font-size: 16px; color: #CCC;}
.type_guide i.xi-home{ margin: -1px 5px 0 0; font-size: 20px; color: #000;}
.type_guide i.xi-angle-right-min{ margin: 0 15px;}
.type_guide a{ display: block; font-size: 15px; color: #333;}
.type_guide .fr{ display: flex; position: absolute; top: 0; right: 0; bottom: 0; border-right: 1px solid #e5e5e5;}
.type_guide .fr span{ display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-left: 1px solid #e5e5e5; font-size: 20px; color: #666; cursor: pointer; transition: all .2s;}
.type_guide .fr span:hover{ background: #fafafa; color: #000;}
@media(max-width: 767px){
    .type_guide{ height: 45px;}
    .type_guide i{ font-size: 12px;}
    .type_guide i.xi-home{ margin: -1px 5px 0 0; font-size: 16px;}
    .type_guide i.xi-angle-right-min{ margin: 0 8px;}
    .type_guide a{ font-size: 12px;}
    .type_guide .fr span{ width: 35px; height: 45px; font-size: 16px;}
}


.type_option{ margin: 0 0 40px 0;}
.type_option .menu{ display: grid; grid-template-columns: repeat(8,1fr); grid-gap: 10px; margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: 1px solid #e5e5e5;}
.type_option .menu a{ display: flex; flex-direction: column; align-items: center; padding: 25px 0; border-radius: 10px; border: 1px solid #e5e5e5; background: #FFF; cursor: pointer; transition: all .2s;}
.type_option .menu a img{ display: block; height: 30px;}
.type_option .menu a p{ margin: 15px 0 0 0; font-size: 15px; color: #666; transition: all .2s;}
.type_option .menu a:hover{ border-color: #0168b7;}
.type_option .menu a:hover p{ color: #000;}

.type_option .search{ display: flex; align-items: center; position: relative;}
.type_option .search select{ display: flex; align-items: center; margin: 0 10px 0 0; padding: 0 40px 0 20px; width: auto; height: 45px; border-radius: 10px; border: 1px solid #e5e5e5; background:url(/images/basic_select_icon.png) no-repeat center right 20px; background-size: 12px auto; line-height: 20px; font-size: 17px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.type_option .search i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 50px; font-size: 20px; color: #000; cursor: pointer;}
.type_option .search input{ display: flex; align-items: center; margin: 0; padding: 0 50px 0 15px; width: 100%; height: 50px; border-radius: 10px; border: 1px solid #e5e5e5; background: #FFF; font-size: 16px; font-weight: 400; color: #000; outline:none; -webkit-appearance:none;}
.type_option .search input:focus{ border: 1px solid #0168b7;}
.type_option .box{ padding: 30px; border-radius: 20px; background: #f6f8fb;}
.type_option .box .ft_sb{ display: flex; justify-content: space-between; align-items: center;}
.type_option .box .btn_r{ display: flex; justify-content: center; align-items: center; padding: 0 20px; border-radius: 8px; height: 48px; background: #0168b7; font-size: 18px; font-weight: 400; color: #FFF; cursor: pointer;}
.type_option .box .ft{ display: flex; justify-content: space-between;}
.type_option .box .ft .fl{ display: flex; grid-gap: 0 20px;}
.type_option .box .ft .fr{ display: flex; grid-gap: 0 20px;}
.type_option .box .ft .row{ display: flex; align-items: center;}
.type_option .box .ft .row .tit{ margin: 0 10px 0 0; font-size: 16px; font-weight: 700; color: #000;}
.type_option .box .ft .row select{ display: flex; align-items: center; margin: 0; padding: 0 50px 0 15px; width: auto; height: 50px; border-radius: 10px; border: 1px solid #e5e5e5; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.type_option .box .ft .row select:focus{ border: 1px solid #0168b7;}
.type_option .box .fb{ display: flex; align-items: center; margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #e5e5e5;}
.type_option .box .fb .tit{ margin: 0 20px 0 0; font-size: 16px; font-weight: 700; color: #000;}
.type_option .box .fb .tit span{ font-weight: 700; color: #0168b7;}
.type_option .box .fb .row{ display: flex; align-items: center; grid-gap: 0 5px;}
.type_option .box .fb .row .btn{ display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #e5e5e5; background: #FFF; cursor: pointer;}
.type_option .box .fb .row .btn i{ font-size: 16px; color: #333;}
.type_option .box .fb .row .tag{ display: flex; align-items: center; padding: 0 15px; height: 35px; border-radius: 20px; border: 1px solid #e5e5e5; background: #FFF;}
.type_option .box .fb .row .tag p{ font-size: 14px; color: #333;}
.type_option .box .fb .row .tag i{ margin: -1px 0 0 8px; font-size: 12px; color: #333; transform: scale(1);}
@media(max-width: 1330px){
    .type_option .menu{ grid-template-columns: repeat(4,1fr);}
}
@media(max-width: 1025px){
    .type_option .box .ft .row{ margin: 20px 0 0 0 !important; padding: 0 10px; width: 50%;}
    .type_option .box .ft .row .tit{ width: 80px;}
    .type_option .box .ft .row select{ width: 100%;}
}
@media(max-width: 767px){
    .type_option{ margin: 0 0 30px 0;}
    .type_option .menu{ grid-template-columns: repeat(2,1fr);}
    .type_option .search{ width: auto;}
    .type_option .box{ padding: 16px; border-radius: 16px;}
    .type_option .box .btn_r{ padding: 0 15px; border-radius: 8px; height: 44px; font-size: 15px;}
    .type_option .box .ft{}
    .type_option .box .ft .row{ margin: 10px 0 0 0 !important; padding: 0; width: 100%;}
    .type_option .box .ft .row .tit{ font-size: 15px;}
    .type_option .box .ft .row select{ padding: 0 40px 0 15px; height: 44px; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 12px auto; font-size: 15px;}
    .type_option .box .fb{ display: block; margin: 16px 0 0 0; padding: 16px 0 0 0;}
    .type_option .box .fb .tit{ margin: 0 20px 10px 0; font-size: 15px;}
    .type_option .box .fb .row{ flex-wrap: wrap;}
}


.type_info{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 40px 0;}
.type_info .fl{ font-size: 22px; font-weight: 700; color: #000;}
.type_info .fl span{ margin: 0 0 0 5px; font-weight: 700; color: #0168b7;}
.type_info .fr{ display: flex; align-items: center;}
.type_info .fr .number{ display: flex; align-items: center;}
.type_info .fr .number .tit{ margin: 0 15px 0 0; font-size: 17px; font-weight: 700; color: #000;}
.type_info .fr .number select{ display: flex; align-items: center; margin: 0; padding: 0 20px 0 0; width: auto; height: 20px; border-radius: 0; border: 0; background:url(/images/basic_select_icon.png) no-repeat center right 0; background-size: 12px auto; line-height: 20px; font-size: 17px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.type_info .fr .sort{ display: flex; align-items: center; margin: 0 0 0 20px; padding: 0 0 0 20px; border-left: 1px solid #DDD;}
.type_info .fr .sort .tit{ font-size: 17px; font-weight: 700; color: #000;}
.type_info .fr .sort .btn{ display: flex; align-items: center;}
.type_info .fr .sort .btn a{ margin: 0 0 0 15px; font-size: 17px; color: #666; cursor: pointer;}
.type_info .fr .sort .btn a.on{ font-weight: 500; color: #000; border-bottom: 1px solid #CCC;}
@media(max-width: 767px){
    .type_info{ margin: 0 0 30px 0;}
    .type_info .fl{ font-size: 20px;}
    .type_info .fr{ display: flex; align-items: center;}
    .type_info .fr .number .tit{ margin: 0 10px 0 0; font-size: 15px;}
    .type_info .fr .number select{ font-size: 15px;}
    .type_info .fr .sort .tit{ font-size: 15px;}
    .type_info .fr .sort .btn a{ margin: 0 0 0 10px; font-size: 15px;}
}


.program_list_new{}
.program_list_new ul{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px;}
.program_list_new ul li{}
.program_list_new ul li .row{ position: relative; padding: 30px; border-radius: 20px; border: 1px solid #e5e5e5; transition: all .2s;}
.program_list_new ul li .row .ft{ display: flex; justify-content: space-between; align-items: center;}
.program_list_new ul li .row .ft .fl{ display: flex; align-items: center; grid-gap: 0 5px;}
.program_list_new ul li .row .ft .fl .tip{ display: flex; align-items: center; padding: 0 12px; height: 30px; border-radius: 20px; border: 1px solid #000; background: #FFF; font-size: 14px; color: #000;}
.program_list_new ul li .row .ft .fl .tip.on{ border-color: #246beb; background: #246beb; color: #FFF; font-weight: 500;}
.program_list_new ul li .row .ft .fl .category{ display: flex; align-items: center; padding: 0 12px; height: 30px; border-radius: 20px; border: 1px solid #0a7345; background: #FFF; font-size: 14px; color: #0a7345;}
.program_list_new ul li .row .ft .fl .time{ display: flex; align-items: center; grid-gap: 0 5px; padding: 0 12px; height: 30px; border-radius: 20px; border: 1px solid #F00; background: #FFF;}
.program_list_new ul li .row .ft .fl .time i{ font-size: 18px; color: #F00; transition: all .2s;}
.program_list_new ul li .row .ft .fl .time p{ font-size: 14px; color: #F00;}
.program_list_new ul li .row .ft .fr{ display: flex; align-items: center; grid-gap: 0 15px; position: absolute; top: 20px; right: 20px;}
.program_list_new ul li .row .ft .fr a{ display: block; cursor: pointer;}
.program_list_new ul li .row .ft .fr a i{ font-size: 20px; color: #999; transition: all .2s;}
.program_list_new ul li .row .fm{ position: relative;}
.program_list_new ul li .row .fm .t1{ margin: 30px 0 0 0; font-size: 26px; font-weight: 700; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.program_list_new ul li .row .fm .t2{ margin: 10px 0 0 0; font-size: 16px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.program_list_new ul li .row .fb{ display: flex; grid-gap: 0 5px; margin: 30px 0 0 0;}
.program_list_new ul li .row .fb .time{ display: flex; flex-direction: column; justify-content: center; padding: 0 15px; width: 50%; height: 55px; border-radius: 10px; border: 1px solid #e5e5e5; background: #FFF;}
.program_list_new ul li .row .fb .time p{ font-size: 14px; color: #999;}
.program_list_new ul li .row .fb .time span{ display: flex; align-items: center; margin: 2px 0 0 0; font-size: 14px; color: #333;}
.program_list_new ul li .row .fb .btn{ flex: 0 0 100px; display: flex; justify-content: center; align-items: center; height: 55px; border-radius: 10px; background: rgba(0 0 0/5%); font-size: 16px; font-weight: 400; color: #999; cursor: pointer;}
.program_list_new ul li .row .fb .btn.on{ background: #246beb; color: #FFF;}
.program_list_new ul li .row:hover{ border-color: #0168b7;}
.program_list_new ul li .row:hover .ft .fr a i{ color: #000;}
@media(max-width: 767px){
    .program_list_new ul li{ margin: 16px 0 0 0;}
    .program_list_new ul li .row{ padding: 24px;}
    .program_list_new ul li .row .fm{ padding: 32px 0;}
    .program_list_new ul li .row .fm .t2{ -webkit-line-clamp: 3;}
    .program_list_new ul li .row .fm .time{ font-size: 15px;}
    .program_list_new ul li .row .fm .time span{ margin: 0 5px 0 0;}
    .program_list_new ul li .row .fm .btn{ position: initial; transform: translate(0,0); margin: 30px 0 0 0;}
    .program_list_new ul li .row .fb span{ margin: 5px 5px 0 0;}
}


.program_list_new2{}
.program_list_new2 ul{ display: flex; flex-wrap: wrap; grid-gap: 20px;}
.program_list_new2 ul li{ width: 100%;}
.program_list_new2 ul li .row{ position: relative; padding: 30px; border-radius: 20px; border: 1px solid #e5e5e5; transition: all .2s;}
.program_list_new2 ul li .row .ft{ display: flex; justify-content: space-between; align-items: center;}
.program_list_new2 ul li .row .ft{ display: flex; justify-content: space-between; align-items: center;}
.program_list_new2 ul li .row .ft .fl{ display: flex; align-items: center;}
.program_list_new2 ul li .row .ft .fl span{ display: flex; align-items: center; margin: 0 10px 0 0; padding: 0 10px; height: 24px; border-radius: 4px; background: #eff5ff; font-size: 14px; color: #0168b7;}
.program_list_new2 ul li .row .ft .fr{ display: flex; align-items: center;}
.program_list_new2 ul li .row .ft .fr a{ display: flex; align-items: center; cursor: pointer;}
.program_list_new2 ul li .row .ft .fr a i{ font-size: 17px; color: #333;}
.program_list_new2 ul li .row .ft .fr a span{ margin: 0 0 0 5px; font-size: 17px; color: #333;}
.program_list_new2 ul li .row .fm{ position: relative; padding: 20px 140px 20px 0;}
.program_list_new2 ul li .row .fm .title{ display: block;}
.program_list_new2 ul li .row .fm .title:hover .t1 p{ text-decoration: underline;}
.program_list_new2 ul li .row .fm .title:hover .t2{ text-decoration: underline;}
.program_list_new2 ul li .row .fm .title:hover .time{ text-decoration: underline;}
.program_list_new2 ul li .row .fm .t1{ display: flex; align-items: center;}
.program_list_new2 ul li .row .fm .t1 p{ max-width: 90%; font-size: 22px; font-weight: 700; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.program_list_new2 ul li .row .fm .t1 i{ margin: 0 0 1px 5px; font-size: 18px; color: #000;}
.program_list_new2 ul li .row .fm .t2{ margin: 16px 0; font-size: 17px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.program_list_new2 ul li .row .fm .time{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 15px; color: #333;}
.program_list_new2 ul li .row .fm .time:first-child{ margin: 0;}
.program_list_new2 ul li .row .fm .time span{ margin: 0 10px 0 0; font-weight: 700; color: #000;}
.program_list_new2 ul li .row .fm .btn{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); right: 0; width: 100px; height: 48px; border-radius: 8px; background: #DDD; font-size: 17px; font-weight: 500; color: #999; cursor: pointer;}
.program_list_new2 ul li .row .fm .btn.on{ background: #246beb; color: #FFF;}
.program_list_new2 ul li .row:hover{ border-color: #0168b7;}
.program_list_new2 ul li .row:hover .ft .fr a i{ color: #000;}
@media(max-width: 767px){
    .program_list_new2 ul{ grid-gap: 10px;}
    .program_list_new2 ul li{}
    .program_list_new2 ul li .row{ padding: 20px; border-radius: 16px;}
    .program_list_new2 ul li .row .fm{ padding: 20px 0 0 0;}
    .program_list_new2 ul li .row .fm .t1 p{ max-width: 80%; font-size: 20px;}
    .program_list_new2 ul li .row .fm .t1 i{ margin: 0 0 2px 5px; font-size: 18px;}
    .program_list_new2 ul li .row .fm .t2{ font-size: 16px;}
    .program_list_new2 ul li .row .fm .time{ font-size: 14px;}
    .program_list_new2 ul li .row .fm .time span{ margin: 0 5px 0 0;}
    .program_list_new2 ul li .row .fm .btn{ position: initial; transform: translate(0,0); margin: 20px 0 0 0; height: 40px; font-size: 16px;}
    .program_list_new2 ul li .row .fb span{ margin: 5px 5px 0 0;}
}


.program_detail{}
.program_detail .title{ font-size: 26px; font-weight: 700; color: #000;}
.program_detail .button{ position: relative; margin: 40px 0 0 0; padding: 0 190px 0 0;}
.program_detail .button .btn{ display: flex; justify-content: center; align-items: center; width: 100%; height: 64px; border-radius: 8px; cursor: pointer;}
.program_detail .button .btn p{ font-size: 19px; font-weight: 500;}
.program_detail .button .btn.on{ background: #246beb;}
.program_detail .button .btn.on p{ color: #FFF;}
.program_detail .button .btn.on i{ margin: 0 0 1px 12px; font-size: 20px; color: #FFF;}
.program_detail .button .btn.off{ border: 1px solid #999; background: #DDD;}
.program_detail .button .btn.off p{ color: #999;}
.program_detail .button .share{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; width: 180px; height: 64px; border-radius: 8px; border: 1px solid #666; cursor: pointer;}
.program_detail .button .share i{ margin: 0 0 1px 12px; font-size: 24px; color: #000;}
.program_detail .button .share p{ font-size: 19px; font-weight: 500; color: #000;}

.program_detail .tit_1{ margin: 64px 0 0 0; font-size: 26px; font-weight: 700; color: #000;}
.program_detail .tit_2{ margin: 32px 0 0 0; font-size: 19px; font-weight: 700; color: #000;}

.program_detail .dot_txt_1{ margin: 12px 0 0 0;}
.program_detail .dot_txt_1 p{ position: relative; padding: 8px 0 8px 12px; line-height: 24px; font-size: 17px; color: #666;}
.program_detail .dot_txt_1 p:before{ content: ""; display: block; position: absolute; top: 20px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #999;}

.program_detail .info{ margin: 32px 0 0 0; padding: 24px 0; border-top: 1px solid #666; border-bottom: 1px solid #666;}
.program_detail .info ul{}
.program_detail .info ul li{ display: flex; padding: 12px 0;}
.program_detail .info ul li .tit{ flex: 0 0 100px; line-height: 24px; font-size: 17px; font-weight: 700; color: #000;}
.program_detail .info ul li .txt{ width: 100%; line-height: 24px; font-size: 17px; color: #666;}
.program_detail .info ul li .txt strong{ font-weight: 700; color: #0168b7;}

.program_detail .tel{ margin: 32px 0 0 0; padding: 24px 24px; border-radius: 8px; border: 1px solid rgba(0 0 0/10%); background: #edf1f5;}
.program_detail .tel .t1{ font-size: 17px; color: #000;}
.program_detail .tel .t2{ display: flex; align-items: center; margin: 8px 0 0 0; font-size: 32px; font-weight: 700; color: #000;}
.program_detail .tel .t2 i{ margin: 0 10px 0 0; font-size: 32px; color: #000;}

.program_detail .file_down{ margin: 32px 0 0 0;}
.program_detail .file_down ul{}
.program_detail .file_down ul li{ margin: 16px 0 0 0;}
.program_detail .file_down ul li:first-child{ margin: 0;}
.program_detail .file_down ul li .row{ display: flex; justify-content: space-between; align-items: center; padding: 24px 24px; border-radius: 8px; border: 1px solid #CCC;}
.program_detail .file_down ul li .row .tit{ font-size: 17px; color: #000;}
.program_detail .file_down ul li .row a{ display: flex; align-items: center; margin: 0 0 0 20px;}
.program_detail .file_down ul li .row a p{ font-size: 17px; color: #333;}
.program_detail .file_down ul li .row a i{ margin: 0 0 0 5px; font-size: 20px; color: #333;}
@media(max-width: 767px){
    .program_detail .title{ font-size: 24px;}
    .program_detail .button{ margin: 30px 0 0 0; padding: 0 130px 0 0;}
    .program_detail .button .btn{ height: 56px;}
    .program_detail .button .btn p{ font-size: 17px;}
    .program_detail .button .btn.on i{ margin: 0 0 1px 8px; font-size: 16px;}
    .program_detail .button .share{ width: 120px; height: 56px;}
    .program_detail .button .share p{ font-size: 17px;}
    .program_detail .button .share i{ margin: 0 0 1px 8px; font-size: 16px;}

    .program_detail .tit_1{ margin: 40px 0 0 0; font-size: 24px;}
    .program_detail .tit_2{ margin: 20px 0 0 0; font-size: 19px;}

    .program_detail .dot_txt_1{ margin: 8px 0 0 0;}

    .program_detail .info{ margin: 20px 0 0 0; padding: 16px 0;}
    .program_detail .info ul li{ padding: 10px 0;}
    .program_detail .info ul li .tit{ flex: 0 0 80px;}

    .program_detail .tel{ margin: 20px 0 0 0; padding: 16px;}
    .program_detail .tel .t2{ margin: 4px 0 0 0;}

    .program_detail .file_down{ margin: 20px 0 0 0;}
    .program_detail .file_down ul li{ margin: 12px 0 0 0;}
    .program_detail .file_down ul li .row{ display: block; padding: 16px;}
    .program_detail .file_down ul li .row a{ margin: 12px 0 0 0;}
}


.program_ok{ padding: 12px 40px; border-radius: 8px; border: 1px solid rgba(0 0 0/5%); background: #edf1f5;}
.program_ok ul{}
.program_ok ul li{ display: flex; padding: 12px 0;}
.program_ok ul li .tit{ flex: 0 0 100px; padding: 8px 0; line-height: 24px; font-size: 17px; font-weight: 700; color: #000;}
.program_ok ul li .txt{ width: 100%;}
.program_ok ul li .txt p{ padding: 8px 0; line-height: 24px; font-size: 17px; color: #666;}
@media(max-width: 767px){
    .program_ok{ padding: 16px 24px;}
    .program_ok ul li{ padding: 10px 0;}
    .program_ok ul li .tit{ flex: 0 0 80px;}
}



.sub_success_cases{}
.sub_success_cases ul{ display: flex; flex-wrap: wrap; margin: -60px -10px 0 -10px; padding: 0;}
.sub_success_cases ul li{ margin: 60px 0 0 0; width: 25%;}
.sub_success_cases ul li a{ display: block; margin: 0 10px;}
.sub_success_cases ul li a .img{ border-radius: 8px;}
.sub_success_cases ul li a .img img{ display: block; width: 100%;}
.sub_success_cases ul li a .info{ padding: 20px 0 0 0;}
.sub_success_cases ul li a .info .company{ font-size: 17px; font-weight: 500; color: #0168b7;}
.sub_success_cases ul li a .info .tit{ margin: 30px 0 0 0; font-size: 17px; font-weight: 400; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.sub_success_cases ul li a .info .txt{ display: flex; align-items: center; margin: 5px 0 0 0;}
.sub_success_cases ul li a .info .txt p{ font-size: 15px; color: #666;}
.sub_success_cases ul li a .info .txt span{ display: block; margin: 0 15px; width: 1px; height: 14px; background: #CCC;}
.sub_success_cases ul li a .info .view{ display: flex; align-items: center; margin: 30px 0 0 0;}
.sub_success_cases ul li a .info .view p{ font-size: 17px; color: #666;}
.sub_success_cases ul li a .info .view i{ margin: 0 0 2px 5px; font-size: 20px; color: #666;}















.program_head{ display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; border-top: 1px solid #000; border-bottom: 1px solid #CCC;}
.program_head .fl{ font-size: 16px; font-weight: 400; color: #000;}
.program_head .fl span{ color: #0168b7;}
.program_head .fr{ display: flex; align-items: center;}
.program_head .fr .row{ display: flex; align-items: center; margin: 0 30px 0 0; cursor: pointer;}
.program_head .fr .row span{ width: 10px; height: 10px; border-radius: 50%; background: #666;}
.program_head .fr .row p{ margin: 0 0 0 5px; font-size: 16px; color: #666;}
.program_head .fr .row.on span{ background: #0168b7;}
.program_head .fr .row.on p{ color: #000;}
.program_head .fr select{ display: flex; align-items: center; margin: 0; padding: 0 40px 0 15px; width: auto; height: 40px; border-radius: 5px; border: 1px solid #CCC; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 14px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
@media(max-width: 1025px){
    .program_head{ display: block;}
    .program_head .fr{ margin: 20px 0 0 0;}
    .program_head .fr select{ float: right;}
}
@media(max-width:767px){
    .program_head{ padding: 20px 0;}
    .program_head .fl{ line-height: 1.6; font-size: 14px;}
    .program_head .fr{ justify-content: flex-end; margin: 10px 0 0 0;}
    .program_head .fr .row{ margin: 0 20px 0 0;}
    .program_head .fr .row p{ font-size: 14px;}
    .program_head .fr select{ padding: 0 40px 0 10px; height: 34px; font-size: 12px;}
}


.program_wrap{ display: flex; margin: 30px 0 0 0;}
.program_wrap .program_menu{ flex: 0 0 300px; margin: 0 30px 0 0; padding: 30px 0; border: 1px solid #CCC;}
.program_wrap .program_menu .title{ display: flex; justify-content: center; align-items: center;}
.program_wrap .program_menu .title i{ font-size: 24px; color: #000;}
.program_wrap .program_menu .title p{ margin: 0 10px; font-size: 18px; color: #000;}
.program_wrap .program_menu .title span{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 5px; background: #0168b7; font-size: 24px; color: #FFF; cursor: pointer;}
.program_wrap .program_menu .box{ margin: 30px 0 0 0; padding: 30px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #fafafa;}
.program_wrap .program_menu .box select{ display: flex; align-items: center; margin: 10px 0 0 0; padding: 0 40px 0 15px; width: 100%; height: 40px; border-radius: 5px; border: 1px solid #CCC; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 14px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.program_wrap .program_menu .box select:first-child{ margin: 0;}
.program_wrap .program_menu .search{ padding: 30px;}
.program_wrap .program_menu .search input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 40px; border-radius: 5px; border: 1px solid #CCC; background: none; font-size: 14px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.program_wrap .program_menu .search .btn{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; height: 45px; border-radius: 5px; background: #0168b7; font-size: 16px; font-weight: 400; color: #FFF; cursor: pointer;}
@media(max-width: 1025px){
    .program_wrap{ display: block;}
    .program_wrap .program_menu{ flex: initial; margin: 0;}
}
@media(max-width:767px){
    .program_wrap .program_menu{ padding: 0;}
    .program_wrap .program_menu .title{ padding: 20px 0;}
    .program_wrap .program_menu .title i{ font-size: 20px;}
    .program_wrap .program_menu .title p{ font-size: 16px;}
    .program_wrap .program_menu .title span{ width: 30px; height: 30px; font-size: 18px;}
    .program_wrap .program_menu .box{ margin: 0;}
    .program_wrap .program_menu .search{ padding: 20px 30px;}
}


.program_wrap .program_content{}
.program_wrap .program_content .program_map{}
.program_wrap .program_content .program_map .img{ }
.program_wrap .program_content .program_map .img img{ width: 100%;}
.program_wrap .program_content .program_map .img.map_img02{ padding: 0 100px;}


@media(max-width: 767px){
    .program_wrap .program_content .program_map{ margin: 30px 0 0 0;}

}


.program_wrap .program_list{ width: 100%; border-top: 1px solid #000;}
.program_wrap .program_list ul{}
.program_wrap .program_list ul li{ border-bottom: 1px solid #CCC;}
.program_wrap .program_list ul li .inner{ display: flex; justify-content: space-between; align-items: center; padding: 30px;}
.program_wrap .program_list ul li .inner .fl{ width: 100%;}
.program_wrap .program_list ul li .inner .fl .top{ display: flex;}
.program_wrap .program_list ul li .inner .fl .top .tag{ display: flex; align-items: center; margin: 0 10px 0 0; padding: 0 15px; height: 30px; border: 1px solid #DDD; font-size: 14px; color: #333;}
.program_wrap .program_list ul li .inner .fl .middle{ margin: 20px 0 0 0;}
.program_wrap .program_list ul li .inner .fl .middle a{ display: block; line-height: 25px; font-size: 18px; font-weight: 400; color: #000;}
.program_wrap .program_list ul li .inner .fl .middle a .new{ display: inline-block; width: 25px; height: 25px; background: #F00; text-align: center; line-height: 25px; font-size: 12px; color: #FFF;}
.program_wrap .program_list ul li .inner .fl .bottom{ display: flex; flex-wrap: wrap; margin: 5px 0 0 0;}
.program_wrap .program_list ul li .inner .fl .bottom span{ display: block; margin: 10px 20px 0 0; line-height: 1.4; font-size: 12px; color: #666;}
.program_wrap .program_list ul li .inner .fr{ flex: 0 0 300px; display: flex; justify-content: flex-end; align-items: center;}
.program_wrap .program_list ul li .inner .fr .btn{ display: flex; align-items: center; margin: 0 0 0 10px; padding: 0 30px; height: 35px; border: 1px solid #DDD; font-size: 14px; color: #000; cursor: pointer;}
.program_wrap .program_list ul li .inner .fr .btn:first-child{ border-color: #0168b7;}
.program_wrap .program_list ul li .inner .fr .btn span{ font-size: 20px;}
@media(max-width: 1330px){
    .program_wrap .program_list ul li .inner .fr{ flex: 0 0 200px;}
}
@media(max-width: 1025px){

}
@media(max-width: 767px){
    .program_wrap .program_list{ margin: 30px 0 0 0;}
    .program_wrap .program_list ul li .inner{ display: block; padding: 30px 0;}
    .program_wrap .program_list ul li .inner .fl .top .tag{ padding: 0 10px; font-size: 12px;}
    .program_wrap .program_list ul li .inner .fr{ margin: 15px 0 0 0;}
    .program_wrap .program_list ul li .inner .fr .btn{ padding: 0 10px; height: 30px; font-size: 12px;}
    .program_wrap .program_list ul li .inner .fr .btn span{ font-size: 16px;}
}





.type_table_01 table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.type_table_01 table thead{}
.type_table_01 table thead tr{}
.type_table_01 table thead tr td{ padding: 15px 10px; border-top: 2px solid #0168b7; border-bottom: 1px solid #CCC; background: #f5f5f5; text-align: center; font-size: 16px; font-weight: 400; color: #000;}
.type_table_01 table tbody{}
.type_table_01 table tbody tr{}
.type_table_01 table tbody tr th{ padding: 15px 10px; border: 1px solid #DDD; background: #f5f5f5; text-align: center; line-height: 1.6; font-size: 1.4em; font-weight: 300;}
.type_table_01 table tbody tr th:first-child{ border-left: 0;}
.type_table_01 table tbody tr th:last-child{ border-right: 0;}
.type_table_01 table tbody tr td{ padding: 15px 10px; border: 1px solid #DDD; text-align: center; line-height: 1.5; font-size: 14px; color: #666;}
.type_table_01 table tbody tr td:first-child{ border-left: 0;}
.type_table_01 table tbody tr td:last-child{ border-right: 0;}






.type_btn_01{ display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0;}
.type_btn_01 a{ display: flex; justify-content: center; align-items: center; padding: 0 32px; height: 64px; border-radius: 8px; border: 1px solid #666;}
.type_btn_01 a p{ font-size: 19px; font-weight: 400; color: #000;}
.type_btn_01 a.on{ border-color: #246beb; background: #246beb;}
.type_btn_01 a.on p{ color: #FFF;}
.type_btn_01 a:hover{ background: #f5f5f5;}
@media(max-width: 767px){
    .type_btn_01 a{ padding: 24px; height: 56px;}
    .type_btn_01 a p{ font-size: 17px;}
}


.type_btn_02{ display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0;}
.type_btn_02 a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; padding: 0 32px; height: 64px; border-radius: 8px; border: 1px solid #666; cursor: pointer;}
.type_btn_02 a p{ font-size: 19px; font-weight: 400; color: #000;}
.type_btn_02 a.off{ border-color: #CCC; background: #f5f5f5;}
.type_btn_02 a.off p{ color: #999;}
.type_btn_02 a.on{ border-color: #246beb; background: #246beb;}
.type_btn_02 a.on p{ color: #FFF;}
@media(max-width: 767px){
    .type_btn_02 a{ padding: 0 24px; height: 56px;}
    .type_btn_02 a p{ font-size: 17px;}
}


.type_btn_03{ display: flex; justify-content: center; align-items: center; margin: 40px auto 0 auto; width: 200px; height: 50px; border-radius:30px; border:1px solid #0168b7; background:#0168b7; text-align:center; cursor:pointer;}
.type_btn_03 p{ font-size: 16px; color:#FFF;}
@media(max-width:767px){
    .type_btn_03{ margin: 30px auto 0 auto; width: auto; height: 45px;}
    .type_btn_03 p{ font-size: 14px;}
}

.type_btn_04{ display:block; margin:50px auto 0 auto; width:200px; background:#344db0; text-align:center; line-height:50px; font-size: 1.7em; color:#FFF; cursor:pointer;}
@media(max-width:767px){
    .type_btn_04{ margin:30px auto 0 auto; line-height:40px;}
}


.type_search{ display:flex; justify-content:space-between; align-items:center;}
.type_search .fl{}
.type_search .fl p{ font-size: 25px;}
.type_search .fl p font{ font-weight: 500; color:#0168b7; letter-spacing:0;}
.type_search .fr{ display:flex; align-items:center;}
.type_search .fr select{ display: flex; align-items: center; margin: 0; padding:0 30px 0 15px; width: 100px; height:40px; border-radius:0; border: 1px solid #DDD; background: url(/images/basic_select_icon.png) no-repeat center right 15px; background-size: 10px auto; font-size: 14px; font-weight: 200; letter-spacing: 0; color: #000; outline: none; -webkit-appearance: none;}
.type_search .fr .search{ position:relative; margin:0 0 0 -1px;}
.type_search .fr .search i{ display:block; position:absolute; top:0; right:0; width:40px; text-align:center; line-height:40px; font-size: 18px; color:#666; cursor:pointer;}
.type_search .fr .search input{ display: flex; align-items: center; margin:0; padding:0 40px 0 15px; width: 300px; height:40px; border-radius:0; border:1px solid #DDD; background:none; font-size: 14px; font-weight: 200; color:#000; outline:none; -webkit-appearance:none;}
@media(max-width:767px){
    .type_search .fl p{ font-size:15px;}
    .type_search .fr{ display:flex; align-items:center;}
    .type_search .fr select{ padding:0 30px 0 10px; width:80px; height:35px; line-height:33px; font-size:12px;}
    .type_search .fr .search{}
    .type_search .fr .search i{ width:35px; line-height:33px; font-size:14px;}
    .type_search .fr .search input{ padding:0 40px 0 10px; width: 170px; height:35px; line-height:33px; font-size:12px;}
}


.type_page{ display:flex; justify-content:center; align-items:center; margin: 60px 0 0 0;}
.type_page i{ display:flex; justify-content:center; align-items:center; margin: 0 0 0 -1px; width:40px; height:40px; border:1px solid #DDD; font-size: 14px; color:#000; cursor:pointer;}
.type_page .page{ display:flex; align-items:center;}
.type_page .page p{ display:flex; justify-content:center; align-items:center; margin:0 0 0 -1px; width:40px; height:40px; border:1px solid #DDD; font-size: 14px; color:#000; cursor:pointer;}
.type_page .page p.on{ position: relative; z-index: 1; border-color: #000; background: #000; color: #FFF;}
@media(max-width:767px){
    .type_page{ margin: 30px 0 0 0;}
    .type_page i{ width: 35px; height:35px;}
    .type_page .page p{ width:35px; height:35px;}
}


.type_notice{ margin: 40px 0 0 0; border-top: 2px solid #000;}
.type_notice .head{ display: flex; border-bottom: 1px solid #CCC;}
.type_notice .head li{ display: flex; justify-content: center; align-items: center; height: 60px;}
.type_notice .head li p{ font-size: 17px; font-weight: 600; color: #000;}
.type_notice .body{}
.type_notice .body li{}
.type_notice .body li .row{ display: flex; flex-wrap: wrap; align-items: center; position: relative; padding: 20px 0; border-bottom: 1px solid #CCC;}
.type_notice .body li .row .number{ width: 10%; display:flex; justify-content:center; align-items:center; font-size: 17px; color: #666;}
.type_notice .body li .row .tit{ width: 45%; display: flex; align-items: center; padding: 0 15px;}
.type_notice .body li .row .tit a{ max-width: 90%; font-size: 17px; font-weight: 500; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer;}
.type_notice .body li .row .tit i{ margin: 0 0 0 5px; font-size: 17px; color: #000; cursor: pointer;}
.type_notice .body li .row .user{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 17px; font-weight: 400; color:#666;}
.type_notice .body li .row .date{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 17px; font-weight: 400; color:#666;}
.type_notice .body li .row .click{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 17px; font-weight: 400; color:#666;}
.type_notice .body li .row .answer{ width:15%; display:flex; justify-content:center; align-items:center;}
.type_notice .body li .row .answer p{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 17px; color:#666;}
.type_notice .body li .row .answer.on p{ border:1px solid #0168b7; background:#0168b7; color:#FFF;}
@media(max-width:767px){
    .type_notice{ margin: 30px 0 0 0;}
    .type_notice .head{ display: none;}
    .type_notice .body li .row{ padding: 20px 0 20px 50px;}
    .type_notice .body li .row .number{ position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 40px; height: 40px; border-radius: 50%; background: #000; font-size: 15px; color: #FFF;}
    .type_notice .body li .row .tit{ padding: 0 0 6px 0; width: 100%; line-height: 20px;}
    .type_notice .body li .row .user{ justify-content: flex-start; margin: 0 15px 0 0; width: auto; font-size: 15px;}
    .type_notice .body li .row .date{ justify-content: flex-start; margin: 0 15px 0 0; width: auto; font-size: 15px;}
    .type_notice .body li .row .click{ justify-content: flex-start; margin: 0 15px 0 0; width: auto; font-size: 15px;}
    .type_notice .body li .row .answer{ width: auto;}
    .type_notice .body li .row .answer p{ height: 25px; font-size: 10px;}
}



.program_list{ margin: 50px 0 0 0; border-top: 2px solid #000;}
.program_list .head{ display:flex; border-bottom:1px solid #000;}
.program_list .head li{ display:flex; justify-content:center; align-items:center; height: 60px;}
.program_list .head li p{ font-size: 16px; color:#000;}
.program_list .body{}
.program_list .body li{}
.program_list .body li .row{ display:flex; flex-wrap:wrap; align-items:center; position:relative; padding:20px 0; border-bottom:1px solid #DDD;}
.program_list .body li .row .number{ width:10%; display:flex; justify-content:center; align-items:center; font-size: 14px; color:#666;}
.program_list .body li .row .name{ width:20%; display:flex; align-items:center; padding:0 15px;}
.program_list .body li .row .name a{ max-width: 90%; font-size: 14px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:pointer;}
.program_list .body li .row .name i{ margin:0 0 0 5px; font-size: 18px; color:#666; cursor:pointer;}
.program_list .body li .row .address{ width:35%; display:flex; justify-content:center; align-items:center; font-size: 14px; font-weight: 200; color:#666;}
.program_list .body li .row .delegate{ width:10%; display:flex; justify-content:center; align-items:center; font-size: 14px; font-weight: 200; color:#666;}
.program_list .body li .row .busin{ width:10%; display:flex; justify-content:center; align-items:center; font-size: 14px; font-weight: 200; color:#666;}
.program_list .body li .row .more{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 14px; font-weight: 200;}
.program_list .body li .row .more a{ color: #fff; background: #0168b7; padding: 5px 15px; border-radius: 15px;}
/* .program_list .body li .row .answer{ width:15%; display:flex; justify-content:center; align-items:center;}
.program_list .body li .row .answer p{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 1.3em; color:#666;}
.program_list .body li .row .answer.on p{ border:1px solid #0168b7; background:#0168b7; color:#FFF;} */
@media(max-width:767px){

    .program_list .head li{ height: 50px;}
    .program_list .head li p{ font-size: 12px;}
    .program_list .body li .row .number{ font-size: 10px;}

    .program_list .body li .row .more{ font-size: 10px;}
    .program_list .body li .row .more a{ padding: 5px 10px;}
}


.type_qna{ overflow: hidden; margin: 50px 0 0 0; border-top: 1px solid #000;}
.type_qna .head{ display: flex; border-bottom: 1px solid #CCC;}
.type_qna .head li{ display: flex; justify-content: center; align-items: center; height: 60px;}
.type_qna .head li p{ font-size: 16px; color: #000;}
.type_qna .body{}
.type_qna .body li{}
.type_qna .body li .row{ display:flex; flex-wrap:wrap; align-items:center; position:relative; padding: 15px 0; border-bottom: 1px solid #CCC;}
.type_qna .body li .row .number{ width:10%; display:flex; justify-content:center; align-items:center; font-size: 14px; color:#666;}
.type_qna .body li .row .tit{ width:45%; display:flex; align-items:center; padding:0 15px;}
.type_qna .body li .row .tit a{ max-width: 90%; font-size: 14px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:pointer;}
.type_qna .body li .row .tit i{ margin:0 0 0 5px; font-size: 18px; color:#666; cursor:pointer;}
.type_qna .body li .row .user{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 14px; color:#666;}
.type_qna .body li .row .date{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 14px; color:#666;}
.type_qna .body li .row .click{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 14px; color:#666;}
.type_qna .body li .row .answer{ width:15%; display:flex; justify-content:center; align-items:center;}
.type_qna .body li .row .answer p{ display:flex; justify-content:center; align-items:center; padding: 0 15px; height: 35px; border-radius: 5px; border: 1px solid #CCC; background: #fafafa; font-size: 14px; color:#666;}
.type_qna .body li .row .answer.on p{ border: 1px solid #0168b7; background: #0168b7; color: #FFF;}
@media(max-width:767px){
    .type_qna{ margin: 30px 0 0 0;}
    .type_qna .head{ display: none;}
    .type_qna .body li:first-child .row{ border-top: 0;}
    .type_qna .body li .row{ padding: 20px 0 20px 45px;}
    .type_qna .body li .row .number{ position:absolute; top:50%; transform: translate(0,-50%); left: 0; width:35px; height:35px; border-radius:50%; background: #25acdc; color:#FFF; font-size: 12px;}
    .type_qna .body li .row .tit{ margin: -1px 0 0 0; padding: 0 0 5px 0; width: 100%; line-height: 20px;}
    .type_qna .body li .row .user{ justify-content:flex-start; width:20%; font-size:12px;}
    .type_qna .body li .row .date{ justify-content:flex-start; width:30%; font-size:12px;}
    .type_qna .body li .row .click{ justify-content:flex-start; width:20%; font-size:12px;}
    .type_qna .body li .row .answer{ width:auto;}
    .type_qna .body li .row .answer p{ padding: 0 10px; height: 30px; font-size: 11px;}
}


.type_view{}
.type_view .head{}
.type_view .head .tit{ font-size: 26px; font-weight: 700; color: #000;}
.type_view .head ul{ display: flex; flex-wrap: wrap; align-items: center; margin: 40px 0 0 0; padding: 24px 0; border-top: 2px solid #000; border-bottom: 1px solid #CCC;}
.type_view .head ul li{ display: flex; align-items: center; margin: 0 0 0 24px;}
.type_view .head ul li:first-child{ margin: 0;}
.type_view .head ul li p{ display: block; margin: 0 5px 0 0; font-size: 17px; color: #666;}
.type_view .head ul li font{ display: block; font-size: 17px; font-weight: 500; color: #000;}
.type_view .head ul li span{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 1.3em; font-weight: 200; color:#666;}
.type_view .head ul li span.on{ border:1px solid #0168b7; background:#0168b7; color:#FFF;}
.type_view .body{ padding: 50px 30px;}
.type_view .body *{ line-height: 1.5; font-size: 17px; font-weight: 400; color: #000;}
.type_view .body iframe{ display: block; margin: 0 0 20px 0; width: 100% !important; height: 500px !important;}
.type_view .body img{ display:block; margin:0 0 20px 0; max-width:100%;}
.type_view .body .file{ display:flex; flex-wrap: wrap; margin:30px 0 0 0;}
.type_view .body .file a{ display:flex; justify-content:center; align-items:center; margin: 0 10px 0 0; padding:0 30px; height:40px; border-radius: 30px; border:1px solid #09F;}
.type_view .body .file p{ font-size: 14px; color:#09F;}
.type_view .body .file i{ margin:0 0 0 5px; font-size: 14px; color:#09F;}

.type_view .body .qna{}
.type_view .body .qna .head{ padding: 0 0 15px 0; border: 0; font-size: 16px; font-weight: 400; color: #000;}
.type_view .body .qna .q{ padding: 50px; border: 1px solid #CCC;}
.type_view .body .qna .a{ margin: 30px 0 0 0; padding: 50px; border: 1px solid #CCC;}

.type_view .page{}
.type_view .page li{ display: flex; align-content: center; margin: 16px 0 0 0; padding: 24px 24px 24px 100px; border-radius: 8px; border: 1px solid #CCC;}
.type_view .page li:first-child{ margin: 0;}
.type_view .page li p{ float: left; margin: 0 0 0 -100px; width: 100px; text-align: center; font-size: 17px; color: #999;}
.type_view .page li .tit{ display: flex; align-content: center; width: 100%;}
.type_view .page li .tit a{ display: block; max-width: 90%; font-size: 17px; font-weight: 500; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.type_view .page li .tit i{ margin: 0 0 1px 10px; font-size: 16px; cursor: pointer;}

.type_view .answer{ display:flex; align-items:center; padding:30px; background:#0168b7;}
.type_view .answer .fl{ margin:0 30px 0 0; font-size:20px; color:#FFF;}
.type_view .answer .fr{ flex:1 0; padding:30px; border-radius:10px; background:#FFF;}
.type_view .answer .fr *{ line-height:25px; font-size:15px; color:#333;}
.type_view .answer .fr img{ display:block; margin:0 0 20px 0; max-width:100%;}
@media(max-width:767px){
    .type_view .head .tit{ font-size: 24px;}
    .type_view .head ul{ margin: 30px 0 0 0;}
    .type_view .body{ padding: 30px 0;}
    .type_view .body iframe{ height: 250px !important;}
    .type_view .body .file a{ margin: 5px 5px 0 0; padding: 0 15px; height: 35px;}
    .type_view .body .file a p{ font-size: 12px;}
    .type_view .body .qna .q{ padding: 30px;}
    .type_view .body .qna .a{ padding: 30px;}

    .type_view .page li{ padding: 16px 16px 16px 80px;}
    .type_view .page li p{ margin: 0 0 0 -60px; width: 60px; text-align: left;}

    .type_view .answer{ flex-direction:column; padding:15px;}
    .type_view .answer .fl{ margin:0 0 15px 0; font-size:18px;}
    .type_view .answer .fr{ padding:20px;}
    .type_view .answer .fr *{ font-size: 14px;}
}


.type_write{}
.type_write .head_tit{ display: flex; justify-content: space-between; align-items: center; margin: 64px 0 0 0; padding: 0 0 32px 0; border-bottom: 2px solid #000;}
.type_write .head_tit p{ font-size: 26px; font-weight: 700; color: #000;}
.type_write .head_tit font{ font-size: 17px; color: #F00;}
.type_write .head_tit .btn{ display: flex; align-items: center; padding: 0 24px; height: 56px; border-radius: 8px; border: 1px solid #CCC; font-size: 19px; font-weight: 500; color: #000; transition: all .3s; cursor: pointer;}
.type_write .head_tit .btn:hover{ background: #f5f5f5;}
.type_write ul{ display: flex; flex-wrap: wrap;}
.type_write ul li{ width: 100%;}
.type_write ul li.w50{ width: 50%;}
.type_write ul li a{ display: flex; flex-wrap: wrap; position: relative; padding: 10px 0 20px 200px; border-bottom: 1px solid #DDD;}
.type_write ul li a .flex{ display: flex; align-items: center; margin: 10px 20px 0 0;}
.type_write ul li a > .tit{ display: flex; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; padding: 0 0 0 20px; width: 180px; font-size: 17px; font-weight: 500; color: #000;}
.type_write ul li a > .tit span{ color: #F00;}
.type_write ul li a .txt{ display: flex; align-items: center; padding: 0 5px; height: 56px; font-size: 15px; color: #999;}
.type_write ul li a .txt.max{ font-size: 19px; font-weight: 700; color: #000;}
.type_write ul li a .btn{ display: flex; align-items: center; margin: 0 0 0 5px; padding: 0 20px; height: 56px; border-radius: 8px; border: 1px solid #666; background: #f5f5f5; font-size: 17px; color: #000; cursor: pointer;}

.type_write input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 220px; height: 56px; border-radius: 8px; border: 1px solid #666; background: #FFF; font-size: 17px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.type_write input:focus{ border: 2px solid #0168b7;}
.type_write select{ display: flex; align-items: center; margin: 0; padding: 0 50px 0 20px; width: 220px; height: 56px; border-radius: 8px; border: 1px solid #666; background:url(/images/basic_select_icon.png) no-repeat center right 20px #FFF; background-size: 14px auto; font-size: 17px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.type_write select:focus{ border: 2px solid #0168b7;}
.type_write textarea{ display: block; margin: 0; padding: 10px 15px; width: 100%; height: 150px; max-height: 150px; min-height: 150px; border-radius: 5px; border: 1px solid #CCC; background: none; line-height: 1.5; font-size: 14px; color: #000; outline:none; -webkit-appearance:none;}
.type_write textarea:focus{ border: 2px solid #0168b7;}

.type_write .check{ display: flex; align-items: center; margin: 0 15px 0 0; cursor: pointer;}
.type_write .check:last-child{ margin: 0;}
.type_write .check i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #CCC; font-size: 12px; color: #666;}
.type_write .check p{ margin: 0 0 0 8px; font-size: 14px; color: #333;}
.type_write .check.on i{ border-color: #0168b7; background: #0168b7; color: #FFF;}

.type_write .checkbox{ display: flex; align-items: center; margin: 0 20px 0 0; cursor: pointer;}
.type_write .checkbox:last-child{ margin: 0;}
.type_write .checkbox i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 5px; border: 1px solid #CCC; font-size: 12px; color: #FFF;}
.type_write .checkbox p{ margin: 1px 0 0 8px; font-size: 17px; color: #333;}
.type_write .checkbox.on i{ border-color: #0168b7; background: #0168b7; color: #FFF;}

.type_write ul li a .file{ display: flex;}
.type_write ul li a .file input{ border-radius: 5px 0 0 5px;}
.type_write ul li a .file .btn{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin: 0 0 0 -1px; width:120px; height: 30px; border-radius: 0 5px 5px 0; border: 1px solid #CCC; background: #f5f5f5;}
.type_write ul li a .file .btn p{ font-size: 14px; color: #000;}

.type_write ul li a .code{ display:flex; width:100%;}
.type_write ul li a .code input{ border-radius: 5px 0 0 5px;}
.type_write ul li a .code .img{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin: 0 0 0 -1px; width:120px; height: 30px; border-radius: 0 5px 5px 0; background: #333; font-size: 14px; color: #FFF;}

.type_write ul li a .tt{ margin:10px 0 0 0; font-size:12px; color:#F00;}

.type_write .privacy{ width:100%;}
.type_write .privacy .title{ line-height:20px; font-size:20px; color:#000;}
.type_write .privacy .check{ margin:15px 0 0 0;}
.type_write .privacy .check label{ display:flex; cursor:pointer;}
.type_write .privacy .check label i{ display:flex; justify-content:center; align-items:center; width:20px; height:20px; border-radius:50%; background:#DDD; font-size:12px; color:#000;}
.type_write .privacy .check label p{ margin:0 0 0 5px; line-height:20px; font-size:15px; color:#333;}
.type_write .privacy .check label.on i{ background:#0168b7; color:#FFF;}

.type_write .price_guide{ overflow:auto; padding:15px 30px 30px 30px; width:100%; height:150px; border:1px solid rgba(0,0,0,0.1);}
.type_write .price_guide .tit{ padding:15px 0 5px 15px; font-size:15px;}
.type_write .price_guide .tit font{ display:block; float:left; margin:0 0 0 -15px; font-weight:500; color:#0168b7;}
.type_write .price_guide .txt{ padding:0 0 0 15px; font-size:13px; color:#666;}

.type_write .radio{ display:flex; flex-wrap:wrap; width:100%;}
.type_write .radio p{ display:flex; align-items:center; margin:0 20px 0 0; padding:10px 0; cursor:pointer;}
.type_write .radio p:last-child{ margin:0;}
.type_write .radio p i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border-radius:50%; border:1px solid #CCC; font-size:16px; color:#FFF;}
.type_write .radio p font{ margin:0 0 0 5px; font-size:13px; color:#000;}
.type_write .radio p.on i{ border-color:#0168b7; background:#0168b7; color:#FFF;}


.type_write .password{ display:flex; align-items:center; width:100%;}
.type_write .password input{ width:100px;}
.type_write .password .ck{ display:flex; align-items:center; margin:0 0 0 20px; padding:10px 0; cursor:pointer;}
.type_write .password .ck i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border:1px solid #CCC; font-size:16px; color:#FFF;}
.type_write .password .ck p{ margin:0 0 0 5px; font-size:13px; color:#000;}
.type_write .password .ck.on i{ border-color:#0168b7; background:#0168b7; color:#FFF;}

.type_write .tel select{ width:80px;}
.type_write .mail .txt{ line-height:35px; font-size:13px; color:#333;}
@media(max-width: 1025px){
    .type_write input{ width: 100%;}
    .type_write select{ width: 100%;}
    .type_write textarea{ width: 100%;}
}
@media(max-width: 767px){
    .type_write .head_tit{ margin: 40px 0 0 0; padding: 0 0 20px 0;}
    .type_write .head_tit p{ font-size: 24px;}

    .type_write .head_tit .btn{ padding: 0 20px; height: 45px; border-radius: 8px; font-size: 16px;}
    .type_write .head_tit .btn:hover{ background: #FFF;}

    .type_write ul li a{ display: block; padding: 15px 0;}
    .type_write ul li a .flex{ margin: 10px 0 0 0;}
    .type_write ul li a > .tit{ position: initial; padding: 0; width: auto;}
    .type_write ul li a .txt{ display: flex; align-items: center; padding: 0 5px; height: 56px; font-size: 15px; color: #999;}
    .type_write ul li a .btn{ padding: 0 15px; height: 48px;}

    .type_write input{ padding: 0 15px; width: 100%; height: 48px;}
    .type_write select{ padding: 0 45px 0 15px; width: 100%; height: 48px; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 12px auto;}
    .type_write textarea{ padding: 10px 15px; width: 100%; height: 120px; max-height: 120px; min-height: 120px;}

    .type_write .check{ display: flex; align-items: center; margin: 0 15px 0 0; cursor: pointer;}
    .type_write .check:last-child{ margin: 0;}
    .type_write .check i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #CCC; font-size: 12px; color: #666;}
    .type_write .check p{ margin: 0 0 0 8px; font-size: 14px; color: #333;}
    .type_write .check.on i{ border-color: #0168b7; background: #0168b7; color: #FFF;}

    .type_write .checkbox{ display: flex; align-items: center; margin: 0 20px 0 0; cursor: pointer;}
    .type_write .checkbox:last-child{ margin: 0;}
    .type_write .checkbox i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 5px; border: 1px solid #CCC; font-size: 12px; color: #FFF;}
    .type_write .checkbox p{ margin: 1px 0 0 8px; font-size: 17px; color: #333;}
    .type_write .checkbox.on i{ border-color: #0168b7; background: #0168b7; color: #FFF;}

    .type_write ul li a .file{ display: flex;}
    .type_write ul li a .file input{ border-radius: 5px 0 0 5px;}
    .type_write ul li a .file .btn{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin: 0 0 0 -1px; width:120px; height: 30px; border-radius: 0 5px 5px 0; border: 1px solid #CCC; background: #f5f5f5;}
    .type_write ul li a .file .btn p{ font-size: 14px; color: #000;}

    .type_write ul li a .code{ display:flex; width:100%;}
    .type_write ul li a .code input{ border-radius: 5px 0 0 5px;}
    .type_write ul li a .code .img{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin: 0 0 0 -1px; width:120px; height: 30px; border-radius: 0 5px 5px 0; background: #333; font-size: 14px; color: #FFF;}

    .type_write ul li a .tt{ margin:10px 0 0 0; font-size:12px; color:#F00;}

    .type_write .privacy{ width:100%;}
    .type_write .privacy .title{ line-height:20px; font-size:20px; color:#000;}
    .type_write .privacy .check{ margin:15px 0 0 0;}
    .type_write .privacy .check label{ display:flex; cursor:pointer;}
    .type_write .privacy .check label i{ display:flex; justify-content:center; align-items:center; width:20px; height:20px; border-radius:50%; background:#DDD; font-size:12px; color:#000;}
    .type_write .privacy .check label p{ margin:0 0 0 5px; line-height:20px; font-size:15px; color:#333;}
    .type_write .privacy .check label.on i{ background:#0168b7; color:#FFF;}

    .type_write .price_guide{ overflow:auto; padding:15px 30px 30px 30px; width:100%; height:150px; border:1px solid rgba(0,0,0,0.1);}
    .type_write .price_guide .tit{ padding:15px 0 5px 15px; font-size:15px;}
    .type_write .price_guide .tit font{ display:block; float:left; margin:0 0 0 -15px; font-weight:500; color:#0168b7;}
    .type_write .price_guide .txt{ padding:0 0 0 15px; font-size:13px; color:#666;}

    .type_write .radio{ display:flex; flex-wrap:wrap; width:100%;}
    .type_write .radio p{ display:flex; align-items:center; margin:0 20px 0 0; padding:10px 0; cursor:pointer;}
    .type_write .radio p:last-child{ margin:0;}
    .type_write .radio p i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border-radius:50%; border:1px solid #CCC; font-size:16px; color:#FFF;}
    .type_write .radio p font{ margin:0 0 0 5px; font-size:13px; color:#000;}
    .type_write .radio p.on i{ border-color:#0168b7; background:#0168b7; color:#FFF;}


    .type_write .password{ display:flex; align-items:center; width:100%;}
    .type_write .password input{ width:100px;}
    .type_write .password .ck{ display:flex; align-items:center; margin:0 0 0 20px; padding:10px 0; cursor:pointer;}
    .type_write .password .ck i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border:1px solid #CCC; font-size:16px; color:#FFF;}
    .type_write .password .ck p{ margin:0 0 0 5px; font-size:13px; color:#000;}
    .type_write .password .ck.on i{ border-color:#0168b7; background:#0168b7; color:#FFF;}

    .type_write .tel select{ width:80px;}
    .type_write .mail .txt{ line-height:35px; font-size:13px; color:#333;}

}


.type_faq{ margin: 50px 0 0 0;}
.type_faq ul{ border-top: 2px solid #0168b7;}
.type_faq ul li{ border-bottom: 1px solid #DDD;}
.type_faq ul li a{ display:block;}
.type_faq ul li a .head{ padding: 25px 20px; cursor: pointer;}
.type_faq ul li a .head .fb{ display:flex; justify-content:space-between; align-items:center;}
.type_faq ul li a .head .tit{ position:relative; padding: 0 0 0 40px; line-height: 1.4; font-size: 2em; font-weight: 300;}
.type_faq ul li a .head .tit:before{ content:"Q"; display:block; position:absolute; top:50%; left:0; transform:translate(0,-50%); font-weight:500;}
.type_faq ul li a .head i{ font-size: 2em; color:#CCC; transition:all .5s;}
.type_faq ul li a .body{ display:none; padding: 30px 20px; border-top:1px solid #DDD; background:#f1f9f6;}
.type_faq ul li a .body .txt{ position:relative; padding: 0 0 0 40px; line-height: 1.6; font-size: 1.8em; font-weight: 200; color:#333;}
.type_faq ul li a .body .txt:before{ content:"A"; display:block; position:absolute; top:50%; left:0; transform:translate(0,-50%); font-weight:500;}
.type_faq ul li a .body .date{ margin: 10px 0 0 40px; font-size: 1.4em; color:rgba(0,0,0,0.5);}
.type_faq ul li.on a .head i{ transform:rotate(180deg);}
@media(max-width: 767px){
    .type_faq{ margin: 30px 0 0 0;}
    .type_faq ul li a .head{ padding: 20px 15px;}
    .type_faq ul li a .head .tit{ padding: 0 0 0 25px;}
    .type_faq ul li a .body{ padding: 20px 15px;}
    .type_faq ul li a .body .txt{ padding: 0 0 0 25px;}
    .type_faq ul li a .body .date{ margin: 10px 0 0 25px;}
}


.type_sub_menu{ margin: 0 0 50px 0;}
.type_sub_menu ul{ display: flex; flex-wrap: wrap; padding: 1px 0 0 1px;}
.type_sub_menu ul li{ width: 50%;}
.type_sub_menu ul li a{ display: flex; justify-content: center; align-items: center; margin: -1px 0 0 -1px; height: 55px; border: 1px solid #DDD; background: #fafafa; font-size: 1.6em; color: #000;}
.type_sub_menu ul li.on a{ position: relative; z-index: 1; border-color: #0168b7; background: #0168b7; color: #FFF;}
@media(max-width: 767px){
    .type_sub_menu{ margin: 0 0 30px 0;}
    .type_sub_menu ul li{ width: 50%;}
    .type_sub_menu ul li a{ height: 45px;}
}





.member_login{ padding: 80px 120px 0 120px;}
.member_login .title{}
.member_login .title .t1{ font-size: 18px; font-weight: 700;}
.member_login .title .t2{ font-size: 40px; font-weight: 700;}
.member_login .menu{ display: flex; margin: 80px 0 0 0;}
.member_login .menu a{ display: flex; justify-content: center; align-items: center; position: relative; width: 50%; height: 56px; border-bottom: 2px solid #d8d8d8; font-size: 18px; font-weight: 700; color: #666; cursor: pointer; transition: all .3s;}
.member_login .menu a:before{ content: ""; display: block; position: absolute; z-index: 10; right: 50%; bottom: -2px; left: 50%; height: 3px; background: #0168b7; transition: all .3s;}
.member_login .menu a:hover{ background: #f5f5f5;}
.member_login .menu a.on{ color: #0168b7;}
.member_login .menu a.on:before{ right: 0; left: 0;}
.member_login .text{ padding: 40px 0;}
.member_login .text p{ font-size: 17px; color: #555;}

.member_login .body{ display: flex; padding: 40px 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
.member_login .body .box{ padding: 0 80px; width: 50%;}
.member_login .body .box:last-child{ border-left: 1px solid #DDD;}
.member_login .body .box .form{ margin: 0 0 24px 0;}
.member_login .body .form_tit{ font-size: 15px;}
.member_login .body .form_in{ position: relative; margin: 10px 0 0 0;}
.member_login .body .form_in i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 54px; font-size: 24px; color: #000; cursor: pointer;}
.member_login .body .form_in i.xi-eye{ display: none;}
.member_login .body .form_in i.xi-eye-off{ display: flex;}
.member_login .body .form_in input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 54px; border-radius: 8px; border: 1px solid #666; background: none; font-size: 18px; font-weight: 400; color: #000; outline:none; -webkit-appearance:none;}
.member_login .body .form_in input:focus{ border: 2px solid #0168b7;}
.member_login .body .form.check{ display: flex; justify-content: flex-start;}
.member_login .body .form label{ display: flex; align-items: center; cursor: pointer;}
.member_login .body .form label i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 4px; border: 1px solid #000; font-size: 12px; color: #FFF;}
.member_login .body .form label p{ margin: 0 0 0 10px; font-size: 17px; color: #333;}
.member_login .body .form label.on i{ border-color: #0168b7; background: #0168b7;}
.member_login .body .btn{ display: flex; justify-content: center; align-items: center; height: 56px; border-radius: 8px; background: #246beb; font-size: 18px; font-weight: 400; color: #FFF; cursor: pointer;}

.member_login .body .sub_tit{ font-size: 17px; font-weight: 700; color: #333;}
.member_login .body .btn_id{ margin: 24px 0 0 0;}
.member_login .body .btn_id a{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; height: 54px; border-radius: 8px; border: 1px solid #666; background: none; font-size: 18px; font-weight: 400; color: #000; cursor: pointer; transition: all .3s;}
.member_login .body .btn_id a:first-child{ margin: 0;}
.member_login .body .btn_id a:hover{ background: #f5f5f5;}
.member_login .body .btn_join{ display: block; margin: 24px 0 0 0;}
.member_login .body .btn_join .t1{ font-size: 17px; font-weight: 500; color: #000;}
.member_login .body .btn_join .t2{ display: flex; align-items: center; font-size: 24px; font-weight: 700; color: #000; transition: all .3s;}
.member_login .body .btn_join .t2 i{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 24px; height: 24px; border-radius: 50%; background: #000; font-size: 12px; color: #FFF; transition: all .3s;}
.member_login .body .btn_join:hover .t2{ color: #246beb;}
.member_login .body .btn_join:hover .t2 i{ background: #246beb;}

.member_login .foot{ margin: 40px 0 0 0; padding: 24px; border-radius: 8px; border: 1px solid rgba(0 0 0/5%); background: #edf1f5;}
.member_login .foot .t1{ display: flex; align-items: center; margin: 0 0 10px 0; font-size: 17px; font-weight: 700; color: #0168b7;}
.member_login .foot .t1 i{ margin: 0 5px 0 0; font-size: 20px; color: #0168b7;}
.member_login .foot .t2{ position: relative; padding: 4px 0 4px 24px; font-size: 15px; color: #333;}
.member_login .foot .t2:before{ content: ""; display: block; position: absolute; top: 50%; left: 6px; transform: translate(0,-50%); width: 4px; height: 4px; border-radius: 50%; background: rgba(0 0 0/50%);}
@media(max-width: 1330px){
    .member_login{ padding: 80px 0 0 0;}
}
@media(max-width: 1025px){
    .member_login .body{ display: block;}
    .member_login .body .box{ padding: 0; width: auto;}
    .member_login .body .box:last-child{ margin: 40px 0 0 0; padding: 40px 0 0 0; border-left: 0; border-top: 1px solid #DDD;}
}
@media(max-width: 767px){
    .member_login{ padding: 40px 0 0 0;}
    .member_login .title .t1{ font-size: 16px;}
    .member_login .title .t2{ font-size: 30px;}
    .member_login .menu{ margin: 40px 0 0 0;}
    .member_login .text{ padding: 30px 0;}
    .member_login .body{ padding: 30px 0;}
    .member_login .body .box:last-child{ margin: 30px 0 0 0; padding: 30px 0 0 0;}
}


.member_join{ padding: 80px 120px 0 120px;}
.member_join .title{}
.member_join .title .t1{ font-size: 18px; font-weight: 700;}
.member_join .title .t2{ font-size: 40px; font-weight: 700;}
.member_join .text{ padding: 40px 0;}
.member_join .text p{ font-size: 17px; color: #555;}

.member_join .join_box{ display: flex; padding: 40px 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
.member_join .join_box .box{ padding: 0 80px; width: 50%; text-align: center;}
.member_join .join_box .box:last-child{ border-left: 1px solid #DDD;}
.member_join .join_box .box span{ font-size: 80px; color: #000;}
.member_join .join_box .box .tit{ margin: 12px 0 0 0; font-size: 24px; font-weight: 700; color: #000;}
.member_join .join_box .box .btn{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; padding: 0 50px; height: 64px; border-radius: 8px; background: #246beb; font-size: 19px; font-weight: 500; color: #FFF; cursor: pointer;}
.member_join .join_box .box:last-child .btn{ background: #000;}

.member_join .foot{ margin: 40px 0 0 0; padding: 24px; border-radius: 8px; border: 1px solid rgba(0 0 0/5%); background: #edf1f5;}
.member_join .foot .t1{ display: flex; align-items: center; margin: 0 0 10px 0; font-size: 17px; font-weight: 700; color: #0168b7;}
.member_join .foot .t1 i{ margin: 0 5px 0 0; font-size: 20px; color: #0168b7;}
.member_join .foot .t2{ position: relative; padding: 4px 0 4px 24px; font-size: 15px; color: #333;}
.member_join .foot .t2:before{ content: ""; display: block; position: absolute; top: 50%; left: 6px; transform: translate(0,-50%); width: 4px; height: 4px; border-radius: 50%; background: rgba(0 0 0/50%);}

.member_join .step{}
.member_join .step ul{ display: flex; position: relative; border-radius: 8px; background: #edf1f5;}
.member_join .step ul:before{ content: ""; display: block; position: absolute; z-index: 5; top: 55px; left: 16.5%; width: 16.5%; border-bottom: 1px solid #246beb;}
.member_join .step ul:after{ content: ""; display: block; position: absolute; top: 55px; right: 16.5%; left: 16.5%; border-bottom: 1px solid rgba(0 0 0/15%);}
.member_join .step ul li{ display: flex; flex-direction: column; align-items: center; padding: 40px 0; width: 33.333%;}
.member_join .step ul li i{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; margin: 0 auto; width: 30px; height: 30px; border-radius: 50%; background: #DDD; font-size: 16px; color: #999;}
.member_join .step ul li .t1{ margin: 16px 0 0 0; font-size: 15px; color: #666;}
.member_join .step ul li .t2{ font-size: 24px; font-weight: 700; color: #000;}
.member_join .step ul li.on i{ background: #246beb; color: #FFF;}
.member_join .step ul li.on .t1{ color: #000;}
.member_join .step ul li.on .t2{ color: #246beb;}


.member_join .step_02 ul:before{ left: 12.5%; width: 0;}
.member_join .step_02 ul:after{ right: 12.5%; left: 12.5%;}

.member_join .join_terms{ margin: 64px 0 0 0;}
.member_join .join_terms .tit{ font-size: 26px; font-weight: 700; color: #000;}
.member_join .join_terms .box{ overflow: auto; margin: 32px 0 0 0; padding: 24px 40px 24px 40px; height: 300px; border-radius: 8px; border: 1px solid #DDD; line-height: 1.5; font-size: 17px; color: #666;}
.member_join .join_terms .box .innerBox{}
.member_join .join_terms .box .name{ padding: 24px 0 8px 0; font-size: 19px; font-weight: 600; color: #000;}
.member_join .join_terms .box .contents{ display: block; font-size: 17px; font-weight: 400; color: #666;}
.member_join .join_terms .checkBox{ margin: 24px 0 0 0;}
.member_join .join_terms .checkBox .check_wrap{ display: flex; align-items: center;}
.member_join .join_terms .checkBox .check_wrap input{ display: block; width: 18px; height: 18px;}
.member_join .join_terms .checkBox .check_wrap label{ margin: 0 0 0 10px; font-size: 17px; color: #000;}
.member_join .join_terms .checkBox .check_wrap label span{ color: #F00;}

.member_join .all_checkBox{ margin: 64px 0 0 0; padding: 40px 24px; border-radius: 8px; border: 1px solid #DDD; text-align: center;}
.member_join .all_checkBox p{ text-align: center; font-size: 17px; color: #000;}
.member_join .all_checkBox .check_wrap{ display: flex; justify-content: center; align-items: center; margin: 15px 0 0 0;}
.member_join .all_checkBox .check_wrap input{ display: block; width: 18px; height: 18px;}
.member_join .all_checkBox .check_wrap label{ margin: 0 0 0 5px; font-size: 19px; font-weight: 600; color: #000; cursor: pointer;}

.member_join .btn_wrap{ display: flex; justify-content: center; margin: 30px 0 0 0;}
.member_join .btn_wrap .btn{ display: flex; align-items: center; margin: 0 5px; padding: 0 50px; height: 50px; border-radius: 5px; background: #fafafa; font-size: 16px; font-weight: 400; color: #000; cursor: pointer;}
.member_join .btn_wrap .btn1{ background: #0168b7; color: #FFF;}
.member_join .btn_wrap .btn2{ background: #f0f0f0;}
.member_join .btn_wrap .btn3{ border: 1px solid #DDD; background: #FFF;}

.member_join .join_phone{ display: flex; flex-direction: column; align-items: center; margin: 40px 0 0 0; padding: 40px; border-radius: 8px; border: 1px solid #DDD;}
.member_join .join_phone span{ font-size: 80px; color: #0168b7;}
.member_join .join_phone .t1{ margin: 20px 0 0 0; font-size: 24px; font-weight: 500; color: #000;}
.member_join .join_phone .t2{ margin: 10px 0 0 0; font-size: 16px; color: #666;}
.member_join .join_phone .line{ margin: 30px 0; width: 100%; height: 1px; background: #DDD;}
.member_join .join_phone .t3{ margin: 0 auto; padding: 5px 0; max-width: 500px; width: 100%; line-height: 1.6; font-size: 14px; color: #333; text-indent: -20px;}

.member_join .board_file{ margin: 20px 0 0 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.member_join .board_file > ul{ padding: 10px 0;}
.member_join .board_file > ul > li{ display: flex; justify-content: space-between; align-items: center; padding: 5px 0;}
.member_join .board_file > ul > li > a{ display: flex; align-items: center; font-size: 16px; color: #000;}
.member_join .board_file > ul > li > a span{ margin: 0 10px 0 0; font-size: 20px; color: #000;}
.member_join .board_file > ul > li > input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 30px; border-radius: 0; border: 1px solid #CCC; background: none; font-size: 14px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.member_join .board_file > ul > li .btn_wrap{ margin: 0;}
.member_join .board_file > ul > li .btn_wrap ul{ display: flex; align-items: center;}
.member_join .board_file > ul > li .btn_wrap ul li{ margin: 0 0 0 10px;}
.member_join .board_file > ul > li .btn_wrap ul li a{ display: flex; align-items: center; padding: 0 10px; height: 30px; border: 1px solid #CCC; cursor: pointer;}
.member_join .board_file > ul > li .btn_wrap ul li a span{ margin: 0 10px 0 0; font-size: 20px; color: #000;}
.member_join .board_file > ul > li .btn_wrap ul li a p{ font-size: 14px; color: #000;}
@media(max-width: 1330px){
    .member_join{ padding: 80px 0 0 0;}
}
@media(max-width: 1025px){
    .member_join .join_box{ display: block;}
    .member_join .join_box .box{ padding: 0; width: auto;}
    .member_join .join_box .box:last-child{ margin: 40px 0 0 0; padding: 40px 0 0 0; border-left: 0; border-top: 1px solid #DDD;}
}
@media(max-width: 767px){
    .member_join{ padding: 40px 0 0 0;}
    .member_join .title .t1{ font-size: 16px;}
    .member_join .title .t2{ font-size: 30px;}
    .member_join .menu{ margin: 40px 0 0 0;}
    .member_join .text{ padding: 30px 0;}
    .member_join .join_box{ padding: 30px 0;}
    .member_join .join_box .box:last-child{ margin: 30px 0 0 0; padding: 30px 0 0 0;}

    .member_join .step{}
    .member_join .step ul:before{ top: 45px;}
    .member_join .step ul:after{ top: 45px;}
    .member_join .step ul li{ padding: 30px 0;}
    .member_join .step ul li .t1{ margin: 8px 0 0 0; font-size: 13px;}
    .member_join .step ul li .t2{ font-size: 19px;}

    .member_join .join_terms{ margin: 40px 0 0 0;}
    .member_join .join_terms .tit{ font-size: 22px;}
    .member_join .join_terms .box{ margin: 20px 0 0 0; padding: 24px 24px; height: 240px;}
    .member_join .join_terms .box .contents *{ word-break: break-all;}
    .member_join .join_terms .checkBox{ margin: 20px 0 0 0;}
    .member_join .join_terms .checkBox .check_wrap label{ margin: 0 0 0 5px; font-size: 16px;}

    .member_join .all_checkBox{ margin: 40px 0 0 0; padding: 24px;}

    .member_join .join_phone{ margin: 20px 0 0 0; padding: 24px;}
    .member_join .join_phone span{ font-size: 60px;}
    .member_join .join_phone .t1{ margin: 10px 0 0 0; font-size: 20px;}
    .member_join .join_phone .type_btn_01{ margin: 20px 0 0 0;}
}
















.mypage_menu{ margin: 0 0 64px 0;}
.mypage_menu ul{ display: flex; padding: 1px 0 0 1px;}
.mypage_menu ul li{ width: 25%;}
.mypage_menu ul li a{ display: flex; justify-content: center; align-items: center; position: relative; margin: -1px 0 0 -1px; height: 64px; border: 1px solid #e5e5e5; font-size: 18px; font-weight: 600; color: #666; cursor: pointer; transition: all .3s;}
.mypage_menu ul li:first-child a{ border-radius: 10px 0 0 10px;}
.mypage_menu ul li:last-child a{ border-radius: 0 10px 10px 0;}
.mypage_menu ul li a:hover{ background: #f5f5f5;}
.mypage_menu ul li.on a{ z-index: 10; border-color: #0168b7; background: #0168b7; font-weight: 700; color: #FFF;}

.mypage_middle{ display: flex; margin: 0 -25px;}
.mypage_middle .row{ margin: 0 25px; width: 50%;}
.mypage_middle .row .head{ display: flex; justify-content: space-between; align-items: center; margin: 64px 0 0 0; padding: 0 0 32px 0;}
.mypage_middle .row .head .tit{ font-size: 26px; font-weight: 700; color: #000;}
.mypage_middle .row .head .more{ display: flex; align-items: center; padding: 0 24px; height: 54px; border-radius: 8px; border: 1px solid #DDD; transition: all .3s; cursor: pointer;}
.mypage_middle .row .head .more p{ font-size: 18px; color: #000;}
.mypage_middle .row .head .more i{ margin: 0 0 2px 10px; font-size: 18px; color: #000;}
.mypage_middle .row .head .more:hover{ background: #f5f5f5;}

.mypage_notice_none{ display: flex; flex-direction: column; justify-content: center; align-items: center; height: 240px; background: #f0f0f0;}
.mypage_notice_none .t1{ font-size: 20px; font-weight: 400; color: #000;}
.mypage_notice_none .t2{ margin: 10px 0 0 0; font-size: 14px; color: #666;}
.mypage_notice_none .btn{ display: flex; align-items: center; margin: 20px 0 0 0; padding: 0 30px; height: 40px; border-radius: 5px; background: #0168b7; font-size: 14px; color: #FFF; cursor: pointer;}

.mypage_notice_list{ border-top: 2px solid #000;}
.mypage_notice_list ul{}
.mypage_notice_list ul li{ border-bottom: 1px solid #DDD;}
.mypage_notice_list ul li a{ display: block; position: relative; padding: 24px 0 24px 24px; font-size: 18px; font-weight: 500; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mypage_notice_list ul li a:before{ content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 4px; height: 4px; border-radius: 50%; background: #0168b7;}
@media(max-width: 767px){
    .mypage_menu{ margin: 0 0 30px 0;}
    .mypage_menu ul{ flex-wrap: wrap;}
    .mypage_menu ul li{ width: 50%;}
    .mypage_menu ul li:nth-child(1) a{ border-radius: 10px 0 0 0;}
    .mypage_menu ul li:nth-child(2) a{ border-radius: 0 10px 0 0;}
    .mypage_menu ul li:nth-child(3) a{ border-radius: 0 0 0 10px;}
    .mypage_menu ul li:nth-child(4) a{ border-radius: 0 0 10px 0;}
    .mypage_menu ul li a{ height: 50px; font-size: 16px;}
    .mypage_menu ul li a:hover{ background: #FFF;}

    .mypage_middle .row .head .more{ padding: 0 20px; height: 45px;}
    .mypage_middle .row .head .more p{ font-size: 16px;}
    .mypage_middle .row .head .more i{ font-size: 16px;}
    .mypage_middle .row .head .more:hover{ background: #FFF;}


    .mypage_menu.type5 ul{ flex-wrap: wrap;}
    .mypage_menu.type5 ul li{ width: 33.333%;}
    .mypage_menu.type5 ul li:nth-child(4){ width: 50%;}
    .mypage_menu.type5 ul li:nth-child(5){ width: 50%;}
    .mypage_menu.type5 ul li a{ border-radius: 0;}
    .mypage_menu.type5 ul li:nth-child(1) a{ border-radius: 8px 0 0 0;}
    .mypage_menu.type5 ul li:nth-child(3) a{ border-radius: 0 8px 0 0;}
    .mypage_menu.type5 ul li:nth-child(4) a{ border-radius: 0 0 0 8px;}
    .mypage_menu.type5 ul li:nth-child(5) a{ border-radius: 0 0 8px 0;}

    .mypage_middle{ display: block; margin: 30px 0 0 0;}
    .mypage_middle .row{ margin: 30px 0 0 0; width: 100%;}
    .mypage_middle .row .head .tit{ font-size: 18px;}

    .mypage_notice_none .t1{ font-size: 18px;}
}





.mypage_notice{ border-top: 2px solid #000;}
.mypage_notice .head{ display:flex; border-bottom:1px solid #000; justify-content: space-between;}
.mypage_notice .head li{ display: flex; justify-content: center; align-items: center; height: 60px;}
.mypage_notice .head li p{ font-size: 17px; font-weight: 600; color: #000;}
.mypage_notice .body{}
.mypage_notice .body li{}
.mypage_notice .body li .row{ display: flex; flex-wrap: wrap; align-items: center; position: relative; padding: 20px 0; border-bottom: 1px solid #DDD;}
.mypage_notice .body li .row .number{ width:10%; display:flex; justify-content:center; align-items:center; font-size: 17px; font-weight: 400; color: #666;}
.mypage_notice .body li .row .tit{ width:45%; display:flex; align-items:center; padding:0 15px;}
.mypage_notice .body li .row .tit a{ max-width: 90%; font-size: 17px; font-weight: 500; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer;}
.mypage_notice .body li .row .tit i{ margin:0 0 0 5px; font-size: 18px; color:#666; cursor:pointer;}
.mypage_notice .body li .row .user{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 17px; font-weight: 400; color: #666;}
.mypage_notice .body li .row .date{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 17px; font-weight: 400; color: #666;}
.mypage_notice .body li .row .click{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 17px; font-weight: 400; color: #666;}
.mypage_notice .body li .row .answer{ width:15%; display:flex; justify-content:center; align-items:center;}
.mypage_notice .body li .row .answer p{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 1.3em; color:#666;}
.type_notice .body li .row .answer.on p{ border:1px solid #0168b7; background:#0168b7; color:#FFF;}
@media(max-width:767px){
    .mypage_notice{ margin: 0;}
    .mypage_notice .head{ display:none;}
    .mypage_notice .body li .row{ padding: 20px 0 20px 50px;}
    .mypage_notice .body li .row .number{ position: absolute; top: 50%; transform: translate(0,-50%); left:0; width: 40px; height: 40px; border-radius:50%; background: #000; font-size: 15px; color: #FFF;}
    .mypage_notice .body li .row .tit{ padding: 0 0 6px 0; width: 100%; line-height: 20px;}
    .mypage_notice .body li .row .user{ justify-content: flex-start; margin: 0 15px 0 0; width: auto; font-size: 15px;}
    .mypage_notice .body li .row .date{ justify-content: flex-start; margin: 0 15px 0 0; width: auto; font-size: 15px;}
    .mypage_notice .body li .row .click{ justify-content: flex-start; margin: 0 15px 0 0; width: auto; font-size: 15px;}
    .mypage_notice .body li .row .answer{ width:auto;}
    .mypage_notice .body li .row .answer p{ height:25px; font-size:10px;}
}






.mypage_inquiry{}
.mypage_inquiry ul{}
.mypage_inquiry ul li{ margin: 0 0 30px 0;}
.mypage_inquiry ul li:last-child{ margin: 0;}
.mypage_inquiry ul li .row{ padding: 50px; border: 1px solid #CCC;}
.mypage_inquiry ul li .row .t1{ display: flex; align-items: center; line-height: 1.4; font-size: 14px; color: #666;}
.mypage_inquiry ul li .row .t1 span{ display: flex; align-items: center; margin: 0 10px 0 0; padding: 0 10px; height: 30px; border-radius: 5px; font-size: 12px; color: #FFF;}
.mypage_inquiry ul li .row .t2{ margin: 15px 0 0 0; line-height: 1.4; font-size: 20px; font-weight: 400; color: #000;}
.mypage_inquiry ul li .row .box{ display: flex; justify-content: space-between; align-items: flex-end; margin: 30px 0 0 0; padding: 20px 30px; background: #f5f5f5;}
.mypage_inquiry ul li .row .box .fl{ display: flex; flex-wrap: wrap;}
.mypage_inquiry ul li .row .box .fl .txt{ display: flex; align-items: center; padding: 5px 0 0 0; width: 50%;}
.mypage_inquiry ul li .row .box .fl .txt span{ flex: 0 0 80px; font-size: 14px; color: #999;}
.mypage_inquiry ul li .row .box .fl .txt p{ width: 100%; font-size: 14px; color: #000;}
.mypage_inquiry ul li .row .box .btn{ display: flex; align-items: center; padding: 0 20px; height: 40px; border-radius: 5px; border: 1px solid #CCC; background: #FFF; font-size: 14px; color: #000; cursor: pointer;}
@media(max-width:767px){
    .mypage_inquiry ul li{ margin: 0 0 15px 0;}
    .mypage_inquiry ul li .row{ padding: 30px 30px 0 30px;}
    .mypage_inquiry ul li .row .t1{ display: block; font-size: 12px;}
    .mypage_inquiry ul li .row .t1 span{ justify-content: center; margin: 0 0 15px 0; padding: 0; width: 100px; height: 34px; font-size: 12px;}
    .mypage_inquiry ul li .row .t2{ font-size: 16px;}
    .mypage_inquiry ul li .row .box{ display: block; margin: 30px -30px 0 -30px; padding: 30px; border-top: 1px solid #DDD;}
    .mypage_inquiry ul li .row .box .fl{ display: block;}
    .mypage_inquiry ul li .row .box .fl .txt{ padding: 0 0 15px 0; width: 100%;}
    .mypage_inquiry ul li .row .box .fl .txt span{ flex: 0 0 70px; font-size: 12px;}
    .mypage_inquiry ul li .row .box .fl .txt p{ width: 100%; font-size: 12px;}
    .mypage_inquiry ul li .row .box .btn{ justify-content: center; margin: 10px 0 0 0; padding: 0;}
}




.terms_head{ display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; border-top: 1px solid #000; border-bottom: 1px solid #CCC;}
.terms_head .fl{ font-size: 16px; font-weight: 400; color: #000;}
.terms_head .fl span{ color: #0168b7;}
.terms_head .fr{ display: flex; align-items: center;}
.terms_head .fr .row{ display: flex; align-items: center; margin: 0 30px 0 0; cursor: pointer;}
.terms_head .fr .row span{ width: 10px; height: 10px; border-radius: 50%; background: #666;}
.terms_head .fr .row p{ margin: 0 0 0 5px; font-size: 16px; color: #666;}
.terms_head .fr .row.on span{ background: #0168b7;}
.terms_head .fr .row.on p{ color: #000;}
.terms_head .fr select{ display: flex; align-items: center; margin: 0; padding: 0 40px 0 15px; width: auto; height: 40px; border-radius: 5px; border: 1px solid #CCC; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 14px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
@media(max-width: 1025px){
    .terms_head{ display: block;}
    .terms_head .fr{ margin: 20px 0 0 0;}
    .terms_head .fr select{ float: right;}
}
@media(max-width:767px){
    .terms_head{ padding: 20px 0;}
    .terms_head .fl{ line-height: 1.6; font-size: 14px;}
    .terms_head .fr{ justify-content: flex-end; margin: 10px 0 0 0;}
    .terms_head .fr .row{ margin: 0 20px 0 0;}
    .terms_head .fr .row p{ font-size: 14px;}
    .terms_head .fr select{ padding: 0 40px 0 10px; height: 34px; font-size: 12px;}
}



.terms_detail{}
.terms_detail .top_title{}
.terms_detail .top_title .ft{ padding: 50px 0 30px 0;}
.terms_detail .top_title .ft .t1{ font-size: 24px; font-weight: 400; color: #000;}
.terms_detail .top_title .ft .t2{ margin: 10px 0 0 0; font-size: 14px; color: #666;}
.terms_detail .top_title .fm{ display: flex; justify-content: space-between; align-items: center; padding: 30px 0; border-bottom: 1px solid #000; text-align: center; width: 100%; display: block; }
.terms_detail .top_title .fm .t1{ line-height: 1.4; font-size: 28px; font-weight: 400; color: #000; text-align: center;}
.terms_detail .top_title .fm .btn{ flex: 0 0 180px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 30px; padding: 0 15px; height: 40px; background: #0168b7; cursor: pointer;}
.terms_detail .top_title .fm .btn i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #FFF; font-size: 12px; color: #FFF;}
.terms_detail .top_title .fm .btn p{ margin: 0 0 0 10px; font-size: 14px; color: #FFF;}
.terms_detail .top_title .fb{ display: flex; padding: 30px 0; border: 1px solid #CCC;}
.terms_detail .top_title .fb ul{ padding: 0 50px; width: 50%; border-left: 1px solid #DDD;}
.terms_detail .top_title .fb ul:first-child{ border: 0;}
.terms_detail .top_title .fb ul li{}
.terms_detail .top_title .fb ul li .table_inner{ display: flex; align-items: center; padding: 10px 0;}
.terms_detail .top_title .fb ul li .table_inner .tit{ flex: 0 0 100px; padding: 0 0 0 15px; position: relative; font-size: 14px; font-weight: 300; color: #666;}
.terms_detail .top_title .fb ul li .table_inner .tit:before{ content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 6px; height: 6px; border-radius: 50%; background: #0168b7;}
.terms_detail .top_title .fb ul li .table_inner .txt{ width: 100%; font-size: 14px; font-weight: 400; color: #000; word-break: break-all;}

.terms_detail .top_info{}
.terms_detail .top_info .t1{ line-height: 1.5; font-size: 14px; color: #666;}
.terms_detail .top_info .t2{ line-height: 1.5; font-size: 17px; color: #0168b7;}
.terms_detail .top_info .t3{ margin: 24px 0 0 0; line-height: 1.5; font-size: 17px; color: #000;}
.terms_detail .top_info .t4{ margin: 24px 0 0 0; text-align: right; line-height: 1.5; font-size: 17px; color: #000;}

.terms_detail .sum_list{ margin: 64px 0 0 0; padding: 40px; border-radius: 8px; border: 1px solid #CCC;}
.terms_detail .sum_list .sum_tit{ font-size: 24px; font-weight: 600;}
.terms_detail .sum_list .sum_cont{ display: flex; margin: 20px -20px 0 -20px;}
.terms_detail .sum_list .sum_cont ul{ width: 50%; padding: 0 20px;}
.terms_detail .sum_list .sum_cont ul li{ padding: 10px 0;}
.terms_detail .sum_list .sum_cont ul li p{ line-height: 1.5; font-size: 17px;}


.terms_detail .information_list{}
.terms_detail .information_list .title{ margin: 64px 0 0 0; font-size: 24px; font-weight: 700; color: #000;}
.terms_detail .information_list ul{ padding: 10px 0 0 0;}
.terms_detail .information_list .terms_info{ padding: 10px 0 0 30px;}
.terms_detail .information_list ul li{ padding: 10px 0 10px 24px; position: relative;}
.terms_detail .information_list ul li p{ line-height: 1.5;}
.terms_detail .information_list ul li span{ display: block; padding-top: 10px; color: #666; font-size: 14px;}
.terms_detail .information_list ul li b{ font-weight: 400;}
.terms_detail .information_list ul li u{}
.terms_detail .information_list ul li strong{}

.terms_detail .information_list .title_intro{ padding: 20px 0 15px 20px; font-size: 16px; font-weight: 300; color: #333; line-height: 1.4;}

.terms_detail .information_list ul .dot_sq{ font-weight: 400; color: #333;}
.terms_detail .information_list ul .dot_sq .rental_sup{ display: flex; justify-content: center; }
.terms_detail .information_list ul .dot_sq .rental_sup li{ line-height: 1.8em;text-align: center;}
.terms_detail .information_list ul .dot_sq .rental_sup li:last-child{ text-align: left;}
.terms_detail .information_list ul .dot_sq .rental_sup .tit{ line-height: 1.8em; padding: 5px 10px; background-color: #eee;}
.terms_detail .information_list ul .dot_sq .rental_sup .txt{ line-height: 1.6em; padding: 5px 10px; }
.terms_detail .information_list ul .dot_sq .rental_sup ul{ padding: 0;}
.terms_detail .information_list ul .dot_sq .rental_sup ul li{ padding: 10px 0 0 0px; text-align: left;}
.terms_detail .information_list ul .dot_sq span{ font-weight: 300; color: #333; padding: 0 0 0 15px; font-size: 14px;}
.terms_detail .information_list .terms_info li:before{ content: ""; display: block; position: absolute; left: 0; top: 20px; width: 4px; height: 4px; border-radius: 50%; background: #ccc;}
.terms_detail .information_list ul li.ess_list:before{ content: ""; display: block; position: absolute; left: 15px; top: 20px; width: 6px; height: 6px; border-radius: 50%; background: #ccc;}
.terms_detail .information_list ul li.dot_sq > ul li p{ color: #333; font-weight: 200; padding-bottom: 10px;}
.terms_detail .information_list ul li.dot_sq:before{ content: ""; display: block; position: absolute; left: 0; top: 20px; width: 4px; height: 4px; border-radius: unset; background: #0168b7;}
.terms_detail .information_list ul li.dot_sq ul li:before{ content: ""; display: block; position: absolute; left: 5px; top: 20px; width: 6px; height: 6px; border-radius: 50%; background: #ccc;}
.terms_detail .information_list ul li.dot_sq ul li.last:before{ display: none;}
.terms_detail .information_list li.last:before{ display: none;}
.terms_detail .information_list li.last.warn{ width: 100%; text-align: center; }
.terms_detail .information_list > ul > li.dot_sq ul.rental_sup li:before{ display: none;}
.terms_detail .information_list ul li.ess_list{ padding-left: 35px;}

.terms_detail .information_list ul li.dot_sq.none:before{ display: none;}

.terms_detail .information_list ul li .table_inner .tit{ flex: 0 0 120px; position: relative; line-height: 24px; font-size: 16px; font-weight: 400; color: #000;}
.terms_detail .information_list ul li.dot_sq .table_inner .tit{ flex: 0 0 170px; position: relative; line-height: 24px; font-size: 20px; font-weight: 400; color: #000;}
.terms_detail .information_list ul li .table_inner .txt{ width: 100%; line-height: 24px; font-size: 16px; color: #333; font-weight: 200; padding-top: 5px; }
.terms_detail .information_list ul li .table_inner .sub_tit{ width: 100%; line-height: 24px; font-size: 16px; color: #000; position: relative; padding: 10px 0 0 10px; font-weight: 300;}
.terms_detail .information_list ul li .table_inner .sub_tit_02{ width: 100%; line-height: 24px; font-size: 18px; color: #0168b7; position: relative; padding: 10px 0 0 10px;}
.terms_detail .information_list ul li .table_inner .cont{ width: 100%; line-height: 24px; font-size: 16px; color: #000; position: relative; padding: 10px 0 0 10px; font-weight: 300;}
.terms_detail .information_list ul li .table_inner .cont_02{ width: 100%; font-size: 16px; color: #000; position: relative; font-weight: 300;}
.terms_detail .information_list ul li .table_inner .ess_list{ width: 100%; line-height: 24px; font-size: 16px; color: #666; position: relative; padding: 10px 0 0 10px;}
.terms_detail .information_list ul li .table_inner .sub_tit:before{ content: ''; display: block; width: 4px; height: 4px; background: #0168b7cc; position: absolute; left: 0px; top: 60%;}
/* .terms_detail .information_list ul li .table_inner .cont_02 li:before{ content: ''; display: block; width: 4px; height: 4px; background: #0168b7cc; position: absolute; left: 5px; top: 49%;} */
.terms_detail .information_list ul li .table_inner .ess_list:before{ content: ''; display: block; width: 4px; height: 4px; background: #0168b7cc; position: absolute; left: 0px; top: 60%;}
.terms_detail .information_list ul li .table_inner .highlight{ color: #333; font-weight: 300;}
.terms_detail .information_list ul li > .tit{ line-height: 24px; font-size: 16px; font-weight: 400; color: #000;}
.terms_detail .information_list ul li .list_wrap{ padding: 10px 0 0 0 !important;}
.terms_detail .information_list ul li .list_wrap .list{ line-height: 24px; font-size: 14px; color: #666;}
.terms_detail .information_list ul li.bl:before{ background: #F00;}
.terms_detail .information_list ul li.bl .tit{ line-height: 24px; font-size: 16px; font-weight: 300; color: #F00;}

.terms_detail .information_list .sup_sum{ display: flex; justify-content: center; align-items: center; text-align: center; }
.terms_detail .information_list .sup_sum .plus_icon{ width: 50px; text-align: center;}
.terms_detail .information_list .sup_sum .fl{}
.terms_detail .information_list .sup_sum .fr{}
.terms_detail .information_list .sup_sum table{}
.terms_detail .information_list .sup_sum table thead{ }
.terms_detail .information_list .sup_sum table thead tr{display: flex; flex-direction: column; padding: 10px;
     /* border: 1px solid #ccc; */
background: #0168b7; color: #fff;}
.terms_detail .information_list .sup_sum table thead tr th{ font-weight: 300;}
.terms_detail .information_list .sup_sum table tbody{}
.terms_detail .information_list .sup_sum table tbody tr{display: flex; flex-direction: column; border: 1px solid #ccc;}
.terms_detail .information_list .sup_sum table tbody tr td{ padding: 5px 15px; border-bottom: 1px solid #ccc;}
.terms_detail .information_list .sup_sum table tbody tr td:last-child{ border-bottom: none;}

.terms_detail .information_list .sub_txt{ width: 100%; line-height: 24px; font-size: 16px; color: #666; padding: 10px; text-align: center; }
.terms_detail .information_list .apply{ display: flex; flex-wrap: wrap; width: 100%; justify-content: center;  padding: 20px 5%;}

.terms_detail .copy_right_wrap{ margin: 30px 0 0 0; padding: 30px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; line-height: 1.4; font-size: 16px; color: #000;}

.terms_detail .bottom_btn{ display: flex; justify-content: flex-end; margin: 30px 0 0 0;}
.terms_detail .bottom_btn a{ display: flex; align-items: center; padding: 0 30px; height: 50px; border: 1px solid #CCC; cursor: pointer;}
.terms_detail .bottom_btn a span{ font-size: 24px; color: #000;}
.terms_detail .bottom_btn a p{ margin: 0 0 0 10px; font-size: 16px; color: #000;}
.terms_detail .bottom_btn a:first-child{ border-color: #0168b7; background: #0168b7;}
.terms_detail .bottom_btn a:first-child span{ color: #FFF;}
.terms_detail .bottom_btn a:first-child p{ color: #FFF;}

.information_list .table{ margin: 24px 0 0 0; padding: 0 0 0 24px; border-collapse: collapse; border-spacing: 0; }
.information_list .table .body{ }
.information_list .table .body .table_01{ width: 100%;}
.information_list .table .body .table_01 table{ display: flex; flex-direction: column;}
.information_list .table .body .table_01 table thead{ background: #eee;padding: 15px 10px;}
.information_list .table .body .table_01 thead tr{ font-size: 15px; display: flex; flex-direction: row; justify-content: space-between; }
.information_list .table .body .table_01 thead tr th{ display: flex; justify-content: center; align-items: center; font-weight: 400;}
.information_list .table .body .table_01 tbody{  }
.information_list .table .body .table_01 tbody tr{font-size: 15px; display: flex;flex-direction: row; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid #ccc;}
.information_list .table .body .table_01 tbody tr td{  text-align: center;}
.information_list .table .body .table_01 tbody tr td p{ display: block; width: 100%; line-height: 1.5;}

.information_list .table .body .table_01 tr .tb01{ min-width: 3%; }
.information_list .table .body .table_01 tr .tb02{ min-width: 9%; }
.information_list .table .body .table_01 tr .tb03{ min-width: 11%; }
.information_list .table .body .table_01 tr .tb04{ min-width: 12%; }
.information_list .table .body .table_01 tr .tb05{ min-width: 50%; }
.information_list .table .body .table_01 tr .tb06{ min-width: 8%; }

.information_list .table .body .table_02{ width: 100%;}
.information_list .table .body .table_02{ width: 100%;}
.information_list .table .body .table_02 table{ display: flex; flex-direction: column;}
.information_list .table .body .table_02 table thead{ background: #eee; padding: 15px 10px;}
.information_list .table .body .table_02 thead tr{ font-size: 15px; display: flex; flex-direction: row; justify-content: space-between; width: 100%;}
.information_list .table .body .table_02 thead tr th{text-align: center; display: block; font-weight: 400; width: 33.333%;}
.information_list .table .body .table_02 tbody{  }
.information_list .table .body .table_02 tbody tr{font-size: 15px; display: flex;flex-direction: row; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid #ccc;}
.information_list .table .body .table_02 tbody tr td{  text-align: center; width: 33.333%;}
.information_list .table .body .table_02 tbody tr td p{ display: block; width: 100%; line-height: 1.5;}




.red{ color: #F00}



@media(max-width: 1330px){

}
@media(max-width: 1025px){
    .terms_detail .top_title .fb{ display: block;}
    .terms_detail .top_title .fb ul{ width: 100%;}
}
@media(max-width: 767px){
    .terms_detail .top_title .ft{ padding: 30px 0;}
    .terms_detail .top_title .ft .t1{ font-size: 20px;}
    .terms_detail .top_title .fm{ display: block;}
    .terms_detail .top_title .fm .t1{ font-size: 18px;}
    .terms_detail .top_title .fm .btn{ flex: none; margin: 20px 0 0 0;}
    .terms_detail .top_title .fb{ padding: 20px 0;}
    .terms_detail .top_title .fb ul{ padding: 0 30px;}
    .terms_detail .top_info{ padding: 30px;}
    .terms_detail .top_info .t1{ font-size: 12px;}
    .terms_detail .top_info .t2{ font-size: 14px;}
    .terms_detail .top_info .t3{ font-size: 14px;}
    .terms_detail .top_info .t4{ font-size: 14px;}

    .terms_detail .information_list .title{ font-size: 20px;}
    .terms_detail .information_list ul li > .tit{ font-size: 14px;}
    .terms_detail .information_list ul li .list_wrap .list{ font-size: 12px;}
    .terms_detail .information_list ul li .table_inner .tit{ flex: 0 0 70px; font-size: 14px;}
    .terms_detail .information_list ul li .table_inner .txt{ font-size: 14px;}
    .terms_detail .information_list ul li.bl .tit{ font-size: 14px;}
    .terms_detail .information_list .img img{ width: 100%;}

    .terms_detail .guide_wrap{ padding: 30px;}
    .terms_detail .guide_wrap p{ font-size: 12px;}
    .terms_detail .board_file > ul{ padding: 20px 0;}
    .terms_detail .board_file > ul > li{ display: block; margin: 30px 0 0 0; padding: 0;}
    .terms_detail .board_file > ul > li:first-child{ margin: 0;}
    .terms_detail .board_file > ul > li > a{ line-height: 1.4; font-size: 14px;}
    .terms_detail .board_file > ul > li .btn_wrap{ margin: 10px -5px 0 -5px;}
    .terms_detail .board_file > ul > li .btn_wrap ul li{ width: 50%;}
    .terms_detail .board_file > ul > li .btn_wrap ul li a{ justify-content: center;}
    .terms_detail .board_file > ul > li .btn_wrap ul li a p{ font-size: 12px;}

    .terms_detail .copy_right_wrap{ font-size: 12px;}
    .terms_detail .bottom_btn a{ padding: 0 20px; height: 45px;}
    .terms_detail .bottom_btn a span{ font-size: 18px;}
    .terms_detail .bottom_btn a p{ font-size: 14px;}
}







.mypage_staff_edit_check{}
.mypage_staff_edit_check .table{ overflow: hidden; margin: 30px 0 0 0; border-radius: 20px; border: 1px solid #DDD;}
.mypage_staff_edit_check .table:first-child{ margin: 0;}
.mypage_staff_edit_check .table table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.mypage_staff_edit_check .table table thead{}
.mypage_staff_edit_check .table table thead tr{}
.mypage_staff_edit_check .table table thead tr td{ padding: 20px 10px; border-bottom: 2px solid #000; background: #fafafa; text-align: center; font-size: 16px; font-weight: 400; color: #000;}
.mypage_staff_edit_check .table table tbody{}
.mypage_staff_edit_check .table table tbody tr{}
.mypage_staff_edit_check .table table tbody tr td{ padding: 15px 10px; border: 1px solid #DDD; text-align: center; line-height: 1.5; font-size: 14px; color: #666;}
.mypage_staff_edit_check .table table tbody tr td:first-child{ border-left: 0;}
.mypage_staff_edit_check .table table tbody tr td:last-child{ border-right: 0;}
.mypage_staff_edit_check .table table tbody tr:last-child td{ border-bottom: 0;}
.mypage_staff_edit_check .table table tbody tr td .text_01{ padding: 0 15px;}
.mypage_staff_edit_check .table table tbody tr td .text_01 p{ position: relative; padding: 5px 0 5px 15px; text-align: left; line-height: 22px; font-size: 14px; color: #666;}
.mypage_staff_edit_check .table table tbody tr td .text_01 p:before{ content: ""; display: block; position: absolute; top: 13px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #000;}
.mypage_staff_edit_check .table table tbody tr td input{ display: flex; align-items: center; margin: 0 auto; padding: 0; width: 80px; height: 40px; border-radius: 0; border: 1px solid #DDD; background: none; text-align: center; font-size: 14px; font-weight: 300; color: #000; outline:none; -webkit-appearance:none;}
.mypage_staff_edit_check .table table tbody tr td textarea{ display: flex; padding: 10px 15px; width: 100%; height: 150px; border-radius: 0; border: 1px solid #DDD; background: none; text-align: left; line-height: 1.4; font-size: 14px; font-weight: 300; color: #000; outline:none; -webkit-appearance:none;}
.mypage_staff_edit_check .foot{ display: flex; justify-content: space-between; align-items: center; margin: 30px 0 0 0;}
.mypage_staff_edit_check .foot .fl{ display: flex; align-items: center;}
.mypage_staff_edit_check .foot .fr{ display: flex; align-items: center;}
.mypage_staff_edit_check .foot p{ font-size: 16px; content: #666;}
.mypage_staff_edit_check .foot input{ display: flex; align-items: center; margin: 0 5px; padding: 0 10px; width: 120px; height: 40px; border-radius: 0; border: 1px solid #DDD; background: none; text-align: center; font-size: 14px; font-weight: 300; color: #000; outline:none; -webkit-appearance:none;}
@media(max-width: 767px){
    .mypage_staff_edit_check .table{ margin: 20px 0 0 0; border-radius: 10px;}
    .mypage_staff_edit_check .table table thead tr td{ padding: 15px 5px; font-size: 14px;}
    .mypage_staff_edit_check .table table tbody tr td{ padding: 15px 5px; font-size: 12px;}
    .mypage_staff_edit_check .table table tbody tr td .text_01{ padding: 0 5px;}
    .mypage_staff_edit_check .table table tbody tr td .text_01 p{ padding: 5px 0 5px 10px; line-height: 20px; font-size: 12px;}
    .mypage_staff_edit_check .table table tbody tr td .text_01 p:before{ top: 13px; width: 4px; height: 4px;}
    .mypage_staff_edit_check .table table tbody tr td input{ padding: 0; width: 40px; font-size: 12px;}
    .mypage_staff_edit_check .table table tbody tr td textarea{ height: 100px; font-size: 12px;}
    .mypage_staff_edit_check .foot{ display: block; margin: 20px 0 0 0;}
    .mypage_staff_edit_check .foot .fl{ justify-content: flex-end;}
    .mypage_staff_edit_check .foot .fr{ justify-content: flex-end; margin: 10px 0 0 0;}
    .mypage_staff_edit_check .foot p{ font-size: 12px;}
    .mypage_staff_edit_check .foot input{ padding: 0 5px; width: 80px; height: 35px; font-size: 12px;}
}






.mypage_report_date{ border-radius: 8px; border: 1px solid #DDD;}
.mypage_report_date ul{}
.mypage_report_date ul li{ border-top: 1px solid #DDD;}
.mypage_report_date ul li:first-child{ border: 0;}
.mypage_report_date ul li .row{}
.mypage_report_date ul li .row dl{ display: flex; flex-wrap: wrap; position: relative; padding: 0 0 20px 100px; min-height: 80px;}
.mypage_report_date ul li .row dl dt{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; bottom: 0; width: 80px; border-right: 1px solid #DDD; background: rgba(0 0 0/3%);}
.mypage_report_date ul li .row dl dt p{ font-size: 17px; font-weight: 700; color: #000;}
.mypage_report_date ul li .row dl dd{ margin: 20px 20px 0 0; padding: 20px; border-radius: 8px; border: 1px solid #DDD;}
.mypage_report_date ul li .row dl dd .tit{ line-height: 1.5; font-size: 17px; font-weight: 700; color: #000;}
.mypage_report_date ul li .row dl dd .tit span{ font-size: 17px; font-weight: 700;}
.mypage_report_date ul li .row dl dd .tit font{ font-size: 14px; font-weight: 400;}
.mypage_report_date ul li .row dl dd .btn{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; height: 34px; border-radius: 5px; border: 1px solid #DDD; cursor: pointer;}
.mypage_report_date ul li .row dl dd .btn p{ margin: 0 0 1px 0; font-size: 14px; color: #000;}
.mypage_report_date ul li .row dl dd .btn span{ margin: 0 0 0 5px; font-size: 16px; color: #666;}
.mypage_report_date ul li .row dl dd .btn:hover{ background: rgba(0 0 0/5%);}
@media(max-width: 767px){
    .mypage_report_date ul li .row dl{ padding: 0 0 20px 80px;}
    .mypage_report_date ul li .row dl dt{ width: 60px;}
}



.mypage_data_submit{}
.mypage_data_submit ul{}
.mypage_data_submit ul li{ margin: 20px 0 0 0;}
.mypage_data_submit ul li .row{ display: flex; align-items: center; padding: 20px; border-radius: 8px; border: 1px solid #DDD; transition: all .2s;}
.mypage_data_submit ul li .row .fl{ flex: 1;}
.mypage_data_submit ul li .row .fl .tit{ display: flex; align-items: center;}
.mypage_data_submit ul li .row .fl .tit p{ max-width: 80%; font-size: 18px; font-weight: 700; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.mypage_data_submit ul li .row .fl .tit i{ margin: 0 0 0 15px; font-size: 24px; color: #000;}
.mypage_data_submit ul li .row .fl .date{ display: flex; flex-direction: column; margin: 15px 0 0 0; line-height: 1; font-size: 12px; color: #666;}
.mypage_data_submit ul li .row .fl .date span{ line-height: 1; font-size: 36px; font-weight: 700; color: #000;}
.mypage_data_submit ul li .row .btn{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 50px; width: 140px; height: 50px; border-radius: 8px; border: 1px solid #DDD; background: #FFF; cursor: pointer; transition: all .2s;}
.mypage_data_submit ul li .row .btn p{ font-size: 18px; font-weight: 500; color: #000; transition: all .2s;}
.mypage_data_submit ul li .row:hover{ background: rgba(1 104 183/3%);}
.mypage_data_submit ul li .row:hover .fl .tit p{ text-decoration: underline;}
.mypage_data_submit ul li .row:hover .btn{ border-color: #0168b7; background: #0168b7;}
.mypage_data_submit ul li .row:hover .btn p{ font-weight: 700; color: #FFF;}
@media(max-width: 1330px){
}
@media(max-width: 1025px){
    .mypage_data_submit ul li .row{ display: block; padding: 40px;}
    .mypage_data_submit ul li .row .btn{ margin: 20px 0 0 0; width: 200px;}
}
@media(max-width: 767px){
    .mypage_data_submit ul li{ margin: 16px 0 0 0;}
    .mypage_data_submit ul li .row{ padding: 24px;}
    .mypage_data_submit ul li .row .fl .tit{ display: block;}
    .mypage_data_submit ul li .row .fl .tit p{ max-width: 100%; display: block; overflow: auto; font-size: 20px;}
    .mypage_data_submit ul li .row .fl .tit i{ display: none;}
    .mypage_data_submit ul li .row .btn{ width: auto;}
}


.mypage_data_submit_view{}
.mypage_data_submit_view .head{}
.mypage_data_submit_view .head .tit{ font-size: 26px; font-weight: 700; color: #000;}
.mypage_data_submit_view .head .date{ margin: 10px 0 0 0; font-size: 17px; color: #666;}
.mypage_data_submit_view .list{ margin: 20px 0 0 0; border-top: 2px solid #0168b7;}
.mypage_data_submit_view .list .row{ display: flex; align-items: center; padding: 20px; border-bottom: 1px solid #e5e5e5;}
.mypage_data_submit_view .list .row label{ width: 220px; cursor: pointer;}
.mypage_data_submit_view .list .row label input{ width: 16px; height: 16px;}
.mypage_data_submit_view .list .row label .fb{ display: flex; align-items: center; margin: 10px 0 0 0;}
.mypage_data_submit_view .list .row label .number{ width: 40px; line-height: 25px; font-size: 18px; font-weight: 700; color: #0168b7;}
.mypage_data_submit_view .list .row label .tit{ line-height: 25px; font-size: 18px; font-weight: 700; color: #000;}
.mypage_data_submit_view .list .row .date{ flex: 1; width: 100%;}
.mypage_data_submit_view .list .row .date .scroll{ display: flex; flex-wrap: wrap;}
.mypage_data_submit_view .list .row .date .scroll .li{ width: 8.333%;}
.mypage_data_submit_view .list .row .date .scroll .li .number{ display: flex; justify-content: center; align-items: center; height: 30px; border-bottom: 1px solid rgba(0 0 0/5%); background: rgba(1 104 183/3%); text-align: center;}
.mypage_data_submit_view .list .row .date .scroll .li .number span{ display: block; line-height: 1; font-size: 14px; font-weight: 500; color: #000;}
.mypage_data_submit_view .list .row .date .scroll .li .box{ display: flex; justify-content: center; align-items: center; padding: 10px 0 0 0;}
.mypage_data_submit_view .list .row .date .scroll .li .btn{ display: flex; align-items: center; padding: 0 8px 1px 8px; height: 25px; border-radius: 5px; cursor: pointer;}
.mypage_data_submit_view .list .row .date .scroll .li .btn i{ font-size: 16px; color: #FFF;}
.mypage_data_submit_view .list .row .date .scroll .li .btn p{ margin: 0 0 0 2px; font-size: 12px; color: #FFF;}
.mypage_data_submit_view .list .row .date .scroll .li .btn.plus{ background: #0090ff;}
.mypage_data_submit_view .list .row .date .scroll .li .btn.check{ background: #20b233;}
.mypage_data_submit_view .list .row .date .scroll .li .btn.close{ background: #F00;}
@media(max-width: 1330px){
}
@media(max-width: 1025px){
    .mypage_data_submit_view .list .row{ display: block;}
    .mypage_data_submit_view .list .row label{ display: flex; align-items: center; width: auto;}
    .mypage_data_submit_view .list .row label .fb{ margin: 0 0 0 20px;}
    .mypage_data_submit_view .list .row .date{ margin: 15px 0 0 0;}
}
@media(max-width: 767px){
    .mypage_data_submit_view .head .tit{ font-size: 24px;}
    .mypage_data_submit_view .head .date{ margin: 5px 0 0 0;}
    .mypage_data_submit_view .list .row{ padding: 18px 12px;}
    .mypage_data_submit_view .list .row label .tit{ margin: 0 0 0 10px; font-size: 20px;}
    .mypage_data_submit_view .list .row .date .scroll .li{ width: 25%;}
    .mypage_data_submit_view .list .row .date .scroll .li .box{ padding: 10px 0;}
}




.new_phone_check{ width: 400px;}
.new_phone_check .in{ display: flex; grid-gap: 0 5px; position: relative;}
.new_phone_check .in input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 50px; border-radius: 10px; border: 1px solid #e5e5e5; background: #fafafa; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.new_phone_check .in input:focus{ border: 1px solid #246beb;}
.new_phone_check .in .btn{ flex: 0 0 120px; display: flex; justify-content: center; align-items: center; border-radius: 10px; background: #246beb; font-size: 16px; font-weight: 500; color: #FFF; cursor: pointer;}
.new_phone_check .in .count{ display: flex; align-items: center; position: absolute; z-index: 1; top: 0; bottom: 0; right: 140px; font-size: 16px; color: #999;}
@media(max-width: 767px){
    .new_phone_check{ width: 100%;}
    .new_phone_check .in input{ height: 45px; border-radius: 6px; font-size: 14px;}
    .new_phone_check .in .btn{ flex: 0 0 100px; border-radius: 6px; font-size: 14px;}
    .new_phone_check .in .count{ right: 120px; font-size: 14px;}
}