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

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

/* ¸ÞÀÎÆäÀÌÁö ºñÁê¾ó ½½¶óÀÌ´õ */
#sliderSpace{ overflow:hidden; width:100%; height:auto;}
#sliderSpace img{display:block; width:100%; height:auto;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}
.mainVisualImage{padding:0px !important;position:relative; overflow:hidden;}
.mainVisualImage .mvSlider{padding:0px !important; margin:0px !important;width:100%; overflow:hidden; background:none; position:relative; z-index:1;visibility:visible;}
.mainVisualImage .bx-wrapper{margin-bottom:0px; }
.mainVisualImage .bx-viewport{margin:0px !important; padding:0px !important;}
.mainVisualImage .mvSlider ul{width:100%;margin:0px !important; padding:0px !important; background:#000;}
.mainVisualImage .mvSlider ul li{width:100% ; height:100%; position:relative; overflow:hidden;margin:0px !important; padding:0px !important; background-size:cover; background-position:center center; background-color:#000;}
.mainVisualImage .mvSlider ul li > a{width:100%; display:block; position:absolute; z-index:4; left:0px; right:0px; bottom:0px; top:0px; background:RGBA(0,0,0,0.0);}
.mainVisualImage .mvSlider ul li > a > img{width:100%;  display:block; width:100% !important; position:relative; z-index:1;}
.mainVisualImage .mvSlider ul li > img{width:100%; display:block; width:100% !important; position:relative; z-index:1;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}
.mainVisualImage .mvSlider ul li img.opacity0fhd{display:block; width:100% ; height:1080px;}

.mainVisualImage .bx-wrapper .bx-pager{position:absolute !important; width:auto; right:50%; bottom:10px; height:25px; text-align:right;  margin:0px; z-index:9;  overflow:hidden;vertical-align:middle; }
.mainVisualImage .bx-wrapper .bx-pager a{padding:0px; margin:0px;}
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a{display:none;}
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a:focus,
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a:hover{}
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a.active{display:block !important; width:20px !important; color:#fff !important;height:26px;line-height:27px; margin:0px; font-size:13px; text-indent:0 !important; 
background:none;border-radius:30px 0 0 30px; padding:0 3px 0 3px; background:RGBA(0,0,0,0.3); overflow:hidden; margin-top:-32px;}

.mainVisualImage .bx-wrapper .bx-pager .bx-pager-item{}
.mainVisualImage .bx-wrapper .total-slide-num{display:block;font-weight:bold; vertical-align:middle; position:absolute; left:50%; bottom:10px; width:25px; height:25px;line-height:23px; text-align:left; color:#fff; overflow:hidden; font-size:13px; border-radius: 0 30px 30px 0; background:RGBA(0,0,0,0.3);}

.msNumTT a{display:block;}


.mtosSlider{margin-top:50px; width:100%; background:#f5f5f5;}
.mtosSlider .bx-wrapper img{display:block ;width:100%; max-width:1470px; margin:0 auto;}
.mtosSlider .bx-wrapper .bx-pager{display:none; }
.mtosSlider .bx-wrapper .bx-pager a{padding:0px; margin:0px;}
.mtosSlider .bx-wrapper .bx-pager.bx-default-pager a{display:none;}
.mtosSlider .bx-wrapper .bx-pager.bx-default-pager a:focus,
.mtosSlider .bx-wrapper .bx-pager.bx-default-pager a:hover{}
.mtosSlider .bx-wrapper .bx-pager.bx-default-pager a.active{display:block !important; width:20px !important; color:#fff !important;height:25px;line-height:25px; font-size:13px; text-indent:0 !important; background:none;border-radius:30px 0 0 30px; margin:0px; padding:0 3px 0 3px; background:RGBA(0,0,0,0.3); overflow:hidden; margin-top:-31px;}

.mtosSlider .bx-wrapper .bx-pager .bx-pager-item{}

.areaPc{display:block;}
.areaPc img{opacity:0;}
.areaMw{display:none;}

.TareaPc{display:block}
.TareaMw{display:none}

@media all and (max-width:800px)
{
	.areaPc{display:none !important;}
	.areaMw{display:block;}
	.areaMw img{display:block; width:100%;}

	.TareaPc{display:none}
	.TareaMw{display:block}

}

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

}


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

.mainBasicCont01{padding:50px 20px; text-align:center; background:#fff;overflow:hidden; }
.mainBasicCont01 h2{color:#000; font-size:30px; padding:30px 0;}
.mainBasicCont01 h2 small{font-size:18px;}
.mainBasicCont01 h3{color:#999; font-size:16px; }
.mainBasicCont01 .MBC01txt{font-size:14px; color:#666; line-height:1.5em; }

.mainBasicCont01video{padding:100px 0;}


.mainBasicCont01 .youtube_areaWr{max-width:1062px; margin:0 auto;}

.scrTab{text-align:center; padding-bottom:30px;}
.scrTab a{display:inline-block; margin:0 2px; padding:8px 22px; font-size:16px; color:#999; border-radius:50px; border:1px solid #e5e5e5; cursor:pointer; }
.scrTab a:hover{color: #000;}
.scrTab a.on{color:#fff; background:#000; border:1px solid #000;}

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

	.scrTab a{font-size:13px; padding:5px 18px;}

	.videoArea{padding-bottom:0px;}
}

/* ÅÇ ÄÜÅÙÃ÷ ºÎ¸ð */
.tabWrap {
	position: relative;
}

/* °øÅë ÅÇ ÄÜÅÙÃ÷ */
.MC17501,
.MC17502 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

/* È°¼ºÈ­ */
.MC17501.on,
.MC17502.on {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	position: relative;
}

.MC1750{max-width:1650px; margin:0 auto; overflow:hidden; position:relative;
	opacity: 0;
	visibility: hidden;
	top:0px;
	transition: all 0.35s ease;
	position: absolute;
	}
.MC1750.on {
	opacity: 1;
	visibility: visible;
	position: relative;
}
.MC1750 .imgslider{position:absolute; left:0px; top:0px; width:470px;}
.MC1750 .imgslider img{width:100%;}
.MC1750 .imgslider li{position:relative;}

.tabNext,
.tabPrev{display:block; position:absolute; top:50%; width:40px; height:40px; margin-top:-40px; left:0px; background:RGBA(0,0,0,0.1); color:#fff; cursor:pointer;}
.tabNext{right:0px; left:auto;}

.tabPrev{background:URL(../img/arrLeft.png) no-repeat center center; background-size:40px auto;}
.tabNext{background:URL(../img/arrRight.png) no-repeat center center; background-size:40px auto;}
/* ¸ÞÀÎ ½½¶óÀÌÅÍ */


.swiper {width: calc(100% - 507px); margin-left:507px; margin-top:0px; padding-top:0px;overflow:hidden;}
.swiper-slide {text-align: center;font-size: 18px; display: flex;justify-content: center;align-items: center; width: 346px; height:600px;overflow:hidden;}
.swiper-slide a{display:block; width:100%; text-align:left;  height:600px;overflow:hidden; position:relative;}
.swiper-slide a > i{display:block; width:100%; height:460px; background:#f8f8f8; overflow:hidden;}
.swiper-slide i img{display:block; width:100%; margin-top:137px;}
.swiper-slide b{display:block; width:100%; margin:15px 0 5px; color:#000; font-size:18px;height:30px; line-height:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.swiper-slide u{display:block; width:100%; text-decoration:none; color:#999; font-size:14px;}
.swiper-slide u u{display:block; height:25px; line-height:25px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.swiper .swiper-scrollbar{left:0px; right:0px; width:100%; bottom:0px;}
.swiper .swiper-scrollbar-drag{background:#000;}
.swiper .swiper-button-next,
.swiper .swiper-button-prev{background:RGBA(0,0,0,0.2); color:RGBA(255,255,255,0); padding:8px; display:none; }
.swiper .swiper-button-next{right:0px;background:URL(../img/arrRight.png) no-repeat center center RGBA(0,0,0,0.2); background-size:40px auto;}
.swiper .swiper-button-prev{left:0px;background:URL(../img/arrLeft.png) no-repeat center center RGBA(0,0,0,0.2); background-size:40px auto;}
.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev{display:block;}

.swiper .swiper-button-disabled{display:none !important;}


.swiper100{width:100%; margin-left:0px;max-width:1650px; margin:0 auto; overflow:hidden;}


@media all and (max-width:980px)
{
	.MC1750 .imgslider{position:static; width:100%;}
	.swiper {width: 100%; margin-left:0px; margin-top:30px;}

	.swiper-slide a{height:auto; padding-bottom:30px;}
	.swiper-slide a > i{ height:auto; }
	.swiper-slide i img{margin-top:57px;}
	.swiper-slide{width:50%; height:auto;}
	.swiper-slide b{font-size:16px;}
	.swiper-slide u{font-size:12px;}

	.swiper01 .swiper-slide{width:38%;}
}