@charset "utf-8";
/* BKI (help@bugking.com) */

@import"style_grid.css";
@import url(http://fonts.googleapis.com/css?family=Anton);

/* Special Class Selector 
-----------------------------*/
.fr		{float:right;}
.fl		{float:left;}
.clear	{clear:both;display:block;overflow:hidden;visibility:hidden;height:0} /* .clear	{clear:both;} */
.fwB	{font-weight:bold;}
.tCenter{text-align:center;}
.tRight	{text-align:right;}
.tLeft	{text-align:left;}
.gap1	{margin-top:.8em;}
.nowrap	{white-space:nowrap;}
.mask	{width:196px;height:5px;background:none;display:block;clear:both;}
.wrapper{width:100%;overflow:hidden;}

/* Untitled 
-----------------------------*/
div.xe_content
	{font-size:9pt;}
.xe_content div
	{font-size:9pt;}
.xe_content p
	{font-size:9pt;}

/* Breadcrumbs 
-----------------------------*/
.breadcrumbs
	{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;
	letter-spacing:-.1em;border-bottom:1px solid #ddd;zoom:1;background:url(../images/breadcrumbs.gif) repeat-x 0 bottom;}
.breadcrumbs:after
	{content:"";display:block;clear:both}
.breadcrumbs_title
	{float:left;clear:both;margin-bottom:-3px;padding:5px 15px 0px 5px;
	font-family:MalgunGothic, Verdana;color:#202121;font-weight:normal;text-transform:uppercase;font-size:24px;text-shadow:0px 1px 2px #aaadae;
	border-bottom:3px solid #666;background:url(../images/breadcrumbs_title.gif) no-repeat right bottom;}
.breadcrumbs_title a
	{color:#000;text-decoration:none;}
.breadcrumbs_title em
	{font-style:normal;font-weight:normal}
.breadcrumbs_step
	{color:#0A5A7A;margin-top:10px;}
.breadcrumbs_step a
	{color:#0A5A7A;text-decoration:none;}
.breadcrumbs_step a:hover,
.breadcrumbs_step a:active,
.breadcrumbs_step a:focus
	{color:#3B99BD;text-decoration:none;}

/* Form 
-----------------------------*/
.bki_form_title
	{color:#333333;height:22px;text-align:right;padding:0px 0px 0px 0px;} /* 입력 양식, 보기페이지에서의 컬럼 제목 */ 
.bki_form_comment
	{color:#333333;height:22px;} /*  */ 
.bki_form_text
	{line-height:120%;margin:0px 0px 1px 0px;height:20px;margin:0px;padding:0px;
	color:#333333;font-family:MalgunGothic, Verdana;background:transparent;border:1px solid #BBBBBB;} 
.bki_form_textarea
	{color:#333333;font-family:MalgunGothic, Verdana;background:transparent;border:1px solid #BBBBBB;
	/*scrollbar-base-color:		#f5f5f5;/* 아래의 6가지 스타일을 하나로 통합 한것 */
	scrollbar-face-color:		#FFFFFF;/* bar 의 표면색 */
	scrollbar-track-color:		#BBBBBB;/* 스크롤 트랙의 색 */
	scrollbar-highlight-color:	#DDDDDD;/* 밝게 빛나는 좌상단 모서리 */
	scrollbar-3dlight-color:	#BBBBBB;/* 좌상단 모서리 아래부분 */
	scrollbar-shadow-color:		#DDDDDD;/* 그림자 지는 우하단 */
	scrollbar-darkshadow-color:	#BBBBBB;/* 그림자 우하단 */
	scrollbar-arrow-color:		#BBBBBB;/* 삼각형부분 */
	}
.bki_form_select
	{color:#333333;background:#FFFFFF;} /* <- input_select */ 

.form_field_wrapper 
	{margin-bottom:10px;}
.form_field_wrapper input,
.form_field_wrapper textarea 
	{font:13px "Helvetica Neue", Helvetica, Arial, sans-serif;}
.form_field_wrapper label 
	{text-transform:uppercase;color:#777;}
.form_field_wrapper span 
	{font-size:11px;color:#a6a6a6;}
.form_field_wrapper.required span.optional 
	{display:none !important;}
.form_field_wrapper span.optional 
	{margin-left:10px;}
.form_field_wrapper .field 
	{margin:5px 0px;}
.form_field_wrapper .field.text_field 
	{background:url(../images/text_field.png2) top left no-repeat;padding:3px 0px;position:relative;}
.form_field_wrapper .field.text_field input 
	{height:25px;background:none;border:none;outline:none;padding:0 10px;border:1px solid #BBBBBB;}
.form_field_wrapper .field.text_field div.text_field_cap 
	{position:absolute;background:url(../images/text_field.png2) top right no-repeat;height:31px;top:0px;right:0px;width:10px;}
.form_field_wrapper span.msg 
	{padding-left:10px;display:block;}
.form_field_wrapper span.errors 
	{color:#b50000;}
.form_field_wrapper .field .textarea_cap 
	{padding-top:5px;margin-bottom:5px;background:url(../images/textarea_top.png2) left top no-repeat;}
.form_field_wrapper .field .textarea_bottom 
	{background:url(../images/textarea_bottom.png2) left bottom no-repeat;}
.form_field_wrapper .field .textarea_bottom textarea 
	{margin:0px;padding:5px 10px;outline:none;resize:vertical !important;
	background:url(../images/textarea_side.png2) top left repeat-y;
	border:none;border-left:1px solid #c0c0c0;border-right:1px solid #d9d9d9;border:none;border:1px solid #BBBBBB;}

#form_side 
	{padding-left:0px;width:310px !important; }
#form_side .form_side_wrapper 
	{margin:0px 0px 3em 0px;}
#form_side h4, #form_side .form_side_text
	{color:#999;font-size:1.3em;margin-bottom:.5em;text-transform:uppercase;}
#form_side .form_side_text
	{color:#444;}
#form_side dl 
	{line-height:1.5em;margin-bottom:1.5em;}
#form_side dl dt 
	{color:#949799;font-size:11px;font-weight:300;text-transform:uppercase;}

/* Table 
-----------------------------*/
#bki_table .td_list
	{padding:2px 0px 2px 10px;margin:0px;text-align:left;border:0px solid #000;border-bottom:0px solid #BBBBBB;} 
#bki_table .thumb
	{border:1px solid #BBBBBB;} 
#bki_table .th_form
	{padding:5px 0px 5px 10px;margin:0px;text-align:left;color:#17919E;font-weight:bold;border:0px solid #000;} 
#bki_table .td_form
	{padding:3px 0px 3px 10px;margin:0px;text-align:left;border:0px solid #000;} 
#bki_table .td_title
	{padding:3px 5px 3px 10px;margin:0px;text-align:right;font-weight:bold;border:0px solid #000;} 
#bki_table .td_comment
	{padding:3px 0px 3px 10px;margin:0px;text-align:left;border:0px solid #000;} 

.bki_table
	{width:100%;background:#999999;border-spacing:2px;border:1px solid #DDDDDD;} 
.bki_table th
	{height:30px;padding-left:20px;text-align:left;color:#fff;font-size:9pt;font-weight:600;
	background:#666666;border-bottom:1px solid #DDDDDD;} 
.bki_table td
	{height:25px;padding-left:20px;text-align:left;color:#fff;font-size:9pt;font-weight:300;
	background:#ECECEB;border-bottom:1px solid #DDDDDD;} 

/* List 
-----------------------------*/
ul.list_1
	{padding:0px 0px 0px 0px;margin:0px 0px 0px 10px;}
ul.list_1 li
	{padding:0px 0px 0px 0px;margin:0px 0px 5px 10px;list-style-type:disc;color:#0F0;}
ul.list_1 li a
	{color:#000;text-decoration:none;padding-left:0px;}
ul.list_1 li a:hover
	{text-decoration:underline;}

.list_2 li	
	{line-height:25px;position:relative;overflow:hidden;}
.list_2 li a		
	{position:relative;display:inline-block;padding-left:7px;color:#000;text-decoration:none;}
.list_2 li a:hover	
	{text-decoration:underline;}
.list_2 li a span	
	{position:absolute;width:3px;height:3px;left:0px;top:12px;background:#000;}

/* Buttons 
-----------------------------*/
.btn_1, .btn_2, .btn_3
	{display:inline-block;margin:2px 12px 1px 3px;padding:9px 10px 9px 12px;
	color:#202121;font-size:11px;line-height:14px;text-transform:uppercase;text-shadow:0 1px #d9d9d9;font-weight:bold;
	border-top:1px solid #ffffff;
	background:url(../images/btn_1.gif) repeat-x 0 bottom #f4f4f4;	
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow:  0px 0px 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.1);	
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.btn_2
	{margin:2px 12px 1px 3px;padding:5px 10px 5px 12px;}
a.btn_2
	{font-size:11px;}
.btn_1:hover, .btn_2:hover
	{text-decoration:none;
	background-position:0px 0px;color:#fff;text-shadow:0 1px #076ca4;border-top:1px solid #3edfed;}
.btn_3:hover
	{background-position:0 bottom;color:#202121;text-shadow:0 1px #d9d9d9;text-decoration:none}
.btn_1 span, .btn_2 span, .btn_3 span
	{display:inline-block;background:url(../images/marker_2.png) no-repeat 0px 0px;width:6px;height:5px;margin:4px 0px 0px 10px}
.btn_3 span
	{background:url(../images/marker_4.png) no-repeat 0px 0px}
.btn_1:hover span, .btn_2:hover span, .btn_3:hover span
	{background-position:0 bottom;}

.btn_4
	{display:inline-block;padding:11px 23px 12px;line-height:1.2em;
	color:#fff;font-size:10px;text-transform:uppercase;font-family:MalgunGothic, Verdana;
	background:#2f2f2f;}
.btn_5
	{display:inline-block;padding:15px 45px;
	color:#ffffff;font-size:16px;font-family:MalgunGothic, Verdana;
	border:1px solid #2f2f2f;background:#2f2f2f;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.btn_5:hover  
	{color:#2f2f2f;border:1px solid #dddddd;background:#f3f3f3;}
a.btn_5
	{font-size:14px;color:#ffffff}

/* Box 
-----------------------------*/
.box_1, .box_2
	{padding:26px 36px 17px 30px;
	background:url(../images/box_1_bg.gif) repeat-x 0 bottom #03719a;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	box-shadow: 0px 0px 1px 1px  #c9cfd0;-webkit-box-shadow: 0px 0px 1px 1px #c9cfd0;-moz-box-shadow:0px 0px 1px 1px #c9cfd0;}
.box_2
	{padding:10px 16px 10px 10px;margin-bottom:20px;
	background:url(../images/box_2_bg.gif) repeat-x 0 bottom #03729b;}
.box_2 figure
	{float:left;margin:0px 22px 0px 0px  }

.title_1
	{padding-bottom:17px;
	font-family: 'Anton', sans-serif;color:#fff;font-size:18px;line-height:20px;text-shadow:0px 1px 1px #03648a;text-transform:uppercase;}

.box_1 p, .box_2 p
	{color:#70b5cf;}
.box_1 p
	{padding-bottom:18px;}
.box_2 p
	{padding-bottom:30px;}

/* Bg 
-----------------------------*/
.bki_bg
	{background:#fff url(../images/default/bgContentBody.gif) ;}

/* Content 
-----------------------------*/
.fieldset			
	{margin:0px 0px 30px 0px;padding:20px 15px 15px 15px;border:1px solid #ddd;background:#ffffff;}
.fieldset .legend
	{margin:-33px 0px 0px 0px;padding:3px 15px 3px 15px;position:relative;float:left;
	font-weight:normal;font-size:13px;border:1px solid #fefefe;background:#2f2f2f;color:#ffffff;}

/* Revised 
-----------------------------*/
/*
.trackbackBox		
	{border:1px solid #DDDDDD;}
.viewDocument		
	{border-bottom:0px solid #DDDDDD;}
.boardWrite			
	{border:1px solid #DDDDDD;}
.inputTypeText		
	{border:1px solid #DDDDDD;}
.xpress-editor #smart_content
	{border:1px solid #DDDDDD;}
*/

/* Button - Legacy Code (Don't use it. It will be removed as soon as possible.) 
-----------------------------*/
.btn{position:relative;display:inline-block;vertical-align:middle}
.btn *
	{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0px;
	font-weight:bold !important;color:#fff;text-decoration:none !important;
	border:1px solid;cursor:pointer;overflow:visible;
	border-radius:3px;box-shadow:inset 0px 0px 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1}
.btn *[disabled=disabled]
	{opacity:.5;*filter:alpha(opacity=50)}
.btn a, 
.btn *[type=button]
	{border-color:#ccc;color:#333 !important;
	background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));
	background:#eee -moz-linear-gradient(top,#fff,#ddd);
	background-color:#eee;
	text-shadow:1px 1px 0 #fff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)}
.btn *[type=submit]
	{border-color:#666;
	background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000)) !important;
	background:#333 -moz-linear-gradient(top,#777,#000) !important;
	background-color:#333 !important;
	color:#ffc !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)}
.btn a
	{height:22px}
.btn.medium *
	{padding:0 12px;font-size:16px;height:30px;line-height:28px}
.btn.medium a
	{height:28px}
.btn.large *
	{padding:0 18px;font-size:22px;height:36px;line-height:34px}
.btn.large a
	{height:34px}