@charset "utf-8";

#sh_wrapper_m{min-width:320px;max-width:768px;margin:0 auto}
#sh_cont:after {display:block;visibility:hidden;clear:both;content:""}
#sh_cont_wrap {position:relative;min-height:300px}
#sh_cont_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#sh_cont_tit{padding:14px 0 12px;font-size:16px;font-weight:normal;text-align:center;background-color:#f2f2f2;box-shadow:inset 0px 2px 2px 0px rgba(0,0,0,0.1);font-family:'notokr-bold'}


/* ========================================================================= HEADER */
#sh_header{position:relative;background:#fff;font-family:'notokr-regular'}
#sh_header:after{display:block;visibility:hidden;clear:both;content:""}
#sh_hd_h1{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sh_logo{padding:20px 10px 20px 65px}
#sh_logo img{max-width:100px;max-height:70px}
#sh_rsv_btn{position:absolute;top:0;right:0;height:100%;color:#fff;background-color:#333}
#sh_rsv_btn span{display:table;height:100%}
#sh_rsv_btn a{display:table-cell;vertical-align:middle;height:100%;padding:0 25px;font-size:14px;color:#fff;font-family:'notokr-medium'}

/* 메뉴열기 버튼*/ 
#mn_open_btn{position:absolute;top:50%;left:0;width:55px;height:55px;margin-top:-27.5px;cursor:pointer}
#mn_open_btn span, #mn_open_btn span:before, #mn_open_btn span:after{position:absolute;width:23px;height:2px;background-color:#222}
#mn_open_btn span{position:absolute;top:50%;right:12px;margin-top:-1px;transition:all ease .3s}
#mn_open_btn span:before, #mn_open_btn span:after{content:'';right:0;z-index:10;transition:all ease .3s}
#mn_open_btn span:before{top:-6px}
#mn_open_btn span:after{top:6px}

/* 메뉴닫기 버튼*/
#mn_close_btn{position:absolute;top:0;right:0;width:55px;height:55px;cursor:pointer}
#mn_close_btn:before{display:block;content:'';position:absolute;right:15px;top:26px;width:23px;height:2px;transform:translateX(0) rotate(45deg);background-color:#222}
#mn_close_btn:after{display:block;content:'';position:absolute;right:15px;top:26px;width:23px;height:2px;transform:translateX(0) rotate(-45deg);background-color:#222}

/* 메뉴 */
#mn_mobile, #mn_mobile *, #mn_mobile:before, #mn_mobile:after{box-sizing:border-box}
#mn_mobile{position:fixed;left:-100%;top:0;z-index:250;max-width:400px;width:70%;height:100%;background-color:#fff;transition:all .4s} 
#mn_mobile.open{left:0}
#mn_mobile .mn_company{position:relative;width:100%;padding:20px 0 20px 10px}
#mn_mobile .mn_tel{display:block;width:100%;padding:12px 0;font-size:15px;text-align:center;color:#fff;background:#333;font-family:'notokr-medium'}
#mn_mobile li.bmenu > a{display:block;position:relative;width:100%;height:50px;padding-left:15px;border-bottom:1px solid #ddd;font-size:14px;line-height:50px;color:#333;font-family:'notokr-medium'}
#mn_mobile li.bmenu > a:after{display:block;position:absolute;top:0;right:15px;content:"\f105";font-size:20px;font-weight:normal;color:#aaa;font-family:FontAwesome;transition:all .2s}
#mn_mobile li.bmenu > a.active:after{transform:rotate(90deg)}
#mn_mobile li.bmenu > ul.smenu{display:none}
#mn_mobile li.bmenu > ul.smenu li a{display:block;width:100%;padding-left:15px;border-bottom:1px solid #dadada;font-size:13px;line-height:35px;color:#6a6a6a;background-color:#eee}
#mn_mobile .mn_empty{padding:50px 15px;font-size:12px;line-height:1.5;text-align:center;background-color:#eee}

/* 메뉴 BG */
.mn_nav_bg{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:249;background-color:rgba(0,0,0,.5)}

/* 모바일 팝업 */
.hd_pops{max-width:100%;left:0 !important}
.hd_pops_con{max-width:100%;height:auto !important}
.hd_pops_con img{width:100%}
.hd_pops_footer{font-size:13px}  

/* ========================================================================= INDEX */
/* 메인이미지 */
#sh_main_m {position:relative;font-family:'notokr-medium'}
#sh_main_m .main_m_txt{position:absolute;z-index:1;width:100%;top:50%;transform:translateY(-50%);font-size:14px;text-align:center;color:#fff}
#sh_main_m .main_m_txt span {display:inline-block;position:absolute;left:50%;transform:translateX(-50%);margin-top:-10px;padding:0 8px;border-left:5px solid #fff;border-right:5px solid #fff;font-size:16px;line-height:1.2;opacity:0;font-family:'notokr-medium'}
#sh_main_m .main_m_txt p{margin-top:35px;font-size:35px;letter-spacing:-.2px;opacity:0;font-family:'notokr-thin'}
#sh_main_m .overlay{position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;background-color:rgba(0,0,0,.25);opacity:0}

/* 인덱스 */
#sh_index_m{padding-top:30px;font-size:14px;color:#888;line-height:1.6;letter-spacing:-.3px;background-color:#f2f2f2;font-family:'notokr-regular'}

