@media screen and (max-width:1170px) {
	.home-link { padding-left:30px; }
}

@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: #009de0;}
	
	 /* mainMenu */
	 .mm-toggle-btn {
		cursor: pointer;
		display: block;
		position: absolute;
		width: 31px;
		height: 31px;
		right: 30px;
		top:22px;
		color: #fff;
		font-size: 10px;
		background: url('../img/toggle_btn.gif') 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: 67.1%;
		top: 87px;
		background-color: rgba(0, 0, 0, 0.09); */
		position: absolute;
		overflow-y: auto;
		width: 100%;
		left: 74.1%;
		top: 79px;
		background-color: rgba(0, 0, 0, 0.7);
		display: none;
		z-index:999;
	}
	#mainMenuList > li,
	#mainMenuList .mm-link {
		float: none;
		color: #fff;}
	#mainMenuList a {
		color: #fff;}
	#mainMenuList > li {
		position: relative;
		/* padding: 0px 10px; */
		border-bottom: 1px solid #ffffff1f;}
	#mainMenuList .mm-link {
		display: inline-block;}
	.sub-toggle-btn {
		cursor: pointer;
		position: absolute;
		top: 19px;
		right: -30px;
		width: 21px;
		height: 23px;
		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 70px; */
		font-size: 1.3em;
		text-align: center;
		/* 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:100%;
		position:relative;
		z-index:100000;
		top:0;
		left:0;
	}
		.fb-slide-des .big-img img {
			width:80%;
		}

/*	.fb-slide-des .small-img {*/
/*		display: block;*/
/*		height: auto;*/
/*		width: 100%;*/
/*	}*/
	.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;
	}
	.custom-p{display:inline;}

	/*********************************************************
		index styles
	 **********************************************************/
		.sub-page{
		min-height: 390px;}

	/* about */
	#about .ms-content-title {
		width: 19%;}
	#about .ms-content {
		/*padding-left: 24%;*/
		    t op: 80px;}
	.title-justify {
    display: inline-block;
    padding-left: 0px;
    position: relative;
    top: 0;

}
	
	/*********************************************************
		sub styles
	 **********************************************************/
	/* about */
	/*
	.about .sp-sec-title {
		width: 19%;}
	.about .sp-sec {
		padding-left: 24%;}
	
	
	/* company 
	.ads-list li {
		width: 22em;
		margin: 0 auto 20px;}
	.ads-list li.differ {
		position: relative;
		top: 0;
		width: 22em;
		margin: 0 auto 20px;}
	*/
	
	/* newsGroup */
	#newsGroup .mc-list {
		padding: 50px 0;
	}
	#about.main-section{
		paddi ng-bottom: 5%;}
} /* - width 990px 이하 */

