@charset "euc-kr";
/* CSS Document */

/* ±âº» ½ºÅ¸ÀÏ */
html, body {
		margin:0px;
		padding:0px;
		font-size:12px;
		font-family:'Dotum','µ¸¿ò','gulim','±¼¸²','Arial','Verdana','SimSun','simHei';
		line-height:16px;
		color:#404040;
		vertical-align: top;
}

html {overflow-y:scroll;}

ul, ol, li, dl, dt, dd, form, fieldset, p {
		list-style:none;
		font-size:12px;
		font-family:'Dotum','µ¸¿ò','gulim','±¼¸²','Arial','Verdana','SimSun','simHei';
		line-height:16px;
		color:#404040;
		font-weight:normal;
		vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
	list-style:none;
	font-size:12px;
	font-family:'Dotum','µ¸¿ò','gulim','±¼¸²','Arial','Verdana','SimSun','simHei';
	line-height:16px;
	color:#404040;
	font-weight: bold;
	vertical-align: top;
}

div, ul, li, p, tr, td {
		font-size:12px;
		font-family:'Dotum','µ¸¿ò','gulim','±¼¸²','Arial','Verdana','SimSun','simHei';
		line-height:16px;
		color:#404040;
		vertical-align: top;
}

ul, li {list-style:none;}

hr {position:absolute; left:0; top:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; width:0px; height:0px;}

sup {line-height:12px;}

* {
 padding: 0;
 margin: 0;
}



/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
	width: auto;
	overflow: visible;
}

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}


/* ¸µÅ© ½ºÅ¸ÀÏ */
a,a:active,a:visited {
	color: #0b66b6;
	text-decoration:none;
}

a:hover {
	color: #0b66b6;
	text-decoration:underline;
}

/* À̹ÌÁö °ü·Ã */
img {border:none; vertical-align:top;}



/* Å×ÀÌºí ½ºÅ¸ÀÏ */
table { border-collapse:collapse; border-spacing:0;}
caption {display:none;}


/* »óÇÏ */
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}


/* Á¿ì */
.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}

.inline {display:inline;}
.clear {clear:both;}



/* ÆûÅÂ±× ½ºÅ¸ÀÏ */
fieldset, form, label, legend {margin:0; padding:0; border:0;}

legend {display: none;}

textarea {
		font-size:1em; 
		font-family:'Dotum','µ¸¿ò','gulim','±¼¸²','Arial','Verdana','SimSun','simHei';
		color: #666; line-height:16px;
		border:1px solid #ccc;
		overflow-y:scroll;
}

select {
		border:1px solid #d1d1d1;
		color:#666;
		font-family:'Dotum','µ¸¿ò','gulim','±¼¸²','Arial','Verdana','SimSun','simHei';
		height:20px;
		vertical-align:middle;
}


/* ½ºÅ©·Ñ ½ºÅ¸ÀÏ */
.basic_scroll {overflow-y:scroll;
z-index:1;
font-family:µ¸¿ò,±¼¸²,Verdana;
font-size:12px;
color:#666;
border:1px solid #dfdfdf;
background:#f9f9f9;
line-height:15px;
padding:5px 2px 5px 5px;
overflow-X:hidden;
}

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
	display: none;
	visibility: hidden;
}








