@charset "utf-8";
/* WEBsiting */
#subtop{}
#wrapper{width:1px !important; height:1px !important; overflow:hidden; position:absolute; left:0px; top:1px;filter:Alpha(opacity=0); opacity:0.0; -moz-opacity:0.0;}
#ft_wrap{margin-top:0px !important;}


.main_visual{width:100%;overflow:hidden; height:850px; position:relative;background:URL('/img/newSpowin/kor/main/spowin_Main_imagebg.png') repeat-x top center #000; background-size:auto auto;}
.main_visual ul{margin:0px; padding:0px; list-style:none; width:100%; height:auto; text-align:center;}
.main_visual ul li{margin:0px; padding:0px; position:relative; left:0px; top:0px; z-index:999;  width:100%; height:auto; text-align:center; overflow:hidden;}

.mv_cont{width:100%; max-width:1400px; margin:0 auto; overflow:hidden; height:850px;}
.mv_txt{float:left; width:50%;}
.mv_txt dl{margin:0px; padding:110px 5% 0 5%; text-align:left;}
.mv_txt dl dt{margin:0px; padding:0 0 20px 0;}
.mv_txt dl dt strong{display:block; font-size:48px; color:#fff; font-weight:bold;}
.mv_txt dl dt b{display:block; font-size:30px; color:#46a4ff; font-weight:bold;}
.mv_txt dl dd{margin:0px; padding:0px;}
.mv_txt dl dd span{display:block; font-family:dotum; font-size:12px; color:#fff; margin-bottom:20px; letter-spacing:-0.1em;}
.mv_txt dl dd a{display:block; width:190px; text-align:center; padding:15px 0; border:3px solid #828281; font-weight:bold; font-size:16px; color:#fff;}
.mv_txt dl dd a:hover{border:3px solid #fff; text-decoration:none;}
.mv_img{float:left; width:50%;height:850px; line-height:850px;}
.mv_img img{width:100%; height:auto;}

#bx-pager{position:absolute; left:0px; bottom:15px; z-index:999; width:100%; text-align:center;}
#bx-pager a{display:inline-block; width:25px; height:25px; background:URL(../img/btn_mvnavoff.png) no-repeat center center;}
#bx-pager a.active{background:URL(../img/btn_mvnavon.png) no-repeat center center;}
.bx-prev,.bx-next,.bx-start,.bx-stop{display:none !important;;}


.mc2d_wrap{width:100%; text-align:center; margin:0 auto; overflow:hidden; padding:30px 0; background:#efefef;}
.mc2d{width:100%; max-width:1400px; text-align:center; margin:0 auto; overflow:hidden; text-align:left;}
.mc2d .mc2d_01{float:left; width:50%;}
.mc2d .mc2d_02{float:left; width:50%;}
.mc2d .gallery_normal ul li{width:20%; margin:2%;}
.main_txtar{padding:0 0 20px 10px; overflow:hidden; max-width:1400px; text-align:left; margin:0 auto;}
.main_txtar .latest_txt_wrap {float:left; width:21%; margin-right:4%;}


.mcb{width:100%; max-width:1400px; overflow:hidden; margin:0 auto;padding-top:100px}
.mcb h2{text-align:left; font-family:'Nanum Gothic';margin-left:30px;}
.mcb h2 strong{display:block; font-weight:bold; color:#002c57; font-size:30px;}
.mcb h2 small{display:block; color:#999; font-size:12px; padding:3px 0 10px 0;}
.mcb h2 u{display:block; width:60px; height:6px; background:#cccccc; margin:0 auto;}
.mcb ul{margin:0px; padding:0 0 20px 0; list-style:none; overflow:hidden; width:100%;}



.mcb ul li{margin:0px; padding:0px; float:left; width:50%; text-align:center;}
.mcb ul li a{display:block; width:100%; text-align:center; padding:0 0 40px 0;}
.mcb ul li a img{display:block; margin:0 auto; width:80%; max-width:172px; height:auto; max-height:172px;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.mcb ul li a:hover 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;}
.mcb ul li a strong{display:block; color:#002c57; font-size:18px; padding-top:20px;}
.mcb ul li a b{display:block; color:#a9a9a9; font-size:10px; font-family:verdana;}
.mcb ul li a:hover{text-decoration:none;}

.mcb.contact ul li:nth-child(1){
	width:70% !important;
	position:relative;
	text-align:right;
}
.mcb.contact ul li:nth-last-child(1){
	width:30% !important;
	position:relative;
}

@media all and (max-width: 1350px) 
{
.contactAddress{
	width:60% !important;
}
.contactPhone>div{
	height:209px !important;
}
.contactPhone>div>div{
	bottom:initial !important;
	left:52px !important;
	top:15px;
	line-height:23px !important;
}
.contactPhone>div>div{
	bottom:initial;
}
.mcb.contact ul li:nth-last-child(1)>div{
	height:308px !important;
}
.mcb.contact h2{
	position:initial !important;
}
.mcb.contact h2 img{
	float: initial !important;
	position: initial !important;
	left: initial !important;
	top: initial !important;
	margin-bottom:20px;
}
}

@media all and (max-width: 1000px) 
{
.contactPhone{
	width:40% !important;
}
}

@media all and (max-width: 950px) 
{
.mainContact>div{
	width:100% !important;
}
.contactAddress img{
	width:100% !important;
	background:white;
}
.contactPhone>div{
	padding:20px 0px;
	width:100% !important;
	text-align:center !important;
	border-top-right-radius: initial;

}
.contactPhone>div>div{
	position:initial !important;
	left:initial !important;
	padding-top: 13px;
}

}
@media all and (max-width: 780px) 
{
	.mcb{
		padding-top:30px
	}
	.mcb.contact ul li:nth-child(1){
		width:50% !important;
		position:relative;
		text-align:right;
	}
	.mcb.contact ul li:nth-child(1) img{
		width:100%;
	}
	.mcb.contact ul li:nth-last-child(1){
		width:50% !important;
		position:relative;
	}
	.mcb.contact ul li:nth-last-child(1) img{
		width:100%;
	}
}
@media all and (max-width: 1350px) 
{
.contactMap{
	position:initial !important;
	width:100% !important;
}
}
@media all and (max-width:930px)
{
}

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

}

.mcc2dban h2{margin:0px; padding:15px 0px; font-family:'Nanum Gothic','나눔고딕'; font-size:16px; font-weight:bold;color:#002c57;}

.mcc2dban a{display:block; overflow:hidden; padding-top:15px;}
.mcc2dban a img{float:left; margin-right:15px;}
.mcc2dban a span{color:#999;}
.mcc2dban a b{color:#a9a9a9; font-family:verdana; font-size:10px;}
.mcc2dban a:hover{text-decoration:none;}
.mcc2dban a:hover span{color:#002c57;}
.mcc2dban a:hover b{color:#000;}
@media all and (max-width: 1350px) 
{
.mcb ul li {width:50%;}
.mcb:not:nth-last-child(1) ul li img{width:95%}
.mcb ul li img{
width:95%;
}
}
@media all and (max-width: 960px) 
{

.main_txtar .latest_txt_wrap {float:left; width:45%; margin:0 2%; padding-bottom:30px;}

.mcc2dban{float:left; width:22%; margin-right:2%;}
}

@media all and (max-width:760px)
{
.mcb ul{width:90%; margin:0 auto;}
.mcb ul li{width:100%;}
.mcb ul li img{width:100%;margin-top:20px;}
}


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

.main_txtar .latest_txt_wrap {float:none; width:90%; margin:0 auto;}
.mcc2dban{float:left !important; width:50% !important; margin-right:0; text-align:center;}
.mcc2dban a img{float:none; display:block; margin:0 auto 15px auto;}
.mcc2dban a span{display:block;}
}

@media all and (max-width: 980px) 
{
.mv_txt{float:none; width:100%;}
.mv_txt dl{padding:50px 5% 0 5%; text-align:center;}
.mv_txt dl dt strong{font-size:30px;}
.mv_txt dl dt b{font-size:20px;}
.mv_txt dl dd span{font-size:11px; letter-spacing:-0.1em;}
.mv_txt dl dd a{margin:0 auto;}
.mv_img{float:none; width:100%; text-align:center;line-height:calc(100vh / 2.5);}
.mv_img img{ width:40%; height:auto; min-width:400px;}
.mv_img:nth-child(1) img{
	min-width:550px;
	width:60%;
}
#bx-pager a{background-size:10px;}
#bx-pager a.active{background-size:15px;}

}


.none{
	display:none !important;
}