@charset "utf-8";


/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic;font-size:12px}
img,fieldset{border:0;vertical-align:middle}
ul,ol{list-style:none}
em,address{font-style:normal}
legend{*margin-left:-7px}
table{border-collapse:collapse;border-spacing:0}
th{text-align:left}
a{color:#000;text-decoration:none}
a:hover,a:active,a:focus{color:#000;text-decoration:none}
iframe{border:0}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.cp_blind{visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;border:0;font-size:0;line-height:0}


/* layout */
.wrap_sub{text-align:center;zoom:1}
#header,#container,.wrap_main #content,.wrap_sub .spot_static,#mainfooter .footer_static{position:relative;width:940px;margin:0 auto;text-align:left}
#header{height:119px;*z-index:1001}
#container{display:inline-block;padding-bottom:100px}
.snb{float:left;width:180px}
.wrap_sub #content{float:left;position:relative;width:760px;padding-top:70px;line-height:18px;color:#666}
#mainfooter{
					position:relative;
					height:190px !important;
					border-top:1px solid #f1f1f1;
					border-bottom:1px solid #f1f1f1;
					text-align:center;
					background-color:#fcfcfc;
					}
#mainfooter .footer_static{height:130px;margin:0 auto}

/* header */
#header h1{margin-left:-5px;padding-top:34px}
#header h1 a{display:inline-block;position:relative;width:113px;height:20px;}


/* main */
.wrap_main a:hover,.wrap_main a:active,.wrap_main a:focus{color:#000}
.wrap_main #header{height:50px}


.wrap_main .spot{position:relative;min-width:900px;height:491px;text-align:center;margin-top: 50px;}
.wrap_main .spot_images{overflow:hidden;height:491px}

.wrap_main .spot_images .spot_image1,.wrap_main .spot_images .spot_image2,.wrap_main .spot_images .spot_image3,.wrap_main .spot_images .spot_image4{position:absolute;top:0;left:0;z-index:800;width:100%;height:491px;text-align:center}

.wrap_main .spot_images .image{height:491px}
.wrap_main .spot_images .image div{position:relative;width:939px;height:491px;margin:0 auto;text-align:left}
:root .wrap_main .spot_images .image div{width:940px}


.wrap_main .spot_image1 .image{background:url("http://img.wkwo.com/img/main1.jpg") no-repeat 50% 0}
.wrap_main .spot_image2 .image{background:url("http://img.wkwo.com/img/main2.jpg") no-repeat 50% 0}
.wrap_main .spot_image3 .image{background:url("http://img.wkwo.com/img/main3.jpg") no-repeat 50% 0}



.wrap_main .notice{
		position:relative;
		min-width:900px;
		height:115px;
		text-align:center;
		margin-top: 1px;
		background-color:#EBF5FB;
		/*background:url("/img/notice_bg5.png");*/
		}


.wrap_main .mainshow{z-index:900 !important}
.wrap_main .spot_static{position:absolute;top:0;left:50%;z-index:1000;width:940px;height:1px;margin-left:-470px}

.wrap_main #content{padding-bottom:40px;margin-top:20px;}

.wrap_main .shortcuts .services .rolling{position:absolute;top:175px;right:47px;z-index:20}

.shortcuts{display:inline-block;position:relative;z-index:10;font-size:0}
.shortcuts .services{position:relative;float:left;width:640px}
.shortcuts .services ul li{float:left;margin-right:25px}
.shortcuts .services ul li a{display:inline-block;zoom:1;*display:inline;font-size:0}
.shortcuts .services ul li a.show{z-index:1000}
.shortcuts .static{float:left;width:300px}


.wrap_main #mainfooter .tit{display:inline-block;width:60px;height:30px;margin-top:25px;}
.wrap_main #mainfooter .info {margin-left:100px;margin-top:10px;}
.wrap_main #mainfooter .info li,.footer_static .svc li{float:left}
.wrap_main #mainfooter .info{position:absolute;top:20px;left:89px;width:400px}
.wrap_main #mainfooter .info a{height:21px}
.wrap_main #mainfooter .info .pinfo,.footer_static .info .pri{padding-left:1px;}
.wrap_main #mainfooter .info .cinfo a{width:100px;background-position:-23px -374px;color:#726E6D; font-weight:bold !important;}
.wrap_main #mainfooter .info .pinfo a{width:150px;background-position:-79px -374px;color:#726E6D; font-weight:bold !important;margin-left:30px;}
.wrap_main #mainfooter .svc{position:absolute;top:17px;left:601px;width:355px}
.wrap_main #mainfooter .svc a{height:24px;color:#777;}
.wrap_main #mainfooter .svc li{
												font-size:11px;
												font-family:"Nanum Gothic", "Jeju Gothic", Gulim, Arial;
												color:#777;
												margin-right:10px;
												margin-top:10px;
												clear:both;
										}


.wrap_main #mainfooter .svc .nClient {
		list-style-image: url('http://img.wkwo.com/Img/ico_download.png');
		color:#003300;
		font-weight:default !important;
}

