묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
초보라서요 ㅠ상단 여백 부분 수정 알려주세요
2010.08.24 19:19
상단 여백(검은색 메뉴바 위 여백) 늘리는 부분을 알려주세요ㅠㅠㅠ
@charset "utf-8";
/* Default Skin - Start */
/* Site link style */
a:link {color:#555555; text-decoration:none;}
a:visited {color:#555555; text-decoration:none;}
a:hover {color:#555555; text-decoration:none;}
a:active {color:#555555; text-decoration:none ;} #selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }
a {selector-dummy: expression(this.hideFocus=true);}
body {margin:0; padding:0;}
.site {border:1px solid #ddd;}
.site a {color:#666; font-size:12px; text-decoration:none; font-family:돋움;}
.site a:hover {color:#FF3300;}
.site td td {height:17px;} /* Site Layout - Body Wrap */
body { background:#ffffff; line-height:0; }
#bodyWrap { position:relative; margin:0 auto; width:980px; padding:0; line-height:120%; } #header {position:relative; width:980px; height:150px; z-index:99;} #tb {position:absolute; right:5px; top:45px;} #favor {position:absolute; left:0; top:5px; }
#favor a {font-family:돋움; font-size:11px; color:#999; text-decoration:none;} #logo { position:absolute; left:0; top:35px;} #log { position:absolute; right:0; top:5px;}
#log a { font-family:돋움; font-size:11px; color:#999; text-decoration:none; margin-left:5px; } #ban {position:relative; width:188px; text-align:center; margin-top:15px;}
/* Site Layout - search */
#it_search_form { position:absolute; top:50px; right:15px; z-index:160; }
#it_search_form .input { border:1px solid #d9d9d9; height:17px; width:120px; color:#888888; font-size:.9em; }
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; } #isSearch { position:absolute; top:84px; right:10px; width:200px; text-align:right; z-index:160; }
#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:#5c5c5c; line-height:normal; }
*:first-child+html #isSearch .checked { top:0px; }
#isSearch ul { display:none; position:absolute; margin:0px; left:0px; top:18px; padding:2px 0 3px 0; text-align:left;
border:1px solid #b2b2b2; background:#ffffff; overflow:hidden; }
#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:14px;
font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c; }
#isSearch ul li label.on { background:#ededed; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { }
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 0 3px;
width:120px; height:13px; color:#333; border:1px solid #195fab; background-color:#FFFFFF;font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { }
*:first-child+html #isSearch .inputText { position:relative; top:-1px; }
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px; }
*:first-child+html #isSearch .submit { position:relative; top:-1px; } /* Site Layout - main menu */
#mainMenu_line {position:absolute; top:77px; width:100%; height:42px; padding:0px 0px 0px 20px; margin:0px;
z-index:90; background:url(../images/bg_header_blue.jpg) no-repeat; font-size:12px; }
#mainMenu_line table.tMenu {position:relative; top:0px; width:100%; height:42px; padding:0px; margin:0px; }
#mainMenu_line table td.td1 { color:#ffffff; padding:0px 0px 0px 0px; text-align:left;
height:42px; width:174px; }
#mainMenu_line table td.td2 { height:42px; width:32px; }
#mainMenu_line table td.td3 { height:42px; }
#mainMenu { position:absolute; top:0; height:42px; padding:0; margin:0; }
#mainMenu .Mmenu {position:relative; float:left; padding:0px; margin:0px; }
#mainMenu .Mmenu li { list-style:none; position:relative; float:left; padding:0 0 0 10px; margin:-1px 0px 0px 0px; *margin:0px; }
#mainMenu .Mmenu a {position:relative; display:block; float:left; color:#ffffff; padding:1px 1px 1px 1px; margin:0px;
vertical-align:middle; text-decoration:none; }
#mainMenu .Mmenu a:hover { color:#fff; height:26px; padding:1px 1px 1px 1px; margin:0px; text-decoration:none; }
#mainMenu .Mmenu li.on { }
#mainMenu .Mmenu .Smenu { position:relative; top:-61px; right:-90%; margin:0px; padding:0; }
#mainMenu .Mmenu .arrow {position:absolute; right:8px; padding-top:4px; } #mainMenu .Mmenu table {position:absolute; top:30px; left:5px; display:none; padding:0px; z-index:140; }
#mainMenu .Mmenu table td {white-space:nowrap; height:16px; border:2px solid #1c79da; background:#fff; }
#mainMenu .Mmenu table td a {float:none; font-weight:normal; color:#666; height:16px; padding:5px 20px 5px 10px;}
#mainMenu .Mmenu table td a:hover { color:#333333; height:16px; padding:5px 20px 5px 10px; background:#f6f6f6;} /* Site Layout - Content Body */
#contentBody { position:relative; width:100%; margin:0px; overflow:hidden; padding-bottom:30px; } /* Site Layout - Column Left */
#columnLeft { position:relative; float:right; width:188px; font-size:12px;} /* Site Layout - Column Right */
#columnRight { position:relative; overflow:hidden; float:left; width:785px; padding-top:2px; }
#content {position:relative; overflow:hidden; width:100%; } /* Site Layout - Footer */
#footer { margin:0; padding:15px 0 0 0; text-align:center; clear:both; border-top:1px dashed #ddd;}
#footer li { display:inline; background:url(../images/white/vrType1.gif) no-repeat left center; margin:0 5px 0 5px;}
#footer li a { color:#777; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;} #copy { text-align:center; padding-top:15px; padding-bottom:10px; color:#999; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
/* Site link style */
a:link {color:#555555; text-decoration:none;}
a:visited {color:#555555; text-decoration:none;}
a:hover {color:#555555; text-decoration:none;}
a:active {color:#555555; text-decoration:none ;} #selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }
a {selector-dummy: expression(this.hideFocus=true);}
body {margin:0; padding:0;}
.site {border:1px solid #ddd;}
.site a {color:#666; font-size:12px; text-decoration:none; font-family:돋움;}
.site a:hover {color:#FF3300;}
.site td td {height:17px;} /* Site Layout - Body Wrap */
body { background:#ffffff; line-height:0; }
#bodyWrap { position:relative; margin:0 auto; width:980px; padding:0; line-height:120%; } #header {position:relative; width:980px; height:150px; z-index:99;} #tb {position:absolute; right:5px; top:45px;} #favor {position:absolute; left:0; top:5px; }
#favor a {font-family:돋움; font-size:11px; color:#999; text-decoration:none;} #logo { position:absolute; left:0; top:35px;} #log { position:absolute; right:0; top:5px;}
#log a { font-family:돋움; font-size:11px; color:#999; text-decoration:none; margin-left:5px; } #ban {position:relative; width:188px; text-align:center; margin-top:15px;}
/* Site Layout - search */
#it_search_form { position:absolute; top:50px; right:15px; z-index:160; }
#it_search_form .input { border:1px solid #d9d9d9; height:17px; width:120px; color:#888888; font-size:.9em; }
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; } #isSearch { position:absolute; top:84px; right:10px; width:200px; text-align:right; z-index:160; }
#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:#5c5c5c; line-height:normal; }
*:first-child+html #isSearch .checked { top:0px; }
#isSearch ul { display:none; position:absolute; margin:0px; left:0px; top:18px; padding:2px 0 3px 0; text-align:left;
border:1px solid #b2b2b2; background:#ffffff; overflow:hidden; }
#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:14px;
font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c; }
#isSearch ul li label.on { background:#ededed; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { }
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 0 3px;
width:120px; height:13px; color:#333; border:1px solid #195fab; background-color:#FFFFFF;font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { }
*:first-child+html #isSearch .inputText { position:relative; top:-1px; }
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px; }
*:first-child+html #isSearch .submit { position:relative; top:-1px; } /* Site Layout - main menu */
#mainMenu_line {position:absolute; top:77px; width:100%; height:42px; padding:0px 0px 0px 20px; margin:0px;
z-index:90; background:url(../images/bg_header_blue.jpg) no-repeat; font-size:12px; }
#mainMenu_line table.tMenu {position:relative; top:0px; width:100%; height:42px; padding:0px; margin:0px; }
#mainMenu_line table td.td1 { color:#ffffff; padding:0px 0px 0px 0px; text-align:left;
height:42px; width:174px; }
#mainMenu_line table td.td2 { height:42px; width:32px; }
#mainMenu_line table td.td3 { height:42px; }
#mainMenu { position:absolute; top:0; height:42px; padding:0; margin:0; }
#mainMenu .Mmenu {position:relative; float:left; padding:0px; margin:0px; }
#mainMenu .Mmenu li { list-style:none; position:relative; float:left; padding:0 0 0 10px; margin:-1px 0px 0px 0px; *margin:0px; }
#mainMenu .Mmenu a {position:relative; display:block; float:left; color:#ffffff; padding:1px 1px 1px 1px; margin:0px;
vertical-align:middle; text-decoration:none; }
#mainMenu .Mmenu a:hover { color:#fff; height:26px; padding:1px 1px 1px 1px; margin:0px; text-decoration:none; }
#mainMenu .Mmenu li.on { }
#mainMenu .Mmenu .Smenu { position:relative; top:-61px; right:-90%; margin:0px; padding:0; }
#mainMenu .Mmenu .arrow {position:absolute; right:8px; padding-top:4px; } #mainMenu .Mmenu table {position:absolute; top:30px; left:5px; display:none; padding:0px; z-index:140; }
#mainMenu .Mmenu table td {white-space:nowrap; height:16px; border:2px solid #1c79da; background:#fff; }
#mainMenu .Mmenu table td a {float:none; font-weight:normal; color:#666; height:16px; padding:5px 20px 5px 10px;}
#mainMenu .Mmenu table td a:hover { color:#333333; height:16px; padding:5px 20px 5px 10px; background:#f6f6f6;} /* Site Layout - Content Body */
#contentBody { position:relative; width:100%; margin:0px; overflow:hidden; padding-bottom:30px; } /* Site Layout - Column Left */
#columnLeft { position:relative; float:right; width:188px; font-size:12px;} /* Site Layout - Column Right */
#columnRight { position:relative; overflow:hidden; float:left; width:785px; padding-top:2px; }
#content {position:relative; overflow:hidden; width:100%; } /* Site Layout - Footer */
#footer { margin:0; padding:15px 0 0 0; text-align:center; clear:both; border-top:1px dashed #ddd;}
#footer li { display:inline; background:url(../images/white/vrType1.gif) no-repeat left center; margin:0 5px 0 5px;}
#footer li a { color:#777; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;} #copy { text-align:center; padding-top:15px; padding-bottom:10px; color:#999; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
z-index:90; background:url(../images/bg_header_blue.jpg) no-repeat; font-size:12px; } 부분에서 header에서 추가 높이 설정한 만큼 더 더해서 top:77+header에서 추가해준 높이px;로 변경하시면 될거 같습니다.
예)#header {position:relative; width:980px; height:200px; z-index:99;}#mainMenu_line {position:absolute; top:127px; width:100%; height:42px; padding:0px 0px 0px 20px; margin:0px;
z-index:90; background:url(../images/bg_header_blue.jpg) no-repeat; font-size:12px; }