body, html{min-width:1200px; overflow-x:auto;}
img, area{outline:0 none; border:0;}
#container,#cpa_content{width:100%!important;}
a:hover{text-decoration:none;}
.innerBox{width:1024px; margin:0 auto; position:relative;}
.float{position:absolute;}
.event_bnr{background:url('<?= $imgSrc ?>bg_event_bnr.jpg') no-repeat center top; overflow:hidden;}
.link{position:absolute; font-size:0; display:block;}
.link:hover{box-shadow:0 0 15px rgba(0,0,0,.7);}
.btns{position: absolute; left:50%; transform:translateX(-50%;); text-indent:-999em;}

/* Ä«¿îÆ® ŸÀÌ¸Ó */
.abs{position: absolute; z-index: 899; top:2px;}
.top_dday{background:#000; height:78px; line-height:78px; position:fixed; z-index:999; bottom:0; width:100%; font-size: 30px; color:#fff;}
.countNum{font-size: 35px; font-weight: 600; ;}
.countDate{font-weight: 600;left:136px;}
.countDate span{font-size: 20px; font-weight: 300; margin-left: -10px;	}
.countDday{color:#ffb400; font-size: 35px; left:357px; font-weight: 600;}
.countTimer{font-size: 35px; font-weight: 600; left:420px; display: flex; letter-spacing:17.4px;}
.countTimer span{margin-left: 15px;}
.countTimer span:first-child{margin-left: 0px;}
.day_btn{width: 216px; height: 46px; text-indent:-99em; display: block; right:0; top:21px;}
.top_dday_close{width:100%; margin:0 auto; text-align:center; background:#000209;}

/* Ç÷ÎÆà ¿ìÃø Äü¹è³Ê */
.float_bnr{position: absolute; top:150px; right:188px; z-index: 801;}
.float_bnr_fix{position: fixed; top:10%; right:1%;  z-index: 801;}
.float_bnr ul{position:  absolute; top:0;}
.float_bnr ul li a{width: 100%; display: block;}
.float_bnr03_1{position: relative;}
.float_bnr_btn{position: absolute; width:100%;  z-index: 5; text-indent:-999em;}
.float_bnr_btn01{top:0; height: 83px; }
.float_bnr_btn02{top:83px; height: 78px;}
.float_bnr_btn03{top:164px; height: 78px; }
.float_bnr_btn04{top:280px; height: 30px; width: 48%;  }
.float_bnr_btn05{top:280px; height: 30px; width: 48%; margin-left:88px; }

/* fullCnt1 */
.fullCnt1{background:#122233 url('../images/bg_cnt_01.jpg') no-repeat center top; overflow:hidden; padding-bottom:90px;}
.fullCnt1 .checkBox{display: flex; color:#fff; justify-content: space-between; align-content: center; margin: 35px 0;}
.fullCnt1 .checkBox label{line-height:36px;}
.fullCnt1 .checkBox span{width: 207px; height: 36px; background:#555555; color:#b9b8b8; text-align:center; line-height:36px; cursor:pointer; display: block;}
.cnt01_btn01{width: 314px; height: 90px; border-radius:50px; top:1360px; left:94px; }
.cnt01_btn02{width: 314px; height: 90px; border-radius:50px; top:1360px; margin-left:104px; }
.cnt01_btn03{width: 169px; height: 46px;  bottom:38px; left:172px; }
.cnt01_btn04{width: 169px; height: 46px;  bottom:38px; margin-left:172px; }

/* fullCnt2 */
.fullCnt2{background: #eeeeee;}
.second {position:relative; top:1.6px; left:50%;  transform: translateX(-50%); width:620px;margin-left:-14.5px; background: url('../images/loading_circle_01.png')no-repeat center; }
.second > strong {position:absolute; bottom:110px; left:50%; margin-left:-62.1px; width: 100px; text-align:center; font-size:63px; color:#996815;}

/* fullCnt3 */
.fullCnt3{background:#ead5a5 url('../images/bg_cnt_03.jpg') no-repeat center top; overflow:hidden;}

/* fullCnt4 */
.fullCnt4{background:#0c1927; padding-bottom: 100px;}

/* fullCnt5 */
.fullCnt5{padding-bottom: 100px;}
.fullCnt5 .innerBox{height: 1182px;	}
.fullCnt5 .cnt5_notice{width: 100%; margin:0 auto; text-align:center;}
.fullCnt5 .cnt5_notice th{background: #000; color:#fff; height: 70px; font-size:18px;}
.fullCnt5 .cnt5_notice td{border-bottom:1px solid #ccc; text-align:center; line-height:1.5;}
.swiperCnt5{position:absolute; top:867px; left:0;}
.swiperCnt5 .swiper-container{width:1024px; height:300px;}
.swiperCnt5 .swiper-slide{font-size:15px; }

/* fullCnt6 */
.fullCnt6{background:#eeeeee; padding-bottom: 190px;}
.fullCnt6 .card_box{display: flex;flex-wrap: wrap;justify-content: space-between; }
.card{width:330px; height:240px; position:relative; display:inline-block; margin-top: 10px;}
.card:nth-child(10){width:503px;height: 240px; position:relative; display:inline-block; margin-top: 10px;}
.card:nth-child(11){width:503px;height: 240px; position:relative; display:inline-block; margin-top: 10px;}
.front{position:absolute; width:330px; height:240px; background:#ccc; top:0; left:0; cursor:pointer;}
.back{position:absolute; width:330px; height:240px;background:#ff0; top:0; left:0; transform:rotateY(90deg); box-shadow: 6px 0px 12px rgb(0 0 0 / 30%);}
.cardRotate .front{opacity:1;animation: rotateAni 0.5s 1; transform:rotateY(90deg);}
.cardRotate .back{opacity:1;animation: rotateAni2 0.5s 0.5s 1 backwards; transform:rotateY(0);}
.backRotate .front{animation: backAni 0.5s   1; opacity:1;}
.backRotate .back{opacity:0;}

@keyframes rotateAni{
  0%{transform:rotateY(0);}
  100%{transform:rotateY(90deg);}
}
@keyframes rotateAni2{
  0%{transform:rotateY(-90deg);}
  100%{transform:rotateY(0deg);}
}

@keyframes backAni{
  0%{transform:rotateY(90deg);}
  100%{transform:rotateY(0deg);}
}

/* fullCnt7 */
.fullCnt7 .innerBox{position: relative; top:-90px;}
.fullCnt7 .innerBox .checkBox{color:#000;display: flex; justify-content: space-between; align-content: center; margin: 35px 0;}
.fullCnt7 .checkBox label{line-height:36px;}
.fullCnt7 .innerBox .checkBox span{background: #ccc;	 color:#000; width: 207px; height: 36px;text-align:center; line-height:36px; cursor:pointer; display: block;}
.fullCnt7 .cnt07_btn01{width: 314px; height: 90px; border-radius:50px; top:662px; left:94px; z-index: 99;}
.fullCnt7 .cnt07_btn02{width: 314px; height: 90px; border-radius:50px; top:662px; margin-left:105px; z-index: 99;}
.fullCnt7  .cnt07_btn03{width: 169px; height: 46px;  bottom:38px; left:172px; }
.fullCnt7  .cnt07_btn04{width: 169px; height: 46px;  bottom:38px; margin-left:172px; }

/* fullCnt8 */
.fullCnt8{ background:#e4eef5;}
.fullCnt8 .title{position: absolute;top: 50px; left: 50%; transform: translateX(-50%);}
.fullCnt8 .cnt08_btn{width: 180px; height: 46px; border-radius:50px; top:541px;}
.fullCnt8 .cnt08_btn01{left:76px; }
.fullCnt8 .cnt08_btn02{margin-left: -90px; }
.fullCnt8 .cnt08_btn03{ margin-left: 258px; }

/* Æ˾÷ */
.popup{position:absolute; display: none; width: 350px; box-sizing:border-box; }
.popup_01{top:229px; left:-6px;}
.popup_02{top:229px;left: 50%; transform: translateX(-48%);}
.popup_03{top:229px; left:50%; margin-left:180px;}
.popup_tit{width: 100%; height:54px; color:#fff; text-align:center; line-height:54px; background: #151515; font-size: 20px; font-weight: 600;}
.popup_cont{padding:34px; border:3px solid #151515; width: 350px; box-sizing: border-box;  position: relative; background: #fff;  letter-spacing:-1px;}
.popup h3{font-size:16px; text-align:center; font-weight: 600; margin-bottom: 15px;}
.popup h3 span{color:#9b6713;}
.popup ul li{font-size: 14px; color:#1774bb; line-height:1.8; position: relative;}
.popup ul li:before{content:'*'; width: 3px; height: 3px; color:#1774bb; position: absolute; top:2px; left:-12px;}
/* Æ˾÷01 */
.filebox{width: 270px; height: 40px; border:1px solid #666; display: flex;justify-content: space-between; margin-top: 15px;}
.upload-name{width: 177px;  height: 40px; border:none; background: none; padding-left:15px;}
.upload-choice{width: 93px; background: #666; color:#fff; display: block; line-height:40px; text-align:center; font-size: 14px; cursor:pointer;}

.close_btn{width:54px; height: 54px; position:  absolute; right:0; top:0; color:#fff;}
.inputBox{width: 100%; border:1px solid #9b6713; height: 40px; display: flex; justify-content: space-between; margin-top: 15px;}
.inputBox input{width: 70%;height: 40px; border:none; padding-left:15px;}
.inputBox input:focus{outline:none;}
.inputBox .input_btn{ background: #9b6713; color:#fff; display: block; height: 40px; width: 63px; line-height:40px; text-align:center; font-size: 14px;}

.popup_upload{border-radius:50px;height: 42px; background: #151515; color:#fff;  display: block; line-height:42px; text-align:center; margin:0 auto; font-size: 16px; margin-top: 30px;}
.popup01_upload{width: 176px;} 
.popup02_upload{width: 198px; }
.popup03_upload{width: 217px; color:#fff;}


/* °íÁ¤ */
.note_detail{display:none; z-index:99999; text-align:center; background:#fff; border:1px solid #252525;}
.note_detail .title{color:#fff; position:relative; font-size:14px; font-weight:bold; width:100%; background:#000000; padding:10px 0;}
.note_detail .title a{float:right; margin:-2px 10px 0 0;}
.note_detail .inBox{padding:20px 60px; color:#252525; margin:20px auto;}
.note_detail .inBox .txt{font-size:16px; color:#252525; margin-top:15px; text-align:center;}
.note_detail .inBox .txt input{border:1px solid #cccccc; width:150px; height:22px; margin:0 10px; margin-right:5px;}

#note_detail_6{position:absolute; left:350px; top:400px; z-index:99999;}
#note_detail_7{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:99999;}
#note_detail_8{position:absolute; left:300px; top:500px; z-index:99999;}
#note_detail_9{position:absolute; left:300px; top:500px; z-index:99999;}
#note_detail_9 ol li{list-style-type:auto; margin-bottom: 8px;}

/* ½º¿ÍÀÌÆÛ */
  .swiper-slide {
	text-align: center; 

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }
.swiper-slide img { display: block; width: 100%;  height: 100%; object-fit: cover; }
.swiper { width: 100%; height: 300px;  margin-left: auto; margin-right: auto; }
.swiper-slide { background-size: cover;  background-position: center;   }
.mySwiper2 {  height: 80%; width: 100%; overflow:hidden;}
.mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0;}
.mySwiper .swiper-slide { width: 25%;  height: 100%; opacity: 1; cursor:pointer;}
.mySwiper .swiper-slide-thumb-active { opacity: 1; }
.swiper-slide img {  display: block; width: 100%;  height: 100%;  object-fit: cover; }
.swiper-button-next, .swiper-button-prev{top:91%;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right:0px; color:#fff;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left:0px; color:#fff;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url('../images/swiper-button-prev.png');}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url('../images/swiper-button-next.png');}

/* ºñµð¿À ¿µ»ó */
.popupVideo a{width: 1024px; height: 576px; display: block; background: transparent; position: absolute;  box-sizing:bodrer-box;}
.video-popup.reveal{ position: absolute; width: 1024px; height: 576px; top: 0px; left:50%; transform: translateX(-50%);  justify-content: center; align-items: center;}
.video-popup .video-wrapper{position: relative;width: 1024px; height: 576px; z-index: 10; background:#000;} 
.video-popup .video-wrapper iframe{ width: 100%; height: 100%; border:none;}

/* ¸¶°¨ ¿äû */
.cnt_01_last_txt{position: absolute; top:340px; right:60px;}
.last_icon{position: absolute; bottom:364px;}
.last_icon01{left:80px;}
.last_icon02{right:340px;}
.cnt_06_icon{position: absolute; top:33px; left:50%; transform: translateX(-50%);}