@charset "utf-8";
*{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: "Pretendard GOV", sans-serif;}
select::-ms-expand{ display: none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #FFF;}
body{ overflow: hidden; padding-top: 175px; background: #FFF; -webkit-text-size-adjust: none; line-height: 1.5; font-weight: 400; letter-spacing: -0.5px; color: #000;}
@media(max-width: 1025px){
    body{ padding-top: 100px;}
}
@media(max-width: 767px){
    body{ padding-top: 115px;}
}


body::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
body::-moz-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
body::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
body::-ms-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
body::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
body::-webkit-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}


.type_full{ padding-right: 50px !important; padding-left: 50px !important;}
.type_row{ margin: 0 auto; max-width: 1500px; width: 100%;}
.flex{ display: flex; align-items: center;}
.jcs{ justify-content: flex-start;}
.jcc{ justify-content: center;}
.jce{ justify-content: flex-end;}
.jcsb{ justify-content: space-between;}
.ais{ align-items: flex-start;}
.aic{ align-items: center;}
.aie{ align-items: flex-end;}
.tac{ text-align: center;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .type_full{ padding-right: 15px !important; padding-left: 15px !important;}
}



.m_gnb{ display: none; position: fixed; z-index: 80; right: 0; bottom: 0; left: 0; background: rgba(255 255 255/90%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: 0 -1px 0 0 rgba(0 0 0/10%);}
.m_gnb ul{ display: flex;}
.m_gnb ul li{ width: 20%;}
.m_gnb ul li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; height: 70px;}
.m_gnb ul li a .bg{ position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -40px; width: 80px; height: 80px; border-radius: 50%; background: #FFF; box-shadow: 0 -5px 5px 0 rgba(0 0 0/10%);}
.m_gnb ul li a .tip{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 11; top: 5px; left: 50%; margin: 0 0 0 5px; width: 20px; height: 20px; border-radius: 20px; background: #F00; font-size: 11px; font-weight: 400; color: #FFF;}
.m_gnb ul li a .img{ position: relative; z-index: 10;}
.m_gnb ul li a .img img{ display: block; width: auto; height: 20px; filter: grayscale(100%); opacity: .4;}
.m_gnb ul li a p{ display: flex; align-items: flex-end; position: relative; z-index: 10; height: 20px; font-size: 10px; color: #999; letter-spacing: 0;}
.m_gnb ul li.on a .img img{ filter: grayscale(0); opacity: 1;}
.m_gnb ul li.on a p{ font-weight: 600; color: #000;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .m_gnb{ display: block;}
}
@media(max-width: 769px){
}


.all_menu{ position: fixed; z-index: 200; top: 0; right: 100%; bottom: 0; left: 0; 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; z-index: 10; top: 0; bottom: 0; left: -600px; max-width: 600px; width: 100%; background: #FFF; transition: all .5s;}
.all_menu .row::-moz-scrollbar{ width: 0; background: #f0f0f0;}
.all_menu .row::-moz-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
.all_menu .row::-ms-scrollbar{ width: 0; background: #f0f0f0;}
.all_menu .row::-ms-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
.all_menu .row::-webkit-scrollbar{ width: 0; background: #f0f0f0;}
.all_menu .row::-webkit-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}

.all_menu .scroll{ padding: 80px;}
.all_menu .ft{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 10;}
.all_menu .logo{}
.all_menu .logo img{ display: block; height: 50px;}
.all_menu .language{ height: 36px;}
.all_menu .language .row{ position: relative; border-radius: 20px; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%); transition: all .2s;}
.all_menu .language .head{ display: flex; align-items: center; padding: 0 20px; height: 36px; cursor: pointer;}
.all_menu .language .head p{ font-size: 14px; color: #000;}
.all_menu .language .head i{ margin: 0 0 0 5px; font-size: 14px; color: #999; transition: all .2s;}
.all_menu .language .body{ overflow: hidden; padding: 0; height: 0; transition: all .2s;}
.all_menu .language .body ul{}
.all_menu .language .body ul li{ padding: 0 10px;}
.all_menu .language .body ul li a{ display: flex; align-items: center; margin: 1px 0; padding: 0 10px; height: 0; border-radius: 15px; font-size: 13px; color: #666; letter-spacing: 0; transition: all .2s;}
.all_menu .language .body ul li a:hover{ background: #f5f5f5;}
.all_menu .language .body ul li.on a{ background: #5e2bb8; color: #FFF;}
.all_menu .language:hover .row{}
.all_menu .language:hover .head i{ transform: rotate(180deg);}
.all_menu .language:hover .body{ padding: 0 0 10px 0; height: auto;}
.all_menu .language:hover .body ul li a{ height: 25px;}

.all_menu .menu_ft{ margin: 30px 0 0 0; padding: 15px 30px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
.all_menu .menu_ft ul{ display: flex; justify-content: space-between; align-items: center;}
.all_menu .menu_ft ul li{}
.all_menu .menu_ft ul li a{ display: flex; justify-content: center; align-items: center; position: relative; height: 30px;}
.all_menu .menu_ft ul li a p{ font-size: 16px; color: #000;}
.all_menu .menu_ft ul li a i{ margin: 0 0 0 5px; font-size: 24px; color: #000;}

.all_menu .menu_fb{ padding: 30px 0;}
.all_menu .menu_fb > ul{}
.all_menu .menu_fb > ul > li{ position: relative; margin: 20px 0 0 0;}
.all_menu .menu_fb > ul > li > a{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 10; cursor: pointer;}
.all_menu .menu_fb > ul > li > a p{ position: relative; z-index: 10; font-size: 20px; font-weight: 700; color: #000;}
.all_menu .menu_fb > ul > li > a i{ margin: 0 10px 0 0; font-size: 14px; color: #999; transition: all .2s;}
.all_menu .menu_fb > ul > li ul{ display: flex; flex-wrap: wrap; margin: 15px 0 0 0; padding: 20px 40px; border-radius: 10px; background: #f6f8fb;}
.all_menu .menu_fb > ul > li ul li{ width: 50%;}
.all_menu .menu_fb > ul > li ul li a{ display: flex; align-items: center; overflow: hidden; padding: 10px 0; font-size: 16px; color: rgba(0 0 0/80%); white-space: nowrap;}

.all_menu .menu_fb > ul > li:hover > a p{ color: #5e2bb8;}
.all_menu .menu_fb > ul > li:hover > a i{ color: #5e2bb8;}
.all_menu .menu_fb > ul > li ul:before{ background: rgba(255 255 255/10%);}
.all_menu .menu_fb > ul > li ul li a:hover{ font-weight: 700; color: #000;}
.all_menu .menu_fb > ul > li.on > a:before{ content: ""; position: absolute; bottom: -1px; right: 0; left: 0; height: 4px; border-radius: 4px; background: #5e2bb8;}
.all_menu .menu_fb > ul > li.on > a p{ font-weight: 700; color: #5e2bb8;}
.all_menu .menu_fb > ul > li.on > a i{ color: #5e2bb8;}
.all_menu .menu_fb > ul > li ul li.on a{ font-weight: 700 !important; color: #FFF !important;}

.all_menu .menu_fb > ul > li .tip{ position: absolute; z-index: 20; top: -25px; left: 0; padding: 0 5px; height: 20px; border-radius: 20px; background: #5e2bb8; display: flex; align-items: center; white-space: nowrap; animation: header_tip 1s infinite;}
.all_menu .menu_fb > ul > li .tip p{ font-size: 12px; font-weight: 500; color: #FFF; transform: scale(.8);}
.all_menu .menu_fb > ul > li .tip:after{ content: ""; position: absolute; bottom: -4px; left: 15px; transform: translate(0,0); width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #5e2bb8 transparent transparent transparent;}

.all_menu .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}

.all_menu.on{ right: 0; left: 0; opacity: 1;}
.all_menu.on .row{ left: 0; opacity: 1;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .all_menu .row{ left: -300px; max-width: 300px;}
    .all_menu .scroll{ padding: 15px;}
    .all_menu .logo img{ height: 35px;}
    .all_menu .language{ height: 30px;}
    .all_menu .language .head{ padding: 0 15px; height: 30px;}
    .all_menu .language .head p{ font-size: 13px;}
    .all_menu .language .head i{ font-size: 12px;}
    .all_menu .language .body ul li{ padding: 0 8px;}
    .all_menu .language .body ul li a{ padding: 0 8px; font-size: 12px;}

    .all_menu .menu_ft{ margin: 10px 0 0 0; padding: 15px 20px; }
    .all_menu .menu_ft ul li a{ height: 15px;}
    .all_menu .menu_ft ul li a p{ font-size: 13px;}

    .all_menu .menu_fb{ padding: 20px 0;}
    .all_menu .menu_fb > ul > li ul{ padding: 10px 20px;}
    .all_menu .menu_fb > ul > li ul li.m100{ width: 100%;}
    .all_menu .menu_fb > ul > li ul li a{ padding: 5px 0; font-size: 14px;}
}


.header{ position: fixed; z-index: 100; top: 0; right: 0; left: 0; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/10%); transition: all .3s;}
.header .top{}
.header .top .type_row{ display: flex; justify-content: flex-end; align-items: center; padding: 15px 0 0 0;}
.header .top .btn{ display: flex; align-items: center; position: relative; margin: 0 0 0 30px; height: 30px; font-size: 15px; color: #666; cursor: pointer;}
.header .top .btn:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #5e2bb8; transition: all .2s;}
.header .top .btn p{ font-size: 15px; font-weight: 700; color: #5e2bb8; letter-spacing: 0;}
.header .top .btn i{ margin: -1px 0 0 5px; font-size: 20px; color: #5e2bb8;}
.header .top .btn:hover:after{ width: 100%;}
.header .top .all_menu_btn{ display: flex; align-items: center; margin: 0 0 0 30px; cursor: pointer;}
.header .top .all_menu_btn img{ display: block; height: 22px;}

.header .middle{}
.header .middle .type_row{ display: flex; justify-content: space-between; align-items: flex-end; position: relative; z-index: 50; padding: 0 0 15px 0; height: 70px;}
.header .middle .fl{ display: flex; align-items: center;}
.header .middle .fr{ display: flex; align-items: center;}
.header .middle .logo{ display: block;}
.header .middle .logo img{ display: block; height: 55px;}

.header .search{ position: relative; margin: 0 0 0 50px;}
.header .search .head{ position: relative; z-index: 10; width: 400px;}
.header .search .head .tit{ display: flex; align-items: center; position: absolute; z-index: 10; top: 10px; left: 10px;}
.header .search .head .tit i{ display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; border-radius: 50%; background: #000; font-size: 15px; color: #FFF;}
.header .search .head .tit p{ padding: 0 0 0 5px; line-height: 1; font-size: 16px; font-weight: 700; color: #000;}
.header .search .head .btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; width: 45px; height: 45px; cursor: pointer;}
.header .search .head .btn i{ font-size: 20px; color: #000;}
.header .search .head input{ display: flex; align-items: center; margin: 0; padding: 0 45px 0 100px; width: 100%; height: 45px; border-radius: 30px; border: 2px solid #000; background: #FFF; font-size: 15px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none; transition: all .3s;}
.header .search .head input:focus{ border-color: #5e2bb8;}
.header .search .body{ position: absolute; top: 45px; left: 0; width: 500px; transition: all .2s;}
.header .search .body .contents{ overflow: hidden; display: flex; flex-wrap: wrap; position: relative; z-index: 10; padding: 0 20px; border-radius: 20px; height: 0; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%); opacity: 0; transition: all .2s;}
.header .search .body .contents .row{}
.header .search .body .contents .row:nth-child(2){ padding: 0 10px 0 0; width: 50%;}
.header .search .body .contents .row:nth-child(3){ padding: 0 0 0 10px; width: 50%;}
.header .search .body .contents .row .tit{ display: flex; justify-content: space-between; align-items: flex-end; margin: 0 0 15px 0; padding: 20px 0 10px 0; border-bottom: 2px solid #000;}
.header .search .body .contents .row .tit p{ font-size: 18px; font-weight: 600; color: #000;}
.header .search .body .contents .row .tit span{ font-size: 12px; color: #666;}
.header .search .body .contents .row .tag{ display: flex; flex-wrap: wrap; margin: -10px 0 0 -10px;}
.header .search .body .contents .row .tag a{ display: flex; align-items: center; margin: 10px 0 0 10px; padding: 0 10px; height: 30px; border-radius: 5px; background: #f6f8fb; font-size: 14px; color: #666; cursor: pointer;}
.header .search .body .contents .row .tag a:hover{ background: #e5e9ef; color: #000;}
.header .search .body .contents .row .no{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 0;}
.header .search .body .contents .row .no i{ font-size: 40px; color: #000;}
.header .search .body .contents .row .no p{ margin: 10px 0 0 0; font-size: 14px; color: #666;}
.header .search .body .contents .row .list{}
.header .search .body .contents .row .list a{ display: flex; justify-content: space-between; align-items: center; padding: 5px 10px; border-radius: 5px; cursor: pointer;}
.header .search .body .contents .row .list a p{ flex: 1; font-size: 14px; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.header .search .body .contents .row .list a i{ flex: 0 0 20px; margin: 0 0 0 30px; text-align: center; font-size: 12px; color: #999;}
.header .search .body .contents .row .list a:hover{ background: #f6f8fb;}
.header .search .body .contents .row .list a:hover p{ font-weight: 500;}
.header .search .body .contents .row .list a:hover i{ color: #000;}
.header .search .body .contents .row .number{}
.header .search .body .contents .row .number a{ display: flex; align-items: center; padding: 5px 10px; border-radius: 5px; cursor: pointer;}
.header .search .body .contents .row .number a span{ flex: 0 0 30px; font-size: 14px; color: #5e2bb8;}
.header .search .body .contents .row .number a p{ font-size: 14px; color: #000;}
.header .search .body .contents .row .number a:hover{ background: #f6f8fb;}
.header .search .body .contents .fb{ display: flex; justify-content: center; align-items: center; position: absolute; right: 0; bottom: 0; left: 0; height: 40px; border-radius: 0 0 20px 20px; border-top: 1px solid #e5e5e5; cursor: pointer;}
.header .search .body .contents .fb p{ font-size: 12px; color: #666;}
.header .search .body .contents .fb i{ margin: 0 0 0 10px; font-size: 12px; color: #999;}
.header .search .body .contents .fb:hover{ background: #fafafa;}
.header .search .body .close{ display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.header .search.on .body{ top: 55px;}
.header .search.on .body .contents{ padding: 0 20px 60px 20px; height: auto; opacity: 1;}
.header .search.on .body .close{ display: block;}

.header .middle .menu{}
.header .middle .menu ul{ display: flex; align-items: center;}
.header .middle .menu ul li{ margin: 0 0 0 30px;}
.header .middle .menu ul li:first-child{ margin: 0;}
.header .middle .menu ul li a{ display: flex; align-items: center; position: relative; height: 30px;}
.header .middle .menu ul li a p{ font-size: 15px; color: #000;}
.header .middle .menu ul li a i{ margin: 0 0 0 5px; font-size: 24px; color: #000;}
.header .middle .menu ul li a:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #000; transition: all .2s;}
.header .middle .menu ul li a:hover:after{ width: 100%;}

.header .middle .language{ margin: 0 0 0 30px; height: 36px;}
.header .middle .language .row{ position: relative; border-radius: 20px; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%); transition: all .2s;}
.header .middle .language .head{ display: flex; align-items: center; padding: 0 20px; height: 36px; cursor: pointer;}
.header .middle .language .head p{ font-size: 14px; color: #000;}
.header .middle .language .head i{ margin: 0 0 0 5px; font-size: 14px; color: #999; transition: all .2s;}
.header .middle .language .body{ overflow: hidden; padding: 0; height: 0; transition: all .2s;}
.header .middle .language .body ul{}
.header .middle .language .body ul li{ padding: 0 10px;}
.header .middle .language .body ul li a{ display: flex; align-items: center; margin: 1px 0; padding: 0 10px; height: 0; border-radius: 15px; font-size: 13px; color: #666; letter-spacing: 0; transition: all .2s;}
.header .middle .language .body ul li a:hover{ background: #f5f5f5;}
.header .middle .language .body ul li.on a{ background: #5e2bb8; color: #FFF;}
.header .middle .language:hover .row{}
.header .middle .language:hover .head i{ transform: rotate(180deg);}
.header .middle .language:hover .body{ padding: 0 0 10px 0; height: auto;}
.header .middle .language:hover .body ul li a{ height: 25px;}

.header .bottom{}
.header .bottom .type_row{}
.header .bottom .menu{ display: flex; justify-content: space-between; align-items: center; position: relative;}
.header .bottom .menu > ul{ display: flex; align-items: center; height: 60px;}
.header .bottom .menu > ul > li{ display: flex; align-items: center; position: relative; margin: 0 0 0 40px;}
.header .bottom .menu > ul > li:first-child{ margin: 0;}
.header .bottom .menu > ul > li > a{ display: flex; align-items: center; position: relative; z-index: 10; height: 60px; cursor: pointer;}
.header .bottom .menu > ul > li > a p{ position: relative; z-index: 10; font-size: 20px; font-weight: 600; color: #000;}
.header .bottom .menu > ul > li > a i{ margin: 0 0 0 5px; font-size: 12px; color: #666; transition: all .2s;}
.header .bottom .menu > ul > li ul{ position: absolute; z-index: 30; top: 40px; left: 50%; transform: translate(-50%,0); padding: 0; height: 0; border-radius: 10px; background: #333; opacity: 0; transition: all .2s;}
.header .bottom .menu > ul > li ul li{}
.header .bottom .menu > ul > li ul li a{ display: flex; align-items: center; overflow: hidden; padding: 0 25px; height: 0; font-size: 16px; color: rgba(255 255 255/70%); white-space: nowrap; opacity: 0;}

.header .bottom .menu > ul > li:hover > a p{ color: #5e2bb8;}
.header .bottom .menu > ul > li:hover > a i{ color: #5e2bb8; transform: rotate(180deg);}
.header .bottom .menu > ul > li:hover > ul{ top: 50px; padding: 15px 0; height: auto; opacity: 1;}
.header .bottom .menu > ul > li:hover > ul li a{ height: 35px; opacity: 1;}
.header .bottom .menu > ul > li:hover ul:before{ background: rgba(255 255 255/10%);}
.header .bottom .menu > ul > li ul li a:hover{ font-weight: 500; color: #FFF;}
.header .bottom .menu > ul > li.on > a:before{ content: ""; position: absolute; bottom: -1px; right: 0; left: 0; height: 4px; border-radius: 4px; background: #5e2bb8;}
.header .bottom .menu > ul > li.on > a p{ font-weight: 700; color: #5e2bb8;}
.header .bottom .menu > ul > li.on > a i{ color: #5e2bb8;}
.header .bottom .menu > ul > li ul li.on a{ font-weight: 700 !important; color: #FFF !important;}

.header .bottom .menu > ul > li .tip{ position: absolute; z-index: 20; top: -7px; left: 0; padding: 0 5px; height: 20px; border-radius: 20px; background: #5e2bb8; display: flex; align-items: center; white-space: nowrap; animation: header_tip 1s infinite;}
.header .bottom .menu > ul > li .tip p{ font-size: 12px; font-weight: 500; color: #FFF; transform: scale(.8);}
.header .bottom .menu > ul > li .tip:after{ content: ""; position: absolute; bottom: -4px; left: 15px; transform: translate(0,0); width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #5e2bb8 transparent transparent transparent;}
@keyframes header_tip{
    0%   { transform: translate(0,0);}
    50% { transform: translate(0,2px);}
    100%   { transform: translate(0,0);}
}

.header .bottom .my_menu{ position: relative;}
.header .bottom .my_menu:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0;}
.header .bottom .my_menu ul{ display: flex; align-items: center;}
.header .bottom .my_menu ul li{ margin: 0 0 0 24px;}
.header .bottom .my_menu ul li:first-child{ margin: 0;}
.header .bottom .my_menu ul li a{ display: flex; align-items: center;}
.header .bottom .my_menu ul li a img{ margin: 0 4px 0 0; height: 18px;}
.header .bottom .my_menu ul li a p{ font-size: 15px; color: #000;}
.header .bottom .my_menu ul li a p span{ padding: 0 2px; color: #CCC;}
.header .bottom .my_menu ul li:last-child a{ padding: 0 20px; height: 36px; border-radius: 8px; border: 1px solid #DDD;}
@media(max-width: 1601px){
    .header .search .head{ width: 300px;}
    .header .middle .menu ul li a p{ font-size: 14px;}
    .header .bottom .menu > ul > li{ margin: 0 0 0 30px;}
    .header .bottom .menu > ul > li > a p{ font-size: 18px;}
}
@media(max-width: 1025px){
    .header .top{ position: absolute; z-index: 60; top: 0; right: 0;}
    .header .top .type_row{ padding: 0; height: 100px;}
    .header .middle .type_row{ align-items: center; padding: 0; height: 100px;}
    .header .middle .fr{ display: none;}
    .header .middle .logo img{ height: 50px;}
    .header .search{ margin: 0 0 0 30px;}
    .header .bottom{ display: none;}
}
@media(max-width: 767px){
    .header .top{ position: absolute; z-index: 60; top: 15px; right: 15px; padding: 0 !important;}
    .header .top .type_row{ height: 35px;}
    .header .top .btn p{ font-size: 13px;}
    .header .top .btn i{ font-size: 18px;}
    .header .top .all_menu_btn{ margin: 0 0 0 30px;}
    .header .top .all_menu_btn img{ height: 20px;}
    .header .middle{ margin: 0;}
    .header .middle .type_row{ display: block; padding: 15px 0; height: auto;}
    .header .middle .fl{ flex-direction: column; align-items: flex-start;}
    .header .middle .logo img{ display: block; height: 35px;}
    .header .search{ margin: 10px 0 0 0; width: 100%;}
    .header .search .head{ width: 100%;}
    .header .search .head .tit{ top: 10px; left: 10px;}
    .header .search .head .tit i{ width: 20px; height: 20px; font-size: 12px;}
    .header .search .head .tit p{ padding: 0 0 0 4px; font-size: 14px;}
    .header .search .head .btn{ width: 40px; height: 40px;}
    .header .search .head input{ padding: 0 40px 0 85px; height: 40px; font-size: 14px;}
    .header .search .body{ top: 35px; width: 100%;}
    .header .search .body .contents{ padding: 0 15px; border-radius: 15px;}
    .header .search .body .contents .row:nth-child(2){ padding: 0 5px 0 0;}
    .header .search .body .contents .row:nth-child(3){ padding: 0 0 0 5px;}
    .header .search .body .contents .row .tit{ margin: 0 0 10px 0; padding: 15px 0 5px 0;}
    .header .search .body .contents .row .tit p{ font-size: 15px;}
    .header .search .body .contents .row .tit span{ font-size: 10px;}
    .header .search .body .contents .row .tag{ margin: -5px 0 0 -5px;}
    .header .search .body .contents .row .tag a{ margin: 5px 0 0 5px; padding: 0 8px; height: 25px; font-size: 13px;}
    .header .search .body .contents .row .no{ padding: 20px 0;}
    .header .search .body .contents .row .no i{ font-size: 30px;}
    .header .search .body .contents .row .no p{ margin: 10px 0 0 0; font-size: 13px;}
    .header .search .body .contents .row .list a{ padding: 3px 8px;}
    .header .search .body .contents .row .list a p{ font-size: 13px;}
    .header .search .body .contents .row .number a{ padding: 3px 8px;}
    .header .search .body .contents .row .number a span{ flex: 0 0 30px; font-size: 13px;}
    .header .search .body .contents .row .number a p{ font-size: 13px;}
    .header .search .body .contents .fb{ height: 30px; border-radius: 0 0 15px 15px;}
    .header .search.on .body{ top: 50px;}
    .header .search.on .body .contents{ padding: 0 15px 40px 15px;}
}


.footer{ position: relative; z-index: 10; margin: 100px 0 0 0; background: #FFF;}
.footer.home{ margin: 0;}
.footer .top{ background: #000;}
.footer .top .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 30px 0;}
.footer .top .menu{}
.footer .top .menu ul{ display: flex;}
.footer .top .menu ul li{ margin: 0 60px 0 0;}
.footer .top .menu ul li a{ font-size: 18px; font-weight: 500; color: rgba(255 255 255/80%);}
.footer .top .menu ul li a:hover{ color: rgba(255 255 255/100%);}
.footer .top .menu ul li:last-child{ margin: 0;}
.footer .top select{ display: flex; align-items: center; margin: 0; padding: 0 40px 0 20px; width: 260px; height: 40px; border-radius: 20px; border: 1px solid rgba(255 255 255/30%); background:url(/images/basic_select_icon_bai.png) no-repeat center right 20px #000; background-size: 10px auto; font-size: 15px; font-weight: 500; color: #FFF; outline: none; -webkit-appearance: none;}
.footer .middle{ background: #000; border-top: 1px solid rgba(255 255 255/20%); border-bottom: 1px solid rgba(255 255 255/20%);}
.footer .middle .type_row{ display: flex; justify-content: space-between; padding: 60px 0;}
.footer .middle .row{}
.footer .middle .row .tit{ font-size: 20px; font-weight: 700; color: #FFF; letter-spacing: -1px;}
.footer .middle .row .text{ margin: 10px 0 0 0;}
.footer .middle .row .text ul{}
.footer .middle .row .text ul li{ display: flex; padding: 6px 0;}
.footer .middle .row .text ul li p{ width: 120px; font-size: 14px; color: rgba(255 255 255/60%);}
.footer .middle .row .text.min ul li p{ width: 60px;}
.footer .middle .row .text ul li span{ flex: 1; font-size: 14px; font-weight: 500; color: rgba(255 255 255/80%);}
.footer .middle .row .text ul li .tel{ line-height: 1; font-size: 28px; font-weight: 800; color: #FFF; letter-spacing: -1px;}
.footer .middle .row .text ul li .card{ line-height: 1; font-size: 28px; font-weight: 600; color: #FFF; letter-spacing: -1px;}
.footer .middle .row .text ul li .btn{ display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 36px; border-radius: 8px; background: rgba(255 255 255/15%); cursor: pointer;}
.footer .middle .row .text ul li .btn p{ width: auto; font-size: 14px; color: rgba(255 255 255/80%);}
.footer .middle .row .text ul li .btn i{ margin: 0 0 1px 12px; font-size: 12px; color: rgba(255 255 255/60%);}
.footer .middle .row .text ul li .btn:hover{ background: rgba(255 255 255/25%);}

.footer .middle .btn{ margin: 10px 0 0 0;}
.footer .middle .btn ul{}
.footer .middle .btn ul li{}
.footer .middle .btn ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 6px 0; width: 160px; cursor: pointer;}
.footer .middle .btn ul li a p{ font-size: 14px; color: rgba(255 255 255/80%);}
.footer .middle .btn ul li a i{ font-size: 12px; color: rgba(255 255 255/60%);}
.footer .middle .btn ul li a:hover p{ color: rgba(255 255 255/100%);}
.footer .middle .btn ul li a:hover i{ color: rgba(255 255 255/100%);}

.footer .bottom{ background: #000;}
.footer .bottom .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 40px 0;}
.footer .bottom .fl{ display: flex; align-items: center;}
.footer .bottom .logo{ height: 40px;}
.footer .bottom .logo img{ display: block; width: auto; height: 100%; filter: grayscale(100%);}
.footer .bottom .sns{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 60px;}
.footer .bottom .sns a{ display: flex; align-items: center; margin: 0 0 0 10px; cursor: pointer;}
.footer .bottom .sns a:first-child{ margin: 0;}
.footer .bottom .sns a i{ display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border-radius: 50%; border: 1px solid rgba(255 255 255/25%); font-size: 17px; color: rgba(255 255 255/60%); transition: all .3s;}
.footer .bottom .sns a:hover i{ border: 1px solid rgba(255 255 255/40%); color: rgba(255 255 255/100%);}
.footer .bottom .copy{ font-size: 13px; color: rgba(255 255 255/60%); letter-spacing: 0; text-transform: uppercase;}
@media(max-width: 1601px){
    .footer .top .menu ul li{ margin: 0 40px 0 0;}
    .footer .top .menu ul li a{ font-size: 16px;}
}
@media(max-width: 1025px){
    .footer .top .type_row{ display: block;}
    .footer .top .menu ul{ flex-wrap: wrap; justify-content: center; margin: -15px 0 0 0;}
    .footer .top .menu ul li{ margin: 15px 40px 0 40px !important;}
    .footer .top select{ margin: 30px auto 0 auto;}
    .footer .middle .type_row{ flex-wrap: wrap; margin: -40px 0 0 0;}
    .footer .middle .row{ margin: 40px 0 0 0; width: 50%;}
    .footer .bottom .type_row{ padding: 40px 0 110px 0;}
    .footer .bottom .sns{ margin: 0 0 0 20px;}
}
@media(max-width: 767px){
    .footer{ margin: 40px 0 0 0;}
    .footer .top .type_row{ position: relative; z-index: 10; padding: 30px 0;}
    .footer .top .menu ul{}
    .footer .top .menu ul li{ margin: 10px 10px 0 10px !important;}
    .footer .top .menu ul li a{ font-size: 14px;}
    .footer .top select{ margin: 20px 0 0 0; width: 100%; font-size: 14px;}
    .footer .middle{}
    .footer .middle .type_row{ display: block; margin: 0; padding: 30px 0;}
    .footer .middle .row{ margin: 30px 0 0 0; padding: 0 5px; width: auto;}
    .footer .middle .row:first-child{ margin: 0;}
    .footer .middle .row .tit{ font-size: 18px;}
    .footer .middle .btn ul{ display: flex; flex-wrap: wrap; margin: 0 -20px;}
    .footer .middle .btn ul li{ width: 50%;}
    .footer .middle .btn ul li a{ margin: 0 20px; width: auto;}
    .footer .bottom .type_row{ display: block; padding: 30px 0 100px 0;}
    .footer .bottom .fl{ flex-direction: column; align-items: center;}
    .footer .bottom .logo{ height: 40px;}
    .footer .bottom .sns{ margin: 30px 0 0 0;}
    .footer .bottom .sns a{ margin: 0 5px !important;}
    .footer .bottom .copy{ margin: 20px 0 0 0; text-align: center; font-size: 12px;}
}


.quick{ position: fixed; z-index: 120; bottom: 160px; right: 50px;}
.quick .scroll_top{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; background: rgba(255 255 255/90%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: 0 0 0 1px rgba(0 0 0/15%); cursor: pointer;}
.quick .scroll_top i{ font-size: 20px; color: #000;}
.quick .scroll_top p{ font-size: 12px; color: #000; letter-spacing: 0;}
@media(max-width: 1601px){
    .quick{ right: 20px;}
}
@media(max-width: 767px){
    .quick{ right: 10px; bottom: 100px;}
    .quick .scroll_top{ width: 40px; height: 40px;}
    .quick .scroll_top i{ font-size: 15px;}
}


.home_visual{ overflow: hidden; position: relative; z-index: 10;}
.home_visual .swiper-wrapper{}
.home_visual .swiper-wrapper .swiper-slide{}
.home_visual .swiper-wrapper .swiper-slide .row{ overflow: hidden; position: relative; height: 640px;}

.home_visual .swiper-wrapper .swiper-slide .row .text{ display: flex; position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0; padding: 100px 0;}
.home_visual .swiper-wrapper .swiper-slide .row .text .type_row{ display: flex; flex-direction: column; align-items: flex-start; position: relative;}
.home_visual .swiper-wrapper .swiper-slide .row .text .t1{ margin: 0 0 0 0; line-height: 1; font-size: 22px; font-weight: 700; color: #5e2bb8; opacity: 0; transform: translate(50px,0); transition: all .3s;}
.home_visual .swiper-wrapper .swiper-slide .row .text .t2{ margin: 30px 0 0 0; line-height: 1; font-size: 60px; font-weight: 900; color: rgba(0 0 0/100%); opacity: 0; transform: translate(60px,0); transition: all .3s;}
.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;}
.home_visual .swiper-wrapper .swiper-slide .row .text .t4{ position: absolute; bottom: 120px; left: 0; line-height: 1; font-size: 24px; font-weight: 700; color: rgba(0 0 0/100%);  opacity: 0; transform: translate(80px,0); transition: all .3s;}
.home_visual .swiper-wrapper .swiper-slide .row .text .btn{ display: flex; align-items: center; position: absolute; bottom: 40px; left: 0; padding: 0 40px; height: 50px; border-radius: 30px; border: 1px solid rgba(0 0 0/100%); font-size: 18px; font-weight: 500; color: #000;  opacity: 0; transform: translate(90px,0); transition: all .3s; cursor: pointer;}
.home_visual .swiper-wrapper .swiper-slide .row .text .btn:hover{ background: rgba(0 0 0/100%); color: #FFF; transition: background .3s, color .3s;}

.home_visual .swiper-wrapper .swiper-slide .row .img{ display: flex; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; padding: 100px 0;}
.home_visual .swiper-wrapper .swiper-slide .row .img .box{ display: flex; justify-content: flex-end; position: relative; height: 100%;}
.home_visual .swiper-wrapper .swiper-slide .row .img .box .fr{ display: flex; justify-content: center; width: 700px; height: 100%; overflow: hidden;}
.home_visual .swiper-wrapper .swiper-slide .row .img .box .fr .item{ width: 100%; height: 100%; border-radius: 32px; opacity: 1; transform: scale(.9); transition: all .3s;}
.home_visual .swiper-wrapper .swiper-slide .row .img_bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.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);}
.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;}

.home_visual .swiper-wrapper .swiper-slide .row.on .text .t1{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.5s;}
.home_visual .swiper-wrapper .swiper-slide .row.on .text .t2{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.7s;}
.home_visual .swiper-wrapper .swiper-slide .row.on .text .t3{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.9s;}
.home_visual .swiper-wrapper .swiper-slide .row.on .text .t4{ opacity: 1; transform: translate(0,0) scale(1); transition: all 1.1s;}
.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;}
.home_visual .swiper-wrapper .swiper-slide .row.on .img .box .fr .item{ opacity: 1; transform: scale(1); transition: all .6s;}
.home_visual .swiper-wrapper .swiper-slide .row.on .img_bg .bg{ transform: scale(1); transition: all 5s;}

.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%);}
.home_visual .swiper-wrapper .swiper-slide .row .line span{ display: block; width: 0; height: 2px; background: #FFF;}

.home_visual .swiper-button-prev{ position: absolute; z-index: 50; top: 50%; left: 60px; transform: translate(0,-50%); margin: 0; width: auto; height: 80px; opacity: 1; cursor: pointer;}
.home_visual .swiper-button-prev i{ position: relative; z-index: 9; font-size: 40px; color: #000; transition: all .1s;}
.home_visual .swiper-button-prev:after{ display: none;}
.home_visual .swiper-button-prev:hover i{ font-size: 60px; color: #5e2bb8;}

.home_visual .swiper-button-next{ position: absolute; z-index: 50; top: 50%; right: 60px; transform: translate(0,-50%); margin: 0; width: auto; height: 80px; opacity: 1; cursor: pointer;}
.home_visual .swiper-button-next i{ position: relative; z-index: 9; font-size: 40px; color: #000; transition: all .1s;}
.home_visual .swiper-button-next:after{ display: none;}
.home_visual .swiper-button-next:hover i{ font-size: 60px; color: #5e2bb8;}

.home_visual .swiper-pagination{ display: flex; right: inherit !important; left: 50% !important; bottom: 100px !important; margin: 0 0 0 -750px; width: auto !important;}
.home_visual .swiper-pagination .swiper-pagination-bullet{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px !important; width: 10px; height: 10px; border-radius: 10px; border: 0; background: rgba(0 0 0/100%); opacity: 1; transition: all .3s;}
.home_visual .swiper-pagination .swiper-pagination-bullet-active{ width: 30px; background: #5e2bb8;}
@keyframes scroll_down{
    0%   { bottom: 115px; opacity: .5;}
    50%  { bottom: -115px; opacity: 1;}
    50%  { bottom: 115px; opacity: .5;}
    100% { bottom: -115px; opacity: 1;}
}
@media(max-width: 1601px){
    .home_visual .swiper-wrapper .swiper-slide .row .text .t4{ bottom: 140px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .btn{ bottom: 60px; border-color: #000; background: #000; color: #FFF;}
    .home_visual .swiper-wrapper .swiper-slide .row .img .box .fr{ width: 600px;}

    .home_visual .swiper-button-prev{ top: initial; bottom: 80px; left: 50px; transform: translate(0,0); width: auto; height: 50px;}
    .home_visual .swiper-button-prev:hover i{ font-size: 40px; color: #000;}
    .home_visual .swiper-button-next{ top: initial; right: initial; bottom: 80px; left: 90px; transform: translate(0,0); height: 50px;}
    .home_visual .swiper-button-next:hover i{ font-size: 40px; color: #000;}
    .home_visual .swiper-pagination{ left: 150px !important; margin: 0;}
}
@media(max-width: 1025px){
    .home_visual .swiper-wrapper .swiper-slide .row{ display: flex; flex-direction: column-reverse; height: auto;}
    .home_visual .swiper-wrapper .swiper-slide .row .img{ position: relative; top: initial; right: initial; bottom: initial; left: initial; padding: 50px 0 0 0;}
    .home_visual .swiper-wrapper .swiper-slide .row .img .box .fr{ width: 100%; height: 400px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text{ position: relative; top: initial; right: initial; bottom: initial; left: initial; padding: 50px 0 80px 0;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .t2{ margin: 20px 0 0 0;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .t4{ position: initial; margin: 40px 0 0 0;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .btn{ position: initial; margin: 20px 0 0 0;}

    .home_visual .swiper-button-prev{ left: initial; right: 100px;}
    .home_visual .swiper-button-next{ left: initial; right: 50px;}
    .home_visual .swiper-pagination{ left: initial !important; right: 160px !important;}
}
@media(max-width: 767px){
    .home_visual .swiper-wrapper .swiper-slide .row .img{ padding: 20px 0 0 0;}
    .home_visual .swiper-wrapper .swiper-slide .row .img .box .fr{ height: 240px;}
    .home_visual .swiper-wrapper .swiper-slide .row .img .box .fr .item{ border-radius: 20px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text{ padding: 20px 0 30px 0;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .t1{ font-size: 16px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .t2{ margin: 10px 0 0 0; line-height: 1.1; font-size: 36px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .t3{ margin: 15px 0 0 0; font-size: 14px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .t4{ margin: 30px 0 0 0; font-size: 20px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .btn{ margin: 20px 0 0 0; padding: 0 25px; height: 40px; font-size: 16px;}

    .home_visual .swiper-button-prev{ bottom: 30px; right: 50px; height: 40px;}
    .home_visual .swiper-button-prev i{ font-size: 24px;}
    .home_visual .swiper-button-prev:hover i{ font-size: 24px;}
    .home_visual .swiper-button-next{ bottom: 30px; right: 15px; height: 40px;}
    .home_visual .swiper-button-next i{ font-size: 24px;}
    .home_visual .swiper-button-next:hover i{ font-size: 24px;}
    .home_visual .swiper-pagination{ bottom: 46px !important; right: 90px !important;}
    .home_visual .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px;}
    .home_visual .swiper-pagination .swiper-pagination-bullet-active{ width: 16px;}
}


.home_search{ position: relative; z-index: 20; background: #f6f8fb;}
.home_search .type_row{ padding: 80px 0;}
.home_search .type_row > .head{ display: flex; align-items: flex-end;}
.home_search .type_row > .head .t1{ font-size: 40px; font-weight: 800; color: rgba(0 0 0/100%);}
.home_search .type_row > .head .t2{ margin: 0 0 5px 20px; font-size: 20px; color: rgba(0 0 0/60%);}
.home_search .type_row > .body{ display: flex; margin: 20px 0 0 0;}

.home_search .type_row .list{ flex: 1; display: flex; align-items: center; margin: 0 -5px; width: 100%;}
.home_search .type_row .list .row{ position: relative; margin: 0 5px; width: 25%; height: 56px; cursor: pointer;}
.home_search .type_row .list .row .box{ overflow: hidden; border-radius: 8px; border: 1px solid rgba(0 0 0/20%); background: #FFF;}
.home_search .type_row .list .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 30px; height: 56px;}
.home_search .type_row .list .head p{ flex: 1; font-size: 18px; font-weight: 500; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_search .type_row .list .head i{ margin: 0 0 0 20px; width: 20px; text-align: center; font-size: 16px; color: #999; transition: all .2s;}
.home_search .type_row .list .body{ overflow: hidden; height: 0; transition: all .2s;}
.home_search .type_row .list .body ul{ overflow: auto; transition: all .2s;}
.home_search .type_row .list .body ul li{ padding: 0 15px;}
.home_search .type_row .list .body ul li a{ display: flex; align-items: center; margin: 2px 0; padding: 0 15px; height: 0; border-radius: 8px; font-size: 16px; color: #666; letter-spacing: 0; transition: all .2s;}
.home_search .type_row .list .body ul li a:hover{ background: #f5f5f5;}
.home_search .type_row .list .body ul li.on a{ background: #5e2bb8; color: #FFF; font-weight: 600;}
.home_search .type_row .list .row:hover .head i{ transform: rotate(180deg);}
.home_search .type_row .list .row:hover .body{ height: auto;}
.home_search .type_row .list .row:hover .body ul{ padding: 0 0 15px 0; max-height: 300px;}
.home_search .type_row .list .row:hover .body ul li a{ height: 48px;}

.home_search .type_row .list .body ul::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
.home_search .type_row .list .body ul::-moz-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
.home_search .type_row .list .body ul::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
.home_search .type_row .list .body ul::-ms-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
.home_search .type_row .list .body ul::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
.home_search .type_row .list .body ul::-webkit-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}

.home_search .type_row .btn{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 140px; height: 56px; border-radius: 8px; background: #5e2bb8; cursor: pointer;}
.home_search .type_row .btn p{ font-size: 20px; font-weight: 600; color: #FFF;}

.home_search.sub{ border-radius: 10px;}
.home_search.sub .type_row{ padding: 50px 0;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .home_search .type_row > .body{ display: block;}
    .home_search .type_row .list{ flex-wrap: wrap; margin: -10px -5px 0 -5px; width: auto;}
    .home_search .type_row .list .row{ margin: 10px 0 0 0; width: 50%;}
    .home_search .type_row .list .row:nth-child(1){ z-index: 10;}
    .home_search .type_row .list .row:nth-child(2){ z-index: 10;}
    .home_search .type_row .list .row .box{ margin: 0 5px;}
    .home_search .type_row .btn{ margin: 10px 0 0 0; width: auto;}

    .home_search.sub .type_row > .head{ display: grid; grid-gap: 10px;}
    .home_search.sub .type_row > .head .t1{ line-height: 1;}
    .home_search.sub .type_row > .head .t2{ margin: 0; line-height: 1;}
}
@media(max-width: 767px){
    .home_search .type_row{ padding: 40px 0;}
    .home_search .type_row > .head{ display: block;}
    .home_search .type_row > .head .t1{ font-size: 22px;}
    .home_search .type_row > .head .t2{ margin: 5px 0 0 0; font-size: 16px;}
    .home_search .type_row > .body{ margin: 20px 0 0 0;}

    .home_search .type_row .list .row{ height: 45px;}
    .home_search .type_row .list .head{ padding: 0 15px; height: 45px;}
    .home_search .type_row .list .head p{ font-size: 15px;}
    .home_search .type_row .list .head i{ margin: 0 0 0 10px; font-size: 14px;}
    .home_search .type_row .list .body ul li{ padding: 0 10px;}
    .home_search .type_row .list .body ul li a{ padding: 0 10px; font-size: 13px;}
    .home_search .type_row .list .row:hover .body ul{ padding: 0 0 10px 0; max-height: 200px;}
    .home_search .type_row .list .row:hover .body ul li a{ height: 35px;}

    .home_search .type_row .btn{ height: 45px;}
    .home_search .type_row .btn p{ font-size: 18px;}

    .home_search.sub{ padding: 0 20px; border-radius: 5px;}
    .home_search.sub .type_row{ padding: 30px 0;}
}


.home_exhibitions{ position: relative; z-index: 10; background: #FFF;}
.home_exhibitions .type_row{ position: relative; padding: 100px 0;}
.home_exhibitions .type_row .head{ display: flex; flex-direction: column; align-items: flex-start; position: absolute; top: 100px; left: 0;}
.home_exhibitions .type_row .head .tit{ display: flex; flex-direction: column; align-items: flex-start;}
.home_exhibitions .type_row .head .tit .t1{ font-size: 20px; color: rgba(0 0 0/60%);}
.home_exhibitions .type_row .head .tit .t2{ position: relative; margin: 5px 0 0 0; line-height: 1.2; font-size: 40px; font-weight: 800; color: rgba(0 0 0/100%);}
.home_exhibitions .type_row .head .tit .t2 span{ display: flex; justify-content: center; align-items: center; position: absolute; top: -10px; left: 100%; padding: 0 10px; height: 30px; border-radius: 30px; background: #5e2bb8; font-size: 16px; font-weight: 600; color: #FFF;}
.home_exhibitions .type_row .head .more{ display: flex; align-items: center; margin: 100px 0 0 0; cursor: pointer;}
.home_exhibitions .type_row .head .more p{ line-height: 1; font-size: 20px; color: #000;}
.home_exhibitions .type_row .head .more i{ margin: 0 0 0 30px; font-size: 20px; color: #000;}
.home_exhibitions .type_row .head .more i:first-child{ margin: 0 5px 0 0; font-size: 36px; color: #000;}
.home_exhibitions .type_row .list{}
.home_exhibitions .type_row .list ul{ display: flex; flex-wrap: wrap; margin: -60px -15px 0 -15px;}
.home_exhibitions .type_row .list ul li{ margin: 60px 0 0 0; width: 33.333%;}
.home_exhibitions .type_row .list ul li:first-child{ margin-left: 33.333%;}
.home_exhibitions .type_row .list ul li a{ display: block; margin: 0 15px; transition: all .3s;}
.home_exhibitions .type_row .list ul li a .img{ border-radius: 16px;}
.home_exhibitions .type_row .list ul li a .img img{ display: block; width: 100%;}
.home_exhibitions .type_row .list ul li a .info{ display: flex; flex-direction: column; align-items: flex-start; position: relative; padding: 20px 80px 0 0;}
.home_exhibitions .type_row .list ul li a .info .res{ display: flex; align-items: center; position: absolute; z-index: 10; top: -60px; right: 20px; padding: 0 20px; height: 40px; border-radius: 20px; background: rgba(0 0 0/50%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); font-size: 16px; color: #FFF;}
.home_exhibitions .type_row .list ul li a .info .res.on{ background: #5e2bb8; font-weight: 600;}
.home_exhibitions .type_row .list ul li a .info .tag{ font-size: 16px; color: #999;}
.home_exhibitions .type_row .list ul li a .info .t1{ margin: 5px 0 0 0; font-size: 22px; font-weight: 700; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: all .3s;}
.home_exhibitions .type_row .list ul li a .info .t2{ margin: 5px 0 0 0; min-height: 50px; line-height: 25px; font-size: 18px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_exhibitions .type_row .list ul li a .info .date{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 18px; font-weight: 500; color: rgba(0 0 0/100%);}
.home_exhibitions .type_row .list ul li a:hover{ transform: scale(1.03);}
.home_exhibitions .type_row .list ul li a:hover .info .t1{ color: #5e2bb8;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .home_exhibitions .type_row .head{ flex-direction: initial; justify-content: space-between; align-items: flex-end; position: initial;}
    .home_exhibitions .type_row .head .more{ margin: 0;}
    .home_exhibitions .type_row .list{ margin: 60px 0 0 0;}
    .home_exhibitions .type_row .list ul li{ width: 50%;}
    .home_exhibitions .type_row .list ul li:first-child{ margin-left: 0%;}
    .home_exhibitions .type_row .list ul li a .info{ padding: 20px 40px 0 0;}
}
@media(max-width: 767px){
    .home_exhibitions .type_row{ padding: 40px 0;}
    .home_exhibitions .type_row .head .tit .t1{ font-size: 16px;}
    .home_exhibitions .type_row .head .tit .t2{ font-size: 26px;}
    .home_exhibitions .type_row .head .tit .t2 span{ top: -10px; left: 105%; padding: 0 6px; height: 20px; font-size: 12px;}
    .home_exhibitions .type_row .head .more p{ font-size: 16px;}
    .home_exhibitions .type_row .head .more i{ margin: 0 0 0 20px; font-size: 16px;}
    .home_exhibitions .type_row .head .more i:first-child{ font-size: 26px;}
    .home_exhibitions .type_row .list{ margin: 30px 0 0 0;}
    .home_exhibitions .type_row .list ul{ margin: -30px 0 0 0;}
    .home_exhibitions .type_row .list ul li{ margin: 30px 0 0 0; width: 100%;}
    .home_exhibitions .type_row .list ul li:first-child{ margin-left: 0;}
    .home_exhibitions .type_row .list ul li a{ margin: 0;}
    .home_exhibitions .type_row .list ul li a .info{ padding: 15px 0 0 0;}
    .home_exhibitions .type_row .list ul li a .info .res{ top: -45px; right: 20px; padding: 0 15px; height: 30px; font-size: 13px;}
    .home_exhibitions .type_row .list ul li a .info .tag{ font-size: 15px;}
    .home_exhibitions .type_row .list ul li a .info .t1{ font-size: 20px;}
    .home_exhibitions .type_row .list ul li a .info .t2{ min-height: auto; line-height: 1.4; font-size: 15px;}
    .home_exhibitions .type_row .list ul li a .info .date{ font-size: 15px;}
    .home_exhibitions .type_row .list ul li a:hover{ transform: scale(1);}
}


.home_media{ overflow: hidden; position: relative;}
.home_media .type_row{ display: flex; justify-content: space-between; align-items: flex-start; position: relative; z-index: 9; padding: 100px 0;}
.home_media .type_row .head{ display: flex; flex-direction: column; align-items: flex-start;}
.home_media .type_row .head .tit{}
.home_media .type_row .head .tit .t1{ font-size: 20px; color: rgba(255 255 255/60%);}
.home_media .type_row .head .tit .t2{ margin: 5px 0 0 0; line-height: 1.2; font-size: 40px; font-weight: 800; color: rgba(255 255 255/100%);}
.home_media .type_row .head .sns{ margin: 100px 0 0 0;}
.home_media .type_row .head .sns a{ display: flex; align-items: center; padding: 5px 0;}
.home_media .type_row .head .sns a i{ overflow: hidden; width: 0; font-size: 24px; color: rgba(255 255 255/60%); transition: all .3s;}
.home_media .type_row .head .sns a p{ font-size: 20px; font-weight: 300; color: rgba(255 255 255/60%);}
.home_media .type_row .head .sns a:hover i{ width: 30px; color: rgba(255 255 255/100%);}
.home_media .type_row .head .sns a:hover i:last-child{ margin: 0 0 0 20px;}
.home_media .type_row .head .sns a:hover p{ color: rgba(255 255 255/100%);}
.home_media .list{ display: flex; position: relative; width: 66.666%;}
.home_media .list .rolling{ overflow: hidden;}
.home_media .list .swiper-wrapper .swiper-slide{}
.home_media .list .swiper-wrapper .swiper-slide a{ display: block; position: relative;}
.home_media .list .swiper-wrapper .swiper-slide a i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 0 0 0 5px; width: 60px; height: 60px; border-radius: 50%; background: rgba(255 255 255/100%); font-size: 30px; color: #000; transition: all .2s; opacity: 0;}
.home_media .list .swiper-wrapper .swiper-slide a .img{ overflow: hidden; position: relative; border-radius: 16px; transition: transform .3s !important;}
.home_media .list .swiper-wrapper .swiper-slide a .img:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/40%); transition: all .2s; opacity: 0;}
.home_media .list .swiper-wrapper .swiper-slide a .img img{ display: block; width: 100%;}
.home_media .list .swiper-wrapper .swiper-slide a:hover i{ opacity: 1;}
.home_media .list .swiper-wrapper .swiper-slide a:hover .img{ transform: scale(.95);}
.home_media .list .swiper-wrapper .swiper-slide a:hover .img:before{ opacity: 1;}

.home_media .list .swiper-button-prev{ opacity: 0;}
.home_media .list .swiper-button-prev:after{ display: none;}
.home_media .list .swiper-button-next{ opacity: 0;}
.home_media .list .swiper-button-next:after{ display: none;}

.home_media .list .btn-prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 50%; transform: translate(0,-50%); left: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(0 0 0/50%); opacity: 0; transition: all .2s; cursor: pointer;}
.home_media .list .btn-prev i{ position: relative; z-index: 9; font-size: 20px; color: rgba(255 255 255/60%); transition: all .2s;}
.home_media .list .btn-next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 50%; transform: translate(0,-50%); right: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(0 0 0/50%); opacity: 0; transition: all .2s; cursor: pointer;}
.home_media .list .btn-next i{ position: relative; z-index: 9; font-size: 20px; color: rgba(255 255 255/60%); transition: all .2s;}
.home_media .list .btn-prev:hover i{ color: #FFF;}
.home_media .list .btn-next:hover i{ color: #FFF;}

.home_media:hover .list .btn-prev{ opacity: 1;}
.home_media:hover .list .btn-next{ opacity: 1;}

.home_media .bg{ overflow: hidden; position: absolute; z-index: 8; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/50%); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px);}
.home_media .video{ overflow: hidden; position: fixed; z-index: 7; top: 0; right: 0; bottom: 0; left: 0;}
.home_media .video video{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%,-50%); opacity: 1; transition: all .3s;}
@media(max-width: 1601px){
    .home_media .type_row .head .sns{ margin: 20px 0 0 0;}
    .home_media .type_row .head .sns a i{ font-size: 20px;}
    .home_media .type_row .head .sns a p{ font-size: 15px;;}

    .home_media .list .btn-prev{ opacity: 1;}
    .home_media .list .btn-next{ opacity: 1;}
}
@media(max-width: 1025px){
    .home_media .type_row{ display: block;}
    .home_media .type_row .head .sns{ display: flex; align-items: center; margin: 20px 0 0 -20px;}
    .home_media .type_row .head .sns a{ margin: 0 0 0 20px; padding: 0;}
    .home_media .list{ margin: 60px 0 0 0; width: auto;}
}
@media(max-width: 767px){
    .home_media .type_row{ padding: 40px 0;}
    .home_media .type_row .head .tit .t1{ font-size: 16px;}
    .home_media .type_row .head .tit .t2{ font-size: 26px;}
    .home_media .type_row .head .sns{ margin: 20px 0 0 -15px;}
    .home_media .type_row .head .sns a{ margin: 0 0 0 15px;}
    .home_media .type_row .head .sns a p{ font-size: 14px;}
    .home_media .list{ margin: 30px 0 0 0; width: auto;}
    .home_media .list .rolling{ margin: 0 -200px;}

    .home_media .list .btn-prev{ display: none;}
    .home_media .list .btn-next{ display: none;}
}


.home_theme{ position: relative; z-index: 10; background: #FFF; padding: 100px 0;}
.home_theme .head{ display: flex; justify-content: space-between; align-items: flex-end;}
.home_theme .head .tit{}
.home_theme .head .tit .t1{ font-size: 20px; color: rgba(0 0 0/60%);}
.home_theme .head .tit .t2{ margin: 5px 0 0 0; line-height: 1; font-size: 40px; font-weight: 800; color: rgba(0 0 0/100%);}
.home_theme .head .menu{ display: flex; align-items: center;}
.home_theme .head .menu p{ margin: 0 0 0 60px; font-size: 26px; font-weight: 500; color: #999; cursor: pointer;}
.home_theme .head .menu p.on{ font-weight: 800; color: #5e2bb8;}
.home_theme .head .more{ display: flex; align-items: center; font-size: 20px; color: #666; cursor: pointer;}
.home_theme .head .more i{ margin: 0 0 0 20px; font-size: 20px; color: #666;}
.home_theme .list{ position: relative; margin: 60px 0 0 0;}
.home_theme .list .btn-prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 27%; left: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/15%); cursor: pointer;}
.home_theme .list .btn-prev i{ position: relative; z-index: 9; font-size: 20px; color: #000; transition: all .2s;}
.home_theme .list .btn-next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 27%; right: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/15%); cursor: pointer;}
.home_theme .list .btn-next i{ position: relative; z-index: 9; font-size: 20px; color: #000; transition: all .2s;}
.home_theme .list .btn-prev:hover i{ color: #5e2bb8;}
.home_theme .list .btn-next:hover i{ color: #5e2bb8;}

.home_theme .rolling{ overflow: hidden;}
.home_theme .rolling .swiper-wrapper{}
.home_theme .rolling .swiper-wrapper .swiper-slide a{ display: block; transition: all .3s;}
.home_theme .rolling .swiper-wrapper .swiper-slide a .img{ border-radius: 16px;}
.home_theme .rolling .swiper-wrapper .swiper-slide a .img img{ display: block; width: 100%;}
.home_theme .rolling .swiper-wrapper .swiper-slide a .info{ position: relative; padding: 20px 60px 0 0;}
.home_theme .rolling .swiper-wrapper .swiper-slide a .info .tag i{ margin: 0 2px 0 0; font-size: 13px; color: #ffb000;}
.home_theme .rolling .swiper-wrapper .swiper-slide a .info .t1{ margin: 0 0 0 0; font-size: 22px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: all .3s;}
.home_theme .rolling .swiper-wrapper .swiper-slide a .info .t2{ margin: 5px 0 0 0; font-size: 18px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_theme .rolling .swiper-wrapper .swiper-slide a .info .price{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 18px; font-weight: 300; color: #666;}
.home_theme .rolling .swiper-wrapper .swiper-slide a .info .price span{ padding: 0 2px 0 0; font-size: 22px; font-weight: 700; color: #F00;}
.home_theme .rolling .swiper-wrapper .swiper-slide a:hover{ transform: scale(.95);}
.home_theme .rolling .swiper-wrapper .swiper-slide a:hover .info .t1{ color: #5e2bb8;}

.home_theme .rolling .swiper-button-prev{}
.home_theme .rolling .swiper-button-prev:after{ display: none;}
.home_theme .rolling .swiper-button-next{}
.home_theme .rolling .swiper-button-next:after{ display: none;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .home_theme{ padding: 40px 0;}
    .home_theme .head .tit .t1{ font-size: 16px;}
    .home_theme .head .tit .t2{ font-size: 26px;}
    .home_theme .head .more{ font-size: 16px;}
    .home_theme .head .more i{ margin: 0 0 0 20px; font-size: 16px;}
    .home_theme .list{ margin: 30px 0 0 0;}
    .home_theme .list .btn-prev{ display: none;}
    .home_theme .list .btn-next{ display: none;}
    .home_theme .rolling{ margin: 0 -200px;}
    .home_theme .rolling .swiper-wrapper{}
    .home_theme .rolling .swiper-wrapper .swiper-slide a .info{ padding: 15px 20px 0 0;}
    .home_theme .rolling .swiper-wrapper .swiper-slide a .info .tag i{ margin: 0 2px 0 0; font-size: 13px; color: #ffb000;}
    .home_theme .rolling .swiper-wrapper .swiper-slide a .info .t1{ margin: 0; font-size: 20px;}
    .home_theme .rolling .swiper-wrapper .swiper-slide a .info .t2{ font-size: 15px;}
    .home_theme .rolling .swiper-wrapper .swiper-slide a .info .price{ font-size: 16px;}
    .home_theme .rolling .swiper-wrapper .swiper-slide a .info .price span{ font-size: 20px;}
    .home_theme .rolling .swiper-wrapper .swiper-slide a:hover{ transform: scale(1);}
}


.home_tour{ position: relative; z-index: 10; border-top: 1px solid #DDD; background: #FFF; padding: 100px 0;}
.home_tour .head{ display: flex; justify-content: space-between; align-items: flex-end;}
.home_tour .head .tit{}
.home_tour .head .tit .t1{ font-size: 20px; color: rgba(0 0 0/60%);}
.home_tour .head .tit .t2{ margin: 5px 0 0 0; line-height: 1.2; font-size: 40px; font-weight: 800; color: rgba(0 0 0/100%);}
.home_tour .head .menu{ display: flex; align-items: center;}
.home_tour .head .menu p{ margin: 0 0 0 60px; font-size: 26px; font-weight: 500; color: #999; cursor: pointer;}
.home_tour .head .menu p.on{ font-weight: 800; color: #5e2bb8;}
.home_tour .head .more{ display: flex; align-items: center; font-size: 20px; color: #666; cursor: pointer;}
.home_tour .head .more i{ margin: 0 0 0 20px; font-size: 20px; color: #666;}
.home_tour .list{ position: relative; margin: 50px 0 0 0;}
.home_tour .list .btn-prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 27%; left: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/15%); cursor: pointer;}
.home_tour .list .btn-prev i{ position: relative; z-index: 9; font-size: 20px; color: #000; transition: all .2s;}
.home_tour .list .btn-next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 27%; right: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/15%); cursor: pointer;}
.home_tour .list .btn-next i{ position: relative; z-index: 9; font-size: 20px; color: #000; transition: all .2s;}
.home_tour .list .btn-prev:hover i{ color: #5e2bb8;}
.home_tour .list .btn-next:hover i{ color: #5e2bb8;}

.home_tour .rolling{ overflow: hidden;}
.home_tour .rolling .swiper-wrapper{}
.home_tour .rolling .swiper-wrapper .swiper-slide a{ display: block; transition: all .3s;}
.home_tour .rolling .swiper-wrapper .swiper-slide a .img{ border-radius: 16px;}
.home_tour .rolling .swiper-wrapper .swiper-slide a .img img{ display: block; width: 100%;}
.home_tour .rolling .swiper-wrapper .swiper-slide a .info{ position: relative; padding: 20px 60px 0 0;}
.home_tour .rolling .swiper-wrapper .swiper-slide a .info .tag i{ margin: 0 2px 0 0; font-size: 13px; color: #ffb000;}
.home_tour .rolling .swiper-wrapper .swiper-slide a .info .t1{ margin: 0 0 0 0; font-size: 22px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: all .3s;}
.home_tour .rolling .swiper-wrapper .swiper-slide a .info .t2{ margin: 5px 0 0 0; font-size: 18px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_tour .rolling .swiper-wrapper .swiper-slide a .info .price{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 18px; font-weight: 300; color: #666;}
.home_tour .rolling .swiper-wrapper .swiper-slide a .info .price span{ padding: 0 2px 0 0; font-size: 22px; font-weight: 700; color: #5e2bb8;}
.home_tour .rolling .swiper-wrapper .swiper-slide a:hover{ transform: scale(.95);}
.home_tour .rolling .swiper-wrapper .swiper-slide a:hover .info .t1{ color: #5e2bb8;}

.home_tour .rolling .swiper-button-prev{}
.home_tour .rolling .swiper-button-prev:after{ display: none;}
.home_tour .rolling .swiper-button-next{}
.home_tour .rolling .swiper-button-next:after{ display: none;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
}


.home_foreigner{ position: relative; z-index: 10; padding: 100px 0; background: #f6f8fb;}
.home_foreigner .type_row{ display: flex; position: relative;}
.home_foreigner .head{ width: 33.333%;}
.home_foreigner .head .tit{}
.home_foreigner .head .tit .t1{ line-height: 1.4; font-size: 20px; color: rgba(0 0 0/60%);}
.home_foreigner .head .tit .t2{ margin: 10px 0 0 0; line-height: 1.2; font-size: 40px; font-weight: 800; color: rgba(0 0 0/100%);}
.home_foreigner .list{ flex: 1; width: 66.666%;}
.home_foreigner .list .rolling{ overflow: hidden;}
.home_foreigner .list .rolling .swiper-wrapper{}
.home_foreigner .list .rolling .swiper-wrapper .swiper-slide{}
.home_foreigner .list .rolling .swiper-wrapper .swiper-slide a{ display: block; position: relative; border-radius: 16px; overflow: hidden; transition: all .3s;}
.home_foreigner .list .rolling .swiper-wrapper .swiper-slide a .img{ position: relative;}
.home_foreigner .list .rolling .swiper-wrapper .swiper-slide a .img img{ display: block; width: 100%;}
.home_foreigner .list .rolling .swiper-wrapper .swiper-slide a .info{ display: flex; flex-direction: column; justify-content: flex-end; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; padding: 30px; background: linear-gradient(180deg, rgba(0 0 0/0%), rgba(0 0 0/70%));}
.home_foreigner .list .rolling .swiper-wrapper .swiper-slide a .info .t1{ min-height: 50px; line-height: 25px; font-size: 22px; font-weight: 600; color: #FFF; transition: all .3s;}
.home_foreigner .list .rolling .swiper-wrapper .swiper-slide a .info .price{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 18px; font-weight: 300; color: #FFF;}
.home_foreigner .list .rolling .swiper-wrapper .swiper-slide a .info .price span{ padding: 0 2px 0 0; font-size: 22px; font-weight: 700; color: #F00;}
.home_foreigner .list .rolling .swiper-wrapper .swiper-slide a:hover{ transform: scale(.95);}

.home_foreigner .list .btn-next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 50%; transform: translate(0,-50%); right: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/15%); cursor: pointer;}
.home_foreigner .list .btn-next i{ position: relative; z-index: 9; font-size: 20px; color: #000; transition: all .2s;}
.home_foreigner .list .btn-next:hover i{ color: #5e2bb8;}

.home_foreigner .list .rolling .swiper-button-prev{}
.home_foreigner .list .rolling .swiper-button-prev:after{ display: none;}
.home_foreigner .list .rolling .swiper-button-next{}
.home_foreigner .list .rolling .swiper-button-next:after{ display: none;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .home_foreigner{ padding: 40px 0;}
    .home_foreigner .type_row{ display: block;}
    .home_foreigner .head{ width: auto;}
    .home_foreigner .head .tit .t1{ font-size: 16px;}
    .home_foreigner .head .tit .t2{ margin: 5px 0 0 0; line-height: 1; font-size: 26px;}
    .home_foreigner .list{ margin: 30px 0 0 0; width: auto;}
    .home_foreigner .list .rolling{ margin: 0 -200px;}
    .home_foreigner .list .rolling .swiper-wrapper .swiper-slide a .info{ padding: 20px;}
    .home_foreigner .list .rolling .swiper-wrapper .swiper-slide a .info .t1{ min-height: auto; line-height: 1.2; font-size: 20px;}
    .home_foreigner .list .rolling .swiper-wrapper .swiper-slide a .info .price{ font-size: 16px;}
    .home_foreigner .list .rolling .swiper-wrapper .swiper-slide a .info .price span{ font-size: 20px;}
    .home_foreigner .list .rolling .swiper-wrapper .swiper-slide a:hover{ transform: scale(1);}
    .home_foreigner .list .btn-next{ display: none;}
}


.home_news{ position: relative; z-index: 20; padding: 100px 0; background: #FFF;}
.home_news .type_row{ display: flex; justify-content: space-between;}
.home_news .head{ display: flex; flex-direction: column; align-items: flex-start; width: 33.333%; height: 100%;}
.home_news .head .t1{ font-size: 20px; color: #666;}
.home_news .head .t2{ font-size: 40px; font-weight: 700; color: #000;}
.home_news .head .t2 span{ font-weight: 900; color: #5e2bb8;}
.home_news .head a{ display: flex; align-items: center; margin: 100px 0 0 0; font-size: 20px; color: #666;}
.home_news .head a i{ margin: 0 0 0 20px; font-size: 20px; color: #666;}
.home_news .notice{ flex: 1;}
.home_news .notice ul{}
.home_news .notice ul li{ display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #DDD;}
.home_news .notice ul li p{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 20px 0 0; line-height: 1; font-size: 15px; color: #666;}
.home_news .notice ul li p span{ padding: 0 0 5px 0; line-height: 1; font-size: 40px; font-weight: 800; color: #000;}
.home_news .notice ul li a{ flex: 1; width: 100%; font-size: 22px; font-weight: 500; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; cursor: pointer;}
.home_news .notice ul li a:hover{ font-weight: 600; color: #5e2bb8;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .home_news .type_row{ display: block;}
    .home_news .head{ position: relative; width: auto; height: auto;}
    .home_news .head a{ position: absolute; right: 0; bottom: 0; margin: 0;}
    .home_news .notice{ margin: 40px 0 0 0; border-top: 2px solid #000;}
}
@media(max-width: 767px){
    .home_news{ padding: 40px 0;}
    .home_news .head .t1{ font-size: 16px;}
    .home_news .head .t2{ margin: 5px 0 0 0; line-height: 1; font-size: 26px;}
    .home_news .head a{ margin: 0; font-size: 16px;}
    .home_news .head a i{ font-size: 16px;}
    .home_news .notice{ margin: 30px 0 0 0;}
    .home_news .notice ul li{ padding: 15px 0;}
    .home_news .notice ul li p{ margin: 0 20px 0 0; font-size: 12px;}
    .home_news .notice ul li p span{ font-size: 30px;}
    .home_news .notice ul li a{ font-size: 18px;}
}













.type_guide{}
.type_guide .type_row{ display: flex; flex-direction: row-reverse; justify-content: space-between; padding: 60px 0 60px 0;}
.type_guide ul{ display: flex; align-items: center;}
.type_guide ul li{ display: flex; align-items: center;}
.type_guide ul li p{ font-size: 16px; color: #000; letter-spacing: 0;}
.type_guide ul li i{ margin: 0 10px; font-size: 12px; color: #CCC;}
.type_guide ul li:first-child i{ margin: 0 0 2px 0; font-size: 18px; color: #000;}
.type_sub_title{ line-height: 1; font-size: 50px; font-weight: 900; color: #000;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .type_guide .type_row{ display: block;}
    .type_sub_title{ margin: 15px 0 0 0; text-align: left !important;}
}
@media(max-width: 767px){
    .type_guide .type_row{ padding: 30px 0 30px 0;}
    .type_guide ul li p{ font-size: 13px;}
    .type_guide ul li i{ margin: 0 6px; font-size: 10px;}
    .type_guide ul li:first-child i{ font-size: 15px;}
    .type_sub_title{ margin: 10px 0 0 0; font-size: 30px;}
}




.exhibitions_layout{}
.exhibitions_layout .type_row{ display: flex;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .exhibitions_layout .type_row{ display: block;}
}
@media(max-width: 767px){
}


.exhibitions_option{ margin: 0 60px 0 0; width: 320px;}
.exhibitions_option .ft{ display: flex;}
.exhibitions_option .fb{ margin: 20px 0 0 0; padding: 30px; border-radius: 8px; background: #f6f8fb;}

.exhibitions_option .search{ flex: 1; position: relative;}
.exhibitions_option .search .btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 1; top: 0; right: 0; width: 56px; height: 56px; cursor: pointer;}
.exhibitions_option .search .btn i{ font-size: 24px; color: #000;}
.exhibitions_option .search input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 56px; border-radius: 8px; border: 1px solid #DDD; background: #FFF; font-size: 16px; font-weight: 500; color: #000; outline: none; -webkit-appearance: none;}

.exhibitions_option .filter_btn{ flex: 0 0 90px; display: none; justify-content: center; align-items: center; margin: 0 0 0 10px; height: 56px; border-radius: 8px; border: 1px solid #DDD; transition: all .2s; cursor: pointer;}
.exhibitions_option .filter_btn p{ font-size: 16px; font-weight: 500; color: #000; transition: all .2s;}
.exhibitions_option .filter_btn i{ margin: 0 0 0 8px; font-size: 12px; color: #000; transition: all .2s;}
.exhibitions_option .filter_btn:hover{ background: #f6f8fb;}

.exhibitions_option .select{}
.exhibitions_option .select .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 10px 0;}
.exhibitions_option .select .head .title{ font-size: 14px; font-weight: 500; color: #000;}
.exhibitions_option .select .head .btn{ display: flex; align-items: center; cursor: pointer;}
.exhibitions_option .select .head .btn i{ margin: 0 5px 0 0; font-size: 24px; color: #000;}
.exhibitions_option .select .head .btn p{ font-size: 14px; color: #000;}
.exhibitions_option .select .head .btn:hover i{ color: #5e2bb8;}
.exhibitions_option .select .head .btn:hover p{ color: #5e2bb8;}
.exhibitions_option .select .row{ position: relative; z-index: 1; margin: 10px 0 0 0; height: 50px; cursor: pointer;}
.exhibitions_option .select .row:nth-child(2){ z-index: 2; margin: 0;}
.exhibitions_option .select .row .box{ border-radius: 8px; border: 1px solid rgba(0 0 0/15%); background: #FFF;}
.exhibitions_option .select .row .box .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 50px;}
.exhibitions_option .select .row .box .head p{ flex: 1; font-size: 16px; font-weight: 500; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.exhibitions_option .select .row .box .head i{ margin: 0 0 0 20px; width: 20px; text-align: center; font-size: 16px; color: #999; transition: all .2s;}
.exhibitions_option .select .row .box .body{ overflow: hidden; height: 0; transition: all .2s;}
.exhibitions_option .select .row .box .body ul{}
.exhibitions_option .select .row .box .body ul li{ padding: 0 15px;}
.exhibitions_option .select .row .box .body ul li a{ display: flex; align-items: center; margin: 2px 0; padding: 0 15px; height: 0; border-radius: 8px; font-size: 16px; color: #666; letter-spacing: 0; transition: all .2s;}
.exhibitions_option .select .row .box .body ul li a:hover{ background: #f5f5f5;}
.exhibitions_option .select .row .box .body ul li.on a{ background: #5e2bb8; color: #FFF; font-weight: 600;}
.exhibitions_option .select .row:hover .head i{ transform: rotate(180deg);}
.exhibitions_option .select .row:hover .body{ padding: 0 0 15px 0; height: auto;}
.exhibitions_option .select .row:hover .body ul li a{ height: 48px;}
.exhibitions_option .calendar{ margin: 30px 0 0 0;}
.exhibitions_option .calendar .title{ padding: 0 0 10px 0; font-size: 14px; font-weight: 500; color: #000;}
.exhibitions_option .calendar .btn{}
.exhibitions_option .calendar .btn ul{ display: flex; margin: 0 -2.5px;}
.exhibitions_option .calendar .btn ul li{ width: 25%;}
.exhibitions_option .calendar .btn ul li p{ display: flex; justify-content: center; align-items: center; margin: 0 2.5px; height: 50px; border-radius: 8px; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 16px; color: #333; cursor: pointer;}
.exhibitions_option .calendar .btn ul li p:hover{ border-color: #5e2bb8;}
.exhibitions_option .calendar .btn ul li.on p{ border-color: #5e2bb8; background: #5e2bb8; font-weight: 600; color: #FFF;}
.exhibitions_option .calendar .list{ display: flex; align-items: center; margin: 10px 0 0 0;}
.exhibitions_option .calendar .list .row{ width: 50%;}
.exhibitions_option .calendar .list .row .head{ display: flex; justify-content: center; align-items: center; padding: 0 10px; height: 50px; border-radius: 8px; border: 1px solid rgba(0 0 0/15%); background: #FFF; cursor: pointer;}
.exhibitions_option .calendar .list .row .head i{ margin: 0 4px 2px 0; font-size: 18px; color: #333;}
.exhibitions_option .calendar .list .row .head p{ font-size: 15px; color: #333;}
.exhibitions_option .calendar .list .row .head:hover{ border-color: #5e2bb8;}
.exhibitions_option .calendar .list > p{ width: 14px; text-align: center; font-size: 12px; color: #CCC;}
.exhibitions_option .tag{ margin: 30px 0 0 0;}
.exhibitions_option .tag .title{ padding: 0 0 5px 0; font-size: 14px; font-weight: 500; color: #000;}
.exhibitions_option .tag .list{}
.exhibitions_option .tag .list ul{ display: flex; flex-wrap: wrap;}
.exhibitions_option .tag .list ul li{ margin: 5px 5px 0 0;}
.exhibitions_option .tag .list ul li a{ display: flex; align-items: center; padding: 0 10px; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 14px; color: #333; cursor: pointer;}
.exhibitions_option .tag .list ul li a:hover{ border-color: #5e2bb8;}
.exhibitions_option .tag .list ul li.on a{ border-color: #5e2bb8; background: #5e2bb8; color: #FFF; font-weight: 500;}
@media(max-width: 1601px){
    .exhibitions_option{ margin: 0 50px 0 0;}
}
@media(max-width: 1025px){
    .exhibitions_option{ margin: 0 0 40px 0; width: auto;}
    .exhibitions_option .fb{ display: none;}
    .exhibitions_option .filter_btn{ display: flex;}
    .exhibitions_option.on .filter_btn{ border-color: #000; background: #000;}
    .exhibitions_option.on .filter_btn p{ color: #FFF;}
    .exhibitions_option.on .filter_btn i{ color: #FFF; transform: rotate(180deg);}
}
@media(max-width: 767px){
    .exhibitions_option{ margin: 0 0 30px 0;}
    .exhibitions_option .fb{ margin: 10px 0 0 0; padding: 20px;}

    .exhibitions_option .search .btn{ width: 45px; height: 45px;}
    .exhibitions_option .search .btn i{ font-size: 18px;}
    .exhibitions_option .search input{ padding: 0 45px 0 15px; height: 45px; font-size: 15px;}

    .exhibitions_option .filter_btn{ flex: 0 0 80px; margin: 0 0 0 5px; height: 45px;}
    .exhibitions_option .filter_btn p{ font-size: 15px;}
    .exhibitions_option .filter_btn i{ margin: 0 0 0 8px;}

    .exhibitions_option .select .row{ height: 45px;}
    .exhibitions_option .select .row .box{ border-radius: 8px; border: 1px solid rgba(0 0 0/15%); background: #FFF;}
    .exhibitions_option .select .row .box .head{ padding: 0 15px; height: 45px;}
    .exhibitions_option .select .row .box .head p{ font-size: 15px;}
    .exhibitions_option .select .row .box .head i{ width: 15px; font-size: 12px;}
    .exhibitions_option .select .row .box .body ul li{ padding: 0 15px;}
    .exhibitions_option .select .row .box .body ul li a{ padding: 0 15px; font-size: 15px;}
    .exhibitions_option .select .row:hover .body{ padding: 0 0 10px 0;}
    .exhibitions_option .select .row:hover .body ul li a{ height: 40px;}

    .exhibitions_option .calendar{ margin: 20px 0 0 0;}
    .exhibitions_option .calendar .btn ul li p{ height: 45px; font-size: 15px;}
    .exhibitions_option .calendar .list{ margin: 5px 0 0 0;}
    .exhibitions_option .calendar .list .row .head{ height: 45px;}
    .exhibitions_option .calendar .list .row .head i{ margin: 0 10px 2px 0; font-size: 20px;}
    .exhibitions_option .tag{ margin: 20px 0 0 0;}
    .exhibitions_option .tag .list ul li a{ padding: 0 15px;}
}


.exhibitions_list_wrap{ flex: 1; width: 100%;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
}


.exhibitions_list_info{ display: flex; justify-content: space-between; align-items: center;}
.exhibitions_list_info .all{ display: flex; align-items: center;}
.exhibitions_list_info .all p{ font-size: 22px; font-weight: 500; color: #000;}
.exhibitions_list_info .all p span{ font-weight: 700; color: #5e2bb8;}
.exhibitions_list_info .menu{}
.exhibitions_list_info .menu ul{ display: flex;}
.exhibitions_list_info .menu ul li{ margin: 0 0 0 10px;}
.exhibitions_list_info .menu ul li a{ display: flex; align-items: center; padding: 0 30px; height: 46px; border-radius: 30px; background: #f6f8fb; cursor: pointer;}
.exhibitions_list_info .menu ul li a i{ font-size: 24px; color: #000;}
.exhibitions_list_info .menu ul li a p{ margin: 1px 0 0 5px; font-size: 16px; color: #000;}
.exhibitions_list_info .menu ul li.on a{ background: #5e2bb8;}
.exhibitions_list_info .menu ul li.on a i{ color: #FFF;}
.exhibitions_list_info .menu ul li.on a p{ font-weight: 600; color: #FFF;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .exhibitions_list_info{ display: block;}
    .exhibitions_list_info .all p{ line-height: 1; font-size: 18px;}
    .exhibitions_list_info .menu{ margin: 20px 0 0 0;}
    .exhibitions_list_info .menu ul{ margin: 0 -5px;}
    .exhibitions_list_info .menu ul li{ margin: 0; width: 50%;}
    .exhibitions_list_info .menu ul li a{ justify-content: center; margin: 0 5px; padding: 0; height: 45px;}
    .exhibitions_list_info .menu ul li a i{ font-size: 20px; color: #000;}
    .exhibitions_list_info .menu ul li a p{ margin: 0 0 0 10px; font-size: 15px;}
}


.exhibitions_list{ margin: 30px 0 0 0;}
.exhibitions_list ul{ display: flex; flex-wrap: wrap; margin: -60px -15px 0 -15px;}
.exhibitions_list ul li{ margin: 60px 0 0 0; width: 50%;}
.exhibitions_list ul li a{ display: block; margin: 0 15px; transition: all .3s;}
.exhibitions_list ul li a .img{ border-radius: 16px;}
.exhibitions_list ul li a .img img{ display: block; width: 100%;}
.exhibitions_list ul li a .info{ display: flex; flex-direction: column; align-items: flex-start; position: relative; padding: 20px 80px 0 0;}
.exhibitions_list ul li a .info .res{ display: flex; align-items: center; position: absolute; z-index: 10; top: -60px; right: 20px; padding: 0 20px; height: 40px; border-radius: 20px; background: rgba(0 0 0/50%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); font-size: 16px; color: #FFF;}
.exhibitions_list ul li a .info .res.on{ background: #5e2bb8; font-weight: 600;}
.exhibitions_list ul li a .info .tag{ font-size: 16px; color: #999;}
.exhibitions_list ul li a .info .t1{ margin: 5px 0 0 0; font-size: 22px; font-weight: 700; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: all .3s;}
.exhibitions_list ul li a .info .t2{ margin: 5px 0 0 0; min-height: 50px; line-height: 25px; font-size: 18px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.exhibitions_list ul li a .info .date{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 18px; font-weight: 500; color: rgba(0 0 0/100%);}
.exhibitions_list ul li a:hover{ transform: scale(1.03);}
.exhibitions_list ul li a:hover .info .t1{ color: #5e2bb8;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .exhibitions_list{ margin: 40px 0 0 0;}
}
@media(max-width: 767px){
    .exhibitions_list{ margin: 30px 0 0 0;}
    .exhibitions_list ul{ margin: -30px 0 0 0;}
    .exhibitions_list ul li{ margin: 30px 0 0 0; width: 100%;}
    .exhibitions_list ul li:first-child{ margin-left: 0;}
    .exhibitions_list ul li a{ margin: 0;}
    .exhibitions_list ul li a .info{ padding: 15px 0 0 0;}
    .exhibitions_list ul li a .info .res{ top: -45px; right: 20px; padding: 0 15px; height: 30px; font-size: 13px;}
    .exhibitions_list ul li a .info .tag{ font-size: 15px;}
    .exhibitions_list ul li a .info .t1{ font-size: 20px;}
    .exhibitions_list ul li a .info .t2{ min-height: auto; line-height: 1.4; font-size: 15px;}
    .exhibitions_list ul li a .info .date{ font-size: 15px;}
    .exhibitions_list ul li a:hover{ transform: scale(1);}
}


.exhibitions_list_calendar{ margin: 30px 0 0 0;}
.exhibitions_list_calendar .menu{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-top: 1px solid #DDD;}
.exhibitions_list_calendar .menu .btn{ display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #DDD; background: #f6f8fb; cursor: pointer;}
.exhibitions_list_calendar .menu .btn i{ font-size: 18px; color: #666;}
.exhibitions_list_calendar .menu .btn:hover{ border-color: #5e2bb8;}
.exhibitions_list_calendar .menu .btn:hover i{ color: #5e2bb8;}
.exhibitions_list_calendar .menu p{ font-size: 40px; font-weight: 700; color: #000;}
.exhibitions_list_calendar .head{ display: flex; border-top: 2px solid #5e2bb8;}
.exhibitions_list_calendar .head p{ display: flex; align-items: center; width: 14.285%; height: 40px; border-bottom: 2px solid #000; font-size: 16px; color: #000;}
.exhibitions_list_calendar .head .sunday{ font-weight: 700; color: #5e2bb8;}
.exhibitions_list_calendar .head .saturday{ font-weight: 700; color: #2c8dfb;}
.exhibitions_list_calendar .body{ display: flex; flex-wrap: wrap;}
.exhibitions_list_calendar .body .row{ width: 14.285714%;}
.exhibitions_list_calendar .body .row .box{ padding: 20px 20px 20px 0; height: 100%; border-bottom: 1px solid #DDD;}
.exhibitions_list_calendar .body .row .date{ font-size: 22px; font-weight: 700; color: #333; opacity: 0.2;}
.exhibitions_list_calendar .body .row.sunday .date{ color: #5e2bb8;}
.exhibitions_list_calendar .body .row.saturday .date{ color: #2c8dfb;}
.exhibitions_list_calendar .body .row .date font{ display: none;}
.exhibitions_list_calendar .body .row .date span{ display: none;}
.exhibitions_list_calendar .body .row .list{ margin: 10px 0 0 0; opacity: 0.2;}
.exhibitions_list_calendar .body .row .list ul{}
.exhibitions_list_calendar .body .row .list ul li{ padding: 8px 0;}
.exhibitions_list_calendar .body .row .list ul li a{ display: block; position: relative; padding: 0 0 0 10px; line-height: 22px; font-size: 16px; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.exhibitions_list_calendar .body .row .list ul li a:before{ content: ""; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #5e2bb8;}
.exhibitions_list_calendar .body .row .list ul li a:hover{ font-weight: 600; color: #000;}
.exhibitions_list_calendar .body .row.on .date{ opacity: 1;}
.exhibitions_list_calendar .body .row.on .list{ opacity: 1;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .exhibitions_list_calendar .menu{ padding: 15px 0;}
    .exhibitions_list_calendar .menu .btn{ width: 30px; height: 30px;}
    .exhibitions_list_calendar .menu .btn i{ font-size: 12px;}
    .exhibitions_list_calendar .menu p{ font-size: 26px;}
    .exhibitions_list_calendar .head{ display: none;}
    .exhibitions_list_calendar .body{ display: block; border-top: 2px solid #5e2bb8;}
    .exhibitions_list_calendar .body .row{ width: auto;}
    .exhibitions_list_calendar .body .row .box{ padding: 15px 20px;}
    .exhibitions_list_calendar .body .row .date{ display: flex; align-items: center; font-size: 18px;}
    .exhibitions_list_calendar .body .row .date font{ display: block;}
    .exhibitions_list_calendar .body .row .date span{ display: block; padding: 0 0 0 10px; font-weight: 400;}
    .exhibitions_list_calendar .body .row .list{ margin: 5px 0 0 0;}
    .exhibitions_list_calendar .body .row .list ul li{ padding: 5px 0;}
    .exhibitions_list_calendar .body .row .list ul li a{ padding: 0 0 0 15px; line-height: 20px; font-size: 15px;}
    .exhibitions_list_calendar .body .row .list ul li a:before{ top: 8px; width: 4px; height: 4px;}
}







.cnc_detail_guide{}
.cnc_detail_guide .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 30px 0;}
.cnc_detail_guide .fl{ display: flex; align-items: center;}
.cnc_detail_guide .fl a{ font-size: 15px; color: #666;}
.cnc_detail_guide .fl a i{ margin: 0; font-size: 16px; color: #666;}
.cnc_detail_guide .fl i{ margin: 0 6px; font-size: 14px; color: #DDD;}
.cnc_detail_guide .share{ display: flex; align-items: center; padding: 0 15px; height: 32px; border-radius: 20px; border: 1px solid #DDD; cursor: pointer;}
.cnc_detail_guide .share p{ font-size: 14px; color: #666;}
.cnc_detail_guide .share i{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; font-size: 14px; color: #666;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
}


.cnc_detail_head{}
.cnc_detail_head .type_row{}
.cnc_detail_head .type_row > .ft{ display: flex; justify-content: space-between; align-items: flex-end; padding: 0 0 40px 0;}
.cnc_detail_head .type_row > .ft .ft_fl{}
.cnc_detail_head .type_row > .ft .ft_fr{ display: flex;}
.cnc_detail_head .type_row > .fb{ position: relative; padding: 40px 350px 0 0; border-top: 1px solid #000;}
.cnc_detail_head .type_row > .fb > .fl{ flex: 1;}
.cnc_detail_head .type_row > .fb > .fr{ position: absolute; top: 40px; right: 0; width: 300px;}
.cnc_detail_head .type_row > .fb > .fr.on{ position: fixed; top: 230px; right: 50%; margin: 0 -750px 0 0;}
.cnc_detail_head .type_row > .fb > .fr > .top{ display: flex; justify-content: space-between; align-items: center;}

.cnc_detail_head .rolling{ position: relative; padding: 0 260px 0 0;}
.cnc_detail_head .rolling .btn-prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 50%; transform: translate(0,-50%); left: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/15%); cursor: pointer;}
.cnc_detail_head .rolling .btn-prev i{ position: relative; z-index: 9; font-size: 20px; color: #000; transition: all .2s;}
.cnc_detail_head .rolling .btn-next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 50%; transform: translate(0,-50%); right: 235px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/15%); cursor: pointer;}
.cnc_detail_head .rolling .btn-next i{ position: relative; z-index: 9; font-size: 20px; color: #000; transition: all .2s;}
.cnc_detail_head .rolling .btn-prev:hover i{ color: #5e2bb8;}
.cnc_detail_head .rolling .btn-next:hover i{ color: #5e2bb8;}

.cnc_detail_head .rolling .max{ flex: 1; width: 100%; overflow: hidden; position: relative; border-radius: 16px 0 0 16px;}
.cnc_detail_head .rolling .max .swiper-wrapper{}
.cnc_detail_head .rolling .max .swiper-wrapper .swiper-slide{}
.cnc_detail_head .rolling .max .swiper-wrapper .swiper-slide .img{}
.cnc_detail_head .rolling .max .swiper-wrapper .swiper-slide .img img{ display: block; width: 100%;}

.cnc_detail_head .rolling .max .swiper-button-prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 50%; transform: translate(0,-50%); left: 20px; margin: 0; opacity: 0; cursor: pointer; transition: all .3s;}
.cnc_detail_head .rolling .max .swiper-button-prev:after{ font-size: 30px; color: #FFF; transition: all .2s;}
.cnc_detail_head .rolling .max .swiper-button-next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 50%; transform: translate(0,-50%); right: 20px; margin: 0; opacity: 0; cursor: pointer; transition: all .3s;}
.cnc_detail_head .rolling .max .swiper-button-next:after{ font-size: 30px; color: #FFF; transition: all .2s;}

.cnc_detail_head .rolling .min{ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; padding: 40px; width: 260px; border-radius: 0 16px 16px 0; border: 1px solid #DDD; border-left: 0;}
.cnc_detail_head .rolling .min .swiper-wrapper{}
.cnc_detail_head .rolling .min .swiper-wrapper .swiper-slide{ cursor: pointer; height: auto;}
.cnc_detail_head .rolling .min .swiper-wrapper .swiper-slide .img{ border-radius: 8px; opacity: 0.3; filter: grayscale(50%);}
.cnc_detail_head .rolling .min .swiper-wrapper .swiper-slide .img img{ display: block; width: 100%;}
.cnc_detail_head .rolling .min .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .img{ opacity: 1; filter: grayscale(0);}

.cnc_detail_head .all_price{ display: flex; justify-content: space-between; overflow: hidden; margin: 30px 0 0 0; padding: 0 0 30px 0; border-radius: 16px; border: 1px solid #DDD;}
.cnc_detail_head .all_price .row{ text-align: right; width: 25%;}
.cnc_detail_head .all_price .row .tit{ margin: 0 0 20px 0; padding: 15px 30px 15px 0; border-bottom: 1px solid #DDD; background: #f6f8fb; font-size: 16px; font-weight: 500; color: #333;}
.cnc_detail_head .all_price .row .price{ margin: 0 30px 10px 0; line-height: 1; font-size: 16px; color: #666;}
.cnc_detail_head .all_price .row .price span{ margin: 0 2px 0 0; line-height: 1; font-size: 22px; font-weight: 700; color: #000;}
.cnc_detail_head .all_price .row .txt{ margin: 0 30px 0 0; font-size: 12px; color: #999;}
.cnc_detail_head .all_price .row .txt font{ display: block;}
.cnc_detail_head .all_price .row:first-child{ text-align: left;}
.cnc_detail_head .all_price .row:first-child .tit{ padding: 15px 0 15px 30px;}
.cnc_detail_head .all_price .row:first-child .txt{ margin: 0 0 0 30px; font-size: 16px; color: #333;}

.cnc_detail_head .share{ display: flex; align-items: center;}
.cnc_detail_head .share a{ display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #DDD; cursor: pointer;}
.cnc_detail_head .share a i{ font-size: 18px; color: #000;}
.cnc_detail_head .share a:hover{ border-color: #5e2bb8;}
.cnc_detail_head .share a:hover i{ color: #5e2bb8;}

.cnc_detail_head .homepage{ display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 40px; border-radius: 20px; border: 1px solid #DDD; cursor: pointer;}
.cnc_detail_head .homepage p{ font-size: 14px; font-weight: 500; color: #000;}
.cnc_detail_head .homepage i{ margin: 0 0 0 10px; font-size: 16px; color: #000;}
.cnc_detail_head .homepage:hover{ border-color: #5e2bb8;}
.cnc_detail_head .homepage:hover p{ color: #5e2bb8;}
.cnc_detail_head .homepage:hover i{ color: #5e2bb8;}

.cnc_detail_head .tit{}
.cnc_detail_head .tit .t1{ line-height: 1.2; font-size: 18px; font-weight: 300; color: #666;}
.cnc_detail_head .tit .t2{ margin: 10px 0 0 0; line-height: 1.2; font-size: 36px; font-weight: 700; color: #000;}

.cnc_detail_head .info{ padding: 0 0 15px 0;}
.cnc_detail_head .info ul{}
.cnc_detail_head .info ul li{ display: flex; align-items: center; padding: 4px 0;}
.cnc_detail_head .info ul li .i_tit{ width: 80px; font-size: 16px; color: #666;}
.cnc_detail_head .info ul li .i_txt{ display: flex; align-items: center; flex: 1; width: 100%;}
.cnc_detail_head .info ul li .i_txt p{ font-size: 16px; font-weight: 500; color: #000;}

.cnc_detail_head .btn_date{ display: flex; justify-content: center; align-items: center; height: 45px; border-radius: 8px; border: 1px solid rgba(0 0 0/15%); cursor: pointer;}
.cnc_detail_head .btn_date p{ font-size: 16px; font-weight: 500; color: #000;}
.cnc_detail_head .btn_date i{ margin: 0 0 2px 20px; font-size: 14px; color: #000;}
.cnc_detail_head .btn_date:hover{ background: #f6f8fb;}

.cnc_detail_head .option{ padding: 15px 0;}
.cnc_detail_head .option .row{ display: flex; justify-content: space-between; align-items: center; padding: 5px 0;}
.cnc_detail_head .option .row .fl{}
.cnc_detail_head .option .row .fl .txt{ line-height: 1; font-size: 14px; color: #999;}
.cnc_detail_head .option .row .fl .price{ display: flex; align-items: flex-end; line-height: 1; font-size: 16px; color: #666;}
.cnc_detail_head .option .row .fl .price span{ margin: 2px 2px -1px 0; font-size: 22px; font-weight: 700; color: #000;}
.cnc_detail_head .option .row .btn{ overflow: hidden; display: flex; width: 140px; border-radius: 8px; border: 1px solid #DDD;}
.cnc_detail_head .option .row .btn i{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-size: 16px; color: #000; cursor: pointer;}
.cnc_detail_head .option .row .btn i:hover{ background: #f6f8fb;}
.cnc_detail_head .option .row .btn input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 10px; width: 100%; height: 40px; border-radius: 0; border: 0; background: #FFF; text-align: center; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}

.cnc_detail_head .all{ display: flex; justify-content: space-between; align-items: flex-start; padding: 20px 0; border-top: 1px solid #DDD;}
.cnc_detail_head .all .fl{ font-size: 16px; color: #999;}
.cnc_detail_head .all .fr{ text-align: right;}
.cnc_detail_head .all .fr .price{ line-height: 1; font-size: 16px; color: #666;}
.cnc_detail_head .all .fr .price span{ margin: 0 2px 0 0; font-size: 26px; font-weight: 700; color: #F00;}
.cnc_detail_head .all .fr .txt{ margin: 2px 0 0 0; font-size: 12px; color: #999;}

.cnc_detail_head .btn_option{ display: none;}

.cnc_detail_head .button{ flex: 1; display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 8px; background: #5e2bb8; cursor: pointer;}
.cnc_detail_head .button p{ font-size: 22px; font-weight: 700; color: #FFF;}
@media(max-width: 1601px){
    .cnc_detail_head .type_row > .ft{ flex-direction: column-reverse; align-items: flex-start; padding: 0 0 40px 0;}
    .cnc_detail_head .type_row > .ft .ft_fl{ margin: 30px 0 0 0;}

    .cnc_detail_head .type_row > .fb{ padding: 40px 0 0 0;}

    .cnc_detail_head .type_row > .fb > .fr{ position: fixed !important; z-index: 300; top: initial !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin: 0 !important; padding: 30px 50px; width: auto; border-radius: 20px 20px 0 0; background: #FFF; box-shadow: 0 0 20px 1px rgba(0 0 0/15%);}
    .cnc_detail_head .type_row > .fb > .fr .box_ft{ display: none;}
    .cnc_detail_head .type_row > .fb > .fr .box_fb{ display: flex;}
    .cnc_detail_head .type_row > .fb > .fr .box_fb .btn_option{ flex: 0 0 120px; display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; height: 60px; border-radius: 8px; border: 1px solid #DDD; transition: all .2s;}
    .cnc_detail_head .type_row > .fb > .fr .box_fb .btn_option p{ font-size: 18px; font-weight: 500; color: #000; transition: all .2s;}
    .cnc_detail_head .type_row > .fb > .fr .box_fb .btn_option i{ margin: 0 0 0 10px; font-size: 14px; color: #666; transition: all .2s;}
    .cnc_detail_head .type_row > .fb > .fr.open .box_ft{}
    .cnc_detail_head .type_row > .fb > .fr.open .box_fb .btn_option{ border-color: #000; background: #000;}
    .cnc_detail_head .type_row > .fb > .fr.open .box_fb .btn_option p{ color: #FFF;}
    .cnc_detail_head .type_row > .fb > .fr.open .box_fb .btn_option i{ color: #FFF; transform: rotate(180deg);}
}
@media(max-width: 1025px){
    .cnc_detail_head .rolling{ padding: 0 200px 0 0;}
    .cnc_detail_head .rolling .min{ width: 200px;}
    .cnc_detail_head .rolling .btn-next{ right: 175px;}
}
@media(max-width: 767px){
    .cnc_detail_head .type_row > .ft{ padding: 0;}
    .cnc_detail_head .type_row > .ft .ft_fr{ width: 100%;}
    .cnc_detail_head .type_row > .fb{ padding: 20px 0 0 0; border-top: 0;}
    .cnc_detail_head .homepage{ flex: 1; padding: 0;}

    .cnc_detail_head .tit .t1{ font-size: 14px;}
    .cnc_detail_head .tit .t2{ font-size: 26px;}

    .cnc_detail_head .rolling{ padding: 0 70px 0 0;}
    .cnc_detail_head .rolling .max{ border-radius: 10px 0 0 10px;}
    .cnc_detail_head .rolling .min{ padding: 10px; width: 70px; border-radius: 0 10px 10px 0; border-color: #e5e5e5;}
    .cnc_detail_head .rolling .btn-prev{ left: 10px; width: 20px; height: 20px; background: none; box-shadow: none;}
    .cnc_detail_head .rolling .btn-next{ right: 80px; width: 20px; height: 20px; background: none; box-shadow: none;}

    .cnc_detail_head .all_price{ display: block; margin: 30px 0 0 0; padding: 10px 20px 10px 20px; border-radius: 10px;}
    .cnc_detail_head .all_price .row{ display: flex; flex-wrap: wrap; text-align: left; padding: 15px 0; width: auto; border-bottom: 1px solid #e5e5e5;}
    .cnc_detail_head .all_price .row:first-child{ display: none;}
    .cnc_detail_head .all_price .row:last-child{ border-bottom: 0;}
    .cnc_detail_head .all_price .row .tit{ margin: 0; padding: 0; width: 50%; border-bottom: 0; background: none; line-height: 30px; font-size: 15px;}
    .cnc_detail_head .all_price .row .price{ margin: 0; width: 50%; text-align: right; line-height: 30px; font-size: 15px;}
    .cnc_detail_head .all_price .row .price span{ margin: 0 2px 0 0; font-size: 20px;}
    .cnc_detail_head .all_price .row .txt{ display: flex; justify-content: flex-end; margin: 0; width: 100%;}
    .cnc_detail_head .all_price .row .txt font{ padding: 0 0 0 10px;}
    .cnc_detail_head .all_price .row:first-child{ text-align: left;}
    .cnc_detail_head .all_price .row:first-child .tit{ padding: 15px 0 15px 30px;}
    .cnc_detail_head .all_price .row:first-child .txt{ margin: 0 0 0 30px; font-size: 16px; color: #333;}

    .cnc_detail_head .type_row > .fb > .fr{ padding: 15px 15px; border-radius: 10px 10px 0 0;}
    .cnc_detail_head .type_row > .fb > .fr .box_fb .btn_option{ flex: 0 0 80px; margin: 0 5px 0 0; height: 50px;}
    .cnc_detail_head .type_row > .fb > .fr .box_fb .btn_option p{ font-size: 16px;}
    .cnc_detail_head .type_row > .fb > .fr .box_fb .btn_option i{ margin: 0 0 0 8px; font-size: 12px;}

    .cnc_detail_head .button{ height: 50px;}
    .cnc_detail_head .button p{ font-size: 16px;}
}


.cnc_detail_body{ margin: 100px 0 0 0;}
.cnc_detail_body .scroll_menu{}
.cnc_detail_body .scroll_menu ul{ display: flex; align-items: flex-end; position: relative; height: 80px; border-radius: 16px 16px 0 0; border-bottom: 0; background: #f6f8fb;}
.cnc_detail_body .scroll_menu ul:after{ content: ""; position: absolute; right: -1px; bottom: 0; left: -1px; height: 2px; background: #5e2bb8;}
.cnc_detail_body .scroll_menu ul li{ width: 20%; height: 100%;}
.cnc_detail_body .scroll_menu ul li a{ display: flex; justify-content: center; align-items: center; height: 100%; cursor: pointer;}
.cnc_detail_body .scroll_menu ul li a p{ font-size: 20px; font-weight: 500; color: #000;}
.cnc_detail_body .scroll_menu ul li.on a{ position: relative; z-index: 10; margin: 0 -1px 0 -1px; border-radius: 16px 16px 0 0; border: 2px solid #5e2bb8; background: #FFF;}
.cnc_detail_body .scroll_menu ul li.on a:before{ content: ""; position: absolute; right: 0; bottom: -2px; left: 0; height: 2px; background: #FFF;}
.cnc_detail_body .scroll_menu ul li.on a p{ font-size: 20px; font-weight: 600; color: #5e2bb8;}
.cnc_detail_body .scroll_body{ margin: 80px 0 0 0;}
.cnc_detail_body .scroll_body .title{ padding: 0 0 30px 0; font-size: 26px; font-weight: 700; color: #000;}
.cnc_detail_body .scroll_body pre{ padding: 50px; border-radius: 16px; border: 1px solid rgba(0 0 0/15%); background: #; white-space: pre-line; line-height: 1.8; font-size: 17px;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .cnc_detail_body .scroll_menu{ margin: 0 -50px;}
    .cnc_detail_body .scroll_menu ul{ overflow: hidden; flex-wrap: wrap; padding: 30px 50px;  height: auto; border-radius: 0;}
    .cnc_detail_body .scroll_menu ul:after{ display: none;}
    .cnc_detail_body .scroll_menu ul li{ width: 33.333%;}
    .cnc_detail_body .scroll_menu ul li a{ height: 60px;}
    .cnc_detail_body .scroll_menu ul li a p{ font-size: 18px;}
    .cnc_detail_body .scroll_menu ul li.on a{ margin: 0; border: 0; border-radius: 10px; background: #5e2bb8;}
    .cnc_detail_body .scroll_menu ul li.on a:before{ display: none;}
    .cnc_detail_body .scroll_menu ul li.on a p{ font-size: 18px; color: #FFF;}
}
@media(max-width: 767px){
    .cnc_detail_body{ margin: 40px 0 0 0;}
    .cnc_detail_body .scroll_menu{ margin: 0 -15px;}
    .cnc_detail_body .scroll_menu ul{ padding: 15px;}
    .cnc_detail_body .scroll_menu ul li a{ height: 50px;}
    .cnc_detail_body .scroll_menu ul li a p{ font-size: 15px;}
    .cnc_detail_body .scroll_menu ul li.on a{ margin: 0; border-radius: 10px; border: 0; background: #5e2bb8;}
    .cnc_detail_body .scroll_menu ul li.on a:before{ display: none;}
    .cnc_detail_body .scroll_menu ul li.on a p{ font-size: 15px; color: #FFF;}
    .cnc_detail_body .scroll_body{ margin: 40px 0 0 0;}
    .cnc_detail_body .scroll_body .title{ padding: 0 0 15px 0; font-size: 22px;}
    .cnc_detail_body .scroll_body pre{ padding: 20px; border-radius: 10px; font-size: 15px;}
    .cnc_detail_body .scroll_body .youtube{ display: flex; align-items: flex-start; height: 200px;}
    .cnc_detail_body .scroll_body .youtube iframe{ width: 100% !important; height: 100% !important;}
    .cnc_detail_body .scroll_body #map{ height: 200px !important;}
}


.cnc_detail_condition{ padding: 0 50px; border-radius: 16px; border: 1px solid #DDD;}
.cnc_detail_condition h4{ padding: 40px 0 10px 0; font-size: 22px; font-weight: 700; color: #000;}
.cnc_detail_condition article{ padding: 60px 0; border-top: 1px solid #DDD;}
.cnc_detail_condition article:first-child{ border: 0;}
.cnc_detail_condition article h4{ padding: 0 0 30px 0;}
.cnc_detail_condition article pre{ flex: 1; width: 100%; padding: 0 !important; border: 0 !important;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .cnc_detail_condition{ padding: 0 20px; border-radius: 10px;}
    .cnc_detail_condition h4{ padding: 20px 0 10px 0; font-size: 20px;}
    .cnc_detail_condition article{ padding: 30px 0;}
    .cnc_detail_condition article h4{ padding: 0 0 20px 0;}
}


.cnc_detail_schedule{}
.cnc_detail_schedule ul{}
.cnc_detail_schedule ul li{ margin: 20px 0 0 0;}
.cnc_detail_schedule ul li:first-child{ margin: 0;}
.cnc_detail_schedule ul li .row{ display: flex; justify-content: space-between; align-items: flex-end; padding: 40px 50px; border-radius: 16px; border: 1px solid #DDD;}
.cnc_detail_schedule ul li .row .left{ flex: 1; width: 100%;}
.cnc_detail_schedule ul li .row .ft{ display: flex; align-items: center;}
.cnc_detail_schedule ul li .row .course{ display: flex; align-items: center; margin: 0 20px 0 0; padding: 1px 20px 0 0; height: 20px; border-right: 1px solid #DDD; line-height: 20px; font-size: 20px; font-weight: 600; color: #5e2bb8;}
.cnc_detail_schedule ul li .row .airline{ display: flex; align-items: center;}
.cnc_detail_schedule ul li .row .airline img{ display: block; height: 18px;}
.cnc_detail_schedule ul li .row .airline p{ margin: 0 0 0 5px; font-size: 16px; color: #333;}
.cnc_detail_schedule ul li .row .tit{ margin: 20px 0 20px 0; font-size: 22px; font-weight: 700; color: #000;}
.cnc_detail_schedule ul li .row .date{ display: flex; flex-wrap: wrap; margin: -10px 0 0 -30px;}
.cnc_detail_schedule ul li .row .date p{ margin: 10px 0 0 30px; font-size: 16px; font-weight: 500; color: #000;}
.cnc_detail_schedule ul li .row .date p font{ padding: 0 5px 0 0; font-size: 16px; color: #999;}
.cnc_detail_schedule ul li .row .date p span{ font-weight: 200; color: #999;}
.cnc_detail_schedule ul li .row .price{ display: flex; align-items: center; margin: 5px 0 0 0;}
.cnc_detail_schedule ul li .row .price font{ font-size: 18px; color: #666;}
.cnc_detail_schedule ul li .row .price p{ margin: 0 0 0 10px; font-size: 18px; color: #000;}
.cnc_detail_schedule ul li .row .price p span{ margin: 0 2px 0 0; font-size: 22px; font-weight: 700; color: #5e2bb8;}
.cnc_detail_schedule ul li .row .btn{ width: 160px;}
.cnc_detail_schedule ul li .row .btn a{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; height: 50px; border-radius: 30px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: pointer;}
.cnc_detail_schedule ul li .row .btn a p{ font-size: 18px; font-weight: 500; color: #000;}
.cnc_detail_schedule ul li .row .btn a:last-child{ border-color: #5e2bb8; background: #5e2bb8;}
.cnc_detail_schedule ul li .row .btn a:last-child p{ color: #FFF !important;}
.cnc_detail_schedule ul li .row .btn a:hover{ border-color: #5e2bb8;}
.cnc_detail_schedule ul li .row .btn a:hover p{ color: #5e2bb8;}
.cnc_detail_schedule ul li .row:hover{ background: #f6f8fb;}
.cnc_detail_schedule ul li .row:hover .tit{ color: #5e2bb8;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .cnc_detail_schedule ul li .row{ display: block;}
    .cnc_detail_schedule ul li .row .btn{ display: flex; margin: 30px -5px 0 -5px; width: auto;}
    .cnc_detail_schedule ul li .row .btn a{ margin: 0 5px; width: 100%;}
}
@media(max-width: 767px){
    .cnc_detail_schedule ul li{ margin: 15px 0 0 0;}
    .cnc_detail_schedule ul li .row{ padding: 30px; border-radius: 10px;}
    .cnc_detail_schedule ul li .row .course{ margin: 0 15px 0 0; padding: 0 15px 0 0; font-size: 15px;}
    .cnc_detail_schedule ul li .row .airline img{ height: 15px;}
    .cnc_detail_schedule ul li .row .airline p{ font-size: 15px;}
    .cnc_detail_schedule ul li .row .tit{ margin: 15px 0; font-size: 20px;}
    .cnc_detail_schedule ul li .row .date{ margin: -10px 0 0 -30px;}
    .cnc_detail_schedule ul li .row .date p{ margin: 10px 0 0 30px; font-size: 15px;}
    .cnc_detail_schedule ul li .row .date p font{ font-size: 15px;}
    .cnc_detail_schedule ul li .row .price{ margin: 10px 0 0 0;}
    .cnc_detail_schedule ul li .row .price font{ font-size: 15px; color: #999;}
    .cnc_detail_schedule ul li .row .price p{ margin: 0 0 0 10px; font-size: 15px;}
    .cnc_detail_schedule ul li .row .price p span{ font-size: 20px;}
    .cnc_detail_schedule ul li .row .btn{ margin: 15px -5px 0 -5px;}
    .cnc_detail_schedule ul li .row .btn a{ margin: 0 5px; height: 45px;}
    .cnc_detail_schedule ul li .row .btn a p{ font-size: 16px;}
}


.cnc_detail_hotel{}
.cnc_detail_hotel ul{}
.cnc_detail_hotel ul li{ margin: 20px 0 0 0;}
.cnc_detail_hotel ul li:first-child{ margin: 0;}
.cnc_detail_hotel ul li .row{ display: flex; align-items: center; padding: 50px; border-radius: 16px; border: 1px solid #DDD; cursor: pointer;}
.cnc_detail_hotel ul li .row .img{ margin: 0 50px 0 0; width: 300px; border-radius: 8px;}
.cnc_detail_hotel ul li .row .img img{ display: block; width: 100%;}
.cnc_detail_hotel ul li .row .fr{ flex: 1;}
.cnc_detail_hotel ul li .row .fr .tit{ font-size: 22px; font-weight: 700; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.cnc_detail_hotel ul li .row .fr .txt{ margin: 10px 0 0 0; font-size: 16px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.cnc_detail_hotel ul li .row .fr .info{ margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #DDD;}
.cnc_detail_hotel ul li .row .fr .info .li{ display: flex; padding: 5px 0;}
.cnc_detail_hotel ul li .row .fr .info .li .t1{ flex: 0 0 50px; line-height: 24px; font-size: 16px; color: rgba(0 0 0/80%);}
.cnc_detail_hotel ul li .row .fr .info .li .t2{ font-size: 16px; font-weight: 500; color: rgba(0 0 0/100%);}
.cnc_detail_hotel ul li .row .fr .info .li .star{ flex: 1; display: flex; align-items: center;}
.cnc_detail_hotel ul li .row .fr .info .li .star i{ font-size: 16px; color: #CCC;}
.cnc_detail_hotel ul li .row .fr .info .li .star i.on{ color: #ffb000;}
.cnc_detail_hotel ul li .row .fr .info .li .star p{ margin: 0 0 0 5px; font-size: 16px; color: #000;}
.cnc_detail_hotel ul li .row:hover{ background: #f6f8fb;}
.cnc_detail_hotel ul li .row:hover .fr .tit{ color: #5e2bb8;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .cnc_detail_hotel ul li .row{ display: block;}
    .cnc_detail_hotel ul li .row .img{ margin: 0 0 30px 0; width: auto;}
}
@media(max-width: 767px){
    .cnc_detail_hotel ul li{ margin: 15px 0 0 0;}
    .cnc_detail_hotel ul li .row{ padding: 30px; border-radius: 10px;}
    .cnc_detail_hotel ul li .row .img{ margin: 0 0 20px 0;}
    .cnc_detail_hotel ul li .row .fr .tit{ font-size: 20px;}
    .cnc_detail_hotel ul li .row .fr .txt{ font-size: 15px;}
    .cnc_detail_hotel ul li .row .fr .info{ margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #DDD;}
    .cnc_detail_hotel ul li .row .fr .info .li .t1{ flex: 0 0 40px; font-size: 15px;}
    .cnc_detail_hotel ul li .row .fr .info .li .t2{ font-size: 15px;}
    .cnc_detail_hotel ul li .row .fr .info .li .star i{ font-size: 15px;}
    .cnc_detail_hotel ul li .row .fr .info .li .star p{ font-size: 15px;}
}


.popup_cnc_detail_schedule{ display: none; justify-content: center; position: fixed; z-index: 400; top: 0; right: 0; bottom: 0; left: 0; padding: 50px; background: rgba(0 0 0/70%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.popup_cnc_detail_schedule > .close{ position: fixed; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.000001%);}
.popup_cnc_detail_schedule .popup_type_row{ position: relative; z-index: 20; max-width: 1200px; width: 100%; border-radius: 16px; background: #FFF;}
.popup_cnc_detail_schedule .popup_type_row .close{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: -20px; right: -20px; width: 40px; height: 40px; border-radius: 50%; background: #F00; font-size: 16px; color: #FFF; cursor: pointer;}
.popup_cnc_detail_schedule .popup_type_row .hidden{ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 16px;}
.popup_cnc_detail_schedule .popup_type_row .scroll{ overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 60px;}

.popup_cnc_detail_schedule .head{ display: flex; justify-content: space-between; align-items: center;}
.popup_cnc_detail_schedule .head .fl{ display: flex; align-items: center;}
.popup_cnc_detail_schedule .head .fl img{ display: block; margin: 0 20px 0 0; height: 60px;}
.popup_cnc_detail_schedule .head .fl .txt{}
.popup_cnc_detail_schedule .head .fl .txt p{ display: flex; align-items: center;}
.popup_cnc_detail_schedule .head .fl .txt p:first-child{ padding: 0 0 5px 0;}
.popup_cnc_detail_schedule .head .fl .txt p font{ flex: 0 0 35px; display: flex; align-items: center; margin: 0 10px 0 0; padding: 0 10px 0 0; height: 12px; border-right: 1px solid #DDD; font-size: 13px; color: #666;}
.popup_cnc_detail_schedule .head .fl .txt p span{ flex: 1; font-size: 13px; font-weight: 500; color: #000;}
.popup_cnc_detail_schedule .head .fr{}
.popup_cnc_detail_schedule .head .fr p{ display: flex; align-items: center; font-size: 14px; color: #666;}
.popup_cnc_detail_schedule .head .fr p span{ display: block; margin: 0 10px; width: 1px; height: 12px; background: #CCC;}
.popup_cnc_detail_schedule .menu{ margin: 50px -60px 0 -60px; padding: 40px 50px; background: #f6f8fb;}
.popup_cnc_detail_schedule .menu ul{ display: flex; margin: 0 -5px;}
.popup_cnc_detail_schedule .menu ul li{ width: 25%;}
.popup_cnc_detail_schedule .menu ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; height: 50px; border-radius: 8px; border: 1px solid rgba(0 0 0/15%); background: #FFF; cursor: pointer;}
.popup_cnc_detail_schedule .menu ul li:last-child a{ border-color: #5e2bb8 !important; background: #5e2bb8 !important; color: #FFF !important;}
.popup_cnc_detail_schedule .menu ul li a:hover{ border-color: #5e2bb8; color: #5e2bb8;}
.popup_cnc_detail_schedule .body{ margin: 50px 0 0 0;}
.popup_cnc_detail_schedule .body .b_head{ display: flex; justify-content: space-between; align-items: flex-end; padding: 0 0 30px 0; border-bottom: 2px solid #5e2bb8;}
.popup_cnc_detail_schedule .body .b_head .fl{}
.popup_cnc_detail_schedule .body .b_head .fl .t1{ font-size: 30px; font-weight: 700; color: #000;}
.popup_cnc_detail_schedule .body .b_head .fl .t2{ font-size: 16px; color: #666;}
.popup_cnc_detail_schedule .body .b_head .fl .t2 span{ font-weight: 400; color: #5e2bb8;}
.popup_cnc_detail_schedule .body .b_head .share{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(0 0 0/15%); cursor: pointer;}
.popup_cnc_detail_schedule .body .b_head .share i{ font-size: 16px; color: #000;}
.popup_cnc_detail_schedule .body .b_head .share:hover{ border-color: #5e2bb8; background: #5e2bb8;}
.popup_cnc_detail_schedule .body .b_head .share:hover i{ color: #FFF;}
.popup_cnc_detail_schedule .body .list{}
.popup_cnc_detail_schedule .body .list ul{}
.popup_cnc_detail_schedule .body .list ul li{ display: flex; align-items: flex-start; padding: 40px 0; border-bottom: 1px solid #DDD;}
.popup_cnc_detail_schedule .body .list ul li:last-child{ border: 0;}
.popup_cnc_detail_schedule .body .list ul li .fl{ flex: 0 0 400px; margin: 0 40px 0 0; width: 360px;}
.popup_cnc_detail_schedule .body .list ul li .fl img{ display: block; margin: 0 0 10px 0; width: 100%; border-radius: 8px;}
.popup_cnc_detail_schedule .body .list ul li .fl p{ text-align: center; font-size: 16px; color: #000;}
.popup_cnc_detail_schedule .body .list ul li .fr{ flex: 1;}
.popup_cnc_detail_schedule .body .list ul li .fr h2{ font-size: 30px; font-weight: 400; color: #333;}
.popup_cnc_detail_schedule .body .list ul li .fr h2 b{ font-weight: 700; color: #5e2bb8;}
.popup_cnc_detail_schedule .body .list ul li .fr .tag{ display: flex; align-items: center; margin: 10px 0 0 0;}
.popup_cnc_detail_schedule .body .list ul li .fr .tag div{ display: flex; align-items: center; padding: 0 20px; border-radius: 20px; height: 35px; border: 1px solid #DDD;}
.popup_cnc_detail_schedule .body .list ul li .fr .tag div p{ font-size: 16px; color: #333;}
.popup_cnc_detail_schedule .body .list ul li .fr .tag i{ margin: 0 10px; font-size: 14px; color: #000;}
.popup_cnc_detail_schedule .body .list ul li .fr pre{ margin: 20px 0 0 0; white-space: pre-line; line-height: 1.8; font-size: 16px;}
.popup_cnc_detail_schedule.on{ display: flex;}

.popup_cnc_detail_schedule .popup_type_row .scroll::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
.popup_cnc_detail_schedule .popup_type_row .scroll::-moz-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
.popup_cnc_detail_schedule .popup_type_row .scroll::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
.popup_cnc_detail_schedule .popup_type_row .scroll::-ms-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
.popup_cnc_detail_schedule .popup_type_row .scroll::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
.popup_cnc_detail_schedule .popup_type_row .scroll::-webkit-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .popup_cnc_detail_schedule .head{ display: block;}
    .popup_cnc_detail_schedule .head .fl{ display: block;}
    .popup_cnc_detail_schedule .head .fl .txt{ margin: 20px 0 0 0;}
    .popup_cnc_detail_schedule .head .fr{ margin: 20px 0 0 0;}
    .popup_cnc_detail_schedule .body .list ul li{ display: block;}
    .popup_cnc_detail_schedule .body .list ul li .fl{ margin: 0 0 30px 0; width: auto;}
}
@media(max-width: 767px){
    .popup_cnc_detail_schedule{ padding: 30px 15px;}
    .popup_cnc_detail_schedule .popup_type_row{ border-radius: 10px;}
    .popup_cnc_detail_schedule .popup_type_row .close{ top: -10px; right: -10px; width: 30px; height: 30px; font-size: 12px;}
    .popup_cnc_detail_schedule .popup_type_row .hidden{ border-radius: 10px;}
    .popup_cnc_detail_schedule .popup_type_row .scroll{ padding: 20px;}

    .popup_cnc_detail_schedule .head .fl img{ margin: 0; height: 40px;}
    .popup_cnc_detail_schedule .menu{ margin: 20px -20px 0 -20px; padding: 20px 20px;}
    .popup_cnc_detail_schedule .menu ul{ flex-wrap: wrap; margin: -5px -2.5px 0 -2.5px;}
    .popup_cnc_detail_schedule .menu ul li{ margin: 5px 0 0 0; width: 50%;}
    .popup_cnc_detail_schedule .menu ul li a{ margin: 0 2.5px; height: 45px;}
    .popup_cnc_detail_schedule .body{ margin: 30px 0 0 0;}
    .popup_cnc_detail_schedule .body .b_head{ flex-direction: column-reverse; align-items: center; padding: 0; border-bottom: 0;}
    .popup_cnc_detail_schedule .body .b_head .fl{ width: 100%;}
    .popup_cnc_detail_schedule .body .b_head .fl .t1{ margin: 20px 0 0 0; line-height: 1.2; font-size: 22px;}
    .popup_cnc_detail_schedule .body .b_head .fl .t2{ margin: 10px 0 0 0; line-height: 1.2; font-size: 15px;}
    .popup_cnc_detail_schedule .body .b_head .share{ margin: 0 auto;}
    .popup_cnc_detail_schedule .body .list ul li{ padding: 30px 0; border-bottom: 1px solid #DDD;}
    .popup_cnc_detail_schedule .body .list ul li:last-child{ border: 0;}
    .popup_cnc_detail_schedule .body .list ul li .fl{ margin: 0 0 20px 0;}
    .popup_cnc_detail_schedule .body .list ul li .fl img{ margin: 0 0 10px 0;}
    .popup_cnc_detail_schedule .body .list ul li .fl p{ margin: 15px 0 0 0; text-align: left; font-size: 15px;}
    .popup_cnc_detail_schedule .body .list ul li .fr h2{ font-size: 22px;}
    .popup_cnc_detail_schedule .body .list ul li .fr .tag div{ padding: 0 15px; height: 30px;}
    .popup_cnc_detail_schedule .body .list ul li .fr .tag div p{ font-size: 13px;}
    .popup_cnc_detail_schedule .body .list ul li .fr pre{ font-size: 15px;}
}


.popup_cnc_detail_hotel{ display: none; justify-content: center; position: fixed; z-index: 400; top: 0; right: 0; bottom: 0; left: 0; padding: 50px; background: rgba(0 0 0/70%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.popup_cnc_detail_hotel > .close{ position: fixed; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.000001%);}
.popup_cnc_detail_hotel .popup_type_row{ position: relative; z-index: 20; max-width: 1200px; width: 100%; border-radius: 16px; background: #FFF;}
.popup_cnc_detail_hotel .popup_type_row .close{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: -20px; right: -20px; width: 40px; height: 40px; border-radius: 50%; background: #F00; font-size: 16px; color: #FFF; cursor: pointer;}
.popup_cnc_detail_hotel .popup_type_row .hidden{ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 16px;}
.popup_cnc_detail_hotel .popup_type_row .scroll{ overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 60px;}
.popup_cnc_detail_hotel .top{}
.popup_cnc_detail_hotel .top .tit{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.popup_cnc_detail_hotel .middle{ display: flex; align-items: center; margin: 40px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #DDD;}
.popup_cnc_detail_hotel .middle .rolling{ overflow: hidden; position: relative; width: 50%;}
.popup_cnc_detail_hotel .middle .rolling .swiper-slide{}
.popup_cnc_detail_hotel .middle .rolling .swiper-slide .img{ display: block;}
.popup_cnc_detail_hotel .middle .rolling .swiper-slide .img img{ display: block; width: 100%;}
.popup_cnc_detail_hotel .middle .rolling .swiper-button-next{ color: #FFF;}
.popup_cnc_detail_hotel .middle .rolling .swiper-button-next:after{ font-size: 30px;}
.popup_cnc_detail_hotel .middle .rolling .swiper-button-prev{ color: #FFF;}
.popup_cnc_detail_hotel .middle .rolling .swiper-button-prev:after{ font-size: 30px;}
.popup_cnc_detail_hotel .middle .fr{ padding: 0 0 0 50px; width: 50%;}
.popup_cnc_detail_hotel .middle .txt{ margin: 10px 0 0 0; font-size: 16px; color: #666;}
.popup_cnc_detail_hotel .middle .info{ margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #DDD;}
.popup_cnc_detail_hotel .middle .info .li{ display: flex; padding: 5px 0;}
.popup_cnc_detail_hotel .middle .info .li .t1{ flex: 0 0 50px; line-height: 24px; font-size: 16px; color: rgba(0 0 0/80%);}
.popup_cnc_detail_hotel .middle .info .li .t2{ font-size: 16px; font-weight: 500; color: rgba(0 0 0/100%);}
.popup_cnc_detail_hotel .middle .info .li .star{ flex: 1; display: flex; align-items: center;}
.popup_cnc_detail_hotel .middle .info .li .star i{ font-size: 16px; color: #CCC;}
.popup_cnc_detail_hotel .middle .info .li .star i.on{ color: #ffb000;}
.popup_cnc_detail_hotel .middle .info .li .star p{ margin: 0 0 0 5px; font-size: 16px; color: #000;}
.popup_cnc_detail_hotel .bottom{ margin: 40px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #DDD;}
.popup_cnc_detail_hotel .bottom .tit{ margin: 40px 0 20px 0; font-size: 26px; font-weight: 700; color: #000;}
.popup_cnc_detail_hotel .bottom .txt{}
.popup_cnc_detail_hotel .bottom .txt p{ position: relative; padding: 10px 0 0 15px; line-height: 1.5; font-size: 16px; color: #000;}
.popup_cnc_detail_hotel .bottom .txt p:before{ content: ""; position: absolute; top: 22px; left: 0; width: 5px; height: 1px; background: #999;}
.popup_cnc_detail_hotel.on{ display: flex;}
.popup_cnc_detail_hotel .popup_type_row .scroll::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
.popup_cnc_detail_hotel .popup_type_row .scroll::-moz-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
.popup_cnc_detail_hotel .popup_type_row .scroll::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
.popup_cnc_detail_hotel .popup_type_row .scroll::-ms-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
.popup_cnc_detail_hotel .popup_type_row .scroll::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
.popup_cnc_detail_hotel .popup_type_row .scroll::-webkit-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .popup_cnc_detail_hotel .middle{ display: block;}
    .popup_cnc_detail_hotel .middle .rolling{ width: auto;}
    .popup_cnc_detail_hotel .middle .fr{ padding: 30px 0 0 0; width: auto;}
}
@media(max-width: 767px){
    .popup_cnc_detail_hotel{ padding: 30px 15px;}
    .popup_cnc_detail_hotel .popup_type_row{ border-radius: 10px;}
    .popup_cnc_detail_hotel .popup_type_row .close{ top: -10px; right: -10px; width: 30px; height: 30px; font-size: 12px;}
    .popup_cnc_detail_hotel .popup_type_row .hidden{ border-radius: 10px;}
    .popup_cnc_detail_hotel .popup_type_row .scroll{ padding: 20px 20px 30px 20px;}
    .popup_cnc_detail_hotel .top .tit{ font-size: 22px;}
    .popup_cnc_detail_hotel .middle{ margin: 20px 0 0 0; padding: 20px 0 0 0;}
    .popup_cnc_detail_hotel .middle .fr{ padding: 20px 0 0 0;}
    .popup_cnc_detail_hotel .middle .txt{ margin: 0; line-height: 1.8; font-size: 15px;}
    .popup_cnc_detail_hotel .middle .info{ margin: 20px 0 0 0; padding: 20px 0 0 0;}
    .popup_cnc_detail_hotel .middle .info .li .t1{ flex: 0 0 40px; font-size: 15px;}
    .popup_cnc_detail_hotel .middle .info .li .t2{ font-size: 15px;}
    .popup_cnc_detail_hotel .middle .info .li .star i{ font-size: 15px;}
    .popup_cnc_detail_hotel .middle .info .li .star p{ font-size: 15px;}
    .popup_cnc_detail_hotel .bottom{ margin: 20px 0 0 0; padding: 20px 0 0 0;}
    .popup_cnc_detail_hotel .bottom .tit{ margin: 20px 0 10px 0; font-size: 22px;}
    .popup_cnc_detail_hotel .bottom .txt p{ font-size: 15px;}
    .popup_cnc_detail_hotel .bottom .txt p:before{ top: 20px;}
}


.cnc_reservation{}
.cnc_reservation .text{ font-size: 26px; font-weight: 500; color: #000; letter-spacing: -1px;}
.cnc_reservation .item{ overflow: hidden; display: flex; margin: 40px 0 0 0; border-radius: 16px;}
.cnc_reservation .item .img{ width: 260px;}
.cnc_reservation .item .img img{ display: block; width: 100%;}
.cnc_reservation .item .info{ flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 45px 50px 50px 50px; border-radius: 0 16px 16px 0; border: 1px solid #DDD; border-left: 0;}
.cnc_reservation .item .info .tit{ line-height: 1.2; font-size: 26px; font-weight: 700; color: #000;}
.cnc_reservation .item .info .txt{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 16px; color: #666;}
.cnc_reservation .item .info .txt span{ padding: 0 0 0 10px; font-weight: 500; color: #000;}

.cnc_reservation .terms{ margin: 60px 0 0 0;}
.cnc_reservation .terms .all_btn{ display: flex; align-items: center; padding: 0 0 20px 0; border-bottom: 2px solid #000; cursor: pointer;}
.cnc_reservation .terms .all_btn i{ display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #CCC; font-size: 14px; color: #CCC;}
.cnc_reservation .terms .all_btn p{ font-size: 26px; font-weight: 700; color: #000;}
.cnc_reservation .terms .all_btn p span{ padding: 0 0 0 10px; font-size: 16px; font-weight: 400; color: #666;}
.cnc_reservation .terms .all_btn.on i{ border-color: #5e2bb8; background: #5e2bb8; color: #FFF;}
.cnc_reservation .terms .list{ padding: 20px 0; border-bottom: 1px solid #DDD;}
.cnc_reservation .terms .list ul{}
.cnc_reservation .terms .list ul li{ display: flex; justify-content: space-between; align-items: center; padding: 10px 30px;}
.cnc_reservation .terms .list ul li .check{ display: flex; align-items: center; cursor: pointer;}
.cnc_reservation .terms .list ul li .check i{ display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #CCC; background: #FFF; font-size: 12px; color: #CCC;}
.cnc_reservation .terms .list ul li .check p{ font-size: 18px; font-weight: 400; color: #000;}
.cnc_reservation .terms .list ul li .check.on i{ border-color: #5e2bb8; background: #5e2bb8; color: #FFF;}
.cnc_reservation .terms .list ul li .btn{ display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 40px; border-radius: 40px; border: 1px solid #DDD; background: #FFF; font-size: 14px; color: #000; cursor: pointer;}
.cnc_reservation .terms .list ul li .btn:hover{ border-color: #5e2bb8; color: #5e2bb8;}
.cnc_reservation .terms .list ul li:hover{ background: #f6f8fb;}

.cnc_reservation .touer_info{ margin: 60px 0 0 0;}
.cnc_reservation .touer_info .head{ padding: 0 0 20px 0; border-bottom: 2px solid #000; font-size: 26px; font-weight: 700; color: #000;}
.cnc_reservation .touer_info .body{}
.cnc_reservation .touer_info .body table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.cnc_reservation .touer_info .body table tbody{}
.cnc_reservation .touer_info .body table tbody tr{ border-bottom: 1px solid #DDD;}
.cnc_reservation .touer_info .body table tbody tr th{ border-right: 1px solid #DDD; background: #f6f8fb; padding: 30px 10px; font-size: 16px; font-weight: 500; color: #000;}
.cnc_reservation .touer_info .body table tbody tr td{ padding: 30px; font-size: 16px; color: #333;}
.cnc_reservation .touer_info .body table tbody tr td .airline{ display: flex; align-items: center;}
.cnc_reservation .touer_info .body table tbody tr td .airline img{ display: block; margin: 0 5px 0 0; height: 20px;}
.cnc_reservation .touer_info .body table tbody tr td dl{ display: flex; align-items: center;}
.cnc_reservation .touer_info .body table tbody tr td dl dt{ margin: 0 10px 0 0; color: #666;}
.cnc_reservation .touer_info .body table tbody tr td dl dd{ font-weight: 500; color: #000;}
.cnc_reservation .touer_info .body table tbody tr td i{ margin: 0 20px;}

.cnc_reservation .touer_price{ margin: 60px 0 0 0;}
.cnc_reservation .touer_price .head{ padding: 0 0 20px 0; border-bottom: 2px solid #000; font-size: 26px; font-weight: 700; color: #000;}
.cnc_reservation .touer_price .body{ display: flex; border-bottom: 1px solid #DDD;}
.cnc_reservation .touer_price .body .row{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 0; width: 25%; border-left: 1px solid #DDD;}
.cnc_reservation .touer_price .body .row:first-child{ border-left: 0;}
.cnc_reservation .touer_price .body .row .txt{ text-align: center; font-size: 16px; font-weight: 600; color: #000;}
.cnc_reservation .touer_price .body .row .txt span{ font-weight: 400; font-size: 14px; color: #666;}
.cnc_reservation .touer_price .body .row .btn{ overflow: hidden; display: flex; margin: 10px 0 0 0; width: 160px; border-radius: 8px; border: 1px solid #DDD;}
.cnc_reservation .touer_price .body .row .btn i{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-size: 16px; color: #000; cursor: pointer;}
.cnc_reservation .touer_price .body .row .btn i:hover{ background: #f6f8fb;}
.cnc_reservation .touer_price .body .row .btn input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 10px; width: 100%; height: 40px; border-radius: 0; border: 0; background: #FFF; text-align: center; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.cnc_reservation .touer_price .body .row .price{ margin: 10px 0 0 0; font-size: 18px; color: #666;}
.cnc_reservation .touer_price .body .row .price span{ margin: 0 2px 1px 0; font-size: 22px; font-weight: 700; color: #000;}
.cnc_reservation .touer_price .body .row.all{ background: #f6f8fb;}
.cnc_reservation .touer_price .body .row.all .txt{ font-size: 20px;}
.cnc_reservation .touer_price .body .row.all .price{ font-size: 20px;}
.cnc_reservation .touer_price .body .row.all .price span{ font-size: 30px; color: #5e2bb8;}

.cnc_reservation .touer_txt{ margin: 60px 0 0 0;}
.cnc_reservation .touer_txt .head{ padding: 0 0 20px 0; font-size: 26px; font-weight: 700; color: #000;}
.cnc_reservation .touer_txt textarea{ display: flex; align-items: center; margin: 0 0 20px 0; padding: 20px 20px; width: 100%; height: 200px; border-radius: 8px; border: 1px solid #DDD; background: #FFF; font-size: 15px; color: #000; outline: none; -webkit-appearance: none;}
.cnc_reservation .touer_txt textarea:focus{ border: 1px solid #5e2bb8;}
.cnc_reservation .touer_txt .tit{ margin: 40px 0 0 0; font-size: 22px; font-weight: 600; color: #000;}
.cnc_reservation .touer_txt .txt{ margin: 10px 0 0 0;}
.cnc_reservation .touer_txt .txt ul{}
.cnc_reservation .touer_txt .txt ul li{ position: relative; padding: 5px 0 5px 10px; font-size: 16px; color: #000;}
.cnc_reservation .touer_txt .txt ul li span{ padding: 0 2px 0 0; font-weight: 600;}
.cnc_reservation .touer_txt .txt ul li br{ display: none;}
.cnc_reservation .touer_txt .txt ul li:before{ content: ""; position: absolute; top: 14px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #999;}
.cnc_reservation .touer_txt .box{ margin: 30px 0 0 0; padding: 30px 40px; border-radius: 8px; background: #f6f8fb;}
.cnc_reservation .touer_txt .box .txt{ margin: 0;}

.cnc_reservation .touer_ok{ display: flex; flex-direction: column; align-items: center; padding: 60px; border-radius: 8px; background: #f4f7fb; text-align: center;}
.cnc_reservation .touer_ok img{ display: block; height: 100px;}
.cnc_reservation .touer_ok .tit{ margin: 30px 0 0 0; font-size: 26px; font-weight: 700; color: #000;}
.cnc_reservation .touer_ok .tit br{ display: none;}
.cnc_reservation .touer_ok .txt{ margin: 15px 0 0 0; font-size: 16px; color: #333;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .cnc_reservation .touer_price .body .row .btn{ width: 120px;}
}
@media(max-width: 767px){
    .cnc_reservation .text{ font-size: 15px;}
    .cnc_reservation .item{ display: block; margin: 20px 0 0 0; border-radius: 10px;}
    .cnc_reservation .item .img{ width: auto;}
    .cnc_reservation .item .info{ padding: 20px; border-radius: 0 0 10px 10px; border: 1px solid #DDD !important; border-top: 0 !important;}
    .cnc_reservation .item .info .tit{ font-size: 22px;}
    .cnc_reservation .item .info .txt{ font-size: 14px;}

    .cnc_reservation .terms{ margin: 40px 0 0 0;}
    .cnc_reservation .terms .all_btn{ align-items: flex-start; padding: 0 0 15px 0;}
    .cnc_reservation .terms .all_btn i{ width: 24px; height: 24px; font-size: 12px;}
    .cnc_reservation .terms .all_btn p{ line-height: 24px; font-size: 22px;}
    .cnc_reservation .terms .all_btn p span{ display: block; padding: 0; font-size: 15px;}
    .cnc_reservation .terms .list{ padding: 10px 0;}
    .cnc_reservation .terms .list ul li{ padding: 5px 0;}
    .cnc_reservation .terms .list ul li .check p{ font-size: 16px;}
    .cnc_reservation .terms .list ul li .btn{ padding: 0 15px; height: 35px; font-size: 13px;}

    .cnc_reservation .touer_info{ margin: 40px 0 0 0;}
    .cnc_reservation .touer_info .head{ padding: 0 0 15px 0; font-size: 22px;}
    .cnc_reservation .touer_info .body table tbody tr th{ width: 80px; padding: 20px 5px; font-size: 15px;}
    .cnc_reservation .touer_info .body table tbody tr td{ padding: 20px 10px; font-size: 15px;}
    .cnc_reservation .touer_info .body table tbody tr td dl{ display: block; padding: 0 0 15px 0; border-bottom: 1px solid #DDD;}
    .cnc_reservation .touer_info .body table tbody tr td dl:last-child{ padding: 0; border-bottom: 0;}
    .cnc_reservation .touer_info .body table tbody tr td dl dt{ margin: 10px 0 0 0;}
    .cnc_reservation .touer_info .body table tbody tr td dl:first-child dt:first-child{ margin: 0;}
    .cnc_reservation .touer_info .body table tbody tr td dl dd{}
    .cnc_reservation .touer_info .body table tbody tr td i{ margin: 0 5px 0 0;}

    .cnc_reservation .touer_price{ margin: 40px 0 0 0;}
    .cnc_reservation .touer_price .head{ padding: 0 0 15px 0; font-size: 22px;}
    .cnc_reservation .touer_price .body{ display: block;}
    .cnc_reservation .touer_price .body .row{ display: flex; flex-direction: initial; flex-wrap: wrap; padding: 20px 0; width: auto; border-left: 0; border-bottom: 1px solid #DDD;}
    .cnc_reservation .touer_price .body .row:last-child{ border-bottom: 0;}
    .cnc_reservation .touer_price .body .row .txt{ display: flex; justify-content: flex-start; align-items: center; margin: 0 0 10px 0; width: 100%; text-align: left; line-height: 1; font-size: 17px;}
    .cnc_reservation .touer_price .body .row .txt span{ padding: 0 0 1px 5px; font-size: 14px;}
    .cnc_reservation .touer_price .body .row .btn{ flex: 1; margin: 0;}
    .cnc_reservation .touer_price .body .row .btn i{ font-size: 15px;}
    .cnc_reservation .touer_price .body .row .btn input{ font-size: 15px;}
    .cnc_reservation .touer_price .body .row .price{ margin: 0; flex: 0 0 150px; text-align: right; line-height: 40px;}
    .cnc_reservation .touer_price .body .row.all{ flex-wrap: initial; justify-content: space-between; padding: 15px 0; background: #FFF;}
    .cnc_reservation .touer_price .body .row.all .txt{ margin: 0; width: auto; font-size: 18px;}
    .cnc_reservation .touer_price .body .row.all .price{ width: auto; font-size: 18px;}
    .cnc_reservation .touer_price .body .row.all .price span{ font-size: 26px;}

    .cnc_reservation .touer_txt{ margin: 40px 0 0 0;}
    .cnc_reservation .touer_txt .head{ padding: 0 0 15px 0; font-size: 22px;}
    .cnc_reservation .touer_txt textarea{ margin: 0 0 15px 0; padding: 15px; height: 140px;}
    .cnc_reservation .touer_txt .tit{ margin: 40px 0 0 0; font-size: 22px; font-weight: 700;}
    .cnc_reservation .touer_txt .txt{ margin: 10px 0 0 0;}
    .cnc_reservation .touer_txt .txt ul li{ font-size: 15px;}
    .cnc_reservation .touer_txt .box{ margin: 40px 0 0 0; padding: 20px;}

    .cnc_reservation .touer_ok{ padding: 40px 20px;}
    .cnc_reservation .touer_ok img{ height: 50px;}
    .cnc_reservation .touer_ok .tit{ margin: 20px 0 0 0; line-height: 1.2; font-size: 22px;}
    .cnc_reservation .touer_ok .tit br{ display: block;}
    .cnc_reservation .touer_ok .txt{ margin: 10px 0 0 0; font-size: 15px;}
}


.exhibition_hall{}
.exhibition_hall ul{ display: flex; flex-wrap: wrap; margin: -30px -15px 0 -15px;}
.exhibition_hall ul li{ margin: 30px 0 0 0; width: 33.333%;}
.exhibition_hall ul li .row{ margin: 0 15px;}
.exhibition_hall ul li .row .logo{ display: flex; justify-content: center; align-items: center; height: 120px; border-radius: 8px 8px 0 0; border: 1px solid rgba(0 0 0/10%); background: #f6f8fb;}
.exhibition_hall ul li .row .logo img{ display: block; max-width: 200px; max-height: 80px;}
.exhibition_hall ul li .row .info{ padding: 30px; border-radius: 0 0 8px 8px; border: 1px solid #DDD; border-top: 0;}
.exhibition_hall ul li .row .info .tit{ display: flex; justify-content: space-between; align-items: center;}
.exhibition_hall ul li .row .info .tit > p{ flex: 1; font-size: 26px; font-weight: 700;}
.exhibition_hall ul li .row .info .tit a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 30px; width: 120px; height: 40px; border-radius: 8px; border: 1px solid #DDD;}
.exhibition_hall ul li .row .info .tit a p{ font-size: 15px; font-weight: 400; color: #000;}
.exhibition_hall ul li .row .info .tit a i{ margin: 0 0 0 10px; font-size: 16px; color: #000;}
.exhibition_hall ul li .row .info .tit a:hover{ background: #f6f8fb;}
.exhibition_hall ul li .row .info .txt{ padding: 15px 0 0 0;}
.exhibition_hall ul li .row .info .txt .t_row{ display: flex; padding: 5px 0 0 0;}
.exhibition_hall ul li .row .info .txt .t_row .tl{ width: 80px; font-size: 16px; color: #666;}
.exhibition_hall ul li .row .info .txt .t_row .tr{ flex: 1; font-size: 16px; color: #000;}
.exhibition_hall ul li .row .info .txt .t_row .link{ border-bottom: 1px solid #2c8dfb; font-size: 16px; color: #2c8dfb;}
.exhibition_hall ul li .row .info .tel{ display: flex; justify-content: space-between; align-items: center; margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #DDD;}
.exhibition_hall ul li .row .info .tel .t_row{ display: flex; align-items: center;}
.exhibition_hall ul li .row .info .tel .t_row .tl{ font-size: 18px; color: #999;}
.exhibition_hall ul li .row .info .tel .t_row .tr{ margin: 0 0 0 10px; font-size: 18px; font-weight: 500; color: #000;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .exhibition_hall ul li{ width: 50%;}
}
@media(max-width: 767px){
    .exhibition_hall ul{ margin: -15px -5px 0 -5px;}
    .exhibition_hall ul li{ margin: 15px 0 0 0; width: 100%;}
    .exhibition_hall ul li .row{ margin: 0 5px;}
    .exhibition_hall ul li .row .logo{ height: 100px;}
    .exhibition_hall ul li .row .info{ padding: 20px;}
    .exhibition_hall ul li .row .info .tit{ display: block;}
    .exhibition_hall ul li .row .info .tit > p{ line-height: 1; font-size: 20px;}
    .exhibition_hall ul li .row .info .tit a{ margin: 20px 0 0 0; width: auto;}
    .exhibition_hall ul li .row .info .txt{ padding: 10px 0 0 0;}
    .exhibition_hall ul li .row .info .txt .t_row{ padding: 10px 0 0 0;}
    .exhibition_hall ul li .row .info .txt .t_row .tl{ width: 70px; font-size: 15px;}
    .exhibition_hall ul li .row .info .txt .t_row .tr{ font-size: 15px;}
    .exhibition_hall ul li .row .info .txt .t_row .link{ font-size: 15px;}
    .exhibition_hall ul li .row .info .tel .t_row{ display: block; width: 50%;}
    .exhibition_hall ul li .row .info .tel .t_row .tl{ line-height: 1; font-size: 13px;}
    .exhibition_hall ul li .row .info .tel .t_row .tr{ line-height: 1; margin: 5px 0 0 0; font-size: 16px;}
}


.travel_group{}
.travel_group .top_banner{ display: flex; align-items: center; position: relative; padding: 0 100px; height: 500px; border-radius: 16px; background: url(/images/tg_bg.jpg) center/cover;}
.travel_group .top_banner:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 16px; background: linear-gradient(90deg, rgba(0 0 0/20%), rgba(0 0 0/40%));}
.travel_group .top_banner .text{ display: flex; flex-direction: column; align-items: flex-start; position: relative; z-index: 10;}
.travel_group .top_banner .text .t1{ line-height: 1.1; font-size: 50px; font-weight: 700; color: #FFF;}
.travel_group .top_banner .text .t2{ margin: 10px 0 0 0; font-size: 26px; color: rgba(255 255 255/100%);}
.travel_group .top_banner .text a{ display: flex; align-items: center; margin: 40px 0 0 0; padding: 0 30px; height: 50px; border-radius: 30px; background: #5e2bb8; font-size: 18px; font-weight: 600; color: #FFF;}

.travel_group .text_banner{ margin: 20px 0 0 0; padding: 40px 50px; border-radius: 16px; background: #f6f8fb;}
.travel_group .text_banner .t1{ display: flex; align-items: center; margin: 0 0 10px 0; font-size: 26px; font-weight: 700; color: #5e2bb8;}
.travel_group .text_banner .t1 i{ margin: 0 5px 0 0; font-size: 24px; color: #5e2bb8;}
.travel_group .text_banner .t2{ position: relative; padding: 10px 0 0 15px; font-size: 16px; color: #333;}
.travel_group .text_banner .t2:before{ content: ""; display: block; position: absolute; top: 20px; left: 0; width: 5px; height: 1px; border-radius: 50%; background: rgba(0 0 0/50%);}

.travel_group .icon_banner{ margin: 80px 0 0 0;}
.travel_group .icon_banner .title{ font-size: 40px; font-weight: 800; color: #000;}
.travel_group .icon_banner ul{ display: flex; flex-wrap: wrap; margin: 10px -15px 0 -15px;}
.travel_group .icon_banner ul li{ margin: 30px 0 0 0; width: 33.333%;}
.travel_group .icon_banner ul li .row{ display: flex; align-items: center; margin: 0 15px; padding: 40px; height: 100%; border-radius: 16px; border: 1px solid #DDD;}
.travel_group .icon_banner ul li .row .icon{ margin: 0 40px 0 0;}
.travel_group .icon_banner ul li .row .icon img{ display: block; width: 60px;}
.travel_group .icon_banner ul li .row .t1{ margin: 0 0 0 0; line-height: 1.2; font-size: 22px; font-weight: 700; color: #000;}
.travel_group .icon_banner ul li .row .t2{ margin: 5px 0 0 0; font-size: 16px; color: #666;}

.travel_group .service{ margin: 80px 0 0 0;}
.travel_group .service .title{ font-size: 40px; font-weight: 800; color: #000;}
.travel_group .service ul{ display: flex; flex-wrap: wrap; margin: 10px -15px 0 -15px;}
.travel_group .service ul li{ margin: 30px 0 0 0; width: 50%;}
.travel_group .service ul li .row{ display: flex; margin: 0 15px;}
.travel_group .service ul li .row .img{ width: 360px; border-radius: 16px 0 0 16px;}
.travel_group .service ul li .row .img img{ display: block; width: 100%;}
.travel_group .service ul li .row .text{ flex: 1; display: flex; flex-direction: column; align-items: flex-start; padding: 30px; border-radius: 0 16px 16px 0; border: 1px solid #DDD; border-left: 0;}
.travel_group .service ul li .row .text .t1{ font-size: 22px; font-weight: 700; color: #000;}
.travel_group .service ul li .row .text .t2{ flex: 1; padding: 10px 0 0 0; height: 100%;}
.travel_group .service ul li .row .text .t2 p{ position: relative; padding: 0 0 0 15px; font-size: 16px; color: #333;}
.travel_group .service ul li .row .text .t2 p:before{ content: ""; display: block; position: absolute; top: 12px; left: 0; width: 5px; height: 1px; border-radius: 50%; background: rgba(0 0 0/50%);}
.travel_group .service ul li .row .text a{ display: flex; align-items: center; margin: 20px 0 0 0; padding: 0 30px; height: 45px; border-radius: 30px; background: #5e2bb8;}
.travel_group .service ul li .row .text a p{ font-size: 16px; font-weight: 600; color: #FFF;}
.travel_group .service ul li .row .text a i{ margin: 0 0 0 10px; font-size: 14px; color: #FFF;}
@media(max-width: 1601px){
    .travel_group .icon_banner ul li .row{ flex-direction: column; justify-content: center; text-align: center;}
    .travel_group .icon_banner ul li .row .icon{ margin: 0 0 20px 0;}

    .travel_group .service ul li .row{ flex-direction: column; height: 100%;}
    .travel_group .service ul li .row .img{ width: auto; border-radius: 16px 16px 0 0;}
    .travel_group .service ul li .row .text{ flex: 1; border-radius: 0 0 16px 16px; border: 1px solid #DDD; border-top: 0;}
}
@media(max-width: 1025px){
    .travel_group .top_banner{ padding: 0 50px;}
    .travel_group .icon_banner ul li{ width: 50%;}
}
@media(max-width: 767px){
    .travel_group .top_banner{ padding: 0 30px; height: 260px; border-radius: 10px;}
    .travel_group .top_banner:after{ border-radius: 10px;}
    .travel_group .top_banner .text .t1{ font-size: 26px;}
    .travel_group .top_banner .text .t2{ margin: 10px 0 0 0; font-size: 18px;}
    .travel_group .top_banner .text a{ margin: 30px 0 0 0; padding: 0 20px; height: 40px; font-size: 15px;}

    .travel_group .text_banner{ margin: 15px 0 0 0; padding: 30px; border-radius: 10px;}
    .travel_group .text_banner .t1{ margin: 0 0 10px 0; line-height: 1.2; font-size: 20px;}
    .travel_group .text_banner .t2{ font-size: 15px;}

    .travel_group .icon_banner{ margin: 40px 0 0 0;}
    .travel_group .icon_banner .title{ padding: 0 0 15px 0; font-size: 26px;}
    .travel_group .icon_banner ul{ display: flex; flex-wrap: wrap; margin: 0;}
    .travel_group .icon_banner ul li{ margin: 10px 0 0 0; width: 100%;}
    .travel_group .icon_banner ul li:first-child{ margin: 0;}
    .travel_group .icon_banner ul li .row{ flex-direction: initial; justify-content: initial; margin: 0; padding: 25px 30px; border-radius: 10px; text-align: left;}
    .travel_group .icon_banner ul li .row .icon{ margin: 0 30px 0 0;}
    .travel_group .icon_banner ul li .row .icon img{ width: 40px;}
    .travel_group .icon_banner ul li .row .t1{ font-size: 20px;}
    .travel_group .icon_banner ul li .row .t2{ margin: 10px 0 0 0; line-height: 1.4; font-size: 15px;}

    .travel_group .service{ margin: 40px 0 0 0;}
    .travel_group .service .title{ padding: 0 0 15px 0; font-size: 26px;}
    .travel_group .service ul{ margin: -10px -5px 0 -5px;}
    .travel_group .service ul li{ margin: 10px 0 0 0; width: 100%;}
    .travel_group .service ul li .row{ margin: 0 5px;}
    .travel_group .service ul li .row .img{ border-radius: 10px 10px 0 0;}
    .travel_group .service ul li .row .text{ padding: 30px; border-radius: 0 0 10px 10px; border: 1px solid #DDD; border-top: 0;}
    .travel_group .service ul li .row .text .t1{ line-height: 1; font-size: 20px;}
    .travel_group .service ul li .row .text .t2 p{ font-size: 15px;}
    .travel_group .service ul li .row .text a{ margin: 15px 0 0 0; padding: 0 30px; height: 40px;}
    .travel_group .service ul li .row .text a p{ font-size: 15px;}
    .travel_group .service ul li .row .text a i{ font-size: 12px;}
}


.travel_customized_package{}
.travel_customized_package .top_banner{ display: flex; justify-content: center; align-items: center; position: relative; padding: 0 100px; height: 600px; border-radius: 16px; background: url(/images/travel_customized_package_bg.jpg) center/cover;}
.travel_customized_package .top_banner:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 16px; background: linear-gradient(180deg, rgba(0 0 0/40%), rgba(0 0 0/60%));}
.travel_customized_package .top_banner .text{ display: flex; flex-direction: column; align-items: center; position: relative; z-index: 10; text-align: center;}
.travel_customized_package .top_banner .text .t1{ line-height: 1.1; font-size: 50px; font-weight: 700; color: #FFF;}
.travel_customized_package .top_banner .text .t2{ margin: 20px 0 0 0; font-size: 20px; color: rgba(255 255 255/100%);}
.travel_customized_package .top_banner .text a{ display: flex; align-items: center; margin: 40px 0 0 0; padding: 0 30px; height: 50px; border-radius: 30px; background: #5e2bb8; font-size: 18px; font-weight: 600; color: #FFF;}

.travel_customized_package .text_banner{ margin: 20px 0 0 0; padding: 50px 50px; border-radius: 16px; background: #f6f8fb;}
.travel_customized_package .text_banner .t1{ display: flex; align-items: center; margin: 0 0 10px 0; font-size: 26px; font-weight: 700; color: #5e2bb8;}
.travel_customized_package .text_banner .t1 i{ margin: 0 5px 0 0; font-size: 24px; color: #5e2bb8;}
.travel_customized_package .text_banner .t2{ position: relative; padding: 10px 0 0 15px; font-size: 16px; color: #333;}
.travel_customized_package .text_banner .t2:before{ content: ""; display: block; position: absolute; top: 20px; left: 0; width: 5px; height: 1px; border-radius: 50%; background: rgba(0 0 0/50%);}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .travel_customized_package .top_banner .text .t1{ font-size: 40px;}
}
@media(max-width: 767px){
    .travel_customized_package .top_banner{ padding: 0; height: 360px; border-radius: 10px;}
    .travel_customized_package .top_banner:after{ border-radius: 10px;}
    .travel_customized_package .top_banner .text .t1{ font-size: 22px;}
    .travel_customized_package .top_banner .text .t2{ margin: 10px 20px 0 20px; font-size: 15px;}
    .travel_customized_package .top_banner .text a{ margin: 30px 0 0 0; height: 40px; font-size: 15px;}

    .travel_customized_package .text_banner{ margin: 15px 0 0 0; padding: 30px; border-radius: 10px;}
    .travel_customized_package .text_banner .t1{ margin: 0 0 10px 0; line-height: 1.2; font-size: 20px;}
    .travel_customized_package .text_banner .t2{ font-size: 15px;}
}


.travel_customized_individual{}
.travel_customized_individual .top_banner{ display: flex; justify-content: center; align-items: center; position: relative; padding: 0 100px; height: 600px; border-radius: 16px; background: url(/images/travel_customized_individual_bg.jpg) center/cover;}
.travel_customized_individual .top_banner:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 16px; background: linear-gradient(180deg, rgba(0 0 0/20%), rgba(0 0 0/40%));}
.travel_customized_individual .top_banner .text{ display: flex; flex-direction: column; align-items: center; position: relative; z-index: 10; text-align: center;}
.travel_customized_individual .top_banner .text .t1{ line-height: 1.1; font-size: 50px; font-weight: 700; color: #FFF;}
.travel_customized_individual .top_banner .text .t2{ margin: 20px 0 0 0; font-size: 20px; color: rgba(255 255 255/100%);}
.travel_customized_individual .top_banner .text a{ display: flex; align-items: center; margin: 40px 0 0 0; padding: 0 30px; height: 50px; border-radius: 30px; background: #5e2bb8; font-size: 18px; font-weight: 600; color: #FFF;}

.travel_customized_individual .text_banner{ margin: 20px 0 0 0; padding: 50px 100px; border-radius: 16px; background: #f6f8fb;}
.travel_customized_individual .text_banner .t1{ display: flex; align-items: center; margin: 0 0 10px 0; font-size: 26px; font-weight: 700; color: #5e2bb8;}
.travel_customized_individual .text_banner .t1 i{ margin: 0 5px 0 0; font-size: 24px; color: #5e2bb8;}
.travel_customized_individual .text_banner .t2{ position: relative; padding: 10px 0 0 15px; font-size: 16px; color: #333;}
.travel_customized_individual .text_banner .t2:before{ content: ""; display: block; position: absolute; top: 20px; left: 0; width: 5px; height: 1px; border-radius: 50%; background: rgba(0 0 0/50%);}

.travel_customized_individual .img_banner{ margin: 80px 0 0 0;}
.travel_customized_individual .img_banner .title{ font-size: 40px; font-weight: 800; color: #000;}
.travel_customized_individual .img_banner ul{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px; margin: 40px 0 0 0;}
.travel_customized_individual .img_banner ul li{}
.travel_customized_individual .img_banner ul li .row{ display: flex; flex-direction: column; height: 100%;}
.travel_customized_individual .img_banner ul li .row .img{ border-radius: 16px 16px 0 0;}
.travel_customized_individual .img_banner ul li .row .img img{ display: block; width: 100%;}
.travel_customized_individual .img_banner ul li .row .text{ height: 100%; display: flex; flex-direction: column; align-items: flex-start; padding: 30px; border-radius: 0 0 16px 16px; border: 1px solid #DDD; border-top: 0;}
.travel_customized_individual .img_banner ul li .row .text .t1{ font-size: 22px; font-weight: 700; color: #000;}
.travel_customized_individual .img_banner ul li .row .text .t2{ padding: 10px 0 0 0; font-size: 16px; color: #333;}

.travel_customized_individual .icon_banner{ margin: 80px 0 0 0;}
.travel_customized_individual .icon_banner .title{ padding: 0 0 40px 0; font-size: 40px; font-weight: 800; color: #000;}
.travel_customized_individual .icon_banner ul{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 30px;}
.travel_customized_individual .icon_banner ul li{}
.travel_customized_individual .icon_banner ul li .row{ display: flex; flex-direction: column; align-items: center; padding: 40px; height: 100%; border-radius: 16px; border: 1px solid #DDD; text-align: center;}
.travel_customized_individual .icon_banner ul li .row .icon{ display: flex; flex-direction: column; align-items: center;}
.travel_customized_individual .icon_banner ul li .row .icon p{ display: flex; align-items: center; padding: 0 20px; height: 35px; border-radius: 20px; background: #5e2bb8; font-size: 14px; font-weight: 500; color: #FFF;}
.travel_customized_individual .icon_banner ul li .row .icon img{ display: block; margin: 30px 0 30px 0; width: 60px;}
.travel_customized_individual .icon_banner ul li .row .t1{ margin: 0 0 0 0; font-size: 22px; font-weight: 700; color: #000;}
.travel_customized_individual .icon_banner ul li .row .t2{ margin: 5px 0 0 0; font-size: 16px; color: #666;}
@media(max-width: 1601px){
    .travel_customized_individual .img_banner ul{ grid-gap: 20px;}
    .travel_customized_individual .img_banner ul li .row .text .t2 br{ display: none;}

    .travel_customized_individual .icon_banner ul{ grid-gap: 20px;}
    .travel_customized_individual .icon_banner ul li .row{ padding: 30px 15px;}
}
@media(max-width: 1025px){
    .travel_customized_individual .top_banner{ padding: 0 50px;}
    .travel_customized_individual .top_banner .text .t1{ font-size: 40px;}
    .travel_customized_individual .img_banner ul{ grid-template-columns: repeat(2,1fr); grid-gap: 20px;}

    .travel_customized_individual .icon_banner ul{ grid-template-columns: repeat(1,1fr);}
    .travel_customized_individual .icon_banner ul li .row{ flex-direction: initial; padding: 30px 50px;}
    .travel_customized_individual .icon_banner ul li .row .icon{ flex-direction: initial;}
    .travel_customized_individual .icon_banner ul li .row .icon p{ margin: 0 50px 0 0;}
    .travel_customized_individual .icon_banner ul li .row .icon img{ margin: 0 50px 0 0;}
    .travel_customized_individual .icon_banner ul li .row .text{ text-align: left;}
    .travel_customized_individual .icon_banner ul li .row .text .t2 br{ display: none;}
}
@media(max-width: 767px){
    .travel_customized_individual .top_banner{ padding: 0; height: 360px; border-radius: 10px;}
    .travel_customized_individual .top_banner:after{ border-radius: 10px;}
    .travel_customized_individual .top_banner .text .t1{ font-size: 22px;}
    .travel_customized_individual .top_banner .text .t2{ margin: 10px 20px 0 20px; font-size: 15px;}
    .travel_customized_individual .top_banner .text a{ margin: 30px 0 0 0; height: 40px; font-size: 15px;}

    .travel_customized_individual .img_banner{ margin: 40px 0 0 0;}
    .travel_customized_individual .img_banner .title{ font-size: 26px;}
    .travel_customized_individual .img_banner ul{ grid-template-columns: repeat(1,1fr); grid-gap: 10px; margin: 15px 0 0 0;}
    .travel_customized_individual .img_banner ul li{}
    .travel_customized_individual .img_banner ul li .row{ display: flex; flex-direction: initial; align-items: center;}
    .travel_customized_individual .img_banner ul li .row .img{ flex: 0 0 150px; margin: 0 10px 0 0; border-radius: 10px;}
    .travel_customized_individual .img_banner ul li .row .text{ display: block; padding: 0; height: auto; border-radius: 0; border: 0;}
    .travel_customized_individual .img_banner ul li .row .text .t1{ font-size: 18px;}
    .travel_customized_individual .img_banner ul li .row .text .t2{ padding: 5px 0 0 0; line-height: 1.4; font-size: 14px;}

    .travel_customized_individual .icon_banner{ margin: 40px 0 0 0;}
    .travel_customized_individual .icon_banner .title{ padding: 0 0 15px 0; font-size: 26px;}
    .travel_customized_individual .icon_banner ul{ grid-gap: 10px;}
    .travel_customized_individual .icon_banner ul li .row{ padding: 20px; border-radius: 10px;}
    .travel_customized_individual .icon_banner ul li .row .icon p{ margin: 0 20px 0 0; padding: 0 10px; height: 25px; font-size: 10px;}
    .travel_customized_individual .icon_banner ul li .row .icon img{ margin: 0 20px 0 0; width: 40px;}
    .travel_customized_individual .icon_banner ul li .row .t1{ font-size: 18px;}
    .travel_customized_individual .icon_banner ul li .row .t2{ margin: 5px 0 0 0; font-size: 15px;}
    .travel_customized_individual .icon_banner ul li .row .t2 br{ display: block !important;}
}




.travel_theme_layout{}
.travel_theme_layout .type_row{ position: relative; padding: 0 0 0 380px;}
.travel_theme_layout .exhibitions_option{ position: absolute; top: 0; left: 0;}
@media(max-width: 1601px){
    .travel_theme_layout .type_row{ padding: 0 0 0 370px;}
}
@media(max-width: 1025px){
    .travel_theme_layout .type_row{ padding: 0;}
    .travel_theme_layout .exhibitions_option{ position: initial;}
}
@media(max-width: 767px){
}


.travel_theme_list_wrap{ flex: 1; width: 100%;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
}


.travel_theme_title{}
.travel_theme_title p{ font-size: 30px; font-weight: 700; color: #000;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .travel_theme_title{}
    .travel_theme_title p{ font-size: 22px;}
}


.travel_theme_hot{ position: relative; margin: 30px 0 0 0;}
.travel_theme_hot .btn-prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 27%; left: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/15%); cursor: pointer;}
.travel_theme_hot .btn-prev i{ position: relative; z-index: 9; font-size: 20px; color: #000; transition: all .2s;}
.travel_theme_hot .btn-next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 27%; right: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/15%); cursor: pointer;}
.travel_theme_hot .btn-next i{ position: relative; z-index: 9; font-size: 20px; color: #000; transition: all .2s;}
.travel_theme_hot .btn-prev:hover i{ color: #5e2bb8;}
.travel_theme_hot .btn-next:hover i{ color: #5e2bb8;}

.travel_theme_hot .rolling{ overflow: hidden;}
.travel_theme_hot .rolling .swiper-wrapper{}
.travel_theme_hot .rolling .swiper-wrapper .swiper-slide a{ display: block; transition: all .3s;}
.travel_theme_hot .rolling .swiper-wrapper .swiper-slide a .img{ border-radius: 16px;}
.travel_theme_hot .rolling .swiper-wrapper .swiper-slide a .img img{ display: block; width: 100%;}
.travel_theme_hot .rolling .swiper-wrapper .swiper-slide a .info{ position: relative; padding: 20px 60px 0 0;}
.travel_theme_hot .rolling .swiper-wrapper .swiper-slide a .info .tag i{ margin: 0 2px 0 0; font-size: 13px; color: #ffb000;}
.travel_theme_hot .rolling .swiper-wrapper .swiper-slide a .info .t1{ margin: 0 0 0 0; font-size: 22px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: all .3s;}
.travel_theme_hot .rolling .swiper-wrapper .swiper-slide a .info .t2{ margin: 5px 0 0 0; font-size: 18px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.travel_theme_hot .rolling .swiper-wrapper .swiper-slide a .info .price{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 18px; font-weight: 300; color: #666;}
.travel_theme_hot .rolling .swiper-wrapper .swiper-slide a .info .price span{ padding: 0 2px 0 0; font-size: 22px; font-weight: 700; color: #5e2bb8;}
.travel_theme_hot .rolling .swiper-wrapper .swiper-slide a:hover{ transform: scale(.95);}
.travel_theme_hot .rolling .swiper-wrapper .swiper-slide a:hover .info .t1{ color: #5e2bb8;}

.travel_theme_hot .rolling .swiper-button-prev{}
.travel_theme_hot .rolling .swiper-button-prev:after{ display: none;}
.travel_theme_hot .rolling .swiper-button-next{}
.travel_theme_hot .rolling .swiper-button-next:after{ display: none;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .travel_theme_hot{ margin: 15px -15px 0 -15px;}
    .travel_theme_hot .btn-prev{ display: none;}
    .travel_theme_hot .btn-next{ display: none;}
    .travel_theme_hot .rolling{ margin: 0 -200px;}
    .travel_theme_hot .rolling .swiper-wrapper .swiper-slide a .img{ border-radius: 10px;}
    .travel_theme_hot .rolling .swiper-wrapper .swiper-slide a .info{ padding: 15px 40px 0 0;}
    .travel_theme_hot .rolling .swiper-wrapper .swiper-slide a .info .t1{ font-size: 20px;}
    .travel_theme_hot .rolling .swiper-wrapper .swiper-slide a .info .t2{ font-size: 15px;}
    .travel_theme_hot .rolling .swiper-wrapper .swiper-slide a .info .price{ font-size: 15px;}
    .travel_theme_hot .rolling .swiper-wrapper .swiper-slide a .info .price span{ font-size: 20px;}
    .travel_theme_hot .rolling .swiper-wrapper .swiper-slide a:hover{ transform: scale(1);}
}


.travel_theme_list_info{ margin: 60px 0 0 0;}
.travel_theme_list_info .all{ display: flex; align-items: center;}
.travel_theme_list_info .all p{ font-size: 22px; font-weight: 500; color: #000;}
.travel_theme_list_info .all p span{ font-weight: 700; color: #5e2bb8;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .travel_theme_list_info{ margin: 40px 0 0 0;}
    .travel_theme_list_info .all p{ font-size: 18px;}
}


.travel_theme_list{ margin: 30px 0 0 0;}
.travel_theme_list ul{ display: flex; flex-wrap: wrap; margin: -60px -15px 0 -15px;}
.travel_theme_list ul li{ margin: 60px 0 0 0; width: 33.333%;}
.travel_theme_list ul li a{ display: block; margin: 0 15px; transition: all .3s;}
.travel_theme_list ul li a .img{ border-radius: 16px;}
.travel_theme_list ul li a .img img{ display: block; width: 100%;}
.travel_theme_list ul li a .info{ display: flex; flex-direction: column; align-items: flex-start; position: relative; padding: 20px 80px 0 0;}
.travel_theme_list ul li a .info .res{ display: flex; align-items: center; position: absolute; z-index: 10; top: -60px; right: 20px; padding: 0 20px; height: 40px; border-radius: 20px; background: rgba(0 0 0/50%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); font-size: 16px; color: #FFF;}
.travel_theme_list ul li a .info .res.on{ background: #5e2bb8; font-weight: 600;}
.travel_theme_list ul li a .info .tag{ font-size: 16px; color: #999;}
.travel_theme_list ul li a .info .t1{ margin: 5px 0 0 0; font-size: 22px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: all .3s;}
.travel_theme_list ul li a .info .t2{ margin: 0 0 0 0; font-size: 18px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.travel_theme_list ul li a .info .price{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 18px; font-weight: 300; color: #666;}
.travel_theme_list ul li a .info .price span{ padding: 0 2px 0 0; font-weight: 700; font-size: 22px;  color: #5e2bb8;}
.travel_theme_list ul li a:hover{ transform: scale(1.03);}
.travel_theme_list ul li a:hover .info .t1{ color: #5e2bb8;}
@media(max-width: 1601px){
    .travel_theme_list ul li{ width: 50%;}
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .travel_theme_list{ margin: 20px 0 0 0;}
    .travel_theme_list ul{ display: block; margin: 0;}
    .travel_theme_list ul li{ margin: 15px 0 0 0; width: auto;}
    .travel_theme_list ul li:first-child{ margin: 0;}
    .travel_theme_list ul li a{ display: flex; align-items: center; margin: 0;}
    .travel_theme_list ul li a .img{ flex: 0 0 160px; border-radius: 10px;}
    .travel_theme_list ul li a .info{ padding: 0 0 0 15px;}
    .travel_theme_list ul li a .info .t1{ margin: 0; font-size: 18px;}
    .travel_theme_list ul li a .info .t2{ margin: 5px 0 0 0; line-height: 1.4; font-size: 14px; -webkit-line-clamp: 2;}
    .travel_theme_list ul li a .info .price{ margin: 10px 0 0 0; line-height: 1; font-size: 15px;}
    .travel_theme_list ul li a .info .price span{ padding: 0 2px 4px 0; font-size: 20px;}
}


.travel_exhibitions_hot{ position: relative; margin: 30px 0 0 0;}
.travel_exhibitions_hot .btn-prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 27%; left: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/15%); cursor: pointer;}
.travel_exhibitions_hot .btn-prev i{ position: relative; z-index: 9; font-size: 20px; color: #000; transition: all .2s;}
.travel_exhibitions_hot .btn-next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 27%; right: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/15%); cursor: pointer;}
.travel_exhibitions_hot .btn-next i{ position: relative; z-index: 9; font-size: 20px; color: #000; transition: all .2s;}
.travel_exhibitions_hot .btn-prev:hover i{ color: #5e2bb8;}
.travel_exhibitions_hot .btn-next:hover i{ color: #5e2bb8;}

.travel_exhibitions_hot .rolling{ overflow: hidden;}
.travel_exhibitions_hot .rolling .swiper-wrapper{}
.travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a{ display: block; transition: all .3s;}
.travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .img{ border-radius: 16px;}
.travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .img img{ display: block; width: 100%;}
.travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .info{ position: relative; padding: 20px 60px 0 0;}
.travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .info .tag i{ margin: 0 2px 0 0; font-size: 13px; color: #ffb000;}
.travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .info .t1{ margin: 0 0 0 0; font-size: 22px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: all .3s;}
.travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .info .t2{ margin: 5px 0 0 0; font-size: 18px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .info .date{font-size: 18px;}
.travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .info .price{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 18px; font-weight: 300; color: #666;}
.travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .info .price span{ padding: 0 2px 0 0; font-size: 22px; font-weight: 700; color: #5e2bb8;}
.travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a:hover{ transform: scale(.95);}
.travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a:hover .info .t1{ color: #5e2bb8;}

.travel_exhibitions_hot .rolling .swiper-button-prev{}
.travel_exhibitions_hot .rolling .swiper-button-prev:after{ display: none;}
.travel_exhibitions_hot .rolling .swiper-button-next{}
.travel_exhibitions_hot .rolling .swiper-button-next:after{ display: none;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .travel_exhibitions_hot{ margin: 15px -15px 0 -15px;}
    .travel_exhibitions_hot .btn-prev{ display: none;}
    .travel_exhibitions_hot .btn-next{ display: none;}
    .travel_exhibitions_hot .rolling{ margin: 0 -200px;}
    .travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .img{ border-radius: 10px;}
    .travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .info{ padding: 15px 40px 0 0;}
    .travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .info .t1{ font-size: 20px;}
    .travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .info .t2{ font-size: 15px;}
    .travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .info .price{ font-size: 15px;}
    .travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a .info .price span{ font-size: 20px;}
    .travel_exhibitions_hot .rolling .swiper-wrapper .swiper-slide a:hover{ transform: scale(1);}
}


.travel_exhibitions_list{ margin: 40px 0 0 0;}
.travel_exhibitions_list ul{ display: flex; flex-wrap: wrap; margin: -60px -15px 0 -15px;}
.travel_exhibitions_list ul li{ margin: 60px 0 0 0; width: 25%;}
.travel_exhibitions_list ul li a{ display: block; margin: 0 15px; transition: all .3s;}
.travel_exhibitions_list ul li a .img{ border-radius: 16px;}
.travel_exhibitions_list ul li a .img img{ display: block; width: 100%;}
.travel_exhibitions_list ul li a .info{ display: flex; flex-direction: column; align-items: flex-start; position: relative; padding: 20px 80px 0 0;}
.travel_exhibitions_list ul li a .info .res{ display: flex; align-items: center; position: absolute; z-index: 10; top: -60px; right: 20px; padding: 0 20px; height: 40px; border-radius: 20px; background: rgba(0 0 0/50%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); font-size: 16px; color: #FFF;}
.travel_exhibitions_list ul li a .info .res.on{ background: #5e2bb8; font-weight: 600;}
.travel_exhibitions_list ul li a .info .tag{ font-size: 16px; color: #999;}
.travel_exhibitions_list ul li a .info .t1{ margin: 5px 0 0 0; font-size: 22px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: all .3s;}
.travel_exhibitions_list ul li a .info .t2{ margin: 0 0 0 0; font-size: 18px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.travel_exhibitions_list ul li a .info .date{ font-size: 18px;}
.travel_exhibitions_list ul li a .info .price{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 18px; font-weight: 300; color: #666;}
.travel_exhibitions_list ul li a .info .price span{ padding: 0 2px 0 0; font-weight: 700; font-size: 22px;  color: #5e2bb8;}
.travel_exhibitions_list ul li a:hover{ transform: scale(.95);}
@media(max-width: 1601px){
    .travel_exhibitions_list ul{ margin: -60px -10px 0 -10px;}
    .travel_exhibitions_list ul li{ width: 33.333%;}
    .travel_exhibitions_list ul li a{ margin: 0 10px;}
    .travel_exhibitions_list ul li a:hover{ transform: scale(1);}
}
@media(max-width: 1025px){
    .travel_exhibitions_list ul li{ width: 50%;}
}
@media(max-width: 767px){
    .travel_exhibitions_list{ margin: 20px 0 0 0;}
    .travel_exhibitions_list ul{ display: block; margin: 0;}
    .travel_exhibitions_list ul li{ margin: 15px 0 0 0; width: auto;}
    .travel_exhibitions_list ul li:first-child{ margin: 0;}
    .travel_exhibitions_list ul li a{ display: flex; align-items: center; margin: 0;}
    .travel_exhibitions_list ul li a .img{ flex: 0 0 160px; border-radius: 10px;}
    .travel_exhibitions_list ul li a .info{ padding: 0 0 0 15px;}
    .travel_exhibitions_list ul li a .info .t1{ margin: 0; font-size: 18px;}
    .travel_exhibitions_list ul li a .info .t2{ margin: 5px 0 0 0; line-height: 1.4; font-size: 14px; -webkit-line-clamp: 2;}
    .travel_exhibitions_list ul li a .info .price{ margin: 10px 0 0 0; line-height: 1; font-size: 15px;}
    .travel_exhibitions_list ul li a .info .price span{ padding: 0 2px 4px 0; font-size: 20px;}
}


























.sub_customer{}
.sub_customer .title{ text-align: center; font-size: 40px; font-weight: 700; color: #000;}
.sub_customer .search{ display: flex; position: relative; margin: 30px auto 0 auto; width: 600px;}
.sub_customer .search input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 60px; border-radius: 8px; border: 1px solid #000; background: #FFF; font-size: 18px; font-weight: 500; color: #000; outline: none; -webkit-appearance: none;}
.sub_customer .search input:focus{ border: 1px solid #5e2bb8;}
.sub_customer .search .btn{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 60px; height: 60px; border-radius: 8px; background: #5e2bb8; cursor: pointer;}
.sub_customer .search .btn i{ font-size: 24px; color: #FFF;}
.sub_customer .menu{ margin: 60px 0 0 0;}
.sub_customer .menu ul{ display: flex; justify-content: center; align-items: center;}
.sub_customer .menu ul li{ width: 15%;}
.sub_customer .menu ul li a{ display: flex; flex-direction: column; align-items: center;}
.sub_customer .menu ul li a img{ display: block; height: 50px;}
.sub_customer .menu ul li a p{ margin: 15px 0 0 0; font-size: 22px; font-weight: 500; color: #000;}
.sub_customer .head{ display: flex; justify-content: space-between; align-items: center; margin: 100px 0 30px 0;}
.sub_customer .head p{ font-size: 40px; font-weight: 700; color: #000;}
.sub_customer .head a{ display: flex; align-items: center; cursor: pointer;}
.sub_customer .head a p{ font-size: 18px; font-weight: 500; color: #999;}
.sub_customer .head a i{ margin: 0 0 2px 10px; font-size: 16px; color: #999;}
.sub_customer .type_faq{ border: 0;}
.sub_customer .type_faq ul{}
.sub_customer .type_faq ul li{ margin: 10px 0 0 0; border: 0;}
.sub_customer .type_faq ul li:first-child{ margin: 0;}
.sub_customer .type_faq ul li a{ border-radius: 8px; border: 1px solid #DDD;}
.sub_customer .news{}
.sub_customer .news ul{ display: flex; margin: 0 -5px;}
.sub_customer .news ul li{ width: 33.333%;}
.sub_customer .news ul li a{ display: flex; flex-direction: column; align-items: flex-start; margin: 0 5px; padding: 30px 50px; border-radius: 8px; border: 1px solid #DDD; cursor: pointer;}
.sub_customer .news ul li a .tit{ font-size: 18px; font-weight: 500; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.sub_customer .news ul li a .date{ margin: 15px 0 0 0; line-height: 1; font-size: 12px; color: #666;}
.sub_customer .news ul li a .date span{ display: block; text-align: center; font-size: 40px; font-weight: 700; color: #000;}
.sub_customer .news ul li a:hover{ background: #f6f8fb;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .sub_customer .menu ul li{ width: 25%;}

    .sub_customer .news ul{ flex-direction: column; margin: 0; grid-gap: 10px;}
    .sub_customer .news ul li{ width: 100%;}
    .sub_customer .news ul li a{ margin: 0; padding: 30px 50px; border-radius: 8px; border: 1px solid #DDD; cursor: pointer;}
}
@media(max-width: 767px){
    .sub_customer .title{ text-align: left; line-height: 1; font-size: 26px;}
    .sub_customer .search{ margin: 15px auto 0 auto; width: auto;}
    .sub_customer .search input{ padding: 0 15px; height: 45px; border-radius: 5px; font-size: 15px;}
    .sub_customer .search .btn{ margin: 0 0 0 5px; width: 45px; height: 45px; border-radius: 5px;}
    .sub_customer .search .btn i{ font-size: 20px;}

    .sub_customer .menu{ margin: 30px 0 0 0;}
    .sub_customer .menu ul li{ width: 25%;}
    .sub_customer .menu ul li a img{ height: 30px;}
    .sub_customer .menu ul li a p{ margin: 10px 0 0 0; font-size: 15px;}

    .sub_customer .head{ align-items: flex-end; margin: 40px 0 15px 0;}
    .sub_customer .head p{ line-height: 1; font-size: 26px;}
    .sub_customer .head a{ line-height: 1;}
    .sub_customer .head a p{ font-size: 15px;}
    .sub_customer .head a i{ margin: 0 0 4px 10px; font-size: 15px;}

    .sub_customer .type_faq ul li a{ padding: 20px 15px; border-radius: 5px;}

    .sub_customer .news ul li a{ padding: 20px 25px; border-radius: 5px;}
    .sub_customer .news ul li a .tit{ font-size: 15px;}
    .sub_customer .news ul li a .date{ margin: 5px 0 0 0; font-size: 10px;}
    .sub_customer .news ul li a .date span{ font-size: 26px;}
    .sub_customer .news ul li a:hover{ background: #FFF;}
}

























.popup_cnc_reservation_ok{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 300; top: -100%; right: 0; bottom: 100%; left: 0; padding: 20px;}
.popup_cnc_reservation_ok *{ line-height: 1;}
.popup_cnc_reservation_ok .wrap{ overflow: hidden; position: relative; z-index: 10; width: 600px; max-height: 70vh; border-radius: 20px; opacity: 0; transform: scale(.5); transition: opacity .5s, transform .5s;}
.popup_cnc_reservation_ok .wrap .box{ overflow: auto; padding: 50px; background: #FFF; transition: all .3s;}
.popup_cnc_reservation_ok .wrap .box::-moz-scrollbar{ width: 0; background: #f5f5f5;}
.popup_cnc_reservation_ok .wrap .box::-moz-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
.popup_cnc_reservation_ok .wrap .box::-ms-scrollbar{ width: 0; background: #f5f5f5;}
.popup_cnc_reservation_ok .wrap .box::-ms-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
.popup_cnc_reservation_ok .wrap .box::-webkit-scrollbar{ width: 0; background: #f5f5f5;}
.popup_cnc_reservation_ok .wrap .box::-webkit-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
.popup_cnc_reservation_ok .wrap > .close{ position: absolute; z-index: 20; top: 20px; right: 20px; width: 30px; height: 30px; border-radius: 50%; background: #F00; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.popup_cnc_reservation_ok .wrap > .close i{ font-size: 14px; color: #FFF;}
.popup_cnc_reservation_ok > .close{ position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.0000001%);}
.popup_cnc_reservation_ok > .bg{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/70%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; transition: opacity .5s;}

.popup_cnc_reservation_ok .title{ margin: 0 0 30px 0; font-size: 30px; font-weight: 700; color: #000;}
.popup_cnc_reservation_ok .write{}
.popup_cnc_reservation_ok .write ul{ display: grid; grid-gap: 20px 0;}
.popup_cnc_reservation_ok .write ul li{}
.popup_cnc_reservation_ok .write ul li .row{ display: grid; grid-gap: 10px 0;}
.popup_cnc_reservation_ok .write ul li .row .tit{ font-size: 16px; font-weight: 500; color: #000;}

.popup_cnc_reservation_ok .write input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 45px; border-radius: 5px; border: 1px solid #e5e5e5; background: #f4f7fb; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.popup_cnc_reservation_ok .write input:focus{ border: 1px solid #5e2bb8;}
.popup_cnc_reservation_ok .write select{ display: flex; align-items: center; margin: 0; padding: 0 30px 0 15px; width: 100%; height: 45px; border-radius: 5px; border: 1px solid #e5e5e5; background:url(/images/basic_select_icon.png) no-repeat center right 15px #f4f7fb; background-size: 10px auto; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.popup_cnc_reservation_ok .write select:focus{ border: 1px solid #5e2bb8;}

.popup_cnc_reservation_ok .write .card{ display: flex; grid-gap: 0 10px;}
.popup_cnc_reservation_ok .write .card input{ width: 25%;}

.popup_cnc_reservation_ok .write .date{ display: flex; grid-gap: 0 10px;}
.popup_cnc_reservation_ok .write .date input{ width: 50%;}

.popup_cnc_reservation_ok .button{ display: flex; justify-content: center; grid-gap: 0 10px; margin: 30px 0 0 0;}
.popup_cnc_reservation_ok .button a{ display: flex; align-items: center; padding: 0 30px; height: 50px; border-radius: 30px; font-size: 16px; font-weight: 600; color: #000; transition: all .3s; cursor: pointer;}
.popup_cnc_reservation_ok .button a:nth-child(1){ border: 1px solid #000; background: #FFF; color: #000;}
.popup_cnc_reservation_ok .button a:nth-child(2){ border: 1px solid #5e2bb8; background: #5e2bb8; color: #FFF;}

.popup_cnc_reservation_ok.on{ top: 0; bottom: 0;}
.popup_cnc_reservation_ok.on .wrap{ opacity: 1; transform: scale(1);}
.popup_cnc_reservation_ok.on > .bg{ opacity: 1;}
@media(max-width: 767px){
    .popup_cnc_reservation_ok .wrap{ width: 300px; max-height: 70vh; border-radius: 10px;}
    .popup_cnc_reservation_ok .wrap .box{ padding: 30px;}
    .popup_cnc_reservation_ok .wrap > .close{ top: 10px; right: 10px;}
    .popup_cnc_reservation_ok .wrap > .close i{ font-size: 12px;}
    .popup_cnc_reservation_ok .title{ margin: 0 0 20px 0; font-size: 20px;}
    .popup_cnc_reservation_ok .write ul{ grid-gap: 15px 0;}
    .popup_cnc_reservation_ok .write ul li .row{ grid-gap: 5px 0;}
    .popup_cnc_reservation_ok .write ul li .row .tit{ font-size: 12px;}
    .popup_cnc_reservation_ok .write input{ height: 40px;}
    .popup_cnc_reservation_ok .write select{ height: 40px;}
    .popup_cnc_reservation_ok .write .card{ grid-gap: 0 5px;}
    .popup_cnc_reservation_ok .write .date{ grid-gap: 0 5px;}
    .popup_cnc_reservation_ok .button{ grid-gap: 0 5px; margin: 20px 0 0 0;}
    .popup_cnc_reservation_ok .button a{ padding: 0 20px; height: 45px; font-size: 14px;}
}




.popup_privacy{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 310; top: -100%; right: 0; bottom: 100%; left: 0; padding: 20px;}
.popup_privacy .row{ overflow: hidden; position: relative; z-index: 20; width: 600px; height: 600px; border-radius: 20px; opacity: 0; transform: scale(.5); transition: opacity .5s, transform .5s;}
.popup_privacy .row .xi-close{ position: absolute; z-index: 4; top: 50px; right: 50px; line-height: 30px; font-size: 20px; color: #666; cursor: pointer; transition: all .3s;}
.popup_privacy .row .xi-close:hover{ transform: scale(1.1) rotate(90deg); color: #000;}
.popup_privacy .row .box{ overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 50px; background: #FFF; transition: all .3s;}
.popup_privacy .close{ position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.0000001%);}
.popup_privacy .bg{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/70%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; transition: opacity .5s;}

.popup_privacy .text{}
.popup_privacy .text h3{ position: relative; margin: 0 0 50px 0; line-height: 30px; font-size: 30px; font-weight: 800; color: #000;}
.popup_privacy .text h4{ display: block; position: relative; width: auto; margin-top: 30px; font-size: 20px; font-weight: 600; color: #333; line-height: 30px;}
.popup_privacy .text h4:first-child{ margin-top: 0;}
.popup_privacy .text p{ margin-top: 10px; font-size: 16px; font-weight: 400; color: #666; line-height: 24px;}
.popup_privacy .text ul{ display: block; position: relative; width: auto; margin-top: 10px; margin-left: 10px;}
.popup_privacy .text ul li{ position: relative; margin: 5px 0; padding-left: 10px; line-height: 24px; font-size: 14px; color: #666;}
.popup_privacy .text ul li:before{ content: ""; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; border-radius: 50%; background-color: #999; transform: translate(0,-50%);}
.popup_privacy .btn{ display: flex; justify-content: center; align-items: center; margin: 50px auto 0 auto; width: 140px; height: 45px; border-radius: 30px; border: 1px solid #000; font-size: 16px; font-weight: 600; color: #000; transition: all .3s; cursor: pointer;}
.popup_privacy .btn:hover{ background: #f5f5f5;}

.popup_privacy.on{ top: 0; bottom: 0;}
.popup_privacy.on .row{ opacity: 1; transform: scale(1);}
.popup_privacy.on .bg{ opacity: 1;}

.popup_privacy .row .box::-moz-scrollbar{ width: 5px; background: #f0f0f0;}
.popup_privacy .row .box::-moz-scrollbar-thumb{ background-color: #CCC; border-radius: 10px;}
.popup_privacy .row .box::-ms-scrollbar{ width: 5px; background: #f0f0f0;}
.popup_privacy .row .box::-ms-scrollbar-thumb{ background-color: #CCC; border-radius: 10px;}
.popup_privacy .row .box::-webkit-scrollbar{ width: 5px; background: #f0f0f0;}
.popup_privacy .row .box::-webkit-scrollbar-thumb{ background-color: #CCC; border-radius: 10px;}
@media(max-width: 1401px){
    .popup_privacy .row{ height: 400px;}
}
@media(max-width: 1025px){
    .popup_privacy .row{ height: 600px;}
}
@media(max-width: 767px){
    .popup_privacy .row{ width: 100%; height: 400px;}
    .popup_privacy .row .xi-close{ top: 30px; right: 30px;}
    .popup_privacy .row .xi-close:hover{ transform: scale(1) rotate(0deg);}
    .popup_privacy .row .box{ padding: 30px;}

    .popup_privacy .text h3{ margin: 0 0 30px 0; line-height: 30px; font-size: 24px;}
    .popup_privacy .text h4{ margin-top: 20px; font-size: 18px;}
    .popup_privacy .text p{ font-size: 15px;}
    .popup_privacy .btn{ margin: 30px auto 0 auto; width: 120px; height: 40px; font-size: 15px;}
}


.popup_mail{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 310; top: -100%; right: 0; bottom: 100%; left: 0; padding: 20px;}
.popup_mail .row{ overflow: hidden; position: relative; z-index: 20; width: 600px; height: 600px; border-radius: 20px; opacity: 0; transform: scale(.5); transition: opacity .5s, transform .5s;}
.popup_mail .row .xi-close{ position: absolute; z-index: 4; top: 50px; right: 50px; line-height: 30px; font-size: 20px; color: #666; cursor: pointer; transition: all .3s;}
.popup_mail .row .xi-close:hover{ transform: scale(1.1) rotate(90deg); color: #000;}
.popup_mail .row .box{ overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 50px; background: #FFF; transition: all .3s;}
.popup_mail .close{ position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.0000001%);}
.popup_mail .bg{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/70%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; transition: opacity .5s;}

.popup_mail .text{}
.popup_mail .text h3{ position: relative; margin: 0 0 50px 0; line-height: 30px; font-size: 30px; font-weight: 800; color: #000;}
.popup_mail .text p{ margin-top: 30px; font-size: 16px; font-weight: 400; color: #000; line-height: 24px;}
.popup_mail .btn{ display: flex; justify-content: center; align-items: center; margin: 50px auto 0 auto; width: 140px; height: 45px; border-radius: 30px; border: 1px solid #000; font-size: 16px; font-weight: 600; color: #000; transition: all .3s; cursor: pointer;}
.popup_mail .btn:hover{ background: #f5f5f5;}

.popup_mail.on{ top: 0; bottom: 0;}
.popup_mail.on .row{ opacity: 1; transform: scale(1);}
.popup_mail.on .bg{ opacity: 1;}

.popup_mail .row .box::-moz-scrollbar{ width: 5px; background: #f0f0f0;}
.popup_mail .row .box::-moz-scrollbar-thumb{ background-color: #CCC; border-radius: 10px;}
.popup_mail .row .box::-ms-scrollbar{ width: 5px; background: #f0f0f0;}
.popup_mail .row .box::-ms-scrollbar-thumb{ background-color: #CCC; border-radius: 10px;}
.popup_mail .row .box::-webkit-scrollbar{ width: 5px; background: #f0f0f0;}
.popup_mail .row .box::-webkit-scrollbar-thumb{ background-color: #CCC; border-radius: 10px;}
@media(max-width: 1401px){
    .popup_mail .row{ height: 400px;}
}
@media(max-width: 1025px){
    .popup_mail .row{ height: 600px;}
}
@media(max-width: 767px){
    .popup_mail .row{ width: 100%; height: 400px;}
    .popup_mail .row .xi-close{ top: 30px; right: 30px;}
    .popup_mail .row .xi-close:hover{ transform: scale(1) rotate(0deg);}
    .popup_mail .row .box{ padding: 30px;}

    .popup_mail .text h3{ margin: 0 0 20px 0; line-height: 30px; font-size: 24px;}
    .popup_mail .text p{ margin-top: 20px; font-size: 15px;}
    .popup_mail .btn{ margin: 30px auto 0 auto; width: 120px; height: 40px; font-size: 15px;}
}


.popup_terms{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 300; top: -100%; right: 0; bottom: 100%; left: 0; padding: 20px; background: rgba(0 0 0/70%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.popup_terms > .close_btn{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.popup_terms .row{ position: relative; z-index: 20; max-width: 1000px; width: 100%; max-height: 600px; height: 100%; border-radius: 20px; opacity: 0; transform: scale(.5); transition: opacity .5s, transform .5s;}
.popup_terms .row > .close_btn:first-child{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: -20px; right: -20px; width: 40px; height: 40px; border-radius: 50%; background: #F00; cursor: pointer;}
.popup_terms .row > .close_btn:first-child i{ font-size: 16px; color: #FFF;}
.popup_terms .row .scroll{ overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 80px; background: #FFF;}
.popup_terms .row .scroll::-moz-scrollbar{ width: 4px; background: #FFF;}
.popup_terms .row .scroll::-moz-scrollbar-thumb{ background-color: #5e2bb8;}
.popup_terms .row .scroll::-ms-scrollbar{ width: 4px; background: #FFF;}
.popup_terms .row .scroll::-ms-scrollbar-thumb{ background-color: #5e2bb8;}
.popup_terms .row .scroll::-webkit-scrollbar{ width: 4px; background: #FFF;}
.popup_terms .row .scroll::-webkit-scrollbar-thumb{ background-color: #5e2bb8;}
.popup_terms .title{ margin: 0 0 40px 0; line-height: 1; font-size: 36px; font-weight: 700; color: #000;}
.popup_terms .tit{ margin: 40px 0 20px 0; line-height: 1.4; font-size: 22px; font-weight: 700; color: #000;}
.popup_terms .txt{ margin: 20px 0 20px 0; line-height: 1.8; font-size: 16px; color: #000;}
.popup_terms .table{ border: 1px solid #DDD; border-bottom: 0;}
.popup_terms .table table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.popup_terms .table table thead{}
.popup_terms .table table thead tr{}
.popup_terms .table table thead tr th{ padding: 0; height: 60px; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; background: #f5f5f5; text-align: center; font-size: 16px; font-weight: 600; color: #000;}
.popup_terms .table table thead tr th:first-child{ border-left: 0;}
.popup_terms .table table tbody{}
.popup_terms .table table tbody tr{}
.popup_terms .table table tbody tr td{ padding: 20px 10px; border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; text-align: center; line-height: 1.4; font-size: 16px; color: #000;}
.popup_terms .table table tbody tr td:first-child{ border-left: 0;}
.popup_terms.on{ top: 0; bottom: 0;}
.popup_terms.on .row{ opacity: 1; transform: scale(1);}
@media(max-width: 767px){
    .popup_terms{ padding: 30px 15px;}
    .popup_terms .row{ max-height: 400px;}
    .popup_terms .row > .close_btn:first-child{ top: -10px; right: -10px; width: 35px; height: 35px;}
    .popup_terms .row > .close_btn:first-child i{ font-size: 12px;}
    .popup_terms .row .scroll{ padding: 30px;}
    .popup_terms .title{ margin: 0 0 30px 0; font-size: 22px;}
    .popup_terms .tit{ margin: 30px 0 15px 0; font-size: 19px;}
    .popup_terms .txt{ margin: 15px 0 15px 0; font-size: 15px;}
    .popup_terms .table table thead tr th{ height: 50px; font-size: 14px;}
    .popup_terms .table table tbody tr td{ padding: 15px 5px; font-size: 14px;}
}


.popup_calendar{ display: none; position: absolute; z-index: 90; border-radius: 0;}
.popup_calendar .row{ position: relative; z-index: 10; padding: 0 15px 15px 15px; border-radius: 8px; background: #FFF; border: 1px solid #DDD;}
.popup_calendar .row .xi-close{ display: flex; justify-content: center; align-items: center; position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; border-radius: 50%; background: #F00; font-size: 12px; color: #FFF; cursor: pointer;}
.popup_calendar .menu{ display: flex; justify-content: space-between; align-items: center; height: 50px;}
.popup_calendar .menu .btn{}
.popup_calendar .menu .btn i{ font-size: 18px; color: #999; cursor: pointer;}
.popup_calendar .menu p{ font-size: 18px; font-weight: 500; color: #000;}
.popup_calendar .head{ display: flex; align-items: center; padding: 10px 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
.popup_calendar .head p{ width: 14.285%; text-align: center; font-size: 14px; color: #666;}
.popup_calendar .head p.sun{ color: #F00;}
.popup_calendar .head p.sat{ color: #0e90d2;}
.popup_calendar .body{ display: flex; flex-wrap: wrap; margin: 10px 0 0 0; width: 245px;}
.popup_calendar .body p{ display: flex; justify-content: center; align-items: center; margin: 1px 0; width: 35px; height: 35px; font-size: 14px; font-weight: 300; color: #CCC; cursor: pointer;}
.popup_calendar .body p.on{ font-weight: 400; color: #000;}
.popup_calendar .body p.on.sun{ color: #F00;}
.popup_calendar .body p.on.sat{ color: #0e90d2;}
.popup_calendar .body p.on.click{ border-radius: 50%; background: #5e2bb8; color: #FFF;}
.popup_calendar .close{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.000001%);}
.popup_calendar.on{ display: block;}
@media(max-width: 767px){
}





.type_table table{ border-collapse: collapse; border-spacing: 0; width: 100%; border-top: 2px solid #000;}
.type_table table thead{}
.type_table table thead tr{}
.type_table table thead tr td{ padding: 0 10px; height: 60px; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; background: #f5f5f5; text-align: center; font-size: 16px; font-weight: 700; color: #000;}
.type_table table thead tr td:first-child{ border-left: 0;}
.type_table table tbody{}
.type_table table tbody tr{}
.type_table table tbody tr th{ padding: 25px 10px; border-bottom: 1px solid #DDD; line-height: 1.4; font-size: 16px; font-weight: 600;}
.type_table table tbody tr td{ padding: 25px 10px; border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; text-align: center; line-height: 1.4; font-size: 16px; color: #000;}
.type_table table tbody tr td:first-child{ border-left: 0;}
@media(max-width: 767px){
}


.type_btn_01{ display: flex; justify-content: center; align-items: center; margin: 60px 0 0 0;}
.type_btn_01 a{ display: flex; justify-content: center; align-items: center; margin: 0 6px; padding: 0 50px; height: 60px; border-radius: 8px; border: 1px solid #666; cursor: pointer;}
.type_btn_01 a p{ font-size: 20px; font-weight: 600; color: #000;}
.type_btn_01 a:hover{ background: #f6f8fb;}
.type_btn_01 a.on{ border-color: #5e2bb8; background: #5e2bb8;}
.type_btn_01 a.on p{ color: #FFF;}
@media(max-width: 767px){
    .type_btn_01{ margin: 40px 0 0 0;}
    .type_btn_01 a{ padding: 0 30px; height: 50px;}
    .type_btn_01 a p{ font-size: 16px;}
}


.type_sub_menu{ margin: 0 0 40px 0;}
.type_sub_menu ul{ display: flex; align-items: flex-end; position: relative; height: 70px; border-radius: 8px 8px 0 0; background: #f6f8fb;}
.type_sub_menu ul:after{ content: ""; position: absolute; right: -1px; bottom: 0; left: -1px; height: 2px; background: #5e2bb8;}
.type_sub_menu ul li{ width: 50%; height: 100%;}
.type_sub_menu ul li a{ display: flex; justify-content: center; align-items: center; height: 100%; cursor: pointer;}
.type_sub_menu ul li a p{ font-size: 20px; font-weight: 500; color: #000;}
.type_sub_menu ul li.on a{ position: relative; z-index: 10; margin: 0 -1px 0 -1px; border-radius: 8px 8px 0 0; border: 2px solid #5e2bb8; background: #FFF;}
.type_sub_menu ul li.on a:before{ content: ""; position: absolute; right: 0; bottom: -2px; left: 0; height: 2px; background: #FFF;}
.type_sub_menu ul li.on a p{ font-size: 20px; font-weight: 700; color: #5e2bb8;}
@media(max-width: 767px){
    .type_sub_menu{ margin: 0 0 30px 0;}
    .type_sub_menu ul{ height: 55px;}
    .type_sub_menu ul li a p{ font-size: 17px;}
    .type_sub_menu ul li.on a p{ font-size: 17px;}
}


.type_option{ display: flex; justify-content: space-between; align-items: flex-end; margin: 0 0 40px 0; padding: 30px; border-radius: 8px; background: #f6f8fb;}
.type_option .fl{ display: flex;}
.type_option .fr{ display: flex;}
.type_option .fl > *:first-child{ margin: 0;}
.type_option .fr > *:first-child{ margin: 0;}
.type_option .row{ display: flex; align-items: center; margin: 0 0 0 10px;}
.type_option .row .tit{ font-size: 16px; font-weight: 700; color: #000;}
.type_option .row select{ display: flex; align-items: center; margin: 0 0 0 12px; padding: 0 50px 0 20px; width: auto; height: 50px; border-radius: 8px; border: 1px solid rgba(0 0 0/20%); background:url(/images/basic_select_icon.png) no-repeat center right 16px #FFF; background-size: 12px auto; font-size: 16px; font-weight: 500; color: #000; outline: none; -webkit-appearance: none;}
.type_option .row select:focus{ border: 1px solid #5e2bb8;}
.type_option .row select:first-child{ margin: 0;}

.type_option .calendar{ display: flex; align-items: center;}
.type_option .calendar .tit{ font-size: 17px; font-weight: 700; color: #000;}
.type_option .calendar .txt{ margin: 0 0 0 12px; font-size: 17px; color: #666;}

.type_option .search{ position: relative; margin: 0 0 0 10px;}
.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 20px; width: 100%; height: 50px; border-radius: 8px; border: 1px solid rgba(0 0 0/20%); background: #FFF; font-size: 16px; font-weight: 500; color: #000; outline: none; -webkit-appearance: none;}
.type_option .search input:focus{ border: 1px solid #5e2bb8;}
.type_option .btn{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; padding: 0 30px; height: 50px; border-radius: 8px; background: #000; font-size: 18px; font-weight: 600; color: #FFF; cursor: pointer;}
.type_option .btn.on{ background: #5e2bb8;}
.type_option .btn.cart{ margin-left: 0; background: #FFF; border: 1px solid #5e2bb8; color: #5e2bb8;}
@media(max-width: 767px){
    .type_option{ display: block; margin: 0 0 30px 0; padding: 10px 20px 20px 20px;}
    .type_option .fl{ display: block;}
    .type_option .fr{ display: block;}
    .type_option .fl > *:first-child{ margin: 10px 0 0 0;}
    .type_option .fr > *:first-child{ margin: 10px 0 0 0;}

    .type_option .row select{ padding: 0 45px 0 15px; width: 100%; height: 45px; font-size: 15px; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto;}
    .type_option .search{ margin: 10px 0 0 0;}
    .type_option .search i{ width: 45px; height: 45px; font-size: 20px;}
    .type_option .search input{ padding: 0 45px 0 15px; height: 45px; font-size: 15px;}
    .type_option .btn{ margin: 10px 0 0 0; width: 100%; height: 45px;}

}


.type_info{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 40px 0;}
.type_info .fl{ font-size: 22px; font-weight: 400; color: #000;}
.type_info .fl span{ margin: 0 2px 0 0; font-weight: 800; color: #5e2bb8;}
.type_info .fr{ display: flex; align-items: center;}
.type_info .fr .number{ display: flex; align-items: center;}
.type_info .fr .number .tit{ margin: 0 16px 0 0; font-size: 16px; 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: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.type_info .fr .sort{ display: flex; align-items: center; margin: 0 0 0 24px; padding: 0 0 0 24px; border-left: 1px solid #DDD;}
.type_info .fr .sort .tit{ font-size: 16px; 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 16px; font-size: 16px; color: #666; cursor: pointer;}
.type_info .fr .sort .btn a.on{ font-weight: 700; color: #5e2bb8;}
@media(max-width: 767px){
    .type_info{ margin: 0 0 30px 0;}
    .type_info .fl{ line-height: 1; font-size: 18px;}
    .type_info .fr .number .tit{ margin: 0 8px 0 0; font-size: 15px;}
    .type_info .fr .number select{ font-size: 15px; background-size: 10px auto;}
    .type_info .fr .sort{ margin: 0 0 0 16px; padding: 0 0 0 16px;}
    .type_info .fr .sort .tit{ font-size: 15px;}
    .type_info .fr .sort .btn a{ margin: 0 0 0 12px; font-size: 15px;}
}


.type_page{ display: flex; justify-content: center; align-items: center; margin: 60px 0 0 0;}
.type_page .btn{ display: flex; align-items: center; padding: 0 12px; height: 40px; border-radius: 20px; cursor: pointer;}
.type_page .btn i{ padding: 0 4px 2px 4px; font-size: 12px; color: #000;}
.type_page .btn p{ padding: 0 4px; font-size: 15px; color: #000;}
.type_page .btn:hover{ background: rgba(0 0 0/5%);}
.type_page .page{ display: flex; align-items: center;}
.type_page .page > * { margin: 0 2px;}
.type_page .page span{ font-size: 14px; color: #999;}
.type_page .page p{ display: flex; justify-content: center; align-items: center; padding: 0 12px; min-width: 40px; height: 40px; border-radius: 20px; font-size: 15px; color: #000; cursor: pointer;}
.type_page .page p:hover{ background: rgba(0 0 0/5%);}
.type_page .page p.on{ border: 1px solid #5e2bb8; background: #5e2bb8 !important; color: #FFF;}
@media(max-width:767px){
    .type_page{ margin: 40px 0 0 0;}
    .type_page .btn{ padding: 0 4px; height: 32px;}
    .type_page .btn i{ padding: 0 2px 1px 2px;}
    .type_page .btn p{ padding: 0 2px; font-size: 14px;}
    .type_page .btn:hover{ background: #FFF;}
    .type_page .page > * { margin: 0;}
    .type_page .page span{ font-size: 14px;}
    .type_page .page p{ padding: 0 6px; min-width: 32px; height: 32px; font-size: 14px;}
    .type_page .page p:hover{ background: #FFF;}
}


.type_faq_menu{ display: flex; flex-wrap: wrap; margin: -10px 0 40px 0;}
.type_faq_menu a{ display: flex; align-items: center; margin: 10px 10px 0 0; padding: 0 30px; height: 50px; border: 1px solid rgba(0 0 0/10%); border-radius: 30px; font-size: 18px; color: #666; cursor: pointer;}
.type_faq_menu a:hover{ background: #f6f8fb;}
.type_faq_menu a.on{ border-color: #5e2bb8; background: #5e2bb8; color: #FFF; font-weight: 600;}
@media(max-width:767px){
    .type_faq_menu{ margin: -5px 0 30px 0;}
    .type_faq_menu a{ margin: 5px 5px 0 0; padding: 0 15px; height: 35px; font-size: 14px;}
}


.type_faq{ border-top: 2px solid #5e2bb8;}
.type_faq ul{}
.type_faq ul li{ border-bottom: 1px solid #DDD;}
.type_faq ul li a{ display: block; position: relative; padding: 30px; cursor: pointer;}
.type_faq ul li a .q{ display: flex; position: relative; padding: 0 60px 0 80px;}
.type_faq ul li a .q .t1{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #CCC; background: #FFF; font-size: 20px; font-weight: 800; color: #000; transition: all .3s;}
.type_faq ul li a .q .t2{ padding: 5px 0 0 0; width: 100px; line-height: 1.4; font-size: 18px; font-weight: 500; color: #5e2bb8;}
.type_faq ul li a .q .t3{ flex: 1; padding: 5px 0 0 0; line-height: 1.4; font-size: 18px; font-weight: 500; color: #000;}
.type_faq ul li a .q i{ display: block; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); font-size: 20px; color: #999; transition: all .3s;}
.type_faq ul li a .a{ display: none; position: relative; margin: 30px 0 0 0; padding: 10px 60px 10px 80px;}
.type_faq ul li a .a .t1{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; background: #5e2bb8; font-size: 18px; font-weight: 600; color: #FFF; transition: all .3s;}
.type_faq ul li a .a .t2{ line-height: 1.6; font-size: 18px; font-weight: 500; color: #000;}
.type_faq ul li a:hover{ background: #f6f8fb;}
.type_faq ul li.on a .q .t1{ border-color: #000; background: #000; color: #FFF;}
.type_faq ul li.on a .q .t3{ font-weight: 600; color: #000;}
.type_faq ul li.on a .q i{ transform: rotate(180deg);}
@media(max-width: 1025px){
    .type_faq ul li a .q{ display: block;}
    .type_faq ul li a .q .t2{ padding: 0 0 5px 0;}
}
@media(max-width: 767px){
    .type_faq ul li a{ padding: 20px 0;}
    .type_faq ul li a:hover{ background: #FFF;}
    .type_faq ul li a .q{ padding: 0 50px 0 50px;}
    .type_faq ul li a .q .t1{ width: 35px; height: 35px; font-size: 16px;}
    .type_faq ul li a .q .t2{ padding: 0; font-size: 14px;}
    .type_faq ul li a .q .t3{ line-height: 1.2; font-size: 15px;}
    .type_faq ul li a .q i{ font-size: 16px;}
    .type_faq ul li a .a{ margin: 20px 0 0 0; padding: 10px 0 10px 50px;}
    .type_faq ul li a .a .t1{ width: 35px; height: 35px; font-size: 16px;}
    .type_faq ul li a .a .t2{ font-size: 15px;}
}


.type_notice{ margin: 40px 0 0 0;}
.type_notice .head{ display: flex; border-top: 1px solid #DDD; border-bottom: 2px solid #5e2bb8;}
.type_notice .head li{ display: flex; justify-content: center; align-items: center; height: 64px;}
.type_notice .head li p{ font-size: 17px; font-weight: 700; 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: 24px 0; border-bottom: 1px solid #DDD;}
.type_notice .body li .row .number{ width: 10%; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #666;}
.type_notice .body li .row .tit{ flex: 1; display: flex; align-items: center; padding: 0 15px;}
.type_notice .body li .row .tit a{ line-height: 30px; font-size: 18px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; cursor: pointer;}
.type_notice .body li .row .tit a span{ display: inline-block; margin: 0 10px 0 0; transform: translate(0,-2px); padding: 0 10px; border-radius: 4px; border: 1px solid #5e2bb8; background: #FFF; line-height: 20px; font-size: 12px; color: #5e2bb8;}
.type_notice .body li .row .date{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 16px; font-weight: 400; color:#666;}
.type_notice .body li .row .click{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 16px; 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 16px; height: 36px; border-radius: 20px; border:1px solid #DDD; background: #FFF; font-size: 16px; color:#666;}
.type_notice .body li .row .answer.on p{ border:1px solid #5e2bb8; background:#5e2bb8; color:#FFF; font-weight: 600;}
.type_notice .body li .row:hover{ background: #f6f8fb;}
.type_notice .body li .row:hover .tit a{ color: #5e2bb8;}
@media(max-width: 767px){
    .type_notice{ margin: 30px 0 0 0; border-top: 2px solid #5e2bb8;}
    .type_notice .head{ display: none;}
    .type_notice .body{}
    .type_notice .body li .row{ padding: 20px 10px;}
    .type_notice .body li .row .number{ justify-content: flex-start; padding: 0 0 6px 0; width: 16%; font-weight: 600; color: #5e2bb8;}
    .type_notice .body li .row .tit{ flex: initial; padding: 0 0 6px 0; width: 84%;}
    .type_notice .body li .row .tit a{ font-size: 17px;}
    .type_notice .body li .row .user{ justify-content: flex-start; margin: 0 24px 0 0; width: auto; font-size: 15px;}
    .type_notice .body li .row .date{ justify-content: flex-start; margin: 0 24px 0 0; width: auto; font-size: 15px;}
    .type_notice .body li .row .click{ justify-content: flex-start; margin: 0 24px 0 0; width: auto; font-size: 15px;}
    .type_notice .body li .row .answer{ width: auto;}
    .type_notice .body li .row .answer p{ padding: 0 12px; height: 30px; font-size: 14px;}
}


.type_qna{ overflow: hidden; margin: 20px 0 0 0; border-radius: 15px; border: 1px solid #e5e5e5;}
.type_qna .head{ display: flex; background: #f5f5f5;}
.type_qna .head li{ display:flex; justify-content:center; align-items:center; height: 50px;}
.type_qna .head li p{ font-size: 14px; font-weight: 300; 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: 30px 0; border-top: 1px solid #e5e5e5;}
.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; font-weight: 300; 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: 2em; color:#666; cursor:pointer;}
.type_qna .body li .row .user{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 14px; font-weight: 200; color:#666;}
.type_qna .body li .row .date{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 14px; font-weight: 200; color:#666;}
.type_qna .body li .row .click{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 14px; font-weight: 200; 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: 20px; border: 1px solid #e5e5e5; background: #fafafa; font-size: 14px; color:#666;}
.type_qna .body li .row .answer.on p{ border: 1px solid #5e2bb8; background:#5e2bb8; color: #FFF;}
@media(max-width:767px){
    .type_qna .head{ display: none;}
    .type_qna .body li:first-child .row{ border-top: 0;}
    .type_qna .body li .row{ padding: 20px 15px 20px 60px;}
    .type_qna .body li .row .number{ position:absolute; top:50%; transform: translate(0,-50%); left: 15px; width:35px; height:35px; border-radius:50%; background: #742790; color:#FFF;}
    .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_event{ margin: 20px 0 0 0; border-radius: 15px; border: 1px solid #e5e5e5;}
.type_event ul{}
.type_event ul li{ border-top: 1px solid #e5e5e5;}
.type_event ul li:first-child{ border: 0;}
.type_event ul li a{ display: flex; align-items: center; padding: 50px;}
.type_event ul li a .img{ flex: 0 0 200px; margin: 0 50px 0 0;}
.type_event ul li a .img img{ display: block; width: 100%; height: auto; border-radius: 15px;}
.type_event ul li a .fr{ display: flex; flex-direction: column; align-items: flex-start; width: 100%;}
.type_event ul li a span{ display: block; padding: 8px 15px; border-radius: 15px; background: #666; font-size: 14px; font-weight: 300; color: #FFF;}
.type_event ul li a span.on{ background: #F00;}
.type_event ul li a .tit{ margin: 15px 0 0 0; width: 100%; line-height: 1.5; font-size: 22px; font-weight: 400; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.type_event ul li a .txt{ margin: 10px 0 0 0; width: 100%; line-height: 1.5; font-size: 14px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.type_event ul li a .date{ display: flex; align-items: center; margin: 15px 0 0 0; font-size: 14px; color: #999;}
.type_event ul li a .date i{ margin: 0 5px 0 0; font-size: 20px; color: #666;}
@media(max-width: 767px){
    .type_event ul li a{ padding: 20px;}
    .type_event ul li a .img{ flex: 0 0 120px; margin: 0 15px 0 0;}
    .type_event ul li a span{ padding: 6px 10px; font-size: 11px;}
    .type_event ul li a .tit{ font-size: 18px;}
    .type_event ul li a .txt{ font-size: 12px;}
    .type_event ul li a .date{ margin: 10px 0 0 0; font-size: 12px;}
    .type_event ul li a .date i{ font-size: 16px;}
}


.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: 36px 0 0 0; padding: 12px 0 24px 0; border-top: 1px solid #DDD; border-bottom: 2px solid #5e2bb8;}
.type_view .head ul li{ display: flex; align-items: center; margin: 12px 36px 0 0;}
.type_view .head ul li:last-child{ margin-right: 0;}
.type_view .head ul li p{ display: block; margin: 0 12px 0 0; line-height: 1; font-size: 16px; color: #999;}
.type_view .head ul li font{ display: block; font-size: 16px; font-weight: 500; color: #000;}
.type_view .head ul li .file{ display: flex; justify-content: center; align-items: center; margin: 0 12px 0 0; padding: 0 24px; height: 48px; border-radius: 8px; border: 1px solid rgba(0 0 0/20%); cursor: pointer;}
.type_view .head ul li .file:last-child{ margin: 0;}
.type_view .head ul li .file p{ margin: 0; padding: 0; border: 0; font-size: 16px; color: #000;}
.type_view .head ul li .file i{ margin: 0 0 0 12px; font-size: 18px; color:#000;}
.type_view .head ul li .file:hover{ background: #f6f8fb;}
.type_view .head ul li .answer{ display: flex; justify-content: center; align-items: center; padding: 0 24px; height: 48px; border-radius: 30px; border: 1px solid #666; font-size: 16px; color: #000; cursor: pointer;}
.type_view .head ul li .answer.on{ border: 1px solid #5e2bb8; background: #5e2bb8; color: #FFF; font-weight: 600;}
.type_view .body{ padding: 60px 40px;}
.type_view .body *{ line-height: 1.8; font-size: 18px; font-weight: 400; color: #000;}
.type_view .body iframe{ display: block; margin: 0 0 40px 0; width: 100% !important; height: 500px !important;}
.type_view .body img{ display: block; margin: 0 0 40px 0; max-width:100%;}

.type_view .body .qna{ border-radius: 8px;}
.type_view .body .qna .head{ display: flex; align-items: center; margin: 0 0 40px 0; font-size: 19px; font-weight: 700; color: #000;}
.type_view .body .qna .head span{ display: flex; justify-content: center; align-items: center; margin: 0 12px 0 0; width: 40px; height: 40px; border-radius: 50%; background: #000; color: #FFF;}
.type_view .body .qna .q{}
.type_view .body .qna .a{ margin: 40px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #000;}
.type_view .body .qna .a .head span{ background: #5e2bb8;}

.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 #DDD;}
.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: rgba(0 0 0/60%);}
.type_view .page li .tit{ display: flex; align-content: center; width: 100%;}
.type_view .page li .tit a{ font-size: 18px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.type_view .page li .tit a span{ display: inline-block; margin: 0 10px 0 0; transform: translate(0,-2px); padding: 0 10px; border-radius: 4px; border: 1px solid #5e2bb8; background: #FFF; line-height: 20px; font-size: 12px; color: #5e2bb8;}
.type_view .page li:hover{ background: #f6f8fb;}
.type_view .page li:hover .tit a{ color: #5e2bb8;}

.type_view.home{ margin: 0 380px 0 0;}
@media(max-width: 1025px){
    .type_view.home{ margin: 0;}
}
@media(max-width: 767px){
    .type_view .head .tit{ font-size: 22px;}
    .type_view .head ul{ display: block; margin: 24px 0 0 0; padding: 15px 0;}
    .type_view .head ul li{ flex-wrap: wrap; position: relative; margin: 0 0 12px 0; padding: 0 0 0 80px; min-height: 24px;}
    .type_view .head ul li:last-child{ margin-bottom: 0;}
    .type_view .head ul li > p{ position: absolute; top: 0; left: 0; margin: 0; line-height: 24px; font-size: 15px;}
    .type_view .head ul li font{ display: block; line-height: 24px; font-size: 15px;}
    .type_view .head ul li .file{ margin: 0 5px 5px 0; padding: 0 15px; height: 40px;}
    .type_view .head ul li .file:last-child{ margin: 0 5px 5px 0;}
    .type_view .head ul li .file p{ font-size: 13px;}
    .type_view .head ul li .file i{ margin: 0 0 0 10px; font-size: 12px;}
    .type_view .head ul li .answer{ padding: 0 15px; height: 35px; font-size: 14px; font-weight: 500;}

    .type_view .body{ padding: 30px 10px;}
    .type_view .body *{ font-size: 16px;}
    .type_view .body iframe{ height: 250px !important;}
    .type_view .body img{ margin: 0 0 20px 0;}

    .type_view .body .qna{ border-radius: 8px;}
    .type_view .body .qna .head{ margin: 0 0 20px 0; font-size: 16px;}
    .type_view .body .qna .head span{ margin: 0 10px 0 0; width: 30px; height: 30px;}
    .type_view .body .qna .a{ margin: 30px 0 0 0; padding: 30px 0 0 0;}

    .type_view .page li{ margin: 10px 0 0 0; padding: 16px 24px 16px 80px;}
    .type_view .page li p{ margin: 0 0 0 -60px; width: 60px; text-align: left; font-size: 15px;}
    .type_view .page li .tit a{ padding: 2px 0 0 0; font-size: 15px;}

    .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{ margin: 60px 0 0 0;}
.type_write:first-child{ margin: 0;}
.type_write .head_tit{ display: flex; justify-content: space-between; align-items: flex-end; padding: 0 0 20px 0;}
.type_write .head_tit p{ line-height: 1.2; font-size: 26px; font-weight: 700; color: #000;}
.type_write .head_tit font{ line-height: 1.2; font-size: 16px; color: #F00;}
.type_write ul{ display: flex; flex-wrap: wrap; border-top: 2px solid #000;}
.type_write ul li{ width: 100%; height: 100%; border-bottom: 1px solid #DDD;}
.type_write ul li .row{ display: flex; align-items: flex-start; padding: 25px 30px; min-height: 99px;}
.type_write ul li .row .tit{ flex: 0 0 160px; display: flex; align-items: center; line-height: 48px; font-size: 18px; font-weight: 600; color: #000;}
.type_write ul li .row .tit span{ color: #F00;}
.type_write ul li .row .txt{ margin: 10px 0 0 0; font-size: 14px; color: #F00;}
.type_write ul li .row .box{ flex: 1; width: 100%;}

.type_write input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 220px; height: 50px; border-radius: 8px; border: 1px solid #DDD; background: #FFF; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.type_write input:focus{ border: 1px solid #5e2bb8;}
.type_write select{ display: flex; align-items: center; margin: 0; padding: 0 35px 0 15px; width: 100%; height: 50px; border-radius: 8px; border: 1px solid #DDD; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 12px auto; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.type_write select:focus{ border: 1px solid #5e2bb8;}
.type_write textarea{ display: block; margin: 0; padding: 15px; width: 100%; height: 200px; max-height: 200px; min-height: 200px; border-radius: 8px; border: 1px solid #DDD; background: none; line-height: 1.5; font-size: 16px; color: #000; outline:none; -webkit-appearance:none;}
.type_write textarea:focus{ border: 1px solid #5e2bb8;}

.type_write .check_id{ display: flex;}
.type_write .check_id .btn{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 100px; border-radius: 8px; border: 1px solid #CCC; cursor: pointer;}
.type_write .check_id .btn:hover{ background: #f6f8fb;}

.type_write .radio{ display: flex; flex-wrap: wrap;}
.type_write .radio label{ display: flex; align-items: center; margin: 10px 30px 0 0; cursor: pointer;}
.type_write .radio label i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #CCC; background: #FFF; font-size: 12px; color: #FFF;}
.type_write .radio label p{ margin: 0 0 0 5px; font-size: 16px; color: #000;}
.type_write .radio label.on i{ border-color: #5e2bb8; background: #5e2bb8; color: #FFF;}
.type_write .radio label.on p{ font-weight: 600;}

.type_write .in_name{ display: flex; align-items: center;}
.type_write .in_name .radio{ margin: -10px 0 0 30px;}

.type_write .birthday{ display: block;}
.type_write .birthday .ft{ display: flex; align-items: center;}
.type_write .birthday .ft .radio{ margin: -10px 0 0 30px;}

.type_write .tel{ display: flex; max-width: 500px;}
.type_write .tel select{ flex: 0 0 100px; width: 100px;}
.type_write .tel input{ margin: 0 0 0 10px; width: 50%;}

.type_write .mail{ flex: 1; display: flex; width: 100%;}
.type_write .mail .fl{ display: flex;}
.type_write .mail .fl input{ width: 100%;}
.type_write .mail .fl p{ flex: 0 0 20px; text-align: center; line-height: 50px; font-size: 12px; color: #666;}
.type_write .mail select{ flex: 0 0 200px; margin: 0 0 0 10px;}

.type_write .tour_user{ display: flex;}
.type_write .tour_user .fl{ display: flex; align-items: center; width: 50%;}
.type_write .tour_user .fl .flex{ margin: 0 30px 0 0;}
.type_write .tour_user .fr{ display: flex; align-items: center; width: 50%;}
.type_write .tour_user .fr .flex{ flex: 1;}
.type_write .tour_user .flex p{ font-size: 16px; font-weight: 600; color: #000; white-space: nowrap;}
.type_write .tour_user .flex input{ margin: 0 0 0 10px; width: 100%;}
.type_write .tour_user .flex select{ margin: 0 0 0 10px; width: 100%;}
.type_write .tour_user .radio{ display: flex; flex-wrap: initial;}
.type_write .tour_user .radio > p{ margin: 0 10px 0 0; font-size: 16px; font-weight: 600; color: #000;}
.type_write .tour_user .radio label{ margin-top: 0;}
.type_write .tour_user .radio label i{ flex: 0 0 20px;}
.type_write .tour_user .radio label p{ white-space: nowrap;}
.type_write .tour_user .close{ margin: 0 0 0 15px;}
.type_write .tour_user .close i{ font-size: 18px; color: #F00; cursor: pointer;}

.type_write .tour_user_plus{ display: flex;}
.type_write .tour_user_plus .btn{ display: flex; align-items: center; padding: 0 30px; height: 50px; border-radius: 8px; border: 1px solid #DDD; cursor: pointer;}
.type_write .tour_user_plus .btn p{ font-size: 18px; font-weight: 600; color: #000;}
.type_write .tour_user_plus .btn i{ margin: 0 0 0 10px; font-size: 16px; color: #000;}
.type_write .tour_user_plus .btn:hover{ border-color: #5e2bb8; background: #f6f8fb;}

.type_write .tour_date{}
.type_write .tour_date .ft{ display: flex; align-items: center;}
.type_write .tour_date .ft .fl{ display: flex; align-items: center;}
.type_write .tour_date .ft .fr{ display: flex; align-items: center; margin: 0 0 0 10px;}
.type_write .tour_date .fb{ display: flex; align-items: center; margin: 20px 0 0 0;}
.type_write .tour_date .fb .f_row{ display: flex; align-items: center;}
.type_write .tour_date p{ margin: 0 0 0 10px; font-size: 16px; color: #000; white-space: nowrap;}
.type_write .tour_date p:first-child{ margin-left: 0;}
.type_write .tour_date input{ margin: 0 0 0 10px; width: 100%;}
.type_write .tour_date input:first-child{ margin-left: 0;}
.type_write .tour_date select{ margin: 0 0 0 10px; width: auto;}

.type_write .tour_city{ display: flex; align-items: center; margin: 20px 0 0 0;}
.type_write .tour_city .box{ overflow: hidden; width: 50%; border-radius: 8px; border: 1px solid #DDD;}
.type_write .tour_city .box .head{ display: flex; align-items: center; padding: 0 20px; height: 60px; border-bottom: 1px solid #DDD; font-size: 18px; font-weight: 600; color: #000;}
.type_write .tour_city .box .body{ overflow: auto; height: 200px;}
.type_write .tour_city .box .body ul{ border: 0;}
.type_write .tour_city .box .body ul li{ display: flex; align-items: center; padding: 10px 20px; border: 0; cursor: pointer;}
.type_write .tour_city .box .body ul li p{ font-size: 16px; color: #000;}
.type_write .tour_city .box .body ul li i{ margin: 0 0 0 10px; padding: 5px; border-radius: 4px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #000;}
.type_write .tour_city .box .body ul li:hover{ background: #f6f8fb;}
.type_write .tour_city .box .body::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
.type_write .tour_city .box .body::-moz-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
.type_write .tour_city .box .body::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
.type_write .tour_city .box .body::-ms-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
.type_write .tour_city .box .body::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
.type_write .tour_city .box .body::-webkit-scrollbar-thumb{ background-color: #5e2bb8; border-radius: 0;}
.type_write .tour_city > i{ padding: 0 10px; font-size: 20px; color: #000;}

.type_write .tour_airline{ display: flex; flex-wrap: wrap; margin: -10px 0 0 0;}
.type_write .tour_airline label{ display: flex; align-items: center; margin: 10px 30px 0 0; cursor: pointer;}
.type_write .tour_airline label i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #CCC; background: #FFF; font-size: 12px; color: #FFF;}
.type_write .tour_airline label p{ margin: 0 0 0 5px; font-size: 18px; color: #000;}
.type_write .tour_airline label.on i{ border-color: #5e2bb8; background: #5e2bb8; color: #FFF;}
.type_write .tour_airline label.on p{ font-weight: 600;}
.type_write .tour_airline .fr{ display: flex; margin: 10px 0 0 0;}
.type_write .tour_airline .fr .box{ display: flex; align-items: center;}
.type_write .tour_airline .fr .box p{ margin: 0 10px; font-size: 16px; color: #000; white-space: nowrap;}
.type_write .tour_airline .fr .box p:first-child{ margin-left: 0;}
.type_write .tour_airline .fr .box:nth-child(2){ margin: 0 0 0 10px;}

.type_write .file{ display: flex; margin: 10px 0 0 0;}
.type_write .file:first-child{ margin: 0;}
.type_write .file input{ width: 100%; border-radius: 8px 0 0 8px;}
.type_write .file .btn{ display: flex; justify-content: center; align-items: center; width: 120px; height: 50px; border-radius: 0 8px 8px 0; border: 1px solid #CCC; border-left: 0; background: #fafafa; cursor: pointer;}
.type_write .file .btn p{ font-size: 17px; color: #000;}

.type_write .out_text p{ font-size: 16px;}
@media(max-width: 1601px){
    .type_write .tour_user{ display: block;}
    .type_write .tour_user .fl{ width: auto;}
    .type_write .tour_user .fl .flex{ width: 50%;}
    .type_write .tour_user .fl .flex:last-child{ margin: 0;}
    .type_write .tour_user .fr{ margin: 20px 0 0 0; width: auto;}
}
@media(max-width: 1025px){
    .type_write ul li{ width: 100% !important;}

    .type_write .in_name{ display: block;}
    .type_write .in_name .radio{ margin: 10px 0 0 0;}

    .type_write .tour_user .fl{ display: block;}
    .type_write .tour_user .fl .flex{ margin: 10px 0 0 0 !important; width: auto;}
    .type_write .tour_user .fl .flex:first-child{ margin: 0 !important;}
    .type_write .tour_user .fr{ display: block; margin: 20px 0 0 0;}
    .type_write .tour_user .fr .flex{ margin: 20px 0 0 0;}
    .type_write .tour_user .flex p{ flex: 0 0 70px; margin: 0;}
    .type_write .tour_user .flex input{ margin: 0;}
    .type_write .tour_user .flex select:nth-child(2){ margin: 0;}
    .type_write .tour_user .radio > p{ flex: 0 0 70px; margin: 0;}

    .type_write .tour_date .fb{ flex-wrap: wrap; margin: 15px 0 0 -10px;}
    .type_write .tour_date .fb p:first-child{ margin: 0 0 10px 10px; width: 100%;}
}
@media(max-width: 767px){
    .type_write{ margin: 40px 0 0 0;}
    .type_write .head_tit{ padding: 0 0 15px 0;}
    .type_write .head_tit p{ line-height: 1; font-size: 22px;}
    .type_write .head_tit font{ font-size: 14px;}

    .type_write ul li .row{ display: block; padding: 20px 0;}
    .type_write ul li .row .tit{ padding: 0 0 10px 0; width: auto; line-height: 1; font-size: 16px;}

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

    .type_write .radio label{ margin: 10px 20px 0 0;}
    .type_write .radio label p{ font-size: 15px;}

    .type_write .mail{ display: block;}
    .type_write .mail .fl p{ line-height: 45px;}
    .type_write .mail select{ flex: initial; margin: 10px 0 0 0;}

    .type_write .tour_user .flex select{ margin: 0 0 0 5px;}
    .type_write .tour_user .flex select:nth-child(2){ flex: 0 0 100px;}

    .type_write .tour_user_plus .btn{ justify-content: center; padding: 0; width: 100%; height: 45px;}
    .type_write .tour_user_plus .btn p{ font-size: 15px;}
    .type_write .tour_user_plus .btn i{ margin: 0 0 2px 10px; font-size: 15px;}

    .type_write .tour_date .ft{ display: block;}
    .type_write .tour_date .ft .fr{ margin: 10px 0 0 0;}
    .type_write .tour_date .fb{ margin: 10px 0 0 0;}
    .type_write .tour_date .fb > p{ margin: 0 !important; font-size: 15px;}
    .type_write .tour_date .fb .f_row{ margin: 10px 0 0 0; width: 100%;}
    .type_write .tour_date select{ margin: 0 0 0 0; min-width: 160px;}

    .type_write .tour_city{ margin: 10px 0 0 0;}
    .type_write .tour_city > i{ padding: 0 5px; font-size: 12px;}
    .type_write .tour_city .box .head{ height: 45px; font-size: 15px;}

    .type_write .birthday .ft{}
    .type_write .birthday .ft .radio{ flex: 0 0 140px; margin: -10px 0 0 10px;}

    .type_write .file .btn{ height: 45px;}
    .type_write .file .btn p{ font-size: 15px;}

    .type_write .out_text p{ font-size: 13px;}
}


.type_terms{ line-height: 1.8;}
.type_terms .box > div{ margin: 40px 0 0 0;}
.type_terms .box > div:first-child{ margin: 0;}
.type_terms h1{ padding: 0 0 10px 0; line-height: 1.8; font-size: 20px;}
.type_terms p{ line-height: 1.8; font-size: 16px;}
@media(max-width: 767px){
    .type_terms .box > div{ margin: 30px 0 0 0;}
    .type_terms h1{ font-size: 18px;}
    .type_terms p{ font-size: 15px;}
}


.type_terms_privacy{ line-height: 1.8; font-size: 16px; color: #000;}
.type_terms_privacy .box1{ padding: 60px; border-radius: 16px; background: #f6f8fb;}
.type_terms_privacy .box1 ul{ margin: 40px 0 0 0;}
.type_terms_privacy .box2{ padding: 0;}
.type_terms_privacy .table_wrap{ margin: 20px 0 0 0;}
.type_terms_privacy .table_box{ margin: 20px 0 0 0; border-collapse: collapse; border-spacing: 0; width: 100%;}
.type_terms_privacy .table_box table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.type_terms_privacy .table_box table a{ cursor: pointer;}
.type_terms_privacy h1{ padding: 60px 0 10px 0; font-size: 20px;}
.type_terms_privacy h3{ padding: 60px 0 10px 0; font-size: 20px;}
.type_terms_privacy p{ font-size: 16px;}
.type_terms_privacy div.box2 ul { margin-top:1rem}
.type_terms_privacy div.box2 ul li{color:#000; line-height:1.5rem; margin-bottom:1rem}
.type_terms_privacy div.box2 ul li h2{font-size:1rem; margin-top:1rem}
.type_terms_privacy div.box2 table td, .type_terms_privacy div.box2 table th{border:1px solid #cdcdcd; padding:1rem; line-height:1.25rem}
.type_terms_privacy div.box2 table thead th{background-color:#f3f3f3;}
.type_terms_privacy div.box2 table td{text-align:left;}
.type_terms_privacy div.box2 table td > a{color:#1d9fe6;text-decoration:underline}
@media(max-width: 767px){
    .type_terms_privacy{ font-size: 15px;}
    .type_terms_privacy .box1{ padding: 30px; border-radius: 10px;}
    .type_terms_privacy .box1 ul{ margin: 20px 0 0 0;}
    .type_terms_privacy .box2{ padding: 0;}
    .type_terms_privacy .table_wrap{ margin: 20px 0 0 0;}
    .type_terms_privacy .table_box{ margin: 0;}
    .type_terms_privacy h1{ padding: 30px 0 10px 0; font-size: 18px;}
    .type_terms_privacy h3{ padding: 30px 0 10px 0; font-size: 18px;}
    .type_terms_privacy p{ margin-bottom: 10px; font-size: 15px;}
    .type_terms_privacy div.box2 ul { margin-top: 0;}
    .type_terms_privacy div.box2 ul li{ line-height: 1.8; margin-bottom: 0;}
    .type_terms_privacy div.box2 table td, .type_terms_privacy div.box2 table th{ border: 1px solid #e5e5e5; padding: 10px 5px; line-height: 1.4; font-size: 14px;}
}


.customer_inquiry_terms{ margin: 60px 0 0 0;}
.customer_inquiry_terms .head{ padding: 0 0 30px 0;}
.customer_inquiry_terms .head p{ font-size: 26px; font-weight: 700; color: #000;}
.customer_inquiry_terms .body{ padding: 40px; border-top: 2px solid #5e2bb8; background: #f6f8fb;}
.customer_inquiry_terms .body .text{}
.customer_inquiry_terms .body .text .tit{ font-size: 20px; font-weight: 700; color: #000;}
.customer_inquiry_terms .body .text .tit span{ color: #F00;}
.customer_inquiry_terms .body .text .table{ margin: 20px 0 0 0; border-radius: 8px; border: 1px solid rgba(0 0 0/15%); background: #FFF;}
.customer_inquiry_terms .body .text .table table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.customer_inquiry_terms .body .text .table table thead{}
.customer_inquiry_terms .body .text .table table thead tr{ border-bottom: 1px solid rgba(0 0 0/10%);}
.customer_inquiry_terms .body .text .table table thead tr th{ padding: 20px 10px; border-left: 1px solid rgba(0 0 0/10%); text-align: center; font-size: 16px; font-weight: 500; color: #000; white-space: nowrap;}
.customer_inquiry_terms .body .text .table table thead tr th:first-child{ border-left: 0;}
.customer_inquiry_terms .body .text .table table thead tr th span{ color: #F00;}
.customer_inquiry_terms .body .text .table table tbody{}
.customer_inquiry_terms .body .text .table table tbody tr{}
.customer_inquiry_terms .body .text .table table tbody tr td{ padding: 20px 10px; border-left: 1px solid rgba(0 0 0/10%); text-align: center; font-size: 16px; color: #000;}
.customer_inquiry_terms .body .text .table table tbody tr td:first-child{ border-left: 0;}
.customer_inquiry_terms .body .text .table table tbody tr td span{ color: #F00;}
.customer_inquiry_terms .body .text .txt{ margin: 15px 0 0 0; font-size: 14px; color: #F00;}
.customer_inquiry_terms .body .btn{ display: flex; align-items: center; margin: 30px 0 0 0; font-size: 18px; font-weight: 500; color: #000; cursor: pointer;}
.customer_inquiry_terms .body .btn i{ display: flex; justify-content: center; align-items: center; margin: 0 5px 0 0; width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 14px; color: #CCC;}
.customer_inquiry_terms .body .btn span{ padding: 0 0 0 5px; color: #F00;}
.customer_inquiry_terms .body .btn.on{ font-weight: 700;}
.customer_inquiry_terms .body .btn.on i{ border-color: #5e2bb8; background: #5e2bb8; color: #FFF;}
.customer_inquiry_terms .info{ display: flex; padding: 20px 40px; border-top: 1px solid rgba(0 0 0/10%); border-bottom: 1px solid rgba(0 0 0/10%); background: #FFF;}
.customer_inquiry_terms .info font{ font-size: 16px; font-weight: 600; color: #000;}
.customer_inquiry_terms .info ul{ display: flex; align-items: center;}
.customer_inquiry_terms .info ul li{ display: flex; align-items: center; margin: 0 0 0 40px;}
.customer_inquiry_terms .info ul li p{ font-size: 16px; color: rgba(0 0 0/50%);}
.customer_inquiry_terms .info ul li span{ margin: 0 0 0 10px; font-size: 16px; font-weight: 500; color: #000;}
@media(max-width: 1025px){
    .customer_inquiry_terms .info{ display: block;}
    .customer_inquiry_terms .info ul{ display: block;}
    .customer_inquiry_terms .info ul li{ margin: 10px 0 0 0;}
    .customer_inquiry_terms .info ul li p{ flex: 0 0 60px;}
}
@media(max-width: 767px){
    .customer_inquiry_terms{ margin: 30px 0 0 0;}
    .customer_inquiry_terms .head{ padding: 0 0 15px 0;}
    .customer_inquiry_terms .body{ padding: 20px;}
    .customer_inquiry_terms .body .text .tit{ font-size: 18px;}
    .customer_inquiry_terms .body .text .table{ margin: 10px 0 0 0; border-radius: 5px;}
    .customer_inquiry_terms .body .text .table table thead tr th{ padding: 15px 10px; font-size: 15px;}
    .customer_inquiry_terms .body .text .table table tbody tr td{ padding: 15px 10px; font-size: 14px;}
    .customer_inquiry_terms .body .text .txt{ margin: 10px 0 0 0; font-size: 12px;}
    .customer_inquiry_terms .body .btn{ margin: 15px 0 0 0; font-size: 15px;}
    .customer_inquiry_terms .body .btn i{ width: 20px; height: 20px; font-size: 12px;}
    .customer_inquiry_terms .info{ padding: 15px 20px;}
    .customer_inquiry_terms .info font{ font-size: 15px;}
    .customer_inquiry_terms .info ul li{ margin: 5px 0 0 0;}
    .customer_inquiry_terms .info ul li p{ width: 50px; font-size: 14px;}
    .customer_inquiry_terms .info ul li span{ margin: 0; font-size: 14px;}
}


.customer_inquiry_head{ display: flex; flex-direction: column; align-items: center; padding: 60px; border-radius: 8px; background: #f4f7fb; text-align: center;}
.customer_inquiry_head .txt{ font-size: 20px; font-weight: 500; color: #000;}
.customer_inquiry_head .txt br{ display: none;}
.customer_inquiry_head .type_btn_01{ margin: 30px 0 0 0;}
@media(max-width: 767px){
    .customer_inquiry_head{ padding: 30px 15px; border-radius: 5px;}
    .customer_inquiry_head .txt{ font-size: 18px;}
    .customer_inquiry_head .txt br{ display: block;}
    .customer_inquiry_head .type_btn_01{ margin: 20px 0 0 0;}
}

















.member_login{ margin: 0 auto; max-width: 600px;}
.member_login .menu{}
.member_login .menu ul{ display: flex; align-items: flex-end; position: relative; height: 70px; border-radius: 8px 8px 0 0; background: #f6f8fb;}
.member_login .menu ul:after{ content: ""; position: absolute; right: -1px; bottom: 0; left: -1px; height: 2px; background: #5e2bb8;}
.member_login .menu ul li{ width: 50%; height: 100%;}
.member_login .menu ul li a{ display: flex; justify-content: center; align-items: center; height: 100%; cursor: pointer;}
.member_login .menu ul li a p{ font-size: 18px; font-weight: 500; color: #000;}
.member_login .menu ul li.on a{ position: relative; z-index: 10; margin: 0 -1px 0 -1px; border-radius: 8px 8px 0 0; border: 2px solid #5e2bb8; background: #FFF;}
.member_login .menu ul li.on a:before{ content: ""; position: absolute; right: 0; bottom: -2px; left: 0; height: 2px; background: #FFF;}
.member_login .menu ul li.on a p{ font-weight: 600; color: #5e2bb8;}

.member_login .text{ padding: 40px 0; border-bottom: 1px solid #DDD;}
.member_login .text p{ position: relative; padding: 5px 0 5px 15px; font-size: 16px; color: #555;}
.member_login .text p:before{ content: ""; display: block; position: absolute; top: 14px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: rgba(0 0 0/50%);}

.member_login .text_ok{ text-align: center;}
.member_login .text_ok .t1{ font-size: 18px; color: #000;}
.member_login .text_ok .t2{ font-size: 26px; font-weight: 700; color: #000;}

.member_login .body{}
.member_login .body .box{ padding: 60px;}
.member_login .body .box:last-child{ border-top: 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: 60px; height: 60px; font-size: 24px; color: #000; cursor: pointer;}
.member_login .body .form_in i.xi-eye{ display: none; color: #5e2bb8;}
.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: 60px; border-radius: 8px; border: 1px solid #CCC; background: none; font-size: 18px; font-weight: 400; color: #000; outline:none; -webkit-appearance:none;}
.member_login .body .form_in input:focus{ border: 1px solid #5e2bb8;}
.member_login .body .form_in select{ display: flex; align-items: center; margin: 0; padding: 0 50px 0 20px; width: 100%; height: 60px; border-radius: 8px; border: 1px solid #CCC; 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;}
.member_login .body .form_in select:focus{ border: 1px solid #5e2bb8;}
.member_login .body .form_in.tel{ display: flex;}
.member_login .body .form_in.tel select{ flex: 0 0 120px;}
.member_login .body .form_in.tel input{ margin: 0 0 0 10px;}
.member_login .body .form_in.on i.xi-eye{ display: flex;}
.member_login .body .form_in.on i.xi-eye-off{ display: none;}
.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: 20px; border: 1px solid #CCC; font-size: 12px; color: #FFF;}
.member_login .body .form label p{ margin: 0 0 0 5px; font-size: 16px; color: #333;}
.member_login .body .form label.on i{ border-color: #5e2bb8; background: #5e2bb8;}
.member_login .body .btn{ display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 8px; background: #5e2bb8; font-size: 20px; font-weight: 500; color: #FFF; cursor: pointer;}

.member_login .body .sub_tit{ font-size: 18px; font-weight: 700; color: #333;}
.member_login .body .btn_id{ margin: 20px 0 0 0;}
.member_login .body .btn_id a{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; height: 60px; border-radius: 8px; border: 1px solid #666; background: none; font-size: 18px; font-weight: 400; color: #000; cursor: pointer;}
.member_login .body .btn_id a:first-child{ margin: 0;}
.member_login .body .btn_id a:hover{ background: #f6f8fb;}
.member_login .body .btn_join{ display: block; margin: 20px 0 0 0; padding: 20px; border-radius: 8px; border: 1px solid #5e2bb8;}
.member_login .body .btn_join .t1{ text-align: center; font-size: 16px; font-weight: 500; color: #000;}
.member_login .body .btn_join .t2{ display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: 700; color: #5e2bb8; 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: #5e2bb8; font-size: 12px; color: #FFF; transition: all .3s;}
.member_login .body .btn_join:hover{ background: #f6f8fb;}

.member_login .banner{ position: relative; margin: 0 0 40px 0;}
.member_login .banner .rolling{ overflow: hidden; border-radius: 8px;}
.member_login .banner .rolling a img{ display: block; width: 100%;}
.member_login .banner .rolling .swiper-button-prev{ opacity: 0;}
.member_login .banner .rolling .swiper-button-next{ opacity: 0;}
.member_login .banner .btn-prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 50%; transform: translate(0,-50%); left: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/15%); cursor: pointer;}
.member_login .banner .btn-prev i{ position: relative; z-index: 9; font-size: 20px; color: #000; transition: all .2s;}
.member_login .banner .btn-next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 50%; transform: translate(0,-50%); right: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/15%); cursor: pointer;}
.member_login .banner .btn-next i{ position: relative; z-index: 9; font-size: 20px; color: #000; transition: all .2s;}
.member_login .banner .btn-prev:hover i{ color: #5e2bb8;}
.member_login .banner .btn-next:hover i{ color: #5e2bb8;}

.member_login .foot{ padding: 40px 60px; border-radius: 8px; background: #f6f8fb;}
.member_login .foot .t1{ display: flex; align-items: center; margin: 0 0 10px 0; font-size: 20px; font-weight: 700; color: #5e2bb8;}
.member_login .foot .t1 i{ margin: 0 5px 0 0; font-size: 24px; color: #5e2bb8;}
.member_login .foot .t2{ position: relative; padding: 4px 0 4px 24px; font-size: 16px; color: #333;}
.member_login .foot .t2:before{ content: ""; display: block; position: absolute; top: 14px; left: 10px; width: 4px; height: 4px; border-radius: 50%; background: rgba(0 0 0/50%);}
@media(max-width: 767px){
    .member_login .menu ul{ height: 55px; border-radius: 5px 5px 0 0;}
    .member_login .menu ul li a p{ font-size: 16px;}
    .member_login .menu ul li.on a{ border-radius: 5px 5px 0 0;}

    .member_login .text{ padding: 20px 0;}
    .member_login .text p{ font-size: 14px;}

    .member_login .text_ok{ padding: 20px 0 0 0;}
    .member_login .text_ok .t1{ font-size: 15px;}
    .member_login .text_ok .t2{ font-size: 20px;}

    .member_login .body .box{ padding: 30px;}
    .member_login .body .box .form{ margin: 0 0 20px 0;}
    .member_login .body .form_tit{ font-size: 13px;}
    .member_login .body .form_in{ margin: 5px 0 0 0;}
    .member_login .body .form_in i{ width: 45px; height: 45px; font-size: 20px;}
    .member_login .body .form_in input{ padding: 0 15px; height: 45px; border-radius: 5px; font-size: 15px;}
    .member_login .body .form_in select{ padding: 0 30px 0 15px; height: 45px; border-radius: 5px; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 15px;}
    .member_login .body .form_in.tel{ display: flex;}
    .member_login .body .form_in.tel select{ flex: 0 0 90px;}
    .member_login .body .form_in.tel input{ margin: 0 0 0 10px;}
    .member_login .body .form label p{ font-size: 15px;}
    .member_login .body .btn{ height: 50px; border-radius: 5px; font-size: 16px;}

    .member_login .body .sub_tit{ font-size: 16px;}
    .member_login .body .btn_id{ margin: 10px 0 0 0;}
    .member_login .body .btn_id a{ height: 45px; border-radius: 5px; font-size: 15px;}
    .member_login .body .btn_join{ margin: 10px 0 0 0; padding: 15px; border-radius: 5px;}
    .member_login .body .btn_join .t1{ font-size: 15px;}
    .member_login .body .btn_join .t2{ font-size: 20px;}
    .member_login .body .btn_join .t2 i{ margin: 0 0 0 5px; width: 20px; height: 20px;}

    .member_login .banner .rolling{ border-radius: 5px;}
    .member_login .banner .btn-prev{ display: none;}
    .member_login .banner .btn-next{ display: none;}

    .member_login .foot{ padding: 20px 20px; border-radius: 5px;}
    .member_login .foot .t1{ font-size: 18px;}
    .member_login .foot .t1 i{ font-size: 24px;}
    .member_login .foot .t2{ font-size: 14px;}
    .member_login .foot .t2:before{ top: 12px;}
}


.member_join{}
.member_join .step{}
.member_join .step ul{ display: flex; justify-content: center; position: relative; border-radius: 8px; background: #f6f8fb;}
.member_join .step ul li{ display: flex; flex-direction: column; align-items: center; position: relative; padding: 60px 0; width: 33.333%;}
.member_join .step ul li .t1{ font-size: 16px; color: #666;}
.member_join .step ul li .t2{ font-size: 26px; font-weight: 700; color: #000;}
.member_join .step ul li .right{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: -20px; margin: -20px 0 0 0; width: 40px; height: 40px;}
.member_join .step ul li .right i{ font-size: 20px; color: #000;}
.member_join .step ul li.on .t1{ color: #000;}
.member_join .step ul li.on .t2{ color: #5e2bb8;}

.member_join .title{ margin: 60px 0 0 0; font-size: 26px; font-weight: 700; color: #000;}
.member_join .text{ padding: 10px 0 0 0;}
.member_join .text p{ position: relative; padding: 5px 0 5px 15px; font-size: 16px; color: #555;}
.member_join .text p:before{ content: ""; display: block; position: absolute; top: 14px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: rgba(0 0 0/50%);}

.member_join .foot{ margin: 60px 0 0 0; padding: 40px 60px; border-radius: 8px; background: #f6f8fb;}
.member_join .foot .t1{ display: flex; align-items: center; margin: 0 0 10px 0; font-size: 20px; font-weight: 700; color: #5e2bb8;}
.member_join .foot .t1 i{ margin: 0 5px 0 0; font-size: 24px; color: #5e2bb8;}
.member_join .foot .t2{ position: relative; padding: 4px 0 4px 24px; font-size: 16px; color: #333;}
.member_join .foot .t2:before{ content: ""; display: block; position: absolute; top: 14px; left: 10px; width: 4px; height: 4px; border-radius: 50%; background: rgba(0 0 0/50%);}

.member_join .join_terms{ margin: 60px 0 0 0;}
.member_join .join_terms .all_btn{ display: flex; align-items: center; cursor: pointer;}
.member_join .join_terms .all_btn i{ display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #CCC; font-size: 14px; color: #CCC;}
.member_join .join_terms .all_btn p{ font-size: 26px; font-weight: 700; color: #000;}
.member_join .join_terms .all_btn.on i{ border-color: #5e2bb8; background: #5e2bb8; color: #FFF;}
.member_join .join_terms .list{ margin: 30px 0 0 0; padding: 20px 0; border-top: 2px solid #5e2bb8; border-bottom: 1px solid #DDD;}
.member_join .join_terms .list ul{}
.member_join .join_terms .list ul li{ display: flex; justify-content: space-between; align-items: center; padding: 10px 30px;}
.member_join .join_terms .list ul li .check{ display: flex; align-items: center; cursor: pointer;}
.member_join .join_terms .list ul li .check i{ display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #CCC; background: #FFF; font-size: 12px; color: #CCC;}
.member_join .join_terms .list ul li .check p{ font-size: 18px; font-weight: 400; color: #000;}
.member_join .join_terms .list ul li .check.on i{ border-color: #5e2bb8; background: #5e2bb8; color: #FFF;}
.member_join .join_terms .list ul li .btn{ display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 40px; border-radius: 40px; border: 1px solid #DDD; background: #FFF; font-size: 14px; color: #000; cursor: pointer;}
.member_join .join_terms .list ul li .btn:hover{ border-color: #5e2bb8; color: #5e2bb8;}
.member_join .join_terms .list ul li:hover{ background: #f6f8fb;}

.member_join .join_ok{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.member_join .join_ok .ok_id{ margin: 20px 0 0 0; font-size: 20px; color: #000;}
.member_join .join_ok .ok_id span{ font-weight: 600; color: #5e2bb8;}
.member_join .join_ok .text{ margin: 40px 0 0 0;}

.member_join .type_write{ margin: 60px 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: 769px){
    .member_join .step ul li{ padding: 30px 0;}
    .member_join .step ul li .t1{ font-size: 12px;}
    .member_join .step ul li .t2{ font-size: 18px;}
    .member_join .step ul li .right i{ font-size: 14px;}

    .member_join .title{ margin: 30px 0 0 0; font-size: 20px;}
    .member_join .text{ padding: 5px 0 0 0;}
    .member_join .text p{ font-size: 15px;}
    .member_join .text p:before{ top: 12px;}

    .member_join .foot{ margin: 40px 0 0 0; padding: 30px;}
    .member_join .foot .t1{ margin: 0 0 5px 0; font-size: 18px;}
    .member_join .foot .t1 i{ margin: 0 5px 0 0; font-size: 20px;}
    .member_join .foot .t2{ padding: 4px 0 4px 24px; font-size: 14px;}
    .member_join .foot .t2:before{ top: 12px;}

    .member_join .join_terms{ margin: 40px 0 0 0;}
    .member_join .join_terms .all_btn i{ width: 24px; height: 24px; font-size: 12px;}
    .member_join .join_terms .all_btn p{ font-size: 20px;}
    .member_join .join_terms .list{ margin: 15px 0 0 0; padding: 15px 0;}
    .member_join .join_terms .list ul{}
    .member_join .join_terms .list ul li{ padding: 5px 0;}
    .member_join .join_terms .list ul li .check i{ width: 24px; height: 24px; font-size: 12px;}
    .member_join .join_terms .list ul li .check p{ font-size: 16px;}
    .member_join .join_terms .list ul li .btn{ padding: 0 15px; height: 35px; font-size: 13px;}

    .member_join .join_ok{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .member_join .join_ok .ok_id{ margin: 20px 0 0 0; font-size: 18px; color: #000;}
    .member_join .join_ok .ok_id span{ font-weight: 600; color: #F00;}
    .member_join .join_ok .text{ margin: 40px 0 0 0;}

    .member_join .type_write{ margin: 40px 0 0 0;}
}




.mypage_head{}
.mypage_head .user{ display: flex; justify-content: center; align-items: center; padding: 30px 0; border-radius: 10px; background: #f6f8fb;}
.mypage_head .user .img{ display: flex; justify-content: center; align-items: center; width: 140px; height: 140px; border-radius: 50%; background: #FFF; box-shadow: 0 3px 30px 0 rgba(0 0 0/5%);}
.mypage_head .user .img img{ display: block; height: 40px;}
.mypage_head .user .fr{ display: flex; flex-direction: column; align-items: flex-start; margin: 0 0 0  20px;}
.mypage_head .user .fr .name{ font-size: 32px; color: #000;}
.mypage_head .user .fr .name span{ font-weight: 700; color: #000;}
.mypage_head .user .fr .out{ display: flex; align-items: center; margin: 10px 0 0 0; padding: 0 30px; height: 35px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: rgba(255 255 255/50%); font-size: 14px; color: #666; cursor: pointer;}
.mypage_head .menu{ margin: 15px 0 0 0; width: 100%;}
.mypage_head .menu ul{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 15px;}
.mypage_head .menu ul li{}
.mypage_head .menu ul li a{ display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 10px; border: 1px solid rgba(0 0 0/10%); background: #FFF; transition: all .2s; cursor: pointer;}
.mypage_head .menu ul li a p{ font-size: 18px; font-weight: 500; color: #000;}
.mypage_head .menu ul li a:hover{ transform: scale(.9);}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .mypage_head .user{ padding: 20px 0; border-radius: 5px;}
    .mypage_head .user .img{ width: 80px; height: 80px;}
    .mypage_head .user .img img{ height: 22px;}
    .mypage_head .user .fr{ margin: 0 0 0 15px;}
    .mypage_head .user .fr .name{ line-height: 1; font-size: 20px;}
    .mypage_head .user .fr .out{ margin: 10px 0 0 0; padding: 0 15px; height: 30px; font-size: 12px;}
    .mypage_head .menu{ margin: 10px 0 0 0;}
    .mypage_head .menu ul{ grid-gap: 10px;}
    .mypage_head .menu ul li a{ padding: 0; height: 45px; border-radius: 5px;}
    .mypage_head .menu ul li a p{ font-size: 15px;}
    .mypage_head .menu ul li a:hover{ transform: scale(1);}
}


.mypage_title{ display: flex; justify-content: space-between; align-items: center; margin: 60px 0 20px 0;}
.mypage_title p{ font-size: 36px; font-weight: 700; color: #000;}
.mypage_title p font{ color: #F00;}
.mypage_title span{ font-size: 16px; color: #666;}
.mypage_title span font{ color: #F00;}
.mypage_title a{ display: flex; align-items: center; cursor: pointer;}
.mypage_title a p{ font-size: 16px; font-weight: 300; color: #999;}
.mypage_title a i{ margin: 0 0 4px 10px; font-size: 16px; color: #999;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .mypage_title{ margin: 40px 0 15px 0;}
    .mypage_title p{ font-size: 26px;}
    .mypage_title span{ font-size: 14px;}
    .mypage_title a p{ font-size: 14px;}
    .mypage_title a i{ margin: 0 0 3px 10px; font-size: 14px;}
}


.mypage_cnc_reservation_list{}
.mypage_cnc_reservation_list ul{}
.mypage_cnc_reservation_list ul li{ margin: 20px 0 0 0;}
.mypage_cnc_reservation_list ul li:first-child{ margin: 0;}
.mypage_cnc_reservation_list ul li .row{ display: flex; flex-wrap: wrap; border-radius: 8px; border: 1px solid #DDD;}
.mypage_cnc_reservation_list ul li .row .item{ display: flex; align-items: center; position: relative; padding: 30px 30px; width: 100%;}
.mypage_cnc_reservation_list ul li .row .item .img{ width: 200px; border-radius: 8px;}
.mypage_cnc_reservation_list ul li .row .item .img img{ display: block; width: 100%;}
.mypage_cnc_reservation_list ul li .row .item .fr{ flex: 1; padding: 0 20px;}
.mypage_cnc_reservation_list ul li .row .item .fr .t1{ line-height: 1.2; font-size: 26px; font-weight: 700; color: #000;}
.mypage_cnc_reservation_list ul li .row .item .fr .t2{ display: flex; align-items: flex-end; margin: 15px 0 0 0; line-height: 1.2; font-size: 20px; font-weight: 600; color: #000;}
.mypage_cnc_reservation_list ul li .row .item .fr .t2 span{ padding: 0 0 1px 0; width: 70px; font-size: 16px; font-weight: 400; color: #666;}
.mypage_cnc_reservation_list ul li .row .item .fr .t3{ display: flex; align-items: flex-end; margin: 5px 0 0 0; line-height: 1.2; font-size: 20px; font-weight: 600; color: #F00;}
.mypage_cnc_reservation_list ul li .row .item .fr .t3 span{ padding: 0 0 1px 0; width: 70px; font-size: 16px; font-weight: 400; color: #666;}
.mypage_cnc_reservation_list ul li .row .item .btn{}
.mypage_cnc_reservation_list ul li .row .item .btn a{ display: flex; justify-content: center; align-items: center; margin: 10px 0; width: 140px; height: 45px; border-radius: 8px; background: #FFF; font-size: 16px; font-weight: 600; color: #FFF; transition: all .2s; cursor: pointer;}
.mypage_cnc_reservation_list ul li .row .item .btn a:last-child{ border: 1px solid #DDD; color: #000;}
.mypage_cnc_reservation_list ul li .row .item .btn a:last-child:hover{ background: #f6f8fb;}
.mypage_cnc_reservation_list ul li .row .fb{ flex: 1; display: flex; justify-content: flex-end; margin: 0 30px; padding: 30px 0; border-radius: 0 0 8px 8px; border-top: 1px solid #DDD;}
.mypage_cnc_reservation_list ul li .row .date{ display: flex;}
.mypage_cnc_reservation_list ul li .row .date .box{ display: flex; margin: 0 0 0 50px;}
.mypage_cnc_reservation_list ul li .row .date .box .t1{ font-size: 16px; color: #999;}
.mypage_cnc_reservation_list ul li .row .date .box .t2{ margin: 0 0 0 10px; font-size: 16px; font-weight: 500; color: #000;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
    .mypage_cnc_reservation_list ul li .row .item{ flex-wrap: wrap;}
    .mypage_cnc_reservation_list ul li .row .item .fr{ padding: 0 0 0 20px;}
    .mypage_cnc_reservation_list ul li .row .item .btn{ display: flex; margin: 30px 0 0 0; width: 100%;}
    .mypage_cnc_reservation_list ul li .row .item .btn a{ width: 50%; height: 50px; border-radius: 5px;}
    .mypage_cnc_reservation_list ul li .row .item .btn a:nth-child(1){ margin: 0 5px 0 0;}
    .mypage_cnc_reservation_list ul li .row .item .btn a:nth-child(2){ margin: 0 0 0 5px;}
    .mypage_cnc_reservation_list ul li .row .fb{ display: block; padding: 0 0 30px 0; border: 0;}
    .mypage_cnc_reservation_list ul li .row .date{ display: grid; grid-gap: 5px;}
    .mypage_cnc_reservation_list ul li .row .date .box{ margin: 0;}
    .mypage_cnc_reservation_list ul li .row .date .box .t1{ flex: 0 0 60px;}
}
@media(max-width: 767px){
    .mypage_cnc_reservation_list ul li{ margin: 15px 0 0 0;}
    .mypage_cnc_reservation_list ul li .row .item{ flex-wrap: wrap; padding: 20px;}
    .mypage_cnc_reservation_list ul li .row .item .img{ width: 100%; border-radius: 5px;}
    .mypage_cnc_reservation_list ul li .row .item .fr{ margin: 15px 0 0 0; padding: 0;}
    .mypage_cnc_reservation_list ul li .row .item .fr .t1{ font-size: 22px;}
    .mypage_cnc_reservation_list ul li .row .item .fr .t2{ margin: 10px 0 0 0; font-size: 15px;}
    .mypage_cnc_reservation_list ul li .row .item .fr .t2 span{ width: 60px; font-size: 15px;}
    .mypage_cnc_reservation_list ul li .row .item .fr .t3{ margin: 5px 0 0 0; font-size: 15px;}
    .mypage_cnc_reservation_list ul li .row .item .fr .t3 span{ width: 60px; font-size: 15px;}
    .mypage_cnc_reservation_list ul li .row .item .btn{ margin: 20px 0 0 0;}
    .mypage_cnc_reservation_list ul li .row .item .btn a{ height: 45px; font-size: 15px;}
    .mypage_cnc_reservation_list ul li .row .item .btn a:nth-child(1){ margin: 0 2.5px 0 0;}
    .mypage_cnc_reservation_list ul li .row .item .btn a:nth-child(2){ margin: 0 0 0 2.5px;}

    .mypage_cnc_reservation_list ul li .row .fb{ margin: 0 20px;}
    .mypage_cnc_reservation_list ul li .row .date .box .t1{ flex: 0 0 55px; font-size: 15px;}
    .mypage_cnc_reservation_list ul li .row .date .box .t2{ font-size: 15px;}
}


.no_data{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 20px 0 0 0; padding: 50px; border-radius: 8px; border: 1px solid #DDD;}
.no_data img{ display: block; margin: 0 0 20px 0; height: 80px;}
.no_data p{ font-size: 18px; color: #000;}
.no_data a{ display: flex; align-items: center; margin: 20px 0 0 0; padding: 0 30px; height: 50px; border-radius: 30px; background: #5e2bb8; font-size: 18px; font-weight: 500; color: #FFF;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .no_data{ padding: 30px 0;}
    .no_data img{ margin: 0 0 15px 0; height: 50px;}
    .no_data p{ font-size: 16px;}
    .no_data a{ margin: 15px 0 0 0; padding: 0 25px; height: 40px; font-size: 16px;}
}


.hotel_reservation_text{ margin: 20px 0 0 0; padding: 30px 30px; border-radius: 8px; background: #f6f8fb;}
.hotel_reservation_text p{ position: relative; padding: 4px 0 4px 24px; font-size: 16px; color: #333;}
.hotel_reservation_text p:before{ content: ""; display: block; position: absolute; top: 14px; left: 10px; width: 4px; height: 4px; border-radius: 50%; background: rgba(0 0 0/50%);}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .hotel_reservation_text{ margin: 15px 0 0 0; padding: 20px 20px;}
    .hotel_reservation_text p{ padding: 4px 0 4px 15px; font-size: 14px;}
    .hotel_reservation_text p:before{ top: 12px; left: 0;}
}


.mypage_cnc_reservation_write{}
.mypage_cnc_reservation_write ul{ display: flex; flex-wrap: wrap; border-top: 1px solid #000;}
.mypage_cnc_reservation_write ul li{ width: 100%; height: 100%; border-bottom: 1px solid #DDD;}
.mypage_cnc_reservation_write ul li .row{ position: relative; padding: 20px 20px 20px 180px;}
.mypage_cnc_reservation_write ul li .row .tit{ display: flex; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; padding: 0 0 0 40px; width: 160px; background: #f6f8fb; line-height: 45px; font-size: 16px; font-weight: 500; color: rgba(0 0 0/60%);}
.mypage_cnc_reservation_write ul li .row .tit span{ color: #F00;}
.mypage_cnc_reservation_write ul li .row .txt{ padding: 5px 0; font-size: 16px; color: #000;}
.mypage_cnc_reservation_write ul li .row .box{ flex: 1; width: 100%;}
.mypage_cnc_reservation_write ul li .row .text{ padding: 10px 0 0 0;}
.mypage_cnc_reservation_write ul li .row .text p{ position: relative; padding: 6px 0 0 15px; font-size: 14px; color: #333;}
.mypage_cnc_reservation_write ul li .row .text p:before{ content: ""; display: block; position: absolute; top: 16px; left: 0; width: 5px; height: 1px; background: rgba(0 0 0/50%);}

.mypage_cnc_reservation_write input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 220px; height: 45px; border-radius: 8px; border: 1px solid #DDD; background: #FFF; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.mypage_cnc_reservation_write input:focus{ border: 1px solid #5e2bb8;}
.mypage_cnc_reservation_write select{ display: flex; align-items: center; margin: 0; padding: 0 40px 0 15px; width: 100%; height: 45px; border-radius: 8px; border: 1px solid #DDD; 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;}
.mypage_cnc_reservation_write select:focus{ border: 1px solid #5e2bb8;}
.mypage_cnc_reservation_write textarea{ display: block; margin: 0; padding: 15px 15px; width: 100%; height: 160px; max-height: 160px; min-height: 160px; border-radius: 8px; border: 1px solid #DDD; background: none; line-height: 1.5; font-size: 16px; color: #000; outline:none; -webkit-appearance:none;}
.mypage_cnc_reservation_write textarea:focus{ border: 1px solid #5e2bb8;}

.mypage_cnc_reservation_write .mail{ display: flex;}
.mypage_cnc_reservation_write .mail input{ margin: 0 10px 0 0; width: 30%;}
.mypage_cnc_reservation_write .mail select{ flex: 0 0 100px; width: 300px;}

.mypage_cnc_reservation_write .tel{ display: flex; width: 400px;}
.mypage_cnc_reservation_write .tel select{ flex: 0 0 100px; width: 100px;}
.mypage_cnc_reservation_write .tel input{ margin: 0 0 0 10px; width: 50%;}

.mypage_cnc_reservation_write .name_check{ display: flex; align-items: center;}
.mypage_cnc_reservation_write .name_check input{ margin: 0 20px 0 0;}
.mypage_cnc_reservation_write .name_check .btn{ display: flex; align-items: center; cursor: pointer;}
.mypage_cnc_reservation_write .name_check .btn i{ display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 8px; border: 1px solid #DDD; font-size: 12px; color: #666;}
.mypage_cnc_reservation_write .name_check .btn p{ margin: 0 0 0 8px; font-size: 14px; color: #666;}
.mypage_cnc_reservation_write .name_check .btn.on i{ border-color: #5e2bb8; background: #5e2bb8; color: #FFF;}
.mypage_cnc_reservation_write .name_check .btn.on p{ font-weight: 500; color: #000;}

.mypage_cnc_reservation_write .user{ display: flex; align-items: center;}
.mypage_cnc_reservation_write .user .u_row{ display: flex; align-items: center; margin: 0 20px 0 0;}
.mypage_cnc_reservation_write .user .u_row p{ margin: 0 10px 0 0; font-size: 16px; font-weight: 500; white-space: nowrap;}

.mypage_cnc_reservation_write .pay{ display: flex; align-items: center; padding: 10px 0;}
.mypage_cnc_reservation_write .pay .btn{ display: flex; align-items: center; margin: 0 30px 0 0; cursor: pointer;}
.mypage_cnc_reservation_write .pay .btn i{ display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #DDD; font-size: 12px; color: #666;}
.mypage_cnc_reservation_write .pay .btn p{ margin: 0 0 0 8px; font-size: 16px; color: #666;}
.mypage_cnc_reservation_write .pay .btn.on i{ border-color: #5e2bb8; background: #5e2bb8; color: #FFF;}
.mypage_cnc_reservation_write .pay .btn.on p{ font-weight: 500; color: #000;}

.mypage_cnc_reservation_write .pay_info{ margin: 10px 0 0 0; padding: 30px; border-radius: 8px; border: 1px solid #DDD;}
.mypage_cnc_reservation_write .pay_info .p_tit{ font-size: 18px; color: #666;}
.mypage_cnc_reservation_write .pay_info .number{ font-size: 36px; font-weight: 700; color: #000;}
.mypage_cnc_reservation_write .pay_info .name{ font-size: 20px; color: #000;}

.mypage_cnc_reservation_write .name{ display: flex; align-items: center; width: 100%;}
.mypage_cnc_reservation_write .name p{ display: flex; align-items: center; width: 50%; font-size: 20px; font-weight: 600; color: #000;}
.mypage_cnc_reservation_write .name p span{ padding: 0 10px 0 0; font-size: 14px; font-weight: 400; color: #666;}

.mypage_cnc_reservation_write .coupon{ display: flex; margin: 10px 0 0 0;}
.mypage_cnc_reservation_write .coupon:nth-child(2){ margin: 0;}
.mypage_cnc_reservation_write .coupon .fl{ flex: 1; display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; border-radius: 8px; border: 1px solid #DDD;}
.mypage_cnc_reservation_write .coupon .fl p{ flex: 1; font-size: 16px; color: #000;}
.mypage_cnc_reservation_write .coupon .fl p span{ color: #F00;}
.mypage_cnc_reservation_write .coupon .fl i{ width: 30px; text-align: right; font-size: 12px; color: #666;}
.mypage_cnc_reservation_write .coupon .btn{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; padding: 10px 0; width: 120px; border-radius: 8px; background: #f5f5f5; font-size: 16px; color: #999; cursor: pointer;}
.mypage_cnc_reservation_write .coupon .btn.on{ background: #5e2bb8; color: #FFF;}

.mypage_cnc_reservation_write .award{ display: flex; justify-content: center; align-items: center; width: 120px; height: 45px; border-radius: 8px; background: #000; font-size: 16px; font-weight: 600; color: #FFF;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .mypage_cnc_reservation_write ul li .row{ padding: 20px 0;}
    .mypage_cnc_reservation_write ul li .row .tit{ position: initial; padding: 0 0 15px 0; width: auto; background: none; line-height: 1; font-size: 16px;}
    .mypage_cnc_reservation_write ul li .row .txt{ padding: 5px 0; font-size: 16px; color: #000;}
    .mypage_cnc_reservation_write ul li .row .box{ flex: 1; width: 100%;}
    .mypage_cnc_reservation_write ul li .row .text{ padding: 10px 0 0 0;}
    .mypage_cnc_reservation_write ul li .row .text p{ position: relative; padding: 6px 0 0 15px; font-size: 14px; color: #333;}
    .mypage_cnc_reservation_write ul li .row .text p:before{ content: ""; display: block; position: absolute; top: 16px; left: 0; width: 5px; height: 1px; background: rgba(0 0 0/50%);}

    .mypage_cnc_reservation_write input{ width: 100%;}
    .mypage_cnc_reservation_write textarea{ height: 120px; max-height: 120px; min-height: 120px;}

    .mypage_cnc_reservation_write .mail{ display: block;}
    .mypage_cnc_reservation_write .mail input{ margin: 0 0 10px 0; width: 100%;}
    .mypage_cnc_reservation_write .mail .txt{ display: none;}
    .mypage_cnc_reservation_write .mail select{ flex: 1; margin: 0; width: 100%;}

    .mypage_cnc_reservation_write .tel{ display: flex; width: auto;}

    .mypage_cnc_reservation_write .name_check{ display: block;}
    .mypage_cnc_reservation_write .name_check input{ margin: 0 0 10px 0;}

    .mypage_cnc_reservation_write .user{ display: flex; align-items: center;}
    .mypage_cnc_reservation_write .user .u_row{ display: flex; align-items: center; margin: 0 20px 0 0;}
    .mypage_cnc_reservation_write .user .u_row p{ margin: 0 10px 0 0; font-size: 16px; font-weight: 500; white-space: nowrap;}

    .mypage_cnc_reservation_write .pay{ display: flex; align-items: center; padding: 10px 0;}
    .mypage_cnc_reservation_write .pay .btn{ display: flex; align-items: center; margin: 0 30px 0 0; cursor: pointer;}
    .mypage_cnc_reservation_write .pay .btn i{ display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #DDD; font-size: 12px; color: #666;}
    .mypage_cnc_reservation_write .pay .btn p{ margin: 0 0 0 8px; font-size: 14px; color: #666;}
    .mypage_cnc_reservation_write .pay .btn.on i{ border-color: #5e2bb8; background: #5e2bb8; color: #FFF;}
    .mypage_cnc_reservation_write .pay .btn.on p{ font-weight: 500; color: #000;}

    .mypage_cnc_reservation_write .pay_info{ margin: 10px 0 0 0; padding: 20px; border-radius: 5px;}
    .mypage_cnc_reservation_write .pay_info .p_tit{ font-size: 16px;}
    .mypage_cnc_reservation_write .pay_info .number{ font-size: 30px;}
    .mypage_cnc_reservation_write .pay_info .name{ font-size: 16px;}

    .mypage_cnc_reservation_write .award{ width: auto;}

    .mypage_cnc_reservation_write .coupon .fl p{ font-size: 14px;}
    .mypage_cnc_reservation_write .coupon .btn{ width: 80px; font-size: 14px;}

    .mypage_cnc_reservation_write .name{ display: grid; grid-gap: 10px;}
    .mypage_cnc_reservation_write .name p{ font-size: 16px;}
    .mypage_cnc_reservation_write .name p span{ flex: 0 0 60px;}
}


.sub_brand_visual{ display: flex; align-items: center; position: relative; padding: 0 100px; height: 600px; background: url(/images/sub_brand_bg.jpg) center/cover;}
.sub_brand_visual:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(-90deg, rgba(0 0 0/0%), rgba(0 0 0/40%));}
.sub_brand_visual .type_row{ display: flex; flex-direction: column; align-items: flex-start; position: relative; z-index: 10;}
.sub_brand_visual .t1{ line-height: 1; font-size: 100px; font-weight: 800; color: #FFF;}
.sub_brand_visual .t2{ line-height: 1; margin: 20px 0 0 5px; font-size: 40px; font-weight: 500; color: #FFF;}

.sub_brand_planning{ padding: 100px 0 100px 0;}
.sub_brand_planning .type_row{ display: flex;}
.sub_brand_planning .head{ width: 500px;}
.sub_brand_planning .head .t1{ line-height: 1; font-size: 20px; font-weight: 600; color: #5e2bb8; text-transform: uppercase;}
.sub_brand_planning .head .t2{ margin: 10px 0 0 0; line-height: 1.2; font-size: 60px; font-weight: 800; color: #000;}
.sub_brand_planning .list{ flex: 1;}
.sub_brand_planning .list ul{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px;}
.sub_brand_planning .list ul li{ display: flex; align-items: center; position: relative; padding: 50px; border-radius: 10px; border: 1px solid #e5e5e5;}
.sub_brand_planning .list ul li:after{ display: none; content: ""; position: absolute; top: -10px; left: 40px; width: 30px; height: 30px; border-radius: 50%; background: #5e2bb8; filter: blur(10px); opacity: .2;}
.sub_brand_planning .list ul li img{ display: block; position: relative; z-index: 10; margin: 0 30px 0 0; height: 60px;}
.sub_brand_planning .list ul li p{ line-height: 1.4; font-size: 18px; color: #000;}
.sub_brand_planning .list ul li p br{ display: none;}

.sub_brand_work{ padding: 100px 0 100px 0; background: #f6f8fb;}
.sub_brand_work .type_row{ display: flex;}
.sub_brand_work .head{ width: 500px;}
.sub_brand_work .head .t1{ line-height: 1; font-size: 20px; font-weight: 600; color: #5e2bb8; text-transform: uppercase;}
.sub_brand_work .head .t2{ margin: 10px 0 0 0; line-height: 1.2; font-size: 60px; font-weight: 800; color: #000;}
.sub_brand_work .list{ flex: 1;}
.sub_brand_work .list ul{ display: flex; flex-wrap: wrap; margin: -60px -10px 0 -10px;}
.sub_brand_work .list ul li{ position: relative; margin: 60px 0 0 0; width: 50%;}
.sub_brand_work .list ul li .row{ margin: 0 10px;}
.sub_brand_work .list ul li .row .img{ height: 300px; border-radius: 10px; background: #000;}
.sub_brand_work .list ul li .row p{ margin: 20px 0 0 0; line-height: 1.4; font-size: 18px; color: #000;}

.sub_brand_vision{ padding: 100px 0 100px 0;}
.sub_brand_vision .type_row{ display: flex;}
.sub_brand_vision .head{ width: 500px;}
.sub_brand_vision .head .t1{ line-height: 1; font-size: 20px; font-weight: 600; color: #5e2bb8; text-transform: uppercase;}
.sub_brand_vision .head .t2{ margin: 10px 0 0 0; line-height: 1.2; font-size: 60px; font-weight: 800; color: #000;}
.sub_brand_vision .list{ flex: 1;}
.sub_brand_vision .list ul{ display: grid; grid-row-gap: 60px;}
.sub_brand_vision .list ul li{ display: flex; align-items: flex-start;}
.sub_brand_vision .list ul li span{ position: relative; margin: -10px 0 0 0; width: 150px; line-height: 1; font-size: 80px; font-weight: 700; color: #5e2bb8;}
.sub_brand_vision .list ul li div{ flex: 1;}
.sub_brand_vision .list ul li p{ line-height: 1.4; font-size: 20px; font-weight: 600; color: #000;}
.sub_brand_vision .list ul li dl{ padding: 10px 0 0 0;}
.sub_brand_vision .list ul li dl dd{ position: relative; padding: 0 0 0 15px; margin: 10px 0 0 0; line-height: 1.4; font-size: 16px; color: #666;}
.sub_brand_vision .list ul li dl dd:before{ content: ""; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #CCC;}

.sub_brand_about{ display: flex; align-items: center; padding: 100px 0 0 0; border-top: 1px solid #DDD;}
.sub_brand_about .type_row{ display: flex;}
.sub_brand_about .head{ width: 500px;}
.sub_brand_about .head .t1{ line-height: 1; font-size: 20px; font-weight: 600; color: #5e2bb8; text-transform: uppercase;}
.sub_brand_about .head .t2{ margin: 10px 0 0 0; line-height: 1.2; font-size: 60px; font-weight: 800; color: #000;}
.sub_brand_about .fr{ flex: 1; width: 100%;}
.sub_brand_about .fr ul{ display: flex; flex-wrap: wrap; border-top: 2px solid #5e2bb8;}
.sub_brand_about .fr ul li{ display: flex; padding: 30px 20px; width: 50%; border-bottom: 1px solid #DDD;}
.sub_brand_about .fr ul li:last-child{ width: 100%;}
.sub_brand_about .fr ul li strong{ flex: 0 0 160px; font-size: 18px; font-weight: 600; color: #000;}
.sub_brand_about .fr ul li span{ font-size: 16px; color: #000;}
.sub_brand_about .fr ul li div{ display: flex; flex-wrap: wrap; margin: -10px 0 0 -10px;}
.sub_brand_about .fr ul li div p{ margin: 10px 0 0 10px; padding: 10px 20px; border: 1px solid #DDD; font-size: 16px; color: #666;}
.sub_brand_about .fr ul li div p b{ display: block; font-size: 18px; font-weight: 500; color: #000;}
@media(max-width: 1601px){
    .sub_brand_planning .head{ width: 350px;}
    .sub_brand_planning .head .t2{ font-size: 50px;}
    .sub_brand_planning .list ul li p br{ display: none;}

    .sub_brand_work .head{ width: 350px;}
    .sub_brand_work .head .t2{ font-size: 50px;}

    .sub_brand_vision .head{ width: 350px;}
    .sub_brand_vision .head .t2{ font-size: 50px;}

    .sub_brand_about .head{ width: 350px;}
    .sub_brand_about .head .t2{ font-size: 50px;}
}
@media(max-width: 1025px){
    .sub_brand_planning .type_row{ display: block;}
    .sub_brand_planning .head{ width: auto;}
    .sub_brand_planning .head .t2 br{ display: none;}
    .sub_brand_planning .list{ margin: 60px 0 0 0;}

    .sub_brand_work .type_row{ display: block;}
    .sub_brand_work .head{ width: auto;}
    .sub_brand_work .list{ margin: 60px 0 0 0;}

    .sub_brand_vision .type_row{ display: block;}
    .sub_brand_vision .head{ width: auto;}
    .sub_brand_vision .list{ margin: 60px 0 0 0;}

    .sub_brand_about .type_row{ display: block;}
    .sub_brand_about .head{ width: auto;}
    .sub_brand_about .fr{ margin: 60px 0 0 0;}
}
@media(max-width: 767px){
    .sub_brand_visual{ padding: 0 30px !important; height: 200px;}
    .sub_brand_visual .t1{ font-size: 40px;}
    .sub_brand_visual .t2{ margin: 10px 0 0 3px; font-size: 16px;}

    .sub_brand_planning{ padding: 40px 0;}
    .sub_brand_planning .head .t1{ font-size: 14px;}
    .sub_brand_planning .head .t2{ margin: 10px 0 0 0; line-height: 1; font-size: 26px;}
    .sub_brand_planning .list{ margin: 30px 0 0 0;}
    .sub_brand_planning .list ul{ grid-template-columns: repeat(1,1fr); grid-gap: 10px;}
    .sub_brand_planning .list ul li{ padding: 30px;}
    .sub_brand_planning .list ul li img{ margin: 0 30px 0 0; height: 40px;}
    .sub_brand_planning .list ul li p{ font-size: 15px;}

    .sub_brand_work{ padding: 40px 0;}
    .sub_brand_work .head .t1{ font-size: 14px;}
    .sub_brand_work .head .t2{ margin: 10px 0 0 0; line-height: 1; font-size: 26px;}
    .sub_brand_work .list{ margin: 20px 0 0 0;}
    .sub_brand_work .list ul{ margin: -20px -5px 0 -5px;}
    .sub_brand_work .list ul li{ margin: 20px 0 0 0;}
    .sub_brand_work .list ul li .row{ margin: 0 5px;}
    .sub_brand_work .list ul li .row .img{ height: 120px;}
    .sub_brand_work .list ul li .row p{ margin: 10px 0 0 0; font-size: 15px;}
    .sub_brand_work .list ul li .row p br{ display: none;}

    .sub_brand_vision{ padding: 40px 0;}
    .sub_brand_vision .head .t1{ font-size: 14px;}
    .sub_brand_vision .head .t2{ margin: 10px 0 0 0; font-size: 26px;}
    .sub_brand_vision .list{ margin: 20px 0 0 0;}
    .sub_brand_vision .list ul{ grid-row-gap: 20px;}
    .sub_brand_vision .list ul li{ display: flex; align-items: flex-start;}
    .sub_brand_vision .list ul li span{ margin: 0; padding: 5px 0 0 0; width: 40px; font-size: 20px; color: #5e2bb8;}
    .sub_brand_vision .list ul li p{ font-size: 18px;}
    .sub_brand_vision .list ul li dl{ padding: 5px 0 0 0;}
    .sub_brand_vision .list ul li dl dd{ font-size: 14px;}

    .sub_brand_about{ padding: 40px 0 0 0;}
    .sub_brand_about .head .t1{ font-size: 14px;}
    .sub_brand_about .head .t2{ margin: 10px 0 0 0; font-size: 26px;}
    .sub_brand_about .fr{ margin: 20px 0 0 0;}
    .sub_brand_about .fr ul li{ padding: 20px 10px; width: 100%;}
    .sub_brand_about .fr ul li strong{ flex: 0 0 130px; font-size: 15px;}
    .sub_brand_about .fr ul li span{ font-size: 15px;}
    .sub_brand_about .fr ul li div p{ font-size: 14px;}
    .sub_brand_about .fr ul li div p b{ font-size: 16px;}
}