@charset "utf-8"; /* ---------------------------------------------------------------------------------------------------- * Daonsoft Publishing.Div * Author : 2010-02-05 by 2dea * Descript : EPMS-Demo Main-Page CSS * Location : http://demo.dopms.co.kr * Last Edit+ : 2010-02-05 by 2dea * Comment : Modified Line- ---------------------------------------------------------------------------------------------------- */ /* Import Rules */ @import url("/resource/new_css/layout.css"); /* Layout Selector */ #dobody {} #dobody .wrapper {background-image: url("/resource/new_images/common/bg_main_visual2.jpg"); } #header .container {width: 1000px; height: 365px; } #header .colgroup {display: inline-block; height: 283px; background: url("/resource/new_images/main/bg_colgroup.gif") no-repeat; } #header .area-lnb {display: inline; float: left; width: 228px; } #header .area-lnb .navi-main {position: relative; z-index: 40; padding: 3px 0px 0px 1px; } #header .area-lnb .navi-main ul#depth1 {width: 225px; padding: 0px 1px; } #header .area-lnb .navi-main li.depth1 {position: relative; height: 38px; } html>/**/body #header .area-lnb .navi-main li.depth1 img {display: block; } #header .area-lnb .navi-main li.depth1 div {position: absolute; right: -2px; z-index: 50; visibility: hidden; padding-bottom: 5px; background: url("/resource/new_images/main/nav_sub_box_btm.gif") no-repeat 0% 100%; } #header .area-lnb .navi-main li.depth1 div#depth2-1 {top: 11px; } #header .area-lnb .navi-main li.depth1 div#depth2-2 {top: 11px; } #header .area-lnb .navi-main li.depth1 div#depth2-3 {top: 11px; } #header .area-lnb .navi-main li.depth1 div#depth2-4 {right: -35px; bottom: -44px; } #header .area-lnb .navi-main li.depth1 div#depth2-5 {bottom: -11px; } #header .area-lnb .navi-main li.depth1 div#depth2-6 {right: -64px; bottom: -11px; } #header .area-lnb .navi-main li.depth1 div ul {position: relative; padding-top: 4px; background: url("/resource/new_images/main/nav_sub_box_top.gif") no-repeat 0% 0%; } #header .area-lnb .navi-main li.depth1 div ul li {padding: 0px 2px; background: url("/resource/new_images/main/nav_sub_box_mid.gif") repeat-y; } #header .area-issue {display: inline; position: relative; float: left; width: 544px; } #header .area-issue .box {position: absolute; z-index: 20; left: -5px; top: -17px; width: 526px; height: 258px; padding: 13px; background: url("/resource/new_images/main/news_bg.png") no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/new_images/main/news_bg.png', sizingMethod='crop'); } #header .area-issue .wrap {position: relative; z-index: 30; top: -4px; width: 526px; height: 258px; margin: 0px auto; } #header .area-issue .wrap .article {position: static; } #header .area-issue .wrap .article .background {position: absolute; left: 0px; bottom: 0px; width: 526px; height: 70px; margin: 0px auto; background: #000; opacity: 0.40; filter: alpha(opacity=40); } #header .area-issue .wrap .article .content {position: absolute; left: 0px; bottom: 0px; z-index: 40; width: 466px; height: 65px; margin: 0px auto; padding: 5px 30px 0px 30px; line-height: 1.333em; } #header .area-issue .wrap .article .content a {position: relative; color: #d6d6d6; } #header .area-issue .wrap .article .content .title {display: block; padding: 5px 0px; font-size: 1.168em; color: #FFF; } #header .area-issue .wrap .article .content .print {display: block; height: 32px; overflow: hidden; color: #d6d6d6; } #header .area-issue .wrap .article .spotlight {position: static; width: 526px; height: 258px; padding: 0px; background: #FFF; } #header .area-issue .wrap .article .spotlight img {display: block; width: 526px; height: 258px; margin: 0px auto; } #header .area-issue .wrap .control {position: absolute; left: 0px; bottom: 0px; width: 526px; height: 86px; margin: 0px auto; } #header .area-issue .wrap .control .prev {position: absolute; left: 15px; top: -60px; } #header .area-issue .wrap .control .prev button {position: relative; width: 18px; height: 32px; background: url("/resource/new_images/main/news_arrow_prev.png") no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/new_images/main/news_arrow_prev.png', sizingMethod='crop'); } #header .area-issue .wrap .control .next {position: absolute; right: 15px; top: -60px; } #header .area-issue .wrap .control .next button {position: relative; width: 18px; height: 32px; background: url("/resource/new_images/main/news_arrow_next.png") no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/new_images/main/news_arrow_next.png', sizingMethod='crop'); } #header .area-side {display: inline; float: right; width: 228px; } #header .area-side .area-popup {height: 125px; overflow: hidden; padding: 7px 0px 0px 13px; background: url("/resource/new_images/main/popup_bg.gif") no-repeat 0% 100%; } #header .area-side .area-popup h3 {padding-bottom: 3px; } #header .area-side .area-popup .wrap {display: inline-block; position: relative; width: 202px; } #header .area-side .area-popup .wrap ol {display: inline-block; float: right; } #header .area-side .area-popup .wrap ol li {display: inline; float: left; } #header .area-side .area-popup .wrap ol li a {display: inline-block; position: relative; top: -19px; margin-left: 1px; } #header .area-side .area-popup .wrap ol li a img {display: block; padding: 1px; } #header .area-side .area-popup .wrap ol li .content {display: block; position: absolute; left: 0px; top: 0px; } #header .area-side .area-popup .wrap ol li .content a {position: static; margin: 0px; } #header .area-side .area-popup .wrap ol li .content img {display: block; width: 201px; height: 89px; padding: 0px; } #header .area-side .area-dic {height: 105px; overflow: hidden; padding: 8px 0px 0px 13px; background: url("/resource/new_images/main/dic_bg.gif") no-repeat 0% 0%; } #header .area-side .area-dic h3 {padding-bottom: 4px; } #header .area-side .area-dic .wrap {position: relative; width: 202px; } #header .area-side .area-dic .content {display: block; padding-left: 61px; font-size: 1em; font-family: "돋움", Dotum, AppleGothic, sans-serif; } #header .area-side .area-dic .content a {color: #FFF; } #header .area-side .area-dic .content .title {display: block; padding-bottom: 4px; font-weight: normal; color: #f4fd00; } #header .area-side .area-dic .content .print {display: block; color: #FFF; } #header .area-side .area-dic .more-button {position: absolute; right: -1px; top: -23px; } #header .area-side .area-dic .more-button img {display: block; float: right; padding: 5px 1px; } #main {position: static; clear: both; width: 100%; } #main .container {display: inline-block; position: relative; width: 1001px; margin: 0px auto; } html>/**/body #main .container {display: block; } #main .container:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #footer {position: static !important; border-top: 0px none; } /* Page Main Selector */ #main .area-search {display: inline; float: left; width: 215px; height: 289px; background: url("/resource/new_images/main/search_box.gif") no-repeat; } #main .area-search .wrap {padding-bottom: 12px; } #main .area-search .wrap .form {display: block; } #main .area-search .wrap .form strong.search-title {display: block; height: 20px; text-align: center; padding-top: 6px; } #main .area-search .wrap .form input.txt-type {width: 138px; margin-top: 16px; margin-left: 14px; border: 1px solid #818181; } #main .area-search .wrap .form input.img-type {margin-top: 16px; margin-left: 3px; } #main .area-search .key {display: inline-block; width: 198px; padding: 13px 0px 0px 15px; font-size: 1em; font-family: "돋움", Dotum, AppleGothic, sans-serif; } #main .area-search .key * {float: left; } #main .area-search .key strong {float: left; width: 38px; } #main .area-search .key strong img {vertical-align: middle; } #main .area-search .key .keyword {float: left; width: 138px; height: 18px; overflow: hidden; margin-left: 4px; } #main .area-search .key .keyword a {margin-left: 4px; padding: 3px 0px 1px 0px; letter-spacing: -1px; } #main .area-search .navi-quick {clear: both; } #main .area-search .navi-quick ul {display: inline-block; width: 204px; margin: 0px auto; padding: 7px 0px; background: url("/resource/new_images/common/info_dot-h.gif") repeat-x; } html>/**/body #main .area-search .navi-quick ul {display: block; } #main .area-search .navi-quick ul:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #main .area-search .navi-quick ul li {display: inline; float: left; margin: 6px 5px; } #main .area-search .navi-quick ul li img {display: block; } #main .area-latest {display: inline-block; float: left; width: 562px; margin-top: -8px; padding-left: 8px; } #main .area-latest .latest {display: inline; position: relative; float: left; width: 265px; margin: 8px 6px 7px 6px; } #main .area-latest .latest h4 {height: 20px; padding: 8px 0px 0px 3px; border-bottom: 1px solid #e6e6e6; } #main .area-latest .latest ul {padding: 3px 0px 0px 3px; font-size: 1em; font-family: "돋움", Dotum, AppleGothic, sans-serif; } #main .area-latest .latest ul li {display: inline-block; margin-top: 6px; padding-left: 6px; white-space: nowrap; background: url("/resource/new_images/main/latest_bul.gif") no-repeat 0px 5px; } #main .area-latest .latest ul li .date {display: inline; float: left; width: 35px; overflow: hidden; padding-right: 5px; color: #56b128; } #main .area-latest .latest ul li .subject {display: inline; float: left; width: 210px; overflow: hidden; font-weight: normal; } #main .area-latest .latest ul li .subject img.ico-new {margin: 0px; } #main .area-latest .latest .more-button {position: absolute; right: 0px; top: 10px; } #main .area-latest .latest .more-button img {display: block; padding: 5px 1px; } #main .area-latest .latest-pr {display: inline; position: relative; float: left; width: 265px; margin: 8px 6px 7px 6px; background: url("/resource/new_images/main/latest_pr_list_bg.gif") no-repeat 0px 29px; } #main .area-latest .latest-pr h4 {height: 20px; padding: 8px 0px 0px 3px; border-bottom: 1px solid #e6e6e6; } #main .area-latest .latest-pr .pr-list {} #main .area-latest .latest-pr .pr-list h5 {display: inline; float: left; height: 21px; margin-left: 1px; } #main .area-latest .latest-pr .pr-list h5 img {} #main .area-latest .latest-pr .pr-list .list {position: absolute; left: 0px; top: 49px; width: 100%; } #main .area-latest .latest-pr ul {padding: 3px 0px 0px 3px; font-size: 1em; font-family: "돋움", Dotum, AppleGothic, sans-serif; } #main .area-latest .latest-pr ul li {margin-top: 6px; padding-left: 6px; white-space: nowrap; background: url("/resource/new_images/main/latest_bul.gif") no-repeat 0px 5px; } #main .area-latest .latest-pr .more-button {position: absolute; right: 0px; top: -40px; } #main .area-latest .latest-pr .more-button img {display: block; padding: 5px 1px; } #main .area-etc {display: inline; float: left; width: 215px; } #main .area-etc .etc-reportcon {margin-top: 0px; } #main .area-etc .etc-bookrec {width: 200px; height: 130px; margin-top: 6px; padding: 5px 7px 5px 8px; background: url("/resource/new_images/main/etc_bookRec_box.gif") no-repeat; } #main .area-etc .etc-bookrec h3 {height: 16px; padding: 8px 0px 0px 3px; border-bottom: 1px solid #e6e6e6; } #main .area-etc .etc-bookrec .wrap {display: inline-block; padding: 10px 0px 0px 4px; } #main .area-etc .etc-bookrec .wrap .cover {display: inline; float: left; width: 64px; } #main .area-etc .etc-bookrec .wrap .cover img {display: block; width: 64px; height: 90px; } #main .area-etc .etc-bookrec .wrap .content {display: inline; float: left; width: 124px; margin-left: 8px; } #main .area-etc .etc-bookrec .wrap .content .title {letter-spacing: -1px; color: #56b128 } #main .area-etc .etc-bookrec .wrap .content .info {display: inline-block; margin-top: 2px; font-size: 1em; font-family: "돋움", Dotum, AppleGothic, sans-serif; color: #898989; } #main .area-etc .etc-bookrec .wrap .content .info .writer {display: inline-block; } #main .area-etc .etc-bookrec .wrap .content .info .publisher {display: inline-block; } #main .area-etc .etc-bookrec .wrap .content .synopsis {display: inline-block; margin-top: 2px; font-size: 1em; font-family: "돋움", Dotum, AppleGothic, sans-serif; } /* For Pages Print */ @media print { * {font-family: Tahoma, Geneva, Arial, Verdana, "Century Gothic", AppleGothic, sans-serif !important; color: #000 !important; } a {text-decoration: underline !important; } body, #dobody {background: transparent none; } #dobody #header, #dobody #tail, #dobody #footer, #dobody #carpet {display: none; } #dobody, #dobody #main {height: auto; margin: 0px; padding: 0px; } }