@charset "utf-8";
.main_vsual_wp {height: 946px;}
.main_v_sd .item{height:946px;position:relative;overflow: hidden;}
.main_v_sd .item .img_bg {height: 100%;}

.main_container {position: relative;}
.main_tit_wp.pick {opacity: 1;}
.main_tit_wp {height:946px; width: 100%;padding-top: 180px;background: url(../img/main_tab_bg01.png) center -80px no-repeat;opacity: 0;transition: all .3s;}
.main_tit_wp .mian_tit_box {width:700px; margin: 0 auto;}
.main_tit_wp .mian_tit_box .txt_box {text-align: center;}
.main_tit_wp .mian_tit_box .txt_box .desc {color: #fff;font-weight: 500;text-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5), 0px -4px 13px rgba(0, 0, 0, 0.3), 0px 4px 4px rgba(0, 0, 0, 0.5);font-size: 1.125rem;padding-top: 20px;}
.main_tit_wp .darc_wp {width: 542px;margin: 0 auto;padding-top: 50px;}
.darc_wp .darc_sd {margin: 0 -5px;}
.darc_wp .darc_sd .item {padding: 0 5px;}
.darc_wp .darc_sd .item a {display: block;position: relative;border-radius: 8px;overflow: hidden;border-radius: 15px;background: rgba(0, 0, 0, .25);padding: 16px 2px;text-align: center;color:#fff;font-weight: 500;transition: all .2s ease-in-out;}
.darc_wp .darc_sd .item a::before {content: '';display: block;margin: 8px auto 16px;width: 80px;height: 80px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, .5);background: url(../img/main_ir_24v.png) 1px 1px no-repeat rgba(0, 0, 0, .25);transition: all .2s ease-in-out;}
.darc_wp .darc_sd .item.item02 a::before {background-position: -79px 1px;}
.darc_wp .darc_sd .item.item03 a::before {background-position: -161px 1px;}
.darc_wp .darc_sd .item.item04 a::before {background-position: -239px 1px;}
.darc_wp .darc_sd .item.item05 a::before {background-position: 0px -80px;}
.darc_wp .darc_sd .item.item06 a::before {background-position: -80px -80px;}
.darc_wp .darc_sd .item.item07 a::before {background-position: -160px -80px;}
.darc_wp .darc_sd .item.item08 a::before {background-position: -239px -80px;}
.darc_wp .darc_sd .item.item09 a::before {background-position: 0px -158px;}
.darc_wp .darc_sd .item.item10 a::before {background-position: -80px -158px;}
.darc_wp .darc_sd .item.item11 a::before {background-position: -157px -158px;}
.darc_wp .darc_sd .item.item12 a::before {background-position: -238px -158px;}
.darc_wp .darc_sd .item a:hover {background: rgba(255, 255, 255, .8);color: #121212;}
.darc_wp .darc_sd .item a:hover::before {background-color: #e18d2a;}
.darc_sd_wp .slick-nav {position: relative;}
.darc_sd_wp .slick-nav a {position:absolute; width: 42px;height: 42px;border-radius: 50%;top: 55px;background-image: url(../img/main_ir_24v.png);}
.darc_sd_wp .slick-nav a.slick-prev {left: -52px;background-position: -345px -15px;}
.darc_sd_wp .slick-nav a.slick-next {right: -52px;background-position: -380px -15px;}

.mus_tp_wp .mus_list li a .ico {width: 24px;height: 24px;margin-right: 10px;background-color: rgba(0, 0, 0, .25);border-radius: 3px;background-image: url(../img/main_ir_24v.png);}
.mus_tp_wp .mus_list li:nth-child(1) a .ico {background-position: -350px -75px;}
.mus_tp_wp .mus_list li:nth-child(2) a .ico {background-position: -384px -75px;}
.mus_tp_wp .mus_list li:nth-child(3) a .ico {background-position: -414px -75px;}

.main_rg_wp {position: absolute;top: 160px;right:50px; padding-top: 72px;}
.main_rg_wp .inner_pa50 {display: flex;position: relative;width: 100%;box-sizing: border-box;justify-content: right;}
.main_rg_wp .inner_pa50 .in_box {width: 320px;}
.main_rg_wp .main_course, .main_rg_wp .main_wexh {width: 100%;border:2px solid #163E72;border-radius: 15px;position: relative;}
.main_rg_wp .tit_box {border-bottom: 1px solid #ddd;padding: 16px 24px;}
.main_rg_wp .tit_box h3 {font-size: 1.25rem;font-weight: 500;}
.main_rg_wp .body_box {padding: 24px;}
.main_rg_wp .main_course{background-color: #fff;}
.main_rg_wp .mc_sd {margin:0 -8px;}
.main_rg_wp .mc_sd .item {padding: 0 8px;position: relative;}
.main_rg_wp .mc_sd .item a {position: relative;display: block;height: 120px;border-radius: 10px;overflow: hidden;}
.main_rg_wp .mc_sd .item a img {width: 100%;height: 100%;}
.mc_sd .item .txt {position: absolute;bottom: 0;left: 0;padding: 6px 0;width: 100%;text-align: center;background: rgba(0, 0, 0, .5);color: #fff;}
.mc_sd_wp .slick-nav {position: absolute;right: 24px;top: 15px;}
.mc_sd_wp .slick-nav a {width: 24px;height: 24px;border-radius: 50%;background-color: #f1f1f1;vertical-align: top;background-image: url(../img/main_ir_24v.png);}
.mc_sd_wp .slick-nav a.slick-prev {left: -52px;background-position: -436px -26px;}
.mc_sd_wp .slick-nav a.slick-next {right: -52px;background-position: -465px -26px;}
.main_rg_wp .main_wexh{margin-top: 40px; background: url(../img/deco_won1.png) left -50px top 20px no-repeat, url(../img/deco_won2.png) right -50px bottom -60px no-repeat #EDF6FF;}
.main_rg_wp .main_wexh .link_list {display: flex;justify-content: center;}
.main_rg_wp .main_wexh .link_list li {width: calc((100% - 32px) / 3);border-radius: 10px;padding: 10px 0;text-align: center;background-color: #D2E3FF;transition: all .3s;}
.main_rg_wp .main_wexh .link_list li + li {margin-left: 16px;}
.main_rg_wp .main_wexh .link_list li:hover {box-shadow: 4px 6px 8px 0px rgba(0, 43, 151, 0.3);}
.main_rg_wp .main_wexh .link_list li a {display: block;}

/*지질관광코스*/
.geotourism_wp.pick {opacity: 1;}
.geotourism_wp {width: 100%;height: 946px;padding-top: 230px;background: url(../img/main_tab_bg02.jpg) no-repeat center;position: absolute;top: 0;left: 0;background-size: 110%;opacity: 0;transition: all .3s;z-index: -1;}
.main_geot_box {display:flex;justify-content: space-between;}
.geot_tit_a {width: 40%;}
.grot_course_a {width: 700px;padding-left: 100px;}
.grot_course_a .course_list {display: flex;flex-wrap: wrap;justify-content: right;}
.grot_course_a .course_list .cl_item {width: 120px;height: 120px;background: rgba(255, 255, 255, .25);}
.grot_course_a .course_list .cl_item:not(.empty) {box-shadow: 0px 0px 36px 0px rgba(255, 255, 255, 0.6);}
.grot_course_a .course_list .cl_item a {width: 100%;height: 100%;color: #fff;position: relative;background-position: center;background-repeat: no-repeat;overflow: hidden;}
.grot_course_a .course_list .cl_item a::after {content: '';display: block;width: 80px;height: 80px;background: url(../img/main_ir_24v.png) 1px 1px no-repeat rgba(0, 0, 0, .25);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: .3s ease-in-out;}
.grot_course_a .course_list .cl_item.item2 a::after {background-position: -79px 1px;}
.grot_course_a .course_list .cl_item.item3 a::after {background-position: -161px 1px;}
.grot_course_a .course_list .cl_item.item4 a::after {background-position: -239px 1px;}
.grot_course_a .course_list .cl_item.item5 a::after {background-position: 0px -80px;}
.grot_course_a .course_list .cl_item.item6 a::after {background-position: -80px -80px;}
.grot_course_a .course_list .cl_item.item7 a::after {background-position: -160px -80px;}
.grot_course_a .course_list .cl_item.item8 a::after {background-position: -239px -80px;}
.grot_course_a .course_list .cl_item.item9 a::after {background-position: 0px -158px;}
.grot_course_a .course_list .cl_item.item10 a::after {background-position: -80px -158px;}
.grot_course_a .course_list .cl_item.item11 a::after {background-position: -157px -158px;}
.grot_course_a .course_list .cl_item.item12 a::after {background-position: -238px -158px;}
/* .grot_course_a .course_list .cl_item a p {position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);text-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5), 0px -4px 13px rgba(0, 0, 0, 0.3), 0px 4px 4px rgba(0, 0, 0, 0.5);opacity: 0;} */
.grot_course_a .course_list .cl_item a p {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5), 0px -4px 13px rgba(0, 0, 0, 0.3), 0px 4px 4px rgba(0, 0, 0, 0.5);opacity: 0;}
.grot_course_a .course_list .cl_item.empty{background: transparent;}
.grot_course_a .course_list .cl_item a img {transition: all .3s;}
.grot_course_a .course_list .cl_item a:hover::after {display: none;}
.grot_course_a .course_list .cl_item a:hover img {transform: scale(1.1);filter: brightness(1);}
.grot_course_a .course_list .cl_item a:hover p {opacity: 1;}
.geotourism_wp .desc {color: #fff;font-weight: 500;text-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5), 0px -4px 13px rgba(0, 0, 0, 0.3), 0px 4px 4px rgba(0, 0, 0, 0.5);font-size: 1.125rem;padding-top: 20px;}



/*웹전시*/
.web_exh_wp.pick {opacity: 1;}
.web_exh_wp {width: 100%;height: 946px;padding-top: 230px;background: url(../img/main_tab_bg03.jpg) no-repeat center;position: absolute;top: 0;left: 0;background-size: 110%;opacity: 0;transition: all .3s;z-index: -1;}
.main_exh_box {display:flex;justify-content: space-between;}
.webe_tit_a {width: 40%;}
.webe_con_a {width:550px;padding-right: 100px;}
.webe_con_a > div {display: flex;}
.webe_con_a .h_box {width: 150px;height: 150px;background: rgba(0, 0, 0, .25);}
.webe_con_a .h_box.hbox1 {width: 300px;height: 300px;overflow: hidden;}
.webe_con_a .h_box.hbox1 a {background: url(../img/webe_00.jpg) 0 0 no-repeat;}
.webe_con_a .h_box.hbox1 a:hover {background-position: 0 -300px;filter: brightness(1);}
.webe_con_a .h_box.hbox1 a p {color: #121212;text-shadow: 0px -1px 3px rgb(255, 255, 255), 0px -4px 13px rgb(255, 255, 255), 0px 4px 4px rgb(255, 255, 255);font-weight: 500;}
.webe_con_a .h_box.empty {background: transparent;}
.webe_con_a .h_box:not(.empty) {box-shadow: 0px 0px 36px 0px rgba(255, 255, 255, 0.6);}
.webe_con_a .h_box a {width: 100%;height: 100%;display: block;position: relative;overflow: hidden;}
.webe_con_a .h_box a p {position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);color: #fff;text-align: center;width: 100%;text-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5), 0px -4px 13px rgba(0, 0, 0, 0.3), 0px 4px 4px rgba(0, 0, 0, 0.5);opacity: 0;}
.webe_con_a .h_box a img {transition: all .3s;}
.webe_con_a .h_box a:hover img {transform: scale(1.1);filter: brightness(1);}
.webe_con_a .h_box a:hover p {opacity: 1;}
.web_exh_wp .desc {color: #fff;font-weight: 500;text-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5), 0px -4px 13px rgba(0, 0, 0, 0.3), 0px 4px 4px rgba(0, 0, 0, 0.5);font-size: 1.125rem;padding-top: 20px;}


/*탭 버튼*/
.mus_tp_wp {position: absolute;z-index: 140;bottom: 100px;width: 100%;}
.mus_tp_wp .mus_list {display: flex;justify-content: center;}
.mus_tp_wp .mus_list li {width: calc(100% / 3);border: 1px solid #fff;height: 70px;}
.mus_tp_wp .mus_list li + li {margin-left: -1px;}
.mus_tp_wp .mus_list li a {display: block;width: 100%;height:100%;padding: 5px 0;font-size: 1.125rem;display: inline-flex;align-items: center;color: #fff;background: rgba(0, 0, 0, .5);padding: 16px;transition: all 0.4s cubic-bezier(.5, .24, 0, 1);justify-content:center;}
.mus_tp_wp .mus_list li a.active {background-color: rgba(225, 141, 42, .8);}
.mus_tp_wp .mus_list li a:hover {background-color: rgba(225, 141, 42, .8);}

.zup {z-index: 140;}

/* .mus_tp_wp .mus_list li a {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.mus_tp_wp .mus_list li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(225, 141, 42, .8);
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.mus_tp_wp .mus_list li a:not(.active):hover:before, .mus_tp_wp .mus_list li a:not(.active):focus:before, .mus_tp_wp .mus_list li a:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
} */


@keyframes scale-up-tl {
  0% {
	opacity:0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
	opacity:1;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}

@-webkit-keyframes slide-right {
  0% {
		opacity:0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  100% {
		opacity:1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-right {
  0% {
		opacity:0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  100% {
		opacity:1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slide-top {
  0% {
	opacity:0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
	opacity:1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slide-top {
  0% {
	opacity:0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
	opacity:1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

}

@-webkit-keyframes action-horizontal {
  16% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  50% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  80% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}