/* 1200px 이상 */
@media screen and (min-width:1201px) {
	#hd.main-nav--mouseover #logo {  background:url(../img/logo_b.png) 0 0 no-repeat; background-size:100% 100%; }
}

/* 1200px 이하 */
@media screen and (max-width:1200px) {
	/* #hd { height: 0; } */

	#container_wr { width:100%; }
	.close_menu { position:fixed; display:block; height:0px; z-index:1100; top:19px; left:-30px }
	.close_menu > i { font-size:32px; cursor:pointer; }
	.mobile_menu { display:block; }

	#menu_lang,
	#gnb { display:none; }

	#mobile_open { display:block; position:absolute; top:9px; right:0; z-index:99; cursor:pointer; font-size:25px; color:#fff; }
	.site-layout--sub #mobile_open, 
	.headering #mobile_open { color:#222; }

	#hd.main-nav--mouseover:not(.headering) { background:none !important; }

	#aside { display:block; position:fixed; left:-305px; top:0px; margin:0px; z-index:1000; overflow-y:auto; }

	#aside #visit,
	#aside #ol_after_private { display:none; }
	#aside #ol_after { margin:0; }
	
	.side_logo { clear:both; margin:20px 15px; }
	.side_logo img{width:192px; height:auto;}

	.mobile_menu > ul { border-bottom:1px solid #ededed; }
	.mobile_menu > ul > li { position:relative; width:100%; padding:12px 15px; border-top:1px solid #ededed; }
	.mobile_menu > ul > li a { color:#222 !important; }
	.mobile_menu > ul > li > i { position:absolute; right:10px; color:#222; font-size:20px; cursor:pointer;}
	.mobile_menu > ul > li > ul { display:none; margin-top:5px; background:#fff; padding-bottom:5px; }
	.mobile_menu > ul > li > ul li a { color:#acacac !important; text-transform:uppercase; }
	.mobile_menu > ul > li > ul > li { width:100%;  padding:10px 15px 0px 10px;}
}	


/* 1199px 이하 */
@media screen and (max-width:1199px) {
	#homeArea video { display:none; }
}


/* 1024px 이하 */
@media screen and (max-width:1024px) {
	.container{ padding-top:100px; } 
	.wide-container { padding-top:50px; } 
	
	#hd_wrapper { margin:20px auto; }

	.scrollTxt a { font-size:16px; }
	#scrollButton a { padding-top:70px; } 
	#scrollButton a span { width:26px; height:42px; margin-left:-13px; }
	#scrollButton a span::after { width:14px; height:14px; margin-left:-7px; }

	#mainSlide, 
	.hr-main-slider, .hf-ms{height:680px;}
	.hf-contents h2{font-size:3rem;}
	.hf-txt p{font-size:1.4rem}

	.main_clickButton a {padding:20px;}
}


/* 768px 이하 */
@media screen and (max-width:768px) {
	body {font-weight:400;}
	#mainSlide, 
	.hr-main-slider, .hf-ms{height:560px;}
	.hf-contents h2{font-size:2.6rem;}
	.hf-txt p{font-size:1.25rem}

	.main_title { font-size:30px; }
	.main-sec{padding:72px 0; font-size:16px;}

	.product_in ul li{height:240px;}
	.product_in ul li p{font-size:18px;}

	.rd_in ul li{padding-right:72px;}
	.rd_in ul li a{width:150px; height:150px;}
	.rd_in ul li a p{padding-top:160px;}

	#ft .infoBox{padding:30px 0 16px}

	#prvideo {padding:30px 0;}
	.main_clickButton a { margin:0px; padding:15px 10px;font-size:12px;}
	.main_clickButton span {display:none;}

}


/* 520px 이하 */
@media screen and (max-width:520px) {
	#logo {margin-top:7px;}

	.boundary{padding:0 8px;}
	.custom-block{display:inline}
	.wide-container{padding-top:57px;}

	#mainSlide, 
	.hr-main-slider, .hf-ms{height:480px;}
	.hf-contents h2{font-size:1.6rem;}
	.hf-txt p{font-size:0.975rem; padding:0 16px;}

	.main-sec{font-size:15px;}
	.main_title{font-size:24px; padding-bottom:28px;}
	#about p{margin-bottom:16px;}	
	
	.product_in ul li{width:calc(100% - 32px);margin-bottom: 72px;}
	.product_in ul li p{font-size:16px; padding-top:16px;}
	.product_in ul li:last-child{margin-bottom:0;}

	.rd_in ul{text-align:center;}
	.rd_in ul li{display:block; width:100%;padding-right:0;}

	.rd_in ul li a{width:140px; height:140px; margin:0 auto 16px }
	.rd_in ul li a p{padding-top:84px;}
	.rd_icon{background-size:68px auto; background-position:50% 25%;}

	.main_clickButton a:first-child {border-right: 1px solid #e1e1e1;}
	.main_clickButton a {border-right: none; display:block;}


	#ft { margin:-10px auto 0; }
	#ft .logoBox{padding:20px 0}
	#ft .logoBox h1 img { max-width:100%; height:30px; }

	#ft .infoBox{padding:16px 0 24px}
	#ft .infoBox .info_left,
	#ft .infoBox .info_right{float:none; width:100%;}
	#ft .infoBox .info_right div.ft_link{padding:0; margin:0; border-left:0}
	#ft .infoBox .info_right a{display:inline; padding-right:8px; font-weight:500}
	#ft .infoBox .info_left span { display:block; }
	#ft .infoBox .info_left span.span_lnline { display:inline-block; }
	#ft .infoBox .info_left p{padding-top:12px;}
	#ft .logoBox h1{padding-top:12px}
}


/* 320px 이하 */
@media screen and (max-width:320px) {
	#homeArea .text-cover > div { font-size:12px; }
	#homeArea .text-cover > div > div h2 { font-size:20px; }

	#ft .infoBox .info_right div.ft_link { padding-right:25px; margin-right:25px; }
}