/* basic */

body 			{margin:0px; padding:0px; border:0px solid #242424; width: 100%;   text-align:left; 

font-family:arial; font-size:9pt; font-style: normal; color:#888888; line-height:5em;
background-color:#fff;
}

html { overflow-x:hidden; overflow-y:scroll; }


/* font-basic */
a:link 		{color:#757575; text-decoration:none; font-size:9pt;}
a:active 	{color:#757575; text-decoration:none;font-size:9pt;}
a:visited {color:#757575; text-decoration:none; font-size:9pt;}
a:hover 	{color:#000000; text-decoration:underline; font-size:9pt; }

TD {FONT-SIZE: 9pt;  LINE-HEIGHT: 17px; COLOR: #4D4D4D; FONT-FAMILY: Dotum,µ¸¿ò,gulim;}

/* ÃʱâÈ­*/
/*hr,h1,h2,h3,h4,h5,h6 {position: absolute; top: -50em;left: -200em;}
form, fieldset, thead, tbody{list-style:none; margin:0px;   border:0px none;}
hr,span{margin:0px;  vertical-align:middle;}
input,textarea,select{font-family:dotum; margin:0px; vertical-align:middle;}*/
img {border:0px none; margin:0px;  padding:0px; vertical-align:middle;}
div,ul,ol,li,tr,td 			{font-family:dotum; list-style:none; margin:0px;  }  

/* ¼Ó¼º¾ø¾Ö±â*/
#clear   			{clear:both;} 

/* »ó´ÜÀ¸·Î	*/
.top	  				{text-align:right; padding:10px 0 10px 0; clear:both;}


.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}


/* ÀÔ·ÂÇʵåÀÇ Ä®¶óÈ°¼ºÈ­	*/
input:hover, 
input:focus, 
textarea:hover, 
textarea:focus, 
select:hover {background-color:#dadada;}

/* »çÀÌÆ®Á¤·Ä */
#menu  						{position:absolute; left:0px; top:0px; width:100%; z-index:11; 
background-image:url(/gs_images/menu_bg.jpg); background-repeat:repeat-x; background-position: left top;
}

#main_img  				{position:absolute; left:0px; top:77px; width:100%; z-index:10;
background-image:url(/gs_images/main_img_bg.jpg); background-repeat:repeat-x; background-position: left top;
}
#sec_img  				{position:absolute; left:0px; top:77px; width:100%; z-index:10;
background-image:url(/gs_images/sec_img_bg.jpg); background-repeat:repeat-x; background-position: left top;
}
#child_img  			{position:absolute; left:0px; top:77px; width:100%; z-index:10;
background-image:url(/gs_images/child_img_bg.jpg); background-repeat:repeat-x; background-position: left top;
}
#sec_title  			{position:absolute; left:0px; top:77px; width:100%; z-index:11;}
#child_title  		{position:absolute; left:0px; top:77px; width:100%; z-index:11;}

#main_mid 			{position:absolute;	left:0px; top:567px; width:100%; z-index:10;
background-image:url(/gs_images/main_mid_bg.gif); background-repeat:repeat-x; background-position: left top;
}

#main_login 		{position:absolute; left:0px; top:106px; width:100%; z-index:17;}
#sec_login	 		{position:absolute; left:0px; top:106px; width:100%; z-index:17;}
#child_login	 	{position:absolute; left:0px; top:106px; width:100%; z-index:17;}

#main_vod 			{position:absolute;	left:0px; top:132px; width:100%; z-index:14;}

#main_body 			{position:absolute;	left:0px; top:604px; width:100%; z-index:9; background-color:#ffffff;
background-image:url(/gs_images/bot_bg.jpg); background-repeat:repeat-x; background-position: left bottom;
}
#sec_body 			{position:absolute;	left:0px; top:77px; width:100%; z-index:9; background-color:#ffffff;
background-image:url(/gs_images/bot_bg.jpg); background-repeat:repeat-x; background-position: left bottom;
}
#child_body 		{position:absolute;	left:0px; top:77px; width:100%; z-index:9; background-color:#ffffff;
background-image:url(/gs_images/bot_bg.jpg); background-repeat:repeat-x; background-position: left bottom;
}