.wrap_main #mainfooter .svc .webCatalog {
		list-style-image: url('http://img.wkwo.com/Img/book.png');
		color:#CC7722;
		font-weight:default !important;
}

.wrap_main #mainfooter .svc .sinfo {
		list-style-image: url('http://img.wkwo.com/Img/warn.png');
		font-weight:bold !important;
		color:#E74C3C;
}


.wrap_main #mainfooter .info2{position:absolute;top:60px;left:190px;width:400px;height:80px;color:#AAA;}
.wrap_main #mainfooter .cr{
		position:absolute;
		top:160px;
		left:190px;
		width:300px;
		height:9px;
		color:#AAA;
		font-size:10px;
		font-family:"Philosopher" !important;
		text-transform:uppercase;
		}


.wrap_main #mainfooter {    
	position: relative;
    height: 130px;
    border-top: 1px solid #f1f1f1;
	font-size:11px;font-family:"Nanum gothic", "Jeju Gothic", Gulim, tahoma;
	}



.main_top_lnb {
	position: absolute;
    top: 5px;
    left: 250px;
    z-index: 1001;
}

.mainNews {
	width:100%;
	border:0;
}

.mainNews TR {
	height:25px;
}

.mainNews TD {
	font-family:"Nanum Gothic", "Jeju Gothic", Gulim, Arial;
	font-size:12px;
}

.mainNews a {
	color:#000;
}

.mainNews a:hover {
	color:#000;
	text-decoration:none;
}

.mainNews .NewsTitle {
	font-family:"Philosopher", "Jeju Gothic", "Nanum Gothic", Gulim, Arial;
	text-transform:uppercase;
	font-size:12px;
	color:#000066;
}


.flbl{
	display:block;
	float:left;
	margin-right:20px;
	width:90px;
	margin-bottom:5px;
}

.fdata {
    display: block;
	margin-bottom:5px;
}


#gallery1{float:left;position:relative;height:160px;width:250px;}
#gallery1 a{float:left;position:absolute}
#gallery2 {float:left;position:relative;height:160px;width:312px;}
#gallery2 a{margin-left:10px;float:left;position:absolute}
#gallery1,#gallery2 a.show{z-index:300}		


.notice {
	font-family:"Nanum Gothic", "Jeju Gothic", Gulim, Arial;
	text-align:left;
	width:100%;
}

.Notice_Text {
	font-family:"Philosopher", "Jeju Gothic", Arial, Tahoma, Verdana;
	font-size:12px;
	color#B03A2E !important;
	width:900px;
	text-align:left;
	cursor:pointer;
}



#PopUpList {
	width:1200px;
	height:50px;
	display:block;
	left:70px;
	position:relative;
	margin:0 auto;
	text-align:left;
}

#PopUpList a {
	color:#FFF;
}

#PopUpList a:hover{
	color:#FFF;
	text-decoration:none;
}

#popBox {
	
	position:relative;
	width:200px;
	height:90px;
	margin-top:3px;
	margin-left:10px;
	float:left;
	color:#FFF;
	
	border:1px solid #FFF;
	border-radius:10px;
	background-repeat: repeat;
	display:block;
}


.Type0 {
	background-color:#154360;
	text-align:center;
}

.Type5 {
	background-color:#B03A2E;
	text-align:center;
}

.Type1 {
	background-color:#0B5345;
	text-align:center;
}


#pSubject {
	width:185px;
	padding:10px;
}

.popSubject {
	font-family:"Jeju Gothic", Gulim, Arial;
	margin-top:20px;
	/*
	2020.06.19 황영철 : Popup 제목 표시 변경 (박대병 사장 지시)
	font-size:15px;
	*/
	font-size:16px; /*20 > 16*/
	text-align:center;
	line-height:1.5;
}

#noticeClose {
	margin-left:30px;
	padding-left:10px;
	font-weight:bold;
	width:900px;
}

#noticeClose a {
	color:#000;
}

#noticeClose a:hover{
	color:#000;
	text-decoration:none;
}


.pop_Detail {
	font-size:12px;
	color:#FFCC00 !important;
}

.no_frame
{
    top:50px;
    width:auto; 
    height:auto;
    max-height:625px;
    max-width:625px;
     position:absolute;
     background-color:#EEFF00;
     border:1px solid #CCC;
     float:left;
}

.dImg   
{
    background-color:#FFF;/*#EE0000;*/
    max-height:610px;
    max-width:610px;
 } 

