/**********************************************************
 * jqxWidgets CSS sgmenu theme
 * Date   : 2014-09-22
 * Description : MainMenu theme (sgmenu)
 *********************************************************/
.jqx-widget-sgmenu {
	font-family: "굴림",Gulim;
	font-size: 12px;
	border-color: #8e8e97; 
	background-color: #f7f7f7;
}
.jqx-widget-content-sgmenu {
	font-family: "굴림",Gulim;
	font-size: 12px;
	color: #222222;
	border-color: #8e8e97; 
	background-color: #f7f7f7;
}
.jqx-widget-header-sgmenu {
	color: #333333;
	border-color: #8e8e97; 
	text-shadow:none;
	background-color: #ffffff;
	background:#ffffff url(images/sgmenu/bg-menu-header.gif) 50% 50% repeat-x;	
}
.jqx-fill-state-normal-sgmenu { 
	color: #222222;
	border-color: #8e8e97; text-shadow: none;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #efeff1 1%, #ededf0 4%, #d2d2d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(1%,#efeff1), color-stop(4%,#ededf0), color-stop(100%,#d2d2d8));
	background: -webkit-linear-gradient(top, #ffffff 0%,#efeff1 1%,#ededf0 4%,#d2d2d8 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#efeff1 1%,#ededf0 4%,#d2d2d8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#efeff1 1%,#ededf0 4%,#d2d2d8 100%);
	background: linear-gradient(top, #ffffff 0%,#efeff1 1%,#ededf0 4%,#d2d2d8 100%);

	background-image: -moz-linear-gradient(top, #ffffff, #d2d2d8);
	background-image: -ms-linear-gradient(top, #ffffff, #d2d2d8);
	background-image: -o-linear-gradient(top, #ffffff, #d2d2d8);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d2d2d8));
	background-image: -webkit-linear-gradient(top, #ffffff, #d2d2d8);
	background-image: linear-gradient(top, #ffffff, #d2d2d8);
	background-image: linear-gradient(to bottom, #ffffff, #d2d2d8);
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
}
.jqx-fill-state-hover-sgmenu {
	color: #FFFFFF;
	background: #cacdd5;
	background: -moz-linear-gradient(top, #cacdd5 0%, #a3a7b4 93%, #a6aab7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacdd5), color-stop(93%,#a3a7b4), color-stop(100%,#a6aab7));
	background: -webkit-linear-gradient(top, #cacdd5 0%,#a3a7b4 93%,#a6aab7 100%);
	background: -o-linear-gradient(top, #cacdd5 0%,#a3a7b4 93%,#a6aab7 100%);
	background: -ms-linear-gradient(top, #cacdd5 0%,#a3a7b4 93%,#a6aab7 100%);
	background: linear-gradient(top, #cacdd5 0%,#a3a7b4 93%,#a6aab7 100%);

	border-color: #004A73;
	background-color: #2F7097;
	background-image: -moz-linear-gradient(top, #2F7097, #2F7097);
	background-image: -ms-linear-gradient(top, #2F7097, #2F7097);
	background-image: -o-linear-gradient(top, #2F7097, #2F7097);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#2F7097), to(#2F7097));
	background-image: -webkit-linear-gradient(top, #2F7097, #2F7097);
	background-image: linear-gradient(top, #2F7097, #2F7097);
	background-image: linear-gradient(to bottom, #2F7097, #2F7097);
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
}
.jqx-fill-state-pressed-sgmenu {
	background: #058cf5;
	background: -moz-linear-gradient(top, #058cf5 0%, #0385f3 19%, #0167e9 72%, #015de6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#058cf5), color-stop(19%,#0385f3), color-stop(72%,#0167e9), color-stop(100%,#015de6));
	background: -webkit-linear-gradient(top, #058cf5 0%,#0385f3 19%,#0167e9 72%,#015de6 100%);
	background: -o-linear-gradient(top, #058cf5 0%,#0385f3 19%,#0167e9 72%,#015de6 100%);
	background: -ms-linear-gradient(top, #058cf5 0%,#0385f3 19%,#0167e9 72%,#015de6 100%);
	background: linear-gradient(top, #058cf5 0%,#0385f3 19%,#0167e9 72%,#015de6 100%); border-color:#014ab8; 
	color:white; text-shadow:0 1px 0 #555; border-image:initial;

	color: #FFFFFF;
	border-color: #004A73;
	background-color: #004A73;
	background-image: -moz-linear-gradient(top, #004A73, #004A73);
	background-image: -ms-linear-gradient(top, #004A73, #004A73);
	background-image: -o-linear-gradient(top, #004A73, #004A73);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#004A73), to(#004A73));
	background-image: -webkit-linear-gradient(top, #004A73, #004A73);
	background-image: linear-gradient(top, #004A73, #004A73);
	background-image: linear-gradient(to bottom, #004A73, #004A73);
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
}
.jqx-fill-state-focus-sgmenu { border-color: #555; }
.jqx-fill-state-normal-sgmenu, .jqx-fill-state-pressed-sgmenu, .jqx-fill-state-hover-sgmenu {
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15);
    -moz-box-shadow   : 0 2px 3px rgba(0,0,0,.15);
    -o-box-shadow     : 0 2px 3px rgba(0,0,0,.15);
    box-shadow        : 0 2px 3px rgba(0,0,0,.15);
}
.jqx-menu-item-arrow-right-selected-sgmenu{background-image:url(images/icon-right-white.png); background-position:100% 50%; background-repeat:no-repeat}
.jqx-menu-item-arrow-down-selected-sgmenu{background-image:url(images/icon-down-white.png); background-position:100% 50%; background-repeat:no-repeat}
.jqx-menu-item-arrow-up-selected-sgmenu{background-image:url(images/icon-up-white.png);background-position:100% 50%; background-repeat:no-repeat}
.jqx-menu-item-arrow-left-selected-sgmenu{background-image:url(images/icon-left-white.png); background-position:0 50%; background-repeat:no-repeat}
.jqx-menu-vertical-sgmenu{ background:#d2d2d8; filter: none;}



/**********************************************************
 * jqxWidgets CSS sgmenu theme
 * Date   : 2016-06-10
 * Description : MainMenu theme (sgmenu2)
 *********************************************************/
.jqx-widget-sgmenu2 {
	font-size: 12px;
	border-color: transparent; /*#8e8e97;*/ 
	background-color: transparent; /*#f7f7f7;*/
}
.jqx-widget-sgmenu2 ul {
	/*padding-top: 0px;*/
	padding-bottom: 0px;
}
.jqx-widget-content-sgmenu2 {
	font-size: 12px;
	color: #ffffff; /*#222222;*/
	border-color: transparent; /*#8e8e97;*/ 
	background-color: transparent; /*#f7f7f7;*/
}
.jqx-widget-header-sgmenu2 {
	color: #ffffff; /*#333333;*/
	border-color: transparent; /*#8e8e97;*/ 
	text-shadow:none;
	background-color: transparent; /*#f7f7f7;*/
/*	background-color: #ffffff;
	background:#ffffff url(images/sgmenu/bg-menu-header.gif) 50% 50% repeat-x; */	
}

.jqx-menu-item-top-sgmenu2 {
	font-weight: bold;
	color: #ffffff; /*#333333;*/
	border-color: transparent; /*#8e8e97;*/ 
	text-shadow:none;
	background-color: transparent; /*#f7f7f7;*/
/*	border-right: 1px #ff0000 solid;*/
/*	background-color: #ffffff;
	background:#ffffff url(images/sgmenu/bg-menu-header.gif) 50% 50% repeat-x; */	
}
.jqx-menu-item-top-sgmenu2 li {
}
.jqx-fill-state-normal-sgmenu2 { 
	color: #222222;
	border-color: #8e8e97; text-shadow: none;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #efeff1 1%, #ededf0 4%, #d2d2d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(1%,#efeff1), color-stop(4%,#ededf0), color-stop(100%,#d2d2d8));
	background: -webkit-linear-gradient(top, #ffffff 0%,#efeff1 1%,#ededf0 4%,#d2d2d8 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#efeff1 1%,#ededf0 4%,#d2d2d8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#efeff1 1%,#ededf0 4%,#d2d2d8 100%);
	background: linear-gradient(top, #ffffff 0%,#efeff1 1%,#ededf0 4%,#d2d2d8 100%);

	background-image: -moz-linear-gradient(top, #ffffff, #d2d2d8);
	background-image: -ms-linear-gradient(top, #ffffff, #d2d2d8);
	background-image: -o-linear-gradient(top, #ffffff, #d2d2d8);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d2d2d8));
	background-image: -webkit-linear-gradient(top, #ffffff, #d2d2d8);
	background-image: linear-gradient(top, #ffffff, #d2d2d8);
	background-image: linear-gradient(to bottom, #ffffff, #d2d2d8);
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
}
.jqx-fill-state-hover-sgmenu2 {
	color: #FFFFFF;
	background: #003f7a;
	border-radius:1px; 
	/*
	background: -moz-linear-gradient(top, #cacdd5 0%, #a3a7b4 93%, #a6aab7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacdd5), color-stop(93%,#a3a7b4), color-stop(100%,#a6aab7));
	background: -webkit-linear-gradient(top, #cacdd5 0%,#a3a7b4 93%,#a6aab7 100%);
	background: -o-linear-gradient(top, #cacdd5 0%,#a3a7b4 93%,#a6aab7 100%);
	background: -ms-linear-gradient(top, #cacdd5 0%,#a3a7b4 93%,#a6aab7 100%);
	background: linear-gradient(top, #cacdd5 0%,#a3a7b4 93%,#a6aab7 100%);

	border-color: #004A73;
	background-color: #2F7097;
	background-image: -moz-linear-gradient(top, #2F7097, #2F7097);
	background-image: -ms-linear-gradient(top, #2F7097, #2F7097);
	background-image: -o-linear-gradient(top, #2F7097, #2F7097);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#2F7097), to(#2F7097));
	background-image: -webkit-linear-gradient(top, #2F7097, #2F7097);
	background-image: linear-gradient(top, #2F7097, #2F7097);
	background-image: linear-gradient(to bottom, #2F7097, #2F7097);
	*/
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
}
.jqx-fill-state-pressed-sgmenu2 {
	background: #477fdc;
	border-radius:1px;
	/* 
	background: -moz-linear-gradient(top, #058cf5 0%, #0385f3 19%, #0167e9 72%, #015de6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#058cf5), color-stop(19%,#0385f3), color-stop(72%,#0167e9), color-stop(100%,#015de6));
	background: -webkit-linear-gradient(top, #058cf5 0%,#0385f3 19%,#0167e9 72%,#015de6 100%);
	background: -o-linear-gradient(top, #058cf5 0%,#0385f3 19%,#0167e9 72%,#015de6 100%);
	background: -ms-linear-gradient(top, #058cf5 0%,#0385f3 19%,#0167e9 72%,#015de6 100%);
	background: linear-gradient(top, #058cf5 0%,#0385f3 19%,#0167e9 72%,#015de6 100%); border-color:#014ab8; 
	color:white; text-shadow:0 1px 0 #555; border-image:initial;

	color: #FFFFFF;
	border-color: #004A73;
	background-color: #004A73;
	background-image: -moz-linear-gradient(top, #004A73, #004A73);
	background-image: -ms-linear-gradient(top, #004A73, #004A73);
	background-image: -o-linear-gradient(top, #004A73, #004A73);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#004A73), to(#004A73));
	background-image: -webkit-linear-gradient(top, #004A73, #004A73);
	background-image: linear-gradient(top, #004A73, #004A73);
	background-image: linear-gradient(to bottom, #004A73, #004A73);
	*/
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
}
.jqx-fill-state-focus-sgmenu2 { border-color: #555; }
.jqx-fill-state-normal-sgmenu2, .jqx-fill-state-pressed-sgmenu2, .jqx-fill-state-hover-sgmenu2 {
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15);
    -moz-box-shadow   : 0 2px 3px rgba(0,0,0,.15);
    -o-box-shadow     : 0 2px 3px rgba(0,0,0,.15);
    box-shadow        : 0 2px 3px rgba(0,0,0,.15);
}
.jqx-menu-item-arrow-right-selected-sgmenu2{background-image:url(images/icon-right-white.png); background-position:100% 50%; background-repeat:no-repeat}
.jqx-menu-item-arrow-down-selected-sgmenu2{background-image:url(images/icon-down-white.png); background-position:100% 50%; background-repeat:no-repeat}
.jqx-menu-item-arrow-up-selected-sgmenu2{background-image:url(images/icon-up-white.png);background-position:100% 50%; background-repeat:no-repeat}
.jqx-menu-item-arrow-left-selected-sgmenu2{background-image:url(images/icon-left-white.png); background-position:0 50%; background-repeat:no-repeat}
.jqx-menu-vertical-sgmenu2{ background:#d2d2d8; filter: none;}





/**********************************************************
 * jqxWidgets CSS sg left menu tree theme
 * Date   : 2016-06-10
 * Description : MainMenu theme (sglnbtree)
 *********************************************************/
.jqx-widget-sglnbtree {
	font-size: 12px;
	color: #222222;
}
.jqx-rc-all-sglnbtree {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}
.jqx-tree-sglnbtree {
}
.jqx-tree-item-sglnbtree {
	font-size: 12px;
	color: #222222;
	border:1px transparent solid;
	padding-top: 1px;
	padding-bottom: 1px;
	
	word-wrap: break-word; /* IE 5.5+ */
	white-space: pre-wrap; /* CSS-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-break:break-all;
}
.jqx-tree-item-sglnbtree img {
	/* vertical-align: baseline !important; */
}
.jqx-widget-content-sglnbtree {
	background-color: #f6f6f6;
	word-wrap: break-word; /* IE 5.5+ */
	white-space: pre-wrap; /* CSS-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-break:break-all;
}
.jqx-tree-dropdown-root-sglnbtree {
	padding-right: 5px;
	/*padding-left: 2px;*/
	
}
.jqx-tree-item-li-sglnbtree {
	word-wrap: break-word; /* IE 5.5+ */
	white-space: pre-wrap; /* CSS-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-break:break-all;
}
.jqx-tree-item-arrow-collapse-sglnbtree {
	background: url(images/sglnb/folder-close.png) no-repeat;	
}
.jqx-tree-item-arrow-expand-sglnbtree {
	background: url(images/sglnb/folder-open.png) no-repeat;
}
.jqx-tree-dropdown-sglnbtree {
	padding-left: 0px;
}
.jqx-tree-item-hover-sglnbtree,
.jqx-fill-state-hover-sglnbtree {
	/*border:1px transparent solid;*/
	background-color: transparent;
	text-decoration: underline;
}
.jqx-tree-item-selected-sglnbtree, 
.jqx-fill-state-pressed-sglnbtree {
	border:1px #e5e5e5 solid;
	background-color: #e5e5e5;
	/*color: #4494cd;*/
}
/* Scrollbar */
.jqx-scrollbar-thumb-state-normal-sglnbtree             {background-color: #FFFFFF;}
.jqx-scrollbar-thumb-state-normal-horizontal-sglnbtree  {background-color: #FFFFFF;  -moz-background-clip: padding;  background-clip: padding-box;  -webkit-background-clip: padding-box;}
.jqx-scrollbar-thumb-state-hover-sglnbtree              {background-color: #D0D0D0;  border-color: #999999;}
.jqx-scrollbar-thumb-state-hover-horizontal-sglnbtree   {background-color: #D0D0D0;  border-color: #999999;  -moz-background-clip: padding;  background-clip: padding-box;  -webkit-background-clip: padding-box;}
.jqx-scrollbar-thumb-state-pressed-sglnbtree            {background-color: #F0F0F0;  border-color: #999999;}
.jqx-scrollbar-thumb-state-pressed-horizontal-sglnbtree {background-color: #F0F0F0;  border-color: #999999;  -moz-background-clip: padding;  background-clip: padding-box;  -webkit-background-clip: padding-box;}
.jqx-scrollbar-button-state-normal-sglnbtree            {background-color: #FFFFFF;  -moz-background-clip: padding;  background-clip: padding-box;  -webkit-background-clip: padding-box;}
.jqx-scrollbar-button-state-hover-sglnbtree             {background-color: #FFFFFF;  border-color: #777777;  -moz-background-clip: padding;  background-clip: padding-box;  -webkit-background-clip: padding-box;}
.jqx-scrollbar-button-state-pressed-sglnbtree           {background-color: #FFFFFF;  border-color: #999999;  -moz-background-clip: padding;  background-clip: padding-box;  -webkit-background-clip: padding-box;}
/* End Scrollbar */

/* 메뉴 스타일 */
#sg-nav-accordian		   		{ background:#FFFFFF; width:100%; height:calc(100% - 50px); }
#sg-nav-accordian h3 	   		{ color:#000000; font-size:9pt; line-height:20px; cursor:pointer; background:#FFFFFF; border-bottom:1px solid #EFEFF0; }
#sg-nav-accordian h3 div   		{ display:inline-block; vertical-align:middle; }
#sg-nav-accordian h3 span  		{ font-size:9pt; }
#sg-nav-accordian h3:hover 		{ cursor:pointer; background:#EDEDED; }
/* 서브메뉴 스타일 */
#sg-nav-accordian ul ul li 						  { text-decoration:none; color:#000000; background:#FFFFFF; font-size:9pt; display:block; cursor:pointer; height:18px; white-space: nowrap;}
#sg-nav-accordian ul ul li:first-child div:before { content: url('/images/join.gif'); }
#sg-nav-accordian ul ul li:last-child div:before  { content: url('/images/joinbottom.gif'); }
#sg-nav-accordian ul ul li div:before			  { content: url('/images/join.gif'); }
#sg-nav-accordian ul ul li div   				  { display:inline-block; vertical-align:middle; margin-top:1px; }
#sg-nav-accordian ul ul li span  				  { font-size:9pt; }
#sg-nav-accordian ul ul li:hover 				  { color:#000000; cursor:pointer; background:#EAEAEA; }
/* active 클래스 외에 것은 보이지 않게 하기 */
#sg-nav-accordian ul ul 	   { display:none;  }
#sg-nav-accordian li.active ul { display:block; }


/* 메뉴 스타일 */
#sg-nav-accordian2		    { background:#FFFFFF; width:100%; height:calc(100% - 50px); }
#sg-nav-accordian2 h3 	    { color:#000000; font-size:9pt; line-height:20px; cursor:pointer; background:#FFFFFF; border-bottom:1px solid #EFEFF0; }
#sg-nav-accordian2 h3 div   { display:inline-block; vertical-align:middle; }
#sg-nav-accordian2 h3 span  { font-size:9pt; }
#sg-nav-accordian2 h3:hover { cursor:pointer; background:#EDEDED; }
/* 서브메뉴 스타일 */
#sg-nav-accordian2 ul li 						{ text-decoration:none; color:#000000; background:#FFFFFF; font-size:9pt; display:block; cursor:pointer; height:18px; }
#sg-nav-accordian2 ul li:first-child div:before { content: url('/images/jointop.gif'); }
#sg-nav-accordian2 ul li:last-child div:before  { content: url('/images/joinbottom.gif'); }
#sg-nav-accordian2 ul li div:before			  	{ content: url('/images/join.gif'); }
#sg-nav-accordian2 ul li div   				  	{ display:inline-block; vertical-align:middle; margin-top:1px; }
#sg-nav-accordian2 ul li span  				  	{ font-size:9pt; }
#sg-nav-accordian2 ul li:hover 				  	{ color:#000000; cursor:pointer; background:#EAEAEA; }
/* active 클래스 외에 것은 보이지 않게 하기 */
#sg-nav-accordian2 ul ul   		{ display:none;  }
#sg-nav-accordian2 li.active ul { display:block; }