/* Written By MJS */

@font-face{font-family:'NotoSerifKR';font-style:normal;font-weight:100;src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

*{-webkit-text-size-adjust:none}
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,input,textarea,button,select{margin:0;padding:0;font-family:'Noto Sans KR',sans-serif;font-weight:normal}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{border:0;padding:0;margin:0;text-decoration:none;color:#333}
ol,ul,dl{list-style:none}
img{float:left;border:0;padding:0;margin:0;}
legend,caption{display:none}
table{border-collapse:collapse;border-spacing:0}
input{vertical-align:middle;padding:0;border:0;margin:0;}
select{padding:0;border:0;margin:0;}

html,body{min-width:320px;max-width:1000px;height:100%;font-family:'Noto Sans KR',sans-serif;margin:0 auto;}
.wrap{position:relative;float:left;width:100%;box-sizing:border-box;padding:8% 5%;}
.font{font-family:'NotoSerifKR' !important;font-weight:100;}
.root_daum_roughmap{margin:0 !important;border:none !important;padding:0 !important;}
/* 이미지 틀에 맞추는 소스 */
.img{position:relative;float:left;width:100%;height:100%;vertical-align:middle;text-align:center;}
.img img{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;}




/*================================== 상단 ==================================*/
#main-navbar{position:relative;float:left;z-index:10;width:90%;margin:15px 5%;background:#fff;z-index:100;}
#toggle-sidebar{position:absolute;left:0;top:0;width:26px;cursor:pointer;z-index:10;}
a.icon_call{position:absolute;right:36px;top:-4px;width:36px;z-index:10;}
a.icon_call img{float:left;width:76%;padding:12%;}
a.icon_res{position:absolute;right:0;top:-4px;width:36px;z-index:10;}
a.icon_res img{float:left;width:76%;padding:12%;}


/* 로고 */
#logo{position:relative;float:left;z-index:10;margin:2px 0 0 36px;}
#logo a{display:inline-block;vertical-align:middle;}
#logo a img{display:inline-block;vertical-align:middle;width:60px;}
#logo a b{display:inline-block;vertical-align:bottom;line-height:26px;font-size:18px;font-weight:600;letter-spacing:-1px;margin-left:6px;}


#main-sidebar{position:fixed;top:0;bottom:0;background:#e5e5e5;}
#main-sidebar .close-sb{height:48px;line-height:48px;background:#333;padding:0 0 0 3%;border-bottom:1px solid #000;font-size:18px;color:#fff;cursor:pointer;}
#main-sidebar ul li > a{display:block;height:18px;line-height:18px;padding:12px 0 12px 5%;border-bottom:1px solid #ccc;font-size:16px;font-weight:600;color:#000;}
#main-sidebar ul li > a:hover{background:#333;border-bottom:1px solid #010101;color:#fff;}
#main-sidebar ul li li > a{display:block;padding:8px 0 8px 5%;background:#f7f7f7;font-weight:400;border-bottom:1px solid #dedee0;font-size:13px;color:#666;}




/*================================== 메인 ==================================*/
/* 메인 비주얼 */
#main_visual{position:relative;float:left;width:100%;height:133px;background:#ccc;overflow:hidden;z-index:100;}
.main_slider{position:absolute;left:0;top:0;width:100%;z-index:1000;}
.main_slider .layout{position:relative;float:left;width:100%;}
.main_slider .bx-wrapper img{max-width:100%;height:auto;display:block;}
.main_slider .bx-controls-direction{position:absolute;left:0;top:50%;width:100%;height:56px;margin-top:-28px;text-indent:-9999px;z-index:1000000;}
.main_slider .bx-controls-direction a.bx-prev{position:absolute;left:1%;top:0;width:40px;height:56px;background:url(../img/arrow_left.png) no-repeat;background-size:100%;z-index:1000000;}
.main_slider .bx-controls-direction a.bx-next{position:absolute;right:1%;top:0;width:40px;height:56px;background:url(../img/arrow_right.png) no-repeat;background-size:100%;z-index:1000000;}
.main_slider .bx-controls-auto-item,.bx-pager{display:none;}

.sd_ment{position:absolute;left:0;top:50%;width:100%;height:160px;margin-top:-40px;text-align:center;z-index:100000;}
.sd_ment b{display:inline-block;line-height:30px;font-size:20px;font-weight:300 !important;text-shadow: -1px 1px #000, 0 2px  #000, 2px 0  #000, 0 1px  #000;color:#fff;}
.sd_ment b span.sd_logo{display:inline-block;width:50px;height:22px;vertical-align:bottom;margin:0 0 5px 10px;background:url(../img/logo.png) no-repeat 0 50%;background-size:100%;}


/* 메인타이틀 */
.main_title{position:relative;float:left;width:100%;text-align:center;margin-bottom:6%;}
.main_title b{float:left;width:100%;line-height:100%;font-size:26px;font-weight:100;color:#000;margin-bottom:4%;}
.main_title b span{font-weight:600;letter-spacing:-1px;}
.main_title p{float:left;width:100%;line-height:100%;font-size:12px;letter-spacing:0.02em;color:#000;opacity:0.5;}

.main_title2{position:relative;float:left;width:100%;text-align:center;margin-bottom:6%;}
.main_title2 b{float:left;width:100%;line-height:100%;font-size:26px;font-weight:100;color:#fff;margin-bottom:4%;}
.main_title2 b span{font-weight:600;letter-spacing:-1px;}
.main_title2 p{float:left;width:100%;line-height:100%;font-size:12px;letter-spacing:0.02em;color:#fff;opacity:0.5;}


/* 이벤트 */
#arrow_rolling{position:relative;float:left;width:100%;}
#arrow_rolling .layout{position:relative;float:left;width:100%;}
#arrow_rolling .bx-controls-direction{position:absolute;left:0;top:50%;width:100%;height:46px;margin-top:-23px;text-indent:-9999px;z-index:1000;}
#arrow_rolling .bx-controls-direction a{opacity:0.6}
#arrow_rolling .bx-controls-direction a.bx-prev{position:absolute;left:-10px;top:0;width:30px;height:46px;background:url(../img/arrow_left2.gif) no-repeat;background-size:100%;z-index:1000;}
#arrow_rolling .bx-controls-direction a.bx-next{position:absolute;right:-10px;top:0;width:30px;height:46px;background:url(../img/arrow_right2.gif) no-repeat;background-size:100%;z-index:1000;}
#arrow_rolling .bx-wrapper img{max-width:100%;height:auto;display:block;}
#arrow_rolling .bx-viewport li{position:relative;float:left;width:9.4%;margin:0 3px;}
#arrow_rolling .bx-viewport li a{position:relative;float:left;width:100% !important;}
#arrow_rolling .bx-viewport li a img{position:relative;float:left;width:100%;}
#arrow_rolling .bx-controls-auto-item,.bx-pager{display:none;}

.event_bg{position:absolute;left:0;bottom:0;width:100%;height:30%;background:#e5e5e5;z-index:-1;}
.event_ment{position:relative;float:left;width:80%;padding:5% 10%;text-align:center;background:#fff;}
.event_ment b{float:left;width:100%;line-height:20px;font-size:13px;color:#0e2b5c;}


/* 객실보기 */
.main_slider2{position:relative;float:left;width:100%;overflow:hidden;z-index:1000;}
.main_slider2 .layout{position:relative;float:left;width:100%;}
.main_slider2 .bx-wrapper img{width:100% !important;height:auto;display:block;}
.main_slider2 .bx-controls-direction{position:absolute;right:5%;top:184px;width:100%;text-indent:-9999px;z-index:1000000;}
.main_slider2 .bx-controls-direction a.bx-prev{position:absolute;right:30px;top:0;width:30px;height:30px;background:url(../img/arrow_left3.png) no-repeat;background-size:100%;}
.main_slider2 .bx-controls-direction a.bx-next{position:absolute;right:0;top:0;width:30px;height:30px;background:url(../img/arrow_right3.png) no-repeat;background-size:100%;}
.main_slider2 .bx-default-pager,.bx-controls-auto,.bx-stop{display:none;text-indent:-9999px;}

.room_box{position:absolute;right:5%;top:10%;width:50%;height:190px;text-align:center;padding:8% 5%;box-sizing:border-box;background:rgb(255, 255, 255, 0.8);}
.room_box b{float:left;width:100%;line-height:100%;font-size:20px;font-weight:600;color:#002e7d;}
.room_box b span{float:left;width:100%;line-height:100%;font-size:12px;font-weight:100 !important;margin-top:5%;color:#333;opacity:0.5;}
.room_box p{float:left;width:100%;line-height:16px;font-size:11px;font-weight:300;color:#333;margin:10% 0 5% 0;}
.room_box a{display:inline-block;height:30px;line-height:30px;font-size:14px;font-weight:400;padding:0 6px 0 7px;color:#000;background:url(../img/point_line.png) repeat-x 0 16px;background-size:8px;}


/* 부대시설 */
#facilities{position:relative;float:left;width:100%;margin-top:-0.5%;}
#facilities ul{position:relative;float:left;width:100%;}
#facilities ul li{position:relative;float:left;width:100%;margin:0.5% 0;background:#05193b;}
#facilities ul li a{float:left;width:100%;}
#facilities ul li a img{position:relative;float:left;width:100%;z-index:1;}
.fac_box{position:absolute;left:0;top:0;width:100%;padding:5%;box-sizing:border-box;z-index:10;text-shadow: -1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff;}
.fac_box b{float:left;width:100%;line-height:100%;font-size:20px;font-weight:500;color:#000;margin-bottom:3%;}
.fac_box p{float:left;width:100%;line-height:100%;font-size:14px;color:#000;}


/* 오시는길 */
.loc_map{position:relative;float:left;width:100%;height:200px;overflow:hidden;}
.loc_txt{float:left;width:100%;}
.loc_txt ul{float:left;width:100%;}
.loc_txt ul li{float:left;width:100%;line-height:40px;border-bottom:1px solid #fff;}
.loc_txt ul li b{float:left;width:20%;font-size:13px;color:#fff;}
.loc_txt ul li p{float:left;width:80%;font-size:12px;color:#fff;}




/*================================== 하단 ==================================*/
#footer{position:relative;float:left;width:100%;background:#111;}
.copy{position:relative;float:left;width:100%;text-align:center;padding-top:6%;font-size:11px;}
.copy p{float:left;width:100%;line-height:18px;font-size:11px;font-weight:300;color:#777;}
.copy span{float:left;width:100%;font-size:11px;font-weight:300;color:#555;}

/* 버튼 style */
#button{position:relative;float:left;width:100%;background:#111;padding:4% 0 8% 0;text-align:center;color:#fff;}
.btn{margin:0.5%;padding:1.5% 4%;font-size:12px;color:#fff;border:none;background:#444;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
behavior:url(ie-css3.htc);}




/*================================== 서브 ==================================*/

/* 서브 상단 메뉴 */
#sub_menu{position:relative;float:left;width:100%;padding:5% 0;background:#efefef;}
.sub_title{position:relative;float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;letter-spacing:-1px;text-align:center;}
#sub_menu ul{float:left;width:90%;margin:0 5%;text-align:center;margin-top:2%;}
#sub_menu ul li{display:inline-block;line-height:100%;padding:1% 1.5% 0 1.5%;}
#sub_menu ul li a{font-size:14px;color:#333;font-weight:300;}
#sub_menu ul li a:hover{font-weight:400;color:#000;}
#sub_menu ul li a.on{font-weight:500;color:#002e7d;}


/* 서브 컨텐츠 */
#contents{position:relative;float:left;width:100%;overflow:hidden;}
.page{position:relative;float:left;width:100%;padding:12% 5%;box-sizing:border-box;min-height:400px;background:#fff;z-index:100;}
.page_title{position:relative;float:left;width:100%;line-height:100%;font-size:26px;font-weight:600;letter-spacing:-1px;text-align:center;color:#000;margin:0 0 6% 0;}


/* 객실안내 */
#room_list{position:relative;float:left;width:100%;overflow:hidden;}
#room_list #bx-pager{position:relative;float:left;width:100.4%;margin:0 0 0 -0.2%;} 
#room_list #bx-pager a{float:left;width:16.25% !important;display:block;margin:0.2%;} 
#room_list #bx-pager a img{float:left;width:100%;height:40px;opacity:0.5;box-sizing:border-box;background:#999;} 
#room_list #bx-pager a.active img{opacity:1;border:3px solid #d8d82b;} 
#room_list .bx-controls-direction{position:absolute;left:0;top:50%;width:100%;height:40px;margin-top:-60px;text-indent:-9999px;z-index:1000000;}
#room_list .bx-controls-direction a{opacity:0.6}
#room_list .bx-controls-direction a:hover{opacity:1}
#room_list .bx-controls-direction a.bx-prev{position:absolute;left:0;top:0;width:40px;height:40px;background:url(../img/arrow_left2.gif) no-repeat;background-size:100%;z-index:1000000;}
#room_list .bx-controls-direction a.bx-next{position:absolute;right:0;top:0;width:40px;height:40px;background:url(../img/arrow_right2.gif) no-repeat;background-size:100%;z-index:1000000;}
#room_list .bx-wrapper img{max-width:100%;height:auto;display:block;}

#room_title{position:relative;float:left;width:100%;margin:5% 0;}
#room_title p{float:left;width:100%;line-height:23px;font-size:13px;font-weight:300;}
h5.point_title{float:left;width:100%;line-height:24px;font-size:22px;font-weight:500;letter-spacing:-1px;margin:0;padding:0;}
#room_title a{position:absolute;right:0;top:0;width:80px;height:26px;line-height:26px;font-size:13px;font-weight:400;text-align:center;box-sizing:border-box;color:#002e7d;border:1px solid #002e7d;}

#room_infomation{position:relative;float:left;width:100%;border-top:1px solid #000;}
#room_infomation h5{float:left;width:100%;line-height:100%;font-size:18px;font-weight:400;margin:0 0 3% 0;padding:0;}

.rm_top{position:relative;float:left;width:100%;padding-top:5%;border-top:1px solid #e0e0e0;margin-top:-1px;}
.rm_top ul{float:left;width:100%;}
.rm_top ul li{float:left;width:100%;font-size:13px;}
.rm_top ul li span{float:left;width:100%;display:block;line-height:24px;color:#888;}
.rm_top ul li span em{float:left;font-style:normal;color:#3663b2;margin-right:5px;}
.rm_top ul li span small{float:left;font-size:13px !important;}

.rm_price{position:relative;float:left;width:100%;margin-top:5%;padding-top:5%;border-top:1px solid #e0e0e0;}
.rm_info{position:relative;float:left;width:100%;margin-top:5%;padding-top:5%;border-top:1px solid #e0e0e0;}

/* 객실보기 image list */
ul.rm_list_img{float:left;width:101%;margin:3% 0 0 -0.5%;}
ul.rm_list_img li{float:left;width:32.333%;margin:0.5%;}
ul.rm_list_img li img{float:left;width:100%;}

/* 객실보기 table */
table.rm_tbl{float:left;width:100%;background:#fff;border-top:1px solid #e0e0e0;}
table.rm_tbl th{width:20%;line-height:18px;font-size:13px;font-weight:400;color:#000;background:#f4f4f4;}
table.rm_tbl td{font-size:12px;font-weight:300;color:#666;}
table.rm_tbl td b{color:#b00000;}
table.rm_tbl th,table.rm_tbl td{padding:2%;text-align:center;border-bottom:1px solid #e0e0e0;}


/* 예약안내 */
.res_info{position:relative;float:left;width:100%;border-top:1px solid #000;}
.res_info section{position:relative;float:left;width:100%;padding:20px 0;border-bottom:1px solid #ccc;}
.res_info h5{float:left;width:100%;line-height:26px;font-size:18px;font-weight:500;letter-spacing:-1px;margin:0 0 15px 0;padding:0;}
.res_info a.rs_if_btn{position:absolute;right:0;top:20px;width:80px;height:26px;line-height:26px;font-size:13px;font-weight:400;text-align:center;box-sizing:border-box;color:#002e7d;border:1px solid #002e7d}
.res_info p{float:left;width:100%;line-height:20px;font-size:13px;color:#666;}
.res_info strong{float:left;width:100%;font-weight:400;font-size:13px;color:#3663b2;margin-top:3%;}
.res_info ul{float:left;width:100%;margin-top:10px;}
.res_info ul li{float:left;width:100%;line-height:18px;font-size:13px;margin:2px 0;}
.res_info ul li em{float:left;height:18px;line-height:18px;font-weight:600;color:#fff;margin:0 5px 0 0;padding:0 5px;background:#2775be;font-style:normal;}


/* 인사말 */
#greeting{position:relative;float:left;width:100%;}

.gree_point{position:relative;float:left;width:100%;text-align:center;padding-bottom:8%;background:url(../img/gree_bg.png) no-repeat -12px -60px;background-size:70%;}
.gree_point p{position:relative;float:left;width:65%;line-height:20px;font-size:14px;font-style:italic;font-weight:100;box-sizing:border-box;color:#999;opacity:0.7;margin-left:35%;}
.gree_point p b{float:left;width:100%;line-height:100%;font-size:12px;font-style:normal;font-weight:100;color:#000;margin-top:4%;}

.gree_img{position:absolute;right:5%;top:-26px;width:140px;height:260px;overflow:hidden;z-index:10;}
.gree_img img{position:absolute;left:50%;top:50%;width:260px;height:260px;margin:-130px 0 0 -130px;}
.gree_img2{position:relative;float:left;width:160px;height:100px;overflow:hidden;z-index:10000;}
.gree_img2 img{position:absolute;right:0;bottom:0;width:160px;height:160px;}

.gree_box{position:relative;float:left;width:100%;padding:6% 5%;box-sizing:border-box;background:#f4f4ea;margin-top:6%;}
.gree_box strong{float:left;width:100%;line-height:24px;font-size:18px;font-weight:400;letter-spacing:-1px;color:#000;margin-bottom:6%;}
.gree_box p{float:left;width:55%;line-height:17px;font-size:12px;font-weight:300;color:#333;}

.gree_box2{position:relative;float:left;width:100%;padding:6% 5%;box-sizing:border-box;background:#fff;z-index:100;}
.gree_box2 strong{float:right;width:52%;line-height:24px;font-size:18px;font-weight:400;letter-spacing:-1px;color:#000;}
.gree_box2 p{float:left;width:100%;line-height:17px;font-size:12px;font-weight:300;color:#333;margin-top:5%;}


/* 위치안내 */
.loc_txt2{float:left;width:100%;}
.loc_txt2 ul{float:left;width:100%;}
.loc_txt2 ul li{float:left;width:100%;line-height:30px;border-bottom:1px solid #ccc;}
.loc_txt2 ul li b{float:left;width:20%;font-size:13px;color:#000;}
.loc_txt2 ul li p{float:left;width:80%;font-size:12px;color:#666;}


/* 채용안내 */
#recruit{position:relative;float:left;width:100%;}
#recruit table{float:left;width:100%;border-top:1px solid #000;}
#recruit table th,#recruit table td{padding:5% 0;border-bottom:1px solid #e0e0e0;}
#recruit table th{width:20%;font-size:13px;vertical-align:top;text-align:left;font-weight:500;color:#000;padding-top:5%;}
#recruit table td{line-height:16px;font-size:12px;font-weight:400;color:#777;}
#recruit span{color:#3663b2;}
#recruit span a{color:#000;}
#recruit p{float:left;width:100%;}
#recruit em{float:left;height:16px;line-height:16px;font-weight:600;color:#fff;margin:1px 5px 1px 0;padding:0 5px;background:#2775be;font-style:normal;}

.rc_ment{position:relative;float:left;width:100%;line-height:20px;font-size:13px;font-weight:300;text-align:center;color:#444;margin-bottom:5%;}
.rc_ment p{float:left;width:100%;line-height:22px;font-size:15px;color:#444;margin-bottom:2%;}
.rc_ment i{font-style:normal;font-weight:500;color:#3663b2;}




/*=================================== 서브 공통 style ===================================*/
/* 서브 탭메뉴 */
.sub_tab ul{position:relative;float:left;width:100.2%;height:36px;margin-bottom:50px;overflow:hidden;}
.sub_tab ul li{float:left;width:33.333%;line-height:35px;background:#fff;border-bottom:1px solid #032b70;overflow:hidden;margin-right:-1px;}
.sub_tab ul li a{float:left;width:100%;height:35px;line-height:35px;text-align:center;box-sizing:border-box;background:#f9f9f9;border:1px solid #bbb;font-size:13px;font-weight:300;color:#666;border-bottom:none;}
.sub_tab ul li a:hover{color:#000;}
.sub_tab ul li a.on{position:relative;float:left;width:100%;height:36px;font-weight:600;z-index:100;background:#fff;border:1px solid #032b70;border-bottom:1px solid #fff !important;color:#032b70;z-index:1000;}


/* 하단 이미지 롤링 4개 */
.sub_rolling{position:relative;float:left;width:90%;margin:0 5% 12% 5%;}
.sub_rolling .bx-controls-direction,.bx-default-pager,.bx-controls-auto,.bx-stop{display:none;text-indent:-9999px;}
.sub_rolling .bx-wrapper img{max-width:100%;height:auto;display:block;}
.sub_rolling .bx-viewport li{position:relative;float:left;display:block;width:5.28% !important;height:90px;overflow:hidden;margin-right:4px;}


/* 연회장,  커피숍, 레스토랑, 비즈니스센트 상단 text*/
.facility_box{position:relative;float:left;width:100%;box-sizing:border-box;padding:5% 5% 4% 5%;margin:5% 0;background:#f8f8ec;}
.facility_box:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;display:block;background:url(../img/point_bg.gif) no-repeat;background-size:80px;}

.facility_box h5{float:left;width:100%;line-height:24px;font-size:18px;font-weight:100;margin-bottom:4%;}
.facility_box b{float:left;width:100%;line-height:20px;font-size:13px;font-weight:400;margin-bottom:2%;color:#9e9e00;}
.facility_box p{float:left;width:100%;line-height:18px;font-size:12px;font-weight:300;}


/* 서브 text list */
ul.list_bullet{float:left;width:100%;margin-top:-3px;}
ul.list_bullet li{float:left;width:100%;line-height:15px;font-size:12px;color:#777;box-sizing:border-box;padding-left:6px;margin:3px 0;background:url(../img/rm_bullet.png) no-repeat 0 5px;background-size:3px;}




/*=================================== 해상도 별 달라지는 css ===================================*/
@media screen and (min-width:768px) and (max-width:1023px) {
#toggle-sidebar{width:46px;}
#logo{margin:4px 0 0 66px;}
#logo a img{width:100px;}
#logo a b{line-height:46px;font-size:32px;margin-left:10px;}

a.icon_call{right:54px;top:-2px;width:54px;}
a.icon_res{top:-2px;width:54px;}

/* 메인 비주얼 */
#main_visual{height:500px;}
.main_slider .bx-controls-direction{height:86px;margin-top:-43px;}
.main_slider .bx-controls-direction a.bx-prev{width:70px;height:86px;background-size:100%;}
.main_slider .bx-controls-direction a.bx-next{width:70px;height:86px;background-size:100%;}

.sd_ment{margin-top:-60px;}
.sd_ment b{line-height:60px;font-size:36px;letter-spacing:-1px;}
.sd_ment b span.sd_logo{width:100px;margin:0 0 10px 10px;}

.main_title b,.main_title2 b{font-size:46px;margin-bottom:3%;}
.main_title p,.main_title2 p{font-size:18px;}

/* 이벤트 */
#arrow_rolling .bx-controls-direction{height:50px;margin-top:-25px;}
#arrow_rolling .bx-controls-direction a.bx-prev{left:-20px;width:50px;height:50px;}
#arrow_rolling .bx-controls-direction a.bx-next{right:-20px;width:50px;height:50px;}
#arrow_rolling .bx-viewport li{width:6.3%;}

.event_ment{width:90%;padding:0 5%;}
.event_ment b{line-height:50px;font-size:18px;}

/* 객실보기 */
.main_slider2 .bx-controls-direction{position:absolute;right:5%;top:330px;width:100%;text-indent:-9999px;z-index:1000000;}
.main_slider2 .bx-controls-direction a.bx-prev{right:50px;width:50px;height:50px;}
.main_slider2 .bx-controls-direction a.bx-next{width:50px;height:50px;}
.main_slider2 .bx-default-pager,.bx-controls-auto,.bx-stop{display:none;text-indent:-9999px;}

.room_box{top:50%;height:300px;padding:60px 40px;margin:-150px 0 0 0;}
.room_box b{font-size:30px;}
.room_box b span{font-size:16px;}
.room_box p{width:80%;margin:6% 10% 10% 10%;line-height:22px;font-size:14px;}
.room_box a{height:40px;line-height:40px;font-size:18px;padding:0 10px 0 12px;color:#000;background:url(../img/point_line.png) repeat-x 0 22px;background-size:10px;}

/* 부대시설 */
.fac_box{padding:6.5% 5%;}
.fac_box b{font-size:30px;}
.fac_box p{font-size:18px;}

/* 오시는길 */
.wrap_map{height:340px !important;}
.loc_map{position:relative;float:left;width:100%;height:340px;overflow:hidden;}

.loc_txt,.loc_txt2{float:left;width:100%;}
.loc_txt ul,.loc_txt2 ul{float:left;width:103%;margin:0 0 0 -1.5%;}
.loc_txt ul li{float:left;width:47%;line-height:50px;margin:0 1.5%;border-bottom:1px solid #fff;}
.loc_txt ul li b{float:left;width:25%;font-size:18px;color:#fff;}
.loc_txt ul li p{float:left;width:75%;font-size:15px;color:#fff;}

.loc_txt2 ul li{float:left;width:47%;line-height:50px;margin:0 1.5%;border-bottom:1px solid #ccc;}
.loc_txt2 ul li b{float:left;width:25%;font-size:18px;color:#000;}
.loc_txt2 ul li p{float:left;width:75%;font-size:15px;color:#666;}

/* 하단 */
.copy p{line-height:22px;font-size:14px;}
.copy span{font-size:14px;}

.btn{font-size:14px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
behavior:url(ie-css3.htc);}

#room_list #bx-pager a img{height:76px;} 
#room_list #bx-pager a.active img{border:5px solid #d8d82b;} 
#room_list .bx-controls-direction{height:60px;margin-top:-100px;}
#room_list .bx-controls-direction a.bx-prev{width:60px;height:60px;}
#room_list .bx-controls-direction a.bx-next{width:60px;height:60px;}


/* 하단 이미지 롤링 4개 */
.sub_rolling .bx-viewport li{width:3.988% !important;height:170px;}


.gree_point{position:relative;float:left;width:100%;text-align:center;padding-bottom:8%;background:url(../img/gree_bg.png) no-repeat -12px -140px;background-size:70%;}
.gree_img{position:absolute;right:5%;top:-50px;width:240px;height:360px;overflow:hidden;z-index:10;}
.gree_img img{position:absolute;left:50%;top:50%;width:360px;height:360px;margin:-180px 0 0 -180px;}
.gree_img2{position:relative;float:left;width:260px;height:200px;overflow:hidden;background:gold;z-index:10000;}
.gree_img2 img{position:absolute;left:50%;top:50%;width:260px;height:260px;margin:-130px 0 0 -130px;}

}




@media screen and (min-width:1024px) and (max-width:1920px) {
#main-navbar{margin:25px 5%;}
#toggle-sidebar{width:56px;}
#logo{margin:4px 0 0 90px;}
#logo a img{width:110px;}
#logo a b{line-height:52px;font-size:40px;margin-left:20px;}

a.icon_call{right:64px;top:-2px;width:64px;}
a.icon_res{top:-2px;width:64px;}

/* 메인 비주얼 */
#main_visual{height:680px;}
.main_slider .bx-controls-direction{height:96px;margin-top:-48px;}
.main_slider .bx-controls-direction a.bx-prev{width:80px;height:96px;background-size:100%;}
.main_slider .bx-controls-direction a.bx-next{width:80px;height:96px;background-size:100%;}

.sd_ment{margin-top:-60px;}
.sd_ment b{line-height:60px;font-size:36px;letter-spacing:-1px;}
.sd_ment b span.sd_logo{width:100px;margin:0 0 10px 10px;}

.main_title b,.main_title2 b{font-size:52px;margin-bottom:3%;}
.main_title p,.main_title2 p{font-size:22px;}

/* 이벤트 */
#arrow_rolling .bx-controls-direction{height:50px;margin-top:-25px;}
#arrow_rolling .bx-controls-direction a.bx-prev{left:-20px;width:50px;height:50px;}
#arrow_rolling .bx-controls-direction a.bx-next{right:-20px;width:50px;height:50px;}
#arrow_rolling .bx-viewport li{width:6.4%;}

.event_ment{width:90%;padding:0 5%;}
.event_ment b{line-height:50px;font-size:18px;}

/* 객실보기 */
.main_slider2 .bx-controls-direction{position:absolute;right:5%;top:430px;width:100%;text-indent:-9999px;z-index:1000000;}
.main_slider2 .bx-controls-direction a.bx-prev{right:70px;width:70px;height:70px;}
.main_slider2 .bx-controls-direction a.bx-next{width:70px;height:70px;}
.main_slider2 .bx-default-pager,.bx-controls-auto,.bx-stop{display:none;text-indent:-9999px;}

.room_box{top:50%;width:46%;height:400px;padding:60px 40px;margin:-200px 0 0 0;}
.room_box b{font-size:40px;}
.room_box b span{font-size:18px;}
.room_box p{width:80%;margin:10% 10% 16% 10%;line-height:26px;font-size:16px;}
.room_box a{height:46px;line-height:46px;font-size:22px;padding:0 14px 0 16px;color:#000;background:url(../img/point_line.png) repeat-x 0 26px;background-size:14px;}

/* 부대시설 */
.fac_box{padding:5.2% 5%;}
.fac_box b{font-size:40px;margin-bottom:5%;}
.fac_box p{font-size:22px;}

/* 오시는길 */
.wrap_map{height:440px !important;}
.loc_map{position:relative;float:left;width:100%;height:440px;overflow:hidden;}

.loc_txt,.loc_txt2{float:left;width:100%;}
.loc_txt ul,.loc_txt2 ul{float:left;width:103%;margin:0 0 0 -1.5%;}
.loc_txt ul li{float:left;width:47%;line-height:60px;margin:0 1.5%;border-bottom:1px solid #fff;}
.loc_txt ul li b{float:left;width:25%;font-size:20px;color:#fff;}
.loc_txt ul li p{float:left;width:75%;font-size:17px;color:#fff;}

.loc_txt2 ul li{float:left;width:47%;line-height:60px;margin:0 1.5%;border-bottom:1px solid #ccc;}
.loc_txt2 ul li b{float:left;width:25%;font-size:20px;color:#000;}
.loc_txt2 ul li p{float:left;width:75%;font-size:17px;color:#666;}

/* 하단 */
.copy p{line-height:22px;font-size:15px;}
.copy span{font-size:15px;}

.btn{font-size:15px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
behavior:url(ie-css3.htc);}


#room_list #bx-pager a img{height:106px;} 
#room_list #bx-pager a.active img{border:5px solid #d8d82b;} 
#room_list .bx-controls-direction{height:60px;margin-top:-130px;}
#room_list .bx-controls-direction a.bx-prev{width:60px;height:60px;}
#room_list .bx-controls-direction a.bx-next{width:60px;height:60px;}


/* 하단 이미지 롤링 4개 */
.sub_rolling .bx-viewport li{width:3.988% !important;height:170px;}


.gree_point{position:relative;float:left;width:100%;text-align:center;padding-bottom:8%;background:url(../img/gree_bg.png) no-repeat -12px -220px;background-size:70%;}
.gree_img{position:absolute;right:5%;top:-50px;width:240px;height:360px;overflow:hidden;z-index:10;}
.gree_img img{position:absolute;left:50%;top:50%;width:360px;height:360px;margin:-180px 0 0 -180px;}
.gree_img2{position:relative;float:left;width:260px;height:200px;overflow:hidden;background:gold;z-index:10000;}
.gree_img2 img{position:absolute;left:50%;top:50%;width:260px;height:260px;margin:-130px 0 0 -130px;}
}
#ifrm {
    width: 100%;
	min-height: 300px;
    overflow: hidden;
    border: 0;
}