@charset 'UTF-8';
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html{*overflow:hidden;height:100%;}
body{*overflow:hidden;height:100%;min-height:100%;width:100%;font-size:12px; font-family:"Nanum Gothic",; margin:0 auto;}

* {
	margin:0;
    padding:0;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* Base */
*{font-style:normal;font-family:"Nanum Gothic";}
body{line-height:1.5;color:#333333;}
table,pre{font-size:1em;}
table{border-collapse:collapse;}
a{text-decoration:none;}
a:link,a:visited{cursor:pointer;}
img{border:0;}
hr{display:none;}
em{color:#e00;}
pre{white-space:pre-wrap;word-wrap:break-word;}

ul, ol, dl, li, dt, dd {list-style: none; margin:0; padding:0;}
li img{vertical-align:top;}
.clear,.brclear{display:block;clear:both;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
.blind{position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;filter:alpha(opacity=0);opacity:0;}
form, fieldset, button {border:none; margin:0; padding:0;}
caption { width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}

/* 간격, 폰트 */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt55{margin-top:55px}
.mt60{margin-top:60px}
.mt65{margin-top:65px}
.mt70{margin-top:70px}
.ml2{margin-left:2px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}

.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px;}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr35{margin-right:35px}
.mr40{margin-right:40px}
.mr45{margin-right:45px}
.mr50{margin-right:50px}
.mr55{margin-right:55px}
.mr60{margin-right:60px}
.mr65{margin-right:65px}
.mr70{margin-right:70px}

/* 정렬 */
.taC{text-align:center}
.taR{text-align:right}
.taL{text-align:left;}
.fl{float:left;}
.fr{float:right;}
.clr {clear:both;}

/* Padding */
.no_pad  { padding:0px !important; }
.no_vpad { padding-top:0px !important; padding-bottom:0px !important; }
.no_hpad { padding-left:0px !important; padding-right:0px !important; }
/* form */
input, select {font-size:12px;height:20px;vertical-align:middle;border:1px solid #bfbfbf;margin:0;padding:0;}
textarea {font-size:12px;}
input[type='checkbox'],
input[type='radio'] {width:15px; height:20px; border:0px solid #bfbfbf;display: inline-block;margin-right:0px; margin-left:7px;}
input[type='button'],
input[type='submit'] { padding-left:5px; padding-right:5px; }
td.s_label {color:#027ebe;}

.input1_text    { border:1px solid #D3D3D3; text-align:left  ; }
.input1_date    { border:1px solid #1E90FF; text-align:center; width:80px; }
.input1_num     { border:1px solid #9ACD32; text-align:right ; }
.mandatory      { background-color:#FFFFEE; }

/* Search Option */
.so_label3            { width:98px; vertical-align:middle; display:inline-block; color:#027EBE; }
label.so_label3       { padding-left:3px; }

.so_input3            { }

.input_date_option,
.input_month_option         { border:1px solid #1E90FF; text-align:center; width:70px; }
.input_keyword_option       { width:195px; }
.input_keyword_option_multi { width:170px; }
.input_status_option        { width:100px; }
.input_code_option          { width:100px; }
.input_user_option          { width:100px; }
.input_lov_option           { width:170px; }
.input_lov_option_multi     { width:145px; }
.input_lov_option_code      { width:45px;  }
.input_lov_option_display   { width:100px; }
.input_check_option         { margin-left:7px; }
.input_radio_option         { margin-left:7px; }
.input_hidden               {color:#999999 !important; background:#efefef !important;}

/* input */
.td_label           { color:#333333; background:#f0f8fa; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-right: 20px; width:18%; height:27px; text-align:right; }
.td_label0          { color:#333333; background:#f0f8fa; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-right: 20px; height:27px; text-align:right; }
.td_label2          { color:#333333; background:#f0f8fa; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-right: 20px; width:9%; height:27px; text-align:right; }
.td_label3          { color:#333333; background:#f0f8fa; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-right: 20px; width:9%; height:27px; text-align:right; }
.td_input           { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; width:32%; height:27px; }
.td_input0          { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; height:27px; }
.td_input1          { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; width:18%; height:27px; }
.td_input2          { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; width:16%; height:27px; }
.td_input3          { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; width:82%; height:27px; }

.td_grid_entry_btn  { text-align:right; padding-top:5px; height:25px; }
.td_grid_entry      { vertical-align:text-top; text-align:center; padding:5px 0px 5px 0px; height:200px; }

/* group */
.groupfix       { float:left; font-size:12px; font-weight:bold; color:#000000; text-align:left; padding-top:5px; padding-left:20px; line-height:160%; height:28px; background:url(../images/v3/entry/icon_grouptitle_fix.gif) no-repeat 0px 60%; }
.groupopen      { float:left; font-size:12px; font-weight:bold; color:#000000; text-align:left; padding-top:5px; padding-left:20px; line-height:160%; height:28px; background:url(../images/v3/entry/icon_grouptitle_open.gif) no-repeat 0px 60%; }
.groupclose     { float:left; font-size:12px; font-weight:bold; color:#000000; text-align:left; padding-top:5px; padding-left:20px;line-height:160%; height:28px; background:url(../images/v3/entry/icon_grouptitle_close.gif) no-repeat 0px 60%; }
.groupgridopen  {float:left;font-size:12px; font-weight:bold; color:#000000; text-align:left; padding-top:5px; padding-left:20px; line-height:160%; height:28px; background:url(../images/v3/entry/icon_grouptitle_open.gif) no-repeat 0px 60%; margin-top:10px; }
.groupgridclose { float:left; font-size:12px; font-weight:bold; color:#000000; text-align:left; padding-top:5px; padding-left:20px;line-height:160%; height:28px; background:url(../images/v3/entry/icon_grouptitle_close.gif) no-repeat 0px 60%; margin-top:10px; }
.groupmore      { font-size:10px; font-weight:normal; color:#A4A4A4; padding-left:5px; }

/* Tab */
.tabbg00 {/*background-attachment: fixed;*/background-image: url(../images/tab/tab_bg_line.gif); background-repeat: repeat-x;background-position: left bottom;font-size: 9pt;font-weight: bold;color: #333333;padding-top: 3px;}
.tabbg01 {/*background-attachment: fixed;*/background-image: url(../images/tab/tab_top01.gif);   background-repeat: repeat-x;background-position: left bottom;font-size: 9pt;font-weight: bold;color: #666666;padding-top: 3px; font-weight:bold; }
.tabbg02 {/*background-attachment: fixed;*/background-image: url(../images/tab/tab_top03.gif);   background-repeat: repeat-x;background-position: left bottom;font-size: 9pt;font-weight: bold;color: #333333;padding-top: 3px;}
.div_tab {/*display:none;*/}

#table_tab       { width:100%; }
#table_tab_title { padding:10px 0px 0px 0px;margin-bottom:10px;border-bottom:1px solid #5cb0e8;box-shadow: 0 1px 0 #dbdbdb;width:100%; }
#table_tab_title td {height:29px;}
.td_tab_on       { margin-top:10px; height:25px; text-align:center; border-top:1px solid #cccccc; border-right:1px solid #cccccc; border-left:1px solid #cccccc; font-size:12px; font-weight:bold; color:#000000; }
.td_tab_on  td   { padding:0px 30px 0px 30px; background:url(../images/tab/new/tab_bg.gif) 0px 55%; }
.td_tab_off      { margin-top:10px; height:25px; text-align:center; border-top:1px solid #e3e2e2; border-right:1px solid #e3e2e2; border-left:1px solid #e3e2e2; font-size:12px; font-weight:normal; color:#888888; }
.td_tab_off td   { padding:0px 30px 0px 30px; }

.table_tab_grid   { width:100%; border:solid 1px #E3E3E3; }
.td_tab_grid_btn  { text-align:right; padding:10px 10px 0px 10px; height:30px; }
.td_tab_grid      { vertical-align:text-top; text-align:center; padding:10px 15px 10px 15px; height:360px; }


/* Layout css */

/*
	IE7에서 min-height값은 header,footer높이를 뺀값 대입
	position:relative는 IE외 브라우져에 min값을 넣을수 있도록 하기위함
*/
#Wrap{position:relative;height:100%;min-width:300px;min-height:100px;margin:0px;background:#f4f4f4;}
#Header{position:absolute;*position:static;top:0;width:100%;height:56px;display:inline;padding-left:223px;padding-right:13px;}
/*
	header,footer의 높이를 top,bottom 에 삽입
	height:auto 는 IE외 브라우져에선 절대위치로 크기를 잡아야해서
*/
#Container{position:absolute;*position:static;top:56px;bottom:12px;width:100%;height:auto;*height:100%;display:inline-block;padding:10px 15px 0 15px;}
#Container:after {
content : "";
display : block;
clear : both;
}
#Container_entry {
display : block;
width:100%;height:100%;*height:100%;padding:5px 15px 15px 15px;background:#ffffff;
}
#Container_entry:after {
content : "";
display : block;
height : 0;
clear : both;
}
#Footer{position:absolute;*position:static;bottom:0;width:100%;height:10px;padding:0 15px;}
#Nav{overflow:hidden;position:relative;float:left;width:188px;margin-right:2px;height:100%;_margin-right:-3px;
background:#fff url(../images/v3/box-c3.png) left bottom no-repeat;}
.left_hidden {width:20px;float:left;margin-left:-2px;position:relative;left:0px;top:40px;}

.todolist_btn {float:left; display:block; text-align:right; padding-top:7px;height:23px;}
.todolist_btn img {vertical-align:top;}
/*
	세로 스크롤 필요할시 overflow-y:auto 추가
*/
#Content{
overflow:hidden;
position:relative;
height:100%;
border: 1px solid #568ebd;
padding:0px 15px 5px 15px;
text-align: left;-webkit-border-radius: 4px;-moz-border-radius: 4px;
border-radius: 4px;-webkit-box-shadow: #bcbcbc 1px 1px 1px;-moz-box-shadow: #bcbcbc 1px 1px 1px;
box-shadow: #bcbcbc 1px 1px 1px;behavior: url(../css/pie/PIE.htc);
zoom:1;
background-image: url(../images/v3/content_bgline.gif);/* ie8 안보이는 현상 해결 */
background-repeat: repeat-x;
background-position: left 30px;
background-color: #ffffff ;
width:auto;
}
.bgline { background:#ffffff url(../images/v3/content_bgline.gif)left 0px repeat-x; }

#Content:after {
content : "";
display : block;
height : 0;
clear : both;
}

#Content_entry {
margin:0;
width:100%;
background:#ffffff;
height:100%;
display : block;
float:left;

}

#Content_main {overflow:hidden;overflow-y:scroll;position:relative;height:100%;
border: 1px solid #568ebd;padding:15px 15px 45px 15px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: #bcbcbc 1px 2px 1px;-moz-box-shadow: #bcbcbc 1px 2px 1px;box-shadow: #bcbcbc 1px 2px 1px;background:#ffffff;behavior: url(../css/pie/PIE.htc);
zoom:1;background:#ffffff;}

#Content_entry .title_area .grid_header_btn { padding-top:5px; }

.content_body {display:inline-block;width:100%;z-index:30px;padding:5px 0px 0px 0px;}
.content_body .ContentFooter {position:relative;float:left;display:inline;font-family:"Arial";font-size: 11px;overflow:hidden;z-index:30;width:100%;padding:0px;margin-top:3px;}
.content_body .ContentFooter .div_total  {position:relative;float:left;display:inline;overflow:hidden;z-index:30;width:100%;margin-bottom:5px;background-color:#EEEEEE;height:25px;}
.content_body .ContentFooter .div_total div {float:left;font-family:"Arial";color:#666666;font-size:11px;font-weight:bold;padding:4px 0px 0px 10px;}
.content_body .ContentFooter .div_total div font {color:red;}
/*.content_body .ContentFooter .div_paging {padding-top:3px;}*/
.grid_n1 {float:left;width:100%;height:100%;}

.grid_v1 .gridarea { float:left; width:100%; position:relative; height:200px !important; }
.grid_v2 { float:left; width:100%; height:100%; padding-top:10px; }
.grid_v1 .row {border:none;float:left;position:relative;width:50%;}
.grid_v1 .row .subnav {padding-left:0px;}
.grid_v1 .grid_header_btn {position:relative;right:0;bottom:0;float:right;text-align:right;display:inline;width:auto;}
.grid_v1 .grid_header_btn .row_btn {float:left;margin-right:3px;cursor:pointer;}

.grid_h1 { float:left; width:50%; height:100%; }
.grid_h2 { float:left; width:50%; height:100%; padding-left:20px; }

.grid_r1 { float:left; width:100%; padding-top:10px; }
.grid_r2 { float:left; width:100%; }
.grid_release_btn { width:100%; text-align:center; padding:5px 0px 5px 0px; }


.grid_btn_position .grid_header_btn{float:left;left:413px;}

.title_area {float:left;display:inline-block;width:100%;height:30px;}
.searchoption_area {float:left;display:inline-block;width:100%;padding-top:12px;}
.searchoption_area:after {
content : "";
display : block;
height : 0;
clear : both;
}


.searchoptionall {position:relative;float:left;width:100%;display:block;padding:3px 0px 0px 0px;}
/*
	ADD
	레이아웃과 관련없는 CSS
*/
#ContentHeader{overflow:hidden;overflow-y:auto;position:relative;z-index:20;padding:5px;width:100%;height:auto;
border: 1px solid #558dbc;margin-bottom:8px;padding:10px 10px 10px 10px;text-align: center;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: #568ebd 0px 1px 0px;-moz-box-shadow: #568ebd 0px 1px 0px;box-shadow: #568ebd 0px 1px 0px;background:#fafafa;behavior: url(../css/pie/PIE.htc);
zoom:1}


.gridarea {float:left;width:100%;height:100%;}

#calendar_div_layout { z-index:99; }

.lookup         { cursor:pointer }
.calendar       { cursor:pointer }

/*
	상단 메뉴 CSS
*/

.toplogo {position:absolute;left:15px;bottom:3px;display:block;width:210px;height:auto;}
.toplogo h1 {margin:0;padding:0;}
.toplogo h1 img {vertical-align:bottom;}

.topbtn  {float:right;display:block;width:100%;height:24px;text-align:right;}

.topbtn ul.loginbar {
	margin: 0;
	padding: 0;
	z-index: 50;
	position: relative;
	display:inline;
}

.topbtn ul.loginbar > li {
	display: inline;
	list-style: none;
	padding-bottom: 15px;
}

.topbtn ul.loginbar > li > a,
.topbtn ul.loginbar > li > a:hover {
	color: #7c8082;
	font-size: 11px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}

.topbtn ul.loginbar li.devider {
	top: -1px;
	padding: 0;
	font-size: 8px;
	position: relative;
	margin: 0 9px 0 5px;
	font-family: Tahoma;
	border-right: solid 1px #bbb;
}

.topbtn ul.loginbar li i.icon-globe {
	color: #bbb;
}



.topmenu {float:left;display:block;width:100%;background:;}



/* UI Object */
/* Menu Common */
.menu{overflow:visible;position:relative;font-size:12px;line-height:normal;white-space:nowrap;*zoom:1}
.menu:after{display:block;clear:both;content:""}
.menu .inset{overflow:visible;padding-left:5px;position:relative;z-index:2;background-image:url(../images/v3/bg_bar.png);background-repeat:repeat-x;_background-image:none;*zoom:1}
.menu .inset:after{display:block;clear:both;content:""}
.menu ul{float:left;margin:0px 0px;padding:0;list-style:none}
.menu ul:after{display:block;clear:both;content:""}
.menu li{float:left;position:relative;z-index:1}
.menu a{float:left;position:relative;margin-bottom:0px;padding:7px 0 8px 0;*padding:7px 0 8px 0;text-decoration:none !important;cursor:pointer}
.menu a span{height:22px;padding:0 15px;font-weight:bold;color:#fff;vertical-align:top}
.menu .gradient{display:none;_display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:32px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_bar.png', sizingMethod='scale')}
.menu .shadow{overflow:hidden;position:absolute;left:0;bottom:-3px;z-index:1;width:100%;height:0;margin:1px -1px;border-top:0;font-size:0;line-height:0}
/* Menu Major */
.menu .major{float:left;position:relative;z-index:2;padding-left:10px;}
.menu .major a{overflow:hidden;line-height:140%;}
.menu .major span{border-left:1px solid;border-right:1px solid;_zoom:1}
/* Menu Hover */
.menu .major ul{overflow:hidden;min-width:530px;height:31px;}
.menu .major li.active a:hover {padding-left:1px;padding-right:1px;background-image:url(../images/v3/bg_bar_active_hover.png);_background-image:none;}
.menu .major li.active a:hover span {color:#c3fbff;}
.menu .major li.active{z-index:2;margin:0 0px;_margin:0;_border:0}
.menu .major li a:hover,
.menu .major li a:active,
.menu .major li a:focus{padding-left:0px;padding-right:1px;background-image:url(../images/v3/bg_bar_hover.png);_background-image:none}
.menu .major li.active a{padding-left:1px;padding-right:1px;background-image:url(../images/v3/bg_bar_active_hover.png);_background-image:none}
/* Menu Active */
.mc_purple .major li:first-child span
{
border-left:1px solid transparent;border-right:1px solid transparent;
}

.menu .major.m0 .m0 a,
.menu .major.m1 .m1 a,
.menu .major.m2 .m2 a,
.menu .major.m3 .m3 a,
.menu .major.m4 .m4 a,
.menu .major.m5 .m5 a,
.menu .major.m6 .m6 a,
.menu .major.m7 .m7 a,
.menu .major.m8 .m8 a,
.menu .major.m9 .m9 a,
.menu .major.m10 .m10 a,
.menu .major.m11 .m11 a,
.menu .major.m12 .m12 a{padding-left:1px;padding-right:1px;background:url(../images/v3/bg_bar_active.png) repeat-x;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_bar_active.png', sizingMethod='scale')}
.menu .major.m1 .m1 span,
.menu .major.m2 .m2 span,
.menu .major.m3 .m3 span,
.menu .major.m4 .m4 span,
.menu .major.m5 .m5 span,
.menu .major.m6 .m6 span,
.menu .major.m7 .m7 span,
.menu .major.m8 .m8 span,
.menu .major.m9 .m9 span,
.menu .major.m10 .m10 span,
.menu .major.m11 .m11 span,
.menu .major.m12 .m12 span,
.menu .major.m13 .m13 span,
.menu .major.m14 .m14 span,
.menu .major.m15 .m15 span,
.menu .major li.active span{border:0}

/* Menu Aside */
.menu .aside{float:right;position:relative;z-index:2;background:url(http://html.nhncorp.com/data/ui_library/src/pattern/gnb/jcm/img/bg_bar_end.png);_background:none}
.menu .aside ul{padding-left:5px;padding-right:10px;}
.menu .aside a{padding-left:10px;*padding-top:7px;opacity:.7}
.menu .aside a:hover,
.menu .aside a:active,
.menu .aside a:focus{opacity:1}
.menu .aside span{padding:0 12px 0 18px;font-weight:normal;line-height:130%;*color:#eee;*zoom:1}
.menu .aside a:hover span,
.menu .aside a:active span,
.menu .aside a:focus span{*color:#fff}
.menu .aside li span{display:inline-block;height:17px}
.menu .aside .m1 span{background:url(http://html.nhncorp.com/data/ui_library/src/pattern/gnb/jcm/img/ico_history.png) no-repeat 0 center;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ico_history.png', sizingMethod='crop')}
.menu .aside .m2 span{background:url(http://html.nhncorp.com/data/ui_library/src/pattern/gnb/jcm/img/ico_setup.png) no-repeat 0 center;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ico_setup.png', sizingMethod='crop')}

/* Menu Color Variation */
/* Menu Purple */
.mc_purple{border-color:#983499;border-bottom-color:#682368}
.mc_purple .inset{border-color:#b65eb7;border-bottom-color:#89388a;background-color:#6eaed4}
.mc_purple .major span{border-left-color:#8bbbd8;border-right-color:#4090c3}
.mc_purple .major.m0 .m0,
.mc_purple .major.m1 .m1,
.mc_purple .major.m2 .m2,
.mc_purple .major.m3 .m3,
.mc_purple .major.m4 .m4,
.mc_purple .major.m5 .m5,
.mc_purple .major.m6 .m6,
.mc_purple .major.m7 .m7,
.mc_purple .major.m8 .m8,
.mc_purple .major.m9 .m9,
.mc_purple .major.m10 .m10,
.mc_purple .major.m11 .m11,
.mc_purple .major.m12 .m12,
.mc_purple .major.m13 .m13,
.mc_purple .major.m14 .m14,
.mc_purple .major.m15 .m15,
.mc_purple .major li.active{border-color:#4090c3}

/* Content 영역 CSS */
.row {float:left;width:70%;text-align:left;display:inline-block;height:30px;background:#fff;margin-bottom:12px;}
.row .subNav {padding-top:5px;padding-left:0px;}
.row .subNav span.currentPage{ display:inline-block; padding:0 0 0 2px; font-weight:bold;color:#2a5c99;}
.row .subNav span {display:inline-block; color:#a5a5a5;}
.row .subNav img{vertical-align:middle; }
.row .subNav span img{vertical-align:middle;padding-bottom:2px; }

.box_type01 {width:100%;}
.box_type01 td {padding-top:2px;padding-bottom:2px;text-align:left;}


.btn { display:block; position:relative; background:#aaa;line-height:14px; padding:3px; color:#fff; text-decoration:none; cursor:pointer; }
.btn a:link:hover,.btn a:link:active,.btn a:link:focus,
.btn a:visited:hover,.btn a:visited:active,.btn a:visited:focus{}
.btn * { font-style:normal; background-image: url(../images/v3/btn2.png); background-repeat:no-repeat; display:inline-block; position:relative; }
.btn i { background-position:top left; position: absolute; margin-bottom: -3px;  top: 0; left: 0; width: 3px; height:3px; }
.btn span { background-position:bottom left; left:-3px; padding: 1px 2px 2px 8px; margin-bottom: -3px; }
.btn span i { background-position:bottom right; margin-bottom:0; position:absolute;left:100%; width: 6px; height:100%; top:0; }
.btn span span { background-position:top right; position:absolute; right:-6px; margin-left:6px; top:-3px; height:0; }
.btn span img {background:none;}

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #5ab4ff;font-weight:bold;height:20px;}
.btn.green { background: #50c491;height:20px;}
.btn.white { background: #fff;color:#6b727a;height:20px;}
.btn:hover { background-color: #339bf1; }
.btn:active { background-color: #339bf1; }
.btn.green:hover { background-color: #0fa965; }
.btn.green:active { background-color: #0fa965; }
.btn.white:hover { background-color: #f4f4f4; }
.btn.white:active { background-color: #f4f4f4; }
.btn[class] {  background-image: url(../images/v3/shade.png); background-position: bottom; background-repeat: repeat-x;}

.btn.disable { background: #CCCCCC; }
.btn.disable:hover { background-color: #CCCCCC; }
.btn.disable:active { background-color: #CCCCCC; }



* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #3fbb86; }
* html .btn.white { border-color: #fff; }
* html .btn:hover { border-color: #a00; }


.search_btn { float:right;display:inline-block;width:100%;text-align:right;min-height:20px;padding-top:5px; }

.s_option_toggle { position:absolute;z-index:40;bottom:7px;left:50%;line-height:1.0; }
.btn_minimize {position:absolute;width:100%;}

.grid_control_btn { position:relative;float:left; }
.grid_control_btn .row_btn {float:left;margin-right:3px;cursor:pointer;}
.grid_header_btn  { position:relative;float:right; }

.icon_btn { margin-right:4px; vertical-align:top; }

/*
	페이지영역 CSS
*/

.showtype {float:left;position:relative;height:20px;text-align:left;display:inline;width:auto;color:#696969;}
.showtype span {float:left;line-height:20px;display:inline-block;padding-right:7px;}
.showtype select {line-height:20px;height:20px;}
.showtype select,.showtype option {font-family:"arial";font-size:11px;}
.paging {float:left;display:block;line-height:20px;height:20px;padding-left:15px;color:#696969;}
.paging strong {color:#F00;}
.paging input {height:20px !important;line-height:160%;vertical-align:top;}
.grid_icon_btn {float:right;display:inline-block;width:auto;margin-left:40px;height:20px;overflow:hidden;vertical-align:middle;}
.grid_icon_btn h3{display:none;}
.grid_icon_btn ul{float:right;}
.grid_icon_btn li{float:left;padding:0 0 0 1px;background:url(../images/v3/fn1msep.gif) no-repeat 0 50%;}
.grid_icon_btn li.none {float:left;padding:0 0 0 1px;background:none;}
.grid_icon_btn li a{float:left;padding:3px 10px 2px 10px;color:#666 !important;white-space:nowrap;}


.pagination {
	float:center;
	margin:0 auto;
	min-width:100px;
	text-align:center;
    padding: 0px;
	display:block;
}

.pagenum {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    font-size: 12px;
    font-weight: normal;
	font-family:"tahoma";
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.pagenum.active {
    border: none;
    background: #616161;
    color: #f0f0f0;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #fefefe;
    font-weight: bold;
	font-size: 11px;
    text-decoration: none;
    color: #2279af;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover {
    background: #e9e9e9;
  }

#modal {

    border: 1px solid #b0b0b0;
    box-shadow: 0 1px 5px #b0b0b0;
    border-radius: 5px;
    font-family: verdana;
    margin-top: 25px;
    overflow: hidden;
	behavior: url(../css/pie/PIE.htc);
  }
  .w60 {width:60%;}
  .w400 {width:400px;}

#modal .box_header {
background:#fefefe url(../images/v3/panel_headerbg.png) repeat-x left 100%;
box-shadow: 0 1px 2px #b0b0b0;
padding: 5px;
}
#modal h1 {
padding: 0;
margin: 0;
font-size: 14px;
font-weight: normal;
text-shadow: 0 1px 2px white;
color: #396ca5;
line-height:17px;
text-align: center;
}
#modal .box_section {
padding: 10px 30px;
font-size: 12px;
line-height: 175%;
color: #333;
}




/* fucntion */
.dropdown {
	position: absolute;
	z-index: 40;
}

.dropdown .dropdown-menu {
	width: 180px;
	max-width: 360px;
	list-style: none;
	background: #FFF;
	border: solid 2px #44b382;
	border: solid 2px rgba(68, 179, 130, .9);/* border값 변경140616*/
	border-radius: 3px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: visible;
	padding: 4px 0;
	margin-right: 15px;
}

.dropdown.dropdown-tip {
	margin-top: 25px;
	margin-left: -5px;
}

.dropdown.dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #44b382;
  border-bottom-color: rgba(85, 185, 141, 0.9);/*color 변경140616*/
  display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:before {
	left: auto;
	right: 24px;
}

.dropdown.dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:after {
	left: auto;
	right: 25px;
}


.dropdown.dropdown-scroll .dropdown-menu {
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}

.dropdown .dropdown-menu LI {
	list-style: none;
	padding: 0 0;
	margin: 0;
	line-height: 18px;
    text-align: left;

}

.dropdown .dropdown-menu LI > A {
	display: block;
	color: #555;
	text-decoration: none;
	line-height: 18px;
	padding: 3px 15px;
	white-space: nowrap;
	background:url(../images/v3/bu_dot.png) 4px 50% no-repeat;
}

.dropdown .dropdown-menu LI > A:hover {
	background-color: #08C;
	color: #FFF;
	cursor: pointer;
}

.dropdown .dropdown-menu .dropdown-divider {
	font-size: 1px;
	border-top: solid 1px #E5E5E5;
	padding: 0;
	margin: 5px 0;
}



.entry_back       {float:left;display:block; width:100%;height:auto; padding:0;margin-bottom:10px;}
.entry_back:after {
content : "";
display : block;
height : 0;
clear : both;
}
.entry_grouptable { border:2px solid #c1d7f5; width:100%;margin-bottom:5px;float:left; }
.entry_back .row {border:none;float:left;position:relative;width:50%;}
.entry_back .row .subnav {padding-left:0px;}
.entry_back .grid_header_btn {position:relative;right:0;bottom:0;float:right;text-align:right;display:inline;padding-top:5px;width:auto;}
.entry_back .grid_header_btn .row_btn {float:left;margin-right:3px;cursor:pointer;}
.entry_back .bar_btn {float:left;padding-left:2px;color:#c1d7f5;font-size:12px;}
.entry_back table {float:left;}

/**/
.tab_button
{
  overflow: hidden;
  display:inline;
  float:left;
  margin-right:2px;
  margin-top:5px;
}
.tab_button:after
{
  clear:both;
  display:block;
}

.tab_button a
{
  float: left;
  font: bold 1em/23px 'Arial', dotum, Helvetica;
  height: 24px;
  text-decoration: none;
  color: #333333;
  padding: 0 0 0 15px;
}

.tab_button a:hover
{
  text-decoration:none;
  color: #ffffff;
}

.tab_button a span
{
  display: block;
  padding: 0 15px 0 0;
}

.tab_button a,
.tab_button a:hover,
.tab_button a:active,
.tab_button a span,
.tab_button a:hover span,
.tab_button a:active span
{
  background: white url("../images/v3/entry/tab_button_bg.gif") no-repeat;
}

.tab_button a:hover
{
  background-position: left -60px;
}

.tab_button a:active
{
  background-position: left -60px;
}

.tab_button a span
{
  background-position: right top;
}

.tab_button a:hover span
{
  background-position: right -60px;
}

.tab_button a:active span
{
  background-position: right -60px;
}

.tab_button .active {color: #ffffff;background-position: left -30px;}
.tab_button .active:hover {color: #ffffff;background-position: left -60px;}
.tab_button .active span {background-position: right -30px;}
.tab_button .active:hover span {background-position: right -60px;}



/* ==========================================================================
   menu scroll
   ========================================================================== */
.txt-img-block-right,
.txt-img-block{
	position:relative;
	display:block;
	float:left;
	margin:0 0 0 10px;
}

.first{
	margin:0;
}

.img-holder{
	float:left;
}



/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft{
	width:30px;
	height:31px;

	position: absolute;
	z-index: 100;
	left:0;
	cursor:pointer;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible{
	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	background:#021f31;
}
div.scrollingHotSpotLeftVisible .arrow{
	width:30px;
	height:31px;
	margin:0px 0 0 0px;

	background:url(../images/v3/arrow-left.png) center center no-repeat;
}
* html div.scrollingHotSpotLeftVisible .arrow{
	background:none;
	filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/v3/arrow-left.png', sizingmethod='crop');
}
/* Invisible right hotspot */
div.scrollingHotSpotRight{
	width:30px;
	height:31px;
	position: absolute;
	z-index: 200;
	right: 2px;
	cursor:pointer;
}
* html div.scrollingHotSpotRight{
	right:-1px;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible{
	text-align:center;
}
div.scrollingHotSpotRightVisible .arrow{
	width:30px;
	height:31px;
	margin:0;
	background:url(../images/v3/arrow-right.png) right center no-repeat;
}
* html div.scrollingHotSpotRightVisible .arrow{
	background:none;
	filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/v3/arrow-right.png', sizingmethod='crop');
}
div.scrollWrapper{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 31px;
}

div.scrollableArea{
	position: relative;
	width: auto;
	height: 100%;
}
#makeMeScrollable{
	position: relative;
	padding-right:40px;
}

/* 테두리없는 텍스트 */
.input_none	{
	background-color:#FFFFFF;
	border-right:0px solid;
	border-top:0px solid;
	border-left:0px solid;
	border-bottom:0px solid;
	height: 19px;
}

.grayscale { filter: gray; /* IE6-9 */
			 -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ }

.wrap{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: inline-block; }
/* ---------------------- ENDE -------------------------*/
input[readonly] {
    /*styling info here*/
    border:1px solid #dfdfdf; background:#efefef !important;
}