/* 메인영역 스타일 시트 */ body { } div#contents { width:100% ;} /*input number 화살표 제거 20190814*/ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* mobile -wide*/ @media only screen and (max-width:1023px){ div#han_wrap { width: 100%; background:#f1f1f1; } div#content { width:100%; margin:0px auto;} ul.sub_2_tab { width:98%; margin:0px auto; } /* 메뉴 3개 */ ul.sub_2_tab li { float:left; width:43%; margin:.5%; font-size:13px; } ul.sub_2_tab li:nth-of-type(1) { border-left:1px solid #b4b3b3; } ul.sub_2_tab li.tabon { display:block; padding:8px; text-align:center; color:#fff; background-color:#2a2a2a;border:1px solid #f6f6f6; cursor:pointer; } ul.sub_2_tab li.taboff { display:block; padding:8px; text-align:center; color: #222; background-color:#ececec; border:1px solid #f6f6f6; cursor:pointer; } ul.sub_2_tab li.taboff:hover { display:block; padding:8px; text-align:center; color: #fff; background-color:#555; border:1px solid #f6f6f6; cursor:pointer; } div#sub_cont { position:relative;width:100%;margin-top:0px; background:url('/new_images/sub/sub_bg.jpg'); background-size:cover; background-size:100%; background-attachment: fixed; } div#sub_cont div.wrap { width:98%; margin:0px auto; } div#sub_cont div.wrap ul { width:98%; text-align:center; font-size:17px; margin:0px auto; } div#sub_cont div.wrap ul h2 { padding:40px;text-align:center;font-size:22px;letter-spacing:1px;line-height:22px; -webkit-font-smoothing: subpixel-antialiased; } div#sub_cont div.wrap ul h3 { padding:20px;text-align:center;font-size:15px;line-height:20px; -webkit-font-smoothing: subpixel-antialiased; } div#sub_cont div.wrap ul p { font-size:15px; letter-spacing:1px; } div#sub_cont div.wrap ul li { float:left; width:30%; margin:12% 1%; font-size:15px; padding-top:42px; } div#sub_cont div.wrap img { text-align:center; margin:0px auto;padding:10px auto; } div#sub_cont div.wrap ul li span { font-size:15px; font-weight:bold; letter-spacing:1px; } div#cont { position:table;width:100%;margin-top:120px; } div#cont ul.sub_title { margin:0px auto;text-align:center;padding:70px auto;text-align:center;width:50%;font-size:25px; letter-spacing:1px;font-weight:bold; } /* 메뉴 3개 */ div#cont div#cont1 { width:100%; margin:10px auto; } div#cont div#cont1 ul.step { position:table;width:98%;margin:0px auto; } /* 메뉴 3개 */ div#cont div#cont1 ul.step li { float:left; width:30%; margin:2% .2%;padding:4px; } /* 메뉴 3개 */ div#cont div#cont1 { width:100%; margin:10px auto; } div#cont div#cont1 ul.jijem { width:98%; margin:10px auto; } /* 메뉴 3개 */ div#cont div#cont1 ul.jijem li { float:left; width:28%; margin:.5%; font-size:13px; } div#cont div#cont1 ul.jijem li:nth-of-type(1) { border-left: 1px solid #b4b3b3; } div#cont div#cont1 ul.jijem li.tabon { display:block; padding:5px; text-align:center; color:#fff; background:#737373;border:1px solid #747474; cursor:pointer; } div#cont div#cont1 ul.jijem li.taboff { display:block; padding:5px; text-align:center; color: #222; background:#ececec; border:1px solid #747474; cursor:pointer; } div#cont div#cont_text { position:table; width:100%; margin:2px auto; } div#cont div#cont_text ul.sub_title { float:left; width:50%; font-size:32px; } /* 메뉴 3개 */ div#cont div#cont_text div.tt { display:block; padding:2px; } div#cont div#cont_text div.tt_text { display:block; padding:2px; } div#cont div#cont_text div.tt_text ul li { width:42%; margin:1%; float:left; } div#cont div#cont_text div.tt_text ul li img { width:100%; } div#cont div#cont_text div.tt_img { display:block; padding:2px; } div#cont div#cont_text div.tt_img ul li { display:inline-block; width:46%; /*기존 width:23%*/ margin:.5%; /*float:left;*/ } div#cont div#cont_text div.tt_img ul li img { width:100%;} div#cont div#cont_text div#reser { margin:20px auto;width:150px;padding:10px;color:#fff;text-align:center;font-size:15px;background:#2e2e2e;border-radius:12px; } div#cont_text ul { /*margin-top:46px;*/ } div#cont_text ul h1 { padding-top:10px;text-align:left; font-size:24px; letter-spacing:1px; line-height:24px; -webkit-font-smoothing: subpixel-antialiased; } div#cont_text ul h2 { padding-top:10px;text-align:left; font-size:18px; letter-spacing:1px; line-height:18px; -webkit-font-smoothing: subpixel-antialiased; } div#cont_text ul h3 { padding-top:10px;text-align:left; font-size:18px; letter-spacing:1px; -webkit-font-smoothing: subpixel-antialiased; } div#cont_text ul h4 { padding-top:10px;text-align:left; font-size:15px; letter-spacing:1px; line-height:18px; -webkit-font-smoothing: subpixel-antialiased; } div#cont_text div.notice { display:block; padding:2px; } div#cont_text div.notice ul { display:block; padding:2px; } div#cont_text div.notice ul li.title { float:left; width:23%; margin:1%; } div#cont_text div.notice ul li.title h2 { font-size:42px; letter-spacing:6px; line-height:40px; font-weight:normal; } div#cont_text div.notice ul li.full { float:left; width:70%; margin:1%; } div#cont_text div.notice ul li.full li { text-align:center; letter-spacing:.5px; margin:1%; } div#cont_text div.notice ul li img { width:100%; } div#cont_text div.tt_input { display:block; width:85%; padding:2px; margin:0 auto; } div#cont_text div.tt_input ul li { width:98%; padding:30px 0 0; font-size:13px; } div#cont_text div.tt ul li .text{ font-size:15px; } div#cont_text div.tt_input .val_m{ vertical-align:middle; } div#cont_text div.reser_input { display:block; width:100%; padding:2px; margin:0px auto; } div#cont_text div.reser_input ul li { width:65%; padding:20px; font-size:13px; margin:0px auto;} div#cont_thema { width:100%; margin:10px auto; } div#cont_thema ul { width:70%; margin:0 auto; } div#cont_thema ul h2 { padding-top:80px;text-align:left; font-size:58px; letter-spacing:2px; line-height:1.4em; color: #333; -webkit-font-smoothing: subpixel-antialiased; } div#cont_thema ul h3{ padding-top:25px;text-align:left; font-size:22px; line-height:32px; color: #333; -webkit-font-smoothing: subpixel-antialiased; } div#cont_thema ul li { float:left; width:30%; margin:5% 1%; font-size:15px; text-align:center; } div#cont_thema ul li span{ font-size:15px; letter-spacing:2px; } div#cont_thema ul li img { padding:2px; width:100%; } /*======================================================= 멤버쉽 로그인 CSS =========================================================================================== */ div.cont_login { width:100%; margin-top:100px; } div.cont_login ul { margin:0 auto; width:98%; padding:10px; text-align:left; } div.cont_login ul li { margin:12px auto; width:92%; } div.cont_login ul li form[name=LOGIN] { width:100%; margin:0px auto; } div.cont_login ul li form[name=LOGIN] ul li { font-size:13px; } div.cont_login ul li form[name=LOGIN] ul li select { width:100%; border:1px solid #ddd; padding:12px; color:#777;background:#f6f6f6;font-size:17px;} div.cont_login ul li form[name=LOGIN] ul li input[type=text]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px;} div.cont_login ul li form[name=LOGIN] ul li:hover input[type=text]{ width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; } div.cont_login ul li form[name=LOGIN] ul li input[type=password]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px; } div.cont_login ul li form[name=LOGIN] ul li:hover input[type=password] { width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; } div.cont_login ul li form[name=LOGIN] ul li input[type=submit]{ width:100%; border:1px solid #1fbc02; background:#1fbc02; padding:8px; height:58px; color:#fff; font-size:13px; cursor:pointer; } div.cont_login li.logo { text-align:center; } div.cont_login li.tit { width:100%; padding:16px; font-size:15px; color:#fff; text-align:center; background:#41a0d6; } div#cont div.cont_two { width:100%; margin-top:20px; } div#cont div.cont_two ul { margin:0 auto; width:1080px; padding:10px; text-align:center; } div#cont div.cont_two ul li { float:left; width:48%; margin:1%; border-bottom:1px solid #f6f6f6; text-align:justify; } div#cont div.cont_3 { width:100%; margin-top:20px; } div#cont div.cont_3 ul { margin:0 auto; width:1080px; padding:10px; text-align:center; } div#cont div.cont_3 ul li { float:left; width:31%; margin:1%; border-bottom:1px solid #f6f6f6; text-align:justify; } .respon { left-margin:20px; letter-spacing: 0; } /*======================================================= 예약리스트 CSS =========================================================================================== */ div.reser { width:100%; margin:2px auto; text-align:center; } /*달력 css 20201218 */ #reser1 { width:98%; margin:2px 1%; padding:4px 0; } #reser1 ul {width:100%;text-align:left;font-size:12px} #reser1 ul li.title { margin:5px auto; width:98%; font-size:15px !important; text-align:center; color:#fff; padding:6px; background:#333;} input[name=chois_date] { font-size:18px; } /*테마선택 css 20201218 */ #reser2 { width:98%; margin:1px 1%; color: white; padding:2px 0; } #reser2 ul {width:100%;} #reser2 ul li.title { margin:5px auto; width:98%; font-size:15px !important; text-align:center; color:#fff; padding:6px; background:#333;} #reser2 ul li{ margin:3px auto; width:98%; font-size:13px !important; text-align:center; color:#fff; padding:6px;} #reser2 ul li.tabon { display:block; width:98%; padding:6px; text-align:center; color:#fff; background-color: #2a2a2a; cursor:pointer; } #reser2 ul li.taboff { display:block; width:98%; padding:6px; text-align:center; color: #222; background-color:#fff; cursor:pointer; } #reser2 ul li.taboff:hover { display:block; width:98%; padding:6px; text-align:center; color: #fff; background-color:#959595; cursor:pointer; } /*예약하기 클릭 css 20201218 */ #reser3 { width:98%; margin:10px 1%; padding:10px 0; } #reser3 ul {width:100%;} #reser3 ul li.title { margin:5px auto; width:98%; font-size:15px !important; text-align:center; color:#fff; padding:6px; background:#333;} #reser3 ul li.thema:focus{ display:block; margin:3px auto; width:98%; padding:4px; font-size:15px; background:#222;color:#fff; } #reser3 ul li.timeOn { display:block; margin:2px; float:left; text-align:center; padding:4px; font-size:15px; color:#fff;width:28%;background:#2a2a2a;border:1px solid #222; } #reser3 ul li.choisOn { display:block; margin:2px; float:left; text-align:center; padding:4px; font-size:15px; color:#fff;width:28%;background:#9f0a0e;border:1px solid #222; } #reser3 ul li.timeOff { display:block; margin:2px; float:left; text-align:center; padding:4px; font-size:15px; color:#333;width:28%;background:#959595; border:1px solid #222; } #reser3 ul div ul.list { margin:0px 1.5px; } .6_2_wrap{ padding:40px 0; } /*======================================================= 예약입력 CSS =========================================================================================== */ #reser_input { margin:0px auto; width:98%; font-size:15px !important; } /*======================================================= 멤버쉽 로그인 CSS =========================================================================================== */ #btns1 {width:48.0%;text-align:center; margin-top:0px; float:left; background:#fff;border: 1px solid #555;} #btns1 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:2px; font-size:13px;} #btns1 a:hover { color:#111;;background:#ddd;} #btns2 {width:48.0%;text-align:center; margin-top:0px; float:right; background:#222; color:#fff;border: 1px solid #555;} #btns2 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:2px; font-size:13px; color:#fff;} #btns2 a:hover { color:#111; background:#ddd;} #radi{ margin:1px auto; width:100px; font-size:15px;text-align:center; padding:15px;border:1px solid #5a6671;color:#5a6671;letter-spacing:2px;cursor:pointer; } #radi:hover{ color:#fff; } #bs1 {width:31.0%;text-align:center; margin: 10px; float:left; background:#1ba97c; color:#fff; border: 1px solid #555;} #bs1 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px; color:#fff;} #bs1 a:hover { color:#111;;background:#5ce6ba;} #bs2 {width:31.0%;text-align:center; margin: 10px; float:left; background:#31a5e8; color:#fff;border: 1px solid #555;} #bs2 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px; color:#fff;} #bs2 a:hover { color:#111; background:#8cd3fc;} #bs3 {width:31.0%;text-align:center; margin: 10px; float:left; background:#222; color:#fff;border: 1px solid #555;} #bs3 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px; color:#fff;} #bs3 a:hover { color:#111; background:#ddd;} /*======================================================= 상세보기 팝업 CSS 201908=========================================================================================== */ div.block { position:relative; padding:10px 2px 0 2px;} a.expand { margin:0px auto;display: block;position:absolute;z-index:100;width:92%;height:100%;text-align:center; color: #fff;font-size:11px; } .reveal-modal-bg { position:fixed;height:100%; width:100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none;top:0;left:0; } .reveal-modal { visibility: hidden;top:50px;left:2%;margin-left:-10px;width:96%; background: #eee url(modal-gloss.png) no-repeat -200px -80px; position:absolute; z-index:101; padding:4px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal .close-reveal-modal { font-size:36px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa;text-shadow: 0 -1px 1px rbga(0,0,0,.6);font-weight: bold; cursor: pointer; } } /* pc */ @media only screen and (min-width:1024px) { ul.sub_2_tab { width:65%; margin:0px auto; } /* 메뉴 3개 */ ul.sub_2_tab li { float:left; width:46%; margin:1%; font-size:15px; } ul.sub_2_tab li:nth-of-type(1) { border-left:1px solid #b4b3b3; } ul.sub_2_tab li.tabon { display:block; padding:8px; text-align:center; color:#fff; background-color:#2a2a2a;border:1px solid #f6f6f6; cursor:pointer; } ul.sub_2_tab li.taboff { display:block; padding:8px; text-align:center; color: #222; background-color:#ececec; border:1px solid #f6f6f6; cursor:pointer; } ul.sub_2_tab li.taboff:hover { display:block; padding:8px; text-align:center; color: #fff; background-color:#555; border:1px solid #f6f6f6; cursor:pointer; } div#sub01 { position:relative; display:block; width:100%; padding-top:120px; } div#sub01 h1 { padding-top:30px;color:#222; font-size:28px;text-align:center;margin:.2% auto; } div#sub01 p { padding:10px auto; color:#7b7b7c;font-size:17px;text-align:center; } div#sub01 div.li { width:1px;height:20px;background:#222;margin:.5% auto;margin-bottom:3%; } div#sub01 ul { width:80%; margin:1% auto; } div#sub01 ul li:first-child { width:42%;padding:3%;float:left; } div#sub01 ul li img { width:100%;text-align:center; } div#sub01 ul li:nth-child(2) { width:42%;padding:2%;float:left; } div#sub01 ul li div { margin-bottom:10%; } div#sub01 ul li div span.sub01_t1 { font-size:18px; font-weight:bold; color:#2f3273;} div#sub01 ul li div span.sub01_t2 { width:100px;float:left;} div#sub01 ul li div img{ width:90px;height:40px;float:left; } div#sub01 ul li div p { width:80%;font-size:13px; padding:10px 0px; line-height:25px; text-align:left; color:#222; } div#sub02 { position:relative; display:block; width:100%; padding-top:18px; } div#sub02 div#cont { position:table;width:100%;margin-top:83px; background:url('/new_images/sub/sub_bg.jpg'); background-size:cover; background-size:100%; } div#sub02 div#cont ul.sub_title { margin:20px auto;padding-top:50px;text-align:center;width:50%; font-size:42px; letter-spacing:1px; font-weight:bold; } /* 메뉴 3개 */ div#sub02 div#cont div#cont1 { width:65%; margin:10px auto; } div#sub02 div#cont div#cont1 ul.jijem { width:98%; margin:10px auto; } /* 메뉴 3개 */ div#sub02 div#cont div#cont1 ul.jijem li { float:left; width:18%; font-size:15px; } div#sub02 div#cont div#cont1 ul.jijem li:nth-of-type(1) { border-left: 1px solid #b4b3b3; } div#sub02 div#cont div#cont1 ul.jijem li.tabon { display:block; padding:10px 10px; text-align:center; color:#fff; background:#737373;border:1px solid #747474; cursor:pointer; } div#sub02 div#cont div#cont1 ul.jijem li.taboff { display:block; padding:10px 10px; text-align:center; color: #222; background:#ececec; border:1px solid #747474; cursor:pointer; } div#sub02 div#cont div#cont_text { position:table; width:65%; margin:10px auto; } div#sub02 div#cont div#cont_text ul.sub_title { float:left;width:50%; font-size:32px; } /* 메뉴 3개 */ div#sub02 div#cont div#cont_text div.tt { display:block; padding:2px; } div#sub02 div#cont div#cont_text div.tt_text { display:block; padding:2px; } div#sub02 div#cont div#cont_text div.tt_text ul li { width:30%; margin:1%; float:left; } div#sub02 div#cont div#cont_text div.tt_text ul li img { width:100%; height:260px; } div#sub02 div#cont div#cont_text div.tt_img { display:block; padding:2px; } div#sub02 div#cont div#cont_text div.tt_img ul li { display:inline-block; width:22.8%; /*기존 width:23%*/ margin:0.9%; /*float:left;*/ } div#sub02 div#cont div#cont_text div.tt_img ul li img { width:100%;} div#sub02 div#cont div#cont_text div.tt_addr { display:block; padding:12px 8px; font-size:18px; } div#cont div#cont_text div#reser { margin:20px auto;width:180px;padding:16px;color:#fff;text-align:center;font-size:18px;background:#2e2e2e;border-radius:30px; } div#cont_text ul { /*margin-top:46px;*/ } div#cont_text ul h1 { padding-top:10px;text-align:left; font-size:24px; letter-spacing:1px; line-height:24px; -webkit-font-smoothing: subpixel-antialiased; } div#cont_text ul h2 { padding-top:10px;text-align:left; font-size:18px; letter-spacing:1px; line-height:18px; -webkit-font-smoothing: subpixel-antialiased; } div#cont_text ul h3 { padding-top:10px;text-align:left; font-size:18px; letter-spacing:1px; -webkit-font-smoothing: subpixel-antialiased; } div#cont_text ul h4 { padding-top:10px;text-align:left; font-size:15px; letter-spacing:1px; line-height:18px; -webkit-font-smoothing: subpixel-antialiased; } div#cont_text div.notice { display:block; padding:2px; } div#cont_text div.notice ul { display:block; padding:2px; } div#cont_text div.notice ul li.title { float:left; width:23%; margin:1%; } div#cont_text div.notice ul li.title h2 { font-size:42px; letter-spacing:6px; line-height:40px; font-weight:normal; } div#cont_text div.notice ul li.full { float:left; width:70%; margin:1%; } div#cont_text div.notice ul li.full li { text-align:center; letter-spacing:.5px; margin:1%; } div#cont_text div.notice ul li img { width:100%; } div#cont_text div.tt_input { display:block; width:85%; padding:2px; margin:0 auto; } div#cont_text div.tt_input ul li { width:98%; padding:30px 0 0; font-size:13px; } div#cont_text div.tt ul li .text{ font-size:15px; } div#cont_text div.tt_input .val_m{ vertical-align:middle; } div#cont_text div.reser_input { display:block; width:100%; padding:2px; margin:0px auto; } div#cont_text div.reser_input ul li { width:65%; padding:20px; font-size:13px; margin:0px auto;} div#cont_thema { width:100%; margin:10px auto; } div#cont_thema ul { width:70%; margin:0 auto; } div#cont_thema ul h2 { padding-top:80px;text-align:left; font-size:58px; letter-spacing:2px; line-height:1.4em; color: #333; -webkit-font-smoothing: subpixel-antialiased; } div#cont_thema ul h3{ padding-top:25px;text-align:left; font-size:22px; line-height:32px; color: #333; -webkit-font-smoothing: subpixel-antialiased; } div#cont_thema ul li { float:left; width:30%; margin:5% 1%; font-size:15px; text-align:center; } div#cont_thema ul li span{ font-size:15px; letter-spacing:2px; } div#cont_thema ul li img { padding:2px; width:100%; } /*======================================================= 멤버쉽 로그인 CSS =========================================================================================== */ div.cont_login { width:100%; margin-top:150px; } div.cont_login ul { margin:0 auto; width:50%; padding:10px; text-align:left; } div.cont_login ul li { margin:12px auto; width:98%; } div.cont_login ul li form[name=LOGIN] { width:100%; margin:0px auto; } div.cont_login ul li form[name=LOGIN] ul li { font-size:13px; } div.cont_login ul li form[name=LOGIN] ul li select { width:100%; border:1px solid #ddd; padding:12px; color:#777;background:#f6f6f6;font-size:17px;} div.cont_login ul li form[name=LOGIN] ul li input[type=text]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px;} div.cont_login ul li form[name=LOGIN] ul li:hover input[type=text]{ width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; } div.cont_login ul li form[name=LOGIN] ul li input[type=password]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px; } div.cont_login ul li form[name=LOGIN] ul li:hover input[type=password] { width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; } div.cont_login ul li form[name=LOGIN] ul li input[type=submit]{ width:100%; border:1px solid #1fbc02; background:#1fbc02; padding:8px; height:58px; color:#fff; font-size:13px; cursor:pointer; } div.cont_login li.logo { text-align:center; } div.cont_login li.tit { width:100%; padding:16px; font-size:15px; color:#fff; text-align:center; background:#41a0d6; } div#cont div.cont_two { width:100%; margin-top:20px; } div#cont div.cont_two ul { margin:0 auto; width:1080px; padding:10px; text-align:center; } div#cont div.cont_two ul li { float:left; width:48%; margin:1%; border-bottom:1px solid #f6f6f6; text-align:justify; } div#cont div.cont_3 { width:100%; margin-top:20px; } div#cont div.cont_3 ul { margin:0 auto; width:1080px; padding:10px; text-align:center; } div#cont div.cont_3 ul li { float:left; width:31%; margin:1%; border-bottom:1px solid #f6f6f6; text-align:justify; } .respon { left-margin:20px; letter-spacing: 0; } /*======================================================= 예약리스트 CSS =========================================================================================== */ div#sub03 { position:relative; display:block; width:100%; padding-top:18px; } div#sub03 div#cont { position:table;width:100%;margin-top:83px; } div#sub03 div#cont ul.sub_title { margin:20px auto;padding-top:50px;text-align:center;width:50%; font-size:42px; letter-spacing:1px; font-weight:bold; } /* 메뉴 3개 */ div#sub03 div#cont div#cont1 { width:65%; margin:10px auto; } div#sub03 div#cont div#cont1 ul.step { position:table;width:80%;margin:0px auto; } /* 메뉴 3개 */ div#sub03 div#cont div#cont1 ul.step li { float:left; width:30%; margin:.5%;padding:10px; } /* 메뉴 3개 */ div#sub03 div#cont div#cont1 ul.jijem { width:98%; margin:10px auto; } /* 메뉴 3개 */ div#sub03 div#cont div#cont1 ul.jijem li { float:left; width:18%; font-size:15px; } div#sub03 div#cont div#cont1 ul.jijem li:nth-of-type(1) { border-left: 1px solid #b4b3b3; } div#sub03 div#cont div#cont1 ul.jijem li.tabon { display:block; padding:10px 10px; text-align:center; color:#fff; background:#737373;border:1px solid #747474; cursor:pointer; } div#sub03 div#cont div#cont1 ul.jijem li.taboff { display:block; padding:10px 10px; text-align:center; color: #222; background:#ececec; border:1px solid #747474; cursor:pointer; } div#sub03 div#cont div#cont_text { position:table; width:65%; margin:10px auto; } div#sub03 div#cont div#cont_text ul.sub_title { float:left;width:50%; font-size:32px; } /* 메뉴 3개 */ div#sub03 div#cont div#cont_text div.tt { display:block; padding:2px; } div#sub03 div#cont div#cont_text div.tt_text { display:block; padding:2px; } div#sub03 div#cont div#cont_text div.tt_text ul li { width:30%; margin:1%; float:left; } div#sub03 div#cont div#cont_text div.tt_text ul li img { width:100%; height:260px; } div#sub03 div#cont div#cont_text div.tt_img { display:block; padding:2px; } div#sub03 div#cont div#cont_text div.tt_img ul li { display:inline-block; width:22.8%; /*기존 width:23%*/ margin:0.9%; /*float:left;*/ } div#sub03 div#cont div#cont_text div.tt_img ul li img { width:100%;} div#sub03 div#cont div#cont_text div.tt_addr { display:block; padding:12px 8px; font-size:18px; } div#sub03 div#cont div#cont_text div#reser { margin:20px auto;width:180px;padding:16px;color:#fff;text-align:center;font-size:18px;background:#2e2e2e;border-radius:30px; } div#sub03 div#cont_text ul { /*margin-top:46px;*/ } div#sub03 div#cont_text ul h1 { padding-top:10px;text-align:left; font-size:24px; letter-spacing:1px; line-height:24px; -webkit-font-smoothing: subpixel-antialiased; } div#sub03 div#cont_text ul h2 { padding-top:10px;text-align:left; font-size:18px; letter-spacing:1px; line-height:18px; -webkit-font-smoothing: subpixel-antialiased; } div#sub03 div#cont_text ul h3 { padding-top:10px;text-align:left; font-size:18px; letter-spacing:1px; -webkit-font-smoothing: subpixel-antialiased; } div#sub03 div#cont_text ul h4 { padding-top:10px;text-align:left; font-size:15px; letter-spacing:1px; line-height:18px; -webkit-font-smoothing: subpixel-antialiased; } div#noti { position:table;width:65%;margin:20px auto; } div#noti ul { width:96%; margin:20px auto;padding-top:50px;text-align:center;font-size:42px; letter-spacing:1px; font-weight:bold; } /* 메뉴 3개 */ div.reser { width:65%; margin:2px auto; text-align:center; } /*달력 css 20201218 */ #reser1 { float:left; width:28%; margin:10px 1%; padding:10px 0; } #reser1 ul {width:100%;text-align:left;font-size:12px} #reser1 ul li.title { margin:5px auto; width:98%; font-size:15px !important; text-align:center; color:#fff; padding:6px; background:#333;} input[name=chois_date] { font-size:18px; } /*테마선택 css 20201218 */ #reser2 { float:left; width:28%; margin:10px 1%; color: white; padding:10px 0; } #reser2 ul {width:100%;} #reser2 ul li.title { margin:5px auto; width:98%; font-size:15px !important; text-align:center; color:#fff; padding:6px; background:#333;} #reser2 ul li{ margin:3px auto; width:98%; font-size:13px !important; text-align:center; color:#fff; padding:6px;} #reser2 ul li.tabon { display:block; width:98%; padding:6px; text-align:center; color:#fff; background-color: #2a2a2a; cursor:pointer; } #reser2 ul li.taboff { display:block; width:98%; padding:6px; text-align:center; color:#222; background-color:#fff; cursor:pointer; } #reser2 ul li.taboff:hover { display:block; width:98%; padding:6px; text-align:center; color:#222; background-color:#f6f6f6; cursor:pointer; } /*예약하기 클릭 css 20201218 */ #reser3 { float:left; width:38%; margin:10px 1%; padding:10px 0; } #reser3 ul {width:100%;} #reser3 ul li.title { margin:5px auto; width:98%; font-size:15px !important; text-align:center; color:#fff; padding:6px; background:#333;} #reser3 ul li.thema:focus{ display:block; margin:3px auto; width:98%; padding:4px; font-size:15px; background:#222;color:#fff; } #reser3 ul li.timeOn { display:block; margin:3px 2px; float:left; text-align:center; padding:2%; font-size:15px; color:#fff;width:28%;background:#2a2a2a;border:1px solid #222; } #reser3 ul li.choisOn { display:block; margin:3px 2px; float:left; text-align:center; padding:2%; font-size:15px; color:#fff;width:28%;background:#9f0a0e;border:1px solid #222; } #reser3 ul li.timeOff { display:block; margin:3px 2px; float:left; text-align:center; padding:2%; font-size:15px; color:#333;width:28%;background:#959595; border:1px solid #222; } #reser3 ul div ul.list { margin:0px 1.5px; } .6_2_wrap{ padding:40px 0; } /*======================================================= 예약입력 CSS =========================================================================================== */ #reser_input { margin:0px auto; width:98%; font-size:15px !important; } /*======================================================= 멤버쉽 로그인 CSS =========================================================================================== */ #btns1 {width:48.0%;text-align:center; margin-top:0px; float:left; background:#fff;border: 1px solid #555;} #btns1 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:2px; font-size:13px;} #btns1 a:hover { color:#111;;background:#ddd;} #btns2 {width:48.0%;text-align:center; margin-top:0px; float:right; background:#222; color:#fff;border: 1px solid #555;} #btns2 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:2px; font-size:13px; color:#fff;} #btns2 a:hover { color:#111; background:#ddd;} #radi{ margin:1px auto; width:100px; font-size:15px;text-align:center; padding:15px;border:1px solid #5a6671;color:#5a6671;letter-spacing:2px;cursor:pointer; } #radi:hover{ color:#fff; } #bs1 {width:31.0%;text-align:center; margin: 10px; float:left; background:#1ba97c; color:#fff; border: 1px solid #555;} #bs1 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px; color:#fff;} #bs1 a:hover { color:#111;;background:#5ce6ba;} #bs2 {width:31.0%;text-align:center; margin: 10px; float:left; background:#31a5e8; color:#fff;border: 1px solid #555;} #bs2 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px; color:#fff;} #bs2 a:hover { color:#111; background:#8cd3fc;} #bs3 {width:31.0%;text-align:center; margin: 10px; float:left; background:#222; color:#fff;border: 1px solid #555;} #bs3 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px; color:#fff;} #bs3 a:hover { color:#111; background:#ddd;} div.block { position: relative; padding: 0 15px 0 15px; } /*======================================================= 상세보기 팝업 CSS 201908=========================================================================================== */ a.expand { margin:0px auto;display: block;position:absolute;z-index:100;width:92%;height:100%;text-align:center; color: #fff;font-size:17px; } .reveal-modal-bg { position:fixed;height:100%; width:100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none;top:0;left:0; } .reveal-modal { visibility: hidden;top:100px;left:40%; margin-left:-300px;width:40%; background: #eee url(modal-gloss.png) no-repeat -200px -80px; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa;text-shadow: 0 -1px 1px rbga(0,0,0,.6);font-weight: bold; cursor: pointer; } }