* {font-size:12px; margin:0; padding:0; font-family:Arial,sans-serif;}
html, body {}
body {padding:0; margin:0; }

form {padding:0; margin:0px; }
body {padding:0; margin:0px; }
ul {padding:0; margin:0px; }
img { border: none;	}

a, area, { behavior:expression(this.hideFocus=true); }
a:active, a:focus, area:active, area:focus { outline:none; }

a {color: #000;}
a:link { text-decoration: none; cursor: pointer; }
a:visited { text-decoration: none; cursor: pointer;}
a:hover, a:active, a:focus {color: #666; text-decoration: none; cursor: pointer;}

.left  { float:left; }
.right { float:right; }
.clear { clear:both; height:0; overflow:hidden; }




/* button */
.button { cursor:pointer; padding:3px; }
.button_s { cursor:pointer; position:relative; padding: 3px 5px; }
.button_ss { cursor:pointer; position:relative; padding: 1px 3px; }
.button_m { cursor:pointer; position:relative; padding: 3px 10px; }
.button_l { cursor:pointer; position:relative; padding: 5px 15px; }
.button_xl { cursor:pointer; position:relative; padding: 7px 15px; }

/* body */
.container{width:970px; margin: 30px 0px 15px 30px; background: #fff; }
* html .container{  }
.contents { clear: both; padding-bottom: 10px; margin: 10px 0px 0px 0px; background: #fff; }
* html .contents { padding-bottom:10px;}

.left_menu { float:left; width: 200px; padding-top:25px; }



/* header */
.header {_height:1%;}
*:first-child+html .header {height:1%;}
.header:after{content:" "; display:block; clear:both; height:0; visibility:hidden; }
    .header .logo { float:left; width:110px; height:45px; margin-top:8px; display:block; background: url(../images/logo.png) no-repeat 50% 50%; font-size:0;  text-indent: -99999px;}
    .header .logo_title { float:right; width:835px; display:block; text-align:right;}

	.header .lang { list-style:none; }
	.header .lang li {float:right; display:block; }
	.header .lang li a { display:block; width:45px; height:10px; margin-bottom:5px; margin-left:5px;  font-size:0px; text-indent:-99999px; overflow:hidden;}
	.header .lang li a.ko { background:transparent url(../images/lang_ko.gif) no-repeat 50% top; }
	.header .lang li a.en { background:transparent url(../images/lang_en.gif) no-repeat 50% top;}
	.header .lang li a.ch { background:transparent url(../images/lang_ch.gif) no-repeat 50% top;}
	.header .lang li a.jp { background:transparent url(../images/lang_jp.gif) no-repeat 50% top;}
	.header .lang li a.select { background-position: 50% bottom;  }

    .header .description { clear:both; width:835px; height:37px; display:inline-block; background:#202020 url(../images/logo_title.png) no-repeat 20px 50%; font-size:0; text-indent: -99999px; }


/* footer */
.footer { margin-top:50px; }
    ul{ list-style:none; margin:0px; padding:0px;}
		li.contect { margin:0px; padding:0px; font-size:9px; color:#333; }
		li.copyright { margin-top:5px; font-size:9px; color:#999; font-weight:bold; }

/* Top Nav */
	.top_nav { height:70px; margin: 5px 0 0 0; padding: 0;  background:transparent url(../images/nav_ykim.png) no-repeat 720px top;}
	.top_nav .menu { list-style: none; margin:0px; padding:0px; margin-left:135px; z-index:10;}
	.top_nav .menu li { float:left; display:block; background:transparent url(../images/nav_bar.png) no-repeat right 50%; position:relative; }
	.top_nav .menu li a { display:block; height:30px; font-size:19px; color:#000; text-align:center; line-height:150%; }
	.top_nav .menu li a.selected  { color:#ff0000; }
    .top_nav .menu li a.nav_01 { width:150px;}
    .top_nav .menu li a.nav_02 { width:150px;}
    .top_nav .menu li a.nav_03 { width:150px;}
    .top_nav .menu li a.nav_04 { width:200px; text-align:left; padding-left:20px;}
	.top_nav .menu .end { background-image: none; }
    .top_nav .menu .nav_ykim { background:transparent url(../images/nav_ykim.png) no-repeat 50% 0px; margin-left:10px; width:90px;}

	.top_nav .menu li .submenu { list-style:none; margin:5px 0px 0px 0px; padding:0px; position:absolute; width:600px; z-index:11; }
	.top_nav .menu li .submenu li { float:left; display:block; background-image:none;  position:relative; margin-left:20px; }
	.top_nav .menu li .submenu li a {float:left; display:block; font-size:12px; height:20px; color:#7f7f7f; }
	.top_nav .menu li .submenu li a:hover { color:#ff0000; }
	.top_nav .menu li .last { margin-left: -110px;}


.slideImg {display:block; height:313px; width:740px;}
.slideImg ul{ list-style: none; margin:0px; padding:0px; }

.board { float:right;  }
.board { width:710px; margin-right:10px; margin-bottom:50px; }
.board .lang { text-align:right;}
.board .lang a { font-size:14px; font-weight:bold; margin-right:10px; color:#999;}
.board .lang .select { color:#ff0000; }

.board .red { color:#ff0000;font-weight:bold;}
.board .location {color:#000000; font-size:10px; font-weight:bold; height:23px; margin-top:-3px; text-align:right;}
.board .location span {color:#F72727; font-size:10px;}


.board .category_title { margin-top:20px; font-size:20px; font-weight:bold; }
.board h1 { margin-top:15px; }
.board h2 { color:#aaa; font-size:12px; margin:13px 0 0; padding:0 0 24px; line-height:150%;  }
.board h2.red { color:#890327; font-weight:normal; font-size:24px; line-height:100%; margin:13px 0 0; padding:0 0 24px; }

.board .view { border-bottom:1px solid #E5E5E5; padding-top:20px; padding-bottom:6px; overflow:hidden; font-size:12px;}
.board .view .title { float:left;}
.board .view .title span { color:#B2B2B2; }
.board .view .date { float:right; color:#B2B2B2; }

.board .article { padding-top:20px; padding-bottom:20px; }
.board .content { padding:20px 0px 20px 0px; line-height:150%;}

.board .ykim_article { padding:20px 0px; line-height:150%;}

.board .view_list {  border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.board .view_list ul { list-style: none; margin:0px; padding:0px; }
.board .view_list ul li { padding-top:5px; padding-bottom:5px; }
.board .view_list ul li.prev { background:transparent url(../images/common/view_tt_prev.gif) no-repeat 30px 50%; padding-left:90px;}
.board .view_list ul li.next { background:transparent url(../images/common/view_tt_next.gif) no-repeat 30px 50%; padding-left:90px;}
.board .view_list ul li a { font-size:12px; color:#949597; }
.board .btn_box { margin-top: 20px; text-align:right;}

.board .list { list-style: none; background:transparent url(../images/list_bar.gif) no-repeat 50% top; padding-top:20px;}
.board .list li {  background:transparent url(../images/list_bg.gif) no-repeat 50% bottom; margin:10px 0px; padding-bottom:10px;}
.board .list li {_height:1%;}
*:first-child+html .board .list li {height:1%;}
.board .list li:after{content:" "; display:block; clear:both; height:0; visibility:hidden; }

.board .list li .pic { float:left; width:70px; margin-top:20px;}
.board .list li .pic img { border: 1px solid #e5e5e5; }
.board .list li .detail { float:left; width:600px; margin-left:10px;}
.board .list li .detail .date { margin-left:10px; color:#333; font-weight:bold; }
.board .list li .detail .title { background:url("../images/common/list_bullet.gif") no-repeat scroll left 50% transparent; color:#1D92CA; line-height:150%; font-weight:bold; padding-left: 10px; margin-top:5px;}
.board .list li .detail .summary { margin-left:10px; }
.board .list li .detail .summary a{ color:#666; line-height:150%; margin-top:5px; }

.board .list li .detail .action { text-align:right; margin-top: 5px;}

.board .list li .top {  }
.board .list li .top .lang_title { float:left; background:url("../images/list_bullet.gif") no-repeat scroll left 50% transparent; color:#1D92CA; line-height:150%; font-weight:bold; padding-left: 10px; }
.board .list li .top .action { float:right; }
.board .list li .lang { width:650px; line-height:150%; overflow:hidden;  padding:5px 0px 5px 30px; text-align:left;}
.board .list li .en { background:url("../images/lang_1.png") no-repeat scroll 0px 50% transparent;  }
.board .list li .ko { background:url("../images/lang_2.png") no-repeat scroll 0px 50% transparent;  }
.board .list li .ch { background:url("../images/lang_3.png") no-repeat scroll 0px 50% transparent;  }
.board .list li .jp { background:url("../images/lang_4.png") no-repeat scroll 0px 50% transparent;  }

.board .category { clear:both; color:#B2B2B2; font-size:13px; font-weight:bold; padding-left:2px; padding:27px 0 7px; text-align:right;}
.board .category ul { list-style: none; }
.board .category li  {float:right; display:block; padding:0px 3px; }
.board .category a { color:#B2B2B2; }
.board .category a.on { color:#ff0000; }

.board .search { text-align:right; margin-bottom:10px;  position:relative; }
.board .search .input { position:relative; background:url("../images/search_icon.gif") no-repeat scroll 5px 50% #FFFFFF; margin-top:6px; padding-left:25px; width:160px; }
.board .search .btn { position:relative; margin-top:6px; }
.board .search a.cancel { position:absolute; right:50px; top:10px; display:block; width:14px; height:14px; background:url("../images/btn_cancel.gif") no-repeat scroll 0px 0px; font-size:0; text-indent: -99999px; }

.video-js-box { position:relative; margin-bottom:10px; }
.video-js-box #player { position:relative; margin:auto;}
.video-js-box #player img{ position:absolute; top:199px; left:279px; }


.doc { background: url(../images/icon_view_doc.gif) no-repeat 5px 50%;}
.ppt { background: url(../images/icon_view_ppt.gif) no-repeat 5px 50%;}
.xls { background: url(../images/icon_view_xls.gif) no-repeat 5px 50%;}
.pdf { background: url(../images/icon_view_pdf.gif) no-repeat 5px 50%;}
.etc { background: url(../images/icon_view_etc.gif) no-repeat 5px 50%;}

.board #file_box { margin:10px 0px; }
.board #file_box .item { display:block; height:30px; padding: 5px 5px 5px 45px; margin:5px 0px; border: 1px solid #eee; }
.board #file_box .item .action { text-align:right;}


.event ul {list-style: none;  border-top:1px solid #eee; padding:17px 0 20px; }
.event li.design_is { color:#000; font-size:25px; font-weight:bold; }
.event li.date { color:#7F7F7F; }
.event li.comment { color:#000; padding:15px 10px 22px 0; line-height:160%;}
.event li.writer  { color:#000; }

.thinks ul {list-style: none; border:none;}
.thinks li { margin-right:5px; float:left; }

.publications { list-style:none; }
.publications li { background:url("../images/common/list3_bg.gif") no-repeat scroll left top transparent; float:left; height:156px; margin:0 30px 0 24px; padding:8px 0 0 8px; width:106px; }


.awards { list-style:none; }
.awards li { float:left; margin:10px 8px 10px 0px; }

.works { list-style:none; }
.works li { float:left; margin:10px 8px 10px 0px; }

.navigation { list-style: none; padding:0px; margin:0px; }
.navigation ul { list-style: none; clear:both;}
.navigation li { padding:2px 0px; margin:0px; clear:both; }
.navigation a { float:right; color:#000; display:block; font-size:20px; padding:3px 5px; line-height:120%; cursor: pointer; }
.navigation a:hover {  background:#ff0000; color:#fff; }

.selected a{ background:#ff0000; color:#fff; }


.navigation li ul li { display:block; }
.navigation li ul li a { display:block; font-weight:bold; color:#000; background:#fff; font-size:12px; padding:3px 5px; line-height:120%; cursor: pointer;  }
.navigation li ul li a:hover { background:#fff; color:#ff0000; }
.navigation li ul li a.selected { background:#fff; color:#ff0000; }

/* Pagging */
.pagging { padding:0px; margin: 20px 0px 10px 0px; text-align: center;}

    .pagging .bar { padding: 0px 1px 0px 1px;}
	.pagging a{ display:inline-block; color:#666; text-decoration:none;  padding:2px 5px; border: 1px solid #ddd; background-color:#fafafa; }
	.pagging .selected { font-weight:bold; color:#06c; padding: 2px 5px; border: 1px solid #06c; background-color:rgb(224, 238, 251);}
	.pagging .first{  }
	.pagging .prev{  }
	.pagging .next{  }
	.pagging .last{  }

/* form */
 ul { list-style: none; }
form ul { list-style: none; }
form li { clear:both; display:block; margin:0; padding:3px 5px 3px 5px; }
form span.req {color:red !important; display:inline-block; float:none; font-weight:bold; margin:0; padding:0; }
form span.help { color:#999 !important; display:inline-block; float:none; font-weight:normal; margin: 0; padding:0; }
label.desc { border:medium none; color:#222222; display:block; font-size:1em; font-weight:normal; line-height:150%; margin:0; padding:0 0 1px; }
form .color { float:left; display:block; padding:3px 5px; text-align:center; margin:2px 4px 2px 0px;}

div.desc { border:medium none; color:#222222; font-size:12px; font-weight:bold; line-height:150%; margin:0; padding:0 0 3px; }
span.desc { border:medium none; color:#222222; font-size:12px; font-weight:bold; line-height:150%; margin-right:5px; padding:0 0 3px; width:70px; text-align:right; display:inline-block; }

input.large, select.large, textarea.large { width:97% !important; }
input.text, input.search, textarea.textarea { background:#FFFFFF url(/images/fieldbg.gif) repeat-x scroll center top; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px;}
input.text, input.search, input.file, textarea.textarea, select.select { color:#333333; font-family:"Lucida Grande",Tahoma,Arial,sans-serif; font-size:100%; margin:0; padding:3px 1px; }

input.checkbox, input.radio { display:inline-block; height:13px; margin:3px 0 0; padding:0; width:13px; }

.request { margin-left:20px; }
.request_btn_box {margin-top:20px; text-align:center; }

.error { padding:3px; margin-top:5px; width:96.5% !important}

.history_tab { list-style:none; }
.history_tab li { float:left;}
.history_tab li a { display:block; width:75px; height:20px; color:#999; font-weight:bold; border: 1px solid #e5e5e5; text-align:center; line-height:150%; margin-right:3px; margin-bottom:3px;}
.history_tab li a:hover { color:#fff; border: 1px solid #fd0000; background:url("../images/innovation/btn_tab_bg.png") repeat-x top #c60202; }
.history_tab li a.selected { color:#fff; border: 1px solid #fd0000; background:url("../images/innovation/btn_tab_bg.png") repeat-x top #c60202; }

.clients h4 { margin-top:10px; }
.clients .logo { margin-top:20px; }