@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}
a:active{background-color:transparent}
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}
input[type=radio]{border:0!important}
textarea{width:700px!important;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;margin:1px 0 1px;vertical-align:middle;border:none}
.radio{width:15px;height:15px;margin:1px 0 1px;vertical-align:middle;border:none}
.file{font-size:12px;color:#666666;border:1px solid #d3d3d3;background-color:#fff;vertical-align:middle;width:350px;height:22px;padding-top:2px}
textarea.text{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:#fff;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:#fff}

#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:#ccc;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 #ddd;z-index:4;margin:20px 0 0 20px;padding:10px 20px 0px 20px;background-color:#fff}

.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:#fff;background:url(../conmenu_bg_on_right.gif) right top no-repeat;padding:14px 20px 10px 14px}

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

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

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

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

#consmenu2 li.on{float:left;border:1px solid #bbb;padding:8px 10px 5px 8px;background:#17a1c2}
#consmenu2 li.on a{color:#fff;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:2px 10px 0 0}
.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 #ddd}

#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:#ccc;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 #ddd}

#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 #ddd}

/***** 디자인관리 페이지 *****/
#design{position:relative;width:920px;border:1px solid #ddd;padding:20px;display:inline-block}
#design ul{overflow:hidden;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 #ddd;line-height:30px;width:960px;table-layout:fixed}
.tb_list tr td{border-bottom:1px solid #ddd;padding:5px 10px}
.tb_list .fname{border-right:1px solid #ddd;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 #ddd;line-height:30px;width:100%;min-width:960px;table-layout:fixed;text-align:center}
.tb_list2 tr th{border-bottom:1px solid #ddd;background-color:#f7f7f7;padding:3px}
.tb_list2 tr td{border-bottom:1px solid #ddd;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:90px;background:url(../reply_icon.gif) 58px 4px no-repeat; background-position:70px 5px;}
/*.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 #ddd}
.tb_list3 th{border:1px solid #ddd}
.tb_list3 td{border-bottom:1px solid #ddd;border-left:1px solid #ddd}
.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 #ddd}
.tb_list5 th{border:1px solid #ddd}
.tb_list5 td{border-bottom:1px solid #ddd;border-left:1px solid #ddd}
.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 #ddd}
.tb_list8 th{border:1px solid #ddd}
.tb_list8 td{border-bottom:1px solid #ddd;border-left:1px solid #ddd}
.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 #ddd;line-height:20px;width:400px;table-layout:fixed;text-align:center}
.tb_list9 tr th{border-bottom:1px solid #ddd;background-color:#d3e9ff;padding:3px}
.tb_list9 tr td{border-bottom:1px solid #ddd;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!important}
.tb_list10 .align_C{text-align:center!important}
.tb_list10 .align_R{text-align:right!important}

.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 #ddd;border-left:1px solid #ddd;line-height:13px;width:400px;table-layout:fixed;text-align:center}
.tb_list11 tr th{border-bottom:1px solid #ddd;border-right:1px solid #ddd;background-color:#e8ecee;padding:7px}
.tb_list11 tr td{border-right:1px solid #ddd;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 #ddd;background-color:#f7f7f7;padding:3px}
.tb_list12 tr td{border-bottom:1px solid #ddd;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:#ddd}

#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(객실요금표) *****************/