/*********************************************************
	common styles 
 **********************************************************/
*{
	box-sizing:border-box;
}
html {
	font-size: 16px;}
body {
	min-width: 320px;
	font-size: 100%;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	letter-spacing:-0.03rem;
	color:#666;}
a {
	color: #3c3c3c;}
a:hover {
	color: #d9a679;
	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;}
.boundary2{
	width: 96%;
	max-width: 1104px;
	margin: 0 auto;
	padding: 0;
}
.custom-p {
	display: block;}

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

#wrapper {
	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: #00499d;
	border: 0;
	border-radius: 2px;}
.btn-style-gray {
	color: #444;
	background-color: #e0eaea;}
.btn-style:hover {
	color: #fff;}
.btn-style-gray:hover {
	color: #444;}

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

/*********************************************************
	head styles : top-area
 **********************************************************/
 .top-area {
	z-index: 200;
	position: relative;
	font-size: 1.2em;
	background-color: #292a2f;}
.top-area-fixed {
	position: fixed;
	z-index: 400;
	top: 0; left: 0;
	width: 100%;}
 .top-area > .boundary {
	box-sizing: content-box;
	padding: 5px 0;}
 .top-area > .boundary2 {
	box-sizing: content-box;
	padding: 5px 0;}

/*********************************************************
	head styles : home-link
 **********************************************************/
.home-link {
	float: left;
	font-size:20px;
	line-height:70px;}
.home-link a{
	color:#d9a679;
	text-decoration:none;
}
/*********************************************************
	head styles > mainMenu
 **********************************************************/
 .mm-toggle-btn {
	display: none;}
 #mainMenu {
	display: block;
	float: right;
	padding-top:1%;}

#mainMenuList {
	text-align:center;
}


#mainMenuList > li {
	position: relative;
	float: left;
	ma rgin-left:10px;}

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

#mainMenuList .mm-link {
	flo at: left;
	padding: 5px 0px;
	padding-left:24px;
	font-size:18px;
	line-height: 51px;
	color:#e7e8ec;
}
#mainMenuList .mm-link:hover{
	color:#d9a679;
}
#mainMenuList .mmSub {
	display: none;
	z-index: 300;
	position: absolute;
	width: 14em;
	margin-top:24px;
	/*
	left: 50%; top: 3em;
	width: 14em;
	wid th: 95%;
	margin-left: -7em;
	*/
	padding: 5px 0;
	text-align: center;
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: 0;
	box-shadow: 0 1px 3px #ddd;}
#mainMenuList .mmSub li {
	margin: 0 10px;
	padding: 8px 0;
	border-bottom: 1px solid #ddd;}
#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');}
.featured-banner .next-btn {
	right: 10px;
	background-image: url('../img/main_slide_right_arrow.png');}
.featured-banner .btn:hover {
	opacity: 1;}
.featured-banner .pager {
	z-index: 301;
	position: absolute;
	left: 0;bottom: 20px;
	width: 100%;
	height: 13px;
	text-align: center;}
.featured-banner .pager-btn {
	box-sizing: content-box;
	display: inline-block;
	*display: inline; *zoom: 1;
	width: 12px; 
	height: 12px;
	border-radius:6px;
	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-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;
	display: table;
	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;*/
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	/*top: 100%;*/
	/*right: 0;*/
	width: 100%;
	/*margin-top: -139px;*/
	color: #fff;
	font-size: 1.8em;
	line-height:1.3;
	opacity: 1;
}

.fb-slide-des img {
	width: 80%;
	height: auto;
	margin: 0 auto;
	max-width:1281px;
}
/*.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 h3{
	font-size:48px;
	font-weight:300;
	letter-spacing:-0.05em;
	padding-bottom:24px;
}

.fb-slide-des p{
	font-size:24px;
	font-weight:300;
	letter-spacing:-0.05em;
}


.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%;
}*/

/* footer */
.catalogueDown {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 416px;
}
#footer {
	position: relative;
	z-index: 6;
	line-height: 1.5;
	background:#292a2f;
	font-weight:300;
	color: #ddd;
}
	.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: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.2em;}

.page-info {
	padding: 36px 0;}
