@import url('font-awesome-3.2.1.min.css');
@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 */
}

/* base */
html, body { width: 100%; }
body,div,form,p{margin:0;padding:0;}
body, table, tr, td, th, select, div, p, center{letter-spacing:0;color:#555555; font-size:12px;}/*line-height:1.5em;}*/
span{letter-spacing:0;font-size:12px;}

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;}

.helper, .helper a.helper:link {font-size:11px;font-family:'NG';color:#40A040;}

.select-wrap{
	height: 20px;
	width:200px;
	overflow: hidden;
	background: url(../../template/images/arrow_down.png) no-repeat right #FFFFFF;
	border: 1px solid #ccc;
}

.select-wrap select {
	width:200px;
	background: transparent;
	padding-bottom: 2px;
	font-size: 12px;
	line-height: 12px;
	border: 0;
	border-radius: 0;
	height: 20px;
	-webkit-appearance: none;
	font-family:inherit;
}




body, input, textarea, table, p, span, div, dl, ol, ul,  a, th, td { font-family: "¸¼Àº °íµñ", "Malgun Gothic", "µ¸¿ò", dotum, "Segoe UI", sans-serif; } /* 2012.08.07 modified */
button, select, option {font-family:'NG';}
.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}

.f-green {color:#008000;}
.f-red {color:#FF0000;}
.f-gray {color:#b2b2b2;}
.f-skin{color:#A8070C;} /* ½ºÅ² ÁÖ»ö»ó */
.f-12 {font-size:12px;}
.f-11 {font-size:11px;}

#div_article_contents,#join_form,.reply_pn,.hint_mass,#save_form{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:12px; line-height:120%; background-color:#ffffff; color:#9a9a9a; border:1px solid #d7d7d7; height:17px; padding:2px 3px 2px 3px;padding:4px 3px 0px 3px\9; }
.simpleform2 { font-size:15px; line-height:100%; background-color:#ffffff; color:#9a9a9a; border:1px solid #d7d7d7; width:60px;height:18px; padding:2px 3px 3px 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;line-height:1.5em;}
.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;line-height:1.5em;}

/*ÀÔ·ÂÆû ºÎ°¡¼³¸í*/
#tip {margin-left:6px;color:#9a9a9a;font-size:11px;line-height:18px;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;padding-left:3px;line-height:1.5em;}

/* ¸ÞÀÎ °í°´¼¾ÅÍ ÀüÈ­¹øÈ£*/
.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;line-height:1.5em;vertical-align:middle;}
#paging ul li {display: inline-block;zoom:1; *display:inline; margin:0;padding:0 1px;color:#c5c5c5;margin:0 3px;}
#paging ul li.dot {font-size:12px;vertical-align: top;}
#paging ul li.num {padding:0px;vertical-align:middle;text-align:center;}
#paging ul li.num a {vertical-align: top;margin-top:2px;padding-top:2px;text-align:center;display:inline-block;border:1px solid #DCDCDC;background:#fff;color:#959595;font-size:12px;font-weight:normal}
	#paging ul li.num a{width:23px;height:21px;height:18px\9;padding-top:5px\9;margin-top:-1px\9;}/*ie8*/
	#paging ul li.num a{.height:20px;.padding-top:3px}/*ie6,7*/
	:root #paging ul li.num a{height:21px\0/IE9;padding-top:2px\0/IE9}/*ie9*/

#paging ul li.num .on {font-weight:bold;width:23px;color:#ff8400;background:#EDEDED;color:#333;border:1px solid 333;vertical-align:top;font-weight:bold;}
	#paging ul li.dot{line-height:2.2em;font-weight:normal}
	#paging ul li.dot{.line-height:2em;}/*ie6,7*/
	:root #paging ul li.dot{line-height:1.5em\0/IE9}/*ie9*/

#paging ul li img{display:inline-block;vertical-align:middle;}
	#paging ul li img{margin-top:-2px\9}/*ie8*/
	#paging ul li img{.margin-top:-1px}/*ie7*/
	:root #paging ul li img{margin-top:-2px\0/IE9}/*ie9*/


#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;/*padding-bottom:5px;*/line-height:1.5em;font-size:12px;height:22px;}
.subtitle img{vertical-align:top;margin-top:8px;display:inline-block;}
	.subtitle img{margin-top:4px}/*ie8*/
	.subtitle img{margin-top:5px}/*ie6 7*/
	.subtitle img{margin-top:7px}/*ie9*/


.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_ess_r {background-color:#ebebeb;padding:6px 0 6px 10px;color:#333333;}
.Form_right {border-bottom:#d7d7d7 1px solid;padding:6px 5px 6px;background-color:#fff;}
.Form_right_r {padding:6px 5px 6px;background-color:#fff;}
.Form_ess2 {background-color:#ebebeb;border-top:#d7d7d7 1px solid;border-bottom:#d7d7d7 1px solid;padding:6px 0 6px 10px;color:#333333;}
.Form_right2 {/*border-top:#d7d7d7 1px solid;*/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}

label.lbl input { vertical-align:-2px;margin-right:3px}

/* ¸ð´Þ */
.rumodal .ui-widget-header {
	background-color:#333333;
	border-color:#333333;
}

.rumodal .ui-dialog-title {
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	padding-bottom:3px;
}

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


/* ÆÄÀϾ÷·Îµå */
.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;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#paging ul li.dot{vertical-align:-1px}
}

.f-small {font-size:11px;}
.f-green {color:#40A040;}
.f-blue {color:#2080D0;}
.f-red {color:#FF4040;}
.f-gray {color:#A2A2A2;}
.f-orange {color:#FF8000;}
.f-bold {font-weight:bold;}