/* 공통 */
.hide{display: none;}
#bo_v_img .view_image { display: none !important;}

.ani_delay500 {
    animation-delay: 0.5s;
}
.ani_delay1000 {
    animation-delay: 1s;
}
.ani_delay1500 {
    animation-delay: 1.5s;
}
#sch_result { width: 100%; max-width:1200px; margin: 0 auto; padding: 0 15px;}

/* 애드센스 css */
.scroll_box {}
.adsbygoogle {display: inline-block;}
a:hover { color:unset;}

/* nav */
#navbar {padding: 0; position: fixed; left: 0; top:0; min-height: 118px; z-index: 10000;border-bottom: 1px solid #f1f1f1;}
#navbar .nav_contain {position: relative; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; max-width: 1140px; width: 100%; margin: auto;}
/*모바일 css */
#navbar .nav_contain .navbar-toggler {}
/* pc css */
#navbar .nav_contain #navbarResponsive {flex-grow: unset; flex-basis:unset; width: 60%; justify-content: center;}
#navbar .nav_contain #navbarResponsive .navbar-nav {width: unset; position: relative; z-index: 10;}
#navbar .nav_contain #navbarResponsive .navbar-nav .nav-item {position: unset; background: #fff;}
#navbar .nav_contain #navbarResponsive .navbar-nav .nav-item .nav-link{position: unset; padding: 1rem 1.3rem; background: #fff; font-size:1rem; position: relative;}
#navbar .nav_contain #navbarResponsive .navbar-nav .nav-item .nav-link:before { content:''; width:10px; height:10px; position: absolute; border-radius:50%; background:#ddd;left: 0px; top: 50%; transform: translateY(-50%); transition:0.3s;}
#navbar .nav_contain #navbarResponsive .navbar-nav .nav-item .nav-link:hover:before { background: #aa6566;}
#navbar .nav_contain #navbarResponsive .navbar-nav .nav-item .sun_set_01 {float: unset; display: flex; justify-content: space-around; position: absolute; left: 0; bottom:1px; padding: 0; margin: 0; overflow: hidden; border: 1px solid #ccc; transition: all 0.4s; z-index: -1; width: 100%; height: 50px; background: #fff;}
#navbar .nav_contain #navbarResponsive .navbar-nav .nav-item.show .sun_set_01 {bottom:-50px; }
#navbar .nav_contain #navbarResponsive .navbar-nav .nav-item .sun_set_01 li {display: flex; align-items: center; justify-content: center; width: 150px;}
#navbar .nav_contain #navbarResponsive .navbar-nav .nav-item .sun_set_01 li a {padding:1rem 0; display: block; line-height: 1; text-align: center; font-size:1rem}
#navbar .nav_contain .navbar-brand { margin-right:0;}
#hd_sch #sch_stx:focus { border:none !important; outline:none !important;}
/* nav hover css */
#navbar .container #navbarResponsive .navbar-nav .nav-item.show .nav-link {background: #fff; color:#e56339}
#navbar .container #navbarResponsive .navbar-nav .nav-item.show .sun_set_01 li a:hover {color:#e56339}
/* 푸터영역 css */
.sun_ft {background: #fff; margin: unset; padding: unset !important; border-top:1px solid #f1f1f1;}
.sun_ft .container {padding: unset;}
.sun_ft .container .row { margin: unset !important; display: flex; flex-flow: row; align-items: center; justify-content: center;}
.sun_ft .container .row .text-center {padding: 0;}
.sun_ft .container .row .text_wrap {display: flex; flex-flow: column; padding-bottom: 20px; width: 100%; text-align: center;}
.sun_ft .container .row .text_wrap p {color:#000; font-size: 1rem; line-height: 1.5; font-weight: 800;}
.sun_ft h1 {margin-bottom: unset;}
.sun_ft h1 a {display: flex; justify-content: flex-start; align-items: center; padding: 20px 0; height: 140px;}
.sun_ft h1 a img {height: 100%;}

/* 메인영역 */
#sun_wrap {margin-top: 118px; position: relative;}

#main_1st { width:100%; max-width:1200px; margin:50px auto; padding: 0 15px;}
#main_1st .contents_wrap { display: flex; justify-content:space-between; margin-bottom:0;}
#main_1st .contents_wrap li { width: 31%; }
#main_1st .contents_wrap li span {display: inline-block; overflow: hidden;}
#main_1st .contents_wrap li:hover img { transform:scale(1.05);}
#main_1st .contents_wrap li span img { width:100%; transition:0.3s;}
#main_1st .contents_wrap li .text_wrap { display: inline-block; margin: 5px auto; font-size: 1.2rem;}
#main_1st .contents_wrap li:hover .text_wrap { font-weight:bold; }

#main_2nd { width:100%; max-width:1200px; margin:60px auto 65px; padding: 0 15px;}
#main_2nd .contents_wrap { display: flex; justify-content:space-between; flex-wrap:wrap;}
#main_2nd .contents_wrap li.top { width: 49%;}
#main_2nd .contents_wrap li.bottom { width: 31%; margin-top: 15px;}
#main_2nd .contents_wrap li img { width:100%; transition:0.3s;}
#main_2nd .contents_wrap li:hover img {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}


#main_3rd  { overflow: hidden;margin: 70px auto;}
#main_3rd * img { width:100%;}

#main_3rd .viwe_con {
  display:flex;
  align-items:center;
  justify-content:center;
max-width: 1000px; margin:0 auto;
}
#main_3rd .viwe_con .swiper-container {
    position:relative;
    width: 80%;
}
#main_3rd .viwe_con .swiper-container > .swiper-slide__content {
  position:absolute;
  top:0;
}

