@charset "utf-8";


/* #wrap01 */
#wrap01 {
  width: 1920px;
  margin: 0 auto;
}

#wrap01 .title01 {
  width: 100%;
}





/* wrap02 */
#wrap02 {
  background: #377cca;
  width: 1200px;
  margin: 0 auto;
  height: 1805px;
  position: relative;
}

#wrap02 .sub02 {
  position: absolute;
  top: -190px;
  right: 0;
  font-size: 38px;
  font-family: 'GmarketsansB';
  font-weight: 700;
  text-align: right;
  color: #606060;
  letter-spacing: -1.5px;
  line-height: 50px;
}

#wrap02 img,
#wrap02 p,
#wrap02 ul {
  text-align: center;
  margin: 0 auto;
}

#wrap02 .deco02_1 {
  padding: 65px 0 0 0;
  position: relative;
}

#wrap02 .title02 {
  color: #fff;
  font-size: 60px;
  font-family: 'NotosansBold';
  width: 100%;
  margin-bottom: 80px;
}

#wrap02 .sub02_1 {
  color: #fff;
  font-size: 30px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 14.5%;
}

#wrap02 .img02_1 {
  padding: 60px 0 40px 0;
}

#wrap02 .list01 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 80px;
}

#wrap02 .list01 li {
  font-family: 'NotosansT';
  letter-spacing: -1px;

}


#wrap02 .list01 li img,
#wrap02 .list02 img {
  display: inline-block;
  padding: 14px 7px 0 0;
}

#wrap02 .sub02_2 {
  font-size: 30px;
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 58.6%;
}

#wrap02 .img02_2 {
  padding: 80px 0;
}

#wrap02 .list02 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 80px;
}

#wrap02 .list02 li {
  font-family: 'NotosansT';
  letter-spacing: -1px;
}







/* wrap03 */



#wrap03 {
  width: 1200px;
  height: 1477px;
  margin: 0 auto;
  background: url(/home/images/bootcamp/new/bg01.jpg) no-repeat center / cover;
}

#wrap03 .deco03_1 {
  padding: 65px 0 0 0;
  margin: 0 auto;
}

#wrap03 .title03 {
  color: #fff;
  font-size: 60px;
  font-family: 'NotosansBold';
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
}


#wrap03 .sub03_1 {
  background: url(/home/images/bootcamp/new/sub_bg02.png) no-repeat;
  width: 300px;
  line-height: 53px;
  color: #fff;
  font-size: 30px;
  text-align: center;
}

#wrap03 .sub03_2 {
  background: url(/home/images/bootcamp/new/sub_bg03.png) no-repeat center;
  width: 300px;
  line-height: 53px;
  color: #fff;
  font-size: 30px;
  text-align: center;
}

#wrap03 .sub03_3 {
  background: url(/home/images/bootcamp/new/sub_bg04.png) no-repeat;
  width: 402px;
  line-height: 53px;
  color: #fff;
  font-size: 30px;
  text-align: center;
}

#wrap03 .sub03_4 {
  background: url(/home/images/bootcamp/new/sub_bg05.png) no-repeat;
  width: 285px;
  line-height: 53px;
  color: #fff;
  font-size: 30px;
}


#wrap03 .list03 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;

}

#wrap03 .list03 li {
  width: 50%;
  height: 600px;
  padding: 30px 100px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-family: 'NotosansT';
  letter-spacing: -1px;
}

#wrap03 .list03 li p {
  margin: 0 auto;
}


#wrap03 .list03 li .img03_1 {
  margin: 0 auto;
  padding: 80px 0 30px 0;
}

#wrap03 .list03 li .img03_2 {
  margin: 0 auto;
  padding: 80px 0 30px 0;
}

#wrap03 .list03 li .img03_3 {
  margin: 0 auto;
  padding: 80px 0 30px 0;
}

#wrap03 .list03 li .img03_4 {
  margin: 0 auto;
  padding: 80px 0 30px 0;
}

#wrap03 .list03 li .bullet {
  display: inline-block;
  padding: 14px 7px 0 0;
}

#wrap03 .scroll .type_bottom {
  transform: translate(0. 50px);
}

