.dClose 
{
	height:15px;
	font-family:"Jeju Gothic", Gulim, Arial;
	font-size:11px;
	color:#000 !important; 
	margin-top:5px;
	margin-right:10px;
	cursor:pointer;
	float:right;
}

#dClosebtn
,#dClosebtn2 
,#dClosebtn3
,#dClosebtn4
,#dClosebtn5{ 
    font-family:"Jeju Gothic", Gulim, Arial;
    font-size:11px;
    color:#000 !important; 
    cursor:pointer;
    z-index:2000;
    position:relative;
    float:left; 
    height:15px;
    margin-top:5px;
    margin-left:10px;
}   

 

#noframe{z-index:1000; left:1%; display:none;}
#noframe2{z-index:1001;left:11%; display:none;}
#noframe3{z-index:1002;left:21%; display:none;}
#noframe4{z-index:1003;left:31%; display:none;}
#noframe5{z-index:1004;left:41%; display:none;}


#noframe:hover,#noframe:active,#noframe:focus
,#noframe2:hover,#noframe2:active,#noframe2:focus
,#noframe3:hover,#noframe3:active,#noframe3:focus
,#noframe4:hover,#noframe4:active,#noframe4:focus
,#noframe5:hover,#noframe5:active,#noframe5:focus
    {z-index:1100; }


#div_sPopUp {
	z-index:30000;
	position:fixed ;
	top:60px;
	right:10px;
	float:right;
}


.sPopUp_Text {
	font-family:"Jeju Gothic", Gulim, Arial !important;
	font-size:14px;
	width:100%;
	height:100%;
	padding-top:7px;
	padding-left:10px;
	text-align:left;
	line-height:160%;
	width:280px;
	overflow-y:hidden;
	height:50px;
}

.sPopUp_0 {
	background-color:#3377BB;
	width:300px;
	height:60px;
	opacity:0.85;
	filter:alpha(opacity=85);
	margin-top:3px;
	
	border-style: solid;
	border-width: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	behavior: url(/Include/Js/pie.htc);
}

.sPopUp_1 {
	background-color:#008800;
	width:300px;
	height:60px;
	opacity:0.85;
	filter:alpha(opacity=85);
	margin-top:3px;
	
	border-style: solid;
	border-width: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	 
	behavior: url(/Include/Js/pie.htc);
}

.sPopUp_5 {
	/*
	2020.06.19 황영철 : Popup 제목 표시 변경 (박대병 사장 지시)
	background-color:#CC5522;
	*/
	background-color:#00D8FF;
	width:300px;
	/*
	2020.06.19 황영철 : Popup 제목 표시 변경 (박대병 사장 지시)
	height:60px;
	*/
	height:45px;
	opacity:0.85;
	filter:alpha(opacity=85);
	margin-top:3px;
	
	border-style: solid;
	border-width: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	 
	behavior: url(/Include/Js/pie.htc);
}

.ftRed {
	color:#F00;
}

#News {
	width:100%;
	text-align:center;
	margin-top:70px;
	z-index:30000;
}

#board {
	width:800px;
	margin:auto;
}


#News_Subject {
	margin-top:30px;
	border-top:2px solid #CCC;
	border-bottom:1px solid #CCC;
	height:35px;
	font-family:"Nanum Gothic", "Jeju Gothic";
	color:#FFF;
}

#News_Lbl {
	float:left;
	width:100px;
	text-align:center;
	margin-top:10px;
	color:#FFF;
	font-size:12px;
}

#News_Title {
	font-size:16px;
	font-weight:bold;
	margin-top:7px;
	color:#FFF;
}

#News_file {
	float:right;
	width:230px;
	text-align:center;  
	margin:30px; 
	font-size:13px;
}
#News_file a{color:#FF9587;}

#News_Contents {
	width:100%;
	font-family:"Nanum Gothic", "Jeju Gothic";
	font-size:13px;
	padding:15px;
	color:#FFF;
}

#div_sPopUp a {
	/*
	2020.06.19 황영철 : Popup 제목 표시 변경 (박대병 사장 지시)
	color:#FFF !important;
	*/
	color:#000 !important;
}

#div_sPopUp a:hover{
	color:#FFF !important;
	text-decoration:none !important;
}



#popContents {
	width:100%;
	/* 
	2020.06.08 황영철 : 메인화면에서 기술정보 서브메뉴 확인 및 선택이 안됨. 
	text-align:center;
	*/
	text-align:right;
}

#btn-close-modal {
	margin-top:20px;
}

#popContentsDetail {
	width:800px;
	position:relative;
	margin:50px auto;
}

.closebt {
	cursor:pointer;
}

#animatedModal1 {
	position:static;
}