/* CSS Document */ /*------------header --------------*/ /*mainMenu*/ .menuBox {position:relative;margin:0 auto;text-align:left;width:866px;height:69px;background:url(/images/sub/mainMenuBg.gif) no-repeat top left; z-index:100;} .menuBox2 {position:relative;margin:0 auto;text-align:left;width:866px;height:69px;background:url(/images/sub/mainMenuBg2.gif) no-repeat top left; z-index:100;} .menuicon{ position:absolute; width:13px; height:62px; top:90px; right:241px; z-index:200; background:url(/images/sub/topMenuIcom.gif) no-repeat; }/*사다리 이미지*/ .logoLink a.menu { display:block; overflow:hidden; height:86px; width:275px; text-indent:-9999px; background:url(/images/sub/none.gif) no-repeat top left;} .logoLinkMain a.menu { display:block; overflow:hidden; height:86px; width:232px; text-indent:-9999px; background:url(/images/sub/none.gif) no-repeat top left;} .logoLink{position:absolute; height:86px; width:232px; top:0; left:0;} .logoLinkMain{position:absolute; height:86px; width:232px; top:30px; left:305px;} .menuTitle{position:absolute; left:237px; top:35px; } .menuFlash{position:absolute; right:0; top:30px; z-index:200; } .menuFlashMain{position:absolute; right:0; top:44px;z-index:200; } *html .menuFlashMain img{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/logoBaner.png',sizingMethod='scale'); } .menuBox ul {margin:0;padding:0;} .menuBoxNew ul {margin:0;padding:0;} .menuBox2 ul {margin:0;padding:0;} .mainNavi {float:left;} .mainNavi li {float:left;display:inline; text-decoration:none;} .mainNavi li a.menu {display:block;height:31px;overflow:hidden;text-indent:-9999px; background:url(/images/sub/none.gif) no-repeat top left; margin-top:6px;} .mainNavi li a.menu:hover {text-decoration:none;} /*서브 탑메뉴 css*/ .mainNavi .menu001 {width:65px;height:33px;}/*뇌건강*/ .mainNavi .menu002 {width:59px;height:33px;}/*뇌교육*/ .mainNavi .menu003 {width:63px;height:33px;}/*뇌문화*/ .mainNavi .menu004 {width:78px;height:33px;} .mainNavi .menu104 {width:80px;height:33px;}/*홍익가정*/ .mainNavi .menu005 {width:85px;height:33px;} .mainNavi .menu006 {width:55px;height:33px;} .mainNavi .menu090 {width:65px;height:33px;}/*커뮤니티*/ .mainNavi .menu007 {width:110px;height:33px;}/*브레인TV*/ .mainNavi .menu008 {width:100px;height:33px;} .mainNavi .menu009 {width:115px;height:33px;}/*두뇌게임e뇌교육*/ .mainNavi .menu096 {width:60px;height:33px;} /*모바일*/ .mainNavi li.menuOn001{background:url(/images/sub/topMenuBt_01.png) no-repeat; width:74px; height:43px;}/*뇌건강*/ .mainNavi li.menuOn002{background:url(/images/sub/topMenuBt_02.png) no-repeat; width:70px; height:43px;}/*뇌교육*/ .mainNavi li.menuOn003{background:url(/images/sub/topMenuBt_03.png) no-repeat; width:74px; height:43px; }/*뇌문화*/ .mainNavi li.menuOn004{background:url(/images/sub/topMenuBt_04.png) no-repeat; width:84px; height:43px;} .mainNavi li.menuOn104{background:url(/images/sub/topMenuBt_04.png) no-repeat; width:84px; height:43px;}/*홍익가정*/ .mainNavi li.menuOn005{background:url(/images/sub/topMenuBt_90.png) no-repeat; width:74px; height:43px;} .mainNavi li.menuOn006{background:url(/images/sub/topMenuBt_06.png) no-repeat; width:74px; height:43px; } .mainNavi li.menuOn090{background:url(/images/sub/topMenuBt_90.png) no-repeat; width:74px; height:43px; }/*커뮤니티*/ .mainNavi li.menuOn007{background:url(/images/sub/topMenuBt_07.png) no-repeat; width:101px; height:43px; }/*브레인TV*/ .mainNavi li.menuOn009{background:url(/images/sub/topMenuBt_09.png) no-repeat; width:74px; height:43px; }/*두뇌게임e뇌교육*/ .mainNavi li.menuOn096{background:url(/images/sub/topMenuBt_96.png) no-repeat; width:70px; height:43px; }/*모바일*/ /*IE6 mainMenu*/ *html .mainNavi li.menuOn001{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_01.png',sizingMethod='scale'); } *html .mainNavi li.menuOn002{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_02.png',sizingMethod='scale'); } *html .mainNavi li.menuOn003{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_03.png',sizingMethod='scale'); } *html .mainNavi li.menuOn004{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_04.png',sizingMethod='scale'); } *html .mainNavi li.menuOn104{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_04.png',sizingMethod='scale'); } *html .mainNavi li.menuOn006{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_06.png',sizingMethod='scale'); } *html .mainNavi li.menuOn090{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_90.png',sizingMethod='scale'); } *html .mainNavi li.menuOn007{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_07.png',sizingMethod='scale'); } /*mainNew*/ .menuBoxNew {position:relative;margin:0 auto;text-align:left;width:950px;height:69px;background:url(/images/sub/mainMenuBgNew.gif) no-repeat top left; z-index:100;}/*mainNew*/ .menuBoxNew2 {position:relative;margin:0 auto;text-align:left;width:950px;height:69px;background:url(/images/sub/mainMenuBg2.gif) no-repeat top left; z-index:100;} .mainNaviNew {float:left;} .mainNaviNew li {float:left;display:inline; text-decoration:none;} .mainNaviNew li a.menu {display:block;height:31px;overflow:hidden;text-indent:-9999px; background:url(/images/sub/none.gif) no-repeat top left; margin-top:6px;} .mainNaviNew li a.menu:hover {text-decoration:none;} .mainNaviNew .menu001 {width:68px;height:33px;}/*뇌건강*/ .mainNaviNew .menu002 {width:60px;height:33px;}/*뇌교육*/ .mainNaviNew .menu003 {width:66px;height:33px;}/*뇌문화*/ .mainNaviNew .menu004 {width:78px;height:33px;} .mainNaviNew .menu104 {width:80px;height:33px;}/*홍익가정*/ .mainNaviNew .menu005 {width:60px;height:33px;} .mainNaviNew .menu006 {width:55px;height:33px;}/*모바일*/ .mainNaviNew .menu090 {width:69px;height:33px;}/*커뮤니티*/ .mainNaviNew .menu007 {width:110px;height:33px;}/*브레인TV*/ .mainNaviNew .menu008 {width:100px;height:33px;} .mainNaviNew .menu009 {width:115px;height:33px;}/*두뇌게임e뇌교육*/ .mainNaviNew .menu096 {width:69px;height:33px;} .mainNaviNew li.menuOn001{background:url(/images/sub/topMenuBt_01.png) no-repeat; width:74px; height:43px;} .mainNaviNew li.menuOn002{background:url(/images/sub/topMenuBt_02.png) no-repeat; width:74px; height:43px;} .mainNaviNew li.menuOn003{background:url(/images/sub/topMenuBt_03.png) no-repeat; width:74px; height:43px; } .mainNaviNew li.menuOn004{background:url(/images/sub/topMenuBt_04.png) no-repeat; width:94px; height:43px;} .mainNaviNew li.menuOn006{background:url(/images/sub/topMenuBt_06.png) no-repeat; width:74px; height:43px; } .mainNaviNew li.menuOn090{background:url(/images/sub/topMenuBt_90.png) no-repeat; width:74px; height:43px; } .mainNaviNew li.menuOn007{background:url(/images/sub/topMenuBt_07.png) no-repeat; width:101px; height:43px; } .mainNaviNew li.menuOn009{background:url(/images/sub/topMenuBt_09.png) no-repeat; width:74px; height:43px; } .mainNaviNew li.menuOn096{background:url(/images/sub/topMenuBt_96.png) no-repeat; width:74px; height:43px; } /*IE6 mainMenu*/ *html .mainNaviNew li.menuOn001{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_01.png',sizingMethod='scale'); } *html .mainNaviNew li.menuOn002{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_02.png',sizingMethod='scale'); } *html .mainNaviNew li.menuOn003{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_03.png',sizingMethod='scale'); } *html .mainNaviNew li.menuOn004{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_04.png',sizingMethod='scale'); } *html .mainNaviNew li.menuOn006{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_06.png',sizingMethod='scale'); } *html .mainNaviNew li.menuOn090{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_90.png',sizingMethod='scale'); } *html .mainNaviNew li.menuOn007{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuBt_07.png',sizingMethod='scale'); } /*subMenuNew*/ .subMenuNew {clear:both;position:absolute;width:950px;top:41px;left:0; z-index:2px; } .mainNaviBgNew{background:url(/images/sub/topMainMenuBgNew.gif) no-repeat;} .subNaviNew {clear:both;position:absolute;width:950px;top:41px;left:0; z-index:2px; } .subNaviNew li {float:left;padding:5px 13px 0 13px;height:34px; background:url('/images/sub/topMenuBullet01.gif') no-repeat right 30%; font-weight:bold; font-size:11px;} .subNaviNew li.mainSearch { float:right; padding:3px 8px 0 50px;height:34px; background:url('/images/sub/bullet_popularity.gif') no-repeat 10px 10%; font-size:11px; font-weight:normal;} .subNaviNew li a {display:inline;font:12px 굴림; text-decoration:none; font-weight:bold;font-size:11px; color:#8c8c8c;} .subNaviNew li a.on {font-weight:bold; color:#247a2b; font-size:11px;}/* 해당 서비스 ON color bg */ .subNaviNew li a:hover {color:#247a2b;} /*subMenu*/ .subNavi {clear:both;position:absolute;width:866px;top:41px;left:0; z-index:2px; } .mainNaviBg{background:url(/images/sub/topMainMenuBg.gif) no-repeat;} .mainNaviBg2{background:url(/images/sub/topMainMenuBg2.gif) no-repeat;} .bg01{background:url(/images/sub/topSubMenuBg_01.gif) no-repeat;} .bg02{background:url(/images/sub/topSubMenuBg_02.gif) no-repeat;} .bg03{background:url(/images/sub/topSubMenuBg_03.gif) no-repeat;} .bg04{background:url(/images/sub/topSubMenuBg_04.gif) no-repeat;} .bg06{background:url(/images/sub/topSubMenuBg_06.gif) no-repeat;} .bg90{background:url(/images/sub/topSubMenuBg_06.gif) no-repeat;} .bg07{background:url(/images/sub/topSubMenuBg_07.gif) no-repeat;} .bg96{background:url(/images/sub/topSubMenuBg_96.gif) no-repeat;} .bg10{background:url(/images/sub/topSubMenuBg_96.gif) no-repeat;} .subNavi li {float:left;padding:5px 13px 0 13px;height:34px; background:url('/images/sub/topMenuBullet01.gif') no-repeat right 30%; font-weight:bold; font-size:11px;} .subNavi li.ment {padding:3px 13px 0 55px;height:34px; font-size:11px; background:url('/images/sub/bullet_naviNew.gif') no-repeat 10px 25%; font-weight:normal;} .subNavi li.mainSearch { float:right; padding:3px 8px 0 50px;height:34px; background:url('/images/sub/bullet_popularity.gif') no-repeat 10px 10%; font-size:11px; font-weight:normal;} .subNavi li a {display:inline;font:12px 굴림; text-decoration:none; font-weight:bold;font-size:11px; color:#8c8c8c;} .subNavi li a.on {font-weight:bold; color:#247a2b; font-size:11px;}/* 해당 서비스 ON color bg */ .subNavi li a:hover {color:#247a2b;} .NaviSearch { padding:6px 0 0 630px; line-height:10px; vertical-align:middle;}/* 검색 */ .NaviSearchNew { padding:6px 0 0 630px; line-height:10px; vertical-align:middle;}/* 검색 */ .NaviSearchNew .btn{ position:absolute; right:0; top:6px; margin-bottom:7px;} .NaviSearch .btn{ position:absolute; right:0; top:6px; margin-bottom:7px;} .NaviSearch .txtBox{position:absolute; display:none; top:34px; width:221px; right:0; line-height:17px; background-color:#fcfbf8; border:1px #d0d0d0 solid; padding:5px 7px; text-align:left;} .NaviSearchNew .txtBox{position:absolute; display:none; top:34px; width:271px; right:0; line-height:17px; background-color:#fcfbf8; border:1px #d0d0d0 solid; padding:5px 7px; text-align:left;} .NaviSearch .txtBox .bgColor{ background-color:#ededed;} /*searchMenu*/ .menuSeachBox {position:relative;margin:0 auto;text-align:left;width:866px;height:46px;background:url(/images/sub/topMenuSearch.jpg) no-repeat top left; } .menuSeachBox ul {margin:0;padding:0;} .searchNavi {float:left;} .searchNavi li {float:left;display:inline; text-decoration:none;} .searchNavi li .menu {display:block;height:31px;overflow:hidden;text-indent:-9999px; background:url(/images/sub/none.gif) no-repeat top left; margin-top:6px; } .searchBox{ position:absolute; left:280px; top:40px; width:866px;} .searchBoxDiv{width:385px; background:url(/images/sub/searchBG.gif) no-repeat; padding:0px 0px 1px 3px; text-align:left;} .searchTxtBox{position:absolute; display:none; top:65px; left:262px; width:301px; line-height:17px; background-color:#ffffff; border:1px #ededed solid; padding:5px 7px; text-align:left; z-index:100; } .searchTxtBox .bgColor{ background-color:#ededed;} .searchNavi .menu01 {width:90px;height:33px;} .searchNavi .menuOn01{background:url(/images/sub/topMenuSearchBt_01.png) no-repeat right; width:96px; height:42px; } .searchNavi .menuOn02{background:url(/images/sub/topMenuSearchBt_02.png) no-repeat right; width:96px; height:42px; } .searchNavi .menuOn03{background:url(/images/sub/topMenuSearchBt_03.png) no-repeat right; width:96px; height:42px; } .searchNavi .menuOn04{background:url(/images/sub/topMenuSearchBt_04.png) no-repeat right; width:96px; height:42px; } .searchNavi .menuOn05{background:url(/images/sub/topMenuSearchBt_05.png) no-repeat right; width:96px; height:42px; } .searchNavi .menuOn06{background:url(/images/sub/topMenuSearchBt_06.png) no-repeat right; width:96px; height:42px; } .searchNavi .menuOn07{background:url(/images/sub/topMenuSearchBt_07.png) no-repeat right; width:115px; height:42px; } /*IE6 mainMenu*/ *html .searchNavi li.menuOn01{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuSearchBt_01.png',sizingMethod='scale'); } *html .searchNavi li.menuOn02{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuSearchBt_02.png',sizingMethod='scale'); } *html .searchNavi li.menuOn03{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuSearchBt_03.png',sizingMethod='scale'); } *html .searchNavi li.menuOn04{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuSearchBt_04.png',sizingMethod='scale'); } *html .searchNavi li.menuOn05{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuSearchBt_05.png',sizingMethod='scale'); } *html .searchNavi li.menuOn06{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuSearchBt_06.png',sizingMethod='scale'); } *html .searchNavi li.menuOn90{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuSearchBt_06.png',sizingMethod='scale'); } *html .searchNavi li.menuOn07{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub/topMenuSearchBt_07.png',sizingMethod='scale'); } /*--------------subMain--------------*/ .SMcover dl{ background:url(/images/sub/coverBgTop.gif) no-repeat top;} .SMcover dt{color:#333333; font-weight:bold; padding:19px 0 5px 0; font-size:24px; color:#664801;} .SMcover dt div{ margin-top:12px;} .SMcover dd.txt{ padding:5px 15px 10px 0; color:#664801; } .SMcover dd div{ background:url(/images/sub/coverLine.gif) repeat-x top; margin:15px 0 0px 300px; padding:10px 0 0 0; font-size:11px; color:#686565;} .SMcover dd div p{ background:url(/images/sub/icomComment2.gif) no-repeat 2px 50% ; font-size:11px; padding:1px 0px 1px 17px; } .SMcover dd.img img{float:left; margin:20px 12px 20px 20px;} .SMTcover table { width:293px; margin:9px 0 0 38px;} .SMTcover table td{ padding:5px 0 4px 0; line-height:12px;} #SMcolumn1 h3{position:relative; background:url(/images/main/icon_04.gif) no-repeat 0 50%; border-bottom:1px #e1e1e1 solid; padding:8px 0 8px 0; font-size:12px; padding-left:20px;} #SMcolumn1 h3 p{ position:absolute; right:0px; top:5px;} #SMcolumn1 h3 p.btMore{ height:18px;} #SMcolumn1 dl{clear:both; margin:15px 0 10px 0; height:88px; border-bottom:1px #e1e1e1 solid;} #SMcolumn1 dl:after{content:"";display:inline;clear:both; } #SMcolumn1 dt{color:#333333; font-weight:bold; padding:0px 0 5px 0;} #SMcolumn1 dd.comment{ margin:3px 0 10px 0; background:url(/images/sub/icomComment.gif) no-repeat 128px 50%; font-size:11px; padding-left:143px;} #SMcolumn1 dd.comment a{ color:#277c07;} #SMcolumn1 dd.img img{ float:left; margin-right:10px;} #SMcolumn2 dl{background:url(/images/sub/SMleftListBg.gif) no-repeat bottom; margin-bottom:7px; padding-bottom:10px;} #SMcolumn2 dl dt.topTitle{background:url(/images/sub/SMLRightBgTop.gif) no-repeat center top; font-weight:bold; padding:19px 17px 10px 17px; } #SMcolumn2 dl dt.topTitle div, #SMcolumn2 dl dt.title div{ width:100%; position:relative; border-bottom:1px #e1e1e1 solid; padding-bottom:5px;} #SMcolumn2 dl dt.topTitle div a, #SMcolumn2 dl dt.title div a{ position:absolute; right:0; top:0; font-weight:normal; display:block; font-size:11px; color:#999; } #SMcolumn2 dl dt.title{background:url(/images/sub/SMleftListTopBg.gif) no-repeat center top; font-weight:bold; padding:10px 17px 10px 17px;} #SMcolumn2 dl dd{padding:0px 17px 0 17px; background:url(/images/main/icon_02.gif) no-repeat 17px 50%; padding:2px 0 2px 25px;} #SMcolumn2 dl dd.music{padding:0px 17px 0 17px; background:url(/images/board/icon_musicDown2.gif) no-repeat 17px 50% ; padding:2px 0 2px 37px;} .SMBrainTVList{background:url(/images/sub/SMbrainTVBg.gif) no-repeat bottom;} .SMBrainTVList h3{position:relative; height:31px; background:url(/images/sub/SMbrainTVTopTitle.gif) no-repeat top; font-size:12px; padding:8px 0 3px 15px;} .SMBrainTVList h3 img{ position:absolute; right:10px; top:5px;} .SMBrainTVList dl{ padding:0px 15px 9px 15px;} .SMBrainTVList dt{ font-weight:bold;} .SMBrainTVList dd.comment{ clear:both; background:url(/images/sub/icomComment.gif) no-repeat 0px 5px; font-size:11px; padding:0 0 0 15px;} .SMBrainTVList dd.comment a{ color:#664801;} .SMBrainTVList dd.img img{float:left; margin:8px 8px 10px 0;} .SMThumbnailList{ float:left; background:url(/images/sub/SMThumbnailTB.gif) repeat-x top left; padding:0 8px; border-bottom:1px #e1e1e1 solid;} .SMThumbnailListbg1{ background:#fbf7ee url(/images/sub/SMThumbnailTB.gif) repeat-x top left; } .SMThumbnailList h3{ position:relative; background:url(/images/sub/icon02.gif) no-repeat 0 60%; font-size:12px; padding:7px 0 0 15px;} .SMThumbnailList h3 span{position:absolute; top:2px;} .SMThumbnailList .two{ float:left; width:111px; margin-bottom:10px; margin-top:14px; font-size:11px; line-height:15px; text-align:center;} .SMThumbnailList .two img{ margin-bottom:5px;} .SMThumbnailList .three{ float:left; width:72px; margin-bottom:10px; margin-top:13px; font-size:11px; line-height:15px; text-align:center;} .SMThumbnailList .three img{ margin-bottom:5px;} .SMThumbnailList table{ width:228px; margin-bottom:9px; margin-top:12px;} .SMThumbnailList table td{ height:21px; color:#808080; font-size:11px;} .SMThumbnailList1{ background:url(/images/sub/SMThumbnailTB.gif) repeat-x top left; padding:0 8px 0px 8px; margin:0 13px 0 13px; } .SMThumbnailListbg1{ background:#fbf7ee url(/images/sub/SMThumbnailTB.gif) repeat-x top left; } .SMThumbnailList1 h3{ position:relative; background:url(/images/sub/icon02.gif) no-repeat 0 60%; font-size:12px; padding:7px 0 0 15px;} .SMThumbnailList1 h3 span{position:absolute; top:2px;} .SMThumbnailList1 .two{ float:left; width:111px; margin-bottom:10px; margin-top:14px; font-size:11px; line-height:15px; text-align:center;} .SMThumbnailList1 .two img{ margin-bottom:5px;} .SMThumbnailList1 .three{ float:left; width:72px; margin-bottom:10px; margin-top:13px; font-size:11px; line-height:15px; text-align:center;} .SMThumbnailList1 .three img{ margin-bottom:5px;} .SMThumbnailList1 table{ width:100%; margin-bottom:9px; margin-top:12px;} .SMThumbnailList1 table td{ height:21px; color:#808080; font-size:11px;} .SMtwoTap{ clear:both; position:relative; background:url(/images/sub/SMtap_body.gif) no-repeat bottom;} .SMtwoTap ul.menu{ position:absolute; left:0; top:0;} .SMtwoTap ul.menu li{float:left; width:122px; height:25px; padding-top:4px; font-weight:bold; cursor:pointer;} .SMtwoTap ul.menu li.btLeft{ background:url(/images/sub/SMtap_btLeft.gif) no-repeat; text-align:center;} .SMtwoTap ul.menu li.btLeftOver{ background:url(/images/sub/SMtap_btLeftOver.gif) no-repeat; text-align:center;} .SMtwoTap ul.menu li.btRight{ background:url(/images/sub/SMtap_btRight.gif) no-repeat; text-align:center;} .SMtwoTap ul.menu li.btRightOver{ background:url(/images/sub/SMtap_btRightOver.gif) no-repeat; text-align:center;} .SMtwoTap ul.list{ padding:35px 14px 10px 14px;} .SMtwoTap ul.list li{background:url(/images/main/icon_03.gif) no-repeat 0px 50%; padding:1px 0 1px 8px;} .SMthreeTap{clear:both; position:relative; background:url(/images/sub/SMtap_body.gif) no-repeat bottom;} .SMthreeTap ul.menu{position:absolute; left:0; top:0;} .SMthreeTap ul.menu li{float:left; height:25px; padding-top:4px; font-weight:bold; cursor:pointer;} .SMthreeTap ul.menu li.btLeft{ width:80px; background:url(/images/sub/SMtap_bt3Left.gif) no-repeat; text-align:center;} .SMthreeTap ul.menu li.btLeftOver{width:80px; background:url(/images/sub/SMtap_bt3LeftOver.gif) no-repeat; text-align:center;} .SMthreeTap ul.menu li.btCenter{ width:84px; background:url(/images/sub/SMtap_bt3Center.gif) no-repeat; text-align:center;} .SMthreeTap ul.menu li.btCenterOver{width:84px; background:url(/images/sub/SMtap_bt3CenterOver.gif) no-repeat; text-align:center;} .SMthreeTap ul.menu li.btRight{width:80px; background:url(/images/sub/SMtap_bt3Right.gif) no-repeat; text-align:center;} .SMthreeTap ul.menu li.btRightOver{width:80px; background:url(/images/sub/SMtap_bt3RightOver.gif) no-repeat; text-align:center;} .SMthreeTap .list{ padding:35px 14px 9px 14px;} .SMthreeTap .list li{background:url(/images/main/icon_03.gif) no-repeat 0px 50%; padding:1px 0 1px 8px;} .SMthreeTap{} /*subMain_Community*/ #SMCOMcolumn1 h3{position:relative; background:url(/images/main/icon_brainTok.gif) no-repeat 3px 45%; border-bottom:1px #e1e1e1 solid; padding:8px 0 8px 0; font-size:14px; padding-left:24px;} #SMCOMcolumn1 h3 p{ position:absolute; right:0px; top:5px;} #SMCOMcolumn1 h3 p.btMore{ height:18px;} #SMCOMcolumn1 dl{clear:both; margin:15px 0 10px 0; height:88px; border-bottom:1px #e1e1e1 solid;} #SMCOMcolumn1 dl:after{content:"";display:inline;clear:both; } #SMCOMcolumn1 dt{color:#333333; font-weight:bold; padding:0px 0 5px 0;} #SMCOMcolumn1 dd.comment{ margin:3px 0 10px 0; background:url(/images/sub/icomComment.gif) no-repeat 128px 50%; font-size:11px; padding-left:143px;} #SMCOMcolumn1 dd.comment a{ color:#e9791b;} #SMCOMcolumn1 dd.img img{ float:left; margin-right:10px;} #SMCOMcolumn2 dl, #SMCOMcolumn2 .bottomImg{background:url(/images/sub/SMcomLeftListBg.gif) no-repeat bottom; margin-bottom:7px; padding-bottom:10px;} #SMCOMcolumn2 dl dt.topTitle{background:url(/images/sub/SMcomLRightBgTop.gif) no-repeat center top; font-weight:bold; padding:19px 17px 10px 17px; } #SMCOMcolumn2 .topImg{background:url(/images/sub/SMcomLRightBgTop.gif) no-repeat center top; padding-top:20px;} #SMCOMcolumn2 dl dt.topTitle div, #SMCOMcolumn2 dl dt.title div{ width:100%; position:relative; border-bottom:1px #e1e1e1 solid; padding-bottom:5px;} #SMCOMcolumn2 dl dt.topTitle div a, #SMCOMcolumn2 dl dt.title div a{ position:absolute; right:0; top:0; font-weight:normal; display:block; font-size:11px; color:#999; } #SMCOMcolumn2 dl dt.title{background:url(/images/sub/SMcomLeftListTopBg.gif) no-repeat center top; font-weight:bold; padding:10px 17px 10px 17px;} #SMCOMcolumn2 dl dd{ text-align:left; padding:2px 20px 2px 23px; background:url(/images/main/icon_02.gif) no-repeat 17px 50%;} #SMCOMcolumn2 dl dd.familylist{ text-align:left; margin:2px 20px 2px 23px; padding:3px 0; background-image:none; background:url(/images/sub/familyListBg.gif) repeat-x bottom ;} #SMCOMcolumn2 dl dd.music{padding:0px 17px 0 17px; background:url(/images/board/icon_musicDown2.gif) no-repeat 17px 50% ; padding:2px 0 2px 37px;} #Pupilscolumn h3{position:relative; background:url(/images/main/icon_brainTok.gif) no-repeat 3px 45%; border-bottom:1px #e1e1e1 solid; padding:8px 0 8px 0; font-size:12px; padding-left:24px;} #Pupilscolumn h3 p{ position:absolute; right:0px; top:5px;} #Pupilscolumn h3 p.btMore{ height:18px;} #Pupilscolumn dl{clear:both; margin:15px 0 10px 0; height:88px; border-bottom:1px #e1e1e1 solid;} #Pupilscolumn dl:after{content:"";display:inline;clear:both; } #Pupilscolumn dt{color:#333333; font-weight:bold; padding:0px 0 5px 0;} #Pupilscolumn dd.comment{ margin:3px 0 10px 0; background:url(/images/sub/icomComment.gif) no-repeat 128px 50%; font-size:11px; padding-left:143px;} #Pupilscolumn dd.comment a{ color:#e9791b;} #Pupilscolumn dd.img img{ float:left; margin-right:10px;} .pupilsPhoto { clear:both; width:100%;} .pupilsPhoto dl dt.topTitle{ font-weight:bold; padding:19px 17px 10px 0px; } .pupilsPhoto dl dt.topTitle div { width:100%; position:relative; border-bottom:1px #e1e1e1 solid; padding-bottom:5px;} .pupilsPhoto dl dt.topTitle div a { position:absolute; right:0; top:0; font-weight:normal; display:block; font-size:11px; color:#999; } /*--------------sub--------------*/ #subContainer a{ } #subContainer a:hover {color:#ff9900;} /* subSidebar */ #subSidebar .menu{background:url(/images/sub/leftmenuBottom.gif) repeat-y top;} #subSidebar .menu ul{padding:75px 0 25px 0; } #subSidebar .menu ul.health{background:url(/images/sub/leftmenuTopHealth.gif) no-repeat top;} #subSidebar .menu ul.education{background:url(/images/sub/leftmenuTopEducation.gif) no-repeat top;} #subSidebar .menu ul.society{background:url(/images/sub/leftmenuTopSociety.gif) no-repeat top;} #subSidebar .menu ul.tour{background:url(/images/sub/leftmenuTopTour.gif) no-repeat top;} #subSidebar .menu ul.campaign{background:url(/images/sub/leftmenuTopCampaign.gif) no-repeat top;} #subSidebar .menu ul.mobile{background:url(/images/sub/leftmenuTopMobile.gif) no-repeat top;} #subSidebar .menu ul.family{background:url(/images/sub/leftmenuTopFamily.gif) no-repeat top;} #subSidebar .menu ul.community{background:url(/images/sub/leftmenuTopCommunity.gif) no-repeat top; padding:75px 0 10px 0;} #subSidebar .menu ul.pupilsCommunity{background:url(/images/sub/leftmenuTopPupils.gif) no-repeat top; padding:75px 0 10px 0;} #subSidebar .menu ul.lifeCoaching{background:url(/images/sub/leftmenuToplifeCoaching.gif) no-repeat top;} #subSidebar .menu ul.TV{background:url(/images/sub/leftmenuTopTV.gif) no-repeat top;} #subSidebar .menu ul.notice{background:url(/images/sub/leftmenuTopMyNotice.gif) no-repeat top;} #subSidebar .menu ul.myPage{background:url(/images/sub/leftmenuTopMyPage.gif) no-repeat top;} #subSidebar .menu ul.brainMessage{background:url(/images/sub/leftmenuTopBrainMessage.gif) no-repeat top;} #subSidebar .menu ul.brainy{background:url(/images/sub/leftmenuTopBrainy.gif) no-repeat top;} #subSidebar .menu ul.dosa{background:url(/images/sub/leftmenuTopDosa.gif) no-repeat top; } #subSidebar .menu ul.dosa dd{cursor: pointer; font-size:12px; } #subSidebar .menu ul li{ text-align:left; color:#856d34; padding:8px 0 5px 6px; margin:0 18px; border-bottom:1px #e4e4e4 solid;} #subSidebar .menu ul li.over{ background:url(/images/sub/leftmenuLOveri.gif) no-repeat bottom; text-align:left; color:#277c07; padding:8px 0 5px 6px; font-weight:bold; } #subSidebar .menu ul li.menu2{ margin:0 0 0 25px; padding:0 0 0 10px; background:url(/images/main/icon_03.gif) no-repeat left 45%; height:18px; } #subSidebar .menu ul li.menu2Top{ margin-top:10px; } #subSidebar .menu ul li.menu2Bottom{ height:1px; display:block; } #subSidebar .menu ul dl dt{text-align:left; color:#856d34; padding:0px 0 5px 0; font-size:12px;} #subSidebar .menu ul dl dt.over{text-align:left; background:url(/images/sub/leftmenuLOveri.gif) no-repeat bottom; color:#277c07; padding:0px 0 5px 0; font-weight:bold;} #subSidebar .menu ul dl dd{text-align:left; color:#767676; padding:0px 0 0px 8px; background:url(/images/sub/dot_menu.gif) no-repeat 0 50%; font-size:11px;} #subSidebar .menu ul dl dd.over{text-align:left; color:#277c07; padding:0px 0 0px 8px; background:url(/images/sub/dot_menu.gif) no-repeat 0 50%; font-size:11px; font-weight:bold;} .ondahnCommunity {width:162px; background:url(/images/sub/ondahn_ComFbg.gif) no-repeat bottom;} .ondahnCommunity ul { padding:10px 10px 20px 10px; margin:0;} .ondahnCommunity ul li { padding:7px 0 3px 19px; background:url(/images/sub/ondahn_Comicon.gif) no-repeat 5px 50%; border-bottom:1px dotted #d0d0d0;} .ondahnNotice {width:681px; height:168px; background-image:url(/images/sub/ondahn_CommPbbg.gif); background-repeat:no-repeat; float:left; margin-bottom:12px;} .ondahnPhoto {float:left; width:426px;} .ondahnPhoto dl dt.topTitle{ font-weight:bold; padding:19px 17px 10px 17px; } .ondahnPhoto dl dt.topTitle div { width:100%; position:relative; border-bottom:1px #e1e1e1 solid; padding-bottom:5px;} .ondahnPhoto dl dt.topTitle div a { position:absolute; right:0; top:0; font-weight:normal; display:block; font-size:11px; color:#999; } .ondahnNotice01 {float:left; width:254px;} .ondahnNotice01 dl dt.topTitle{ font-weight:bold; padding:19px 17px 10px 17px; } .ondahnNotice01 dl dt.topTitle div { width:100%; position:relative; border-bottom:1px #e1e1e1 solid; padding-bottom:5px;} .ondahnNotice01 dl dt.topTitle div a { position:absolute; right:0; top:0; font-weight:normal; display:block; font-size:11px; color:#999; } .ondahnNotice01 dd { padding:3px 17px 2px 23px; background:url(/images/main/icon_02.gif) no-repeat 17px 50%;} .ondahnNottxt {color:#277c07; font-size:11px; margin-right:10px; } /* contentWrap */ #contentWrap .category{padding:4px 0 7px 0; font-size:11px; font-weight:bold; border-bottom:1px #ededed solid; margin-bottom:9px;} .shopCategory { border-bottom:1px solid #ededed; padding-bottom:7px; font-weight:bold; font-size:11px; } #listStyle1{ margin-top:13px;} /* contentlist */ .sideListStyle1 {background:url(/images/sub/listStyle1Bg.gif) repeat-y left top;} .sideListStyle1 ul {float:left; width:78px; margin:0 0 10px 8px;} *html .sideListStyle1 ul {margin:0 0 3px 5px;} /* IE6핵처리 */ .sideListStyle1 div.itemTitle {padding:10px 0 6px 20px; margin:0 10px; background:url(/images/sub/icon01.gif) no-repeat left 13px; border-bottom:1px #e1e1e1 solid; font-weight:bold;} .sideListStyle1 div.bgBottom{background:url(/images/sub/listStyle1BgBottom.gif) no-repeat left bottom; height:1px;} .sideListStyle1 ul {padding-top:10px;} .sideListStyle1 li{background:url(/images/main/icon_02.gif) no-repeat left 50%; padding:1px 0 1px 8px; margin-left:2px;} #headerSub table { width:100%; height:40px; } #headerSub table ul { margin:0 0 0 32px; width:680px; } #headerSub table ul li { float:left; padding:0 7px; color:#53493d; } #headerSub ul li span { color:#cfb498; } #headerSub ul li strong { color:#bf723f } /* sitemap */ .siteMapTop { width:886px; height:412px; } .siteMapOutline { width:209px; float:left; } .siteMapTit { width:189px; height:22px; background:url(/images/sub/siteMapTitBack.gif) no-repeat top left; font-size:14px; font-weight:bold; padding:4px 0 0 20px; } .siteMapTit a { color:#fd7917; } .siteMapList { height:358px; background:url(/images/sub/siteMapBack.gif) repeat-y top left; padding-top:13px; } .siteMapList strong { display:block; margin:0 0 5px 25px; } .siteMapList ul { margin:5px 0 13px 25px; font-size:11px; color:#787878; } .siteMapList01 { height:66px; background:url(/images/sub/siteMapBack.gif) repeat-y top left; padding-top:13px; } .siteMapList01 strong { display:block; margin:0 0 5px 25px; } .siteMapList01 ul { margin:5px 0 13px 25px; font-size:11px; color:#787878; } .siteMapBot { background:#f8f6f0; width:866px; } .siteMapBotOutLine { background:#f8f6f0; width:839px; padding:13px 0 13px 27px; } /* IE6핵처리 */ *html .siteMapBotOutLine { background:#f8f6f0; width:839px; padding:8px 0 8px 27px; } *:first-child+html .siteMapBotOutLine { background:#f8f6f0; width:839px; padding:8px 0 8px 27px; } .siteMapBotLeft { float:left; width:308px; height:67px; border-right:1px solid #e6e3d9; margin:0 20px 8px 10px; } .siteMapBotRight { width:490px; height:67px; float:left;} .siteMapBotTit { color:#fd7917; font-size:14px; } .siteMapBot table td { font-size:12px; font-weight:bold; color:#464646; padding:3px 20px 3px 3px; } #brmcancellation {position:absolute; left:580px; top:220px; width:331px; height:306px; z-index:1;} /*--------------sms--------------*/ .smsMenu{position:relative; background:url(/images/sub/bg_giftTitleBg.gif) repeat-x bottom; height:32px; margin:10px 0 7px 0; } .smsTop { width:866px; height:40px; padding-top:335px; background:url(/images/sub/sms01.jpg) no-repeat top left;} .smsInner { position:relative; padding:40px 80px; border-left:solid 6px #f2f1ed; border-right:solid 6px #f2f1ed;} .smsInnerBtn{position:absolute; right:80px; top:40px;} .smsInnerTit { margin-bottom:22px; color:#664801; font-size:16px;} .smsTb { color:#777777; line-height:19px; border-top:solid 2px #e6e6dc; border-bottom:solid 2px #e6e6dc;} .smsTb th { width:120px; text-align:left; padding:10px 3px 10px 15px; background-color:#faf9f6; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed; } .smsTb td { padding:10px 0 10px 20px; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed;} .smsTb02 { color:#777777; line-height:19px; border-top:solid 2px #e6e6dc; border-bottom:solid 2px #e6e6dc;} .smsTb02 th { width:160px; text-align:left; padding:15px 0 15px 15px; background-color:#faf9f6; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed; } .smsTb02 td { padding:15px 0 15px 15px; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed;} .smsOrange { color:#f48729; font-weight:normal;} .smsBox { width:50px; height:19px; margin-right:2px;} .smsList { margin:0;} .smsList li { margin:0; line-height:19px; padding:4px 0 4px 0;} .smsList02 { margin:0;} .smsList02 li { margin:0; line-height:19px; padding:2px 0 2px 0;} /*--------------BR메시지sms--------------*/ .brmsmsTop1 { width:866px; height:40px; padding-top:335px; background:url(/images/sub/brmsms01.jpg) no-repeat top left;} .brmsmsTop2 { width:866px; height:40px; padding-top:335px; background:url(/images/sub/brmsmsReadership.jpg) no-repeat top left;} .brmsmsTop3 { width:866px; height:40px; padding-top:335px; background:url(/images/sub/brmsms03.jpg) no-repeat top left;} .btSms { width:111px; height:18px; border:none; background: url(/images/sub/bt_smsBg.gif) no-repeat; font-family:돋움; font-size:11px; color:#6a6a6a; margin:0 0 0 5px; padding:2px 0 0 0; } .btSms02 { width:114px; height:20px; border:none; background: url(/images/sub/bt_smsBg02.gif) no-repeat; font-family:돋움; font-size:11px; color:#6a6a6a; margin:0 0 0 5px; padding:2px 0 0 0; } .btSms03 { width:139px; height:20px; border:none; background: url(/images/sub/bt_smsBg03.gif) no-repeat; font-family:돋움; font-size:12px; color:#6a6a6a; margin:0 0 0 5px; padding:2px 0 0 0; } .btSms04 { width:163px; height:20px; border:none; background: url(/images/sub/bt_smsBg04.gif) no-repeat; font-family:돋움; font-size:12px; color:#6a6a6a; margin:0 0 0 5px; padding:2px 0 0 0; } /* sms PopUp */ .popSmsSearchClose { background:url(/images/sub/sms_pop_search.gif) no-repeat; height:35px; } .popSmsSearchPostBg, .popSmsSelfResultPostBg { background:url(/images/board/pop_back.gif) no-repeat; height:90px; padding:18px 18px 0 18px; margin-top:10px; line-height:19px; } .popBaseSelf { width:320px; height:175px; background:#fbf7ee; padding:15px; } .popBaseSelfm { width:320px; height:100px; background:#edf4e4; padding:15px; } .popSmsSelfClose { background:url(/images/sub/sms_pop_self.gif) no-repeat; height:35px; } .popSmsSelfPostBg { background:url(/images/board/pop_back.gif) no-repeat; height:310px; padding:18px 18px 0 18px; margin-top:10px; line-height:19px; } .popSmsCertifyPostBg { background:url(/images/board/pop_back.gif) no-repeat; height:190px; padding:18px 18px 0 18px; margin-top:10px; line-height:19px; } .popSmsSubmitPostBg { background:url(/images/board/pop_back.gif) no-repeat; height:230px; padding:18px 18px 0 18px; margin-top:10px; line-height:19px; } .popSmsFaultClose { background:url(/images/sub/sms_pop_fault.gif) no-repeat; height:35px; } .popSmsFaultPostBg { background:url(/images/board/pop_back.gif) no-repeat; height:120px; padding:18px 18px 0 18px; margin-top:10px; line-height:19px; } .popSmsPostBg { background:url(/images/board/pop_back.gif) no-repeat; height:180px; padding:18px 18px 0 18px; margin-top:10px; line-height:19px; } .popSmsResultPostBg { background:url(/images/board/pop_back.gif) no-repeat; height:130px; padding:18px 18px 0 18px; margin-top:10px; line-height:19px; } .popSmsSelfPostBg table, .popSmsSubmitPostBg table { width:100%; text-align:center; margin:10px 0; border-bottom:solid 2px #e6e6e6;} .popSmsSelfPostBg th, .popSmsSubmitPostBg th { padding:5px 0; background-color:#f8f8f8; border-top:solid 2px #e6e6e6; border-bottom:solid 1px #e6e6e6; } .popSmsSelfPostBg td, .popSmsSubmitPostBg td { padding:5px 0; border-bottom:solid 1px #e6e6e6; } .popSmsGiftListClose { background:url(/images/sub/sms_pop_giftList.gif) no-repeat; height:35px; width:371px; } .popbrmSmsListClose { background:url(/images/sub/brmsms_pop_List.gif) no-repeat; height:35px; width:371px; } .popbrmSmsFaultClose { background:url(/images/sub/brmsms_pop_Fault.gif) no-repeat; height:35px; width:371px; } .popBaseMobileLetterRegular {background:#fbf7ee; padding:16px 0 12px 18px; border:solid 1px #d6d6d6; } .popmobileLetterRegular{ background:url(/images/sub/sms_pop_regularFault.gif) no-repeat; height:35px; width:336px; } .btRegularClosepop { margin:8px 0 0 308px; } .mobileLetterRegularMotify { height:162px; background:url(/images/sub/pop_regularBack.gif) no-repeat; width:302px; padding:21px 17px 1px 17px; margin-top:15px; } .regularBtn {padding:16px 0 9px 0; text-align:center; border-top: dotted 1px #c0c0c0;} /* e-money */ .EMoneyMenu{position:relative; background:url(/images/sub/bg_giftTitleBg.gif) repeat-x bottom; height:32px; margin:25px 0 25px 0; } .EMoneyMenu .menu{} .EMoneyMenu .bt{ position:absolute; right:5px; top:2px;} /* oneDollar popup */ .popBaseOneDollarResult { width:330px; background:#fbf7ee; padding:14px; } .popOneDollarResultClose { width:330px; background:url(/images/board/cms_pop_result.gif) no-repeat; height:57px; } .popOneDollarResultPostBg { width:294px; background:url(/images/board/pop_back_width330px.gif) no-repeat; padding:18px 18px 0 18px; margin-top:10px; line-height:19px; } /* My Page e-Brain */ .MyEbrainBack { position:relative; background:url(/images/sub/MyEbrainBack.gif) no-repeat; height:254px; margin:25px 0 20px 0; } .MyEbrainTit { background:url(/images/board/bullet_arrow01.gif) no-repeat 3% 75%; padding:18px 0 0 36px; } .MyEbrainTit2 { background:url(/images/board/bullet_arrow01.gif) no-repeat 0 60%; padding:18px 0 10px 18px; } .MyEbrain{position:relative; background:url(/images/sub/bg_giftTitleBg.gif) repeat-x bottom; height:32px; margin:0 0 15px 0; } .MyEbrainInfo { padding:15px 0 0 25px; } .MyEbrainTxtFrame { position:absolute; top:57px; left:310px; width:350px;} .MyEbrainTxt { padding:20px 10px 10px 10px; background:#fbf9f3; border:1px solid #eee; } .MyEbrainTxt ul li { background:url(/images/board/bullet_03.gif) no-repeat left 7px; padding:0 0 6px 10px; } .MyEbrainBtn { padding:10px 0 0 12px; } .MyEbrainPeriod {width:100%;} .MyEbrainPeriod .bg{background:url(/images/board/write_thBg.gif) repeat-x top; height:3px; border:none; padding:0; margin:0;} .MyEbrainPeriod th{ width:18%; background-color:#faf9f6; border-bottom:1px #f0ebdb solid; padding:5px 0 0 15px; text-align:left; color:#8e8e8c; font-size:11px;} .MyEbrainPeriod td{ border-bottom:1px #f0ebdb solid; padding:5px 0 0 15px; color:#6e87a5;} .MyEbrainDay{padding:5px 0 7px 0;} .MyEbrainDay span{margin-left:312px; color:#6e87a5; vertical-align:middle;} .MyEbrainDay .txt{height:17px; background-color:#fef0d0; margin:0; padding:0; vertical-align:middle;} .MyEbrainDay .selectTxt{ background-color:#fef0d0; font-size:12px; vertical-align:middle; padding:0 0 0 2px; } /* EBEOpenEvent */ .EBEOpenEeventBG{ background:url(/images/event/EBEOpenEventBG01.jpg) no-repeat top center;} *html .EBEOpenEeventBG{ background:url(/images/event/EBEOpenEventBG02.jpg) no-repeat top center;} /* EBEOpenEvent PopUp */ .EBEpopBG{ width:334px; height:264px; padding:31px 33px 0 33px; background:url(/images/event/EBEpopBg.gif) no-repeat top left;} .EBEpopLoginBG{ width:334px; height:184px; padding:31px 33px 0 33px; background:url(/images/event/EBEpopLoginBg.gif) no-repeat top left;} /* ------------------------ KSF EVENT --------------------------------*/ .KSFTest { border:1px solid #fff; } .KSFPopBack { width:400px; background:url(/images/event/KSF_popBg.gif) repeat-y left top; position:relative; } .popClose { position:absolute; top:28px; left:350px; } .KSFPopNeed { background:url(/images/event/KSF_popNeedLogin.gif) no-repeat left top; padding:60px 0 0 0; } .KSFPopLog { background:url(/images/event/KSF_popLogin.gif) no-repeat left top; padding:60px 0 0 0; } .KSFPopPrivate { background:url(/images/event/KSF_popPrivate.gif) no-repeat left top; padding:60px 0 0 0; } .KSFPopFinal { background:url(/images/event/KSF_finalApplication.gif) no-repeat left top; padding:60px 0 0 0; } .KSFPopOnlyEvent { background:url(/images/event/KSF_popOnlyEvent.gif) no-repeat left top; padding:60px 0 0 0; } .KSFPopOnlyEvent table th { border-bottom:1px solid #f2f2f2; border-right:1px solid #f2f2f2; text-align:left; width:110px; height:32px; } .KSFPopOnlyEvent table td { border-bottom:1px solid #f2f2f2; padding-left:10px; } .tableLine2 { height:2px; border-top:2px solid #ccc; width:340px; } .KSFpopBg { width:284px; margin:20px 0 0 10px; padding:18px 18px 0 18px; margin-top:10px; } .KSFAlertBack { width:300px; background:url(/images/event/KSF_alertBg.gif) repeat-y left top; } .alert { width:240px; background:url(/images/event/KSF_alert.gif) no-repeat left top; padding:30px 30px 25px 30px; position:relative; } .alertImg { } /*뇌연령체크결과*/ .brAgeResultTempBox { width:680px; background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultSkinBg00.jpg) repeat-y; margin:0 auto; } .brAgeResultTempBox .itemTitleStyle01 { width:617px; }/* ie6 핵 */ .brAgeResultZone1 { position:relative; height:161px; background:#f5f5f5 url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultSkinBg01.jpg) no-repeat left top; text-align:right; } .brAgeResultZone2 { padding:0 32px; background:#f7f7f7 url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultSkinBg02.jpg) no-repeat left top; padding-top:20px; } .brAgeResultZone3 { padding:0 32px; background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultSkinBg03.jpg) no-repeat left bottom; padding-top:30px; padding-bottom:20px; } .brAgeResultZone3View { padding:0 32px; background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultSkinBg07.jpg) no-repeat left bottom; padding-top:30px; padding-bottom:50px; } .brAgeResultZone4 { padding:0 32px; background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultSkinBg04.jpg) no-repeat left top; padding-top:30px; } .brAgeResultZone5 { clear:both; padding:0 32px; background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultSkinBg05.jpg) no-repeat left bottom; padding-bottom:30px; } .brAgeResultZone6 { padding:0 32px; background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultSkinBg06.jpg) no-repeat left top; padding-top:30px; } .brAgeResultZone7 { padding:0 32px; } .brAgeResultBottom { height:67px; background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultSkinBg07.jpg) no-repeat left bottom; } .brAgeResultZone1 .zone01 { position:absolute; line-height:22px; top:21px; right:232px; font-size:16px; font-weight:bold; } .brAgeResultZone1 .zone02 { position:absolute; line-height:100px; top:30px; right:32px; font-weight:bold; font-family:Verdana; font-size:36px; } .brAgeResultZone1 .zone02 span.age { font-size:100px; color:#1f5cae; font-style:italic; } .brAgeResultZone2 table { color:#04449c; font-size:11px; } .brAgeResultZone2 tr.tbar { background:url(http://ebe.brainworld.com/images/eEdu/tableBar01_Blue01.gif) repeat-x left top; color:#fff; text-align:center;} .brAgeResultZone2 tr.tbar td { padding:15px 0 15px 0; border:none; font-weight:normal; } .brAgeResultZone2 td { padding:7px 0; border-bottom:1px solid #e5e5e6; font-weight:bold;} .brAgeResultZone2 td.questionName { font-size:12px; padding-left:20px; font-weight:normal; } .brAgeResultZone2 td.question { color:#f2673a; } .brAgeResultZone2 td.time { color:#666666; } .brAgeResultZone4 p { padding:20px 0; min-height:100px; line-height:20px; } .dia01 { float:left; width:297px; margin:0 20px 15px 0; } .dia01 .dia01Btn { position:absolute; right:0; top:0; } .dia02 { float:left; width:297px; margin:0 0 15px 0; } .dia02 .dia01Btn { position:absolute; right:0; top:0; } .recommendGame { background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultContBox02.gif) no-repeat left top; padding:25px 19px; height:202px; } .recommendGame table { width:260px; } .fourWard { background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultContBox02.gif) no-repeat left top; padding:40px 20px 26px 20px; height:186px; font-size:14px; } .english { background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultContBox02.gif) no-repeat left top; padding:40px 20px 26px 20px; height:186px; font-size:14px; } p.mrLee { min-height:90px; padding-left:150px; background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultDrLee.gif) no-repeat left top; line-height:20px; } p.mrRuta { min-height:90px; padding-left:150px; background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultDrRuta.gif) no-repeat left top; line-height:20px; } *html p.mrLee { height:90px; } /* ie6 핵 min-height 대신에*/ *html p.mrRuta { height:90px; } /* ie6 핵 min-height 대신에*/ .diaBox01 { background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultContBox02.gif) no-repeat left top; padding:40px 9px 26px 9px; height:186px; } .diaBox02 { background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultContBox03.gif) no-repeat left top; padding:9px; height:17px; } .contBox01 { padding:10px 0 10px 0; margin-bottom:20px; background:url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultContBox01-Top.gif) no-repeat left top; } .contBox01 .in{ padding:10px 24px 15px 0; background:#e5eefb url(http://ebe.brainworld.com/images/eEdu/brAgeCheckResultContBox01-Bottom.gif) no-repeat left bottom; } /* 결과다이어그램 */ .brAgeResultTempBox .contDiaBar03 { margin:0 3px; padding:4px 5px; background:#3f7ed5; text-align:left; } .brAgeResultTempBox .contDiaBar03 img{ height:9px; border-right:1px solid #fff; } .brAgeResultTempBox .contDiaBar03Text { margin-top:15px; padding-left:8px; text-align:left; } .brAgeResultTempBox .contDiaBar03Text .numAll { color:#629cec; } .brAgeResultTempBox .contDiaBar03Text .numNow { color:#ff6000; } .itemTitleStyle01 { position:relative; clear:both; } .itemTitleStyle01 .textguide { position:absolute; right:0; font-size:12px; color:#666666; } .itemTitleStyle02 {position:relative; clear:both; padding-left:10px; background:url(/images/event/bulletDot01Gray.jpg) no-repeat left 5px; font-size:14px; font-weight:bold; color:#4064bc; } .itemTitleStyle02 .textguide { position:absolute; right:0; font-size:12px; color:#666666; } span.border6pxUp, .border6pxUp { display:block; width:100%; height:6px; background:url(/images/event/borderBG01.gif) repeat-x left bottom; } span.border6pxDown, .border6pxDown { display:block; width:100%; height:6px; background:url(/images/event/borderBG02.gif) repeat-x left bottom; } .colorPointBlue01{ color:#629cec; } .colorPointBlue02 { color:#3677d0; } /* 결과다이어그램 */ .lifeCoachingBox{position:relative; background:url(/images/sub/bg_lifeCoaching.jpg) no-repeat; width:681px; height:433px;} .lifeCoachingBox ul{ position:absolute; width:345px; top:247px; left:41px; line-height:28px; } .lifeCoachingBox li{ background:url(/images/sub/btn_lifeCoachingBullet.gif) no-repeat 0 50%; padding-left:10px; } /*-----------------라이프코칭 ----------------*/ .coachingBox{position:relative; height:30px; vertical-align:top; text-align:right; margin-top:10px; padding-right:100px;} .coachingBox2{ position:relative; background:url(/images/sub/imgLifeMain04.jpg) no-repeat; width:661px; padding:55px 0 0 20px; height:133px; line-height:22px; } .coachingView{margin:30px 30px 80px 220px; font-size:14px; line-height:26px; font-weight:bold;} .ResponseViewBox{margin:30px; background:url(/images/sub/response_bt.gif) no-repeat top left;} .ResponseViewBody{margin:0 0 0 30px; background:url(/images/sub/responseBgBody.gif) repeat-y top left; background-color:#000000;} .ResponseViewBottom{background:url(/images/sub/responseBgBotton.gif) no-repeat bottom left;} .ResponseViewTop{ padding:100px 30px 80px 190px; font-size:14px; line-height:26px;} .subTitle{ font-size:18px; color:#fd7917;} /*-----------------요술상자 : SMS폴더 안 Detail.css 파일과 같이 수정해야 함----------------*/ .magicbox02wrap { position:relative;} .magicbox02 {position:absolute;left:37px;top:117px;width:170px;z-index:1;} .magictxt { padding:10px 0 5px 0; font-weight:bold; letter-spacing:-1px; color:#0c0c0c;} .magictxt a:link {color:#0c0c0c;} .magictxt a:visited {color:#0c0c0c;} .magictxt a:active {color:#0c0c0c;} .magictxt a:hover {color:#508e00; text-decoration:underline;} /*-----------------온라인 단센터 탑----------------*/ .idahnworldTop{ position:relative; width:1120px; text-align:left;} .idahnworldTop ul { position:absolute; left:245px; top:13px; width:585px; padding:0px; font-size:11px; } .idahnworldTop ul li { float:left; list-style:none; padding:0 10px; text-decoration:none; background:url(/images/sub/ondahnCommunityicon.gif) no-repeat 0 50%;} .idahnworldTop ul li.no{ background-image:none;} /*------------------천부경 타로 판매 ----------------*/ .taroTop { width:866px; height:40px; padding-top:375px; background:url(/images/sub/taro01.jpg) no-repeat top left;} .taroInner { padding:40px 80px; border-left:solid 6px #f2f1ed; border-right:solid 6px #f2f1ed;} .taroInnerBtn {position:absolute; right:80px; top:40px;} .taroInnerTit { margin-bottom:22px; color:#664801; font-size:16px; float:left; margin-right:20px; } .taroTb { color:#777777; line-height:19px; border-top:solid 2px #e6e6dc; border-bottom:solid 2px #e6e6dc; font-size:13px; } .taroTb th { width:120px; text-align:left; padding:10px 3px 10px 15px; background-color:#faf9f6; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed; } .taroTb td { padding:10px 0 10px 20px; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed;} .taroOrange { color:#f48729; font-weight:normal;} /*------------------홍익가정view 2010.05.10(정수연) ----------------*/ .familyTitle{background:url(/images/sub/familyTitle00.gif) no-repeat top left; height:33px; font-size:23px; padding:15px 0 0 20px; color:#fff; font-family:HY견고딕, 돋움, Arial, Helvetica, sans-serif;} .familyBox{ width:655px; border-bottom:1px #eeeeee solid; border-left:1px #eeeeee solid; border-right:1px #eeeeee solid; padding:20px 11px 40px 11px; line-height:20px;} .familyBox .title{border-bottom:1px #dae9aa solid; padding:30px 0 6px 0; margin-bottom:12px;} .familyBox .paddingLR7{ padding:0 7px;} .familyBox .profile{} .familyBox .profile dl{ float:left; width:459px; background-color:#fbf9f7; border-bottom:1px #dae9aa solid;border-top:1px #dae9aa solid; padding:0 19px; } .familyBox .profile dl dt{ color:#358d3b; padding:4px 0px; font-weight:bold; border-bottom:1px #fff solid;} .familyBox .profile dl dd{background:url(/images/sub/icon03.gif) no-repeat 0 50%; padding: 3px 0 3px 9px; border-bottom:1px #fff solid;} /*-홍익가정 일정*/ #map {height:270px; text-align:center; padding:0 20px;} #map .nation { float: left; margin: 0 0 0 30px; padding:0; } #map .local { float: right; margin: 0 0px 0 0; padding:0; } #map02 { padding: 0px 0px 0px 25px; } table#centerList01 { width: 100%; border-collapse: collapse; clear: both; margin-top: 10px; } table#centerList01 caption { font-size: 12px; text-align: center; } table#centerList01 th { padding: 8px 2px 8px 2px; } table#centerList01 td { padding: 6px 2px 6px 2px; } table#centerList01 col { } table#centerList01 col#itemA-center { width: 15%; } table#centerList01 col#itemB-center { width: 49%; } table#centerList01 col#itemC-center { width: 16%; } table#centerList01 col#itemD-center { width: 10%; } table#centerList01 col#itemE-center { width: 10%; } /***** 시작 : 디테일스타일 01 *****/ table#centerList01 thead#LH01-center { background: url(../../Img/tablehead_center.gif) repeat-x left center; color: #fff; text-align: center; } /*목록타이틀 - 스타일지정*/ table#centerList01 thead#LH01-center th { background: url(../../Img/tablehead_center.gif) repeat-x left top; font-weight: normal; font-family: 돋움; } /*목록타이틀 - 스타일지정*/ table#centerList01 thead#LH01-center th.bg { border-bottom: 1px solid #eee; border-top: 0; text-align: center;} /*목록타이틀 - 구분스타일지정*/ table#centerList01 tbody#LD01-center { } table#centerList01 tbody#LD01-center tr.odd { background-color: #fdfcf5; } /*목록세부 - 홀수행 컬러스타일지정*/ table#centerList01 tbody#LD01-center tr.even { background: #fdfcf5; } /*목록세부 - 짝수행 컬러스타일지정*/ table#centerList01 tbody#LD01-center td { border-bottom: 1px solid #eee; border-top: 0 ;} /*목록세부 - 셀라인스타일지정*/ table#centerList01 tbody#LD01-center td.address { text-align:left; } table#centerList01 tbody#LD01-center td.center { text-align:center; } table#centerList01 tbody#LD01-center td.tel { text-align:center; } /***** 끝 : 디테일스타일 01 *****/ table#centerList01 tbody a { text-decoration: none; } table#centerList01 tbody a:hover { text-decoration: none; } table#centerList01 tbody a.link-center { width: 60px; height: 20px; background:#eee url(../../Img/button_center01_out.gif) no-repeat 50% 50%; } table#centerList01 tbody a.link-centerSelect { width: 61px; height: 20px; background:#eee url(../../Img/button_centerSelect01_out.gif) no-repeat 50% 50%; } table#centerList01 tbody a.link-counsel { width: 60px; height: 20px; background:#eee url(../../Img/button_center02_out.gif) no-repeat 50% 50%; } table#centerList01 tbody a.link-center:hover { width: 60px; height: 20px; background:#eee url(../../Img/button_center01_on.gif) no-repeat 50% 50%; } table#centerList01 tbody a.link-centerSelect:hover { width: 61px; height: 20px; background:#eee url(../../Img/button_centerSelect01_on.gif) no-repeat 50% 50%; } table#centerList01 tbody a.link-counsel:hover { width: 60px; height: 20px; background:#eee url(../../Img/button_center02_on.gif) no-repeat 50% 50%; } fieldset.openClassInfo a.ticketdown { width: 148px; height: 20px; margin-left:5px; background:#eee url(../../Img/button_center03_out.gif) no-repeat 50% 50%; position:absolute; } fieldset.openClassInfo a.ticketdown:hover { width: 148px; height: 20px; margin-left:5px; background:#eee url(../../Img/button_center03_on.gif) no-repeat 50% 50%; position:absolute; } /* End : CenterSection : ListStyle 01*/ /* Begin : CenterSection : ListStyle 02*/ h4.centerName { float: left; color: #f55148;} h4.centerName { float: left; color: #f55148;} fieldset.centerInfo { padding-bottom: 8px; } fieldset.centerInfo legend { display: inline; margin-bottom: 10px; font-size: 12px; font-weight: bold; } fieldset.centerInfo ol{ float: left; list-style: none; width:390px; padding-right:10px; }