/*메인을 정의한다*/
.indexTitle{font-size:50px;line-height:75px;text-align:center;font-weight:300;color:white;}
.indexTitle .notice{font-size:57px;font-weight:600;}
.indexTitle .bold{font-weight:600;}


#indexPage{width:100%;height:100vh;background-color:black;}
#indexPage .swiper-container{width:100%;height:100vh;}
#indexPage .swiper-container .swiper-slide{width:100%;height:100vh;}

.hd_pops_footer .hd_pops_close{position:relative;}


#indexPage .swiper-wrapper .swiper-slide:nth-child(1){background-image:url('/img/slide011_bg.jpg?ver=1');}
#indexPage .swiper-wrapper .swiper-slide:nth-child(2){background-image:url('/img/slide021_bg.jpg?ver=1');}
#indexPage .swiper-wrapper .swiper-slide:nth-child(3){background-image:url('/img/slide031_bg.jpg?ver=1');}
#indexPage .swiper-wrapper .swiper-slide:nth-child(4){background-image:url('/img/slide041_bg.jpg?ver=1');}
#indexPage .swiper-wrapper .swiper-slide:nth-child(5){background-image:url('/img/slide051_bg.jpg');}

.mouseScroll{text-align:center;}
#indexPage .mouseScroll{position:absolute;width:50px;left:calc(50% - 25px);bottom:20px;text-align:center;}
#indexPage .msText{margin-bottom:15px;}
#indexPage  .msWheel {
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-name: bounce-1;
	animation-timing-function: linear;
}
@keyframes bounce-1 {
	0%   { transform: translateY(0); }
	50%  { transform: translateY(-10px); }
	100% { transform: translateY(0); }
}

/*slide 1*/
#indexPage .swiper-wrapper .swiper-slide{display:flex;align-items:center;}
#indexPage .swiper-wrapper .swiper-slide > div{width:100%;}
#indexPage .swiper-wrapper .swiper-slide.slide05 > div{text-align:center;}


