/*********************************************************
	common styles 
 **********************************************************/

html {
	font-size: 0.65em;}
body {
	min-width: 320px;
	font-size: 100%;
	font-family: 'Noto Sans KR', sans-serif;}
body, a {
	color: #121212;}
a:hover {
	color: #009de0;
	text-decoration: none;}
em {
	font-style: normal;}
 ul, ol, li {
	margin: 0;
	padding: 0;
	list-style: none;}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	line-height: 1;}

.content-off {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;}
.img-responsive {
	width: 100%;
	height: auto;}


/* float 해제 class */
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;}
.clearfix:after {
	clear: both;}

/* 최대 영역 지정 class */
.boundary {
	width: 96%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0;}

.custom-p {
	display: block;}

.display-hidden-js {
	display: none;}

#wrapper {
	font-size: 1.2em;
	line-height: 1.5;}

.main-section {
	position: relative;}
.section-ready-js {
	opacity: 0;
}
.icon {
	display: block;}

.btn-style {
	cursor: pointer;
	display: inline-block;
	*display: inline; *zoom: 1;
	padding: 5px 10px;
	vertical-align: middle;
	color: #fff;
	font-size: 1em;
	line-height: 1;
	background-color: #009de0;
	border: 1px solid #009de0; 
	}
.btn-style:hover { color:#fff; }

.btn-style-gray {
	color: #000;
	background-color: #f2f5f9; 
	border:1px solid #d9ded9; }

.no-scrolling {
	height: 100%;}
.no-scrolling body {
	height: 100%;
	overflow-y: hidden;}

/*********************************************************
	head styles : top-area
 **********************************************************/
 .top-area {
	z-index: 200;
	position: fixed;
    width: 100%;
	font-size: 1.2em;
	/* background-color: #FFFFFF;
	    border-top: 4px solid #009de0;
	box-shadow: 0 1px 5px #ddd; */
	background-color: rgba(0, 0, 0, 0.03);
    /* transition: background-color 0.3s ease-in-out; */
    transition: background-color 0.5s;}
.top-area-fixed {
	position: fixed;
	z-index: 400;
	top: 0; left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.9);
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
    transition: background-color 0.5s;}
 .top-area > .boundary {
	/* box-sizing: content-box;
	padding: 16px 0; */
	padding: 32px 20px 10px 20px;
    box-sizing: border-box;}
.top-area-fixed #mainMenuList .mmSub {
	/* background-color: rgba(0,0,0,0.7) */
}


/* 국문,영문 바로가기 링크 */
.active.lang-link { 
	display:block; 
}

.lang-link {
position: fixed;
left:10px;
top:24px;
color:#eee;
font-size:14px;
padding:10px;
border:1px solid #ddd;
width:20px;
display:none;
}

.lang-link:focus,
.lang-link:active,
.lang-link:hover {
	color:#eee !important;
	text-decoration:underline;
}



/*********************************************************
	head styles : home-link
 **********************************************************/
.home-link {
	float: left;
	width: 20%;
	top: 50%;
	margin-top: -11.5px;
	}


/*********************************************************
	head styles > mainMenu
 **********************************************************/
 .mm-toggle-btn {
	display: none;}
 #mainMenu {
	display: block;
	float: right;
	/* padding-top:1%; */
    width: 60%;}

#mainMenuList {
	text-align:center;
}


#mainMenuList > li {
	/* position: relative;
	float: left; */
	position: relative;
    float: left;
    width: 25%;
    text-align: center;}

#mainMenuList > li:last-child {
	padding:0;
	margin:0;
}

#mainMenuList .mm-link {
	display: inline-block;
    padding-bottom: 21px;
    font-size: 18px;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
}
#mainMenuList > li:hover .mm-link {
	color: #009de0;}/*더프리즘 주색*/
#mainMenuList .mmSub {
	height: 100%;
    box-sizing: border-box;
	display: none;}