#main_3rd .swiper-slide {
  display:flex;
  align-items: center;
  justify-content:center;
  transition:all 200ms linear;
  transform: scale(0.8);
  filter: blur(3px);
  }
  
 #main_3rd .swiper-slide-active{
    transform: scale(1);
	filter: unset;
  }
#main_3rd .swiper-slide__content {
  height: 300px;
}

#main_3rd .swiper-button-prev { width: 50px; height:50px;background:#fff; color:#000; border: 1px solid #ddd;border-radius:50%; left: var(--swiper-navigation-sides-offset,-13px);}
#main_3rd .swiper-button-prev:after {font-size: 1rem; }
#main_3rd .swiper-button-next { width: 50px; height:50px;background:#fff; color:#000; border: 1px solid #ddd;border-radius:50%; right:var(--swiper-navigation-sides-offset,-13px);}
#main_3rd .swiper-button-next:after {font-size: 1rem; }
#main_3rd .swiper-button-next:hover,
#main_3rd .swiper-button-prev:hover { background:#eee;}
#main_3rd .swiper-slide {pointer-events: none;}
#main_3rd .swiper-slide.swiper-slide-active { pointer-events: auto;}


#main_4th { width:100%; max-width:1200px; margin:50px auto; padding: 0 15px;}
#main_4th .contents_wrap { display: flex; justify-content:space-between;}
#main_4th .contents_wrap li { width: 16%;}
#main_4th .contents_wrap li img { width:100%; transform:translateY(15px); opacity: 0.6; transition:0.3s;}
#main_4th .contents_wrap li:hover img { transform:translateY(0px); opacity: 1;}
#main_4th .contents_wrap li .text_wrap{ display: flex; margin: 30px auto 20px; flex-direction:column; width:100%; text-align:center;	}
#main_4th .contents_wrap li .text_wrap .keyword {margin-bottom: 3px; font-size: 0.9rem; color:#f17c82; font-weight: bold;}
#main_4th .contents_wrap li .text_wrap .con_title { font-weight:bold; font-size: 1.2rem;}

#main_5th { width:100%; max-width:1200px; margin: 65px auto; padding: 0 15px;}
#main_5th ul { display: flex; justify-content:space-between;}
#main_5th ul li { width: 49%;}
#main_5th ul li a img { width:100%;filter: brightness(90%); transition:0.3s; }
#main_5th ul li:hover a img{filter: brightness(120%);}

