@import url('https://fonts.googleapis.com/css?family=Noto+Sans'); /* 'Noto Sans', sans-serif */
.wrap_ma_intro{margin: 1.5% auto 8%;max-width: 1550px;}
.wrap_main_img {   display:flex;  justify-content: space-between;  margin-top:20px;height:400px;   overflow:hidden;}
.ma_intro_img {width:60%;  height:100%; max-height:100%;}
.ma_intro_txt { display:flex; flex-direction:column;   width:39%;  height:100%;}
.intro_txt { display:flex; flex-direction: column;  justify-content: center; align-items: center;  height:100%;  font-size:10px; /* border:1px solid #678886; */}
.intro_txt h2 {font-size: 2.2em;font-weight:100;text-align: center;line-height: 1.8;opacity: 0.7;padding-bottom: 10px;font-family: 'Cinzel', serif;border-bottom: 1px solid #939393;text-transform: uppercase;color: #837572;}
.intro_txt h2 small {margin-bottom:30px;color: #ccc;letter-spacing: 3px;font-size: 60%;font-family: 'GangwonEdu_OTFBoldA';}
.intro_txt h1 {margin: 15px 0 33px;font-size: 2.5em;letter-spacing: -0.5px;color: #685855;opacity: 0.8;font-family: 'MaruBuri-Regular';font-weight: 600;}
.intro_txt p {   margin:30px 0;  font-size:1.3em;  line-height:1.5em;font-family:'Noto Sans', sans-serif; }
.intro_txt.btn_main_1 {  z-index:100;  font-size:1.5em;  margin-top:30px; }
.btn_main_1 { display:inline-block;  padding: 7px 60px;  border: 1px solid #757575;  transition:300ms;font-size:13px;  border-radius: 50px;color: #757575;}
.btn_main_1:hover {  color:white;background-color: #837572;border: 1px solid #837572;}

.video_box{width: 100%;position:relative;}
.video_box video{position:absolute; margin-top:-7%;height:auto;width:100%;}

.ma_intro_img.ma_img_1 {  background:url('/web/img/main/main_sp01.jpg')no-repeat 50% 50%;  background-size:cover;border-radius: 100px 0 0;}
.ma_intro_img.ma_img_2 {  background:url('/web/img/main/main_sp02.jpg')no-repeat 50% 50%;  background-size:cover;border-radius: 0 100px 0 0;}
.ma_intro_img.ma_img_3 {  background:url('/web/img/main/main_sp03.jpg')no-repeat 50% 50%;  background-size:cover;border-radius: 100px 0 0;}
.ma_intro_img.ma_img_4 {  background:url('/web/img/main/main_sp04.jpg')no-repeat 50% 50%;  background-size:cover;border-radius: 0 100px 0 0;}
.ma_intro_img.ma_img_5 {  background:url('/web/img/main/main_sp05.jpg')no-repeat 50% 50%;  background-size:cover;border-radius: 100px 0 0;}
.ma_intro_img.ma_img_6 {  background:url('/web/img/main/main_sp06.jpg')no-repeat 50% 50%;  background-size:cover;border-radius: 0 100px 0 0;}
.ma_intro_img.ma_img_7 {  background:url('/web/img/main/main_sp07.jpg')no-repeat 50% 50%;  background-size:cover;border-radius: 0 100px 0 0;}
.ma_intro_img.ma_img_8 {  background:url('/web/img/main/main_sp08.jpg')no-repeat 50% 50%;  background-size:cover;border-radius: 0 100px 0 0;}



.fa-arrow-right:before {
  content: ">"; }
 .fa-arrow-left:before {
 content: "<"; }

.main_intro {
    position:relative;
    margin-bottom:35px;
    text-align:center;
    font-family:"Nanum Gothic";
}

    .main_intro h1 {
        position:relative;
        padding-top:60px;
        font-size:60px;
        font-family:"Poiret One";
        letter-spacing:3px;
    }
        /* .main_intro h1::before {
            content:'';
            position:absolute;
            bottom:-55px; left:50%;
            transform: translate(-50%, 0);
            width:.5px; height:45px;
            background-color:#969696;
            opacity:0.5;
        } */

    .main_intro h3 {
        padding:30px 0 0 0;
        font-size:20px;
        color:#dfb99a;
    }

    .main_intro p {
        margin:30px auto 0 auto;
        max-width:750px;
        font-size:14px; font-weight:bold;
        line-height:2em;
    }

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{

    position: relative;
    top: 0;
    left: 0;


    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,

.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



@media screen and (max-width: 1600px) { }
@media screen and (max-width: 1440px) {
	.wrap_ma_intro{max-width:1300px;}
	.wrap_main_img{ height:330px;}
}

@media screen and (max-width: 1366px) {
	.intro_txt h2{font-size:2em; line-height:1.5}
	.btn_main_1{font-size:11px;}
	.wrap_main_img {height:285px;}
} 



 @media screen and (max-width: 900px) {
		.intro_txt h1{font-size:2em;} .intro_txt p{margin:5px 0;}
		
		.wrap_main_img {
            flex-direction:column;
            margin-top:20px;
            min-height:400px;
            height:400px;
        }
        .ma_intro_img {
            width:100%;
            height:50%;
            order:1;
        }
        .ma_intro_txt {
            width:100%;
            height:50%;
            order:2;
        }
		
		
		.preview_img {
        height:250px !important;
    }
	
	.wrap_pre_txt{float:inherit; height:100px; width:100%;}
	.pre_txt p{margin-bottom:2px; font-size:12px;} .pre_txt h2{font-size:20px; margin-bottom:5px;}
	.slick-current.slick-active .pre_txt{margin:auto;}
	.btn_room_pre{padding:3px 75px;}
	.room_preivew{padding-bottom:40px;}




        .room_preivew.mb {
            display:block;
            margin-top:50px;
            font-size:10px;
        }

        .room_pre_mb {
            display:flex;
            justify-content: space-between;
            margin-top:5px;
        }  
            .room_pre_mb.mt {
                margin-top:20px;
            }
            .room_pre_mb.wrap_1 {
                height:200px;
            }
            .room_pre_mb.wrap_2 {
                height:150px;
            }
            .block_1 {
                width:100%;
            }
            .bloxk_2 {
                width:64%;
            }
            .bloxk_3 {
                width:35%;
            }
            .block_intro {
                position:relative;
                width:35%;}
       
		.roomPre{margin:0 auto 5.5%;}


   }