#mainMenuList .mmSub li {
	margin: 0 10px;
	padding: 10px 0;
	border-bottom: 1px solid #ffffff80;
	font-size: 15px;
}
#mainMenuList .mmSub li a {
	color: #fff;
}
#mainMenuList .mmSub li a:hover {
	color: #009de0;
}
#mainMenuList .mmSub li:last-child {
	border-bottom: 0;}
#mainMenuList .mmSub li a {display:block;}

/*********************************************************
	index styles
 **********************************************************/

/* featured-banner */
.featured-banner {
	position: relative;
	z-index: 1;
	background-color: #fff;}
.featured-banner .btn {
	z-index: 300;
	position: absolute;
	width: 21px;
	height: 21px;
	top: 50%;
	margin-top: -11px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	opacity: 0.3;
	transition: opacity 0.5s;}
.featured-banner .prev-btn {
	left: 10px;
	background-image: url('../img/main_slide_left_arrow.png');
	width: 41px;
    height: 80px;}
.featured-banner .next-btn {
	right: 10px;
	background-image: url('../img/main_slide_right_arrow.png');
	width: 41px;
    height: 80px;}
.featured-banner .btn:hover {
	opacity: 1;}
.featured-banner .pager {
	z-index: 301;
	position: absolute;
	left: 0;bottom: 10px;
	width: 100%;
	height: 13px;
	text-align: center;}
.featured-banner .pager-btn {
	box-sizing: content-box;
	display: inline-block;
	*display: inline; *zoom: 1;
	width: 43px; height: 4px;
	margin: 0 3px;
	font-size: 10px;
	line-height: 13px;
	background-color:#fff;
	opacity: 0.5;
	transition: opacity 0.5s;}
.featured-banner .pager-btn:hover,
.featured-banner .cycle-pager-active {
	background-position: -43px 50%;
	opacity: 1;}

.fb-cycle-ready {
	background: url('../img/loading.gif') no-repeat 50% 50%;}
.fb-cycle-ready .fb1,
.fb-cycle-ready .fb2,
.fb-cycle-ready .fb3 {
	display: none;}

.fb-cycle-ready .fb-slide-des { opacity: 0; }

.fb-slide {
	width: 100%;
	height: 100%;
	/* background-color: #000; */
	background-image: url('../img/main_slide_bg.jpg');
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: cover;}

.fb-slide-content {
/*	position: relative;*/
	height: 100%;}
.fb-slide-logo {
	position: absolute;
	width: 320px;
	height: 107px;
	top: 0;
	left: 50%; margin-left: -160px;
	margin-top: -20px;
	background: url('../img/emds_logo.png') no-repeat 100% 50%;
	opacity: 0;}
.fb-slide-title {
	position: absolute;
	font-size: 2.2em;
	top: 50%; left: 0;
	letter-spacing:-1px;
	opacity: 0;
	color:#fff;}
.fb-slide-des {
	position: absolute;
	left: 0;
	top: 50%; ri ght: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 1.8em;
	line-height:1.3;
	opa city: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.fb-slide-des img {
	height: auto;
	margin: 0 auto;
	max-width:100%;
}
/*.fb1 .fb-slide-des img {*/
/*	width: 100%;*/
/*	height: auto;*/
/*}*/
/*.fb3 .fb-slide-des img {*/
/*	width: 100%;*/
/*	height: auto;*/
/*}*/

.fb-slide-des .big-img {
	display: block;
}
.fb-slide-des .small-img {
	display: none;
}

.fb0 .fb-slide-des {
	hei ght: 279px;
	bac kground: url('../img/main_slide_script1.png') no-repeat 50% 50%;
}
.fb1 .fb-slide-des {
	hei ght: 594px;
	ba ckground: url('../img/main_slide_script2.png') no-repeat 50% 50%;
	bac kground-size: 90% auto;
}
.fb2 .fb-slide-des {
	he ight: 255px;
	ba ckground: url('../img/main_slide_script3.png') no-repeat 50% 50%;
	ba ckground-size: 90% auto;
}
.fb3 .fb-slide-des {
	he ight: 661px;
	ba ckground: url('../img/main_slide_script4.png') no-repeat 50% 50%;
	ba ckground-size: auto 90%;
}

.go-to-content {
	position: fixed;
	z-index: 110;
	width: 36px;
	height: 35px;
	bottom: 15px;
	right: 15px;
	color: #333;
	background: url('../img/down_mouse.png') no-repeat 50% 50%;
    display: none;
}

/* footer */
.catalogueDown {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 416px;
}
#footer {
	position: relative;
	z-index: 6;
	font-size: 1.2em;
	line-height: 1.5;
	background-color: #3a3a3a;
	background-size: 100% 100%;
	font-weight:300;
	color: #fff;
	padding:36px 0;
	margin-top:10%; 
}
	.footer_div {position:relative; top:0; left:0;}
	.footer_div h5 {font-size: 13px; font-weight:500; margin-bottom:1.2em 0; color: #009de0; letter-spacing: 3px;}
	.footer_div a {color:#fff;}
	
	.link {float:left; width:50%;}
	.costomer {float:left; width:50%; margin-bottom:1.2em;}

	.link ul li {float:left; margin-right:10px; margin-bottom:1.2em;}

	.footer_copy {margin-top:1.8em; letter-spacing: 1px;}

.page-info {
	padding: 15px 0;
	background-color: #808080;}
#ft_copy {
	background-color: #9fb2c4;}
#ft_copy a {
	color: #333;}
.page-info > .boundary {
	position: relative;}
.page-info .pi-logo {
    position: absolute;
    left: 6%;
    top: 42%;
    margin-top: -17px;}
.page-info .pi-txt {
	padding-left: 25%;
	padding-right: 100px;
	color: #eee;
	font-size: 1.2em;}
.page-info .pi-txt a {
	color: #eee;}
.page-info .pi-txt p {
	padding-top: 5px;}
.page-info .pi-txt em {
	color: #333;}
.pi-sns {
	position: absolute;
	right: 0;
	top: 0;
	display:none;}
.pi-sns > a {
	margin-left: 5px;}

.copyright {
	padding: 5px 0;
	color: #fff;
	font-size: 1.1em;
	text-align: center;
	background-color: #646465;}

/* main-section */

/* common */
.main-section {
	position: relative;
	padding-bottom: 70px;
	background-color: #fff;
	width: 100%;}
.ms-header {
	pa dding: 0 0 15px;}
.ms-header-title {
	padding: 0 0 10px;
    font-size: 2.6em;
	    line-height: 1.3;
    color: #FD7927;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
	letter-spacing: -1px;}


.title-justify{
	display:inline-block;
	padding-left:90px;
	position: relative;
    top: -30px;
}
.title-justify1{
	display: block;
	width: 160px;
	margin: auto;
	text-align: justify;
    lette r-spacing: 27px;
    marg in-left: 27px;}
.title-justify2{
    letter-spacing: 10px;
    margin-left: 8px;}
.title-justify3{
letter-spacing:1px;}



.ms-header-des {
    widt h: 40em;
    ma rgin: 0 auto;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 10px;
	color: #666;
    font-size: 1.3em;
    font-weight: 400;
	text-align: center;}

.ms-content {
	padding:2% 0;
	font-size: 1.3em;
	tex t-align: left;}
.ms-content > p {
	paddi ng-bottom: 2em;}

.ms-more-box {
	padding-top: 40px;
	text-align: center;}
.ms-more-box > a {
	display: inline-block;
	*display: inline; *zoom: 1;
	padding:9px 65px;
	color:#bbb;
	font-size:1.2em;
	line-height:1;
	text-align:center;
	border-radius:30px;
	background-color:#ccc;
	color:#fff;}
.ms-more-box > a:hover {
	background-color:#aaa;
	color:#fff;}


.index_company {
display:inline-block;
width:54%;}

	.index_company li {
		float:left; 
		width:46%; 
		margin-right:4%; 
		margin-bottom:4%; }
			
			.index_company li img {
				width:100%;}
			
			.index_company li a {display:block;} 
			.index_company li a img:hover {opacity:0.8;}


.index_movie {
float:right; width:45.9%
}
	.index_movie img {width:100%;}








.sec-title {
	padding: 20px 0;
	font-size: 3em;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;}
.sec-title-des {
	padding-bottom: 50px;
	font-size: 1.3em;
	line-height: 1.2;
	text-align: center;}

/* about */
#about {
	z-index: 2;
	background:url('../img/index_product.jpg') no-repeat ;
	background-size:cover;
	background-position-y:-60px;
	display: none;
	}
#about .ms-content {
	positio n: relative;
	margin: auto;
	width: 80%;
	padding: 1.5% 0;
    color: #222;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
	t op :60px;
	margin:4% auto;
}
.ms-content-justify {
	margin-top:2%;
	text-align:center;
}

#about .ms-content img {
	width:100%;
	max-width:442px
}

#about .ms-content-title {
	box-sizing: content-box;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 205px;
	padding: 10px 0 0 10px;
	color: #4e84c4;
	font-size: 1.3em;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
	background: #eef3f9 url('../img/main_about_bg.png') no-repeat 100% 100%;}
#about .ms-content-title .differ {
	font-size: 1.4em;}
#about  .ms-content-logo {
	position: absolute;
	right: 0;
	bottom: 0;}


/* business */
#business {
	padding-bottom: 70px;
	background-color: transparent;
	display: none;}
.parallax-bg {
	z-index: -1;
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: #eee;
	background: #fff ;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-attachment: fixed;
	background-size: cover;}
#business .ms-header-des em {
	display: block;
	padding: 1.5% 0;
	/*font-size: 1.1em;*/}
.bi-list {
	padding-top: 4%;}
.bi-item {
	float: left;
	width: 20%;
	color:#666;
	text-align: center;}
.bi-item > a {
	position: relative;
	display: inline-block;
	*display: inline; *zoom: 1;
	padding-top: 115px;
	font-size: 1.2em;}
.bi-item .icon {
	position: absolute;
	width: 109px;
	height: 109px;
	top: 0;
	left: 50%;
	margin-left: -55px;
	background-image: url('../img/main_business_icons.png');
	background-repeat: no-repeat;}

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

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

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

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

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

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

.bi-subject {
	display: block;
	font-size: 1.3em;
	line-height: 1.2;}

/* news */
/*
#news .ms-content {
	position: relative;}
.news-img{
	float:left;
	width: 49%;}
.news-des{
	flo at: right;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -3em;
	width: 48%;}
.news-des p {
	padding: 0 0 1em;
	text-align: left;}
*/
#news .ms-header-title{
    color: #FD7927;
    font-size: 2em;}

#news .ms-content {
	/*background: #fff url('../img/main_news_bg.jpg') no-repeat 50% 50%;
	background-size: 100% 100%;*/
	background-color:#fff;}
#news .mc-list {
	padding: 97px 60px 168px;}
#news .mc-item {
	float: left;
	width: 33.3333%;
	text-align: center;}
