@charset "utf-8";
/* WEBsiting */
#bodywrap{display:none;}

a.btnMore{display:block; font-family:verdana; font-size:14px; width:120px; margin:20px auto; color:#fff !important;padding:10px; background:#242424;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
a:link.btnMore,
a:visited.btnMore{ border:1px solid #666; filter:Alpha(opacity=40); opacity:0.4; -moz-opacity:0.4;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
a:hover.btnMore,
a:focus.btnMore,
a:active.btnMore{border:1px solid #fff; filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

#mainSection01{width:100%; height:100%; min-height:400px; background:#0f0f0f; position:relative;font-family:'Malgun Gothic','맑은고딕';overflow:hidden;}
#mainSection01 .mainSec01_01{width:100%; height:100%; position:absolute; left:0px; top:0px; right:0px; bottom:0px;background:URL(../img/mainBigImage.jpg) repeat-x center bottom #0f0f0f;background-size:auto 100%; z-index:3;}
#mainSection01 .mainSec01_01 img{width:100%; height:auto;}
#mainSection01 aside{position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:4;}
#mainSection01 aside img{display:block; position:absolute; left:50%; top:0px; z-index:5; height:auto; margin-top:-200px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#mainSection01 aside img.mainArr01{width:680px;margin-left:0px;}
#mainSection01 aside img.mainArr02{width:600px;margin-left:10px;}
#mainSection01 aside img.mainArr03{width:400px;margin-left:60px;}
#mainSection01 aside img.mainArr04{width:300px;margin-left:300px;}
#mainSection01 aside img.mainArr05{width:800px;margin-left:200px; top:-50px;}
@keyframes slidein {from { margin-top:0%; margin-right:0%;}  to { margin-top:100%; margin-right:100%;}}
#mainSection01 em{display:block;width:2px; height:2px; background:#fff; position:absolute; z-index:10; right:1px; top:1px; border-radius:50%;}
#mainSection01 em.mstar01{animation-duration: 10s;-moz-animation-duration: 10s;-webkit-animation-duration: 10s; animation-name: slidein; -moz-animation-name: slidein; -webkit-animation-name: slidein;animation-iteration-count: infinite;-moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;}
#mainSection01 em.mstar02{animation-duration: 20s;-moz-animation-duration: 20s;-webkit-animation-duration: 20s; animation-name: slidein; -moz-animation-name: slidein; -webkit-animation-name: slidein;animation-iteration-count: infinite;-moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; top:-50px;}
#mainSection01 em.mstar03{animation-duration: 15s;-moz-animation-duration: 15s;-webkit-animation-duration: 15s; animation-name: slidein; -moz-animation-name: slidein; -webkit-animation-name: slidein;animation-iteration-count: infinite;-moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; top:-20px;}
#mainSection01 em.mstar04{animation-duration: 15s;-moz-animation-duration: 15s;-webkit-animation-duration: 15s; animation-name: slidein; -moz-animation-name: slidein; -webkit-animation-name: slidein;animation-iteration-count: infinite;-moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;}
#mainSection01 em.mstar05{animation-duration: 18s;-moz-animation-duration: 18s;-webkit-animation-duration: 18s; animation-name: slidein; -moz-animation-name: slidein; -webkit-animation-name: slidein;animation-iteration-count: infinite;-moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;top:-100px;}
#mainSection01 em.mstar06{animation-duration: 21s;-moz-animation-duration: 21s;-webkit-animation-duration: 21s; animation-name: slidein; -moz-animation-name: slidein; -webkit-animation-name: slidein;animation-iteration-count: infinite;-moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;}

#mainSection01 aside.load img{margin-top:0px;}
#mainSection01 aside.load img.mainArr01{width:980px; margin-left:-540px;-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease;}
#mainSection01 aside.load img.mainArr02{width:900px; margin-left:-400px;-webkit-transition-duration: 0.8s;-webkit-transition-timing-function: ease;transition-duration: 0.8s;transition-timing-function: ease;}
#mainSection01 aside.load img.mainArr03{width:800px; margin-left:-540px;-webkit-transition-duration: 1.0s;-webkit-transition-timing-function: ease;transition-duration: 1.0s;transition-timing-function: ease;}
#mainSection01 aside.load img.mainArr04{width:600px; margin-left:-10px;-webkit-transition-duration: 1.4s;-webkit-transition-timing-function: ease;transition-duration: 1.4s;transition-timing-function: ease;}
#mainSection01 aside.load img.mainArr05{width:1000px; margin-left:-100px; top:-50px;-webkit-transition-duration: 1.6s;-webkit-transition-timing-function: ease;transition-duration: 1.6s;transition-timing-function: ease;}

#mainSection01 article{width:90%; height:300px; text-align:center; position:absolute; left:5%; top:50%; margin-top:-120px; z-index:10;}
#mainSection01 article strong{display:block; font-family:'Georgia'; font-style:italic; color:#e41e26; font-size:60px;padding-bottom:40px;}
#mainSection01 article strong b{color:#f26522;}
#mainSection01 article h2{font-size:22px;font-family:'Malgun Gothic','맑은고딕'; color:#fff; padding:15px 0;font-weight:normal;}
#mainSection01 article p{font-size:14px;font-family:'Malgun Gothic','맑은고딕'; color:#fff;}
#ms02Tab{display:block;width:100%; height:50px; position:absolute; left:0px; bottom:0px;}
@media all  and (max-width:900px){
	#mainSection01 .mainSec01_01{background-size:auto 100%;}
	#mainSection01 .mainSec01_02{background-size:auto 100%;}
	#mainSection01 .mainSec01_03{background-size:auto 100%;}
	#mainSection01 article{height:300px; margin-top:-120px;}
	#mainSection01 article strong{font-size:30px;padding-bottom:10px;line-height:1.0em;}
	#mainSection01 article h2{font-size:16px; padding:5px 0;}
	#mainSection01 article h2 span{font-size:14px;}
	#mainSection01 article p{font-size:11px;line-height:1.2em;filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;}

	#mainSection01 aside img{margin-top:-300px;}
	#mainSection01 aside.load img{margin-top:0px;}
	#mainSection01 aside.load img.mainArr01{width:460px; margin-left:-130px;-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease;}
	#mainSection01 aside.load img.mainArr02{width:400px; margin-left:-200px;-webkit-transition-duration: 0.8s;-webkit-transition-timing-function: ease;transition-duration: 0.8s;transition-timing-function: ease;}
	#mainSection01 aside.load img.mainArr03{width:360px; margin-left:-120px;-webkit-transition-duration: 1.0s;-webkit-transition-timing-function: ease;transition-duration: 1.0s;transition-timing-function: ease;}
	#mainSection01 aside.load img.mainArr04{width:260px; margin-left:80px;-webkit-transition-duration: 1.4s;-webkit-transition-timing-function: ease;transition-duration: 1.4s;transition-timing-function: ease;}
	#mainSection01 aside.load img.mainArr05{width:600px; margin-left:-30px; top:-50px;-webkit-transition-duration: 1.6s;-webkit-transition-timing-function: ease;transition-duration: 1.6s;transition-timing-function: ease;}
	@keyframes slidein {
	  from {
		margin-top:0%; margin-right:0%;
	  }

	  to {
		margin-top:200%; margin-right:200%;
	  }
	}
}
.mainScrD{position:absolute; left:50%; bottom:40px; width:70px; margin-left:-35px; z-index:9;}
.mainScrD img{width:70px;}

#mainSection02{width:100%; background:URL(../img/bbaBg.gif) repeat center center #333; padding-bottom:50px;overflow:hidden; text-align:center;}
#mainSection02 h2{padding-top:200px; margin:0px; font-family:'Georgia'; font-style:italic; font-size:34px; font-weight:normal; color:#fff; background:URL(../img/mSec02top.png) no-repeat top center;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#mainSection02.on h2{background:URL(../img/mSec02topon.png) no-repeat top center;
	-webkit-transition-duration: 1.2s;-webkit-transition-timing-function: ease;transition-duration: 1.2s;transition-timing-function: ease;}
#mainSection02 h3{font-size:14px;font-family:'Malgun Gothic','맑은고딕'; color:#fff;}
#mainSection02 p{text-align:center; overflow:hidden;}
#mainSection02 p a{display:inline-block;width:22%; max-width:270px; text-align:center; background:URL(../img/ico_plus.gif) no-repeat center center;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#mainSection02 p a:hover{
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#mainSection02 p a img{max-width:262px; width:100%;filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#mainSection02 p a:hover img{max-width:262px; width:100%;filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;
	-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);
	-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;transition-duration: 0.4s;transition-timing-function: ease;}

