/* SUBJECT : 월드비전 레이아웃 v 2.0 CSS */ /* UP-DATE : 2011-04-27 */ /*@charset "utf-8";*/ #blueHeader,#orangeHeader,#container,#footer{margin:0 auto;} #headerB,#headerO,#blueHeader,#orangeHeader,#container,#footer,#gnb,#lnb,#contents{position:relative;} #wrap{position:relative;width:100%;height:100%;overflow:visible;} #headerB{width:100%;height:100px;border-bottom:1px solid #2e77aa; overflow:hidden; position:relative;} /*사업파트 블루컨셉 1103 수정 */ #headerO{width:100%;height:100px;border-bottom:1px solid #ff6600; overflow:hidden; position:relative;} /*후원파트 블루컨셉 1103 수정 */ #headerB .logoarea, #headerO .logoarea {height:98px; overflow:hidden; width:160px; z-index:9999;} #blueHeader{width:960px;}/*이부분*/ #orangeHeader{width:960px;}/*이부분*/ #headerB h1{position:absolute; left:0; top:0;} /* 1103 수정*/ #headerO h1{position:absolute; left:0; top:0;} /* 1103 수정*/ #util{position:absolute;top:10px;right:0px; z-index:9999;} #util ol{overflow:hidden;} #util ol li{float:left;background:url('/images/common/bg_util_bar.gif') no-repeat right; padding-right:11px; margin-right:10px; padding-top:2px;} #util ol li.last{background:none;padding-right:0; margin-right:0;} #util ol li.gosub {background:none;margin-right:7px; padding-top:0;} /* 2012-02-02 수정 #util ol li.gosub {margin-left:11px; padding-top:0;} */ #util ol li.gosub a {z-index:9999;} #gnb_blue {position:absolute;top:44px;left:280px;overflow:hidden; z-index:9999;} #gnb_blue li{float:left;margin-right:40px;} #gnb_orange {position:absolute;top:44px;left:200px;overflow:hidden; z-index:9999;} #gnb_orange li{float:left;margin-right:30px;} #asideB {position:relative;float:left;width:270px;min-height:350px; padding-bottom:80px; padding-left: 30px; padding-right: 30px; padding-top:13px;}/*201601수정*/ #asideB h2{margin:17px 0 20px 0;} #asideB .submenu{clear:both; width:100%; /*border-top:1px solid #b8b8b8;*/ margin-top:25px;}/*201601수정*/ #asideO {position:relative;float:left;width:240px;min-height:350px;border-top:5px solid #ff6600; padding-bottom:80px;} #asideO h2{margin:17px 0 20px 0;} #asideO .submenu{width:100%; border-top:1px solid #b8b8b8; margin-top:25px;} #lnb {width:auto;} #lnb li{border-bottom:1px solid #d9d9d9; padding-bottom:7px; margin-bottom:7px;} #lnb li.on{border-bottom:0;} #lnb li.lst{border-bottom:0;} #lnb li ol{overflow:hidden;width:auto; padding:0 10px 10px 10px; border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;background:#f7f7f7; margin-top:7px;} #lnb li ol li{border-bottom:0;padding:10px 0 0 0;width:100px;margin-bottom:0;float:left;} #lnb li ol li.last{width:80px;} #lnb li ol.widlow li {width:75px !important;} #lnb li ol.widlow li.wid124 {width:124px !important;} #lnb li ol.widlow02 li {width:80px !important;} #lnb li ol.widlow02 li.wid114 {width:114px !important;} #contents {float:left;width:680px;height:100%;padding-left:95px;padding-bottom:80px;min-height:500px;_height:600px; overflow-x:hidden;} #contents_fc {float:left;width:718px;height:100%;padding-left:0px;padding-top:0px;padding-bottom:0px;min-height:500px;height:100%; overflow-x:hidden; padding-bottom:50px;} /* 1712 추가 */ #contents_wide {float:left;width:840px;height:100%;padding-left:30px;padding-bottom:80px;min-height:500px;_height:600px; overflow-x:hidden;} #contents_wide h3 { width:100%; padding-top:30px;} #location {position:absolute;top:20px;right:0;overflow:hidden;text-align:right;color:#a6a6a6;font-size:11px;} #location li{float:left;background:url('/images/icon/ar_location_right.gif') no-repeat right; padding-right:9px; margin-right:6px;} #location li a{color:#a6a6a6;} #location li.last{padding-right:0px; margin-right:0px; background:none;} #location li img{} /*#footer{clear:both;width:960px; height:267px; padding-top:8px;} #footer .partner{position:relative;width:100%;} #footer .partner ul{position:absolute;top:0px;left:160px;} #footer .partner ul li{float:left;padding-right:34px;} #footer .partner ul li.last{padding-right:0;} #footer .partner a.leftBtn{position:absolute;top:10px; left:135px;} #footer .partner a.rightBtn{position:absolute;top:10px; right:8px;} #footer .fmenu{position:absolute;top:62px; left:0;} #footer .fmenu li{float:left; padding-right:13px;} #footer .copy{position:absolute;top:87px; left:0;} #footer .copy li{padding-bottom:5px;} #footer .family01{position:absolute;top:57px; right:165px;} #footer .family02{position:absolute;top:57px; right:0;} #footer .family01 select, #footer .family02 select{width:155px; height:19px;} #footer .ngo {width:960px; position:absolute; top:150px; left:0; background:url('/images/common/bg_ngo_worldvision.gif') no-repeat right 0;} #footer .ngo ul {width:845px; padding-top:21px; overflow:hidden; } #footer .ngo ul li {float:left; padding-right:24px; } 1028 푸터수정 #footer {clear:both;width:960px; height:267px; padding-top:8px; position:relative;} #footer .partner {float:left; width:125px;} #footer #amazon_scroller4 {position:absolute; left:0; top:0; overflow:hidden; width:830px !important; height:28px; position:absolute; margin:6px 0 0 125px;} #footer #amazon_scroller4 .amazon_scroller_mask {width:100%; padding-bottom:8px; width:769px !important; height:26px; overflow:hidden; display:inline;} #footer #amazon_scroller4 .amazon_scroller_mask ul {position:absolute;top:0px;left:0; width:782px !important; overflow:hidden; margin-left:25px;} #footer #amazon_scroller4 .amazon_scroller_mask ul li {float:left;padding-right:5px; width:97px; text-align:center;} #footer .amazon_scroller_nav .leftBtn {position:absolute;top:10px; left:0; z-index:9999;} #footer .amazon_scroller_nav .rightBtn {position:absolute;top:10px; left:822px; z-index:9999;} #footer .amazon_scroller_nav a {cursor:pointer;} #footer .fmenu {position:absolute;top:62px; left:0;} #footer .fmenu li {float:left; padding-right:13px;} #footer .copy {position:absolute;top:87px; left:0;} #footer .copy li {padding-bottom:5px;} #footer .family01 {position:absolute;top:57px; right:165px;} #footer .family02 {position:absolute;top:57px; right:0;} #footer .family01 select, #footer .family02 select {width:155px; height:19px;} #footer .ngo {width:960px; position:absolute; top:150px; left:0; background:url('/images/common/bg_ngo_worldvision.gif') no-repeat right 0;} #footer .ngo ul {width:845px; padding-top:21px; overflow:hidden; } #footer .ngo ul li {float:left; padding-right:24px;}*/ /* 1103 추가 */ #headerB .social_mn {position:absolute; right:0; top:48px; padding-top:0; overflow:hidden; width:120px; z-index:9999;} /* 2012-06-04 width:115px에서 수정 */ #headerB .social_mn li {float:left; margin-left:3px; display:inline;} /* 2012-06-04 margin-left:8px;에서 수정 */ #headerO .social_mn {position:absolute; right:0; top:48px; padding-top:0; overflow:hidden; width:120px; z-index:9999;} /* 2012-06-04 width:115px에서 수정 */ #headerO .social_mn li {float:left; margin-left:3px; display:inline;} /* 2012-06-04 margin-left:8px;에서 수정 */