#news .mc-item > a {
	position: relative;
	display: inline-block;
	*display: inline;*zoom: 1;
	padding-top: 120px;
	font-size: 1.3em;
	line-height: 1;
	text-transform: uppercase;}
#news .icon {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -42.5px;
	width: 85px;
	height: 84px;
	background-color: #313332;
	background-repeat: no-repeat;
	background-position: 50% 0;
	border-radius: 10px;}
#news .i-notice .icon {
	background-image: url('../img/main_news_icon_notice.png');}
#news .i-freeboard .icon {
	background-image: url('../img/main_news_icon_freeboard.png');}
#news .i-press .icon {
	background-image: url('../img/main_news_icon_press.png');}

#news .mc-item > a:hover .icon {
	background-color: #666666;}
#news .mc-item .bar {
	position: absolute;
	top: 99px;
	left: 50%;
	width: 30px;
	height: 1px;
	margin-left: -15px;
	line-height: 1px;
	background-color: #313332;}



/* clients */

#clients .mc-title {
	position: relative;
	padding-bottom: 20px;
	color: #b8b8b8;
	font-size: 1.2em;
	line-height: 1;
	text-align: center;
	}
#clients .mc-title .bg-icon {
	position: absolute;
	width: 10px;
	height: 10px;
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	background-color: #9fb2c4;}
#clients .main-section {
	padding: 7% 0 6% 0;
	background-color: #eee;}
