@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');



.main_wrap{overflow:hidden;}

/* Header */
header{position:absolute; top:0; width:100%; min-width:320px; height:130px; z-index:99;}
header:after{position:absolute; display:block; content:""; width:100%; height:1px; top:60px; }
header h1.top_logo{float:left; width:140px; height:108px; margin:10px 0 0 15px; background:url(/images/top_logo.png) no-repeat; background-size:90%;}
header h1.top_logo a{display:block; height:100%;}


@media screen and (max-width: 960px) {
header h1.top_logo{float:left; width:215px;  margin:10px 0 0 10px; background:url(/images/top_logo.png) no-repeat; background-size:100%;}
}



header h2.nav_btn{float:right; margin:18px 15px 0 0;}
header h2.nav_btn a{display:block; width:30px; height:23px; background:url(/images/m_nav_btn.png) no-repeat; background-size:30px auto;}

.gnb{display:none;}
.gnb.on{display:block; position:fixed; width:100%; height:100%; top:0; z-index:90;}
.gnb .nav_close{position:absolute; right:85.93%; margin:17px 13px 0 0; z-index:90;}
.gnb .gnb_wrap{position:absolute; width:85.93%; height:100%; right:0; background:#062d64; overflow-y:auto; z-index:90;}
.gnb .main{float:left; width:100%;}
.gnb .main > li{position:relative; background:url(/images/m_nav_arrow.png) no-repeat right 20px; background-size:36px auto;}
.gnb .main > li a{display:block; height:49px; line-height:49px; padding-left:40px; color:#FFF; font-size:17px;}
.gnb .main > li a.sub_open{position:absolute; top:0; right:0; width:50px; height:50px;}
.gnb .main > li.on{background:url(/images/m_nav_arrow_on.png) no-repeat right 20px; background-size:36px auto;}
.gnb .main > li .sub{display:none;}
.gnb .main > li.on .sub{display:block;}
.gnb .main:before,
.gnb .main > li:after{display:block; content:""; height:1px; background:rgba(255,255,255,0.5); margin:0 20px;}
.gnb .sub{padding-bottom:20px;}
.gnb .sub:before{display:block; content:""; height:1px;  background:rgba(255,255,255,0.5);  margin:0 20px 16px;}
.gnb .sub > li > a{height:40px; line-height:40px; padding-left:60px; color:#EDE1E1; font-size:16px;}
.gnb:after{display:block; content:""; position:fixed; width:100%; height:100%; z-index:49; background:#000; opacity:0.7;}
.top_util{position:absolute; right:20px; bottom:20px;}
.top_util li{position:relative; float:left; margin-right:20px;}
.top_util li:after{position:absolute; display:block; content:""; width:1px; height:10px; top:5px; right:-10px; background:#FFF; opacity:0.7;}
.top_util li:last-child{margin-right:0;}
.top_util li:last-child:after{display:none;}
.top_util li a{display:block; font-size:13px; color:#FFF;}
/*.top_util li a.groobee{width:82px; height:18px; background:url(/images/groobee_logo_mo.png) no-repeat; background-size:84px auto;}*/
.top_util li select::-ms-expand{display:none;}
.lang{position:absolute; right:70px; top:15px; width:85px; height:30px; border-radius:15px 15px; background:#FFF; text-align:center; z-index:10;}
.lang a{display:block; line-height:30px; font-size:14px; font-weight:500; color:#062d64;}

header.nav_fixed{position:fixed;;
       }
header.nav_fixed h1.top_logo{background:url(/images/top_logo_on.png) no-repeat; background-size:100%;}
header.nav_fixed h2.nav_btn a{background:url(/images/m_nav_btn_bk.png) no-repeat; background-size:30px auto;}

/* 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{ margin:auto; overflow:hidden;}
footer .company_btn li{float:left; width:200px; border:1px solid #5d5d5d; box-sizing:border-box; text-align:center;}
footer .company_btn li{margin-right:5px;}
footer .company_btn li a{display:block; width:100%; line-height:40px; font-weight:400; color:#dfdfdf;}
footer .company_btn li span{padding-right:35px;}
footer .company_btn li span{background:url(/images/bottom_ck.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:0px; 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/sns_fb.png) no-repeat; background-size:20px 20px;}
footer .sns_btn li a.br{background:url(/images/sns_brunch.png) no-repeat; background-size:20px 20px;}
footer .sns_btn li a.blog{background:url(/images/sns_blog.png) no-repeat; background-size:20px 20px;}
footer .sns_btn li a.ytb{background:url(/images/sns_ytb.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/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;}
.top_visual h2.con_tt{display:table-cell; padding-top:50px; vertical-align:middle; font-family:'Lato'; font-size:30px; font-weight:500; color:#FFF;}
.top_visual h2.con_tt:before{display:block; content:"라온 SYSTEM"; margin:0 auto 5px; line-height:1.0em; letter-spacing:5px; font-family:'Lato'; font-size:12px; font-weight:900; color:#ffffff;}


.lnb{width:100%;}
.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 #062d64; box-sizing:border-box; background:#062d64;}
.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/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_tt dt:before{content:""; display:block; width:30px; height:3px; margin:0 0 20px; background:#062d64;}
.main_tt dd{display:none; color:#062d64;}
.main_view_btn{display:block; width:40px; height:40px; background:url(/images/main_view_btn.png) no-repeat center #062d64; background-size:20px 20px;}
.main_view_btn a{display:block; width:100%; height:100%;}

/*.main_mv{position:absolute; top:61px; width:100%; height:339px; z-index:80;}
.main_mv .mv_close{position:absolute; top:0; right:0; width:40px; height:40px; background:url(/images/m_nav_close.png) no-repeat center #062d64; background-size:20px 20px;}
.main_mv .mv_close a{display:block; width:100%; height:100%;}*/

.main_visual{position:relative; overflow:hidden;}
/*.main_visual .visual_li{width:100%; height:400px;}*/
.main_visual .swiper-slide{display:table;}/*
.main_visual .visual_img{width:100%; height:100%; background-size:cover;}

.main_visual .visual01{width:100%; height:100%; background:url(/images/main_visual01.jpg) no-repeat; background-size:cover; background-position:50%;}
.main_visual .visual02{width:100%; height:100%; background:url(/images/main_visual02.jpg) no-repeat; background-size:cover; background-position:60%;}
.main_visual .visual03{width:100%; height:100%; background:url(/images/main_visual03.jpg) no-repeat; background-size:cover; background-position:70%;}
.main_visual .visual04{width:100%; height:100%; background:url(/images/main_visual04.jpg) no-repeat; background-size:cover; background-position:50%;}
.main_visual .visual05{width:100%; height:100%; background:url(/images/main_visual05.jpg) no-repeat; background-size:cover; background-position:70%;}
*/
.main_visual .visual_txt{display:table-cell; ; vertical-align:middle;}
.main_visual .visual_txt dt{position:relative; line-height:1.4em; font-size:20px; color:#FFF;}
.main_visual .visual_txt dt:before{position:absolute; content:""; display:block; width:50px; height:2px; top:-25px;  }
.main_visual .visual_txt dt span.block_txt{display:block;}
.main_visual .visual_txt dd{width:100%; line-height:1.0em; margin-top:20px; font-size:35px; font-weight:900; color:#FFF;}

.main_visual .visual_btn{position:absolute; font-size:0; z-index:1;}
.main_visual .visual_btn span{display:inline-block; margin-right:20px;}
.main_visual .visual_btn span:last-child{margin-right:0;}
.main_visual .visual_btn span a{display:block; width:100%; height:100%; padding-bottom:5px; font-size:16px; color:#FFF; opacity:0.7;}
.main_visual .visual_btn span.on{border-bottom:3px solid #062d64;}
.main_visual .visual_btn span.on a{font-weight:900; color:#062d64; opacity:1.0;}
.main_visual .visual_btn .mv_view_btn{display:inline-block;}



@media screen and (max-width: 960px) {
	.visual_btn {display: none}	
	
}



.main_cm_con{width:94%; margin:auto; padding:60px 0; overflow:hidden;}
.main_cm_con .cm_slide_wrap{position:relative; margin-top:30px;}
.main_cm_con .cm_slide_wrap .main_cm_btn{position:absolute; top:-70px; right:0;}
.main_cm_con .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 .cm_slide_wrap .cm_btn a{display:block; width:100%; height:100%;}
.main_cm_con .cm_slide_wrap .cm_prev{margin-right:5px; background:url(/images/main_prev_btn.png) no-repeat center; background-size:10px auto;}
.main_cm_con .cm_slide_wrap .cm_next{background:url(/images/main_next_btn.png) no-repeat center; background-size:10px auto;}
.main_cm_con .cm_slide_wrap .cm_thum{position:relative;}
.main_cm_con .cm_slide_wrap .cm_thum img{width:100%;}
.main_cm_con .cm_slide_wrap .cm_thum .main_view_btn{position:absolute; bottom:0; right:0;}
.main_cm_con .cm_slide_wrap .cm_txt{margin-top:15px;}
.main_cm_con .cm_slide_wrap .cm_txt dt{font-size:16px; font-weight:500; color:#303030;}
.main_cm_con .cm_slide_wrap .cm_txt dd{margin-top:5px; line-height:1.4em;}

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

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

.main_news_con{padding:60px 0 100px; background:#f9f9f9;}
.main_news_con .con_align{overflow:hidden;}
.main_news_con .main_news_li{position:relative; margin-top:40px;}
.main_news_con .main_news_btn{position:absolute; top:-70px; right:0;}
.main_news_con .main_news_btn a{display:block; width:100%; height:100%;}
.main_news_con .news_btn{position:static; float:left; display:block; width:40px; height:40px; border:1px solid #acacac; box-sizing:border-box;}
.main_news_con .news_prev{margin-right:5px; background:url(/images/main_prev_btn.png) no-repeat center; background-size:10px auto;}
.main_news_con .news_next{background:url(/images/main_next_btn.png) no-repeat center; background-size:10px auto;}
.main_news_con .main_news_img {width:100%; height: 260px; background-repeat: no-repeat; background-size: cover; background-position: center}
.main_news_con .main_news_img img{width:100%; overflow: hidden}

.main_news_con .main_news_txt{position:relative; padding:30px 20px 30px; background:#FFF;}
.main_news_con .main_news_txt dt a{font-size:16px; font-weight:500; color:#303030;}
.main_news_con .main_news_txt dt span.news_tag{position:absolute; display:block; width:90px; line-height:30px; top:-15px; left:20px; background:#062d64; text-align:center; font-weight:500; color:#FFF;}
.main_news_con .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:30px;}
.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{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 #062d64;}
.lnb li.on a{color:#062d64;}
.lnb li:hover{border-bottom:3px solid #062d64;}
.lnb li:hover a{font-weight:500; color:#062d64;}

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

/* 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 .visual_li{height:500px;}
.main_visual .visual_txt{}
.main_visual .visual_txt dt{font-size:25px;}
.main_visual .visual_txt dt:before{width:60px; top:-35px; }
.main_visual .visual_txt dd{font-size:35px;}
.main_visual .visual_btn{bottom:80px;}
.main_cm_con{padding:80px 0;}
.main_idt_con{padding:80px 0;}
.main_idt_con .main_tt dt:before{margin:0 auto 25px;}
.main_idt_con .main_idt_li{overflow:hidden;}
.main_idt_con .main_idt_li li{float:left; width:48%; margin-bottom:0; margin-right:4%;}
.main_idt_con .main_idt_li li:last-child{margin-right:0;}
.main_data_con{padding:80px 4%;}
.main_news_con{padding:80px 0 140px;}
}

/* 860px 이상 해상도 */
@media screen and (min-width:860px){
/* Footer */
footer .btn_wrap{padding:25px 0; overflow:hidden;}
footer .company_btn{float:left;}
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;}

/* Main */
.main_mv{height:539px;}
.main_visual .visual_li{height:600px;}
.main_visual .visual_btn{bottom:100px;}
.main_cm_con{position:relative; width:92%; margin:0 4%; padding:100px 0;}
.main_cm_con:after{content:""; position:absolute; width:30%; height:100%; top:0; left:0; background:#FFF; z-index:1;}
.main_cm_con .main_tt{position:absolute; z-index:2;}
.main_cm_con .cm_slide_wrap{width:70%; left:30%; margin-top:0;}
.main_cm_con .cm_slide_wrap .main_cm_btn{right:auto; left:-42.8%; top:120px; z-index:2;}
.main_idt_con{padding:100px 0;}
.main_data_con{padding:100px 4%; overflow:hidden;}
.main_data_con .block_left{float:left;}
.main_data_con .main_data_li{float:right; width:60%;}
.main_news_con{padding:100px 0 180px;}
.main_news_con .main_tt{text-align:center;}
.main_news_con .main_tt dt:before{margin:0 auto 25px;}
.main_data_con .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 .main_news_btn{display:none;}
.main_news_con .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 .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_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 .visual_li{height:800px;}
.main_visual .visual_txt dt{font-size:30px;}
.main_visual .visual_txt dt:before{width:100px; top:-50px;}
.main_visual .visual_txt dd{font-size:55px;}
.main_visual .visual_btn{bottom:200px;}
.main_visual .visual_btn span{margin-right:30px;}
.main_cm_con{padding:120px 0;}
.main_cm_con .cm_slide_wrap .cm_btn{width:65px; height:65px;}
.main_cm_con .cm_slide_wrap .cm_prev{background-size:auto;}
.main_cm_con .cm_slide_wrap .cm_next{background-size:auto;}
.main_cm_con .cm_slide_wrap .main_cm_btn{top:230px;}
.main_cm_con .cm_slide_wrap .cm_txt{margin-top:30px;}
.main_cm_con .cm_slide_wrap .cm_txt dt{font-size:20px;}
.main_cm_con .cm_slide_wrap .cm_txt dd{margin-top:20px; font-size:18px;}
.main_idt_con{padding:120px 4%;}
.main_idt_con .main_idt_li{max-width:1080px; margin:60px auto 0;}
.main_idt_con .main_idt_li li{width:46%; margin-right:8%;}
.main_idt_con .main_idt_li li .idt_txt{height:350px; padding:40px 50px 60px;}
.main_idt_con .main_idt_li li .idt_txt dt{font-size:20px;}
.main_idt_con .main_idt_li li .idt_txt dd{margin-top:20px; font-size:18px;}
.main_data_con{padding:120px 4%;}
.main_data_con .more_btn{width:180px; height:50px;}
.main_data_con .more_btn a{line-height:50px; font-size:16px;}
.main_data_con .more_btn a span{padding-right:60px;}
.main_data_con .main_data_li{margin-top:0;}
.main_data_con .main_data_li li{padding:35px 0;}
.main_data_con .main_data_li li dl{width:calc(100% - 100px);}
.main_data_con .main_data_li li dt a{height:30px; font-size:20px;}
.main_data_con .main_data_li li dd{font-size:18px;}
.main_data_con .main_data_li li .down_btn{width:100px;}
.main_news_con{padding:120px 0 180px;}
.main_news_con .main_news_li{margin-top:60px;}
.main_news_con .main_news_txt{padding:40px 30px;}
.main_news_con .main_news_txt dt a{height:65px; font-size:20px;}
.main_news_con .main_news_txt dt span.news_tag{width:120px; height:36px; top:-18px; left:30px; line-height:36px; font-size:16px;}
.main_news_con .main_news_txt dd a{height:50px; font-size:16px;}

}




/* 1400px 이상 해상도 */
@media screen and (min-width:1200px){
header{height:130px;
		    transition-timing-function:ease-in-out;
     -o-transition-timing-function:ease-in-out;
   -moz-transition-timing-function:ease-in-out;
-webkit-transition-timing-function:ease-in-out;
        transition-duration:0.2s;
     -o-transition-duration:0.2s;
   -moz-transition-duration:0.2s;
-webkit-transition-duration:0.2s;}
header:after{display:none;}

	
header h1.top_logo{position:relative; width:230px; height:61px; margin:30px 0 0 60px; z-index:99;
		    transition-timing-function:ease-in-out;
     -o-transition-timing-function:ease-in-out;
   -moz-transition-timing-function:ease-in-out;
-webkit-transition-timing-function:ease-in-out;
        transition-duration:0.2s;
     -o-transition-duration:0.2s;
   -moz-transition-duration:0.2s;
-webkit-transition-duration:0.2s;}
	
	
	
header h2.nav_btn{display:none;}
.gnb{display:block;}
.gnb.on{position:absolute; left:0; height:auto;}
.gnb .nav_close{display:none;}
.gnb .gnb_wrap{width:100%; height:auto; top:0; left:0; background:none; overflow:visible;}
.gnb .main{position:absolute; top:60px; left:45%; margin-left:-185px; width:1350px;}
.gnb .main > li{background:none; float:left;}
.gnb .main > li a{height:auto; line-height:normal; border-bottom:none; padding-left:10px;; padding-right:90px; font-size:20px; font-weight:700;
		    transition-timing-function:ease-in-out;
     -o-transition-timing-function:ease-in-out;
   -moz-transition-timing-function:ease-in-out;
-webkit-transition-timing-function:ease-in-out;
        transition-duration:0.2s;
     -o-transition-duration:0.2s;
   -moz-transition-duration:0.2s;
-webkit-transition-duration:0.2s;}
.gnb .main > li:last-child a{padding-right:0;}
.gnb .main > li a span{display:block; position:relative;}
.gnb .main > li a span:after{display:block; content:""; width:0px; height:4px; background:#dedede; margin:22px auto 0;
		    transition-timing-function:ease-in-out;
     -o-transition-timing-function:ease-in-out;
   -moz-transition-timing-function:ease-in-out;
-webkit-transition-timing-function:ease-in-out;
        transition-duration:0.2s;
     -o-transition-duration:0.2s;
   -moz-transition-duration:0.2s;
-webkit-transition-duration:0.2s;}
	
	
	
	
.gnb .main > li:hover a span:after{width:100%;}
.gnb .main > li a.sub_open{display:none;}
.gnb .main > li.on{background:none;}
.gnb .main > li .sub,
.gnb .main > li.on .sub{display:block; position:absolute; padding-top:0; z-index:50; height:1px; overflow:hidden; opacity:0; background:none;
		    transition-timing-function:ease-in-out;
     -o-transition-timing-function:ease-in-out;
   -moz-transition-timing-function:ease-in-out;
-webkit-transition-timing-function:ease-in-out;
        transition-duration:0.2s;
     -o-transition-duration:0.2s;
   -moz-transition-duration:0.2s;
-webkit-transition-duration:0.2s;}
.gnb nav:hover li .sub, .gnb nav:hover li.on .sub{padding-top:30px; height:auto; opacity:1;}
.gnb .sub > li{clear:both; background:#none; width:290px; height:30px; line-height:30px; background-color: }
.gnb .sub > li:hover{border-bottom:none;}
.gnb .sub > li > a{border-bottom:none; font-size:16px; color:#7d7d7d; font-weight:400;}
.gnb .sub > li > a:hover, .gnb .sub > li > a:focus{color:#000;}
.gnb .main > li:last-child .sub > li{clear:both; background:#none; width:80px; height:30px; line-height:30px;}
.gnb .main:before, .gnb .main > li:after, .gnb .sub:before{display:none;}
.gnb nav:after{position:absolute; display:block; content:""; width:100%; top:120px; left:0; height:0; background:#062d64;  z-index:-1; opacity:0.3;
		    transition-timing-function:ease-in-out;
     -o-transition-timing-function:ease-in-out;
   -moz-transition-timing-function:ease-in-out;
-webkit-transition-timing-function:ease-in-out;
        transition-duration:0.2s;
     -o-transition-duration:0.2s;
   -moz-transition-duration:0.2s;
-webkit-transition-duration:0.2s;}
	

	
.gnb nav:hover:after{height:220px; opacity:1;  border-bottom:none;}
.gnb:after{display:none;}
.gnb .sub.eng > li{width:260px;}
.gnb .main > li:last-child .sub.eng > li{width:260px; }
.top_util{right:155px; bottom:auto; top:28px;}
.top_util li{margin-right:20px;}
.top_util li:after{height:12px; top:7px; background:#062d64;}
/*.top_util li a.groobee{width:82px; height:18px; margin-top:3px; background:url(/images/groobee_logo_pc.png) no-repeat; background-size:82px auto;}*/
.top_util li a{font-size:16px; font-weight:500; color:#062d64;}
header:hover .lang{background:#062d64;}
header:hover .lang a{color:#FFF;}
header.nav_fixed {background:rgba(0, 0, 0, 0.19); height: 160px}
header.nav_fixed .lang a{color:#FFF;}
.lang{right:40px; top:25px;}

header:hover{background:#000000;}
header:hover h1.top_logo{background:url(/images/top_logo_on.png) no-repeat; background-size:100%;}
header:hover .gnb .main li a{color:#ffffff;}
header:hover .gnb .sub > li > a{color:#ffffff;}
header:hover .gnb .sub > li > a:hover, header:hover .gnb .sub > li > a:focus{color:#000;}
/*header:hover .top_util li a.groobee{background:url(/images/groobee_logo_bk.png) no-repeat; background-size:82px auto;}*/
header:hover .top_util li:after{background:#aaa;}
header:hover .top_util li a{color:#ffffff;}
header.nav_fixed .gnb .main li a{color:#ffffff;}
header.nav_fixed .gnb .sub > li > a{color:#7d7d7d;}
header.nav_fixed .gnb .sub > li > a:hover, header:hover .gnb .sub > li > a:focus{color:#000;}
header.nav_fixed .top_util li:after{background:#aaa;}
header.nav_fixed .top_util li a{color:#ffffff;}


.top_visual{height:450px;}
.top_visual h2.con_tt{font-size:30px;}
.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 .visual_li{height:940px;}
.main_visual .visual_txt{display:block; max-width:1400px; padding-left:0; margin:350px auto 0;}
.main_visual .visual_txt dt{}
.main_visual .visual_txt dt:before{left:0;}
.main_visual .visual_txt dd{}
.main_visual .visual_btn{bottom:300px; left:50%; transform:translate(-50%,-0%); }
.main_cm_con{position:relative; width:1400px; left:50%; margin-left:-700px;}
.main_cm_con:after{width:35%;}
.main_cm_con .main_tt{margin-top:80px;}
.main_cm_con .cm_slide_wrap{width:65%; left:35%;}
.main_cm_con .cm_slide_wrap .main_cm_btn{margin-top:80px; left:-53.8%;}
.main_idt_con{position:relative;}
.main_idt_con:before{content:""; position:absolute; display:block; width:23px; height:309px; top:-429px; background:url(/images/cm_tag__.png) no-repeat; z-index:3;}
.main_idt_con:after{content:""; position:absolute; display:block; width:23px; height:527px; bottom:120px; background:url(/images/idt_tag__.png) no-repeat; z-index:3;}

}