/* 펜션소개 */
#atc_about {padding:0 20px}
#atc_about p{font-size:16px;letter-spacing:0;color:#222;font-family:'notokr-bold'}
#atc_about p:after{display:block;content:"";width:25px;height:2px;margin:7px 0 25px;background-color:#333}

/* 객실슬라이드 */
#atc_room{position:relative;padding:40px 0 0 20px}
#atc_room .tit{margin-bottom:12px;font-size:25px;color:#222;font-family:'notokr-bold'}
#atc_room .room_ct{position:absolute;top:7px;right:20px;width:65px;height:65px;border-radius:100%;font-size:19px;color:#222;line-height:67px;text-align:center;background-color:#fff;box-shadow:0px 20px 30px -10px rgba(0,0,0,.2)}
#atc_room .room_ct a{display:block}
#atc_room .room_ct span{position:absolute;top:-4px;right:-4px;width:26px;height:26px;border-radius:100%;font-size:12px;line-height:28px;color:#fff;background-color:#333;font-family:'notokr-medium'}
#atc_room  ul li{overflow:hidden;position:relative;width:240px!important}
#atc_room  ul li a{display:block;color:#888}
#atc_room  ul li .img{width:250px;height:170px}
#atc_room  ul li .info{position:relative;z-index:1;width:160px;height:90px;padding:12px 20px;margin-top:-35px;font-size:13px;background-color:#fff}
#atc_room  ul li .info p{padding-bottom:2px;font-size:16px;color:#222;font-family:'notokr-bold'}
#atc_room  ul li .info .arr{position:absolute;right:-55px;bottom:0;width:55px;height:55px;font-size:20px;font-weight:bold;text-align:center;line-height:55px;color:#fff;background-color:#333}

/* 펜션갤러리 */
#atc_gallery {position:relative;padding:40px 20px 50px 20px}
#atc_gallery .tit{margin-bottom:12px;font-size:25px;color:#222;font-family:'notokr-bold'}
#atc_gallery ul li{overflow:hidden;position:relative;width:100%;height:110px;margin-bottom:15px;background-color:#fff}
#atc_gallery ul li a{display:block;width:100%;height:100%}
#atc_gallery ul li .img{float:left;max-width:160px;width:50%;height:110px}
#atc_gallery ul li .img img{width:100%}
#atc_gallery ul li .info{float:left;width:50%;height:100%;padding:15px 0 0 20px}
#atc_gallery ul li .info span {overflow:hidden;display:block;width:100%;font-size:11px;letter-spacing:1.2px;color:#bcbcbc;text-overflow:ellipsis;white-space:nowrap;font-family:'notokr-bold'}
#atc_gallery ul li .info .subj{padding-top:2px;font-size:16px;color:#222;font-family:'notokr-bold'}
#atc_gallery ul li .info .more{position:absolute;bottom:15px;right:18px;font-size:20px;font-weight:bold;color:#aaa;line-height:1}
#atc_gallery .more_btn{display:block;width:100%;height:45px;font-size:14px;line-height:45px;color:#fff;text-align:center;background-color:#333;font-family:'notokr-medium'}

/* 아이콘 */
#atc_icon{padding:30px 0;text-align:center;background-color:#fff}
#atc_icon p{font-size:16px;letter-spacing:0;color:#222;font-family:'notokr-bold'}
#atc_icon p:after{display:block;content:"";width:25px;height:2px;margin:7px auto 25px;background-color:#333}
#atc_icon ul li{display:inline-block;margin:0 5px 5px;vertical-align:top;font-size:13px;font-family:'notokr-medium'}
#atc_icon ul li a{display:block;color:#222}
#atc_icon ul li i{display:block;width:65px;height:65px;margin-bottom:7px;border-radius:100%;font-size:16px;text-align:center;line-height:65px;background-color:#f2f2f2}

/* ========================================================================= FOOTER */
#sh_ft_m {width:100%;font-size:12px;color:rgba(255,255,255,.2);line-height:1.6;letter-spacing:-.3px;text-align:center;background-color:#333;font-family:'notokr-regular'}
#sh_ft_m ul{border-bottom:1px solid rgba(255,255,255,.06)}
#sh_ft_m ul li{display:inline-block}
#sh_ft_m ul li:before{display:inline-block;content:"";width:1px;height:10px;margin:0 10px;background-color:rgba(255,255,255,.2)}
#sh_ft_m ul li:first-child:before{display:none}
#sh_ft_m ul li a{line-height:45px;color:rgba(255,255,255,.25)}
#sh_ft_m .add {padding:25px 20px 20px}
#sh_ft_m .add h1{margin-bottom:10px;font-size:13px;font-weight:normal;color:rgba(255,255,255,.4);font-family:'notokr-medium'}
#sh_ft_m .add .go_top{display:inline-block;width:45px;height:45px;margin-top:15px;padding-top:7px;border-radius:100%;font-size:10px;line-height:1.4;color:rgba(255,255,255,.5);background-color:rgba(0,0,0,.2)}
#sh_ft_m .copy{line-height:45px;background-color:rgba(0,0,0,.2)}
#sh_ft_m .copy strong{font-weight:normal;font-family:'notokr-medium'}