body, td, p { font: 9pt Verdana, Helvetica, sans-serif, 돋움, dotum, Tahoma; color: #333; letter-spacing: -0.5; line-height:150%; margin-top:0; margin-bottom:0; margin-right:0; margin-left:0; text-decoration: none; SCROLLBAR-FACE-COLOR: #f2f2f2; SCROLLBAR-HIGHLIGHT-COLOR: #999999; SCROLLBAR-SHADOW-COLOR: #999999; SCROLLBAR-3DLIGHT-COLOR: #fcfdfb; SCROLLBAR-ARROW-COLOR: #999999; SCROLLBAR-TRACK-COLOR: #f2f2f2; SCROLLBAR-DARKSHADOW-COLOR: #fcfdfb } /* 전체링크제어*/ a:link, a:visited,a:active {color:#666666; text-decoration:none; selector-dummy : expression(this.hideFocus=true);} a:hover{color:#6699cc; text-decoration:underline; selector-dummy : expression(this.hideFocus=true);} .sm a:link, .sm a:visited, .sm a:active {color:#666666; text-decoration:none; selector-dummy : expression(this.hideFocus=true);} .sm a:hover{color:#31890e; text-decoration:none; selector-dummy : expression(this.hideFocus=true);} img{border:0;} table, th, td{border:none; border-collapse:collapse;} ol{} ol li{ font-family:Verdana, Geneva, sans-serif; font-size:9pt; color:#666; font-weight:normal;} /* ------------------------------------------ Layout ------------------------------------------ */ html { overflow-y:scroll; } html,body { width: 100%; } #header { z-index: 100; width: 100%; height:106px; text-align: center; background:url(/users/sepope/images/common/header_bg.gif) repeat-x left top;} #container {clear: both; text-align: center;} #wrapper {clear: both; margin: 0px auto; width: 100%; overflow: hidden; } #wrapper:after { content: ""; display: block; clear: both; margin: 0; padding: 0; height: 1px; font-size: 1px; line-height: 1px; visibility: hidden;} #contents {float: right; width: 730px; text-align: left; } #footer {clear: both;} /* ------------------------------ Header ------------------------------ */ #header div.wrapper {margin: 0px auto; width: 990px; height:102px; text-align: left;/* overflow: hidden; */ } /*#logo {position:absolute; top:62px; left:50%; width:316px; height:50px; margin-left:-495px;}*/ #logo { float: left;} #logo a { display: inline-block; margin:34px 0 0 0;} #logo h1 { margin:0;} #utility { float: right; padding:0px; font-family:Arial, Helvetica, sans-serif;} #utility ul { float:right; margin:0; padding:0;} #utility ul li { position:relative; z-index: 5; float: left; margin: 0; padding: 0; list-style: none; width:59px; height:20px; background:#02d2e3; text-align:center; border-right:1px solid #35dbe9;} #utility ul li a{color:#ddf7fa; font-size:9pt;} #utility ul li a:hover{color:#fff; text-decoration:none;} #utility ul li.contact{width:82px; text-align:center;} /* Gnb */ #gnb {position: relative; float:left; width:664px; height:46px; padding: 0; margin:0; z-index:100;} #wrap { position:absolute; width:685px; left:58px; top:0px; margin:0; padding:35px 0 0 0;} #nav { clear:both; float:left; margin:0; padding:0;} #nav li {margin:0; padding:0; float:left; text-align:center; list-style:none;} #nav li a{height:46px;} /* 서브메뉴*/ #sNavi01{width:800px; height:25px; margin:45px 0 0 -40px;} #sNavi01 ul {clear:both;} #sNavi01 ul li {float:left; padding:0 0 0 15px; list-style:none;} #sNavi02{width:700px; height:25px; margin:45px 0 0 80px;} #sNavi02 ul {clear:both;} #sNavi02 ul li {float:left; padding:0 0 0 15px; list-style:none;} #sNavi03{width:800px; height:25px; margin:45px 0 0 220px;} #sNavi03 ul {clear:both;} #sNavi03 ul li {float:left; padding:0 0 0 15px; list-style:none;} #sNavi04{width:700px; height:25px; margin:45px 0 0 290px;} #sNavi04 ul {clear:both;} #sNavi04 ul li {float:left; padding:0 0 0 15px; list-style:none;} #sNavi05{width:740px; height:25px; margin:45px 0 0 380px;} #sNavi05 ul {clear:both;} #sNavi05 ul li {float:left; padding:0 0 0 15px; list-style:none;} #sNavi01 a, #sNavi02 a, #sNavi03 a, #sNavi04 a, #sNavi05 a{list-style: none; font-family:Malgun Gothic; font-weight:bold; color:#333;} #sNavi01 a:hover, #sNavi02 a:hover, #sNavi03 a:hover, #sNavi04 a:hover, #sNavi05 a:hover{text-decoration:none; color:#093483;} .old-ie div#sNavi01, .old-ie div#sNavi02, .old-ie div#sNavi03, .old-ie div#sNavi04, .old-ie div#sNavi05{ margin-top:10px;} /* ------------------------------ Footer ------------------------------ */ #footer div.wrapper {text-align: center; clear:both; width:100%; background:#093483;} #footer div.wrapper div.inner { margin: 0px auto; width: 990px; position:relative; height: 61px; text-align: left; clear:both; padding-top:30px; background:url(/users/sepope/images/common/footer_bg.jpg) no-repeat center top;} .old-ie div#footer div.wrapper div.inner{ height:91px;} #footer div.copyrights {float:left; width:793px; padding:0px;} #footer div.copyrights ul { position: absolute; width:250px; right: 0px; top: 10px; } #footer div.copyrights ul li { float: left; margin: 0 0 0 -1px; padding: 0px 5px; list-style: none; background: url("../img/common/bg_sect_foot.gif") no-repeat left 5px; } #footer div.copyrights ul li a{font-family:맑은고딕, Malgun Gothic; color:#fff; font-weight:bold; font-size:9pt;text-decoration:none;} #footer div.copyrights ul li a:hover{ color:#00cccc;} #footer div.copyrights address{font-style:normal; color:#fff; font-weight:bold;} #footer div.copyrights address span.line{color:#e6e6e6; width:20px; text-align:center;} #footer div.copyrights address em.tel{color:#2e5aa2; font-weight:bold; font-size:11pt;} #footer div.copyrights p { margin: 0; padding: 0; color:#fff; font-weight:bold; font-family:Verdana, Geneva, sans-serif;} #footer div.badge { float: right; width: 200px; text-align: right; } #footer div.wa_mark{position:absolute; right:-145px; top:8px;} #footer div.banner {z-index: 10; float:left; width:197px;} #footer div.banner ul{ padding:0; margin:0;} #footer div.banner ul li{ display:inline; float:left; margin:0; padding:0; background:none;} /* ------------------------------ Main Contents ------------------------------ */ #mWrap02 h2, #mWrap03 h2{ padding:0; margin:0;} h2.accessibility{ display:none; margin:0; padding:0;} #mWrap01{ position:relative; width:100%; height:374px; background:#ccd6e2;} #mWrap01 #visual{ position:relative; width:1200px; margin:0 auto;} #mWrap01 #visual p{ margin:0; padding:0} #mWrap02{ position:relative; width:990px; height:191px; margin:0 auto; padding:0; text-align:left; border-bottom:1px solid #d9d9d9;} #mWrap02 #intro{ float:left; width:225px; height:191px;} #mWrap02 #cu{ float:left; width:401px; height:161px; padding:30px 0 0 33px;} #mWrap02 #cu1{ width:390px; position:relative; text-align:left; float:left;} #mWrap02 #cu1 h3{ width:100%; margin:0 0 15px 0; padding:0;} #mWrap02 #cu1 a.more { position: absolute; right:20px; top:0px;} #mWrap02 #cu2{ width:390px; position:relative; text-align:left; float:left;} #mWrap02 #cu2 h3{ width:100%; margin:0 0 15px 0; padding:0;} #mWrap02 #cu2 a.more { position: absolute; right:20px; top:0px;} #mWrap02 #banner{ width:331px; height:191px; float:left;} #mWrap02 #banner ul{ margin:0; padding:0; list-style:none;} #mWrap02 #banner ul li{margin:0; padding:0;} #mWrap03{ position:relative; width:990px; height:186px; margin:0 auto; padding:0; text-align:left;} #mWrap03 #gallery{ position:relative; float:left; width:300px; height:153px; margin-right:42px; padding-top:33px;} #mWrap03 #gallery h2{ margin-bottom:9px;} #mWrap03 #gallery a.more { position: absolute; right:0; top:33px;} #mWrap03 #dataroom{float:left; width:278px; height:153px; margin-right:39px; padding-top:33px;} #mWrap03 #dataroom ul{ margin:0; padding:0; list-style:none;} #mWrap03 #dataroom ul li{margin:0; padding:0; float:left; margin-right:5px;} #mWrap03 #dataroom ul li.last{ margin-right:0px;} #mWrap03 #qna{float:left; width:331px; height:186px;} #mWrap04{ position:relative; width:100%; height:50px; border-top:1px solid #d9d9d9; text-align:center; clear:both;} #mWrap04 #link{ width:990px; height:50px; margin:0 auto; text-align:left;} #mWrap04 #link h2{ float:left; padding:0; margin:0; width:147px; height:50px;} #mWrap04 #link ul{ margin:0; padding:0; list-style:none; float:left;} #mWrap04 #link ul li{ margin:0; padding:0; float:left; display:inline;} .old-ie div##mWrap02{ width:993px;} .old-ie div#mWrap02 #cu{ width:434px;} .old-ie div##mWrap03{ width:993px;} /* ------------------------------ sub ------------------------------ */ /* ------------------------------ Aside ------------------------------ */ #sContWrap{margin:0 auto; width:990px; text-align:left;} #aside * {margin: 0; padding: 0; list-style: none; } #aside{width:215px; float:left;} /* lnb */ #lnb {width: 214px;} #lnb ul.jsOff ul { display: block; } #lnb div.inner { width:180px; padding: 0 0 30px; margin-top:20px;} #lnb h2 { margin: 0 0 10px; text-align:left; font-family:Georgia, "Times New Roman", Times, serif, Verdana, Geneva, sans-serif; font-size:13pt; color:#333;} #lnb h2 .stxt{ font-family: Helvetica, sans-serif; font-size:9pt; color:#999;} #lnb ul { overflow: hidden; position: relative; zoom: 1; padding: 0 3px;} #lnb li { position: relative; zoom: 1; margin: -1px 0 1px; background-color:#e5edf1; margin-bottom:4px; text-align:left; font-family:malgun gothic, 맑은 고딕;} #lnb li a { display: block; width: ; height: 24px; line-height: 24px; color: #654e2c; padding-left:10px;} #lnb li a.on, #lnb li a:hover, #lnb li a:active { font-weight: bold; text-decoration: none; background-color:#474747; color:#FFF; } /* ------------------------------ Contents ------------------------------ */ #body{ background:url(/users/sepope/images/sub/sub_visual.jpg) no-repeat center top;} #body .barLine{ height:40px; background:#ccd6e2; } #body .content { /* -webkit-box-shadow: 1px 0px 3px rgba(52, 50, 50, 0.5); -moz-box-shadow: 1px 0px 3px rgba(52, 50, 50, 0.5); box-shadow: 1px 0px 3px rgba(52, 50, 50, 0.5); */ margin: 0 auto; min-height: 500px; overflow: hidden; padding: 0; width: 990px; padding-bottom:40px; } #body .content .section { position:relative; float: left; margin: 0; padding: 0; width: 790px; text-align:left; } #body .content .section p { color: #333; line-height: 160%; margin: 0; padding: 0; } #body .content .section a{ color: #74aae0; } #body .content .section a:hover { color: #3366cc; text-decoration: underline; } #body .content .section .breadcrumb { margin: 45px 0 0 0; overflow: hidden; padding: 0 0 0 30px; width: 100%; text-align:left; } #body .content .section .breadcrumb span { color: #7a7a7a; display: block; float: left; font-size: 12px; margin: 0; padding: 2px 0 0; } #body .content .section .breadcrumb ul { float: left; margin: 0; overflow: hidden; padding: 0; } #body .content .section .breadcrumb ul li { background: url(/users/sepope/images/sub/separator2.png) no-repeat center left; display: block; float: left; list-style: none; margin: 0; padding: 0; padding-left:10px; margin-right:10px; } #body .content .section .breadcrumb ul li:first-child { background: url(/users/sepope/images/sub/home_icon.gif) no-repeat center left; padding-left:17px; } #body .content .section .breadcrumb ul li:last-child{ margin-right:0; } #body .content .section div h2 { color: #093483; font-family: Verdana, Geneva, sans-serif; font-size: 30px; margin: 25px 0 0px 0; padding: 0; font-weight:normal; } #body .content .section div h2.subtt{ font-size: 18px; font-family:malgun gothic, 맑은 고딕; color:#666666; font-weight:bold; margin:10px 0 70px 0; } #body .content .section .company { margin: 0; padding: 0 0 0 30px; width: 760px; text-align:justify; font-family: Verdana, Geneva, sans-serif; font-size:9pt; } .old-ie #body .content .section .company { width:790px;} #body .content .section .company div.board{ border-top:1px solid #ccc;} #body .content .section .company .tab{ padding-bottom:40px;} #body .content .section .company .tab ul{} #body .content .section .company .tab ul li{ list-style:none; padding:0; margin:0; background:none; float:left;} #body .content .section div h3 { color: #7a7a7a; font-family: malgun gothic, 맑은고딕; font-size: 18px; font-weight: normal; line-height: 24px; margin: 0; padding: 0; text-transform: capitalize; } #body .content .section .company h3 { font-weight:bold; font-family:"Times New Roman", Times, serif; font-size:12pt; color:#0d4a9b; background:url(/users/sepope/images/sub/icon_h3.gif) no-repeat left center; padding:0; margin:0 0 8px 0; clear:both; } #body .content .section .company div h3 { padding: 0 0 15px; } #body .content .section .company h4 { font-family: Verdana, Geneva, sans-serif; font-weight:bold; font-size:10pt; color:#2a99d2; background:url(/users/sepope/images/sub/icon_h4.gif) no-repeat left 4px; padding-left:18px; margin:10px 0 5px 0; clear:both; } #body .content .section .company p { padding: 0 0 20px; } #body .content .section .company ul{ padding:0; margin:5px 0 25px 0; list-style:none;} #body .content .section .company ul li{padding:0; margin:0; list-style:none; background:url(/users/sepope/images/sub/list_icon.gif) no-repeat left 5px; padding-left:13px; margin:0 0 6px 0px; line-height:160%; font-family:Verdana, Geneva, sans-serif;} #body .content .section .company ol{} #body .content .section .company ol li{ font-family:Verdana, Geneva, sans-serif;} #body .content .section .company div.boardWrap{ border-top:1px solid #ccc;} #body .content .section .company div.msWrap{ text-align:center;} #body .content .section .company div.msWrap table{ margin:0 auto;} #innerContents h3{ } #innerContents h3.first{ margin:0 0 10px 0;} #innerContents h4{ } #body .content .sidebar{ position:relative; float: left; margin: 0; padding: 35px 0 0 0; width: 200px; text-align:left; } #body .content .sidebar div { margin: 0; padding: 0; } #body .content .sidebar div ul { margin: 0; padding: 0; } #body .content .sidebar div ul li { list-style: none; margin: 0; padding: 0; } #body .content .sidebar .navigation { margin: 0; background: url(/users/sepope/images/sub/sub_mtt.gif) no-repeat left top; } #body .content .sidebar div h3 { width:180px; font-size: 20px; line-height: 60px; margin: 0; padding: 0; text-transform: capitalize; text-align:center; } #body .content .sidebar .navigation h3 { line-height: 25px; text-align:center; padding:29px 0 0 0; margin-bottom:7px; color:#fff; font-family: Arial, Helvetica, sans-serif; } #body .content .sidebar .navigation p{ text-align:center; padding:0; margin:0 20px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#95a9c9; height:63px; } #body .content .sidebar .navigation ul li{} #body .content .sidebar .navigation ul li a { background: url(/users/sepope/images/sub/bg-sidebar-nav-none.gif) no-repeat top left; color: #666; display: block; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; line-height: 20px; margin: -4px 0 0; text-decoration: none; text-transform: capitalize; width: 190px; padding:10px 0 14px 10px; } #body .content .sidebar .navigation ul li.selected a { background: url(/users/sepope/images/sub/bg-sidebar-nav-selected.gif) no-repeat top left; font-weight:bold; color: #24a6ff; padding-left:10px; } #body .content .sidebar .navigation ul li a:hover { color: #1b44bc; font-weight:bold; } .innerTb table{border-top:2px solid #0d4a9b; text-align:center; width:100%; margin-bottom:30px;} .innerTb table th {background: none repeat scroll 0 0 #F4F7FB; color: #333333; font-size:9pt; font-weight: bold !important;} .innerTb table th {padding: 5px; border: 1px solid #E9E9E9;} .innerTb table td{padding: 5px; border: 1px solid #E9E9E9;} .innerTb table td.stt{ font-weight:bold; background:#f9f9f9;} .innerTb table td.title{padding:0 15px; text-align:left; font-weight:bold; color:#0d4a9b;} .innerTb table td.outline{padding:0 15px; text-align:left; color:#999} .innerTb table td.outline ol{ margin:0; padding-left:18px;} .innerTb table td.outline ol li{color:#999} .bignum{ color:#7d7d7d; font-size:16pt; font-weight: bold; font-family:Verdana, Geneva, sans-serif; list-style:none; background:url(/users/sepope/images/sub/ol_bignum.gif) no-repeat left 7px; padding-left:20px;} .bignum div{ color:#333; font-size:9pt; font-family:Verdana, Geneva, sans-serif; font-weight:normal;} .korea li{ margin-bottom:15px;} .korea li.bignum{background:url(/users/sepope/images/sub/ol_bignum.gif) no-repeat left 4px;} .korea li table{ margin:5px 0 0px 0;} .korea li p{ margin:0; padding:0;} .korea li ol li{ margin-bottom:5px;} #body .content .section .company .korea .bignum h4{ font-family:malgun gothic, 맑은 고딕; font-weight:bold; font-size:9pt; color:#000; background:url(/users/sepope/images/sub/icon_h4.gif) no-repeat left center; padding-left:15px; margin:5px 0 0 0; clear:both; } .old-ie ol.korea{ padding-left:0; margin-left:0;} .old-ie ol.korea li table{ width:96%;} .old-ie ol.korea li ol li table{ width:90%;} .old-ie ol.korea li.bignum{background:url(/users/sepope/images/sub/ol_bignum.gif) no-repeat left 8px;} .calendar th strong{ color:#06F; width:180px;} .calendar td{ text-align:left; padding-left:10px;} p.email{ background:url() no-repeat left 0px; padding-top:10px;} div.unit{ margin-bottom:30px;} div.unit h3{ padding:0; margin:10px 0;} div.unit h3 a{ font-size:9pt; color:#F00; padding-left:10px;} div.unit h3 a:hover{color:#F00;} div.unit p{ width:115px; float:left; margin-right:20px;} div.unit ul{ float:left; width:650px;} div.unit ul li{ background:url(/users/sepope/images/sub/ulist_icon.gif) no-repeat left 5px;} .old-ie div.unit ul{ float:left; width:620px;} #body .content .section .company div.require{} #body .content .section .company div.require ul{ width:100%; padding:0; margin:0 0 20px 0;} #body .content .section .company div.require ul li{ display:inline; background:none; width:150px; height:29px; padding:0; margin:0;} #body .content .section .company div.require ul li.s43_tab_on{ background-color:#C00; background-color:#C00; color:#FFF;} #body .content .section .company div.require ul li.s43_tab_off{ border:1px solid #e2e2e2; background-color:#f8f8f8;} div.related{ width:100%; text-align:center;} div.related div{ width:210px; height:50px; border:1px solid #ccc; float:left; margin:0 20px 30px 20px; text-align:center; padding-top:5px;} div.related div img{ width:180px; height:50px;} .old-ie div.related div{ width:190px; } #body .content .section .company div#prof{} #body .content .section .company div#prof h4{ color:#da4944; font-size:11pt; background:none; padding:0;} #body .content .section .company div#prof div.unit{ float:left; margin:0 20px 20px 0; width:360px; height:130px; position:relative;} #body .content .section .company div#prof div.unit p{ margin:0; padding:0;} #body .content .section .company div#prof div.unit p.photo{ width:120px; height:128px; float:left;} #body .content .section .company div#prof div.unit p.photo img{width:120px; height:128px;} #body .content .section .company div#prof div.unit ul{ float:left; margin:0; padding:15px 0 0 0; width:240px;} #body .content .section .company div#prof div.unit ul li{} #body .content .section .company div#prof div.unit ul li.tt{ color:#666;} #body .content .section .company div#prof div.unit ul li.tt strong{ color:#3c7cbe; font-size:10pt;} #body .content .section .company div#prof div.unit p.btn{ position:absolute; top:0; right:0; width:28px; height:11px; margin:0 20px 0 0; } #body .content .section .company .linkData{} #body .content .section .company .linkData h3{font-family: Verdana, Geneva, sans-serif; font-weight:bold; font-size:10pt; color:#0d4a9b; padding:3px 0 3px 8px; margin:0; background:#e7edf4;} #body .content .section .company .linkData ul{} #body .content .section .company .linkData ul li{} #body .content .section .company .linkData ul li strong{} /*논문관리 테이블*/ .wh {color:#333333;font-weight:bold; selector-dummy : expression(this.hideFocus=true); background-color:#F4F7FB;} /*Head(Title)부분*/ .wh A:link{color:#ffffff;text-decoration:none; selector-dummy : expression(this.hideFocus=true); background-color:#E9E9E9; } .wh A:visited{color:#ffffff;text-decoration:none; selector-dummy : expression(this.hideFocus=true); background-color:#E9E9E9; } .wh A:active{color:#ffffff;text-decoration:none; selector-dummy : expression(this.hideFocus=true); background-color:#E9E9E9; } .wh A:hover{color:#ffffff;text-decoration:underline; selector-dummy : expression(this.hideFocus=true); background-color:#E9E9E9; } .wht {selector-dummy : expression(this.hideFocus=true); background-color:#cccccc; border-top:2px solid #0d4a9b;} /*전체테이블(라인색상 결정됨)*/ .treat0 {color:#333333;font-weight:bold; selector-dummy : expression(this.hideFocus=true); background-color:#F4F7FB; border: 1px solid #E9E9E9;} /*내용 : 번호*/ .treat1 {color:#333333; selector-dummy : expression(this.hideFocus=true); background-color:#ffffff; border: 1px solid #E9E9E9;} /*내용 : 저자*/ .treat2 {color:#333333; selector-dummy : expression(this.hideFocus=true); background-color:#ffffff; border: 1px solid #E9E9E9;} /*내용 : 논문*/ .treat2 p{ padding:0; margin:0;} .treat2 a{ padding:0; margin:0;} .treat3 {color:#333333; selector-dummy : expression(this.hideFocus=true); background-color:#ffffff; border: 1px solid #E9E9E9;} /*내용 : 게재년도*/ .treat4 {color:#333333; selector-dummy : expression(this.hideFocus=true); background-color:#ffffff; border: 1px solid #E9E9E9;} /*내용 : 파일*/ .treat5 {color:#333333; selector-dummy : expression(this.hideFocus=true); background-color:#ffffff; border: 1px solid #E9E9E9;} /*내용 : ??*/ /*회원가입 정보동의*/ .sepope_table { width:600px; border:none; padding:0px; border:1px solid red;} .sepope_title_01, .sepope_title_02, .sepope_title_03 {color:#333333; font-weight:bold; font-size:16px} .sepope_textarea_01, .sepope_textarea_02, .sepope_textarea_03 { width:90%;height:60pt; font-family:굴림; font-size:9pt; color:rgb(118,17,17); letter-spacing:120%; line-height:150%; background-color:rgb(243,243,243); padding:5px; border-width:1; border-color:rgb(250,196,196); border-style:solid;} .sepope_checkbox {}