#clients .mc-list {
	padding:0;
/*	border-top:1px solid #ddd;
	border-left:1px solid #ddd; */
	}
.mc-div {
	padding-top: 20px;}
.mc-list li {
	float: left;
	width: 24.9%;
	text-align: center;
	}

.mc-list li img{
width:100%;
}


article#clients{
	background-color: #eee;}




/* contact-sec */
/*
#contact {
	padding-top: 0;
	padding-bottom: 0;
	background-color: transparent;
}
#contact .ms-header-title {
	tex t-shadow: 0 1px 2px #fff;
}
#contact .ms-header {
	padding-top: 5%;
	padding-bottom: 5%;
	background-color: transparent;
	backg round: url('../img/contact_us_bg.jpg ') no-repeat 50% 50%;
	backgr ound-attachment: fixed;
}

#contact  .ms-header-des {
	color: #fff;
}
#contact .ms-content {
	padding-bottom: 6%;
	background-color: #fff;
}

.contact-sec .cs-form {
	float: left;
	width: 52%;}
.contact-sec .cs-form > form {
	width: 100%;}
.cs-form-field {
	padding-bottom: 10px;}
.contact-sec .cs-form input,
.contact-sec .cs-form textarea {
	font-size: 0.8em;
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 8px;
	padding:2.5%;
	outline: none;}
.cs-form-input {
	box-sizing: border-box;
	width: 96%;
	padding: 8px 2%;
	line-height: 1;}
#con_department {
	color: inherit;
	font-family: inherit;
	border-color: #ccc;
	border-radius: 8px;
}
.cs-msg {
	box-sizing: border-box;
	padding: 10px 2%;
	width: 96%;}
.contact-sec .cs-form input.btn-send {
	box-sizing: border-box;
	cursor: pointer;
	width: 96%;
	padding: 10px 2%;
	color: #fff;
	font-size: 1em;
	line-height: 1;
	background-color: #cbcbcb;}

.contact-sec .cs-info {
	float: right;
	width: 47%;
	color: #727071;
	font-size: 1em;}
.cs-info-logo {
	margin-bottom: 2%;}
.cs-info-list, 
.cs-info-phone {
	margin-bottom: 1.5%;}
.cs-info-logo > span {
	display: block;
	padding-top: 5px;
	padding-left: 0;}
.cs-info-list,
.cs-info-phone,
.cs-info-mail {
	padding-left: 0px;}
.cs-info-list {
	padding-top: 7px;
	b ackground: url('../img/main_contact_icon_home.png') no-repeat 0 0;}
.cs-info-list > li {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom:1.5%;}

.cs-info-list .label {
	position: absolute;
	width: 3em;
	left: 0;
}
.cs-info-list .txt {
	display: block;
	padding-left: 3em;
}
.cs-info-list .txt {
	pad ding-left: 0;}
.cs-info-phone {
	font-size: 1.1em;
	b ackground: url('../img/main_contact_icon_phone.png') no-repeat 0 50%;}
.cs-info-mail {
	display: inline-block;
	*display: inline; *zoom: 1;
	color: #727071;
	font-size: 1.1em;
	line-height: 17px;
	b ackground: url('../img/main_contact_icon_mail.png') no-repeat 0 50%;}
.cs-info-sns {
	text-align: right;
	display:none;}
.cs-info-sns > a {
	margin-left: 5px;}
*/

