@media all and (max-width:1620px){
	.area-box{padding:0;}
}
@media all and (max-width:1220px){
	.area{padding:0 15px;}
	#content {padding: 0 0 35px;}
	.news-wrap .news > strong{
		padding-top: 50px;
		font-size: 28px;
	}
	.news-wrap .news ul{
		margin-top:20px 30px;
	}
	.news-wrap{
		padding-bottom: 50px;
	}
	.news-wrap .news ul li a{
		padding: 30px;
	}
	.news-wrap .news ul li a strong{
		font-size:16px ;
		line-height: 1.3;
	}
	.news-wrap .news ul li a em{
		bottom: 35px;
		top: unset;
		color: #939393;
	}
	.news-wrap .news ul li a:after{
		top: unset;
		bottom: 36px;
	}

}

@media all and ( min-width: 1221px ){	
		
	
	#header.fixed-header.over #headerInnerWrap{background:#fff;}
	#header.fixed-header.over .header-search-open-btn{border-color:#ff6100; color:#ff6100;}
	#header.fixed-header.over .header-lang{border-color:#ff6100;}
	#header.fixed-header.over .header-lang .lang-open-btn{color:#ff6100}
	#header.fixed-header.over .sitemap-line-btn .line{background-color:#ff6100}
	#header.fixed-header.over .sitemap-custom-btn{color:#ff6100; border-color:#ff6100; }
	#header.fixed-header.over #gnb{border-color:rgba(0,0,0,0.2)}
	#header.fixed-header.over #gnb > ul > li > a{color:#333;}
	#header.fixed-header.over #gnb > ul > li > a:hover,#header.fixed-header.over  #gnb > ul > li.on > a{color:#fff;}
	
	#header.fixed .logo {padding: 7px 0;}
	#header.fixed .logo a{
		background-size: contain;
		height: 48px;
		-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
	}

	#header.fixed #headerInnerWrap{top:0; height: 68px; box-shadow: 12px 9px 17px #0000001c;}
	#headerInner {height: 100%;}
	#header.fixed #gnb > ul > li > a{height: 63px; line-height: 60px;}
	#header.fixed #gnb ul li .gnb-2dep{top: 63px}
	#header.fixed .header-lang {margin-top: 16.5px;}
	
	
	#header.fixed .sitemap-line-btn {margin-top: 16.5px;}

	#header.fixed .header-search-open-btn, #header.fixed .header-search-close-btn {height: 63px;}
	#gnb.each-menu > ul > li .gnb-2dep {
    display: none;
    position: absolute;
    top: 98px;
    left: 0px;
    z-index: 102;
    width: 100%;
    text-align: left;
    background-color: #06a3e0;}
}
@media all and ( max-width: 1440px ){
	
	#gnb > ul > li > a{font-size:16px;}
	#gnb > ul > li .gnb-2dep ul li a{font-size:13px;}
}
@media all and ( max-width: 1220px ){
	.pcbr{display:none;}
	.pt_view{display:block;}
	.tm_view{display:block;}
	.tbbr{display:block;}
	.mbbr{display:none;}

	.wrap {
		max-width: 95%;
		margin: 0 auto;
	}

	#header, #headerInnerWrap, #headerInner{height:60px;}
	#header .logo{padding:5px 0;margin-left: 0;height: 100%;}
	#header .logo a{
		-webkit-background-size: 60%;
		background-size: 60%; 
		background-position: center left;
		height: 100%;
	}
	#header.fixed #headerInnerWrap{box-shadow: 1px 1px 3px rgba(0, 0, 0, .1)}
	#header.fixed-header.fixed #headerInnerWrap{top:0; background-color:#ff6100; }
	
	
	.header-util-box{padding-right:35px;}
	
	.sitemap-line-btn, .sitemap-custom-btn{display:none;}
	
	.header-search-box {display: none;}
	.header-lang {display: none;}

	
	#gnb{display:none;}
	.gnb-overlay-bg{display:none}
	
	#gnbM{ 
		display:block; 
		overflow-y:auto; 
		position:fixed; 
		top:0px; 
		right:-102%;
		width:100%; 
		height:100%;  
		max-width:100%; 
		background-color:#f2f2f2; 
		z-index:99995; 
		box-shadow:-2px 1px 11px rgba(0, 0, 0, .3);
		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;
	}
	#gnbM .header-lang {display: block;}
	#gnbM #navigation{margin-top:55px; text-align: center;}	
	
	#gnbM #navigation > li{border-bottom: 1px dashed #d3d3d3;position: relative;}
	#gnbM #navigation > li > a {position:relative; display:block; padding:20px 15px; color:#111; font-size:20px; font-weight: 500; letter-spacing: -0.75px;}
	#gnbM #navigation > li.active > a{color:#06a3e0;}
	#gnbM #navigation > li.has-2dep > a{}
	#gnbM #navigation > li.has-2dep.active > a{}

	#gnbM #navigation > li.has-2dep  a > .gnb-icon{
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -8px;
		width: 20%;
		max-width: 50px;
	}

	
	#gnbM #navigation > li .gnb-2dep{display:none; padding:15px 0; background-color:#fff;}
	#gnbM #navigation > li .gnb-2dep > li{}
	#gnbM #navigation > li .gnb-2dep > li > a{display:block; color:#4e4e4e; font-weight: 400; letter-spacing: -0.75px; font-size:13px; padding:10px 15px;}
	#gnbM #navigation > li .gnb-2dep > li.on > a{opacity:1.0;filter:Alpha(opacity=100); text-decoration:underline;}
	
	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:10px 20px; background-color:#aaa;}
	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;}
	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}
	
	
	.nav-open-btn{
		display:block; position:fixed; width: 60px; height: 60px; background-color: #06a3e0; top:0px;  right:0px; z-index:99999; 
		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:16px; height:2px; background-color:#fff; border-radius:5px; margin: 4px 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.active{background-color: transparent;}
	.nav-open-btn.active .line{background-color:#222;}
	.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(6px) rotate(45deg);
		  -ms-transform: translateY(6px) rotate(45deg);
		  -o-transform: translateY(6px) rotate(45deg);
		  transform: translateY(6px) rotate(45deg);
	}
	.nav-open-btn.active .line:nth-child(3){
		 -webkit-transform: translateY(-6px) rotate(-45deg);
		  -ms-transform: translateY(-6px) rotate(-45deg);
		  -o-transform: translateY(-6px) rotate(-45deg);
		  transform: translateY(-6px) rotate(-45deg);
	}
	
	#header.fixed-header .nav-open-btn .line{background-color:#fff}
}
@media all and ( max-width: 800px ){
	.section03{
		display: block;
	}
	.section03 .content_l{
		display: block;
		height: 400px;
		width: 100%;
	}
	.section03 .content_l p{
		width: 90%;
		padding: 1.5rem 2rem;
	}
	.section03 .cir-con{
		display: none;
	}
	.section03 .content_r .area_t{
		padding: 80px 10%;
	}

	
	.header-util-box{padding-right:28px;}
	
	.nav-open-btn{top:0; margin-top:0;}
	.nav-open-btn .line{width:20px; height:2px;}
	.nav-open-btn.active .line:nth-child(1){
		 -webkit-transform: translateY(7px) rotate(45deg);
		  -ms-transform: translateY(7px) rotate(45deg);
		  -o-transform: translateY(7px) rotate(45deg);
		  transform: translateY(7px) 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 #navigation{margin-top:60px;}	
	#gnbM #navigation > li > a {font-size:15px;}
	#gnbM #navigation > li .gnb-2dep > li > a{font-size:13px;}

}


@media all and ( max-width: 767px ){
	#mainContent3 .video-wrap{
		padding: 60px 0;
	}
	#mainContent3 .video-wrap .down:last-child{
		margin-bottom: 20px;
	}
	#mainContent3 .video-wrap .pic .sppic{
		width: 100%;
		background-size: cover !important;
		min-height: 300px;
	}
}

