@charset "euc-kr";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RixYeoljeongdo_Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*font-family: 'Nanum Myeongjo', serif;*/
/*font-family: 'Cookie', cursive;*/
/*font-family: 'GmarketSansLight';*/
/*font-family: 'GmarketSansMedium';*/
/*font-family: 'GmarketSansBold';*/
/*font-family: 'Lobster', cursive;*/
/* font-family: 'Noto Serif KR', serif; */
/* font-family: 'Montserrat', sans-serif; */
/*font-family: 'Libre Baskerville', serif;*/
/*font-family: 'Oswald', sans-serif;*/
*{margin:0; padding:0; box-sizing:border-box; font-family:'Montserrat', 'Noto Sans KR', sans-serif; letter-spacing: -0.5px; scroll-behavior:smooth;}
select {

   -webkit-appearance:none; /* for chrome */

   -moz-appearance:none; /*for firefox*/

   appearance:none;

}
::-moz-selection {
   background: #4c7a93;
   color: #fff;
}
::selection {
   background: #4c7a93;
   color: #fff;
} 
select::-ms-expand{

   display:none;/*for IE10,11*/

}

/*********common***********/
p {}
a {color: #000;}
a{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
body{position: relative; color: #333;}
table {border-collapse: collapse;}
img {vertical-align: top;}
.inner {width: 100%; max-width: 1400px; margin: 0 auto;}
.w25p {float: left; width: 25%;}
.w50p {float: left; width: 50%;}
.posc {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.serif {font-family: 'Noto Serif KR', serif;}
.mont {font-family: 'Montserrat', sans-serif;}
.bas {font-family: 'Libre Baskerville', serif;}
.tac {text-align: center;}
.tar {text-align: right;}
.title, .title strong, .title span, .title b{font-family: 'RixYeoljeongdo_Regular'; font-weight: 100;}
.container { background: url(../img/bgimg.jpg) repeat center / cover;}
.red {color: red; font-size: 20px; font-weight: 500; padding: 15px 0; text-align: center;}
/*********common end***********/

.topbtn {position: fixed; bottom: 25px; right: 25px; display: block; width: 50px; height:50px; background: #fa7bbd; z-index: 999999999; text-align: center; display: none; border-radius: 50%;}
.topbtn:before {position: absolute; content: ''; width:12px; height: 12px; border-top: 3px solid #fff; border-right: 3px solid #fff; display: inline-block; transform: translate(-50%,-50%) rotate(-45deg); position: absolute; top: 50%; left: 50%; transition: .3s;}
.topbtn:hover:before {top: 50%;}
.topbtn a {display: block; height: 100%; position: relative;}

/*********header***********/
header {text-align: center; transition:.3s; position: fixed; width: 100%; left: 0; top: 0; z-index: 99999; background: #000;}
header .header_cont {transition:.3s; background: #000; box-shadow: 5px 5px 10px rgba(0,0,0,0.06);}
header .header_cont .inner .logo_top {position: absolute; left: 0; top: 7px; transition: .3s;}
header .header_cont .inner .logo_top a {display: block;}
header .header_cont .inner .logo_top a img {height: 95px; transition:.5s;}

header .header_cont .inner {position: relative; height: 100px;}
header .header_cont .inner .menu {position: absolute; top: 50%; right: 0; width: 800px; transform: translateY(-50%); text-align: center; display: flex; align-items: center; justify-content: space-between;}
header .header_cont .inner .menu div.sidemenu {display: inline-block;}
header .header_cont .inner .menu div.sidemenu a {color: #fff; font-weight: 700; font-size: 24px; position: relative; display: block; line-height: 100px; height: 100%; padding: 0 20px;}
header .header_cont .inner .menu div.sidemenu a:before {position: absolute; content: ''; width: 0; height: 3px; background: #fa7bbd; left: 0; bottom: 20px; transition:.3s;}
header .header_cont .inner .menu div.sidemenu a:hover:before {width: 100%;}

/***************footer***************/
footer {background: #000;}
footer .inner {padding: 50px 0;}
footer .inner div {float: left; margin-right: 150px;}
footer .inner .footer_logo img {width: 150px;}
footer .inner .footer_content {color: #fff;}
footer .inner .footer_content p {font-size: 14px; line-height: 2em; font-weight: 500; letter-spacing: 0;}
footer .inner .footer_content p span {margin-right: 20px;}

/************swiper*******************/

.main_visual {width: 100%; height: 100vh; position: relative; overflow: hidden; position: relative; z-index: 2;}
.main_visual:before {position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.1); left: 0; top: 0; z-index: 1;}
.main_visual .video_box {position: relative; height: 100vh; padding-top: 51.25%;}
.main_visual .video_box:before {position: absolute; content: ''; width: 100%; height: 100%; background: url(../img/dot_video.png) left top; left: 0; top: 0;}
.main_visual .video_box iframe {position: absolute; width: 150%; height: 110%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1;}
.main_visual .main_visual_txt {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; z-index: 9; color: #fff; animation: type 1s alternate;}
.main_visual .main_visual_txt h2 {font-size: 54px; line-height: 1.5em;}
.main_visual .main_visual_txt h2 strong {display: inline-block; padding: 0 15px; line-height: 1.5em; background: #fa7bbd; border-radius: 20px;}
.main_visual .main_visual_txt img {width: 400px; display: inline-block; margin: 30px 0 10px;}
.main_visual .main_visual_txt p {font-size: 18px; line-height: 2em;}
.main_visual .main_visual_txt p strong {color: #a71d2a; font-weight: 900;}

/************swiper end*******************/

/**********main section***********/
section {overflow: hidden;}

.main_title {text-align: center; margin: 70px 0;}
.main_title h2 {font-size: 70px; color: #fff;}
.main_title h2 strong {font-size: 100px; color: #fa7bbd;}
.main_title h2 img {width: 300px; vertical-align: middle;}
.main_title p {font-size: 18px; color: #fff; line-height: 2em;}

.main_about {background: url(../img/main_aboutbg.jpg) no-repeat center / cover fixed; padding: 150px 0;}
.main_about .inner {display: flex; justify-content: space-between; align-items: center;}
.main_about .inner .main_about_video {width: 40%; overflow: hidden; border-radius: 15px; position: relative;}
.main_about .inner .main_about_video:before {position: absolute; content: ''; width: 100%; height: 100%; background: transparent; z-index: 9999;}
.main_about .inner .main_about_video iframe {width: 100%; height: 560px;}
.main_about .inner .main_about_txt {color: #fff; width: 55%;}
.main_about .inner .main_about_txt h2 {font-size: 62px; margin-bottom: 15px; padding-bottom: 15px;}
.main_about .inner .main_about_txt h2 strong {color: #fa7bbd;}
.main_about .inner .main_about_txt p {font-size: 26px; line-height: 1.5em;}

.main_map {background: url(../img/main_mapbg.jpg) no-repeat center / cover fixed; padding: 100px 0 0;}
.main_map .inner {display: flex; justify-content: space-between; align-items: center;}
.main_map .inner > img {width: 39%; height: 532px; object-fit: cover; border-radius: 15px;}
.main_map .main_map_box {width: 60%;}
.main_map .main_map_box .root_daum_roughmap {width: 100%;}
.main_map .main_map_box .root_daum_roughmap .wrap_map{height: 500px;}
.main_map .inner .main_title h2 strong {color: gold;}

.main_good {background: url(../img/main_goodbg.jpg) no-repeat center / cover fixed; padding: 100px 0;}
.main_good ul {display: flex; justify-content: space-between; align-items: center;}
.main_good ul li {width: 24%; border-radius: 8px; overflow: hidden;}
.main_good ul li img {width: 100%;}
.main_good ul li .main_good_txt {background: #fff; padding: 20px; height: 185px;}
.main_good ul li .main_good_txt h2 {margin-bottom: 15px;}

.main_interior {background: url(../img/main_interiorbg.jpg) no-repeat center / cover fixed; padding: 100px 0;}
.main_interior .main_interior_slide {position: relative; width: 140%; transform: translateX(-50%); left: 50%;}
.main_interior .main_interior_slide .swiper-slide {transition:.6s; padding: 100px 0; opacity: .3; text-align: center;}
.main_interior .main_interior_slide .swiper-slide-active { overflow: hidden; padding: 0; opacity: 1;}
.main_interior .main_interior_slide .swiper-slide img {width: 80%; transition:.5s; border: 1px solid  #fff;}
.main_interior .main_interior_slide .swiper-slide-active img {width: 100%; border-radius: 30px;}
.main_interior .main_interior_slide .slide_prev,
.main_interior .main_interior_slide .slide_next {background: #fa7bbd; width: 80px; height: 80px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; transition:.4s; border: 3px solid  transparent;}
.main_interior .main_interior_slide .slide_prev:hover,
.main_interior .main_interior_slide .slide_next:hover {border: 3px solid  #fff;}
.main_interior .main_interior_slide .slide_prev {left: 15%;}
.main_interior .main_interior_slide .slide_next {right: 15%;}
.main_interior .main_interior_slide .slide_prev .swiper-button-prev,
.main_interior .main_interior_slide .slide_next .swiper-button-next {margin: 0; position: absolute; top: 50%; background: none;}
.main_interior .main_interior_slide .slide_prev .swiper-button-prev {width: 25px; height: 25px; border-left: 3px solid #fff; border-top: 3px solid #fff; transform: translate(-50%,-50%) rotate(-45deg); left: 55%;}
.main_interior .main_interior_slide .slide_next .swiper-button-next {width: 25px; height: 25px; border-right: 3px solid #fff; border-top: 3px solid #fff; transform: translate(-50%,-50%) rotate(45deg); left: 45%;}