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

/* main page*/
#mainWrap{width:100%; max-height:1200px; position:relative; z-index:1; background:url(../images/main/bg.jpg) no-repeat center top; background-size:cover;}
#mCont02Wrap{width:100%; height:446px; background:url(../images/main/infobg.png?ver=240715001) no-repeat center center;background-size: cover; position:relative; z-index:1;}

.mCont01Wrap{width:100%; max-height:1200px; margin:0 auto; position:relative; z-index:1;overflow:hidden;}
.mCont01Wrap .mCont01{position:absolute; top:0; left:0;}

.mCont01Wrap .mCont01 ul{position:relative;}
.mCont01Wrap .mCont01 ul li{position:absolute; top:0; left: 0;}

.mCont01Wrap .mCont01Btn{position:absolute; top:70%; right:24px; margin-top:0px;z-index:10;}
.mCont01Wrap .mCont01Btn a{display:inline-block; padding:0px 66px; background: #3498db; border:1px solid #3498db; color:#fff; font-size:20px; line-height:54px; font-weight:600; float:left;}
.mCont01Wrap .mCont01Btn a:hover{color:#3498db; background:#fff;border:1px solid #3498db;}

.mCont01Wrap .mCont01Btn span.dday{display:inline-block; padding-left:20px; font-weight:600; font-size:40px; line-height:58px; color:#fff; float:left;}


.mCont01Wrap .mRollWrap{width:100%; height:100%; position:relative;}
.mCont01Wrap .mRollWrap .swiper-container{width:100%; height:100%;}
.mCont01Wrap .mRollWrap .swiper-slide{width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}

.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;}



.mScrollBtn{position:absolute; z-index:10; bottom:440px; left:50%; margin-left:-30px; width:60px; text-align:center; color:#3498db; font-size:17px; line-height:24px; cursor:pointer;}



.mContWrap{width:1200px; margin:0 auto; position:relative; z-index:1;}

.mContTit{width:100%; padding:60px 0; text-align:center; float:left; color:#fff; font-size:30px; font-weight:600;}
.mCont02{width:100%; float:left;padding-top:140px;}
.mCont02Box{width:276px; height:238px; float:left; border:1px solid #fff; margin-left:28px; text-align:center; position:relative;background: #AFDAF0;
    backdrop-filter: blur(5px);}
.mCont02Box:first-child{margin-left:0;}

.mContIcon{width:100%; height:120px; display:inline-block; margin-top:30px;}
.mContIcon_01{background:url(../images/mIcon_01.png) no-repeat center center;}
.mContIcon_02{background:url(../images/mIcon_02.png) no-repeat center center;}
.mContIcon_03{background:url(../images/mIcon_03.png) no-repeat center center;}
.mContIcon_04{background:url(../images/mIcon_04.png) no-repeat center center;}
.mContIcon_05{background:url(../images/mIcon_05.png) no-repeat center center;}
.mContIcon_06{background:url(../images/mIcon_06.png) no-repeat center center;}

.mContTxt{width:100%; padding-top:10px; color:#fff; font-size:20px;}

.mCont02BoxOv{position:absolute; width:278px; height:240px; background:#fff;border:1px solid var(--main); top:-1px; left:-1px; display:table; display:none;}
.mCont02BoxOv a{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; line-height:40px; font-size:18px; color:#3498db; font-weight: bold;}
.mCont02BoxOv a img{width:40px;}

.mCont02Box:hover .mCont02BoxOv{display:table;}

#mCont07Wrap{width:100%; background-color:#AFDAF0;text-align:center;position:relative; z-index:1; transition-duration: 0.3s;}
#mCont07Wrap img{width:100%;max-width:1920px;}

#mCont03Wrap{width:100%; float:left; background-color:#AFDAF0;text-align:center; /*height:1877px;background-image: url("../images/main/giftbg.jpg?ver=08");background-size: contain; background-position: center center; background-repeat: no-repeat;*/  position:relative; z-index:1; transition-duration: 0.3s;}
/*#mCont03Wrap:hover{background-image: url("../images/main/giftbg.jpg?ver=3");}*/
#mCont03Wrap img{width:100%;max-width:1920px;}
.mContTit02{width:100%; padding-bottom:30px; text-align:center; float:left; color:#292929; font-size:30px; font-weight:600;}
.mCont03{width:100%; height: 100%; /*height:560px;*/ float:left; text-align:center;}

#mCont03Wrap .gift_clickBox{width: 400px; height: 100px; display: block; position: absolute; right: -400px; top: 6%; background: #fff; color: #3498db; font-weight: bold; font-size: 24px; text-align: center; line-height: 100px; transition-duration: 0.3s; cursor: pointer;}

#mCont03Wrap:hover .gift_clickBox{right: 0;}
#mCont03Wrap .gift_clickBox:hover{box-shadow: 0px 0px 10px #fff; color: #3481db;}

/*
.mCont03Box{width:378px; height:560px; display:inline-block; margin:0 10px; text-align:center; position:relative; }
.mCont03Box .mCont03Img{width:376px; height:498px; overflow:hidden; border:1px solid #3498db;}
.mCont03Box .mCont03Txt{width:100%; height:30px; padding:15px 0; background:#3498db; line-height:30px; color:#fff; font-size:18px; font-weight:600;}
.mCont03Box .mCont03Txt span{font-size:14px; font-weight:normal;}
*/
/* 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:30%; 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;}

.zoomImg{
	    -webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;	
}


.mCont03Img:hover .zoomImg{transition:0.3s; transform:matrix(1.10, 0, 0, 1.10, 0, 0); -webkit-transform:matrix(1.10, 0, 0, 1.10, 0, 0); -moz-transform:matrix(1.10, 0, 0, 1.10, 0, 0); /*opacity:0.7; filter:alpha(opacity=0.7);*/}




#mCont04Wrap{width:100%; height:350px; background:url(../images/virtualbg.jpg) center 0 no-repeat; position:relative; z-index:1;}
.mCont04{width:100%; padding-top:166px; float:left; text-align:center;}
.mCont04Box{width: 230px;
    height: 60px;
    display: inline-block;
    margin: 0 15px;
    text-align: center;
    position: relative;
    background: #003d6782;
    backdrop-filter: blur(10px);}
.mCont04Box a{display:inline-block; width:228px; height:28px; border:1px solid #fff; line-height:28px; padding:15px 0; color:#fff; font-size:20px; font-weight:600;}
.mCont04Box a:hover{background:#fff; border:1px solid #fff; color: #3498db;}


#video01Wrap{width:100%; height:1052px; background:url(../images/main/videobgpc.png?ver=240715001) center 0 no-repeat;background-size: cover; position:relative; z-index:1;}
.video01{width:100%; padding-top:285px; float:left; text-align:center;}
.video01 img {width:600px;}



#mCont06Wrap{width:100%; padding:100px 0; background:#fff; position:relative; z-index:1;}
.mContTit06{width:100%; padding-bottom:60px; text-align:center; float:left; color:#292929; font-size:30px; font-weight:600;}
.mCont06{width:100%; /*height:560px;*/ float:left; text-align:center;}
.mCont06Box{width:350px; height:250px; display:inline-block; margin:0 25px; text-align:center; position:relative; background: #ccc;}
.mCont06Box .mCont06Img{width:350px; height:200px; overflow:hidden;}
.mCont06Box .mCont06Txt{width:100%; height:20px; padding:15px 0; background:#3498db; line-height:20px; color:#fff; font-size:18px; font-weight:600;}
.mCont06Box .mCont06Txt span{font-size:14px; font-weight:normal;}

.mCont06Box:hover .mCont06Txt{background: #4ba1f7; transition-duration: 0.3s;}

.mCont06Img:hover .zoomImg{transition:0.3s; transform:matrix(1.05, 0, 0, 1.05, 0, 0); -webkit-transform:matrix(1.05, 0, 0, 1.05, 0, 0); -moz-transform:matrix(1.05, 0, 0, 1.05, 0, 0); /*opacity:0.7; filter:alpha(opacity=0.7);*/}


#mCont05Wrap{width:100%; padding:50px 0; background:#fff; position:relative; z-index:1;}
#mCont05Wrap:after{display:block;visibility:hidden;clear:both;content:""}
.mCont05{width:100%; height:auto; text-align:center;}
.boardLeft{width:48%; float:left;}
.boardRight{width:48%; float:right;}

.boardTit{width:90%; font-size:24px; font-weight:600; color:#292929; position:relative; padding:0 5% 20px; float:left; text-align:left;}
.boardTit .more{position:absolute; top:0px; right:5%;}
.mBoardWrap{width:100%; float:left; border-top:2px solid var(--main);}
.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;}


/* ºñÁê¾ó ÅؽºÆ® ¾Ö´Ï¸ÞÀÌ¼Ç */
.text-scroll {
    display: flex;
    position: absolute;
    top: 7vw;
    width: 100%;
    height: 100px;
    overflow: hidden;
    z-index: 2;
}
.text-scroll .text-scroll_title {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    transition: all 1s ease;
}
.text-scroll .text-scroll_title div {
    display: flex;
    animation: scrollText 300s infinite linear;
}
.text-scroll .text-scroll_title img {
    margin: 0;
    padding-right: 40px;
    max-width: fit-content;
	height:100px;
}
@keyframes scrollText {
    0% {transform: translateX(0%);}
    100% {transform: translateX(-100%);}
}

/* end : main Cont */


/* popup*/
#popupWrap{width:640px; height:480px; position:absolute; top:50%; left:30%; margin-left:-480px; margin-top:-240px; z-index:120;}
#popupWrap .popCont{width:640px; height:480px; padding-top:10%; overflow-y:hidden; max-width:1000px; margin:0 auto; }
#popupWrap .popCont img{width:100%;}
#popupWrap .popClose{width:100%; 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:615px; position:absolute; top:150px; left:50%; margin-left:20px; z-index:999999; }
#popup02 .popCont{width:100%; max-width:615px; margin:0 auto; }
#popup02 .popCont img{width:100%;}
#popup02 .popClose{width:100%; max-width:615px; 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;}