@charset "UTF-8"; @import url(http://fonts.googleapis.com/css?family=Noto+Sans); *{margin:0;padding:0;} body {font-family:'Noto Sans KR',Arial,sans-serif !important;font-size:14px !important;} span, p, div, span, a {font-family:'Noto Sans KR',Arial,sans-serif !important;} i, cite, em, var, address, dfn {font-style:normal;} ol,ul{list-style:none;margin:0;} p {margin:0} .h1, .h2, .h3, h1, h2, h3 {padding:0;margin:0;} a {outline:none;} a:hover{font-weight:normal} object, iframe, audio, video {border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} iframe{border:0;margin:0;padding:0;overflow:hidden;max-width:100%;background:#fff;} /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display:none; /*sorry for IE5*/ display/**/:block; /*sorry for IE5*/ position:absolute; /*must have*/ z-index:-1; /*must have*/ top:-4px; /*must have*/ left:-4px; /*must have*/ width:200px; /*must have*/ height:200px; /*must have*/ }/* Progressbar ----------------------------------*/ .ui-datepicker.ui-helper-clearfix {display:none;} .clear {clear:both;} .skip {font-size:0;line-height:0;position:absolute;text-indent:-5000px;top:-5000px;visibility:hidden;} .block{display:block} .hide{display:none} .relative{position:relative;} .absolute{position:absolute;} .f_r{float:right;} .f_l{float:left;} .grayscale { /* Firefox 10+, Firefox on Android */ filter:url("data:image/svg+xml;utf8,#grayscale"); /* IE 6-9 */ filter:gray; /* Chrome 19+, Safari 6+, Safari 6+ iOS, Opera 15+ */ -webkit-filter:grayscale(100%); -webkit-transition:-webkit-filter .5s; } .btn_wp {margin-top:20px;} .btn_wp a {display:inline-flex} /* main nav */ .border {border-bottom:1px solid #d9d9d9;width:100%} #main {} .container {padding:0;} .header {height:170px;width:100%;background:rgba(0,0,0,0.5);margin-bottom:15px;} .gnb .svr_top {position:absolute;top:0;left:0;display:none;} .global_nav {overflow: hidden;} .global_nav ul {float: right;margin-right:15px;margin-top:10px;} .global_nav ul li {float:left;} .global_nav ul li a {font-size:11px;color:#fff;padding:0 5px;} #sub .global_nav ul li a {color:#000;} #sub .gnb_top {margin-top:0} #sub .gnb_top .logo {text-align:left;} .gnb_top {margin-top:-25px;} .gnb_top .logo {text-align:center;} .gnb_top .logo img {margin-top:15px} .gnb_top .navbar {position:absolute;top:120px;width:100%;margin-bottom:0;z-index:17;background-color:transparent;font-size:14px}z .gnb_top .navbar-default .navbar-brand {color:#fff;} .bootstrap_reset, .gnb_top .navbar-default .navbar-nav>.active>a, .gnb_top .navbar-default .navbar-nav>.open>a, .gnb_top .dropdown-menu>li>a:focus, .gnb_top .dropdown-menu>li>a:hover {background-image:none;border:0;border-radius:0;box-shadow:none;text-shadow:none;} .gnb_top .navbar-default .navbar-nav>.active>a, .gnb_top .navbar-default .navbar-nav>.open>a {background:rgba(0,0,0,0.4);color:#fff;} .gnb_top .navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#fff;font-weight:bold;} .gnb_top .navbar-default .navbar-nav>li>a {color:#fff;font-weight:100;text-align:center;} .gnb_top .navbar-default .navbar-nav .open .dropdown-menu>li>a {font-size:13px;font-weight:100;} .gnb_top .navbar-default .navbar-nav>li>a:focus, .gnb_top .navbar-default .navbar-nav>li>a:hover, .gnb_top .navbar-default .navbar-nav>.active>a, .gnb_top .navbar-default .navbar-nav>.active>a:focus, .gnb_top .navbar-default .navbar-nav>.active>a:hover, .gnb_top .dropdown-menu>li>a:focus, .gnb_top .dropdown-menu>li>a:hover {background:rgba(0,0,0,0.4);color:#fff;} .gnb_top .navbar-default .navbar-nav>.open>a, .gnb_top .navbar-default .navbar-nav>.open>a:focus, .gnb_top .navbar-default .navbar-nav>.open>a:hover, .gnb_top .dropdown-header {color:#fff;font-weight:bold;} .gnb_top .dropdown-menu {border:0;} .gnb_top .dropdown-menu, .gnb_top .dropdown-menu>li>a, .gnb_top .dropdown-menu .divider, .gnb_top .navbar-default .navbar-toggle:focus, .gnb_top .navbar-default .navbar-toggle:hover {background-color:#7d7d7d;color:#fff;} .gnb_top .navbar-default .navbar-collapse, .gnb_top .navbar-default .navbar-form {border-color:transparent;} .gnb_top .navbar-default .navbar-toggle {border-color:#07388e} .gnb_top .navbar-default .navbar-toggle .icon-bar {background-color:#a4c2e4;} /* 메인 슬라이더 carousel */ .m_slider {overflow:hidden; z-index:-1;} /* 메인 컨텐츠 */ .main_content {margin-top:700px;} .main_content .section {float:left;margin-bottom:50px;width:100%;} .main_content .section div {float:left;padding:0} .main_content .section div a {line-height:50%} .point_txt {color:#50abef} .point_line {border-bottom:2px solid #50abef} .bullet {border-bottom:2px solid #3a6494;width:30px;margin:15px 0;} .sub_title1 {font-size: 25px;line-height: 35px;font-weight:bold;} .sub_title2 {font-size: 22px;line-height: 30px;font-weight:bold} .sub_title3 {font-size:16px;line-height:26px;} .sub_title4 {font-size: 14px;line-height: 23px;color: #676767;} .mb40 {margin-bottom:40px;} .mb30 {margin-bottom:30px;} .mt25 {margin-top:25px;} .mtb25 {margin:25px 0;} .border_top1 {border-top: 1px solid #e5e5e5 !important;} .table>thead>tr>th {padding:0;vertical-align:middle;} /* 서브 메뉴 */ #sub {position: relative;background: url("../img/bg_sub.jpg") top center repeat-x;background-size:100%;background-position-y:-52px} #sub .header {background-color:#fff;} #sub .gnb_top .navbar {background-color:#64b6e4} .content {clear: both;overflow: hidden;} .content .section {overflow: hidden;margin-bottom:30px;} .content .section.top_banner div {padding: 0;} .content .section.top_banner div a {text-decoration:none;} .content .section.top_banner div a img {width:auto;} .content .section.top_banner div img {width:100%;} .sub_cont {position:relative} .content .section.top_banner div table table tr td img {width:auto;} .sub_cont .left_menu {float: left;width:15%;} .sub_cont .left_menu h3 {border-top:1px solid #4e79ab;padding:10px 0} .sub_cont .left_menu dl {border-bottom:1px solid #4e79ab;} .sub_cont .left_menu dl dt {padding:8px 0;border-top:1px solid #eef4fb;} .sub_cont .left_menu dl dt.click {background:url("../../img/common/left_mn_arr.png") no-repeat right center;} .sub_cont .left_menu dl dt a {display:block;color:#757575} .sub_cont .left_menu dl dt a:hover, .sub_cont .left_menu dl dt.click a {text-decoration:none;color:#496c8a;font-weight:700} .sub_cont .sub_main {float: right;overflow: hidden;min-height: 350px;width:80%;} .sub_cont .sub_main .sub_header {overflow:hidden;margin-bottom:30px;padding:0 20px;border-bottom: 1px solid #d9d9d9;} .sub_cont .sub_main .top_title {letter-spacing: -2px;text-align:left;color: #464646;} .sub_cont .sub_main .top_title h3 {font-size: 40px;line-height: 45px;} .sub_cont .sub_main .cnt_img {margin:25px 0;} .sub_cont .sub_main .cnt_img img {width:100%;border:1px solid #f2f1f1;} .bread_crumbs {overflow:hidden;float:right;} .bread_crumbs ol {text-align:right;font-size:11px;z-index: 3;width: 100%;} .bread_crumbs ol li {float:left;margin:0 2px;color:#989898;} .bread_crumbs .page {color: #272727;} .sub_cont .sub_main .sub_txt {letter-spacing: -1px;} .sub_cont .sub_main .sub_txt .p_txt {margin-bottom:25px;} /*갤러리*/ .sub_gallery {position:relative;overflow:hidden;padding:5px;} .sub_gallery #slider {margin: 0 0 15px!important;} .sub_gallery #carousel li {margin-right: 15px;} .sub_gallery #carousel img {display: block; opacity: .5; cursor: pointer;height:71px;} .sub_gallery #carousel img:hover {opacity: 1;} .sub_gallery #carousel .flex-active-slide img {opacity: 1; cursor: default;} .sub_gallery table.board tr td table tr td.bbsnewf5 > table tr td img {width:280px;max-width:100%;height:100%;} .sub_gallery table.board tr td.board_bgcolor, .sub_gallery table.board tr td.board_desc {border-bottom:1px solid #ddd;padding-left:10px;} .sub_gallery .gallery_subject {line-height:30px;} .board_description img {max-width:100% !important;;width:100%;;height:auto !important; } /*객실정보*/ .preview_wp {width:100%;overflow:hidden;} .preview_wp .preview {position: relative;float: left;text-align: center;padding: 1% 1% 5% 1% !important;width:25%;} .preview_wp .preview a img {border: 1px solid #D1D1D1;width: 100% !important;height: auto;margin-bottom: 5px;} .preview_wp .preview a {display: block;padding-bottom: 13px;font-size: 14px;} .preview_wp .preview a:visited {font-weight: bold;text-decoration: none;color: #565656;} .preview_wp .preview a:link {font-weight: bold;text-decoration: none;color: #565656;} .preview_wp .preview a span {letter-spacing:-1.5px } .preview_wp .room_set {overflow:hidden;} .preview_wp .room_set .sub_title3 {font-weight:bold;} /*펜션서비스*/ .ps_service {position:relative;overflow: hidden;} .ps_service .img {float: left;} .ps_service .img2 {float: right;} .ps_service .txt {float: right;} .ps_service .txt2 {float: left;} .ps_service img {width:100%} /*커뮤니티 - 공지사항*/ table.seLayout {border-width:0 !important;} div.nneditor-container .nneditor-toolbar-container {border-top:0;} div.nneditor-container .seResize2 {border-bottom:0 !important} .community .board tr td {padding:5px;border-bottom:1px solid #D1D1D1;} .community .board tr:last-child {border-bottom:0;} .community table tr.board td {padding:5px;} .community .board tr td.board_admin_bgcolor, .community .board tr td.board_admin_bgcolor > table , .community .board tr td.board_admin_bgcolor table tr td {border-bottom:0;} .community #search {padding-top:10px;} /*커뮤니티 - 방문후기*/ .board_wp .board tr td {padding:5px;border-bottom:1px solid #D1D1D1;} .board_wp table {width:100%;} .board_wp table tr.board {border-bottom:1px solid #D1D1D1;} .board_wp table > table:nth-child(1) tr td {height:1px;} .board_wp table table {border-left:0;border-right:0;} .board_wp table table tr td {border:0;} .board_wp table table tr td.bbsno {padding:3px 0;} .board_wp #search_table {margin-top:10px;width:auto;} .board_wp table table tr td.board_admin_bgcolor table {width:auto;} .board_wp table table tr td.board_admin_bgcolor, .board_wp table table tr td.board_admin_bgcolor table tr td {border-bottom:0;} .bbsnewf5 a {display:inline-flex} .board.board_notice {margin-bottom:15px} .board.board_notice tr td img {display:none;} table tr td.est_cate_cell select {height:22px;line-height:22px;margin-right:5px;} table tr input.keywordform {height:22px;line-height:22px;margin-right:5px;} .board_wp div.nneditor-container table.seLayout .nneditor-iframe-container {background:#fff;} /*오시는길*/ .map {overflow:hidden;padding:0 20px;} .location iframe { text-align: center; overflow: hidden; border: 0px; margin-bottom: 20px; position: relative; transform: translateZ(0px); background-color: rgb(229, 227, 223); } /*객실가격 - 예약안내 모듈 */ .room_price img, .room_price div, .room_price br, .room_price .room_info01, .room_price .room_info02, .room_price .room_info03 {display:none;} .app_table .app_td2 {text-align:center;background:#fff;padding:3px 0;} .app_table #app_td1 {background:#979797;border: 1px solid #CCCCCC;} .app_table #app_td1 td {color:#000} .app_table .app_td3_sum {color:#555555} /*객실예약*/ ul.guide li {list-style: disc;margin-left: 20px;line-height: 19px;} p.reservation_btn {text-align:center;margin-top:30px;} .reservation .res_wp > table {margin-bottom:10px;} .reservation .res_wp > table tr td div#result table tr td table tr:nth-child(2) {height:20px;} .reservation .res_wp table > table.calender_bgcolor {border:1px solid #ddd;} .reservation .m_c_top {background:none;background-color:#f2f2f2;padding: 10px 0;height:auto;} .reservation .m_c_title {font-size:16px;} .reservation .m_c_arr {margin:0px 6px 1px 8px } .reservation #result table table img {width:auto;} .reservation table.reservation_txt tr td img {display:none;border:0;} .reservation table.reservation_txt tr td {background:none !important;font-family:'Noto Sans KR',Arial,sans-serif;} .reservation table.reservation_txt tr td b {display:none !important;} .reservation div.month_day {margin:36px 0 5px 0} .reservation div.month_day #cur span.m_car_tle, .reservation .m_c_title {font-weight:normal;} .reservation table.calendar_tb {border:1px solid #ddd;border-spacing:5px} .reservation table.calendar_tb tr {height:50px; } .reservation table.calendar_tb table tr td {border:4px solid #fff;} .reservation table.calendar_tb .ye {padding:1.5px;background:#868686;line-height:18px;} .reservation .view_calendar {background:none !important;border:1px solid #f2f2f2;margin-bottom: 20px;} .reservation .view_calendar tr:nth-child(2) {display:none;} /*예약 2단계*/ .reservation .app_table, .reservation .r_info_table, .reservation #order_form {margin-top:3px;margin-bottom:30px;} .reservation .app_table tr td {line-height: 21px;} .reservation .app_table #app_td1 {background:#979797; } .reservation .app_td3_sum {color:#979797;padding:3px;} .reservation .r_text_color1 {color:#b9985e} .reservation .m_c_td2 {color:#000;background:none;} .reservation .order_info {border-right:2px solid #979797;border-left:2px solid #979797;} .reservation .order_info table {border-right:0; border-left:0;} .reservation .order_info table tr th, .reservation .order_info table tr:last-child {display:none} .reservation .order_ok .r_info_table .r_info_table tr:last-child {display:none} .reservation #order_form table tr th {background-color: #f2f2f2;color: #212121} .reservation #order_form select {padding:2px 0;} .reservation .r_info_table {border:1px solid #ddd;background:#fff;width:100%;} .reservation .r_info_table td {padding:5px;line-height: 21px;} .reservation .r_info_table td.m_c_td1 {background:none;text-align: center;color: #212121;background: #f2f2f2;} .reservation .r_info_table tr.blank_tr, .reservation .r_info_table td.r_bgcolor_color1 {display:none;} .reservation .r_info_table tr td {width:auto !important;} /*회원가입 - 이용약관*/ .member_check {width:auto;} .member textarea {background-color:#fff} .member input[type="text"][readonly], .member input[type="text"][disabled] {background-color:#f7f7f7} .member table {width:100%; margin:0 auto;} .member table tr:nth-child(1) img {display:none;} .member table tr:nth-child(3) td {padding:5px;} .member table tr:nth-child(3) td table table {width:100%;border:0 !important;} .member table tr:nth-child(3) td > table:nth-child(1) {border:2px solid #f2f2f2} .member table tr:nth-child(3) td table table tr {float:left;} .member table tr:nth-child(3) img {display:none;} .member input.member_border {padding:5px;} .member table.member_txt tr td {padding:5px 10px} .member table.member_txt tr td input[type="checkbox"] {float:left;margin-top:1px} .member table.member_txt textarea{width:100%;height: 129px;} /*회원가입 - 정보입력*/ .member_td_bgcolor {background-color:#f7f7f7 !important;width:150px;} table.membership table.member_txt {border-color:#ddd} table.membership table.member_txt textarea{width:100%;height: 129px;} table.membership table.member_txt tr td input[type="checkbox"] {float:left;margin-top:1px} table.membership table.member_txt tr td:nth-child(2) {padding-left:15px;} table.membership table.member_txt input, table.membership table.member_txt tr td:nth-child(2) select {padding:2px;} table.membership table.member_txt tr td table.member_txt {margin:0} /*로그인*/ .login table {width:100%;background:#f2f2f2} .login table tr td {vertical-align:top;text-align:left;} .login table tr td input[name="com_member_login_id"], .login table tr td input[name="com_member_login_pw"] {border:1px solid #BCBCBC;height: 28px;width:200px;margin-bottom:5px;} .login table tr td input[name="orderNo"], .login table tr td input[name="userEmail"] {border:1px solid #BCBCBC;font-size: 12px;text-align: left;height: 28px;width:150px;margin-bottom:5px;} .login table tr td input[name="userName"] {border:1px solid #BCBCBC;font-size: 12px;text-align: left;height: 28px;width:100px;} .login div {width:100%;padding: 10px;padding: 4% 5%;} .login div > img {display:none} .login div > b {font-size:22px;line-height:30px;margin-bottom:10px;display: block;} .login div table tr {float:left;height:30px;margin-right:10px;} .login div table tr td:first-child{width:65px;font-size:14px} .login div div {background: #f2f2f2;margin-bottom:0;} .login div div hr {display:none;} .login div.approvalArea div.table table tr {float:none;} table.login_table, table.login_table tr td {background:#fff} table.login_table input[type=text] {padding:0 10px;} /*회원정보수정*/ .mypage table {width:100%;} .mypage table.member_txt tr td:nth-child(2) {padding-left:15px;} .mypage table.member_txt tr.out input[type="checkbox"] {float:left;margin-right:2px;} .mypage table.member_txt tr.out td {line-height:21px;padding:2px 0;} .mypage #app_td1 {background:#979797; } .mypage #app_td1 td {padding:2px 0;height:30px;line-height:30px;} /*공지사항 추출*/ .board_output {line-height:19px;} .top_banner {background-color:#ffffff;height:auto;} .top_banner div:nth-child(3) {padding:0 30px !important;height:181px;background-color:#f8f8f8;} .top_banner div:nth-child(3) h3 {color:#3692e1;font-size:14px;font-weight:bold;padding-bottom:5px;margin-bottom:15px;text-align:center;} .top_banner div:nth-child(3) > div {padding:0 !important;height:auto;} .top_banner div:nth-child(3) > div a {line-height: 50%;} .top_banner div:nth-child(3) > div a img {display:none;} #sub .top_banner {background-color:#f0f0f0} /* list Table */ table.list_table {border-color: #CCCCCC;width: 100%;} table.list_table tr th {text-align: center;background: #979797;font-weight: bold;color: #fff;border: 1px solid #CCCCCC;font-size:12px;padding:3px 0;} table.list_table tr td {border:1px solid #CCCCCC;text-align:center;padding:3px 2px;font-size:12px} table.info_table {width:100%;} table.info_table tr {border-bottom:1px solid #e5e5e5} table.info_table tr td {padding:20px 10px;text-align:left;} table.info_table tr td.title {font-weight:bold;vertical-align:top} /* board Table height=0 */ .board_table {border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .board_table tr td {border-top:1px solid #ddd;border-left:1px solid #ddd;padding:3px;} /* SyntaxHighlighter ***********************/ .syntaxhighlighter {width: auto!important; font-size: 13px !important; line-height: 21px !important; font-family: Courier, "Courier New", monospace; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #fff !important; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .syntaxhighlighter .string, .syntaxhighlighter .string a {color: #ff5454 !important;} .syntaxhighlighter .line.alt1, .syntaxhighlighter .line.alt2 {width: 100% !important; padding: 0 !important; background-color: #fff !important;} .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {background-color: #fff !important;} .syntaxhighlighter table td.code {width: auto !important; padding: 10px 12px!important;} .syntaxhighlighter table td.code .line {width: auto !important; padding: 0 !important;} .syntaxhighlighter .color1, .syntaxhighlighter .color1 a {color: #cc7ac6!important;} .syntaxhighlighter .plain, .syntaxhighlighter .plain a {color: #888!important;} .syntaxhighlighter .comments, .syntaxhighlighter .comments a {color: #999!important;} .syntaxhighlighter .keyword {color: #2a93b9!important;} /* 푸터 */ #main footer {position:relative ;bottom: 0;} .sub_footer {border-top:1px solid #c3c3c3;background:transparent} footer {clear:both;width:100%;z-index:1;background:#252525;} footer .container {font-size:11px;color:#676767;padding:35px 0} footer .footer_logo {float:left;margin-right:20px;} footer .footer_bar {float:left;height:95px;margin:0 35px;border-right:1px solid #b0b0b0;} footer .copyright {float:left;} footer .copyright ul {overflow:hidden;line-height:26px;margin-bottom:0;} footer .copyright ul li {float:left;color:#676767;margin:0 10px;} footer .copyright .line {display:none;} footer address {clear: both;margin:0 10px;} /* media query */ /*미디어쿼리 높은 숫자 순서로 그사이즈 이하(max-width)는 모두(all)*/ @media all and (max-width:1200px){ .container {width:100%;} .main_content .section div img {width:100%;} #sub {background-size:100% 20%} .sub_cont div.sub_main {width:100%;padding:0} } @media only screen and (max-width:1023px){ .gnb_top .navbar-default .navbar-collapse, .gnb_top .navbar-default .navbar-form {border-color:transparent;background-color:rgba(0,0,0,0.8);} } @media only screen and (max-width:414px){ table.list_table tr td {font-size:12px;} .sub_cont .sub_main .sub_txt {padding:0 10px;} .login .login1 table tr td.member_id, .login .login1 table tr td.member_pw, .login .login2 table tr td.member_no, .login .login2 table tr td.member_nm, .login .login2 table tr td.member_email {font-size:12px;} .login table tr td input[name="com_member_login_id"], .login table tr td input[name="com_member_login_pw"] {width:150px} .login table tr td input[name="userName"], .login table tr td input[name="orderNo"], .login table tr td input[name="userEmail"] {width:150px} .login .login1 div div, .login .login2 div div {margin-top:30px;} .member table tr:nth-child(3) td {padding:5px;width:100%;display:block;border:0;} .member table tr:nth-child(3) td table table tr td:nth-child(2) input[type="image"] {margin-left:5px;} footer .copyright ul li {float:none;} footer .copyright ul br {display:none;} } /*min은 작은 것 에서 큰것으로 마지막에 가장넓은 사이즈 이상(min-width)에서만(only)*/ @media all and (min-width :1024px) { .gnb_top .global_nav {top: 73px;} .gnb_top .navbar-nav {width: 760px;margin: 0 auto;float: none;} .gnb_top .navbar-nav>li {width:126px;} }