@charset "euc-kr";
/* CSS Document */
/*--------------------------------------
--jubeater Style Sheet (2009/08/15)
version: fixed
author: 강한 (hanistar)
helper: 강성훈 (lifthrasiir), 전상윤 (X), 조요한 (john)
email: jubeater@live.com
website: http://jubeater.com/
--Basic Order
color
background
margin
padding
width
height
float
display:inline ;
overfiow:hidden ;
--Passed! http://jigsaw.w3.org/css-validator/
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fjubeater.com%2Fimport%2Fjubeater_w3xe.css&profile=css21&usermedium=all&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (HTML/XML 문서 전용)
--------------------------------------*/
/* Universal */
* {
margin:0 ;
padding:0 ;
border:none ;
}
ul {
margin:0 ;
padding:0 ;
list-style:none ;
display:block ;
}
img { border:none ; }
form {
margin:0 ;
padding:0 ;
}
a:link { text-decoration:none ; color:black ; }
a:visited { text-decoration:none ; color:black ; }
a:hover { text-decoration:none ; color:black ; }
a:active { text-decoration:none ; color:black ; }
a:focus { text-decoration:none ; color:black ; }
a:focus:hover { text-decoration:none ; color:black ; }
/* HEAD */
#top {
background:url(../images/bg_top.png) repeat-x center top ;
width:100% ;
height:210px ;
}
#top #head {
background:url(../images/bg_head.png) no-repeat center top ;
width:1000px ;
height:210px ;
}
#top #head #title {
width:399px ;
height:135px ;
float:right ;
display:inline ;
}
h1 { margin-top:44px ; }
#top #head #gnbwrap {
margin-top:24px ;
padding:4px 0 0 62px ;
width:511px ;
height:102px ;
float:right ;
display:inline ;
text-align:center ;
}
#top #head #gnbwrap #gnb {
margin-left:60px ;
width:440px ;
height:104px ;
display:inline ;
}
#snbsearch {
position:absolute ;
top:170px ;
width:1000px ;
height:40px ;
}
#search {
background:url(../images/bg_search.png) no-repeat ;
position:absolute ;
top:-7px ;
left:622px ;
padding:14px 0 0 170px ;
width:208px ;
height:54px ;
}
#snbwrap {
width:622px ;
height:44px ;
float:left ;
display:inline ;
text-align:center ;
}
#gnb li { float:left; list-style:none; white-space:nowrap; display:inline;}
#gnb li a { display:block; white-space:nowrap; text-decoration:none;}
#isSearch { top:48px; right:15px; width:200px; text-align:right;}
#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/default/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff; line-height:normal;}
*:first-child+html #isSearch .checked { top:1px; }
#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #919898; background:#536c6d;}
#isSearch ul li { width:67px; height:18px; list-style:none; }
#isSearch ul li input { display:none;}
#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff;}
#isSearch ul li label.on { background:#455a5b;}
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#455a5b;}
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:2px 3px; width:130px; height:15px; background-color:transparent; border:none;}
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:none;}
*:first-child+html body#default #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; margin-left:10px; _position:relative; _top:-1px;}
*:first-child+html body#default #isSearch .submit { position:relative; top:-1px;}
#snb { margin-top:9px; width:622px; height:40px;}
#snb li { list-style:none; margin:0 2px; display:inline;}
#snb li a { display:inline; text-decoration:none;}
#snb li a:hover,
#snb li a:focus {}
#snb li.on a { display:inline;}
#snb li.on a:hover,
#snb li.on a:focus {}
#snb li ul { display:inline; overflow:hidden;}
#snb li.on ul { display:inline;}
#snb li ul li { display:inline;}
#snb li ul li a {}
#snb li ul li a:hover,
#snb li ul li a:focus { }
#snb li.on ul li.on a { display:inline;}
.menu1 {
margin:0 8px 20px 8px ;
padding:0 ;
width:90px ;
height:90px ;
float:left ;
display:inline ;
}
.menu2 {
margin:6px 5px ;
padding:0 ;
width:40px ;
height:40px ;
float:left ;
display:inline ;
}
/* BODY */
#center {
background:#EEFFFA url(../images/bg_body_main.png) repeat-x center top ;
width:100% ;
height:100% ;
}
#bodywrap {
background:#FFF url(../images/bg_body_main.png) no-repeat center top ;
width:1000px ;
height:100% ;
}
#center #container {
background:url(../images/bg_content_main.png) no-repeat left top ;
padding:0 50px 70px 50px ;
width:650px ;
height:100% ;
float:left ;
display:inline ;
}
#center #container #htitle {
background:url(../images/h23_main.png) no-repeat ;
width:650px ;
height:180px ;
}
#center #sidebar {
background:transparent url(../images/bg_sidebar_transparent.png) no-repeat center top ;
padding:0 25px ;
width:200px ;
height:100% ;
float:right ;
display:inline ;
text-align:center ;
}
#center #sidebar #sign {
margin-top:40px ;
width:200px ;
height:250px ;
}
#center #sidebar #profile {
width:200px ;
height: 416px ;
}
#center #container #google_cse { margin-top:10px; width:180px ; height:100% ;}
#eapass { margin:18px 0 8px ; position:relative ; left:35px ; z-index:2 ; }
/* FOOT */
#bottom {
background:#EEFFFA url(../images/bg_bottom.png) repeat-x center top ;
width:100% ;
height:120px ;
}
#bottom #foot {
background:url(../images/bg_foot_transparent.png) no-repeat ;
position:relative ;
top:-72px ;
margin-bottom:-72px ;
width:1000px ;
height:192px ;
}
/* Add Class */
.center { margin:0 auto ; }
.clearfinish { clear:both ; }