/* map */
#map.main-section {
	padding: 3% 0 0 0;}
#map .ms-header-title,
#map .ms-header-des {
	flo at: left;}
#map .ms-header-title {}
#map .ms-header-des {
	padding-top: 25px;
	padding-left: 10px;}
#map .ms-header-des em {
	padding-top: 35px;}
#map .map-iframe {
	overflow: hidden;
	height: 260px;
	line-height: 0;}
	
#container{padding-bottom:0;}


.ms-header , 
.ms-content {
position:relative;
z-index:1;
}

.menu_lang_ul li:last-child {
	border-right:1px solid #ddd;
	
}

.menu_lang {
	float:right;
	padding:0 5px;
}

ul.clearfix.menu_lang_ul {
    display: none;
}


.color_red {
	color:#d00000;
	font-weight:bold;
}

.margin_top_20 {
	margin-top:20px;
	font-size: 12px;
    letter-spacing: 1px;
}

.webs_link {
	color:#fff;
	/* text-decoration:underline; */
}



/*2018.01.18 추가*/

#review .ms-content {
    position: relative;
    padding-left: 50%;
    background: url(../img/about_img1.jpg) no-repeat 0 25px;
    height: 460px;
}

.review-quote {
    margin: 0 auto;
    padding: 10px 0 0 0;
	color: #777;
    font-size: 18px;
    font-weight: 300;
}