@media all and (max-width:1220px){
	#footer{padding:23px 0 43px; text-align:center;}
	#footerTop{
		display: block;
		text-align: center;
	}
	#footerTop p a{
		display: inline-block;
	}
	
	.foot-logo{float:none; display:block; padding-right:0;}
	
	.foot-menu{float:none; display:inline-block;}
	
	.footer-left-con,.footer-right-con{float:none; }
	
	.family-address span{margin:0 7px;}
}
@media all and (max-width:800px){
	
	.to-qna-btn{display: none;}
	
	.foot-logo img{height:31px;}
	
	.foot-menu {margin-bottom: 17px;}
	.foot-menu li a{font-size:12px; line-height: 1.37em;}
	.foot-menu li:before{font-size: 7px;}
	
	.foot-icon {margin-bottom: 12px;}
	.foot-icon li{float:left; margin: 0;}
	.foot-icon li a{display: block; width: 62.85%;}
	.foot-icon li a img{width: 100%; height: auto;}
	
	.family-address p{font-size:12px; line-height:1.37em;}
	.family-address p br{display: block;}
	.family-address a{display:block;}
	.family-address .copyright{font-size:11px;}
	.section03 .content_r .area_b ul li p.tit{
		font-size: 20px;
	}
	.section03 .content_r .area_b ul li p{
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px;
	}
}


