@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* ¸ÞÀÎÆäÀÌÁö¿¡¼­ º¯°æµÇ´Â ÄÚµå */
#sideBar,
#topSpacer{display:none; }
#ctWrap{width:100%; max-width:100%; margin:0 auto !important; }
#hd{background:RGBA(255,255,255,0.75)}
@media all and (max-width:980px)
{
	#hd,
	#hd #tnb,
	#hd #gnb{background:#fff; }
	#topSpacer{display:block; }
}

/* ¸ÞÀÎÆäÀÌÁö ºñÁê¾ó ½½¶óÀÌ´õ */

#mainimg{width:100%; height:100%; overflow:hidden; position:relative;  background:#04030f;}
#mainimg .mainVideo{width:100%; height:100%; position:relative;z-index:2;}
#mainimg .youtubePlayer{width:100%; height:100%; position:absolute; left:0px; right:0px; bottom:0px; top:0px; z-index:2; background:transparent !important;}
#mainimg .mainVideoLoad{width:128px; height:6px !important;  position:absolute; left:50%; top:50%; margin-left:-64px; z-index:1;background:URL(../img/loading.gif) no-repeat center center; background-size:128px auto !important;}
#mainimg .mainVideoCover{width:100%; height:100%; position:absolute; left:0px; right:0px; bottom:0px; top:0px; z-index:4; background:URL(../img/mvCover.png) no-repeat center center; background-size:cover;}


#mainimg .mainSlog{visibility:hidden; position:absolute; left:10%; top:25%; z-index:6; color:#fff; text-align:left;}
#mainimg .mainSlog strong{display:block; font-size:80px;font-weight:100; padding-left:0;}
#mainimg .mainSlog span{display:block; font-size:60px;font-weight:100; margin-left:0;}
#mainimg .mainSlog em{display:block; font-size:18px;font-weight:300; padding-left:0; color:RGBA(255,255,255,0.5); font-style:normal; letter-spacing:0.1em;}
#mainimg .mainKm{position:absolute; right:10%; bottom:10%; z-index:6; color:#fff; text-align:right;}
#mainimg .mainKm span{display:block; font-size:18px;font-weight:300; }
#mainimg .mainKm strong{display:block; font-size:60px;font-weight:100; color:#d60eb9;text-shadow:0px 0px 10px rgba(0,0,0,0.1),0px 0px 14px rgba(0,0,0,0.1),0px 0px 10px rgba(0,0,0,0.1);}
#mainimg .mainKm strong b{
	-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
#mainimg .mainKm em{display:block; font-size:12px;font-weight:300; letter-spacing:0.15em; color:RGBA(255,255,255,0.6); font-style:normal;}

#backspacer{position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:1;;-webkit-transition-duration: 0.8s;-webkit-transition-timing-function: ease;transition-duration: 0.8s;transition-timing-function: ease;}


