@charset "utf-8";

/* wrap */
#wrap {
	position:relative;
	min-width:1000px;
	overflow:hidden;
}
#wrap h1,
#wrap .menu {position:fixed;}
#wrap h1 a,
#wrap .menu a {display:block; overflow:hidden;}
#wrap h1 img,
#wrap .menu img {transition:all 350ms ease 0s;}
#wrap h1 {top:125px; left:92px; z-index:11;}
#wrap h1 a {height:148px;}
#wrap .menu {top:296px; left:137px; z-index:2;}
#wrap .menu a {height:43px;}

#wrap.dark h1 img {margin-top:-148px; transition:all 350ms ease 0s;}
#wrap.dark .menu img {margin-top:-43px; transition:all 350ms ease 0s;}

/* dHead */
#dHead {
	position:fixed; top:0; left:-356px;
	width:312px;
	height:100%;
	background:#454545;
	z-index:10;
}

#dHead .reser {margin:60px 0 0 104px;}
#dHead .close {position:absolute; top:166px; right:-44px;}

.gnb > ul {width:100%; padding-top:320px; overflow:hidden;}
.gnb > ul > li {padding:0 0 0 97px;}
.gnb > ul > li a {display:block; width:150px; height:32px; line-height:32px; padding:0 0 0 6px; color:#fff; font-family:'Cambria'; font-size:16px; opacity:0.4; filter:alpha(opacity=40);}
.gnb > ul > li ul {display:none; padding:5px 5px 20px 6px;}
.gnb > ul > li ul a {width:auto; height:auto; padding:0; font-family:'nanum'; font-size:11px; line-height:20px; border:none; background:none; opacity:1; filter:alpha(opacity=100);}
.gnb > ul > li:hover > a,
.gnb > ul > li.on > a {border-bottom:1px solid #8d8d8d; opacity:0.8; filter:alpha(opacity=80);}
.gnb > ul > li.on ul {display:block;}

/* dBody */
#dBody {
	position:relative;
	padding-bottom:30px;
}

/* dFoot */
#dFoot {
	position:relative;
	height:320px;
	text-align:center;
}
#dFoot .customer {position:relative; padding:110px 0 25px 0;}
#dFoot .customer .reser {display:inline-block; position:absolute; top:0; left:50%; margin-left:-36px; height:102px; overflow:hidden;}
#dFoot .customer .reser img {transition:all 350ms ease 0s;}
#dFoot .customer .reser:hover img {margin-top:-102px; transition:all 350ms ease 0s;}
#dFoot .customer li * {vertical-align:middle;}
#dFoot .customer .text01 li {display:inline-block; margin:0 6px; text-align:left;}
#dFoot .customer .text01 li h3 {color:#898989; font-family:'dinmed'; font-size:10px; font-weight:normal; line-height:14px;}
#dFoot .customer .text01 li strong {color:#a28e5b; font-family:'dinmed'; font-size:20px; font-weight:normal; line-height:22px;}
#dFoot .customer .text01 li span {color:#333; font-family:'nanum'; font-size:13px; line-height:20px;}
#dFoot .customer .text01 li + li strong {color:#8aa25b;}
#dFoot .customer .text02 {margin-top:20px;}
#dFoot .customer .text02 li {display:inline-block; margin:0 6px; color:#333; font-family:'nanum'; font-size:13px; line-height:20px;}
#dFoot .customer .text02 li span {font-family:'dinmed';}
#dFoot .copy-designday {padding-top:15px; border-top:1px solid #e4e4e4;}
#dFoot .copy-designday .copy {color:#666; font-family:'dinmed'; font-size:11px; line-height:18px;}

.layer-dim {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:10;}