/* 기본 설정 ---------------------------------------------------------------------------------*/ html,body{width:100%;height:100%;overflow:hidden;} body{ margin:0; padding:0; cursor:default; background:#fff url(../images/white/bg.gif) repeat-x center 65px; height:100%; } a { text-decoration:none; outline:0; } a:hover {text-decoration:none; outline:0} /* 레이아웃 구조 설정 ---------------------------------------------------------------------------------*/ #scroller { width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/blank.gif); z-index:3} #movie { width:100%;height:100%;overflow:hidden;z-index:1;} #cont{width:100%;height:100%;position:absolute;top:0;left:0; overflow-y:scroll; z-index:4; } #container_body { position:relative; margin:0 auto; padding:0 0 90px 0; _padding:0 0 250px 0; top:135px; right:9px; _right:0; z-index:1; overflow:hidden; } #container_contents { overflow:hidden; } #container_contents .wrapper.nopadding { padding:0; *zoom:1; overflow:hidden; } #container_contents .wrapper.padding { padding:30px 20px; background:#fff; *zoom:1; overflow:hidden; } /* 사이드바 1을 좌측에 정렬 */ .ec #e1 { float:left; margin-right:20px; } .ec #container_contents { _float:right; } /* 사이드바 1을 우측에 정렬 */ .ce #e1 { float:right; margin-left:20px; } .ce #container_contents { _float:left; } /* 사이드바 1,2를 좌측에 정렬 */ .eec #e1 { float:left; margin-right:20px; } .eec #e2 { float:left; margin-right:20px; } .eec #container_contents { _float:right; } /* 사이드바 1,2를 우측에 정렬 */ .cee #e1 { float:right; margin-left:20px; } .cee #e2 { float:right; margin-left:20px; } .cee #container_contents { _float:left; } /* 사이드바 1,2를 양쪽에 위치시키고 컨텐츠부를 가운데로 정렬 */ .ece #e1 { float:left; margin-right:20px; } .ece #e2 { float:right; margin-left:20px; } .ece #container_contents { _float:left; } #e1 .wrapper.nopadding { margin:0; padding:0; color:#666; } #e1 .wrapper.padding { margin:0; padding:30px 20px; background-color:#000; color:#666; } #e2 .wrapper.nopadding { margin:0; padding:0; color:#666; } #e2 .wrapper.padding { margin:0; padding:30px 20px; background-color:#000; color:#666; } /* Header ---------------------------------------------------------------------------------*/ #header { position:fixed; _position:absolute; width:100%; height:65px; background:url(../images/white/bg_header.gif) repeat-x; top:0; right:17px; z-index:5; } #header .wrapper { margin:0 auto; padding:0; height:65px; position:relative; z-index:1; } #sub_header { position:relative; height:48px; background:url(../images/white/bg-sub-nav.png) no-repeat center top; } #sub_header .wrapper { position:relative; width:900px; z-index:0; } #siteLogo { position:absolute; top:10px; left:0; } /* 위젯 스타일 ---------------------------------------------------------------------------------*/ .sec01 { position:relative; padding:0 0 30px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; } .sec01 .title { display:block; margin-bottom:10px; text-decoration:underline; color:#6d95b1; } .sec01 .body { display:block; } .sec01 .body a, .sec01 .body a:visited, .sec01 .body a:focus{ color:#999; } .sec01 .body a:hover{ color:#999; } /* 푸터 ---------------------------------------------------------------------------------*/ #footer_toggle { position:fixed; _position:absolute; right:17px; bottom:-410px; width:100%; height:420px; background:#fff url(../images/white/bg_footer.gif) repeat-x center top; z-index:5; *zoom:1; } #footer_toggle .wrapper { margin:0 auto; padding:0; position:relative; } #footer_toggle .footer_toggler { position:absolute; left:0; _left:8px; top:-25px; width:96px; height:26px; cursor:pointer; background:url(../images/white/btn_footer.gif); text-indent:-1000em; } #footer_toggle .cinema_toggler { position:absolute; left:95px; top:-25px; width:96px; height:26px; cursor:pointer; background:url(../images/white/btn_cinema.gif); text-indent:-1000em; } #footer_toggle #player { position:relative; left:17px; } #footer { position:fixed; _position:absolute; right:17px; bottom:0; width:100%; height:90px; background:#fff url(../images/white/bg_footer.gif) repeat-x center top; z-index:5; } #footer .wrapper { margin:0 auto; padding:0; position:relative; } #footer_box1 { width:200px; height:300px; margin:20px 20px 0 0; float:left; } #footer_box2 { width:200px; height:300px; margin:20px 20px 0 0; float:left; } #footer_box3 { width:200px; height:300px; margin:20px 0 0 0; float:left; } #footer_box4 { width:270px; height:300px; margin:20px 0 0 0; float:right; } /* 좌측 하단 메뉴 ---------------------------------------------------------------------------------*/ #bottomMenuArea { position:relative; float:left; top:30px; clear:both; font:12px Arial, Helvetica, sans-serif; color:#999; } #bottomMenu { margin:0; padding:0; list-style:none; overflow:hidden; } #bottomMenu li { float:left; margin-right:10px; } #bottomMenu li a { color:#505050; padding-right:10px; font-weight:bold; background:url(../images/white/vr.gif) no-repeat right 4px; } #bottomMenu li:last-child a { background:none } #bottomMenu li a:hover { color:#6d95b1; text-decoration:underline; } #bottomMenuArea span { font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size:9px; text-transform:uppercase; display:inline-block; margin-top:5px; clear:both; *zoom:1; } /* 우측 하단 메뉴 ---------------------------------------------------------------------------------*/ #bottomBanner { list-style:none; float:right; position:relative; top:30px; margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; color:#444; } #bottomBanner li { float:left; margin-left:30px; height:30px; } #bottomBanner li a, #bottomBanner li a:visited { color:#666; } #bottomBanner li a:hover { color:#da9a2a; text-decoration:underline; }