/*===¢¬¨­??¢¯?¢¯¨£===*/
/*¡Æ©ª??*/

body.main .con_tit { margin: 0 0 70px; font-size: 40px; font-weight: bold; text-align:center;} 
/* body.main .section .fp-tableCell { padding-top: 94px; }  */
/* #fp-nav ul li:last-child,
.fp-slidesNav ul li:last-child {display:none;} */


/*mcon1*/
.m_slick_common {height: 100%;}
.m_slick_common .slick-list.draggable {height: 100%;}
.m_slick_common .slick-slide img {height: auto;object-fit: cover;}
.m_slick_common .slick-initialized .slick-slide {height: 100%;}
.m_slick_common .slick-track {height: 100%;}
.m_slick_common .slick-slide {height: 100% !important;}
.m_slick_common .slick-slide > div {height: 100% !important;}
.m_slick_common .box { overflow: hidden; width: 100%; height: 100%; position: relative;} 
.m_slick_common .box .txt_box {position: absolute;top: 56%;left: 50%;transform: translate(-50%, -50%);box-sizing: border-box;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 30px;width: 100%;height: 100%;text-align: center;color: #fff;font-weight: bold;} 
.m_slick_common .box .txt_box h2 {font-size: 58px;font-weight:bold;letter-spacing: 1.3px;} 
.m_slick_common .box .txt_box p {font-size: 22px;} 
.m_slick_common .img_box {height: 100%;}



/*mcon2*/
.mcon2 .inner { padding: 0 170px; } 
.mcon2 .con_tit { margin: 0 0 50px; } 
.mcon2 .tit_flex { position: relative; width: 100%; } 
.mcon2 .tit_flex .more_btn { position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding: 15px 34px; border-radius: 30px; border: 1px solid #111; color: #111; } 
.mcon2 .folder_wrap { display: flex; width: 100%; height: 100%; } 
.mcon2 .folder_wrap .box {position: relative;flex: 1;transition: flex 0.5s ease;height: 61vh;background-position: center center; background-repeat: no-repeat; background-size: initial;cursor: pointer;overflow: hidden;} 
.mcon2 .folder_wrap .box.move {flex: 3;background-size: cover;overflow: unset;} 

.mcon2 .folder_wrap .box.small {flex: 0.8;} 
.mcon2 .folder_wrap .box.move .black_bg { display: none; } 
.mcon2 .folder_wrap .box.move .tit { display: none; } 
.mcon2 .folder_wrap .box.move .det { display: block; width: 380px; height: 220px; transform: scale(1); opacity: 1; } 
.mcon2 .folder_wrap .box:nth-child(1) { background-image: url(https://image.megagong.net/itsreal/main/mcon2_1.png); } 
.mcon2 .folder_wrap .box:nth-child(2) { background-image: url(https://image.megagong.net/itsreal/main/mcon2_2.png); } 
.mcon2 .folder_wrap .box:nth-child(3) { background-image: url(https://image.megagong.net/itsreal/main/mcon2_3.png); } 
.mcon2 .folder_wrap .box:nth-child(4) { background-image: url(https://image.megagong.net/itsreal/main/mcon2_4.png); }
.mcon2 .folder_wrap .box .room_img {display:none;}
.mcon2 .folder_wrap .box .black_bg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); overflow: hidden; text-indent: -9999px; } 
.mcon2 .folder_wrap .box .tit {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size: 24px;line-height: 1.3;text-align: center;font-weight: bold;} 
.mcon2 .folder_wrap .box .det { position: absolute; left: 40px; bottom: -40px; background-color: #0082ff; color: #fff; padding: 60px 50px; box-sizing: border-box; transform: scale(0); opacity: 0; transition: transform 0.5s ease, opacity 0.5s ease; } 
.mcon2 .folder_wrap .box .det p { position: relative; margin: 0 0 20px; font-size: 22px; font-weight: bold; } 
.mcon2 .folder_wrap .box .det p::before { content: ""; display: block; position: absolute; top: -10px; left: -20px; width: 10px; height: 10px; border-radius: 100%; background-color: #fff; } 
.mcon2 .folder_wrap .box .det span { line-height: 1.7; } 

/*mcon3*/
.mcon3 { background-image: url(https://image.megagong.net/itsreal/main/mcon3_bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.mcon3 .inner { text-align: center; } 
.mcon3 .video_wrap {display: inline-block;width: 1200px;height: auto;max-height: 745px; position: relative; overflow: hidden; } 
.mcon3 .video_wrap .video_box .video_player {display: block; width: 100%; height: auto; cursor: pointer; opacity:0;}
.mcon3 .video_wrap .video_box .video_player.on {opacity:1;}
.mcon3 .video_wrap .video_box {position: relative;margin: 0 auto;width:1200px;overflow: hidden;}
.mcon3 .video_wrap .video_box iframe {position: absolute;top:0;left:0;width: 100%;height: 100%;}
.mcon3 .video_wrap .video_box iframe:focus {outline: none; }
.mcon3 .video_wrap .thumbnail {position:absolute;top: 50%; left:50%; transform:translate(-50%, -50%);width: 100%;height: auto; }
.gm-style iframe + div { border:none !important; }




.mcon3 .video_wrap img { position: absolute; left: 50%; transform: translateX(-50%); max-width: initial; width: 100%; cursor: pointer;} 
.section.mcon3 .inner,
.section.mcon4 .inner { margin: 0 auto; width: 1200px; } 


/*mcon4*/

.mcon4 { padding: 0 0 230px 0}
.mcon4 .address_wrap { margin: 100px 0 0; display: flex; justify-content: space-between; text-align:left;} 
.mcon4 .address_wrap .address {width: 60%;}
.mcon4 .address_wrap .address>li { padding: 10px; display: flex; text-align:left;  align-items: center; color: #111; font-size: 17px; } 
.mcon4 .address_wrap .address .tit {font-weight: bold;width: 15%;}
.mcon4 .address_wrap .address .det {display: block;} 
.mcon4 .address_wrap .address .tit li, .mcon4 .address_wrap .address .det li { padding: 10px 0; } 
.mcon4 .address_wrap .more_btn { display: block; color: #fff; background-color: #000; width: fit-content; height: fit-content; padding: 20px 96px; border-radius: 3px; } 
.mcon4 iframe {width:100%; height:600px;}

.mcon4 .root_daum_roughmap {width:100%; height:600px;}
.mcon4 .root_daum_roughmap .wrap_map {height:100%;}
.mcon4 .root_daum_roughmap .wrap_btn_zoom {z-index: 2;}

/*===©ö?????===*/
@media screen and (max-width: 1920px) {
    body.main .con_tit {font-size: 36px;}
    
    .m_slick_common .box .txt_box h2 {font-size: 48px;}
    .mcon2 .folder_wrap .box.small {flex: 0.7;} 
    .mcon2 .folder_wrap .box {height: 65vh;}
    .mcon2 .folder_wrap .box .tit {font-size: 20px;}
    .mcon2 .folder_wrap .box.move {flex:3.5;}
    .mcon2 .folder_wrap .box.move .det {width: 340px;height: 175px;bottom: -60px;} 
    .mcon2 .folder_wrap .box .det {padding: 50px;}
    .mcon2 .folder_wrap .box .det p {font-size: 18px;margin: 0 0 15px;}
    .mcon2 .folder_wrap .box .det span {font-size: 15px;}
    .mcon2 .tit_flex .more_btn {padding: 12px 35px;}
    
    .mcon3 .video_wrap {width: 1080px;}
    .mcon3 .video_wrap .video_box {width: 1080px;}


    .mcon4 .fp-tableCell {padding-top: 80px;}
    .section.mcon4 .inner {width: 1080px;text-align: center;}
    .mcon4 .address_wrap .address>li {font-size: 16px;}
    .mcon4 .address_wrap .address .tit {width: 24%;}
    .mcon4 .address_wrap .more_btn {padding: 20px 70px;}
    
}
@media screen and (max-width: 1400px){
    /*mcon2*/
    .mcon2 .inner {padding: 0; width: 98%; margin: 0 auto;}
    .mcon2 .folder_wrap .box .tit {font-size: 18px;}

    /*mcon3*/
    .section.mcon3 .inner {width: 90%;text-align: center;}

    /*mcon4*/
    .mcon4 .address_wrap .address {width: 72%;}
}

@media screen and (max-width: 1200px){
    /*mcon1*/
    body.main .con_tit {font-size: clamp(22px,4vmin,32px);margin: 0 0 8%;}
    .m_slick_common .box .txt_box h2 {font-size: clamp(24px,5vmin,40px);line-height: 1.3;}
    .m_slick_common .box .txt_box p {font-size: clamp(15px,3vmin,20px);line-height: 1.3;letter-spacing: 1px;}
    .m_slick_common .box .txt_box {gap: 15px;top: 56%;}

    /*mcon2*/
    .mcon2 .fp-tableCell {padding-top: 80px;}
    .mcon2 .folder_wrap .box {height: 38vh;}
    .mcon2 .folder_wrap .box .det p {font-size: clamp(16px,3vmin,20px);margin: 0 0 4%;}
    .mcon2 .folder_wrap .box .det span {font-size: clamp(12px,3vmin,15px);}
    .mcon2 .folder_wrap .box {height:60vh;}

    /*mcon3*/
    .mcon3 .video_wrap {height: auto;max-height: auto;width: 100%;}
    .mcon3 .video_wrap .video_box {width:84%;/* padding-bottom: 52%; */}

    /*mcon4*/
    .mcon4 {padding: 0 0 10% 0;}
    .section.mcon4 .inner {width: 90%; text-align: center;}
    .mcon4 iframe {height:400px;}
    .mcon4 .root_daum_roughmap {height:400px;}
    .mcon4 .address_wrap {margin: 4% auto 0;width: 86%;flex-direction: column;padding: 0 30px;}
    .mcon4 .address_wrap .address {width: 100%;}
    .mcon4 .address_wrap .address > li {gap:10px;/* font-size: clamp(12px,2vmin,17px); */align-items: baseline;font-size: clamp(11px, 2vmin, 15px);padding: 5px 0;}
    .mcon4 .address_wrap .more_btn {margin: 6% auto 0;padding: 0;width: 280px;height: 60px;display: flex;align-items: center;justify-content: center;}
}


@media screen and (max-width: 1024px) {
    .mcon2 .folder_wrap .box {height:35vh}
}



@media screen and (max-width: 960px){
    .mcon1 .m_slick_common .img_box {position: relative;overflow: hidden;}
    .mcon1 .m_slick_common .img_box img {height: 100%;width: auto;max-width: unset;position: absolute;left: 25%;transform: translateX(-50%);/* object-fit: cover; */top: 0;}

    /*mcon2*/
    .mcon2 .inner {width: 100%;}
    .mcon2 .tit_flex {margin:0 auto; width: 90%;}
    .mcon2 .folder_wrap {display: block;}
    .mcon2 .folder_wrap .box {height:auto;}
    .mcon2 .folder_wrap .box:nth-child(1) { background-image: none;} 
    .mcon2 .folder_wrap .box:nth-child(2) { background-image: none;} 
    .mcon2 .folder_wrap .box:nth-child(3) { background-image: none;} 
    .mcon2 .folder_wrap .box:nth-child(4) { background-image: none;}
    .mcon2 .folder_wrap .box .room_img {display:block;}
    .mcon2 .slick-slider .slick-list {padding: 0 !important;}
    .mcon2 .folder_wrap .box .black_bg {display: none;}
    .mcon2 .folder_wrap .box .tit {display: none;font-size: 15px;}
    .mcon2 .folder_wrap .box.move .det {height:auto; width: 100%;}
    .mcon2 .folder_wrap .box .det {/* bottom:0; *//* left:0; */width: 100%;transform: scale(1);opacity: 1;padding: 30px;position: static;min-height: 136px;}
    .mcon2 .folder_wrap .box .det br {display: none;}
    .mcon2 .folder_wrap .box .det p::before {display: none; width:0; height: 0;}
    .mcon2 .folder_wrap .slick-dots {margin:15px 0 0; display: flex; align-items: center; justify-content: center;gap:10px;}
    .mcon2 .folder_wrap .slick-dots li {width: 10px; height:10px; border-radius: 100%; background-color: #b2b2b2;}
    .mcon2 .folder_wrap .slick-dots li.slick-active {background-color: #000;}
    .mcon2 .folder_wrap .slick-dots li button {font-size: 0;}
    .mcon2 .tit_flex .more_btn {padding: 1.5% 3%;font-size: 14px;}

    /*mcon3*/
    .mcon3 .video_wrap {width: 80%;}
    .mcon3 .video_wrap .video_box {width: 100%;height: auto;/* padding-bottom: 62%; */}
    
    /*mcon4*/
    .mcon4 .address_wrap .address .tit {width: 20%;}
    .mcon4 .address_wrap .address .det {width: 80%;} 
}

@media screen and (max-width: 768px){
    .m_slick_common .box {padding-top:60px;}
    /*mcon2*/
    .mcon2 .inner {width: 100%;}

    /*mcon3*/
    body.main .section.mcon3 .fp-tableCell {padding-top:0;}
    .section.mcon3 .inner {width: 100%;}
    .mcon3 .video_wrap {width: 100%;}
    .mcon3 .video_wrap .video_box {width: 100%;}

    /*mcon4*/
    .section.mcon4 .inner {width: 100%;padding: 0 30px;}
    /* .mcon4 img {width: 100%;} */
    .mcon4 iframe {height:300px;}
    .mcon4 .root_daum_roughmap  {height:300px;}
}
@media screen and (max-width: 540px){
    #fp-nav.right {right: 10px;}
    #fp-nav ul{gap:10px;}

    .m_slick_common .box .txt_box p{font-weight:400;}

    /*mcon2*/;
    .mcon2 .folder_wrap .box .det p {margin: 0 0 12px;}
    .mcon2 .folder_wrap .box .det {height: 100px;display: flex;flex-direction: column;justify-content: center;}
    .mcon2 .tit_flex .more_btn {font-size:12px;}
    .mcon2 .folder_wrap .slick-dots li {width: 6px; height: 6px;}
    
    /*mcon4*/;
    .mcon4 .address_wrap .more_btn {margin:30px 50px 0;width: calc(100% - 100px);}
    .mcon4 .address_wrap .address .tit {width: 18%;}
    .mcon4 .address_wrap {width: 100%;padding: 0;}
    .mcon4 iframe {height:250px;}
    .mcon4 .root_daum_roughmap  {height:250px;}
}