/* *******************************************************
 * filename : layout_responsive.css
******************************************************** */
@media all and (max-width:1579px){
	#gnb > ul > li > a,
	#gnb .li > a{padding:0 20px;}
	#gnb{display:none;}
	.nav-open-btn{display:block;background:none;border:none;outline:0;position:fixed;top:24px;right:20px;width:25px;height:30px;z-index:10000;transition:all 0.3s cubic-bezier(0.47,0,0.745,0.715);-webkit-transition:all 0.3s cubic-bezier(0.47,0,0.745,0.715);-oz-transition:all 0.3s cubic-bezier(0.47,0,0.745,0.715);-ms-transition:all 0.3s cubic-bezier(0.47,0,0.745,0.715);}
	.nav-open-btn .line{display:block;width:25px;float:right;height:2px;background-color:red;margin:3px auto;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
	.nav-open-btn .line:nth-child(2){width:15px;}
	.nav-open-btn:hover .line:nth-child(2){width:25px;}
	.nav-open-btn.active .line{background-color:red;}
	.nav-open-btn.active .line:nth-child(2),
	.nav-open-btn.active .line:nth-child(4){opacity:0;}
	.nav-open-btn.active .line:nth-child(1){-webkit-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
	.nav-open-btn.active .line:nth-child(3){-webkit-transform:translateY(-5px) rotate(-45deg);-ms-transform:translateY(-5px) rotate(-45deg);-o-transform:translateY(-5px) rotate(-45deg);transform:translateY(-5px) rotate(-45deg);}
	#gnbM{display:block;position:fixed;top:0px;right:-100%;width:100%;height:100%;background-color:#fff;z-index:9999;transition:all 0.3s cubic-bezier(0.47,0,0.745,0.715);-webkit-transition:all 0.3s cubic-bezier(0.47,0,0.745,0.715);-oz-transition:all 0.3s cubic-bezier(0.47,0,0.745,0.715);-ms-transition:all 0.3s cubic-bezier(0.47,0,0.745,0.715);visibility:hidden;}
	#gnbM.open{right:0px;visibility:visible;}
	/* GNB Mobile  */
	#navigation > li{border-bottom:1px solid #e5e5e5;position:relative;}
	#navigation > li:first-child{border-top:1px solid #e5e5e5;}
	#navigation > li > a{position:relative;display:block;padding:15px;color:#222;font-size:17px;font-weight:700;}
	#navigation > li > a .kr{font-weight:400;}
	#navigation > li .mm{position:absolute;top:15px;right:10px;cursor:pointer;}
	#navigation > li .mm svg{font-size:12px;color:#CFCFCF;width:26px;height:26px;}
	#navigation > li .mm svg path{fill:#CFCFCF;}
	#navigation > li.active{border-bottom-color:transparent;}
	#navigation > li.active > a{color:#E70012;}
	#navigation > li.active .mm svg{color:#ed1c24;transform:rotate(-180deg)}
	#navigation > li .gnb-2dep{display:none;background-color:#f5f5f5;padding:0 15px;border:1px solid #e5e5e5;border-left:none;border-right:none;}
	#navigation > li .gnb-2dep > li{position:relative;height:auto!important;border-bottom:1px solid #e5e5e5;}
	#navigation > li .gnb-2dep > li:last-child{border-bottom:0}
	#navigation > li .gnb-2dep > li > a{display:block;color:#999;font-size:14px;padding:12px 0px;}
	#navigation > li .gnb-2dep > li > a .gnb-icon{right:0px;}
	#navigation > li .gnb-2dep > li.on{border-bottom-color:#ed1c24}
	#navigation > li .gnb-2dep > li.on > a,
	#navigation > li .gnb-2dep > li.on > a .gnb-icon i{color:#ed1c24;}
	#navigation > li .gnb-2dep > li > .gnb-3dep{display:none;padding:10px;background-color:#aaa;margin:0 10px}
	#navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block;padding:8px 0;font-size:13px;color:#fff;}
	#navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block;content:"-";margin-right:5px;}
}
@media all and (max-width:1579px){
	#header .logo{width:25%;}
	
	#header .logo img:nth-child(1),
	#header .logo img:nth-child(3){width:35%;margin-right:0;padding-right:15px;float:left;}
	#header .logo img:nth-child(2),
	#header .logo img:nth-child(4){width:65%;float:left;margin-left:0;}
	#header .logo img {height:32px !important;width: auto!important;}
	#gnb > ul > li > a,
	#gnb .li > a{padding:0 16px;}
	.header-lang{padding-left:20px;padding-right:20px;}
	#gnb{padding-right:260px;}
	#headerInnerWrap {
    z-index: 99;
    height: 80px;
    z-index: 10000;
}
}
@media all and (max-width:1578px){
	#header,
	.header-lang,
	.header_ser{height:80px;}
	#headerInnerWrap{z-index:99;height:80px;z-index:10000;}
	.index-wrapper #header{position:fixed;z-index:99}
	.index-wrapper #headerInnerWrap{position:fixed;background-color:#fff;}
	#header .logo{padding:5px 0;position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);}
/*
	#header .logo .pc-logo{display:none;}
	#header .logo .m-logo{display:block;}
*/
	#header.sub-hidden{-ms-transform:translateY(-81px);-o-transform:translateY(-81px);-moz-transform:translateY(-81px);-webkit-transform:translateY(-81px);transform:translateY(-81px);}
	.header-util-box{right:0px;padding-right:70px;}
	.sitemap-line-btn,
	.sitemap-custom-btn{display:none;}
	.index-wrapper .header-lang.mobile-gnb-open{background-color:#000;border-color:#000}
	.index-wrapper .header-lang.mobile-gnb-open .lang-open-btn{color:#fff;}
	.index-wrapper .header-lang.mobile-gnb-open > ul{background-color:#000;border-color:#000}
	.index-wrapper .header-lang.mobile-gnb-open > ul > li > a{color:#fff;}
	#gnb{display:none;}
	.gnb-overlay-bg{display:none}
	.gnb-overlay-bg-m{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9998;}
	
	.gnb-navigation-wrapper{position:relative;height:100%;box-sizing:border-box;padding-top:80px;overflow-y:auto;margin:0 15px;}

	/* padding-top : Header 높이값 */
	.header-util-menu-box + .gnb-navigation-wrapper{padding-top:0}
	.index-wrapper #headerInnerWrap .mn-bar{top:80px;}

	
	.index-wrapper .header-lang .lang-open-btn strong svg{width:24px;height:24px;}
	.homelink{line-height:80px;}
	.homelink a{color:#fff;}
	.header-lang .lang-open-btn{padding-top:26px;}
	
	#header.sub-hidden .nav-open-btn,
	#header.content-menu-fixed .nav-open-btn{transform:translateY(-80px)}
	#header.sub-hidden.up .nav-open-btn{transform:translateY(0)}
	#header.content-menu-fixed.up .nav-open-btn{transform:translateY(-80px)}
	#header .header-lang svg path{fill:#CFCFCF;stroke:#CFCFCF;}
	#header .sousuoend svg path,
	#header .cuohao svg path{fill:#CFCFCF;}
	.search{top:80px;}
	.black .homelink a{color:#999999;}
	#sitemapContent{display:none}
	.pro_debg {
		margin-top: 80px;
		height: calc(100vh - 155px);
	}
}
@media all and (max-width:1366px){
.homtab .tab_menu li a span{
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
	.pron_right .pron_title {line-height:1.2;font-size: 30px;}	
	
}
/* ****************** SUB LAYOUT ********************** */
@media all and (max-width:1220px){
	#topMenu01 .area{padding:0}
	#topMenu01 .side-menu-inner ul li{width:147px}
	#content{padding:70px 15px}
}
@media all and (max-width:1279px){
	.foot_nav ul li{padding-right:15px;}
	#header .logo {width:30%;}
	
}
@media all and (max-width:991px){
	.footbotm .left,
	.footbotm .right{width:100%;float:left;}
	#header .logo img {
    height: 30px !important;
    width: auto!important;
}
}

/* ****************** MODAL LAYERPOPUP ********************** */
@media all and (max-width:767px){
	.hidden-xs{display:none!important;}
	.visible-xs{display:block!important;}
	.header_ser{margin-right:15px;}
	.homelink a:nth-child(2),.homelink a:nth-child(3){display:none;}
	.homelink a{padding:0;}
	.homelink a:nth-child(1) {padding-right: 10px;}
	#header .logo{width:50%;max-width:inherit;}
	.header-util-box{padding-right:30px;}
	.nav-open-btn{right:15px;}
	.header-lang{padding-left:10px;padding-right:10px;}
	.sousuoa{right:10px;}
	.foot_mid .footm_l{width:100%;padding-bottom:30PX;}
	.foot_mid .foot_nav{width:100%;}
	.foot_mid .footm_r{width:100%;max-width:inherit;}
	#vivo-wrap{display:block;}
	#vivo-head .vivo-search{max-width:100%;}
	.foot_nav ul li{float:left;width:100%;padding-right:0;padding-bottom:15px;}
	.foot_nav ul li h3{margin-bottom:10px;}
	.foot_nav ul li .foot_scoll{height:auto;}
	.foot_nav ul li .foot_scoll a{width:50%;float:left;}
	#vivo-head .qk-results a{width:50%;}
	#vivo-head .vivo-search .closes{opacity:1!important;}
	.homtab .tab_menu li a span{
-webkit-line-clamp: 2;
	}
	#header .logo img {
    height: 23px !important;
}
	
}
@media all and (max-width:580px){
.foot_nav ul li .foot_scoll a{width:100%;float:left;}
}
@media all and (max-width:350px){

	#header .logo img {
    height: 20px !important;
}
}