@charset "utf-8";

/* Sub top */
.top_visual{display:table; width:100%; height:200px; text-align:center;}
.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{background:url(../images/company/company_visual.jpg) no-repeat 70%; background-size:cover;}
.business_visual{background:url(../images/business/business_visual.jpg) no-repeat; background-size:cover;}
.ir_visual{background:url(../images/ir/ir_visual.jpg) no-repeat; background-size:cover;}
.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_float_btn{position:fixed; bottom:30px; right:0; z-index:89;}

.main_movie{position:absolute; width:100%; height:100%; z-index:100;}
.main_movie:before{content:""; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7;}
.main_movie .movie_wrap{position:relative; top:120px;}
.main_movie .movie{position:absolute; width:90%; height:100%; left:50%; margin-left:-45%; z-index:20;}
.main_movie .movie iframe{width:100%; height:100%;}
.main_movie .play_btn{width:90%; margin:auto;}
.main_movie .play_btn a:after{position:absolute; display:block; content:""; width:50px; height:50px; top:50%; left:50%; margin:-25px 0 0 -25px; background:url(../images/main/movie_play_btn.png) no-repeat; background-size:100% 100%; z-index:10;}
.main_movie .play_btn img{width:100%; height:auto;}
.main_movie .mv_skip{position:absolute; left:50%; bottom:10px; margin-left:-50px; z-index:21;}
.main_movie .mv_skip a{display:block; width:100px; text-align:center; font-size:16px; font-weight:500; color:#FFF;}

.main_tt dt{line-height:1.4em; font-size:20px; color:#303030;}
.main_tt dt em{display:block; font-size:24px; font-weight:700;}
.main_view_btn{display:block; width:40px; height:40px; background:url(../images/main/main_view_btn.png) no-repeat center #00acee; background-size:20px 20px;}
.main_view_btn a{display:block; width:100%; height:100%;}

.main_visual_eng{position:relative; overflow:hidden;}
.main_visual_eng .visual_li{width:100%; height:400px;}
.main_visual_eng .swiper-slide{display:table;}
.main_visual_eng .visual_txt{display:table-cell; padding-left:4%; vertical-align:middle;}
.main_visual_eng .visual_txt dt{position:relative; line-height:1.4em; font-size:20px; color:#FFF;}
.main_visual_eng .visual_txt dt:before{position:absolute; content:""; display:block; width:50px; height:2px; top:-25px; left:-4%; background:#FFF;}
.main_visual_eng .visual_txt dt span.block_txt{display:block;}
.main_visual_eng .visual_txt dd{width:94%; line-height:1.0em; margin-top:20px; font-size:45px; font-weight:900; color:#FFF;}
.main_visual_eng .visual_btn{position:absolute; bottom:40px; left:4%; font-size:0; z-index:1;}
.main_visual_eng .visual_btn span{display:inline-block; margin-right:20px;}
.main_visual_eng .visual_btn span:last-child{margin-right:0;}
.main_visual_eng .visual_btn span a{display:block; width:100%; height:100%; padding-bottom:5px; font-size:16px; color:#FFF; opacity:0.7;}
.main_visual_eng .visual_btn span.on{border-bottom:3px solid #00b9ff;}
.main_visual_eng .visual_btn span.on a{font-weight:900; color:#00b9ff; opacity:1.0;}
.main_visual_eng .visual_btn .mv_view_btn{margin-top:15px;}
.main_visual_eng .visual_btn .mv_view_btn span{padding-left:40px; background:url(../images/main/movie_view_btn.png) no-repeat left 2px; font-size:14px; font-weight:700; color:#00b9ff;}

.main_cm_con_eng{width:94%; margin:auto; padding:60px 0; overflow:hidden;}
.main_cm_con_eng .cm_slide_wrap{position:relative; margin-top:30px;}
.main_cm_con_eng .cm_slide_wrap .main_cm_btn{position:absolute; top:-70px; right:0;}
.main_cm_con_eng .cm_slide_wrap .cm_btn{position:static; float:left; display:block; width:40px; height:40px; border:1px solid #acacac; box-sizing:border-box;}
.main_cm_con_eng .cm_slide_wrap .cm_btn a{display:block; width:100%; height:100%;}
.main_cm_con_eng .cm_slide_wrap .cm_prev{margin-right:5px; background:url(../images/main/main_prev_btn.png) no-repeat center; background-size:10px auto;}
.main_cm_con_eng .cm_slide_wrap .cm_next{background:url(../images/main/main_next_btn.png) no-repeat center; background-size:10px auto;}
.main_cm_con_eng .cm_slide_wrap .cm_thum{position:relative;}
.main_cm_con_eng .cm_slide_wrap .cm_thum img{width:100%;}
.main_cm_con_eng .cm_slide_wrap .cm_thum .main_view_btn{position:absolute; bottom:0; right:0;}
.main_cm_con_eng .cm_slide_wrap .cm_txt{margin-top:15px;}
.main_cm_con_eng .cm_slide_wrap .cm_txt dt{font-size:16px; font-weight:500; color:#303030;}
.main_cm_con_eng .cm_slide_wrap .cm_txt dd{margin-top:5px; line-height:1.4em;}

.main_idt_con_eng{padding:60px 0; background:url(../images/main/idt_bg.jpg) no-repeat center; background-size:cover;}
.main_idt_con_eng .main_tt{text-align:center;}
.main_idt_con_eng .main_tt dt{color:#FFF;}
.main_idt_con_eng .main_tt dt:before{margin:0 auto 20px;}
.main_idt_con_eng .main_idt_li{margin-top:40px;}
.main_idt_con_eng .main_idt_li li{margin-bottom:30px;}
.main_idt_con_eng .main_idt_li li:last-child{margin-bottom:0;}
.main_idt_con_eng .main_idt_li li .idt_img img{width:100%;}
.main_idt_con_eng .main_idt_li li .idt_txt{position:relative; padding:20px 25px 45px; box-sizing:border-box; background:#FFF;}
.main_idt_con_eng .main_idt_li li .idt_txt dt{font-size:16px; font-weight:500; color:#303030;}
.main_idt_con_eng .main_idt_li li .idt_txt dd{margin-top:5px; line-height:1.4em;}
.main_idt_con_eng .main_idt_li li .idt_txt .main_view_btn{position:absolute; right:0; bottom:0;}

.main_campus_con{position: relative; background-color: #f9f9f9; padding: 60px 0;}
.main_campus_con .main_tt p{font-size: 16px; margin-top: 20px; line-height: 1.4em; color: #606060;}
.main_campus_con .more_btn{display:block; width:140px; height:40px; margin-top:30px; background:#00acee;}
.main_campus_con .more_btn a{display:block; width:100%; height:100%; line-height:40px; font-weight:500; color:#FFF; text-align:center;}
.main_campus_con .more_btn a span{display:inline-block; padding-right:30px; background:url(../images/main/main_more_btn.png) no-repeat right center;}
.main_campus_con .campus_slide .main_campus_btn{position:absolute; left:0; bottom: 0; z-index: 10;}
.main_campus_con .campus_slide .main_campus_btn::after{display: block; content: ''; clear: both;}
.main_campus_con .campus_slide .campus_btn{position:static; float:left; display:block; width:40px; height:40px;box-sizing:border-box;}
.main_campus_con .campus_slide .campus_btn a{display:block; width:100%; height:100%;}
.main_campus_con .campus_slide .campus_pc_prev{background:url(../images/works/slide_btn_prev.png) no-repeat center; background-size:10px auto; background-color: #00acee;}
.main_campus_con .campus_slide .campus_pc_next{background:url(../images/works/slide_btn_next.png) no-repeat center; background-size:10px auto; background-color: #00acee;}
.main_campus_con .img_wrap{position: relative;margin-top: 20px; overflow: hidden; width: 100%;}
.main_campus_con .img_wrap img{width: 100%; max-width: 870px;}
.main_campus_con .pc_txt{display: none;}

.main_data_con_eng{max-width:1400px; margin:auto; padding:60px 4%;}
.main_data_con_eng .more_btn{display:block; width:140px; height:40px; margin-top:40px; background:#00acee;}
.main_data_con_eng .more_btn a{display:block; width:100%; height:100%; line-height:40px; font-weight:500; color:#FFF; text-align:center;}
.main_data_con_eng .more_btn a span{display:inline-block; padding-right:30px; background:url(../images/main/main_more_btn.png) no-repeat right center;}
.main_data_con_eng .main_data_li{margin-top:20px; border-top:2px solid #303030; border-bottom:2px solid #303030;}
.main_data_con_eng .main_data_li li{display:table; width:100%; padding:20px 0; border-bottom:1px solid #ddd;}
.main_data_con_eng .main_data_li li:last-child{border-bottom:none;}
.main_data_con_eng .main_data_li li dl{display:table-cell; width:calc(100% - 50px); vertical-align:middle;}
.main_data_con_eng .main_data_li li dt a{font-size:16px; font-weight:500; color:#303030;}
.main_data_con_eng .main_data_li li dd{margin-top:10px;}
.main_data_con_eng .main_data_li li .down_btn{display:table-cell; width:50px; height:50px; vertical-align:middle; background:url(../images/main/main_down_btn.png) no-repeat center;}
.main_data_con_eng .main_data_li li .down_btn a{display:block; width:16px; height:16px; margin:auto;}

.main_news_con_eng{padding:60px 0 100px; background:#f9f9f9;}
.main_news_con_eng .con_align{overflow:hidden;}
.main_news_con_eng .main_news_li{position:relative; margin-top:40px;}
.main_news_con_eng .main_news_btn{position:absolute; top:-70px; right:0;}
.main_news_con_eng .main_news_btn a{display:block; width:100%; height:100%;}
.main_news_con_eng .news_btn{position:static; float:left; display:block; width:40px; height:40px; border:1px solid #acacac; box-sizing:border-box;}
.main_news_con_eng .news_prev{margin-right:5px; background:url(../images/main/main_prev_btn.png) no-repeat center; background-size:10px auto;}
.main_news_con_eng .news_next{background:url(../images/main/main_next_btn.png) no-repeat center; background-size:10px auto;}
.main_news_con_eng .main_news_img img{width:100%;}
.main_news_con_eng .main_news_txt{position:relative; padding:30px 20px 30px; background:#FFF;}
.main_news_con_eng .main_news_txt dt a{font-size:16px; font-weight:500; color:#303030;}
.main_news_con_eng .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_con_eng .main_news_txt dd{margin-top:10px;}

/* 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;}

/* Main */
.main_tt dt{line-height:1.6em; font-size:25px;}
.main_tt dt:before{width:35px; margin:0 0 25px;}
.main_tt dt em{font-size:35px;}
.main_mv{height:439px;}
.main_visual_eng .visual_li{height:500px;}
.main_visual_eng .visual_txt{padding-left:4%;}
.main_visual_eng .visual_txt dt{font-size:25px;}
.main_visual_eng .visual_txt dt:before{width:60px; top:-35px; left:-4%;}
.main_visual_eng .visual_txt dd{font-size:55px;}
.main_visual_eng .visual_btn{bottom:80px;}
.main_visual_eng .visual_btn .mv_view_btn{display:inline-block;}
.main_cm_con_eng{padding:80px 0;}
.main_idt_con_eng{padding:80px 0;}
.main_idt_con_eng .main_tt dt:before{margin:0 auto 25px;}
.main_idt_con_eng .main_idt_li{overflow:hidden;}
.main_idt_con_eng .main_idt_li li{float:left; width:48%; margin-bottom:0; margin-right:4%;}
.main_idt_con_eng .main_idt_li li:last-child{margin-right:0;}
.main_data_con_eng{padding:80px 4%;}
.main_news_con_eng{padding:80px 0 140px;}
}

/* 860px 이상 해상도 */
@media screen and (min-width:860px){
/* Main */
.main_mv{height:539px;}
.main_visual_eng .visual_li{height:600px;}
.main_visual_eng .visual_btn{bottom:100px;}
.main_cm_con_eng{position:relative; width:92%; margin:0 4%; padding:100px 0;}
.main_cm_con_eng:after{content:""; position:absolute; width:30%; height:100%; top:0; left:0; background:#FFF; z-index:1;}
.main_cm_con_eng .main_tt{position:absolute; z-index:2;}
.main_cm_con_eng .cm_slide_wrap{width:70%; left:30%; margin-top:0;}
.main_cm_con_eng .cm_slide_wrap .main_cm_btn{right:auto; left:-42.8%; top:120px; z-index:2;}
.main_idt_con_eng{padding:100px 0;}

.main_campus_con .pc_img{display: block; float: left; width: 60%; position: relative; box-sizing: border-box; margin-right: 4%;}
.main_campus_con .pc_img img{width: 100%;}
.main_campus_con .block_right{float: left;margin-top: 70px; width: 36%;}
.main_campus_con .con_align::after{content: ''; display: block; clear: both;}
.main_campus_con .mo_txt{display: none;}
.main_campus_con .pc_txt{display: block;}
.main_data_con_eng{padding:100px 4%; overflow:hidden;}
.main_data_con_eng .block_left{float:left;}
.main_data_con_eng .main_data_li{float:right; width:60%;}
.main_news_con_eng{padding:100px 0 180px;}
.main_news_con_eng .main_tt{text-align:center;}
.main_news_con_eng .main_tt dt:before{margin:0 auto 25px;}
.main_data_con_eng .main_data_li li dt a{display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; height:25px; overflow:hidden; text-overflow:ellipsis;}
.main_news_con_eng .main_news_btn{display:none;}
.main_news_con_eng .main_news_txt dt a{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:50px; overflow:hidden; text-overflow:ellipsis;}
.main_news_con_eng .main_news_txt dd a{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:45px; overflow:hidden; text-overflow:ellipsis;}
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);}

}

/* 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_movie .movie{width:1200px; margin-left:-600px;}
.main_movie .play_btn{width:1200px;}
.main_movie .play_btn a:after{width:90px; height:90px; margin:-45px 0 0 -45px;}
.main_movie .mv_skip{bottom:30px; margin-left:-50px;}
.main_movie .mv_skip a{width:100px; font-size:18px;}
/*.main_business.eng .busi_li .busi_li_con ul:first-child li{height:300px;}*/
.main_link.eng li{width:calc(50% - 10px);}

.main_tt dt{font-size:40px;}
.main_tt dt:before{width:40px; height:4px;}
.main_tt dt em{font-size:50px;}
.main_tt dd{display:block; margin-top:5px; font-size:22px;}
.main_view_btn{width:65px; height:65px; background-size:30px 30px;}
.main_mv{height:739px;}
.main_mv .mv_close{width:65px; height:65px; background-size:28px 28px;}
.main_visual_eng .visual_li{height:800px;}
.main_visual_eng .visual_txt dt{font-size:30px;}
.main_visual_eng .visual_txt dt:before{width:100px; top:-50px;}
.main_visual_eng .visual_txt dd{font-size:90px;}
.main_visual_eng .visual_btn{bottom:200px;}
.main_visual_eng .visual_btn span{margin-right:30px;}
.main_cm_con_eng{padding:120px 0;}
.main_cm_con_eng .cm_slide_wrap .cm_btn{width:65px; height:65px;}
.main_cm_con_eng .cm_slide_wrap .cm_prev{background-size:auto;}
.main_cm_con_eng .cm_slide_wrap .cm_next{background-size:auto;}
.main_cm_con_eng .cm_slide_wrap .main_cm_btn{top:230px;}
.main_cm_con_eng .cm_slide_wrap .cm_txt{margin-top:30px;}
.main_cm_con_eng .cm_slide_wrap .cm_txt dt{font-size:20px;}
.main_cm_con_eng .cm_slide_wrap .cm_txt dd{margin-top:20px; font-size:18px;}
.main_idt_con_eng{padding:120px 4%;}
.main_idt_con_eng .main_idt_li{max-width:1080px; margin:60px auto 0;}
.main_idt_con_eng .main_idt_li li{width:46%; margin-right:8%;}
.main_idt_con_eng .main_idt_li li .idt_txt{height:250px; padding:40px 50px 60px;}
.main_idt_con_eng .main_idt_li li .idt_txt dt{font-size:20px;}
.main_idt_con_eng .main_idt_li li .idt_txt dd{margin-top:20px; font-size:18px;}

.main_campus_con .campus_slide .campus_btn{width: 65px; height: 65px;}
.main_campus_con .capmpus_slide .campus_pc_prev{background-size: auto;}
.main_campus_con .capmpus_slide .campus_pc_next{background-size: auto;}
.main_campus_con .main_tt p{font-size: 18px; margin-top: 30px; line-height: 1.6em;}
.main_campus_con .more_btn{width:180px; height:50px; margin-top: 40px;}
.main_campus_con .more_btn a{line-height:50px; font-size:16px;}
.main_campus_con .more_btn a span{padding-right:60px;}

.main_data_con_eng{padding:120px 4%;}
.main_data_con_eng .more_btn{width:180px; height:50px;}
.main_data_con_eng .more_btn a{line-height:50px; font-size:16px;}
.main_data_con_eng .more_btn a span{padding-right:60px;}
.main_data_con_eng .main_data_li{margin-top:0;}
.main_data_con_eng .main_data_li li{padding:35px 0;}
.main_data_con_eng .main_data_li li dl{width:calc(100% - 100px);}
.main_data_con_eng .main_data_li li dt a{height:30px; font-size:20px;}
.main_data_con_eng .main_data_li li dd{font-size:18px;}
.main_data_con_eng .main_data_li li .down_btn{width:100px;}
.main_news_con_eng{padding:120px 0 180px;}
.main_news_con_eng .main_news_li{margin-top:60px;}
.main_news_con_eng .main_news_txt{padding:40px 30px;}
.main_news_con_eng .main_news_txt dt a{height:65px; font-size:20px;}
.main_news_con_eng .main_news_txt dt span.news_tag{width:120px; height:36px; top:-18px; left:30px; line-height:36px; font-size:16px;}
.main_news_con_eng .main_news_txt dd a{height:50px; font-size:16px;}

.main_link.eng li:nth-child(1) dl{background:url(../images/main/go_icon03.png) no-repeat left 5px; background-size:35px auto;}
.main_link.eng li:nth-child(2) dl{background:url(../images/main/go_icon02.png) no-repeat left 5px; background-size:35px auto;}

}

/* 1400px 이상 해상도 */
@media screen and (min-width:1400px){
.gnb .main.eng > li > a{padding-right:128px;}
.gnb .main.eng > li:last-child > a{padding-right:0;}
.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_movie .movie_wrap{top:81px;}
.main_movie .movie{width:1526px; margin-left:-763px;}
.main_movie .play_btn{width:1526px;}
.main_movie .play_btn a:after{width:90px; height:90px; margin:-45px 0 0 -45px;}
.main_movie .mv_skip{bottom:30px; margin-left:-50px;}
.main_movie .mv_skip a{width:100px; font-size:18px;}

.main_visual_eng .visual_li{height:940px;}
.main_visual_eng .visual_txt{display:block; max-width:1400px; padding-left:0; margin:350px auto 0;}
.main_visual_eng .visual_txt dt{padding-left:60px;}
.main_visual_eng .visual_txt dt:before{left:0;}
.main_visual_eng .visual_txt dd{padding-left:60px;}
.main_visual_eng .visual_btn{bottom:300px; left:50%; margin-left:-640px;}
.main_cm_con_eng{position:relative; width:1400px; left:50%; margin-left:-700px;}
.main_cm_con_eng:after{width:35%;}
.main_cm_con_eng .main_tt{margin-top:80px;}
.main_cm_con_eng .cm_slide_wrap{width:65%; left:35%;}
.main_cm_con_eng .cm_slide_wrap .main_cm_btn{margin-top:80px; left:-53.8%;}
.main_idt_con_eng{position:relative;}
.main_idt_con_eng:before{content:""; position:absolute; display:block; width:23px; height:309px; top:-429px; background:url(../images/main/cm_tag.png) no-repeat; z-index:3;}
.main_idt_con_eng:after{content:""; position:absolute; display:block; width:23px; height:527px; bottom:120px; background:url(../images/main/idt_tag.png) no-repeat; z-index:3;}
.main_campus_con .block_right{margin-top: 90px;}
}