.btnDownGo{visibility:hidden; position:absolute; left:10%; bottom:10%; z-index:999; display:block; width:49px; text-align:center; 
	-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
.btnDownGo b{display:block;transform:rotate(-90deg); color:#fff; width:80px; height:80px; line-height:50px; text-align:left; letter-spacing:2px; padding-left:20px;
	-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
.btnDownGo img{display:block;
	-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
a:hover.btnDownGo b{padding-left:40px;}
a:hover.btnDownGo img{margin-bottom:-20px;}



@media all and (max-width:850px)
{

	#mainimg .mainSlog strong{font-size:40px;}
	#mainimg .mainSlog span{ font-size:30px;}
	#mainimg .mainSlog em{font-size:14px;}

	#mainimg .mainKm span{font-size:14px;}
	#mainimg .mainKm strong{font-size:40px;}
	#mainimg .mainKm em{font-size:11px;}

	.btnDownGo img{width:20px;margin:0 auto;}

}


@media all and (max-width:650px)
{

	#mainimg .mainSlog strong{font-size:30px;}
	#mainimg .mainSlog span{ font-size:20px;}
	#mainimg .mainSlog em{font-size:12px;}

	#mainimg .mainKm span{font-size:12px;}
	#mainimg .mainKm strong{font-size:30px;}
	#mainimg .mainKm em{font-size:11px;}

	.btnDownGo img{width:20px;margin:0 auto;}

}



.sectionLocation{width:100%; overflow:hidden; position:relative; background:#1b1637; text-align:center;}
.sectionLocation dl{width:50%; position:absolute; left:0px; top:50%; margin-top:-40px; z-index:2; color:#fff;}
.sectionLocation dl dt{color:#a3a3a3; font-size:18px; padding-bottom:10px;}
.sectionLocation dl dt b{color:#a43594;}
.sectionLocation dl dd {color:#999;font-size:20px; font-weight:300;}
.sectionLocation dl dd strong{ font-weight:400;color:#fff;font-size:30px; display:block; padding-bottom:36px;}
.sectionLocation dl dd strong b{ font-weight:400; font-size:40px;}
.sectionLocation .sectionImg{float:right; width:50%; position:relative;}
.sectionLocation .sectionImg img{display:block; width:100%;}
.sectionLocation .sectionImgBg{position:absolute; left:0px; right:50%; top:0px; bottom:0px; z-index:1;background:URL(../img/mc04_01.png) no-repeat center center #1b1637; background-size:cover; overflow:hidden;}
.sectionLocation .sectionImgBg i{display:block; width:100%; height:100%;background:URL(../img/mc04_01.png) no-repeat center center #1b1637; background-size:cover; 
	-webkit-transition-duration: 2.8s;-webkit-transition-timing-function: ease;transition-duration: 2.8s;transition-timing-function: ease;}
.sectionLocation:hover .sectionImgBg i{transform: scale(1.2);-webkit-transition-duration: 2.2s;-webkit-transition-timing-function: ease;transition-duration: 2.2s;transition-timing-function: ease;}


@media all and (max-width:850px)
{

	.sectionLocation dl{position:relative;;width:100%; margin-top:0px;padding:80px;background:URL(../img/mc04_01.png) no-repeat center center #1b1637; background-size:cover;}
	.sectionLocation dl dd strong{padding-bottom:0px;}

	.sectionLocation .sectionImg{float:none; width:100%;}

	.sectionLocation .sectionImgBg{display:none;}

}
@media all and (max-width:650px)
{
	.sectionLocation dl dt{font-size:16px;}
	.sectionLocation dl dd strong b{font-size:26px;}
}


.sectionNew{width:100%; background:#f3f3f5; overflow:hidden; text-align:center; padding:100px 0;}
.sectionNew h2 small{display:block; color:#a43594; font-size:18px; padding-bottom:10px;}
.sectionNew h2 strong{display:block; color:#000; font-size:40px; padding-bottom:50px;font-weight:400;}

.sectionNewList{width:90%; max-width:1600px; margin:0 auto;}
.sectionNewList:after{content:'';display:block ;width:100%; clear:both;}
.sectionNewList .snlA{display:block; width:25%; padding:15px;float:left; text-align:left; cursor:pointer;
	-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
.sectionNewList .snlA em{position:relative; display:block; font-style:normal;}
.sectionNewList .snlA em i{display:block; overflow:hidden; position:relative;}
.sectionNewList .snlA em i img{display:block; 
	-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease;}

.sectionNewList .snlA em i .ytImg{z-index:2;display:block; position:absolute; left:0px; right:0px; top:0px; bottom:0px; background-size:cover; background-repeat:no-repeat; background-position:center center;
	-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease;}
.sectionNewList .snlA em i .fa-youtube-play{ vertical-align:middle; display:block; width:100%; height:50px; line-height:50px; text-align:center;font-size:50px !important; color:rgba(255,255,255,0.8) !important; 
	position:absolute; left:0; top:50%; margin-top:-25px; z-index:3; font-style:normal;text-shadow:0px 0px 2px rgba(0,0,0,0.2),0px 0px 2px rgba(0,0,0,0.2),0px 0px 2px rgba(0,0,0,0.2); 
	-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}

.sectionNewList a:hover.snlA em i img{transform: scale(1.1);}
.sectionNewList a:hover.snlA em i .ytImg{transform: scale(1.1);}
.sectionNewList a:hover.snlA{background:#fff;box-shadow:0px 0px 20px rgba(0,0,0,0.05),0px 0px 20px rgba(0,0,0,0.05),0px 0px 20px rgba(0,0,0,0.05); }

.sectionNewList .snlA em b.icoList{display:block; position:absolute; left:0px; top:0px; z-index:4; font-style:normal; color:#fff; font-size:16px; padding:5px 13px;background:#a92c97; letter-spacing:1px;}
.sectionNewList .snlA em b.ico_Press{background:#a92c97;}
.sectionNewList .snlA em b.ico_Video{background:#2f59b9;}
.sectionNewList .snlA em b.ico_Notice{background:#4b2c97;}

.sectionNewList .snlA em strong{display:block; margin:30px 10px; font-size:22px; color:#000;font-weight:400;line-height:1.6em; max-height:3.2em;
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;
	-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
.sectionNewList a:hover.snlA strong{color:#a92c97}
.sectionNewList .snlA u{display:block; text-decoration:none; margin:0 10px 50px; font-size:14px; color:RGBA(0,0,0,0.5);line-height:1.6em; height:6.4em;color:#999;
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word;}




.sectionNew a.sectionNewA{display:block; clear:both; margin:36px auto 0; width:220px; height:54px; line-height:54px; border:1px solid #ddd; border-radius:50px; overflow:hidden; padding:0 15px 0 30px; color:#999; font-size:18px;
	-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
.sectionNew a.sectionNewA i{float:right; display:block;  height:54px; line-height:54px; color:#ddd; font-size:36px;
	-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
.sectionNew a:hover.sectionNewA{color:#fff; background:#a43594; border:1px solid #a43594; width:240px;}
.sectionNew a:hover.sectionNewA i{color:RGBA(255,255,255,0.5)}




@media all and (max-width:980px)
{
	.sectionNew{padding:60px 0;}
	.sectionNewList .snlA{width:50%;}
	.sectionNewList .snlA:nth-child(3){clear:both;}

}

@media all and (max-width:650px)
{
	.sectionNew h2 small{font-size:16px;}
	.sectionNew h2 strong{font-size:26px;}

	.sectionNewList .snlA{padding:10px;}

	.sectionNewList .snlA em b.icoList{font-size:13px; padding:3px 10px;}

	.sectionNewList .snlA em strong{margin:15px 0; font-size:18px;}
	.sectionNewList .snlA em u{font-size:12px; margin:0 0px 30px;}


	.sectionNew a.sectionNewA{margin-top:25px; width:180px; height:44px; line-height:44px; padding:0 15px 0 30px; font-size:14px;}
	.sectionNew a.sectionNewA i{ height:44px; line-height:44px;font-size:26px;}
	.sectionNew a.sectionNewA:hover{width:180px;}
}






.sectionContact{width:100%; background:#ca959b; background-size:cover; position:relative; overflow:hidden; text-align:center; padding:150px;}
.sectionContact h2 {position:relative; z-index:2;}
.sectionContact h2 small{display:block; color:#eb08ca; font-size:18px; padding-bottom:10px;}
.sectionContact h2 strong{display:block; color:#fff; font-size:40px; padding-bottom:20px;font-weight:400;}
.sectionContact h2 u{display:block; color:RGBA(255,255,255,0.8); font-size:20px; padding-bottom:20px;font-weight:400; text-decoration:none;}

.sectionContactAwr{margin:0 auto; padding:50px 0; width:530px; overflow:hidden; position:relative; z-index:2;}
.sectionContactAwr .sectionContactA{width:50%; float:left;}

.sectionContactAwr .sectionContactA a{display:block; margin:0 auto; width:220px; height:54px; line-height:54px; border:1px solid RGBA(255,255,255,0.2);
	border-radius:50px; overflow:hidden; padding:0 15px 0 30px; color:#fff; font-size:18px; background:#442676; text-align:left;
	-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
.sectionContactAwr .sectionContactA a i{float:right; display:block;  height:54px; line-height:54px; color:RGBA(255,255,255,0.5); font-size:36px;
	-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
.sectionContactAwr .sectionContactA a:hover{color:#fff; background:#a43594; border:1px solid #a43594; width:240px;}
.sectionContactAwr .sectionContactA a:hover i{color:RGBA(255,255,255,0.5)}

/*background:URL(../img/mc06.jpg?v2) no-repeat bottom center #ca959b; height:1075px;*/
.sectionContactBg{width:100%; background:#ca959b; background-size:cover;display:block; left:0px;right:0px; top:0px; bottom:0px; position:absolute; z-index:1;
	-webkit-transition-duration: 2.2s;-webkit-transition-timing-function: ease;transition-duration: 2.2s;transition-timing-function: ease;}


.sectionContact:hover .sectionContactBg{transform: scale(1.05);-webkit-transition-duration: 3.2s;-webkit-transition-timing-function: ease;transition-duration: 3.2s;transition-timing-function: ease;}


@media all and (max-width:1400px)
{
	
	.sectionContact{height:900px;}
	.sectionContactBg{background-size:110% auto;}

}

@media all and (max-width:980px)
{
	
	.sectionContact{height:800px;padding:100px 25px;}

}

@media all and (max-width:650px)
{
	
	.sectionContact{height:auto;padding:50px 25px 30%;;}
	.sectionContact h2 small{font-size:14px;}
	.sectionContact h2 strong{font-size:26px;}
	.sectionContact h2 u{font-size:14px;}

	.sectionContactAwr{width:100%; max-width:400px; padding:0 0 50px; text-align:center;}
	.sectionContactAwr .sectionContactA {width:auto;display:inline-block;padding:5px;float:none;}
	.sectionContactAwr .sectionContactA a{width:160px; height:44px; line-height:44px; padding:0 15px 0 30px; font-size:14px;}
	.sectionContactAwr .sectionContactA a i{ height:44px; line-height:44px;font-size:26px;}
	.sectionContactAwr .sectionContactA a:hover{width:160px;}

}