@media all and (max-width:1220px){
	
	#sideMenu .side-menu-inner{padding:0; margin:0 -3px}
}
@media all and (max-width:1440px){
	#gnb > ul > li > a{
		padding: 0 2rem;
	}
}
@media all and (max-width:800px){
	
	#visual{height:195px;}
	#visual .visual-tit{font-size:28px; padding-bottom:12px; top:60px; margin-left: 0;}
	#visual .visual-sub-txt{font-size:12px; margin-left: 0; top: 90px;}
	#visual.visual-style02 .visual-tit{padding-top:90px}
	#visual.active .visual-tit{top: 72.5px;}
	#visual.active .visual-sub-txt{top: 111px;}

	
	.sub-page-controls-btn{display:none}
	
	#sideMenu{display:none}
	#sideMenuM{display:block; position:relative; height:auto; border-bottom:1px solid #ddd;}
	#sideMenuM .location-to-home-btn{position:absolute; width:39px; height:40px; left:0px; top:0px; background-color:#fff; text-align:center; border-right:1px solid #ddd;}
	#sideMenuM .location-to-home-btn i{color:#797979; font-size:20px; line-height:40px;}
	#sideMenuM .menu-location{position:relative; float:left; width:50%; background-color: #fff;}
	#sideMenuM .menu-location > .cur-location{position:relative; display:block; height:40px; padding-left:20px;}
	#sideMenuM .menu-location.location1 > .cur-location{border-right:1px solid #ddd;}
	#sideMenuM .menu-location > .cur-location span{display: inline-block; line-height:40px; color:#555; font-weight:600; font-size:14px; padding-right: 35px; width: calc(100% - 35px); overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
	#sideMenuM .menu-location > .cur-location .arrow{position:absolute; top:50%; right:10px; width:20px; height:20px;margin-top:-8px; font-size:20px;}
	#sideMenuM .menu-location > .cur-location.open .arrow{transform:rotate(-180deg); margin-top:-10px;}
	#sideMenuM .menu-location .location-menu-con{display:none; position:absolute; top:40px; left:-1px; width:calc(100% - 1px); border:1px solid #ddd; background-color:#fff; z-index:11; }
	#sideMenuM .menu-location .location-menu-con li a{display:block; padding:10px; font-size:13px;}
	#sideMenuM .menu-location .location-menu-con li.on{position:relative;}
	#sideMenuM .menu-location .location-menu-con li.on a{padding-left:25px; color:#06a3e0; font-weight:500;}
	#sideMenuM .menu-location .location-menu-con li.on a:before{content:""; position:absolute; top:50%; left:10px; width:7px; height:3px; margin-top:-1px; background-color:#06a3e0}

	#sideMenuM .menu-location.cur{
		background: #06a3e0;
	}
	#sideMenuM .menu-location.cur span,#sideMenuM .menu-location.cur i{
		color: #fff;
	}
	
	#topMenu{height:40px; padding-left:39px;}
	#topMenu .location-to-home-btn{position:absolute; width:39px; height:40px; left:0px; top:0px; border:0;}
	#topMenu .location-to-home-btn i{font-size:20px; line-height:40px;}
	#topMenu .menu-location{width:50%;}
	#topMenu .menu-location > .cur-location{height:40px; border-right:0; border-left:1px solid #ddd; }
	#topMenu .menu-location > .cur-location span{line-height:40px;font-size:14px;}
	#topMenu .menu-location .location-menu-con{top:40px; left:0;}
	#topMenu .menu-location .location-menu-con li a{font-size:13px;}
	
	#contentInfoCon{display: none; padding:30px 15px;}
	#contentInfoCon .content-tit{font-size:24px}
	#contentInfoCon .content-sub-tit{font-size:13px; line-height:18px;}
	
	#contentInfoCon.content-info-style02 .content-tit{display:block; padding-bottom:15px;}
	#contentInfoCon.content-info-style02 .content-tit:after{position:static; display:block; margin:20px 0 0 0;}
	#contentInfoCon.content-info-style02 .content-sub-tit{display:block; margin-left:0}
	
	#contentInfoCon.content-info-style03 .content-tit{float:none; text-align:center;}
	#contentInfoCon.content-info-style03 .location{float:none; text-align:center; padding-top:23px;}
}


@media all and ( max-width: 800px ){
	
	.footer-modal-content h1{height:46px; line-height:46px; font-size:18px; text-align:left; padding:0 15px}
	.modal-close-btn i{font-size:24px}
	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; height:250px;}
	
	.sitemap-wrapper{padding:15px}
}