@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');

@font-face {
    font-family: 'notokr-regular';
    src: url('webfont/notokr-regular.eot');
    src: url('webfont/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('webfont/notokr-regular.woff2') format('woff2'),
         url('webfont/notokr-regular.woff') format('woff'),
         url('webfont/notokr-regular.ttf') format('truetype'),
         url('webfont/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-bold';
    src: url('webfont/notokr-bold.eot');
    src: url('webfont/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('webfont/notokr-bold.woff2') format('woff2'),
         url('webfont/notokr-bold.woff') format('woff'),
         url('webfont/notokr-bold.ttf') format('truetype'),
         url('webfont/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-demilight';
    src: url('webfont/notokr-demilight.eot');
    src: url('webfont/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('webfont/notokr-demilight.woff2') format('woff2'),
         url('webfont/notokr-demilight.woff') format('woff'),
         url('webfont/notokr-demilight.ttf') format('truetype'),
         url('webfont/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-light';
    src: url('webfont/notokr-light.eot');
    src: url('webfont/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('webfont/notokr-light.woff2') format('woff2'),
         url('webfont/notokr-light.woff') format('woff'),
         url('webfont/notokr-light.ttf') format('truetype'),
         url('webfont/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-medium';
    src: url('webfont/notokr-medium.eot');
    src: url('webfont/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('webfont/notokr-medium.woff2') format('woff2'),
         url('webfont/notokr-medium.woff') format('woff'),
         url('webfont/notokr-medium.ttf') format('truetype'),
         url('webfont/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* LAYOUT */
#wrap { overflow: hidden; -webkit-overflow-scrolling : touch; }
#header { position: fixed; width: 100%; height: 60px; background-color: rgba(58,36,14, 0.6); z-index: 9999; }
#container { margin-top: 0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#footer { position: relative; margin-top: 70px; background-color: #fff; }


/* HEADER */
#header > .area { position: relative; width: 1200px; margin: 0 auto; }
#header > .area h1 { margin: 0; padding: 0 10px; font-family: 'Roboto', sans-serif; color: #fff; line-height: 60px; font-size: 32px; font-weight: 400; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .area h1 a,
#header > .area h1 a:hover { font-family: 'Roboto', sans-serif; color: #fff; line-height: 60px; font-size: 32px; font-weight: 400 }

#header > .area .sns { position: absolute; right: 10px; top: 20px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#header > .area .sns ul { margin: 0; padding: 0; }
#header > .area .sns li { list-style: none; float: left; margin-left: 20px; line-height: 0; }
#header > .area .sns:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header > .area .gnb { position: absolute; height:40px; right: 90px; top: 24px; }
#header > .area .gnb ul { margin: 0; padding: 0; }
#header > .area .gnb li { list-style: none; float: left; margin-left: 32px; }
#header > .area .gnb a,
#header > .area .gnb a:hover { font-family: 'Roboto', sans-serif; color: #fff; line-height: 16px; font-size: 14px; font-weight: 400; }
#header > .area .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header > .area .gnb .smenu { display:none; position:absolute; width:162px; left:-10px; top:36px; padding:0 0 30px 0; border-left:2px solid #fff; border-right:2px solid #fff; border-bottom:2px solid #fff; background-color: rgba(58,36,14, 0.6); z-index:21; }
#header > .area .gnb .smenu ul { margin:0; }
#header > .area .gnb .smenu li { list-style:none; width:100%; height:30px; padding-left:0; margin:0; background:none; }
#header > .area .gnb .smenu li:first-child { height:20px; }
#header > .area .gnb .smenu a { padding-left:16px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#fff; font-size:12.5px; line-height:30px; font-weight:normal; display:block; }
#header > .area .gnb .smenu a:hover { color:#fff; }
#header > .area .gnb .smenu .smenu_bar { height:4px; margin:-4px 48px 0 48px; background-color:#fff; }


#header > .area .lnb { position: absolute; left: 180px; top: 24px; }
#header > .area .lnb ul { margin: 0; padding: 0; }
#header > .area .lnb li { list-style: none; float: left; margin-right: 28px; }
#header > .area .lnb a,
#header > .area .lnb a:hover { font-family: 'Roboto', sans-serif; color: #fff; line-height: 16px; font-size: 12px; font-weight: 400; }
#header > .area .lnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 모바일 메뉴 */
#header > .area .gnb_btn { position: absolute; width: 26px; right: 10px; top: 18px; cursor: pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
#header > .area .gnb_btn img { width: 100%; }

#header > .area .gnb_m_bg { position:fixed; overflow-y:auto; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); -webkit-overflow-scrolling:touch; z-index:999999; display:none; }
#header > .area .gnb_m { position:fixed; overflow-y:auto; width:85%; height:100vh; left:-100%; top:0; margin-right:15%; background-color:#20aae3; opacity:0; -webkit-overflow-scrolling:touch; z-index:999999; }
#header > .area .gnb_m .head { height:55px; background-color:#fff; }
#header > .area .gnb_m .head .gnb_btn_close { position:absolute; right:20px; top:16px; width:20px; cursor:pointer; }
#header > .area .gnb_m .head .gnb_btn_close img { width:100%; }

#header > .area .gnb_m .list { position:relative; margin-bottom:100px; -webkit-overflow-scrolling:touch; }
#header > .area .gnb_m .list ul { margin:0; padding:0; }
#header > .area .gnb_m .list li { position:relative; list-style:none; min-height:42px; border-bottom:1px solid #3db5e7; cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#header > .area .gnb_m .list .list_title { margin:0 0 0 30px; font-family:'Noto Sans KR'; color:#ffffff; font-size:11px; line-height:42px; font-weight:500; letter-spacing:1px; }
#header > .area .gnb_m .list .list_blet { position:absolute; width:8px; height:12px; right:14px; top:15px; background-image:url(../images/inc/m_blet.png); background-repeat:no-repeat; background-size:contain; }

#header > .area .gnb_m .list li.select { background-color:#080d16; }
#header > .area .gnb_m .list li.select .list_title { color:#20aae3; }
#header > .area .gnb_m .list li.select .list_title span { color:#20aae3; }
#header > .area .gnb_m .list li.select .list_blet { background-image:url(../images/inc/m_blet_ov.png); }

#header > .area .gnb_m .list .sub_list { background-color:#63c4eb; display:none; }
#header > .area .gnb_m .list .sub_list ul { margin:0; padding:0; }
#header > .area .gnb_m .list .sub_list li { padding:0 0 0 30px; list-style:none; border-top:1px solid #75cbed; border-bottom:none; font-family:'Noto Sans KR'; color:#080d16; font-size:11px; line-height:42px; font-weight:500; letter-spacing:0; }
#header > .area .gnb_m .list:after { content:""; clear:both; display:block; }


/* CONTAINER */
#container > .slide { }
#container > .slide ul { margin: 0; padding: 0; }
#container > .slide li { list-style: none; line-height: 0; }

#container > .room { margin: 68px 0 0; }
#container > .room h2 { position: relative; margin: 0; font-family: 'Roboto', sans-serif; color: #000; line-height: 28px; font-size: 28px; font-weight: 400; text-align: center; }
#container > .room h2:after { content: ""; display: block; position: relative; clear: both; width:20px; height: 2px; margin: 17px auto 0; background-color: #000; }
#container > .room p { margin: 45px 0; font-family: 'notokr-regular', sans-serif; color: #666; line-height: 24px; font-size: 14.5px; font-weight: 400; text-align: center; }
#container > .room p i { display: block; }
#container > .room .list { position: relative; width: 1200px; margin: 50px auto 0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#container > .room .list ul { margin: 0; padding: 0; }
#container > .room .list li { position: relative; list-style: none; float: left; width: 33%; margin:0.1666666666666667%; line-height: 0; cursor: pointer; }
#container > .room .list .bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.5); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container > .room .list .bg .title { position: absolute; width: 100%; left: 0; top: 50%; margin-top: -12px; font-family: 'Roboto', sans-serif; color: #fff; line-height: 24px; font-size: 24px; font-weight: 400; text-align: center; }
#container > .room .list li:hover .bg { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container > .room .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#container > .room .m_title { display: none; position: absolute; width: 100%; height: 40px; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5); font-family: 'Roboto', sans-serif; color: #fff; line-height: 40px; font-size: 16px; font-weight: 400; text-align: center; }


#container > .gallery { margin: 130px 0 0; }
#container > .gallery h2 { position: relative; margin: 0; font-family: 'Roboto', sans-serif; color: #000; line-height: 28px; font-size: 28px; font-weight: 400; text-align: center; }
#container > .gallery h2:after { content: ""; display: block; position: relative; clear: both; width:20px; height: 2px; margin: 17px auto 0; background-color: #000; }
#container > .gallery p { margin: 45px 0; font-family: 'notokr-regular', sans-serif; color: #666; line-height: 24px; font-size: 14.5px; font-weight: 400; text-align: center; }
#container > .gallery p i { display: block; }
#container > .gallery .list { position: relative; margin: 50px auto 0; }
#container > .gallery .list ul { margin: 0; padding: 0; }
#container > .gallery .list li { list-style: none; line-height: 0; border: 1px solid #dedede; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .gallery .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container > .video { overflow: hidden; margin: 100px 0 0; background-color: #f3f3f3; }
#container > .video h2 { position: relative; margin: 70px 0 0; font-family: 'Roboto', sans-serif; color: #000; line-height: 28px; font-size: 28px; font-weight: 400; text-align: center; }
#container > .video h2:after { content: ""; display: block; position: relative; clear: both; width:20px; height: 2px; margin: 17px auto 0; background-color: #000; }
#container > .video p { margin: 45px 0; font-family: 'notokr-regular', sans-serif; color: #666; line-height: 24px; font-size: 14.5px; font-weight: 400; text-align: center; }
#container > .video p i { display: block; }
#container > .video .thum { width: 960px; height: 540px; margin: 0 auto 70px; line-height: 0; }


/* SUB CONTAINER */
#container .sub_slide { position: relative; height:250px; margin-top:60px; background: url(../images/inc/sub_spot.png) no-repeat center top; text-align:center; line-height:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#container .sub_slide span { position: absolute; width:100%; left:0; top:0; font-family: 'Roboto', sans-serif; font-size: 54px; line-height: 250px; color: #fff; font-weight: 400; }

#sub_tab { background-color:#e1e1e1; }
#sub_tab ul { width:1200px; margin:0 auto; padding:0; }
#sub_tab li { list-style:none; float:left; width:50%; border-left:1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#sub_tab li:first-child { border-left:none; }
#sub_tab a { display:block; font-family: 'Roboto', sans-serif; color: #666; line-height: 50px; font-size: 14px; font-weight: 400; text-align:center; }
#sub_tab a:hover { font-family: 'Roboto', sans-serif; color: #000; line-height: 50px; font-size: 14px; font-weight: 400; }
#sub_tab:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#sub_tab li.selected a { font-family: 'Roboto', sans-serif; color: #000; line-height: 50px; font-size: 14px; font-weight: 400; }

#sub_container { width:1200px; margin:40px auto 0; }


/* 찾아오시는길01 */
#location { margin:0 auto 60px; text-align:left; }
#location .map_img { height:450px; border:3px solid #dfdfdf; line-height:0; }
#location .map_img01 { border:3px solid #dfdfdf; line-height:0; }
#location .map_img01 img { width:100%; }
#location .map_area { border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
#location .map_area .text_area01 { width:100%; margin:0 auto; border-bottom:1px solid #dfdfdf; }
#location .map_area .text_area01 .text01 { padding:25px 30px; font-family: 'notokr-demilight', sans-serif; font-size:14px; color:#5f5f5f; font-weight:normal; line-height:22px; }
#location .map_area .text_area01 .text01 strong { font-family: 'notokr-bold', sans-serif; font-weight:normal; }
#location .map_area .text_area02 { margin:32px 30px 0px 30px; }
#location .map_area .text_area02 .img01 { margin-bottom:10px; font-family: 'notokr-bold', sans-serif; font-size:20px; color:#000000; font-weight:normal; }
#location .map_area .text_area02 .text01 { margin-bottom:30px; font-family: 'notokr-demilight', sans-serif; font-size:14px; color:#5f5f5f; font-weight:normal; line-height:22px; }
#location .map_area .text_area02 .text01 strong { font-family: 'notokr-bold', sans-serif; font-weight:normal; }

#location > .title { position:relative; margin:42px 0 20px 0; padding-top:11px; font-family: 'notokr-demilight', sans-serif; font-size:28px; line-height:28px; color:#393939; font-weight: 500; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease;  }
#location > .title .title_dot_v1 { position:absolute; width:9px; height:4px; left:0; top:0; background-color:#0d6ba7; }
#location > .title .title_dot_v2 { position:absolute; width:26px; height:4px; left:9px; top:0; background-color:#62bbd9; }


/* GUIDE */
#guide {}
#guide > .title { position:relative; margin:0; padding-top:11px; font-family: 'notokr-demilight', sans-serif; font-size:28px; line-height:28px; color:#393939; font-weight: 500; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease;  }
#guide > .title .title_dot_v1 { position:absolute; width:9px; height:4px; left:0; top:0; background-color:#0d6ba7; }
#guide > .title .title_dot_v2 { position:absolute; width:26px; height:4px; left:9px; top:0; background-color:#62bbd9; }

#guide > .outer { margin:20px 0 40px; font-size:0; }
#guide > .outer .thum { display:inline-block; vertical-align:top; width:41.66666%; line-height:0; }
#guide > .outer .thum_info { display:inline-block; vertical-align:top; width:58%; }
#guide > .outer .thum_info ul { margin:0 0 0 30px; padding:0; }
#guide > .outer .thum_info li { position:relative; list-style:none; margin:0 0 8px 0; padding-left:10px; font-family: 'notokr-regular', sans-serif; color: #666; line-height: 24px; font-size: 14px; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#guide > .outer .thum_info li:after { content:""; position:absolute; width:5px; height:2px; left:0; top:12px; background-color:#0d6ba7; }
#guide > .outer .thum_info:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

/* ROOMS */
#rooms {}
#rooms ul { margin:0; padding:0; }
#rooms li { list-style:none; margin-bottom:20px; line-height:0; text-align:center; }
#rooms:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* PRIVACY */
#privacy {}
#privacy > .title { position:relative; margin:0; padding-top:11px; font-family: 'notokr-demilight', sans-serif; font-size:28px; line-height:28px; color:#393939; font-weight: 500; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease;  }
#privacy > .title .title_dot_v1 { position:absolute; width:9px; height:4px; left:0; top:0; background-color:#0d6ba7; }
#privacy > .title .title_dot_v2 { position:absolute; width:26px; height:4px; left:9px; top:0; background-color:#62bbd9; }
#privacy > .info { margin:30px 0 0; font-family: 'notokr-regular', sans-serif; color: #666; line-height: 24px; font-size: 14px; font-weight: 400; }


/* FOOTER */
#footer .menu { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
#footer .menu ul { width: 1154px; margin: 0 auto; padding: 0; }
#footer .menu li { list-style: none; float: left; width: 165px; height: 35px; border-right: 1px solid #dedede; background: url(../images/inc/footer_menu.png) no-repeat 149px; }
#footer .menu li:first-child { border-left: 1px solid #dedede; }
#footer .menu a,
#footer .menu a:hover { display: block; padding-left: 9px; font-family: 'notokr-regular', sans-serif; color: #747c83; line-height: 34px; font-size: 13px; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer .menu:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


#footer .side { width: 1150px; margin: 40px auto 50px; }
#footer .side ul { display: table; margin: 0; padding: 0; }
#footer .side li { display: table-cell; position: relative; list-style: none; border-left: 1px solid #dedede; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer .side li.v1 { width: 220px; }
#footer .side li.v2 { width: 270px; }
#footer .side li:first-child { border-left: none; }
#footer .side h2 { margin: 7px 0 0; padding: 0; font-family: 'Roboto', sans-serif; color: #000; line-height: 14px; font-size: 14px; font-weight: bold; }
#footer .side h2.bank { margin: 7px 0 0 65px; }
#footer .side h2.info { margin: 7px 0 0 65px; }

#footer .side .cs_list { margin: 18px 0 0; }
#footer .side .cs_list ul { margin: 0; padding: 0; }
#footer .side .cs_list li { display: block; border: none; list-style: none; margin-bottom: 13px; font-family: 'Roboto','notokr-regular', sans-serif; color: #4d4d4d; line-height: 13px; font-size: 13px; font-weight: 400; }

#footer .side .bank_list { margin: 18px 0 0 65px; }
#footer .side .bank_list ul { margin: 0; padding: 0; }
#footer .side .bank_list li { display: block; border: none; list-style: none; margin-bottom: 13px; font-family: 'Roboto','notokr-regular', sans-serif; color: #4d4d4d; line-height: 13px; font-size: 13px; font-weight: 400; }

#footer .side .info_list { margin: 18px 0 0 65px; }
#footer .side .info_list ul { margin: 0; padding: 0; }
#footer .side .info_list li { display: block; border: none; list-style: none; float: left; margin: 0 20px 13px 0; font-family: 'Roboto','notokr-regular', sans-serif; color: #4d4d4d; line-height: 13px; font-size: 13px; font-weight: 400; }
#footer .side .info_list li:nth-child(3) { clear: both; }

#footer .side:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


#quick { position:fixed; width:100px; height:100px; background-color:#dd2d38; right:20px; bottom:20px; cursor:pointer; }
#quick .quick_bar { width:20px; height:3px; margin:10px auto 0; background-color:#fff; }
#quick .quick_go { margin:20px 0 0; font-family: 'notokr-regular', sans-serif; color: #fff; line-height: 20px; font-size: 13px; font-weight: 400; letter-spacing:-1px; text-align: center; }
#quick .quick_go i { display:none; }


#intro { display:table; width:100%; height:100%; font-size:0; text-align:center; }
#intro .outer { display:table-cell; vertical-align:middle; }
#intro .outer .col { display:inline-block; vertical-align:top; width:670px; margin: 30px 15px; }
#intro .outer .col .col_title { font-family: 'Roboto', sans-serif; color: #000; line-height: 28px; font-size: 28px; font-weight: 400; text-align: center; }
#intro .outer .col .col_thum { margin:30px 0 0; line-height:0; }
#intro .outer .col p {margin: 35px 0; font-family: 'notokr-demilight', sans-serif; color: #666; line-height: 24px; font-size: 14.5px; font-weight: 400; text-align: center; }

/* KAKAO PLUS */
#kakao_plus { position:fixed; right:30px; bottom:30px; line-height:0; }
#kakao_plus ul { margin:0; padding:0; }
#kakao_plus li { list-style:none; margin:0 0 15px 0; line-height:0; }



@media screen and (max-width:1420px) {
    #intro .outer .col { width:46%; margin: 30px 2%; }
    #intro .outer .col .col_thum img { width:100%; }
}

@media screen and (max-width:1240px) {
	/* HEADER */
	#header > .area { width: auto; }

	/* CONTAINER */
	#container > .room .list { width: auto; }
	#container > .room .list img { width: 100%; }
    
	/* SUB CONTAINER */
	#sub_container { width:auto; margin:40px 20px 0; }
    
    /* GUIDE */
    #guide > .outer .thum img { width:100%; }
    
    /* ROOMS */
	#rooms img { width:100%; }
	
}

@media screen and (max-width:1200px) {
    #sub_tab ul { width:auto; }
    
	/* FOOTER */
	#footer .menu ul { width: auto; }
	#footer .menu li:first-child { border-left: none; }
	
}

@media screen and (max-width:994px) {
	/* HEADER */
	#header > .area .lnb { display: none; }

	/* CONTAINER */
	#container > .video .thum { width: auto; }
	
	/* FOOTER */
	#footer .side { width: auto; margin: 40px 20px 40px; }
	#footer .side ul { display: block; font-size: 0; }
	#footer .side li { display: inline-block; vertical-align: top; width: 100%; }
	#footer .side li.v1 { width: 50%; }
	#footer .side li.v2 { width: 50%; }
	#footer .side li.v3 { margin-top: 30px; border-left: none; }
	#footer .side h2.info { margin: 7px 0 0 0; }

	#footer .side .info_list { margin: 18px 0 0 0; }
    
    /* KAKAO PLUS */
    #kakao_plus { width:80px; right:20px; bottom:20px; }
    #kakao_plus img { width:100%; }
}

@media screen and (max-width:768px) {
	/* HEADER */
	#header > .area h1 { font-size: 22px; }
	#header > .area h1 a,
	#header > .area h1 a:hover { font-size: 22px; }
	#header > .area .gnb { display: none; }
	#header > .area .sns { right: 60px; }
	
	/* 모바일메뉴 */
	#header > .area .gnb_btn { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; visibility: visible; }
	
	/* CONTAINER */
	#container > .room { margin: 50px 0 0; }
	#container > .room h2 { line-height: 24px; font-size: 24px; }
	#container > .room p { margin: 45px 20px; }
	#container > .room p i { display: none; }	
	#container > .room .list li { width: 49%; margin: 0.5%; }
	#container > .room .list li:hover .bg { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
	#container > .room .m_title { display: block; }
	
	#container > .gallery { margin: 70px 0 0; }
	#container > .gallery h2 { line-height: 24px; font-size: 24px; }
	#container > .gallery p { margin:45px 20px; }
	#container > .gallery p i { display: none; }
	
	#container > .video { overflow: hidden; margin: 30px 0 0; background-color: #f3f3f3; }
	#container > .video h2 { margin: 50px 0 0; line-height: 24px; font-size: 24px; }
	#container > .room p { margin: 45px 20px; }
	#container > .video p { margin: 45px 20px; }
	#container > .video p i { display: none; }
	#container > .video .thum { height: 250px; margin: 0 10px 50px; }

    /* 찾아오시는길01 */
    #location .map_img { height:350px; }

    #location > .title { position:relative; margin:42px 0 20px 0; padding-top:11px; font-size:20px; line-height:20px; }
    
	/* SUB CONTAINER */
    #sub_tab li { width:33.333333%; border-bottom:1px solid #fff; }
    #sub_tab li:first-child { border-left:none; }
    #sub_tab li:nth-child(4) { border-left:none; }
    #sub_tab a { display:block; font-family: 'Roboto', sans-serif; color: #666; line-height: 50px; font-size: 14px; font-weight: 400; text-align:center; }
    #sub_tab a:hover { font-family: 'Roboto', sans-serif; color: #000; line-height: 50px; font-size: 14px; font-weight: 400; }
    
	#container .sub_slide { height:120px; background-size: cover; }
	#container .sub_slide span { font-size: 30px; line-height: 120px; }

	/* FOOTER */
	#footer { margin-top: 30px; }
	#footer .menu li { float: left; width: 50%; background: url(../images/inc/footer_menu.png) no-repeat 90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#footer .menu li:nth-child(2) { border: none; }
	
    /* GUIDE */
	#guide > .title { font-size:20px; line-height:20px; }

	#guide > .outer .thum { display:block; width:auto; }
	#guide > .outer .thum_info { display:block; width:auto; margin-top:20px; }
	#guide > .outer .thum_info ul { margin:0 0 0 0; }
    
    /* PRIVACY */
    #privacy > .title { font-size:20px; line-height:20px; }
    #privacy > .info { margin-top:20px; }
}


@media screen and (max-width:640px) {
	
    #container { margin-top: 60px; }
    
    /* 찾아오시는길01 */
    #location .map_img { height:250px; }
    #location .map_area .text_area02 .img01 { font-size:17px; }
    
	/* FOOTER */
	#footer .side h2 { text-align: center; }
	#footer .side h2.bank { margin: 7px 0 0 0; text-align: center; }
	#footer .side h2.info { text-align: center; }
	#footer .side li.v1 { width: 100%; }
	#footer .side li.v2 { margin-top: 30px; width: 100%; border-left: none; }
	#footer .side li.v3 { margin-top: 30px; border-left: none; }
	
	#footer .side .cs_list li { text-align: center; }

	#footer .side .bank_list { margin: 18px 0 0 0; }
	#footer .side .bank_list li { text-align: center; }

	#footer .side .info_list li { text-align: center; }
    
	#quick { width:70px; height:70px; right:10px; bottom:10px }
	#quick .quick_bar { display:none; }
	#quick .quick_go { margin:10px 0 0; line-height: 18px; font-size: 12px; font-weight: 400; text-align: center; }
	#quick .quick_go i { display:block; }
    
    /* INTRO */
	#intro .outer .col { width:auto; margin: 30px 5% 0; }
	#intro .outer .col .col_title { line-height: 20px; font-size: 20px; }
    #intro .outer .col .col_thum { margin:10px 0 0; }
	#intro .outer .col p { margin: 15px 0; line-height: 22px; font-size: 14px; }
	
}

@media screen and (max-width:480px) {    
    #sub_tab { display:none; }
}