@media screen and (min-width: 1920px) {
	.sub_visual {background-size: cover !important;}
}
@media screen and (min-width: 1201px) {
	
	.menu .side_menu {display: none;}
	
	.index_pro .bx-wrapper ul li{min-width:354px }
	.index_din .bx-wrapper ul li{min-width:496px }
}

@media screen and (max-width: 1400px) {
	.nav .nav_m {width: 100%;justify-content: space-around;}
	.cMenu {width: 82%;}
}


@media screen and (max-width: 1200px) {
	html.fix, body.fix {height: 100%; overflow: hidden;}
	
	.hidden_1200{display:none;}
	
	.wrap1200 {width: 100%; padding: 0 20px;}
	.sub_menu .wrap1200{padding:0}
	
	.index_section {width: 100%; bottom:40px;}
    
    .nav .lang_list {display: block; text-align: center; padding: 15px 0;}
	.nav .lang_list li {display: inline-block; color: #999;}
	.nav .lang_list li:after {content: ''; display: inline-block; width: 1px; height: 14px; background: #9d9d9d; margin: 0 12px 0 15px; vertical-align: -2px;}
	.nav .lang_list li:last-child:after {display: none;}


    
    .mainTitle h3 {font-size: 34px;}
    .mainTitle span {font-size: 20px;}
    .main_section {padding: 50px 0 60px;}
    .mainMenu > ul > li {margin-right: 2%; width: 32%;}
    .mainMenu > ul > li .con {font-size: 15px;}
    
    .outside.sub .prev3 {left: 40px;}
    .outside.sub .next3 {right: 40px;}
    
}

@media screen and (min-width: 1024px) { 
	
	#wingsBookingBt {display: none;}
	.m_lang_list{display:none;}
	
}

@media screen and (max-width: 1024px) {
	
	/* .gallery-thumbs-container.list1 {margin-left: 30px;} */
	.gallery-thumbs-list .thumb-item.list1 {width: 26% !important;}
	.gallery-thumbs-list .thumb-item.list1 img {margin-left: 24px;}
	
    .hidden1024 {display: none;}
    #container{margin-top:0; word-break: break-all;}
    
    .outside{top:46%;}
 
    html, body, #wrap{height:auto !important; overflow:inherit !important;}
    #wrap{height:auto; overflow:inherit;}
    
    #header, .cMenu {height: 80px;}
    #header .m_line {height:80px;}
    #header .logo {height: 80px; line-height: 78px;}
    .nav.over{display:none;}
    .l_menu .language{height:80px; line-height:80px;}
    .main_visual{height:auto;}
    .index_scroll{display:none;}
    .rMenu{right:20px; top:27px;}
    /* .index_con .ins figure{padding:45px 0 0;} */
    .index_con{display:block !important; position:relative; height:auto; top:0 !important;}
    #header .logo img {height: 60px;}
    
    
    /** main--   **/    
      .mainSlide, .mainSlide .slider-wrap, .mainSlide .slider li {height: 640px !important;}
    .index_visual{position:relative;}
    .index_section{position:relative !important; bottom:0;}
    /* .bookArea-wrap > #bookArea{width:100% !important; border-bottom:1px solid #e5e5e5;} */
    
    .index_con,
    .footer{z-index:52}
    
    .list_view ul li.con_r,
    .list_view ul li.con_l,
    .list_view ul li.con_m{width:100%; float:none; margin:0; margin-bottom:30px;}
    .list_view ul li.con_r{width:calc(100% + 40px); position:relative; left:-20px;}
    .con_r .loc,
    .con_r .rsvn{width:50%; float:left;}
    .con_r .rsvn{margin-top:0;}
    .con_r .over{display:none !important;}
    
    .index_din .img{height:350px;}
    .index_con .close_btn{display:none;}
    .index_con .ins{display:block}
    .index_con .ins figure{display:block}
    
    .quick_menu{overflow-y:auto;}
    .quick_menu .menu_list{padding:0 15px; margin-top:120px; display:block;}
    .quick_menu .menu_list dl{text-align:center; margin-bottom:30px;}
    .quick_menu .menu_list dl dt,
    .quick_menu .menu_list dl dd{width:100%; float:none;}
    .quick_menu .menu_list dl dt{font-size:28px;}
    .quick_menu .menu_list dl dd{font-size:16px; padding-top:0;}
    .quick_menu .menu_list dl dd a{display:block; margin:14px 0;}
    .quick_menu .sns{display:none;}
    
    .close_btn{top:20px; right:20px; width:45px; height:45px;}
    .rsvn_btn{top:20px; right:75px; line-height:45px; font-size:14px; padding:0 23px;}
    
    .footer{display:block !important; position:relative; top:0 !important; margin:0 !important}
    .sns{position:relative; top:0; left:0; margin-bottom:17px;}
    
    
     /** sub--   **/
     .about-area{margin:25px 0 0;}
     .about-area .img{width:100%; position:relative; max-width:100%; width:100%;}
     .about-area .intro_con{width:100%; float:none;}
     .about-area ul li{padding:30px 0;}
     .about-area ul li.img-left dl,
     .about-area ul li.img-right dl{padding:30px 0 0 0;}
     
     .sub_menu.fixMenu{position:absolute !important;}
     
     .sub-info{padding:30px 0 20px}
     .sub-info ul li{width:100%; float:none;}
 	 .sub-info ul li.tit{text-align:center}
 	 .sub-info ul li.con figure{border:none; border-top:1px solid #e4e4e4; margin:45px 0 0; padding:30px 0 0px;}
 	 .amenity-area ul{display:block;}
 	 .amenity-area ul li{width:100%; float:none; margin-bottom:30px}
 	 .amenity-area ul li:last-child{margin-bottom:0}
 	 
 	 .cMenu {justify-content: center;width: 100%;}
 	 .cMenu_list {display: none;}
}

@media screen and (max-width: 800px) {
	.sub_menu .rsvnBtn{display:none;}
	.sub_menu ul{width:100%;}
}

@media screen and (max-width: 768px) {
	.hidden768 {display: none;}
	.view768 {display: block;}
    .sub_visual .rsvnBt span:after {display: none;}
    /* #bookArea .bookIns .fb_rsvn{padding:0;}
    #bookArea .bookIns ul li.search{padding:0 !important; height:60px !important;} */
    
    .mainTitle {text-align: center;}
    
    /* .gallery-thumbs-list .thumb-item.list1 {
        width: 17% !important;
    } */
    
    .mainMenu .slider > li.noData {width: 100%;height: auto;}
}

@media screen and (min-width: 640px) {
    .hidden {display: none !important;}
    .m_block{display:none}
    .mainSlide .bx-wrapper .bx-has-pager{display:none;}
}

@media screen and (max-width: 640px) {
    body {font-size: 14.5px;}
    
    .m_hidden {display: none;}
    .wrap1200.main {padding: 0 10%;}
    .rMenu{right:20px; top:19px;}
    .rMenu a{width:28px; height:21px;}
    #header, #header .m_line, .cMenu {height: 60px;}
    #header .m_line {padding: 0;}
    #header .logo {height: 60px; line-height: 57px;}
    #header .logo img{height:50px; width:auto;}
    .mainSlide .outside{display:none;}
    .quick_menu .menu_list dl dt{font-size:24px;}
    
    .l_menu{display:none;}
	
	/** main--    **/
	.index_con dl dt{font-size:28px; line-height:1.2em}
	.index_con dl dd{font-size:22px; margin-top:10px;}
	.index_din .txt{left:20px; width:calc(100% - 30px)}
	.index_din .txt h3{font-size:14px; margin:9px 0 0; padding-right:110px;}
	.index_pro .img{height:287px;}	
	.index_pro .txt h3, .index_pro .txt em{font-size:14.5px;}
	.index_pro .txt{height:213px;}
	.index_pro .bx-controls{bottom:14px;}
	
	.con_r .rsvn,
	.con_r .loc{height:180px;}
	.con_r a.link span:before{width:85px; height:85px; background-size:40px 40px !important;}

	.list_view > ul{padding:0 20px;}
	.list_view{margin-top:33px;}
	.list_view ul li.con_r{width:calc(100% + 80px); position:relative; left:-40px;}
	.list_view a.btn_view{min-width:auto; padding:0 18px; font-size:12px; line-height:32px;}
    
    .mainSlide, .mainSlide .slider-wrap, .mainSlide .slider li {height: 560px !important;}

	
	/** sub--    **/
	.about-area{margin:10px 0 0;}
	.about-area dl dt{font-size:28px}
	.about-area dl dd{font-size:15px;}
	
	.loc-area{margin:40px auto 40px}
	.loc-area ul li{width:100%; float:none;}
	.loc-area ul li dl dd,
	.loc-area ul li dl dt{font-size:14px}
	.loc-area ul li span{font-size:16px;}
	.loc-area ul li dl{margin-top:15px;}
	.mapH{height:600px;}
	
	
	.sub-tit{padding:50px 15px 0;}
	.sub-tit p{font-size:25px;}
	.sub-tit h4{font-size:19px}
	.sub_menu .oneMenu a{font-size:14px}
	
	.sub-info ul li.con em{font-size:15px;}
	.sub-info ul li.con span{font-size:14px !important}
	.sub-info ul li.tit p{font-size:16px}
	.sub-info ul li.tit h2{font-size:20px}
	.sub-info ul li.tit a.rsvnBtn{font-size:15px; width:165px; line-height:47px}
	.sub-info ul li.con ul li{margin-bottom:13px;}
	
	.amenity-area .list{display:block; padding:30px 0; width: 100%;}
	.amenity-area{padding:0 20px; margin:10px 0 40px}
	.amenity-area .text-list{padding-left:42px;}
	.amenity-area ul{padding-left:42px}
	.amenity-area ul li dl dd{font-size:14px}
	.amenity-area .tit{display:block; width:100%;; margin-bottom:20px}
	.amenity-area .tit:before{margin-right:12px}
	
	.eng .amenity-area ul li dl,
	.chn .amenity-area ul li dl,
	.jpn .amenity-area ul li dl {width: 100%;}
	
	.otherWrap{padding:30px 0 40px}
	.otherWrap .otherTitle{margin-bottom:35px}
	.otherWrap .otherTitle h3{font-size:21px;}
	.otherWrap .slider li .con h4{font-size:16px; height:75px;}
	.otherWrap a.btn_view{min-width:123px; line-height:35px; font-size:13px;}
	.otherWrap .outside .prev a,
	.otherWrap .outside .next a{width:35px; height:35px;}
	
	
	.outside .prev{left:15px;}
	.outside .next{right:15px}
	
	.gallery-thumbs-container{margin:10px 0 0;}
	.gallery-thumbs-container .thumb-item{margin-right:10px !important;}
	
	.mainTitle h3 {
        display: block;
        margin-right: 0;
        font-size: 28px;
    }
    .mainTitle > span {
        font-size: 18px;
    }
    .index_con {padding: 40px 0 50px;}
    .mainMenu .slider > li .con {
        font-size: 15px;
        padding: 20px 10px;
        min-height: 220px;
    }
    .mainTitle {
        text-align: center;
        margin-bottom: 35px;
    }
    
    .gallery-thumbs-list .thumb-item.list1 {
        width: 18% !important;
    }
	.gallery-thumbs-list .thumb-item.list1 img {
        margin-left: 59px;
    }
}

@media screen and (max-width: 470px) {
	.nav .nav_m .menu .nav2 {padding: 7px 0;}
	.nav .nav_m .menu .nav2 ul {line-height: 32px;}
	.nav .nav_m .menu .nav2 ul li a {font-size: 14px;}
	.l_menu .rsvn {display: none;}
	
 	.mainSlide, .mainSlide .slider-wrap, .mainSlide .slider li {height: 450px !important;}
	.mainMenu .slider > li {margin-right: 0!important; min-width: inherit;}
	
	.outside.sub .prev3 {left: 32px;}
    .outside.sub .next3 {right: 32px;}
	.outside span.prev3 a.bx-prev, .outside span.next3 a.bx-next {width: 33px; height: 60px; background-size: cover!important;}


	.sub_menu .home{width:50px}
	/* .sub_menu .box{width:calc(100% - 50px)} */
	.sub_menu ul li > a{padding:0 10px; background:url(/SeoulGarden_common/images/homepage/common/icon-down.png) calc(100% - 10px) center no-repeat}
	.sub_menu .oneMenu a{font-size:12px}
	.sub_menu .twoMenu a{font-size:12px}
	.sub_menu .downMenu a{padding:0 10px}
	
	.subslider .outside .prev a,
	.subslider .outside .next a{width:20px; height:37px; background-size:cover !important;}
	
	.footer_ins{font-size:12px; padding:20px 0;}
    .footer_menu ul li {margin-right: 5px;}
	.company_info ul li {margin-bottom: 3px;}	
	.company_info{margin-top:10px;}
	.company_info ul li{margin:0; line-height:1.6em;}
	.copyright{margin-top:6px;}
	
	.sns{margin-bottom:17px;}
	.sns ul li a{width:35px; height:35px; line-height:35px;}
    .gallery-thumbs-list .thumb-item.list1 {
       width: 12% !important;
    }
    .gallery-thumbs-list .thumb-item.list1 img {
        margin-left: 85px;
    }
}

@media screen and (min-width: 1201px) {
    .bx-wrapper .bx-pager.bx-default-pager {
        display: none;
    }
}

/* 커스텀 css 추가 */
@media screen and (max-width:1200px){
	.w1200 {width: 100% !important;padding: 0 20px;}
}
@media screen and (max-width:1024px){
	.footer {height: auto !important;}
}
@media screen and (max-width:970px){
	.footer_ins {text-align: left;padding: 30px 0 20px;}
	.sns {text-align: left;}
	.footer_menu ul li, .company_info ul li span {display: block;}
	.footer_menu ul li a::after {display: none;}
	.footer_ins .wrap1200 {padding: 0 20px;}
	.footer_ins .copyright {
		font-size: 11px;
        color: #777;
    }
    .footer_logo {
        width: 81px;
        height: 50px;
        margin: 0 auto;
        background-size: 80px 65px;
    }
    .logo_line {
        margin-bottom: 30px;
        height: 50px;
    }
}
@media screen and (max-width:768px){
	.tabMenu {margin-top: 30px;}
	.tabMenu .b25 li {width: 50%;}
	.tabMenu li a {font-size: 13px;border-left: 1px solid #eaeaea;}	
    .tabContainer .mapCon {height: 350px;}
    .mainMenu .slider > li .img {height: auto;}
}
@media screen and (max-width:640px){
	.w1200 {padding: 0 10%;}
}
@media screen and (max-width:470px){
	.mainMenu .slider > li {margin-right: 0 !important;min-width: inherit;}
	.sns {margin-bottom: 10px;}
	.sns ul li {margin-left: 10px;}
}

/* 높이 조절 */
/* @media screen and (max-height: 1000px) and (min-width: 768px) {
  .tabContainer {padding: 20px;max-height: 60vh;overflow: hidden;}
  .tabContainer img {max-height: 55vh;}
  
  .bx-wrapper .bx-pager.bx-default-pager {margin-top: 0;}
  .mainMenu .slider > li .img {height: 200px;}
  .mainTitle {margin-bottom: 20px;}
  .fp-table {padding-top: 144px;height: 100vh;overflow: hidden;}
} */