@charset "utf-8";

/*메인비주얼*/
#mVisual { position: relative; width: 100%; overflow: hidden; }
#mVisual .mv {position:relative; height:600px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
#mVisual .mv .mvTxt {background:rgba(0,0,0,0.5); margin:120px auto 0; width:700px; text-align:center; color:#fff; padding:15px; }
#mVisual .mv .mvTxt .mvBorder {border:1px solid rgba(255,255,255,0.5)}
#mVisual .mv .mvTxt h2 {font-size:2.65em; letter-spacing:-0.075em; line-height:1.25em; font-weight:100; padding:70px 0 110px}
#mVisual .mv .mvTxt h2 span.fw-B {font-weight:600}

/* Dots */
#mVisual .slick-dots {bottom:220px}
#mVisual .slick-dots li{ width: 9px;height: 9px; margin: 0 4px;}
#mVisual .slick-dots li button{ width: 9px; height: 9px; background:none; opacity:.5}
#mVisual .slick-dots li button:hover, #mVisual .slick-dots li button:focus {opacity:1;}
#mVisual .slick-dots li button:before { width: 9px; height: 9px;}
#mVisual .slick-dots li.slick-active button:before { width: 28px; height: 9px; border-radius:5px; opacity: 1;}
#mVisual .slick-dots li.slick-active button { width: 28px; height: 9px; border-radius:5px; opacity: 1; }
#mVisual .slick-dots li.slick-active { width: 28px; height: 9px; border-radius:5px; } 
 
.mvisual1 {background-image:url(/images/main/m_visual1_20240914.jpg);}
.mvisual1-old {background-image:url(/images/main/m_visual1_230816.png);}
.mvisual2 {background-image:url(/images/main/m_visual2_230816.png);}
.mvisual3 {background-image:url(/images/main/m_visual3_230816.png);}

@media all and (max-width:1024px) {
#mVisual .mv {height:500px;}
#mVisual .mv .mvTxt { margin:100px auto 0; width:550px; }
#mVisual .mv .mvTxt h2 {font-size:2.15em; padding:10% 0 20%}

#mVisual .slick-dots {bottom:200px}
#mVisual .slick-dots li{ width: 7px;height: 7px; margin: 0 4px;}
#mVisual .slick-dots li button{ width: 7px; height: 7px;}
#mVisual .slick-dots li button:before { width: 7px; height: 7px;}
#mVisual .slick-dots li.slick-active button:before { width: 24px; height: 7px;}
#mVisual .slick-dots li.slick-active button { width: 24px; height: 7px; }
#mVisual .slick-dots li.slick-active { width: 24px; height: 7px; } 
}

@media all and (max-width:676px) {
#mVisual .mv {height:430px;}
#mVisual .mv .mvTxt { margin:15% auto 0; width:460px;  padding:10px;}
#mVisual .mv .mvTxt h2 {font-size:1.88em; padding:10% 0 20%}

#mVisual .slick-dots {bottom:170px}
}


@media all and (max-width:480px) {
#mVisual .mv {height:350px; background-size:cover;}
#mVisual .mv .mvTxt { margin:20% auto 0;width:320px;}
#mVisual .mv .mvTxt h2 {font-size:1.45em;}

#mVisual .slick-dots {bottom:160px}
}

/* scrollDown */
#fullscreen {position:relative;}
.scrollDown {position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:33;}

@media screen and (max-width:767px){
	.scrollDown {display:none;}
}

