#product .pro.on {    width: 35%;}
#hd .menu_open {display:block;}
#hd .menu_open{position:absolute;top:50%; transform:translateY(-50%); right:5%;height:44px;z-index: 99999;}
#gnb{background: transparent;}
#gnb2 .top_menu > ul > li {border:0;}

@media (max-width: 1570px){ 

.navigation > dl dd > ul li{list-style-type:none;}
#ft #ft_inner .right > ul > li:first-child{margin-left:2%;}

	
}



@media (max-width: 1500px){ 
#go-prev2,#go-next2{display:none;}
/*#gnb .top_menu{max-width:600px; float:inherit;float: inherit; margin:0 auto; transform: translateX(180px);}
#gnb .top_menu > ul > li {padding: 0 15px;}*/

}
@media (max-width: 1420px){ 
	#gnb{width:100%;}
	#section4 .inner{max-width:98%;}
	#container{width:100%;}
.con_wrap p{font-size:15px;}
#section4{padding-top:0px;}
#gnb3{display:none;}


}
@media (max-width: 1280px){ 

#gnb .top_menu > ul > li > ul > li a{font-size:0.85em;}
#gnb2 .top_menu>ul>li>a{    text-align: left;
    word-break: keep-all;
    padding: 0 0.8vw;
    margin-right: 1.5vw;}
}
/*
#gnb2 .top_menu>ul>li>a.parent{    margin-top: 5vh;}
	
	
#gnb{width:100%; }
#hd {z-index:9;position:relative;width:100%;max-width:1920px;margin:0 auto;background:#fff;}
*/
@media (max-width: 1200px){ 
#wrapper {    padding-bottom: 10px;}
.container_title h2 {font-size: 1.2rem;}
.container_title h1 {font-size: 2.4rem;}



#gnb .logo {padding-left:5%;}

/* #gnb .top_menu > ul > li {padding: 0 12px;}*/
#sub_visual{margin-top:0;}
#ft_logo {display:none;}
#ft_inner {padding-botom:50px;}
#ft_inner div{display:none;}
#ft_inner a{ clear:both; position:relative; float:none; margin: 0 auto;}

	#gnb .top_menu ul li{margin-left:5px;}
	/* #gnb .top_menu{display:none;} */

#ft_logo {display:none;}









#hd .menu_open{position:absolute;top:50%; transform:translateY(-50%); right:5%;height:44px;}


#sub_visual{margin-top: 0px !important;}




/* #gnb .top_menu{display:none;} 
#gnb2 .top_menu>ul>li>a.parent{font-size:2em;}

#gnb2 .top_menu > ul > li {
	
	-ms-zoom: 0.8;
	
	-moz-transform: scale(0.8);
	-moz-transform-origin: 0 0;
	
	-o-transform: scale(0.8);
	-o-transform-origin: 0 0;
	
	-webkit-transform: scale(0.8);
	-webkit-transform-origin: 0 0;
	
	transform: scale(0.8);
	transform-origin: 0 0;	
	
	top:0px;
	left:0px;
	font-size: 0.85em;
	padding-left: 4vw;
}
*/

/*#gnb2.on{height:740px;padding:17px 0;margin-top:60px;}*/
#gnb2_inner {   top: 10%;    transform: translateY(0);}
#gnb2 .top_menu ul{    height: auto;
    display: flex;
    width: 100%;
    padding-bottom: 0px;
    margin: 0 auto;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    max-width: 1000px;}
.top_menu>ul>li>a.parent {border-bottom: #90c31f solid 0px;
    margin: 1vh 1vw;
    display: inline-block;
    margin-top: 2vh;
    width: 100%;}
	#gnb2 .top_menu ul li a.parent:hover,#gnb2 .top_menu ul li a.parent.on{border-bottom:#fff solid 0; }
	.top_menu>ul>li>a.parent, .top_menu>ul>li>a, .top_menu>ul>li>a:hover,.top_menu>ul>li>a.parent:hover {border:0 !important;}
	
	#gnb2 .top_menu > ul > li {
    width: max-content;
    display: inline-block;
    text-align: left;
    justify-items: start;}

#gnb2 .top_menu {
    width: 60%;
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
    transform: translateX(0);
	min-width:max-content;

}
#gnb2 .top_menu>ul>li>a.parent{    margin-top:3.5vh;}
#gnb2 .top_menu ul{  
	-ms-zoom: 0.8;
	
	-moz-transform: scale(0.8);
	-moz-transform-origin: 0 0;
	
	-o-transform: scale(0.8);
	-o-transform-origin: 0 0;
	
	-webkit-transform: scale(0.8);
	-webkit-transform-origin: 0 0;
	
	transform: scale(0.8);
	transform-origin: 0 0;	
	
	top:0px;
	left:0px;

}
}
	#gnb2 .lang_area{display:block;padding:10px !important;}
	#gnb2 .lang_area a{display:inline-block !important;}
	
	

/*	
	#gnb .top_menu{display:none;}
	#gnb2 .top_menu > ul > li{width:100%;border-top:0px solid #ddd;border-left:0px solid #ddd;border-right:0px solid #ddd;border-bottom:0px solid #ddd;background:#fff;}
#gnb2 .top_menu ul li:nth-child(1) {border-top:0px solid #ddd;}
	#gnb2 .top_menu > ul > li{ display:block; padding:2.6vh 10% 0px 10% ;}
#gnb2 .top_menu>ul>li>a{font-size:1rem !important;}
		/* #gnb2 .top_menu > ul > li:nth-child(3),#gnb2 .top_menu > ul > li:nth-child(4){padding-left: 20px;border:0 !important ;height:200px;} */
