/* webfont */

@font-face {
	font-family: "Bebas";
	src: url('font/BebasNeue.eot');
	src: local('?'), url('font/BebasNeue.woff') format('woff'), url('font/BebasNeue.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "LibreR";
	src: url('font/LibreBaskerville-Regular.eot');
	src: local('?'), url('font/LibreBaskerville-Regular.woff') format('woff'), url('font/LibreBaskerville-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "LibreB";
	src: url('font/LibreBaskerville-Bold.eot');
	src: local('?'), url('font/LibreBaskerville-Bold.woff') format('woff'), url('font/LibreBaskerville-Bold.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "NotoD";
	src: url('font/NotoSansKR-DemiLight.eot');
	src: local('?'), url('font/NotoSansKR-DemiLight.woff') format('woff'), url('font/NotoSansKR-DemiLight.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "NotoB";
	src: url('font/NotoSansKR-Bold.eot');
	src: local('?'), url('font/NotoSansKR-Bold.woff') format('woff'), url('font/NotoSansKR-Bold.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "NotoT";
	src: url('font/NotoSansKR-Thin.eot');
	src: local('?'), url('font/NotoSansKR-Thin.woff') format('woff'), url('font/NotoSansKR-Thin.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "NotoM";
	src: url('font/NotoSansKR-Medium.eot');
	src: local('?'), url('font/NotoSansKR-Medium.woff') format('woff'), url('font/NotoSansKR-Medium.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "NotoL";
	src: url('font/NotoSansKR-Light.eot');
	src: local('?'), url('font/NotoSansKR-Light.woff') format('woff'), url('font/NotoSansKR-Light.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
/**/
.bebas {
	font-family: "Bebas";
}
.libreR {
	font-family: "LibreR";
}
.libreB {
	font-family: "LibreB";
}
.notoB {
	font-family: "NotoB";
}
.notoM {
	font-family: "NotoM";
}
.notoT {
	font-family: "NotoT";
}
.notoD {
	font-family: "NotoD";
}
.notoL {
	font-family: "NotoL";
}
html, body {
	width: 100%;
	height: 100%;
}
body, textarea, input, select {
	color: #fff;
	font-size: 14px;
	font-family: "NotoD";
	font-weight: normal;
	-webkit-text-size-adjust: none;
}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td {
	margin: 0;
	padding: 0;
}
ul, ol, li {
	list-style: none
}
img, fieldset {
	border: none;
	vertical-align: top
}
legend {
	display: block;
}
caption {
	width: 1px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	line-height: 0;
}
button {
	color: #666;
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	cursor: pointer;
}
select {
	padding: 4px;
	height: 27px;
	background: #fff;
	border: 1px solid #ddd;
}
textarea {
	font-size: 12px;
	vertical-align: top;
	background: #fff;
	color: #666;
	border: 0;
	padding: 12px 14px;
}
a {
	text-decoration: none;
	color: #666;
	color: inherit;
}
a:hover, a:focus, a:active {
	text-decoration: none;
}
table {
	width: 100%;
	border-collapse: collapse;
}
table td, table th {
	vertical-align: top;
}
.scOut {
	display: block;
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
.scroll {
	position: absolute;
	bottom: 10%;
	left: 50%;
	z-index: 1000;
	width: 112px;
	height: 144px;
}
.scrollBtn {
	display: block;
	width: 112px;
	height: 13px;
	padding-top: 132px;
	margin-left: -56px;
	font-size: 17px;
	font-family: "Bebas";
	letter-spacing: 0.6px;
	text-align: center;
	background: url("../img/btn/btn_down.png") no-repeat 0 0;
}
.scrollBtn.on {
	background-position: -120px 0;
}
.wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/**/
.mainSection {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 300;
}
.mainTop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
}
.mainTop .mainGnbArea {
	position: relative;
	width: 1280px;
	margin: 0 auto;
}
.mainTop .mainGnbArea h1 {
	position: absolute;
	top: 40px;
	
	width: 240px;
	height: 107px;
}
.mainTop .mainGnbArea .gnbWrap {
	position: absolute;
	top: 73px;
	right:-40px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList {
	float: left;
	width: 1000px;
	height: 40px;
	 margin-top:10px;
	background: url("../img/background/bg_gnb.png") repeat;
}
.mainTop .mainGnbArea .gnbWrap .gnbList a{color:#FFF;}
.mainTop .mainGnbArea .gnbWrap .gnbList span {
	float: left;
	padding: 14px 23px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList span.g4 {
	padding: 14px 20px 14px 23px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList span a {
	display: block;
	height: 13px;
	background: url("../img/txt/gnbs.png") repeat;
	text-indent: -9999px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList span.g1 a {
	background-position: 0 0;
	width:56px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList span.g2 a {
	background-position: 0 -50px;
	width: 50px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList span.g3 a {
	background-position: 0 -100px;
	width: 80px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList span.g4 a {
	background-position: 0 -150px;
	width: 80px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList span.g5 a {
	background-position: 0 -200px;
	width: 50px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList span.g6 a {
	background: url("../img/txt/gnbs.png") repeat  0 -239px;
	width: 80px;
}



.mainTop .mainGnbArea .gnbWrap .gnbList span.g1 {
	margin-right: 20px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList span.g2 {
	margin-right: 20px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList span.g3 {
	margin-right:20px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList span.g4 {
	margin-right:20px;
}

.mainTop .mainGnbArea .gnbWrap .gnbList span.g5 {
	margin-right:20px;
}


.mainTop .mainGnbArea .gnbWrap .gnbList span.g6 {
	margin-right:20px;
}

.mainTop .mainGnbArea .gnbWrap .linkNav {
	float: right;
	width: 360px;
	height: 40px;
	overflow: hidden;
}
.mainTop .mainGnbArea .gnbWrap .linkNav span {
	float: left;
	margin-left: 2px;
	height: 22px;
	background: url("../img/background/bg_gnb.png") repeat;
}
.mainTop .mainGnbArea .gnbWrap .linkNav li.n1 {
	width: 140px;
	padding: 10px 38px 9px;
}
.mainTop .mainGnbArea .gnbWrap .linkNav li.n2 {
	width: 84px;
	padding: 10px 28px 9px;
}
.mainVisualWrap {
	position: relative;
	height: 100%;
}
.scene1 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 100;
	margin-top: -80px;
}
.scene1 p {
	margin-top: 20px;
	font-family: "NotoL";
	font-size: 22px;
}
.scene1 p span {
	font-family: "NotoM";
}
 @media screen and (max-height: 859px) {
.mainTop .mainGnbArea .gnbWrap {
	position: absolute;
	top: 0;
	right: 0;
}
.mainTop .mainGnbArea h1 {
	position: absolute;
	top: 73px;
	left: 50%;
	width: 152px;
	height: 117px;
	margin-left: -76px;
}
.mainTop .mainGnbArea {
	position: relative;
	width: 964px;
	margin: 0 auto;
}
.mainTop .mainGnbArea .gnbWrap .gnbList {
	float: left;
	width: 850px;
	height: 40px;
	background: url("../img/background/bg_gnb.png") repeat;
}
.mainTop .mainGnbArea .gnbWrap .gnbList li {
	float: left;
	padding: 14px 29px;
}
.mainTop .mainGnbArea .gnbWrap .linkNav li.n1 {
	width: 140px;
	padding: 10px 28px 9px;
}
.mainTop .mainGnbArea .gnbWrap .linkNav li.n2 {
	width: 84px;
	padding: 10px 18px 9px;
}
.mainTop .mainGnbArea .gnbWrap .linkNav {
	float: right;
	width: 320px;
	height: 40px;
	overflow: hidden;
}
.mainTop .mainGnbArea .gnbWrap .gnbList li.g1 {
	margin-right: 19px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList li.g2 {
	margin-right: 19px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList li.g3 {
	margin-right: 19px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList li.g4{
	margin-right: 19px;
}.mainTop .mainGnbArea .gnbWrap .gnbList li.g5 {
	margin-right: 19px;
}
.mainTop .mainGnbArea .gnbWrap .gnbList li.g6 {
	margin-right: 19px;
}
.scene1 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 100;
	margin-top: -110px;
}
}
.visualArea {
	position: relative;
	height: 100%;
}
.visualBackground {
width:100%: overflow:hidden;
}
.visualBackground li {
	position: absolute;
	width: 100%;
	height: 100%;
}
.visualBackground li.v1 {
	top: 0;
	left: 0;
	background: url("../img/background/bg_scene1_m1.jpg") center top no-repeat;
	background-size: cover;
}
.visualBackground li.v2 {
	top: 0;
	left: 100%;
	background: url("../img/background/bg_scene1_m2.jpg") center top no-repeat;
	background-size: cover;
}
.visualBackground li.v3 {
	top: 0;
	left: 200%;
	background: url("../img/background/bg_scene1_m3.jpg") center top no-repeat;
	background-size: cover;
}
.btnCtrl {
	position: absolute;
	width: 100%;
	bottom: 20px;
	left: 0;
}
.btnCtrl ul {
	width: 64px;
	margin: 0 auto;
	overflow: hidden;
}
.btnCtrl ul li {
	float: left;
	margin: 0 7px
}
.btnCtrl ul li a {
	display: block;
	width: 7px;
	height: 7px;
	background: url("../img/btn/btn_roll.png") right top no-repeat;
	text-indent: -9999px;
}
.btnCtrl ul li.on a {
	background-position: left top;
}
/**/
.dorcoSection {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1000%;
	overflow: hidden;
	background: #3d3b38;
}
.fixGnbArea {
	position: relative;
	width: 100%;
	z-index: 50000;
	height: 51px;
	border-bottom: 1px solid #aca568;
	background: #3a3a3a;
}
.fixGnbArea .fixGnb {
	position: relative;
	width: 1280px;
	margin: 0 auto;
	z-index: 700;
}
.fixGnb .gnbList {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding-left: 24px;
}
.fixGnb .gnbList li {
	float: left;
	padding: 19px 31px;
}
.fixGnb .gnbList li a {
	display: block;
	height: 13px;
	background: url("../img/txt/gnbs.png") repeat;
	text-indent: -9999px;
}
.fixGnb .gnbList li a.current {
	color: #6d8bac;
}
.fixGnb .gnbList li.fg1 a {
	background-position: -200px 0;
	width: 80px;
}
.fixGnb .gnbList li.fg2 a {
	background-position: -200px -50px;
	width: 80px;
}
.fixGnb .gnbList li.fg3 a {
	background-position: -200px -100px;
	width: 80px;
}
.fixGnb .gnbList li.fg4 a {
	background-position: -200px -150px;
	width: 80px;
}
.fixGnb .gnbList li.fg5 a {
	background-position: -200px -200px;
	width: 80px;
}

.fixGnb .gnbList li.fg6 a {
	background-position: -200px -239px;
	width: 80px;
}




 @media screen and (max-height: 859px) {
.fixGnbArea .fixGnb {
	position: relative;
	width: 1024px;
	margin: 0 auto;
	z-index: 700;
}
.fixGnb .gnbList li {
	float: left;
	padding: 19px 20px;
}
}
.fixGnb .linkNav {
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1px solid #aca568;
}
.fixGnb .linkNav li {
	float: left;
	border-left: 1px solid #aca568;
}
.fixGnb .linkNav li.n1 {
	padding: 15px 38px;
}
.fixGnb .linkNav li.n2 {
	padding: 15px 28px;
}
.gnbArrow {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 500;
	height: 46px;
	padding-top: 51px;
}
.gnbArrow a {
	display: block;
	width: 90px;
	height: 46px;
	margin-left: -45px
}
.scene2 {
	position: absolute;
	top: 48%;
	left: 0;
	width: 100%;
	height: 100%;
	min-height:900px;
}/*top:30%;  padding-top:80px;*/
.scene2 .line {
	position: relative;
	width: 327px;
	height: 100%;
	margin: 0 auto;
	
	
	background: url("../img/background/history.png") 1px top repeat-y;
}/*height:571px;*/
.scene2 .line {
	color: #bdd0e4;
	font-size: 32px;
	font-family: "NotoL";
}
.scene2 .line .t1 {
	position: absolute;
	top: 20px;
	left: -150px;
}
.scene2 .line .t1 span {
	font-family: "NotoB";
}
.scene2 .line .t2 {
	position: absolute;
	top:20px;
	right: -150px;
}
/**/
.dorcoSection_cnt {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url("../img/background/bg_scene3.jpg") center top no-repeat;
	background-size: cover;
}
.scene3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 400;
}
.scene3 .textBox {
	position: absolute;
	bottom: 5%;
	left: 0;
	width: 100%;
	height: 510px
}
.scene3 .textBox .tWrap {
	position: relative;
	top:0px;
}
.scene3 .textBox .tWrap .t1 {
	position: absolute;
	top: 200px;
	right: 51.5%;
	font-family: "NotoL";
	font-size: 32px;
	letter-spacing: -0.6px;
}
.scene3 .textBox .tWrap .t1 span {
	color: #000;
}
.scene3 .textBox .tWrap .t2 {
	position: absolute;
	top: 240px;
	left: 49.9%;
	width: 400px;
	color: #fff;
	font-family: "LibreR";
	font-size: 32px;

	padding: 4px 143px 26px 29px;
}
.scene3 .textBox .tWrap .t4 {
	position: absolute;
	top: 240px;
	left:-100px;

}
.scene3 .textBox .tWrap .t3 {
	position: absolute;
	top: 0px;
	left: 49.9%;
	color: #d1d1d1;
	width: 500px;
	font-size: 15px;
	padding: 5px 0 0 5px;
	letter-spacing: -0.2px;
}
/*.scene3 .textBox .tWrap .t1{position:absolute; top:0; right:53%; font-family: "NotoL"; font-size:32px; letter-spacing:-0.6px;}
.scene3 .textBox .tWrap .t1 span{color:#b5cae3;}
.scene3 .textBox .tWrap .t2{position:absolute; top:0; left:49.9%; width:400px; color:#cdc581; font-family: "LibreR"; font-size:32px; border-bottom:1px solid #919190; padding:4px 143px 26px 29px;}
.scene3 .textBox .tWrap .t3{position:absolute; top:0; left:49.9%; color:#d1d1d1; width:500px; font-size:15px; padding:30px 0 0 30px; letter-spacing:-0.2px;}*/
.scene3 .textBox .tWrap .t3 .p2 {
	margin: 10px 10px 10px; display:blockl; float:left; width:230px;
}
.scene3 .textBox .tWrap .t3 .p2 .more_cp{background: url("../img/background/more_a.png") no-repeat; width:230px; height:47px; float:left;}
.scene3 .textBox .tWrap .t3 .p2 .more_cp:hover{background: url("../img/background/more_b.png") no-repeat; }
.scene3 .textBox .tWrap .t3 .p3 {
	color: #b5cae3;
	font-family: "NotoL";
	font-size: 26px;
}
.scene3 .textBox .tWrap .t3 .p3 span {
	font-family: "NotoB";
}
.centerLine {
	position: relative;
	z-index: 500;
	width: 322px;
	margin: 0 auto;
	background: url("../img/background/scene3_line.png") center top no-repeat;
}


/* 
@media screen and (min-width:1024px) and (max-width:1599px){
	.dorcoSection_cnt{position:absolute; top:-100%; left:0;  background:url("../img/background/bg_scene3.jpg") center top no-repeat; background-size:1600px 1100px;}
	.scene3 .textBox .tWrap{position:relative; width:760px; margin:0 auto;}
	.scene3 .textBox{position:static; top:0; bottom:0; left:0; width:100%; height:510px; padding-top:380px;}
	.scene3 .textBox .tWrap .t1{position:absolute; top:0;left:12px; font-family: "NotoL"; font-size:32px; letter-spacing:-0.6px;}
	.scene3 .textBox .tWrap .t2{position:absolute; top:0; left:12px; width:400px; color:#cdc581; font-family: "LibreR"; font-size:32px; padding:0; border-bottom:0;}
	.scene3 .textBox .tWrap .t3{position:absolute; top:0; right:0; color:#d1d1d1; width:500px; font-size:15px; padding:30px 0 0 30px; letter-spacing:-0.2px; border-top:1px solid #919190; }
}*/


/*@media screen and (min-width:1600px) {
	.dorcoSection_cnt{position:absolute; top:-100%; left:0;  background:url("../img/background/bg_scene3.jpg") center top no-repeat; background-size:cover; }
	.scene3 .textBox .tWrap{position:relative; width:760px; margin:0 auto;}
	.scene3 .textBox{position:static; top:0; bottom:0; left:0; width:100%; height:510px; padding-top:380px;}
	.scene3 .textBox .tWrap .t1 span{color:#b5cae3;}
	.scene3 .textBox .tWrap .t2{position:absolute; top:0; left:49.9%; width:400px; color:#cdc581; font-family: "LibreR"; font-size:32px; border-bottom:1px solid #919190; padding:4px 143px 26px 29px;}
	.scene3 .textBox .tWrap .t3{position:absolute; top:0; left:49.9%; color:#d1d1d1; width:500px; font-size:15px; padding:30px 0 0 30px; letter-spacing:-0.2px;}
}*/


@media screen and (max-height: 1033px) {
.dorcoSection_cnt {
	position: absolute;
	top: -100%;
	left: 0;
	background: url("../img/background/sene3_1.jpg") center top no-repeat;
	background-size: cover;
}
.scene3 .textBox .tWrap {
	position: relative;
	width: 760px;
	margin: 0 auto;
}
.scene3 .textBox {
	position: static;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 310px;
	padding-top: 230px;
}
.scene3 .textBox .tWrap .t1 {
	position: absolute;
	top: 200px;
	left: 12px;
	font-family: "NotoL";
	font-size: 32px;
	letter-spacing: -0.6px;
}
.scene3 .textBox .tWrap .t2 {
	position: absolute;
	top: 240px;
	left: 12px;
	width: 400px;
	color: #cdc581;
	font-family: "LibreR";
	font-size: 32px;
	padding: 0;
	border-bottom: 0;
}
.scene3 .textBox .tWrap .t3 {
	position: absolute;
	top: 0px;
	right: 0;
	color: #d1d1d1;
	width: 500px;
	font-size: 15px;
	padding: 30px 0 0 30px;
	letter-spacing: -0.2px;

}
}
/**/
/*.movieClip .movieArea{position:absolute; top:0; left:0; width:100%; height:100%;}
.scene4{position:absolute; top:0; left:0; width:49.9%; height:430px; background:#303030; border-right:1px solid #aca568;}
.scene4 .textBox{position:absolute; top:20%; right:0; width:640px; min-height:100%;}
.scene4 .textBox .t1{position:absolute; top:0; left:0; width:350px}
.scene4 .textBox .t2{position:absolute; top:130px; left:0; width:100%; border-top:1px solid #aca568; font-size:16px; color:#aca568; padding-top:15px;}
.eventBox{position:absolute; top:30%; right:0; width:100%; margin:0 0 0; padding-right:373px; height:570px; border-top:1px solid #988d65; border-bottom:1px solid #988d65; background:#000;}
.eventBox .videoArea{position:absolute; top:0; left:0; background:#000; width:100%;}
.eventBox .videoArea .videoWrap{position:relative; width:1013px; height:570px;  margin:0 auto;overflow:visible; }
.eventBox .videoArea .mvPlay{position:absolute; bottom:-50px; left:30px; width:500px; height:50px; overflow:hidden;}
.eventBox .videoArea .mvPlay a{display:block; width:200px; height:50px; line-height:50px; font-size:16px; float:left; border-left:1px solid #988d65;}
.eventBox .videoArea .mvPlay a.m1{color:#fff; padding-left:25px; background:url("../img/img/event_btns.png") no-repeat 10px -313px;}
.eventBox .videoArea .mvPlay a.m2{color:#aca568; padding-left:10px;}*/

.movieClip {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	max-height: 1100px;
	background: #424242;
}
.evtWrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movieClip .movieArea {
	width: 1280px;
	height: 100%;
	margin: 0 auto;
}
.scene4 {
	position: relative;
	width: 638px;
	height: 364px;

}
.scene4 .textBox {
	position: absolute;
	top: 165px;
	right: 0;
	width: 640px;
}
.scene4 .textBox .t1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px
}
.scene4 .textBox .t2 {
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;

	font-size: 16px;
	color: #aca568;
	padding-top: 15px;
}
.movieClip {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	max-height: 1100px;
	background: #424242;
}
.evtWrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movieClip .movieArea {
	width: 1280px;
	height: 100%;
	margin: 0 auto;
}
.scene4 {
	position: relative;
	width: 638px;
	height: 364px;

}
.scene4 .textBox {
	position: absolute;
	top: 165px;
	right: 0;
	width: 640px;
}
.scene4 .textBox .t1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px
}
.scene4 .textBox .t2 {
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;

	font-size: 16px;
	color: #aca568;
	padding-top: 15px;
}
.movieArea .eventBox {
	position: relative;
	width: 1280px;
	margin: 0 auto;
	height: 538px;
	border-top: 1px solid #988d65;
	border-bottom: 1px solid #988d65;
	background: #000;
}
.movieArea .eventBox .videoArea {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	;
}
.eventBox .videoArea .videoWrap {
	position: relative;
	width: 960px;
	height: 538px;
	margin: 0 auto;
	overflow: visible;
}
.eventBox .videoArea .mvPlay {
	position: absolute;
	bottom: -50px;
	left: 30px;
	width: 500px;
	height: 50px;
	overflow: hidden;
}
.eventBox .videoArea .mvPlay a {
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	float: left;
	border-left: 1px solid #988d65;
}
.eventBox .videoArea .mvPlay a.m1 {
	color: #aca568;
	padding-left: 0px;
}
.eventBox .videoArea .mvPlay a.m2 {
	color: #aca568;
	padding-left: 10px;
}
.eventBox .videoArea .mvPlay a.active {
	color: #fff;
	background: url("../img/img/event_btns.png") no-repeat 10px -313px;
	padding-left: 25px;
}
/*oops추가*/
.eventBox .videoArea .fin {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 300;
	width: 100%;
	height: 100%;
	background: #000 url("../img/btn/movie_end.png") left top no-repeat;
}
/*.eventBox .videoArea .fin{position:relative; top:200; left:0; z-index:300; width:100%; max-width:1013; height:100%; margin:0 auto; background:#000 url("../img/btn/movie_end.png") center top no-repeat;}*/
.eventBox .videoArea .finend {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 300;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
/*.eventBox .videoArea .fin .btnArea{position:absolute; top:50%; left:0; margin-top:-88px; width:100%; padding:30px 0; overflow:hidden;}*/
.eventBox .videoArea .fin .btnArea {
	position: relative;
	width: 100%;
}
.eventBox .videoArea .fin .btnArea .b3 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 135px 0 0 -70px;
	width: 140px;
	height: 140px;
}
.eventBox .videoArea .fin .btnArea .b1 {
	float: left;
	width: 40%;
	padding: 0 5%;
}/*2014-09-23 mhj 수정 */
.eventBox .videoArea .fin .btnArea .b2 {
	float: right;
	width: 40%;
	padding: 0 5%;
}
/*.eventBox .videoArea .fin .btnArea div img{max-width:100%;}*/

.eventBox .eventView {
	position: absolute;
	top: 0;
	right: 0;
	width: 322px;
	overflow: hidden;
}
/*.eventBox .eventView li{background:url("../img/btn/btn_event.gif") no-repeat; height:286px;}
.eventBox .eventView li.e1.on{background-position:-400px 0;}
.eventBox .eventView li.e2.on{background-position:-400px -286px;}
.eventBox .eventView li.e1{background-position:0 0;}
.eventBox .eventView li.e2{background-position:0 -286px;}*/
.eventBox .eventView li a {
	display: block;
	height: 270px;
	position: relative;
}
.eventBox .eventView li a img {
	position: absolute;
	top: 0;
	left: 0;
}
 @media screen and (max-height:1023px) {
.movieClip .movieArea {
	width: 1008px;
	height: 100%;
	margin: 0 auto;
}
.scene4 {
	position: relative;
	width: 502px;
	height: 248px;

}
.scene4 .textBox {
	position: absolute;
	top: 85px;
	left: 0;
	width: 502px;
}
.scene4 .textBox .t1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 3412px;
}
.scene4 .textBox .t2 {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;

	font-size: 16px;
	color: #aca568;
	padding-top: 15px;
	width: 502px;
}
.movieArea .eventBox {
	position: relative;
	width: 1008px;
	margin: 0 auto;
	height: 426px;
	border-top: 1px solid #988d65;
	border-bottom: 1px solid #988d65;
	background: #000;
}
.eventBox .videoArea .videoWrap {
	position: relative;
	width: 754px;
	height: 426px;
	margin: 0 auto;
	overflow: visible;
}
.eventBox .eventView {
	position: absolute;
	top: 0;
	right: 0;
	width: 254px;
	height: 213px;
	overflow: hidden;
	background: #aca568;
}
.eventBox .eventView li a {
	display: block;
	height: 214px;
	position: relative;
}
.eventBox .eventView li a img {
	width: 254px;
}
.eventBox .videoArea .mvPlay {
	position: absolute;
	top: -50px;
	left: 530px;
left:width:500px;
	height: 50px;
	overflow: hidden;
}
.eventBox .videoArea .mvPlay a {
	display: block;
	width: 120px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	float: left;
	border-left: 0 solid #988d65;
}
.eventBox .videoArea .mvPlay a.m1 {
	color: #aca568;
	padding-left: 0px;
}
.eventBox .videoArea .mvPlay a.m2 {
	color: #aca568;
	padding-left: 10px;
}
.eventBox .videoArea .mvPlay a.active {
	color: #fff;
	background: url("../img/img/event_btns.png") no-repeat 10px -313px;
	padding-left: 25px;
}
}
.movieClip .eventArea {
	position: absolute;
	top: 0;
	left: 100%;
	width: 1014px;
	height: 100%;
	background: #424242;
}
.movieClip .eventArea .eventContent {
	position: relative;
	padding: 55px 0 0 45px;
}
.movieClip .eventArea2 {
	position: absolute;
	top: 0;
	left: 100%;
	width: 1014px;
	height: 100%;
	background: #424242;
}
.movieClip .eventArea2 .eventContent {
	position: relative;
	padding: 55px 0 0 45px;
}
.closeEvent {
	display: block;
	position: absolute;
	top: 65px;
	right: 103px;
	z-index: 300;
	background: url("../img/img/event_btns.png") no-repeat 0 0;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
}
.eventWrap {
	position: relative;
	width: 660px;
	padding: 0 0 155px 157px;
}
.eventWrap .number {
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
	height: 160px;
	text-indent: -9999px;
	background: url("../img/img/event.png") no-repeat;
}
.eventWrap .number.day {
	background-position: 0 0;
}
.eventWrap .number.edge {
	width: 125px;
	background-position: 0 -180px;
}
.eventWrap .headtxt1 {
	font-size: 16px;
	color: #a2a2a2;
	line-height: 18px;
	padding-top: 5px;
}
.eventWrap .headtxt2 {
	font-size: 50px;
	color: #fff;
	font-family: "NotoL";
	letter-spacing: -5px;
	line-height: 52px;
	margin-top: 40px;
}
.eventWrap .headtxt2 span {
	color: #cfc783;
}
.eventWrap .headtxt3 {
	font-size: 16px;
	color: #a2a2a2;
	line-height: 18px;
	padding-top: 40px;
}
.eventInfo {
	border-top: 3px solid #585952;
	border-bottom: 3px solid #585952;
	padding: 4px 0;
	margin: 45px 0 35px;
}
.eventInfo ul {
	border-top: 1px solid #585952;
	border-bottom: 1px solid #585952;
	padding: 35px 0;
}
.eventInfo ul li {
	overflow: hidden;
	font-size: 15px;
	line-height: 28px;
}
.eventInfo ul li .t1 {
	float: left;
	color: #828da2;
	font-family: "NotoM";
	width: 136px;
	padding-left: 4px;
}
.eventInfo ul li p {
	float: left;
	width: 500px;
}
.eventInfo ul li .s_bar {
}
.eventInfo ul li.last {
	color: #828da2;
	margin-top: 30px;
}
.choiceDiv {
	background: #3a3c3e;
	padding-top: 50px;
}
.choiceDiv .title {
	background: url("../img/img/event.png") no-repeat;
	margin: 0 auto 20px;
	text-indent: -9999px;
}
.choiceDiv .title.t1 {
	width: 438px;
	height: 31px;
	background-position: -200px -180px;
}
.choiceDiv .title.t2 {
	width: 438px;
	height: 31px;
	background-position: -200px 0;
}
.choiceDiv .desc {
	font-size: 16px;
	color: #a2a2a2;
	text-align: center;
	font-family: "NotoM";
	line-height: 18px;
}
.choiceBox {
	background: #323638;
	margin: 35px 0;
	padding: 45px 40px;
}
.choiceBox .elem {
	overflow: hidden;
	float: left;
	color: #fff;
}
.choiceBox .elemWrap {
	overflow: hidden;
}
.choiceBox fieldset {
}
.mt50 {
	margin-top: 50px;
}
.choiceBox legend {
	font-size: 17px;
	font-family: "NotoL";
	margin-bottom: 15px;
}
.choiceBox legend .num {
	text-indent: -9999px;
}
.choiceBox legend {
	background: url("../img/img/event.png") no-repeat;
	padding-left: 35px;
}
.choiceBox legend.one {
	background-position: -690px 0;
}
.choiceBox legend.two {
	background-position: -690px -180px;
}
.table {
	font-family: "NotoM";
}
.table th {
	color: #828da2;
	text-align: left;
	font-size: 16px;
	line-height: 18px;
}
.table th, .table td {
	padding: 5px 0;
	vertical-align: middle;
}
.table th.top {
	vertical-align: top;
	padding-top: 10px;
}
.inputBox {
	background: #3a3b3c;
	font-size: 14px;
	border: 0;
	height: 45px;
	padding: 0 15px;
}
.btnPost {
	display: inline-block;
	color: #aca568;
	border: 2px solid #aca568;
	width: 97px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin-right: 5px;
}
.privacy {
	width: 540px;
	height: 110px;
	padding: 10px;
	overflow: hidden;
	font-size: 12px;
	color: #a5a5a5;
	line-height: 16px;
	margin-top: 15px;
	background: #3a3b3c;
}
.btnDiv {
	margin-top: 20px;
	text-align: right;
}
.btnEvent {
	color: #aca568;
	border: 2px solid #aca568;
	background: #444b56;
	width: 210px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
}
.layerPost {
	width: 100%;
}
.popWrap {
	position: relative;
	width: 100%;
	height: 560px;
	background: #fff;
}
.popWrap .popHead {
	height: 80px;
	line-height: 80px;
	padding: 0 30px;
	font-size: 20px;
	font-family: "NotoB";
	background: #988d65;
}
.popWrap .popHead h1 {
	font-size: 20px;
	font-weight: normal;
}
.popWrap .postContent {
	padding: 30px;
	overflow: hidden;
	color: #414346;
	font-size: 16px;
	font-family: "NotoL";
}
.popWrap .postContent.p1 {
	font-size: 13px;
}
.popWrap .postContent.p1 p {
	margin-bottom: 7px;
}
.popWrap .postContent.p1 h2 {
	font-size: 16px;
	font-family: "NotoM";
	font-weight: normal;
	margin-top: 20px;
}
.popWrap .postContent.p1 .listbox {
	margin-bottom: 20px;
	border: 1px solid #ddd;
	padding: 10px;
}
.popWrap .postContent.p1 .listbox ul {
	overflow: hidden;
}
.popWrap .postContent.p1 .listbox ul li {
	float: left;
	width: 50%;
}
.popWrap .popClose {
	position: absolute;
	top: 27px;
	right: 30px;
	z-index: 100;
	width: 26px;
	height: 27px;
	text-indent: -9999px;
	background: url("../img/img/event_btns.png") no-repeat 0 -100px;
}
.popWrap .postContent .footerPrivacy {
	font-size: 13px;
	line-height: 16px;
}
.popWrap .postContent .footerPrivacy p {
	margin-bottom: 10px;
}
.footerPrivacy table {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.footerPrivacy table th {
	background: #eee;
	padding: 5px 0;
}
.footerPrivacy table td {
	text-align: center;
	padding: 5px 0;
}
.postContent .guide {
	line-height: 27px;
}
.postContent .guide .g2 {
	color: #8f9091;
}
.postContent .addressSrch {
	margin: 30px 0 20px;
	line-height: 45px;
	height: 45px;
}
.postContent .addressSrch label {
	color: #526a97;
	font-size: 20px;
	padding-right: 20px;
}
.postContent .addressSrch span {
	padding: 0 30px 0 10px;
}
.postContent .addressSrch .inputBox2 {
	padding: 0 20px;
	height: 45px;
	background: #ebeef1;
	border-top: 1px solid #d1d4d7;
	border-left: 1px solid #d1d4d7;
	color: #000;
	font-size: 20px;
}
.postContent .addressSrch .btnSrch {
	color: #fff;
	font-size: 20px;
	width: 114px;
	height: 45px;
	padding-left: 33px;
	border: 0;
	cursor: pointer;
	background: #988d65 url("../img/img/event_btns.png") no-repeat 28px -167px;
}
.postContent .addressList {
	width: 645px;
	height: 232px;
	overflow-y: scroll;
	background: #f4f6f7;
}
.postContent .addressList p {
	padding-top: 90px;
	text-align: center;
}
.postContent .addressList .addr {
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	padding: 0 20px;
}
.postContent .addressList .addr.select {
	background: #8996af url("../img/img/event_btns.png") no-repeat right -240px;
	color: #fff;
}
.share strong {
	display: block;
	font-size: 22px;
	color: #fff;
	text-align: center;
	padding: 20px 0 30px;
}
.share p {
	margin-top: 20px;
	color: #828da2;
	text-align: center;
}
.sns {
	width: 644px;
	height: 211px;
	overflow: hidden;
}
.sns a {
	position: relative;
	display: block;
	float: left;
	font-size: 15px;
	background: url("../img/btn/btn_sns.jpg") no-repeat;
}
.sns a span {
	position: absolute;
	top: 96px;
}
.sns .fb {
	width: 321px;
	height: 211px;
	background-position: 0 0;
	color: #80a0ff;
	;
}
.sns .fb span {
	left: 144px
}
.sns .tw {
	width: 323px;
	height: 211px;
	background-position: right 0;
	color: #72d9ff;
}
.sns .tw span {
	left: 178px;
}
.sns .fb2 {
	width: 644px;
	height: 211px;
	background: url("../img/btn/btn_sns2.jpg") no-repeat 0 0;
	color: #80a0ff;
}
.sns .fb2 span {
	left: 290px
}
/*	wrapper divs */
.custom-checkbox, .custom-radio {
	position: relative;
}
/* input, label positioning */
.custom-checkbox input {
	position: absolute;
	left: 0px;
	top: 0;
	margin: 0;
	z-index: 0;
	width: 25px;
	height: 24px;
}
.custom-radio input {
	position: absolute;
	left: 20px;
	top: 0;
	margin: 0;
	z-index: 0;
}
.custom-checkbox label {
	display: block;
	position: relative;
	z-index: 1;
	width: 430px;
	padding-left: 35px;
	height: 24px;
	overflow: hidden;
	font-size: 17px;
	cursor: pointer;
}
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	width: 120px;
	height: 70px;
	overflow: hidden;
	font-size: 17px;
	margin: 0 12px;
	cursor: pointer;
	text-align: center;
	line-height: 18px;
	padding-top: 50px;
}
/* states */
.custom-checkbox label {
	background: url("../img/img/event_btns2.png") no-repeat;
}
.custom-radio label {
	background: url("../img/img/event_btns3.png") no-repeat;
}
.custom-checkbox label {
	background-position: 0 -51px;
}
.custom-radio label {
	background-position: 0 -170px;
}
.custom-checkbox label.hover, .custom-checkbox label.focus, .custom-radio label.hover, .custom-radio label.focus {
	background-position: 0 0;
}
.custom-checkbox label.checked, .custom-radio label.checked {
	background-position: 0 0
}
.custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus {
	background-position: 0 0px;
}
.custom-checkbox label.focus, .custom-radio label.focus {
	outline: 1px dotted #ccc;
}
.style2 .custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	width: 100px;
	height: 60px;
	overflow: hidden;
	font-size: 17px;
	margin: 0 7px;
	cursor: pointer;
	text-align: center;
	line-height: 18px;
	padding-top: 40px;
}
.style2 .custom-radio label {
	background-position: -200px -170px;
}
.style2 .custom-radio label.hover, .style2 .custom-radio label.focus {
	background-position: right -1px;
}
.style2 .custom-radio label.checked {
	background-position: right -1px
}
/**/
.pace7 {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff;
}
.pace7 .sceneWrap {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1434px;
	margin: -454px 0 0 -717px
}/*-454px*/
.pace7 .sceneWrap .scene5 {
	position: absolute;
	width: 100%;
}
.pace7 .textBox {
	position: relative;
	width: 428px;
	height: 186px;
	margin: 20px auto 0;
}
.pace7 .textBox .text {
	position: relative;
	width: 428px;
	height: 140px;
}
.pace7 .textBox .t2 {
	position: absolute;
	top: 110px;
	left: 0;
	width: 428px;
	color: #6e6e6e;
	font-size: 16px;
	text-align: center;
	border-top: 1px solid #aca568;
	padding-top: 15px;
}
.pace7 .textBox .t1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.slideGallery {
	position: relative;
	width: 1434px;
	margin: 0 auto;
}
.slideGallery .btnSlide {
	position: absolute;
	top: 333px;
	cursor: pointer;
	background: url("../img/btn/btn_slide.png") no-repeat;
	width: 37px;
	height: 53px;
}
.slideGallery .btnSlide {
	text-indent: -9999px;
}
.slideGallery .btnSlide.prev {
	left: 0;
	background-position: 0 0;
}
.slideGallery .btnSlide.next {
	right: 0;
	background-position: right 0;
}
.slideGallery .slideView {
	position: relative;
	width: 1280px;
	height: 698px;
	margin: 0 auto;
	overflow: hidden;
}
.slideGallery .slideView .imgWrap {
	position: absolute;
	top: 0;
	left: -1280px;
	width: 3840px;
	height: 698px;
	overflow: hidden;
}
.slideGallery .slideView .imgWrap .left {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.slideGallery .slideView .imgWrap .left a {
	display: block;
}
.slideGallery .slideView .imgWrap .left a.active {
	z-index: 200;
}
.slideGallery .slideView .imgWrap .right {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
.slideGallery .slideView .imgWrap .right a {
	display: block;
}
.slideGallery .slideView .imgWrap .right a.active {
	z-index: 200;
}
.slideGallery .slideView .btnViewLeft {
	display: block;
	width: 264px;
	height: 50px;
	position: absolute;
	bottom: 30px;
	left: 30px;
	z-index: 100;
}
.slideGallery .slideView .btnViewRight {
	display: block;
	width: 264px;
	height: 50px;
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 100;
}


/* 768px 이상,1024px 이하*/
/*@media all and (min-width:1280px) and (max-width:1440px),
@media all and (min-width:1024px) and (max-width:1280px),
@media all and (min-width:768px) and (max-width:1600px)*/
@media screen and (max-height: 1023px) {
.pace7 {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 700px;
	overflow: hidden;
	background: #fff;
}
.pace7 .sceneWrap {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1024px;
	margin: -380px 0 0 -512px
}
.pace7 .sceneWrap .scene5 {
	position: absolute;
	width: 100%;
}
.pace7 .textBox {
	position: relative;
	width: 428px;
	height: 177px;
	margin: 0 auto 0;
}
.pace7 .textBox .text {
	position: relative;
	width: 428px;
	height: 135px;
}
.pace7 .textBox .t2 {
	position: absolute;
	top: 135px;
	left: 0;
	width: 428px;
	color: #6e6e6e;
	font-size: 16px;
	text-align: center;
	border-top: 1px solid #aca568;
	padding-top: 5px;
}
.pace7 .textBox .t1 {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	text-align: center;
}
.pace7 .textBox .t1 img {
	width: 174px;
	height: 65px;
}
.slideGallery {
	position: relative;
	width: 1024px;
	margin: 0 auto;
}
.slideGallery .btnSlide {
	position: absolute;
	top: 245px;
	cursor: pointer;
	background: url("../img/btn/btn_slide.png") no-repeat;
	width: 35px;
	height: 53px;
}
.slideGallery .btnSlide {
	text-indent: -9999px;
}
.slideGallery .btnSlide.prev {
	left: -3px;
	background-position: 0 0;
}
.slideGallery .btnSlide.next {
	right: -3px;
	background-position: right 0;
}
.slideGallery .slideView {
	position: relative;
	width: 958px;
	height: 523px;
	margin: 0 auto;
	overflow: hidden;
}
.slideGallery .slideView .imgWrap {
	position: absolute;
	top: 0;
	left: -960px;
	width: 2877px;
	height: 523px;
	overflow: hidden;
}
.slideGallery .slideView .imgWrap .left {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.slideGallery .slideView .imgWrap .left a {
	display: block;
}
.slideGallery .slideView .imgWrap .left a img {
	width: 1437px;
	height: 523px;
}
.slideGallery .slideView .imgWrap .left a.active {
	z-index: 200;
}
.slideGallery .slideView .imgWrap .right {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
.slideGallery .slideView .imgWrap .right a {
	display: block;
}
.slideGallery .slideView .imgWrap .right a img {
	width: 1440px;
	height: 523px;
}
.slideGallery .slideView .imgWrap .rigt a.active {
	z-index: 200;
}
}
/**/
.about {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #cac5b1;
	z-index: 1000;
}
.scene6 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 580px;
	margin: -380px 0 0;
	text-align: center;
}
.scene6 .textBox {
	position: relative;
	width: 427px;
	margin: 0 auto;
	padding-top: 95px;
}
.scene6 .textBox .t1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
color:#
}
.scene6 .textBox .t2 {
	color: #7e7963;
	text-align: center;
	border-top: 1px solid #85847c;
	line-height: 20px;
	padding-top: 15px;
}
/*.introDiv{position:relative; width:1280px; height:387px; margin:60px auto 0; overflow:hidden;}
.introDiv .txt{position:absolute; top:0; width:427px; height:397px;}
.introDiv .b1{left:0; background:#e4e0cf; font-size:40px; line-height:44px; font-family: "NotoL"; color:#414a5a; letter-spacing:-0.6px; padding-top:150px;}
.introDiv .b1 span{color:#987d36;}
.introDiv .b2{left:427px; background:#fff; padding-top:154px;}
.introDiv .b3{right:0; background:#384354; color:#d6dce5; font-size:15px; line-height:22px; text-align:left; padding-left:40px; padding-top:105px; width:387px;}
.introDiv .b3 p{margin-bottom:20px;}*/
.introDiv {
	position: relative;
	width: 1280px;
	height: 397px;
	margin: 60px auto 0;
	overflow: hidden;
	background: url("../img/background/bg_about.jpg") no-repeat;
}
.introDiv .aboutList {
	position: absolute;
	top: 115px;
	right: 0px;
}
.introDiv .aboutList li {
	margin-bottom: 40px;
}
.introDiv .aboutList li a {
	display: block;
	font-size: 18px;
	color: #7e7963;
}
.introDiv .aboutList li a.on {
	color: #fff;
}
.introDiv .aboutView {
	position: absolute;
	top: 0;
	right: 0;
	width: 428px;
	height: 397px;
}
 @media screen and (max-height: 1023px) {
.scene6 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 460px;
	margin: -280px 0 0;
	text-align: center;
}
.scene6 .textBox {
	position: relative;
	width: 427px;
	margin: 0 auto;
	padding-top: 95px;
}
.introDiv {
	position: relative;
	width: 960px;
	height: 295px;
	margin: 35px auto 0;
	overflow: hidden;
	background: url("../img/background/bg_about_s.jpg") no-repeat;
}
.introDiv .aboutList {
	position: absolute;
	top: 87px;
	right: 50px;
}
.introDiv .aboutList li {
	margin-bottom: 30px;
}
.introDiv .aboutList li a {
	display: block;
	font-size: 13px;
	color: #c8c4a3;
}
.introDiv .aboutList li a.hover {
	color: #fff;
}
.introDiv .aboutView {
	position: absolute;
	top: 0;
	right: 0;
	width: 321px;
	height: 297px;
}
.introDiv .aboutView div img {
	width: 321px;
	height: 297px;
}
}
/**/
.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	overflow: hidden;
	background: #f9f9f5;
	color: #000;
}
.footerInfo {
	position: relative;
	width: 1280px;
	padding-top: 20px;
	margin: 0 auto;
	font-family: dotum;
	font-size: 11px;
}
.footerInfo .flogo {
	position: absolute;
	
	left: 0;
}
.footerInfo .addressDiv {
	padding-left: 427px;
	color: #a4a4a4;
	line-height: 16px;
}
.footerInfo .addressDiv address {
	font-style: normal;
}
.footerInfo .addressDiv .copy {
	color: #636363;
	margin-top: 5px;
}
.footerInfo .btns {
	position: absolute;
	top: 20px;
	right: 0;
}
.footerInfo .btns a {
	display: block;
	color: #fff;
	text-align: center;
	width: 214px;
	height: 27px;
	line-height: 27px;
}
.footerInfo .btns .gofb {
	background: #4e69a2;
}
.footerInfo .btns .fpop {
	background: #d2cead;
	margin-top: 10px;
}
 @media all and (max-height: 1023px) {
.footerInfo {
	width: 960px;
}
.footerInfo .addressDiv {
	padding-left: 255px;
}
}
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100000;
	display: none;
	top: 0;
	left: 0;
}
.reveal-modal {
	visibility: hidden;
	top: 100px;
	left: 50%;
	margin-left: -300px;
	width: 520px;
	/*background: #eee url(modal-gloss.png) no-repeat -200px -80px;*/
	position: absolute;
	z-index: 100001;
	/*padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;*/
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal.small {
	width: 200px;
	margin-left: -140px;
}
.reveal-modal.medium {
	width: 400px;
	margin-left: -240px;
}
.reveal-modal.large {
	width: 600px;
	margin-left: -340px;
}
.reveal-modal.xlarge {
	width: 800px;
	margin-left: -440px;
}
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 20px;
	right: 20px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
	font-weight: bold;
	cursor: pointer;
} 
.fl{float:left;}
.autobody_news{width:1000px; margin:0 auto; padding:0px 0px;}

.time{width:105px; text-align:center; position:relative; border-top:1px #CCCCCC solid; margin-right:55px; padding-top:35px; font-size:40px; font-family:Arial, Helvetica, sans-serif}
.time span{font-size:12px; display:block;}
.time img{display:block; position:absolute; top:0px; left:0px;}
.news_img{width:220px; padding-right:55px; border-top:1px #CCCCCC solid; padding-top:20px; }
.news_text{border-top:1px #CCCCCC solid; padding-top:20px; width:565px;}
.news_title a{color:#C93; font-size:18px;}
.news_title a:hover{color:#c96; font-size:18px;}
.news_bq{padding-top:10px;}
.news_bq span{padding-right:15px; color:#999;}
.news_nr{padding-top:10px; line-height:24px;}
.new_list{margin-top:40px;}