/* selection
 * =================================================================== */
::selection {
	background: #ee8405;
	color: #fff;
}

body {
	color: #6e6e71;
	line-height: 1.6;
	font-size: 16px;
	font-family: MyriadProRegular, 'NanumGothic', sans-serif;
}

/* header
 * =================================================================== */
#header {
	background: #fff;
	font-family: MyriadProRegular, sans-serif;
	margin-bottom: 17px;
}
#header .wrap {
	width: 1080px;
	margin: 0 auto;
	position: relative;
	height: 190px;
}
.scrolled {
	padding-top: 50px;
}
.scrolled #header {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99999;
	border-bottom: 1px solid #ccc;
	
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
	-o-box-shadow: 0 0 10px rgba(0,0,0,.2);
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.scrolled #header .wrap {
	height: 50px;
	overflow: hidden;
}

#header a {
	color: #58585c;
	font-size: 25px;
}
.scrolled #header a {
	font-size: 20px;
}
#header a.current,
#header a:hover {
	color: #ee8405;
}

#logo {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -95px;
	width: 135px;
	height: 190px;
	overflow: hidden;
}
.scrolled #logo {
	height: 105px;
	margin-top: -49px;
}
#logo img {
	display: block;
	width: auto;
	height: 100%;
}

#sns {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -24px;
	height: 48px;
}
#sns a {
	display: block;
	line-height: 48px;
	height: 48px;
	float: left;
	margin-left: 9px;
	margin-right: 20px;
}
#sns a.icon {
	font-size: 48px;
	color: #8f8f90;
	margin-right: 0;
	vertical-align: middle;
}
#sns a.icon:hover {
	color: #555;
}
.scrolled #sns a.icon {
	font-size: 20px;
}

/* nav
 * ------------------------------------------------------------------- */
#nav {
	position: absolute;
	top: 50%;
	margin-top: -24px;
	height: 48px;
	left: 192px;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav ul li {
	display: block;
	float: left;
	margin-right: 40px;
}
#nav ul li a {
	display: block;
	height: 48px;
	line-height: 48px;
}

/* footer
 * =================================================================== */
#footer {
	width: 1200px;
	margin: 0 auto;
	border-top: 1px dashed #a9a8a9;
	padding-top: 55px;
	padding-bottom: 55px;
}
#footer .wrap {
	height: 87px;
	position: relative;
}
#footer .logo {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
#footer .by {
	position: absolute;
	top: 0;
	right: 0;
	width: 127px;
	height: 100%;
}
#footer img {
	display: block;
	height: 100%;
	width: auto;
}

#footer .address,
#footer .phone {
	position: absolute;
	top: 50%;
	margin-top: -43px;
	height: 87px;
	line-height: 22px;
	padding-top: 21px;
}
#footer .address i,
#footer .phone i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 87px;
}
#footer .address {
	left: 206px;
	padding-left: 44px;
}
#footer .address i {
	width: 30px;
	background: url(/img/layout/footer/bg-address.gif) no-repeat;
	background-size: 30px 87px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/footer/bg-address.gif', sizingMethod='scale');
}
#footer .phone {
	left: 604px;
	padding-left: 54px;
}
#footer .phone i {
	width: 40px;
	background: url(/img/layout/footer/bg-phone.gif) no-repeat;
	background-size: 40px 87px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/footer/bg-phone.gif', sizingMethod='scale');
}
#footer .phone strong {
	font-size: 120%;
	font-weight: normal;
	font-family: MyriadProBold, sans-serif;
	display: inline-block;
	margin-left: 2px;
}

/* body
 * =================================================================== */
#visual {
	height: 816px;
	background: url(/img/pages/main/visual.jpg) no-repeat center;
	position: relative;
	margin-bottom: 65px;
}
#visual p {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 140px;
	margin-left: 32px;
	font-size: 17px;
	color: #808284;
	line-height: 1.6;
}
#visual p strong {
	font-size: 23px;
}
.backgroundsize #visual p strong {
	background: url(/img/pages/main/visual/dot.png) no-repeat center top;
	background-size: 73px auto;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pages/main/visual/dot.png', sizingMethod='scale');
	padding-top: 6px;
}

.section {
	margin-bottom: 65px;
	padding-top: 50px;
}
.section .wrap {
	width: 1000px;
	margin: 0 auto;
}
.section h1 {
	font-size: 30px;
	color: #6D6D70;
	border-bottom: 1px solid #58585C;
	padding: 0 20px 40px 20px;
	margin-bottom: 45px;
}
.section .en {
	font-weight: normal;
	font-family: MyriadProRegular, sans-serif;
}
.section .en strong {
	font-weight: normal;
	font-family: MyriadProRegular, sans-serif;
	font-size: 150%;
	letter-spacing: -1px;
}
.section h1 .kr {
	font-weight: normal;
	font-family: NanumGothicBold, sans-serif;
	font-size: 24px;
	display: inline-block;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #6D6D70;
}

.section-narrow .wrap {
	width: 960px;
}
.section-narrow h1 {
	padding-left: 0;
	padding-right: 0;
}

#section-about .pull-left {
	width: 266px;
	border-right: 1px solid #6d6d70;
	margin-right: -1px;
}
#section-about .pull-right {
	width: 735px;
	border-left: 1px solid #6d6d70;
	padding-left: 70px;
}
#section-about h2 {
	font-size: 35px;
	color: #6e6e71;
	line-height: 1.6;
	font-family: NanumGothicBold, sans-serif;
	font-weight: normal;
	margin: 0;
}
#section-about h2 small {
	font-size: 25px;
	font-family: MyriadProRegular, sans-serif;
	font-weight: normal;
	color: #6e6e71;
	display: block;
}
#section-about h2 small strong {
	font-weight: normal;
	font-family: MyriadProBold, sans-serif;
}

.dslide {
	margin-bottom: 60px;
}
.dslide .dslide-pagination {
	bottom: -60px;
}
.dslide .dslide-pagination ul {
	margin-top: -12px;
}
.dslide .dslide-pagination ul li a {
	background-color: #6D6D70;
	width: 22px;
	height: 22px;
	
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	-o-border-radius: 11px;
	border-radius: 11px;
}
.dslide .dslide-pagination ul li.dslide-current a {
	border: 2px solid #6D6D70;
	background-color: #fff;
}

#section-spec h1 {
	margin-bottom: 0;
}
#section-spec .content {
	height: 323px;
	background: url(/img/pages/main/spec.gif) no-repeat;
	background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pages/main/spec.gif', sizingMethod='scale');
}

.dmodal-trigger-target {
	font-size: 14px;
}