@charset "utf-8";
/* CSS Document */
html, body {position:relative;height:100%; font-family: 'Noto Sans Korean';}
h1, p { padding:0; margin:10px 0; font-family: 'NanumSquare'}
/****** Main #1  ******/
.section  { width:100%; margin:auto;}
.main_visual_wrap { position:relative;} 
  .mainimg_wrap { width:100%; overflow:hidden;}
    .swiper-wrapper {  width:100%; }
      .swiper-slide { width:100%; height:360px; display:table; overflow:hidden; box-sizing:border-box;}
        .swiper-slide:nth-child(1) { background:#b1b9c6;}
        .swiper-slide:nth-child(2) { background:#394554;}
        .swiper-slide:nth-child(3) { background:#c8deed;}
        .swiper-slide:nth-child(4) { background:#eda7c8 url(/images/main_new/mainVisual4_mobile.jpg) center bottom no-repeat; background-size:cover;}
          .swiper-slide .inner { margin:15px auto; width:100%; box-sizing:border-box;}
			.inner .main_text { width:90%; height:120px;}
			.inner .img { text-align:center; }
              .swiper-slide h1     { margin:auto; margin-bottom:10px; font-size:24px; font-weight:800; font-style:bold; text-align:center;transition:all ease 0.3s; }
              .swiper-slide h1 span     { display:block;}
              .swiper-slide .text1 { margin:auto; font-size:14px; text-align:center; }
              .swiper-slide .img img { width:260px; height:190px; margin-top:10px;}
			  
			  .swiper-slide:nth-child(1) h1 { color:#01244c;}
			  .swiper-slide:nth-child(1) .text1 { color:#000;}
			  .swiper-slide:nth-child(1) .text1 strong { color:#f00;}
			  .swiper-slide:nth-child(2) h1 { color:#fff;}
			  .swiper-slide:nth-child(2) .text1 { color:#fff;}
			  .swiper-slide:nth-child(3) h1 { color:#001b2f;}
			  .swiper-slide:nth-child(3) .text1 { color:#000;}
			  .swiper-slide:nth-child(4) h1 { color:#9c004a;}
			  .swiper-slide:nth-child(4) .text1 { color:#000;}
  .mainimg_btn_more { margin:10px 0; text-align:center; }
  .mainimg_btn_more a { display:inline-block; margin-top:20px; padding:8px 32px; width:auto; height:auto; background:#b7005d; color:#fff; font-size:16px; text-decoration:none; border-radius:30px; transition:0.3s ease;}
  .mainimg_btn_more a:hover { background:#d5418c;}

@media (min-width: 576px) {
      .swiper-slide { height:240px;}
          .swiper-slide .inner { margin:40px auto; }
		  .swiper-slide .inner:after { display:block; content:''; clear:both;}
			.inner .main_text { float:left; width:50%; height:auto;}
			.inner .img { float:right; width:50%;}
        .swiper-slide:nth-child(1) { background:#b1b9c6;}
        .swiper-slide:nth-child(2) { background:#394554;}
        .swiper-slide:nth-child(3) { background:#c8deed;}
        .swiper-slide:nth-child(4) { background:#eda7c8 url(/images/main_new/mainVisual4_tablet.jpg) center bottom no-repeat; background-size:cover;}
          .swiper-slide .inner { width:90%; }
              .swiper-slide h1 span     { display:inline-block;}
            .swiper-slide h1 { margin-top:20px; margin-bottom:10px; font-size:24px; }
            .swiper-slide .text1 { font-size:14px;}
            .swiper-slide br { display:none;}
            .swiper-slide .img img { height:auto; width:200px; margin-top:0px;}
}
@media (min-width: 768px) {
      .swiper-slide { height:240px;}
          .swiper-slide .inner { margin:10px auto; }
        .swiper-slide:nth-child(1) { background:#b1b9c6;}
        .swiper-slide:nth-child(2) { background:#394554;}
        .swiper-slide:nth-child(3) { background:#c8deed;}
        .swiper-slide:nth-child(4) { background:#eda7c8 url(/images/main_new/mainVisual4_S.jpg) center bottom no-repeat; background-size:cover;}
          .swiper-slide .inner { width:760px; }
            .swiper-slide h1 { margin-top:40px; margin-bottom:10px; font-size:28px;}
            .swiper-slide .text1 { font-size:14px;}
            .swiper-slide br { display:block;}
            .swiper-slide .img img { height:210px; width:auto;}
}
@media (min-width: 992px) {
      .swiper-slide {height:240px;}
        .swiper-slide:nth-child(1) { background:#b1b9c6;}
        .swiper-slide:nth-child(2) { background:#394554;}
        .swiper-slide:nth-child(3) { background:#c8deed;}
        .swiper-slide:nth-child(4) { background:#eda7c8 url(/images/main_new/mainVisual4_M.jpg) center bottom no-repeat; background-size:cover;}
          .swiper-slide .inner { width:990px; margin:10px auto; }
            .swiper-slide h1 { margin-top:40px; margin-bottom:15px; font-size:30px; }
			.swiper-slide:nth-child(2) h1 { font-size:28px; }
            .swiper-slide .text1 { font-size:16px;}
}
@media (min-width: 1200px) {
      .swiper-slide { height:450px;}
        .swiper-slide:nth-child(1) { background:#b1b9c6;}
        .swiper-slide:nth-child(2) { background:#394554;}
        .swiper-slide:nth-child(3) { background:#c8deed;}
        .swiper-slide:nth-child(4) { background:#eda7c8 url(/images/main_new/mainVisual4_L.jpg) center bottom no-repeat; background-size:cover;}
          .swiper-slide .inner { width:1100px;margin:40px auto; }
            .swiper-slide h1 { margin:40px 0 30px 0; font-size:50px;}
			.swiper-slide:nth-child(2) h1 { font-size:45px; }
            .swiper-slide .text1 { font-size:18px;}
            .swiper-slide .img img { width:500px;height:auto;}
}
@media (min-width: 1900px) {
}

/****** Main 정보영역  ******/
.main_info_wrap {}
  .info1_wrap, .info2_wrap, .info3_wrap, .info4_wrap {padding:50px 0; border-bottom:1px solid #eee;}
  .info2_wrap { background:#efebe8}
  .info4_wrap { background:url(/images/main_new/mainimg_4.jpg) no-repeat center top; background-size:cover;}
  .info1, .info2, .info3, .info4 { margin:auto; width:90%; text-align:center;}
  .main_info_wrap span { display:block;}
  .main_info_wrap .img { display:none }
  .main_info_wrap .img_mobile { width:100%; }
  
    .info1_wrap .title, .info2_wrap .title, .info3_wrap .title, .info4_wrap .title { color:#b7005d; font-size:30px; font-weight:800; margin-bottom:50px;}
	.info1_wrap .text1 { color:#555; font-size:16px; font-weight:600;}
	.info1_wrap .text2 { /*color:#b7005d;*/ font-size:12px; font-weight:800;}
    .info1_wrap .text2 span { display:inline-block; margin:4px; padding:3px 15px; background:#888; font-size:12px; color:#fff; border-radius:20px;}
	.info1_wrap .text3 { color:#000; font-size:12px; font-weight:600;}
	
	.info2_wrap .text1 { color:#000; font-size:12px; font-weight:600;}
	
	.info3_wrap .text1 { color:#555; font-size:16px; font-weight:600;}
	.info3_wrap .text2 { color:#000; font-size:12px; font-weight:600;}
	
	.info4_wrap .text1 { /*color:#b7005d;*/ color:#000; font-size:16px; font-weight:800;} 
	.info4_wrap .text2 { color:#000; font-size:12px; font-weight:600;}
.btn_area { padding:30px 0;}	
@media (min-width: 576px) {
}
@media (min-width: 768px) {
  .info1_wrap, .info2_wrap, .info3_wrap, .info4_wrap {padding:60px 0; }
  .info4_wrap { height:auto;}
  .info1, .info2, .info3, .info4 { width:760px;}
  
    .info1_wrap .title, .info2_wrap .title, .info3_wrap .title, .info4_wrap .title { font-size:30px; font-weight:800;}
	.info1_wrap .text1 { font-size:14px; margin-bottom:15px;}
    .info1_wrap .text2 span {font-size:12px;}
	.info3_wrap .text1 { font-size:16px;}
	.info1_wrap .text2,
	.info1_wrap .text3,
	.info2_wrap .text1,
	.info3_wrap .text2,
	.info4_wrap .text2 { font-size:14px;}
}
@media (min-width: 992px) {
  .info1_wrap, .info2_wrap, .info3_wrap, .info4_wrap {padding:80px 0; }
  .info1, .info2, .info3, .info4 { width:990px;}
  .info4_wrap { }
  .main_info_wrap .img { display:block; width:auto; }
  .main_info_wrap .img_mobile { display:none; }
  
    .info1_wrap .title, .info2_wrap .title, .info3_wrap .title, .info4_wrap .title { font-size:40px;}
	.info1_wrap .text1 { font-size:20px;}
	.info3_wrap .text1 { font-size:20px;}
	.info1_wrap .text2,
	.info1_wrap .text3,
	.info2_wrap .text1,
	.info3_wrap .text2,
	.info4_wrap .text2 { font-size:16px;}
    .info1_wrap .text2 span { font-size:14px;}
}
@media (min-width: 1200px) {
  .info1_wrap, .info2_wrap, .info3_wrap, .info4_wrap {padding:100px 0; }
  .info1, .info2, .info3, .info4 { width:1200px;}
  
    .info1_wrap .title, .info2_wrap .title, .info3_wrap .title, .info4_wrap .title { font-size:50px; margin-bottom:50px;}
	.info1_wrap .text1 { font-size:20px;}
	.info3_wrap .text1 { font-size:22px; line-height:140%;}
	.info1_wrap .text2 { font-size:24px;}
	.info1_wrap .text3,
	.info2_wrap .text1,
	.info3_wrap .text2,
	.info4_wrap .text2 { font-size:16px;}
    .info1_wrap .text2 span { font-size:14px;}
	
	
	.info4_wrap .text1 { font-size:20px;}
}

/****** Main #2  ******/
.main_service_wrap { width:100%; padding:50px 0; box-sizing:border-box;}
  .main_service_wrap > h1 { margin-bottom:30px; text-align:center; color:#000; font-size:30px; font-weight:600; }
  .main_service_wrap > p { text-align:center; color:#6ca8ff;}

  .main_service { width:90%; margin:auto;}
  .main_service:after { display:block; content:''; clear:both;}
    .main_service ul, .main_service li { list-style:none; padding:0; margin:0;}
    .main_service ul:after { display:block; content:''; clear:both;}
      .main_service ul li { float:left; display:block; width:49%; margin-left:2%; margin-bottom:2%;}
      .main_service ul li:nth-child(2n-1) {margin-left:0;}
      .main_service ul li a { display:block; padding:0; text-align:center; text-decoration:none; border:1px solid transparent; transition:border ease 0.5s;}
      .main_service ul li a:hover { text-decoration:none; opacity:0.9; border:1px solid rgba(0,0,0,0.2);}
      .main_service ul li:nth-child(1) a { background:#6ec3b5}
      .main_service ul li:nth-child(2) a { background:#d695b6}
      .main_service ul li:nth-child(3) a { background:#76b8da}
      .main_service ul li:nth-child(4) a { background:#8ccc92}
        .main_service .tit { padding-top:20px; font-size:16px; color:#fff; font-weight:800;}
        .main_service .tit:after { display:block; content:''; background:#fff; width:80px; height:2px; margin:auto; margin-top:10px; margin-bottom:10px;}
        .main_service .txt { font-size:12px; color:#000 }
        .main_service .txt span { display:block;}
        .main_service .img { padding-top:10px; width:100%; height:auto; margin:auto; overflow:hidden;}
        .main_service .img img { width:100%;}

@media (min-width: 576px) {
.main_service_wrap { padding:70px 0;}
  .main_service_wrap > h1 { margin-bottom:30px;font-size:35px; font-weight:100; }
        .main_service .img { padding-top:10px; width:100%; height:200px; margin:auto; overflow:hidden;}
}
@media (min-width: 768px) {

.main_service_wrap {padding:80px 0;}
  .main_service_wrap > h1 { margin-bottom:30px;font-size:40px; }
  .main_service { width:700px;}
      .main_service ul li a {  }
        .main_service .tit { font-size:20px; }
        .main_service .txt { font-size:12px;}
        .main_service .txt span { display:block;}
}
@media (min-width: 992px) {
.main_service_wrap { background:#f7f7f7; padding:100px 0;}
  .main_service { width:900px;}
      .main_service ul li { float:left; display:block; width:23%;}
      .main_service ul li { margin:0; margin-left:1%; margin-bottom:1%;}
      .main_service ul li:nth-child(2n-1) {margin-left:1%;}
        .main_service .tit { font-size:20px; font-weight:800; }
        .main_service .txt { font-size:12px; font-weight:600;}
        .main_service .txt span { display:block;}
}
@media (min-width: 1200px) {
  .main_service_wrap > h1 { margin-bottom:50px;font-size:50px; }
  .main_service { width:1000px;}
      .main_service ul li a { }
        .main_service .tit { font-size:28px; }
        .main_service .txt { font-size:14px;}
        .main_service .txt span { display:block;}
}


/****** Main #3  ******/
.main_gb_wrap { width:100%; background:#e6efe7; height:560px; padding:50px 0; box-sizing:border-box; border-top:1px solid #ccc;}
  .main_gb_wrap > h1 { margin-bottom:10px; text-align:center; color:#000; font-size:30px; font-weight:800; }
  .main_gb_wrap > p { text-align:center; color:#4aa501;}
  .goodbeing_flow { width:100%; padding:20px 0; text-align:center;}
    .goodbeing_flow img { width:90%; }

@media (min-width: 576px) {
.main_gb_wrap {height:800px;}
    .goodbeing_flow img { width:90%; }
}
@media (min-width: 768px) {
.main_gb_wrap {height:800px;}
  .main_gb_wrap > h1 { margin-bottom:10px;font-size:35px; }
    .goodbeing_flow img { width:600px; }
}
@media (min-width: 992px) {
.main_gb_wrap {height:900px;}
  .main_gb_wrap > h1 { margin-bottom:10px;font-size:40px; }
    .goodbeing_flow img { width:700px; }
}
@media (min-width: 1200px) {
.main_gb_wrap {height:1000px;}
  .main_gb_wrap > h1 { margin-bottom:10px;font-size:50px; }
    .goodbeing_flow img { width:800px;}
}

/*
.mainimg_btns { padding:0;}
  .mainimg_btns div { position:absolute; top:calc(50% - 20px); padding:0; margin:0; width:100px; height:100px; color:rgba(255,255,255,0.7); font-size:70px; text-align:center; border:1px solid transparent; cursor:pointer; z-index:1000; }
    .mainimg_btns div:hover { color:rgba(255,255,255,1);border:1px solid rgba(255,255,255,0.2)}
      .ibtn_prev { left:5%; background:transparent; background-size:contain;}
      .ibtn_next { right:5%; background:transparent; background-size:contain;}
*/

/* =============================== */
#md_event {  }
#md_event .modal-body { padding:0; margin:0;}
#md_event .modal-body img { width:100%;}
#md_event .modal-footer { padding:3px; text-align:center; font-size:12px;}

@media (min-width: 768px) {
}
@media (min-width: 992px) {
#md_event .modal-body img { width:auto;}
}