.group_tab>ul>li>a[class='selected'], .group_tab>ul>li>a:hover, .group_tab>ul>li>a:focus{background:#e04235;border-color:#e04235}

.page_width{position:relative;width:1200px;max-width:100%;margin:0 auto}

.page_top_menu{position:relative;z-index:1000}
.page_button_down{overflow:hidden;}
.sns-container{position:relative;max-width:1200px;margin:0 auto}
.sns-container>.sns_p{position:absolute;top:10px;right:0;padding:0;text-align:right}
.convert_list{max-width:1200px;margin:0 auto}
.header-group{ overflow:hidden;}

.jquery-accordion-menu .jquery-accordion-menu-header{height:0;display:none}
.jquery-accordion-menu .jquery-accordion-menu-footer{display:none} 


/* 헤더 */
/*
@-webkit-keyframes zoom {
    from {
    background-size:110% auto;
    }
    to {
    background-size:100% auto;
    }
}
*/



/*  애니메이션*/

/*
@-webkit-keyframes zoom {
    0% {background-size:115% auto;opacity: 0;}
    100% {background-size:100% auto;opacity: 1;}
}

@-ms-keyframes zoom {
    0% {background-size:115% auto;opacity: 0;}
    100% {background-size:100% auto;opacity: 1;}
}
@keyframes zoom {
    0% {background-size:115% auto;opacity: 0;}
    100% {background-size:100% auto;opacity: 1;}
}

.header-group{
    -webkit-animation:zoom 2s 0s 1 alternate;
     -moz-animation:zoom 2s 0s 1 alternate;
     -ms-animation:zoom 2s 0s 1 alternate;
     -o-animation:zoom 2s 0s 1 alternate;

   }
*/

/*기존 검색 버튼*/
.program_list_news_div2>.box2{display:none}

/*font-size*/
.allImg{background:#fff url(/etc_img/otherpage/page_icon.png) no-repeat 0 0;}
.btn_fontsize{width:32px;height:32px;}
.btn_fontsize .box_fontsize{width:100%;height:100%;border:1px solid #eee;box-sizing:content-box}
.pos_fontsize_plus{background-position:0 0}
.pos_fontsize_reset{background-position:-32px 0}
.pos_fontsize_minus{background-position:-64px 0}

.header-group{position:relative;background-color:#fff;background-repeat:no-repeat;background-size:cover}
.header-grou1p:before{content:'';position:absolute;top:0;bottom:0;display:block;width:100%;background-color: rgba(0,0,0,0.2);}

/* === .header-background- + 코드값으로 상단 이미지 변경함 === */
/* header-background-home 은 나머지 기타 */

.header-background-home{background-image:url(/etc_img/otherpage/bg/082066504.jpg); background-position:50% 100%;}
.header-background-sitemap{background-image:url(/etc_img/otherpage/bg/082066504.jpg); background-position:50% 100%;}
.header-background-company._introduce{background-image:url(/etc_img/otherpage/bg/introduce.jpg); background-position:50% 100%;}
.header-background-company._overview{background-image:url(/etc_img/otherpage/bg/overview.jpg); background-position:50% 100%;}
.header-background-company._culture{background-image:url(/etc_img/otherpage/bg/culture.jpg); background-position:50% 100%;}
.header-background-company._philosophy{background-image:url(/etc_img/otherpage/bg/culture.jpg); background-position:50% 100%;}
.header-background-company._vision{background-image:url(/etc_img/otherpage/bg/vision.jpg); background-position:50% 100%;}
.header-background-company._certification{background-image:url(/etc_img/otherpage/bg/certification.jpg); background-position:50% 100%;}
.header-background-company._partner{background-image:url(/etc_img/otherpage/bg/partner.jpg); background-position:50% 100%;}

.header-background-company._history01,.header-background-company._history02,.header-background-company._history03{background-image:url(/etc_img/otherpage/bg/history.jpg); background-position:50% 100%;}
.header-background-community._map{background-image:url(/etc_img/otherpage/bg/map.jpg); background-position:50% 100%;}


.header-background-company._082066504{background-image:url(/etc_img/otherpage/bg/082066504.jpg); background-position:50% 100%;}
.header-background-company._082023044,.header-background-company._082089032,.header-background-company._082022095,.header-background-company._history,.header-background-company._082479836{background-image:url(/etc_img/otherpage/bg/082023044.jpg); background-position:50% 100%;}
.header-background-company._082163169,.header-background-company._082102496{background-image:url(/etc_img/otherpage/bg/082163169.jpg); background-position:50% 100%;}

.header-background-ceo_letter._ceo_letter{background-image:url(/etc_img/otherpage/bg/ceo_letter.jpg); background-position:50% 100%;}

.header-background-business{background-image:url(/etc_img/otherpage/bg/business.jpg); background-position:50% 0%;}
.header-background-product._product1{background-image:url(/etc_img/otherpage/bg/product1.jpg); background-position: 50% 0%}
.header-background-product._product2{background-image:url(/etc_img/otherpage/bg/product2.jpg); background-position: 50% 0%}
.header-background-product._product3{background-image:url(/etc_img/otherpage/bg/product3.jpg); background-position: 50% 0%}
.header-background-product._product4{background-image:url(/etc_img/otherpage/bg/product4.jpg); background-position: 50% 0%}
.header-background-product._product5{background-image:url(/etc_img/otherpage/bg/product5.jpg); background-position: 50% 0%}
.header-background-product._product6{background-image:url(/etc_img/otherpage/bg/product6.jpg); background-position: 50% 50%}
.header-background-product._utoro{background-image:url(/etc_img/otherpage/bg/culture.jpg); background-position:50% 56%;}
.header-background-rnd._performance{background-image:url(/etc_img/otherpage/bg/performance.jpg); background-position: 50% 0%;}
.header-background-rnd._patent{background-image:url(/etc_img/otherpage/bg/patent.jpg); background-position: 50% 0%;}

.header-background-relations._promotion{background-image:url(/etc_img/otherpage/bg/promotion.jpg); background-position: 50% 0%;}
.header-background-relations._gallery{background-image:url(/etc_img/otherpage/bg/gallery.jpg); background-position: 50% 0%;}
.header-background-relations._csr{background-image:url(/etc_img/otherpage/bg/csr.jpg); background-position: 50% 0%;}
.header-background-relations._award{background-image:url(/etc_img/otherpage/bg/award.jpg); background-position: 50% 0%;}
.header-background-relations._news{background-image:url(/etc_img/otherpage/bg/news.jpg); background-position: 50% 0%;}


.header-background-community._notice{background-image:url(/etc_img/otherpage/bg/notice.jpg); background-position: 50% 0%;}
.header-background-community._free{background-image:url(/etc_img/otherpage/bg/free.jpg); background-position: 50% 0%;}
.header-background-community._green{background-image:url(/etc_img/otherpage/bg/free.jpg); background-position: 50% 0%;}
.header-background-community._download{background-image:url(/etc_img/otherpage/bg/download.jpg); background-position: 50% 0%;}
.header-background-community._online{background-image:url(/etc_img/otherpage/bg/online.jpg); background-position: 50% 0%;}
.header-background-community._contact{background-image:url(/etc_img/otherpage/bg/contact.jpg); background-position: 50% 0%;}



.header-top{position:absolute;z-index:1000;width:100%;min-height:50px;padding:0;margin:0;text-align:center;border-bottom:1px solid rgba(255,255,255,0.2);color:#000;background:rgba(0,0,0,0.3);overflow:hidden}

.header-top:hover{background-color:#fff}
.header-top:hover a{color:#000}
.header-top:hover .logo-image{background-image:url(/etc_img/logo/logo.png);background-repeat: no-repeat;}
.header-top:hover .mong9menu>ul>li>a::before{back1ground:#999}
.header-top:hover .hamburger-button>span{background-color:#000}

.header-top.m9Fixed{position:fixed;z-index:10000;top:0;left:0;width:100%;background:rgba(255,255,255,1);color:#000;box-shadow:1px 1px 10px rgba(0,0,0,0.2)}


/* 로고 */
.logo-image{position:absolute;width:173px;height:68px;top:8px;left:0px;;background-image:url(/etc_img/logo/logo_off.png);background-repeat: no-repeat;background-size:cover;}
.header-top.m9Fixed .logo-image{background-image:url(/etc_img/logo/logo.png);background-repeat: no-repeat;}
.mobile-logo-image{display:none}
#header.on .logo-image{background-image:url(/etc_img/logo/logo.png);background-repeat: no-repeat;}


    
    
.page_button_down-in{height:470px;position:relative;text-align:center;overflow:hidden;background:url(/etc_img/pattern001_alpha10.png)}
.page_button_down-in .page_txt{padding-top:170px;position:relative;color:#fff;font-size:35px;font-weight:700;text-align:center;text-shadow: 0px 0px 3px #000;line-height:1.2;letter-spacing:-1px;}
.page_button_down-in ._content{position:relative;display:inline-block;font-size:15px;line-height:25px;color:#fff;margin-top:20px;padding-top:20px;text-shadow: 0px 0px 10px #000;}
.page_button_down-in ._content:after{position:absolute;left:50%;top:0;margin-left:-20px;content:"";display:inline-block;width:40px;height:1px;background:#fff;}

._overview .page_button_down-in,._business .page_button_down-in, ._rnd_center .page_button_down-in,._product6 .page_button_down-in, ._product .page_button_down-in, ._090258423 .page_button_down-in{height:auto;}
._overview .page_button_down-in .page_txt,._business .page_button_down-in .page_txt, ._rnd_center .page_button_down-in .page_txt, ._product .page_button_down-in .page_txt,._product6 .page_button_down-in .page_txt,._090258423 .page_button_down-in .page_txt{padding-top:0}


.video_wrap{position:relative}
.video_wrap>.video_con{padding-top:26%}
.video_wrap>.video{position:absolute;top:0;left:0;width:100%;height:100%;font-size:0}
.video_wrap>.video>video{width:100%}
.video_wrap>.video_txt{position:absolute;top:0;left:0;width:100%}
.video_wrap>.video_txt>div{width:1200px;max-width:100%;margin:0 auto;padding-top:10%;font-size:14px}




/* @media screen and (max-width:638px){ */
@media screen and (max-width:992px){
    
.page_button_down-in{height:190px}
.page_button_down-in .page_txt{padding-top:70px;font-size:20px;}
.page_button_down-in ._content{display:none}    


    
}

/* 드롭다운 상단메뉴*/
#header{background:#fff;opacity}
#header:after{display:block;content:'';clear:both}

#header .lnb:after{display:block;content:'';border-top:0.5px solid rgba(255,255,255,0);width:100%;position:absolute;top:80px}
#header.on>.header-top{box-shadow:1px 1px 10px rgba(0,0,0,0.2)}
#header.on .lnb:after{border-top:0.5px solid rgba(80,80,80,0.2);}
#header.on .lnb{background:#fff}
#header .lnb nav .mong9menu{overflow:hidden;position:relative;float:right}
#header.on .lnb nav .mong9menu{padding-bottom:0}
#header.on .lnb nav .mong9menu>ul>li>a{color:#000}
#header .header-top .lnb nav{width:1200px;margin:0 auto;}
#header .header-top .lnb nav .mong9menu>ul::after{content:'';display:block;clear:both;}
#header .header-top .lnb nav .mong9menu>ul>li{float:left;position:static;padding:0px;font-size:18px;text-align:center;height:100%;min-width:150px}

#header .header-top .lnb nav .mong9menu>ul>li>a{display:block;height:83px;line-height:83px;font-weight:500;padding:0 55px;color:#fff;}
#header .header-top:hover .lnb nav .mong9menu>ul>li>a{color:#000}
#header .header-top .lnb nav .mong9menu>ul>li.on>a, header .lnb nav .mong9menu>ul>li:hover, .lnb nav .mong9menu>ul>li>a:focus,.mong9menu>ul>li.selected>a{color:#e04235;position:relative}
#header .header-top .lnb nav .mong9menu>ul>li.on>a:before, .lnb nav .mong9menu>ul>li>a:focus:before,.mong9menu>ul>li.selected>a:before{content:''; position:absolute;bottom:-1px;left:0px;height:4px;background-color:#e04235;width:100%}
#header .header-top .lnb nav .mong9menu>ul>li>div>ul{position:relative;top:0px;left:0;width:100%;height:0;overflow:hidden;z-index:20;opacity:0;transition:all .3s ease-in-out;padding:0 10px}
#header .header-top .lnb nav .mong9menu>ul>li>div>ul>li{font-size:16px;font-weight:300;color:#000;line-height:45px}
#header .header-top .lnb nav .mong9menu>ul>li>div>ul>li>a{display:block;height:45px;line-height:45px}
#header .header-top .lnb nav .mong9menu>ul>li>div>ul>li.on>a, header .lnb nav .mong9menu>ul>li>div>ul>li>a:hover, .lnb nav .mong9menu>ul>li>div>ul>li>a:focus{font-weight:400;color:#e04235}

#header .header-top .lnb nav .mong9menu>ul>li:before{content:"";display:block;width:0px;height:100%;position:absolute;border-left:1px solid #ddd;top:80px;opacity:0}
#header .header-top .lnb nav .mong9menu>ul>li:first-child:before{content:"";display:block;width:0px;height:100%;position:absolute;border-left:0px solid #ddd;top:80px;opacity:0}

#header.on .header-top .lnb nav .mong9menu>ul>li:before{opacity:1}

#header .bg_lnb{position:absolute;top:80px;left:0;right:0;height:0;border-top:1px solid #e4e4e4;background-color:#fff;z-index:10;opacity:0;transition:all .3s ease-in-out}
#header{background:#fff;opacity:1}
#header.on .header-top .lnb nav .mong9menu>ul>li>div>ul{height:auto;padding-top:25px;padding-bottom:25px;opacity:1}
#header.on .header-top{background:#fff}


/**/

#header .header-top.m9Fixed .lnb nav .mong9menu>ul>li>a{color:#333}
#header .mong9menu>ul>li>a:hover, .mong9menu>ul>li>a:focus, .mong9menu>ul>li.on>a, .mong9menu>ul>li.selected>a{color:#e04235}
#header .mong9menu>ul>li:hover>a::after, .mong9menu>ul>li>a:focus::after, .mong9menu>ul>li.on>a::after, .mong9menu>ul>li.selected>a::after{width:100%;left:0}
#header .mong9menu>ul>li>.mong9menu-sub>ul>li>a:hover,.mong9menu>ul>li>.mong9menu-sub>ul>li>a:focus,.mong9menu>ul>li>.mong9menu-sub>ul>li.selected>a{color:#e04235}
#header .header-top.m9Fixed .mong9menu>ul>li.selected>a,.header-top.m9Fixed .mong9menu>ul>li.on>a{color:#e04235}

/* 모바일 */
.header-mobile{width:100%;min-height:60px;text-align:left;display:none}

/* Hamburger */
.hamburger-button{position:absolute;z-index:1001;transition: .3s ease-in-out;width:35px;height:29px;display:block;top:15px;right:15px;text-align:left}
.hamburger-button>span{position:absolute;height:3px;border-radius:0;width:100%;background-color:#fff;top:0;transition:transform .2s ease-in-out, opacity .2s ease-in-out}
.hamburger-button>span:nth-child(1){top:0}
.hamburger-button>span:nth-child(2),.hamburger-button span:nth-child(3){top:13px}
.hamburger-button>span:nth-child(4){top:26px}
/* hamberger on 엑스표 모양으로 바뀜 */
.hamburger-button.on>span {background-color: #fff !important}
.hamburger-button.on>span:nth-child(1),.hamburger-button.on span:nth-child(4){opacity:0}
.hamburger-button.on>span:nth-child(2){transform: rotate(45deg)}
.hamburger-button.on>span:nth-child(3){transform: rotate(-45deg)}

.header-top.m9Fixed .hamburger-button>span{background-color:#3D4146}
.header-top.m9Fixed .hamburger-button.on>span{background-color:#fff}

/* 1. Style the overlay & navigation. */
.overlay{position:fixed;z-index:1000;background:#000;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transform:scale(0.5);transition:opacity .3s, visibility .3s, height .3s, transform .3s ;display:flex;align-items:center;justify-content:center;text-align:left;
    displ1ay:block;
-webkit-trans1ition: all .3s;
-webkit-tra1nsform:scale(0.5)
}
.overlay.visible{opacity:1;visibility: visible;height: 100%;transform:scale(1);-webkit-transform: scale(1);}



/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
    .overlay{ 

        color:#0000FF; 
        background-color:#CCCCCC; 

    }
}}





/* 현재위치 메뉴 */
.current-cate{bor1der:1px solid #ccc;border-left:none;border-right:none;font-size:15px;background:rgba(255,255,255,0.1);border-top:0;margin-top:-50px;position:relative;color:#fff}
.current-cate>div{position:relative;width:1200px;max-width:100%;margin:0 auto}
.current-cate-home{display:inline-block;*display:inline;*zoom:1;height:50px;line-height:50px;font-family:'axicon';color:#666;font-size:20px;padding:0 20px;vertical-align:bottom;bo1rder-right:1px solid #ccc;color:#fff}
.current-cate-home:before{content:'\e6c3'}
.current-root:before{content:'\e6c3 ~ '}
.current-cate-url{display:inline-block;*display:inline;*zoom:1}
.current-cate-url>li{display:inline-block;margin-right:-1px}
.current-cate-btn{position:relative;display:inline-block;*display:inline;*zoom:1;min-width:220px;height:50px;line-height:50px;padding:0 40px 0 10px;border-right:1px solid rgba(204,204,204,0.1);borde1r-left:1px solid #ccc;backgr1ound:#fff;white-space:nowrap}
.current-cate-btn::before{content:' ';position:absolute;top:0;bottom:0;right:0;width:30px;background:inherit}
.current-cate-btn::after{content:'\e84e';position:absolute;right:10px;font-family:'axicon';-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.current-cate-btn.on{background:#f5f5f5;color: #e04235;}
.current-cate-btn.on::after{transform:rotate(180deg)}
.current-cate-btn:hover,.current-cate-btn:focus{color:#e04235;background:#fff}
.current-cate-url>li>dl>dd{position:relative}
.current-cate-sub{position:absolute;z-index:200;width:100%;display:none;margin-top:1px}
.current-cate-sub>ul>li>a{display:block;*display:inline;*zoom:1;width:100%;height:50px;line-height:50px;padding:0 10px;border:1px solid #ccc;margin-top:-1px;background:#fff;position:relative;z-index:1;white-space:nowrap;overflow:hidden;color:#333}
.current-cate-sub>ul>li>a:hover,.current-cate-sub>ul>li>a:focus,.current-cate-sub>ul>li>a.active{color:#e04235}

/* 탭 메뉴 */
.page_tab_div{position:relative;z-index:100;padding-top:0;margin-top:0;border-bottom:1px solid #ccc;background:#fff;box-shadow:1px 1px 15px rgb(0 0 0 / 0.2)}
.page_tab_div>div{position:relative;width:1200px;max-width:100%;margin:0 auto;padding-bottom:0}
.page_tab{position:relative;display:block;white-space:nowrap;text-align:left}
.page-tab-one{display:inline-block;*display:inline;*zoom:1}
.page_tab .slick-slide{display:inline-block;*display:inline;*zoom:1;padding:0}
.page-tab-one>a{display:inline-block;*display:inline;*zoom:1;min-width:150px;padding:25px;margin:0;border:1px solid #ccc;border-top:none;border-bottom:none;margin-left:-1px;margin-top:-1px;text-align:center;font-we1ight:bold}
.page-tab-one>a.selected,.page-tab-one>a:hover,.page-tab-one>a:focus{position:relative;background:#e04235;color:#fff;outline:none}
.page-tab-one>a.selected::before{content:'';position:absolute;left:0;bottom:-1px;z-index:1;width:100%;height:2px;background:inherit}
.page-tab-one>a.selected::after{content:'';position:absolute;left:50%;bottom:-7px;z-index:-1;width:15px;height:15px;transform:rotate(45deg);margin-left:-7px;background:inherit}
.page_tab_div.m9Fixed{position:fixed;top:76px;left:0;width:100%;background:#fff;margin-top:0}

.page_tab>.slick-list{overflow:visible}

/* goTop 가기 */
.goTop{position:fixed;right:0;bottom:50px;width:70px;height:70px;line-height:70px;text-align:center;font-family:'poppins';border-radius:50%; background:rgba(224,66,53,0.9);color:#fff;cursor:pointer;text-decoration:none;opacity:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.goTop.on{right:50px;opacity:1}

#container{overflow:hidden;}
#content{width:100%;margin:0 auto}
.page_main_in{padding-bottom:0;min-height:500px}

/* 하단 메뉴 */
.page_down_link{display:none}
/*.page_down_link{border-top:1px solid #eaeaea;border-right:none;border-left:none;background:#5a5a5a}*/
.page_down_menu{position:relative;width:1200px;max-width:100%;margin:0 auto;text-align:right;font-size:15px}
.page_down_menu>ul{display:inline-block;*display:inline;*zoom:1}
.page_down_menu>ul>li{display:inline-block;*display:inline;*zoom:1}
.page_down_menu>ul>li>a{display:inline-block;*display:inline;*zoom:1;padding:13px 20px;color:#fff}
.page_down_menu>ul>li>a:hover,.page_down_menu>ul>li>a:focus,.page_down_menu>ul>li>a.selected{color:#381b51}
.page_down{background-color:#5a5a5a;color:#fff}

/* 모바일 옆으로 보기로 취급 */
/* @media screen and (max-width:683px){ */
@media screen and (max-width:992px){
    #header .header-top .lnb nav{width:100%}
.header-group{bac1kground:#e04235}
#header.on .lnb:after{border:0.5px solid rgba(80,80,80,0);}
    #header .lnb:after{display:block;content:'';border:0.5px solid rgba(255,255,255,0);width:100%;position:absolute;top:90px}

/* 로고 */
.logo-image{display:none}
.mobile-logo-image{position:absolute;width:132px;height:63px;top:6px;left:10px;display:block;background:url(/etc_img/logo/logo_off.png) no-repeat;background-size:contain;z-index:100}
.header-top{position:static;background-color:#001b40;border-bottom:0;z-index:100}
.header-top.m9Fixed .mobile-logo-image,.header-top:hover .mobile-logo-image{background-image:url(/etc_img/logo/logo.png)}

.header-mobile{display:block;position:relative;}
.mong9menu{display:none}

/* goTop 가기 */
.goTop{width:60px;height:60px;line-height:60px;font-size:12px;display:none}
.goTop.on{right:2px;opacity:1}

/* 탭 메뉴 */
.page_tab_div{font-size:12px;margin-top:0}
/* .page_tab::before{content:'';position:absolute;z-index:10;top:0;left:0;width:15px;height:100%;background-image:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(14,202,104,0)))} */
/* .page_tab::after{content:'';position:absolute;z-index:10;top:0;right:0;width:15px;height:100%;background-image:-webkit-gradient(linear,right top,left top,from(#fff),to(rgba(0,191,95,0)))} */
.page-tab-one>a{min-width:auto;padding:10px 20px}
.page_tab_div.m9Fixed{position:fixed;top:60px}

.gnb{display:none}

.page_main_in{padding:0;min-height:auto}

}


@media screen and (max-width:683px){
        
    .page_middle{ overflow:hidden;}
    .sns-container{position:static;margin:10px auto 0;}
    .sns_p{position:static;padding:0;text-align:center;}

    
}




/* 모바일 바로 보기로 취급 */
@media screen and (max-width:439px){

/* 현재위치 메뉴 */
.current-cate{font-size:12px;margin-top:-40px}
.current-cate-url{display:block}
.current-cate-url>li{width:50%}
.current-cate-home{display:none}
.current-cate-btn{width:100%;min-width:auto;height:40px;line-height:40px}
.current-cate-sub>ul>li>a{height:40px;line-height:40px}

}