/****************************************************************************************
Note : 제주신보 ver.2013 스타일
Date : 2013.11.18
****************************************************************************************/

/* 공통 */
#bodyWrap, #subMenu .subDesk, 
.body-width-full, .body-width-basic, .SearchForm, .TopBanner, .NavMore, .NavMoreView, .siteMap, .MorBoxBg, .MorBoxClose, .ActicleMore, .MorBoxHead, .ActicleMoreView, 
.ActicleMoreView li 
{display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* 전체 */
#bodyWrap {text-align:center; margin-bottom:15px;}
#header {height:35px; border-bottom:1px dotted #d0d0d0;}
#head {padding:10px 0; position:relative;}
.body-width-full {width:100%;}
.body-width-basic {width:960px; margin:0 auto;}
.mediaPointer {color:#ec2a28;}
.placeholder {color:#aaa;}


/* 시작버튼 */
.StrBtn {float:left; margin-top:12px;}
.StrBtn li {float:left; font-family:Dotum; font-size:11px; color:#949494; padding:0 8px; background:url(/image2006/design_basic.png) right 1px no-repeat; _background-position:right 0px;}
.StrBtn li.first {padding-left:0px;}
.StrBtn li.nobr {background:none;}
.StrBtn a {display:block; color:#949494; letter-spacing:-1px;}
.StrBtn a:hover {color:#ec2a28; text-decoration:none;}
.StrBtn li.first a {background:url(/image2006/design_basic.png) 0px 1px no-repeat; _background-position:0px 0px; padding-left:15px;}


/* 기타버튼 */
.EtcBtn {float:right;}
.EtcBtn li.nobr {background:none; padding-right:0px;}


/* 제호 */
.TopLogo {float:left; width:260px;}

/* 검색 */
.SearchForm {position:absolute; width:345px; height:35px; z-index:99; left:50%; margin-left:-172.5px; top:50%; margin-top:-17.5px;}
.SearchForm fieldset {border:0; padding:0; background:url(/image2006/design_basic.png) -56px -105px no-repeat; padding-top:4px;}
.SearchForm label, .SearchForm input {float:left; padding:0; margin:0; font-family:Dotum; font-size:11px;  letter-spacing:-1px;}
.SearchForm label {display:block; overflow:hidden; width:80px; height:35px; line-height:30px; background:url(/image2006/ico_search2_new.gif) 65px 12px no-repeat;}
.SearchForm label a {display:block;}
.sc_word {width:210px; height:28px; line-height:28px; border:0px;}
.sc_Btn {background:none;}


/* 상단배너 */
.TopBanner {float:right; overflow:hidden; width:250px; height:75px; padding-top:8px; position:relative;}
.TopBanner .bnCursor {position:absolute; display:block; overflow:hidden; cursor:pointer; z-index:99; bottom:0px; width:15px; height:15px; line-height:200px; border:0; background:0; background-image:url(/image2006/design_basic.png); background-repeat:no-repeat;}
.TopBanner .prev {right:16px; background-position:-95px -71px;}
.TopBanner .next {right:0px; background-position:-111px -71px;}
.ViewTopBn {display:block; padding:0; margin:0;}


/* 1차메뉴 */
.topNav {position:relative; overflow:visible; height:50px; background:#485057;}

#topMenu a, #topMenu em {background-image:url(/image2006/design_basic.png); background-repeat:no-repeat;}
#topMenu li {float:left; background:url(/image2006/design_basic.png) right -168px no-repeat;}
#topMenu li.nobr {background:none;}
#topMenu a {display:block; background-position:300px 300px; padding:0 25px;}
#topMenu a:hover {background-position:center -330px;}
#topMenu em {display:inline-block; overflow:hidden; height:14px; line-height:300px; margin:18px 0; cursor:pointer;}

#topMenu li.menu1 em {width:25px; background-position:left -167px;}
#topMenu li.menu2 em {width:36px; background-position:left -192px;}
#topMenu li.menu3 em {width:54px; background-position:left -217px;}
#topMenu li.menu4 em {width:48px; background-position:left -242px;}
#topMenu li.menu5 em {width:61px; background-position:left -267px;}
#topMenu li.menu6 em {width:48px; background-position:left -292px;}

/* pdf버튼 */
#topMenu li.menu6 {position:relative;}
#topMenu .pdfIcon {position:absolute; display:block; overflow:hidden; top:50%; margin-top:-8px; right:-20px; width:36px; height:16px; text-indent:-5000px; background:url(/image2006/design_basic.png) -317px -71px no-repeat;}


/* 2차메뉴 */
#subMenu {position:absolute; left:0px; top:50px; z-index:101;}
#subMenu .subDesk {float:left; background:#f8f8f8; border:1px solid #485057; border-top:0px; padding:10px 15px;}
#subMenu .subDesk dt, #subMenu .subDesk dd {float:left;}
#subMenu .subDesk dt {width:180px; margin-right:15px;}
#subMenu .subDesk dd {width:350px; margin-left:15px;}

#subMenu .subMenuList, #subMenu .subMenuList li {float:left; text-align:left;}
#subMenu .subMenuList {width:100%;}
#subMenu .subMenuList h1, #subMenu .subMenuList li {font-family:Dotum; font-size:12px; letter-spacing:-1px;}
#subMenu .subMenuList h1 {height:25px; line-height:25px; border-bottom:1px solid #ddd; margin-bottom:8px;}
#subMenu .subMenuList li {width:50%; height:22px; line-height:22px;}

#subMenu .subMenuList a {display:block; color:#696f76;}
#subMenu .subMenuList a:hover {color:#ec2a28;}

#subMenu .subListFull li {width:100%;}
#subMenu .aticleMore {float:right; margin-top:9px; _margin-top:-16px; display:block; overflow:hidden; width:25px; height:5px; line-height:100px; background:url(/image2006/design_basic.png) -55px -91px no-repeat; cursor:pointer;}


/* 로그인 */
.LoginSet {float:right; margin-right:58px; margin-top:11px;}
.LoginSet li {float:left; display:block; overflow:hidden; height:28px; line-height:300px; background-image:url(/image2006/design_basic.png); background-repeat:no-repeat; margin-left:2px;}
.LoginSet li.logout, .LoginSet li.modify, .LoginSet li.join {width:65px;}
.LoginSet li.login, .LoginSet li.myhome {width:55px;}

.LoginSet li.login {background-position:0px -27px;}
.LoginSet li.logout {background-position:-58px -27px;}
.LoginSet li.join {background-position:-126px -27px;}
.LoginSet li.myhome {background-position:-194px -27px;}
.LoginSet li.modify {background-position:-252px -27px;}

.LoginSet a {display:block;}


/* 메뉴 더보기 */
.NavMore {position:absolute; right:2px; top:-2px; width:47px; z-index:88; cursor:pointer;}
.NavMore span, .NavMore button {display:inline-block; overflow:hidden; background-image:url(/image2006/design_basic.png); background-repeat:no-repeat; cursor:pointer;}
.NavMore span {float:left; width:47px; height:5px; background-position:left -71px;}
.NavMore button {float:left; width:45px; height:64px; border:0; padding:0; margin:0; background-color:transparent; background-position:left -76px;}
.MoreLong {float:left; width:45px; height:1px; background-color:#242021; padding:0; margin:0; display:none;}


/* 메뉴더보기 뷰어 */
.ActicleMore {position:absolute; width:960px; right:0; top:53px; border:1px solid #485057;  background:#606971; z-index:100; display:none;}

/* 메뉴더보기 뷰어-상단 */
.MorBoxHead {padding:0; margin:0; width:100%; height:30px; line-height:30px; background:#485057; padding:0 10px; border-top:1px solid #75797d;}
.MorBoxHead label {float:left; font-family:Dotum; font-size:12px; letter-spacing:-1px; color:#fff;}
.MorBoxHead button {float:right; background:none; border:0; display:block; overflow:hidden; cursor:pointer; width:12px; height:11px; text-indent:-5000px; background:url(/image2006/design_basic.png) -368px -71px no-repeat; margin-top:9px;}

/* 메뉴더보기 뷰어-내용 */
.ActicleMoreView {padding:15px 5px; text-align:left;}
.ActicleMoreView li {float:left; font-family:Dotum; font-size:11px; letter-spacing:-1px; width:12.5%; padding:0 12px; height:16px; line-height:16px; margin-bottom:7px; display:block; overflow:hidden;}
.ActicleMoreView a {display:block; color:#ccc;}
.ActicleMoreView a:hover {color:#fff; text-decoration:underline;}


/* 실시간뉴스 */
.todayHotNews {float:left; margin-top:4px;}

/* 알림센터 */
.subNav {height:32px; background:#f6f6f6; border:1px solid #dfdfdf; border-top:0px; padding:0 54px 0 10px;z-index:1;}

/* 알립니다 */
.topNotice {float:left; margin-top:7px;}
.topNotice dt, .topNotice dd {float:left; height:20px; line-height:20px; font-family:Dotum; font-size:11px; letter-spacing:-1px;} 
.topNotice dt {padding-right:10px; background:url(/image2006/design_basic.png) right 3px no-repeat; _background-position:right 4px;}
.topNotice dd {padding-left:10px;}

/* 알립니다 - 더보기 */
.NoticeMore {width:25px; padding-top:6px;}
.NoticeMore em {display:inline-block; overflow:hidden; width:25px; height:5px; line-height:100px; background:url(/image2006/design_basic.png) -55px -91px no-repeat; cursor:pointer;}


/* 제휴사이트 */
#FamilySite {border-top:1px solid #ddd;}
#FamilySite li {float:left; display:block; overflow:hidden; height:50px; line-height:500px; background-image:url(/banner/dn_jhbanner_160112.jpg); background-repeat:no-repeat;}
#FamilySite li.fmsite1 {width:136px; background-position:0px 0px;}
#FamilySite li.fmsite2 {width:114px; background-position:-136px 0px;}
#FamilySite li.fmsite3 {width:136px; background-position:-250px 0px;}
#FamilySite li.fmsite4 {width:111px; background-position:-386px 0px;}
#FamilySite li.fmsite5 {width:110px; background-position:-497px 0px;}
#FamilySite li.fmsite6 {width:122px; background-position:-607px 0px;}
#FamilySite li.fmsite7 {width:102px; background-position:-729px 0px;}
#FamilySite li.fmsite8 {width:129px; background-position:-831px 0px;}
#FamilySite a {display:block;}

/* 하단 */
#footer {height:33px; border-top:2px solid #485057; border-bottom:1px solid #e9e9e9; background:#f8f8f8; padding:0 10px;}

/* 하단메뉴 */
#footer .FootMenu {margin-top:10px;}
#footer .FootMenu a {color:#485057;}
#footer .FootMenu a:hover {color:#c00;}

/* 하단우측버튼 */
#footer .dnEtcMenu {float:right; margin-top:8px;}
#footer .dnEtcMenu li {float:left; height:13px; line-height:300px; display:block; overflow:hidden; background-image:url(/image2006/design_basic.png); background-repeat:no-repeat;}
#footer .dnEtcMenu li.rss {width:27px; background-position:-252px -89px;}
#footer .dnEtcMenu li.home {width:33px; background-position:-279px -89px;}
#footer .dnEtcMenu li.back {width:37px; background-position:-312px -89px;}
#footer .dnEtcMenu li.top {width:25px; background-position:-344px -89px;}
#footer .dnEtcMenu li.ndsoft {width:82px; background-position:-157px -73px; margin-right:12px;}
#footer .dnEtcMenu a {display:block;}


/* 카피라잇 */
#copy {padding:15px 10px; font-family:Dotum; font-size:11px; color:#828587; line-height:18px; position:relative;}
#copy .MailIcon {background:url(/image2010/dn_mail.gif) right center no-repeat; _background-position:right 1px; padding-right:16px;}
#copy .LogoDn {display:inline-block; overflow:hidden; width:70px; height:13px; _height:18px; text-indent:-500px; background:url(/image2006/design_basic.png) -240px -70px no-repeat; margin-right:3px;}

#copy a {color:#828587;}
#copy a:hover {color:#000;}


#copy .KorPaper {position:absolute; right:0px; top:50%; margin-top:-26px; width:124px; height:53px; line-height:300px; display:block; overflow:hidden; background:url(/image2006/koreapaper.gif) 0px 0px no-repeat;}
#copy .KorPaper a {display:block;}