#main_6th { background:#f6f1f7; margin:20px auto 50px; padding:50px 0;width:100%; overflow: hidden;}
#main_6th .inner { max-width:1200px; width:100%; padding:0 15px ; margin: 0 auto; }
#main_6th .inner .con_title span { display: inline-block; width:30%; border-bottom:3px solid #000; font-size: 1.7rem; font-weight:bold;padding: 10px;}
#main_6th .inner .contents_wrap .slide_box { display: flex; justify-content:space-between;}
#main_6th .inner .contents_wrap .swiper-slide {pointer-events: none;}
#main_6th .inner .contents_wrap .swiper-slide.swiper-slide-active { pointer-events: auto;}
#main_6th .inner .contents_wrap .swiper-slide .left {width:60%;}
#main_6th .inner .contents_wrap .swiper-slide .left a {  display: inline-block; border-radius:25px;}
#main_6th .inner .contents_wrap .swiper-slide .left a img { width:100%;}
#main_6th .inner .contents_wrap .swiper-slide .right {width:39%; display:flex; flex-direction:column; justify-content: space-between;}
#main_6th .inner .contents_wrap .swiper-slide .right a { display: flex; height:48%; border-radius:20px; overflow: hidden;}
#main_6th .inner .contents_wrap .swiper-slide .right a .img_wrap { width:45%;}
#main_6th .inner .contents_wrap .swiper-slide .right a .img_wrap img { width:100%;}
#main_6th .inner .contents_wrap .swiper-slide .right a .text_wrap {width:55%; background:#fff; padding: 30px 15px 20px;display: flex; flex-direction:column; justify-content:space-between;}
#main_6th .inner .contents_wrap .swiper-slide .right a .text_wrap span:nth-child(1) { font-weight:bold;}
#main_6th .inner .contents_wrap .swiper-slide .right a .text_wrap span:nth-child(2) { font-weight:bold; font-size: 1.2rem; color:#762b54;}
#main_6th .inner .contents_wrap .swiper-slide .right a .text_wrap span:nth-child(3) { text-align:right; color:#777;}
#main_6th .inner .contents_wrap .swiper-slide * a { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; transition:0.3s;}
#main_6th .inner .contents_wrap .swiper-slide * a:hover {box-shadow: rgba(99, 99, 99, 0.6) 0px 2px 8px 0px;} 

#main_6th .mySwiper2 { overflow:unset; padding-top:50px;}
#main_6th .mySwiper2 .swiper-slide {filter: blur(3px);}
#main_6th .mySwiper2 .swiper-slide-active { filter:unset;}
#main_6th .swiper-button-prev { color:#000; top:var(--swiper-navigation-top-offset,-6%); left: auto; right: var(--swiper-navigation-top-offset,10%);}
#main_6th .swiper-button-prev:hover {color: #555;}
#main_6th .swiper-button-prev:after { font-size:1.5rem; font-weight:bold;}
#main_6th .swiper-button-next { color:#000; top:var(--swiper-navigation-top-offset,-6%); left: auto; right: var(--swiper-navigation-top-offset,5%);}
#main_6th .swiper-button-next:hover {color: #555;}
#main_6th .swiper-button-next:after { font-size:1.5rem; font-weight:bold;}

#main_7th { max-width:1200px; width:100%; padding:0 15px ; margin: 0 auto;}
#main_7th .con_title { text-align:center; margin-bottom: 40px; font-size: 1.7rem; font-weight:bold;}
#main_7th .top { display: flex; justify-content:space-between;}
#main_7th .top li { width:24%; padding: 15px; border-radius:20px;box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 8px; transition:0.3s;}
#main_7th .top li:hover { box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 8px;}
#main_7th .top li a .text_wrap { color: #81275b;}
#main_7th .top li a .text_wrap b {font-size: 1.2rem;}
#main_7th .top li a img { width:100%; padding-top:10px;}
#main_7th .bottom { position: relative; width: 90%;	margin: 30px auto 60px; display: flex; justify-content:space-between;}
#main_7th .bottom .content_box { width: 49%; display: inline-block;overflow: hidden;}
#main_7th .bottom .content_box img { transition:0.3s; width:100%;}
#main_7th .bottom .content_box:hover img { transform:scale(1.05);}
#main_7th .bottom .go_btn { position: absolute; right: -50px; top: 50%; transform:translateY(-50%); font-size:2.5rem; }
#main_7th .bottom .go_btn:hover { color:#555;}
/* 반응형 */
@media screen and (max-width:1280px) {

}