.review-box {
    text-align: left;
    font-size: 18px;
}

p.review-author {
    float: left;
    font-weight: 400;
    margin-top: 5px;
}

/*2018.01.19 추가*/

#main-sec04 {
    background-color: #f5f5f5;
}

.main-sec {
    padding: 90px 0;
    position: relative;
}

.main-sec-heading h2.title {
    text-align: center;
    font-size: 32px;
    margin-bottom: 60px;
    font-weight: 100;
}

.lb-item {
    position: relative;
    float: left;
    width: 31.33%;
    margin: 0 1%;
}

.lb-item-wrapper {
    overflow: hidden;
    position: relative;
    /* padding: 20px 25px 30px; */
    border: 0px solid #dddee2;
    background-color: #fff;
    /* box-shadow: 3px 4px 5px rgba(0,0,0,0.2); */
}

.lb-item-img {
    width: 100%;
    height: 215px;
    float: left;
    overflow: hidden;
}

.main-news-style {
    background: url(img/main_news_style.png)0 0%;
    background-repeat: no-repeat;
    background-size: 15px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10%;
    z-index: 999;
    display: none;
}

.lb-item-img img {
    height: 233px;
    width: 100%;
}


/* 슬라이드 다운로드 박스

.featured-content.f-link-wrap {
    position: absolute;
    width: 100%;
    z-index: 110;
	top: 65%;
    l eft: 50%;
	left: 0;
	margin-top: 40px; 추가
    max-width: 1080px;
    text-align: center;
}

.featured-content.f-link-wrap > div {
    fl oat: left;
    margin: 0 3px;
    position: relative;
	display: inline-block;
	*display: inline; *zoom: 1;
}

.featured-content.f-link-wrap .f-link-01 .f-link-01-default, .featured-content.f-link-wrap .f-link-02 .f-link-02-default {
    position: relative;
    width: 532px;
    height: 207px;
    background-color: rgba(226, 226, 226, 0.7);
}

.featured-content.f-link-wrap .f-link-01 .f-link-01-default .f-link-text, .featured-content.f-link-wrap .f-link-02 .f-link-02-default .f-link-text {
    padding: 34px 0;
    box-sizing: border-box;
    text-align: center;
}

.featured-content.f-link-wrap .f-link-01 .f-link-01-default .f-link-text h2, .featured-content.f-link-wrap .f-link-02 .f-link-02-default .f-link-text h2 {
    font-size: 18px;
    font-weight: 400;
	padding-bottom: 1%;
}

.featured-content.f-link-wrap .f-link-01 .f-link-01-default .f-link-text p, .featured-content.f-link-wrap .f-link-02 .f-link-02-default .f-link-text p {
    color: #121212;
    font-size: 18px;
	padding-top: 1%;
}

.featured-content.f-link-wrap .f-link-01 .f-link-01-default .f-link-text p.f-link-text-more, .featured-content.f-link-wrap .f-link-02 .f-link-02-default .f-link-text p.f-link-text-more {
	padding-top: 4.5%;
}

span.down-line {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 80px;
    width: 19px;
    height: 1px;
    background: #121212;
    content: '';
}


슬라이드 다운로드 박스 END */


