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




body::-moz-scrollbar{ width: 5px; background: #000;}
body::-moz-scrollbar-thumb{ background-color: #008efb; border-radius: 0;}
body::-ms-scrollbar{ width: 5px; background: #000;}
body::-ms-scrollbar-thumb{ background-color: #008efb; border-radius: 0;}
body::-webkit-scrollbar{ width: 5px; background: #000;}
body::-webkit-scrollbar-thumb{ background-color: #008efb; border-radius: 0;}




.font_max{ font-family: "Montserrat", sans-serif;}
.font_min{ font-family: "Poppins", sans-serif;}


.type_full{ padding-right: 100px; padding-left: 100px;}
.type_row{ margin: 0 auto; max-width: 1400px; width: 100%;}
@media(max-width: 1601px){
    .type_full{ padding-right: 50px; padding-left: 50px;}
}
@media(max-width: 1023px){
}
@media(max-width: 767px){
    .type_full{ padding-right: 20px; padding-left: 20px;}
}




.all_menu{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: fixed; z-index: 200; top: 0; right: -100%; bottom: 0; left: 100%; background: rgba(0 0 0/70%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; transition: all .3s;}
.all_menu .row{ display: flex; justify-content: space-between; align-items: center; max-width: 1200px; width: 100%;}
.all_menu .row .fl{ position: relative;}
.all_menu .row .fl .menu{ display: flex; flex-direction: column; align-items: flex-start;}
.all_menu .row .fl .menu a{ display: block; position: relative; margin: 60px 0 0 0; line-height: 100px; opacity: 0; transition: all .3s;}
.all_menu .row .fl .menu a p{ font-size: 80px; font-weight: 500; color: #FFF;}
.all_menu .row .fl .menu a .tip{ position: absolute; z-index: 10; top: -60px; right: 0; transform: translate(-50%,0); padding: 0 30px; height: 40px; border-radius: 20px; background: #fb0059; display: flex; align-items: center; font-size: 14px; font-weight: 300; color: #FFF !important; white-space: nowrap; animation: header_tip 2s infinite;}
.all_menu .row .fl .menu a .tip:after{ content: ""; position: absolute; bottom: -8px; left: 50%; transform: translate(-50%,0); width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color:  #fb0059 transparent transparent transparent;}
.all_menu .row .fl .menu a:first-child{ margin: 0;}
.all_menu .row .fl .menu a:nth-child(1){ transform: translate(100px,0); opacity: 0;}
.all_menu .row .fl .menu a:nth-child(2){ transform: translate(200px,0); opacity: 0;}
.all_menu .row .fl .menu a:nth-child(3){ transform: translate(300px,0); opacity: 0;}
.all_menu .row .fl .menu a:after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #FFF; transition: all .3s;}
.all_menu .row .fl .menu a.on p{ font-weight: 500; background: linear-gradient(180deg, #008efb, #2ca6b1);  background: -webkit-linear-gradient(180deg, #008efb, #2ca6b1); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}

.all_menu .row .fr{ transform: translate(400px,0); opacity: 0; transition: all .3s;}
.all_menu .row .fr .ft{ padding: 0 0 30px 0;}
.all_menu .row .fr .ft .t1{ font-size: 14px; font-weight: 200; color: rgba(255 255 255/50%);}
.all_menu .row .fr .ft .t2{ margin: 20px 0 0 0;}
.all_menu .row .fr .ft .t2 a{ display: block; margin: 20px 0 0 0; line-height: 25px; font-size: 20px; font-weight: 300; color: #FFF; transition: all .3s;}
.all_menu .row .fr .ft .t2 a:first-child{ margin: 0;}
.all_menu .row .fr .ft .t2 a.on{ font-weight: 500; background: linear-gradient(180deg, #008efb, #2ca6b1);  background: -webkit-linear-gradient(180deg, #008efb, #2ca6b1); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.all_menu .row .fr .fm{ padding: 30px 0 40px 0; border-top: 1px solid rgba(255 255 255/20%);}
.all_menu .row .fr .fm .t1{ font-size: 14px; font-weight: 200; color: rgba(255 255 255/50%);}
.all_menu .row .fr .fm .t2{ margin: 20px 0 0 0;}
.all_menu .row .fr .fm .t2 a{ display: block; margin: 20px 0 0 0; line-height: 25px; font-size: 20px; font-weight: 300; color: #FFF; transition: all .3s;}
.all_menu .row .fr .fm .t2 a:first-child{ margin: 0;}
.all_menu .row .fr .fm .t2 a.on{ font-weight: 500; background: linear-gradient(180deg, #008efb, #2ca6b1);  background: -webkit-linear-gradient(180deg, #008efb, #2ca6b1); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.all_menu .row .fr .fb{}
.all_menu .row .fr .fb .btn{ display: flex; justify-content: center; align-items: center; padding: 0 40px; height: 60px; border-radius: 30px; background: linear-gradient(90deg, #008efb, #2ca6b1); transition: all .3s; cursor: pointer;}
.all_menu .row .fr .fb .btn p{ font-size: 18px; font-weight: 400; color: #FFF;}
.all_menu .row .fr .fb .btn i{ margin: 0 0 0 20px; font-size: 18px; color: #FFF;}
.all_menu .close{}
.all_menu .close_btn{ display: flex; align-items: center; position: fixed; z-index: 300; top: 30px; right: 100px; height: 30px; cursor: pointer; transform: translate(0,-200px); opacity: 0; transition: all .3s;}
.all_menu .close_btn i{ font-size: 28px; color: #FFF; transition: all .3s;}

.all_menu.on{ right: 0; left: 0; opacity: 1;}
.all_menu.on .row .fl .menu a:nth-child(1){ transform: translate(0,0); opacity: 1; transition: all 0.5s;}
.all_menu.on .row .fl .menu a:nth-child(2){ transform: translate(0,0); opacity: 1; transition: all 0.7s;}
.all_menu.on .row .fl .menu a:nth-child(3){ transform: translate(0,0); opacity: 1; transition: all 0.9s;}
.all_menu.on .row .fr{ transform: translate(0,0); opacity: 1; transition: all 1.1s;}
.all_menu.on .close_btn{ transform: translate(0,0); opacity: 1; transition: all 1.3s;}
@media(min-width: 1601px){
    .all_menu .row .fl .menu a:hover:after{ width: 100%;}
    .all_menu .row .fr .ft .t2 a:hover{ color: rgba(255 255 255/50%);}
    .all_menu .row .fr .fm .t2 a:hover{ color: rgba(255 255 255/50%);}
    .all_menu .close_btn:hover i{ transform: rotate(180deg); color: rgba(255 255 255/50%);}
}
@media(max-width: 1601px){
    .all_menu .close_btn{ right: 50px;}
}
@media(max-width: 1023px){
    .all_menu{ align-items: flex-start; padding-top: 140px;}
    .all_menu .row{ display: block; width: 100%;}
    .all_menu .row .fl{ margin: 0 0 40px 0;}
    .all_menu .row .fl .menu a{ margin: 30px 0 0 0;}
    .all_menu .row .fl .menu a p{ line-height: 50px; font-size: 40px;}
    .all_menu .row .fl .menu a .tip{ right: -80px; transform: translate(0,0);}
}
@media(max-width: 767px){
    .all_menu{ padding-top: 100px;}
    .all_menu .row .fl{ margin: 0 0 40px 0;}
    .all_menu .row .fl .menu a{ margin: 20px 0 0 0;}
    .all_menu .row .fl .menu a p{ line-height: 40px; font-size: 30px;}
    .all_menu .row .fl .menu a .tip{ right: -120px;}
    .all_menu .row .fr .ft{ padding: 0 0 30px 0;}
    .all_menu .row .fr .ft .t1{ font-size: 12px;}
    .all_menu .row .fr .ft .t2{ margin: 15px 0 0 0;}
    .all_menu .row .fr .ft .t2 a{ margin: 15px 0 0 0; line-height: 20px; font-size: 18px;}
    .all_menu .row .fr .fm{ padding: 30px 0 40px 0;}
    .all_menu .row .fr .fm .t1{ font-size: 12px;}
    .all_menu .row .fr .fm .t2{ margin: 15px 0 0 0;}
    .all_menu .row .fr .fm .t2 a{ margin: 15px 0 0 0; line-height: 20px; font-size: 18px;}
    .all_menu .row .fr .fb .btn{ padding: 0; height: 50px;}
    .all_menu .row .fr .fb .btn p{ font-size: 16px;}
    .all_menu .row .fr .fb .btn i{ font-size: 16px;}
    .all_menu .close_btn{ top: 20px; right: 20px;}
}




.header_logo{ display: block; position: fixed; z-index: 400; top: 40px; left: 100px; height: 30px;}
.header_logo img{ display: block; width: auto; height: 100%; transition: all .3s;}
.header_logo img.bai{ position: absolute; z-index: 2; top: 0; left: 0; opacity: 1;}
.header_logo img.hei{ opacity: 0;}

.header_logo.on img.bai{ opacity: 0;}
.header_logo.on img.hei{ opacity: 1;}

.header_logo.on.bai img.bai{ opacity: 1;}
.header_logo.on.bai img.hei{ opacity: 0;}

/* 240806 로고 변경 */
.header_logo{height:40px; top:30px;}


@media(max-width: 1601px){
    .header_logo{ left: 50px;}
}
@media(max-width: 1023px){
}
@media(max-width: 767px){
    .header_logo{ top: 20px; left: 20px; height: 30px;}
}




.header{ display: flex; justify-content: flex-end; align-items: center; position: fixed; z-index: 100; top: 0; right: 0; left: 0; height: 100px; transition: all .3s;}
.header:before{ content: ""; position: fixed; top: -100px; right: 0; left: 0; height: 100px; background: rgba(255 255 255/80%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: 0 1px 0 0 rgba(0 0 0/10%); opacity: 0; transition: all .3s;}
.header:after{ content: ""; position: absolute; bottom: 1px; right: 100px; left: 100px; height: 1px; background: rgba(255 255 255/20%); transition: all .3s;}

.header .menu{ display: flex; align-items: center;}
.header .menu .line{ position: relative; z-index: 10; margin: 0 50px; width: 1px; height: 20px; background: rgba(255 255 255/20%);}
.header .menu > ul{ display: flex; align-items: center;}
.header .menu > ul > li{ display: flex; align-items: center; position: relative; margin: 0 0 0 50px;}
.header .menu > ul > li:first-child{ margin: 0;}
.header .menu > ul > li > a{ display: flex; align-items: center; position: relative; z-index: 10; height: 40px; cursor: pointer;}
.header .menu > ul > li > a:after{  content: ""; position: absolute; top: 0; left: -10px; width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(180deg, #008efb, #2ca6b1); opacity: 0; transition: all .3s;}
.header .menu > ul > li > a p{ position: relative; z-index: 1; font-size: 16px; font-weight: 300; color: #FFF; transition: all .3s;}
.header .menu > ul:first-child > li > a p{ font-weight: 400;}
.header .menu > ul > li > a i{ margin: 0 0 0 5px; font-size: 14px; color: rgba(255 255 255/60%); transition: all .3s;}
.header .menu > ul > li .tip{ position: absolute; z-index: 10; bottom: -45px; left: 50%; transform: translate(-50%,0); padding: 0 15px; height: 30px; border-radius: 20px; background: #fb0059; display: flex; align-items: center; font-size: 13px; font-weight: 300; color: #FFF; white-space: nowrap; animation: header_tip 2s infinite;}
.header .menu > ul > li .tip:after{ content: ""; position: absolute; top: -8px; left: 50%; transform: translate(-50%,0); width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fb0059 transparent;}
.header .menu > ul > li > ul{ overflow: hidden; position: absolute; z-index: 10; top: 20px; left: 50%; transform: translate(-50%,0); padding: 0; height: 0; border-radius: 10px; background: #008efb; opacity: 0; transition: all .3s;}
.header .menu > ul > li > ul li{}
.header .menu > ul > li > ul li a{ display: block; overflow: hidden; position: relative; padding: 0 20px; height: 0; line-height: 40px; font-size: 14px; font-weight: 300; color: #FFF; white-space: nowrap; opacity: 0; transition: all .3s;}
.header .menu > ul > li > ul li a:before{ content: ""; display: none; position: absolute; top: 50%; left: 10px; margin: -3px 0 0 0; width: 6px; height: 6px; border-radius: 50%; background: #FFF; opacity: 1; animation: header_menu_on 1s infinite;}
@keyframes header_menu_on{
    0%   { transform: scale(1);}
    50%  { transform: scale(.5);}
    100% { transform: scale(1);}
}

.header .menu > ul > li.on > a:after{ opacity: 1;}
.header .menu > ul > li > ul li.on a:before{ display: block;}

.header .btn_contact{ display: flex; align-items: center; position: relative; margin: 0 0 0 45px; padding: 0 20px; height: 40px; transition: all .3s;}
.header .btn_contact:after{ content: ""; position: absolute; top: 0; left: -5px; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(90deg, #008efb, #2ca6b1); transition: all .3s;}
.header .btn_contact p{ position: relative; z-index: 10; font-size: 14px; font-weight: 300; color: #FFF; transition: all .3s;}
.header .btn_contact i{ position: relative; z-index: 10; margin: 0 0 0 10px; padding: 0 0 0 2px; width: 20px; height: 20px; border-radius: 50%; background: rgba(0 142 251/100%); display: flex; justify-content: center; align-items: center; font-size: 12px; color: #000; transition: all .3s;}

.header .btn_all_menu{ display: flex; align-items: center; position: relative; z-index: 10; margin: 0 0 0 40px; cursor: pointer;}
.header .btn_all_menu i{ font-size: 28px; color: #FFF; transition: all .3s;}

.header.on:before{ top: 0; opacity: 1;}
.header.on:after{ opacity: 0;}
.header.on .menu .line{ background: rgba(0 0 0/20%);}
.header.on .menu > ul > li > a p{ color: #000;}
.header.on .menu > ul > li > a i{ color: rgba(0 0 0/60%);}
.header.on .btn_contact p{ color: #000;}
.header.on .btn_contact i{ color: #FFF;}
.header.on .btn_all_menu i{ color: #000;}

@keyframes header_tip{
    0%   { transform: translate(-50%,0);}
    50% { transform: translate(-50%,5px);}
    100%   { transform: translate(-50%,0);}
}
@media(min-width: 1601px){
    .header .menu > ul > li:hover > a i{ transform: rotate(180deg);}
    .header .menu > ul > li:hover > ul{ top: 40px; padding: 10px 0; height: auto; opacity: 1;}
    .header .menu > ul > li:hover > ul li a{ height: 40px; opacity: 1;}

    .header .menu > ul > li > ul li a:hover{ background: rgba(255 255 255/15%);}

    .header .btn_contact:hover:after{ left: 0; width: 100%; border-radius: 20px;  linear-gradient(90deg, #008efb, #008efb);}
    .header .btn_contact:hover p{ color: #FFF !important;}
    .header .btn_contact:hover i{ background: rgba(0 142 251/0); color: #FFF;}
}
@media(max-width: 1601px){
    .header:after{ left: 50px; right: 50px;}
    .header .menu .line{ margin: 0 30px;}
    .header .menu > ul > li{ margin: 0 0 0 30px;}
}
@media(max-width: 1023px){
    .header .menu{ display: none;}
}
@media(max-width: 767px){
    .header{ height: 70px;}
    .header:before{ height: 70px;}
    .header:after{ left: 20px; right: 20px;}
    .header .btn_contact{ margin: 0; padding: 0; height: 30px;}
    .header .btn_contact:after{ left: -16px; width: 30px; height: 30px;}
    .header .btn_contact p{ font-size: 12px;}
    .header .btn_contact i{ width: 16px; height: 16px; font-size: 10px;}
    .header .btn_all_menu{ margin: 0 0 0 20px;}
}




.footer{}
.footer .top{ background: url(/images/ftbg.jpg) center/cover;}
.footer .top .type_row{ padding: 120px 0; text-align: center;}
.footer .top .tit{ line-height: 1.4; font-size: 30px; font-weight: 400; color: #FFF;}
.footer .top .txt{ margin: 20px 0 0 0; line-height: 1.4; font-size: 18px; color: rgba(255 255 255/80%);}
.footer .top .btn{ display: flex; justify-content: center; margin: 50px 0 0 0;}
.footer .top .btn a{ display: flex; justify-content: center; align-items: center; margin: 0 10px; width: 260px; height: 60px; border-radius: 30px; font-size: 18px; font-weight: 300; color: #FFF; cursor: pointer;}
.footer .top .btn a:nth-child(1){ border: 2px solid rgba(255 255 255/40%);}
.footer .top .btn a:nth-child(2){ background: #008efb;}
.footer .bottom{}
.footer .bottom .type_row{ display: flex; flex-direction: column; align-items: flex-start; position: relative; padding: 100px 0 120px 0;}
/* 240806 로고 수정, 기존 css 
.footer .bottom .logo{ height: 30px;} 
*/
.footer .bottom .logo{ height: 40px;}
.footer .bottom .logo img{ display: block; width: auto; height: 100%;}
.footer .bottom .text{ display: flex; margin: 30px 0 0 0;}
.footer .bottom .text p{ margin: 0 0 0 40px; font-size: 14px; color: #666;}
.footer .bottom .text p:first-child{ margin: 0;}
.footer .bottom .btn{ display: flex; align-items: center; margin: 80px 0 0 0;}
.footer .bottom .btn a{ font-size: 14px; font-weight: 300; color: #666; cursor: pointer;}
.footer .bottom .btn span{ margin: 0 40px; width: 1px; height: 14px; background: #CCC;}
.footer .bottom .copy{ margin: 20px 0 0 0; font-size: 12px; color: #999; text-transform: uppercase;}
.footer .bottom .gnb{ position: absolute; top: 100px; left: 600px;}
.footer .bottom .gnb a{ display: block; padding: 10px 0; font-size: 16px; color: #666; cursor: pointer;}
.footer .bottom .gnb a:nth-child(1){ font-weight: 400; color: #000;}
.footer .bottom .gnb a:nth-child(2){ font-weight: 400; color: #000;}
.footer .bottom .gnb a:nth-child(3){ font-weight: 400; color: #000;}
.footer .bottom .gnb span{ display: block; margin: 10px 0; height: 1px; background: #CCC;}
.footer .bottom .fr{ position: absolute; top: 100px; right: 0;}
.footer .bottom .fr .address{ font-size: 14px; color: #666;}
.footer .bottom .fr .tel{ padding: 10px 0; font-size: 40px; font-weight: 500; color: #000;}
.footer .bottom .fr .mail{ font-size: 14px; color: #666;}
.footer .bottom .fr a{ display: flex; justify-content: space-between; align-items: center; margin: 60px 0 0 0; height: 50px; border-bottom: 2px solid #000; cursor: pointer; transition: all .3s;}
.footer .bottom .fr a p{ font-size: 20px; font-weight: 400; color: #000; transition: all .3s;}
.footer .bottom .fr a i{ display: flex; justify-content: center; align-items: center; padding: 0 0 0 2px; width: 20px; height: 20px; border-radius: 50%; background: #000; font-size: 12px; color: #FFF; transition: all .3s;}
@media(min-width: 1601px){
    .footer .bottom .btn a:hover{ color: #000;}
    .footer .bottom .gnb a:hover{ text-decoration: underline; color: #000;}
    .footer .bottom .fr a:hover{ border-color: #008efb;}
    .footer .bottom .fr a:hover p{ color: #008efb;}
    .footer .bottom .fr a:hover i{ background: #008efb;}
}
@media(max-width: 1601px){
    .footer .bottom .gnb{ left: 550px;}
}
@media(max-width: 1023px){
    .footer .bottom .type_row{ align-items: center;}
    .footer .bottom .logo img{ display: block; width: auto; height: 100%;}
    .footer .bottom .text{ margin: 60px 0 0 0;}
    .footer .bottom .btn{ margin: 60px 0 0 0;}
    .footer .bottom .copy{ margin: 40px 0 0 0;}
    .footer .bottom .gnb{ display: flex; align-items: center; position: initial; margin: 40px 0 0 0;}
    .footer .bottom .gnb a{ margin: 0 10px; padding: 0;}
    .footer .bottom .gnb span{ margin: 0 10px; width: 1px; height: 14px;}
    .footer .bottom .fr{ position: initial; margin: 20px 0 0 0; text-align: center;}
    .footer .bottom .fr .tel{ padding: 60px 0 15px 0;}
    .footer .bottom .fr a{ margin: 15px 0 0 0;}
}
@media(max-width: 767px){
    .footer .top .type_row{ padding: 50px 0;}
    .footer .top .tit{ font-size: 18px;}
    .footer .top .txt{ margin: 15px 0 0 0; font-size: 13px;}
    .footer .top .btn{ margin: 30px -5px 0 -5px;}
    .footer .top .btn a{ margin: 0 5px; width: 50%; height: 45px; font-size: 15px;}

    .footer .bottom .type_row{ padding: 50px 0 80px 0;}
    .footer .bottom .logo{ height: 25px;}
    .footer .bottom .gnb{ display: block; margin: 40px 0 0 0; text-align: center;}
    .footer .bottom .gnb a{ display: inline-block; margin: 0 10px; font-size: 14px;}
    .footer .bottom .gnb span{ display: block; margin: 15px 0 0 0; width: 90%; height: 1px; background: #FFF;}
    .footer .bottom .text{ flex-wrap: wrap; justify-content: center; margin: 40px 0 0 0;}
    .footer .bottom .text p{ margin: 6px 10px !important; font-size: 13px;}
    .footer .bottom .fr{ margin: 8px 0 0 0;}
    .footer .bottom .fr .address{ font-size: 13px;}
    .footer .bottom .fr .tel{ padding: 40px 0 10px 0; font-size: 30px;}
    .footer .bottom .fr .mail{ font-size: 13px;}
    .footer .bottom .fr a{ margin: 10px auto 0 auto; width: 170px;}
    .footer .bottom .btn{ margin: 40px 0 0 0;}
    .footer .bottom .btn a{ font-size: 13px;}
    .footer .bottom .btn span{ margin: 0 15px;}
    .footer .bottom .copy{ margin: 30px 0 0 0; font-size: 11px;}
}




.quick{ position: fixed; z-index: 120; right: 50px; bottom: 100px;}
.quick .btn{ display: flex; justify-content: center; align-items: center; position: relative; margin: 10px 0 0 0; width: 60px; height: 60px; border-radius: 50%; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; cursor: pointer; transition: all .3s;}
.quick .btn:before{ content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background: #008efb;  opacity: 1; transition: all .3s;}
.quick .btn i{ position: relative; z-index: 10; font-size: 24px; color: #FFF; transition: all .3s;}
.quick.on .btn{ transform: translate(0,0); opacity: 1;}


@media(min-width: 1601px){
    .quick .btn:hover:before{ background: #008efb;}
    .quick .btn:hover i{ color: #FFF;}
}
@media(max-width: 1100px){
	.header .btn_all_menu{margin-left:0;}
	.header .menu > ul > li > a p{font-size:15px;}
	.header .menu > ul > li{margin:0 0 0 20px;}
}
@media(max-width: 767px){
    .quick{ right: 20px; bottom: 30px;}
    .quick .btn{ width: 40px; height: 40px;}
    .quick .btn i{ font-size: 18px;}
}




.home_visual{ overflow: hidden; position: relative; z-index: 50; background: #000;}
.home_visual .swiper-wrapper{}
.home_visual .swiper-wrapper .swiper-slide{}
.home_visual .swiper-wrapper .swiper-slide .row{ overflow: hidden; position: relative; height: 100vh; min-height: 800px;}
.home_visual .swiper-wrapper .swiper-slide .row .text{ display: flex; align-items: center; position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0;}
.home_visual .swiper-wrapper .swiper-slide .row .text .type_row{ display: flex; flex-direction: column; align-items: flex-start;}
.home_visual .swiper-wrapper .swiper-slide .row .text .ft{}
.home_visual .swiper-wrapper .swiper-slide .row .text .ft .t1{ width: 120px; height: 40px; border-radius: 20px; border: 1px solid rgba(255 255 255/50%); display: flex; justify-content: center; align-items: center; font-size: 18px; color: rgba(255 255 255/80%); opacity: 0; transform: translate(50px,0); transition: all .3s;}
.home_visual .swiper-wrapper .swiper-slide .row .text .ft .t2{ margin: 30px 0 0 0; line-height: 1; font-size: 80px; font-weight: 500; color: #FFF; opacity: 0; transform: translate(100px,0); transition: all .3s;}
.home_visual .swiper-wrapper .swiper-slide .row .text .ft .t3{ margin: 30px 0 0 0; line-height: 1; font-size: 32px; font-weight: 300; color: #FFF;  opacity: 0; transform: translate(150px,0); transition: all .3s;}
.home_visual .swiper-wrapper .swiper-slide .row .text .fb{ display: flex; align-items: flex-end; position: relative; margin: 100px 0 0 0; opacity: 0; transform: translate(200px,0); transition: all .3s;}
.home_visual .swiper-wrapper .swiper-slide .row .text .fb:after{ content: ""; position: absolute; top: 50%; margin-top: -70px; left: -50px; width: 140px; height: 140px; border-radius: 50%; background: linear-gradient(135deg, #008efb, #2ca6b1, rgba(0 0 0/50%));}
.home_visual .swiper-wrapper .swiper-slide .row .text .fb .fl{ position: relative; z-index: 1;}
.home_visual .swiper-wrapper .swiper-slide .row .text .fb .fl .t1{ font-size: 18px; font-weight: 200; color: #FFF;}
.home_visual .swiper-wrapper .swiper-slide .row .text .fb .fl .t2{ font-size: 36px; font-weight: 500; color: #FFF;}
.home_visual .swiper-wrapper .swiper-slide .row .text .fb .fr{ margin: 0 0 0 30px; padding: 0 0 0 30px; border-left: 1px solid rgba(255 255 255/20%);}
.home_visual .swiper-wrapper .swiper-slide .row .text .fb .fr p{ line-height: 1.4; font-size: 20px; color: rgba(255 255 255/100%);}
.home_visual .swiper-wrapper .swiper-slide .row .text .fb .fr p span{ font-family: 微软雅黑;}
.home_visual .swiper-wrapper .swiper-slide .row .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: scale(1.2); transition: all .3s;}

.home_visual .swiper-wrapper .swiper-slide .row.on .text .ft .t1{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.5s;}
.home_visual .swiper-wrapper .swiper-slide .row.on .text .ft .t2{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.7s;}
.home_visual .swiper-wrapper .swiper-slide .row.on .text .ft .t3{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.9s;}
.home_visual .swiper-wrapper .swiper-slide .row.on .text .fb{ opacity: 1; transform: translate(0,0) scale(1); transition: all 1.2s;}
.home_visual .swiper-wrapper .swiper-slide .row.on .img{ transform: scale(1); transition: all 20s;}

.home_visual .swiper-button-prev{ position: absolute; z-index: 50; top: 50%; left: 80px; transform: translate(0,-50%); width: 80px; height: 80px; border-radius: 50%; background: rgba(255 255 255/0); opacity: 1; transition: all .3s; cursor: pointer;}
.home_visual .swiper-button-prev img{ display: block; width: auto; height: 60px; transition: all .3s;}
.home_visual .swiper-button-prev:after{ content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 1px solid rgba(255 255 255/0); transform: scale(0); transition: all .3s;}
.home_visual .swiper-button-next{ position: absolute; z-index: 50; top: 50%; right: 80px; transform: translate(0,-50%); width: 80px; height: 80px; border-radius: 50%; background: rgba(255 255 255/0); opacity: 1; transition: all .3s; cursor: pointer;}
.home_visual .swiper-button-next img{ display: block; width: auto; height: 60px; transition: all .3s;}
.home_visual .swiper-button-next:after{ content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 1px solid rgba(255 255 255/0); transform: scale(0); transition: all .3s;}

.home_visual .swiper-pagination{ position: absolute; z-index: 10; bottom: 100px; left: 100px; right: initial; width: 180px; height: 20px; display: flex; justify-content: space-between; align-items: center; color: rgba(255 255 255/0);}
.home_visual .swiper-pagination span{ font-size: 18px; color: rgba(255 255 255/50%);}
.home_visual .swiper-pagination span.swiper-pagination-current{ color: rgba(255 255 255/100%);}

.home_visual .time_line{ position: absolute; z-index: 11; left: 130px; bottom: 109px; width: 120px; background: rgba(255 255 255/30%);}
.home_visual .time_line span{ display: block; width: 0; height: 2px; background: #FFF;}

.home_visual .tel{ gap:4px; position: absolute; z-index: 11; right: 100px; bottom: 100px; border-bottom: 0 solid #FFF; text-align: right; display:flex; flex-direction:column;}
.home_visual .tel span{ font-size: 16px; color: #FFF;}
.home_visual .tel p{ font-size: 40px; font-weight: 500; color: #FFF;}

/*다운로드 버튼*/
.download-btn {justify-content:center; margin-top:10px; padding:12px 45px; background: linear-gradient(45deg, rgb(7, 145, 238, .7), rgb(39, 164, 186, .7)); color:#fff; border-radius:4px; font-size:14px; text-align:center; display:flex; align-items:center; gap:4px;}
.download-btn img {height:24px; padding-bottom:2px;}

.home_visual .scroll_down{ position: absolute; z-index: 10; left: 50%; margin-left: -20px; bottom: 50px;}
.home_visual .scroll_down span{ display: flex; justify-content: center; align-items: center; position: relative; width: 40px; height: 60px; border-radius: 20px; border: 2px solid rgba(255 255 255/100%);}
.home_visual .scroll_down span:before{ content: ""; display: block; position: absolute; top: 10px; width: 10px; height: 10px; border-radius: 50%; background: #FFF; animation: scroll_down .8s infinite;}
.home_visual .scroll_down p{ margin-top: 10px; text-align: center; font-size: 12px; color: rgba(255 255 255/100%); letter-spacing: 0;}
@keyframes scroll_down{
    0%   { top: 10px; opacity: 0;}
    50%  { top: 30px; opacity: 1;}
    50%  { top: 10px; opacity: 0;}
    100% { top: 30px; opacity: 1;}
}
@media(min-width: 1801px){
    .home_visual .swiper-button-prev:hover img{ height: 30px;}
    .home_visual .swiper-button-prev:hover:after{ border: 1px solid rgba(255 255 255/100%); transform: scale(1);}
    .home_visual .swiper-button-next:hover img{ height: 30px;}
    .home_visual .swiper-button-next:hover:after{ border: 1px solid rgba(255 255 255/100%); transform: scale(1);}
}
@media(max-width: 1801px){
    .home_visual .swiper-button-prev{ top: initial; bottom: 100px; left: 100px; transform: translate(0,0); width: auto; height: 40px; border-radius: initial;}
    .home_visual .swiper-button-prev img{ height: 100%;}
    .home_visual .swiper-button-next{ top: initial; right: initial; bottom: 100px; left: 340px; transform: translate(0,0); width: auto; height: 40px; border-radius: initial;}
    .home_visual .swiper-button-next img{ height: 100%;}
    .home_visual .swiper-pagination{ bottom: 110px; left: 140px;}
    .home_visual .time_line{ left: 170px; bottom: 119px;}
}
@media(max-width: 1601px){
    .home_visual .swiper-wrapper .swiper-slide .row{ min-height: 700px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .ft .t1{ font-size: 16px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .ft .t2{ font-size: 60px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .ft .t3{ font-size: 26px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .fb{ margin: 80px 0 0 30px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .fb:after{ margin-top: -50px; left: -30px; width: 100px; height: 100px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .fb .fl .t1{ font-size: 14px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .fb .fl .t2{ margin: 5px 0 0 0; font-size: 26px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .fb .fr p{ font-size: 16px;}

    .home_visual .swiper-button-prev{ bottom: 50px; left: 50px;}
    .home_visual .swiper-button-next{ bottom: 50px; left: 290px;}
    .home_visual .swiper-pagination{ bottom: 60px; left: 90px;}
    .home_visual .time_line{ bottom: 69px; left: 120px;}
    .home_visual .tel{ right: 50px; bottom: 50px;}
}
@media(max-width: 1023px){
    .home_visual .swiper-wrapper .swiper-slide .row{ height: 800px; min-height: initial;}
    .home_visual .scroll_down{ display: none;}
}
@media(max-width: 767px){
    .home_visual .swiper-wrapper .swiper-slide .row{ height: 600px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text{ align-items: flex-start; top: 160px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .ft .t1{ width: 70px; height: 25px; font-size: 10px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .ft .t2{ margin: 20px 0 0 0; font-size: 30px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .ft .t3{ margin: 15px 0 0 0; font-size: 16px;}

    .home_visual .swiper-wrapper .swiper-slide .row .text .fb{ flex-direction: column; align-items: flex-start; margin: 40px 0 0 0;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .fb:after{ top: -15px; margin-top: 0; left: 80px; width: 60px; height: 60px; background: linear-gradient(225deg, #008efb, #2ca6b1, rgba(0 0 0/50%));}
    .home_visual .swiper-wrapper .swiper-slide .row .text .fb .fl .t1{ font-size: 14px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .fb .fl .t2{ font-size: 22px;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .fb .fr{ margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid rgba(255 255 255/20%); border-left: 0;}
    .home_visual .swiper-wrapper .swiper-slide .row .text .fb .fr p{ font-size: 11px;}

    .home_visual .swiper-button-prev{ bottom: 35px; left: 20px; height: 20px;}
    .home_visual .swiper-button-next{ bottom: 35px; left: 140px; height: 20px;}
    .home_visual .swiper-pagination{ bottom: 35px; left: 45px; width: 80px;}
    .home_visual .swiper-pagination span{ font-size: 14px;}
    .home_visual .time_line{ left: 60px; bottom: 44px; width: 50px;}

    .home_visual .tel{ right: 20px; bottom: 35px; border-bottom: 0;}
    .home_visual .tel span{ font-size: 12px;}
    .home_visual .tel p{ padding-top: 2px; font-size: 20px;}

	.download-btn {padding:12px 40px; font-size:12px;}


}




.home_s{ position: relative;}
.home_s .type_row{ position: relative; z-index: 10; padding: 150px 0 200px 0;}
.home_s .head{ display: flex; flex-direction: column; align-items: flex-start;}
.home_s .head .t1{ width: 120px; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/30%); display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 300; color: rgba(0 0 0/100%);}
.home_s .head .t2{ position: relative; margin: 20px 0 0 0;}
.home_s .head .t2:after{ content: ""; position: absolute; top: -40px; right: -40px; width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(45deg, rgba(255 255 255/100%),#2ca6b1 , #008efb);}
.home_s .head .t2 p{ position: relative; z-index: 1; line-height: 1; font-size: 50px; font-weight: 500; color: #000; letter-spacing: -1px;}
.home_s .head .t3{ margin: 20px 0 0 0; line-height: 1.4; font-size: 22px; color: #666;}
.home_s .body{ margin: 60px 0 0 0;}
.home_s .body ul{ display: flex; margin: 0 -15px;}
.home_s .body ul li{ width: 50%;}
.home_s .body ul li .row{ overflow: hidden; position: relative; margin: 0 15px; height: 400px; border-radius: 40px;}
.home_s .body ul li:nth-child(1) .row{ background: url(/images/hs01.jpg) center top/cover;}
.home_s .body ul li:nth-child(2) .row{ background: url(/images/hs02.jpg) center top/cover;}
.home_s .body ul li .row .text{ display: flex; flex-direction: column; justify-content: flex-end; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 60px; background: linear-gradient(180deg, rgba(0 0 0/0), rgba(0 0 0/80%));}
.home_s .body ul li .row .text .t1{ font-size: 30px; font-weight: 500; color: #FFF;}
.home_s .body ul li .row .text .t2{ margin: 15px 0 0 0; line-height: 1.6; font-size: 18px; color: rgba(255 255 255/90%);}
.home_s .bg_l{ display: block; position: absolute; left: 0; bottom: 0;}
.home_s .bg_r{ display: block; position: absolute; right: 0; top: 50px;}
.home_s .bg_c{ display: none; position: absolute; right: 50%; margin: 0 -1000px 0 0; bottom: -200px;}
@media(max-width: 1601px){
    .home_s .bg_l{ left: -300px;}
    .home_s .bg_r{ right: -300px;}
    .home_s .bg_c{ right: -200px; margin: 0; bottom: -200px;}
}
@media(max-width: 1023px){
    .home_s .body ul li .row .text .t2 br{ display: none;}
}
@media(max-width: 767px){
    .home_s .type_row{ padding: 60px 0 80px 0;}
    .home_s .head .t1{ width: 70px; height: 25px; font-size: 10px;}
    .home_s .head .t2:after{ top: -20px; right: -20px; width: 40px; height: 40px;}
    .home_s .head .t2 p{ font-size: 30px;}
    .home_s .head .t3{ font-size: 15px;}
    .home_s .body{ margin: 40px 0 0 0;}
    .home_s .body ul{ display: block; margin: 0;}
    .home_s .body ul li{ margin: 20px 0 0 0; width: auto;}
    .home_s .body ul li:first-child{ margin: 0;}
    .home_s .body ul li .row{ margin: 0; height: 240px; border-radius: 20px;}
    .home_s .body ul li .row .text{ padding: 40px;}
    .home_s .body ul li .row .text .t1{ font-size: 24px;}
    .home_s .body ul li .row .text .t2{ font-size: 15px;}

    .home_s .bg_l{ bottom: 0; left: -100px; width: 300px;}
    .home_s .bg_r{ top: 0; right: -100px; width: 300px;}
    .home_s .bg_c{ right: -50px; bottom: -50px; width: 200px;}
	
	.download-btn {padding:8px 20px; font-size:11px;}

}




.home_a{ overflow: hidden; position: relative; z-index: 40; background: url(/images/ha_bg.jpg) center/cover;}
.home_a .type_row{ display: flex; justify-content: space-between; position: relative; z-index: 10; padding: 200px 0 200px 0;}
.home_a .head{ display: flex; flex-direction: column; align-items: flex-start;}
.home_a .head .t1{ width: 120px; height: 40px; border-radius: 20px; border: 1px solid rgba(255 255 255/40%); display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 300; color: rgba(255 255 255/100%);}
.home_a .head .t2{ margin: 20px 0 0 0; line-height: 1.2; font-size: 50px; font-weight: 500; color: #FFF; letter-spacing: -1px;}
.home_a .head .t2 span{ font-weight: 500; background: linear-gradient(180deg, #008efb, #2ca6b1);  background: -webkit-linear-gradient(180deg, #008efb, #2ca6b1); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.home_a .head .t3{ margin: 40px 0 0 0; line-height: 1.4; font-size: 22px; color: rgba(255 255 255/100%);}
.home_a .head .btn{ display: flex; align-items: center; margin: 40px 0 0 0; height: 40px; border-bottom: 2px solid rgba(255 255 255/30%); cursor: pointer;}
.home_a .head .btn:before{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #000; transition: all .3s;}
.home_a .head .btn p{ font-size: 16px; color: #FFF; letter-spacing: 0;}
.home_a .head .btn i{ margin: 0 0 0 10px; font-size: 20px; color: #FFF; transition: all .3s;}
.home_a .body{ margin: 60px 0 0 0; width: 750px;}
.home_a .body ul{ display: flex; flex-wrap: wrap; margin: -30px -15px 0 -15px;}
.home_a .body ul li{ margin: 30px 0 0 0; width: 50%;}
.home_a .body ul li:nth-child(2){ margin: 150px 0 0 0;}
.home_a .body ul li:nth-child(3){ margin: -90px 0 0 0;}
.home_a .body ul li .row{ position: relative; margin: 0 15px; padding: 50px; height: 360px; background: rgba(255 255 255/10%); box-shadow: 0 10px 30px 0 rgba(0 0 0/10%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.home_a .body ul li .row:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/habg.png) no-repeat center bottom/140% auto;}
.home_a .body ul li .row .t1{ position: relative; z-index: 1; font-size: 30px; font-weight: 400; color: #FFF;}
.home_a .body ul li .row .t2{ position: relative; z-index: 1; margin: 15px 0 0 0; line-height: 1.6; font-size: 18px; color: rgba(255 255 255/90%);}
.home_a .body ul li .row img{ display: block; position: absolute; z-index: 1; right: 50px; bottom: 50px;}
@media(min-width: 1601px) {
    .home_a .head .btn:hover:before{ width: 100%;}
    .home_a .head .btn:hover i{ margin: 0 0 0 30px;}
}
@media(max-width: 1601px){
    .home_a .type_row{ height: auto;}
    .home_a .body{ width: 700px;}
}
@media(max-width: 1023px){
    .home_a .type_row{ flex-direction: column; justify-content: center; align-items: center;}
    .home_a .head{ align-items: center; text-align: center;}
    .home_a .head .t2 br{ display: none;}
    .home_a .head .t2 span{ display: block;}
    .home_a .body{ width: auto;}
}
@media(max-width: 767px){
    .home_a .type_row{ padding: 60px 0 80px 0;}
    .home_a .head .t1{ width: 70px; height: 25px; font-size: 10px;}
    .home_a .head .t2{ font-size: 30px;}
    .home_a .head .t3{ margin: 20px 0 0 0; font-size: 15px;}
    .home_a .head .btn{ margin: 30px 0 0 0; height: 30px;}
    .home_a .head .btn p{ font-size: 15px;}
    .home_a .head .btn i{ font-size: 18px;}
    .home_a .body{ margin: 40px 0 0 0;}
    .home_a .body ul{ margin: -20px -10px 0 -10px;}
    .home_a .body ul li{ margin: 20px 0 0 0; width: 100%;}
    .home_a .body ul li:nth-child(2){ margin: 20px 0 0 0;}
    .home_a .body ul li:nth-child(3){ margin: 20px 0 0 0;}
    .home_a .body ul li .row{ margin: 0 10px; padding: 40px; height: 240px;}
    .home_a .body ul li .row:after{ background: url(/images/habg.png) no-repeat center bottom/100% auto;}
    .home_a .body ul li .row .t1{ font-size: 24px;}
    .home_a .body ul li .row .t2{ margin: 10px 0 0 0; font-size: 15px;}
    .home_a .body ul li .row img{ right: 40px; bottom: 40px; height: 80px;}
}




.home_c{ position: relative; /*background: linear-gradient(180deg, rgba(243 250 255/100%), rgba(255 255 255/0));*/}
.home_c .bg_t{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/hcbg_t.png) no-repeat center top; opacity: .5;}
.home_c .bg_b{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/hcbg_b.png) no-repeat center bottom; opacity: .5;}
.home_c .type_row{ position: relative; z-index: 10; padding: 150px 0 200px 0;}
.home_c .head{ display: flex; flex-direction: column; align-items: flex-start; position: relative;}
.home_c .head .t1{ width: 120px; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/30%); display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 300; color: rgba(0 0 0/100%);}
.home_c .head .t2{ position: relative; margin: 20px 0 0 0;}
.home_c .head .t2:after{ content: ""; position: absolute; top: -40px; right: -40px; width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(45deg, rgba(255 255 255/100%),#2ca6b1 , #008efb);}
.home_c .head .t2 p{ position: relative; z-index: 1; line-height: 1; font-size: 50px; font-weight: 500; color: #000; letter-spacing: -1px;}
.home_c .head .more{ position: absolute; right: 0; bottom: 0;}
.home_c .head .more i{ font-size: 40px; color: #666;  transition: all .3s;}
.home_c .rolling{ overflow: hidden; margin: 0 -15px 0 -15px; padding: 60px 0 0 0;}
.home_c .rolling .swiper-wrapper{}
.home_c .rolling .swiper-wrapper .swiper-slide{}
.home_c .rolling .swiper-wrapper .swiper-slide a{ display: block; margin: 0 15px; transition: all .3s;}
.home_c .rolling .swiper-wrapper .swiper-slide a .img{ transition: all .3s;}
.home_c .rolling .swiper-wrapper .swiper-slide a .img img{ display: block; width: 100%; height: auto;}
.home_c .rolling .swiper-wrapper .swiper-slide a .info{ padding: 0 30px 0 0;}
.home_c .rolling .swiper-wrapper .swiper-slide a .info .t1{ margin: 20px 0 0 0; font-size: 16px; color: #666; transition: all .3s;}
.home_c .rolling .swiper-wrapper .swiper-slide a .info .t2{ margin: 10px 0 0 0; height: 52px; line-height: 26px; font-size: 18px; font-weight: 400; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .3s;}
.home_c .rolling .swiper-wrapper .swiper-slide a .info .t3{ margin: 15px 0 0 0; font-size: 14px; color: #999; transition: all .3s;}
.home_c .rolling .page{ display: flex; justify-content: space-between; align-items: center; position: relative; margin: 40px 15px 0 15px;}
.home_c .rolling .page .swiper-button-prev{ position: initial; margin: 0; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #DDD; transition: all .3s; cursor: pointer;}
.home_c .rolling .page .swiper-button-prev:after{ display: none;}
.home_c .rolling .page .swiper-button-prev i{ font-size: 20px; color: #999; transition: all .3s;}
.home_c .rolling .page .swiper-button-next{ position: initial; margin: 0; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #DDD; transition: all .3s; cursor: pointer;}
.home_c .rolling .page .swiper-button-next:after{ display: none;}
.home_c .rolling .page .swiper-button-next i{ font-size: 20px; color: #999; transition: all .3s;}
.home_c .rolling .page .swiper-scrollbar{ top: 50%; right: 80px; left: 80px; margin: -2px 0 0 0; width: auto;}
.home_c .rolling .page .swiper-scrollbar .swiper-scrollbar-drag{ background: #008efb;}
@media(min-width: 1601px){
    .home_c .head .more:hover i{ color: #008efb;}
    .home_c .rolling .swiper-wrapper .swiper-slide a:hover{ transform: scale(0.98);}
    .home_c .rolling .swiper-wrapper .swiper-slide a:hover .img{ border-radius: 20px;}
    .home_c .rolling .swiper-wrapper .swiper-slide a:hover .info .t1{ color: #000;}
    .home_c .rolling .swiper-wrapper .swiper-slide a:hover .info .t2{ color: #008efb;}
    .home_c .rolling .swiper-wrapper .swiper-slide a:hover .info .t3{ color: #000;}
    .home_c .rolling .page .swiper-button-prev:hover{ border-color: #008efb; background: #008efb;}
    .home_c .rolling .page .swiper-button-prev:hover i{ color: #FFF;}
    .home_c .rolling .page .swiper-button-next:hover{ border-color: #008efb; background: #008efb;}
    .home_c .rolling .page .swiper-button-next:hover i{ color: #FFF;}
}
@media(max-width: 1601px){
}
@media(max-width: 1023px){
}
@media(max-width: 767px){
    .home_c .bg_t{ background: url(/images/hcbg_t.png) no-repeat center top/200% auto;}
    .home_c .bg_b{ background: url(/images/hcbg_b.png) no-repeat center bottom/200% auto;}
    .home_c .type_row{ padding: 60px 0 80px 0;}
    .home_c .head .t1{ width: 70px; height: 25px; font-size: 10px;}
    .home_c .head .t2:after{ top: -20px; right: -20px; width: 40px; height: 40px;}
    .home_c .head .t2 p{ font-size: 30px;}
    .home_c .head .more i{ font-size: 30px;}
    .home_c .rolling{ margin: 0 -10px 0 -10px; padding: 40px 0 0 0;}
    .home_c .rolling .swiper-wrapper .swiper-slide a{ margin: 0 10px;}
    .home_c .rolling .swiper-wrapper .swiper-slide a .info{ padding: 0 20px 0 0;}
    .home_c .rolling .swiper-wrapper .swiper-slide a .info .t1{ font-size: 13px;}
    .home_c .rolling .swiper-wrapper .swiper-slide a .info .t2{ height: 44px; line-height: 22px; font-size: 15px;}
    .home_c .rolling .swiper-wrapper .swiper-slide a .info .t3{ font-size: 12px;}
    .home_c .rolling .page{ margin: 40px 10px 0 10px;}
    .home_c .rolling .page .swiper-button-prev{ width: 40px; height: 40px;}
    .home_c .rolling .page .swiper-button-prev i{ font-size: 16px;}
    .home_c .rolling .page .swiper-button-next{ width: 40px; height: 40px;;}
    .home_c .rolling .page .swiper-button-next i{ font-size: 16px;}
    .home_c .rolling .page .swiper-scrollbar{ right: 50px; left: 50px;}
}








.sub_visual{ position: relative; height: 500px; background: url(/images/v02.jpg) center/cover;}
.sub_visual:after{ content: ""; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0 0 0/0%), rgba(0 0 0/30%));}
.sub_visual .type_row{ display: flex; flex-direction: column; position: relative; height: 100%;}
.sub_visual .text{ position: absolute; z-index: 2; top: 100px; right: 0; bottom: 0; left: 0; padding-top: 60px;}
.sub_visual .tit{ margin: 80px 0 0 0; line-height: 1; font-size: 50px; font-weight: 400; color: #FFF;}
.sub_visual .txt{ margin: 30px 0 0 0; line-height: 1.6; font-size: 18px; color: rgba(255 255 255/100%);}
@media(max-width: 1601px){
    .sub_visual .txt{ font-size: 20px;}
    .sub_visual .tit{ font-size: 60px;}
}
@media(max-width: 1023px){
}
@media(max-width: 767px){
    .sub_visual{ height: 260px;}
    .sub_visual .text{ top: 70px; padding-top: 20px;}
    .sub_visual .tit{ margin: 30px 0 0 0; font-size: 30px;}
    .sub_visual .txt{ margin: 20px 0 0 0; font-size: 13px;}
}


.type_guide{ display: flex; align-items: center;}
.type_guide *{ margin: 0 0 0 5px;}
.type_guide *:first-child{ margin: 0;}
.type_guide i{ font-size: 15px; color: rgba(255 255 255/40%);}
.type_guide i:first-child{ padding: 0 0 2px 0; font-size: 18px; color: rgba(255 255 255/80%);}
.type_guide a{ display: block; font-size: 15px; color: rgba(255 255 255/80%);}
@media(max-width: 1601px){
}
@media(max-width: 1023px){
}
@media(max-width: 767px){
    .type_guide i{ font-size: 12px;}
    .type_guide a{ font-size: 12px;}
}


.type_sub_tit{ padding: 100px 0 0 0; text-align: center; font-size: 50px; font-weight: 500; color: #000; letter-spacing: -2px;}
.type_sub_tit span{ font-weight: 500; background: linear-gradient(180deg, #008efb, #2ca6b1);  background: -webkit-linear-gradient(180deg, #008efb, #2ca6b1); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.type_sub_txt{ padding: 30px 0 0 0; text-align: center; line-height: 1.4; font-size: 20px; color: #000;}
.type_sub{ padding: 100px 0 150px 0;}
@media(max-width: 767px){
    .type_sub_tit{ padding: 60px 0 0 0; font-size: 30px;}
    .type_sub_tit span{ display: block;}
    .type_sub_txt{ padding: 15px 0 0 0; font-size: 15px;}
    .type_sub{ padding: 40px 0 100px 0;}
}




.system_aikiosk{}
.system_aikiosk .top{}
.system_aikiosk .top ul{ display: flex; flex-wrap: wrap; margin: -30px -15px 0 -15px;}
.system_aikiosk .top ul li{ margin: 30px 0 0 0; width: 50%;}
.system_aikiosk .top ul li .row{ position: relative; margin: 0 15px; padding: 60px; height: 340px; border-radius: 20px; border: 1px solid #DDD; background: url(/images/ssa_bg.png) no-repeat center bottom/100% auto;}
.system_aikiosk .top ul li .row .t1{ font-size: 14px; font-weight: 400; color: #008efb; text-transform: uppercase;}
.system_aikiosk .top ul li .row .t2{ margin: 20px 0 0 0; font-size: 30px; font-weight: 400; color: #000;}
.system_aikiosk .top ul li .row .t3{ margin: 30px 0 0 0; line-height: 1.4; font-size: 18px; color: #000;}
.system_aikiosk .top ul li .row img{ display: block; position: absolute; right: 60px; bottom: 60px;}
.system_aikiosk .bottom{ position: relative; margin: 150px 0 0 0; padding: 150px 0 0 0;}
.system_aikiosk .bottom:after{ content: ""; position: absolute; top: 0; right: -10000px; left: -10000px; bottom: 0; border-top: 1px solid rgba(0 0 0/5%); background: linear-gradient(180deg, #f3faff, #FFF);}
.system_aikiosk .bottom .tit{ position: relative; z-index: 1; line-height: 1.2; font-size: 50px; font-weight: 500; color: #000;}
.system_aikiosk .bottom .tit span{ font-weight: 500; background: linear-gradient(180deg, #008efb, #2ca6b1);  background: -webkit-linear-gradient(180deg, #008efb, #2ca6b1); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.system_aikiosk .bottom img{ position: absolute; z-index: 1; top: 150px; right: 0;}
.system_aikiosk .bottom .txt{ display: flex; flex-direction: column; align-items: flex-start; position: relative; z-index: 1;}
.system_aikiosk .bottom .txt .t1{ position: relative; margin: 60px 0 0 0;}
.system_aikiosk .bottom .txt .t1:before{ content: ""; position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 20px; height: 4px; background: #008efb;}
.system_aikiosk .bottom .txt .t1:after{ content: ""; position: absolute; top: -10px; right: -10px; width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(180deg, #008efb, #2ca6b1);}
.system_aikiosk .bottom .txt .t1 p{ position: relative; z-index: 1; padding: 0 0 0 40px; font-size: 30px; font-weight: 400; color: #000;}
.system_aikiosk .bottom .txt .t2{ margin: 10px 0 0 40px;}
.system_aikiosk .bottom .txt .t2 p{ position: relative; margin: 15px 0 0 0; padding: 0 0 0 20px;}
.system_aikiosk .bottom .txt .t2 p:before{ content: ""; position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 4px; height: 4px; border-radius: 50%; background: #CCC;}
@media(max-width: 1601px){
    .system_aikiosk .bottom img{ right: -100px;}
}
@media(max-width: 1023px){
    .system_aikiosk .top ul li .row{ height: 460px;}
    .system_aikiosk .top ul li .row .t2{ height: 80px; line-height: 40px;}
    .system_aikiosk .top ul li .row .t3 br{ display: none;}
    .system_aikiosk .bottom img{ display: block; position: relative; z-index: 1; top: initial; right: initial; margin: 60px auto 0 auto;}
}
@media(max-width: 767px){
    .system_aikiosk .top ul{ display: block; margin: -20px 0 0 0;}
    .system_aikiosk .top ul li{ margin: 20px 0 0 0; width: auto;}
    .system_aikiosk .top ul li .row{ margin: 0; padding: 40px; height: 300px;}
    .system_aikiosk .top ul li .row .t1{ font-size: 12px;}
    .system_aikiosk .top ul li .row .t2{ margin: 10px 0 0 0; height: auto; line-height: 1.4; font-size: 24px;}
    .system_aikiosk .top ul li .row .t3{ margin: 20px 0 0 0; font-size: 15px;}
    .system_aikiosk .top ul li .row .t3 br{ display: block;}
    .system_aikiosk .top ul li .row img{ right: 40px; bottom: 40px; height: 80px;}
    .system_aikiosk .bottom{ margin: 60px 0 0 0; padding: 60px 0 0 0;}
    .system_aikiosk .bottom .tit{ font-size: 30px; text-align: center;}
    .system_aikiosk .bottom img{ margin: 40px auto 0 auto; padding: 0 0 0 90px; height: 240px;}
    .system_aikiosk .bottom .txt{}
    .system_aikiosk .bottom .txt .t1{ margin: 40px 0 0 0;}
    .system_aikiosk .bottom .txt .t1:before{ height: 2px;}
    .system_aikiosk .bottom .txt .t1 p{ font-size: 20px;}
    .system_aikiosk .bottom .txt .t2 p{ font-size: 15px;}
}




.system_data{}
.system_data ul{ margin: -30px 0 0 0;}
.system_data ul li{ margin: 30px 0 0 0;}
.system_data ul li .row{ display: flex; position: relative; padding: 60px; border-radius: 20px; border: 1px solid #DDD; background: #f3fbff;}
.system_data ul li .row:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/ssa_bg.png) no-repeat bottom right;}
.system_data ul li .row .icon{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; margin: 0 50px 0 0; width: 160px; height: 160px; border-radius: 50%; background: #FFF;}
.system_data ul li .row .icon img{ display: block; height: 40px;}
.system_data ul li .row .fr{ flex: 1; position: relative; z-index: 1;}
.system_data ul li .row .fr .t1{ margin: 40px 0 0 0; font-size: 30px; font-weight: 400; color: #000;}
.system_data ul li .row .fr .t2{ margin: 20px 0 0 0; line-height: 1.4; font-size: 18px; color: #000;}
.system_data ul li .row .fr .t3{ margin: 40px 0 0 0; font-size: 18px; color: #F00;}
.system_data ul li .row .fr .map{ overflow: hidden; position: relative; margin: 30px 0 0 0; border-radius: 20px;}
.system_data ul li .row .fr .map .logo{ position: absolute; left: 0; bottom: 0; border-radius: 0 20px 0 0;}
.system_data ul li .row .fr .map .img{ display: block; width: 100%; height: auto;}
@media(max-width: 1601px){
}
@media(max-width: 1023px){
}
@media(max-width: 767px){
    .system_data ul{ margin: -20px 0 0 0;}
    .system_data ul li{ margin: 20px 0 0 0;}
    .system_data ul li .row{ display: block; padding: 40px;}
    .system_data ul li .row:after{ background: url(/images/ssa_bg.png) no-repeat bottom right/100% auto;}
    .system_data ul li .row .icon{ margin: 0 0 30px 0; width: 120px; height: 120px;}
    .system_data ul li .row .fr .t1{ margin: 30px 0 0 0; font-size: 24px; }
    .system_data ul li .row .fr .t2{ margin: 15px 0 0 0; font-size: 15px;}
    .system_data ul li .row .fr .t3{ margin: 30px 0 0 0; font-size: 15px;}
    .system_data ul li .row .fr .map .logo{ height: 40px;}
}




.system_story{}
.system_story img{ display: block; position: relative; z-index: 1; margin: 0 50px 0 0; max-width: 100%; border-radius: 20px;}
.system_story .text{ flex: 1; position: relative; z-index: 1;}
.system_story .text .t1{ position: relative;}
.system_story .text .t1:after{ content: ""; position: absolute; top: -10px; left: -10px; width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(180deg, #008efb, #2ca6b1);}
.system_story .text .t1 p{ position: relative; z-index: 1; line-height: 1.2; font-size: 30px; font-weight: 400; color: #000;}
.system_story .text .t1 p span{ font-weight: 400; color: #008efb;}
.system_story .text .t2{ margin: 30px 0 0 0; line-height: 1.6; font-size: 18px; color: #000;}
.system_story .ft{ display: flex; align-items: center; padding: 0 0 150px 0;}
.system_story .ft img{ margin: 0 80px 0 0;}
.system_story .fm{ display: flex; flex-direction: row-reverse; align-items: center; position: relative; padding: 150px 0;}
.system_story .fm:after{ content: ""; position: absolute; top: 0; right: -10000px; bottom: 0; left: -10000px; background: #f3faff;}
.system_story .fm img{ margin: 0 0 0 80px;}
.system_story .fb{ display: flex; align-items: center; padding: 150px 0 0 0;}
.system_story .fb img{ margin: 0 80px 0 0;}
@media(max-width: 1601px){
    .system_story img{ width: 500px;}
}
@media(max-width: 1023px){
    .system_story .text{ margin: 40px 0 0 0;}
    .system_story .ft{ display: block;}
    .system_story .fm{ display: block;}
    .system_story .fm img{ margin: 0;}
    .system_story .fb{ display: block;}
}
@media(max-width: 767px){
    .system_story img{ margin: 0;}
    .system_story .text{ margin: 30px 0 0 0;}
    .system_story .text .t1 p{ font-size: 22px;}
    .system_story .text .t2{ margin: 20px 0 0 0; font-size: 15px;}
    .system_story .ft{ padding: 0 0 60px 0;}
    .system_story .fm{ padding: 60px 0;}
    .system_story .fb{ padding: 60px 0 0 0;}
}




.case_img{}
.case_img ul{ display: flex; flex-wrap: wrap; margin: -50px -15px 0 -15px;}
.case_img ul li{ margin: 50px 0 0 0; width: 33.333%;}
.case_img ul li a{ display: block; margin: 0 15px; transition: all .3s;}
.case_img ul li a .img{ transition: all .3s;}
.case_img ul li a .img img{ display: block; width: 100%; height: auto;}
.case_img ul li a .info{ padding: 0 30px 0 0;}
.case_img ul li a .info .t1{ margin: 20px 0 0 0; font-size: 16px; color: #666; transition: all .3s;}
.case_img ul li a .info .t2{ margin: 10px 0 0 0; line-height: 26px; font-size: 18px; font-weight: 400; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .3s;}
.case_img ul li a .info .t3{ margin: 15px 0 0 0; font-size: 14px; color: #999; transition: all .3s;}
@media(min-width: 1601px){
    .case_img ul li a:hover{ transform: scale(0.98);}
    .case_img ul li a:hover .img{ border-radius: 20px;}
    .case_img ul li a:hover .info .t1{ color: #000;}
    .case_img ul li a:hover .info .t2{ color: #008efb;}
    .case_img ul li a:hover .info .t3{ color: #000;}
}
@media(max-width: 1601px){
}
@media(max-width: 1023px){
    .case_img ul li{ width: 50%;}
}
@media(max-width: 767px){
    .case_img ul{ margin: -40px -10px 0 -10px;}
    .case_img ul li{ margin: 40px 0 0 0;}
    .case_img ul li a{ margin: 0 10px;}
    .case_img ul li a .info{ padding: 0 20px 0 0;}
    .case_img ul li a .info .t1{ font-size: 13px;}
    .case_img ul li a .info .t2{ height: 44px; line-height: 22px; font-size: 15px;}
    .case_img ul li a .info .t3{ font-size: 12px;}
}




.community_service{}
.community_service ul{ border-top: 1px solid #000;}
.community_service ul li{ border-bottom: 1px solid #DDD;}
.community_service ul li .row{}
.community_service ul li .row .head{ position: relative; transition: all .3s; cursor: pointer;}
.community_service ul li .row .head .tit{ padding: 40px 30px; font-size: 30px; font-weight: 400; color: #000;}
.community_service ul li .row .head i{ position: absolute; top: 50%; transform: translate(0,-50%); right: 30px; font-size: 30px; color: #999; transition: all .3s;}
.community_service ul li .row .body{ padding: 50px 30px; border-top: 1px solid #DDD;}
.community_service .text_01{}
.community_service .text_01 p{ position: relative; padding: 6px 0 6px 15px; line-height: 1.5; font-size: 16px; color: #000;}
.community_service .text_01 p:before{ content: ""; display: block; position: absolute; top: 14px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #000;}
@media(max-width: 1601px){
}
@media(max-width: 1023px){
}
@media(max-width: 767px){
    .community_service ul li .row .head:hover{ background: #FFF;}
    .community_service ul li .row .head .tit{ padding: 25px 0; font-size: 20px;}
    .community_service ul li .row .head i{ right: 0; font-size: 18px;}
    .community_service ul li .row .body{ padding: 30px 0;}
    .community_service .text_01 p{ padding: 6px 0 6px 12px; font-size: 15px;}
    .community_service .text_01 p:before{ top: 13px;}
}




.sub_contact{ margin: 0 auto; max-width: 800px;}
.sub_contact .title{ padding: 0 0 80px 0; text-align: center; font-size: 24px; font-weight: 500; color: #000;}
.sub_contact > .row{}
.sub_contact > .row ul{ margin: -30px 0 0 0;}
.sub_contact > .row ul li{ margin: 30px 0 0 0;}
.sub_contact > .row ul li .row{}
.sub_contact .tit{ padding: 0 0 15px 0; line-height: 20px; font-size: 16px; font-weight: 300; color: #000;}
.sub_contact .tit span{ padding: 0 0 0 5px; color: #F00;}

.sub_contact input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 30px; border: 1px solid #DDD; background: #FFF; font-size: 15px; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.sub_contact input:focus{ border: 1px solid #000;}
.sub_contact select{ display: flex; align-items: center; margin: 0; padding: 0 40px 0 20px; width: 100%; height: 50px; border-radius: 30px; border:1px solid #DDD; background:url(/images/basic_select_icon.png) no-repeat center right 20px #FFF; background-size: 10px auto; font-size: 15px; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.sub_contact select::-ms-expand{ display: none;}
.sub_contact select:focus{ border: 1px solid #000;}
.sub_contact textarea{ display: flex; align-items: center; margin: 0; padding: 20px 20px; width: 100%; height: 280px; border-radius: 30px; border: 1px solid #DDD; background: #FFF; font-size: 15px; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.sub_contact textarea:focus{ border: 1px solid #000;}

.sub_contact .tel{ display: flex; align-items: center;}
.sub_contact .tel input:first-child{ width: 40%; text-align: center;}
.sub_contact .tel span{ display: block; padding: 0 5px; font-size: 12px; color: #999;}

.sub_contact .mail{ display: flex; align-items: center;}
.sub_contact .mail span{ display: block; padding: 0 5px; font-size: 12px; color: #999;}

.sub_contact .file{ display: flex;}
.sub_contact .file input{ flex: 1;}
.sub_contact .file .btn{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 50px; height: 50px; border-radius: 30px; background: #333; cursor: pointer;}
.sub_contact .file .btn i{ font-size: 18px; color: #FFF;}

.sub_contact .inquiry_type{ display: flex; margin: 0 -5px;}
.sub_contact .inquiry_type .type{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 33.333%; height: 60px; border-radius: 30px; border: 1px solid #DDD; cursor: pointer;}
.sub_contact .inquiry_type .type i{ display: none; margin: 0 10px 0 0; font-size: 24px; color: #999;}
.sub_contact .inquiry_type .type p{ font-size: 18px; color: #666;}
.sub_contact .inquiry_type .type:hover{ background: #f5f5f5;}
.sub_contact .inquiry_type .type.on{ border: 2px solid #008efb; background: #008efb;}
.sub_contact .inquiry_type .type.on i{ display: block; font-size: 24px; color: #FFF;}
.sub_contact .inquiry_type .type.on p{ font-weight: 300; color: #FFF;}

.sub_contact .check{ display: flex; flex-direction: column; align-items: center; margin: 50px 0 0 0;}
.sub_contact .check .txt{ text-align: center; font-size: 16px; color: #000;}
.sub_contact .check .txt .br_m{ display: none;}
.sub_contact .check .fb{ display: flex; align-items: center; margin: 20px 0 0 0;}
.sub_contact .check .btn{ display: flex; align-items: center; cursor: pointer;}
.sub_contact .check .btn i{ display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #DDD; font-size: 12px; color: #666;}
.sub_contact .check .btn p{ margin: 0 0 0 5px; font-size: 16px; color: #666;}
.sub_contact .check span{ margin: 0 0 0 10px; font-size: 16px; font-weight: 300; color: #000; cursor: pointer;}
.sub_contact .check .btn.on i{ border-color: #000; background: #000; color: #FFF;}
.sub_contact .check .btn.on p{ font-weight: 400; color: #000;}
@media(max-width: 1601px){
}
@media(max-width: 1023px){
}
@media(max-width: 767px){
    .sub_contact .title{ padding: 0 0 40px 0; font-size: 16px;}
    .sub_contact > .row ul{ margin: -20px 0 0 0;}
    .sub_contact > .row ul li{ margin: 20px 0 0 0;}
    .sub_contact .tit{ padding: 0 0 15px 0; line-height: 15px; font-size: 14px;}

    .sub_contact input{ padding: 0 15px; height: 45px;}
    .sub_contact select{ padding: 0 40px 0 15px; height: 45px;}
    .sub_contact textarea{ padding: 15px 15px; height: 140px;}

    .sub_contact .file .btn{ width: 45px; height: 45px;}
    .sub_contact .file .btn i{ font-size: 16px;}

    .sub_contact .inquiry_type .type{ height: 45px;}
    .sub_contact .inquiry_type .type i{margin: 0 5px 0 0; font-size: 16px;}
    .sub_contact .inquiry_type .type p{ font-size: 14px;}
    .sub_contact .inquiry_type .type.on i{ font-size: 16px;}

    .sub_contact .check{ margin: 40px 0 0 0;}
    .sub_contact .check .txt{ line-height: 1.4; font-size: 14px;}
    .sub_contact .check .txt .br_m{ display: block;}
    .sub_contact .check .btn i{ width: 20px; height: 20px;}
    .sub_contact .check .btn p{ font-size: 15px;}
    .sub_contact .check span{ font-size: 15px;}
}




.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: 400; color: #000;}
.popup_privacy .text h4{ display: block; position: relative; width: auto; margin-top: 30px; font-size: 20px; font-weight: 300; 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: 200; 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: 1601px){
    .popup_privacy .row{ height: 400px;}
}
@media(max-width: 1023px){
    .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: 400; color: #000;}
.popup_mail .text p{ margin-top: 30px; font-size: 16px; font-weight: 200; 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: 1601px){
    .popup_mail .row{ height: 400px;}
}
@media(max-width: 1023px){
    .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;}
}




.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: 100px 0 0 0;}
.type_btn_01 a{ display: flex; align-items: center; padding: 0 50px; height: 60px; border-radius: 30px; border: 1px solid #000; font-size: 18px; font-weight: 400; color: #000; cursor: pointer; transition: all .3s;}
.type_btn_01 a:hover{ background: #f5f5f5;}
.type_btn_01 a.on{ border-color: #008efb; background: #008efb; color: #FFF;}
@media(max-width: 1023px){
    .type_btn_01{ margin: 80px 0 0 0;}
}
@media(max-width: 767px){
    .type_btn_01{ margin: 40px 0 0 0;}
    .type_btn_01 a{ padding: 0 40px; height: 50px; font-size: 15px;}
}


.type_btn_02{ display: flex; justify-content: center; margin: 100px 0 0 0;}
.type_btn_02 a{ display: flex; align-items: center; margin: 0 10px; padding: 0 80px; height: 60px; border-radius: 30px; border: 1px solid #000; font-size: 18px; font-weight: 500; color: #000; cursor: pointer;}
.type_btn_02 a.on{ background: #000; color: #FFF;}
@media(max-width: 767px){
    .type_btn_02{ margin: 30px 0 0 0;}
}


.type_option{ display: flex; justify-content: flex-end; align-items: center; margin: 0 0 50px 0; padding: 25px 0; border-bottom: 1px solid #DDD;}
.type_option .fl{ display: flex; flex-wrap: wrap;}
.type_option .fl .row{ display: flex; align-items: center; margin: 0 0 0 30px;}
.type_option .fl .row:first-child{ margin: 0;}
.type_option .fl .row .tit{ font-size: 16px; font-weight: 400; color: #000;}
.type_option .fl .row select{ display: flex; align-items: center; margin: 0; padding: 0 20px 0 15px; width: auto; height: 40px; border-radius: 0; border: 0; background:url(/images/basic_select_icon.png) no-repeat center right 0 #FFF; background-size: 12px auto; font-size: 16px; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}

.type_option .fl .menu{ display: flex; flex-wrap: wrap; padding: 5px 0;}
.type_option .fl .menu p{ position: relative; margin: 0 40px 0 0; line-height: 30px; font-size: 17px; color: #666; cursor: pointer;}
.type_option .fl .menu p:last-child{ margin: 0;}
.type_option .fl .menu p.on{ font-weight: 400; color: #000;}

.type_option .search{ display: flex; align-items: center; width: 200px;}
.type_option .search input{ display: flex; align-items: center; margin: 0; padding: 20px; width: 100%; height: 30px; border-radius: 0; border: 1px solid #b3b3b3; background: none; font-size: 15px; font-weight: 200; color: #000; outline:none; -webkit-appearance:none; border-radius:5px 0 0 5px}
.type_option .search input:focus{ }
.type_option .search i{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; font-size: 24px; color: #000; cursor: pointer; border:1px solid #b3b3b3;height:30px; padding:20px 10px; display:flex; margin-left:0; border-width:1px 1px 1px 0; border-radius:0 5px 5px 0}
.type_option .reset{ display: flex; align-items: center; padding: 0 20px; height: 40px; background: #000; cursor: pointer;}
.type_option .reset i{ padding: 0 10px 0 0; font-size: 14px; color: #FFF;}
.type_option .reset p{ font-size: 15px; color: #FFF;}
@media(max-width: 1023px){
    .type_option .fl .menu p{ margin: 0 30px 0 0; font-size: 16px;}
}
@media(max-width: 767px){
    .type_option{ margin: 0 0 40px 0; padding: 10px 0;}
    .type_option .fl .row{ margin: 0 0 0 20px;}
    .type_option .fl .row .tit{ font-size: 15px;}
    .type_option .fl .row select{ padding: 0 20px 0 10px; font-size: 15px;}

    .type_option .fl .menu p{ margin: 0 25px 0 0; font-size: 15px;}

    .type_option .search{ flex: 0 0 120px; width: 120px;}
    .type_option .search input{ height: 25px; font-size: 15px;}
    .type_option .search i{ margin: 0 0 0 10px; font-size: 20px;}
}


.type_info{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 50px 0;}
.type_info .fl{ font-size: 18px; font-weight: 200; color: #000;}
.type_info .fl span{ margin: 0 0 0 5px; font-weight: 400; color: #000;}
.type_info .sort{ display: flex; align-items: center;}
.type_info .sort .tit{ padding: 0 20px 0 0; font-size: 16px; color: #000;}
.type_info .sort .btn{ display: flex; align-items: center;}
.type_info .sort .btn a{ margin: 0 0 0 20px; line-height: 20px; font-size: 16px; color: #666; cursor: pointer;}
.type_info .sort .btn a.on{ font-weight: 400; color: #000; border-bottom: 1px solid #CCC;}
@media(max-width: 767px){
    .type_info{ margin: 0 0 40px 0;}
    .type_info .fl{ font-size: 15px;}
    .type_info .sort .tit{ font-size: 15px;}
    .type_info .sort .btn a{ margin: 0 0 0 10px; font-size: 15px;}
}


.type_page{ display: flex; justify-content: center; align-items: center; margin: 80px 0 0 0;}
.type_page i{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 35px; height: 35px; font-size: 16px; color: #999; cursor:pointer;}
.type_page .page{ display: flex; align-items: center;}
.type_page .page p{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #e5e5e5; font-size: 12px; color: #666; transition: all .3s; cursor: pointer;}
.type_page .page p:hover{ background: #f5f5f5;}
.type_page .page p.on{ position: relative; z-index:1; border-color: #000; background: #000; color:#FFF;}
@media(max-width: 1601px){
    .type_page{ margin: 80px 0 0 0;}
}
@media(max-width: 767px){
    .type_page{ margin: 40px 0 0 0;}
    .type_page i{ margin: 0 2.5px; width: 30px; height: 30px; font-size: 15px;}
    .type_page .page p{ margin: 0 2.5px; width: 35px; height: 35px;}
}


.type_faq{ border-top: 1px solid #000;}
.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{ position: relative; padding: 0 60px 0 60px;}
.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; font-size: 20px; font-weight: 800; color: #000; transition: all .3s;}
.type_faq ul li a .q .t3{ padding: 5px 0 0 0; line-height: 1.4; font-size: 18px; color: #666;}
.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 60px;}
.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: #000; 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: 300; color: #000;}
.type_faq ul .on a .q .t1{ border-color: #000; background: #000; color: #FFF;}
.type_faq ul .on a .q .t3{ font-weight: 300; color: #000;}
.type_faq ul .on a .q i{ transform: rotate(180deg);}
@media(max-width: 767px){
    .type_faq ul li a{ padding: 20px 0;}
    .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 .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{ overflow: hidden; margin: 50px 0 0 0; border-top: 2px solid #1774d0;}
.type_notice .head{ display: flex; border-bottom: 1px solid #CCC;}
.type_notice .head li{ display: flex; justify-content: center; align-items: center; height: 60px;}
.type_notice .head li p{ font-size: 16px; font-weight: 400; 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: 25px 0; border-bottom: 1px solid #DDD; transition: all .3s;}
.type_notice .body li:nth-child(odd) .row{}
.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 .number.top{ font-weight: 300; color: #F00; letter-spacing: 0;}
.type_notice .body li .row .tit{ width: 45%; display: flex; align-items: center; padding: 0 15px;}
.type_notice .body li .row .tit a{ max-width: 90%; font-size: 16px; font-weight: 300; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer;}
.type_notice .body li .row .tit i{ margin: 0 0 0 10px; font-size: 26px; color: #1774d0; cursor: pointer;}
.type_notice .body li .row .user{ width: 15%; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #666;}
.type_notice .body li .row .date{ width: 15%; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #666;}
.type_notice .body li .row .click{ width: 15%; display: flex; justify-content: center; align-items: center; font-size: 16px; 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 20px; height: 35px; border-radius: 20px; border: 1px solid #DDD; background: #FFF; font-size: 14px; color:#666;}
.type_notice .body li .row .answer.on p{ border: 1px solid #1774d0; background: #1774d0; color: #FFF;}
.type_notice .body li .row:hover{ background: rgba(0 0 0/2%);}
.type_notice .body li .row:hover .tit a{ text-decoration: underline;}
@media(max-width: 767px){
    .type_notice{ margin: 30px 0 0 0;}
    .type_notice .head{ display: none;}
    .type_notice .body li .row{ padding: 20px 0 20px 60px;}
    .type_notice .body li .row .number{ position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 40px; font-size: 16px; font-weight: 400; color: #000;}
    .type_notice .body li .row .number.top{ font-size: 16px;}
    .type_notice .body li .row .tit{ padding: 0 0 10px 0; width: 100%; line-height: 20px;}
    .type_notice .body li .row .tit a{ font-size: 16px;}
    .type_notice .body li .row .tit i{ font-size: 22px;}
    .type_notice .body li .row .user{ justify-content: flex-start; margin: 0 15px 0 0; width: auto; font-size: 14px;}
    .type_notice .body li .row .date{ justify-content: flex-start; margin: 0 15px 0 0; width: auto; font-size: 14px;}
    .type_notice .body li .row .click{ justify-content: flex-start; width: auto; font-size: 14px;}
    .type_notice .body li .row .answer{ width: auto;}
    .type_notice .body li .row .answer p{ padding: 0 15px; height: 30px; font-size: 12px;}

    .type_notice .body li .row:hover{ background: none;}
    .type_notice .body li .row:hover .tit a{ text-decoration: none;}
}


.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 #8bb92c; background:#8bb92c; 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{ border-radius: 15px; border: 1px solid #e5e5e5;}
.type_view .head{}
.type_view .head .tit{ padding: 20px 30px; line-height: 1.4; font-size: 20px; font-weight: 400; color:#000;}
.type_view .head ul{ display: flex; flex-wrap: wrap; align-items: center; padding: 20px 30px; border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fafafa;}
.type_view .head ul li{ display:flex; align-items:center; margin:0 30px 0 0; padding:5px 0;}
.type_view .head ul li:last-child{ margin:0;}
.type_view .head ul li p{ display:block; margin:0 5px 0 0; font-size: 14px; color: #999;}
.type_view .head ul li font{ display:block; font-size: 14px; font-weight: 300; color: #333;}
.type_view .head ul li span{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 14px; font-weight: 200; color:#666;}
.type_view .head ul li span.on{ border:1px solid #742790; background:#742790; color:#FFF;}
.type_view .body{ padding:50px 30px;}
.type_view .body *{ line-height: 1.5; font-size: 16px;}
.type_view .body iframe{ display: block; margin: 0 0 20px 0; width: 100% !important; height: 500px !important;}
.type_view .body img{ display:block; margin:0 0 20px 0; max-width:100%;}

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

.type_view .body .file{ display:flex; flex-wrap: wrap; margin:30px 0 0 0;}
.type_view .body .file a{ display:flex; justify-content:center; align-items:center; margin: 0 10px 0 0; padding:0 30px; height:40px; border-radius: 30px; border:1px solid #09F;}
.type_view .body .file p{ font-size: 14px; color:#09F;}
.type_view .body .file i{ margin:0 0 0 5px; font-size: 14px; color:#09F;}
.type_view .page{}
.type_view .page li{ display:flex; align-content:center; padding: 30px 30px 30px 100px; border-top: 1px solid #e5e5e5;}
.type_view .page li p{ float:left; margin:0 0 0 -100px; width:100px; text-align:center; font-size: 14px; color:#999;}
.type_view .page li .tit{ display:flex; align-content:center; width:100%;}
.type_view .page li .tit a{ display:block; max-width:90%; font-size: 14px; font-weight: 200; color: #000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.type_view .page li .tit i{ margin:0 0 0 10px; font-size: 16px; cursor:pointer;}
.type_view .answer{ display:flex; align-items:center; padding:30px; background:#742790;}
.type_view .answer .fl{ margin:0 30px 0 0; font-size:20px; color:#FFF;}
.type_view .answer .fr{ flex:1 0; padding:30px; border-radius:10px; background:#FFF;}
.type_view .answer .fr *{ line-height:25px; font-size:15px; color:#333;}
.type_view .answer .fr img{ display:block; margin:0 0 20px 0; max-width:100%;}
@media(max-width:767px){
    .type_view .head .tit{ padding: 20px 15px; font-size: 18px;}
    .type_view .head ul{ padding: 15px;}
    .type_view .head ul li{ margin:0 15px 0 0; padding:5px 0;}
    .type_view .head ul li span{ padding:0 10px; height:25px;}
    .type_view .head ul li p{ font-size: 12px;}
    .type_view .head ul li font{ font-size: 12px;}
    .type_view .body{ padding: 30px 15px;}
    .type_view .body *{ font-size: 14px;}
    .type_view .body iframe{ height: 250px !important;}
    .type_view .body .file a{ margin: 5px 5px 0 0; padding: 0 15px; height: 35px;}
    .type_view .body .file a p{ font-size: 12px;}
    .type_view .page li{ padding: 20px 15px 20px 80px;}
    .type_view .page li p{ margin: 0 0 0 -60px; width:60px; text-align:left;}
    .type_view .page li .tit i{ margin:0 0 0 5px;}
    .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_view_new{}
.type_view_new .head{ display: flex; justify-content: flex-start; align-items: center; padding: 30px 0; border-top: 2px solid #000; border-bottom: 1px solid #CCC;}
.type_view_new .head .date{ margin: 0 30px 0 0;}
.type_view_new .head .date span{ display: block; padding: 10px 15px; border: 1px solid #DDD; text-align: center; transition: all .3s;}
.type_view_new .head .date p:nth-child(1){ font-size: 16px; font-weight: 400; color: #000; transition: all .3s;}
.type_view_new .head .date p:nth-child(2){ font-size: 16px; color: #666; transition: all .3s;}
.type_view_new .head .txt{ display: flex; align-items: center;}
.type_view_new .head .txt span{ margin: 0 0 0 30px; font-size: 16px; color: #999;}
.type_view_new .head .txt span:first-child{ margin: 0;}
.type_view_new .head .txt span font{ padding: 0 0 0 5px; font-weight: 300; color: #000;}
.type_view_new .tit{ padding: 50px 0; border-bottom: 1px solid #CCC; line-height: 1.2; font-size: 30px; font-weight: 800; color: #000;}

.type_view_new .rolling_img{ margin: 50px 0 0 0; padding: 0 0 30px 0;}
.type_view_new .rolling_img .slide{ margin: 0 20px 0 0;}
.type_view_new .rolling_img .slide img{ display: block; width: auto; height: 400px;}
.type_view_new .rolling_img .slick-dots{ bottom: 0;}
.type_view_new .rolling_img .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: -20px; transform: translate(0,-50%); padding: 0 3px 0 0; width: 40px; height: 40px; border-radius: 50%; background: #000; font-size: 16px; color: #FFF; cursor: pointer; transition: .3s;}
.type_view_new .rolling_img .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: -20px; transform: translate(0,-50%); padding: 0 0 0 3px; width: 40px; height: 40px; border-radius: 50%; background: #000; font-size: 16px; color: #FFF; cursor: pointer; transition: .3s;}

.type_view_new .text{ margin: 50px 0 0 0; line-height: 1.8; font-size: 16px; color: #000;}
.type_view_new .text img{ display: block; margin: 0 0 30px 0; max-width: 100%; height: auto;}
.type_view_new .file{ display: flex; flex-wrap: wrap; margin: 40px 0 0 0;}
.type_view_new .file a{ display: flex; justify-content: center; align-items: center; margin: 10px 10px 0 0; padding: 0 30px; height: 50px; border-radius: 0; border: 1px solid #CCC; transition: all .3s;}
.type_view_new .file a:hover{ background: #f5f5f5;}
.type_view_new .file p{ font-size: 16px; color: #000;}
.type_view_new .file i{ margin: 0 0 0 10px; font-size: 22px; color: #000;}
@media(max-width: 1601px){
}
@media(max-width: 1023px){
}
@media(max-width: 767px){
    .type_view_new .head{ padding: 20px 0;}
    .type_view_new .head .date{ margin: 0 20px 0 0;}
    .type_view_new .head .date p:nth-child(1){ font-size: 14px;}
    .type_view_new .head .txt{ display: flex; align-items: center;}
    .type_view_new .head .txt span{ display: flex; flex-direction: column; font-size: 13px;}
    .type_view_new .head .txt span font{ padding: 4px 0 0 0;}
    .type_view_new .tit{ padding: 30px 0; font-size: 24px;}
    .type_view_new .head .txt span{ margin: 0 0 0 20px;}

    .type_view_new .rolling_img{ margin: 40px 0 0 0; padding: 0 0 30px 0;}
    .type_view_new .rolling_img .slide{ margin: 0 10px 0 0;}
    .type_view_new .rolling_img .slide img{ height: 180px;}
    .type_view_new .rolling_img .xi-angle-left{ left: 0; margin: -10px 0 0 0; padding: 0; width: auto; height: auto; border-radius: 0; background: none; font-size: 20px;}
    .type_view_new .rolling_img .xi-angle-right{ right: 0; margin: -10px 0 0 0; padding: 0; width: auto; height: auto; border-radius: 0; background: none; font-size: 20px;}

    .type_view_new .text{ margin: 40px 0 0 0; font-size: 15px;}
    .type_view_new .text img{ margin: 0 0 20px 0;}

    .type_view_new .file a{ padding: 0 25px; height: 45px;}
    .type_view_new .file p{ font-size: 15px;}
    .type_view_new .file i{ font-size: 20px;}
}





.type_write{ overflow: hidden; margin: 20px 0 0 0; border-radius: 15px; border: 1px solid #e5e5e5;}
.type_write:first-child{ margin: 0;}
.type_write .title{ display:flex; justify-content: space-between; align-items: center; padding: 0 30px; height: 60px; border-bottom: 1px solid #e5e5e5; background: #f1f9fc;}
.type_write .title p{ font-size: 16px; font-weight: 400; color: #000;}
.type_write .title font{ font-size: 14px; color: #F00;}
.type_write ul{ margin: 0 30px;}
.type_write ul li{ border-top: 1px solid #e5e5e5;}
.type_write ul li:first-child{ border: 0;}
.type_write ul li a{ display: flex; align-items: flex-start; padding: 20px 0;}
.type_write ul li a > .tit{ width: 100px; line-height: 50px; font-size: 14px; font-weight: 200; color: #333;}
.type_write ul li a > .tit span{ color: #F00;}
.type_write ul li a .row{ flex:1 0; display:flex; flex-wrap:wrap; align-items:center;}
.type_write ul li a .row > *{ margin:0 2px;}
.type_write ul li a .text{ line-height: 1.4; font-size: 14px; color: #000;}

.type_write ul.info{ padding: 20px 0;}
.type_write ul.info li{ border: 0;}
.type_write ul.info li a{ align-items: center; padding: 10px 0;}
.type_write ul.info li a > .tit{ line-height: 1.4;}

.type_write input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 25px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 14px; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.type_write select{ display: flex; align-items: center; margin: 0; padding: 0 35px 0 20px; width: 100%; height: 50px; border-radius: 25px; border:1px solid rgba(0 0 0/10%); background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 14px; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.type_write select::-ms-expand{ display: none;}
.type_write textarea{ display: flex; align-items: center; margin: 0; padding: 10px 20px; width: 100%; height: 300px; border-radius: 25px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 14px; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}

.type_write .file{ display: flex; width: 100%;}
.type_write .file .btn{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; margin: 0 0 0 10px; width: 150px; height: 50px; border-radius: 25px; background:#742790; cursor: pointer;}
.type_write .file .btn p{ font-size: 14px; color: #FFF;}
.type_write .file .btn_down{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin:0 0 0 10px; width:140px; height:35px; background:#742790; cursor:pointer;}
.type_write .file .btn_down p{ font-size:14px; color:#FFF;}

.type_write .code{ display: flex; width: 100%;}
.type_write .code .img{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; margin: 0 10px 0 0; width: 150px; height: 50px; border-radius: 25px; background: #333; font-size: 14px; color:#FFF;}

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

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

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

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

.type_write .checkbox{ display:flex; flex-wrap:wrap; width:100%;}
.type_write .checkbox p{ display:flex; align-items:center; margin:0 20px 0 0; padding:10px 0; font-size: 14px; cursor:pointer;}
.type_write .checkbox p:last-child{ margin:0;}
.type_write .checkbox p i{ display:flex; justify-content:center; align-items:center; margin: 0 5px 0 0; width:25px; height:25px; border-radius: 50%; border:1px solid #CCC; font-size: 12px; color:#FFF;}
.type_write .checkbox p span{ border-bottom: 1px solid #742790; color: #742790;}
.type_write .checkbox p.on i{ border-color:#742790; background:#742790; color:#FFF;}

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

.type_write .tel select{ width:80px;}

.type_write .mail .txt{ line-height:35px; font-size:13px; color:#333;}
@media(max-width:1000px){
    .type_write .code .txt{ margin:10px 0 0 0;}
}
@media(max-width:767px){
    .type_write .title{ padding: 0 15px; height: 50px;}
    .type_write ul{ margin: 0 15px;}
    .type_write ul li a{ display: block; padding: 20px 0;}
    .type_write ul li a > .tit{ padding:0 0 10px 0; width:auto; line-height:15px; font-size: 12px;}

    .type_write input{ padding: 0 15px; height: 45px;}
    .type_write select{ padding-left: 15px; height: 45px;}
    .type_write textarea{ padding: 10px 15px; height: 150px;}

    .type_write .file .btn{ margin: 0 0 0 5px; width: 120px; height: 45px;}
    .type_write .file .btn p{ font-size:12px;}
    .type_write .file .btn_down{ margin:0 0 0 5px;}
    .type_write .file .btn_down p{ font-size:12px;}

    .type_write .code .img{ margin: 0 5px 0 0; width: 50%; height: 45px;}

    .type_write .privacy .title{ line-height:20px; font-size:18px;}
    .type_write .privacy .check label p{ font-size:13px;}
    .type_write .tel input{ flex:1 0; width:50%;}
    .type_write .mail input{ flex:1 0; width:50%;}
    .type_write .mail select{ margin-top:4px !important; width:100%;}

    .type_write .radio{}
    .type_write .radio p{ margin:0 15px 0 0; padding:5px 0;}
}