#quick {position:absolute; float:left; padding:0 0 0 8px;}



/* Á¦Ç°_¹Ú½º¶óÀÎ */
.p_box	{border:1px solid #d9ddde;}

/* work_¹Ú½º Åؽº */
.box_txt_l	{border:5px solid #e7e8e8; padding:10px; text-align:left; letter-spacing:-1px; background-color:#ffffff;}

.main_bg{  
   border-width:0px;
   border-style:solid;
   border-color:blue;
   padding:0px;
   margin:0px;
   background-color:white;
   background-image:url(../images/mainimg_bg.jpg);
   background-repeat:no-repeat;
      //no-repeat, repeat-x, repeat-y, inherit 
   background-position:top ;
    } 
	
.sub_bg{  
   border-width:0px;
   border-style:solid;
   border-color:blue;
   padding:0px;
   margin:0px;
   background-color:white;
   background-image:url(../images/subimg_bg.jpg);
   background-repeat:no-repeat;
      //no-repeat, repeat-x, repeat-y, inherit 
   background-position:top ;
    } 

.sub{  
   border-width:0px;
   border-style:solid;
   border-color:blue;
   padding:0px;
   margin:0px;
   background-color:white;
   background-image:url(../images/sub_bg.jpg);
   background-repeat:repeat-x;
      //no-repeat, repeat-x, repeat-y, inherit 
   background-position:top ;
    } 
	
.main{  
   border-width:0px;
   border-style:solid;
   border-color:blue;
   padding:0px;
   margin:0px;
   background-color:white;
   background-image:url(../images/main_bg.jpg);
   background-repeat:repeat-x;
      //no-repeat, repeat-x, repeat-y, inherit 
   background-position:top ;
    } 

/* ¾à°ü */ 
div.use_txt1 {float:left; margin:0px; padding:15px; background-color:#fcfcfc;}
div.use_txt1 ul li.color_txt { margin:0px;  padding:20px; background-color:#fafafa; border:5px solid #eaeaea; clear:both;
color:#606060; font-weight:normal; line-height:17pt;}

div.use_txt1 ul li.total_txt { margin:0px;  padding:5px 0px 10px 0px; background-color:#; clear:both;
color:#000000; font-weight:bold; line-height:17pt;}

div.use_txt1 ul li.icon_txt  { text-align:left; background-image:url(/gs_images/icon_point_02.gif); background-repeat:no-repeat; background-position: left center;
margin:0px; padding:10px 0px 5px 10px; clear:both;
color:#505050; font-weight:bold; line-height:17pt; letter-spacing:-1px; border:0px solid #000000;
}
div.use_txt1 ul li.icon_txt_01  { text-align:left; clear:both;
margin:0px; padding:0px 0px 10px 10px;
color:#696969; font-weight:normal; line-height:17pt; letter-spacing:-1px; border:0px solid #000000;
}
div.use_txt1 ul li.icon_txt_02  { text-align:left; clear:both; 
margin:0px; padding:0px 0px 10px 20px;
color:#696969; font-weight:normal; line-height:17pt; letter-spacing:-1px; border:0px solid #000000;
}
 
/*ÅؽºÆ®*/
.main_login								{font-size:8pt; font-weight:normal; text-decoration:none; color:#333333; text-align:left; letter-spacing:-1px;}
.main_login a:link 				{font-size:8pt; font-weight:normal; text-decoration:none; color:#333333;}
.main_login a:visited 		{font-size:8pt; font-weight:normal; text-decoration:none; color:#333333;}
.main_login a:hover  			{font-size:8pt; font-weight:normal; text-decoration:underline; color:#333333;}

.sec_login								{font-size:8pt; font-weight:normal; text-decoration:none; color:#333333; text-align:left; letter-spacing:-1px;}
.sec_login a:link 				{font-size:8pt; font-weight:normal; text-decoration:none; color:#333333;}
.sec_login a:visited 			{font-size:8pt; font-weight:normal; text-decoration:none; color:#333333;}
.sec_login a:hover  			{font-size:8pt; font-weight:normal; text-decoration:underline; color:#333333;}

.child_login								{font-size:8pt; font-weight:normal; text-decoration:none; color:#333333; text-align:left; letter-spacing:-1px;}
.child_login a:link 				{font-size:8pt; font-weight:normal; text-decoration:none; color:#333333;}
.child_login a:visited 			{font-size:8pt; font-weight:normal; text-decoration:none; color:#333333;}
.child_login a:hover  			{font-size:8pt; font-weight:normal; text-decoration:underline; color:#333333;}

.font_sm									{font-size:8pt; font-weight:normal; text-decoration:none; color:#899599; text-align:left; letter-spacing:-1px;}
.font_sm a:link 					{font-size:8pt; font-weight:normal; text-decoration:none; color:#899599;}
.font_sm a:visited 				{font-size:8pt; font-weight:normal; text-decoration:none; color:#899599;}
.font_sm a:hover  				{font-size:8pt; font-weight:normal; text-decoration:underline; color:#3975a8;}

.font_sm_c								{font-size:8pt; font-weight:normal; text-decoration:none; color:#899599; letter-spacing:-1px; line-height:1.3em;}
.font_sm_c a:link 				{font-size:8pt; font-weight:normal; text-decoration:none; color:#899599;}
.font_sm_c a:visited 			{font-size:8pt; font-weight:normal; text-decoration:none; color:#899599;}
.font_sm_c a:hover  			{font-size:8pt; font-weight:normal; text-decoration:underline; color:#3975a8;}

.font_sm_bg 							{font-size:8pt; font-weight:normal; text-decoration:none; color:#000000; text-align:left; letter-spacing:-1px; background-color:#f1f1f1;}
.font_sm_bg a:link 				{font-size:8pt; font-weight:normal; text-decoration:none; color:#000000;}
.font_sm_bg a:visited			{font-size:8pt; font-weight:normal; text-decoration:none; color:#000000;}
.font_sm_bg a:hover   		{font-size:8pt; font-weight:normal; text-decoration:underline; color:#000000;}

.font_sm_black 						{font-size:8pt; font-weight:normal; text-decoration:none; color:#000000; text-align:left; letter-spacing:-1px;}
.font_sm_black a:link 		{font-size:8pt; font-weight:normal; text-decoration:none; color:#000000;}
.font_sm_black a:visited 	{font-size:8pt; font-weight:normal; text-decoration:none; color:#000000;}
.font_sm_black a:hover  	{font-size:8pt; font-weight:normal; text-decoration:underline; color:#000000;}

.font_comm_main 					{font-size:8pt; font-weight:normal; text-decoration:none; color:#757575; text-align:left; letter-spacing:-1px;}
.font_comm_main a:link 		{font-size:8pt; font-weight:normal; text-decoration:none; color:#757575;}
.font_comm_main a:visited	{font-size:8pt; font-weight:normal; text-decoration:none; color:#757575;}
.font_comm_main a:hover  	{font-size:8pt; font-weight:normal; text-decoration:underline; color:#a0a0a0;}

.font_sm_b 								{font-size:8pt; font-weight:bold; text-decoration:none; color:#000000; text-align:left; letter-spacing:-2px;}
.font_sm_b a:link 				{font-size:8pt; font-weight:bold; text-decoration:none; color:#000000;}
.font_sm_b a:visited 			{font-size:8pt; font-weight:bold; text-decoration:none; color:#000000;}
.font_sm_b a:hover  			{font-size:8pt; font-weight:bold; text-decoration:underline; color:#000000;}
 
.font_sm_b_c							{font-size:8pt; font-weight:bold; text-decoration:none; color:#000000; text-align:center; letter-spacing:-2px;}
.font_sm_b_c a:link 			{font-size:8pt; font-weight:bold; text-decoration:none; color:#000000;}
.font_sm_b_c a:visited 		{font-size:8pt; font-weight:bold; text-decoration:none; color:#000000;}
.font_sm_b_c a:hover  		{font-size:8pt; font-weight:bold; text-decoration:underline; color:#000000;}

.font_b 									{font-weight:bold; text-decoration:none; color:#000000; text-align:left; letter-spacing:-1px;}
.font_b a:link 						{font-weight:bold; text-decoration:none; color:#000000;}
.font_b a:visited 				{font-weight:bold; text-decoration:none; color:#000000;}
.font_b a:hover  					{font-weight:bold; text-decoration:underline; color:#000000;}

.font_orange_b 				{font-weight:bold; text-decoration:none; color:#f56016; letter-spacing:-1px;}
.font_orange_b a:link 		{font-weight:bold; text-decoration:none; color:#f56016;}
.font_orange_b a:visited 	{font-weight:bold; text-decoration:none; color:#f56016;}
.font_orange_b a:hover  	{font-weight:bold; text-decoration:none; color:#f56016;}

.font_black 							{font-weight:normal; text-decoration:none; color:#000000; text-align:left;}
.font_black a:link 				{font-weight:normal; text-decoration:none; color:#000000;}
.font_black a:visited			{font-weight:normal; text-decoration:none; color:#000000;}
.font_black a:hover  		  {font-weight:normal; text-decoration:underline; color:#000000;}

.font_black_c 							{font-weight:normal; text-decoration:none; color:#000000;}
.font_black_c a:link 				{font-weight:normal; text-decoration:none; color:#000000;}
.font_black_c a:visited			{font-weight:normal; text-decoration:none; color:#000000;}
.font_black_c a:hover  		  {font-weight:normal; text-decoration:underline; color:#000000;}
 
.txt_scentece 			{padding:5px; text-align:center; 
font-family: 'µ¸¿ò'; font-size: 18pt; font-weight:bold; font-style: normal; line-height:33pt; 
color:#2B8CC0; letter-spacing:-3px; 
}

.font_oneday							{font-size:8pt; font-weight:normal; text-decoration:none; color:#656565; text-align:left; letter-spacing:-1px;}
.font_oneday a:link 			{font-size:8pt; font-weight:normal; text-decoration:none; color:#656565;}
.font_oneday a:visited 		{font-size:8pt; font-weight:normal; text-decoration:none; color:#656565;}
.font_oneday a:hover  		{font-size:8pt; font-weight:normal; text-decoration:underline; color:#000000;}

.font_event								{font-size:8pt; font-weight:normal; text-decoration:none; color:#656565; text-align:left; letter-spacing:-1px;}
.font_event a:link 				{font-size:8pt; font-weight:normal; text-decoration:none; color:#656565;}
.font_event a:visited 		{font-size:8pt; font-weight:normal; text-decoration:none; color:#656565;}
.font_event a:hover  			{font-size:8pt; font-weight:normal; text-decoration:underline; color:#000000;}


.font_drama_eng						{font-family:Georgia; font-size:14pt; font-weight:bolder; text-decoration:none; color:#000000; text-align:left; letter-spacing:-1px; padding-bottom:5px;}
.font_drama_kor						{font-family:dotum; font-size:13pt; font-weight:bolder; text-decoration:none; color:#ffffff; text-align:left; letter-spacing:-2px; padding-bottom:10px;}
.font_express_kor					{font-family:dotum; font-size:23pt; font-weight:bolder; line-height:27px; text-decoration:none; color:#000000; text-align:left; letter-spacing:-5px; padding-bottom:10px;}
.font_express_kor1				{font-family:dotum; font-size:11pt; font-weight:bolder; line-height:23px; text-decoration:none; color:#ffffff; text-align:left; letter-spacing:-1px; padding:10px;}
 

/* ¼·¸Þ´º  */ 
.submenu_1st {height:30px; letter-spacing:-1px; 
font-family: 'µ¸¿ò', 'µ¸¿òü'; font-weight:bold; font-style:normal; color:#808080; text-align:left; padding:0 0 0 28px;
}
.submenu_1st a:link {
font-family: 'µ¸¿ò', 'µ¸¿òü'; font-weight:bold; font-style:normal; text-decoration:none; color:#808080; 
}  
.submenu_1st a:visited {
font-family: 'µ¸¿ò', 'µ¸¿òü'; font-weight:bold; font-style:normal; text-decoration:none; color:#808080; 
} 
.submenu_1st a:hover {
font-family: 'µ¸¿ò', 'µ¸¿òü'; font-weight:bold; font-style:normal; text-decoration:none; color:#000000; 
}
 
.submenu_1st_on {height:30px; letter-spacing:-1px;
font-family: 'µ¸¿ò', 'µ¸¿òü'; font-weight:bold; font-style:normal; text-decoration:none; color:#000000; text-align:left; padding:0 0 0 28px;
background-image:url(/gs_images/sebmenu_mover.gif); background-repeat:no-repeat; background-position: left center;
}
.submenu_1st_on a:link { 
font-family: 'µ¸¿ò', 'µ¸¿òü'; font-weight:bold; font-style:normal; text-decoration:none; color:#000000; text-align:left; 
}
.submenu_1st_on a:visited { 
font-family: 'µ¸¿ò', 'µ¸¿òü'; font-weight:bold; font-style:normal; text-decoration:none; color:#000000; text-align:left; 
}
.submenu_1st_on a:hover { 
font-family: 'µ¸¿ò', 'µ¸¿òü'; font-weight:bold; font-style:normal; text-decoration:none; color:#000000; text-align:left; 
}
  
 
/* ÆäÀÌ¡	*/
.paging_loc   				{text-align:right; letter-spacing:-1px; padding-right:4px;
font-size:8pt; font-style: normal; color:#858585; text-decoration:none; line-height:10px;
background-image:url(/gs_images/sec_title_txt_bg.gif); background-repeat:no-repeat; background-position: left top;}
.paging_loc a:link 		{text-align:right; letter-spacing:-1px; color:#858585; text-decoration:none;}
.paging_loc a:visited	{text-align:right; letter-spacing:-1px; color:#858585; text-decoration:none;}
.paging_loc a:hover		{text-align:right; letter-spacing:-1px; color:#ED4B23; text-decoration:underline;}
 

.title_01	{padding:10px 0 5px 15px; letter-spacing:-1px; 
background-image:url(/gs_images/icon_point_01.gif); background-repeat:no-repeat; background-position: left center;
font-weight:bold; color:#206db2; text-decoration:none; text-align:left;
}

.txt_1	{color:#0073a8;}
.txt_2	{font-weight:bold; color:#4D4D4D; text-decoration:underline; }
.txt_3	{color:#888888; }
.txt_4	{font-weight:bold; color:#f98100; padding:5px 15 0px 0px;}



.home	{ color:#ffffff; font-size:8pt; padding: 20px 5px 0 0 ;}

.title {
font-size: 9pt;
color: #4D4D4D;
height:0px;
padding:0px 0px 0px 0px;
text-decoration: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 2px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #dddddd;
border-right-color: #dddddd;
border-bottom-color: #dddddd;
border-left-color: #dddddd;
}

.data {
font-size: 9pt;
color: #4D4D4D;
height:20px;
padding:5px 15px 0px 0px;
text-decoration: none;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #dddddd;
border-right-color: #dddddd;
border-bottom-color: #dddddd;
border-left-color: #dddddd;
}


.tab_s {
font-size: 7pt;
color: #4d4d4d;
}

.tab_t {
font-size: 9pt;
color: #0084b1;
font-weight:bold;
background-color:#ddecf1;
padding:5px 5px 3px 5px;
text-decoration: none;
border-top-width: 2px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #4a95ae;
border-right-color: #dddddd;
border-bottom-color: #dddddd;
border-left-color: #dddddd;
}

.tab_0 {
font-size: 9pt;
color: #0084b1;
font-weight:bold;
background-color:#ddecf1;
padding:5px 5px 3px 5px;
text-decoration: none;
}


.tab_1 {
font-size: 9pt;
color: #4D4D4D;
padding:5px 5px 3px 5px;
text-decoration: none;
}
.tab_2 {
font-size: 9pt;
color: #4D4D4D;
background-color:#f5f5f5;
padding:5px 5px 3px 5px;
text-decoration: none;
}

.input{
	color:#4D4D4D;
	background-color:#f5f5f5;
	border-width:1pt;
	border-color:#cccccc;
	font-size: 9pt;
	border-style:solid;
}

.input1{
	color:#4D4D4D;
	background-color:#ffffff;
	border-width:1pt;
	border-color:#ffffff;
	font-size: 9pt;
	border-style:solid;
	}
	

/* ÀÔ·ÂÇʵå */
.main_input_login  	{background-color:#ffffff; border:1px solid #588da8; color:#000000;}
.sec_input_login  	{background-color:#ffffff; border:1px solid #dddddd; color:#000000;}
 
/* ¹é±×¶ó¿îµåÀÓÁö */
.bg_main_img						{background-image:url(/gs_images/main_img_back.jpg); background-repeat:no-repeat; background-position: left top; vertical-align:top;}
.bg_sec_img							{background-image:url(/gs_images/sec_img_back.jpg); background-repeat:no-repeat; background-position: left top; vertical-align:top;}

.main_bg_dot						{background-image:url(/gs_images/bg_dot_black.gif); background-repeat:repeat-x; background-position: left top; vertical-align:top;}
.main_login_id_bg 			{background-image:url(/gs_images/main_login_id_bg.jpg); background-repeat:no-repeat; background-position: left top; 
font-size:8pt; font-weight:normal; text-decoration:none; color:#000000; text-align:left; padding-left:30px; letter-spacing:-1px;}
.sec_login_id_bg 			{background-image:url(/gs_images/sec_login_id_bg.gif); background-repeat:no-repeat; background-position: left top; 
font-size:8pt; font-weight:normal; text-decoration:none; color:#000000; text-align:left; padding-left:30px; letter-spacing:-1px;}
.child_login_id_bg 			{background-image:url(/gs_images/sec_login_id_bg.gif); background-repeat:no-repeat; background-position: left top; 
font-size:8pt; font-weight:normal; text-decoration:none; color:#000000; text-align:left; padding-left:30px; letter-spacing:-1px;}


.sec_login_bg 				{background-image:url(/gs_images/sec_login_bg.gif); background-repeat:no-repeat; background-position: left top; padding:8px 0 0 13px;}
.child_login_bg 			{background-image:url(/gs_images/sec_login_bg.gif); background-repeat:no-repeat; background-position: left top; padding:8px 0 0 13px;}

 .cp{
	cursor:pointer;
}

.font_black_script {font-size:9pt; font-weight:normal; text-decoration:none; color:#000000; text-align:left;}

.font_black_script_n {font-size:11pt; font-weight:bold; text-decoration:none; color:#000000; text-align:left; letter-spacing:-1px;}

/* ÅøÆÁ */
.tooltipDiv{
	display:none;
	position:absolute;
	background:#ffffff;
	border: #a0a0a0 1px solid;
	text-align:left;
	padding:5px;
	margin-left:30px;
}



/* ******** KEB :: 201215 :: Ç÷¡½Ã Á¦°Å  ******* */
.font-noto{font-family:'Noto Sans KR',sans-serif !important;}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
/* ¸ÞÀκñÁÖ¾ó */
.main-visual.main_bg{background:url("../images/main_visual_bg.jpg") no-repeat; margin:0 auto}
.main-visual .main-visual-txt{position:relative}
.main-visual .main-visual-txt .main-txt-wrap{position:absolute; top:0; left:0; margin-top:140px; margin-left:530px}
.main-visual .main-visual-txt .main-tit{font-weight:600; font-size:35px; color:#0060a3; letter-spacing:-1.1px; display:block}
.main-visual .main-visual-txt .main-txt{font-weight:600; font-size:20px; letter-spacing:0; color:#666; display:block; margin-top:32px;}
.main-visual .main-visual-txt .main-txt b{font-weight:600; color:#447d00}
.main-visual .main-visual-txt .main-tit,
.main-visual .main-visual-txt .main-txt{
	opacity:0;filter:Alpha(opacity=0);
    -webkit-transform: translateX(-30px); 
     transform: translateX(-30px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
.main-visual .main-visual-txt.active .main-tit,
.main-visual .main-visual-txt.active .main-txt{
	opacity:1.0;filter:Alpha(opacity=100);
    -webkit-transform: translateY(0px); 
     transform: translateY(0px);
}
.main-visual .main-visual-txt.active .main-txt{transition-delay:0.3s;}

/* Çì´õ */
#header{position:absolute; top:30px; left:0; width:100%}
#headerInnerWrap{position:relative; max-width:1000px; margin:0 auto}
#header .logo{float:left; width:calc(100% - 743px); text-align:left; margin:0}
#header .logo a{display:block}
#header .header-menu-wrap{float:left; width:743px; height:40px; background:url("../images/header_menu_bar.png") no-repeat; }
#header .header-menu-wrap #gnb > ul{padding:0}
#header .header-menu-wrap #gnb > ul > li{position:relative; float:left; text-align:center; width:147px;}
#header .header-menu-wrap #gnb > ul > li:after{position:absolute; content:""; width:1px; height:9px; background:#fff; opacity:0.5; right:0; top:14px}
#header .header-menu-wrap #gnb > ul > li:last-child:after{display:none}
#header .header-menu-wrap #gnb > ul > li a{display:block; font-size:14px; color:#fff; letter-spacing:0; font-family:'Noto Sans KR',sans-serif; line-height:37px; transition:color 0.3s}
#header .header-menu-wrap #gnb > ul > li.active a,
#header .header-menu-wrap #gnb > ul > li a:hover{text-decoration:none; color:#ccde26;}
#header .header-menu-wrap #gnb > ul > li .gnb-2dep{position:absolute; top:37px; left:0px; z-index:99; width:500px; text-align:left; visibility:hidden; opacity:0;filter:Alpha(opacity=0);}
#header .header-menu-wrap .header-other-link{position:absolute; right:13px; top:0; padding:0; }
#header .header-menu-wrap .header-other-link li{position:relative; float:left; margin-right:10px}
#header .header-menu-wrap .header-other-link li:after{position:absolute; content:""; width:1px; height:7px; background:#676767; right:-6px; top:16px}
#header .header-menu-wrap .header-other-link li:last-child{margin-right:0}
#header .header-menu-wrap .header-other-link li:last-child:after{display:none}
#header .header-menu-wrap .header-other-link li a{color:#676767; font-size:10px; font-weight:500; line-height:38px; font-family:'Noto Sans KR',sans-serif; letter-spacing:-0.3px;}
#header .header-menu-wrap .header-other-link li a:hover{text-decoration:none; color:#005198}
/* Çì´õ ¿ÀÇÂ */
#header .header-menu-wrap #gnb > ul > li .gnb-2dep.active,
#header .header-menu-wrap #gnb > ul > li .gnb-2dep.open{opacity:1; visibility:visible}
#header .header-menu-wrap #gnb > ul > li .gnb-2dep ul li{float:left; margin-right:18px}
#header .header-menu-wrap #gnb > ul > li .gnb-2dep ul li a em{position:relative; display:inline-block; font-weight:400; font-size:12px; font-family:'Noto Sans KR',sans-serif; color:#676767; font-style:normal; padding-left:8px}
#header .header-menu-wrap #gnb > ul > li .gnb-2dep ul li a em:before{position:absolute; content:""; width:4px; height:4px; border-radius:50%; background-color:#676767; top:16px; left:0}
#header .header-menu-wrap #gnb > ul > li .gnb-2dep ul li.active a em,
#header .header-menu-wrap #gnb > ul > li .gnb-2dep ul li a:hover em{color:#005198}
#header .header-menu-wrap #gnb > ul > li .gnb-2dep ul li.active a em:before,
#header .header-menu-wrap #gnb > ul > li .gnb-2dep ul li a:hover em:before{background-color:#005198}

/* ------- ¼­ºê -------- */
.sub-visual-img{width:100%; height:100%}
.sub-visual-txt{position:absolute; top:135px; left:0; width:100%; text-align:center}
.sub-visual-txt .txt-inner{max-width:1000px; margin:0 auto; text-align:left; padding-left:540px}
.sub-visual-txt .txt-inner .tit{font-weight:600; font-size:35px; color:#0060a3; letter-spacing:-1.1px; display:block; margin:0}
.sub-visual-txt .txt-inner .sub-txt{font-weight:600; font-size:20px; letter-spacing:0; color:#666; display:block; margin-top:32px;}
.sub-visual-txt .txt-inner .sub-txt span{font-weight:600; color:#447d00}
.sub-visual-txt .txt-inner .tit,
.sub-visual-txt .txt-inner .sub-txt{
	opacity:0;filter:Alpha(opacity=0);
    -webkit-transform: translateX(-30px); 
     transform: translateX(-30px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
.sub-visual-txt.active .txt-inner .tit,
.sub-visual-txt.active .txt-inner .sub-txt{
	opacity:1.0;filter:Alpha(opacity=100);
    -webkit-transform: translateY(0px); 
     transform: translateY(0px);
}
.sub-visual-txt.active .txt-inner .sub-txt{transition-delay:0.3s;}




.sub-menu-tit{width:220px; height:50px; background:url("../images/sub_menu_tit_bg.jpg") no-repeat; margin:0; font-weight:500; font-size:24px; color:#fff; letter-spacing:-0.25px; box-sizing:border-box; line-height:50px; padding-left:40px; margin-left:20px}
.side-menu-bar{margin-top:40px;}
.side-menu-bar .side-menu-list{padding:0 0 0 20px; width:200px}
.side-menu-bar .side-menu-list li a{position:relative; display:block; font-size:13px; letter-spacing:-0.5px; font-family:'Noto Sans KR',sans-serif; color:#333; padding:5px 0; border-bottom:1px solid #e5e5e5;}
.side-menu-bar .side-menu-list li a:after{position:absolute; display:inline-block;  content: "\e942"; font-family: xeicon; right:10px; top:10px; font-size:16px; opacity:0}
.side-menu-bar .side-menu-list li a em{display:block; font-style:normal; font-weight:500; padding:4px 0 4px 15px; transition:all 0.3s}
.side-menu-bar .side-menu-list li.active a,
.side-menu-bar .side-menu-list li a:hover{text-decoration:none; color:#fff}
.side-menu-bar .side-menu-list li.active a:after,
.side-menu-bar .side-menu-list li a:hover:after{opacity:1}
.side-menu-bar .side-menu-list li.active a em,
.side-menu-bar .side-menu-list li a:hover em{background:radial-gradient(#26669f, #0f5292)}