@charset "utf-8";

/* SelectBox */
.kdUISelect { visibility:hidden; padding-right:0px; height:21px; line-height:21px; font-family:"dotum" , "Malgun Gothic"; font-size:12px; vertical-align:top; }
	.kdUISelect.original { position:absolute; left:-9999px; }
	.kdUISelect.selectBox { visibility:visible; display:inline-block; width:100%; position:relative; z-index:1; cursor:pointer; }
	.kdUISelect.selectBox .selection { padding-right:0px; display:inline-block; position:absolute; overflow:hidden; text-indent:8px; border:1px solid #dadada; background:#ffffff url("../images/ui/selectbox/arrow_a.gif") no-repeat right top; }
	.kdUISelect.selectBox .optionContainer { margin-top:1px; position:absolute; width:100% !important; overflow:hidden;  border:1px solid #cccccc; background: #ffffff; box-shadow:4px 4px 10px rgba(0,0,0,0.1); }
	.kdUISelect.selectBox .optionScrollView { overflow:hidden; height:135px; }
	.kdUISelect.selectBox .optionGroup { padding:0;  margin:0; overflow:hidden; line-height:27px; width:100%; color:#888888; font-size:11px; }
	.kdUISelect.selectBox .optionGroup .option { margin-top:1px; text-indent:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.kdUISelect.selectBox .optionGroup .option:hover { color:#ffffff; background-color:#9c9ea0; }
	.kdUISelect.selectBox .optionGroup .option.selected { color:#f97b0b; background-color:#f5f5f5; }
	.kdUISelect.selectBox.open { z-index:2; }
	.kdUISelect.selectBox.open .selection { color:#777777; border:1px solid #dadada; }
	.kdUISelect.selectBox.open .optionContainer { display:block !important; border-top:none; }
	.kdUISelect.selectBox.disabled { cursor:auto; }
	.kdUISelect.selectBox.disabled .selection { color:#999999; background-color:#f5f5f5; }

/* SelectBox typeB */
.kdUISelect.typeB { height:25px; line-height:25px; }
.kdUISelect.typeB.selectBox .selection  { background-image:url("../images/ui/selectbox/arrow_b.gif"); }
.kdUISelect.typeB.selectBox .optionGroup .option.selected { color:#50b5c7; background-color:#f5f5f5; }

/* SelectBox typeC */
.kdUISelect.typeC { height:25px; line-height:25px; }
.kdUISelect.typeC.selectBox .selection  { background-image:url("../images/ui/selectbox/arrow_c.gif"); }

/* ScrollView */
.kdUIScrollView { width:100%; height:318px; overflow:hidden; border:1px solid #dadada; }
.kdUIScrollContent {}

/* CheckBox */
.kdUICheckWrap {}
.kdUICheckWrap label { margin-left:-10px; padding-left:10px; font-size:11px; vertical-align:bottom; }
.kdUICheck { visibility:hidden; }
	.kdUICheck.original { position:absolute; left:-99999px; }
	.kdUICheck.checkBtn { visibility:visible; display:inline-block; vertical-align:middle; width:16px; height:15px; cursor:pointer; }
	.kdUICheck.checkBtn .checkBox { display:inline-block; width:16px; height:15px; background:#ffffff url("../images/ui/checkbox/normal.gif") no-repeat; }
	.kdUICheck.checkBtn .checkBox.checked { background-image:url("../images/ui/checkbox/checked.gif"); }
	.kdUICheck.checkBtn.disabled .checkBox { background-image:url("../images/ui/checkbox/disabled.gif"); }
	.kdUICheck.checkBtn.disabled .checkBox.checked { background-image:url("../images/ui/checkbox/disabled_checked.gif"); }

/* kdUIRadioWrap */
.kdUIRadioWrap {}
.kdUIRadioWrap label { display:inline-block; margin-left:-10px; padding-left:10px; font-size:11px; line-height:11px; vertical-align:middle; }
.kdUIRadioGroup { visibility:hidden; }
	.kdUIRadioGroup.original { position:absolute; left:-9000px; }
	.kdUIRadioGroup.radioBtn { visibility:visible; display:inline-block; vertical-align:bottom; width:16px; height:16px; cursor:pointer; }
	.kdUIRadioGroup.radioBtn .radio { display:inline-block; width:16px; height:16px; background:#ffffff url("../images/ui/radiobutton/normal.gif") no-repeat; }
	.kdUIRadioGroup.radioBtn .radio.checked { background-image:url("../images/ui/radiobutton/checked.gif"); }
	.kdUIRadioGroup.radioBtn.disabled .radio { background-image:url("../images/ui/radiobutton/disabled.gif"); }
	.kdUIRadioGroup.radioBtn.disabled .radio.checked { background-image:url("../images/ui/radiobutton/disabled_checked.gif"); }

/* ScrollView with experCSS */
.exUIKit_scrollView { position:absolute; top:0; right:0; width:16px; cursor:pointer; background-color:#f5f5f5; }
	.exUIKit_scrollView.needless { display:none; }
	.exUIKit_scrollView.disable { display:none; }
	.exUIKit_scrollView .uiBar { position:absolute; width:15px; border:1px solid #dadada; border-right:none; background-color:#ffffff; }
	.exUIKit_scrollView.activate {}
	.exUIKit_scrollView.activate .uiBar { }
	.exUIKit_scrollView:hover { background-color:#eeeeee; }
	.exUIKit_scrollView:hover .uiBar { }
	.exUIKit_scrollView .uiArrow { position:absolute; top:0; left:0; width:16px; height:16px; background:url("../images/ui/scrollview/arrow.gif") no-repeat; }
	.exUIKit_scrollView .uiArrow.up { background-position:0 -1px; }
	.exUIKit_scrollView .uiArrow.down { top:auto; bottom:0; background-position:0 -17px; }
	.exUIKit_scrollView .uiArrow.up:hover { background-position:-17px -1px; }
	.exUIKit_scrollView .uiArrow.down:hover { background-position:-17px -17px; }

/* EXLayerDOM with experCSS */
.exUIKit_layerDom_body { position:relative; z-index:1010; }
	.exUIKit_layerDom_body .append {}
	.exUIKit_layerDom_body .remove { display:none; width:0px; height:0px; overflow:hidden; }
.exUIKit_layerDom_layer { position:fixed; top:0; left:0; width:100%; height:100%; }
	.exUIKit_layerDom_layer .dim { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000000; }
	.exUIKit_layerDom_layer .container { position:absolute; top:0; left:0; overflow:hidden; }
	.exUIKit_layerDom_layer .container .content { visibility:hidden; }
	.exUIKit_layerDom_layer .container .closeBtn { position:absolute; bottom:0px; right:0px; width:80px; height:32px; visibility:hidden; cursor:pointer; background:url("../images/common/btn/popup_close.png") no-repeat 7px 12px; }
	.exUIKit_layerDom_layer .container .closeBtn:hover {  }
	.exUIKit_layerDom_layer .container .progress { position:absolute; top:50%; left:50%; margin:-18px 0 0 -18px; width:36px; height:36px; border-radius:5px; background:#222222 url("../images/common/btn/progress_loading.gif") no-repeat 50% 50%; }
	.exUIKit_layerDom_layer .container .framei { margin:0; padding:0; width:100%; height:100%; border:none; }



/* 경동 스타일 팝업 */
.kdPopup { display:none; position: absolute; z-index:999; left:290px; top:300px; width:710px; }
	.kdPopup .popup_tit01{float:left;margin-top:18px;padding-left:38px;}
	.kdPopup .popup_tit02{font-weight:bold;font-size:15px;padding-bottom:16px;}
	.kdPopup .popup_top{background-color:#736d67;width:710px;height:57px;}
	.kdPopup .popup_container{ padding:29px 0 0 35px; width:669px; border-left:3px solid #736d67; border-right:3px solid #736d67; background-color:#ffffff; }
	.kdPopup .pop-up_subtit{padding-bottom:20px;}
	.kdPopup .pop-up_btn_close{float:right;padding-top:23px;padding-right:38px;}
	.kdPopup .popup_pht{float:left;border:1px solid #dadada;width:197px;height:146px;}
	.kdPopup .popup_phtxtArea dl {line-height:1.75em;}
	.kdPopup .popup_phtxtArea dl dt{float:left;background: url("/images/popup/popup_bul.gif") no-repeat 1px 50%; padding-left:8px;padding-right:10px;width:60px;font-weight:bold;font-size:11px;}
	.kdPopup .popup_phtxtArea:after{content:''; display:block; clear:both;}
	.kdPopup .popup_content01{border-bottom:1px solid #e4e4e4;width:635px;padding-bottom:38px;}
	.kdPopup .popup_content02{padding-top:35px;padding-bottom:70px;width:627px;}
	.kdPopup .popup_txtArea{float:left;padding-left:30px;width:406px;padding-top:5px;}
	.kdPopup .popup_other{text-indent:78px;}
	.kdPopup .popup_other02{text-indent:78px;}
	.kdPopup .popup_other03{text-indent:78px;}
	.kdPopup .popup_other04{text-indent:78px; letter-spacing:-0.5px;}
	.kdPopup .popup_content02 .txt01{padding-bottom:15px;}
	.kdPopup .popup_content02 .txt03{padding-top:15px;}
	.kdPopup .popup_content02 p{line-height:1.7em;}
	.kdPopup .pupup_btm{float:left; background-color:#736d67; width:710px;height:3px;}



/*! jQuery UI - v1.9.2 - 2012-12-01
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index:1000 !important; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/* DatePicker Custom */
.ui-datepicker th { padding:13px 0 2px 0; border-bottom:1px solid #dddddd; font-weight:normal; color:#777777; }
.ui-datepicker.ui-corner-all { padding:23px; border:3px solid #a29f9b; border-radius:0; }
.ui-datepicker.ui-widget-content { background:#ffffff; }
.ui-datepicker .ui-datepicker-header { border:none; background:none; }

.ui-datepicker table { font-size:1em; }
.ui-datepicker table tbody { margin-top:3px; }
.ui-datepicker td a { padding:3px 0 2px 0; }
.ui-datepicker-title { line-height:12px; color:#888888; font-weight:bold; }
.ui-datepicker .ui-datepicker-header { padding:0; }
.ui-datepicker .ui-datepicker-prev { cursor:pointer; top:1px; left:0px; width:17px; height:17px; background:url("../images/ui/datepicker/arrow.gif") no-repeat; }
.ui-datepicker .ui-datepicker-prev-hover { top:1px; border:none; }
.ui-datepicker .ui-datepicker-next { cursor:pointer; top:1px; right:0px; width:17px; height:17px; background:url("../images/ui/datepicker/arrow.gif") no-repeat 0 -17px; }
.ui-datepicker .ui-datepicker-next-hover { top:1px; border:none; }

.ui-datepicker-calendar { line-height:1.2em; }
.ui-datepicker-calendar .ui-state-default { background:none !important; font-weight:normal; text-align:center; }
.ui-datepicker-calendar .ui-state-default { padding:0.2em 0;  border:1px solid #ffffff; color:#888888; }
.ui-datepicker-calendar .ui-state-default.ui-state-highlight { color:#ffffff !important; border-color:#f97b0b !important; background-color:#f97b0b !important; }
.ui-datepicker-calendar .ui-state-default:hover { border:1px solid #f97b0b; }
.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default { color:#fb8e1a; }
.ui-datepicker-calendar .ui-datepicker-week-end:last-child a { color:#888888; }

.ui-datepicker .ui-datepicker-title select { margin-top:-1px; height:20px; line-height:20px; }
.ui-datepicker select.ui-datepicker-month { margin-right:5px; width:50px; } 
.ui-datepicker select.ui-datepicker-year { width:60px; }