﻿/* CSS Document */
@charset "utf-8";

/* default set */
@import url("table.css?v=111");
@import url("navi.css?v=111");
@import url("button.css?v=111");
@import url("search.css?v=111");
@import url("left.css?v=111");


@media print{
	.printable {display:block;}
	.non-printable {display:none;}
	.page-break-before {page-break-before:always;}
	.page-break-after {page-break-after:always;}
	.page-break-inside {page-break-inside:avoid;}
}

/*body 공통소스*/
* { padding: 0; margin: 0; font-family: dotum,tahoma,verdana, Arial,AppleGothic,Malgun Gothic,Nanumgothic; }
html, body {height: 100%;}
body * {border:none;font-size:12px;}
ul, li {list-style:none;}
img {border:0;}
a {cursor:pointer;text-decoration:none;outline:none;}
a:hover {text-decoration:none;}
.DivClear {clear:both;}
table{border-collapse:collapse;}
table tr th {line-height:15px;}
select {border:1px solid #a9a9a9;padding: 3px;}

input {border:1px solid #a9a9a9;padding:3px;height:18px;}
input.none {background:Transparent; border:solid 0px;}
textarea {border:1px solid #a9a9a9;padding:3px;width:99%;height:400px;}

div span,div img,div input {vertical-align:middle;}

/*.logo_bg {background:url(../images/logo_back.gif) 95% 95% no-repeat;}*/
/* 테이블 가로크기 */
.w5 {width:5%;}
.w8 {width:8%;}
.w10 {width:10%;}
.w13 {width:13%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w21 {width:21%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w37 {width:37%;}
.w40 {width:40%;}
.w49 {width:49%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w59 {width:59%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w99 {width:99%;}
.w100 {width:100%;}
.w200 {width:200px;}
.w300 {width:300px;}
.w610 {width:610px;}
.wSample1{width:45px;}

/* 마진 */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt60 {margin-top:60px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml70 {margin-left:70px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}

/* 패딩 */
.p_body {padding: 0px 10px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl70 {padding-left:70px;}

.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}

.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}


.clr {clear:both;}
.clr10 {clear:both;height:10px;}
.clr20 {clear:both;height:20px;}
.clr25 {clear:both;height:25px;}
.clr30 {clear:both;height:30px;}
.clr50 {clear:both;height:50px;}


/*색상*/
.red {color:#ff1010;}
.red b{color:#ff1010;}
.orange {color:#ffa800;}
.orange b{color:#ffa800;}
.yellow {color:#eecc10;}
.yellow b{color:#eecc10;}
.green {color:#4c9508;}
.green b{color:#4c9508;}
.blue {color:#1010ff;}
.blue b{color:#1010ff;}
.black {color:#333;}
.black b{color:#333;}

/*Page Title*/
.body_title {width:100%;position:relative;}
.body_title td.title_text {color:#000;font-weight:bold;Letter-spacing:-1;background:url(../images/body_icon.gif) 12px 12px no-repeat;font-size:15px;padding:12px 0 15px 33px;width:50%;}
.body_title td.title_navi {position:absolute;bottom:10px;right:10px;font-size:11px;color:#999;}
.body_line {background:url(../images/body_line_body.gif) left bottom repeat-x;width:100%;}
.title_btn {width:100%;height:36px;background-color:#f1f1f1;margin-bottom:10px;}

/* 탭메뉴 */
.tab_menu {margin-top:12px;
/*width:100%;*/
background:url(../images/tab_menu_01_back.gif) repeat-x;margin-bottom:10px;}
.tab_menu ul {height:27px;}
.tab_menu ul li {float:left;text-align:left;margin-right:3px;height:26px;}

/* 버튼 영역 */
.btn_box {margin-top:15px;width:100%;}
.btn_box ul {height:27px;}
.btn_box ul li {float:left;display:inline-block;height:27px;}
.btn_l {text-align:left;}
.btn_r {text-align:right;}
.btn_c {text-align:center;}

/* 정렬 */
.al {text-align: left;}
.ar {text-align: right;}
.ac {text-align: center;}

.tab_menu_on {display:inline-block;background:url(../images/tab_menu_01_left.gif) no-repeat left top;height:27px;padding:0px 0 0 15px;}
.tab_menu_on a.tab_menu_right {background:url(../images/tab_menu_01_right.gif) no-repeat right top;padding:7px 15px 7px 0;color:#fff;display:block;font-weight:bold;}

.tab_menu_off {display:inline-block;background:url(../images/tab_menu_02_left.gif) no-repeat left top;height:27px;padding:0px 0 0 15px;}
.tab_menu_off a.tab_menu_right {background:url(../images/tab_menu_02_right.gif) no-repeat right top;padding:7px 15px 7px 0;color:#333;display:block;font-weight:normal;}

/*sms*/
.sms {min-width:630px;position:relative;padding-right:340px;}
.sms_content {overflow-y:auto;height:540px;}
.sms_list {padding-right:20px;height:600px;border-right:1px dashed #ccc;}
.sms_send {position:absolute;right:20px;top:0;width:320px;height:600px;background: url('../../images/sms/hp_bg.jpg') no-repeat left top;}
.send_area {padding:55px 20px 50px;}
.send_area fieldset {height:430px;}
.send_area fieldset div {overflow:hidden;border-bottom:1px solid #111;border-top:1px solid #444;font-size:1em;}
.send_area fieldset .first_line {border-top:0;}
.send_area fieldset div input[type=text], .send_area fieldset div textarea {border:none;background:none;color:#fff;font-size:1.8em;text-shadow:0 0 2px #000;}
.send_area fieldset div textarea {height:380px;width:280px;background: url('../../images/sms/sms_input_bg2.png') no-repeat left top;overflow:hidden}
.send_area fieldset .first_line input[type=text] {height:80px;width:280px;background: url('../../images/sms/sms_input_bg1.png') no-repeat left top;}

/* Button Style */
button+button {margin:0 5px;}
/* .btn {position:relative;display:inline-block; margin-right:2px;vertical-align:middle;background:url(../../images/sms/btn_com.gif) no-repeat 0 0;}
.btn button, .btn input {position:relative;left:2px;display:inline-block;height:25px;padding:0 10px;font-weight:bold;color:#fff;text-shadow:0 0 2px #000;line-height:25px;background:url(../../images/sms/btn_com.gif) no-repeat right top; white-space:nowrap; overflow:visible; border:none;}
*/
#btn.normal button, .btn.normal input {font-weight:normal;}
.btn.blue {background-position:0 -60px;}
.btn.blue button, .btn.blue input {padding:0 20px;height:35px;line-height:34px;background-position:right -60px;font-size:1.2em;font-weight:bold;letter-spacing:-0.08em;}
.btn.white {background-position:0 -100px;}
.btn.white button, .btn.white input {padding:0 20px;height:35px;line-height:34px;background-position:right -100px;color:#333;text-shadow:none;font-size:1.2em;font-weight:bold;letter-spacing:-0.08em;}



/******** common class ********/
input.f {width:100%;}
.input_file {padding-bottom:3px;}
.input_file input[type=text] {width:500px;vertical-align:middle;}
.input_file .file_bt {position:relative;display:inline-block;width:70px;height:24px;line-height:24px;margin-left:3px;cursor:pointer;vertical-align:middle;background: url('../../images/btn_file.png') no-repeat center center;}
.input_file input[type=file] {position:absolute; right:0; top:0; opacity:0; filter:alpha(opacity=0);  cursor:pointer;}
.mid {vertical-align:middle;}
.aling_bot {vertical-align:bottom;}
.tal_right {text-align:right;}
.fl {float:left;}
.fr {float:right;}
.r_btn {margin:18px 21px; text-align:right;}
.tabletop_r_btn {margin:5px 0 7px; text-align:right;}
.c_btn {margin-top:15px; text-align:center;}
.c_btn2 {margin-top:5px;text-align:center;}
.c_btn .btn {margin:0 5px;}
.textbox {display:inline-block; margin:0 5px 5px 0; padding:0 14px; line-height:36px;}
.alignr, .txt_price {text-align:right;}
.cen {text-align:center;}
.hide {display:none;position:absolute; left:-10000px; top:-10000px; visibility:hidden;}
.clear {clear:both;}
.clear:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
.red01 {color:#ff3c00;}
.tblue {color:#0093e7 !important;}
.down_link {color:#0e65b7;}
.ui-datepicker-trigger {cursor:pointer;}
.price_total {color:#e94d00;}
.btn_alignr {padding-bottom:3px;text-align:right;}
.no_data {padding:2em 0;text-align:center;color:#999;}
.box1 {border:1px solid #ccc;}
.box2 {padding:5px 10px;border:1px solid #ccc;background:#f4f4f4;}
/******************************/

.boad_comt {border-top:1px solid #e2e2e2;}
.boad_comt_box {padding:15px 0;border-bottom:1px solid #e2e2e2;}
.boad_comt_name_area {padding-bottom:1px;}
.boad_comt_name {display:inline-block;overflow:hidden;max-width:55%;padding-right:6px;color:#2a2a2a;line-height:25px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.boad_comt_contents_area {overflow:hidden;font-size:13px;line-height:18px;word-break:break-all;word-wrap:break-word;}
.boad_comt_contents {display:inline-block;overflow:hidden;line-height:18px;word-break:break-all;word-wrap:break-word;}
.boad_comt_info_area {padding:2px 0 0 0;}
.boad_comt_date {display:inline-block;color:#999999;}
.boad_comt_btn {display:inline-block;color:#999999;}

div.admin_content_area {padding:0 10px; height:100%}

/* #mainContent{margin-left: 222px; margin-right: 10px; margin-top: -5px; width: auto; display: block;padding-bottom: 20px;} */
#mainContent{position: absolute; left: 222px; right: 10px; top: 60px; width: auto; display: block;padding-bottom: 20px;}
/* position: absolute; margin: 0px; left: 222px; right: 0px; top: 60px; bottom: 0px; height: 100%; width: auto; z-index: 1; display: block; visibility: visible; */

.screen-security-area {
	position:relative;
	text-align: right;
	margin-top:10px;
}
.screen-security-area.area-lock {
	border: #3f0808 solid 1px;
    background-color: #b61e1e;	
}
.screen-security-area.area-lock .area-lock-message {
    position: absolute;
    left: 50%;
    top: 3px;
    display: inline-block;
    margin-left: -141px;
    color: white;
    font-size: 18px;
    font-weight: bold;	
}