@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------
 * Name      : style.css
 * Created   : 2010/02 cnscamp by kjh
 * Updated  :
 ------------------------------------------------------------ */

@import url("sub_style.css");

/* 마진,패딩값 초기화 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,
h4,h5,h6,pre,form,fieldset,input,p,
blockquote,th,td {margin:0; padding:0;}

/* 헤더 폰트 사이즈 초기화 */
h1,h2,h3,h4,h5,h6 {font-size:100%;}

/* 리스트의 스타일 제거 */
ol,ul {list-style:none;}

/* 이미지,필드셋 보더값 초기화 */
fieldset,img {border:0;}

/* LINK */
a:link, a:visited {color: #a2a2a2; text-decoration: none;}
a:hover, a:active {color: #82a8af; text-decoration: none;}

/* 대체텍스트용 */
.comment{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}

hr{display:none;}
br.clear{clear:both}
select{height:19px;width:60px;font-size: 0.9em;}
body {
	position:relative;
	width:100%;
	height:auto;
	text-align:left;
	font-size: 0.75em;
	line-height: 150%;
	font-family: 돋움, Dotum, AppleGothic, sans-serif;
	color:#a2a2a2;
	background:#fff url(../images/main/bg.gif) repeat-x;
	
}

input {border:1px solid #ddd; background:#fff; height:17px;}

/* 1. CI 및 메뉴 영역 */

#wrap {width:100%; margin:0px;}

#top {margin-left:58px; width:995px; height:104px; position:relative; }
#top .ci {position:absolute; top:44px; left:34px;}
#top ul.gnb_top {position:absolute; top:10px; right:10px;}
#top ul.gnb_top li {display:inline;padding-left:3px;}
#top ul.gnb_top li img {vertical-align:middle;}
#top ul.gnb_top li.search {padding-left:20px;}
#top ul.gnb_top li.btn input {width:85px; height:14px; vertical-align:middle;}
#top .gnb {position:absolute; right:0px; width:734px; height:65px; top:35px;}
#top .gnb ul.gnb_menu {position:absolute; right:0px; top:35px; width:734px; height:65px;}
#top .gnb ul.gnb_menu li {position:absolute; right:0px;}


/* 2. 메인 컨텐츠 */

#body {margin-left:58px; width:995px; position:relative;}
#body .body_left {float:left; margin-top:10px; width:203px;}
#body .body_left .flash_area1 {margin-top:10px;}
#body .body_left .flash_area2 {}
#body .body_left ul.left_banner {position:relative; top:20px; background:url(../images/main/left_bannerbg.gif) no-repeat; width:203px; height:264px;}
#body .body_left ul.left_banner li.banner1 {padding-left:28px; padding-top:62px;}
#body .body_left ul.left_banner li.banner2 {padding-left:28px; padding-top:23px;}

#body .body_right {float:right;width:780px;}
#body .body_right .main_img {width:780px; height:378px;position:relative;}

#body .body_right .content_left {float:left; margin-top:-70px; margin-left:40px;display:inline;} /*padding-left:20px*/
#body .body_right .content_left ul.photo_board {position:absolute; left:260px;} /*left:240*/
#body .body_right .content_left ul.photo_board li{float:left;}
#body .body_right .content_left ul.photo_board li.title {position:absolute; top:5px; left:130px;}
#body .body_right .content_left ul.photo_board li.more {position:absolute; top:5px; left:308px;}
#body .body_right .content_left ul.photo_board_list {position:relative; left:114px; top:30px; padding-right:15px; width:250px;}
#body .body_right .content_left ul.photo_board_list li{float:left; padding-left:20px;height:98px}

#body .body_right .content_left .notice {position:relative;height:112px;width:354px;clear:both; top:28px;}
#body .body_right .content_left .notice ul.notice_board {background:url(../images/main/notice_titlebg.gif) repeat-x; height:19px;}
#body .body_right .content_left .notice ul.notice_board li {float:left;}
#body .body_right .content_left .notice ul.notice_board li.more {position:absolute; left:313px; width:116px; height:19px; }
#body .body_right .content_left .notice ul.notice_board_list {clear:left; padding:8px 0 0 3px;}
#body .body_right .content_left .notice ul.notice_board_list li {background:url(../images/main/point01.gif) 0 9px no-repeat; padding-left:7px;}

#body .body_right .content_left ul.bottom_banner {clear:left; position:absolute; left:250px; top:555px;} /*left:230px;*/
#body .body_right .content_left ul.bottom_banner li {float:left;}

#body .body_right .content_right {float:right; position:relative;  background:url(../images/main/right_bannerbg.gif) no-repeat; width:367px; height:237px;margin-top:-20px;}
#body .body_right .content_right .right_banner1 {
	position:absolute;
	left:85px;
	top:70px;
}
#body .body_right .content_right .right_banner2 {
	position:absolute;
	left:190px;
	top:83px;
}
#body .body_right .content_right .right_banner3 {position:absolute; left:90px; top:170px;}
#body .body_right .content_right .right_banner4 {
	position:absolute;
	left:175px;
	top:0px;
}

/* 3. 카피라이트 */

#bottom {width:100%; height:78px; top:40px; position:relative; clear:both; background:url(../images/main/copy_bg.gif) 0 bottom repeat-x;}
#bottom .copy_ci{position:absolute; left:68px; top:25px;}
#bottom .copy_add{position:absolute; left:303px; top:25px;}
#bottom .copy_ps{position:absolute; left:700px; top:25px;}
#bottom .copy_select{position:absolute; left:878px; top:25px;}
#bottom .copy_select select {font-size:90%; width:164px;}