/* 공통 */
/*a:link, a:visited { font-size: inherit !important;  }*/
.main_wrap { width: 100%; position: relative; }
.main_container { width: 100%; }

/* swiper slider { */
.main_img_slider { position: relative; width: 100%; height: 670px; transition: height 0.2s ease-in-out; }
.main_img_slider .swiper-slide { display: flex; justify-content: flex-start; align-items: center; background-position: center; background-repeat: no-repeat; background-size: cover; }
.main_img_slider .swiper-slide > div { width: 100%; max-width: 1280px; margin: auto; }
.main_img_slider .swiper-slide > div > img { margin-top: 30px; }
.main_img_slider .swiper-slide > div > h4 { line-height: 65px; font-size: 50px; font-weight: 400; letter-spacing: -5px }
.main_img_slider .swiper-slide > div > h4 > span { font-weight: 600; }
.main_img_slider .swiper-slide > div > p { margin: 25px 0; line-height: 30px; font-size: 20px; font-weight: 400; letter-spacing: -1px; color: #000000; }
.main_img_slider .swiper-pagination-bullet { border-radius: 0 !important; transform: skew(-40deg); -ms-transform: skew(-40deg); -webkit-transform: skew(-40deg); border: none !important; width: 12px !important; height: 20px !important; background: #000000 !important; opacity: 1 !important; }
.main_img_slider .swiper-pagination-bullet-active { background: #fe6d00 !important; border: none !important; }
.main_img_slider .swiper-pagination { bottom: 10px !important; left: 46.5% !important; text-align: left !important }

@media all and (max-width:1280px){
  .main_img_slider .swiper-slide > div > img {margin-left:20px;}
  .main_container {width:98% !important; margin:auto;}
  .content01 > ul {width:100%; max-width: 100%;}
}
@media all and (max-width:1020px){
  .main_img_slider .swiper-slide > div > img {margin-left:20px;}
}
@media all and (max-width:630px){
  .main_img_slider .swiper-slide > div > img {margin-left:40px;}
  .main_img_slider .swiper-slide > div > img {height:87px; margin-top: -44px; margin-left: 20px;}
  .main_img_slider {height:372px;}
  .main_img_slider .swiper-pagination-bullet {width:8px !important; height:14px !important;}
}


/* 센터 */
.main_img_slider3 { position: relative; width: 100%; height: 462px; transition: height 0.2s ease-in-out; }
.main_img_slider3 .swiper-slide { display: flex; justify-content: flex-start; align-items: center; background-position: center; background-repeat: no-repeat; background-size: cover; }
.main_img_slider3 .swiper-slide > div { width: 100%; margin: auto; }
.main_img_slider3 .swiper-pagination-bullet { border-radius: 0 !important; transform: skew(-40deg); -ms-transform: skew(-40deg); -webkit-transform: skew(-40deg); border: none !important; width: 12px !important; height: 20px !important; background: #000000 !important; opacity: 1 !important; }
.main_img_slider3 .swiper-pagination-bullet-active { background: #fe6d00 !important; border: none !important; }
.main_img_slider3 .swiper-pagination { bottom: 10px !important; left: 50% !important; text-align: left !important }
/*  클릭 슬라이드 01 */
.main_img_slider3_1 {position: relative; width: 100%; height: 462px; transition: height 0.2s ease-in-out;}
.main_img_slider3_1 .swiper-slide { display: flex; justify-content: flex-start; align-items: center; background-position: center; background-repeat: no-repeat; background-size: cover; }
.main_img_slider3_1 .swiper-slide > div { width: 100%; margin: auto; }

/* 하단 */
.main_img_slider2 { position: relative; width: 100%; height: 230px; transition: height 0.2s ease-in-out; }
.main_img_slider2 .swiper-slide { display: flex; justify-content: flex-start; align-items: center; background-position: center; background-repeat: no-repeat; background-size: cover; }
.main_img_slider2 .swiper-slide > div { width: 100%; height:100%; display: flex; justify-content: space-between; }
.main_img_slider2 .swiper-slide > div > div { width: 50%; position:relative;}
.main_img_slider2 .swiper-slide > div > div:nth-of-type(1) > img  { width: 100%; position:absolute; bottom:0px;}
.main_img_slider2 .swiper-slide > div > div:nth-of-type(2) { padding: 30px 20px; background: #eae3dd; }
.main_img_slider2 .swiper-slide > div > div:nth-of-type(2) > p { text-align: center; color: #6e583e; margin-bottom: 19px; }
.main_img_slider2 .swiper-slide > div > div:nth-of-type(2) > h4 { text-align: center; font-size: 17px; font-weight: 300; letter-spacing: -1px; margin-bottom: 7px; }
.main_img_slider2 .swiper-slide > div > div:nth-of-type(2) > h2 { text-align: center; font-size: 26px; font-weight: 300; letter-spacing: -2px; }
.main_img_slider2 .swiper-slide > div > div:nth-of-type(2) > h5 { text-align: center; font-size: 27px; font-weight: 600; letter-spacing: -1px; }
.main_img_slider2 .swiper-slide > div > div:nth-of-type(2) > h3 { text-align: center; font-size: 20px; font-weight: 300; letter-spacing: -1px; word-break: keep-all; line-height: 26px }
.main_img_slider2 .swiper-pagination-bullet { border-radius: 0 !important; transform: skew(-40deg); -ms-transform: skew(-40deg); -webkit-transform: skew(-40deg); border: none !important; width: 8px !important; height: 12px !important; background: #d3cbc5 !important; opacity: 1 !important; }
.main_img_slider2 .swiper-pagination-bullet-active { background: #000000 !important; border: none !important; }
.main_img_slider2 .swiper-pagination { bottom: 1px !important; left: 70% !important; text-align: left !important }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 10px 6px !important; }
/* } */
@media all and (max-width:1280px){
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(2) > p {margin-bottom: 8px;}
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(2) > p {font-size: 13px;}
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(2) > h2 {font-size: 20px;}
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(2) > h5 {font-size: 20px;}
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(2) {height:230px;}
}






 /* content */
.main_container { width: 100%; padding: 50px 0; }
.content01 > ul { width: 100%; max-width: 1280px; margin: auto;   position: relative; display: flex; flex-flow: row wrap; justify-content: space-between; }
.content01 > ul > li { position: relative; width: 33.33333%; height: 462px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.content01 > ul button { background: transparent; }
.content01 > ul > .wide { width: 66.6666% }
.content01 > ul > li:nth-of-type(1) { background: #2a2a2a; display: flex; justify-content: center; align-items: center; flex-flow: row wrap; }
.content01 > ul > li:nth-of-type(1) > div { width: 100%;  padding: 0 30px;  }
.content01 > ul > li:nth-of-type(1) > div > .tit { width: 100%; max-width: 235px; display: block; margin: auto; }
.content01 > ul > li:nth-of-type(1) > div > .bar { display: block; margin: 30px auto 20px; }
.content01 > ul > li:nth-of-type(1) > div > p { width: 100%; max-width: 250px; word-break: keep-all; margin: auto; color: #999999; text-align: center; font-size: 18px; }
.content01 > ul > li:nth-of-type(1) > div > ol { margin-top: 30px; width: 100%; display: flex; justify-content: space-between; }
.content01 > ul > li:nth-of-type(1) > div > ol > li { width: 32.5%; font-size: 15px; letter-spacing: -.5px; border: 1px solid #5a5a5a; color: #777777; text-align: center; padding: 6px 0; }
.content01 > ul > li:nth-of-type(2) { position: relative; }
.content01 > ul > li:nth-of-type(2) > div:nth-of-type(1) { width: 100%; height: 462px; z-index: 999; position: absolute; top: 0; left: 0; display: flex; justify-content: space-between; }
.content01 > ul > li:nth-of-type(2) > div:nth-of-type(1) > div { width: 50%; height: 462px; }
.content01 > ul > li:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) { display: flex; justify-content: center; align-items: center; }
.content01 > ul > li:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) { display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.85); }
.content01 > ul > li:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) > div > h4 { margin-bottom: 25px; color: #d6a370; text-align: center; font-size: 22px; font-weight: 400; }
.content01 > ul > li:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) > div > p { text-align: center; width: 100%; max-width: 250px; margin: auto; color: #999999; font-size: 18px; line-height: 25px; }
.content01 > ul > li:nth-of-type(3) > div { width: 100%; height: 462px; }
.content01 > ul > li:nth-of-type(3) > div > div { width: 50%; height: 462px; display: flex; justify-content: center; align-items: center; }
.content01 > ul > li:nth-of-type(3) > div > div:nth-of-type(2) { background: rgba(0, 0, 0, 0.85); position: absolute; top: 0; right: 0; }
.content01 > ul > li:nth-of-type(3) > div > div:nth-of-type(2) > div > .tit { width: 100%; max-width: 235px; display: block; margin: auto; }
.content01 > ul > li:nth-of-type(3) > div > div:nth-of-type(2) > div > p { width: 100%; max-width: 250px; word-break: keep-all; margin: 30px auto 0; color: #999999; text-align: center; font-size: 18px; }
.content01 > ul > li:nth-of-type(4) { display: flex; justify-content: center; align-items: center; }
.content01 > ol { width: 100%; max-width: 1280px; margin: auto; background: #dbd3cd; display: flex; flex-flow: row wrap; justify-content: space-between; }
.content01 > ol > li { width: 33.33333333%; height: 230px; padding: 30px; }
.content01 > ol > li > h4 { font-size: 20px; font-weight: 600; }
.content01 > ol > li > h2 { font-size: 38px; font-weight: 400; color: #ac7c4b; margin: 5px 0; }
.content01 > ol > li > p { word-break: keep-all; font-size: 16px; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; line-height: 26px }
.content01 > ol > li:nth-of-type(1) > p > span { display: block; width: 100px; }
.content01 > ol > li:nth-of-type(2) { padding: 50px 30px 30px 0px; }
.content01 > ol > li:nth-of-type(2) > p { line-height: 33px }
.content01 > ol > li:nth-of-type(2) > p > span { display: block; width: 200px; }
.content01 > ol > li:nth-of-type(2) > p > span > img { width: 21px; margin-right: 10px; margin-top: -3px; }
.content01 > ol > li:nth-of-type(3) { padding: 0; }
/*  메인 플러스 슬라이드 */
.main_Popup { z-index: 99999999; position: fixed; top: 0; left: 0; width: 100% !important; height: 100% !important; display: none; justify-content: center; align-items: center;  }
.main_Popup div:nth-of-type(1) { width: 100%; margin: auto; width: 930px; padding:0;}
.main_Popup > div > .swiper-container {width:100%; height:100%;}
.main_Popup > div > .swiper-container > div > i {font-size: 18px;}
.main_Popup > div > .swiper-container > .swiper-button-next {width: 50px; height: 50px; background: url(../../../img/btn_slide_next.png); right:0px; background-color: #6c5b49; }
.main_Popup > div > .swiper-container > .swiper-button-prev {width: 50px; height: 50px; background: url(../../../img/btn_slide_prev.png); background-color: #6c5b49; left:0px;}
.littl_slide {position:relative; width:100%; height:600px; transition: height 0.2s ease-in-out;}


.m_content01_bottom {display: none !important;}

@media all and (max-width:1020px){
  .content01 > ul > li {width:50%;}
  .content01 > ul > .wide {width:50%;}
  .content01 > ul > li:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) {
    background-color: rgba(0, 0, 0, 0.6);
  }
  .content01 > ul > li:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) {display: none;}
  .content01 > ul > li:nth-of-type(2) > div:nth-of-type(1) > div {width:100%;}
  .content01 > ul button {display: none;}
  .content01 > ul > li:nth-of-type(3) > div > div {width:100%; }
  .content01 > ul > li:nth-of-type(3) > div > div:nth-of-type(2) {background-color: rgba(0, 0, 0, 0.6);}
  .pc_content01_bottom {display: none !important;}
  .m_content01_bottom {display: flex !important;}
  .main_img_slider2 {height:360px;}
  .content01 > ol > li {width:50%; height:360px;}
  .content01 > ol > li > p {flex-flow: row nowrap; align-items: center;}
  .content01 > ol > li:nth-of-type(1) > p > span.m_content01_text {width:190px; padding:5px 5px 0px 0;}
  .content01 > ol > li:nth-of-type(1) > p:nth-of-type(4){margin-top:8px;}
  .content01 > ol > li:nth-of-type(2) {padding:0;}
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(2) {background-color: rgb(185, 197, 145);}
  .content01 > ol > li > p > span > img {width:20px; margin-right: 5px;}
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(1) > p {color:#6e583e; text-align: center; font-size: 17px;}
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(1) > h4 {text-align: center; font-size: 17px; font-weight: 300; letter-spacing: -1px; word-break: keep-all; line-height: 33px; margin-top: 25px;}
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(1) > h5 {font-weight: 600; text-align: center; font-size: 22px;letter-spacing: -1px;}
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(1) > h2 {text-align: center; font-size: 27px; font-weight: 300; letter-spacing: -1px; word-break: keep-all; line-height: 33px;  color:#333;}
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(1) > h3 {text-align: center; font-size: 18px; font-weight: 300; letter-spacing: -1px; word-break: keep-all; line-height: 30px;}
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(1) > h5 {margin-top: 25px;}
  .main_img_slider2 .swiper-slide > div {position:relative; height:360px;}
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(1) {padding:45px 0 0; width:63%;}
  .main_img_slider2 .swiper-slide > div > img {position:absolute; right:0px; bottom:0px; background-color: rgba(125,125,125,0); z-index: 0}

}
@media all and (max-width:780px){

  .content01 > ol > li > h2 {font-size: 25px;}
  .content01 > ol > li {padding:30px 0 0 10px;}
  .content01 > ol > li:nth-of-type(1) > p > span {font-size: 13px;}
  .content01 > ol > li > p {font-size: 13px;}

  .main_img_slider2 .swiper-slide > div > div:nth-of-type(1) > p { font-size: 13px;}
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(1) > h5 {font-size: 20px;}
  .main_img_slider2 .swiper-slide > div > div:nth-of-type(1) > h2 {font-size: 20px;}

}
@media all and (max-width:630px){
  .main_container {padding:0; width:100% !important;}
  .content01 > ul > li {width:100%;}
  .content01 > ul > li:nth-of-type(1) {height:200px;}
  .content01 > ul > li:nth-of-type(1) > div > .tit {max-width: 187px; margin-top:5px;}
  .content01 > ul > li:nth-of-type(1) > div > p {font-size: 13px; max-width:100%; word-break: none;}
  .content01 > ul > li:nth-of-type(1) > div > .bar {margin:14px auto 20px;}
  .content01 > ul > li:nth-of-type(1) > div > ol {margin-top: 15px;}
  .content01 > ul > li:nth-of-type(1) > div > ol > li {font-size: 13px;}
}

@media all and (max-width:560px){
  .content01 > ul > li:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) > div > p {font-size: 15px; line-height: 20px; padding:0 10px;}
  .content01 > ul > li:nth-of-type(3) > div > div:nth-of-type(2) > div > .tit {width:65%;}
  .content01 > ol > li:nth-of-type(1) > p > span.m_content01_text {width:160px;}
  .content01 > ul > li:nth-of-type(3) > div > div:nth-of-type(2) > div > p{font-size: 15px; line-height: 20px; padding:0 10px;}
  .content01 > ol > li {width:100%; }
  .content01 > ol > li > h4 { display: flex; justify-content: center; }
  .content01 > ol > li > h2 { display: flex; justify-content: center; }
  .content01 > ol > li > p {justify-content: center; font-size: 15px;}
  .content01 > ul > .wide {height:380px;}
  .content01 > ul > li:nth-of-type(2) > div:nth-of-type(1) > div {height:380px;}
  .main_img_slider3 {height:380px;}
  .content01 > ul > li:nth-of-type(3) > div > div {height:380px;}
  .content01 > ul > li {height:300px;}
}