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

/* ¸ÞÀÎÆäÀÌÁö¿¡¼­ º¯°æµÇ´Â ÄÚµå */
#ctWrap{width:100%; max-width:100%; margin:0 auto !important; }

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

/* ¸ÞÀÎÆäÀÌÁö ºñÁê¾ó ½½¶óÀÌ´õ */
#sliderSpace{position:absolute; overflow:hidden; left:0px; top:0px; right:0px; z-index:1;}
#sliderSpace img{display:block; width:100%; height:auto;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}

#mainimg{width:100%; height:auto; overflow:hidden; position:relative; z-index:2;  background:#000;}
#mainimg .mainVideo{width:100%; height:100%; position:absolute; left:0px; right:0px; top:0px; bottom:0px; z-index:2;}
#mainimg .youtubePlayer{display:block; min-width:100% ; width:100% ; height:100% ; position:relative; left:0px; right:0px; bottom:0px; top:0px; z-index:2; background:transparent !important;}
#mainimg .youtubePlayer source{display:block;width:100%; height:100%;}
#mainimg .mainVideoLoad{width:80px; height:80px !important;  position:absolute; left:50%; top:50%; margin-top:-40px; margin-left:-40px; z-index:1;/*background:URL(../img/animation.gif) no-repeat center center;*/ background-size:80px auto !important;}
#mainimg .mainVideoCover{width:100%; height:100%; position:absolute; left:0px; right:0px; bottom:0px; top:0px; z-index:4; background:rgba(9,16,40,0); background-size:cover;}

.playerBox,
.youtubePlayer,
.mbYTP_wrapper{margin-top:0px !important; margin-left:0px !important; min-width:100% !important; width:100% !important; height:100% !important;  min-height:100% !important;}


#mainimg .mainSlog{position:absolute; left:10%; right:10%; top:50%; margin-top:-150px; z-index:6; color:#fff; text-align:center;text-shadow:0px 0px 10px rgba(0,0,0,0.3),0px 0px 14px rgba(0,0,0,0.3),0px 0px 10px rgba(0,0,0,0.3);}
#mainimg .mainSlog strong{display:block; font-size:90px;font-weight:500; padding-left:0;}
#mainimg .mainSlog span{display:block; font-size:50px;font-weight:500; margin-left:0; margin-bottom:30px;}
#mainimg .mainSlog em{display:inline-block; font-size:40px;font-weight:300; padding-left:0; color:#fff; font-style:normal; padding:20px 60px; border-top:1px solid RGBA(255,255,255,0.3);}

.mainImageSpac{display:block; width:100%; height:auto; overflow:hidden; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}
.mainImageSpac img{display:block; width:100%; height:auto; }

/*
#mainimg .mainSlog strong,
#mainimg .mainSlog span,
#mainimg .mainSlog em{filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}
*/
#mainimg .mainSlog strong{-webkit-transition-duration: 0.8s;-webkit-transition-timing-function: ease;transition-duration: 0.8s;transition-timing-function: ease;}
#mainimg .mainSlog span{-webkit-transition-duration: 1.2s;-webkit-transition-timing-function: ease;transition-duration: 1.2s;transition-timing-function: ease;}
#mainimg .mainSlog em{-webkit-transition-duration: 1.6s;-webkit-transition-timing-function: ease;transition-duration: 1.6s;transition-timing-function: ease;}

#mainimg.on .mainSlog strong,
#mainimg.on .mainSlog span,
#mainimg.on .mainSlog em{filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}

#mainimg.on .mainSlog strong{padding-left:0px;}
#mainimg.on .mainSlog span{padding-left:0px; margin-left:0px;}
#mainimg.on .mainSlog em{padding-left:0px;}

.mvSlider {overflow:hidden;}
.mvSlider .bx-pager{display:none;}
.mvSlider{padding:0px !important; margin:0px !important;}
.bx-wrapper{margin:0px; padding:0px;}
.bx-viewport{margin:0px !important; padding:0px !important;}
.mvSlider ul{padding:0px !important; }
.mvSlider ul li{ position:relative; overflow:hidden;margin:0px !important; padding:0px !important; background-size:cover; background-position:center center;}
.mvSlider ul li img{display:block; margin:0px;}


	.bx-wrapper .bx-controls-direction a{width:80px;height:80px;}
	.bx-wrapper .bx-prev{left:0px;background:URL(../img/arrPrev.png) no-repeat center center; background-size:cover;}
	.bx-wrapper a:hover.bx-next,
	.bx-wrapper .bx-next{right:0px;background:URL(../img/arrNext.png) no-repeat center center; margin-right:0px; background-size:cover;}



