/* Written By MJS */

*{-webkit-text-size-adjust:none}
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0;font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;font-weight:normal}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{text-decoration:none;color:#333}
a[href^="tel"]{ font-style:normal}
address, caption, em, var{font-style:normal;font-weight:normal}
//input, textarea, select{letter-spacing:normal}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
legend, caption{display:none}
img{border:0;vertical-align:top}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing:normal}
p{letter-spacing:normal}
//input{vertical-align:middle}
input[type="text"], input[type="password"]{-webkit-appearance:none}
//input[type="checkbox"]{-webkit-appearance:none;-webkit-border-radius:0}
//input:checked[type="checkbox"]{-webkit-appearance:checkbox}
//input[type="radio"]{border:none;-webkit-appearance:none}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
textarea{-webkit-appearance:none}
select{-webkit-appearance:menulist-text}

body{min-width:320px;max-width:1000px;height:100%;margin:0 auto;}




/*=============================== 상단 ===============================*/
#header{position:relative;float:left;width:100%;padding:3% 0;}
#header a{float:left;width:20%;}
#header .logo{width:40%;margin:0 10%;}

/* 메뉴 */
#menu{position:relative;float:left;min-width:320px;width:100%;height:20%;background:#555;}
#menu ul{position:relative;}
#menu ul li{float:left;width:25%;}
#menu ul li a{display:block;width:100%;text-align:center;color:#fff;padding:22% 0;font-size:100%;font-weight:bold;}

/* 메인비주얼 */
#main_visual{position:relative;float:left;width:100%;}

/* 메인 배너 */
#main_banner{position:relative;float:left;width:100%;}
#main_banner  a{float:left;width:50%;}

