@charset "EUC-KR";

/* CSS ±âº»»çÀÌÁî ¼³Á¤ Á¤º¸ : cm_homepage, cm_mobilepage */
#cm_homepage {width:100%;min-height:731px; height:auto !important; height:731px;}
#cm_mobilepage {width:95%; padding:10px 0 0 10px;}


/* ¿¹¾à ±âº»°ª */
#cm_reservation {position:relative; display:block; }

/* ¿¹¾à Ä÷¯ cm_ver01 */
/*
.cm_ver01 .color_info_ul li .reserve_live,
.cm_ver01 .cm_calender_tbl td a.cal_live ,
.cm_ver01 .tab_ul_reserve li a:hover, 
.cm_ver01 .tab_ul_reserve li a.on ,
.cm_ver01 .pop_con_in,
.cm_ver01 .cm_btn.default,
.cm_ver01 .cm_btn.default:link,
.cm_ver01 .cm_btn.default:visited {background-color:#33adff}
.cm_ver01 .cm_top_box dt {color:#33adff;}
.cm_ver01 .tab_ul_reserve {border-bottom:1px solid #33adff}
*/
#cm_reservation .color_info_ul li .reserve_live,
#cm_reservation .cm_calender_tbl td a.cal_live ,
#cm_reservation .pop_con_in,
#cm_reservation .cm_btn.default,
#cm_reservation .cm_btn.default:link,
#cm_reservation .cm_btn.default:visited {background-color:#bcf9ce}
#cm_reservation .cm_top_box dt {color:#096e3f;}
#cm_reservation .tab_ul_reserve {}
/* ¿¹¾àÁ¤º¸ Ä÷¯ cm_time_list */
#cm_reservation .cm_btn.default,
#cm_reservation .cm_btn.default:link,
#cm_reservation .cm_btn.default:visited {background-color:#54a85a}