@media screen and (max-width: 888px) {
	#about .ms-content {
			top:0;
			w idth: 80%;
		}
	#about .ms-content p {text-align:center;}
	.ms-header-title {
    text-align: center;
    display: block;
	    top: 45px;
	}

}

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

	.sec04-media {
		width: 80%;
		margin: 0 auto;
	}

	#mainMenuList .mm-link {
    /* floa t: left;
    padding: 5px 0;
    padding-left: 20px;
    font-size: 1.5em;
    line-height: 51px;
    color: #fff; */ }

	.sub-toggle-btn {
	line-height:51px;
	}

	 .boundary {
		text-align:center;
		}

	.sub-top-img{
		height:130px;}


	/* about */
	#about .ms-content {
		padding-left: 0;
		padding-bottom: 0px;
		margin-left:0;
		width:96%;
		margin:4% auto;}
	#about .ms-content-title {
		position: relative;
		padding: 15px 0;
		width: auto;
		text-align: center;
		background-image: none;}
	#about .ms-content > p {
		padding: 1em 0 0;
		text-align: center;}

	
	/* business */
	#business.main-section {
		padding-bottom: 0;}
	#business .ms-content {
		padding-bottom: 20px;}
	.bi-subject {
		font-size: 1.1em;}
	.bi-item {
		width: 33%;
		margin-bottom: 70px;}
	.bi-item-row {
		/*clear: both;*/}
	
	/* clients */
	#clients .mc-list {
		padding-bottom: 20px;}
	#clients .mc-list li {
		width: 50%;
		padding-bottom: 50px;}
	
	/* news */
	#news .ms-content {
		padding-bottom: 0;}
	#news .mc-list {
		padding: 90px 60px;}
	#news .mc-item > a {
		padding-top: 120px;}
	#news .mc-list li > a {
		line-height: 1.3;}
	
	/* partners */ 
	.bi-div .bi-list li {
		width: 50%;
	}

	/* contact */
	.contact-sec .cs-form,
	.contact-sec .cs-info {
		float: none;
		width: auto;}
	.contact-sec .cs-form {
		text-align: center;}
	.contact-sec .cs-info {
		padding-top: 20px;
		text-align: center;}
	.cs-info-logo {
		text-align: center;}
	.cs-info-logo > span {
		padding-left:0;}
	
	.cs-info-list,
	.cs-info-phone,
	.cs-info-mail {
		margin-bottom: 10px;
		padding-left: 0;
		background-image: none;}
	.cs-info-list {
		margin-bottom: 0;}
	
	.cs-info-list > li,
	.cs-info-list .label, 
	.cs-info-list .txt {
		float: none;
		position: relative;
		padding-left: 0;}
	.cs-info-list .label {
		width: auto;
	}
	
	.cs-info-list > li {
		margin-bottom: 10px;}

	.cs-info-sns {
		text-align: center;}
	

	/*qna*/
	#qna.sub-page {
	min-height:617px;}
	/* map */
	#map .ms-header-des {
		clear: both;
		float: none;
		padding-top: 10px;}
	
	/* footer */
	.page-info .pi-logo {
		position: relative;
		left: auto; top: auto;
		margin: 0 0 10px;}
	.page-info .pi-txt {
		padding-left: 0;
		padding-right: 100px;}
	
	/*********************************************************
		sub styles
	 **********************************************************/
	
	/* breadscrumbs */
	#breadscrumbs li {
		width: 40%;
		margin: 0 0 10px;
	}
	/* about 
	.about .sp-sec-title {
		width: 19%;}
	.about .sp-sec {
		padding-left: 24%;}
	
	.about .sp-sec-title {
		position: relative;
		padding: 15px 0;
		width: auto;
		text-align: center;}
	.about .sp-sec {
		padding-left: 0;}
	*/
	
	/* message */
	#aboutMessage .sp-sec-title {
		background-image: none;}
	#aboutMessage .sp-sec p {
		padding: 1em 0 0;
		text-align: center;}
	#aboutMessage .sp-sec-logo {
		text-align: center;}
		
	/* company */
	#aboutCompany .sp-sec-title {
		ma rgin-bottom: 20px;
		bac kground-image: none;
	}

	/* contact */
	.sub-page.contact-sec .cs-info,
	.sub-page.contact-sec .cs-form {
		float: none;
		width: auto;
	}
	.sub-page.contact-sec .cs-info {
		margin-bottom: 40px;
	}



	.sec04_ban01 {
		float: none;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0);
	}
	.sec04_ban01 .sec04_cont, .sec04_ban02 .sec04_cont {
		line-height: 59px;
	}
	.sec04_ban01 .sec04_cont, .sec04_ban02 .sec04_cont {
		line-height: 59px;
	}
	.sec04_ban02 {
		float: none;
		width: 100%;
	}


} /* - width 768px 이하 */

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


	.dummy-line {
		display: block;
	}
	.custom-p {
		display: inline;
		padding: 0;}
	
	/* 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;
	}
	
	/* news */
	#news .mc-list {
		padding: 70px 0;
	}

	/* contact */
	.cs-info-list .label {
		display: block;}

	/* map */
	#map .ms-header-des em {
		display: block;
	}
	
	/* footer */

	#footer {
	position: relative;
	z-index: 6;
	font-size: 1.1em;
	line-height: 1.5;
	font-weight:300;
	color: #fff;
	padding:20px 0;
}
	.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;
	}

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

	.sec04_ban01 .sec04_cont, .sec04_ban02 .sec04_cont {
		line-height: 33px;
		padding: 10px;
	}

	#mainMenuList > li {
		
	}

	#mainMenuList .mm-link {
		
	}
	/*popup*/
	.hd_pops{display:none;}

	.sub-top-img{
		height:80px;}
	.sub-page{    
	/* padding: 15px 0; */
	width: 100%;
    margin: 0 auto;}
	.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%;}
	/* footer */
	footer,
	.page-info .pi-txt {
		font-size: 1.1em;
	}
	.page-info .pi-txt em > span,
	.page-info .pi-txt p > span {
		display: block;}

	/* business */
	.bi-item > a {
		padding-top: 60px;
		font-size: 1em;}
	.bi-item .icon {
		width: 76px;
		height: 75px;
		margin-left: -22.5px;
		background-size:450px;}