/* wrap04 */
#wrap04 {
  width: 1200px;
  height: 2550px;
  background: #1d1d1d;
  margin: 0 auto;
  text-align: center;
}

#wrap04 .deco04_1 {
  padding: 65px 0 0 0;
  margin: 0 auto;
}

#wrap04 .title04 {
  color: #fff;
  font-size: 60px;
  font-family: 'NotosansBold';
  padding-bottom: 40px;
}

#wrap04 .list04 {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#wrap04 .list04 li {
  width: 50%;
  padding: 20px 0;
  font-size: 20px;
  letter-spacing: -1.2px;
  line-height: 34px;
  /* font-weight: bolder; */
}



#wrap04 .list04 .sub04_1,
#wrap04 .list04 .sub04_2 {
  color: #05a33a;
}

#wrap04 .list04 .sub04_3,
#wrap04 .list04 .sub04_4 {
  color: #e1ac00;
}

#wrap04 .list04 .sub04_5,
#wrap04 .list04 .sub04_6 {
  color: #1b52a0;
}

#wrap04 .list04 .sub04_7,
#wrap04 .list04 .sub04_8 {
  color: #a00077;
}

#wrap04 .list04 .sub04_9,
#wrap04 .list04 .sub04_10 {
  color: #ca1800;
}


#wrap04 .list04 img {
  margin: 0 auto;
  padding: 10px 0 0 0;
}

#wrap04 .list04 .bubble01,
#wrap04 .list04 .bubble02,
#wrap04 .list04 .bubble03,
#wrap04 .list04 .bubble04,
#wrap04 .list04 .bubble05 {
  padding-right: 80px;
}

#wrap04 .list04 p {
  font-family: 'NotosansT';
  /* display: inline-block; */
  text-align: center;
}

#wrap04 .list04 .sub04_1,
#wrap04 .list04 .sub04_3,
#wrap04 .list04 .sub04_5,
#wrap04 .list04 .sub04_7 {
  margin-top: 20px;
}





/* wrap05 */
#wrap05 {
  width: 1200px;
  height: 950px;
  margin: 0 auto;
  background: url(/home/images/bootcamp/new/bg02.jpg) no-repeat center /cover;
  letter-spacing: -1.2px;
  position: relative;
}

#wrap05 .deco05_1 {
  margin: 0 auto;
  padding: 65px 0 0 0;
}

#wrap05 .title05 {
  font-size: 60px;
  font-family: 'NotosansBold';
  text-align: center;
}


#wrap05 .slide05 {
  display: flex;
  justify-content: center;
  align-self: center;
  width: 1920px;
  height: 400px;
  margin: 71px 60px;
  position: absolute;
  left: -470px;
}


#wrap05 .slide05_mask{
  width: 1080px;
  height: 550px;
  overflow: hidden; 
  margin: 0 auto;

}

#wrap05 .l_image,
#wrap05 .r_image{
  width: 550px;
  height: 400px;
  display: flex;
}

#wrap05 .l_image img,
#wrap05 .r_image img{
  width: 550px;
  height: 400px;
}


#wrap05 .l_image div,
#wrap05 .r_image div{
  width: 550px;
  height: 400px;
}

#wrap05 .l_image div{
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#wrap05 .r_image div{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}







#wrap05 .m_image {
  width: 550px;
  height: 400px;
  overflow: hidden;
  margin: 0 70px;
}

#wrap05 .m_image img,
#wrap05 .m_image div {
  border-radius: 5px;  
}







#wrap05 .txt05 {
  display: flex;
  position: relative;
}

#wrap05 .txt05 li {
  width: 40%;
  margin-left: 80px;
}

#wrap05 .deco05_2 {
  position: absolute;
  top: 15px;
}

#wrap05 .deco05_3 {
  position: absolute;
  top: 15px;
}


#wrap05 .txt05 p {
  font-size: 36px;
  padding-left: 30px;
}

#wrap05 .txt05 span {
  font-size: 16px;
}

#wrap05 .txt05 li .detail05_1 {
  padding-top: 20px;
}

