/********************************************* Note : 안내테스크 색상 *********************************************/ .Default_backColor,#CSpaper_Menu a,#CSpager_Layer .title strong {background-color:#FB5225;} .Default_textColor {color:#FB5225;} /********************************************* Note : 기본레이아웃 *********************************************/ body {} /* 기본영역정의(960px) */ #Default_Warp {position:relative; overflow:hidden; width:960px; margin:0 auto;} /*로고*/ #HeadTop {overflow:hidden; width:100%;} #HeadTop #Default_Warp {width:960px; height:100px;} /*메뉴바 상단*/ #HeadMenu {overflow:visible; width:100%; height:75px; background:#fff url('./Default_MenuBar.png') no-repeat center -110px;} #HeadMenu #Default_Warp {overflow:visible; height:75px;} /********************************************* Note : 메뉴바 *********************************************/ #MenuBar {float:left; overflow:visible; width:960px; height:46px; text-align:left; letter-spacing:-1px;} ul.mega-menu li.megaline,ul.mega-menu li.megaline ul li.sub {float:left; overflow:visible;} ul.mega-menu a,ul.mega-menu strong {display:inline-block; overflow:hidden; font-family:'dotum';} /* 1차섹션 */ ul.mega-menu {float:left; overflow:visible; width:960px;} ul.mega-menu li.megaline {height:40px; background:url('./sec_bar.png') no-repeat 0 0} ul.mega-menu li.nobr {background:none;} /* 1차섹션(아웃) */ ul.mega-menu li.megaline a strong {height:40px; padding:0 30px; color:#fff; font-size:16px; font-family:'Malgun Gothic'; cursor:pointer; line-height:34px;} ul.mega-menu li.nobr a strong {padding-left:0;} /* 1차섹션(오버) */ ul.mega-menu li.megaline a:hover strong,.s-menu-back {color:#fff;} /* FF */ @-moz-document url-prefix() { ul.mega-menu li.megaline a strong {line-height:35px;} } /* 2차섹션 */ ul.mega-menu li.megaline ul,ul.mega-menu li.megaline ul li.sub {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} ul.mega-menu li.megaline ul {position:absolute; overflow:hidden; padding-top:6px; /*margin:-6px 0 0 -10px; kimyh 2015.01.21*/margin:-6px 0 0; display:none; background:#fb5225 url('./Default_Icon.png') no-repeat center -228px; border-bottom:1px solid #b5b5b5; border-top:0; z-index:99999999;} ul.mega-menu li.megaline.nobr .sub-menu-vertical{margin-left:-10px}/*kimyh 2015.01.21*/ ul.mega-menu li.megaline ul li.sub {clear:both; overflow:hidden; width:100%; padding:0 5px; background-color:#fff; border-left:1px solid #b5b5b5; border-right:1px solid #b5b5b5; border-bottom:0; font-size:11px; font-family:'dotum'; text-align:center;} /* 서브 */ ul.mega-menu li.megaline ul li.sub a {display:block; border-top:1px solid #dfdfdf; color:#777; line-height:30px; line-height:34px;} ul.mega-menu li.megaline ul li.sub a:hover {color:#444;} ul.mega-menu li.megaline ul li.nobr a {border-top:0;} /********************************************* Note : 로고 *********************************************/ .topLogo {float:left; overflow:hidden; margin-top:0;} /********************************************* Note : 롤링배너 *********************************************/ #BannerSlider {position:absolute; left:20px; top:0; text-align:left;} #BannerSlider .sliderkit-warp {position:relative; overflow:hidden;} #BannerSlider ul.sliderkit-nav {position:absolute; right:0; top:10px; cursor:pointer; z-index:9;} #BannerSlider ul.sliderkit-nav li {float:left; overflow:hidden; height:14px; background:url('./Default_Icon.png') no-repeat; line-height:100pt;} #BannerSlider ul.sliderkit-nav li.sliderkit-go-prev {width:12px; background-position:0 -132px;} #BannerSlider ul.sliderkit-nav li.sliderkit-go-next {width:13px; background-position:-100px -132px;} #BannerSlider .sliderkit-panels,#BannerSlider .sliderkit-panel {position:absolute; overflow:hidden; z-index:1;} #BannerSlider .sliderkit-panel {display:none; top:0; z-index:2;} #BannerSlider .sliderkit-panel-active {z-index:5;} #BannerSlider .sliderkit-panel-old {z-index:4;} #BannerSlider .sliderkit-warp,#BannerSlider .sliderkit-panels,#BannerSlider .sliderkit-panel {width:250px; height:110px;} /********************************************* Note : 기타버튼 *********************************************/ #SNSBtn {position:absolute; right:20px; top:40px; } #SNSBtn ul,#SNSBtn ul li,#SNSBtn ul li a {float:left; overflow:hidden; height:30px;} #SNSBtn ul li {margin-left:5px;} #SNSBtn ul li a {width:30px; background:url('./Default_Icon.png') no-repeat; line-height:100pt;} #SNSBtn ul li.vod a {background-position:0 -72px;} #SNSBtn ul li.hub a {background-position:-100px -72px;} #SNSBtn ul li.twi a {background-position:-200px -72px;} #SNSBtn ul li.fac a {background-position:-300px -72px;} #SNSBtn ul li.nav a {background-position:-400px -72px;} #SNSBtn ul li.dam a {background-position:-500px -72px;} #SNSBtn ul li.rss a {background-position:-600px -72px;} #SNSBtn ul li.vod a:hover {background-position:0 -102px;} #SNSBtn ul li.hub a:hover {background-position:-100px -102px;} #SNSBtn ul li.twi a:hover {background-position:-200px -102px;} #SNSBtn ul li.fac a:hover {background-position:-300px -102px;} #SNSBtn ul li.nav a:hover {background-position:-400px -102px;} #SNSBtn ul li.dam a:hover {background-position:-500px -102px;} #SNSBtn ul li.rss a:hover {background-position:-600px -102px;} #SNSBox {position:absolute; right:0; top:72px;} #SNSBox ul,#SNSBox ul li,#SNSBox ul li span {float:left; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #SNSBox ul li {display:none; background:#fff url('./Default_Icon.png') no-repeat center -228px; padding-top:6px;} #SNSBox ul li span {height:21px; border:1px solid #b5b5b5; border-top:0; padding:0 6px; color:#747474; font-size:11px; font-family:'dotum'; line-height:20px; line-height:22px\9; line-height:22px\0; letter-spacing:-1px;} #SNSBox ul li.vod {margin-right:207px;} #SNSBox ul li.hub {margin-right:181px;} #SNSBox ul li.twi {margin-right:152px;} #SNSBox ul li.fac {margin-right:113px;} #SNSBox ul li.nav {margin-right:82px;} #SNSBox ul li.dam {margin-right:52px;} #SNSBox ul li.rss {margin-right:7px;} /********************************************* Note : 기사검색 *********************************************/ #SearchForm {position:absolute; overflow:hidden; right:5px; top:5px; z-index:1;} #SearchForm fieldset,#SearchForm form,#SearchForm input,#SearchForm button {float:left; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #SearchForm fieldset,#SearchForm button {background:#fb5225 url('./Default_Icon.png') no-repeat left top;} #SearchForm input,#SearchForm button {height:30px; border:0;} #SearchForm input {width:285px; padding:0 5px; margin-left:16px; background-color:#fff; color:#484848; font-size:12px; line-height:30px;} #SearchForm input.inptxt {color:#989898; font-size:11px; font-family:'dotum'; letter-spacing:-1px; line-height:40px\9; line-height:40px\0;} #SearchForm button {width:41px; background-position:left -36px; line-height:100pt; cursor:pointer;} /********************************************* Note : 로그인 *********************************************/ #LoginBtn {position:absolute; top:35px; right:0;} #LoginBtn ul,#LoginBtn ul li {float:left; overflow:hidden; height:41px;} #LoginBtn ul li {padding:0 5px; background:url('./Default_Icon.png') no-repeat left -187px; line-height:40px; line-height:44px\9; line-height:44px\0; letter-spacing:-1px;} #LoginBtn ul li.nobr {background:none;} #LoginBtn ul li a {color:#969696; font-size:11px; font-family:'dotum';} #LoginBtn ul li strong {color:#fb7525;} /********************************************* Note : 인기뉴스 *********************************************/ #HitNews {position:absolute; height:41px; top:46px; left:0; padding-left:20px; background:url('./Default_Icon.png') no-repeat left -146px; color:#fb7525; font-size:11px; font-family:'dotum'; letter-spacing:-1px; line-height:40px; line-height:40px; line-height:44px\9; line-height:44px\0;} #HitNews strong {float:left; margin-right:6px;} /* 인기뉴스 */ #fullarticle-std {position:relative; float:left; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #fullarticle-std .sliderkit-panels,#fullarticle-std .sliderkit-panel {position:absolute; overflow:hidden; background-color:#fff; text-align:left;} #fullarticle-std .sliderkit-panels {left:0; top:0; z-index:1;} #fullarticle-std .sliderkit-panel {display:none; left:0; top:0; z-index:2;} #fullarticle-std .sliderkit-panel-active {z-index:5;} #fullarticle-std .sliderkit-panel-old {z-index:4;} #fullarticle-std .sliderkit-panels a {float:left; color:#484848; font-size:14px; font-family:'Malgun Gothic'; letter-spacing:-1px; line-height:36px;} #fullarticle-std,#fullarticle-std .sliderkit-panels,#fullarticle-std .sliderkit-panel {width:600px; height:40px;} .top_etc{float:left; width:250px; margin:0 0 0 30px; overflow:hidden} /* etc menu */ .top-etcmenu {position:absolute; top:55px; z-index:95} .top-etcmenu .etc-list {position:relative;float:left;margin-right:5px} .top-etcmenu .etc-list .etc-basic {display:block;overflow:hidden;width:26px;height:26px;text-indent:-5000px;background:url('./design_basic.png') no-repeat} .top-etcmenu .etc-list .all {background-position:0 -300px} .top-etcmenu .etc-list .start{background-position:0 -336px} .top-etcmenu .etc-list .fav {background-position:-30px -300px} .top-etcmenu .etc-list .book {background-position:-60px -300px} .top-etcmenu .etc-list .rss {background-position:-90px -300px} /* etv menu - guide */ .top-etcmenu .etc-guide {position:absolute;display:none;width:80px;height:25px;line-height:29px;left:50%;top:-35px;margin-left:-40px;color:#888;background-color:#fff;border:1px solid #aaa;font-family:Dotum,AppleGothic;font-size:11px;letter-spacing:-0.1em;z-index:99} .top-etcmenu .etc-guide .icon {position:absolute;display:block;overflow:hidden;width:11px;height:5px;left:50%;top:25px;margin-left:-5.5px;text-indent:-5000px;background:url('./design_basic.png') -20px -120px no-repeat;z-index:5} .update {position:absolute; top:42px; right:220px; color:#888; font-size:11px; font-family:'dotum'; line-height:30px; line-height:36px\9; letter-spacing:-1px} .update strong {color:#555;}