.img100{width:100%;}

/* main Page*/
#mainWrap{width:100%; float:left; margin:0; box-sizing:border-box; padding:0;  background:#fff; position:relative;}

#mainRollWrap{width:100%; float:left; margin-top:77px; margin-left:0; position:relative; z-index:1; overflow:hidden;} /* 메인롤링이미지 높이 : height */
.mRoll{width:100%; height:100%; float:left; position:absolute; z-index:1; top:0; left:0;}
.mainTxt{display:inline-block; width:70%; position:absolute; top:10%; right:0; z-index:10;}
.mainTxt img{width:100%;}


.mSlideWrap{width:100%; float:left; position:relative;}


.mSwiper{width:100%; position:relative;}
.mSwiper .mSwiperImg{width:100%; position:relative;}
.mSwiper .mSwiperImg img{width:100%;}
.mSwiper .mSwiperTxt01{position:absolute; width:100%; top:10%; left:0; color:#fff; font-size:30px; text-align:center;}
.mSwiper .mSwiperTxt01 span{font-weight:bold;}


.mCont01Wrap{width:100%; float:left; background:#000; padding:30px 0;}
.mCont01Wrap .mCont01{width:100%; float:left; text-align:center;}
.mCont01Wrap .mCont01 img{width:100%; max-width:640px;}

.mCont02Wrap{width:100%; float:left; background:#ffd401;}
.mCont02Wrap .mCont02_01{width:100%; float:left; padding:30px 0; text-align:center;}
.mCont02Wrap .mCont02_01 img{width:100%; max-width:640px;}
.mCont02Wrap .mCont02_02{width:100%; float:left; padding:30px 0; background:#efefef; text-align:center;}
.mCont02Wrap .mCont02_02 img{width:100%; max-width:640px;}

.mCont03Wrap{width:100%; float:left; padding:30px 0;}
.mCont03Wrap .mCont03Tit{width:100%; float:left; box-sizing:border-box; padding:0 2% 20px 2%; font-size:20px; line-height:30px; font-weight:600; color:#292929; position:relative;}
.mCont03Wrap .mCont03Tit a{display:inline-block; width:30px; height:30px; position:absolute; top:0; right:2%; text-align:center; line-height:30px; font-size:30px; color:#dbdbdb; font-weight:normal;}


.mCont03Wrap .mPrdWrap{width:100%; float:left; box-sizing:border-box; padding:20px 5%; height:280px; position:relative; border-top:1px solid #292929; border-bottom:1px solid #292929;}

.mCont03Wrap .mPrdWrap .mPrdImg{width:100%;}
.mCont03Wrap .mPrdWrap .mPrdImg img{width:100%;}
.mCont03Wrap .mPrdWrap .mPrdName{width:100%; padding:10px; box-sizing:border-box; text-align:center; font-size:18px;}

.mCont03Wrap .mPrdWrap .swiper-button-prev{position:absolute; left:2%;}
.mCont03Wrap .mPrdWrap .swiper-button-next{position:absolute; right:2%;}


.mCont03Wrap .mPrdWrap .swiper-container{width:100%; height:100%;}
.mCont03Wrap .mPrdWrap .swiper-container .swiper-slide{width:200px;}
.mCont03Wrap .mPrdWrap .swiper-container .swiper-slide a{display:inline-block;}
.mCont03Wrap .mPrdWrap .swiper-container .swiper-pagination-bullet{width:10px; height:10px; background:#bebebe; opacity:1; display:none;}
.mCont03Wrap .mPrdWrap .swiper-container .swiper-pagination-bullet-active{background:#00aeef;}
.mCont03Wrap .mPrdWrap .swiper-container .swiper-pagination{bottom:90px;}

.mCont03Wrap .mPrdWrap .swiper-button-next{width:30px; height:30px; background:url(../images/arrow02R.png) no-repeat center center; background-size:20px;}
.mCont03Wrap .mPrdWrap .swiper-button-prev{width:30px; height:30px; background:url(../images/arrow02L.png) no-repeat center center; background-size:20px;}

.mCont04Wrap{width:100%; float:left;}
.mCont04Wrap .mCont04{width:100%; float:left; padding:30px 0; text-align:left;}
.mCont04Wrap .mCont04 .mCont04Tit{width:100%; float:left; padding:0px 2% 10px; text-align:left;}
.mCont04Wrap .mCont04 .mCont04Movie{width:100%; float:left; padding:0px 2%; text-align:center;}
.mCont04Wrap .mCont04 .mCont04Movie img{width:100%; max-width:640px;}

.mCont05Wrap{width:100%; float:left;}
.mCont05Wrap .mCont05{width:100%; float:left; padding:0; text-align:left;}
.mCont05Wrap .mCont05 .mCont05Tit{width:100%; float:left; padding:0px 2% 10px; text-align:left;}
.mCont05Wrap .mCont05 .mCont05List{width:100%; float:left; padding:0px 2%; text-align:left;}
.mCont05Wrap .mCont05 .mCont05List li{width:49%; float:left; margin-left:2%; padding:5px 0;}
.mCont05Wrap .mCont05 .mCont05List li:first-child{margin-left:0;}
.mCont05Wrap .mCont05 .mCont05List li:nth-child(2n+1){margin-left:0;}
.mCont05Wrap .mCont05 .mCont05List li img{width:100%; max-width:640px;}


@media screen and (max-width:640px){
	
.mSwiper .mSwiperTxt01{font-size:26px;}

.mCont01Wrap{padding:20px 0;}
.mCont02Wrap .mCont02_01{padding:20px 0;}
.mCont02Wrap .mCont02_02{padding:20px 0;}

.mCont03Wrap .mPrdWrap{ height:240px;}
.mCont03Wrap .mPrdWrap .swiper-container .swiper-slide{width:150px;}
	
}


@media screen and (max-width:480px){
	

	#mainRollWrap{margin-top:60px;}
	
	.mSwiper .mSwiperTxt01{font-size:20px;}	
	
	
	
}




/* sub Common*/


#subWrap{width:100%; float:left; min-height:500px; position:relative; z-index:2; background:#fff; margin-top:0px;}

#subWrap .subCont{width:100%; float:left; position:relative; z-index:2; text-align:center; padding:30px 0;}
#subWrap .subBoard{width:96%; margin-left:2%; padding:30px 0; float:left; background:#fff; position:relative; z-index:2; font-size:14px;}




@media screen and (max-width:480px){
   
	


}




/* sub page*/

.loginbox{width:96%; float:left; margin:0 2%;}
.login_input{width:100%; border:1px solid #d2d2d2; color:#292929; padding:10px; max-width:300px;}
.loginbox table td{padding:5px; text-align:center;}
.loginbox .btnB{display:inline-block; width:50%; max-width:300px; height:40px; line-height:40px; background:#000; color:#fff;}
.login_txt{width:96%; float:left; padding:15px 2%; font-size:16px; color:#292929; clear:both; line-height:24px;}


.center{width:96%; margin:0 2%;}
.subImg100{width:100%;}

#subTopWrap{width:100%; margin-top:77px; float:left;}
.subTop{width:100%; margin:30px 0 20px 0; float:left; font-size:20px !important; text-align:left !important; border-bottom:1px solid #292929; color:#292929; font-weight:600; padding-bottom:10px;}
.subTop .subTopTit{float:left; font-size:20px !important; text-align:left !important;}
.subContWrap{width:96%; margin:0 2%;}
.subContWrap02{width:100%; margin:0 0;}


.subLinkWrap{width:100%; float:left; padding:20px 0 30px 0; text-align:center;}
.subLinkWrap .subLink01{display:inline-block; border-radius:15px; width:48%; padding:10px; margin:2px; box-sizing:border-box; background:#eeeeee; box-shadow:2px 2px 5px #dbdbdb; text-align:center; font-size:16px; color:#292929;}
.subLinkWrap .subLink02{display:inline-block; border-radius:15px; width:48%; padding:10px; margin:2px; box-sizing:border-box; background:#19cd60; box-shadow:2px 2px 5px #dbdbdb; text-align:center; font-size:16px; color:#fff;}

#subNavWrap{width:100%; padding:0 2% 20px 2%; float:left; box-sizing:border-box; text-align:center;}
#subNavWrap .subNav{width:100%; float:left; box-sizing:border-box; padding-bottom:20px; text-align:left; border-bottom:1px solid #292929;}
#subNavWrap .subNav a{display:inline-block; float:left; width:18%; text-align:center; margin:5px 1%; box-sizing:border-box; border-radius:15px; line-height:30px; font-size:15px; color:#292929; background:#eeeeee; }
#subNavWrap .subNav a.on{background:#fecb08;}


@media screen and (max-width:640px){
	
#subNavWrap .subNav a{width:23%;}
 
	
}

@media screen and (max-width:480px){
	

  .subTopWrap{margin-top:60%;}
  .subTop{font-size:18px;}
  
  #subNavWrap .subNav a{width:31.3%; font-size:14px;}
  .subLinkWrap .subLink01{width:98%;}
	
}