#wrap05 .txt05 li .detail05_2 {
  font-size: 24px;
  padding-top: 20px;
}

#wrap05 .txt05 .sub05_1,
#wrap05 .txt05 .sub05_2 {
  padding-left: 40px;
}









/* wrap06 */
#wrap06 {
  width: 1200px;
  height: 1070px;
  margin: 0 auto;
  background-color: #ff6363;
}

#wrap06 .title06 {
  color: #fff;
  font-size: 60px;
  font-family: 'NotosansBold';
  text-align: center;
  padding-bottom: 60px;
}

#wrap06 .deco06_1 {
  margin: 0 auto;
  padding-top: 65px;
}

/* 
#wrap06 .list05{
  position: relative;
} */

#wrap06 .list05,
#wrap06 .list06 {
  display: flex;
  padding: 10px 60px;
  margin: 15px 0;
}

#wrap06 .list05 li,
#wrap06 .list06 li {
  width: 50%;
}


#wrap06 .list06 .left {
  margin-left: 60px;
}

#wrap06 .slide01 img,
#wrap06 .slide02 img {
  border-radius: 5px;
}


#wrap06 .slide01 div,
#wrap06 .slide02 div {
  border-radius: 5px;
}

#wrap06 .slide01 div {
  width: 480px;
}

#wrap06 .slide02 {
  position: relative;
  right: -550px;
}


#wrap06 .list06 {
  width: 100%;
  position: relative;
}






#wrap06 .listbox06_1,
#wrap06 .listbox06_2 {
  border: 3px solid #9c3333;
  width: 480px;
  height: 350px;
}


#wrap06 .list05 .listbox06_1 {
  position: absolute;
  top: 10px;
  left: 10px;
}

#wrap06 .list05 li {
  position: relative;
}

#wrap06 .list06 .listbox06_2 {
  position: absolute;
  top: 10px;
  right: -560px;
}

#wrap06 .list06 li {
  position: relative;
}




/* 
#wrap06 .txt06_1 {
  font-size: 36px;
  padding: 60px 0;
  padding-right: 100px;
}
#wrap06 .txt06_1 li {
  width: 100%;
}

#wrap06 .txt06_1 li a {
  font-family: 'NotosansBold';
  color: #d34b4b;
  width: 100%;
}

#wrap06 .txt06_2 {
  font-size: 36px;
  padding: 60px 0;
  padding-right: 100px;
}

#wrap06 .txt06_2 li {
  color: #d34b4b;
  width: 100%;
}

#wrap06 .txt06_2 li a{
  font-family: 'NotosansBold';
  width: 100%;
}


#wrap06 .txt06_1 li:first-child a{
  color: #fff;
}

#wrap06 .txt06_2 li:first-child {
  color: #fff;
} */







#wrap06 .list05 .slick-dots {
  position: absolute;
  top: 0;
  right: -500px;
  width: 500px;
  padding: 40px;
  height: 500px;

}

#wrap06 .list05 .slick-dots li {
  color: #d34b4b;
  font-family: 'NotosansBold';
  line-height: 60px;
  font-size: 36px;
  width: 100%;
  cursor: pointer;
  letter-spacing: -0.8px;
  margin-bottom: 30px;
}

#wrap06 .list05 .slick-dots button {
  background: none;
  border: none;
  font-size: xx-large;
  cursor: pointer;
  position: relative;
}


#wrap06 .list05 .slick-dots li:first-child {
  position: absolute;
  top: 40px;
  z-index: 9;
}

#wrap06 .list05 .slick-dots li:nth-child(2),
#wrap06 .list05 .slick-dots li:nth-child(3) {
  position: absolute;
  top: 40px;
  z-index: 8;
}

#wrap06 .list05 .slick-dots li:nth-child(4) {
  position: absolute;
  top: 100px;
  z-index: 9;
}

#wrap06 .list05 .slick-dots li:nth-child(5) {
  position: absolute;
  top: 100px;
  z-index: 8;
}

#wrap06 .list05 .slick-dots li:nth-child(6) {
  position: absolute;
  top: 160px;
  z-index: 9;
}