/* 상담하기 */
#quick{position:relative;float:left;width:94%;padding:6% 3%;background:#e0e0e0;}
.quick_title{float:left;width:100%;color:#333;font-size:140%;font-weight:bold;margin-bottom:2%;}
.quick_w{float:left;width:76%;}
.quick_w ul{float:left;width:40%;margin-right:5%;}
.quick_w ul li{float:left;width:100%;margin-bottom:3%;}
.quick_input{float:left;width:90%;padding:5%;color:#898989;text-align:left;margin-right:1%;border:1px solid #aaa;font-size:70%;}
.quick_w textarea{float:left;width:46%;padding:3% 2%;border:1px solid #aaa;font-size:70%;color:#898989;}
.quick_btn{float:left;width:21%;margin-left:3%;}




/*=============================== 하단 ===============================*/
#footer{position:relative;float:left;width:100%;padding:4% 0 2% 0;background:#f3f3f3;}
.copy{position:relative;float:left;width:96%;color:#333;font-size:80%;}
.copy p{text-align:center;}

/* 버튼 style */
#button{position:relative;float:left;width:100%;padding:3% 0 6% 0;background:#f3f3f3;text-align:center;color:#fff;}
.btn{margin:0 1%;padding:2% 4%;font-size:76%;color:#fff;border:1px solid #333;background:#555;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
behavior:url(ie-css3.htc);}




/*=============================== 서브 ===============================*/
.sub_menu{position:relative;float:left;width:100%;}
.sub_menu ul{position:relative;float:left;width:100%;border-top:1px solid #fff;background:#f0f0f0;}
.sub_menu ul li{float:left;width:24.7%;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.sub_menu ul li a{display:block;padding:8% 0;text-align:center;color:#555;font-size:70%;font-weight:bold;}
.sub_menu ul li a.on{font-weight:600;color:#fff;background:#72b82f;}

.sub_menu2{position:relative;float:left;width:100%;}/* 메뉴2개일 경우 */
.sub_menu2 ul{position:relative;float:left;width:100%;border-top:1px solid #fff;background:#f0f0f0;}
.sub_menu2 ul li{float:left;width:49.6%;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.sub_menu2 ul li a{display:block;padding:5% 0;text-align:center;color:#555;font-size:70%;font-weight:bold;}
.sub_menu2 ul li a.on{font-weight:600;color:#fff;background:#72b82f;}

.page_title{position:relative;float:left;width:100%;font-size:100%;font-weight:bold;margin:3% 3% 0 3%}
.page_content{position:relative;float:left;width:94%;margin:8% 3%;}



/* 찾아오시는 길 */
.add{float:left;width:100%;font-size:90%;margin-top:3%;}

/* 체험 테이블 스타일 */
table.exp_tbl{float:left;width:100%;margin-bottom:2%;}
table.exp_tbl th{font-size:100%;background:#b1df60;font-size:100%;}
table.exp_tbl td{font-size:80%;}
table.exp_tbl th,table.exp_tbl td{border:1px solid #649907;text-align:center;padding:2%;}
a.res_btn{position:relative;float:left;width:50%;margin:5% 25%;}

/* 예약하기 */
table.res_tbl{position:relative;float:left;width:100%;border-top:3px solid #333;}
table.res_tbl th{width:20%;background:#898989;color:#fff;font-size:90%;}
table.res_tbl td{background:#f9f9f9;color:#555;font-size:100%;}
table.res_tbl th,table.res_tbl td{padding:2%;text-align:left;border-bottom:1px solid #555;}
table.res_tbl td input.ip02{float:left;width:94%;padding:2%;border:1px solid #ccc;font-size:80%;color:#555;}
table.res_tbl td input.ip03{float:left;width:18%;padding:2%;border:1px solid #ccc;font-size:80%;color:#555;}
table.res_tbl td input.ip04{float:left;width:10%;padding:2%;border:1px solid #ccc;font-size:80%;color:#555;}
table.res_tbl td select{float:left;border:1px solid #ccc;background:#fff;padding:2% 5%;border-radius: 0px;
vertical-align: middle; 
/*-webkit-appearance: none; */
-webkit-border-radius: .3em; }
table.res_tbl td textarea{float:left;width:100%;}
table.res_tbl td p{float:left;display:block;font-size:90%;margin-top:2.5%;margin-right:5%;color:#555;}
table.res_tbl td b{float:left;font-size:90%;margin:2.5% 2% 0 2%;font-weight:400;}

/* 개인정보취급방침 */
.res_textarea{position:relative;float:left;width:95%;padding:2%;border:3px solid #ccc;margin-top:5%;}
.res_textarea textarea{float:left;width:100%;min-height:100px;text-align:justify;border:none;font-size:80%;line-height:110%;}

/* 환불정책 */
table.res_tbl2{position:relative;float:left;width:100%;border-top:3px solid #333;}
table.res_tbl2 th{width:20%;background:#898989;color:#fff;font-size:90%;font-weight:600;}
table.res_tbl2 td{background:#f9f9f9;color:#555;font-size:80%;}
table.res_tbl2 th,table.res_tbl2 td{padding:2%;text-align:left;border-bottom:1px solid #555;}

/* 예약확인 */
.res2_text{position:relative;float:left;width:92%;padding:4%;background:#ff8400;}
.res2_text p{float:left;width:100%;font-size:90%;margin:2% 0;color:#fff;font-weight:600;}
.res2_text b{float:left;font-size:90%;margin:0 2%;font-weight:600;margin-top:2%;}
.res2_text .ip02{float:left;width:70%;padding:2%;border:1px solid #ee5a00;vertical-align:middle;font-size:70%;color:#555;}
.res2_text .ip03{float:left;width:15%;padding:2%;border:1px solid #ee5a00;vertical-align:middle;font-size:70%;color:#555;}
.res2_text2{float:left;width:100%;text-align:center;font-size:100%;margin-bottom:5%;font-weight:600;}
/*예약확인 버튼*/
a.res2_btn{float:left;display:block;width:100%;font-size:100%;font-weight:600;text-align:center;color:#fff;padding:4% 0;background:#ea4800;}
/* 예약확인 내역 */
table.res_tbl3{position:relative;float:left;width:100%;border-top:3px solid #333;margin:50px 0;}
table.res_tbl3 th{background:#898989;color:#fff;font-size:90%;font-weight:600;}
table.res_tbl3 td{background:#f9f9f9;color:#555;font-size:80%;}
table.res_tbl3 th,table.res_tbl3 td{padding:2%;text-align:center;border-left:1px solid #555;border-bottom:1px solid #555;}
table.res_tbl3 th:first-child,table.res_tbl3 td:first-child{border-left:none;}