/****메인컨텐츠****/
.mTitle {color:#0e0e0e;}
.mTitle h2 { font-weight:500; font-size:2.25em; line-height:1.15em; letter-spacing:-0.05em;}
.mTitle h2 span {font-weight:500}
.mTitle p { font-weight:400; opacity:.7; font-size:1.1em; margin-top:15px;}

.more {display:inline-block; border-bottom:1px solid #d1baa3; padding-bottom:3px}
.more a span {font-weight:500; }
.more:hover { border-bottom:1px solid rgba(140,108,76,1) !important; } 
.more a:hover {color:rgba(140,108,76,1) !important}

@media all and (max-width:1024px) {
.mTitle {font-size:0.95em;}
.mTitle p {margin-top:1%}
}

@media all and (max-width:480px) {
.mTitle {font-size:0.85em;}
}


/*mCont1*/
#mCont1 {margin:75px auto; overflow:hidden }
#mCont1 > div {  float: left; height: 245px; }
#mCont1 > div .tit { position: relative; line-height: 53px; border-bottom: 1px solid #ddd; }
#mCont1 > div .tit h4 { font-size: 1.45em; color:#0e0e0e; font-weight: 400; }
#mCont1 > div .tit a { position: absolute; right: 0; top: 0; color:#f9a13a; font-weight:600; font-size:1.55em;}
#mCont1 .news, #mCont1 .media { width: 32.5%; margin-right: 30px; }
#mCont1 .bd_list { padding-top: 15px; }
#mCont1 .bd_list li { margin-bottom: 15px; overflow: hidden; line-height: 1.4em; width: 100%; overflow: hidden; }
#mCont1 .bd_list li a { color:#000; font-size:0.95em; font-weight:300; display: block;  }
#mCont1 .bd_list li a span { font-size:0.90em; letter-spacing:-0.025em; float: right; color:rgba(0,0,0,0.5);  }
#mCont1 .media li:first-child {margin-top:10px; margin-bottom: 22px; overflow:hidden}
#mCont1 .media li:first-child img { float: left; width: 46%;  }
#mCont1 .media li:first-child dl { float: right; width: 54%; padding-left: 3%; padding-top: 2%; }
#mCont1 .media li:first-child dl dt { font-size:1.2em; font-weight:400; margin-bottom: 5px;  }
#mCont1 .media li:first-child a span {margin-left: 3%; float:left}
#mCont1 .video { width: calc(35% - 60px); /*background:#159cc6;*/ box-sizing: border-box; }
#mCont1 .video .tit { border:0; }
#mCont1 .video .tit h4 { color:#fff; }
#mCont1 .video .vod img { width: 100%; }


@media screen and (max-width: 1199px) {
#mCont1 .news .news-mo {display:none;}
#mCont1 > div { height: auto; }
#mCont1 > div .tit {line-height: 40px;}
#mCont1 .bd_list li span { display: none; }
#mCont1 .media li:first-child {margin-top:0; margin-bottom: 7px; }
#mCont1 .media li:first-child dl dd {font-size:0.85em;}

}

@media all and (max-width:1024px) {
#mCont1 {margin:5% auto;}
#mCont1 .media li:first-child img {  width: 42%;  }
#mCont1 .media li:first-child dl {  width: 58%;}
}

@media screen and (max-width: 876px) {
#mCont1 > div { height: auto; }
#mCont1 .news { width: 48%; margin-right:4%; }
#mCont1 .media { width: 48%; margin-right: 0; }
#mCont1 .media li:first-child dl {padding-top: 1%;}
#mCont1 .bd_list li span { display: block; }
#mCont1 .video { width: 100%; margin-top:2% }
#mCont1 .video .tit { padding:0;  }
}

@media screen and (max-width: 676px) {
#mCont1 .news { width: 100%; margin-right:0; }
#mCont1 .media { width: 100%; }
#mCont1 > div .tit { line-height: 3em; }
#mCont1 > div .tit a { top: 5px; }
#mCont1 .bd_list { padding-top: 15px; }
#mCont1 .bd_list li { margin-bottom: 10px; }
#mCont1 .media li:first-child img { width: 40%;  }
#mCont1 .media li:first-child dl {  width: 60%; padding-top: 2%;   }
#mCont1 .video { margin-bottom:0; }
}

/*mCont2*/
#mCont2 {position:relative; width:100%; padding-bottom:75px; overflow:hidden; clear:both;}
#mCont2 .mTitle {text-align:center; padding:60px 0 75px; background:url('/images/main/mCont2-bg.png')no-repeat right top; background-size:36% auto}
#mCont2 .parkWrap { position:relative; z-index:1 ; background:#fff; overflow:hidden}
#mCont2 .parkWrap .txtWrap {float:left; width:36%; box-sizing:border-box; padding:30px; border-right:1px solid #f2f2f2}
#mCont2 .parkWrap .txtWrap h2 {font-weight:100; font-size:2.15em; letter-spacing:-0.055em; line-height:1.25em;}
#mCont2 .parkWrap .txtWrap h2 span {font-weight:700}
#mCont2 .parkWrap .txtWrap p {padding:8% 0 16%; font-size:1.05em; font-weight:400; opacity:.7; line-height:1.75em;}
#mCont2 .parkWrap .park {float:right; width:64%;}
#mCont2 .parkImg { position: relative; width: 100%; overflow: hidden; }
#mCont2 .parkImg > div{float:left; width:100%;}
#mCont2 .parkImg > div.txt{width: auto;}
#mCont2 .parkImg > div img {width:auto;}
#mCont2 .parkImg .txt {box-sizing:border-box; padding:30px; position: absolute; right: 0; bottom: 0; color: #fff; text-shadow: 0 1px 10px #333; text-align: right;}
#mCont2 .parkImg .txt dl dt {font-size:2.15em; letter-spacing:-0.055em; line-height:1em; font-weight:500;}
#mCont2 .parkImg .txt dl dd { font-size:1.05em; font-weight:400; opacity:1; line-height:1.75em; padding:3% 0 4%}
#mCont2 .parkImg .txt dl .d1:after {content:""; display:none; width:35px; height:1px; background:#f2f2f2; margin-top:6%;}
#mCont2 .mcont2-bg {position:absolute; bottom:0; width:100%; height:260px; background:rgba(209,186,163,0.15);}

#mCont2 .slick-dots {width:auto; padding-left:27px; top:320px; }
#mCont2 .slick-dots li {margin: 0 6px !important;}
#mCont2 .slick-dots li button:before {background:#f7f3ee !important}

#mCont2 .mCont2_fullimg {padding-bottom:75px; }
#mCont2 .mCont2_fullimg img {width:100%;}

#mCont2 .video .vod{position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
#mCont2 .vodCover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index: 100;}
#mCont2 .vodPlay{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}


@media all and (max-width:1024px) {
#mCont2 {padding-bottom:5%; font-size:0.90em;}
#mCont2 .mTitle {padding:4% 0 5%;}
#mCont2 .parkWrap .txtWrap p {padding:8% 0 8%;}
#mCont2 .slick-dots {top:29vh; }

#mCont2 .mCont2_fullimg {padding-bottom: 5%; }
}

@media all and (max-width:767px) {
#mCont2 .parkWrap .park { float:none; width:100%}
#mCont2 .parkImg > div img {width:100%;}

#mCont2 .parkWrap .txtWrap {display:none}
#mCont2 .mcont2-bg {height:130px;}
}

@media all and (max-width:640px) {
#mCont2 .parkImg .txt { padding:20px;}
#mCont2 .slick-dots {padding-left:17px; top:26vh; }
}

@media all and (max-width:480px) {
#mCont2 .parkImg > div {float:none; width:100%;}
#mCont2 .parkImg .txt { padding:0;}
#mCont2 .parkImg .txt dl dd {padding:2% 0 3%}
#mCont2 .parkImg .txt dl .d1:after { margin-top:5%;}
#mCont2 .slick-dots {top:0; right:0}
}

/*mCont3*/
#mCont3 {margin:75px auto 0;}
#mCont3 .mTitle h2 {font-size:2.45em;}
#mCont3 .mTitle p {line-height:2em; margin:12% 0}
#mCont3 .mProduct {display:table; width:100%;}
#mCont3 .mProduct > div {display:table-cell; vertical-align:middle; box-sizing:border-box}
#mCont3 .mProduct .pTxt {width:38%; padding-right:8%; word-break: break-all; }
#mCont3 .mProduct .pTxt .view a {display:block; background:#d1baa3; width:240px; height:52px; line-height:50px; color:#fff; text-align:Center; font-size:0.80em; font-weight:500; letter-spacing:0.055em;}
#mCont3 .mProduct .pTxt .view a:hover {background:#8b7660}
#mCont3 .mProduct .pImg {width:62%;}
#mCont3 .mProduct .pImg ul {overflow:hidden; width:100%;}
#mCont3 .mProduct .pImg ul li {float:left; width:50%; height:375px; background-size:cover; position:relative; overflow:hidden}
#mCont3 .mProduct .pImg ul li a {position:relative; z-index:100; display:block; color:#fff; width:100%; height:100%;}
#mCont3 .mProduct .pImg ul li:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; display:block; transition:all 0.6s;}
#mCont3 .mProduct .pImg ul li:hover:before {transform:scale(1.1);}
#mCont3 .mProduct .pImg ul li.mpro1:before {background:url('/images/main/mCont3-img1_230816.png')no-repeat center center}
#mCont3 .mProduct .pImg ul li.mpro2:before {background:url('/images/main/mCont3-img2_230816.png')no-repeat center center}
#mCont3 .mProduct .pImg ul li.mpro3:before {background:url('/images/main/mCont3-img3_230816.png')no-repeat center center}
#mCont3 .mProduct .pImg ul li.mpro4:before {background:url('/images/main/mCont3-img4_new.jpg')no-repeat center center}
#mCont3 .mProduct .pImg ul li dl { padding:74% 35px 35px; text-align:right}
#mCont3 .mProduct .pImg ul li dl dt {font-weight:500; font-size:1.95em;}


@media all and (max-width:1199px) {
#mCont3 .mProduct .pImg ul li {height:30vw}
}

@media all and (max-width:1024px) {
#mCont3 {margin:5% auto 0;}
}

@media all and (max-width:976px) {
#mCont3 .mProduct .pTxt .view a {width:200px; height:46px; line-height:44px;}
#mCont3 .mProduct .pImg ul li dl {font-size:0.90em; padding:74% 15px 15px; }
}


@media all and (max-width:676px) {
#mCont3 .mTitle p {margin:6% 0}
#mCont3 .mProduct {display:block; }
#mCont3 .mProduct > div {display:block; }
#mCont3 .mProduct .pTxt {width:100%; padding-right:0;}
#mCont3 .mProduct .pImg {width:100%;}
#mCont3 .mProduct .pImg ul li {height:50vw;}
#mCont3 .mProduct .pTxt .view a {width:180px; height:36px; line-height:34px;}
}


/*mCont4*/
#mCont4 {margin:100px auto 120px;}
#mCont4 .mTitle {text-align:center; margin-bottom:60px;}
#mCont4 .mTitle h2 {font-size:2.40em;}
#mCont4 .mTitle p {margin-top:3%; line-height:1.65em;}
#mCont4 .mBox {overflow:hidden; background:url('/images/main/mCont4-bg.png')no-repeat center top; background-size:41% auto}
#mCont4 .mBox li {float:left; width:calc(33.333333% - 20px); margin-right:30px; box-sizing:border-box; border:1px solid #f3efec;}
#mCont4 .mBox li img {width:100%;}
#mCont4 .mBox li:nth-of-type(1) {margin-top:55px}
#mCont4 .mBox li:nth-of-type(2) {margin-top:155px}
#mCont4 .mBox li:last-child {margin-right:0;}
#mCont4 .mBox li dl {padding:25px}
#mCont4 .mBox li dl dt {font-weight:600; font-size:0.90em; letter-spacing:0.05em;}
#mCont4 .mBox li dl .d1 {font-size:1.45em; color:#000; font-weight:400; margin:4% 0 6%}
#mCont4 .mBox li dl .d2 {font-weight:400}
#mCont4 .mBox li dl .d3 {text-align: center; padding-top: 5px;}
#mCont4 .mBox li dl .more {padding-top:20%}
#mCont4 .mBox li dl .more a {letter-spacing:0.01em}

@media all and (max-width:1024px) {
#mCont4 {margin:7% auto 9%;}
#mCont4 .mTitle {margin-bottom:6%;}
#mCont4 .mBox li dl {font-size:0.95em;}
}

@media all and (max-width:767px) {
#mCont4 .mBox li {width:calc(33.333333% - 7px); margin-right:10px; }
}

@media all and (max-width:540px) {
#mCont4 .mBox li {float:none; width:100%; margin-right:0; margin-bottom:4% }
#mCont4 .mBox li:nth-of-type(1) {margin-top:0}
#mCont4 .mBox li:nth-of-type(2) {margin-top:0}
#mCont4 .mBox li:last-child {margin-bottom:0}
#mCont4 .mBox li dl {padding:4%}
#mCont4 .mBox li dl .d1 {margin:2% 0 3%}
#mCont4 .mBox li dl .more {padding-top:8%}
}


/*mCont5*/
#mCont5 .mapWrap {display:table; width:100%; overflow: hidden; }
#mCont5 .mapWrap > div {display:table-cell; vertical-align:middle; width:50%;}
#mCont5 .root_daum_roughmap .wrap_map  { height: 470px !important; }
.wrap_controllers {display:none;}
.root_daum_roughmap .border1 {border:none !important}
.root_daum_roughmap .border4 {display:none !important}
#mCont5 .mapWrap .txt {background:#d1baa3 url('/images/main/mCont5-bg.png')no-repeat right bottom; color:#fff; padding:0 70px; background-size:40% auto}
#mCont5 .mapWrap .txt .mTitle {color:#fff; margin-bottom:50px}
#mCont5 .mapWrap .txt dl dt {letter-spacing:0.05em; font-size:0.95em; font-weight:500}
#mCont5 .mapWrap .txt dl .d1 {font-size:1.55em; margin:1.5% 0 1%}
#mCont5 .mapWrap .txt dl .d2 {font-weight:100; font-size:0.90em;}
#mCont5 .mapWrap .txt dl .more {display:inline-block; margin-top:4%; padding-bottom:0.5%; border-bottom:1px solid rgba(255,255,255,0.5)}
#mCont5 .mapWrap .txt dl .more a {color:#fff}
#mCont5 .mapWrap .txt dl .more a span {font-weight:500; letter-spacing:0.05em; font-size:0.95em; }

@media all and (max-width:1024px) {
#mCont5 .root_daum_roughmap .wrap_map  { height: 400px !important; }
#mCont5 .mapWrap .txt .mTitle {margin-bottom:10%}
#mCont5 .mapWrap .txt { padding:0 4%}
#mCont5 .mapWrap .txt dl {font-size:0.95em;}
}

@media all and (max-width:676px) {
#mCont5 .mapWrap {display:block;}
#mCont5 .mapWrap > div {display:block; width:100%;}
#mCont5 .mapWrap .txt { padding:6% 4%}
#mCont5 .root_daum_roughmap .wrap_map  { height: 300px !important; }
}

@media all and (max-width:540px) {
#mCont5 {font-size:1em;}
#mCont5 .root_daum_roughmap .wrap_map  { height: 230px !important; }
}

/*mCont6*/
#mCont6 {margin:100px auto 120px;}
#mCont6 .mTitle {text-align:center; margin-bottom:40px;}
#mCont6 .imgWrap {overflow:hidden; width:100%;}
#mCont6 .imgWrap li {float:left; width:calc(33.333333% - 17px); margin-right:25px;}
#mCont6 .imgWrap li:last-child {margin-right:0;}
#mCont6 .imgWrap li img {width:100%;}

@media all and (max-width:1024px) {
#mCont6 {margin:7% auto 9%;}
#mCont6 .mTitle {margin-bottom:4%;}
#mCont6 .imgWrap li {width:calc(33.333333% - 10px); margin-right:15px;}
}

@media all and (max-width:540px) {
#mCont6 .imgWrap li { float:none; width:100%; margin-right:0; margin-bottom:2%;}
#mCont6 .imgWrap li:last-child {margin-right:0; margin-bottom:0} 
}