@media all  and (max-width:900px){
	#mainSection02 h2{padding-top:110px;font-size:24px; background-size:60px auto;}
	#mainSection02.on h2{background-size:60px auto;}
	#mainSection02 h3{font-size:12px;}
	#mainSection02 p a{width:40%;}
	#mainSection02 p a img{max-width:262px;}
}


#mainSection03{width:100%; background:URL(../img/mSec03Bg.jpg) repeat center center #000; background-size:auto 100%; padding:100px 0 50px 0;overflow:hidden; text-align:center;}
#mainSection03 h2{ margin:0px; font-family:'Georgia'; font-style:italic; font-size:34px; font-weight:normal; color:#fff;}
#mainSection03 h3{font-size:14px;font-family:'Malgun Gothic','맑은고딕'; color:#fff;}
#mainSection03 article{width:900px; margin:0 auto; padding:0px; border:0px;}

#mainSection03 .mSec03Scr{width:96%; margin:0 auto; padding:30px 0;overflow:hidden;}
#mainSection03 .mSec03Scr ul{margin:0px; padding:0px; overflow:hidden; width:100%; list-style:none;}
#mainSection03 .mSec03Scr ul li{margin:0px; padding:0px; width:25%; max-width:200px; float:left; text-align:center; overflow:hidden;}
#mainSection03 .mSec03Scr ul li:hover a{ overflow:hidden;}
#mainSection03 .mSec03Scr ul li a{width:80%; height:auto;display:block; overflow:hidden; position:relative; margin:0 auto;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;}
#mainSection03 .mSec03Scr ul li a i{width:100%;display:block; overflow:hidden; background:none;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;}
#mainSection03 .mSec03Scr ul li:hover a i{background:#000; overflow:hidden;}
#mainSection03 .mSec03Scr ul li a i img{width:100%;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;}
#mainSection03 .mSec03Scr ul li a small{display:none; width:100%; text-align:center; position:absolute; left:0px ;bottom:60%; color:#fff; font-size:11px;}
#mainSection03 .mSec03Scr ul li a strong{display:none; width:100%; text-align:center; position:absolute; left:0px ;bottom:51%; color:#fff; font-size:14px;}
#mainSection03 .mSec03Scr ul li a u{display:block; width:1px; position:absolute; left:50%;  bottom:46%; height:3px; background:none; 
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#mainSection03 .mSec03Scr ul li a:hover u{display:block; width:60px; position:absolute; left:50%; margin-left:-30px; bottom:46%; height:3px; background:#fff;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease; }
#mainSection03 .mSec03Scr ul li a b{display:none; width:100%; text-align:center; position:absolute; left:0px ;bottom:30%; color:#fff; font-size:12px;}
#mainSection03 .mSec03Scr ul li a:hover small,
#mainSection03 .mSec03Scr ul li a:hover strong,
#mainSection03 .mSec03Scr ul li a:hover b{display:block;}