.btnDownGo{position:absolute; left:50%; bottom:0; z-index:999; display:block; width:80px; margin-left:-40px; 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; color:rgba(255,255,255,0.5); width:80px; height:80px; text-align:center; font-size:14px; font-weight:300; letter-spacing:1px;
	-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
.btnDownGo b:after{content:'';display:block;width:1px; height:100px; margin:10px auto 0; background:RGBA(255,255,255,0.5);}


.btnDownGo{
  /* ¾Ö´Ï¸ÞÀÌ¼Ç À̸§ */
  animation-name: MKP;
	animation-duration:0.01s;
    animation-duration: leaner;
	animation-iteration-count:100;
    animation-direction:alternate;
    animation-fill-mode: forwards;
}

		/* Å°ÇÁ·¹ÀÓ À̸§ = ¾Ö´Ï¸ÞÀÌ¼Ç À̸§ */
		@-webkit-keyframes MKP {
		  0% {
			bottom:0px;
		  }
		  50% {
			bottom:-15px;
		}
		  100% {
			bottom:0px;
		  }
		}

@media all and (max-width:980px)
{
	#mainimg .mainSlog{margin-top:-100px;}
	#mainimg .mainSlog strong{font-size:50px;}
	#mainimg .mainSlog span{font-size:30px; margin-bottom:20px;}
	#mainimg .mainSlog em{font-size:26px;padding:15px 30px; }
}

@media all and (max-width:700px)
{
	#mainimg .mainSlog{margin-top:-70px;}
	#mainimg .mainSlog strong{font-size:30px;}
	#mainimg .mainSlog span{font-size:18px; margin-bottom:10px;}
	#mainimg .mainSlog em{font-size:16px;padding:10px 20px; }

	#topSpacer{display:block !important; height:50px; background:#0a3190 !important; position:relative; z-index:2;}

	.btnDownGo b{display:none;}
	
	/*
	#mainimg,
	#mainimg .mainVideo,
	#mainimg .youtubePlayer,
	#mainimg .mainVideoLoad,
	#mainimg .mainVideoCover{min-height:500px !important;height:500px !important;}
	*/

}






.mainSliBox{width:100%; max-width:1400px; margin:0 auto; overflow:hidden; background:#0a3190; position:relative;}
.mainSliBox01{width:50%; float:left; overflow:hidden;}
.mainSliBox01 img{width:100%; display:block;}
.mainSliBox02{width:50%; float:left;}
.mainSliBox02 dl{padding:50px; color:#fff;}


.mainSliBox02 dl dt{font-size:36px; font-weight:300;}
.mainSliBox02 dl dt sup{display:block; width:70px; height:3px; background:#ed008c; margin-bottom:20px;}
.mainSliBox02 dl dt small{display:block; font-size:0.75em; font-weight:300;}
.mainSliBox02 dl dt small small{font-size:0.65em;}

.mainSliBox02 dl dd{padding:50px 0 80px; font-size:14px; color:RGBA(255,255,255,0.3); line-height:1.8em;}

.mainSliBox02 dl dd a{display:block; padding:18px 36px; background:#cf2e8b; font-weight:500; border-radius:100px; position:absolute; bottom:50px; right:0; margin-right:50px; letter-spacing:1px; color:#fff;}
.mainSliBox02 dl dd a:hover{background:#ed008c;}


.mainSliBoxHori .mainSliBox01{float:right;}
.mainSliBoxHori .mainSliBox02 dl dd a{right:50%;}



.hr100{display:block; height:100px; border:0px;}
.hr150{display:block; height:150px; border:0px;}


@media all and (max-width:1200px)
{
	.mainSliBox02 dl dt{font-size:26px; }
	.mainSliBox02 dl dd{font-size:12px; padding:30px 0 50px;}
	.mainSliBox02 dl dd a{padding:10px 26px;}
	
	.hr100{height:50px; }
	.hr150{height:100px; }
}
@media all and (max-width:990px)
{
	.mainSliBox02 dl{padding:30px;}
	.mainSliBox02 dl dd a{bottom:30px; margin-right:30px;}
}
@media all and (max-width:900px)
{
	.mainSliBox{width:auto; margin:20px;}
	.mainSliBox01,
	.mainSliBox02{width:100%; float:none;}
	.mainSliBox02 dl{overflow:hidden;}
	.mainSliBox02 dl dd{}
	.mainSliBoxHori .mainSliBox02 dl dd a{position:static; float:right; margin-right:0px; margin-top:20px;}

	
	.hr100,
	.hr150{display:none; }
}




/* ¾ÆÀÌÆù À¥ºä¾îÇà ũ±âº¯È¯ ¹æÁö */
.contactIphone .mainVisualImage .mvSlider ul li .WCMSScontS > dl dt{font-size:20px !important; -webkit-text-size-adjust: none !important;}
.contactIphone .mainVisualImage .mvSlider ul li .WCMSScontS > dl dd{font-size:14px !important; -webkit-text-size-adjust: none !important;}

/* ¸ÞÀÎ ÇÎÅ©ºí·Î½æ Á¿ì¹Ú½º */
.mbLRBox{width:100%; overflow:hidden; position:relative; word-break:keep-all;}
.mbLRBox dt{width:50%; position:absolute; left:0px;top:0px; bottom:0px; z-index:1; background-position:center center; background-size:cover;}
.mbLRBox dt img{display:block; width:100%; height:auto;}
.mbLRBox dd{width:50%; float:right; padding:10% 10%;position:relative; z-index:2;}
.mbLRBox dd strong{display:block; font-size:40px; color:#000;}
.mbLRBox dd em{display:block; font-size:16px; color:#999; font-style:normal; padding-top:30px;}
.mbLRBox dd  a{margin-top:30px;display:inline-block; font-size:14px; color:#111; border:2px solid #111; background:#fff; padding:10px 30px; border-radius:50px; letter-spacing:1px; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease;}
.mbLRBox dd  a:hover{filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; background:RGBA(0,0,0,0.05);}

.mbLRBox.mbBoxImgRight dt{left:auto; right:0px;}
.mbLRBox.mbBoxImgRight dd{float:left;}

@media all and (max-width:980px)
{
	.mbLRBox dd strong{font-size:30px; }
	.mbLRBox dd em{font-size:12px;}
	.mbLRBox dd  a{font-size:12px; margin-top:15px;}
}
@media all and (max-width:700px)
{
	.mbLRBox dt{position:relative; width:100%; height:300px;}
	.mbLRBox dd strong{font-size:20px; }
	.mbLRBox dd em{padding-top:15px;}
	.mbLRBox dd{ width:auto; margin:-30px 30px 0 30px; padding:30px; background:#fff; float:none;}
}
@media all and (max-width:500px)
{
	.mbLRBox dt{height:200px;}
}

/* ¸ÞÀÎ ÇÎÅ©ºí·Î½æ ¼¾Å͹ڽº */
.mbCenterBox{width:100%; overflow:hidden; position:relative; word-break:keep-all; background-position:center center; background-size:cover;}

.mbCenterBox dl{ padding:10%; background:RGBA(0,0,0,0.5); text-align:center;}
.mbCenterBox dt strong{display:block; font-size:40px; color:#fff;}
.mbCenterBox dd em{display:block; font-size:16px; color:rgba(255,255,255,0.8); font-style:normal; padding-top:30px;}
.mbCenterBox dd a{margin-top:30px;display:inline-block; font-size:14px; color:#111; border:2px solid #111; background:#fff; padding:10px 30px; border-radius:50px; letter-spacing:1px; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease;}
.mbCenterBox dd a:hover{filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; background:RGBA(0,0,0,0.5); color:#fff;}

@media all and (max-width:980px)
{
	.mbCenterBox dt strong{font-size:30px; }
	.mbCenterBox dd em{font-size:12px;}
	.mbCenterBox dd  a{font-size:12px; margin-top:15px;}
}
@media all and (max-width:700px)
{
	.mbCenterBox dl{padding:60px 30px;}
	.mbCenterBox dt strong{font-size:20px; }
	.mbCenterBox dd em{padding-top:15px;}
}

/* ¸ÞÀÎ ÇÎÅ©ºí·Î½æ ¿øÇü¾ÆÀÌÄÜ ¹Ú½º */
.mCiconBox{width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:5% 10px; overflow:hidden;}
.mCiconBox li{display:block; padding:20px 10px; width:25%; float:left;}
.mCiconBox li i{display:block; margin:0 auto; border-radius:50%; font-size:50px; width:150px; height:150px; line-height:150px; background:RGBA(255,255,255,0.2); color:#fff; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.mCiconBox li strong{display:block; color:#fff; font-size:20px; padding:15px 0;}
.mCiconBox li em{display:block; color:RGBA(255,255,255,0.6); font-size:14px; font-style:normal;}
.mCiconBox li:hover i{transform: scale(1.1) rotate(360deg);}


.mCiconBox2 li{width:50%;}		/* ¸ÞÀÎ ÇÎÅ©ºí·Î½æ ¿øÇü¾ÆÀÌÄÜ ¹Ú½º 2´Ü ±¸¼º ½Ã mCiconBox2 Ŭ·¡½º Ãß°¡ */
.mCiconBox3 li{width:33.333%;}	/* ¸ÞÀÎ ÇÎÅ©ºí·Î½æ ¿øÇü¾ÆÀÌÄÜ ¹Ú½º 3´Ü ±¸¼º ½Ã mCiconBox3 Ŭ·¡½º Ãß°¡ */
.mCiconBox4 li{width:25%;}		/* ¸ÞÀÎ ÇÎÅ©ºí·Î½æ ¿øÇü¾ÆÀÌÄÜ ¹Ú½º 4´Ü ±¸¼º ½Ã mCiconBox4 Ŭ·¡½º Ãß°¡ */
.mCiconBox5 li{width:20%;}		/* ¸ÞÀÎ ÇÎÅ©ºí·Î½æ ¿øÇü¾ÆÀÌÄÜ ¹Ú½º 5´Ü ±¸¼º ½Ã mCiconBox5 Ŭ·¡½º Ãß°¡ */

@media all and (max-width:980px)
{
	.mCiconBox li i{width:100px; height:100px; line-height:100px; font-size:36px;}
	.mCiconBox li strong{font-size:16px;}
	.mCiconBox li em{font-size:12px;}
}
@media all and (min-width:800px)
{
	.mCiconBox2 li:nth-child(3),
	.mCiconBox2 li:nth-child(5),
	.mCiconBox2 li:nth-child(7),
	.mCiconBox2 li:nth-child(9){clear:both;}
	
	.mCiconBox3 li:nth-child(4),
	.mCiconBox3 li:nth-child(7),
	.mCiconBox3 li:nth-child(10),
	.mCiconBox3 li:nth-child(13){clear:both;}

	.mCiconBox4 li:nth-child(5),
	.mCiconBox4 li:nth-child(9),
	.mCiconBox4 li:nth-child(13),
	.mCiconBox4 li:nth-child(17){clear:both;}

	.mCiconBox5 li:nth-child(6),
	.mCiconBox5 li:nth-child(11),
	.mCiconBox5 li:nth-child(16),
	.mCiconBox5 li:nth-child(21){clear:both;}
	.mCiconBox5 li i{width:120px; height:120px; line-height:120px; font-size:36px;}
	.mCiconBox5 li strong{font-size:16px;}
	.mCiconBox5 li span{font-size:13px;}
}
@media all and (max-width:800px)
{
	.mCiconBox li{width:50%; float:left;}
	.mCiconBox li i{width:100px; height:100px; line-height:100px; font-size:36px;}
	.mCiconBox li strong{font-size:14px;}
	.mCiconBox li em{font-size:12px;}
	.mCiconBox li:nth-child(odd){clear:both;}
}





.mainSectionTit a{color:#333; display:inline-block; position:relative; margin:0 auto 10px; padding:20px; font-size:20px; text-align:center; }
.mainSectionTit a u{display:block; width:50px; height:1px; background:#ddd; position:absolute; left:50%; bottom:0px; margin-left:-25px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.mainSectionTit:hover a u{width:100px;  margin-left:-50px;  }
@media all and (max-width:600px)
{
	.mainSectionTit a{padding:15px; font-size:16px; }
}


/* 
	ÇÏ´Ü ·Î°í ·Ñ¸µ 
	ÀüüÆäÀÌÁö °øÅëÀ¸·Î »ç¿ëÇÒ ¼ö ÀÖ¾î default.css ÆÄÀÏ¿¡ ÀÔŽ¹µË´Ï´Ù.
*/
.bottomLogoRollWr{}
.bottomLogoRoll{}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ ·¹À̾ƿô */

.mainContents{width:100%; max-width:1200px; margin:0 auto; overflow:hidden; clear:both; padding:50px 0; }

.mainContentsW100{width:100%; clear:both; overflow:hidden; }

.latTitNone .galleryLat,
.latTitNone .galleryBoxLat{margin:0px; padding:0px; }
.latTitNone .galleryBoxLat ul{margin:0px; padding:0px; }
.latTitNone .galleryLat ul li,
.latTitNone .galleryBoxLat ul li{width:16.66666%; }
.latTitNone .galleryLat .galleryLatTit,
.latTitNone .galleryBoxLat .galleryLatTit{height:1px; overflow:hidden; margin-top:-1px; }
.latTitNone.btnMoreNone .lt_more{display:none; } 

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

}

@media all and (max-width:650px)
{
	.mainContentsW100 .galleryLat ul li,
	.mainContentsW100 .galleryBoxLat ul li{width:33.33333333%; }
}

/* 2´Ü·¹À̾ƿô */
.mainTwoLatArea{width:100%; margin:0 auto; overflow:hidden; }
.mainTwoLatArea .MTLA01,
.mainTwoLatArea .MTLA02{width:50%; float:left; margin-left:-1px; }

@media all and (max-width:850px)
{
	.mainTwoLatArea{padding:0 15px; }
	.mainTwoLatArea .MTLA01,
	.mainTwoLatArea .MTLA02{width:100%; float:none; }
}

/* 3´Ü·¹À̾ƿô */
.mainTowWide1LatArea{width:100%; margin:0 auto; overflow:hidden; }
.mainThreeLatArea .MTLA01,
.mainThreeLatArea .MTLA02,
.mainThreeLatArea .MTLA03{width:30%; float:left; margin-left:-1px; }
.mainThreeLatArea .MTLA02{margin:0 5%; }

@media all and (max-width:850px)
{
	.mainThreeLatArea{padding:0 15px; }
	.mainThreeLatArea .MTLA01,
	.mainThreeLatArea .MTLA02,
	.mainThreeLatArea .MTLA03{width:100%; float:none; }
	.mainThreeLatArea .MTLA02{margin:0 0; }
}

/* 2&¿ÍÀ̵å1 ·¹À̾ƿô */
.mainTowWide1LatArea{width:100%; margin:0 auto; overflow:hidden; }
.mainTowWide1LatArea .MTLA01,
.mainTowWide1LatArea .MTLA02{width:25%; float:left; margin-left:-1px; }
.mainTowWide1LatArea .MTLA03{width:48%; float:left; margin-left:-1px;}
.mainTowWide1LatArea .MTLA02{margin:0 1%; }

@media all and (max-width:850px)
{
	.mainTowWide1LatArea{padding:0 15px; }
	.mainTowWide1LatArea .MTLA01,
	.mainTowWide1LatArea .MTLA02,
	.mainTowWide1LatArea .MTLA03{width:100%; float:none; }
	.mainTowWide1LatArea .MTLA02{margin:0 0; }
}

/* 4´Ü ·¹À̾ƿô */
.mainFourLatArea{width:100%; margin:0 auto; overflow:hidden; }
.mainFourLatArea .MTLA01,
.mainFourLatArea .MTLA02,
.mainFourLatArea .MTLA03,
.mainFourLatArea .MTLA04{width:25%; float:left; margin-left:-1px; }

@media all and (max-width:980px)
{
	.mainFourLatArea .MTLA01,
	.mainFourLatArea .MTLA02,
	.mainFourLatArea .MTLA03,
	.mainFourLatArea .MTLA04{width:50%; float:left; }
}

@media all and (max-width:650px)
{
	.mainFourLatArea .MTLA01,
	.mainFourLatArea .MTLA02,
	.mainFourLatArea .MTLA03,
	.mainFourLatArea .MTLA04{width:100%; float:none; margin-left:0px; }
}


/* ¸ÞÀÎÄÁÅÙÃ÷ »ó¼¼ */
.centerBar{width:80px; height:5px; background:#ddd; margin:30px auto; }

.mainBasicCont01{width:100%; padding:100px 20px; text-align:center; background:#fff; }
.mainBasicCont01 h2{color:#000; font-size:30px; font-family:'Century Gothic','Noto Sans Korean','Malgun Gothic'; }
.mainBasicCont01 h3{color:#999; font-size:16px; }
.mainBasicCont01 .MBC01txt{font-size:14px; color:#666; line-height:1.5em; }

@media all and (max-width:700px)
{
	.mainBasicCont01{width:100%; padding:50px 20px; }
	.mainBasicCont01 h2{font-size:18px; }
	.mainBasicCont01 h3{font-size:13px; font-weight:normal; }
	.mainBasicCont01 .MBC01txt{text-align:left; font-size:12px; }
}

/* ¾îµÎ¿î¹è°æÀÏ ¶§ */
.background-dark{position:relative; 
    background:#222222; 
}
.background-dark .webzLatTit a,
.background-dark .basicLatTit a,
.background-dark .qnaLatTit a{color:#fff; }
.background-dark ul li{}
.background-dark ul li a{color:#ddd; }

/* ¹àÀº¹è°æÀÏ ¶§ */
.background-light{background:#f3f4f7; }