@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

/* 모바일 */
@media (max-width: 768px) {
   /* PC 컨텐츠 숨기기 */
   .main_visual .pc_img,
   .main_visual .pc_youtube {
       display: none !important;
   }
   
   /* 모바일 이미지 표시 */
   .main_visual .mo_img {
       display: flex !important;
   }
   
   /* 모바일에서 유튜브 슬라이드도 일반 슬라이드처럼 */
   .main_visual .youtube-slide {
       display: table !important;
   }
   
   .main_visual .youtube-slide .visual_txt {
       display: table-cell !important;
   }
   
   .main_visual .youtube-slide .visual_txt dt {
       color: #303030;
   }
   
   .main_visual .youtube-slide .visual_txt dd {
       color: #455154;
   }
   
   .main_visual .youtube-slide .visual_txt dd.biz_name {
       color: #00acee;
   }
}

/* PC */
@media (min-width: 769px) {
   .main_visual .mo_img {
   }   
   /* PC에서 유튜브 슬라이드가 아닌 경우의 텍스트만 숨김 */
   .main_visual .youtube-slide > .visual_txt {
   }
   .btn-more-wrap { display: none !important; }
}

body, html{width:100%; height:100%; min-width:320px;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0px; padding:0px;}
body,input,textarea,select,table,a,p{font-family:'Noto Sans KR', '맑은 고딕', MalgunGothic, '돋움', Dotum, sans-serif; line-height:1.6em; font-size:14px; font-weight:300; color:#808080; word-break:keep-all;}
h1,h2,h3,h4,h5,h6{font-weight:normal; line-height:1.2em;}
img,fieldset{border:0px; vertical-align:top;}
ul,ol,dl{list-style-type:none;}
a{text-decoration:none;}
caption, legend{border:0px; display:none;}
em{font-weight:600; font-style:normal;}
table{width:100%; border:0; border-collapse:collapse;}
button,html input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button}