#mainSection03 .mSec03Scr ul li a:link .cover,
#mainSection03 .mSec03Scr ul li a:visited .cover{display:none; width:100%; height:100%;position:absolute; left:0px ;top:0px; background:#f26522; 
	border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#mainSection03 .mSec03Scr ul li a:hover .cover,
#mainSection03 .mSec03Scr ul li a:active .cover,
#mainSection03 .mSec03Scr ul li a:focus .cover{display:block; width:100%; height:100%;position:absolute; left:0px ;top:0px; background:#f26522; 
	border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

@media all  and (max-width:900px){
	#mainSection03 article{width:96%;}
	#mainSection03 h2{font-size:24px;}
	#mainSection03 h3{font-size:12px;}
	#mainSection03 .mSec03Scr ul li{width:50%;}
}

#mainSection04{width:100%; overflow:hidden; background:URL(../img/noImage2.gif) repeat left top #000; background-size:25% auto;}
#mainSection04 dl{width:50%; margin:0px; padding:0px; float:left; overflow:hidden;}
#mainSection04 dl dd{ margin:0px; padding:0px; float:left;}
#mainSection04 dl dd a{display:block; width:50%; float:left; overflow:hidden; position:relative; background:#000;}
#mainSection04 dl dd a i{display:block; width:100%;overflow:hidden;}
#mainSection04 dl dd a img{width:100%;height:auto;display:block;}