/* ¿¹¾à */
.h4_tit {display:block; height:34px; font-weight:600; color:#333; font-size:18px; line-height:22px;}
.cm_calender_area {position:absolute; top:0; left:0; width:201px; padding:0 20px 0 0; border-right:1px dotted #999}
.cm_calender_con { padding-left: 242px;}
/* ÆäÀÌÁö & ¸ð¹ÙÀÏ¿ë */
.cm_calender_area_page, .cm_calender_con_page {width:100%;}
.cm_calender_con_page { margin:0px 0 0 0;}
/* ÅÇÆäÀÌÁö & ¸ð¹ÙÀÏ¿ë */
.cm_calender_area_tappage, .cm_calender_con_tappage {width:100%; margin:0 0 15px 0;}
.cm_calender_con_tappage { margin:20px 0 0 0;}

/*
.color_info_ul {overflow:hidden; margin:-28px 0 0 0; text-align: right;}
*/
.color_info_ul {overflow:hidden; margin:-10px 0 0 0; text-align: right;}
.color_info_ul li {display:inline-block; margin:0 0 0 2px; font-size:12px; color:#1d1d1d;}
.color_info_ul li span {display:inline-block; width:11px; height:11px; margin:0 6px 0 0; vertical-align:-1px; }
.color_info_ul li .reserve_cho {background-color:#9bcd62} /* Ãß÷ */
.color_info_ul li .reserve_sta {background-color:#b881c4} /* ´ë±â */
.color_info_ul li .reserve_end {background-color:#e6e6e6} /* ¸¶°¨ */
.cm_calender_area_in {margin:11px 0 0 0; border-top:1px solid #999}

.cm_calender_top {position:relative; text-align:center; padding:38px 0 16px 0; }
.cm_calender_top strong {  color: #3d3d3d; font-size: 20px; line-height: 24px; text-align: center;}
.cm_calender_top .left {position:absolute; top:41px; left:0; }
.cm_calender_top .right {position:absolute; top:41px; right:0; }

/* ÁÂÃø ´Þ·Â */
.cm_calender_tbl {border-collapse:collapse; width:100%; border-spacing:0; }
.cm_calender_tbl th {color:#161616; font-weight:600; font-size:12px; line-height:27px;text-align:center; border-bottom:1px solid #b9b9b9; border-top:1px solid #3d3d3d;}
.cm_calender_tbl td {width:27px; height:27px;text-align:center; font-weight:600; color:#1d1d1d; font-size:12px; line-height:27px;  border:1px solid #dcdcdc}
.cm_calender_tbl td a {display:block; width:100%; height:100%; text-align:center;font-weight:600; color:#727272; font-size:12px; line-height:27px; }
.cm_calender_tbl th.hol, .cm_calender_tbl td.hol a {color:#eb6060;}  /* ÀÏ¿äÀÏ ¹× °øÈÞÀÏ */
.cm_calender_tbl th.sat , .cm_calender_tbl td.sat a {color:#708ae7;} /* Åä¿äÀÏ */
.cm_calender_tbl td a.cal_end {background-color:#e6e6e6}  /* ¸¶°¨ */
.cm_calender_tbl td a.cal_live {color:#fffff; } /* ¿¹¾à°¡´É */
.cm_calender_tbl td a.cal_cho {color:#fffff; background-color:#9bcd62} /* Ãß÷°¡´É */
.cm_calender_tbl td a.cal_sta {color:#fffff; background-color:#b881c4}  /* ´ë±â°¡´É */
.cm_calender_tbl td a.cal_today {color: #006f20;border: 2px solid #008f29;background: #b3e5c1;  box-sizing: border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; } /* ¿À´Ã */
.cm_calender_tbl td a.cal_act {color:#fff; font-weight:bold; background-color:#ff8c55}   /* ¼±Åó¯Â¥ */

/* ÅøÆÁ */
#tooltip_outer,#tooltip_inner {border: 1px solid;	border-radius: 5px;	 -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#tooltip_outer {background: #fff; border-color: #666; display: none; font-size: 12px; padding: 1px; position: absolute;	left: -9999px; z-index: 9999;}
#tooltip_inner {background: #fffabc; border-color: #ccc; padding: 5px;}

/*************************************************************************************************/
/* ¿ìÃø ÄÁÅÙÃ÷ »ó´Ü ¹Ú½º */
.cm_top_box {padding:40px 0; text-align:center; border:1px solid #b9b9b9}
.cm_top_box dt {display:block; margin:0 0 3px; text-align:center; font-weight:600;  font-size:24px; line-height:36px;}
.cm_top_box dd {display:block; text-align:center; font-weight:600; color:#999; font-size:14px; line-height:18px;}

/* ¿¹¾à½Ã°£ ¼¿·ºÆ® */
.cm_time_select {margin:-35px 0 10px 0; text-align:right;}
.cm_time_select select {padding:2px; color:#1d1d1d; font-size:12px; line-height:18px;}

/* ¿¹¾àÁ¤º¸ Å×À̺í */
.cm_time_list {padding:26px 20px 18px;border:1px solid #b9b9b9}
.cm_time_info_tbl {border-collapse:collapse; width:100%; border-spacing:0; }
.cm_time_info_tbl th {padding:0 0 15px 9px; color:#1d1d1d; font-weight:600; font-size:12px; line-height:18px;text-align:left; vertical-align:top; background: rgba(0, 0, 0, 0) url("../image/cm_reservation/th_dot.png") no-repeat scroll left 7px;}
.cm_time_info_tbl td {padding:0 0 15px 0; font-weight:600; color:#1d1d1d; font-size:12px; line-height:18px;}
.cm_time_info_tbl td.emp01 {color:#b90e0e}
.cm_time_info_tbl td del {color: #ff3333;}

/* ¿¹¾àÀ̺¥Æ® Å×À̺í*/
.cm_time_event {margin:5px 0 0 0; padding:10px 20px 5px;border:1px solid #b9b9b9}
.cm_event_tbl {border-collapse:collapse; width:100%; border-spacing:0; }
.cm_event_tbl th {padding:0 0 5px 9px; color:#1d1d1d; font-weight:600; font-size:12px; line-height:18px;text-align:left; background: rgba(0, 0, 0, 0) url("../image/cm_reservation/th_dot.png") no-repeat scroll left 7px;}
.cm_event_tbl td {padding:0 0 5px 0; font-weight:600; color:#1d1d1d; font-size:12px; line-height:18px;}
.cm_event_tbl td.emp01 {color:#0066cc;}
.cm_time_event_img {margin:20px 0 0 0; padding:5px; border:1px solid #b9b9b9}

/* ÄÚ½ºº° ÅÇ */
.tab_ul_reserve {overflow:hidden; margin: 27px 0 16px;}
.tab_ul_reserve li {float:left; margin:0 0 0 -2px; z-index:1}
.tab_ul_reserve li:first-child {margin:0}
.tab_ul_reserve li a {display:block; padding:0 30px; text-align:center;  width:93px; padding:0;  font-weight:600; color:#868686; font-size:13px; line-height:29px; letter-spacing:-1px; border:2px solid #acaba2; border-bottom:2px solid #353535; background: url("../image/common/bg_tab.png") no-repeat scroll 80% center; }
.tab_ul_reserve li a:hover, .tab_ul_reserve li a.on {z-index:2; color:#3e3e3e; border:2px solid #353535; border-bottom:2px solid #fff;  background:none}

.list_ul_reserve {overflow:hidden; margin-top: 38px;}
.list_ul_reserve .emp01 {padding:0 0 5px 9px; color:#1d1d1d; font-weight:600; font-size:12px; line-height:18px;text-align:left; background: rgba(0, 0, 0, 0) url("../image/cm_reservation/th_dot.png") no-repeat scroll left 7px;}

/* ¿¹¾à¸®½ºÆ® Å×À̺í */
.cm_time_list_tbl {width:100%;border-collapse:collapse; border-spacing:0;}
.cm_time_list_tbl thead th {border-top:2px solid #7e7e7e;  border-bottom:1px solid #bababa;border-left:none;  border-right:none;font-weight:600;color:#888;font-size:13px; padding:10px 0; text-align:center; background-color:#f7f7f7}
.cm_time_list_tbl tbody th {padding:0; border:1px solid #e7e0d3; color:#111; font-size:12px;  line-height:18px; padding:10px 0; text-align:center; background-color:#fcfcfc}
.cm_time_list_tbl td {border:1px solid #e7e7e7; border-left:none; border-right:none; color:#111; letter-spacing:-0.5px;font-size:12px; line-height:18px; padding:5px 0; text-align:center; background-color:#fff;}
.cm_time_list_tbl tbody tr:first-child td{border-top:none}
.cm_time_list_tbl td del {color: #ff3333;}
.cm_time_list_tbl tr.line {padding:5px 0; border:none; border-top:1px dashed #999;}

/* ¿¹¾àÈ®ÀÎ/Ãë¼Ò */
.h5_tit {display:block; height:30px; font-weight:600; color:#333; font-size:14px; line-height:20px; margin:20px 0 0 0}
.cm_confirm_con {width:100%;}
.search_date {color: #333; font-size: 14px; line-height: 20px; margin:0 0 0 0; text-align:center;}
.search_date .search_cal{cursor:pointer;}
.search_date input {vertical-align:middle;}
.search_date img {vertical-align:middle; margin:0 2px; }
/* ¿¹¾àÈ®ÀÎ/Ãë¼Ò ¿¹¾àÇϱâ */
.cm_confirm_side {position:relative; margin:-35px 0 10px 0; float:right!important;}

/*************************************************************************************************/
/* ŸÀÓ»ó´Ü °øÁö */
.cm_time_list_notice {position:relative; margin:5px 0 10px; padding:14px 10px 14px 130px ; border:5px solid #efefef}
.cm_time_list_notice dt {position:absolute; top:19px; left:14px; padding:0 15px 0 0; color:#212121; font-size:20px;  }
.cm_time_list_notice dd {display:block; color:#222; font-size:13px; line-height:21px; font-weight:600 }
.cm_time_list_notice dd span {color:#e11010}

/*************************************************************************************************/
/* ¸ð´ÞÆ˾÷ */
.pop_layer {position:fixed;top:50px; left:0; height:100%; width:100%; z-index:999999;}
.pop_bg {position:fixed;top:0; left:0; height:100%; width:100%;z-index:9999;background:#000;opacity:.5;filter:alpha(opacity=50)}
.pop_layer_in {position:absolute; top:0; left:50%; z-index:9999; width:402px; margin-left:-202px;  padding:1px; background-color:#fff;}
.pop_con {position:relative;}
.pop_btn {position:absolute; top:0; right:0; }
.pop_con_in {padding:28px 20px 20px; }
.pop_head {display:block; padding:0 0 10px; font-weight:600; color:#fff; font-size:35px;  line-height:38px; }
.pop_body {padding:20px; background-color:#fff}

/*************************************************************************************************/
/* ÀԷ ŸÀÔ */
#cm_reservation .cm_select {height: 23px; color:#111; font-size: 12px; border:1px solid #e7e0d3;}
#cm_reservation .cm_inp {height: 21px; padding:0 2px; color:#111; font-size: 12px; line-height: 21px; text-align:left; border:1px solid #e7e0d3; }
#cm_reservation .cm_time {height: 21px; padding:0 2px; color:#111; font-size: 12px; line-height: 21px; text-align:center; border:1px solid #e7e0d3; }
#cm_reservation .cm_check {height: 21px; padding:0 2px; color:#111; font-size: 12px; line-height: 21px; vertical-align:middle !important; text-align:center; border:1px solid #e7e0d3;}
#cm_reservation .cm_textarea {width:98%; height:50px; padding:0 2px; color:#111; font-size: 12px; line-height: 21px; border:1px solid #e7e0d3; }
#cm_reservation .cm_calendar {cursor:pointer; }
#cm_reservation .cm_calendar img {vertical-align:middle; margin:0 2px; }

/* ÀԷ ŸÀÔ »çÀÌÁî*/
#cm_reservation .sel_tel   {width:60px; } /* ¿¬¶ôó ¼¿·ºÆ®  */
#cm_reservation .inp_tel   {width:54px; } /* ¿¬¶ôó ÀÔ·Â  */
#cm_reservation .sel_time  {width:109px; } /* Èñ¸Á½Ã°£ ¼¿·ºÆ®  */
#cm_reservation .inp_time  {width:54px; } /* Èñ¸Á½Ã°£ ÀÔ·Â  */
#cm_reservation .sel_cnt   {width:55px; } /* Àοø ¼¿·ºÆ® */
#cm_reservation .inp_cnt   {width:42px; } /* ÆÀ¼ö ÀÔ·Â  */
#cm_reservation .inp_date  {width:80px; height:25px; } /* ³¯Â¥&´Þ·Â ÀÔ·Â  */
#cm_reservation .inp_point {width:92px; } /* ¸¶Àϸ®ÁöÆ÷ÀÎÆ® ÀÔ·Â  */
#cm_reservation .inp_name  {width:120px; } /* À̸§ ÀÔ·Â  */

#cm_reservation .inp_par_name  {width:120px; } /* ¿¹¾à½Ã µ¿¹ÝÀÚÀ̸§¸¸ ÀÔ·Â */
#cm_reservation .inp_par_name2 {width:80px; } /* ¿¹¾à½Ã µ¿¹ÝÀÚÀ̸§°ú ¿¬¶ô󵵸¦ °°ÀÌÀÔ·Â */
#cm_reservation .inp_par_tel   {width:30px; } /* ¿¹¾à½Ã µ¿¹ÝÀÚÀ̸§¸¸ ÀÔ·Â */


/*************************************************************************************************/
/* ¿¹¾à¼³¸í */
.cm_time_explain {margin:0 0 10px 0; color:#248940; font-weight:bold;}

/* ¿¹¾àÀÔ·Â ¼³¸í */
.cm_time_explain_side {margin:5px 0 10px 0; color:#747474; font-weight:bold; text-align:right;}

/* ¿¹¾àÈ®ÀÎ/Ãë¼Ò ¼³¸íºÎºÐ */
.cm_confirm_explain {padding:5px 0 0 0;}
.cm_confirm_explain span {line-height:16px;}

/* ¿¹¾àÁ¤º¸ Å×À̺í */
.cm_time_notice {padding:16px 20px 18px; margin:0 0 10px; border:1px solid #b9b9b9}
.cm_time_notice strong {display:block; margin:0 0 10px;  color: #ff8c55; font-size: 14px; font-weight: 600; line-height: 18px;}
.cm_time_notice em {font-weight:600; color:#33adff}

/* ¿¹¾à°øÁöÃß°¡ */
.add_noti {width:602px !important}
.pop_con_notice {position:absolute; top:90px; right:30px; }
.pop_con_notice strong {display:block; color: #ff8c55; font-size: 14px; font-weight: 600; line-height: 18px;}
.pop_con_notice em {font-weight:600; color:#33adff}

/*************************************************************************************************/
/* ¹öÆ° **/
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
.cm_btn {display: inline-block; margin:0;  padding: .5em .9em;  border-radius: .25em;  box-sizing: content-box;  -moz-box-sizing: content-box;  background: transparent;  border:none;  vertical-align: middle;  font-family: inherit; font-weight:600; font-size: 12px;  text-decoration: none;  white-space: nowrap;  cursor: pointer}

/* default */
.cm_btn.default,
.cm_btn.default:link,
.cm_btn.default:visited { color: #fff;}
/* gray */
.cm_btn.gray,
.cm_btn.gray:link,
.cm_btn.gray:visited { color: #fff;  background: #b9b9b9;}
/* white */
.cm_btn.white,
.cm_btn.white:link,
.cm_btn.white:visited { color: #808080;  background: #fff; border:1px solid #808080;}
/* black */
.cm_btn.black,
.cm_btn.black:link,
.cm_btn.black:visited { color: #fff;  background: #595959;}
/* red */
.cm_btn.red,
.cm_btn.red:link,
.cm_btn.red:visited { color: #fff;  background: #ff3333;}
/* orange */
.cm_btn.orange,
.cm_btn.orange:link,
.cm_btn.orange:visited { color: #fff;  background: #ff9900;}

/* cm_btn:hover */
.cm_btn:focus,.cm_btn:hover {color: #fff !important; background: #5c5c5c !important;}

/* ¹öÆ° ŸÀÔ »çÀÌÁî*/
.btn_sch   { width:30px; height:20px; } /* °Ë»ö¹öÆ° »çÀÌÁî */

/*************************************************************************************************/
/* ÄíÆù¹öÆ° */
.cm_couponlist_info {display: inline-block;width:100%;}
.cm_couponlist_cnt {float:right; display: inline-block; margin:10px 0; padding: .5em .9em; border:1px solid #808080; background: #b9b9b9; vertical-align: middle;  font-family: inherit; font-weight:600; font-size: 12px;  text-decoration: none; }
.cm_couponlist_list {display: inline-block;width:100%;}

/*************************************************************************************************/
/* ȸ¿øüũ */
.member_btn {*zoom:1;}
.member_btn:after {content:""; display:block; clear:both; line-height:0; font-size:0;}
.member_btn li {float:left; position:relative; width:178px; height:178px;}
.member_btn .member_btn_bg {position:absolute; top:0; left:0;}
.member_btn .member_btn_num {position:absolute; top:145px; left:49px; width:80px; font-size:12px; font-weight:bold; color:#fff; text-align:center;}

/*************************************************************************************************/
/* »ó´Ü ¸Þ´º tab */
.cm_menu_tab ul {overflow: hidden;display:inline-block; width:100%;}
.cm_menu_tab li {float:left; width:50%; height:69px; padding:0; margin:0 0 0 -1px  }
.cm_menu_tab li:first-child {margin-left:0;}
.cm_menu_tab li a {position:relative; z-index:1;display:block; font-weight:600; height:38px;  color:#737373; font-size:14px; line-height:38px; border:1px solid #d9d9d9; text-align:center; background:url("../image/common/bg_depth3.png") repeat-x left top}
.cm_menu_tab li:hover , .cm_menu_tab li.on {background-image:url("../image/common/bg_depth3_on.png");  background-repeat:no-repeat; background-position: center 38px}
.cm_menu_tab li.on a,.cm_menu_tab li:hover a {z-index:2; font-weight:600; color:#fff; border:1px solid #f7b005; background-color:#f59407; background-image:none }

/* cm_menu_tab_in2: tab2°³, cm_menu_tab_in3: tab3°³, cm_menu_tab_in4: tab4°³, cm_menu_tab_in5: tab5°³  */
.cm_menu_tab_in2 li {width:50%;}
.cm_menu_tab_in3 li {width:33.3%;}
.cm_menu_tab_in3 li:first-child {width:33.4%;}
.cm_menu_tab_in4 li {width:25%;} 		
.cm_menu_tab_in5 li {width:20%;} 

/*************************************************************************************************/
/* »ó´Ü tab */
.cm_real_tab {overflow:hidden; margin:10px 0 21px 0;}
.cm_real_tab li {float:left; margin:0 5px 0 0;}
.cm_real_tab li a {display:block; height:36px; width:183px; font-size:15px; line-height:36px; color:#4f2800; text-align:center; background:url("/image/cm_reservation/real_tab.png") no-repeat left top;}
.cm_real_tab li a:hover, 
.cm_real_tab li a:focus, 
.cm_real_tab li a.on {font-weight:500; color:#fff; background:url("/image/cm_reservation/real_tab.png") no-repeat left bottom}

/*************************************************************************************************/
/* Á¶Àο¹¾à ¿©ºÎ */
.cm_joingolf_emp {color:#ff3333; font-weight:bold;}
.pointer {cursor:pointer;}
.fl {float:left !important;}
.fr {float:right !important;}
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}

/*************************************************************************************************/
/* ±âŸ ¿©ºÎ */
.cm_text_left {text-align:left !important;}
.cm_text_center {text-align:center !important;}
.cm_text_right {text-align:right !important;}

/* */
.cm_joingolf_emp {color:#ff3333; font-weight:bold;}
.cm_btn.mbt {padding:0.4em 0.6em; border:1px solid #b5b5b5}
.cm_btn.sbt {padding:0.2em 0.4em 0.3em; }

/* ¡á»öÀº Çʼö ÀԷ»çÇ× */
.empase {color:#33b419 !important;}

/*************************************************************************************************/
/* reservation */
#cm_reservation .cm_step {padding:0px 0px 15px 0px;border-top:none;}
#cm_reservation .cm_step h2 {padding:0;height:40px;line-height:40px;background-image:url("../image/cm_reservation/tap_reservation.png"),url("http://www.skyhill.co.kr/m/img/common/common_reservation.png");background-position:right 0px, left -200px;background-repeat:no-repeat, repeat-x;background-size:83px 450px, 83px 450px;border-bottom:#dddddd 1px solid;position:relative;letter-spacing:-1px;}
#cm_reservation .cm_step h2 a {display:block;height:40px;width:100%;}
#cm_reservation .cm_step h2 span {display:block;width:70px;padding-left:13px;position:left:0;top:0;height:40px;line-height:40px;font-size:15px;font-weight:bold;color:#ffffff;background:url("http://www.skyhill.co.kr/m/img/common/common_reservation.png") 0px -100px repeat-x;background-size:83px 450px;}
#cm_reservation .cm_step h2 strong {display:block;position:absolute;top:0;left:98px;height:40px;line-height:40px;color:#888888;font-size:15px;font-weight:bold;}
#cm_reservation .cm_step h2.on span {background-position:0px -150px;}
#cm_reservation .cm_step h2.on span img {width:53px;}
#cm_reservation .cm_step h2.on strong {color:#e33b41;}

/* reservation tab */
#cm_reservation .cm_step h2 #dateDisplay { position:absolute;float:right;color:#2156ff;top:0px;right:40px;font-size:15px;font-weight:bold;}