#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 {
	padd ing-left: 25%;
	padd ing-right: 100px;
	float: left;
	width: 49%;
	color: #ddd;
	text-a lign: center;
}
.page-info .pi-txt span {
	display: inline-block;
	*display: inline; *zoom: 1;
	font-size: 15px;
	line-height: 1.6;
}
.page-info .pi-txt span:last-child {
	border-right: 0;
}
.page-info .pi-txt p:last-child{
	color:#d9a679;
}
.page-info .pi-txt a {
	color: #ddd;
}
.pi-sns {
	position: absolute;
	right: 0;
	top: 0;
	display:none;}
.pi-sns > a {
	margin-left: 5px;}

.copyright {
	padding: 18px 0;
	color: #ddd;
	text-align: center;
	background-color: #000;}
.copyright a{
	color:#d9a679;
}
.biz-number{
	font-style:normal;
}
.cs-checkbox{
	font-size:.875rem;
}
.cs-checkbox-more{
	padding-left:1rem;
}
.cs-checkbox-more a{
	color:#d9a679;
}
/* main-section common */
.sec-common{
	padding:60px 0;
}
.sec-common .sec-title {
	padding-bottom:52px;
	text-align: center;
	text-transform: uppercase;}
.sec-common .sec-title h2{
	font-size: 24px;
	font-weight: 400;
	color:#292a2f;
	padding-bottom:16px;
}
.sec-common .sec-title p{
	font-size: 18px;
	font-weight: 300;
	color:#555;
}
.sec-common .custom-block{
	display:block;
}

/* sec-01 */
.sec-01{
	width:100%;
	position:relative;
	z-index:1
}
.sec-01-bg{
	position:relative;
	background:#f9f9f8;
	z-index:-2;
}
.sec-01-bg:before{
	content:"";
	background: url(../img/sec01-patten.png);
	opacity:0.15;
	top:0;
	left:0;
	bottom:0:
	right:0;
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
}
.sec-01 ul{
	font-size:0;
	text-align:center;
}
.sec-01 ul li{
	display:inline-block;
	width:180px;
	height:180px;
	border-radius:50%;
	border:5px solid #292a2f;
	margin:0 12px;
	font-size:16px;
	line-height:1.2;
	background-position: 50% 25%;
	background-repeat:no-repeat;
	background-color:#fff;
	position:relative;
}
.sec-01 ul li:nth-child(1){
	background-image:url('../img/sec01-icon01.png');
}
.sec-01 ul li:nth-child(2){
	background-image:url('../img/sec01-icon02.png');
}
.sec-01 ul li:nth-child(3){
	background-image:url('../img/sec01-icon03.png');
}
.sec-01 ul li:nth-child(4){
	background-image:url('../img/sec01-icon04.png');
}
.sec-01 ul li:nth-child(5){
	background-image:url('../img/sec01-icon05.png');
}
.sec-01 ul li p{
	color:#292a2f;
	position:absolute;
	top:100px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	vertical-align:top;
}
.sec-01 ul li p a{color:#39b549; font-weight:600;}

.sec-01 .intro-item .overlay {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 100px;
}

/* sec-02 */
.sec-02>ul{
	font-size:0;
	width:100%;
}
.sec-02>ul>li{
	display:inline-block;
	min-height:450px;
	width:calc(20% - 24px);
	margin:12px;
	font-size:16px;
	text-align:center;
	box-shadow:0 0 5px rgba(0,0,0,.2);
	vertical-align:top;
	position:relative;
}
.sec-02 .sec-con-img{
	width:100%;
	height:120px;
	background-size:cover;
}
	.sci-bg1{background:url(../img/pjs-main-work1.jpg) no-repeat 50% 50%;}
	.sci-bg2{background:url(../img/pjs-main-work2.jpg) no-repeat 50% 50%;}
	.sci-bg3{background:url(../img/pjs-main-work3.jpg) no-repeat 50% 50%;}
	.sci-bg4{background:url(../img/pjs-main-work4.jpg) no-repeat 50% 50%;}
	.sci-bg5{background:url(../img/pjs-main-work5.jpg) no-repeat 50% 50%;}

.sec-02 h3{
	font-size:20px;
	font-weight:400;
	color:#d9a679;
	padding:20px;
}

.sec-02 .more-btn{
	width:100px;
	margin:16px auto;
	padding:4px 0;
	border:1px solid #d9a679;
	font-size:12px;
	color:#d9a679;
	position:absolute;
	bottom:8px;
	left:0;
	right:0;
	transition:all .4s;
}
.sec-02 .more-btn:hover{
	background:#d9a679;
	color:#fff;
}

/* sec-03 */
.sec-03-bg{
	width:100%;
	height:360px;
	background:url(../img/pjs-banner.jpg);
}
.sec-03 .sec-common{
	padding:110px 0 0 0;
}
.sec-03 .sec-contents{
	text-align:center;
}
.sec-03 h1{
	font-size:40px;
	color:#fff;
	padding:10px 0;
	margin-bottom:36px;
}
.sec-03 h1 span{
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}
.sec-03 p{
	font-size:24px;
	color:#ddd;
}

/* sec-04 */
.sec-04 .sec-common{
	padding:0;
}

.contact-sec .cs-info {
	float: right;
	width: 47%;
	color: #727071;
	font-size: 1em;}

.page-info-title {
	display: block;
	padding: 5px 0 15px;
	color: #d9a679;
	font-weight:500;
	font-size: 18px;
	line-height: 1;
	text-transform: uppercase;
}
.page-info .pi-txt .page-privacy,
.page-privacy{padding-top:1.5rem;}
.page-info .pi-txt .page-privacy a,
.page-privacy a{color:#d9a679}
.footer-cs-form {
	float: right;
	width: 49%;
}
.footer-cs-form .cs-form-field {
	padding-bottom: 0;
}

.footer-cs-form .cs-form-div,
.footer-cs-form .cs-form-whole {
	float: left;
	margin: 0 0.5% 1%;
}
.footer-cs-form label { color: #878585;  }
.footer-cs-form  .cs-form-div { width: 49%; }
.footer-cs-form  .cs-form-whole {  width: 99%;  }
.footer-cs-form  .cs-form-input,
.footer-cs-form  .cs-msg {
	width: 100%;
	padding: 6px;
	color: #878585;
	font-family: inherit;
	background-color: transparent;
	border: 1px solid #ddd;
	border-radius: 3px;
	outline: none;
}
.footer-cs-form  .btn-send {
	cursor: pointer;
	display: block;
	width: 99%;
	margin:12px auto 0;
	color:#292a2f;
	font-size: 13px;
	font-weight:600;
	line-height: 2.5;
	background-color: #d9a679;
	border: 0;
	border-radius: 3px;
	-webkit-appearance: none;
}
.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;}
.cs-checkbox label{
	padding:0 0.5%;
}

/* modal */

.modal-window {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.3);
	top: 0;
	right: 0;
	left: 0;
	bottom:0;
	z-index: 9999;
	display: none;
	pointer-events: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.modal-window:target {
	display: block;
	pointer-events: auto;
}
.modal-window>div {
	max-width: 598px;
	height:480px;
	position: relative;
	margin: 15% auto;
	padding: 2rem;
	background: #fff;
	color: #444;
	border-radius:.75rem;
	box-shadow: 0 4px 10px 0 hsla(0, 0%, 0%, 0.3);
}
.modal-con{
	height:345px;
	overflow: hidden;
}
.modal-inner {
	height:100%;
	overflow-y: auto;
}
.modal-window header {
	font-weight: bold;
}

.modal-close {
	color: #555;
	font-weight:600;
	line-height: 50px;
	position: absolute;
	right: 16px;
	text-align: center;
	top: 10px;
	width: 70px;
	text-decoration: none;
}

.modal-close:hover {
	color: #000;
}

.modal-window h1 {
	font-size: 150%;
	margin: 0 0 15px;
	padding-bottom:1.5rem;
	border-bottom:1px solid #ddd;
}
.modal-window h3{
	padding:.5rem 0;
} 
.modal-window p{
	font-size: 14px;
	line-height:1.6;	
	padding-bottom:1rem;
}