.indexTop{padding-top:50px;margin-left:0px;width:100%;font-family:'S-CoreDream'}
.slide01 .indexTop{margin-left:0px;width:100%;}
.indexTop .indexTitle{position:relative;margin-bottom:27px;width:100%;text-shadow: 0px 1px 6px black;}
.indexTop .indexTitle .ititle{display:relative;width:375px;height:46px;font-size:26px;font-weight:600;color:#75858f;background-color: white;line-height:45px;text-align:center;}


.indexTop .indexIntro{margin-bottom:25px;font-size:45px;line-height:70px;font-weight:300;color:white;}
.slide01 .indexTop .indexIntro{margin-bottom:10px;}
.indexTop .indexIntro .bold{font-weight:500;}
.indexTop .indexIntro_small{font-size:28px;line-height:40px;}


.indexCircle{width:1040px;margin:40px auto;display:flex;align-items:center;justify-content:space-between;font-family:'S-CoreDream'}
.indexCircle li{width:300px;height:330px;border:1px solid rgba(255,255,255,0.2);}

.indexCircle li > a{display:block;width:300px;height:330px;position:relative;overflow:hidden;text-align:center;}

.indexCircle li .num{position:absolute;top:-20px;left:0px;text-align:center;width:100%;font-family:'chosun_myungjo';font-size:110px;color:white;font-style: italic;color:rgba(255,255,255,0.1);text-align:center;}
.indexCircle li .num1{position:absolute;top:50px;left:0px;text-align:center;width:100%;font-family:'chosun_myungjo';font-size:110px;color:white;font-style: italic;color:rgba(255,255,255,0.1);text-align:center;}

.indexCircle li > a > .rbox{position:absolute;left:0px;width:100%;height:100%;color:white;font-size:20px;line-height:32px;text-align:center;font-weight:500;overflow:hidden;transition: top .5s;}

.indexCircle li > a .pageGroup{padding-top:50px;font-size:28px;font-weight:600;line-height:30px}
.indexCircle li > a .pageSGroup{font-size:21px;font-weight:300;line-height:30px;height:30px;}
.indexCircle li > a .pageLine{padding:10px 0px 15px 0px;text-align:center;}
.indexCircle li > a .pageNames{font-size:18px;line-height:32px;font-weight:500;}

.indexCircle li > a .pageLink{width:100%;position:absolute;bottom:20px;left:0px;font-size:18px;font-weight:500;text-align:center;}

.indexCircle li > a button{width:200px;height:35px;border:1px solid rgba(255,255,255,0.8);background-color:transparent;color:white;}
.indexCircle li > a .rboxOver .pageNames{padding-top:20px;}

.indexCircle li > a > .rbox.rboxView{top:0px;}
.indexCircle li > a > .rbox.rboxOver{top:100%;background-color:rgba(40,52,83,0.8);}

.indexCircle li > a:hover > .rbox.rboxView{top:-100%;}
.indexCircle li > a:hover > .rbox.rboxOver{top:0px;}



.slide02 .indexCircle li > a .countBox{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;align-items:center;background-color:rgba(15,19,31,0.9);}
.slide02 .indexCircle li > a .countBox .countBg{position:absolute;top:0px;left:0px;width:120px;height:100%;}
.slide02 .indexCircle li .num{position:absolute;padding-top:0px;top:120px;left:0px;text-align:right;padding-right:25px;}

.slide02 .indexCircle li > a .countBox .countText{position:absolute;top:auto;bottom:4px;left:auto;right:12px;text-align:right;}
.slide02 .indexCircle li > a .countBox .countText .countBgHead{color:white;font-size:26px;font-weight:300;}
.slide02 .indexCircle li > a .countBox .countText .countBgText{line-height:60px;color:white;font-size:53px;font-weight:600;}
.slide02 .indexCircle li > a .countBox .countText .countBgText .stext{font-size:27px;}
.slide02 .indexCircle li > a .countBox .countText .countBgText.onlyChar{font-size:38px}

.slide02 .introLink{margin-top:30px;width:100%;text-align:center;}
.slide02 .introLink a{display:inline-block;width:310px;margin-top:0px;line-height:54px;font-size:25px;font-weight:300;font-family:'S-CoreDream';color:white;border-top:1px solid white;border-bottom:1px solid white;}



/*슬라이드 04*/
#bo_v_con p{max-width:100%;}
#bo_v_con div{max-width:100%;}


#indexMap{width:100%;}
#mpMap{display:flex;width:1000px;margin:0px auto;}
#mainPartner {position:relative;padding:0px;margin-right:-40px;}
#mpmMap{padding:20px 20px 20px 20px;display:flex;justify-content:space-between;width:660px;height:530px;background-color:#0d1420;}	


#mp_map a{position:absolute;display:block;}
#mp_map a > span > span {display:none;}
#mp_map a > span > i {display:none;}
#mp_map a.on {display:block;}
#mp_map a.on > span > span {display:inline-block;}
#mp_map a.on > span > i {display:block;}


#mmapSubject{margin-top:20px;}
#mmapSubject a{display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:15px 0px 15px 0px;letter-spacing:-0.1em;color:white;background-color:rgba(62,134,199,0.5);}
#mmapSubject a .text{font-size:13px;line-height:20px;margin-right:5px;}
#mmapSubject a .linker{font-size:16px;line-height:20px;font-weight:bold;margin-right:4px;}
#mmapSubject a img{height:18px;}


#mpmCont{position:relative;width:385px;margin-right:10px}
#mpmCont .mpmItem{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#0d1420;padding:0px;}
#mpmCont .mpmItem{z-index:1;}
#mpmCont .mpmItem.on{z-index:10}

#mpmCont .mapCont{position:relative;width:380px;height:320px;background-color:white;}/*map*/
#mpmCont .mapCont > div{width:100%;height:320px;}

#mpmCont .mapInfo{padding:20px 15px 0px 15px ;font-family:'S-CoreDream';font-size:15px;font-weight:300;color:white;text-align:left;}
#mpmCont .mapInfo .stitle{margin-bottom:10px;font-weight:500;}
#mpmCont .mapInfo .mapAddr{margin-bottom:10px;}
#mpmCont .mapInfo .mapAddr .stext{height:50px;line-height:25px;}
#mpmCont .mapInfo .mapRoad{margin-bottom:20px;}
#mpmCont .mapInfo .mapLink{}
#mpmCont .mapInfo .mapLink a{display:inline-block;width:100%;height:55px;line-height:55px;text-align:center;color:white;background-color:#b7b7b7;font-size:18px;font-weight:500;color:#0d111c;}

#mmapArea{width:200px;display:flex;justify-content:space-between;}
#mmapArea ul{width:90px;}
#mmapArea li{width:100%;margin-bottom:15px;}
#mmapArea li a{display:block;width:100%;line-height:45px;border:1px solid rgba(255,255,255,0.2);color:white;text-align:center;text-decoration:none;}
#mmapArea li a.on{border:1px solid #e16a24;color:#e16a24;font-weight:bold;}


#swiper-page{position:fixed;width:150px;top:calc(55% - 100px);right:170px;z-index:1000}
#swiper-page li{margin-bottom:20px;text-align:right;}
#swiper-page li a{display:flex;align-items:center;justify-content:flex-end;color:white;}

#swiper-page li a.on .icon{background:url('/img/swiper_circle.png') no-repeat center center;}
#swiper-page li a span{display:inline-block;}
#swiper-page li a .name{font-size:13px;font-family:'Noto Sans KR';}
#swiper-page li a .icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;margin-left:20px;}