@import url('font-awesome-3.2.1.min.css');
/* base */
html, body { width: 100%; }
body,div,form,p{margin:0;padding:0;}
body, table, tr, td, th, select, div, p, center,span{letter-spacing:0;color:#555555; font-size:12px;}/*line-height:1.5em;}*/

ul,li { margin:0; padding:0; list-style-type:none; }

input,textarea{font-size:12px;letter-spacing:0px;color:#555555;}
textarea{resize:none;word-break:break-all} /* chrome, ff resize fix */
table{clear:both;}

@font-face {
	font-family: 'NG';
	src: url(font/NanumGothic.eot);
	src: url(font/NanumGothic.eot?#iefix) format('embedded-opentype'),
	url(font/NanumGothic.woff) format('woff'),
	url(font/NanumGothic.ttf) format('truetype');
}

@font-face {
	font-family: 'NGB';
	src: url(font/NanumGothicBold.eot);
	src: url(font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
	url(font/NanumGothicBold.woff) format('woff');
}

@font-face {
	font-family: 'Malgun Gothic';
	src: url('font/MalgunGothic.eot'); /* ie */
	src: local('@'),
		url('font/MalgunGothic.ttf') format('truetype'); /* ff, ch, sf, op */
}

body, input, textarea, table, p, span, div, dl, ol, ul, select { font-family: "¸¼Àº °íµñ", "Malgun Gothic", "µ¸¿ò", dotum, "Segoe UI", sans-serif; } /* 2012.08.07 modified */
.png24 { tmp:expression(setPng24(this));}

a, button { cursor:pointer; }
a:link, a:visited, a:active {text-decoration:none;}	a:hover {text-decoration:none;}
a:link {color:#555555;}
a:visited {color:#555555;}
a:hover {color:#555555;}
a:active {color:#555555;}

img {border:0}

#login_form,#join_form,#join_title,#basic_frame,#save_form,#quick_banner{line-height:1.5em;}

/* ·¹ÀÌ¾î ´Þ·Â */
#wrapper {margin-top:7px;background-color:#ffffff;}
#calendar_div {position:absolute;text-align:center;background-color:white;}
#calendar_div td {width:20px;height:20px;font-size:11px;font-family:verdana;letter-spacing:-1px;text-align:center;}
#calendar_div .hoverCell {background-color:#F1F9EE;}
#calendar_div .normalCell {background-color:white;}
#calendar_div .selectCell {background-color:#FDF7E8;font-weight:bolder;}
#calendar_div .shoverCell {background-color:#FCF2DA;font-weight:bolder;}
#calendar_div button {width:20px;padding:0px;cursor:pointer;font-size:10px;font-family:verdana;}
#calendar_div input {border:0px;font-size:13px;padding-top:0px;font-weight:bolder;font-family:verdana;letter-spacing:-2px;text-align:center;}
input.calendar {width:80px;height:17px;padding-top:3px;border:#d7d7d7 1px solid;background-color:#ffffff;color:#9a9a9a;font-size:11px;font-family:verdana;letter-spacing:-1px;text-align:center;cursor:pointer;}


/*°¢Á¾Æû*/
.simpleform { font-size:11px; line-height:120%; background-color:#ffffff; color:#9a9a9a; border:1px solid #d7d7d7; height:17px; padding:3px 3px 0 3px; }
.input{border:1px solid #cccccc;height:17px;padding:4px 3px 0px 3px;line-height:120%;vertical-align:middle;}
.input_box{vertical-align:top;margin-top:2px;}
.input_box{margin-top:0px\9;}/*ie8*/
.input_box{.margin-top:-2px;}/*ie6,7*/
.input_box2{vertical-align:top;}
.input_box3{vertical-align:top;margin-top:1px}

/*ÀÔ·ÂÆû ºÎ°¡¼³¸í*/
#tip {margin-left:6px;color:#0c7db1;font-size:11px;line-height:20px;letter-spacing:-1px;vertical-align:top;display:inline-block}
#tip_b {margin-left:6px;color:#3399FF;font-size:11px;letter-spacing:-1px;font-weight:bold;}
.tip {color:#0c7db1;font-size:11px;letter-spacing:0}

/* ¸ÞÀÎ °í°´¼¾ÅÍ ÀüÈ­¹øÈ£*/
.main_call_center {font-family:arial; font-size:20px; color:#333333; font-weight:bold; letter-spacing:0px; }


/* paging */
#paging {width:100%; text-align:center;margin:15px 0}
#paging ul {list-style:none; width:100%; text-align: center; margin:0 auto;padding:0;}
#paging li {display: inline; margin:0;padding:0 1px;color:#c5c5c5;}
#paging li.dot { font-size:12px;vertical-align: top;}
#paging li.num { padding:0 5px;font-size:12px;vertical-align: top;}
#paging li.num a { font-weight:bold;font-size:12px;vertical-align: top;}
#paging .on {font-weight:bold;color:#ff8400;}

#slider-container{ width:690px; margin:0 auto 30px auto;  position:relative;}
#protofade{ position:relative; margin:0; padding:0px; width:688px; height:450px; overflow:hidden; }
#protofade_b{ position:relative; margin:0; padding:0px; width:830px; height:450px; overflow:hidden; }
#protofade_c{ position:relative; margin:0; padding:0px; width:940px; height:450px; overflow:hidden; }
#protofade li{ position:absolute; top:0; left:0; margin:0; padding:0; background:none;}
#controls{position:absolute;top:0px;left:0px;margin:10px -10px;width:690px;text-align:right;font-size:16px;z-index:1}

#ajax_loading{width:100%;height:100%;padding-top:80px;padding-bottom:80px;text-align:center;z-index:998;}
#form_frame {position:absolute;display:none;width:450px;border:3px #CCCCCC solid;background-color:white;padding:10px;z-index:1}


/* banner outline - 2010.12.20 added with rankup_banner.css */
.banner_outline {border:#555555 1px solid}


/* padding */
.pa1 {padding:1px;}
.pa2 {padding:2px;}
.pa3 {padding:3px;}
.pa4 {padding:4px;}
.pa5 {padding:5px;}
.pa6 {padding:6px;}
.pa7 {padding:7px;}
.pa8 {padding:8px;}
.pa10 {padding:10px;}
.pa15 {padding:15px;}
.pa20 {padding:20px;}
.pa25 {padding:25px;}
.pa30 {padding:30px;}

.pa_5 {padding-left:5px;padding-right:5px;}
.pa_8 {padding-left:8px;padding-right:8px;}
.pa_10 {padding-left:10px;padding-right:10px;}
.pa_15 {padding-left:15px;padding-right:15px;}

.pd_t_5 {padding-top:5px;}
.pd_r_5 {padding-right:5px;}
.pd_b_5 {padding-bottom:5px;}
.pd_l_5 {padding-left:5px;}
.pd_l_3 {padding-left:3px;}
.pd_5 {padding:5px;}

.pd_t_7 {padding-top:7px;}

.pd_t_2 {padding-top:2px;}

.pd_t_10 {padding-top:10px;}
.pd_r_10 {padding-right:10px;}
.pd_b_10 {padding-bottom:10px;}
.pd_l_10 {padding-left:10px;}
.pd_10 {padding:10px;}

.pd_t_12 {padding-top:12px;}

.pd_t_15 {padding-top:15px;}
.pd_r_15 {padding-right:15px;}
.pd_b_15 {padding-bottom:15px;}
.pd_l_15 {padding-left:15px;}
.pd_15 {padding:15px;}

.pd_t_20 {padding-top:20px;}
.pd_r_20 {padding-right:20px;}
.pd_b_20 {padding-bottom:20px;}
.pd_l_20 {padding-left:20px;}

.pd_t_25 {padding-top:25px;}
.pd_r_25 {padding-right:25px;}
.pd_b_25 {padding-bottom:25px;}
.pd_l_25 {padding-left:25px;}

.pd_t_30 {padding-top:30px;}
.pd_r_30 {padding-right:30px;}
.pd_b_30 {padding-bottom:30px;}
.pd_l_30 {padding-left:30px;}


/* Å×À̺í */
#cell_bg01 {
background : #ebebeb;
height : 32px;
padding: 5px 5px 5px 5px;
font-weight:bold;
color:#333333;
}
#cell_bg02 {
background : #ffffff;
height : 30px;
padding: 5px 5px 5px 5px;
}
#cell_bg03 {
background : #f8f1e7;
padding: 5px 5px 5px 5px;
font-weight:bold;
color:#986930;
}

#cell_line01 {
background : #e1c8a9;
height : 1px;
line-height:1px;
padding:0;
font-size:1px;
}
#cell_line02 {
background : #d7d7d7;
width : 1px;
line-height:1px;
padding:0;
font-size:1px;
}

/*ÆùÆ®*/
.subtitle {color:#333333;font-weight:bold;height:22px;}
.subtitle img{vertical-align:top;margin-top:8px;margin-top:7px\9;display:inline-block;}
.red_brown {color:#b74522}
.brown {color:#333333}
.gray_brown {color:#7b7065}
.gold{color:#986930}
.yellow {color:#bf924c}
.green{color:#596f17;}
.blue{color:#0c7db1}
.f11{font-size:11px;}
.english{font-family:tahoma;}
.orange{color:#da5c00;}


/*¹Ú½º*/
.Box_t_l {background:url('../../design/skin/img/box_top_left.gif') no-repeat 0;height:5px;width:5px;}
.Box_t_line {border-top:#986930 2px solid;font-size:0;padding:0;}
.Box_t_r {background:url('../../design/skin/img/box_top_right.gif') no-repeat 0;height:5px;width:5px;}
.Box_side_line {border-left:#986930 2px solid;border-right:#986930 2px solid;}
.Box_b_l {background:url('../../design/skin/img/box_foot_left.gif') no-repeat 0;height:5px;width:5px;}
.Box_b_line {border-bottom:#986930 2px solid;font-size:0;padding:0;}
.Box_b_r {background:url('../../design/skin/img/box_foot_right.gif') no-repeat 0;height:5px;width:5px;}


/*Æû*/
.Form_top {/*border-top:#2376E6 2px solid;*/font-size:0px;line-height:0;}
.Form_left {background-color:#ebebeb;border-bottom:#d7d7d7 1px solid;padding-left:20px;height:30px;color:#333333;}
.Form_ess {background-color:#ebebeb;border-bottom:#d7d7d7 1px solid;padding:6px 0 6px 10px;color:#333333;}
.Form_right {border-bottom:#d7d7d7 1px solid;padding:6px 5px 6px;background-color:#fff;}

.Form_topv{background-color:#ebebeb;border-right:#e1c8a9 1px solid;border-bottom:#d7d7d7 1px solid;height:30px;color:#333333;}
.Form_leftv {border-bottom:#d7d7d7 1px solid;border-right:#d7d7d7 1px solid;padding-left:5px;height:30px; }

.Form_top_lrv{background-color:#ebebeb;border-right:#e1c8a9 1px solid;border-left:#e1c8a9 1px solid;border-bottom:#d7d7d7 1px solid;height:30px;color:#333333;}
.Form_lrv {border-bottom:#e1c8a9 1px solid;border-right:#d7d7d7 1px solid;border-left:#d7d7d7 1px solid;padding-left:10px;height:30px;}


/*¾ÆÀÌÄÜ*/
.ic_room { /*°´½Ç*/
	border: 1px solid #c18336;
	background-color: #d19245;
	padding: 2px 2px 0 2px;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-family: dotum;
	line-height: 1.0em;
}
.ic_waiting { /*´ë±â*/
	border: 1px solid #4e6113;
	background-color: #596f17;
	padding: 2px 2px 0 2px;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-family: dotum;
	line-height: 1.0em;
}
.ic_end { /*¿Ï·á*/
	border: 1px solid #9d3b1c;
	background-color: #b74522;
	padding: 2px 2px 0 2px;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-family: dotum;
	line-height: 1.0em;
}
.ic_call { /*¹®ÀÇ*/
	border: 1px solid #0d6892;
	background-color: #0c7db1;
	padding: 2px 2px 0 2px;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-family: dotum;
	line-height: 1.0em;
}


/* sending box */
#sending_box {
	width: 150px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #f7f7f7;
	border: 1px #ccc dotted;
	position: relative;
	z-index: 10;
}
#sending_box p {
	font-size: 12px;
	font-weight: bold;
}
#sending_box div {
	margin-top: 2px;
	font-size: 11px;
	letter-spacing: -1px;
}

.schide { display:none } /* 2011.11.30 added */


/* 2013.05.13 added À§ÁöÀ¨ ul ol style*/
#div_content ul{list-style-type:disc;padding-left:40px;}
#div_content ul li{list-style-type:disc;}
#div_content ol li{list-style-type:decimal}

.td_list_style ul{list-style-type:disc;margin-left:40px}
.td_list_style ul li{list-style-type:disc}
.td_list_style ol li{list-style-type:decimal}

/* ÆÄÀϾ÷·Îµå */
.file_div {
	position:relative;
	height:30px;
	width:100px;
	overflow: hidden;
	float:left;
}
.file_hidden {
	position:absolute;
	cursor:pointer;
	left:0px;
	top:0px;
	height:20px;
	width:80px;
	opacity: 0;
}
.file_button {
	margin-top:3px;
	font-family:'NG' !important;
}

/* label */
.label {
	background-color: #abbac3;
	border-radius: 0;
	display: inline-block;
	font-weight: normal;
	text-shadow: none;
	color: #fff;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
	font-family:'NG';
}
.label-xs {
	border-radius: 2px;
	font-size: 11px;
	height: 13px;
	line-height: 15px;
	padding: 0 2px 3px;
}
.label-sm {
	border-radius:2px;
	padding:0px 7px 2px;
}
.label-hold, .label-red {
	background-color:#FF4040 !important;
}

.label-answered, .label-green {
	background-color:#40A040 !important;
}

.label-blue {
	background-color:#6699CC !important;
}
.rumodal .ui-widget-header {
    background-color: #333333;
    border-color: #333333;
}


.rumodal .ui-widget-header .ui-state-default {
    border-color: #333333;
}

.rumodal .ui-widget-header {
    background-color: #333333;
    border-color: #333333;
}


/* 2015.04.17 added */
.caption_A {font-family:verdana,dotum;font-weight:normal;font-size:12px;letter-spacing:-1px;}
.caption_B {font-family:verdana,dotum;font-weight:bold;font-size:11px;letter-spacing:-1px;}
.caption_C {font-size:11px;font-family:dotum;letter-spacing:0;font-weight:bold;line-height:1.3em;}
.caption_D {font-size:11px;font-family:verdana;letter-spacing:0;font-weight:bold;line-height:1.3em;}