/* Interaction Network contents */
#index_wrap {width:509px; margin:auto 0 20px 0; position:relative;}
#index_top {width:509px; height:220px; margin-bottom:5px; background:url(img/top_img.jpg) top left no-repeat;}
#index_top .txt {padding:35px 15px 0 15px; width:182px; height:185px; margin-left:7px;}
#index_top .txt h1 {font-size:21px; color:#69ffef; font-weight:bold; margin-bottom:20px; letter-spacing:-1px;}
#index_top .txt .stxt {font-size:15px; color:#FFF; line-height:18px; margin-bottom:20px;}
#index_top .txt .bt_view {color:#69ffef; font-size:11px;}
.box_txt {width:495px; background-color:#dfebed; padding:10px 7px 7px 7px; color:#3c93a2; font-size:11px; line-height:15px; letter-spacing:-1; margin-bottom:20px;}
.index_tit {width:509px; border-bottom:1px solid #a9aaae; padding:0 0 6px 0; font-size:16px; font-weight:bold; color:#444444;}
#s_cate {width:509px; height:150px; margin-top:15px;}
#s_cate .s_img {width:170px; height:100px; margin-right:14px; float:left;}
#s_cate .s_txt {width: 325px; float:right;}
#s_cate .s_txt p{color:#84500c; font-weight:bold; font-size:15px; line-height:24px; margin-left:8px; }
#s_cate .secure {width:192; height:22px; float:left; margin:10px 0 0 90px;}
#s_cate .s_txt ul {margin:3px 0 0 10px; }
#s_cate .s_txt li {background:url(img/dot.jpg) top left no-repeat; color:#84500c; font-size:11px; padding-left:12px; line-height:15px; padding-top:3px;}
#s_cate .bt_box{width:270px; height:22px; float:left; margin:10px 0 0 52px;}

#s_cate_nb {width:509px; height:100px; margin-top:15px;}
#s_cate_nb .s_img {width:170px; height:100px; margin-right:14px; float:left;}
#s_cate_nb .s_txt {width: 325px; height:100px; float:right;}
#s_cate_nb .s_txt p{color:#84500c; font-weight:bold; font-size:15px; line-height:24px; margin-left:8px; }
#s_cate_nb .s_txt .title img {margin-bottom:3px;}
#s_cate_nb ul {margin:3px 0 0 10px; }
#s_cate_nb li {background:url(img/dot.jpg) top left no-repeat; color:#84500c; font-size:11px; padding-left:12px; line-height:15px; padding-top:3px;}



.gray_line {margin-top:15px; border-bottom:1px solid #d4d4d6;}






/* Techwise contents */

/*ºñµð¿À*/
#play1 {position:absolute; width:100%; height:100%; left:0; margin:0 auto; top:0; z-index:3800;}
.vi_box {
	position: absolute;
	margin:-180px 0 0 -320px;
	background-color:#f6f6f6; 
	top:50%;
	left:50%;
	width:640px; 
	height:360px;
}

#lightbox-close{
	z-index:4000;
	position: absolute;
	top: -28px;
	right: -28px;
	width: 34px;
	height: 34px;
	background: url("build/close.png") 0 0 no-repeat;
	cursor: pointer;
}

#lightbox-overlay {
	display:block; 
	background-color:#000; 
	opacity:0.8; 
	cursor:pointer; 
	height:100%; 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#play2{position:absolute; width:100%; height:100%; left:0; margin:0 auto; top:0; z-index:3800;}
.vi_box {
	position: absolute;
	margin:-180px 0 0 -320px;
	background-color:#f6f6f6;
	top:50%;
	left:50%;
	width:640px; 
	height:360px;
}
/*.vi_box .v_bt {width:640px; height:22px; margin:7px 0 10px 0;}
.vi_box .v_bt .txt{height:22px; float:left; margin-left:28px; padding:4px 0px;}
.vi_box .v_bt .bt{width:170px; height:22px; float:right; margin-right:29px; text-align:right;}*/
#lightbox-close2{
	z-index:4000;
	position: absolute;
	top: -28px;
	right: -28px;
	width: 34px;
	height: 34px;
	background: url("build/close.png") 0 0 no-repeat;
	cursor: pointer;
}
#play3{position:absolute; width:100%; height:100%; left:0; margin:0 auto; top:0; z-index:3800;}
.vi_box {
	position: absolute;
	margin:-180px 0 0 -320px;
	background-color:#f6f6f6;
	top:50%;
	left:50%;
	width:640px; 
	height:360px;
}
#lightbox-close2{
	z-index:4000;
	position: absolute;
	top: -28px;
	right: -28px;
	width: 34px;
	height: 34px;
	background: url("build/close.png") 0 0 no-repeat;
	cursor: pointer;
}

#lightbox-overlay2 {
	display:block; 
	background-color:#000; 
	opacity:0.8; 
	cursor:pointer; 
	height:100%; 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}