@media screen and (max-width: 1000px) {
	.catalogueDown {
		left: auto;
		right: 10px;
		margin-left: 0;
	}
}
@media screen and (max-width: 990px) {
	
	/*********************************************************
		common styles
	 **********************************************************/
	
		.menu_lang_ul {
			text-align:center;
		}

		.menu_lang_ul > li {
		position: relative;
		padding: 18px 10px;
		border-bo ttom: 1px solid #555;
		text-align:center;
		margin -left:12px;
		padding-right: 0px;
		padding-left: 11px;
		}
		
		.menu_lang_ul > li:last-child {
			border:none;
			border -left:1px solid #555;
			margin-right:-20px;
			paddin g-left:0;
		}

		.menu_lang_ul > li:last-child {
			border:none;
			margin-right:-10px;
		}

		.menu_lang {
			float:none;
			display:inline-block;
			border:none;
		}

		.fb {
			height:400px;
			} 

	/* #mainMenuList > li:hover .mm-link {
	color: #bdcd00;} */
	
	 /* mainMenu */
	 .mm-toggle-btn {
		cursor: pointer;
		display: block;
		position: absolute;
		width: 20px;
		height: 28px;
		right: 12px;
		top:22px;
		color: #fff;
		font-size: 10px;
		background: url('../img/toggle_btn.png') no-repeat 0 50%;
		border-radius: 3px;}
	 .mm-toggle-btn.close {
		background-position: -31px 50%;}
	
	#mainMenu {
		position: relative;
		float: none;
		/*
		overflow-y: auto;
		float: none;
		position: absolute;
		top: 45px;
		left: 0;
		width: 100%;
		background-color: #333;
		*/}
	#mainMenuList {
		display: none;
		position: absolute;
		overflow-y: auto;
		width: 100%;
		left: 0;
		top: 61px;
		background-color: rgba(30,30,30,0.9);
	}
	#mainMenuList > li,
	#mainMenuList .mm-link {
		float: none;
		color: #fff;}
	#mainMenuList a {
		color: #fff;}
	#mainMenuList > li {
		position: relative;
		padding: 0px 10px;
		border-bottom: 1px solid #555;}
	#mainMenuList .mm-link {
		display: inline-block;}
	.sub-toggle-btn {
		cursor: pointer;
		position: absolute;
		top: 25px; right: 15px;
		width: 21px;
		height: 21px;
		background: url('../img/btn_more_plus_white.gif') no-repeat 0 50%;}
	.sub-toggle-btn.close {
		background-position: -21px 50%;}
	#mainMenuList .mmSub {
		position: static;
		left: auto; top: auto;
		width: auto;
		margin: 0;
		padding: 3px 10px;
		font-size:16px;
		text-align: left;
		background-color: rgba(30,30,30,0.1);
		border: 0;
		box-shadow: none;}
	#mainMenuList .mmSub li {
		border-bottom: 0;}


	/* featured banner*/
	.fb-slide-des .big-img {
		display: block;
		width:150%;
		position:relative;
		z-index:100000;
		top:0;
		left:-25%;
	}
	.fb0 .fb-slide-des {
		hei ght: 256px;
		back ground-image: url('../img/main_slide_script1_m.png');
	}
	.fb1 .fb-slide-des {
		heig ht: 263px;
		bac kground-image: url('../img/main_slide_script2_m.png');
		back ground-size: 90% auto; 
	}
	.fb2 .fb-slide-des {
		hei ght: 399px;
		ba ckground-image: url('../img/main_slide_script3_m.png');
		ba ckground-size: 90% auto;
	}
	.fb3 .fb-slide-des {
		he ight: 503px;
		ba ckground-image: url('../img/main_slide_script4_m.png');
		ba ckground-size: 90% auto;
	}

	/*********************************************************
		index styles
	 **********************************************************/
	.sub-page{
		min-height: 390px;
	}
	.sec-01 ul li{
		margin:0 16px;
	}
	
} /* - width 990px 이하 */

@media screen and (max-width: 900px) {

	/* main > sec-01 */
	.sec-01-bg{
		padding-bottom:6rem;
	}

	.sec-01 ul li{
		margin:0 16px;
		width:130px;
		height:130px;
		font-size:16px;
		background-position: 50% 50%;
	}
	.sec-01 ul li p{
		top:140px;
	}

	.sec-01 .intro-item .overlay {
		padding-top: 140px;
	}
}
@media screen and (max-width: 768px) {
	#mainMenuList .mm-link {
		floa t: left;
		padding: 5px 0;
		padding-left: 20px;
		line-height: 51px;
		color: #fff;
	}
	.home-link{
		padding-left:8px;
	}
	.sub-toggle-btn {
		line-height:51px;
	}
	.boundary{
	}
	.sub-top-img{
		height:130px;
	}

	/* footer */
	.page-info .pi-logo {
		position: relative;
		left: auto; top: auto;
		margin: 0 0 10px;}
	.footer-cs-form{
		float:none;
		width:100%;
	}	
	.page-info .pi-txt{
		float:none;
		width:100%;
		text-align:center;
		padding-top:36px;
	}

	/* main */
	
	.sec-01-bg{
		padding-bottom:2rem;
	}

	.sec-01 .intro-list {
		max-width: 400px;
		margin: 0 auto;
	}
	.sec-01 ul li{
		margin:0 36px 64px 36px;
		width:120px;
		height:120px;
	}
	.sec-01 ul li p{
		top:120px;
	}

	.sec-01 .intro-item .overlay {
		padding-top: 120px;
	}

	.sec-02>ul>li{
		width:calc(50% - 32px);
		margin:16px;
		min-height:320px;
	}
	.sec-common .custom-block{display:inline-block; padding:0 4px;}
	.sec-02 .sec-con-txt{text-align:center; padding:0 16px;}
	.sec-03 h1{font-size:32px;}
	.sec-03 p{font-size:18px; padding:0 16px;}

		
	/* breadscrumbs */
	#breadscrumbs li {
		width: 40%;
		margin: 0 0 10px;
	}
	
} /* - width 768px 이하 */