.blind{display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
input[type="search"]{-webkit-appearance:textfield; box-sizing:content-box; outline:none;} /*web chorome,safari remove border*/
select{appearance:none; -webkit-appearance:none; background:url(../images/common/select_arrow.png) no-repeat right; background-size:auto 6px;}
select::-ms-expand{display:none;}

/* Footer */
footer{display:table; width:100%; background:#252525;}
footer .con_align{width:92%; max-width:1400px; margin:auto;}
footer .footer_line{display:block; width:100%; height:1px; background:#5d5d5d;}
footer .btn_wrap{padding:25px 0 15px;}
footer .company_btn{width:310px; margin:auto; overflow:hidden;}
footer .company_btn li{float:left; width:150px; border:1px solid #5d5d5d; box-sizing:border-box; text-align:center;margin-right:5px; margin-bottom: 5px;}
footer .company_btn li:last-child{margin-right:0px;}
footer .company_btn li a{display:block; width:100%; line-height:40px; font-weight:400; color:#dfdfdf;}
footer .company_btn li:first-child span,footer .company_btn li:nth-child(2) span{padding-right:35px;}
footer .company_btn li:first-child span{background:url(../images/common/bottom_ck.gif) no-repeat right;}
footer .company_btn li:nth-child(2) span{background:url(../images/common/bottom_down.gif) no-repeat right;}
footer .company_btn.eng{width:240px; margin:auto;}
footer .company_btn.eng li{float:none; width:240px;}
footer .company_btn.eng li:last-child{margin-top:10px;}
footer .sns_btn{margin-top:20px; text-align:center;}
footer .sns_btn li{position:relative; display:inline-block; margin-right:20px;}
footer .sns_btn li:after{position:absolute; display:block; content:""; width:1px; height:10px; top:7px; right:-13px; background:#5d5d5d;}
footer .sns_btn li:last-child{margin-right:0;}
footer .sns_btn li:last-child:after{display:none;}
footer .sns_btn li span{float:left; margin-right:15px; color:#dfdfdf;}
footer .sns_btn li a{float:left; display:block; width:20px; height:20px; margin-right:5px;}
footer .sns_btn li a:last-child{margin-right:0;}
footer .sns_btn li a.fb{background:url(../images/common/sns_fb.png) no-repeat; background-size:20px 20px;}
footer .sns_btn li a.br{background:url(../images/common/sns_brunch.png) no-repeat; background-size:20px 20px;}
footer .sns_btn li a.blog{background:url(../images/common/sns_blog.png) no-repeat; background-size:20px 20px;}
footer .sns_btn li a.ytb{background:url(../images/common/sns_ytb.png) no-repeat; background-size:20px 20px;}
footer .sns_btn li a.in{background:url(../images/common/sns_in.png) no-repeat; background-size:20px 20px;}
footer .sns_btn li a.insta{background:url(../images/common/sns_insta.png) no-repeat; background-size:20px 20px;}
footer .footer_copy{width:100%; margin:15px 0 20px; text-align:center;}
footer .footer_copy li{position:relative; display:inline-block; margin-right:20px;}
footer .footer_copy li:after{position:absolute; display:block; content:""; width:1px; height:10px; top:7px; right:-13px; background:#5d5d5d;}
footer .footer_copy li:last-child{margin-right:0;}
footer .footer_copy li:last-child:after{display:none;}
footer .footer_copy li a{color:#d2d2d2;}
footer .footer_copy li a em{color:#FFF;}
footer .footer_copy p{color:#909090;}
footer .footer_copy p span{position:relative; display:inline-block; margin-right:20px;}
footer .footer_copy p span:last-child{margin-right:0;}
footer .footer_copy p span:after{position:absolute; content:""; display:block; top:7px; right:-13px; width:1px; height:10px; background:#5d5d5d;}
footer .footer_copy p span:last-child:after{display:none;}
footer .family_site{margin:20px 0;}
footer .family_site select{width:100%; max-width:380px; height:40px; padding-left:25px; border:1px solid #646464; box-sizing:border-box; background:url(../images/common/bottom_arrow.gif) no-repeat right; font-weight:500; color:#e0e0e0;}
footer .family_site select option{color:#303030;}
footer .footer_logo{width:140px; margin:20px auto;}
footer .footer_logo img{width:100%;}

/* Sub top */
.top_visual{display:table; width:100%; height:200px; text-align:center; position: relative; overflow: hidden;}
.top_visual > * {position: relative; z-index: 10;}
.top_visual h2.con_tt{display:table-cell; padding-top:60px; vertical-align:middle; font-family:'Lato'; font-size:30px; font-weight:500; color:#FFF;}
.top_visual h2.con_tt:before{display:block; content:"PLATEER"; margin:0 auto 5px; line-height:1.0em; letter-spacing:5px; font-family:'Lato'; font-size:12px; font-weight:900; color:#00adee;}

/* --- 모든 비주얼 클래스에 줌아웃 애니메이션 일괄 적용 --- */
.company_visual::before,
.business_visual::before,
.ir_visual::before,
.campus_visual::before,
.product_visual::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
    transform: scale(1.2); /* 시작 시 120% 확대 */
    animation: kenBurnsZoomOut 8s ease-out forwards; /* 8초 동안 원래 크기로 */
}

/* --- 각 메뉴별 배경 이미지 경로 설정 --- */
/* 기존에 있던 company_visual의 70% 위치 속성 유지 */
.company_visual::before { 
    background-image: url(../images/company/company_visual.jpg); 
    background-position: 70% center; 
}
.business_visual::before { 
    background-image: url(../images/business/business_visual.jpg); 
}
.ir_visual::before { 
    background-image: url(../images/ir/ir_visual.jpg); 
}
.campus_visual::before { 
    background-image: url(../images/campus/campus_visual.jpg); 
}
/* Product 이미지는 새로 만드신 이미지 경로로 지정하세요 */
.product_visual::before { 
    background-image: url(../images/product/product_visual.jpg); 
}

.works_visual{background:url(../images/works/works_visual.jpg) no-repeat center; background-size:cover;}
.news_visual{background:url(../images/news/news_visual.jpg) no-repeat center; background-size:cover;}

.lnb{width:100%; font-size:0;}
.lnb li{display:inline-block; width:50%; margin-bottom:-1px; border:1px solid #ddd; border-left:none; box-sizing:border-box;}
.lnb li a{display:block; line-height:35px; text-align:center; color:#808080; font-size:14px;}
.lnb li.on{border:1px solid #25b1bb; box-sizing:border-box; background:#00adee;}
.lnb li.on a{font-weight:500; color:#FFF;}

/* Main */
/*.main_visual{position:relative; overflow:hidden; margin-top:60px; height: calc(100vh - 60px); background-color: #000;}
.main_visual .visual_slide{height: 100%;}
.main_visual .visual_li{width:100%; height:100%;}
.main_visual .swiper-slide{display:table; position: relative;}
.main_visual .visual_txt{display:table-cell; padding-left:4%; vertical-align:middle;}
.main_visual .visual_img{position: relative; width: 100%; height: 100%;}
.main_visual .visual_img iframe{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: 177.77vh; height: 56.25vw; border: none; pointer-events: none;}
.main_visual .visual_img.swiper-slide-active{z-index: 10;}
.main_visual .swiper-button-prev,
.main_visual .swiper-button-next{ position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: rgba(0, 0, 0, 0.5); border-radius: 50%;
z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;}
.main_visual .swiper-button-prev:hover,
.main_visual .swiper-button-next:hover{background: rgba(0, 0, 0, 0.8); transform: translateY(-50%) scale(1.1);}
.main_visual .swiper-button-prev{left: 30px;}
.main_visual .swiper-button-next{right: 30px;}
.main_visual .swiper-button-prev:after,
.main_visual .swiper-button-next:after{content: ''; width: 12px; height: 12px; border: 2px solid #fff; border-bottom: none; border-right: none;}
.main_visual .swiper-button-prev:after{transform: rotate(-45deg);margin-left: 4px;}
.main_visual .swiper-button-next:after{transform: rotate(135deg);margin-right: 4px;}
.main_visual .visual_txt dt{position:relative; max-width:400px; line-height:1.3em; font-size:34px; font-weight:700; color:#303030;}
.main_visual .visual_txt dd.biz_name{display:block; font-size:16px; font-weight:700; color:#00acee; margin: -40px 0 5px;}
.main_visual .visual_txt dd{width:94%; max-width:400px; line-height:1.4em; margin-top:20px; font-size:16px; color:#455154; position:relative;}
.main_visual .youtube-slide .visual_txt{position: relative; z-index: 10;}
.main_visual .youtube-slide .visual_txt dt{color: #fff;}
.main_visual .youtube-slide .visual_txt dd{color: #fff;}
.main_visual .youtube-wrap,
.main_visual .youtube-player{display: none;}
.main_visual .youtube-slide .visual_txt dd.biz_name{color:#FFF;}
.main_visual .youtube_blind{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: 9;}
.main_visual .mo_img{position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%;}
.main_visual .mo_img img{width: 100%; object-fit: cover;}
/* PC 이미지 기본 표시 */
/*.main_visual .pc_img {
   position: absolute;
   top: 0;
   left: 0;
   display: flex;
   width: 100%;
   height: 100%;
}

.main_visual .pc_img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* PC 유튜브 기본 표시 */
/*.main_visual .pc_youtube {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: block;
}*/

.main_tt dt{line-height:1.2em; font-size:24px; font-weight:700; color:#303030;}
.main_tt dd{margin-top:10px; font-size:16px; color:#455154;}



.main_customer{padding:60px 0; background:#f9f9f9;}
.main_customer .cus_cate{margin:20px 0; font-size:0;}
.main_customer .cus_cate li{display:inline-block;}
.main_customer .cus_cate li a{display:block; padding:2px 15px; border-radius:40px 40px; font-size:14px; font-weight:500; color:#606060;}
.main_customer .cus_cate li.on a{background:#00acee; font-weight:700; color:#FFF;}
.main_customer .cus_con{padding:15px 20px; background:#FFF; border-radius:15px 15px;}
.main_customer .cus_con.on{height:auto !important; padding:15px 20px !important; opacity:1.0 !important;}
.main_customer .cus_con .cus_info{position:relative; overflow:hidden;}
.main_customer .cus_con .customer_slide{overflow:hidden;}
.main_customer .cus_con .customer_slide .swiper-wrapper{position:static !important;}
.main_customer .cus_con .customer_slide .swiper-wrapper .swiper-slide{position:static !important;}
.main_customer .cus_con .cus_info dt{font-size:16px; font-weight:500; color:#303030;}
.main_customer .cus_con .cus_info dd{margin-top:5px;}
.main_customer .cus_con .cus_info .logo{width:160px; margin-top:20px; border:1px solid #ddd; border-radius:10px 10px; overflow:hidden;}
.main_customer .cus_con .cus_info .logo img{width:100%;}
.main_customer .cus_con .cus_logo{margin-top:40px; font-size:0;}
.main_customer .cus_con .cus_logo li{display:inline-block; width:calc(33.3333% - 3.3333px); margin-right:5px; margin-bottom:5px; border:1px solid #ddd; border-radius:10px 10px; box-sizing:border-box; text-align:center; overflow:hidden; cursor:pointer; vertical-align:middle;}
.main_customer .cus_con .cus_logo li:nth-child(3n){margin-right:0;}
.main_customer .cus_con .cus_logo li img{width:100%;}
.main_customer .swiper-page{position:absolute; right:0; bottom:0; width:auto !important;}
.main_customer .swiper-page .swiper-pagination-bullet{width:8px; height:8px; margin:0 5px; background:#aaa; border-radius:50% 50%; border:none;}
.main_customer .swiper-page .swiper-pagination-bullet-active{width:8px; background:#00acee; padding:0;}

.main_trend{padding:60px 0; background:url(../images/main/trend_bg.jpg) no-repeat center; background-size:cover; text-align:center;}
.main_trend .trend_li{margin-top:30px;}
.main_trend .trend_li li{max-width:300px; margin:0 auto 20px; padding:30px 35px; background:#FFF; border-radius:20px 20px; box-sizing:border-box;}
.main_trend .trend_li li:last-child{margin-bottom:0;}
.main_trend .trend_li li dt{font-size:16px; font-weight:500; color:#303030;}
.main_trend .trend_li li dd{line-height:normal; font-size:38px; font-weight:900; background-image:linear-gradient(45deg, #00d8fb 20%, #00acee 80%); background-clip:text; -webkit-background-clip:text; color:transparent;}
.main_trend .trend_li li dd .plus{display:inline-block; font-size:24px; vertical-align:top;}
.main_trend .trend_li li dd .sm{font-size:18px;}

.main_news{padding:60px 0; background:#f9f9f9;}
.main_news .con_align{overflow:hidden;}
.main_news .main_tt dd{width:calc(100% - 100px);}
.main_news .main_news_li{position:relative; margin-top:40px;}
.main_news .main_news_li li{border-radius:20px 20px; overflow:hidden;}
.main_news .main_news_btn{position:absolute; top:-68px; right:0;}
.main_news .main_news_btn a{display:block; width:100%; height:100%;}
.main_news .news_btn{position:static; float:left; display:block; width:40px; height:40px; border:1px solid #acacac; box-sizing:border-box;}
.main_news .news_prev{margin-right:5px; background:url(../images/main/main_prev_btn.png) no-repeat center; background-size:10px auto;}
.main_news .news_next{background:url(../images/main/main_next_btn.png) no-repeat center; background-size:10px auto;}
.main_news .main_news_img img{width:100%;}
.main_news .main_news_txt{position:relative; padding:30px 20px 30px; background:#FFF;}
.main_news .main_news_txt dt a{display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:100%; overflow:hidden; text-overflow:ellipsis; font-size:16px; font-weight:500; color:#303030;}
.main_news .main_news_txt dt span.news_tag{position:absolute; display:block; width:90px; line-height:30px; top:-15px; left:20px; background:#00acee; text-align:center; font-weight:500; color:#FFF;}
.main_news .main_news_txt dd{margin-top:10px;}

.main_link{width:94%; max-width:1400px; margin:30px auto;}
.main_link li{margin-bottom:20px; padding:20px 25px; background:#dcf2fe; border-radius:20px 20px;}
.main_link li:last-child{margin-bottom:0;}
.main_link li dl{padding-left:45px;}
.main_link li:nth-child(1) dl{background:url(../images/main/go_icon01.png) no-repeat left 5px; background-size:35px auto;}
.main_link li:nth-child(2) dl{background:url(../images/main/go_icon03.png) no-repeat left 5px; background-size:35px auto;}
.main_link li:nth-child(3) dl{background:url(../images/main/go_icon02.png) no-repeat left 5px; background-size:35px auto;}
.main_link li dt{font-size:16px; color:#303030; font-weight:400;}
.main_link li dd{margin-top:10px;}
.main_link li dd a{padding-right:25px; background:url(../images/main/go_btn.png) no-repeat right center; background-size:12px 12px; font-weight:900; color:#00acee;}

/* 640px 이상 해상도 */
@media screen and (min-width:640px){
/* Sub top */
.top_visual{height:300px;}
.top_visual h2.con_tt{font-size:40px;}
.top_visual h2.con_tt:before{margin:0 auto 15px; font-size:14px;}
.top_visual p.con_txt{font-size:18px;}
.top_visual p.con_txt span.block{display:block;}

.lnb_wrap{width:100%; border-bottom:1px solid #ddd;}
.lnb{text-align:center;}
.lnb li{display:inline-block; width:auto; height:50px; margin:0 20px; border:none;}
.lnb li a{padding:0 10px; line-height:50px; font-size:16px;}
.lnb li.on{background:none; border:none; border-bottom:3px solid #00acee;}
.lnb li.on a{color:#00acee;}
.lnb li:hover{border-bottom:3px solid #00acee;}
.lnb li:hover a{font-weight:500; color:#00acee;}

/* Footer */
footer .copy_wrap{overflow:hidden;}

/* Main */
/*.main_visual .visual_img{background-position:66% !important;}
.main_visual .visual_txt dt .block_txt{display: block;}*/
.main_tt .block_txt{display:block;}

.main_customer{padding:80px 0;}
.main_customer .con_align{position:relative;}
.main_customer .main_tt dd .block_txt{display:block;}
.main_customer .cus_cate{position:absolute; right:0; top:33px;}
.main_customer .cus_con{display:flex; justify-content:space-between; padding:20px 25px; margin-top:30px; box-sizing:border-box;}
.main_customer .cus_con.on{padding:20px 25px !important; margin-top:30px !important;}
.main_customer .cus_info{float:left; width:45%;}
.main_customer .cus_con .cus_logo{float:right; width:50%; margin-top:0;}
.main_customer .swiper-page{right:auto; left:0; bottom:30px;}
.main_customer .swiper-page .swiper-pagination-bullet{width:10px; height:10px; margin:0 6px;}
.main_customer .swiper-page .swiper-pagination-bullet-active{width:10px;}

.main_trend{padding:80px 0;}
.main_trend .trend_li{display:table; width:100%; max-width:550px; margin:30px auto 0;}
.main_trend .trend_li li{position:relative; float:left; width:49%; margin-right:2%; padding:30px 35px 40px;}
.main_trend .trend_li li:nth-child(even){margin-right:0;}
.main_trend .trend_li li p{position:absolute; width:100%; left:0;}

.main_news{padding:80px 0;}
}

/* 860px 이상 해상도 */
@media screen and (min-width:860px){
/* Footer */
footer .btn_wrap{padding:25px 0; overflow:hidden;}
footer .company_btn{float:left; width: 720px;}
footer .company_btn.eng{width:auto;}
footer .company_btn.eng li{float:left;}
footer .company_btn.eng li:last-child{margin-top:0;}
footer .sns_btn{float:right; margin-top:10px;}
footer .footer_logo{float:left; margin:30px 0 0;}
footer .footer_copy{float:right; width:calc(100% - 200px); margin:25px 0 30px; text-align:left;}
footer .footer_copy ul{float:left; margin-bottom:15px;}
footer .footer_copy .family_site{float:right; margin:0;}
footer .footer_copy .family_site select{width:200px; max-width:none;}
footer .footer_copy p{float:left; width:calc(100% - 250px);}

/* Main */
/*.main_visual .youtube-wrap,
.main_visual .youtube-player{display: block;}
.main_visual .mo_img{display: none;}*/

.mobile-slide{display:none !important;}
.pc-slide{display:block !important;}
}

/* 1200px 이상 해상도 */
@media screen and (min-width:1200px){
.lnb li{height:60px; margin:0 35px;}
.lnb li a{line-height:60px; font-size:18px;}

/* Main */
/*.main_visual .visual_li{height:100%;}
.main_visual .visual_txt{display:block; max-width:1400px; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%);}
.main_visual .visual_txt dt{max-width:740px; font-size:52px;}
.main_visual .visual_txt dd.biz_name{font-size:30px; margin: -30px 0 15px;}
.main_visual .visual_txt dd{max-width:600px; margin-top:40px; font-size:24px;}
.main_visual .visual_txt dd .block_txt{display: block;}*/

.main_tt dt{font-size:38px;}
.main_tt dd{margin-top:15px; line-height:1.4em; font-size:20px;}

.main_customer{padding:120px 0;}
.main_customer .cus_cate{top:58px;}
.main_customer .cus_cate li a{font-size:18px;}
.main_customer .cus_con{position:relative; margin-top:50px; padding:40px 60px;}
.main_customer .cus_con.on{padding:40px 60px !important; margin-top:50px !important;}
.main_customer .cus_con .cus_info{width:40%;}
.main_customer .cus_con .cus_info dt{font-size:20px;}
.main_customer .cus_con .cus_info dd{margin-top:10px; font-size:18px;}
.main_customer .cus_con .cus_info .logo{width:auto; border:none; position:absolute; bottom:0; right:0;}
.main_customer .cus_con .cus_logo{width:57.032%;}
.main_customer .cus_con .cus_logo li{width:calc(25% - 3.75px); margin-right:5px; box-sizing:border-box;}
.main_customer .cus_con .cus_logo li:nth-child(3n){margin-right:5px;}
.main_customer .cus_con .cus_logo li:nth-child(4n){margin-right:0;}

.main_trend{padding:120px 0;}
.main_trend .trend_li{max-width:800px; margin:50px auto 0; font-size:0; text-align:center;}
.main_trend .trend_li li{float:none; width:auto; max-width:none; padding:35px 50px 45px; display:inline-block; margin:0 5px; margin-bottom:10px;}
.main_trend .trend_li li:nth-child(even){margin-right:5px;}
.main_trend .trend_li li dt{font-size:22px;}
.main_trend .trend_li li dd{font-size:60px;}
.main_trend .trend_li li dd .plus{font-size:36px;}
.main_trend .trend_li li dd .sm{font-size:24px;}
.main_trend .trend_li li p{font-size:16px;}

.main_news{padding:120px 0;}
.main_news .main_news_li{margin-top:60px;}
.main_news .main_news_txt{padding:40px 30px;}
.main_news .main_news_txt dt a{height:65px; font-size:20px;}
.main_news .main_news_txt dt span.news_tag{width:120px; height:36px; top:-18px; left:30px; line-height:36px; font-size:16px; display: none !important;}
.main_news .main_news_txt dd a{height:50px; font-size:16px;}

.main_link ul{display:flex; padding:30px 0;}
.main_link li{width:calc(33.3333% - 10px); margin-bottom:0; margin-right:15px; box-sizing:border-box;}
.main_link li:last-child{margin-right:0;}

}

/* 1400px 이상 해상도 */
@media screen and (min-width:1400px){
.top_visual{height:450px;}
.top_visual h2.con_tt{font-size:50px;}
.top_visual h2.con_tt:after{width:120px; height:5px; margin:30px auto;}
.top_visual p.con_txt{font-size:24px; margin:14px auto;}
.lnb .position > li{max-width:220px;}
.lnb .position > li.home{width:60px;}
.lnb .position > li > a{height:60px; line-height:60px; font-size:16px;}
.lnb .position > li > a span{margin:0 30px;}
.lnb .lnb_down > li a{font-size:16px; padding-left:30px;}
.lnb_area{height:60px;}

/* Main */
/*.main_visual{margin-top:80px; height: calc(100vh - 80px);}*/
.main_trend .trend_li{max-width:none;}
.main_link li{padding:30px 35px;}
.main_link li:nth-child(1) dl{background-size:45px;}
.main_link li:nth-child(2) dl{background-size:45px;}
.main_link li:nth-child(3) dl{background-size:45px;}
.main_link li dl{padding-left:60px;}
.main_link li dd a{font-size:17px;}
}

@keyframes kenBurnsZoomOut {
    0% {
        transform: scale(1.2); /* 시작 크기 */
    }
    100% {
        transform: scale(1.0); /* 원래 크기로 복귀 */
    }
}

/* =======================================================
   [신규 2026] PLATEER Business Model (AX Foundry) Style
   ======================================================= */

/* 1. 전역 변수 설정 (색상) */
:root {
    --color-enterprise: #2563eb;
    --color-ecommerce: #4f46e5;
    --color-aicx: #9333ea;
    --color-digital: #16a34a;
    --bg-light: #f8fafc;
    --center-grad-start: #1e40af;
    --center-grad-end: #172554;
}

.block_txt { display: inline-block; }

/* 2. 레이아웃 & 타이틀 */
.main_wrap { padding: 80px 20px 0; }
.main_business { width: 100%; max-width: 1200px; margin: 0 auto; padding-bottom: 60px; }
.main_tt { text-align: center; margin-bottom: 60px; }
.main_tt dt { font-size: 36px; font-weight: 700; color: #1e293b; margin-bottom: 15px; }
.main_tt dd { margin: 0; font-size: 18px; color: #64748b; line-height: 1.6; word-break: keep-all; }

/* 3. 그리드 및 모던 테크 기어 엔진 */
.business_model { position: relative; display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 40px; padding: 40px 0; }

.center-core {
    position: absolute; top: 50%; left: 50%; width: 160px; height: 160px; border-radius: 50%;
    background: linear-gradient(135deg, var(--center-grad-start), var(--center-grad-end));
    color: white; display: flex; flex-direction: column; justify-content: center; align-items: center;
    text-align: center; z-index: 10; border: 10px solid white; box-sizing: border-box;
    transform: translate(-50%, -50%);
    transition: box-shadow 0.5s ease;
}
.center-core h2 { font-size: 22px; margin: 0; font-weight: 800; line-height: 1.1; }
.center-core span { font-size: 11px; margin-top: 4px; text-transform: uppercase; letter-spacing: 1.5px; opacity: 0.7; }

.center-core::before {
    content: ''; position: absolute; top: -16px; left: -16px; right: -16px; bottom: -16px;
    border-radius: 50%; border: 6px dashed #cbd5e1; animation: gearSpin 20s linear infinite;
    z-index: -1; transition: all 0.4s ease; pointer-events: none;
}
.center-core::after {
    content: ''; position: absolute; top: -30px; left: -30px; right: -30px; bottom: -30px;
    border-radius: 50%; border: 2px solid transparent; border-top-color: #e2e8f0; border-bottom-color: #e2e8f0;
    animation: gearSpinReverse 25s linear infinite; z-index: -1; transition: all 0.4s ease; pointer-events: none;
}
@keyframes gearSpin { 100% { transform: rotate(360deg); } }
@keyframes gearSpinReverse { 100% { transform: rotate(-360deg); } }

/* 프리미엄 오라(Aura) & 부드러운 가속 */
.business_model:has(.business_item:hover) .center-core::before { border-color: #e2e8f0; animation-duration: 5s; box-shadow: none; }
.business_model:has(.business_item:hover) .center-core::after { border-top-color: #f8fafc; border-bottom-color: #f8fafc; animation-duration: 7s; }
.business_model:has(.enterprise_ai:hover) .center-core { box-shadow: 0 0 60px rgba(37, 99, 235, 0.25), 0 0 15px rgba(37, 99, 235, 0.2) inset; }
.business_model:has(.e_commerce:hover) .center-core { box-shadow: 0 0 60px rgba(79, 70, 229, 0.25), 0 0 15px rgba(79, 70, 229, 0.2) inset; }
.business_model:has(.digital_trans:hover) .center-core { box-shadow: 0 0 60px rgba(22, 163, 74, 0.25), 0 0 15px rgba(22, 163, 74, 0.2) inset; }
.business_model:has(.ai_cx:hover) .center-core { box-shadow: 0 0 60px rgba(147, 51, 234, 0.25), 0 0 15px rgba(147, 51, 234, 0.2) inset; }

/* 4. 개별 카드 스타일 (PC 공통) */
.business_item { background: #fff; border-radius: 24px; padding: 35px; box-shadow: 0 4px 20px rgba(0,0,0,0.04); border: 1px solid #f1f5f9; position: relative; overflow: hidden; transition: all 0.3s ease; }
.business_item:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
.business_item a { text-decoration: none; color: inherit; display: block; }
.business_item > a > * { position: relative; z-index: 1; }
.business_item dl { margin: 0 0 15px 0; }
.business_item dt { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 20px; font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 12px; }

.enterprise_ai dt { background-color: var(--color-enterprise); }
.e_commerce dt { background-color: var(--color-ecommerce); }
.ai_cx dt { background-color: var(--color-aicx); }
.digital_trans dt { background-color: var(--color-digital); }

.business_item dd { margin: 0; font-size: 24px; font-weight: 700; color: #1e293b; }
.business_item .desc { font-size: 15px; color: #64748b; line-height: 1.5; margin: 15px 0 25px 0; word-break: keep-all; }

/* 리스트 아이템 스타일 (PC 정상 디자인) */
.business_item ul { list-style: none; padding: 15px 20px; margin: 0; background-color: var(--bg-light); border-radius: 12px; }
.business_item li { display: flex; justify-content: space-between; align-items: flex-start; padding: 8px 0; gap: 15px; }
.business_item li .tit { font-size: 14px; font-weight: 500; color: #334155; position: relative; padding-left: 12px; margin: 0; line-height: 1.4; word-break: keep-all; }
.business_item li .tit::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; }

.enterprise_ai .tit::before { background-color: var(--color-enterprise); }
.e_commerce .tit::before { background-color: var(--color-ecommerce); }
.ai_cx .tit::before { background-color: var(--color-aicx); }
.digital_trans .tit::before { background-color: var(--color-digital); }

.brand_name { font-size: 14px; font-weight: 600; margin: 0; line-height: 1.4; word-break: keep-all; }        
.enterprise_ai .brand_name { color: var(--color-enterprise); }
.e_commerce .brand_name { color: var(--color-ecommerce); }
.ai_cx .brand_name { color: var(--color-aicx); }
.digital_trans .brand_name { color: var(--color-digital); }

/* PC 화면에서는 '더 보기' 버튼 텍스트를 숨김 */
@media (min-width: 769px) {
    .btn-more-wrap { display: none !important; }
}


/* 5. 반응형 (모바일 768px 이하) */
@media (max-width: 768px) {
    .center-core { display: none; }             
    .main_tt dt { font-size: 28px; }
    .main_tt dd { font-size: 15px; }
    
    /* 1. 간격 축소 */
    .main_tt { margin-bottom: 30px !important; }

    /* 2. 카드 겹침 레이아웃 (Wallet Style) 준비 */
    .business_model { display: block !important; padding: 10px 0 40px !important; } 

    /* 모바일 기본 카드 스타일 및 겹침 속성 */
    .business_item { 
        padding: 25px; 
        border: 1px solid #e2e8f0; 
        border-top: 1px solid #fff; /* 위쪽 빛 반사 입체감 */
        box-shadow: 0 -4px 12px rgba(0,0,0,0.03), 0 4px 12px rgba(0,0,0,0.06); 
        transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* 부드러운 전개 애니메이션 */
        position: relative;
        z-index: 1;
        background: #fff;
    }
    
    /* 두 번째 카드부터 위로 30px씩 끌어올려 포개기 */
    .business_item + .business_item { margin-top: -30px; }
    .business_item dd { font-size: 20px; }
    
    /* 리스트 초기 숨김 및 모바일 여백 정돈 */
    .business_item ul { display: none; padding: 15px 20px 0; } 
    .business_item li { flex-direction: column; align-items: flex-start; gap: 2px; padding: 14px 0; border-bottom: 1px solid rgba(0,0,0,0.04); }
    .business_item li:last-child { border-bottom: none; padding-bottom: 5px; }
    .business_item li .tit { width: 100%; font-size: 13px; color: #64748b; }
    .brand_name { width: 100%; text-align: left; padding-left: 12px; font-size: 16px; font-weight: 700; margin-top: 4px; letter-spacing: 0.5px; }

    /* 4. 직관적인 화살표(▼) 아이콘 CSS로 자동 추가 */
    .business_item > a::after {
        content: ''; position: absolute; top: 35px; right: 25px;
        width: 10px; height: 10px;
        border-right: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8;
        transform: rotate(45deg); transition: transform 0.4s ease;
    }

    /* 3. 터치 시 (열림) Lift 팝업 및 화살표 회전 애니메이션 */
    .business_item.is-open {
        margin-top: 15px !important;    /* 위쪽 카드와 거리 두기 */
        margin-bottom: 30px !important; /* 아래쪽 카드 밀어내기 */
        z-index: 10;                    /* 스택의 맨 앞으로 가져오기 */
        box-shadow: 0 16px 32px rgba(0,0,0,0.12);
        border-color: #cbd5e1;
        transform: translateY(-5px);    /* 살짝 위로 떠오르는 효과 */
    }
    
    /* 열린 카드 바로 다음 카드는 겹침 해제 */
    .business_item.is-open + .business_item { margin-top: 0 !important; }
    
    /* 화살표 위로 회전 */
    .business_item.is-open > a::after { transform: rotate(-135deg); top: 40px; }

    /* 모바일 엣지 라이트 포인트 */
    .business_item::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 0; transition: width 0.2s ease; border-top-left-radius: 24px; border-bottom-left-radius: 24px; }
    .enterprise_ai::after { background-color: var(--color-enterprise); }
    .e_commerce::after { background-color: var(--color-ecommerce); }
    .ai_cx::after { background-color: var(--color-aicx); }
    .digital_trans::after { background-color: var(--color-digital); }
    .business_item.is-open::after { width: 6px; }

    /* 터치(Press) 텐션 보정 */
    .business_item:active { transform: scale(0.98); }
    .business_item.is-open:active { transform: translateY(-5px); }

    /* 5. 더 보기 버튼 모바일 전용 디자인 */
    .btn-more-wrap { 
        border-bottom: none !important; 
        margin-top: 15px !important; /* 리스트와 버튼 사이 여백 약간 확장 */
        padding: 0 !important; 
        display: flex !important;
        justify-content: center !important; /* 중앙 정렬 강제 적용 */
        align-items: center !important;
    }

    .btn-more { 
        display: inline-flex; /* 100% 너비를 해제하고 내용만큼만 차지하도록 변경 */
        justify-content: center; 
        align-items: center; 
        padding: 8px 24px; /* 상하 패딩 축소, 좌우 패딩 확보 */
        background: #ffffff; /* 배경을 흰색으로 변경하여 투박함 최소화 */
        border: 1px solid #cbd5e1; /* 테두리를 얇고 부드러운 톤으로 변경 */
        border-radius: 30px; /* 둥근 알약 형태로 모바일 친화적 UX 제공 */
        font-weight: 500; /* 본문 타이틀보다 시각적 부담이 덜하도록 굵기 하향 */
        font-size: 13px; /* 본문 글자(14px)보다 1px 작게 조정 */
        color: #64748b; /* 텍스트 톤다운 */
        transition: all 0.2s ease;
    }
    /* 6. 섹션 간 여백(Gap) 최적화 */
    .main_business { 
        padding-bottom: 10px !important; 
    }
    .main_customer { 
        padding: 40px 0 !important; 
    }
}