#wrap06 .list05 .slick-dots li:nth-child(7) {
  position: absolute;
  top: 160px;
  z-index: 8;
}

#wrap06 .list05 .slick-dots li:nth-child(8) {
  position: absolute;
  top: 220px;
  z-index: 9;
}

#wrap06 .list05 .slick-dots li:nth-child(9) {
  position: absolute;
  top: 220px;
  z-index: 8;

}




#wrap06 .list06 .slick-dots {
  position: absolute;
  top: 0;
  left: -600px;
  width: 500px;
  padding-top: 50px;
}


#wrap06 .list06 .slick-dots li {
  color: #d34b4b;
  font-family: 'NotosansBold';
  line-height: 60px;
  font-size: 36px;
  width: 100%;
  cursor: pointer;
  letter-spacing: -0.8px;
}

#wrap06 .list06 .slick-dots button {
  background: none;
  border: none;
  cursor: pointer;
}

#wrap06 .list06 .slick-dots li:first-child {
  position: absolute;
  top: 40px;
  z-index: 9;
}

#wrap06 .list06 .slick-dots li:nth-child(2) {
  position: absolute;
  top: 40px;
  z-index: 8;

}


#wrap06 .list06 .slick-dots li:nth-child(3) {
  position: absolute;
  top: 100px;
  z-index: 9;

}

#wrap06 .list06 .slick-dots li:nth-child(4),
#wrap06 .list06 .slick-dots li:nth-child(5),
#wrap06 .list06 .slick-dots li:nth-child(6),
#wrap06 .list06 .slick-dots li:nth-child(7) {
  position: absolute;
  top: 100px;
  z-index: 8;

}



#wrap06 .list06 .slick-dots li:nth-child(8) {
  position: absolute;
  top: 160px;
  z-index: 9;
}

#wrap06 .list06 .slick-dots li:nth-child(9),
#wrap06 .list06 .slick-dots li:nth-child(10),
#wrap06 .list06 .slick-dots li:nth-child(11) {
  position: absolute;
  top: 160px;
  z-index: 8;
}




#wrap06 .list05 .slick-dots .slick-active {
  color: #fff;
  z-index: 99 !important;

}

#wrap06 .list06 .slick-dots .slick-active {
  color: #fff;
  z-index: 99 !important;

}
















/* wrap07 */
#wrap07 {
  width: 1200px;
  height: 1315px;
  margin: 0 auto;
  background: #c366fe;
}

#wrap07 .deco07_1 {
  margin: 0 auto;
  padding: 65px 0 0 0;
}

#wrap07 .title07 {
  font-size: 60px;
  font-family: 'NotosansBold';
  text-align: center;
}


#wrap07 .txt07 {
  display: flex;
  position: relative;
  letter-spacing: -1.2px;
}

#wrap07 .txt07 li {
  width: 50%;
  margin-left: 60px;
}

#wrap07 .deco07_2 {
  position: absolute;
  top: 15px;
}

#wrap07 .deco07_3 {
  position: absolute;
  top: 15px;
}

#wrap07 .map {
  padding: 60px 0;
}

#wrap07 .txt07 {
  margin-top: 20px;
}

#wrap07 .txt07 p {
  font-size: 36px;
  padding-left: 30px;
}

#wrap07 .txt07 span {
  font-size: 16px;
}

#wrap07 .txt07 li .detail07_1,
#wrap07 .txt07 li .detail07_2 {
  padding-top: 20px;
  font-size: 30px;
}

#wrap07 .txt07 li .detail07_2 {
  font-family: 'NotosansBold';
}

#wrap07 .txt07 .sub07_1,
#wrap07 .txt07 .sub07_2 {
  padding-left: 40px;
  letter-spacing: -1.2px;
}

#wrap07 button {
  width: 1000px;
  padding: 20px;
  font-size: 60px;
  margin: 70px 100px;
  background: #590f88;
  color: #fff;
  border-radius: 10px;
  font-family: 'NotosansBold';
  border: none;
  cursor: pointer;
}

#wrap07 button a{
	color: #fff;
}

#wrap07 button .arrow {
  display: inline-block;
  padding-top: 20px;
}