/* 2018.01.26 컨텐츠 다운로드 박스


.sec04_ban01 {
    width: 50%;
    float: left;
}

.sec04_ban01 .sec04_cont {
	line-height: 199px;
    background-color: #efefef;
}

.sec04_ban01 .sec04_cont img, .sec04_ban02 .sec04_cont img {
    display: none;
}

.sec04_title {
    font-size: 30px;
    vertical-align: middle;
    color: #fff;
}

.sec04_ban01 .sec04_arrow {
    display: none;
    width: 100%;
    height: 34px;
    background: url(../img/sec04_arrow01.png) 50% no-repeat;
    background-size: 40px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.sec04_ban02 {
    width: 50%;
    float: right;
    background-size: cover;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.sec04_ban02 .sec04_cont {
	line-height: 199px;
    background-color: #424242;
}

.sec04_ban02 .sec04_arrow {
    display: none;
    width: 100%;
    height: 34px;
    background: url(../img/sec04_arrow02.png) 50% no-repeat;
    background-size: 40px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


2018.01.26 컨텐츠 다운로드 박스 END */


/*2018.01.29 다운로드박스 */


.clearfix.link_bnr {
    padding-bottom: 7.9%;
}
/* .link_bnr {
    margin-top: 40px;
} */
.sec04_ban01 {
    width: 50%;
    float: left;
}
.sec04_ban01, .sec04_ban02 {
    text-align: center;
}
.sec04_ban01 .sec04_cont {
    line-height: 65px;
    background-color: #efefef;
}
/* .sec04_ban01 .sec04_cont img, .sec04_ban02 .sec04_cont img {
    display: none;
} */
.sec04_title {
    font-size: 20px;
    font-weight: 300;
    vertical-align: middle;
    color: #494949;
}
.sec04_title2 {
    font-size: 20px;
    font-weight: 300;
    vertical-align: middle;
    color: #fff;
}
.sec04_ban01 .sec04_arrow {
    display: none;
    width: 100%;
    height: 34px;
    /*background: url(../img/sec04_arrow01.png) 50% no-repeat;*/
    background-size: 40px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.sec04_ban02 {
    width: 50%;
    float: right;
    background-size: cover;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.sec04_ban02 .sec04_cont {
    line-height: 300px;
    background-color: rgb(60, 60, 60);
}
/* .sec04_ban01 .sec04_cont img, .sec04_ban02 .sec04_cont img {
    display: none;
} */
.sec04_ban02 .sec04_cont {
    line-height: 65px;
    background-color: #424242;
}

/*2018.01.29 다운로드박스 END */


.list-style {
    text-align: center;
}
.ls-with-icon .ls-item {
    background-repeat: no-repeat;
    background-position: 50% 0;
}


header.top-area.sub_header {
    background-color: rgba(0, 0, 0, 0.8);
}

.review-box .custom-block{
	display:block;
}

span.custom-block {
	display: inline;
    line-height: 1.7;
    letter-spacing: -0.04em;
}

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

	.featured-content.f-link-wrap > div {
		margin: 5px 0px;
		position: relative;
	}

}

@media screen and (max-width: 1080px) {
	
	.review-box .custom-block {
	display: inline;
	}

	#review .ms-content {
		padding-top: 500px;
		text-align: center;
		padding-left: 0;
		background-position: 50% 0;}

	.featured-content.f-link-wrap {
		top: 52.5%;
	}
	
	.featured-content.f-link-wrap .f-link-01 .f-link-01-default,
	.featured-content.f-link-wrap .f-link-02 .f-link-02-default {
		height: 173px;
	}

	.featured-content.f-link-wrap .f-link-01 .f-link-01-default .f-link-text, 
	.featured-content.f-link-wrap .f-link-02 .f-link-02-default .f-link-text {
		padding: 17px 0;
	}

	.review-quote {
		width: 62%;
	}

	#review .ms-content {
		height: 300px;
	}

}

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

	
	#mainMenuList .mm-link {
		display: inline-block;
		padding: 20px;
		font-size: 15px;
		color: #fff;
		font-family: 'DakiB';
	}

	.top-area > .boundary {
		padding: 32px 20px 20px 20px;
		box-sizing: border-box;
	}

}

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

	.review-box {
	    padding: 0px;
	}

	.featured-content.f-link-wrap {
		le ft: 50%;
		ma rgin-left: -50%;
		t op: 500px;
		margin-top: 1%;
	}

	.featured-content.f-link-wrap > div {
		margin: 5px 0px;
		position: relative;
		width: 70%;
		le ft: 15%;
	}

	.featured-content.f-link-wrap .f-link-01 .f-link-01-default, .featured-content.f-link-wrap .f-link-02 .f-link-02-default {
		position: relative;
		width: 100%;
		height: auto;
		background-color: rgba(226, 226, 226, 0.6);
	}


}