/*
	#gnb2 .top_menu ul li a .spplus {display:block;float:right;}
	#gnb2 .top_menu ul li a .spminus {display:none;float:right;}
	#gnb2 .top_menu ul li .submenu {
	background:#fff;
	position:relative;
	
		left:0px;
		padding-left:0px;
		margin-top: -3px;


	}
	*/
		
	/*	
		#gnb2 .top_menu ul li:nth-child(1) .submenu.active {	height:160px;opacity:1;-webkit-transition: all 0.3s; transition: all 0.3s;z-index:1; }
		#gnb2 .top_menu ul li:nth-child(2) .submenu.active {	height:70px;opacity:1;-webkit-transition: all 0.3s; transition: all 0.3s;z-index:1; }
		#gnb2 .top_menu ul li:nth-child(3) .submenu.active {	height:120px;opacity:1;-webkit-transition: all 0.3s; transition: all 0.3s; z-index:2;}
		#gnb2 .top_menu ul li:nth-child(4) .submenu.active {	height:160px;opacity:1;-webkit-transition: all 0.3s; transition: all 0.3s; z-index:3;}
		#gnb2 .top_menu ul li:nth-child(5) .submenu.active {	height:90px;opacity:1;-webkit-transition: all 0.3s; transition: all 0.3s;z-index:4; }
		#gnb2 .top_menu ul li:nth-child(6) .submenu.active {	height:90px;opacity:1;-webkit-transition: all 0.3s; transition: all 0.3s;z-index:5; }
		#gnb2 .top_menu ul li:nth-child(7) .submenu.active {	height:40px;opacity:1;-webkit-transition: all 0.3s; transition: all 0.3s;z-index:5; }
		*/





	#gnb2 .top_menu ul li .submenu li {
		height: 30px;
		width:auto;
		float:left;
		display: block;
		text-align: left;
		padding: 5px;
		padding-left:0px;
		margin-right:10px;
		
	}
#gnb2 .top_menu > ul > li:last-child {
    border-right: 0px solid #ccc;
}

#gnb2 .top_menu ul li .submenu li  a{font-size:0.9em !important;color:#666;}




.con_wrap h3{font-size:26px;margin-left:0px; margin-right:0px;}
.con_wrap h4{color:#3399ff; line-height:140%; font-size:20px;  font-weight:500;}
.con_wrap h5{color:#212121; line-height:160%; font-size:18px; letter-spacing:-0.25px; font-weight:500; margin-top:-3px; padding-bottom:10px;}

.con_wrap h2{color:#111111; line-height:140%;  font-size:30px;  font-weight:800;  position:relative;}

.con_wrap .t_blue{ font-size:28px;}
.con_wrap h3::before { content:""; width:60px; height:4px; background:#161a7d; position:absolute; left:0px; top:0px;}

.content_title2{ padding-top:50px; font-size:24px; }

			.navigation {
			width:100%;

			margin: 0 auto;
		}
		.navigation dt{display:none;}
		.navigation > dl dd{width:50%;}

		.navigation > dl dd > ul {
			width: 50%;
		}


		.etc_btn a.menu_open i {
			font-size: 30px !important;
		}

	.etc_btn{
		padding-top:30px;
		
	}

	.etc_btn a {

		width:50px;

	}
	#gnb .logo a img{padding-left:0;}

#gnb{margin:0 auto;}

}
@media (max-width: 1000px){ 


#fp-nav{display:none !important;}
.video-container{height:auto !important;}
#gnb .top_menu ul{display:none;} 
#hd .menu_open{display:block;}



}
@media (max-width: 800px){ 
.etc_btn{
		width:20%;		
	}
#left_gnb{width:90%;margin:0 auto;float:none;}

 .etc_btn a.menu_open{display:block;width:auto; margin-top:-10px;}
	.etc_btn a.lang{display:none;}
	.etc_btn a.login{display:none;}







	#visual_parent2 .sum{display:none;}
	#visual_parent2 .bx-wrapper .bx-pager ,#visual_parent2 .bx-wrapper .bx-pager{display:block;}



	

 
}


@media (max-width: 700px){ 
	.mobile_no{display:none;}

	#gnb .logo {
    float: left;
    padding-top: 0;
	padding-bottom:0;
	top:50%;    transform: translateY(-50%);
}

#gnb .logo img{height:32px;}



#ft_inner div .line{position:absolute;background:#1ebe46;width:28px;height:3px;top:0;left:0;}
#ft_inner div .tit{color:#f2eee8;font-size:16px;font-weight:500;margin-bottom:10px;}

#section4 .copy{font-size:10px;}

.top_move_btn{position:fixed;bottom:10px;right:10px;z-index:50000;}
.top_move_btn img{width:40px;}
#gnb2 .top_menu > ul > li {
	font-size: 1em;
	border-left: 0px solid #dfe3e6;
	min-height: auto;
}

.container_title h2 {font-size: 1.05rem;}
.container_title h1 {font-size: 1.6rem;}
}
@media (max-width: 500px){ 
#hd{height:65px;}#gnb{height:65px;}
	.mobile_no{display:none;}
}

@media (orientation: portrait) and (max-width:700px) {
	#gnb2 .top_menu>ul>li>a.parent {
    font-size: 1.25em;}
	#gnb2_inner {  top: 5%;}
	#gnb2 .top_menu {width: 80%; display: contents;}

	#gnb2 .top_menu > ul > li {margin: 0.5vh auto;    width: 90%;}
	#gnb2 .top_menu>ul>li>a.parent {  margin-top: 2.5vh;}
#gnb2 .top_menu .close_btn {
    position: absolute;
    right: 0;
    top: 15px;}
	#gnb2 .top_menu>ul>li>a {display:inline-block;   margin: 1vh 0; margin-right:2vw;}
}