@import "basic.css";

/* Top & Copy ºÎºÐ¿¡ ´ëÇÑ ½ºÅ¸ÀÏ Á¤ÀÇ */
.top:after {display:block;clear:both;content:"";}
#logo {
    float: left; width: 220px;height:50px;
    }
#logo img {
    display: block; width: 0;
	}
#logo a {
	display: block; width: 220px;height: 50px;background:url(../img/common/logo.gif) no-repeat 12px 50%;
	}

.keymenu {
	margin: 0; width: 727px;padding-top:22px;text-align: right;
	}

.top_flash {
	 width: 100%; height: 300px;
	 background: url(../img/main/bg_flash.gif) repeat;
	 }

.add {
    height: 40px; padding: 17px 0 0 200px;
	background: #F2F2F2 url(../img/common/add.gif) no-repeat 140px 50%;
	}
.copy {
    height: 20px;
	background: #FFF url(../img/common/copy.gif) no-repeat 770px 50%;
	}

/* ¿©±â±îÁö */

.contents {
    width: 950px; height: 220px;
	}

#con_left {
    float: left;	width: 445px; height: 220px;
	margin: 0; padding: 10px 0 0 10px;
	}

#con_left p {margin-bottom: 7px; padding: 0}

#con_right {
    height: 220px;
	margin: 0; padding: 10px 0 0 22px;
	}

#con_right p {margin-bottom: 7px; padding: 0}


.notice {
    float: left;
	width: 480px; height: 122px;
	margin-bottom: 7px; padding: 0;
	background: url("../img/main/bg_notice.gif") no-repeat 390px 40px;
	}

.notice_left {
    float: left;
	width: 312px; height: 30px;
	margin: 0; padding: 7px 0 0 19px;
    background: url("../img/main/notice_mark.gif") no-repeat 7px 50%;
	border-bottom: 1px dotted #CCC;
	}

.notice_right {
    width: 57px; height: 30px;
	margin: 0; padding-top: 7px; text-align: center;
	font-family: Tahoma; font-size: 8pt; color: #8CB2BE;
	border-bottom: 1px dotted #CCC;
    }

#gal img {
    border: 1px solid #666; margin-left: 5px;
	}