@charset "utf-8";
/* CSS Document */

/* main roll img */


.mSlideWrap{width:100%; float:left; position:relative; z-index:1; min-width:320px;}
.mSlideWrap img{width:100%;}



.mSlideWrap .mSlide{width:100%; height:100%; float:left; position:absolute; top:0; left:0; z-index:1; overflow:hidden;}
.mSlideWrap .mSlide ul{width:100%; float:left; position:relative; z-index:1;}
.mSlideWrap .mSlide ul li{width:100%; position:absolute; top:0; left:0; z-index:1;}
.mSlideWrap .mSlide ul li img{width:100%;}



.mSlideWrap .msTxt{width:100%; position:absolute; top:8%; left:0%; z-index:200; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:16px; color:#222222; line-height:30px; text-align:center; color:#ffffff; display:none;}/* main roll img txt*/
.mSlideWrap .msTxt ul{width:100%; float:left; position:relative;}
.mSlideWrap .msTxt ul li{float:left; width:100%; position:absolute; top:0; left:0;}
.mSlideWrap .msTxt ul li .mTxt01{ font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:20px; color:#ffffff; line-height:30px; text-align:center; width:100%;}
.mSlideWrap .msTxt ul li .mTxt01 img{width:23.4%; max-width:449px;}
.mSlideWrap .msTxt ul li .mTxt02{ font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:16px; color:#ffffff; width:94%; padding-left:3%; text-align:center; padding-top:20px; text-align:left; display:none;}
.mSlideWrap .msTxt ul li .mTxt02 img{width:134px;}


.mSlideWrap .sBlet{position:absolute; width:100%; bottom:20px; left:0; z-index:200; text-align:center; display:none;}
.mSlideWrap .sBlet a{display:inline-block; width:15px; height:15px; margin:0 2px; border-radius:100%; box-sizing:border-box; background:#dcdcdc;}
.mSlideWrap .sBlet a.on{background:#073445;}


.mSlideWrap .arrowL{position:absolute; top:50%; left:3%; z-index:200; cursor:pointer; width:80px; /*max-width:80px;*/  display:none;}
.mSlideWrap .arrowR{position:absolute; top:50%; right:3%; z-index:200; cursor:pointer; width:80px;/* max-width:80px;*/  display:none;}

/* end : main roll img */


/* swiper */

.mRollWrap{width:100%; float:left; position:relative; z-index:1;padding-top:90px;background:var(--main);}
.mRollWrap img{width:100%; max-width:1000px;}
/*.mRollWrap .mRoll{position:absolute; top:0; left:0; height:100%; width:100%; z-index:2;}*/
.mRollWrap .swiper-container{width:100%; height:100%;}
.mRollWrap .swiper-slide{width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
.mRollWrap .swiper-slide img{width:100%;}

.mRollWrap .swiper-pagination{bottom:20px; width:100%; text-align:center;}
.mRollWrap .swiper-pagination .swiper-pagination-bullet{width:12px; height:12px; margin:0 3px; background:#d7d7d7; border:2px solid #d7d7d7; border-radius:100%; opacity:1;}
.mRollWrap .swiper-pagination .swiper-pagination-bullet-active{background:#7a9195; border:2px solid #7a9195;}



/* 외국인용*/
.foriegner {position:absolute; z-index:200;  top:10px; right:10px;}
.foriegner a{display:inline-block; padding:10px 12px;  background:#8bc11f; color:#fff; font-size:16px;}



/* mainCont01*/
.mainCont01{width:100%; float:left; position:relative;}
.mainCont01 .mCont01Box{width:100%; float:left; position:relative; z-index:1;}
.mainCont01 .mCont01Box img{width:100%;}

.mainCont01 .mCont01Txt{width:100%; float:left; position:absolute; text-align:center; top:0; left:0; z-index:2;}
.mainCont01 .mCont01Txt img{width:100%; max-width:640px;}
.mainCont01 .mCont01Txt ul{width:100%; position:relative; float:left;}
.mainCont01 .mCont01Txt ul li{width:100%; position:absolute; top:0; left:0; text-align:center;}
.mainCont01 .mCont01Txt ul li img{width:100%; max-width:640px;}

.mainCont01 .mCont01Link{width:100%; float:left; position:absolute; text-align:center; bottom:20%; left:0; z-index:3; text-align:center;}
.mainCont01 .mCont01Link .linkWrap{width:100%; max-width:640px; display:inline-block; text-align:left;}
.mainCont01 .mCont01Link .linkWrap a{display:inline-block; margin-right:5%; padding:15px 30px; line-height:24px; color:#c63232; background:#fff; font-size:18px; float:right;}
.mainCont01 .mCont01Link .linkWrap .dday{display:inline-block; float:left; margin-left:10px; line-height:54px; color:#fff; font-size:40px; font-weight:600;}

.mainCont01 .mScroll{width:100%; float:left; position:absolute; text-align:center; bottom:0px; left:0; z-index:4; text-align:center; font-size:16px; color:#000; line-height:24px;}


@media screen and (max-width : 640px){
	
	
	.mainCont01 .mCont01Txt{bottom:3%;}
	.mainCont01 .mCont01Link{bottom:2%;}
	
}

@media screen and (max-width : 480px){
	
	.mainCont01 .mCont01Link .linkWrap a{padding:7px 20px; line-height:24px; color:#fff; background:#1762a8; font-size:16px;}
	.mainCont01 .mCont01Link .linkWrap .dday{line-height:44px; font-size:26px;}
	
	.mainCont01 .mScroll{font-size:14px;}
	
	.mainCont01 .mScroll img{width:26px;}
	
}


/* mainCont02 */
.videobox {width:100%; padding: 108px 0px 50px 0px; float:left; position:relative; background:url(../images/main/videobg12.jpg) no-repeat top center; background-size:cover;    text-align: center;}
.mainCont02{width:100%; padding: 75px 0 60px 0; float:left; position:relative; background:url(../images/main/infobg12.jpg) no-repeat top center; background-size:cover;}
.mainCont02 a{display:inline-block;width:47%; float:left; text-align:center; margin:10px 1% 10px 2%; padding:30px 0; border:1px solid #fff; color:#fff; font-size:18px; font-weight:600; background: #003d6782;line-height:30px; box-sizing:border-box;}
.mainCont02 .mCont02Box{width:100%; float:left; text-align:center; color:#fff; font-size:18px; font-weight:600; line-height:30px;}
.mainCont02 .mCont02Box img{width:70%; max-width:128px;}

.mainCont02 .info1 {width:100%;margin-top:0px; border:0px solid red}

/* mainCont03*/
.mainCont03{width:100%; height: auto; margin-top:0px; float:left; position:relative;}
.mContTit{width:100%; padding-bottom:20px; float:left; color:#292929; font-size:18px; font-weight:600; text-align:center;}

.giftBox{width: 100%; height: auto;}

.mCont03Box{width:96%; margin-left:2%; float:left; text-align:center; margin-bottom:20px;}
.mCont03Box .mCont03Img{width:100%; box-sizing:border-box; border:1px solid #e1e1e1; float:left;}
.mCont03Box .mCont03Img img{width:100%; max-width:588px;}
.mCont03Txt{width:100%; padding:15px 0; float:left; color:#fff; font-size:18px; line-height:24px; background:#3498db; text-align:center; font-weight:600;}
.mCont03Txt span{font-weight:normal;}
.giftTxt{width:100%; padding:15px 0; float:left; color:#fff; font-size:18px; line-height:24px; background:#2580fa; text-align:center; font-weight:600; margin-bottom: 40px;}

/* mainCont04*/
.mainCont04 {
    width: 100%;
    padding: 66px 0 45px 0;
    float: left;
    position: relative;
    background: url(../images/main/virtualbg_m.jpg) no-repeat top center;
    background-size: cover;
}
.mCont04Box{width:96%; margin-left:2%; float:left; text-align:center;}
.mCont04Box a {
    display: inline-block;
    width: 80%;
    padding: 20px 0;
    margin: 10px 0;
    box-sizing: border-box;
    border: 1px solid #fff;
    line-height: 24px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    background: #003d6782;
}

/* mainCont05*/
.mainCont05{width:100%; padding:80px 0 20px 0; float:left; position:relative; background:#fff;}
.mContTit05{width:100%; padding-bottom:40px; float:left; color:#292929; font-size:18px; font-weight:600; text-align:center;}

.mCont05Box{width:90%; margin-left:5%; float:left; text-align:center; margin-bottom:40px;}
.mCont05Box .mCont05Img{width:100%; box-sizing:border-box; border:1px solid #e1e1e1; float:left;}
.mCont05Box .mCont05Img img{width:100%; max-width:588px;}
.mCont05Box .mCont05Txt{width:100%; padding:15px 0; float:left; color:#fff; font-size:18px; line-height:24px; background:#3498db; text-align:center; font-weight:600;}
.mCont05Box .mCont05Txt span{font-weight:normal;}

/* mainCont06*/
#mCont06Wrap{width:100%; height: auto; padding-bottom:50px; background:#fff; float: left; position:relative; z-index:1;}
.mCont06{width:100%; height:auto; text-align:center;}
.boardLeft{width:90%; margin: 0 auto; padding: 20px 0; height: auto;}
.boardRight{width:90%; margin: 0 auto; height: auto;}

.boardTit{width:90%; font-size:24px; font-weight:600; color:#292929; position:relative; padding:0 5% 20px; float:left; text-align:left; margin-top: 30px;}
.boardTit .more{position:absolute; top:0px; right:5%;}
.mBoardWrap{width:100%; float:left; border-top:2px solid #3498db;}
.mBoard{width:100%; float:left;}
.mBoard li{width:90%; padding:10px 5%; border-bottom:1px solid #999; font-size:16px; line-height:24px; position:relative; float:left;}
.mBoard li a{display:inline-block; width:100%; font-size:16px; color:#616161; text-align:left;}
.mBoard li a .date{display:inline-block; float:right; color:#c0c0c0; font-size:14px;}



@media screen and (max-width : 480px){
	
	.mainCont02 .mCont02Box{font-size:16px;}
	.mContTit{font-size:22px;}
	.mCont03Box .mCont03Txt{font-size:16px; padding:10px 0;}
	
}



/*#popupWrap{width:100%; height:100%; position:absolute; top:0; left:0; z-index:999999; background:rgba(0,0,0,0.7); display:none; }
#popupWrap .popCont{width:96%; height:94%; overflow-y:scroll; max-width:600px; margin:0 auto; }
#popupWrap .popCont img{width:100%;}
#popupWrap .popClose{width:96%; max-width:600px; margin:0 auto; height:30px; line-height:30px; font-size:14px; text-align:center; background:#000; color:#fff;}
#popupWrap .popClose span{display:inline-block; padding:0 10px;}
#popupWrap .popClose span a{color:#fff;}*/

#popupWrap{width:100%; height:100%; position:absolute; top:0; left:0; z-index:200; background:rgba(0,0,0,0.7); }
#popupWrap .popCont{width:96%; height:400px; padding-top:80px; overflow-y:none; max-width:600px; margin:0 auto; }
#popupWrap .popCont img{width:100%;}
#popupWrap .popClose{width:96%; max-width:600px; margin:0 auto; height:30px; line-height:30px; font-size:14px; text-align:center; background:#000; color:#fff;}
#popupWrap .popClose span{display:inline-block; padding:0 10px;}
#popupWrap .popClose span a{color:#fff;}

#popup02{width:100%; position:absolute; top:0; left:0; z-index:300; }
#popup02 .popCont{width:96%; padding-top:80px; overflow-y:none; max-width:600px; margin:0 auto; }
#popup02 .popCont img{width:100%;}
#popup02 .popClose{width:96%; max-width:600px; margin:0 auto; height:30px; line-height:30px; font-size:14px; text-align:center; background:#000; color:#fff;}
#popup02 .popClose span{display:inline-block; padding:0 10px;}
#popup02 .popClose span a{color:#fff;}