@charset "utf-8";
html, body { height:100%; }
body { margin:0; padding:0; color:#787878; font:12px/14px "", dotum, AppleGothic, Sans-serif; text-align:center; }
div, p, dl, dt, dd, table, th, td, form, fieldset, adddress { margin:0; padding:0; }
table, th, td { font-size:12px; }
caption{display:none;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
ul, ol, li { margin:0; padding:0; list-style:none; }
a { color:#787878; text-decoration:none; }
a:hover { text-decoration:underline; }
em { font-style:normal; }
img { vertical-align:middle; }
img, fieldset { border:0; }
hr, legend { display:none; }
input, textarea { color:#787878; font:12px "", dotum, AppleGothic, Sans-serif; border:1px solid #d3d3d3;}
input { vertical-align:middle; width:120px; height:12px; padding:3px; margin-top:-2px; }
textarea {padding:7px;}

.input20 {width:20px;}
.input30 {width:30px;}
.input40 {width:40px;}
.input50 {width:50px;}
.input60 {width:60px;}
.input70 {width:70px;}
.input80 {width:80px;}
.input100 {width:100px;}
.input150 {width:150px;}
.input200 {width:200px;}
.input220 {width:220px;}
.input275 {width:275px;}
.input300 {width:300px;}
.input400 {width:400px;}
.input500 {width:500px;}
.input600 {width:600px;}
.input700 {width:700px;}

.check {width:15px; height:15px; _width:13px; _height:13px; margin:1px 0 1px; _margin:0px 0 2px; vertical-align:middle; border:none;}
.radio { width:15px; height:15px; _width:13px; _height:13px; margin:1px 0 1px; _margin:0px 0 2px; vertical-align:middle; border:none;}
.file { font-size:12px; color: #666666; border: 1px solid #d3d3d3; background-color:#ffffff; vertical-align:middle; width:350px; height:22px; padding-top:2px;}
textarea.text { _margin:-2px 0 0; padding:1px 3px 0; border:1px solid #ccc; }
select {color:#414141; font:12px "", dotum, AppleGothic, Sans-serif; vertical-align:bottom; margin:-4px 3px 7px 0px;}
.input_img{border:none;}
.space{width:100%; height:25px;}



/***** layout *****/
#wrap { float:left; position:relative; width:100%;  margin:0 auto; text-align:left; height:auto !important; height:100%;	min-height:100%; overflow:hidden;}

#header { position:relative; width:100%; height:132px; background:url(../header_bg.gif) repeat-x;  z-index:2; overflow:hidden;}

#logo {position:relative; float:left; width:200px; height:49px; padding:6px 13px 2px 10px; }

#top_link { position:relative; float:right; width:400px; height:25px; padding: 3px 0 0 0;}
#top_link ul { float:right;}
#top_link li { display:inline; padding-right:7px; color:#ccc; }
#top_link a{color:#ccc;}

#main_menu { float:left; width:100%; min-width:1000px;  height:42px; position:relative; float:left; padding-left:10px; }
#main_menu ul { overflow:hidden; }
#main_menu li { float:left; position:relative; }

#sub_menu { position:relative; float:left; width:100%; min-width:1000px; height:33px; }
#sub_menu ul { float:left; color:#FFFFFF; padding: 11px 0 0 20px; }
#sub_menu li { display:inline; padding-right:15px; background:url(../sub_icon.gif) no-repeat; padding-left:15px; color:#eeeeee;}
#sub_menu li a { color:#FFFFFF;}

#contents {position:relative; width:100%; z-index:1;}
/* 로그인페이지 */
#login_header {position:absolute; left:0; top:0; z-index:500; width:100%; height:170px; background-color:#303D40; border-bottom:5px solid #17A1C2;}

#login_contents {position:absolute; width:100%; height:100%; z-index:502;}
#login_box{position:absolute; left:50%; top:50%; width:400px; height:272px; background:url(../login_bg.gif) left top no-repeat; margin:-135px 0px 0px -200px; padding-top:20px; text-align:center;}

#login_box input{margin-top:-3px;}

#login_box table{width:340px; margin:0 auto;}
#login_box table .name{}
#login_box table .login_btn{text-align:right;}

.login_top{position:relative; height:48px; text-align:center; vertical-align:top;}
.login_top img{text-align:center;}
.login_space{height:10px;}
.login_foot{position:relative; height:36px; background-color:#f0f0f0; text-align:center;}

#login_footer {position:absolute; left:0; bottom:0; z-index:501; width:100%; height:170px; background-color:#303D40; border-top:5px solid #17A1C2;}
#login_copy {position:relative; width:auto; color:#CCCCCC; overflow:hidden; text-align:center; margin-top:120px;}
/* 로그인페이지 */

#conhead { float:left; width:100%; min-width:1000px; height:30px; background:url(../conhead_bg.gif) repeat-x; }
.position { float:left; padding: 10px 0 0 15px; color:#CC0000; width:760px;}

#title {float:left; width:920px; height:20px; border:1px solid #dddddd; z-index:4; margin: 20px 0 0 20px;  padding: 10px 20px 0px 20px; background-color:#FFFFFF;}

.title2{float:left; width:820px; height:20px; font-size:14px; font-weight:bold; margin:7px 0px 5px 0px;}

#conmenu {float:left; width:100%; height:42px; background:url(../conmenu_bg.gif) repeat-x; margin: 20px 0 0 0;}
#conmenu ul { padding-left:20px;}
#conmenu li { float:left; }

#conmenu li.on { float:left;  background:url(../conmenu_bg_on_left.gif) no-repeat left top; padding-left:6px; }
#conmenu li.on a { float:left; font-weight:bold; color:#ffffff; background:url(../conmenu_bg_on_right.gif) no-repeat right top; padding: 14px 20px 10px 14px; font-weight:bold; }

#conmenu li.off { float:left; position:relative; background:url(../conmenu_bg_off_left.gif) no-repeat left top; padding-left:6px;  }
#conmenu li.off a { float:left; position:relative; color:#000000; background:url(../conmenu_bg_off_right.gif) no-repeat right top; padding: 14px 20px 10px 14px; font-weight:normal; }

#consmenu { float:left; width:100%; min-width:1000px; height:28px; margin: 10px 0 0 0; border-bottom:1px solid #bbbbbb;}
#consmenu ul { padding-left:20px; width:1000px;}
#consmenu li { float:left; border:1px solid #bbbbbb; padding: 8px 10px 5px 8px; background:#dddddd; margin-right:3px; font-weight:normal;}

#consmenu li.on { float:left; border:1px solid #bbbbbb; padding: 8px 10px 5px 8px; background:#17a1c2; }
#consmenu li.on a { color:#FFFFFF; font-weight:bold; }

#consmenu2 { float:left; width:97%; min-width:1000px; height:28px; border-bottom:1px solid #bbbbbb; margin-left:15px;}
#consmenu2 ul { padding-left:7px; width:1000px;}
#consmenu2 li { float:left; border:1px solid #bbbbbb; padding: 8px 10px 5px 8px; background:#fff; margin-right:3px; font-weight:normal; }

#consmenu2 li.on { float:left; border:1px solid #bbbbbb; padding: 8px 10px 5px 8px; background:#17a1c2; }
#consmenu2 li.on a { color:#FFFFFF; font-weight:bold;}

#conmain { float:left; width:960px; min-width:780px; padding: 15px 0 0 20px;}

/* 메인페이지 */
#main_layout{position:relative; padding:15px 0px 0px 15px;}

#con_top{position:relative; display:inline-block;}
#con_top_L{position:relative; float:left; width:670px; height:240px; margin-right:28px; text-align:center; vertical-align:middle; border:1px solid #ccc;}
#con_top_R{position:relative; float:left; padding:5px; width:330px;}

.main_title{position:relative; height:20px; padding-bottom:7px; border-bottom:1px solid #ccc;}
.main_title .title{float:left; margin-left:10px; padding-top:5px;}
.more{float:right; margin-right:10px; margin-top:2px;}
.bt_sv_elongate{float:right; margin-right:10px;}

.main_text{clear:both; position:relative; width:100%; margin:10px 0px 0px 10px;}
.main_text li{line-height:22px;}

#con_cen{position:relative; min-height:140px; display:inline-block;}
#con_cen_L{position:relative; float:left; padding:5px; width:330px; margin-right:15px;}
#con_cen_C{position:relative; float:left; padding:5px; width:330px; margin-right:15px;}
#con_cen_R{position:relative; float:left; padding:5px; width:330px;}
#photo_gal{position:relative; display:block; padding-left:10px;}
.photo{width:85px; height:70px; float:left; text-align:center; margin-right:17px;}
.photo img{margin-bottom:5px;}

#con_bot{position:relative; min-height:140px; display:inline-block;}
#con_bot_L{position:relative; float:left; padding:5px; width:685px; margin-right:15px;}
#con_bot_R{position:relative; float:left; padding:5px; width:330px;}
/* 메인페이지 */

/* 컨텐츠 */
#conmainhead {float:left; width:100%; margin-bottom:10px;}
#consubhead {float:left; width:100%; margin:10px 0px 10px 20px;}

#conmaintable { float:left; width:100%;}
.conmainbgm {padding:10px;}
.conmainbgm img { padding-top:5px;}

#conmainsms { float:left; width:760px;}

#conmainpage { float:left; margin: 20px 0 0 0; width:100%; text-align:center; color:#CC3300;}
#conmainpage a {padding: 3px 5px 0 3px; margin: 0 3px 0 3px; text-align:center; border:1px solid #dddddd;}

#conmainfoot { float:left; margin: 10px 0 0 0; width:100%; height:150px;}
#conmainfoot input{border:none;}
/* 컨텐츠 */

#footer {clear:both; position:absolute; bottom:0; left:0; width:100%; height:78px; background:url(../footer_bg.gif) repeat-x; }
#copy {position:relative; width:auto; padding: 22px 0 0 30px; color:#CCCCCC; overflow:hidden; }
/***** layout *****/

#paging {float:left; margin: 20px 0 0 0; width:100%; min-width:960px; text-align:center; color:#CC3300;}
#paging a {padding: 3px 5px 0 3px; margin: 0 3px 0 3px; text-align:center; border:1px solid #dddddd;}

#paging1 {float:left; margin: 20px 0 0 80px; width:100%; min-width:960px; color:#CC3300;}
#paging1 a {padding: 3px 5px 0 3px; margin: 0 3px 0 3px; text-align:center; border:1px solid #dddddd;}


/***** 디자인관리 페이지 *****/
#design{position:relative; width:920px; border:1px solid #ddd; padding:20px; display:inline-block;}
#design ul{position:relative; text-align:center;}
#design li{position:relative; float:left; margin:7px 15px;}
#design li img{border:1px solid #ddd; margin-bottom:7px;}
/***** 디자인관리 페이지 *****/



/***** 테이블 *****/
/* 일만 임력폼(td 2개) */
.tb_list {border-top: 1px solid #dddddd; line-height:30px; width:960px; table-layout:fixed;}
.tb_list tr td { border-bottom: 1px solid #dddddd; padding: 5px 10px;}
.tb_list .fname { border-right: 1px solid #dddddd; padding: 0 0 0 17px; font-weight:bold; background-color:#f7f7f7;}
.tb_list .fname img {margin-top:-5px;}
.tb_list .textfield { padding: 4px 0 4px 10px; line-height:normal;}
.tb_list .colspan { border:none; height:20px;}
.tb_list .img {padding-top:6px; margin:3px;}
.tb_list .bg_blue{background-color:#e9f1f9;}

/* 목록형 기본 */
.tb_list2 {border-top: 1px solid #dddddd; line-height:30px; width:100%; min-width:960px; table-layout:fixed; text-align:center;}
.tb_list2 tr th { border-bottom: 1px solid #dddddd; background-color:#f7f7f7; padding:3px;}
.tb_list2 tr td { border-bottom: 1px solid #dddddd; text-align:center; padding:3px;}

.tb_list2 .first { text-align:left; padding-left:20px; font-weight:bold; color:#454545;}
.tb_list2 .second { text-align:left; padding-left:77px; background:url(../reply_icon.gif) 58px 4px no-repeat;}
/*.tb_list2 .third { text-align:left; padding-left:47px; background:url(../sub_menu_icon.gif) 35px 10px no-repeat;}
.tb_list2 .fourth { text-align:left; padding-left:62px; background:url(../sub_menu_icon.gif) 49px 10px no-repeat;}*/

.tb_list2 .colspan { border:none; height:20px;}
.tb_list2 .colspan2 { border:none; height:20px; text-align:left;}
.tb_list2 .img { padding-top:6px;}

.tb_list2 .align_L{text-align:left;}

.tb_list2 .total_price{padding-right:40px; text-align:right; font-weight:bold; color:#FF0000; font-size:14px;}

.tb_list2 .caption{text-align:left; font-size:14px; font-weight:bold; padding-left:15px; color:#000;}

/* 큰달력형 */
.tb_list3 {line-height:20px; width:100%; min-width:960px; table-layout:fixed; text-align:center; border-right: 1px solid #dddddd;}
.tb_list3 th{border:1px solid #dddddd;}
.tb_list3 td{border-bottom:1px solid #dddddd; border-left:1px solid #dddddd;}
.tb_list3 tr th {background-color:#f7f7f7; padding:5px; border-right:none;}
.tb_list3 tr td {text-align:left; padding:5px 10px; border-right:none; vertical-align:text-top;}
.tb_list3 img{margin:-3px 5px 0px 0px;}
.tb_list3 span{color:#0080C0;}

/* 작은달력형 */
.tb_list5 {position:relative; float:left; line-height:20px; width:310px; height:300px; table-layout:fixed; text-align:center; border-right: 1px solid #dddddd;}
.tb_list5 th{border:1px solid #dddddd;}
.tb_list5 td{border-bottom:1px solid #dddddd; border-left:1px solid #dddddd;}
.tb_list5 tr th {background-color:#f7f7f7; padding:5px; border-right:none;}
.tb_list5 tr td {text-align:left; padding:5px 10px; border-right:none; text-align:center;}

.some{background-color:#efe679;}
.full{background-color:#ffc2dd;}
.today{background-color:#b3d9ff;}

.sunday{color:#FF0000;}
.saturday{color:#0033CC;}

/* td한개, 선 없음 */
.tb_list7 {position:relative; width:100%; table-layout:fixed; line-height:17px;}
.tb_list7 tr th {padding:7px; text-align:left;}
.tb_list7 tr td {padding:7px;}

/* 요금표 */
.tb_list8 {width:100%; min-width:960px; table-layout:fixed; text-align:center; border-right: 1px solid #dddddd;}
.tb_list8 th{border:1px solid #dddddd;}
.tb_list8 td{border-bottom:1px solid #dddddd; border-left:1px solid #dddddd;}
.tb_list8 tr th {background-color:#f7f7f7; padding:5px; border-right:none;}
.tb_list8 tr td {text-align:center; padding:5px 10px; border-right:none;}
.tb_list8 .room_name{text-align:left;}
.tb_list8 .unline_no{border-bottom:none;}
.tb_list8 .fname {padding:5px 10px; font-weight:bold; background-color:#f7f7f7;}

/* 일반 임력폼 테이블 안 작은테이블 */
.tb_list9 {border-top: 1px solid #dddddd; line-height:20px; width:400px; table-layout:fixed; text-align:center;}
.tb_list9 tr th { border-bottom: 1px solid #dddddd; background-color:#d3e9ff; padding:3px;}
.tb_list9 tr td { border-bottom: 1px solid #dddddd; text-align:center; padding:3px;}

/* 통계그래프 */
.tb_list10 {width:100%; min-width:960px; table-layout:fixed; text-align:center;}
.tb_list10 tr th {border-bottom: 3px solid #bebebe; padding:7px; color:#333;}
.tb_list10 tr td {border-bottom: 1px solid #ccc; text-align:right; padding:5px;}

.tb_list10 .align_L{text-align:left;}
.tb_list10 .align_R{text-align:right;}

.tb_list10 .frame{background-color:#f7f7f7; text-align:left;}

.tb_list10 .graph{width:100%; height:10px;}
.tb_list10 .graph td{border:none;}

.bg_red1{background-color:#FF0000;}
.bg_red2{background-color:#ed145b;}

.bg_orange{background-color:#f26522;}

.bg_green1{background-color:#8dc63f;}
.bg_green2{background-color:#39b54a;}
.bg_green3{background-color:#00a99d;}

.bg_blue1{background-color:#0072bc;}
.bg_blue2{background-color:#2e3192;}

.bg_violet{background-color:#662d91;}
.bg_gray{background-color:#737373;}

.tb_list10 .total td{border-bottom:none;}

/* 문자발송페이지(작은테이블) */
.tb_list11 {border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; line-height:13px; width:400px; table-layout:fixed; text-align:center;}
.tb_list11 tr th {border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; background-color:#e8ecee; padding:7px;}
.tb_list11 tr td {border-right: 1px solid #dddddd; text-align:center; padding:7px; vertical-align:middle;}
.tb_list11 img{margin-bottom:3px;}
.tb_list11 .imgborder img{margin:3px; border:1px solid #ddd;}

.sms_border{width:159px; border:2px solid #57caff; margin:6px 0px;}
.tb_list11 textarea{border:1px solid #fff; padding:3px; overflow:hidden; width:149px; height:105px; background-color:#caf7ff;}

/* 메인페이지 테이블 */
.tb_list12 {line-height:20px; width:100%; table-layout:fixed; text-align:center;}
.tb_list12 tr th { border-bottom: 1px solid #dddddd; background-color:#f7f7f7; padding:3px;}
.tb_list12 tr td { border-bottom: 1px solid #dddddd; text-align:center; padding:3px;}
/***** 테이블 *****/


#col3_select_left { float:left; width:340px; padding:5px 0px 10px 0px;}
.bgm_title{position:relative; width:100%;}
.bgm_title .alignL{float:left; font-size:17px; font-weight:bold;}
.bgm_title .alignR{float:right; padding-right:20px; font-size:14px; font-weight:bold;}

#col3_select_middle { float:left; width:80px; padding-top:80px; padding-left:8px;}
#col3_select_right { float:left; width:340px; padding-top:5px;}


/***** 객실예약관리페이지 *****/
/* 예약리스트 */
#list_ctrl{clear:both; position:relative; top:20px; height:35px; margin-bottom:35px;; text-align:center; vertical-align:text-bottom;}
.allcheck, .allcancel, .submitbt, .exceldown, .btcancel{height:22px; width:90px;}
.exceldown{width:150px;}

#list_search{margin:10px 0px 0px 35px;}

/* 주간에약리스트 */
.prev_week{float:left; margin-left:10px;}
.naxt_week{float:right; margin-right:10px;}
/* 주간에약리스트 */

/* 월간예약리스트 */
#table_caption{position:relative; width:100%; text-align:center; display:block; padding-bottom:10px;}

#prev{position:absolute; top:0; left:0; margin-left:10px; float:left;}

#carendar_caption{width:100%; font-size:16px; font-weight:bold; text-align:center; padding-top:5px;}
.Year{color:#000;}
.Month{color:#FF9000;}

#next{position:absolute; top:0; right:0; margin-right:10px; float:right;}

#tb_list4_caption{position:relative; width:100%;}
#caption{float:left; margin:8px 0px 20px 10px;}
#comment{float:right; margin:8px 10px 10px 0px;}

/* 예약정보등록 */
#stable_caption{position:relative; width:310px; text-align:center; display:block; padding-bottom:10px;}

.prev{position:absolute; top:0; left:0; margin-left:10px;}

.next{position:absolute; top:0; right:0; margin-right:10px;}

#step1{float:left; margin:-25px 0px 0px 20px; width:590px;}
.term{background-color:#e3e3e3;}

#step2{clear:both; position:relative; padding-top:20px; width:920px;}
.outline{width:100%; background-color:#f1f6f0; font-weight:normal;}


/* 객실예약설정-디자인 */
.reskin_td{vertical-align:text-top; text-align:center;}

/* 객실예약설정-결제정보 */
.title{margin-bottom:10px; font-size:14px; font-weight:bold; color:#444;}
.title span{color:#FF3333; font-weight:normal;}
/***** 객실예약관리페이지 *****/

.popup_bg{float:left; width:80px; margin:10px; text-align:center;}
.popup_bg img{border:1px solid #ccc; margin-bottom:5px;}
.popup_bg .radio{width:15px; height:15px; vertical-align:middle; margin-left:1.5px;}

/***** 글자속성 *****/
/* 색상 */
.font_green{font-weight:bold; color:#009933;}
.font_red{font-weight:bold; color:#FF0000;}
.font_blueB{font-weight:bold; color:#0054a6;}

/* 정렬 */
.alignC{text-align:center;}
.alignL{text-align:left;}
.alignR{text-align:right;}
/***** 글자속성 *****/


/***** 달력(날짜입력) *****/
.cal_input{width:100px; font:12px normal; margin-right:2px;}
/***** 달력(날짜입력) *****/

/***************** Tab css(객실요금표) *****************/
#trfelement_navi {position:relative; width:571px; display:inline-block; margin:10px 15px 0px 14px; border-bottom:1px solid #f7f7f7;}
#trfelement_navi ul {padding-left:10px;}
#trfelement_navi li {float:left; margin:0px 2px; padding: 4px 7px 2px 7px; background:#dddddd;}

#trfelement_navi li.on {float:left;  padding: 4px 7px 2px 7px; background:#797979;}
#trfelement_navi li.on a {color:#fff;}

/*#trfelement_box {clear:both; position:relative; width:100%; padding: 10px 0px 0px 0px;}*/
/***************** Tab css(객실요금표) *****************/