@media screen and (max-width: 640px) {
	.custom-p {
		display: inline-block;
	}
	.dummy-line {
		display: block;
	}
	
	/* about */
	#about .ms-content {
		widt h: 80%;
	}
	#about .ms-content p img {width:100%;}
	#about .ms-content p {
		width: 100%;
		margin: auto;
		font-size:0.9em;
		text-align:center;
	}
	/* contact */
	.cs-info-list .label {
		display: block;}

	/* footer */
	#footer {
		position: relative;
		z-index: 6;
	}
	.footer_div {position:relative; top:0; left:0;}
	.footer_div h5 {font-style: italic; font-weight:500; margin-bottom:1.2em 0;}
	.footer_div a {color:#fff;}
	
	.link {float:none; width:100%; text-align:center;}
	.costomer {clear:both;float:none; width:100%; margin-bottom:1.2em;}

		.link ul{
		width: 100%;
		line-height: 26px; margin-bottom:1em;
		}
		.link ul li {
			float: none;
			display: inline;
			
		}
	.link ul li:first-chlid {border-right: 1px solid #fff;}

	.footer_copy {margin-top:1.2em;}

	.page-info {
		text-align: center;}
	.page-info .pi-txt {
		padding-right: 0;}
	.pi-sns {
		display: none;}

	/*popup*/
	.hd_pops{display:none;}
	
	.index_company {
		display:block;
		width:100%;}

			.index_company li {
				float:left; 
				width:46%; 
				margin-left:2%;
				margin-right:2%; 
				margin-bottom:4%; }
					
					.index_company li img {
						width:100%;}


		.index_movie {
		float:none; width:96%; margin:0 2%;
		}
			.index_movie img {width:100%;}


} /* - width 640px 이하 */

@media screen and (max-width: 540px) {

	.ms-header-title {
			text-align:center;
			display:block;
		}
	
	.sec-02>ul>li{
		width:calc(100% - 32px)
	}
}
@media screen and (max-width: 480px) {
	/*popup*/
	.hd_pops{display:none;}

	.sub-top-img{
		height:80px;}
	.sub-page{    
	padding: 15px 0;}
	.sp-sec{
	padding: 10px 0;}
	.sp-header-title{
	font-size:1.5em;}

	/* featured banner*/
	.ms-header-title {
		text-align:center;
		display:block;
	}
	.ms-content,
	.ms-header-des {
		font-size: 1.1em;
	}
	.fb-slide-logo{
		bac kground-size:45%;
	}
	.fb-slide-des h3{font-size:36px; padding-bottom:12px;}
	.fb-slide-des p{font-size:18px;}
	/* footer */
	footer,
	.page-info .pi-txt {
		font-size: 14px;
	}

	/* main */
	.sec-common .sec-title{padding-bottom:32px;}
	.sec-01 ul li{
		margin:0 18px 64px 18px;
		width:120px;
		height:120px;
	}
	.sec-01 ul li p{
		top:120px;
	}
	.sec-02>ul>li{min-height:320px;}
	.sec-03-bg{height:280px}
	.sec-03 .sec-common{padding-top:80px}
	.sec-03 h1{font-size:28px;}


	/*********************************************************
		sub styles
	 **********************************************************/

	/* about */
/* 	.sp-sec .sp-sec-header {
		margin-bottom: 10px;}
	.sp-sec .sp-sec-label {
		position: relative;
		display: block;
		width: auto;
		padding-bottom: 10px;
		line-height: 1;}
	.sp-sec .sp-sec-title {
		margin-left: 0;
		padding-top: 20px;}
	.sp-sec .sp-sec-title2 {
		margin-left: 0;
		padding-top: 20px;}
	.sp-sec-style01 .sp-sec-content {
		margin-left: 0;} */
	
	.list-style01-item,
	.list-style02-item {
		padding: 10px 0;
		border-top: 1px solid #ddd;}
	.list-style01-item> label,
	.list-style02-item> label{
		top: 15px;}
	.list-style01-item> p,
	.list-style02-item> p {
		padding-top: 0;
		border-top: 0;}
	.list-style02-item> label {
		position: relative;
		display: block;
		width: auto;
		padding: 0 0 10px;
		top: 0;
		font-size: 1.2em;}
	.list-style02-item> ul {
		margin-left: 0;
		padding-top: 0;
		border-top: 0;}
/* modal */
	.modal-window>div{
		width:96%;
		padding:2rem 1.5rem;
	}

} /* - width 480px 이하 */

@media screen and (max-width: 360px) {
	.sec-common .sec-title{padding-bottom:28px;}
	.sec-01 ul li{
		margin:0 12px 64px 12px;
	}
	.sec-02>ul>li{
		min-height:360px;
	}
	.sub-top-img{
		height:70px;}
	.biz-number{font-size:12px;}
	/*.fb-slide-logo {
		width: 280px;
		height: 110px;
		margin-left: -140px;
		background-image: url('../img/logo_w280.png');
	}*/
	
} /* - width 360px 이하 */