@charset "utf-8";
/**********************************************************

	 Project: 자라섬 캠피장 

*********************************************************/

body{color:#666;}

/* input_type01 */
.input_type01 {border:none; width:100px; height:25px; padding:0 5px; background:url(../images/common/bg_input01.png) no-repeat left top; line-height:25px; font-size:12px; color:#666; font-weight:bold;}
.btn_vtrT {vertical-align:top;}

/* .txt_c */
.txt_C {text-align:center !important;}
.txt_L {text-align:left !important;}
.txt_R {text-align:right !important;}

/* table */
.table_calendar {background:#fafbfb;width: 230px;}
.table_calendar th,.table_calendar td {border:1px solid #aaa; text-align:center; width:30px;}
.table_calendar th {height:18px;font-family:'나눔고딕';font-size:10px;border-left:none;border-right:none}
.table_calendar td {height:28px !important;font-weight:bold; height:8px; color:#d1d2d2;}
.table_calendar td a {font-weight:bold; color:#d1d2d2; display:block; width:32px; height:29px; line-height:29px;}
.table_calendar td.available {color:#666; background:url(../images/common/bg_available.gif) repeat center top;}
.table_calendar td.available a {color:#666;}
.table_calendar td.select_day {color:#fff; background:#9dd2f4;}
.table_calendar td.select_day a {color:#fff;}
.table_calendar .left{border-left:none}
.table_calendar .right{border-right:none}

.table_type01 {width:220px;table-layout:fixed;z-index:1 !important;}
.table_type01 th, .table_type01 td{text-align:center;border:1px solid #bbb;}
.table_type01 th {color:#e2e5e6;background:#444;padding:10px 0 9px 0;}
.table_type01 td {color:#666; padding:5px 0;}
.table_type01 td.txt_L {padding:5px 7px;}
.table_type01 .even {background:#edf0f0 !important;}

.table_type02 {width:300px;}
.table_type02 th,.table_type02 td {text-align:center; padding:0}
.table_type02 th {color:#000; font-weight:bold;}

.table_type03{table-layout:fixed}
.table_type03 td, .table_type03 th{border:1px solid #cccccc}
.table_type03 th{height:33px !important;color:#666666;font-weight:bold;text-align:center;background:#dbe7ef}
.table_type03 td{height:29px !important;padding:0 10px}
.table_type03 .btn{padding:0 !important;text-align:center}
.table_type03 .even{background:#f3f6f6;}
.table_type03 .left{border-left:none}
.table_type03 .right{border-right:none}

.table_type04{table-layout:fixed}
.table_type04 td, .table_type04 th{border:1px solid #cccccc}
.table_type04 th{height:33px !important;color:#666666;font-weight:bold;padding:0 10px;text-align:left;background:#dbe7ef}
.table_type04 td{height:29px !important;padding:0 10px}
.table_type04 .txt{font-size:11px;letter-spacing:-1px}
.table_type04 .bu_join1{color:#f75959}
.table_type04 .even{background:#f3f6f6;}
.table_type04 .left{border-left:none}
.table_type04 .right{border-right:none}
.table_type04 .inp_join1{width:150px;height:25px;padding:0 5px;border:none;line-height:25px;background:url(../images/common/bg_input_join1.gif) left top no-repeat}
.table_type04 .inp_join2{width:110px;height:25px;padding:0 5px;border:none;line-height:25px;background:url(../images/common/bg_input_join2.gif) left top no-repeat}
.table_type04 .inp_join3{width:60px;height:25px;padding:0 5px;border:none;line-height:25px;background:url(../images/common/bg_input_join3.gif) left top no-repeat}
.table_type04 .num_wrap{display:inline-block;padding:2px 0;}
.table_type04 .phone_num .category_txt{position:relative;top:2px;display:inline-block;width:89px;}
.table_type04 .phone_num .category_txt *{vertical-align:middle}

/* tabs */
.tab_type01 ul {background:url(../images/tab/tab_type01_line.gif) repeat-x left bottom;}
.tab_type01 li {display:inline-block; *display:inline; *zoom:1; *padding-right:5px; text-align:center; }
.tab_type01 li a {display:block; font-family:'나눔고딕'; font-size:14px; color:#777; font-weight:bold; line-height:35px; width:150px; height:35px; background:url(../images/tab/tab_type01.png) no-repeat left top;}
.tab_type01 li.on a{width:146px;padding:0 2px;color:#7dc4f2;background:url(../images/tab/tab_type01_on.png) no-repeat left top}
.tab_type01 .on a span{display:block;width:100%;height:30px;height:33px;border-bottom:2px solid #f8f9f9}
.info_tab .on a span{border-bottom:2px solid #fbfcfc !important}


/* Select */
.select{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#f3f5f6; *zoom:1; margin-top:6px;padding-bottom:2px;z-index:10}
.select *{ margin:0; padding:0; cursor:pointer;}
.select .myValue{ position:relative; z-index:2; left:0; top:0; border:none; font-size:14px; color:#666; line-height:30px; _line-height:normal; text-align:left; overflow:visible; background:#f3f5f6 url(../images/common/bg_myValue.png) no-repeat left top;}
.select .myValue.selected{ font-weight:bold;}
.select.open .myValue,
.select .myValue.outLine{}
.select button.myValue{ height:30px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue{ height:28px; text-indent:8px;}

.select .myValue02{ position:relative; z-index:2; left:0; top:0; border:none; font-size:12px; color:#666; line-height:30px; _line-height:normal; text-align:left; overflow:visible; background:#f3f5f6 url(../images/common/bg_myValue02.png) no-repeat left top;}
.select .myValue02.selected{ font-weight:bold;}
.select.open .myValue02,
.select .myValue02.outLine{ }
.select button.myValue02{ height:30px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue02{ height:28px; text-indent:8px;}

.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:28px; background:#fff;}
.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:5px solid #67aff9; border-left:5px solid #fff; border-right:5px solid #fff;}
.select ul{ top:28px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #67aff9; border-bottom:1px solid #67aff9; background:#fff; overflow:hidden;}
.select ul.aList{ display:none;}
.select .aList_scroll {max-height:125px; overflow:scroll; overflow-x:auto;}
.select.open ul.aList{ display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0;}
.select .aList_scroll li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #67aff9; border-right:none !important;}
.select .aList li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #67aff9; border-right:1px solid #67aff9;}
.select .aList li input.option{ position:absolute; width:100%; height:20px; line-height:28px;}
.select .aList li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.select .aList li a{ display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#666;}

.select2{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#f3f5f6; *zoom:1;margin-top:6px;padding-bottom:2px}
.select2 .myValue{ position:relative; left:0; top:0; border:none; font-size:12px; color:#666; line-height:25px; _line-height:normal; text-align:left; overflow:visible; background:#f3f5f6 url(../images/common/bg_myValue03.gif) no-repeat left top;z-index:1}
.select2 .myValue.selected{ font-weight:bold;}
.select2.open .myValue,
.select2 .myValue.outLine{}
.select2 button.myValue{ height:25px; width:70px; text-indent:15px; *text-indent:0; *padding-left:5px}
.select2 div.myValue{ height:25px; text-indent:8px;}
.select2 .ctrl{ position:absolute; top:0; right:0; width:18px; height:28px; background:#fff;}
.select2 .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:5px solid #ccc; border-left:5px solid #fff; border-right:5px solid #fff;}
.select2 ul{position:absolute;top:22px; left:0; width:100%; list-style:none; border:0; border-top:2px solid #ccc; border-bottom:2px solid #ccc; background:#fff; overflow:hidden}
.select2 ul.aList{ display:none; z-index:999;}
.select2 .aList_scroll {max-height:125px; overflow:scroll; overflow-x:auto;}
.select2.open ul.aList{ display:block;}
.select2 ul.iList{ left:-2000%;}
.select2.open ul.iList{ left:0;}
.select2 .aList_scroll li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #67aff9; border-right:none !important;}
.select2 .aList li{ position:relative; overflow:hidden; white-space:nowrap; height:25px; border-left:2px solid #ccc; border-right:2px solid #ccc;}
.select2 .aList li input.option{ position:absolute; width:100%; height:20px; line-height:28px;}
.select2 .aList li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.select2 .aList li a{ display:block;color:#7b7b7c; text-indent:8px; *text-indent:6px; height:25px; line-height:25px; text-indent:22px; *text-indent:0; *padding-left:5px}

.sel_type3{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#f3f5f6; *zoom:1;margin-top:6px;padding-bottom:2px}
.sel_type3 .myValue{ position:relative; left:0; top:0; border:none; font-size:12px; color:#666; line-height:25px; _line-height:normal; text-align:left; overflow:visible; background:#f3f5f6 url(../images/common/bg_myValue04.gif) no-repeat left top;z-index:1}
.sel_type3 .myValue.selected{ font-weight:bold;}
.sel_type3 .open .myValue,
..myValue.outLine{ }
.sel_type3 button.myValue{ height:25px; width:160px; text-indent:15px; *text-indent:0; *padding-left:5px}
.sel_type3 div.myValue{ height:25px; text-indent:8px;}
.sel_type3 .ctrl{ position:absolute; top:0; right:0; width:18px; height:28px; background:#fff;}
.sel_type3 .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:5px solid #ccc; border-left:5px solid #fff; border-right:5px solid #fff;}
.sel_type3 ul{position:absolute;top:22px; left:0; width:100%; list-style:none; border:0; border-top:2px solid #ccc; border-bottom:2px solid #ccc; background:#fff; overflow:hidden}
.sel_type3 ul.aList{ display:none; z-index:999;}
.select3.open ul.aList{ display:block;}
.sel_type3 ul.iList{ left:-2000%;}
.select3.open ul.iList{ left:0;}
.sel_type3 .aList li{ position:relative; overflow:hidden; white-space:nowrap; height:25px; border-left:2px solid #ccc; border-right:2px solid #ccc;}
.sel_type3 .aList li input.option{ position:absolute; width:100%; height:20px; line-height:28px;}
.sel_type3 .aList li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.sel_type3 .aList li a{ display:block;color:#7b7b7c; text-indent:8px; *text-indent:6px; height:25px; line-height:25px; text-indent:22px; *text-indent:0; *padding-left:5px}

/* by woo */
.sel_type3 .aList li.text{ display:block;color:#7b7b7c; text-indent:8px; *text-indent:6px; height:25px; line-height:25px; text-indent:22px; *text-indent:0; *padding-left:5px}
.sel_type3 .aList li:hover{cursor:pointer;}

.paging{margin-top:15px;text-align:center;} 
.paging a{display:inline-block;padding:5px 9px;font-size:12px;color:#888;font-weight:bold;text-decoration:none}
.paging .on,
.paging a:hover{color:#fff;background:#9dd2f4}
.paging .bu{width:11px;height:11px;margin:0 4px;padding:0;vertical-align:middle;}
.paging .bu span{display:inline-block;width:11px;height:11px;}
.paging .bu:hover{color:#fff;background:none}
.paging .prev span{background:url(../images/btn/btn_paging1.gif)left top no-repeat}
.paging .prev span:hover{background:url(../images/btn/btn_paging1_on.gif)left top no-repeat}
.paging .next span{background:url(../images/btn/btn_paging1.gif)left bottom no-repeat}
.paging .next span:hover{background:url(../images/btn/btn_paging1_on.gif)left bottom no-repeat}
.paging .first span{background:url(../images/btn/btn_paging2.gif)left top no-repeat}
.paging .first span:hover{background:url(../images/btn/btn_paging2_on.gif)left top no-repeat}
.paging .end span{background:url(../images/btn/btn_paging2.gif)left bottom no-repeat}
.paging .end span:hover{background:url(../images/btn/btn_paging2_on.gif)left bottom no-repeat}


.round_box_wrap{position:absolute; left:0; top:0; padding:0 5px; border:1px solid #99a1a4; background:#fff; text-align:center; line-height:20px;} /* round box와 내용과의 간격은 padding값으로 조절 */
.round_side01{display:block; position:absolute; left:-1px; top:-1px; width:7px; height:7px; background:url(../images/bg_round_box.gif) left top no-repeat;}
.round_side02{display:block; position:absolute; right:-1px; top:-1px; width:7px; height:7px; background:url(../images/bg_round_box.gif) right top no-repeat;}
.round_side03{display:block; position:absolute; left:-1px; bottom:-1px; width:7px; height:7px; background:url(../images/bg_round_box.gif) left bottom no-repeat;}
.round_side04{display:block; position:absolute; right:-1px; bottom:-1px; width:7px; height:7px; background:url(../images/bg_round_box.gif) right bottom no-repeat;}

::-webkit-input-placeholder { /* Webkit browsers */
color: #929292;
font-weight:normal;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #929292;
opacity: 1;
font-weight:normal;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #929292;
opacity: 1;
font-weight:normal;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #929292;
font-weight:normal;
}

.placeholder { color: #929292; }