@charset "utf-8"; @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); /***** 공통 *****/ *{margin:0;padding:0;} body{ font-size:11px; line-height:110%; color:#666; text-align:center; font-family: 'NanumGothic' !important; } input, select, textarea{ color:#666; font-family:Dotum,Gulim,AppleGothic,Sans-serif; } input{text-align:left !important; padding:0px 10px; box-sizing:border-box; } img,fieldset,iframe{border:0 none;} ul li{list-style:none; margin:0; padding:0;} legend{ display:none;} .text{white-space:nowrap;}/*텍스트줄바꿈방지*/ form{padding:0px; margin:0px;} a:link {font-size:12px;color:#818181; text-decoration:none;} a:visited {font-size:12px;color:#818181; text-decoration:none;} a:hover {font-size:12px;color:#333333; text-decoration: none;} #site_banner{margin-bottom:0px !important; float:left; width:523px; left:0px; top:0px; position:absolute;} #site_banner .btnL{margin:25px 0px 0 0px;float:left;} #site_banner .thumb{float:left;margin:20px 10px 0 10px;} #site_banner .btnR{margin:25px 0px 0 0px;float:right;padding-top:0 !important;} .scroll{margin-bottom:0px !important;width:423px;height:79px;background:url(/images/site_bg.gif) repeat-x;} #bannWrap {margin-left:0;float:left;overflow:hidden;position:relative;width:345px;height:79px; margin-top:5px;} #bannList{position:absolute;margin-bottom:0px !important; height:79px; text-align:left; width:4000px; float:left;} #bannList:after {/*content:" ";display:block;visibility:hidden;clear:both;*/} #bannList li{display:inline;border-bottom:0 !important; float:left;} #bannList img{margin-right:22px;margin-top:10px;} @media screen and (min-width: 0px) and (max-width: 1000px) { #main_visual{position:relative; float:left; clear:both; width:1000px; text-align:left;} #GNB{position:relative; float:left; width:1000px; height:180px; background:#fefaf4; text-align:center;} #sub_GNB{position:relative; float:left; width:1000px; height:180px; text-align:center;} #main_banner_wrap{position:relative; width:1000px; height:124px; border-bottom:1px solid #e3e3e3; text-align:center; display:inline-block;} #footer{position:relative; text-align:center; width:1000px; z-index:1; float:left;} #content_wrap{position:relative; float:left; width:1000px; text-align:center; height:auto; line-height:180%; background:url(../image/total/topmenu_bg.gif) left top repeat-x;} #quick{position:fixed; right:0px; top:0px; width:45px; height:1500px; background:#f9f9f9; border-left:1px solid #ebebeb; z-index:99999; padding-top:250px; display:none;} } @media screen and (min-width: 1001px) and (max-width: 2000px) { #main_visual{position:relative; float:left; clear:both; width:100%; text-align:left; } #GNB{position:relative; float:left; clear:both; width:100%; height:180px; background:#fefaf4; text-align:center;} #sub_GNB{position:relative; float:left; clear:both; width:100%; height:180px; text-align:center;} #main_banner_wrap{position:relative; width:100%; height:124px; border-bottom:1px solid #e3e3e3; text-align:center; display:inline-block;} #footer{position:relative; text-align:center; width:100%; z-index:1; float:left;} #content_wrap{position:relative; float:left; width:100%; text-align:center; height:auto; line-height:180%; background:url(../image/total/topmenu_bg.gif) left top repeat-x;} #quick{position:fixed; right:0px; top:0px; width:45px; height:1500px; background:#f9f9f9; border-left:1px solid #ebebeb; z-index:99999; padding-top:250px;} } #LNB{position:fixed; left:0px; width:170px; height:1100px; background:#23202b; top:0px; z-index:9999;} #LNB dt{width:170px; height:48px; border-top:1px solid #312d3c; cursor:pointer;} #LNB dt .on{color:#c6c2b5;} #LNB dt a{font-size:14px; font-weight:bold; margin:14px 0px 0px 0px; width:136px; float:left; text-align:left; padding:0px 0px 0px 17px; color:#939393;} #LNB dt a:hover{color:#c6c2b5;} #LNB dd{width:153px; display:none; padding:0px 0px 10px 0px;} #LNB .on{display:block} #LNB dd ul{width:153px;} #LNB dd ul li{width:123px; height:15px; padding:3px 0px 4px 30px; text-align:left; margin:5px 0px 5px 0px;} #LNB dd ul li:hover{background:#1b1724; cursor:pointer;} #LNB dd ul .on{background:#1b1724; color:#bfbfbf;} #LNB dd ul li a{color:#7b7b7b;} #LNB dd ul li a:hover{color:#bfbfbf;} #LNB #last{border-top:1px solid #312d3c; cursor:default;} #GNB #topmenu{position:relative; float:right;} #GNB #topmenu li{float:left;} #sub_GNB #topmenu{position:relative; float:right;} #sub_GNB #topmenu li{float:left;} #GNB #gnbmenu{position:absolute; width:427px; height:86px; top:81px; left:50%; margin:0px 0px 0px -137px;} #GNB #gnbmenu li{float:left;} #GNB #gnbmenu #gnbmenu1{width:119px; height:86px; background:url(../image/total/gnb1.gif) left top no-repeat;} #GNB #gnbmenu #gnbmenu1 a{ display: block; width:119px; height:86px; background:url(../image/total/gnb1_on.gif) left top no-repeat;} #GNB #gnbmenu #gnbmenu2{width:114px; height:86px; background:url(../image/total/gnb2.gif) left top no-repeat;} #GNB #gnbmenu #gnbmenu2 a{ display: block; width:114px; height:86px; background:url(../image/total/gnb2_on.gif) left top no-repeat;} #GNB #gnbmenu #gnbmenu3{width:107px; height:86px; background:url(../image/total/gnb3.gif) left top no-repeat;} #GNB #gnbmenu #gnbmenu3 a{ display: block; width:107px; height:86px; background:url(../image/total/gnb3_on.gif) left top no-repeat;} #GNB #gnbmenu #gnbmenu4{width:87px; height:86px; background:url(../image/total/gnb4.gif) left top no-repeat;} #GNB #gnbmenu #gnbmenu4 a{ display: block; width:87px; height:86px; background:url(../image/total/gnb4_on.gif) left top no-repeat;} .slideshow-standard{width:100%; margin:0px; padding:0px; position:relative;} .slideshow-standard .sliderkit-panel{top:0px;width:100%; height:auto;} .sliderkit .sliderkit-panel{z-index:1;position:absolute; height:auto;} .sliderkit .sliderkit-panel-active{z-index:5;} .sliderkit .sliderkit-panel-old{z-index:4;} .sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;} .sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;} .sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;} .sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;} .sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;} #main_banner{position:absolute; width:896px; height:124px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; left:50%; margin:0px 0px 0px -372px; background:url(../image/index/bot.gif) center top repeat-y;} #ex_reservation{position:relative; background:url(../image/index/banner1.gif) right top no-repeat; width:49%; height:124px; float:left; } #ex_reservation a{position:relative; float:left; margin:30px 0px 0px 52px;} #ex_reservation a strong{font-size:16px; font-weight:bold; float:left; clear:both; margin:0px 0px 6px 0px; color:#464646;} #ex_reservation a span{float:left; clear:both; margin:0px 0px 6px 0px; color:#777777;} #ex_reservation a img{float:left; clear:both;} #purchase{position:relative; background:url(../image/index/banner2.gif) right top no-repeat; width:49%; height:124px; float:right; } #purchase a{position:relative; float:left; margin:30px 0px 0px 52px;} #purchase a strong{font-size:16px; font-weight:bold; float:left; clear:both; margin:0px 0px 6px 0px; color:#464646; text-align:left;} #purchase a span{float:left; clear:both; margin:0px 0px 6px 0px; color:#777777;} #purchase a img{float:left; clear:both;} #copy_menu{position:relative; width:100%; height:24px; text-align:center; margin:19px 0px 0px 0px;} #copy_menu ul{width:371px; margin:0 auto; display: flex; align-items: center; justify-content: center; } #copy_menu ul li{float:left;} #sub_copy_menu{position:relative; width:100%; height:24px; text-align:center; margin:50px 0px 0px 0px; border-top:1px solid #e7dfd2; border-bottom:1px solid #e7dfd2; z-index:1;} address{margin:0px 0px 0px 107px;} #sub_copy_menu ul{width:371px; margin:0 auto; /* padding-left:107px; */ display: flex; align-items: center; justify-content: center; } #sub_copy_menu ul li{float:left;} .Sbook { display: none; position:absolute; left:100%; } #quick li a{display: block;} #quick .cont1{background:url(../image/quick/quick1.gif) left top no-repeat; height:75px;} #quick .cont2{background:url(../image/quick/quick2.gif) left top no-repeat; height:62px;} #quick .cont3{background:url(../image/quick/quick3.gif) left top no-repeat; height:62px;} #quick .cont4{background:url(../image/quick/quick4.gif) left top no-repeat; height:58px;} #quick .cont5{background:url(../image/quick/quick5.gif) left top no-repeat; height:83px;} #quick .cont6{background:url(../image/quick/quick6.gif) left top no-repeat; height:68px;} #stopmenu{position:relative; float:right; clear:both; margin-right:60px;} #stopmenu li img{vertical-align:top;} #stopmenu li{float:left;} #sub_content_title{position:relative; float:left; width:363px; height:54px; background:#FFF; margin-left:231px; text-align:left;} #sub_content_title img{vertical-align:top;} #content{position:relative; width:825px; height:auto; margin:0 auto; clear:both; text-align:left; padding-left:107px;} /*인사말*/ #greeting{line-height:180%; font-size:14px; color:#8f8f8f; font-weight:normal;} #greeting p{line-height:180%; margin:28px 0px 28px 0px;} #greeting .title{font-size:16px; margin:28px 0px 28px 0px; font-weight:bold; float:left; color:#414141; line-height:150%; clear:both; width:100%;} #greeting .title2{font-size:21px; font-weight:100; margin:0px 0px 28px 0px; float:left; color:#414141; line-height:150%; clear:both; width:100%; color:#574941;} #greeting .title3{font-size:18px; font-weight:100; margin:0px 0px 28px 0px; float:left; color:#414141; line-height:150%; clear:both; width:100%; color:#574941; display:inline-block; overflow:hidden;} #greeting .title2 strong{font-weight:bold;} #greeting .img1{float:left; clear:both; vertical-align:top; margin-bottom:28px;} #greeting .img2{float:right; margin-top:10px;} #greeting .text_left{float:left; width:400px; margin:10px 0px 0px 0px;} #greeting .text_left strong{font-size:15px; color:#747474;} .imgWrap{ width: 100%; display: flex; } .imgWrap img{ width: calc(100% / 4); } /*연혁*/ #history .title{font-size:16px; color:#7a7979;} #history .title span{font-size:18px; font-weight:bold; color:#5a5a5a; line-height:180%;} #history .since1952{float:left; margin:5px 20px 0px 0px;} #history .first{margin:24px 0px 0px 0px; line-height:180%; font-size:13px; color:#898989;} #history #history_list{position:relative; width:100%; border-top:1px solid #cecece; border-bottom:1px solid #cecece; margin-top:27px; margin-bottom:50px;} #history #history_list li{height:59px; background:url(../image/menu1/dot.gif) left bottom repeat-x; font-size:14px; color:#807f7f; display: flex; align-items: center;} #history #history_list li img{vertical-align:top; float:left;} #history #history_list li span{margin:0px 0px 0px 50px; float:left; font-weight:bold; color:#807f7f;} #history #history_list .last{background:none;} #history_list li .num{ width: 128px; color: #91b6d8; font-size: 20px; padding-left: 30px; border-right: 1px solid #eee; } /*인증및현황*/ #certification_neyo{position:relative; width:100%; overflow:hidden; padding:18px 0px 18px 0px; background:url(../image/menu1/dot.gif) left bottom repeat-x;} #certification ul{width:571px; float:left; margin:0px 0px 0px 46px;} #certification ul li{padding:20px 13px 35px 13px; font-size:14px; color:#898989; position:relative; background:url(../image/menu1/dot.gif) left bottom repeat-x; float:left; width:571px;} #certification ul li strong{font-size:15px; color:#363636; float:left; clear:both;} #certification ul li strong span{position:absolute; width:18px; border-top:1px solid #93b5d5; left:13px; top:10px;} #certification ul li .neyong{float:left; clear:both; margin:10px 0px 0px 0px; line-height:180%;} #certification ul .last{background:none;} #certification .img_left{float:left;} #certification #view{border-collapse:collapse; width:100%; margin:59px 0px 50px 0px;} #certification #view thead tr th{background:url(../image/menu1/cont3_2.gif) left top no-repeat; height:28px; text-align:left; padding:3px 0px 30px 28px; font-size:14px; color:#515050;} #certification #view tbody tr td{text-align:center;} #certification #view tbody tr td .img{border:1px solid #dcdcdc;} #certification #view tbody tr td img{margin:10px 0px 10px 0px;} #certification #view tbody tr td a{font-size:12px; color:#949393; font-weight:bold;} #certification #view tbody tr td a:hover{color:#555555;} #certification #view tbody tr td .arrow{margin-bottom:70px;} /*약도안내*/ #location_map #map_img{margin:10px 0px 0px 0px; position:relative;} #location_map #map_img dt{font-size:16px; font-weight:bold; color:#414141;} #location_map #map_img dd{font-size:13px; color:#838383; margin:10px 0px 0px 0px;} #location_map #map_img .btn{position:absolute; top:17px; right:0px;} #location_map #map_img .btn img{margin:0px 0px 0px 5px;} #info1{position:relative; width:100%; float:left; clear:both; margin:21px 0px 0px 0px; border-top:1px solid #c4c4c4;} #info1 li{height:29px; background:url(../image/menu1/cont4_2.gif) left top no-repeat; font-size:13px; padding:15px 0px 0px 0px; border-bottom:1px solid #eaeaea; color:#838383;} #info1 li strong{font-size:14px; float:left; width:90px; padding:0px 0px 0px 57px; margin:0px 40px 0px 0px; color:#414040;} #info1 .last{position:absolute; background:url(../image/menu1/cont4_2.gif) left top no-repeat; font-size:13px; padding:15px 0px 0px 0px; width:300px; top:90px; left:400px;} #location_map .cont_img1{float:left; margin:53px 24px 0px 16px;} #map_text{position:relative; float:left; width:700px; margin:53px 0px 0px 0px;} #map_text dt{padding:0px 0px 0px 10px; background:url(../image/menu1/dot3.gif) left center no-repeat; font-size:14px; color:#555555; font-weight:bold;} #map_text dd{padding:10px 0px 0px 10px; font-size:13px; color:#9a9a9a; line-height:180%;} #map_text2{position:relative; float:left; width:800px; margin:40px 0px 0px 0px;} #map_text2 dt{padding:0px 0px 0px 10px; background:url(../image/menu1/dot3.gif) left center no-repeat; font-size:14px; color:#555555; font-weight:bold;} #map_text2 dd{padding:10px 0px 0px 10px; font-size:13px; color:#9a9a9a; line-height:180%;} #location_map .print_btn{position:relative; width:100%; border-top:1px solid #e1e1e1; float:left; text-align:center; margin:40px 0px 0px 0px; padding:40px 0px 50px 0px;} /*수제요거트 소개*/ #yogurt_intro .img_text1{float:left; clear:both;} #yogurt_intro .title{font-size:20px; color:#5d4437; clear:both; float:left;} #yogurt_intro .title2{font-size:17px; color:#424242; clear:both; float:left; margin:57px 0px 0px 0px;} #yogurt_intro .first{float:left; clear:both; font-size:14px; color:#8f8f8f; line-height:180%; margin:35px 0px 0px 0px;} #yogurt_intro .img1{float:left; margin:25px 0px 0px 0px;} #yogurt_intro .img2{float:right; margin:30px 0px 0px 0px;} #yogurt_intro .img3{float:right; margin:30px 0px 50px 0px; clear:both;} #yogurt_intro .second{float:right; font-size:14px; color:#8f8f8f; width:580px; margin:20px 0px 0px 0px; line-height:180%;} #yogurt_intro .second strong{color:#424242; font-size:16px; display:inline-block; margin-bottom:10px;} #yogurt_intro #text1{float:left; width:100%; clear:both;} #yogurt_intro .third{clear:both; float:left; width:100%; font-size:14px; color:#8f8f8f; line-height:180%; margin:47px 0px 0px 0px;} #yogurt_intro .yogurt_btn{text-align:center;padding-top:100px;} #yogurt_intro .yogurt_btn.yogurt_btn2{padding-top:50px;} #yogurt_intro .yogurt_btn .gradient-btn{display: inline-block; padding:15px 30px;border-radius: 0;color: #0f76bb;font-weight: 700;font-size: 18px;letter-spacing: 2px;text-transform: uppercase;text-decoration: none; background: linear-gradient(to right, #fff 25%, #0f76bb 75%);background-position: 1% 50%;background-size: 400% 300%;border: 1px solid #0f76bb;transition: 400ms cubic-bezier(0.165, 0.84, 0.44, 1);} #yogurt_intro .yogurt_btn .gradient-btn:hover{color: #fff;color: #fff;background-position: 99% 50%;} #yogurt_intro .yogurt_img{padding-top:50px;} #yogurt_intro .yogurt_img img{width:100%;} /*프로그램 소개*/ #program #schedule{position:relative; width:100%; margin:30px 0px 0px 0px;} #program #schedule dt{font-size:15px; color:#504e4e; font-weight:bold; background:url(../image/menu2/dot1.gif) left center no-repeat; padding:0px 0px 0px 10px;} #program #schedule dd{padding:18px 0px 0px 0px; color:#8c8c8c; font-size:14px; line-height:180%;} #program #schedule .type1{height: 74px; background:url(../image/menu3/cont1_1.gif) 9px 30px no-repeat; padding:30px 0px 0px 0px;} #program #schedule .type1 ul{margin:0px 0px 0px 100px;} #program #schedule .type1 ul li{background:url(../image/menu3/dot1.gif) left 11px no-repeat; padding:0px 0px 0px 10px; color:#8a8a8a; font-size:13px; line-height:190%;} #program #schedule .type1 ul li strong{color:#595959;} #program #schedule .type1 img{vertical-align:top;} #program_info{position:relative; margin:65px 0px 0px 0px;} #program_info .title{font-size:15px; color:#504e4e; padding:0px 0px 0px 10px; background:url(../image/menu2/dot1.gif) left center no-repeat;} #program_kind1{position:relative; width:100%; background:url(../image/menu3/cont1_3.jpg) left top no-repeat; height:199px; margin:30px 0px 0px 0px;} #program_kind1 dt{width:530px; float:right; margin:40px 0px 0px 0px; font-size:15px; color:#363636; font-weight:bold; background:url(../image/menu3/01.gif) left 1px no-repeat; padding:0px 0px 0px 30px;} #program_kind1 dd{width:560px; float:right; font-size:13px; color:#8c8c8c; line-height:170%; margin:35px 0px 0px 0px;} #program_kind2{position:relative; width:100%; background:url(../image/menu3/cont1_4.jpg) left top no-repeat; height:199px;} #program_kind2 dt{width:530px; float:right; margin:40px 0px 0px 0px; font-size:15px; color:#363636; font-weight:bold; background:url(../image/menu3/02.gif) left 1px no-repeat; padding:0px 0px 0px 30px;} #program_kind2 dd{width:560px; float:right; font-size:13px; color:#8c8c8c; line-height:170%; margin:35px 0px 0px 0px;} #program_kind3{position:relative; width:100%; background:url(../image/menu3/cont1_5.jpg) left top no-repeat; height:199px;} #program_kind3 dt{width:530px; float:right; margin:40px 0px 0px 0px; font-size:15px; color:#363636; font-weight:bold; background:url(../image/menu3/03.gif) left 1px no-repeat; padding:0px 0px 0px 30px;} #program_kind3 dd{width:560px; float:right; font-size:13px; color:#8c8c8c; line-height:170%; margin:35px 0px 0px 0px;} #program_kind4{position:relative; width:100%; background:url(../image/menu3/cont1_7.jpg) left top no-repeat; height:199px;} #program_kind4 dt{width:530px; float:right; margin:40px 0px 0px 0px; font-size:15px; color:#363636; font-weight:bold; background:url(../image/menu3/04.gif) left 1px no-repeat; padding:0px 0px 0px 30px;} #program_kind4 dd{width:560px; float:right; font-size:13px; color:#8c8c8c; line-height:170%; margin:35px 0px 0px 0px;} #program_kind5{position:relative; width:100%; background:url(../image/menu3/cont1_8.jpg) left top no-repeat; height:199px;} #program_kind5 dt{width:530px; float:right; margin:40px 0px 0px 0px; font-size:15px; color:#363636; font-weight:bold; background:url(../image/menu3/05.gif) left 1px no-repeat; padding:0px 0px 0px 30px;} #program_kind5 dd{width:560px; float:right; font-size:13px; color:#8c8c8c; line-height:170%; margin:35px 0px 0px 0px;} #program_kind6{position:relative; width:100%; background:url(../image/menu3/cont1_9.jpg) left top no-repeat; height:199px;} #program_kind6 dt{width:530px; float:right; margin:40px 0px 0px 0px; font-size:15px; color:#363636; font-weight:bold; background:url(../image/menu3/06.gif) left 1px no-repeat; padding:0px 0px 0px 30px;} #program_kind6 dd{width:560px; float:right; font-size:13px; color:#8c8c8c; line-height:170%; margin:35px 0px 0px 0px;} #program_kind7{position:relative; width:100%; background:url(../image/menu3/cont1_10.jpg) left top no-repeat; height:200px;} #program_kind7 dt{width:530px; float:right; margin:40px 0px 0px 0px; font-size:15px; color:#363636; font-weight:bold; background:url(../image/menu3/07.gif) left 1px no-repeat; padding:0px 0px 0px 30px;} #program_kind7 dd{width:560px; float:right; font-size:13px; color:#8c8c8c; line-height:170%; margin:35px 0px 0px 0px;} #reservation{position:relative; width:100%; text-align:center; margin:30px 0px 50px 0px;} #program #schedule dd > ul li{line-height: 190%;} /*낙농체험동영상*/ #moive{position:relative; width:100%; padding-bottom:20px; margin:20px 0px 20px 0px; border-bottom:1px solid #dddddd;} #movie_info{position:relative; width:100%; padding-top:20px;} #movie_info dt{border:1px solid #ededed; background:#fbfbfb; padding:10px 20px 10px 20px; font-size:14px; color:#515151; font-weight:bold;} #movie_info dd{font-size:14px; color:#939393; padding:20px 20px 20px 20px; line-height:180%;} /*체험후기*/ #normal_board_type1{border-collapse:collapse; width:100%; margin:20px 0px 50px 0px;} #normal_board_type1 tr th, #normal_board_type1 tr td{padding:15px 10px 15px 10px;} #normal_board_type1 thead tr th{font-size:12px; color:#6d6d6d; padding:10px 10px 20px 10px; background:url(../image/board/top_bg1.gif) right 12px no-repeat;} #normal_board_type1 thead tr .title1{text-align:center;} #normal_board_type1 thead tr .title2{text-align:center;} #normal_board_type1 thead tr .title3{text-align:center; width: 15%;} #normal_board_type1 thead tr .title4{text-align:center;} #normal_board_type1 thead tr .title5{text-align:center; background:url(../image/board/top_bg1.gif) left 12px no-repeat;} #normal_board_type1 tbody tr td{font-size:13px; color:#777777; border-bottom:1px solid #eaeaea;} #normal_board_type1 tbody tr td a{font-size:13px; color:#777777;} #normal_board_type1 tbody tr td a:hover{color:#333;} #normal_board_type1 tbody tr .cont1{text-align:center;} #normal_board_type1 tbody tr .cont2{text-align:left;} #normal_board_type1 tbody tr .cont3{text-align:center;} #normal_board_type1 tbody tr .cont4{text-align:center;} #normal_board_type1 tbody tr .cont5{text-align:center;} #normal_board_type1 tbody tr:hover{background:#fbfbfb;} #normal_board_type1 tbody .reple td{} #normal_board_type1 tbody .reple .cont2{background-image:url(../image/board/reple_icon1.gif); background-position:10px 8px; background-repeat:no-repeat; padding-left:35px;} #normal_board_type1 tfoot tr .page_info{font-size:12px; color:#808080; background:url(../image/menu3/dot1.gif) 3px 23px no-repeat;} #normal_board_type1 tfoot tr .page_info strong{font-weight:bold;} #normal_board_type1 tfoot tr .page_info span{float:left; white-space:nowrap;} #normal_board_type1 tfoot tr .page_info a{float:right;} #normal_board_type1 tfoot tr .page_numbering{text-align:center;} #normal_board_type1 tfoot tr .page_numbering span{margin:0px 20px 0px 20px;} #normal_board_type1 tfoot tr .page_numbering span a{border:1px solid #e8e8e8; padding:5px 0px 0px 0px; font-size:12px; width:26px; height:21px; display:inline-block; vertical-align:top;} #normal_board_type1 tfoot tr .page_numbering span a:hover{background:#a4a5a6; color:#FFF;} #normal_board_type1 tfoot tr .page_numbering span .on{background:#a4a5a6; color:#FFF;} #normal_board_type1 tfoot tr .search{text-align:center;} #normal_board_type1 tfoot tr .search select{border:1px solid #dedede; height:31px; vertical-align:top;} /*#normal_board_type1 tfoot tr .search input{border-top:1px solid #dedede; border-left:1px solid #dedede; border-bottom:1px solid #dedede; height:29px; vertical-align:top; margin:0px 0px 0px 10px; width:340px; line-height:29px;}*/ #normal_board_type1 .search_input{border-top:1px solid #dedede; border-left:1px solid #dedede; border-bottom:1px solid #dedede; height:29px; vertical-align:top; margin:0px 0px 0px 10px; width:340px; line-height:29px;} #normal_board_view_type1{border-collapse:collapse; width:100%; margin:5px 0px 50px 0px;} #normal_board_view_type1 tr th, #normal_board_view_type1 tr td{padding:8px 10px 8px 10px;} #normal_board_view_type1 thead tr th{font-size:12px; color:#6d6d6d; padding:10px 10px 20px 10px; color:#6d6d6d;} #normal_board_view_type1 thead tr .title1{text-align:left; background:url(../image/board/geb1.gif) right 13px no-repeat; padding:0px 0px 10px 10px;} #normal_board_view_type1 thead tr .title2{text-align:left; padding:5px 0px 15px 25px; font-size:14px; color:#53625e;} #normal_board_view_type1 thead tr .title3{text-align:left; background:url(../image/board/top_bg1.gif) right 12px no-repeat; padding:0px 0px 10px 10px;} #normal_board_view_type1 thead tr .title4{text-align:center; background:url(../image/board/top_bg1.gif) left 12px no-repeat; font-size:13px; color:#929292; font-weight:normal; text-align:left; padding-left:20px; padding-top:7px;} #normal_board_view_type1 thead tr .title5{text-align:center; background:url(../image/board/top_bg1.gif) right 12px no-repeat; padding-top:7px;} #normal_board_view_type1 thead tr .title6{text-align:center; background:url(../image/board/top_bg1.gif) left 12px no-repeat; font-size:13px; color:#929292; font-weight:normal; text-align:left; padding-left:20px; padding-top:7px;} #normal_board_view_type1 thead tr .title7{text-align:center; background:url(../image/board/top_bg1.gif) right 12px no-repeat; padding-top:7px;} #normal_board_view_type1 thead tr .title8{text-align:center; background:url(../image/board/top_bg1.gif) left 12px no-repeat; font-size:13px; color:#929292; font-weight:normal; text-align:left; padding-left:20px; padding-top:7px;} #normal_board_view_type1 tbody tr .cont1{line-height:180%; border-bottom:1px solid #d6d6d6; letter-spacing:2px;font-size:12px; padding:25px 0px 25px 0px; color:#929292;} #normal_board_view_type1 tfoot tr .btn{text-align:right; padding:28px 0px 50px 0px;} #normal_board_view_type1 tfoot tr .last1{background:url(../image/board/bottom_bg.gif) left top no-repeat; padding:13px 0px 13px 20px; text-align:left; font-size:12px; color:#929292;} #normal_board_view_type1 tfoot tr .last2{background:url(../image/board/bottom_bg.gif) right top no-repeat; padding:13px 13px 13px 0px; text-align:left; font-size:12px; color:#929292;} #normal_board_view_type1 tfoot tr .last2 a{color:#929292;} #normal_board_view_type1 tfoot tr .last2 a:hover{color:#666;} #normal_board_view_type1 tfoot tr .last3{background:url(../image/board/bottom_bg.gif) left bottom no-repeat; padding:13px 0px 13px 20px; text-align:left; font-size:12px; color:#929292;} #normal_board_view_type1 tfoot tr .last4{background:url(../image/board/bottom_bg.gif) right bottom no-repeat; padding:13px 13px 13px 0px; text-align:left; font-size:12px; color:#929292;} #normal_board_view_type1 tfoot tr .last4 a{color:#929292;} #normal_board_view_type1 tfoot tr .last4 a:hover{color:#666;} #normal_board_type2{border-collapse:collapse; width:100%;} #normal_board_type2 td{padding:20px 0px 20px 0px; } #normal_board_type2 tbody tr td{border-bottom:1px solid #eaeaea;} #normal_board_type2 tbody .pic a{border:1px solid #efefef; padding:12px; display:inline-block;} #normal_board_type2 tbody .cont{padding-left:50px;} #normal_board_type2 tbody .cont strong{font-size:14px; color:#535353; width:100%; display:inline-block; margin:0px 0px 40px 0px;} #normal_board_type2 tbody .cont strong:hover{color:#333;} #normal_board_type2 tbody .cont span{font-size:12px; color:#7c7c7c; line-height:180%;} #normal_board_type2 tbody .cont span:hover{color:#333;} #normal_board_type2 tfoot tr .page_info{font-size:12px; color:#808080; background:url(../image/menu3/dot1.gif) 3px center no-repeat;} #normal_board_type2 tfoot tr .page_info strong{font-weight:bold;} #normal_board_type2 tfoot tr .page_info a{float:right;} #normal_board_type2 tfoot tr .page_numbering{text-align:center;} #normal_board_type2 tfoot tr .page_numbering span{margin:0px 20px 0px 20px;} #normal_board_type2 tfoot tr .page_numbering span a{border:1px solid #e8e8e8; padding:5px 0px 0px 0px; font-size:12px; width:26px; height:21px; display:inline-block; vertical-align:top;} #normal_board_type2 tfoot tr .page_numbering span a:hover{background:#a4a5a6; color:#FFF;} #normal_board_type2 tfoot tr .page_numbering span .on{background:#a4a5a6; color:#FFF;} #normal_board_type2 tfoot tr .search{text-align:center;} #normal_board_type2 tfoot tr .search select{border:1px solid #dedede; height:31px; vertical-align:top;} /*#normal_board_type2 tfoot tr .search input{border-top:1px solid #dedede; border-left:1px solid #dedede; border-bottom:1px solid #dedede; height:29px; vertical-align:top; margin:0px 0px 0px 10px; width:340px; line-height:29px;}*/ #normal_board_type2 tfoot tr .search_input{border-top:1px solid #dedede; border-left:1px solid #dedede; border-bottom:1px solid #dedede; height:29px; vertical-align:top; margin:0px 0px 0px 10px; width:340px; line-height:29px;} /*채험예약*/ #caution{position:relative; width:825px; height:330px; background:url(../image/menu4/cont1_1.gif) left top no-repeat;} #experience_book{position:relative; width:690px; height:207px; float:right; margin:40px 0px 0px 0px;} #experience_book dt{position:relative; font-size:15px; color:#504e4e; font-weight:bold; background:url(../image/menu4/dot.gif) left center no-repeat; padding-left:10px;} #experience_book dd ul{width:100%; margin:20px 0px 0px 0px;} #experience_book dd ul li{background:url(../image/menu3/dot1.gif) left center no-repeat; padding-left:10px; font-size:13px; color:#6e6e6e; margin:0px 0px 0px 10px; line-height:180%;} #experience_book dd ul li strong{color:#5f5f5f;} /*예약체험*/ #ge_or_dan{position:relative; width:825px; padding:0px; margin:0px; float:left;} #ge_or_dan li{margin:0px 0px 17px 0px; float:left;} #ge_or_dan a{width:825px; height:56px; background:url(../image/menu4/cont1_2.gif) left top no-repeat; display:inline-block;} #ge_or_dan a .title{float:left; width:136px; color:#e55c00; font-size:16px; padding-left:36px; margin:18px 0px 0px 0px;} #ge_or_dan a span{margin:18px 0px 0px 0px; float:left; font-size:15px; color:#333333;} #period{position:relative; width:100%; height:175px; background:url(../image/menu1/dot.gif) left top repeat-x; margin:18px 0px 0px 0px; float:left;} #period dt{font-size:15px; color:#504e4e; font-weight:bold; background:url(../image/menu4/dot.gif) left center no-repeat; padding-left:10px; margin:47px 0px 0px 0px;} #period dt a{margin:0px 0px 0px 24px;} #period dt span{font-size:14px; color:#8d8d8d; font-weight:normal; margin:0px 0px 0px 10px;} #period dt span strong{color:#5d8b9c;} #period dd{font-size:15px; color:#6c6c6c; font-weight:bold; line-height:180%; padding:15px 0px 0px 10px;} #period dd strong{color:#ce5353;} #period dd span{font-weight:normal;} #period2{position:relative; width:100%; height:175px; background:url(../image/menu1/dot.gif) left top repeat-x; margin:18px 0px 0px 0px; float:left;} #period2 dt{font-size:15px; color:#504e4e; font-weight:bold; background:url(../image/menu4/dot.gif) left center no-repeat; padding-left:10px; margin:47px 0px 0px 0px;} #period2 dt a{margin:0px 0px 0px 24px;} #period2 dt span{font-size:14px; color:#8d8d8d; font-weight:normal; margin:0px 0px 0px 10px;} #period2 dt span strong{color:#5d8b9c;} #period2 dd{font-size:15px; color:#6c6c6c; font-weight:bold; line-height:180%; padding:15px 0px 0px 10px;} #period2 dd strong{color:#ce5353;} #period2 dd span{font-weight:normal;} #period3{position:relative; width:100%; height:543px; background:url(../image/menu1/dot.gif) left top repeat-x; margin:18px 0px 0px 0px; float:left;} .period3-gae{height:250px !important;} .period3-dan{height:300px !important;} #period3 dt{font-size:15px; color:#504e4e; font-weight:bold; background:url(../image/menu4/dot.gif) left center no-repeat; padding-left:10px; margin:47px 0px 0px 0px;} #period3 dt a{margin:0px 0px 0px 24px;} #period3 dt span{font-size:14px; color:#8d8d8d; font-weight:normal; margin:0px 0px 0px 10px;} #period3 dt span strong{color:#5d8b9c;} #period3 dd{font-size:15px; color:#6c6c6c; font-weight:bold; line-height:180%; padding:15px 0px 0px 0px; clear:both;} #period3 .cont1{border-bottom:1px solid #f0f0f0; overflow:hidden; padding:34px 0px 34px 0px;} #period3 .cont2{overflow:hidden; padding:34px 0px 34px 0px; } #period3 dd img{float:left;} #period3 dd ul{float:left; margin:20px 0px 0px 40px;} #period3 dd ul li{background:url(../image/menu3/dot1.gif) left 12px no-repeat; padding-left:10px; margin:0px 0px 0px 10px; font-weight:normal; color:#4d4d4d; line-height:180%;} #period3 dd ul li .st1{color:#616161;} #period3 dd ul li .st2{color:#ce5353;} #period3 dd ul .box1{font-size:14px; border:1px solid #e8e8e8; padding:10px; background:#fbfbfb; overflow:hidden; color:#6c6c6c; width:550px; margin:9px 0px 0px 10px;} #period3 dd ul .st3{font-weight:bold; color:#646362; width:81px; background:url(../image/menu4/dot2.gif) right center no-repeat; display:inline-block; margin:0px 20px 0px 0px;} #period3 dd ul .st4{font-weight:bold; color:#646362; width:81px; background:url(../image/menu4/dot2.gif) right 7px no-repeat; display:inline-block; margin:0px 20px 0px 0px; height:30px; float:left;} #period4{position:relative; width:100%; height:175px; background:url(../image/menu1/dot.gif) left top repeat-x; margin:18px 0px 0px 0px; float:left; border-bottom:1px solid #f0f0f0;} #period4 dt{font-size:15px; color:#504e4e; font-weight:bold; background:url(../image/menu4/dot.gif) left center no-repeat; padding-left:10px; margin:47px 0px 0px 0px;} #period4 dt a{margin:0px 0px 0px 24px;} #period4 dt span{font-size:14px; color:#8d8d8d; font-weight:normal; margin:0px 0px 0px 10px;} #period4 dt span strong{color:#5d8b9c;} #period4 dd{font-size:15px; color:#6c6c6c; font-weight:bold; line-height:180%; padding:15px 0px 0px 10px; font-weight:normal;} #period4 dd strong{color:#616161;} #period4 dd span{font-size:14px; color:#6c6c6c;} #period4 dd .red_point{position: relative;clear: both;color: #f00;padding-top: 5px;} #period5{position:relative; width:100%; margin:18px 0px 20px 0px; float:left;} #period5 dt{font-size:15px; color:#504e4e; font-weight:bold; background:url(../image/menu4/dot.gif) left center no-repeat; padding-left:10px; margin:10px 0px 0px 0px;} #period5 dt a{margin:0px 0px 0px 24px;} #period5 dt span{font-size:14px; color:#8d8d8d; font-weight:normal; margin:0px 0px 0px 10px;} #period5 dt span strong{color:#5d8b9c;} #period5 dd{font-size:15px; color:#6c6c6c; font-weight:bold; line-height:180%; padding:15px 0px 0px 10px; font-weight:normal;} #period5 dd strong{color:#616161;} #period5 dd span{font-size:14px; color:#6c6c6c;} #period5 dd ul li{background:url(../image/menu3/dot1.gif) left 11px no-repeat; padding-left:10px; line-height:180%; font-size:13px;} #period5 .refundBox{ margin-left: 10px; } #period5 .refundBox p{ color: #FF5715; font-size: 12px; font-weight: 700; margin-bottom: 5px; font-family: 'NanumGothic'; } #period5 .refundBox ul li{ font-size: 12px; color: #3B3C3F; background: none; padding-left: 0; font-family: 'NanumGothic'; } /*예약문의*/ #normal_board_type3{border-collapse:collapse; width:100%;} #normal_board_type3 th, #normal_board_type3 td{padding:16px;} #normal_board_type3 thead tr th{font-size:12px; color:#515151; font-weight:bold; border-bottom:1px solid #cfcfcf; text-align:center;} #normal_board_type3 thead tr .title1{background:url(../image/board/top_bg2.gif) left top no-repeat;} #normal_board_type3 thead tr .title2{background:url(../image/board/top_bg3.gif) left top no-repeat;} #normal_board_type3 thead tr .title3{background:url(../image/board/top_bg3.gif) left top no-repeat;} #normal_board_type3 thead tr .title4{background:url(../image/board/top_bg3.gif) left top no-repeat;} #normal_board_type3 thead tr .title5{background:url(../image/board/top_bg2.gif) right top no-repeat;} #normal_board_type3 tbody tr:hover{background:#fbfbfb;} #normal_board_type3 tbody tr td{font-size:12px; font-weight:normal; color:#777777; border-bottom:1px solid #eaeaea;} #normal_board_type3 tbody tr td a{color:#777777;} #normal_board_type3 tbody tr td a:hover{color:#333;} #normal_board_type3 tbody tr .cont1{text-align:center;} #normal_board_type3 tbody tr .cont2{text-align:left;} #normal_board_type3 tbody tr .cont3{text-align:center;} #normal_board_type3 tbody tr .cont4{text-align:center;} #normal_board_type3 tbody tr .cont5{text-align:center;} #normal_board_type3 tbody .reple td{} #normal_board_type3 tbody .reple .cont2{background-image:url(../image/board/reple_icon1.gif); background-position:10px 8px; background-repeat:no-repeat; padding-left:35px;} #normal_board_type3 tfoot tr .page_info{font-size:12px; color:#808080; background:url(../image/menu3/dot1.gif) 3px 23px no-repeat;} #normal_board_type3 tfoot tr .page_info strong{font-weight:bold;} #normal_board_type3 tfoot tr .page_info span{float:left; white-space:nowrap;} #normal_board_type3 tfoot tr .page_info a{float:right;} #normal_board_type3 tfoot tr .page_numbering{text-align:center;} #normal_board_type3 tfoot tr .page_numbering span{margin:0px 20px 0px 20px;} #normal_board_type3 tfoot tr .page_numbering span a{border:1px solid #e8e8e8; padding:5px 0px 0px 0px; font-size:12px; width:26px; height:21px; display:inline-block; vertical-align:top;} #normal_board_type3 tfoot tr .page_numbering span a:hover{background:#a4a5a6; color:#FFF;} #normal_board_type3 tfoot tr .page_numbering span .on{background:#a4a5a6; color:#FFF;} #normal_board_type3 tfoot tr .search{text-align:center;} #normal_board_type3 tfoot tr .search select{border:1px solid #dedede; height:31px; vertical-align:top;} #normal_board_type3 tfoot tr .search input{border-top:1px solid #dedede; border-left:1px solid #dedede; border-bottom:1px solid #dedede; height:29px; vertical-align:top; margin:0px 0px 0px 10px; width:340px; line-height:29px;} /*문의게시판*/ #contact_board{border-collapse:collapse; width:100%;} #contact_board th, #contact_board td{padding:10px; height:36px;} #contact_board thead tr .title1{font-size:13px; color:#5d5d5d; font-weight:bold; text-align:left;} #contact_board thead tr .title1 span{font-size:11px; color:#868686;} #contact_board thead tr .title2{padding:0px 0px 15px 0px; border-bottom:1px solid #d1d1d1;} #contact_board thead tr .title2 textarea{font-size:12px; color:#acacac; width:785px; height:70px; border:1px solid #e9e9e9; padding:20px; overflow-y:scroll; line-height:180%; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} #contact_board tbody tr td .import{font-size:12px; color:#c46c6c;} #contact_board tbody tr td .import2{font-size:12px; color:#676767;} #contact_board tbody tr td .import2 strong{font-size:12px; color:#676767;} #contact_board tbody tr th, #contact_board tbody tr td{border-bottom:1px solid #eaeaea;} #contact_board tbody tr td strong{font-size:15px; color:#473f3a;} #contact_board tbody tr th{background:url(../image/menu3/dot1.gif) 20px center no-repeat; text-align:left; font-size:14px; color:#8b8a8a; padding-left:32px; padding-right:50px; width:138px; white-space:nowrap;} #contact_board tbody tr td{background:url(../image/menu5/geb.gif) left center no-repeat; padding-left:50px; font-size:14px; color:#707070;} #contact_board tbody tr td .uname999{width:188px;} #contact_board tbody tr td input{height:33px; border:1px solid #dadada; background:#fcfcfc; line-height:33px; width:404px; font-size:13px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} #contact_board tbody tr .tel input{width:127px; font-size:13px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} #contact_board tbody tr .tel strong{font-size:14px;} #contact_board tbody tr .tel select{width:127px; height:33px; border:1px solid #dadada; background:#fcfcfc; line-height:33px; font-size:13px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum; } #contact_board tbody tr .public{color:#261106; font-weight:bold;} #contact_board tbody tr .public input{width:13px; height:13px; border:0px; background:none; height:35px;} #contact_board tbody tr td span{margin:5px 0px 0px 0px; display:inline-block; color:#777777; font-size:12px;} #contact_board tbody tr .cont textarea{width:610px; border:1px solid #dadada; height:300px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum; background:#fcfcfc; margin:5px 0px 5px 0px;} #contact_board tfoot tr td{text-align:center; padding-top:40px;} /*문의게시판2*/ #contact_board3{border-collapse:collapse; width:100%;} #contact_board3 th, #contact_board3 td{padding:10px; height:36px;} #contact_board3 thead tr .title1{font-size:13px; color:#5d5d5d; font-weight:bold; text-align:left;} #contact_board3 thead tr .title1 span{font-size:11px; color:#868686;} #contact_board3 thead tr .title2{padding:0px 0px 15px 0px; border-bottom:1px solid #d1d1d1;} #contact_board3 thead tr .title2 textarea{font-size:12px; color:#acacac; width:785px; height:70px; border:1px solid #e9e9e9; padding:20px; overflow-y:scroll; line-height:180%; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} #contact_board3 tbody tr td .import{font-size:12px; color:#c46c6c;} #contact_board3 tbody tr td .import2{font-size:12px; color:#676767;} #contact_board3 tbody tr td .import2 strong{font-size:12px; color:#676767;} #contact_board3 tbody tr th, #contact_board3 tbody tr td{border-bottom:1px solid #eaeaea;} #contact_board3 tbody tr td strong{font-size:15px; color:#473f3a;} #contact_board3 tbody tr th{background:url(../image/menu3/dot1.gif) 20px center no-repeat; text-align:left; font-size:14px; color:#8b8a8a; padding-left:32px; padding-right:50px; width:138px; white-space:nowrap;} #contact_board3 tbody tr td{background:url(../image/menu5/geb.gif) left center no-repeat; padding-left:50px; font-size:14px; color:#707070;} #contact_board3 tbody tr td .uname999{width:188px;} #contact_board3 tbody tr td input{border:1px solid #dadada; background:#fcfcfc; line-height:33px; font-size:13px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} #contact_board3 tbody tr .tel input{width:127px; font-size:13px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} #contact_board3 tbody tr .tel strong{font-size:14px;} #contact_board3 tbody tr .tel select{width:127px; height:33px; border:1px solid #dadada; background:#fcfcfc; line-height:33px; font-size:13px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum; } #contact_board3 tbody tr .public{color:#261106; font-weight:bold;} #contact_board3 tbody tr .public input{width:13px; height:13px; border:0px; background:none; height:35px;} #contact_board3 tbody tr td span{margin:5px 0px 0px 0px; display:inline-block; color:#777777; font-size:12px;} #contact_board3 tbody tr .cont textarea{width:610px; border:1px solid #dadada; height:300px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum; background:#fcfcfc; margin:5px 0px 5px 0px;} #contact_board3 tfoot tr td{text-align:center; padding-top:40px;} /*문의게시판*/ #contact_board_div{position:relative; width:641px; height:717px; text-align:center;} #contact_board_div #close_btn{position:absolute; top:20px; right:20px;} #contact_board2{border-collapse:collapse; width:570px; margin-left:20px;} #contact_board2 th, #contact_board2 td{padding:10px; height:36px; text-align:left;} #contact_board2 tbody tr td .import{font-size:12px; color:#c46c6c;} #contact_board2 tbody tr td .import2{font-size:12px; color:#676767;} #contact_board2 tbody tr td .import2 strong{font-size:12px; color:#676767;} #contact_board2 tbody tr th, #contact_board2 tbody tr td{border-bottom:1px solid #eaeaea;} #contact_board2 tbody tr td strong{font-size:15px; color:#473f3a;} #contact_board2 tbody tr th{background:url(../image/menu3/dot1.gif) 20px center no-repeat; text-align:left; font-size:14px; color:#8b8a8a; padding-left:32px; padding-right:50px; width:50px; white-space:nowrap;} #contact_board2 tbody tr td{background:url(../image/menu5/geb.gif) left center no-repeat; padding-left:50px; font-size:14px; color:#707070;} #contact_board2 tbody tr td .uname999{width:188px;} #contact_board2 tbody tr td input{height:33px; border:1px solid #dadada; background:#fcfcfc; line-height:33px; width:304px; font-size:13px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} #contact_board2 tbody tr .tel input{width:50px; font-size:13px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} #contact_board2 tbody tr .tel strong{font-size:14px;} #contact_board2 tbody tr .tel select{width:127px; height:33px; border:1px solid #dadada; background:#fcfcfc; line-height:33px; font-size:13px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum; } #contact_board2 tbody tr .public input{width:13px; height:13px; border:0px; background:none; height:35px;} #contact_board2 tbody tr td span{margin:5px 0px 0px 0px; display:inline-block; color:#777777; font-size:12px;} #contact_board2 tbody tr .cont textarea{width:350px; border:1px solid #dadada; height:200px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum; background:#fcfcfc; margin:5px 0px 5px 0px;} #contact_board2 tfoot tr td{text-align:center; padding-top:40px;} /*문의게시판2*/ .contact_board_d{border-collapse:collapse; width:825px;} .contact_board_d th, .contact_board_d td{padding:10px; height:36px;} .contact_board_d thead tr .title1{font-size:13px; color:#5d5d5d; font-weight:bold; text-align:left;} .contact_board_d thead tr .title1 span{font-size:11px; color:#868686;} .contact_board_d thead tr .title2{padding:0px 0px 15px 0px; border-bottom:1px solid #d1d1d1;} .contact_board_d thead tr .title2 textarea{font-size:12px; width:785px; height:100px; border:1px solid #e9e9e9; padding:20px; overflow-y:scroll; line-height:180%; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} .contact_board_d tbody tr td .import{font-size:12px; color:#c46c6c;} .contact_board_d tbody tr td .import2{font-size:12px; color:#676767;} .contact_board_d tbody tr td .import2 strong{font-size:12px; color:#676767;} .contact_board_d tbody tr th, .contact_board_d tbody tr td{border-bottom:1px solid #eaeaea;} .contact_board_d tbody tr td strong{font-size:15px; color:#473f3a;} .contact_board_d tbody tr th{background:url(../image/menu3/dot1.gif) 20px center no-repeat; text-align:left; font-size:14px; color:#8b8a8a; padding-left:32px;} .contact_board_d tbody tr td{background:url(../image/menu5/geb.gif) left center no-repeat; padding-left:50px; font-size:14px; color:#707070;} .contact_board_d tbody tr td input{height:33px; border:1px solid #dadada; background:#fcfcfc; line-height:33px; width:404px; font-size:13px;} .contact_board_d tbody tr .public input{width:13px; height:13px; border:0px; background:none; height:35px;} .cont_textarea{width:610px; border:1px solid #dadada; height:300px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum; background:#fcfcfc; margin:5px 0px 5px 0px;} /* .contact_board_d tbody tr td input{height:33px; border:1px solid #dadada; background:#fcfcfc; line-height:33px; width:404px; font-size:13px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} .contact_board_d tbody tr .tel input{width:127px; font-size:13px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} .contact_board_d tbody tr .tel select{width:127px; height:33px; border:1px solid #dadada; background:#fcfcfc; line-height:33px; font-size:13px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum; } .contact_board_d tbody tr td span{margin:5px 0px 0px 0px; display:inline-block; color:#777777;} */ /* .contact_board_d tbody tr .cont textarea{width:500px; border:1px solid #dadada; height:300px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;}*/ .contact_board_d tfoot tr td{text-align:center;} /*자주하는 질문*/ #faq{position:relative; width:100%;} #faq dt{position:relative; font-size:14px; font-weight:normal; color:#5f5e5e; padding:20px; background-image:url(../image/menu5/cont3_1.png); background-position:12px center; background-repeat:no-repeat; padding-left:50px; line-height:180%; border-bottom:1px solid #eaeaea;} #faq dt .btn_faq{position:absolute; right:22px; top:29px;} #faq dt:hover{background:#f9f9f9; background-image:url(../image/menu5/cont3_1.png); background-position:12px center; background-repeat:no-repeat;} #faq dt a{font-size:14px;} #faq dt a:hover{color:#333;} #faq dd{font-size:13px; color:#929292; line-height:180%; padding:13px 50px 13px 50px; background:url(../image/menu5/cont3_2.png) 12px 12px no-repeat; border-bottom:1px solid #eaeaea; display:none;} #normal_numbering {width:100%; border-collapse:collapse; margin:50px 0px 50px 0px;} #normal_numbering tr .page_info{font-size:12px; color:#808080; background:url(../image/menu3/dot1.gif) 3px center no-repeat;} #normal_numbering tr .page_info strong{font-weight:bold;} #normal_numbering tr .page_numbering{text-align:center;} #normal_numbering tr .page_numbering span{margin:0px 20px 0px 20px;} #normal_numbering tr .page_numbering span a{border:1px solid #e8e8e8; padding:5px 0px 0px 0px; font-size:12px; width:26px; height:21px; display:inline-block; vertical-align:top;} #normal_numbering tr .page_numbering span a:hover{background:#a4a5a6; color:#FFF;} #normal_numbering tr .page_numbering span .on{background:#a4a5a6; color:#FFF;} #normal_numbering tr .search{text-align:center;} #normal_numbering tr .search select{border:1px solid #dedede; height:31px; vertical-align:top;} #normal_numbering tr .search input{border-top:1px solid #dedede; border-left:1px solid #dedede; border-bottom:1px solid #dedede; height:29px; vertical-align:top; margin:0px 0px 0px 10px; width:340px; line-height:29px;} /*비밀글*/ #secret{position:relative; float:left; width:100%;} #secret dt{width:100%; text-align:center; color:#777777; font-size:12px; padding:80px 0px 20px 0px; border-bottom:1px solid #eaeaea;} #secret dt strong{font-size:16px; color:#6d6d6d; display:inline-block; margin-bottom:17px;} #secret dd{width:100%; height:273px; background:url(../image/board/secret_bg.gif) left bottom repeat-x; position:relative; margin-bottom:50px;} #secret dd .inp{position:absolute; left:50%; top:73px; width:510px; margin-left:-255px;} #secret dd .inp strong{width:76px; height:19px; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; display:inline-block; text-align:center; font-size:13px; float:left; margin:8px 24px 0px 0px;} #secret dd .inp input{width:404px; height:33px; background:#fcfcfc; border:1px solid #dadada; float:left; line-height:33px;} #secret dd .btn{position:absolute; left:50%; top:163px; width:180px; margin-left:-90px; text-align:right;} /*체험예약 달력*/ #nongdo_schedule{border-collapse:collapse; width:100%; /* border-bottom:2px solid #c3c3c3; */ font-family: 'NanumGothic' !important; } .calendar_select { display: none; margin-top: 10px; } .calendar_toggle { cursor: pointer; font-weight: bold; } #nongdo_schedule th, #nongdo_schedule td{padding:10px;} #nongdo_schedule thead tr th .data{font-size:22px; color:#b6b6b6; display:inline-block; clear:both; float:left; font-weight:normal;} #nongdo_schedule thead tr th .data strong{font-size:50px; color:#b6b6b6;} #nongdo_schedule thead tr th .data strong span{font-size:22px; color:#cfcfcf; margin:0px 2px 0px 2px;} #nongdo_schedule thead tr th .ma{font-size:11px; color:#b6b6b6; display:inline-block; clear:both; float:left; margin:-10px 0px 0px 0px;} #nongdo_schedule thead tr th .dan_ye{float:right; margin:40px 0px 0px 0px;} #nongdo_schedule thead tr th{position:relative;} #nongdo_schedule thead tr th #sele{ width: 220px; height: 43px; display: flex; align-items: center; justify-content: space-between; border-radius: 8px; overflow: hidden; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); font-size: 22px; padding: 0 10px; box-sizing: border-box; margin: 40px auto 20px; } #nongdo_schedule thead tr th #sele select{ height: auto; font-weight: 700; font-size: 20px; font-family: 'NanumGothic'; letter-spacing: -1px; padding-right: 0; } /* #nongdo_schedule thead tr th #sele{position:absolute; font-size:16px; color:#5b5b5b; width:203px; left:50%; top:16px; margin-left:-76px;} #nongdo_schedule thead tr th #sele span select{border:1px solid #999;} #nongdo_schedule thead tr th #sele span{margin:5px 0px 0px 0px; display:inline-block; font-size:12px;} */ #nongdo_schedule tbody { border-radius: 10px; overflow: hidden; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); } #nongdo_schedule tbody .days{ border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; border-bottom: 1px solid #D9D9D9; } #nongdo_schedule tbody .days th{ /* background: url(../image/menu4/days_1.gif) left top repeat-x; */ /* border-top: 2px solid #464646; */ text-align: left; font-size: 15px; color: #3B3C3F; padding: 15px 10px; font-weight: bold; background-color: #F7F6F8; } #nongdo_schedule tbody .days .title1{color:#FF1515;border-top-left-radius: 10px;} #nongdo_schedule tbody .days .title7{color:#FF1515;border-top-right-radius: 10px;} #nongdo_schedule tbody tr td{ border-bottom:1px solid #eee; font-family: 'NanumGothic'; font-size: 15px; font-weight: 500; color: #878787; } #nongdo_schedule tbody tr .cont1{color:#FF1515; height:94px; border-right:1px solid #eee;} #nongdo_schedule tbody tr .cont2{height:94px; border-right:1px solid #eee;} #nongdo_schedule tbody tr .cont3{height:94px; border-right:1px solid #eee;} #nongdo_schedule tbody tr .cont4{height:94px; border-right:1px solid #eee;} #nongdo_schedule tbody tr .cont5{height:94px; border-right:1px solid #eee;} #nongdo_schedule tbody tr .cont6{height:94px; border-right:1px solid #eee;} #nongdo_schedule tbody tr .cont7{height:94px;} #nongdo_schedule tbody tr td span{display:inline-block; width:100%; text-align:center;} #nongdo_schedule tbody tr:nth-last-of-type(1) .cont1{ border-bottom-left-radius: 10px; } #nongdo_schedule tbody tr:nth-last-of-type(1) .cont7{ border-bottom-right-radius: 10px; } /*상품리스트*/ #product_list{border-collapse:collapse; width:100%;} #product_list td{padding:28px 17px 28px 17px; text-align:center;} #product_list tbody tr td{border-bottom:1px solid #eaeaea;} #product_list tbody .gray td{background:#fbfbfb;} #product_list tbody tr td{padding-left:15px; padding-right:30px; padding-top:30px; padding-bottom:30px;} #product_list tbody tr td a{display:inline-block; width:194px; height:322px; border:1px solid #e3e3e3; background:#FFF; padding:12px; position:relative;} #product_list tbody tr td a strong{margin:10px 0px 15px 0px; font-weight:bold; color:#414141; width:100%; display:inline-block; font-size:14px;} #product_list tbody tr td a strong:hover{color:#333;} #product_list tbody tr td a span{line-height:180%; color:#8b8b8b; font-size:12px;} #product_list tbody tr td a span:hover{color:#333;} #product_list tbody tr td a .plus{position:absolute; right:15px; bottom:15px; background:url(../image/menu6/icon1.gif) left top no-repeat; width:15px; height:15px;} #product_list tfoot tr .page_info{font-size:12px; color:#808080; background:url(../image/menu3/dot1.gif) 3px 23px no-repeat;} #product_list tfoot tr .page_info strong{font-weight:bold;} #product_list tfoot tr .page_info span{float:left; white-space:nowrap;} #product_list tfoot tr .page_info a{float:right;} #product_list tfoot tr .page_numbering{text-align:center;} #product_list tfoot tr .page_numbering span{margin:0px 20px 0px 20px;} #product_list tfoot tr .page_numbering span a{border:1px solid #e8e8e8; padding:5px 0px 0px 0px; font-size:12px; width:26px; height:21px; display:inline-block; vertical-align:top;} #product_list tfoot tr .page_numbering span a:hover{background:#a4a5a6; color:#FFF;} #product_list tfoot tr .page_numbering span .on{background:#a4a5a6; color:#FFF;} #product_list tfoot tr .search{text-align:center; padding:0px 0px 50px 0px;} #product_list tfoot tr .search select{border:1px solid #dedede; height:31px; vertical-align:top;} #product_list tfoot tr .search input{border-top:1px solid #dedede; border-left:1px solid #dedede; border-bottom:1px solid #dedede; height:29px; vertical-align:top; margin:0px 0px 0px 10px; width:340px; line-height:29px;} /*상품상세*/ #product_detail_page{border-collapse:collapse; width:100%; margin:83px 0px 0px 0px;} #product_detail_page thead tr th{text-align:left;} #product_detail_page thead tr th span{border:1px solid #ececec; padding:9px; display:inline-block;} #product_detail_page thead tr th, #product_detail_page thead tr td{border-bottom:1px solid #e2e2e2; padding-bottom:54px;} #product_detail_page tbody tr .geb{height:28px;} #product_detail_page tbody tr .tap{text-align:left; border-bottom:1px solid #eaeaea;} #product_detail_page tbody tr .tap img{margin:0px 0px 0px 4px;} #product_detail_page tbody tr .product_detail_sang{background:#fafaf8; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:0px;} #product_info{position:relative; width:406px; float:right; height:380px;} #product_info dt{font-size:18px; font-weight:bold; color:#504357; padding-bottom:50px;} #product_info dd strong{display:inline-block; width:60px; font-size:13px; color:#858585; background:url(../image/menu4/dot2.gif) 3px center no-repeat; padding-left:20px; border-right:1px solid #e4e4e4; margin:5px 20px 0px 0px;} #product_info dd{padding:10px 0px 10px 0px; font-size:14px; color:#696969; font-weight:bold; border-top:1px solid #e4e4e4; height:30px; position:relative;} #product_info dd select{border:1px solid #dadada; background:#fcfcfc; height:33px;} #product_info .ea{border-bottom:1px solid #989898;} #product_info .ea input{border:1px solid #dadada; height:33px; line-height:33px;} #product_info .ea .add{position:absolute; top:14px; left:190px;} #product_info .ea .less{position:absolute; top:30px; left:190px;} #product_info .btn{position:absolute; bottom:0px; border:0px;} #product_info .btn img{margin:0px 5px 0px 0px;} /*제품구매*/ #order_type1{position:relative; width:100%; margin:40px 0px 0px 0px; float:left;} #order_type1 dt{position:relative; background:url(../image/menu4/dot2.gif) left center no-repeat; font-size:15px; font-weight:bold; color:#686868; padding:0px 0px 0px 10px; border-bottom:1px solid #eaeaea; height:43px;} #order_type1 dt strong{margin:12px 0px 0px 0px; display:inline-block;} #order_type1 dt span{font-size:12px; color:#777777; font-weight:normal;} #order_type1 dd{padding:0px;} #order_type2{position:relative; width:100%; margin:40px 0px 0px 0px; float:left;} #order_type2 dt{position:relative; background:url(../image/menu4/dot2.gif) left center no-repeat; font-size:15px; font-weight:bold; color:#686868; padding:0px 0px 0px 10px; height:43px;} #order_type2 dt strong{margin:12px 0px 0px 0px; display:inline-block;} #order_type2 dt span{font-size:12px; color:#777777; font-weight:normal;} #order_type2 dd{padding:0px; border:2px solid #e8e8e8; margin-bottom:20px;} #order_type2 .btn{border:0px; text-align:center; padding:30px 0px 0px 0px;} #order_type3{position:relative; width:726px; margin:0 auto; margin-top:135px;} #order_type3 dt{position:relative; background:url(../image/menu4/dot2.gif) left center no-repeat; font-size:15px; font-weight:bold; color:#686868; padding:10px 0px 0px 10px; height:28px; text-align:left;} #order_type3 dt strong{margin:12px 0px 0px 0px; display:inline-block;} #order_type3 dt span{font-size:12px; color:#777777; font-weight:normal;} #order_type3 dd{padding:0px; border:2px solid #e8e8e8; margin-bottom:20px;} #order_type3 .btn{border:0px; text-align:center; padding:30px 0px 0px 0px;} #order_list{border-collapse:collapse; width:825px;} #order_list th, #order_list td{padding:10px;} #order_list thead tr th{height:30px; font-size:13px; color:#696969;} #order_list thead tr .title1{background:url(../image/menu6/order_1.gif) right bottom no-repeat;} #order_list thead tr .title2{background:url(../image/menu6/order_1.gif) right bottom no-repeat;} #order_list thead tr .title3{background:url(../image/menu6/order_1.gif) right bottom no-repeat;} #order_list thead tr .title4{background:url(../image/menu6/order_1.gif) left bottom no-repeat;} #order_list tbody tr td{font-size:13px; color:#838383; border-bottom:1px solid #dddddd;} #order_list tbody tr .cont1{text-align:left;} #order_list tbody tr .cont2{text-align:center;} #order_list tbody tr .cont3{text-align:center;} #order_list tbody tr .cont3 input{border:1px solid #d6d6d6; height:22px; float:left;} #order_list tbody tr .cont3 lf{border:1px solid #d6d6d6; height:22px; float:left;} #order_list tbody tr .cont3 .btn{display:inline-block; width:10px; float:left; margin:0px;} #order_list tbody tr .cont3 .btn img{margin:0px 0px 0px 0px; vertical-align:top;} #order_list tbody tr .cont3 .btn a{margin:0px; padding:0px; vertical-align:top;} #order_list tbody tr .cont3 .ge{width:90px; display:inline-block;} #order_list tbody tr .cont3 .ge #modify_bt{margin:3px 0px 0px 0px;} #order_list tbody tr .cont4{text-align:center;} #order_list tbody tr .cont1 img{border:1px solid #e6e6e6; float:left; margin:0px 20px 0px 0px;} #order_list tbody tr .cont1 strong{float:left; width:200px; font-size:14px; font-weight:bold; color:#504357; margin:13px 0px 0px 0px;} #order_list tbody tr .cont1 strong:hover{color:#000;} #order_list tbody tr .cont1 span{float:left; width:200px; margin:10px 0px 0px 0px; font-size:13px; color:#848383;} #order_list tbody tr .cont1 span:hover{color:#333;} #order_list tfoot tr td{font-size:13px; text-align:right; line-height:180%;} #order_list tfoot tr td span{font-weight:bold; color:#626262;} #order_list tfoot tr td strong{color:#e36666;} #order_list tfoot tr td .imp{font-size:11px; color:#8e8e8e;} #order_who{border-collapse:collapse; width:100%;} #order_who th, #order_who td{padding:14px; border-bottom:1px solid #eaeaea;} #order_who th{text-align:left; padding-left:40px; background-image:url(../image/menu3/dot1.gif); background-position:30px center; background-repeat:no-repeat; background-color:#fbfbfb; font-size:13px; color:#878787; border-right:1px solid #eaeaea;} #order_who td strong{font-size:14px; color:#494949;} #order_who .input_type1{border:1px solid #dadada; height:33px; background:#fcfcfc; line-height:33px;} #order_who .input_type2{border:1px solid #dadada; background:#fcfcfc; line-height:180%; margin-bottom:10px;} #order_who .address input{margin:10px 0px 0px 0px;} #order_who .address{font-size:11px; color:#a8a8a8;} #order_who .tel input{border:1px solid #dadada; height:33px; line-height:180%; background:#fcfcfc;} #order_who .tel select{height:33px; background:#fcfcfc; border:1px solid #dadada; width:148px;} #payment_type1{border-collapse:collapse; width:100%;} #payment_type1 th, #payment_type1 td{padding:50px 20px 50px 20px;} #payment_type1 th{background-color:#fbfbfb; background-image:url(../image/menu3/dot1.gif); background-position:45px center; background-repeat:no-repeat; font-size:13px; color:#878787; border-right:1px solid #eaeaea;} #payment_type1 td{font-size:13px; color:#555555; font-weight:bold;} #payment_type2{border-collapse:collapse; width:100%;} #payment_type2 th, #payment_type2 td{padding:30px 20px 30px 20px; border-bottom:1px solid #eaeaea;} #payment_type2 th{background-color:#fbfbfb; background-image:url(../image/menu3/dot1.gif); background-position:35px center; background-repeat:no-repeat; font-size:13px; color:#878787; border-right:1px solid #eaeaea; text-align:left; padding-left:45px;} #payment_type2 td{font-size:13px; color:#555555; font-weight:bold;} #payment_type2 .input_type1{border:1px solid #dadada; background:#fcfcfc; height:33px; line-height:33px;} #payment_type2 td span{color:#ca5d5d; font-size:12px; font-weight:normal;} #payment_type3{border-collapse:collapse; width:100%;} #payment_type3 th, #payment_type3 td{padding:20px 20px 20px 20px;} #payment_type3 th{background-color:#f7f7f7; background-image:url(../image/menu3/dot1.gif); background-position:35px center; background-repeat:no-repeat; font-size:13px; color:#878787; text-align:left; padding-left:45px;} #payment_type3 td{font-size:13px; color:#555555; font-weight:bold; text-align:left; background:#fcfcfc;} #payment_type3 .input_type1{border:1px solid #dadada; background:#fcfcfc; height:33px; line-height:33px;} #payment_type3 td span{color:#ca5d5d; font-size:12px; font-weight:normal;} #order_complete{position:relative; width:100%; border:1px solid #e7e7e7; text-align:center; display:inline-block; margin-top:50px;} #order_complete .order_number{font-size:16px; font-weight:bold; color:#673f8f; padding-bottom:135px;} #btn2{position:relative; width:773px; text-align:center; padding:78px 0px 78px 0px; border-top:1px solid #eeeeee; margin:0 auto; margin-top:100px;} /*마이페이지*/ #mypage_tap{position:relative; width:100%; margin-top:72px; float:left;} #mypage_tap .dttitle1{float:left;} #mypage_tap .dttitle1 img{float:left;} #mypage_tap .mypagecont1{padding-top:50px; float:left; clear:both; width:100%;} #mypage_table_type1{border-collapse:collapse; width:100%; margin-top:30px;} #mypage_table_type1 th, #mypage_table_type1 td{padding:15px; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; font-size:13px; color:#6b6b6b;} #mypage_table_type1 th{background-color:#fafafa; border-right:1px solid #e4e4e4; color:#8b8a8a; font-size:13px; text-align:left; padding-left:30px; background-image:url(../image/menu3/dot1.gif); background-position:20px center; background-repeat:no-repeat;} #mypage_table_type1 tbody tr td input{border:1px solid #dadada; height:33px; background:#fcfcfc; line-height:33px;} #mypage_table_type1 tbody tr td{padding-left:43px;} #mypage_table_type1 tbody tr .address input{margin:0px 0px 5px 0px;} #mypage_table_type1 tbody tr .address span{font-size:12px; color:#777777;} #mypage_table_type1 tfoot tr td{text-align:center; border:0px; padding-top:40px;} #mypage_tap dd #table_title{position:relative; float:left; font-size:13px; color:#686868; font-weight:normal; background:url(../image/menu4/dot2.gif) left center no-repeat; padding-left:10px; white-space:nowrap;} #mypage_tap dd #table_title a{font-size:12px; color:#878787; margin:0px 10px 0px 10px; border-right:1px solid #9a9a9a; padding:0px 20px 0px 0px; text-align:left;} #mypage_tap dd #table_title a:hover{font:12px; color:#333;} #mypage_tap dd #table_title .on{font-size:13px; color:#686868; font-weight:bold;} #mypage_tap dd .more_btn{float:right;} #mypage_tap dd .red_point{position: relative;clear: both;color: #f00;padding-top: 5px;} /* #mypage_table_type2{border-collapse:collapse; width:100%; margin-top:30px;} */ #mypage_table_type2 th, #mypage_table_type2 td{padding:10px;} #mypage_table_type2 thead tr th{font-size:12px; color:#6d6d6d; background-color:#f9f9f9;} #mypage_table_type2 thead tr .title1{border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-top:1px solid #d9d9d9; background-image:url(../image/menu7/geb.gif); background-position:right center; background-repeat:no-repeat;} #mypage_table_type2 thead tr .title2{border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; background-image:url(../image/menu7/geb.gif); background-position:right center; background-repeat:no-repeat;} #mypage_table_type2 thead tr .title3{border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; background-image:url(../image/menu7/geb.gif); background-position:right center; background-repeat:no-repeat;} #mypage_table_type2 thead tr .title4{border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; background-image:url(../image/menu7/geb.gif); background-position:right center; background-repeat:no-repeat;} #mypage_table_type2 thead tr .title5{border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9;} #mypage_table_type2 tbody tr td{font-size:13px; color:#777777; border-bottom:1px solid #e5e5e5;} #mypage_table_type2 tbody tr td a{font-size:13px; color:#777777;} #mypage_table_type2 tbody tr td a:hover{color:#333;} #mypage_table_type2 tbody tr .cont1{text-align:center;} #mypage_table_type2 tbody tr .cont2{text-align:left; font-weight:bold;} #mypage_table_type2 tbody tr .cont3{text-align:center;} #mypage_table_type2 tbody tr .cont4{text-align:center;} #mypage_table_type2 tbody tr .cont5{text-align:center;} #mypage_table_type3{border-collapse:collapse; width:100%; margin-top:30px;} #mypage_table_type3 tr td{border:1px solid #e9e9e9; padding:10px 20px 10px 20px; margin-top:30px;} #mypage_table_type3 tr td select{border:1px solid #dadada; height:27px; line-height:27px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} .pe_page_numbering{text-align:center;} .pe_page_numbering span{margin:0px 20px 0px 20px;} .pe_page_numbering span a{border:1px solid #e8e8e8; padding:5px 0px 0px 0px; font-size:12px; width:26px; height:21px; display:inline-block; vertical-align:top;} .pe_page_numbering span a:hover{background:#a4a5a6; color:#FFF;} .pe_page_numbering span .on{background:#a4a5a6; color:#FFF;} #order_list2{border-collapse:collapse; width:825px; margin-top:30px;} #order_list2 th, #order_list2 td{padding:10px;} #order_list2 thead tr th{height:30px; font-size:13px; color:#696969; border-top:1px solid #eaeaea;} #order_list2 thead tr .title1{background:url(../image/menu6/order_2.gif) right bottom no-repeat;} #order_list2 thead tr .title2{background:url(../image/menu6/order_2.gif) right bottom no-repeat;} #order_list2 thead tr .title3{background:url(../image/menu6/order_2.gif) right bottom no-repeat;} #order_list2 thead tr .title4{background:url(../image/menu6/order_2.gif) left bottom no-repeat;} #order_list2 tbody tr td{font-size:13px; color:#838383; border-bottom:1px solid #dddddd;} #order_list2 tbody tr .cont1{text-align:left;} #order_list2 tbody tr .cont2{text-align:center;} #order_list2 tbody tr .cont3{text-align:center;} #order_list2 tbody tr .cont3 input{border:1px solid #d6d6d6; height:22px; float:left;} #order_list2 tbody tr .cont3 lf{border:1px solid #d6d6d6; height:22px; float:left;} #order_list2 tbody tr .cont3 .btn{display:inline-block; width:10px; float:left; margin:0px;} #order_list2 tbody tr .cont3 .btn img{margin:0px 0px 0px 0px; vertical-align:top;} #order_list2 tbody tr .cont3 .btn a{margin:0px; padding:0px; vertical-align:top;} #order_list2 tbody tr .cont3 .ge{width:90px; display:inline-block;} #order_list2 tbody tr .cont3 .ge #modify_bt{margin:3px 0px 0px 0px;} #order_list2 tbody tr .cont4{text-align:center;} #order_list2 tbody tr .cont5{text-align:center;} #order_list2 tbody tr .cont1 img{border:1px solid #e6e6e6; float:left; margin:0px 20px 0px 0px;} #order_list2 tbody tr .cont1 strong{float:left; width:200px; font-size:14px; font-weight:bold; color:#504357; margin:13px 0px 0px 0px;} #order_list2 tbody tr .cont1 strong:hover{color:#000;} #order_list2 tbody tr .cont1 span{float:left; width:200px; margin:10px 0px 0px 0px; font-size:13px; color:#848383;} #order_list2 tbody tr .cont1 span:hover{color:#333;} #order_list2 tfoot tr td{font-size:13px; text-align:right; line-height:180%;} #order_list2 tfoot tr td span{font-weight:bold; color:#626262;} #order_list2 tfoot tr td strong{color:#e36666;} #order_list2 tfoot tr td .imp{font-size:11px; color:#8e8e8e;} #order_list2 tfoot tr .btn{text-align:center; border-top:1px solid #e4e4e4; padding:30px 0px 0px 0px;} #order_list2 tfoot tr .btn img{margin:0px 2px 0px 2px;} #contact1_1{position:relative; width:100%; border-bottom:1px solid #dddddd;} #contact1_1 .contitle1{display:inline-block; width:80%; height:31px; background:url(../image/menu7/topbg.gif) right bottom no-repeat; padding-top:10px; text-align:center; font-size:13px; color:#696969; font-weight:bold; float:left;} #contact1_1 .contitle2{display:inline-block; width:20%; height:31px; background:url(../image/menu7/topbg.gif) left bottom no-repeat; padding-top:10px; text-align:center; font-size:13px; color:#696969; font-weight:bold; float:left;} #contact1_1 dt{position:relative; width:775px; background:url(../image/menu1/dot3.gif) 10px center no-repeat; padding:25px; clear:both; border-top:1px solid #dddddd;} #contact1_1 dd{display:none; width:720px; border:1px solid #dadada; font-size:13px; line-height:180%; background-color:#f9f9f9; background-image:url(../image/menu7/rel_bg.gif); background-position:20px 20px; background-repeat:no-repeat; padding:25px 10px 20px 55px; margin:0 auto; margin-bottom:50px;} #contact1_1 dt a{font-size:13px; color:#7c7c7c; font-weight:bold;} #contact1_1 dt .sta{position:absolute; right:52px; top:20px;} #mypage_tap .secession{position:relative; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; float:left; padding:60px 0px 60px 0px; width:100%; margin:63px 0px 0px 0px; text-align:center;} #mypage_tap .secession .secession_title1{font-size:18px; font-weight:bold; color:#838383; clear:both;} #mypage_tap .secession span{clear:both;} #mypage_tap .secession{text-align:center; font-size:12px; color:#898888; line-height:180%;} #mypage_tap .secession .caption{font-size:12px; color:#403f3f; border:1px solid #e0e0e0; background:#fafafa; padding:10px; white-space:nowrap; margin:30px 0px 0px 0px; display:inline-block;} #mypage_tap .secession .last{font-size:23px; font-weight:bold; color:#222020; display:inline-block; clear:both; margin:30px 0px 0px 0px;} #mypage_tap .secession_btn{text-align:center; padding-top:30px; float:left; width:100%;} #mypage_tap .secession_btn img{margin:0px 2px 0px 2px;} #login_page{position:relative; width:100%; margin-top:132px; display:inline-block;} #login_page dt{color:#898989; font-weight:bold; border-bottom:1px solid #eeeeee; padding-bottom:15px;} #login_page dt img{margin:-3px 10px 0px 0px;} #login_page .cont1{border-bottom:1px solid #c6c6c6; padding-bottom:41px;} #login_page .cont1 .login_title{font-size:15px; color:#828282; margin:75px 0px 65px 0px; display:inline-block; font-weight:bold;} #login_page .cont1 .login_title strong{font-size:30px; color:#3a3c3f;} #login_page .cont1 #login_box{position:relative; width:100%; border-top:1px solid #959f2d; border-bottom:1px solid #eeeeee; height:174px; background:url(../image/menu8/cont1.gif) left top no-repeat;} #login_page .cont1 #login_box .login_id{position:absolute; left:128px; top:50px;} #login_page .cont1 #login_box .login_pw{position:absolute; left:128px; top:97px;} #login_page .cont1 #login_box .login_id span{display:inline-block; width:71px; height:25px; background:url(../image/menu3/dot1.gif) left center no-repeat; text-align:left; padding:10px 0px 0px 10px; font-weight:bold; color:#a7a7a7; font-size:12px;} #login_page .cont1 #login_box .login_pw span{display:inline-block; width:71px; height:25px; background:url(../image/menu3/dot1.gif) left center no-repeat; text-align:left; padding:10px 0px 0px 10px; font-weight:bold; color:#a7a7a7; font-size:12px;} #login_page .cont1 #login_box .login_id .textbox{border:1px solid #dbdbdb; background:#fbfbfb; height:33px; line-height:180%; width:315px;} #login_page .cont1 #login_box .login_pw .textbox{border:1px solid #dbdbdb; background:#fbfbfb; height:33px; line-height:180%; width:399px;} #login_page .cont1 #login_box .btn{position:absolute; right:108px; top:52px;} #login_page .cont2{padding:38px 0px 0px 0px;} #login_page .cont2 .top{width:100%; height:53px; background:url(../image/menu8/cont1_1.gif) left top no-repeat; border-bottom:1px solid #ececec;} #login_page .cont2 .bottom{width:100%; height:53px; background:url(../image/menu8/cont1_1.gif) left bottom no-repeat;} #login_page .cont2 li span{float:left; background:url(../image/menu1/dot3.gif) 20px 25px no-repeat; padding:20px 0px 10px 35px; font-size:12px; color:#838383;} #login_page .cont2 li a{float:right; margin:13px 39px 0px 0px;} #login_page .cont3{padding:38px 0px 0px 0px;} #login_page .cont3 .top{width:100%; height:87px; background:url(../image/menu8/cont1_5.gif) left top no-repeat; border-bottom:1px solid #ececec; padding-top:15px;} #login_page .cont3 li span{float:left; background:url(../image/menu1/dot3.gif) 20px 25px no-repeat; padding:20px 0px 10px 35px; font-size:12px; color:#838383;} #login_page .cont3 li a{float:right; margin:13px 39px 0px 0px;} #join .join_title1{position:relative; margin:72px 0px 115px 0px;} #join textarea{font-size:12px; color:#878787;} #join_table{position:relative; width:100%; float:left;} #join_table dt{background:url(../image/menu8/dot.gif) left 4px no-repeat; padding:0px 0px 15px 10px; font-size:15px; color:#393939; font-weight:bold; border-bottom:1px solid #959f2d;} #join_table dd table{border-collapse:collapse; width:100%;} #join_table dd table tbody th, #join_table dd table tbody td{padding:15px; border-bottom:1px solid #f0f0f0; line-height:180%;} #join_table dd table tbody th{font-size:13px; color:#8b8a8a; background:url(../image/menu7/geb.gif) right center no-repeat;} #join_table dd table tbody th span{display:inline-block; padding:0px 10px 0px 10px; background:url(../image/menu3/dot1.gif) left center no-repeat; text-align:left; width:100px;} #join_table dd table tbody td input{border:1px solid #dadada; background:#fcfcfc; height:33px; line-height:33px; font-size:12px; color:#909090;} #join_table dd table tbody td img{margin:10px 2px 0px 0px;} #join_table dd table tbody .email input{margin:0px 0px 15px 0px;} #join_table dd table tbody .email{color:#909090;} #join_table dd table tbody .email strong{color:#656565;} #join_table dd table tfoot tr td{padding:20px; text-align:left; color:#777777;} #join_table dd table tfoot tr .number{background:url(../image/menu8/cont1_2.gif) left top no-repeat; height:81px; text-align:center; font-size:13px;} #join_table dd table tfoot tr .number input{border:1px solid #cacaca; background:#f5f5eb; height:33px; line-height:33px;} #join_table dd table tfoot tr .btn{text-align:center;} #join_table dd table tfoot tr .btn img{margin:0px 2px 0px 2px;} #readme{position:relative; background:url(../image/menu8/cont1_3.gif) left top no-repeat; height:70px; padding-top:40px;} #readme li{margin:0px 0px 0px 140px; background:url(../image/menu3/dot1.gif) left center no-repeat; padding:0px 0px 0px 10px; line-height:180%; font-size:12px; color:#777777;} #join_table .textareabox{position:relative; width:727px; border:1px solid #e6e6e6; background:#fbfbfb; padding:25px 48px 25px 48px; margin-bottom:20px;} #join_table .textareabox strong{color:#7a7979; font-size:13px; font-weight:bold; background:url(../image/menu3/dot1.gif) left center no-repeat; padding:0px 0px 0px 10px;} #join_table .textareabox textarea{width:687px; height:160px; border:1px solid #dbdbdb; background:#FFF; overflow-y:scroll; overflow-x:hidden; margin:10px 0px 10px 0px; padding:20px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} #join_table .textareabox span{float:right; white-space:nowrap;} #join_table .btn{text-align:center; width:100%; border-top:1px solid #ebebeb; padding:39px 0px 0px 0px; margin-top:13px;} #join_table2{position:relative; width:100%; float:left;} #join_table2 dt{background:url(../image/menu8/dot.gif) left 4px no-repeat; padding:0px 0px 15px 10px; font-size:15px; color:#393939; font-weight:bold; border-bottom:1px solid #959f2d;} #join_table2 dd #join_input{border-collapse:collapse; width:100%;} #join_table2 dd #join_input th, #join_table2 dd #join_input td{padding:10px; border-bottom:1px solid #f0f0f0;} #join_table2 dd #join_input th{text-align:left; padding:0px 0px 0px 30px; background:url(../image/menu3/dot1.gif) 20px center no-repeat; font-size:13px; color:#8b8a8a;} #join_table2 dd #join_input td input{border:1px solid #dadada; background:#fcfcfc; height:33px; line-height:33px; vertical-align:middle;} #join_table2 dd #join_input .id_check{font-size:12px; color:#777777;} #join_table2 dd #join_input .pw_check span{color:#777777;} #join_table2 dd #join_input .email{font-size:13px; color:#727070;} #join_table2 dd #join_input .address input{margin:0px 0px 5px 0px;} #join_table2 dd #join_input tfoot tr td{text-align:center; border:0px; padding:30px 0px 30px 0px;} #join_table2 dd #join_input tfoot tr td img{margin:0px 4px 0px 4px;} #join_comp{position:relative; width:100%; height:484px; background:url(../image/menu8/cont1_4.gif) center top no-repeat; text-align:center;} .comp_text1{font-size:18px; color:#393939; display:inline-block; margin:33px 20px 0px 0px; font-weight:bold;} .comp_text2{font-size:14px; color:#272727; clear:both; display:inline-block; margin:170px 0px 0px 0px;} .comp_text3{font-size:11px; color:#9b9b9b; clear:both; margin:20px 0px 0px 0px;} .comp_btn{position:relative; width:100%; margin:30px 0px 0px 0px; float:left; clear:both; text-align:center;} .comp_btn img{margin:0px 4px 0px 4px;} #join_table3{position:relative; width:100%; float:left; margin:50px 0px 0px 0px;} #join_table3 dt{background:url(../image/menu8/dot.gif) left 4px no-repeat; padding:0px 0px 15px 10px; font-size:15px; color:#393939; font-weight:bold; border-bottom:1px solid #959f2d;} #join_table3 dd{padding:14px 0px 0px 0px;} #join_table3 dd ul{position:relative; width:100%; border:1px solid #e7e7e7; background:#fbfbfb; height:126px; padding:43px 0px 0px 0px;} #join_table3 dd ul li{margin:5px 0px 5px 69px;} #join_table3 dd ul li strong{font-size:13px; color:#989797; padding-left:10px; background:url(../image/menu6/dot1.gif) left center no-repeat; width:97px; display:inline-block;} #join_table3 dd ul li input{border:1px solid #dadada; background:#fcfcfc; height:33px; line-height:33px; width:404px;} #join_table3 dd ul .btn{position:absolute; top:47px; right:131px;} #join_table4{position:relative; width:100%; float:left; margin:80px 0px 0px 0px;} #join_table4 dt{background:url(../image/menu8/dot.gif) left 4px no-repeat; padding:0px 0px 15px 10px; font-size:15px; color:#393939; font-weight:bold; border-bottom:1px solid #959f2d;} #join_table4 dd{padding:14px 0px 0px 0px;} #join_table4 dd ul{position:relative; width:100%; border:1px solid #e7e7e7; background:#fbfbfb; height:147px; padding:22px 0px 0px 0px;} #join_table4 dd ul li{margin:5px 0px 5px 69px;} #join_table4 dd ul li strong{font-size:13px; color:#989797; padding-left:10px; background:url(../image/menu6/dot1.gif) left center no-repeat; width:97px; display:inline-block;} #join_table4 dd ul li input{border:1px solid #dadada; background:#fcfcfc; height:33px; line-height:33px; width:404px;} #join_table4 dd ul .btn{position:absolute; top:47px; right:131px;} .popup_window{overflow:hidden;} #id_redundancy_check{position:relative; width:448px; /*border:3px solid #34333c;*/ height:350px;} #id_redundancy_check dt{position:relative; width:100%; text-align:center; background:url(../image/etc/cont1.gif) left top repeat-x; font-size:18px; font-weight:bold; color:#c8c8c8; height:58px; padding-top:35px;} #id_redundancy_check dt .close_btn{position:absolute; top:11px; right:11px;} #id_redundancy_check dd{height:197px;} #id_redundancy_check dd ul{margin:45px 0px 0px 0px;} #id_redundancy_check dd ul li{font-size:16px; color:#848383; position:relative;} #id_redundancy_check dd ul .textarea{float:left; clear:both; margin-left:48px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum; padding:0px; text-align:left; display:inline;} #id_redundancy_check dd ul li strong{color:#4a4a4a;} #id_redundancy_check dd ul li input{border:1px solid #d8d6d6; background:#fcfcfc; height:33px; width:309px; margin-top:20px; float:left;} #id_redundancy_check dd ul .btn{position:absolute; top:189px; right:10px;} #id_redundancy_check dd ul li #btn_ch{position:absolute; top:10px;} #address_search{position:relative; width:448px; /*border:3px solid #34333c;*/ padding-bottom:100px; overflow:hidden; } #address_search dt{position:relative; width:100%; text-align:center; background:url(../image/etc/cont2.gif) center top repeat-x; font-size:18px; font-weight:bold; color:#c8c8c8; height:112px; padding-top:35px; display:inline-block;} #address_search dt .close_btn{position:absolute; top:11px; right:11px;} #address_search dd{} #address_search dd ul{margin:0px 0px 0px 0px;} #address_search dd ul li{font-size:14px; color:#757575; text-align:left; padding-left:35px; position:relative; overflow:hidden;} #address_search dd ul li span{font-size:12px; color:#a8a8a8;} #address_search dd ul .textarea{float:left; clear:both; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} #address_search dd ul li strong{color:#4a4a4a;} #address_search dd ul li input{border:1px solid #d8d6d6; background:#fcfcfc; height:33px; width:309px; margin-top:20px; line-height:33px;} #address_search dd ul .btn{position:absolute; top:192px; right:10px;} #address_search dd ul li #btn_conm{position:absolute; top:10px;} #address_search dd ul .result_text{text-align:center; clear:both; float:left; width:448px; padding:0px; font-size:12px; color:#a5a4a4; margin:34px 0px 0px 0px;} #address_search dd ul .address_list{width:349px; height:135px; border:2px solid #d9d9d9; margin:40px 0px 0px 35px; text-align:left; padding:10px; line-height:180%; overflow-y:scroll; clear:both; float:left;} #address_search dd ul .address_list a{color:#a5a4a4; font-size:12px;} #address_search dd ul .address_list a:hover{color:#333;} #privacy_policy{position:relative; width:100%; height:650px; border-top:3px solid #858585; background:url(../image/etc/cont3.gif) left top repeat;} #privacy_policy dt{border-top:1px solid #000; font-size:37px; color:#3a3a3a; line-height:20%; padding-top:60px; font-weight:bold;} #privacy_policy dt span{font-size:12px; color:#777777; font-weight:bold;} #privacy_policy dt .close_btn{position:absolute; top:30px; right:30px;} #privacy_policy dd textarea{position:relative; width:749px; height:430px; overflow-y:scroll; border:1px solid #dbdbdb; background:#fff; margin:0 auto; margin-top:30px; padding:20px; font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;} #totla_menu{position:relative; float:left; width:100%;} #totla_menu .cont1{padding:20px; overflow:hidden; border-bottom:1px solid #eaeaea;} #totla_menu .cont1 .title{background:url(../image/menu9/dot.gif) left top no-repeat; padding:5px 0px 5px 10px; display:inline-block; font-size:15px; color:#434343; font-weight:bold; width:190px; overflow:hidden;} #totla_menu .cont1 span{float:left; overflow:hidden; background:url(../image/menu9/geb.gif) left 10px no-repeat; padding:0px 0px 0px 30px;} #totla_menu .cont1 span dl{float:left; padding:0px 40px 0px 0px;} #totla_menu .cont1 span dl dt{font-size:14px; color:#848484; padding:5px 5px 5px 10px; background:url(../image/menu3/dot1.gif) left center no-repeat;} #totla_menu .cont1 span dl dt a{color:#848484; font-size:14px;} #totla_menu .cont1 span dl dt a:hover{color:#333;} #totla_menu .cont1 span dl dd{font-size:12px; color:#9b9a9a; line-height:180%; padding-left:12px; padding-top:17px;} #totla_menu .cont1 span dl dd a{color:#9b9a9a;} #totla_menu .cont1 span dl dd a:hover{color:#333;} /* 개인체험 예약하기 */ .c_black{ color: #000; } span, p, a, li{ font-family: 'NanumGothic' } .Wrap335{ max-width: 335px; width: 100%; margin: 35px auto 0px; } .reserve-box{ max-width: 700px; width: 100%; margin: 36px auto 30px; background:#fff; border-radius:10px; box-shadow:0 0px 4px rgba(0,0,0,0.25); overflow:hidden; } .reserve-table{ width:100%; border-collapse:collapse; } .reserve-table th{ width:120px; background:#F7F6F8; text-align:left; padding:15px; box-sizing: border-box; color:#878787; border-bottom:1px solid #D7D7D7; font-size: 15px; font-weight: 600; font-family: 'NanumGothicBold'; } .reserve-table td{ padding:20px; border-bottom:1px solid #D7D7D7; font-size: 15px; font-weight: 500; font-family: 'NanumGothic'; color: #878787; } #reserveForm .reserve-table td{ display: flex; align-items: center; justify-content: space-between; } #paymentForm .reserve-table th, #paymentForm .reserve-table td{ text-align: center; color: #3B3C3F; font-weight: 500; font-family: 'NanumGothicBold'; } #paymentForm .reserve-table td.gubun{ color: #878787; } #paymentForm .reserve-table td{ font-size: 13px; } .required{ color:#FF5715; } .reserve-table td input{ height:31px; border:1px solid #D9D9D9; border-radius:8px; background-color: #FCFCFC; padding:0 10px; box-sizing: border-box; font-size:15px; font-family: 'NanumGothic'; font-weight: 500; } .input-text{ width:230px; } .input-small{ width:53px; } .price-input{ width:400px; } .note{ color:#FF5715; font-size:12px; font-family: 'NanumGothic'; font-weight: 500; margin-left:5px; } .btnWrap{ max-width: 700px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: right; gap: 10px; } .Btn{ height: 39px; display: flex; align-items: center; justify-content: center; padding: 5px; box-sizing: border-box; background:#aaa; border:none; border-radius:8px; font-size: 15px; font-weight: 600; color: #FFFFFF; font-family: 'NanumGothicBold' } .Btn.cancel{ width: 76px; background: #D9D9D9; background: linear-gradient(180deg,rgba(217, 217, 217, 1) 0%, rgba(135, 135, 135, 0.8) 100%); } .Btn.complete{ width: 172px; background: #58A6FF; background: linear-gradient(180deg,rgba(88, 166, 255, 1) 0%, rgba(0, 119, 255, 0.8) 100%); } .Btn.calc{ width: 83px; height: 31px; background: #ACACAC; background: linear-gradient(180deg,rgba(172, 172, 172, 1) 0%, rgba(59, 60, 63, 0.8) 100%); } .Btn.schedule{ width: 156px; height: 39px; background: #6A9FDA; background: linear-gradient(180deg,rgba(106, 159, 218, 1) 0%, rgba(31, 92, 162, 0.8) 100%); } .Btn.rsvDetails{ width: 156px; height: 39px; background: #58A6FF; background: linear-gradient(180deg,rgba(88, 166, 255, 1) 0%, rgba(0, 119, 255, 0.8) 100%); } .Btn:hover{ opacity:0.9; } #paymentForm .btnWrap{ justify-content: space-between; } #paymentForm .btnWrap .Btn{ width: 165px; height: 47px; } #paymentForm .btnWrap .Btn.card{ background-color: #0077FF; color: #fff; } #paymentForm .btnWrap .Btn.naverpay{ background-color: #00DE5A; color: #000; } #paymentForm .btnWrap .Btn.kakaopay{ background-color: #FFEB00; color: #000; } #paymentForm .btnWrap .Btn.tosspay{ background-color: #1C2633; color: #fff; } .noticeTxt{ max-width: 700px; width: 100%; margin: 35px auto 0; } .noticeTxt p, .noticeTxt li{ font-size: 12px; font-weight: 600; font-family: 'NanumGothicBold'; margin-bottom: 5px; margin-left: 0; } .noticeTxt li{ font-weight: 500; } /* 모달창 */ .modal{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); justify-content:center; align-items:center; z-index:9999; } .modal-content{ display: flex; align-items: center; justify-content: center; flex-direction: column; background:#fff; padding:20px; width:350px; border-radius:12px; text-align:center; box-shadow:0 5px 15px rgba(0,0,0,0.2); font-size: 15px; font-weight: 600; color: #3B3C3F; font-family: 'NanumGothicBold' } .modal-content h3{ margin-bottom:20px; } #modalResult p{ margin-bottom: 5px; } #modalResult hr{ display: block; width: 50%; height: 1px; margin: 10px auto; border-bottom: 1px solid #D9D9D9; } .closeBtn{ margin-top:20px; padding:10px 25px; background:#2f7de1; color:#fff; border:none; border-radius:8px; cursor:pointer; } /* 예약하기 모달창 */ #reserveModal .modal-content{ text-align: left; padding: 30px 20px 20px; } #reserveModal .modal-content div{ width: 100%; font-size: 16px; line-height: 27px; font-weight: 600; color: #3B3C3F; font-family: 'NanumGothicBold'; } #modalTxt{ margin-bottom: 25px; } /* 결제 완료 */ .Wrap335 h3{ width: 100%; margin-bottom: -10px; font-size: 20px; font-weight: 900; color: #3B3C3F; font-family: 'NanumGothicBold'; text-align: center; } .Wrap335 .reserve-box{ padding: 35px; box-sizing: border-box; } .Wrap335 .reserve-box ul li, .Wrap335 .reserve-box ul li span{ font-size: 15px; line-height: 33px; font-weight: 600; color: #3B3C3F; font-family: 'NanumGothicBold'; text-align: left; } /* 예약확인 */ .f_20px{ font-size: 20px; font-weight: 600; font-family: 'NanumGothicBold'; } .f_15px{ font-size: 15px; font-weight: 600; font-family: 'NanumGothicBold'; } .f_12px{ font-size: 12px; font-weight: 600; font-family: 'NanumGothicBold'; } .Wrap400{ max-width: 400px; width: 100%; margin: -80px auto 0px; text-align: center; } .Wrap400 .reserve-box input{ width: 100%; } .Wrap400 h3{ color: #3B3C3F; } .Wrap400 .f_15px{ font-weight: 400; margin: 19px 0 10px; } .Wrap400 .note{ font-weight: 400; } #newRsvList .reserve-box{ max-width: 815px; } #newRsvList .noticeTxt { max-width: 815px; } #newRsvList #mypage_table_type2 thead tr th{ font-size: 15px; font-weight: 600; font-family: 'NanumGothicBold'; color: #3B3C3F; text-align: center; letter-spacing: -0.5px; padding: 5px; height: 50px; } #newRsvList #mypage_table_type2 thead tr td{ font-size: 13px; font-weight: 600; font-family: 'NanumGothicBold'; text-align: center; color: #3B3C3F; text-align: center; letter-spacing: -0.5px; padding: 5px; height: 50px; } #newRsvList #mypage_table_type2 thead tr td.gubun{ color: #878787; } #newRsvList .btnWrap { max-width: 815px; width: 100%; } #newRsvList .btnWrap .Btn.cancel{ width: 97px; } #newRsvList .btnWrap .Btn.complete{ width: 111px; }