@charset "UTF-8";


@media (min-width:1025px) { /* 최소 1024 ~ 최대 ------------------------------------------------------------------------------------------------------- */
    #wrapper {width:100%;}
    .m_gnb_menu {display:none;}
    #sidr {display:none;}
    .m_top_logo {display:none !important;}

    .m_foot_menus {display:none;} 
    #foot_banner {visibility:visible;}
    .m_top_btn {display:none;}
}



/* @media (min-width:768px) and (max-width:1024px) { 최소 768 ~ 1023  -- */
@media (max-width:1024px) {  /* 최소 768 ~ 1023  -- */ 
    .m_top_logo {display:none !important;}
    #topPopup, .header_other, .top_util_wrap, #gnb {display:none !important;}
    #gnb_wrap {height:69px; text-align:center; background:#fff !important; width:100%;}
    #wrapper {min-width:0;}
    #headerWrap {height:69px;}
    #footer {overflow:hidden;}
    .top_logo {position:relative; display:inline-block; height:auto !important; float:none !important;}
    .emblem { display: none; }
    .top_logo a {margin-top:15px !important;}
    #contents_area {width:100%;}
    .btn_top{display:none;}

    .m_gnb_menu {position:absolute; top:0; left:0;}
    .m_gnb_menu a {width:69px; height:69px; background:url(../images/common/m_menu_icon.png) no-repeat center center; background-size:40%; text-indent:-99999px; text-indent:0; font-size:0; line-height:0;}
    .gnb_search {top:0;}
    .gnb_search a {width:69px !important; height:69px !important; text-align:center !important; background:#f8f8f8;}
    .gnb_search a img {width:69px; height:69px;}
    .top_sns_wrap {padding:21px; top:0px !important; right:69px !important;}
    .select_language {top:15px; right:15px;}


    #gnb_wrap .smartsearch .smartsearchclose {top:0;}
    #gnb_wrap .smartsearch .smartsearchclose a {width:69px; height:69px;}

    #foot_banner {visibility:hidden; height:0;}



    body { min-width:320px;}


    #gnb_wrap .smartsearch {z-index: 102; height:383px !important;}
    #gnb_wrap .smartsearch .inner {text-align:center; margin-top:10px;}
    #gnb_wrap .smartsearchBox .search_wrapbox label {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; padding:0;}
 

	

	
    .foot_menus {display:none;}
    .m_foot_menus {display:block; background:#f7f9fa; overflow:hidden;}
    .m_foot_menus > li { box-sizing: border-box;
    float: left;
    position: relative;
    width: 50%;
    }
    .m_foot_menus > li:first-child > button {border-right:1px solid #e0e1e5;}

    .m_foot_menus > li > button {
        position: relative;
        display: block;
        width: 100%;
        color: #3b3c41;
        font-size: 13px;
        height: 60px;
        padding-left: 30px;
        background: #f6f6f7 url(../images/common/foot_menu_close.png) no-repeat right 25px center;
        text-align: left;
        line-height: 48px;
        text-decoration: none;
    	margin-left:0;
    	border-top:1px solid #e0e1e5;
    }
    .m_foot_menus > li.active > button {  
    	color:#fff;
        background: #627d95 url(../images/common/foot_menu_open2.png) no-repeat right 25px center;    
    }
    .m_foot_menus > li > div {display:none; background:#f7f9fa;}
    .m_foot_menus > li > div > ul {padding:20px 0; border-top:1px solid #e0e1e5; overflow:hidden;}
    .m_foot_menus > li > div > ul > li {float:left; width:33%; text-align:left; margin:10px 0;}
    .m_foot_menus > li > div > ul > li > a {padding-left:10px; line-height:20px;}
    .m_foot_menus > li > div > .close {display:none;}



    #foot_util {min-height:60px; height:auto;}
    #foot_util .inner {width:100%; overflow:hidden; text-align:center;}

    .foot_util {display:inline-block; float:none !important;}
    .foot_util li {float:left;}
    .foot_util li:first-child {background:none;}
    .foot_util li a {display:block; line-height:20px !important; padding:20px 20px !important; text-align:center !important;}

	

    #foot_address {position:relative; padding:26px 0 30px; text-align:center; height:auto;}
    #foot_address .inner {position:relative; width:auto; margin:0 20px; overflow:hidden;}
    #foot_address .inner .info {margin-bottom:50px; line-height:1.4em;}
    #foot_address .inner .foot_logo {position:absolute; bottom:0; left:50%; margin-left:-80px !important; margin-right:0px !important; margin-top:0 !important;  margin-bottom:0 !important; top:auto !important; right:auto !important;}
    #foot_address .inner address {margin-top:0 !important; line-height:1.4em;}

    #foot_copyright {height:auto;}
    #foot_copyright .inner {width:100%;}
    #foot_copyright .inner .copyright {text-align:center;}


    .right_quick_menu .top_btn {margin-top:50px; text-align:center;}
    .right_quick_menu .top_btn a {width:58px; height:58px; background:url(../images/common/top_btn_off.png) no-repeat; text-indent:-99999px; text-indent:0; font-size:0; line-height:0;}
    .right_quick_menu .top_btn a:hover {background:url(../images/common/top_btn_on.png) no-repeat;}


    .m_top_btn {position:absolute; right:10px; bottom:50px;}
    .m_top_btn a {width:58px; height:58px; background:url(../images/common/top_btn_off.png) no-repeat; text-indent:-99999px; text-indent:0; font-size:0; line-height:0;}
    .m_top_btn a:hover {background:url(../images/common/top_btn_on.png) no-repeat;}

    /*sub*/
    #sub_visual {min-width:0;}
    #sub_visual .inner {width:100%; text-align:center;}
    #snb_wrap .inner {width:100%;}
    #snb_wrap .inner .control_text {display:none;}
}

@media (max-width:640px) { /* 최소 1024 ~ 최대 ------------------------------------------------------------------------------------------------------- */
    .top_sns_wrap, .select_language {display:none;}
    .gnb_search a {background:#fff !important;}


    .m_foot_menus > li { box-sizing: border-box;
    float: left;
    position: relative;
    width: 100% !important;
    }

    .m_foot_menus > li > button {
        position: relative;
        display: block;
        width: 100%;
        color: #3b3c41;
        font-size: 13px;
        height: 60px;
        padding-left: 30px;
        background: #f6f6f7 url(../images/common/foot_menu_close.png) no-repeat right 25px center;
        text-align: left;
        line-height: 48px;
        text-decoration: none;
    	margin-left:0;
    	border-top:1px solid #e0e1e5;
    }
    .m_foot_menus > li.active > button {  
    	color:#fff;
        background: #627d95 url(../images/common/foot_menu_open2.png) no-repeat right 25px center;    
    }
    .m_foot_menus > li:first-child > button {border-right:0;}
    .m_foot_menus > li > div {display:none; background:#f7f9fa;}
    .m_foot_menus > li > div > ul {padding:20px 0; border-top:1px solid #e0e1e5; overflow:hidden;}
    .m_foot_menus > li > div > ul > li {float:left; width:33%; text-align:left; margin:10px 0;}
    .m_foot_menus > li > div > ul > li > a {padding-left:10px; line-height:20px;}
    .m_foot_menus > li > div > .close {display:none;}

    /*sub*/
    #snb_wrap .btn_home {display:none;}
    #snb {width:100%;}
    #snb > li {width:33.3%;}
    #snb > li > a {width:100%;}
    #snb > li > .snb_layer {width:100%;}

    .sub_title > h3 {background:none;}
    .sub_title > .h3_info {display:none;}

}

@media (max-width:767px) { /* 최소 ~ 최대 767 */
	
	
    .input_keyword {
        width: 250px !important;
    }		
	
	
}

@media (max-width:830px) { 
    #snb_wrap .inner .btn_home {display:none;}
    #snb_wrap .inner #snb {float:none; width:100%;}
    #snb_wrap .sub_util {float:none; width:100%;}
    #snb_wrap .sub_util .btn_contact {width:50%;}
    #snb_wrap .sub_util .btn_contact a {width:100%;}
    #snb_wrap .sub_util .btn_reservation {width:50%;}
    #snb_wrap .sub_util .btn_reservation a {width:100%;}
    #snb > li {width:50% !important;}
    #snb > li > a {width:100% !important;}
    #snb > li.s01 {background-image:none; border-right:1px solid #dad6d6; box-sizing:border-box;}
    #snb > li.s02 {background-image:none;}
    #snb > li > .snb_layer {width:100%; margin-left:-1px;}

    
}

@media (max-width:480px) { /* 최소 ~ 최대 767 */

    /*sub*/
    #sub_visual {background-size:1500px auto !important; height:129px !important;}
    #sub_visual .inner {height:129px !important;}
    #sub_visual .vis_txt {font-size:26px !important;}
    #sub_visual .vis_txt .txt1 {font-size:14px !important;}
    #sub_visual .vis_txt .txt2 {font-size:28px !important;}
    #sub_visual .vis_txt .txt3 {font-size:12px !important;}
    .sub_title > h4 {font-size:24px !important;}
    #snb > li > a > span {font-size:12px !important;}	
    #snb > li > .snb_layer > ul > li > a {font-size:12px !important;}

}







@media (min-width:768px) { /* 최소 768 ~ 1023 (1023에서 영역 확대) ---------------------------------------------------------------------- */

	
}

@media (max-width:767px) {/* 최소 ~ 최대 767 */
	
	
}