.bi-item .i-bd:hover .icon {
	background-position: 0px -75px;}

.bi-item .i-vd .icon {
	background-position: -74px 0;}
.bi-item .i-vd:hover .icon {
	background-position: -74px -75px;}

.bi-item .i-cd .icon {
	background-position: -150px 0;}
.bi-item .i-cd:hover .icon {
	background-position: -150px -75px;}

.bi-item .i-vb .icon {
	background-position: -228px 0;}
.bi-item .i-vb:hover .icon {
	background-position: -228px -74px;}

.bi-item .i-id .icon {
	background-position: -304px 0;}
.bi-item .i-id:hover .icon {
	background-position: -304px -74px;}

.bi-item .i-br .icon {
	background-position: -380px 0;}
.bi-item .i-br:hover .icon {
	background-position: -380px -74px;}

	
	/* news */
	#news .mc-item > a,
	#newsGroup .mc-item > a {
		padding-top: 70px;
		font-size: 1em;}
	#news .icon,
	#newsGroup .icon {
		width: 50px;
		height: 49px;
		margin-left: -25px;}
	#news .mc-item .bar,
	#newsGroup .mc-item .bar {
		top: 60px;}
	#news .i-notice .icon,
	#newsGroup .i-notice .icon {
		background-image: url('../img/main_news_icon_notice_w50.png');}
	#news .i-freeboard .icon,
	#newsGroup .i-freeboard .icon {
		background-image: url('../img/main_news_icon_freeboard_w50.png');}
	#news .i-press .icon,
	#newsGroup .i-press .icon {
		background-image: url('../img/main_news_icon_press_w50.png');}
	

	/* map */
	#map .ms-header-des span {
		display: block;}
		
	
	/*********************************************************
		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;}
	
	/* list-style-history */
	.list-style-history-item > label {
		top: -2px;
		padding-left: 20px;
		padding-bottom: 10px;
	}
	.list-style-history-item > .bar {
		left: 4px;
	}
	.list-style-history-item > .bar-identify {
		left: 0;
	}
	.list-style-history-detail {
		margin-left: 20px;
		padding-top: 20px;
	}
	
		/* contact */
	#contact .sp-header-des {
		text-align: left;
		wid th: 10em;
		ma rgin: auto;}
	#contact .sp-header-des > p{
		display: inline;}

	.mm-toggle-btn {
		top: 50%;
		margin-top: -15.5px
	}

	.fb-slide-des .big-img {
		/* left: 50%;
		margin-left: -162px; */
		width: 90%;
	}
	#mainMenuList {
		top: 70px;
		background-color: rgba(0,0,0,0.85);
		left: 0;
	}

	#mainMenuList > li {
	    width: 100%;
	}


} /* - width 480px 이하 */

@media screen and (max-width: 320px) {
	.sub-top-img{
		height:70px;}

	.featured-content.f-link-wrap {
		left: 50%;
		margin-left: -50%;
		top: 220px;
	}

	.fb-slide-des .big-img {
		width: 90%;
		/* top: -50px; */
	}
	
	/*.fb-slide-logo {
		width: 280px;
		height: 110px;
		margin-left: -140px;
		background-image: url('../img/logo_w280.png');
	}*/
	

} /* - width 360px 이하 */