@charset "utf-8";

@import "base.css";
@import "webfont.css";
@font-face {font-family:"Gmarket Sans";font-style:normal;font-weight:500;src:url(/common/fonts/GmarketSans/GmarketSansBold.woff) format("woff");}

/* skipnav */
.skipnav {position:relative;z-index:13569}
.skipnav a {position:absolute;top:-30px;left:0;display:inline-block;padding:0 20px;background:#000;color:#fff;line-height:30px;font-size:12px}
.skipnav a:focus {top:0}

/* header */
.header{position:absolute;top:0;left:0;width:100%;font-weight:300;color:var(--white);z-index:100}
.header_wrap{display:flex;justify-content:space-between;align-items:center;text-align:center;max-width:1920px;margin:0 auto;padding:50px 20px;}
.logo{position:relative;z-index:40;display:flex;align-items:center;justify-content:center;}
.logo_link{display:block;overflow:hidden;width:156px;height:47px;background:#fff url(../images/Logo_kmet.png) no-repeat;}
.logo_cape{display:block;overflow:hidden;width:111px;height:27px;margin-left:10px;background:#fff url(../images/cape_img/logo_cape.png) no-repeat;font-size:0;}
.gnb>li{display:inline-block;position:relative}
.gnb_link{display:block;padding:0 18px;font-size:18px;font-weight:bold;line-height:60px;transition:all 0.3s ease-out}
.gnb_link:hover{color:var(--point);}
.snb{position:relative;z-index:60}
.snb_item{display:inline-block}
.snb_item~.snb_item{margin-left:10px}
.snb_cape{overflow:hidden;display:flex;align-items:center;justify-content:center;}
.snb_cape li{display:flex;}
.snb_cape li a{display:block;padding:5px 15px;height:32px;line-height:22px;font-weight:500;font-size:14px;border-radius:20px;background:var(--point);color:var(--white);}
.snb_cape li a i {margin-right:5px;}
.btn-menu{position:relative;width:34px;height:22px;padding:6px}
.btn-menu_line{display:block;position:absolute;right:6px;height:3px;background:var(--white)}
.btn-menu_line-bottom{bottom:6px;width:16px}
.btn-menu_line-top{top:6px;width:22px}
.lnb{display:none;position:absolute;top:130px;left:0;width:100%;background:var(--white);text-align:center;transition:all 0.3s ease-out}
.lnb:before{content:'';position:absolute;left:0;top:0;width:100%;height:1px;background:var(--lightgray)}
.lnb:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--lightgray)}
.lnb_wrap{display:flex;max-width:1400px;margin:0 auto}
.lnb_box{flex:1;position:relative;padding:30px 0;border-right:1px solid var(--lightgray)}
.lnb_box:last-child{border-right:0}
.lnb_box:after{content:'';position:absolute;top:-1px;left:50%;width:0;height:2px;background:var(--point);transition:all 0.3s ease-out;z-index:5}
.lnb_box:hover:after{width:160px;margin-left:-80px}
.lnb_title{margin-bottom:20px;font-size:20px;font-weight:500;color:#000}
.lnb_list>li~li{margin-top:10px}
.lnb_list>li a{color:#333}
.lnb_list>li:hover a{font-weight:600;color:var(--point)}
.lnb_tab{font-size:9px}
.header.active .lnb{display:block}
.header.active,.header.sub-white{background:var(--white);color:#000}
.header.white{background:var(--white)}
.header.white .snb_item{color:#000}
.header.white .logo_link,.header.active .logo_link, .header.sub-white .logo_link{background:#fff url(../images/logo_KMET.png) no-repeat;}
.header.white .btn-menu_line,.header.active .btn-menu_line,.header.sub-white .btn-menu_line{background:#000}

/* footer */
.footer{background-color:#fff;border-top:1px solid var(--lightgray)}
.footer_inner{display:flex;max-width:1920px;margin:0 auto;padding:50px 10px;justify-content:space-between;}
.footer_box{position:relative;}
.footer_logo{display:inline-block;margin-bottom:30px}
.footer_info{font-size:16px;line-height:28px}
.footer_info .copyright {font-size:14px;}

/* btn-top */
.btn-top {position:absolute;right:0;bottom:30px;display:flex;align-items:center;justify-content:center;height:70px;width:70px;border:1px solid var(--point);background-color:var(--white);transition:all 0.5s ease-in-out;overflow:hidden;cursor:pointer;}
.btn-top_icon {display:inline-block;position:relative;width:70px;height:70px;background:url(../images/icon/icon_top.svg) no-repeat 50% 50%;z-index:10;transition:all 0.3s linear}
.btn-top:before {content:"";position:absolute;bottom:-70px;width:100%;height:100%;margin-left:-1px;margin-bottom:-1px;border:1px solid transparent;background-color:var(--point);transition:all 0.3s linear;}
@media (hover:hover){
.btn-top:hover .btn-top_icon{background-image:url(../images/icon/icon_top_white.svg)}
.btn-top:hover:before {bottom:0}
}

@media screen and (max-width:1490px) {
.header_wrap{padding:30px 10px}
.gnb{display:none}
.modal-open .header_wrap{padding-right:40px}
}
@media screen and (max-width:1023px) {
.logo_link{display:none}
.snb{line-height:19px}
.snb_item~.snb_item{margin-left:10px}
.modal-open .header_wrap{padding-right:20px}
.modal-open .btn-menu.on .btn-menu_line-top{top:8px}
.modal-open .btn-menu.on .btn-menu_line-bottom{width:14px}
.footer_inner{flex-direction:column;}
.footer_logo{margin-bottom:25px;line-height:1}
.footer_logo img{width:90%}
}
@media screen and (max-width:767px) {
.modal-open .header_wrap{padding-right:20px}
.footer_inner{padding:30px 10px;}
.footer_logo{display:none}
.footer_info{font-size:14px;line-height:24px}
.footer_info span {display:block;margin-left:0 !important;}
.btn-top{width:50px;height:50px;}
.btn-top_icon {width:40px;height:40px;background-size:contain}
}	

/* sitemap */
.sitemap{position:fixed;overflow-y:scroll;top:0;left:0;width:100%;height:100vh;background:var(--white);color:#000;opacity:0;visibility:hidden;transition:all 0.3s ease-out;z-index:-1}
.sitemap.active{visibility:visible;opacity:1;z-index:11}
.sitemap_wrap{display:flex;align-items:center;max-width:1920px;height:100%;margin:0 auto;padding:0 20px;}
.sitemap_box{flex:1;}
.sitemap_slogan{font-size:3vw;font-weight:900;line-height:1.2;letter-spacing:0;text-align:left;text-transform:uppercase}
.sitemap_item{overflow:hidden;color:var(--black);}
.sitemap_title{display:block;padding:20px 25px;font-size:36px;font-weight:bold;cursor:pointer;}
.sitemap_list{display:none;}
.sitemap_list>li{display:block;padding:10px 25px;font-size:20px;font-weight:bold;color:#999}
.sitemap_list>li:hover{color:#000}
.sitemap_item.active .sitemap_list>li a{color:var(--black)}
.sitemap_item.active .sitemap_title {color:var(--black);}
@media screen and (max-width:1023px) {
.sitemap_wrap{flex-direction:column;align-items:flex-start;overflow-y:auto;height:calc(100% - 100px);margin-top:150px;padding:0 20px;}
.sitemap_box{flex:none;width:100%;}
.sitemap_box~.sitemap_box{margin-top:50px;}
.sitemap_title{font-size:24px;padding:10px 25px;}
.sitemap_list{background:#eee;padding:10px 25px;}
.sitemap_slogan{font-size:2vw}
.sitemap_slogan span{overflow:hidden;display:block;position:relative;font-size:7vw;font-weight:bold;line-height:1.2;-webkit-text-stroke:1px #000;color:transparent}
.sitemap_slogan span:nth-child(1):before{content:'KMET';display:block;font-size:7vw;font-weight:bold;line-height:1.2;transition-delay:0.2s}
.sitemap_slogan span:nth-child(2):before{content:'(유)한국기계설비기술';display:block;font-size:7vw;font-weight:bold;line-height:1.2;transition-delay:0.4s}
.sitemap_slogan span:nth-child(3):before{content:'';display:block;font-size:7vw;font-weight:bold;line-height:1.2;transition-delay:0.6s}
.sitemap_slogan span:before{overflow:hidden;position:absolute;top:0;left:0;height:0;transition:height 0.3s ease-out;color:#000}
.sitemap_slogan.active span:before{height:100%}
.modal-open .sitemap_slogan span:before{height:100%;color:#000}
}

/* sub */
.content{padding-top:385px}
.content_wrap{position:relative;padding:60px 0 100px 0;background-color:var(--white);z-index:5}
.content_title{margin-bottom:30px;font-size:44px;font-weight:600;text-align:center;color:#000}
.content_title+div{overflow:hidden;max-width:1920px;margin:0 auto}
@media screen and (max-width:1439px) {
.content_wrap{padding-left:20px;padding-right:20px}
.content_title+div{overflow:visible}
}
@media screen and (max-width:1023px) {
.content{padding-top:250px}
.content_wrap{padding:40px 0 50px 0}
.content_title{font-size:32px;line-height:1.25}
.content_title+div{overflow:visible}
}
@media screen and (max-width:767px) {
.content_wrap{padding:30px 20px 30px 20px}
.content_title{margin-bottom:20px;font-size:28px}
}

/* subvisual */
.subvisual{position:fixed;top:0;left:0;width:100%;height:450px;color:var(--white);text-align:center;animation:subvisual_bg 5s ease both;}
.subvisual_title{position:relative;overflow:hidden;padding-top:38px;font-size:56px;font-weight:bold;line-height:1.5;transition-delay:0.3s;}
.subvisual_desc{margin-top:20px;transition-delay:0.5s;}
.cape01 {background:url(../images/cape_img/CAPE_visual_01.png) no-repeat 50% 0;background-size:cover;}
.cape02 {background:url(../images/cape_img/CAPE_visual_02.png) no-repeat 50% 0;background-size:cover;}
.cape03 {background:url(../images/cape_img/CAPE_visual_03.png) no-repeat 50% 0;background-size:cover;}
.cape04 {background:url(../images/cape_img/CAPE_visual_04.png) no-repeat 50% 0;background-size:cover;}
.cape05 {background:url(../images/cape_img/CAPE_visual_05.png) no-repeat 50% 0;background-size:cover;}
.cape06 {background:url(../images/cape_img/CAPE_visual_06.png) no-repeat 50% 0;background-size:cover;}
.cape07 {background:url(../images/cape_img/CAPE_visual_07.png) no-repeat 50% 0;background-size:cover;}
.cape08 {background:url(../images/cape_img/CAPE_visual_08.png) no-repeat 50% 0;background-size:cover;}
@keyframes subvisual_bg { 0% {-webkit-transform:translate(-0%,-0%) scale(1.3);transform:translate(-0%,-0%) scale(1.3);}100% {-webkit-transform:translate(-0%,-0%) scale(1);transform:translate(-0%,-0%) scale(1);}}
@media screen and (max-width:1023px) {
.subvisual{position:absolute;height:250px;padding:0 20px}
.subvisual_title{margin-bottom:5px;padding-top:40px;font-size:40px}
.subvisual_description{font-size:16px}
}
@media screen and (max-width:767px) {
.cape01 {background-image:url(../images/cape_img/CAPE_visual_01_mo.png);}
.cape02 {background-image:url(../images/cape_img/CAPE_visual_02_mo.png);}
.cape03 {background-image:url(../images/cape_img/CAPE_visual_03_mo.png);}
.cape04 {background-image:url(../images/cape_img/CAPE_visual_04_mo.png);}
.cape05 {background-image:url(../images/cape_img/CAPE_visual_05_mo.png);}
.cape06 {background-image:url(../images/cape_img/CAPE_visual_06_mo.png);}	
.cape07 {background-image:url(../images/cape_img/CAPE_visual_07_mo.png);}
.cape08 {background-image:url(../images/cape_img/CAPE_visual_08_mo.png)}
}


/* breadcrumb */
.breadcrumb{position:relative}
.breadcrumb:after{position:absolute;top:0;right:0;width:50%;height:100%;background:var(--white);content:'';z-index:-1}
.breadcrumb_wrap{display:flex;max-width:1400px;margin:0 auto;font-weight:400;background-color:var(--white);}
.breadcrumb_menu{position:relative;height:74px}
.breadcrumb_btn{display:block;overflow:hidden;position:relative;width:345px;padding:0 60px 0 30px;font-weight:400;line-height:74px;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;color:#000}
.breadcrumb_btn:before{position:absolute;top:50%;left:0;width:1px;height:22px;margin-top:-11px;background-color:var(--lightgray);content:''}
.breadcrumb_btn:after{position:absolute;top:50%;right:30px;width:12px;height:8px;margin-top:-4px;background:url(../images/icon/icon_dropdown.svg) no-repeat 50%;transition:all 0.3s ease-out;content:''}
.breadcrumb_btn.active:after{transform:rotate(180deg);color:var(--point)}
.breadcrumb_list{display:none;position:absolute;top:74px;left:0;z-index:10;width:100%;padding:20px 30px;border:1px solid var(--lightgray);background:var(--white);box-sizing:border-box}
.breadcrumb_list>li~li{margin-top:15px}
.breadcrumb_list>li a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:22px;color:#666;line-height:22px;overflow:hidden;text-overflow:ellipsis}
.breadcrumb_list>li:hover a{font-weight:600;color:var(--point)}
.breadcrumb_list>li:hover a{font-weight:600;color:var(--point)}
.btn-home{display:block;position:relative;width:84px;height:74px;text-indent:-999em}
.btn-home:before{position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;background:url(../images/icon/icon_home.svg) no-repeat 50%;content:''}
@media screen and (max-width:1280px) {
.breadcrumb{border-bottom:1px solid var(--lightgray)}
.breadcrumb_menu{width:50%;height:45px}
.breadcrumb_menu-home,
.breadcrumb_menu:first-child{display:none}
.breadcrumb_btn{width:100%;max-width:none;min-width:auto;padding:0 50px 0 20px;line-height:45px;font-size:16px;}
.breadcrumb_btn:after{right:20px;margin-top:-2px}
.breadcrumb_btn.active:after{margin-top:-4px}
.breadcrumb_list{top:45px;padding:18px 20px}
.breadcrumb_list>li a{min-height:22px;line-height:18px}
.breadcrumb_list>li:hover a{font-weight:400}
}

/* title */
.title{margin-bottom:50px;font-size:32px;font-weight:600;text-align:center}
.title-small{font-size:24px}
.title-fit{margin-bottom:5px}
@media screen and (max-width:1023px) {
.title{margin-bottom:20px;font-size:28px}
.title-fit{margin-bottom:15px}
.title-small{font-size:18px}
}
@media screen and (max-width:767px) {
.title{font-size:22px}
}

/* info */
.info{text-align:center}
.info_title{font-size:42px;font-weight:700;color:#00903e;font-family:"Gmarket Sans";}
.info_description{font-size:30px;font-weight:300;color:#00903e;font-family:"Gmarket Sans";}
@media screen and (max-width:767px) {
.info_title{font-size:30px;text-align:left;letter-spacing:-1px;}
.info_description{font-size:20px;text-align:left}
}

/* inner */
.inner~.inner{margin-top:110px;padding-top:110px;border-top:1px solid #999}
.inner-line{border-top:1px solid #333}
@media screen and (max-width:1023px) {
.inner~.inner{margin-top:60px;padding-top:55px}
}

/* item */
.item{margin-top:60px}
.item-bg{padding:110px 0 118px;background-color:#f9f9f9}
.item-line{margin-top:80px;padding-top:80px;border-top:1px solid #999}
.item_title{margin-bottom:50px;font-size:42px;font-weight:700;color:#00903e;text-align:center;font-family:"Gmarket Sans";}
.item .btn-link {display:block;margin-top:20px;}
@media screen and (max-width:1439px) {
.item-bg{padding-left:40px;padding-right:40px}
}
@media screen and (max-width:1023px) {
.item{position:relative;margin-top:30px;padding:20px;}
.item-line{padding-top:30px;}
.item-bg{padding:30px 20px;}
}
@media screen and (max-width:767px) {
.item{margin-top:20px;padding:10px;}
.item-bg{padding:10px;}
.item_title{margin-top:20px;font-size:30px;text-align:left;letter-spacing:-1px;}
}

/* split */
.split{display:flex;flex-wrap:wrap;justify-content:space-between;gap:60px}
.split>li{flex-basis:calc(50% - 30px)}
.split>li.style2 {flex-basis:calc(30% - 10px)}
.split_title{display:flex;align-items:center;padding:20px 10px;border-bottom:1px solid var(--lightgray);font-size:24px;font-weight:500;font-family:"Gmarket Sans";}
.split_title-fit{justify-content:center;border-bottom:0 none;background:var(--lightgray);border-radius:10px;}
.split_title strong{color:var(--point);font-weight:700;margin-left:10px;}
.split_title small{font-size:18px;font-weight:400}
.split_title .number{font-size:18px;color:var(--point);font-weight:700;margin-right:10px;}
.split_description{color:#666;font-size:16px;margin-top:30px;}
.split_button{margin-top:40px}
@media screen and (max-width:1280px) {
.split{gap:30px;margin-top:20px}
.split_title{flex-direction: column;font-size:18px}
.split_title small{display:block;font-size:14px}
.split_button{margin-top:20px}
}
@media screen and (max-width:767px) {
.split{gap:10px;flex-direction:column;}		
.split>li, .split>li.style2{flex-basis:100%;margin-bottom:20px }	
.split_description{margin-top:20px;}
}

/* box */
.box{display:flex}
.box_title{flex-basis:28%;flex-shrink:0;font-size:32px;font-weight:700;line-height:1.25}
.box_wrap{flex-grow:1}
.box_inner~.box_inner {margin-top:40px;padding-top:40px;border-top:1px solid var(--lightgray)}
@media screen and (max-width:1439px) {
.box_title{flex-basis:22%;padding-right:20px}
}
@media screen and (max-width:1023px) {
.box{display:block}
.box_title{flex-basis:100%;margin:30px 0;font-size:26px;font-weight:600;text-align:center}
.box_inner{position:relative}
.box_inner~.box_inner{margin-top:40px;padding-top:40px}
}
@media screen and (max-width:767px) {
.box{flex-wrap:nowrap;flex-direction:column;gap:20px;}
.box_title{margin:10px 0;font-size:22px;flex-basis:100%;}
}

/* textbox */
.textbox{position:relative;padding-left:50px}
.textbox_number{position:absolute;top:7px;left:0;font-size:20px;color:var(--point);font-weight:600}
.textbox_title{font-size:28px;font-weight:600;color:var(--point);}
.textbox_subtitle{font-size:24px;font-weight:500;}
.textbox p {margin-top:10px;color: var(--darkgray);}
@media screen and (max-width:1023px) {
.textbox{padding-left:40px}
.textbox_number{ }
.textbox_title{font-size:22px;}
.textbox_subtitle{font-size:18px}
}

/* list */
.list>li{position:relative;padding-left:15px;color:var(--darkgray);text-align:left;font-size:20px;}
.list>li:before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--lightgray)}
.list>li~li{margin-top:10px}
@media screen and (max-width:1023px) {
.list>li{padding-left:10px;font-size:18px;}
.list>li:before{width:3px;height:3px}
}

.photo_list{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:30px;}
.photo_list>li{overflow:hidden;flex-basis:calc(33% - 20px);color:#333;padding:1rem  0.5rem;background-color:var(--white);border:1px solid #bbb;border-radius:0.5rem;transition:all 0.15s;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.photo_list>li .tit{display:block;margin:1rem 0 0.5rem 0;font-size:20px;font-weight:500;line-height:1.2;text-align:center;}
.photo_list>li.style2 {flex-basis:calc(50% - 20px);}
@media screen and (max-width:1240px){ 
.photo_list>li{flex-basis:calc(50% - 20px);}
.photo_list>li .tit{margin:0.5rem;font-size:18px;}
.photo_list>li.style2 {flex-basis:calc(50% - 10px);}
}
@media screen and (max-width:768px){ 
.photo_list>li{flex-basis:calc(50% - 10px);padding:1rem 0.5rem 0.5rem 0.5rem;}
.photo_list>li .tit{margin-top:0.5rem;font-size:16px;}
.photo_list>li.style2 {flex-basis:100%;}
}	
@media screen and (max-width:480px){ 
.photo_list>li {flex-basis:100%;}
}		

/* tab */
.tab{display:flex;margin-top:50px;text-align:center}
.tab a{flex:1 0 25%;padding:10px;border:1px solid var(--lightgray);font-size:18px;font-weight:500;}
.tab.type1 a{flex:1 0 15%}
.tab-more a{flex:1}
.tab a~a{margin-left:-1px}
.tab a:hover{background:var(--gray);color:var(--white)}
.tab a.active {border-color:var(--point);background:var(--point);color:var(--white)}
@media screen and (max-width:1280px) {
.tablewrap::-webkit-scrollbar{height:4px;border-radius:2px;background:var(--lightgray)}
.tablewrap::-webkit-scrollbar-thumb{border-radius:2px;background:var(--point);background-clip:padding-box}
}
@media screen and (max-width:1023px) {
.tablewrap{position:relative;overflow-x:auto;padding-bottom:20px}
.tablewrap .tbl{width:1010px}
}
@media screen and (max-width:767px) {
.tablewrap{overflow-x:auto;padding-bottom:20px}
.tablewrap::-webkit-scrollbar{height:4px;border-radius:2px;background:var(--lightgray)}
.tablewrap::-webkit-scrollbar-thumb{border-radius:2px;background:var(--point);background-clip:padding-box}
.tablewrap .tbl{width:820px}
}

/* icons */
.icons{display:flex}
.icons>li{flex:1;padding:0 30px;border-right:1px solid var(--lightgray);text-align:center}
.icons>li:last-child{border-right:0 none}
.icons_icon{padding-top:14px}
.icons_icon .ico{display:flex;align-items:center;justify-content:center;}
.icons_icon .ico img {vertical-align:middle;height:64px}
.icons_title{display:block;margin:26px 0 6px;font-size:20px;font-weight:500;line-height:1.4}
.icons_title-fit{margin:0}
.icons_title-small{font-size:18px;font-weight:300;color:#666}
.icons_description{margin-top:10px;color:var(--darkgray)}
.icons p{margin-top:10px}
.icons-fit>li{padding:0 20px}
.icons-large .icons_title{margin-bottom:18px;font-size:22px}
.icons-box{padding:26px 0;border:1px solid var(--lightgray)}
.icons-box-large{padding:50px 0}
@media screen and (max-width:1023px) {
.icons{flex-wrap:wrap;justify-content:center}
.icons-box{padding:26px 0 0}
.icons-box-large{padding:30px 0}
.icons>li{flex:0;flex-basis:50%;margin-top:20px;padding:0 20px 50px;border-right:0 none}
.icons_title{margin:25px 0 20px;font-size:18px}
.icons_icon{padding-top:0}
.icons-four>li{flex-basis:50%}
}
@media screen and (max-width:767px) {
.icons{display:block}
.icons>li{padding-bottom:40px;border-right:0 none;border-bottom:1px solid var(--lightgray)}
.icons>li~li{margin-top:40px}
.icons>li:last-child{padding-bottom:0;border-bottom:none}
.icons-fit>li{padding:0 15px 40px}
.icons-box>li:nth-child(n+5){margin-top:0;margin-bottom:0;border-bottom:0 none}
.icons-box>li:nth-child(4n):after{content:none}
.icons_icon{padding-top:0}
.icons_title{margin:20px 0 15px;font-size:16px;font-weight:600}
.icons-box{padding:30px 20px}
.icons-large .icons_title{font-size:16px}
.icons>li br {display:none}
}

/* factory */
.factory_icon {width:200px;height:200px;border-radius:50%;background:#E4E7F4;line-height:200px;margin-bottom:20px;display:inline-flex;align-items:center;justify-content:center;}
.factory_icon img{vertical-align:middle;height:100px;}

/* popup */
.popup {display:none;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}
.dimmed{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5)}
.popup-dark{background:rgba(0,0,0,0.7)}
.popup-main{display:block}
.popup_wrap{display:flex;gap:30px;min-height:100%;padding:50px 0;justify-content:center;align-items:center}
.popup_wrap-fit{padding:0}
.popup_inner{overflow:hidden;flex-basis:900px;z-index:10}
.popup_box{padding:60px;background:var(--white)}
.popup_header{position:relative;padding-right:30px;padding-bottom:36px;border-bottom:1px solid var(--lightgray)}
.popup_content {position:relative}
.popup_category{margin-bottom:10px;font-weight:bold;color:var(--point)}
.popup_title{display:-webkit-box;overflow:hidden;max-height:68px;font-size:30px;font-weight:500;line-height:34px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.popup_imagewrap{padding:58px;text-align:center}
.popup_image{display:inline-block;height:calc(65vh - 116px);max-height:650px;border:1px solid var(--lightgray);text-align:center}
.popup_image img{max-height:100%}
.popup_form{overflow-Y:scroll;overflow-x:hidden;max-height:calc(100vh - 310px)}
.popup_form::-webkit-scrollbar{width:2px}
.popup_form::-webkit-scrollbar-thumb{background:#333}
.popup_form::-webkit-scrollbar-track{background:#d8d8d8}
.popup_buttons{display:flex;justify-content:space-between;align-items:center;position:absolute;top:50%;left:50%;width:100%;transform:translate3d(-50%, -50%, 0);z-index:10}
.popup_direction{width:25px;height:25px;margin-top:-12px;background-position:50%;background-repeat:no-repeat}
.popup_direction-prev{margin-left:5px;border-right:3px solid var(--lightgray);border-bottom:3px solid var(--lightgray);transform:rotate(135deg)}
.popup_direction-prev:after{content:none}
.popup_direction-next{margin-right:5px;border-right:3px solid var(--lightgray);border-bottom:3px solid var(--lightgray);transform:rotate(-45deg)}
.popup_direction-next:after{content:none}
.popup_footer{display:flex;justify-content:space-between;align-items:center;padding:13px;background:var(--white);font-size:20px;}
.popup_todaycheck{font-weight:300}
.popup_todaycheck .icon-form{vertical-align:text-top}
.popup_todayclose{width:17px;height:17px}
.btn-todayclose img{width:17px;height:17px}
.btn-close{position:absolute;top:0;right:0;cursor:pointer}
.btn-close img{width:17px;height:17px}
.modal-open{overflow:hidden}
.modal-open .btn-menu.on .btn-menu_line-top{top:10px;transform:rotate(-45deg)}
.modal-open .btn-menu.on .btn-menu_line-bottom{bottom:9px;width:22px;transform:rotate(45deg)}

/* location */
.address{margin:40px 0}
@media screen and (max-width:767px) {
.address .icons_icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:35px}
.address .icons>li{position:relative;padding:30px 0 30px 80px;text-align:left;}
.address .icons>li{margin-top:0}
.address .icons>li:last-child{border-bottom:1px solid var(--lightgray)}
.address .icons_title{margin:0;font-size:18px}
.address .icons_description{margin-top:0;font-size:16px}
}

/* main:mainvisual */
.m_swiper{position:relative;overflow:hidden}
.m_bg{width:100%;height:100vh;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:all 12s ease;z-index:-1}
.m_mobg{width:100%;height:100vh;background-position:bottom;background-repeat:no-repeat;background-size:cover;visibility:hidden;z-index:-1}
.m_video{width:100%;text-align:center;height:100vh;}
.m_video video{position:relative;display:block;height:100%;width:100%;object-fit:cover;left:50%;transform:translateX(-50%) scale(1.3);transition:all 3s;}
.m_swiper .swiper-slide-active .m_bg {transform:scale(1.2);}
.m_swiper .swiper-slide-active .m_video video{transform:scale(1.2);}
.m_video-pc{display:block}
.m_video-mo{display:none}
.m_counter{display:none;position:absolute;top:calc(50% + 260px);left:50%;transform:translate(-50%, -50%);color:var(--white);font-size:16px;font-weight:500;z-index:20}
.m_counter small{margin:0 3px}
.m_number-all{font-weight:400;opacity:.4}
.m_direction{display:none;position:absolute;top:50%;transform:translateY(-50%);width:26px;height:50px;background-position:50%;background-repeat:no-repeat;cursor:pointer;z-index:30}
.m_direction-left{left:6.25%;background-image:url(../images/main/main_arrow01.png)}
.m_direction-right{right:6.25%;background-image:url(../images/main/main_arrow02.png)}
.m_indicator{display:none;position:absolute;top:calc(50% + 200px);left:50%;transform:translate(-50%, -50%);z-index:20}
.m_indicator-list{display:flex;justify-content:center;align-items:center;}
.m_indicator-list>li{position:relative;margin-right:5px;float:left}
.m_indicator-list .swiper-pagination-bullet{position:relative;width:45px;height:45px;margin:0 5px 0 0 !important;background-color:transparent;color:var(--white);text-align:center;opacity:1}
.m_indicator-list .swiper-pagination-bullet-active{border:2px solid rgba(255,255,255,0.4);opacity:1}
.m_indicator-list .swiper-pagination-bullet-active .m_indicator-loader{animation:m-loader 7s linear}
@keyframes m-loader{100%{stroke-dashoffset:0}}
.m_indicator-list .swiper-pagination-bullet-active .m_indicator-number{color:var(--white);line-height:41px}
.m_indicator-number{font-size:12px;color:rgba(255,255,255,0.6);font-weight:bold;text-align:center;line-height:45px}
.m_indicator-loader{fill:none;stroke-width:2px;stroke-linecap:round;stroke:var(--white);stroke-dasharray:314;stroke-dashoffset:314;transform:rotate(-90deg);transform-origin:center center}
.m_play-stop{width:45px;height:45px;background:url("../images/main/main_m_play.svg") 50% no-repeat;cursor:pointer}
.m_play-stop.active{background-image:url(../images/main/main_m_pause.svg)}
.m_indicator-imgbox{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.m_textbox{position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);font-size:52px;font-weight:700;line-height:1.2;color:var(--white);text-align:center;z-index:30;}
.m_textbox span{font-size:40px;font-weight:400;vertical-align: bottom}
.m_tag {opacity:0;transition:all 0.3s ease-out 0.3s;transform:translateY(10px);margin-bottom:10px;display:inline-block;padding:10px 30px;font-size:18px;font-weight:500;border-radius:25px;background:#08803c;}
.m_company{opacity:0;transition:all 0.6s ease-out 0.8s;transform:translateY(30px);text-shadow:2px 2px 5px #000, 0 0 0 #000;margin-bottom:30px;}
.m_slogan{opacity:0;transition:all 0.6s ease-out 1.2s;transform:translateY(30px);text-shadow:1px 1px 2px #000, 0 0 0 #000;}
.m_swiper .swiper-slide-active .m_company, .m_swiper .swiper-slide-active .m_slogan,
.m_swiper .swiper-slide-active .m_tag {opacity:1;transform:translateY(0)}
@media screen and (max-width:1023px) {
.section_title{font-size:40px;margin-bottom:30px}
.mo-mode{display:none}
.m_swiper{height:calc(100vh + 200px)}
.m_swiper.no-news{height:100vh;}
.m_textbox{width:100%;font-size:38px;}
.m_textbox span{font-size:24px;}
.m_tag{font-size:16px;padding:8px 20px;}
}
@media screen and (max-width:768px) {
.section_title{font-size:30px;margin-bottom:40px}
.m_swiper{max-height:1080px}
.m_bg{visibility:hidden}
.m_mobg{visibility:visible}
.no-news .m_textbox{top:calc(50% - 60px)}
.m_textbox{top:calc(50% - 120px);width:98%;margin:0 auto;font-size:32px;}
.m_textbox span{font-size:20px;}
.m_tag{font-size:14px;padding:5px 15px;}
}

.m_news{position:absolute;right:0;bottom:0;width:420px;height:500px;background-color:var(--point);line-height:normal;transform:translateX(calc(100% - 60px));transition:all .6s cubic-bezier(0.87, 0, 0.13, 1);z-index:20}
.m_news-content{position:relative;padding-left:60px;padding-top:3rem;}
.btn-mnews:hover{background-color:var(--point);background-image:url(../images/main/icon_next_white.svg)}
.m_news.active{transform:translateX(0)}
.m_news.active .btn-mnews{transform:rotate(0)}
.btn-mnews{position:absolute;left:0;top:0;width:60px;height:454px;cursor:pointer;background:var(--point);background-image:url(../images/main/icon_next_white.svg);background-repeat:no-repeat;background-position:center 22%;background-size:6px 10px;border-radius:25px 0 0 25px;}
.btn-mnews span{display:block;position:absolute;top:10%;left:0;color:var(--white);font-size:20px;font-weight:300;text-decoration:none;transform:rotate(90deg);}
@media screen and (max-width:1023px) {
.m_news {display:none;}
}

.event_foot_pop {background:#172a88;color:var(--white);z-index:1;}
.event_foot_pop .slick-controls {display:flex;align-items:center;position:absolute;left:8rem;top:1rem;}
.event_foot_pop .control {position:static;margin-left:3rem;font-size:1.2rem;color:var(--white);}
.event_foot_pop .control button {display:none;}
.event_foot_pop .control button.active {display:inline-block;vertical-align:middle;color:var(--white);}
.event_foot_pop .slick-counter {position:static;font-size:1.rem;font-weight:bold;}
.event_foot_pop .slick-counter i {display:inline-block;width:1px;height:1.2rem;background:var(--white);transform:rotate(45deg);margin:0 .5rem;}
.event_foot_pop .slick-prev {left:6rem;font-size:0.8rem;}
.event_foot_pop .slick-prev::before { content:'〈';}
.event_foot_pop .slick-next {left:12rem;font-size:0.8rem;}
.event_foot_pop .slick-next::before { content:'〉';}
.event_foot_pop .slick-arrow {position:absolute;top:0.8rem;overflow:hidden;z-index:10;font-size:0;transition:.2s;color:var(--white);width:3.6rem;height:2rem;line-height:1;}
.event_foot_pop .slick-arrow::before {font-size:1.3rem;display:block;transition:.2s;}

.pop-up {position:absolute;left:10px;bottom:50px;z-index:10}
.pop-up .close-button {transition:all 0.5s ease;position:absolute;left:0px;top:5px;background-color:#18a474;width:3rem;height:3rem;border-radius:50%;color:white;font-size:1.6rem;box-shadow:-3px 1px 6px 0px rgba(0,0,0,0.1);display:flex;justify-content:center;align-items:center;}
.pop-up .close-button:hover {background-color:#0084b4;color:var(--white);}
.blur-in {animation:blur 2s forwards;}
.blur-out {animation:blur-out 2s forwards;}
@keyframes blur {0%{filter:blur(0px);}100%{filter:blur(4px);}}
@keyframes blur-out {0%{filter:blur(4px);}100%{filter:blur(0px);}}
@media screen and (max-width:1280px){ 
.pop-up	{transform:translate(5%,5%) scale(1.2);}	
}
@media screen and (max-width:1023px) {
.pop-up	{transform:translate(0%,5%) scale(1.1);}	
}
@media screen and (max-width:768px) {
.pop-up	{transform:translate(0%,5%) scale(0.8);}
}

.law_green {width:313px;height:313px;border-radius:50%;box-shadow:0px 4px 6px 0px rgba(0,0,0,0.2);background:url("../images/Law_Green.png") no-repeat;display:flex;justify-content:center;align-items:center;}
.law_green .button {font-size:1rem;padding:10px 25px;color:var(--white);border-radius:20px;text-decoration:none;cursor:pointer;transition:all 0.3s ease-out;margin-top:65px;}
.gradient {background:linear-gradient(334deg, #18a474, #7525e2, #18a474);background-size:180% 180%;animation:gradient-animation 6s ease infinite;}
@keyframes gradient-animation {0% { background-position:0% 50%;}50% {background-position:100% 50%;} 100% {background-position:0% 50%;}}

/*  main:numbers */
.inbox{max-width:100%;width:1680px;margin:0 auto;padding:0 20px}
.main-list{display:flex}
.main-list>li{position:relative;transition:all .3s ease-in-out}
.main-numbers{max-width:1920px;margin:0 auto;padding-top:155px;}
.main-list-numbers{padding-bottom:150px}
.main-list-numbers>li{flex:1;text-align:center}
.main-numbers_title{position:relative;margin-top:30px;color:#000;font-weight:600}
.main-numbers_unit{display:inline-block;margin-top:50px;font-size:24px}
.main-numbers_counter{font-size:72px}
.main-numbers_counter-nodata{font-size:72px}
.main-numbers_counter-nodata sup{font-size:46px;line-height:0}
.main-numbers_description{font-size:18px;line-height:28px}
.numbers_icon{height:85px}
.numbers_icon>i {font-size:70px;}
.main-numbers_counter-nodata{position:relative}
.main-numbers_counter-nodata .main-numbers_result{visibility:hidden;opacity:0;transition-delay:0.4s}
.main-numbers_text{display:block;position:absolute;top:0;left:0;line-height:85px;transition-delay:0.4s}
.main-numbers_title.aos-animate .main-numbers_counter-nodata .main-numbers_result{visibility:visible;opacity:1}
.main-numbers_title.aos-animate .main-numbers_text{opacity:0}
@media screen and (max-width:1023px) {
.inbox{padding:0 30px}
.main-list-numbers{flex-wrap:wrap;padding-bottom:80px}
.main-list-numbers>li{flex:none;width:50%;margin-bottom:40px}
.main-list-numbers>li:nth-child(n+3):nth-child(-n+4){margin:0}
.main-numbers{padding-top:80px}
.main-numbers_counter{font-size:43px}
.main-numbers_counter-nodata{font-size:43px}
.main-numbers_unit{margin-top:30px;font-size:16px}
.main-numbers_counter-nodata sup{font-size:32px}
.main-numbers_title{margin-top:0}
.main-numbers_description{font-size:16px}
.main-numbers_counter-nodata>span{transition-delay:0.3s}
.main-numbers_text{line-height:60px;transition-delay:0.3s}
.numbers_icon{height:63px}
.numbers_icon>i {font-size:60px}
}
@media screen and (max-width:768px) {
.inbox{padding:0 20px}
.main-numbers{padding-top:60px}
.main-list-numbers{padding-bottom:60px}
.main-list-numbers>li{margin-bottom:30px}
.main-numbers_title{margin-bottom:-10px}
.main-numbers_counter{font-size:32px}
.main-numbers_counter-nodata{font-size:32px}
.main-numbers_unit{margin-top:20px;font-size:12px}
.main-numbers_counter-nodata sup{font-size:24px;line-height:24px}
.main-numbers_description{font-size:12px}
.main-numbers_text{line-height:30px}
.numbers_icon{height:42px}
.numbers_icon>i {font-size:40px}
}

.section3 {position:relative;display:flex;align-items:center;justify-content:center;background:#ededed;}
.section3 .container{max-width:100%;width:1680px;margin:0 auto;padding:2rem 0;display:flex;justify-content:space-between;align-items:center;overflow:hidden; }
.section3 .section_title_con {width:25%;z-index:2;text-align:left}
.section3 .business {position:relative;width:60rem;height:100%;padding:1rem }
.section3 .business .inner {overflow-y:auto;overflow-x:hidden;position:relative;height:100%;}
.section3 .business .inner::-webkit-scrollbar { display:none; -ms-overflow-style:none; scrollbar-width:none; }
.section3 .business ul {margin:0 -2rem;overflow:hidden;} 
.section3 .business ul li { float:right; width:50%; padding:0 2rem; }
.section3 .business ul li:nth-child(even) { transform:translateY(11rem); }
.section3 .business ul li + li { margin:2.5rem 0; }
.section3 .business ul li a { position:relative; display:block; }
.section3 .business ul li .img { width:28rem; height:16rem; overflow:hidden; border-radius:0.5rem; text-align:center; background:rgba(0,0,0,0.1);}
.section3 .business ul li .img img { width:100%; height:100%; }
.section3 .business ul li .txt_box { text-align:left; margin-top:1.1rem;}
.section3 .business ul li .txt_box span { color:#222; font-size:1.25rem; font-weight:700;}
.section3 .business ul li .txt_box p { color:#666; font-size:1.1rem; font-weight:500;}
.section3 .business ul li .hover_box { position:absolute; top:0; left:0; text-align:left; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:end; width:100%; height:16rem; background:rgba(0, 0, 0, 0.6); color:#fff; opacity:0; padding:2rem; font-size:1.1rem; font-weight:600; border-radius:0.5rem; }
.section3 .business ul li .hover_box .tit { font-size:1.1rem;}
.section3 .business ul li .hover_box .txt {display:block}
.section3 .business ul li .hover_box .txt ul {font-size:1rem; font-weight:300; padding:0.2rem 2rem;}
.section3 .business ul li .hover_box .txt ul li {position:relative;padding-left:0.7rem;float:none;width:100%;}
.section3 .business ul li .hover_box .txt ul li:nth-child(even) { transform:none;}
.section3 .business ul li .hover_box .txt ul li + li { margin:0;}
.section3 .business ul li .hover_box .txt ul li::before { content:''; display:block; width:3px; height:3px ; left:0; top:0.55rem; border-radius:50%; background:#fff; position:absolute;}
.section3 .business ul li a:hover .hover_box { opacity:1; }
.section3 .business ul li .hover_box { transition:all 0.3s; }
@media screen and (max-width:1240px){ 
.section3 {display:block !important;table-layout:auto !important; height:auto;} 
.section3 .container { flex-direction:column;padding:3rem 1rem 0;}
.section3 .section_title_con {position:relative;width:100%;height:auto;padding:1rem;}
.section3 .business {width:100%;padding:1rem;}  
.section3 .business .inner {overflow-x:auto;overflow-y:hidden;position:relative;white-space:nowrap;width:100vw;} 
.section3 .business .inner ::-webkit-scrollbar { width:5px; height:5px; }
.section3 .business .inner ::-webkit-scrollbar-thumb { background-color:#aaa; border-radius:10px; }
.section3 .business .inner ::-webkit-scrollbar-track { background-color:#ddd; border-radius:10px; }
.section3 .business ul {margin:0;display:flex;overflow:inherit;padding-bottom:1rem;} 
.section3 .business ul li {float:left;width:100%;padding:0;margin-left:1rem;}
.section3 .business ul li:nth-child(even) {transform:translateY(0);}
.section3 .business ul li + li {margin:0 0 0 1rem;}
.section3 .business ul li .hover_box p {text-align:left;white-space:normal;}  
.section3 .business ul li .hover_box .txt ul {flex-direction:column; padding:0.2rem 0 0 0;}
.section3 .business ul li .hover_box .txt ul li {margin-left:0;}
}
@media screen and (max-width:768px){ 
.section3 .business ul {width:calc(100% - 0.5rem);margin:0px -1rem;} 
.section3 .business ul li {padding:0 0.5rem;}
}
@media screen and (max-width:500px){ 
.section3 .business {width:100%;}
}


/*  business area */
.section_title_con{display:flex;justify-content:center;flex-direction:column;text-align:center;line-height:1.2;margin-bottom:50px;}
.section_label{margin-bottom:20px;color:var(--point);font-size:18px;font-weight:300;letter-spacing:-0.5px;font-family:'Gmarket Sans';}
.section_title{margin-bottom:20px;color:#000;font-size:42px;font-weight:900;letter-spacing:-0.02em;font-family:"Gmarket Sans";}
.section_txt{color:#333;font-size:22px;font-weight:500;letter-spacing:-0.5px;line-height:1.4;}

.process-steps {display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:20px;max-width:100%;width:1680px;margin:0 auto;padding:0 1rem;}
.process-step {flex:1 1 220px;padding:28px 18px;text-align:center;border-radius:20px;cursor:pointer;transition:all .3s;border:1.5px solid #e2e8f0;background:#f8fafc;position:relative;}
.process-step:hover { transform:translateY(-4px);border-color:#bfdbfe;}
.process-step.active {background:linear-gradient(135deg, #172a88, #00903e);border-color:transparent;box-shadow:0 10px 32px rgba(14,165,233,.3);transform:translateY(-4px);}
.process-num {font-size:20px;margin-bottom:8px;color:#e2e8f0;transition:color .3s;}
.process-step.active .process-num { color:rgba(255,255,255,.25);}
.process-title { font-size:24px;font-weight:700;color:#334155;transition:color .3s;}
.process-step.active .process-title { color:#fff;}
.process-desc { font-size:16px;color:#94a3b8;margin-top:6px;line-height:1.55;transition:color .3s;}
.process-step.active .process-desc {color:rgba(255,255,255,.7);}
.process-connector {display:flex;align-items:center;padding-top:28px;color:#cbd5e1;flex-shrink:0;}
@media (max-width:600px) {
.process-steps { flex-direction:column;align-items:center}
.process-step { max-width:100%;width:100%;}
}

.benefits-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:20px;max-width:100%;width:1680px;margin:0 auto;padding:0 1rem;}
.benefit-card {background:#fff;border-radius:20px;padding:38px 28px;text-align:center;box-shadow:0 4px 24px rgba(0,0,0,.05);border:1px solid #dbeafe;transition:transform .3s, box-shadow .3s;}
.benefit-card:hover { transform:translateY(-5px);box-shadow:0 14px 44px rgba(0,0,0,.1);}
.benefit-icon { font-size:48px;margin-bottom:14px;}
.benefit-value {font-size:38px;color:var(--point);margin-bottom:6px;letter-spacing:.04em;font-weight:700;font-family:"Gmarket Sans";}
.benefit-label {font-size:20px;font-weight:700;color:var(--black);margin-bottom:8px;}
.benefit-desc { font-size:16px;color:var(--darkgray);line-height:1.55;}

#certs {width:100%;padding:5rem 1rem;overflow:hidden;background: linear-gradient(135deg, #00903e, #172a88);}
.ticker-title {text-align:center;font-size:18px;font-weight:500;letter-spacing:-0.5px;color:rgba(255,255,255,.7);text-transform:uppercase;margin-bottom:28px;font-family:"Gmarket Sans";}
.ticker-wrap { overflow:hidden;}
.ticker-track {display:flex;width:max-content;animation:ticker 50s linear infinite;}
.ticker-item {display:flex;align-items:center;gap:12px;padding:14px 32px;margin:0 6px;background:rgba(255,255,255,.07);border-radius:10px;border:1px solid rgba(255,255,255,.12);white-space:nowrap;}
.ticker-dot { width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.ticker-item span { font-size:14px;font-weight:600;color:rgba(255,255,255,.8);}
@keyframes ticker {from{transform: translateX(0);} to{transform: translateX(-50%);}}

/*  main:project */
.carousel-container {position:relative;width:100%;height:100vh;padding:10rem 0 12rem 0;background:#ededed url(../images/cape_img/VOD_BG.png) no-repeat 50% 0;background-size:cover;}
.carousel {display:flex;gap:20px;transition:transform 0.5s ease-out;padding:0 13rem 0 13rem;}
.card {flex:0 0 460px;height:400px;position:relative;border-radius:20px;overflow:hidden;background:rgba(0, 0, 0, 0.05);backdrop-filter:blur(10px);box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);cursor:pointer;transform-origin:center;}
.card:hover {transform:translateY(-10px) scale(1.02);box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);}
.card.video {flex:0 0 620px;}
.card.video .card-img {width:100%;height:85%;overflow:hidden;}
.card.video .card-img video {width:100%;height:100%;object-fit:cover;transition:transform 0.8s ease;transform-origin:center;}
.card.video:hover .card-img video {transform:scale(1.1);}	
.card-img {width:100%;height:85%;overflow:hidden;}
.card-img img {width:100%;height:100%;object-fit:cover;transition:transform 0.8s ease;transform-origin:center;}
.card:hover .card-img img {transform:scale(1.1);}
.card-tag {position:absolute;top:0;left:0;padding:10px 20px;border-radius:0 0 20px 0;font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;z-index:10;color:var(--white);background:#00903e;}
.card-content {padding:0.5rem 1.5rem;height:15%;display:flex;justify-content: space-between;gap:0.5rem;background:linear-gradient(90deg, #172a88, #172a88);align-items: center;}
.card-title {font-size:1.5rem;margin-bottom:0.75rem;font-weight:700;line-height:1.2;}
.card-text {font-size:0.95rem;color:#b3b3b3;line-height:1.4;margin-bottom:1rem;}
.card-button {border:none;color:white;font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease;}
.card-button:hover {transform:translateY(-3px);}
.card-content .tag {display:inline-block;padding:4px 20px;font-size:14px;font-weight:500;border-radius:20px;border:1px solid var(--point);background:var(--white);color:var(--point);}
.navigation {display:flex;justify-content:center;gap:1rem;margin-top:5rem;}
.nav-btn {width:50px;height:50px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;background:gray;color:var(--white);font-size:1.2rem;cursor:pointer;transition:all 0.3s ease;}
.nav-btn:hover {background:var(--point);transform:scale(1.1);}
.nav-btn:active {transform:scale(0.95);}
.dots {display:flex;justify-content:center;gap:0.5rem;margin-top:5rem;}
.dot {width:10px;height:10px;border-radius:50%;background:gray;cursor:pointer;transition:all 0.3s ease;}
.dot.active {background:var(--point);transform:scale(1.3);}
.progress-bar {width:100%;height:5px;background:gray;border-radius:5px;margin-top:5rem;overflow:hidden;}
.progress {width:16.66%;height:100%;background:linear-gradient(90deg, #172a88, #00903e);transition:width 0.3s ease;}
@media (max-width:768px) {
.card {flex:0 0 300px;height:450px;}
}
@media (max-width:480px) {
.card {flex:0 0 250px;height:400px;}
.card-title {font-size:1.2rem;}
}	

/*  main:overview */
.overview-area{position:relative;padding:15rem 2rem;background:#101017}
.overview-area:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#101017 url(../images/cape_img/overview_bg.png) no-repeat 50% 50%;content:"";}
.overview-con{max-width:100%;width:1680px;height:100%;margin:0 auto;position:relative;display:flex;align-items:center;color:#fff;opacity:1;}
.overview-tit-con{width:50%;font-size:52px;line-height:1.2}
.overview-tit-con .overview-tit{font-weight:900;letter-spacing:-0.5px;font-family:'Gmarket Sans';}
.overview-tit-con .overview-txt{font-weight:900;letter-spacing:-0.5px;margin-bottom:1em;}
.overview-tit-con span{display:inline-block;font-size:40px;font-weight:400;vertical-align:bottom;opacity:0.9;}
.overview-tit-con .tags{display:flex;flex-wrap:wrap;justify-content: flex-start;gap:0.5rem;}
.overview-tit-con .tags .tag {display:inline-block;padding:7px 20px;font-size:16px;font-weight:500;border-radius:20px;border:1px solid var(--white);background:transparent;}
.quick-con{width:calc(100% - 880px);}
.quick-menu-list{overflow:hidden;margin:0 -10px;}
.quick-menu-list li{float:left;width:calc(33.33% - 20px);margin:0 10px;}
.quick-menu-list li a{display:block;position:relative;height:0;padding-top:100%;border-radius:30px;background-color:rgba(255,255,255,0.1);transition:all 0.3s}
.quick-menu-list li a .list{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;flex-direction: column;align-items: center;justify-content: center;}
.quick-menu-list li a i {display:block;font-size:50px;transition:all 0.3s;opacity:0.7;}
.quick-menu-list li a .tit{display:block;padding-top:30px;color:#fff;font-size:20px;font-weight:600;letter-spacing:-0.25px;transition:all 0.3s;opacity:0.7;}
.quick-menu-list li a:hover{background-color:#172a88}
.quick-menu-list li a:hover i, .quick-menu-list li a:hover .tit{opacity:1.0;}
@media all and (max-width:1220px){
.overview-area{padding:10rem 2rem}
.overview-con{font-size:15px;}
.overview-tit-con{width:40%;}
.quick-con{width:100%; max-width:640px;}
}
@media all and (max-width:1024px){	
.overview-area{height:auto;padding:5rem 1rem;}
.overview-area:before{background-image:url(../images/cape_img/overview_bg.png);background-position:100% 50%;background-size:cover;}
.overview-con{display:block;height:auto; }
.overview-tit-con{width:100%;margin-bottom:14.5%;}
}
@media all and (max-width:800px){	
.main-invest-wrapper:before{background-size:cover}
.overview-con{padding:2rem 1rem;}
.quick-con{width:auto;}
.quick-menu-list{margin:0 -4px;}
.quick-menu-list li {width:calc(33.33% - 8px);margin:0 4px;}
.quick-menu-list li a {border-radius:20px;}
.quick-menu-list li a i {font-size:40px;}
.quick-menu-list li a .tit{font-size:16px;padding-top:15px;}
}
@media all and (max-width:480px){	
.overview-con{font-size:13px;}
.quick-menu-list li a {border-radius:10px;}
.quick-menu-list li a i {font-size:30px;}
.quick-menu-list li a .tit{font-size:14px;padding-top:10px;}
}


section:nth-child(1) {}
section:nth-child(2) {}
section:nth-child(3) {}
section:nth-child(4) {display:flex;align-items:center;justify-content:center;flex-direction:column;padding:100px 0;background:#ededed url(../images/cape_img/VOD_BG2.png) no-repeat 50% 0;background-size:cover; }
section:nth-child(5) {display:flex;align-items:center;justify-content:center;flex-direction:column;padding:100px 0; }
section:nth-child(6) {}
section:nth-child(7) {}