@media screen and (max-width: 545px) {
	.review-quote {
		font-size: 15px;
	}

	.review-box {
		font-size: 15px;
	}


}

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

	#review .ms-content {height: auto;}

	.home-link img {
		width: 150px;
	}

	.main-sec {
		padding: 70px 0;
		position: relative;
	}
		
	.clearfix.link_bnr {
		padding-bottom: 70px;
	}

	.sec04_title {
		font-size: 15px;
		font-weight: 400;
		vertical-align: middle;
		color: #494949;
	}

	.sec04_title2 {
		font-size: 15px;
		font-weight: 400;
		vertical-align: middle;
		color: #fff;
	}

	img.down_line {
		/* display: none; */
		height: 15px;
	}

	
	.fb-slide-des {
		top: 50%;
	}

	.featured-content.f-link-wrap .f-link-01 .f-link-01-default .f-link-text, .featured-content.f-link-wrap .f-link-02 .f-link-02-default .f-link-text {
		padding: 15px 0;
	}

	.featured-content.f-link-wrap .f-link-01 .f-link-01-default .f-link-text p, .featured-content.f-link-wrap .f-link-02 .f-link-02-default .f-link-text p {
		font-size: 12px;
	}

	.featured-content.f-link-wrap .f-link-01 .f-link-01-default .f-link-text h2, .featured-content.f-link-wrap .f-link-02 .f-link-02-default .f-link-text h2 {
		font-size: 15px;
	}

	.featured-content.f-link-wrap > div {
		width: 70%;
	}

	.featured-content.f-link-wrap {
		le ft: 50%;
		ma rgin-left: -50%;
		t op: 320px;
		top: 45%;
		margin-top: 0;
	}
	
	#review .ms-content {
		padding-top: 490px;
		text-align: center;
		padding-left: 0;
		background-position: 50% 0;
		width: 90%;
		margin: 0 auto;}

	.review-quote {
		font-size: 16px;
		width: 100%;
		margin: 0 auto;
	}

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

	.lb-item {
		margin-bottom: 5%;
	}

	/*
	.home-link {
		float: none;
		line-height:0;
		display:none; 
		
	}
	*/
		
	.mm-toggle-btn {
		top: -35px;
	}

	.featured-banner .next-btn {
		height: 35px;
	}

	.featured-banner .prev-btn {
		height: 35px;
	}



}