#mainSection04 dl dd a.latestTit span{display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; overflow:hidden; padding:10%; color:#fff; background:#e41e26;}
#mainSection04 dl dd a.latestTit02 span{background:#f26522;}
#mainSection04 dl dd a.latestTit strong{display:block; font-size:30px;font-family:'Georgia';font-weight:normal;font-style:italic;line-height:1.2em; }
#mainSection04 dl dd a.latestTit b{display:block;  padding:20px 0; font-size:14px;}
#mainSection04 dl dd a.latestTit u{display:block; width:30%; height:5px; background:#fff;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#mainSection04 dl dd a:hover.latestTit u{width:60%;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#mainSection04 dl dd a.latestTit small{display:block; color:#fff; font-size:14px; font-family:verdana; padding-top:20px;}


#mainSection04 dl dd a.latestM{display:block; width:50%; float:left; overflow:hidden; position:relative; text-align:center; color:#fff;}
#mainSection04 dl dd a.latestM b{display:block; position:absolute; left:5%; width:90%; bottom:51%; font-size:14px;filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}
#mainSection04 dl dd a.latestM strong{display:block; position:absolute; left:10%; width:80%; top:51%; font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#mainSection04 dl dd a.latestM strong u{display:block; width:1px; margin:10px auto; height:2px; background:none;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#mainSection04 dl dd a:hover.latestM strong u{width:40%; height:2px; background:#fff;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#mainSection04 dl dd a.latestM i img{filter:Alpha(opacity=30); opacity:0.3; -moz-opacity:0.3;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#mainSection04 dl dd a:hover.latestM i img{filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}


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

	#mainSection04 { background:URL(../img/noImage2.gif) repeat left top #000; background-size:50% auto;}
	#mainSection04 dl{width:100%; float:none;}
	#mainSection04 dl dd a.latestTit strong{font-size:16px;}
	#mainSection04 dl dd a.latestTit b{font-size:10px; font-weight:normal;  padding:10px 0;line-height:1.2em;}
	#mainSection04 dl dd a.latestTit small{font-size:11px;padding-top:10px;}
	#mainSection04 dl dd a.latestTit u{height:2px;}

	#mainSection04 dl dd a.latestM b{font-size:10px;}
	#mainSection04 dl dd a.latestM strong{font-size:12px;}

}


#mainSection05{width:100%; background:URL(../img/mMapbg.jpg) repeat center center #000; padding:100px 0 50px 0;overflow:hidden; text-align:center;}
#mainSection05 h2{ margin:0px; font-family:'Georgia'; font-style:italic; font-size:34px; font-weight:normal; color:#fff;}
#mainSection05 h3{font-size:14px;font-family:'Malgun Gothic','맑은고딕'; color:#fff;}
#mainSection05 article{width:900px; margin:0 auto; padding:0px; border:0px;}

#mainSection05 p{color:#efefef;}


@media all  and (max-width:900px){
	#mainSection05{background-size:auto 100%;}
	#mainSection05 article{width:96%;}
	#mainSection05 h2{font-size:24px;}
	#mainSection05 h3{font-size:12px;}

	.btnTelGo{background:#e41e26; font-weight:bold; border:2px solid #f26522 ; color:#fff !important; font-size:14px; display:block; padding:5px 0; margin:10px auto; width:200px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
}