@charset "euc-kr";
@import url("reset.css");
@import url("../Fonts/font.css");

/* °øÅë */
.main_container img{width:100%;}
.btn_wrap{text-align:center;}
.btty1{display:inline-block; width:110px; height:36px; line-height:36px; text-align:center; border-radius:10px; -webkit-border-radius:10px;}
.btty2{display:inline-block; max-width:200px; width:60%; height:48px; line-height:46px; text-align:center; box-sizing:border-box; border-radius:8px; -webkit-border-radius:8px; ; font-weight:400;}
.btst1{font-size:14px; color:#00abbc; background:#fff; border:1px solid #00abbc;}
.btst1.first{margin-right:8px;}
.btst2{font-size:14px; color:#fff; background:#00abbc; border:1px solid #00abbc;}
.btst3{font-size:14px; color:#fff; background:#d91f26; border:1px solid #d91f26;}

/* header */
#header .header_top{position:relative;}
#header .header_top .header_select ul{display:none; position:absolute; top:50px; left:0; right:0; z-index:1001;}
#header .header_top .header_select ul li{width:100%; background:#fff; border-bottom:1px solid #e8e8e8;}
#header .header_top .header_select ul li a{display:block; padding:14px 20px; font-size:15px; color:#666;}
#header .header_top .header_select .select_btn{position:relative; display:block; padding:14px 20px; font-size:15px; background:#00abbc; color:#fff;}
#header .header_top .header_select .select_btn span{display:inline-block;}
#header .header_top .header_select .select_btn span em{display:inline-block; margin-left:8px; width:12px; height:10px; background:url(../images/common/gnb_select.png) right center no-repeat / 11px 6px; transition:all 0.3s; -webkit-transition:all 0.3s; }
#header .header_top .header_select .select_btn.on span em{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
#header .header_top .vr_wrap{position:absolute; right:0; top:0; }
#header .header_top .vr_wrap .vr_btn{display:block; background:#58585a; }
#header .header_top .vr_wrap .vr_btn a{display:block; padding:14px 25px; font-size:15px; color:#fff;}

#header .header_fix{position:relative;  z-index:100; background:#fff;}
#header .header_fix.on{position:fixed; top:0; left:0; right:0; min-width:320px;}
#header .header_inner{position:relative; height:70px; z-index:100;}
#header .header_inner .menu_icon{position:absolute; left:20px; top:50%; margin-top:-9px; width:30px; height:30px;}
#header .header_inner .menu_icon .menu_icon_inner span{display:block; margin-bottom:6px; width:28px; height:2px; background:#595959; border-radius:2px; -webkit-border-radius:2px; transition:all 0.3s; -webkit-transition:all 0.3s;}
#header .header_inner .menu_icon .menu_icon_inner span:nth-child(2){width:24px;}
#header .header_inner .menu_icon.on .menu_icon_inner span:nth-child(1){transform:translateY(11px) rotate(45deg);}
#header .header_inner .menu_icon.on .menu_icon_inner span:nth-child(2){display:none;}
#header .header_inner .menu_icon.on .menu_icon_inner span:nth-child(3){transform:translateY(3px) rotate(-45deg);}
#header .header_inner h1{text-align:center;}
#header .header_inner h1 img{height:70px;}
#header .header_inner .tel_icon{position:absolute; right:10px; top:50%; margin-top:-20px;}
#header .header_inner .tel_icon a{display:block; width:40px; height:40px; background:url(../images/common/tel_icon.png) center no-repeat / 26px; font-size:0; text-indent:-9999px; overflow:hidden;}

#header .gnb_wrap{position:absolute; top:70px; left:0; right:0; z-index:100; background:#fff;}
#header .gnb_wrap .gnb_top{padding:25px 20px 20px;background:#eee; text-align:center;}
#header .gnb_wrap .gnb_top .btn_wrap{margin-bottom:16px;}
#header .gnb_wrap .gnb_top .mb_wrap > span{display:inline-block; padding-left:25px; font-size:14px; line-height:24px; color:#555; background:url(../images/common/mb_icon.png) left center no-repeat / 18px;}
#header .gnb_wrap .gnb_top .mb_wrap > span em{color:#00abbc;}
#header .gnb_wrap{display:none;}
#header .gnb_wrap .gnb_list li{border-bottom:1px solid #e8e8e8;}
#header .gnb_wrap .gnb_list li a{display:block; width:100%; padding:15px 0; text-align:center; font-size:15px; color:#444;}
#header .gnb_wrap .gnb_tel{display:block; text-align:center; background:#eee;}
#header .gnb_wrap .gnb_tel img{width:100%; max-width:350px; margin:0 auto;}
#header .gnb_wrap .flag{display:block;padding:20px 15%;text-align:center; background:#2a2a2a;overflow:hidden;}
#header .gnb_wrap .flag a{float:left;width:27.3333%;padding:0 3%;}
#header .gnb_wrap .flag a img{width:100%;}
#header .gnb_wrap .flag a span{display:block;padding:6px 0 0 0;color:#ccc;font-size:12px;}
#menu_bg{display:none;position:fixed; top:0; bottom:0; left:0; right:0; z-index:99; background:#000; opacity:0.3; filter:alpha(opacity=30);}
#menu_bg.on{display:block;}
#header #gnb.scroll .gnb_inner{height:450px;overflow-y:auto;-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-scrolling: touch;-o-overflow-scrolling: touch;overflow-scrolling: touch;overflow:auto;overflow-x:hidden;}

/* footer */
#footer .pc_v{text-align:center; background:#e5e5e5;}
#footer .pc_v a{display:block; padding:15px 0; font-size:13px; color:#777;}
#footer .flag{display:block;padding:20px 15%;text-align:center; background:#484848;overflow:hidden;}
#footer .flag a{float:left;width:27.3333%;padding:0 3%;}
#footer .flag a img{width:100%;}
#footer .footer_inner{padding:25px 20px; line-height:18px; text-align:center; background:#2a2a2a;color:#878787;}
#footer .footer_inner a{color:#878787;}
#footer .footer_inner .ft_sns{overflow:hidden; display:inline-block; margin-bottom:15px;}
#footer .footer_inner .ft_sns a{display:block; float:left; width:40px; height:40px; text-align:center; font-size:0; overflow:hidden; text-indent:-99999px;}
#footer .footer_inner .ft_sns a.facebook_icon{margin-right:8px; background:url(../images/common/sns_facebook.png) center no-repeat / 40px;}
#footer .footer_inner .ft_sns a.insta_icon{background:url(../images/common/sns_insta.png) center no-repeat / 40px;}
#footer .footer_inner .adr_txt{margin:8px 0;}
#footer .footer_inner .adr_txt em{display:inline-block; padding:0 10px; color:#3e3e3e;}

/* main */
.main_visual{overflow:hidden;margin-bottom:35px; }
.main_visual .slides li{position:relative;}
.main_visual .slides li .bottom_txt{position:absolute; bottom:0; left:0; right:0; background:url(../images/main/main_visual_bg.png) center repeat;}

.main_cont .main_cont01{margin-bottom:35px; text-align:center; padding:0px 20px;}
.main_cont .main_cont01 .inner{position:relative;padding:40px 0; background:url(../images/main/main_bnr01_bg.jpg) center no-repeat / cover; border: 2px solid #ab9a6e;}
.main_cont .main_cont01 .inner dl dt{font-size:22px; color:#2b2b2b; font-weight:400;}
.main_cont .main_cont01 .inner dl dd{font-size:14px; }
.main_cont .main_cont01 .inner dl dd.txt{margin:8px 0 14px;line-height:22px; color:#666;}
.main_cont .main_cont01 .inner dl dd.btn a{display:block; text-align:center; width:50%; height:40px; line-height:40px; margin:0 auto; max-width:150px; color:#fff; background:#d91f26;}

.main_cont .main_bnr_wrap{padding:0 20px; margin-bottom:40px;}
.main_cont .main_bnr_wrap .main_bnr{text-align:center;}
.main_cont .main_bnr_wrap .main_bnr .main_bnr_slide{position:relative; margin-bottom:20px;}
.main_cont .main_bnr_wrap .main_bnr dl dt{font-size:20px; color:#2b2b2b; font-weight:400;}
.main_cont .main_bnr_wrap .main_bnr dl dd{font-size:14px; color:#777;}
.main_cont .main_bnr_wrap .main_bnr dl dd.txt{margin-bottom:10px;}
.main_cont .main_bnr_wrap .main_bnr dl dd.btn a{display:block; text-align:center; width:40%; height:40px; line-height:40px; margin:0 auto; max-width:120px; color:#fff; background:#d91f26;}

.main_cont .main_notice_bnr ul{overflow:hidden;}
.main_cont .main_notice_bnr ul li{float:left; width:50%;}
.main_cont .main_notice_bnr ul li a{display:block; padding:35px 0; text-align:center; color:#fff;}
.main_cont .main_notice_bnr ul li.li01{background:url(../images/main/main_notice_bnr01.jpg) center no-repeat / cover;}
.main_cont .main_notice_bnr ul li.li02{background:url(../images/main/main_notice_bnr02.jpg) center no-repeat / cover;}
.main_cont .main_notice_bnr ul li dl dt{margin-bottom:10px; padding-bottom:15px; font-size:20px; background:url(../images/main/notice_bnr_line.png) center bottom no-repeat / 15px 1px; font-family:'Avenir LT','Noto Sans KR', Dotum,µ¸¿ò,sans-serif; font-weight:400;}
.main_cont .main_notice_bnr ul li dl dd{font-size:14px; font-weight:300;}

/* sub */
.icon_list_txt {padding-left:10px; margin-top:8px; line-height:20px; background:url(../images/sub/warning_icon.png) left 9px no-repeat / 4px; font-size:13px; color:#777;}
.sv_wrap{width:100%; padding:40px 0; color:#fff; text-align:Center;}
.sv_wrap .loc > span{display:inline-block; vertical-align:middle; color:#eee;}
.sv_wrap .loc .home{width:18px; height:20px; background:url(../images/sub/loc_home_icon.png) center no-repeat / auto 12px;}
.sv_wrap .loc .arrow{width:10px; height:20px; background:url(../images/sub/loc_arrow_icon.png) center no-repeat / auto 12px;}

.sv_wrap.about{background:url(../images/sub/sv_about.jpg) no-repeat center  center / cover;}
.sv_wrap.room{background:url(../images/sub/sv_room.jpg) no-repeat center  center / cover;}
.sv_wrap.notify{background:url(../images/sub/sv_notify.jpg) no-repeat center  center / cover;}
.sv_wrap.mw{background:url(../images/sub/sv_mw.jpg) no-repeat center  center / cover;}
.sv_wrap.breakfast{background:url(../images/sub/sv_breakfast.jpg) no-repeat center  center / cover;}

.sv_wrap h2{font-size:22px; color:#fff; font-family:'Avenir LT','Noto Sans KR', Dotum,µ¸¿ò,sans-serif;}
.sub_width{padding:0 20px;}
.sub_wrap h3{margin-bottom:10px; line-height:30px; font-size:25px; color:#333; font-weight:500; text-align:center;}
h4{margin-bottom:20px; text-align:center; font-size:19px; font-weight:400;}
h4.bd_btm{padding-bottom:20px; border-bottom:1px solid #888;}
.sub_wrap img{width:100%;}
.sub_padding .sub_width{padding:40px 20px 60px;}
.sstitle01{display:block; margin-bottom:10px; text-align:center; font-size:16px; color:#555;}
.sub_txt01{line-height: 22px; text-align:center; font-size: 14px; color: #777;}

/* ¼­ºêÆäÀÌÁö ¸Þ´ºselect */
.sm_select{position:relative; border-bottom:2px solid #d91f26;}
.sm_select .slide_btn{display:block; position:relative; padding:15px 20px; font-size:14px; color:#d91f26; font-weight:500; transition:all 0.4s; -webkit-transition:all 0.4s; }
.sm_select .slide_btn .arrow{display:block; position:absolute; top:50%; right:20px; margin-top:-10px; width:18px; height:20px; background:url(../images/sub/menu_slide_offbg.png) center no-repeat / 15px auto; transition:all 0.4s; -webkit-transition:all 0.4s; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
.sm_select.on .slide_btn .arrow{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
.sm_select ul{display:none; position:absolute; left:0; right:0; top:50px; z-index:20; border-bottom: 2px solid #d91f26;}
.sm_select ul li{display:block; background:#f4f4f4; border-top:1px solid #eee;}
.sm_select ul li:first-child{border-top:1px solid #ddd;}
.sm_select ul li a{display:block; padding:13px 20px; font-size:14px; color:#aaa; font-weight:400;}
.sm_select ul li.on a{background:#fff; color:#d91f26;}

/* pop */
#pop_bg{display:none;position:fixed; top:0; bottom:0; left:0; right:0; z-index:99; background:#000; opacity:0.3; filter:alpha(opacity=30);}
.layer_pop{display:none; position:absolute; top:0%; left:0; right:0; z-index:100;}
.layer_pop .pop_inner{padding:15px; background:#fff; border:2px solid #00abbc; border-radius:10px;}
.layer_pop .pop_inner .top{padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #eee;}
.layer_pop .pop_inner .top .tit{display:block; font-size:16px; color:#333;}
.layer_pop .pop_inner .top .pop_close{display:block; position:absolute; right:15px; top:15px; width:25px; height:25px; background:url(../images/common/pop_close_btn.png) center no-repeat / 18px; font-size:0; overflow:hidden; text-indent:-999999px;}
#vr_pop{position:fixed; top:50%; left:20px; right:20px; margin-top:-117px;}

/* room */
.room_list > ul > li{margin-top:25px;}
.room_list > ul > li:first-child{margin-top:0;}
.room_list > ul > li .room_info{padding:25px 15px 30px; background:#f4f4f4; font-size:14px;}
.room_list > ul > li .room_info .title_line{display:block; padding-left:16px; margin-bottom:5px; font-size:17px; color:#333; background:url(../images/sub/title_line.png) left 7px no-repeat / 10px auto; font-weight:500;}
.room_list > ul > li .room_info dl{position:relative; padding-left:40px; margin-bottom:20px;}
.room_list > ul > li .room_info dl dt{position:absolute; top:0; left:0; color:#555; font-weight:500;}
.room_list > ul > li .room_info dl dd{color:#777;}
.room_list > ul > li .room_info dl dd span{line-height:22px; padding:0 10px; background:url(../images/sub/border_line.png) left center no-repeat /  1px 9px; }
.room_list > ul > li .room_info dl dd span:first-child{padding-left:0; background:none;}
.room_list > ul > li .room_info .room_img_list{margin-bottom:20px;}
.room_list > ul > li .room_info .room_img_list ul{overflow:hidden; margin-left:-15px;}
.room_list > ul > li .room_info .room_img_list ul li{float:left; width:33.33%;}
.room_list > ul > li .room_info .room_img_list ul li span{display:block; padding-left:15px;}

.room_list.suite > ul > li .room_info{padding:15px 15px 30px;}

/* room»ó¼¼ */
.view_wrap .gallery_slide{margin-bottom:45px;}

/* room_tb01 */
.room_tb01 ul{border-top:1px solid #888;}
.room_tb01 ul li{position:relative; padding:20px 0 20px 100px; border-bottom:1px solid #eee;}
.room_tb01 ul li dl dt{position:absolute; left:10px; top:20px; font-size:14px; color:#555; font-weight:400;}
.room_tb01 ul li dl dd{min-height:20px; font-size:14px; color:#777;}
.room_tb01 ul li dl dd a{font-size:14px; color:#777;}
.room_tb01 ul li dl dd ul{border:0;}
.room_tb01 ul li dl dd ul li{padding:0; border:0;}
.room_tb01 ul li.title_long dl dd{min-height:60px;}

/* ÆäÀÌ¡ */
.paging {position:relative; text-align:center;}
.paging .paging_inner{overflow:hidden; display:inline-block;}
.paging .arrow_btn{display:block; float:left; width:40px; height:40px; line-height:26px;}
.paging .arrow_btn img{width:40px; vertical-align:middle;}
.paging .pg_num{float:left;padding: 0 10px 0 10px;}
.paging .pg_num a,
.paging .pg_num strong{float:left; width:35px; height:40px; line-height:40px; font-size:16px; color:#333; font-weight:400;}
.paging .pg_num strong{text-decoration:underline; color:#d91f26; font-weight:400;}
.paging .right_btn{position:absolute; right:0; top:0; margin-top:-10px;}
.paging .right_btn .btty04{border:0;}

/* board_tb01 - °øÁö»çÇ׸®½ºÆ® */
.board_tb01 .all_count{display:block; margin-bottom:10px; font-size:14px; color:#777; font-weight:400;}
.board_tb01 .board_list{border-top:1px solid #888;}
.board_tb01 .board_list li{border-bottom:1px solid #eee;}
.board_tb01 .board_list li a{display:block;padding:22px 10px; }
.board_tb01 .board_list li a .title{display:block; max-height:45px; margin-bottom:10px; line-height:22px; font-size:14px; color:#555; font-weight:500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.board_tb01 .board_list li a .info{overflow:hidden; line-height:20px;}
.board_tb01 .board_list li a .info .date{float:left; font-size:14px; color:#777;}
.board_tb01 .board_list li a .info .count{float:right; font-size:13px; color:#888;}
.board_tb01 .board_list li a .notice_icon{display:block; width:60px; height:28px; margin-bottom:8px; background:url(../images/sub/notice_icon.png) center no-repeat / 60px 28px;}

/* °Ô½ÃÆÇtype2 - detail */
.board_tb02{border-top:1px solid #888;}
.board_tb02 .board_view .title_line{padding:20px 10px; border-bottom:1px solid #eee;}
.board_tb02 .board_view .title_line .title{display:block; margin-bottom:10px; line-height:22px; font-size:14px; font-weight:500;}
.board_tb02 .board_view .title_line .info{overflow:hidden; line-height:20px;}
.board_tb02 .board_view .title_line .info span strong{color:#555; font-weight:500;}
.board_tb02 .board_view .title_line .info .date{float:left; font-size:14px; color:#777;}
.board_tb02 .board_view .title_line .info .count{float:right; font-size:13px; color:#888;}
.board_tb02 .board_view .view_cont{padding:15px 10px; border-bottom:1px solid #eee; line-height:22px; font-size:14px; color:#555;}
.board_tb02 .board_view .view_cont img{width:inherit; max-width:100%;}
.board_tb02 .board_list li{position:relative; border-bottom:1px solid #eee;}
.board_tb02 .board_list li a {display:block; padding:15px 0;}
.board_tb02 .board_list li a .title{display:block; padding-left:80px; font-weight:300;}
.board_tb02 .board_list li a .title span{display:block; width:100%; font-size:14px; color:#777; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; }
.board_tb02 .board_list li a .title_left{display:block; position:absolute; left:5px; top:15px; padding-right:18px; font-size:14px; color:#555; font-weight:400;}
.board_tb02 .board_list li a .title_left.prev{background:url(../images/sub/detail_list_prev.png) right center no-repeat / 12px auto;}
.board_tb02 .board_list li a .title_left.next{background:url(../images/sub/detail_list_next.png) right center no-repeat / 12px auto;}

/* event_list - À̺¥Æ®¸®½ºÆ® */
.event_list .all_count{display:block; margin-bottom:10px; font-size:14px; color:#777; font-weight:400;}
.event_list .board_list{border-top:1px solid #888;}
.event_list .board_list li{position:relative; padding-left:130px; min-height:110px; margin-top:20px; border:1px solid #ddd; }
.event_list .board_list li a{display:block;}
.event_list .board_list li a .thumb_img{position:absolute; left:0; top:0; width:130px; height:110px; line-height:110px;}
.event_list .board_list li a .thumb_img img{vertical-align:middle; margin-top:-3px;}
.event_list .board_list li a .event_right{padding:10px;}
.event_list .board_list li a .event_right .ev_icon{display:block; margin-bottom:2px; font-weight:500;}
.event_list .board_list li a .event_right .ev_icon.ing{color:#d91f26;}
.event_list .board_list li a .event_right .ev_icon.end{color:#888;}
.event_list .board_list li a .event_right .title{display:block; height:40px; margin-bottom:10px; font-size:14px; color:#555; font-weight:500;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.event_list .board_list li a .event_right .date{font-size:13px; color:#777; letter-spacing:-0.05em;}

/* ¼­ºêÆäÀÌÁö */
.sub_basic .sub_txt01 strong{color:#555; font-weight:500;}
.sub_basic .img_cont{margin-bottom:45px;}
.sub_basic .img_cont .inner_div{margin-bottom:40px;}
.sub_basic .img_cont .inner_div:last-child{margin-bottom:0;}
.sub_basic .img_cont div .sub_txt01{margin-top:5px;}
.sub_basic .img_title{display:block; margin-bottom:20px;}
.sub_basic .sub_txt_list{padding-left:10px;text-align:left;}
.sub_basic .sub_txt_list .sub_txt02{font-size:14px; color:#777;}
.sub_basic .title_line{position:relative; margin-bottom:20px; text-align:center; background:url(../images/sub/imgcont_titlebg_line.jpg) center repeat / auto 15px;}
.sub_basic .title_line span{display:block; position:absolute; top:3px; width:15px; height:15px;}
.sub_basic .title_line .bg_left{left:0; background:url(../images/sub/imgcont_titlebg.png) center no-repeat / 15px;}
.sub_basic .title_line .bg_right{right:0; background:url(../images/sub/imgcont_titlebg.png) center no-repeat / 15px;}
.sub_basic .title_line strong{display:inline-block; padding:0 10px; font-size:14px; color:#555; background:#fff;}

.round_text ul{overflow:hidden; margin-bottom:35px;}
.round_text ul li{float:left; width:50%;}
.round_text ul li div{width:120px; height:75px; padding-top:45px; margin:0 auto; text-align:center; font-size:14px; color:#777; background:url(../images/sub/round_title_line.png) center 24px no-repeat / 12px auto; border:1px solid #f7d2d4; border-radius:100px; }
.round_text ul li div strong{color:#555; font-weight:500;}

/* company */
.hidediv{opacity:0;}
.company_cont{padding:40px 0 0px;}
.company_cont > div{position:relative;}
.company_cont .cont01{margin-bottom:30%;padding-top:60px;}
.company_cont .cont01 .img_cont{position:absolute; top:-50px;  z-index:3;}
.company_cont .cont01 .img_cont.ct01{top:0; left:20px; right:20px;}
.company_cont .cont01 .img_cont.ct02{width:70%; right:20px; padding-top:115%;}
.company_cont .cont02{margin-bottom: 20%;}
.company_cont .cont02 .img_cont{position:absolute; bottom:0; left:20px; width:70%; padding-top: 50%; z-index:3;}
.company_cont .cont03 .img_cont{position:absolute; top:-50px; left:20px; right:20px; padding-top:40%; z-index:3;}

.location .bottom ul{overflow:hidden;padding:18px 0; border:1px solid #eee; border-top:0;}
.location .bottom ul li{float:left; width:50%; box-sizing:border-box; text-align:center;}
.location .bottom ul li.li01{border-right:1px solid #eee;}
.location .bottom ul li strong{display:inline-block; padding-left:30px; margin-bottom:10px; line-height:22px; font-size:14px; color:#555; font-weight:500;}
.location .bottom ul li p{line-height:20px; color:#777;}
.location .bottom ul li a{font-size:13px; color:#777;}
.location .bottom ul li.li01 strong{background: url(../images/sub/company_adr_icon.png) left center no-repeat / 22px;}
.location .bottom ul li.li02 strong{background: url(../images/sub/company_tel_icon.png) left center no-repeat / 22px;}
.location .bottom ul li.li02 p{height:60px; line-height:60px;}