@charset "utf-8";
@import url("common.css");
@import url("common_dev.css");
@import url("sub.css");
@import url("sub_dev.css");
@import url("image.css");
@import url("image_dev.css");
@import url("base_common.css");
@import url("Note.css");
@import url("NoteBlue.css");

/* body 공통속성  */
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form{margin:0 0 0 0; padding:0 0 0 0;}
/*body {FONT-SIZE:small;COLOR: #666666; FONT-FAMILY: 돋움; TEXT-DECORATION: none; letter-spacing:0em; font-size:12px;}*/
body { COLOR: #666666; FONT-FAMILY:돋움; TEXT-DECORATION: none; letter-spacing:0em; font-size:12px;}

ul,ol,dl{list-style:none;}
img {border:0; vertical-align:top;}
ul {list-style:none; padding:0; margin:0;}
legend { display:none; }

/* 핵사용(모든 핵은 이 부분에 넣어서 관리)*/
/**html body {
	font-size:x-small;/* 윈도우 익스플로우 5  */
	f\ont-size:small;/*  나머지 웹브라우저 */
}*/
*html body {
	font-size:12px;/* 윈도우 익스플로우 5  */
	f\ont-size:12px;/*  나머지 웹브라우저 */
}

fieldset { border:none; margin:0; padding:0; }

li img
{
	vertical-align:middle;
}

img, 
input.type-image
{
	border: none 0;
}

#ThinHeaderNote { height:23px; background-image:url('/images/thin_tab_back.gif'); background-repeat:repeat-x; background-position:bottom; }
#ThinHeaderSupporter { height:23px; background-image:url('/images/thin_tab_back_supporter.gif'); background-repeat:repeat-x; background-position:bottom; }
#ThinHeaderContainer { margin:5px auto 0 auto; width:970px;}
#ThinHeaderLogo { margin:0 0 0 10px; float:left; font-weight:bold; }
#ThinHeaderMenuUser { float:right; margin:0 10px 0 0; width:850px; }
#ThinHeaderMenuUserMenu { text-align:right; width:100%; }
#ThinHeaderMenuUserMenu li { margin:0; padding:0 3px 0 7px; display:inline; list-style-type:none; background-image:url('/images/spliter.gif'); background-repeat:no-repeat; background-position:left center; }
#ThinHeaderMenuUserMenu li.first { padding:0 3px 0 0; background-image:none;  }
#ThinHeaderMenuUserMenu li.myRoom a { color:#f58203; }
#ThinHeaderMenuUserMenu li.myNote a { color:#4f7235; }
#ThinHeaderMenuUserMenu li.assiNote a { color:#4db4e0; }
#ThinHeaderMenuUserMenu li.selected { font-weight:bold; font-size:15px; }
#ThinHeaderLogin { float:right; margin:-3px 10px 0 0;  }
#ThinHeaderLogin label { margin: 0 0 0 5px; }
#ThinHeaderLogin .commonButton { margin:0 0 0 0; font-size:10px; }
.thinHeaderTextBox { width:90px; height:15px; border:solid 1px #939292; background-color:#f0f0f0; }

#commonHeaderUser { margin:22px 0 0 0; color:#f58203; font-weight:bold; text-align:right; }
#commonHeaderUserNickName { font-size:14px; }
#commonHeaderUserMenu { margin:15px 0 0 0; text-align:right;}
#commonHeaderUserMenu li { margin:0; padding:0 3px 0 7px; display:inline; list-style-type:none; background-image:url('/images/spliter.gif'); background-repeat:no-repeat; background-position:left center; }
#commonHeaderUserMenu li.first { padding:0 3px 0 0; background-image:none;  }

#topLoginFieldContainer { float:left; margin:5px 0 0 0; }
#topLoginButtonContainer {float:left; margin:10px 0 0 5px;}
#topLoginEtcMenuContainer {float:left; margin:16px 0 0 13px; }
#topLoginEtcMenuContainer li { list-style-type:none; margin:0 0 10px 0;}

#CMHeader_Login_Form A:link { COLOR: #003663; FONT-FAMILY: 돋움; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
#CMHeader_Login_Form A:visited { COLOR: #003663; FONT-FAMILY: 돋움; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
#CMHeader_Login_Form A:active { COLOR: #003663; FONT-FAMILY: 돋움; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
#CMHeader_Login_Form A:hover { COLOR: #003663; FONT-FAMILY: 돋움; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/*  레이아웃 큰박스 속성 (GNB) : 공통으로 쓰임  */
#HeaderGnb { background-image: url(/images/main_tab_back.gif); height:52px;}
#HeaderGnb_Wrap {margin:0 auto; width:970px; }
/*
#HeaderGnb_Logo {float:left; width:207px; height:52px;}
#HeaderGnb_Menu {float:left; width:577px; height:26px; padding:26px 0px 0px 15px; font-family:"맑은 고딕", "돋움"; font-weight:bold; font-size:15px; color:#757575;}
*/
#HeaderGnb_Logo {float:left; width:380px; height:52px; }
#HeaderGnb_Menu {float:left; width:404px; height:26px; padding:26px 0px 0px 15px; font-family:"맑은 고딕", "돋움"; font-weight:bold; font-size:15px; color:#757575; }
#HeaderGnb_Menu li{float:left; margin:0 10px 0 0;}
#HeaderGnb_Slogin {float:left; width:171px; height:52px; background: url('/images/top_rguho.gif') no-repeat;}


/*  레이아웃 큰박스 속성 (성공라이브러리, 소망라운지, 멘토클럽)  */

#HeaderLogin {background-image: url(/images/top_back_4.gif); height:134px;}
#HeaderLogin_Wrap {margin:0 auto; width:970px;}
#HeaderLogin_Ad {float:left; width:166px; height:128px;}
#HeaderLogin_Space {float:left; width:6px; height:128px;} /* margin 값을 되도록 쓰지않기 위한 빈공간*/
#HeaderLogin_Help {float:left; width:399px; height:128px;}
#HeaderLogin_login {float:left; width:399px; height:88px;}
#HeaderLogin_Search {float:left; width:399px; height:40px;}

#Content {margin:0 auto; width:970px;}
#Content_Side_Wrap {float:left;width:166px;}
#Content_Side_SNmake {float:left; width:166px; height:73px;}
#Content_Side_Menu {float:left; width:166px;}

#Content_Main_Wrap {float: right;width:798px;}
#Content_Main_Categori {float:left; width:798px; height:51px;}
#Content_Main_Wrap_NotelistRightAd {float: left;width:798px;}
#Content_Main_Notelist {float:left; width:627px;}
#Content_Main_PrimeAd {float:left; width:627px;}
#Content_Main_RightAd {float:right; width:165px;}

#Footer {clear:both; background-image: url(/images/footer_back.gif);margin:0 auto; height:68px;}


/*  레이아웃 큰박스 속성 (소망노트)  */

#SNHeader {background-color:#77be41; height:70px;}
#SNHeader.Supporter { background-color:#65c0e6; }
#SNHeader_Wrap {margin:0 auto; width:970px; height:70px; background-image:url(/images/top_header_back.gif); background-repeat:no-repeat;}
#SNHeader_Wrap.Supporter { background-image:url(/images/top_header_back_supporter.gif); }
#SNHeader_NoteTitle { clear:both; float:left; width:470px; height:60px; padding:10px 0 0 15px; }
#SNHeader_NoteTitle.complete { clear:both; float:left; width:470px; height:60px; padding:5px 0 0 15px; }
#SNHeader_NoteTitle #noteTitleContainer { line-height:20px; color:#f58203; }
#SNHeader_NoteTitle .noteTitleNickName { font-size:15px; color:#f58203; margin:0 0 0 0; }
#SNHeader_NoteTitle .noteTitle { font-size:20px; color:#f58203; font-weight:bold; margin:0 0 0 20px; }
#SNHeader_NoteTitle.Supporter a { font-size:15px; color:#003cff; }
#SNHeader_NoteInfo { height:35px; margin:5px 0 0 0; padding:0; line-height:1.4em; }
#SNHeader_NoteInfo .infoLabel {  }
#SNHeader_NoteInfo .infoContent { font-weight:bold; margin:0 15px 0 0; }
#SNHeader_NoteTitle #noteUrl { clear:both; display:block; margin:5px 0 0 0; }
/*#SNHeader_NoteSchedule {float:right; width:475px; height:25px; padding:10px 0 0 10px;}*/
/*#SNHeader_NoteSchedule {float:left; width:250px; height:54px; padding:10px 0 0 10px; line-height:20px; }*/
#SNHeader_NoteSchedule { float:left; width:468px; height:54px; padding:3px 0 0 10px; line-height:20px; }
/*#SNHeader_NoteVisitInfo {float:left; width:470px; height:30px; padding:5px 0 0 15px;}
#SNHeader_NoteVisitInfo li{float:left; display:block; margin-right:15px;}*/
#SNHeader_MyWorkNote {float:right; width:200px; height:54px; padding:10px 0 0 10px; line-height:20px;}
#SNHeader_MyWorkNote li{ text-align:right; display:block; margin:0 10px 0 0; line-height:20px; }

/*#SNHeader_MemberZone {float:right; width:160px; height:60px; padding:10px 0 0 10px; COLOR: #003663; FONT-FAMILY: 돋움; FONT-WEIGHT: bold; TEXT-DECORATION: underline; cursor:pointer;}*/
#SNHeader_MemberZone {float:right; width:0px; display:none; height:60px; COLOR: #003663; FONT-FAMILY: 돋움; FONT-WEIGHT: bold; TEXT-DECORATION: underline; cursor:pointer;}
#SNHeader_MemberZone li{ display:block; margin:0 10px 0 0; line-height:20px;}
#SNHeader_MemberZone_Supporter {float:right; width:0px; display:none; height:60px; COLOR: #003663; FONT-FAMILY: 돋움; FONT-WEIGHT: bold; TEXT-DECORATION: underline; cursor:pointer;}
#SNHeader_MemberZone_Supporter li{ display:block; margin:0 10px 0 0; line-height:20px;}

.Down_Menu li ul{background:#ffffff; border:2px solid #77be41;display:none; height:100px; filter:alpha(opacity=95); opacity:0.95; position:absolute; z-index:200; overflow-x:auto; overflow-y:auto;}
.Down_Menu li:hover ul{display:block;}
.Down_Menu li li {display:block; clear:both; line-height:1.2em;}
.Down_Menu li ul a{display:block; font-size:12px; font-style:normal; padding:0px 10px 0px 5px; text-align:left;}
.Down_Menu li ul a:hover{color:#000000; opacity:1.0; filter:alpha(opacity=100);}


#SNContent {margin:0 auto; width:970px;}
#SNContent_Side_Wrap { clear:both; float:left; width:336px;}
#SNContent_Side_NoteProfile {float:left; width:316px; PADDING:10px; background:no-repeat url(/images/snote_back_6.gif) bottom; margin-bottom:10px;}
#SNContent_Side_NoteProfile.Supporter { background:no-repeat url(/images/snote_back_6_supporter.gif) bottom; }
#SNContent_Side_NoteProfile p{float:left; width:316px; line-height:2em; }
#SNContent_Side_NoteProfile p.left{float:left; width:260px;}
#SNContent_Side_NoteProfile p.right{float:right; width:56px; text-align:right;}
#SNContent_Side_NoteProfile p.profile_left{float:left; width:82px; padding:5px 0;}
#SNContent_Side_NoteProfile p.profile_right{float:right; width:230px; text-align:left; padding-top:5px; line-height:1.3em;}
#SNContent_Side_NoteProfile p.sup_left{float:left; width:100px; letter-spacing:-0.1em;}
#SNContent_Side_NoteProfile p.sup_right{float:right; width:216px; text-align:right; letter-spacing:-0.1em;}
#SNContent_Side_NoteProfile1 p.Bleft{float:left; width:150px; }
/*#SNContent_Side_NoteProfile p.Bright{float:right; width:166px; text-align:right;}*/
#SNContent_Side_NoteProfile p.Bright{clear:both; float:right; text-align:right;}
#SNContent_Side_NoteProfile p.list{float:left; background-color:#FFF; width:306px; padding:0 5px; line-height: 1.5em;}
#SNContent_Side_NoteProfile p.space{float:left; width:306px; height:15px; }
#SNContent_Side_Ad {float:left; width:336px; margin-bottom:10px;}
#SNContent_Side_NoteSupport {float:left; width:100%; margin-bottom:10px; border:solid 3px #77be41; }
#SNContent_Side_NoteSupport_Container { margin:10px; }
/*#SNContent_Side_NoteSupport_entry {float:left; width:316px; height:111px; background-image:url(/images/left_back_1.gif); padding:12px 10px 0 10px;}*/
/*#SNContent_Side_NoteSupport_entry {float:left; width:316px; border:solid 3px #77be41;  padding:0;}
#SNContent_Side_NoteSupport_entry #supportButtonContainer { background-color:#ffffff; padding:12px 10px 12px 10px; }
#SNContent_Side_NoteSupport_entry #encourageFormContainer { background-color:#ededed; padding:12px 10px 12px 10px; }
#SNContent_Side_NoteSupport_entry p{height:33px; line-height:16px;}/*
#SNContent_Side_NoteSupport_tab {float:left; width:316px; padding:10px;}
#SNContent_Side_NoteSupport_tab li{display:inline; margin-right:30px;}
#SNContent_Side_NoteSupport_tab li.on{COLOR: #618b31;font-weight:bold;}
#SNContent_Side_NoteSupport_tab li.off a{color:#666; text-decoration:underline; font-weight:bold;}
#SNContent_Side_NoteSupport_list {float:left; width:326px; line-height:19px; padding:5px;}
#SNContent_Side_NoteEpilogue {float:left; width:336px; margin-bottom:10px; display:none;}
#SNContent_Side_NoteEpilogue_tab {float:left; width:316px; height:18px; background-image:url(/images/left_back_2.gif); padding:13px 10px 7px 10px;}
#SNContent_Side_NoteEpilogue_tab li{display:inline; margin-right:30px;}
#SNContent_Side_NoteEpilogue_tab li.on{COLOR: #f58203;font-weight:bold;}
#SNContent_Side_NoteEpilogue_tab li.off a{color:#003663; text-decoration:underline; font-weight:bold;}
#SNContent_Side_NoteEpilogue_list {float:left; width:326px; line-height:19px; padding:5px;}
#SNContent_Side_Sroung_Series {float:left; width:330px; margin-bottom:10px; border:#77be41 solid 3px;}
#SNContent_Side_Sroung_Series .tab {float:left; width:100%; margin:10px 0; }
#SNContent_Side_Sroung_Series .tab li {margin-right:5px; padding:0 0 0 10px; display:inline; }
#SNContent_Side_Sroung_Series .tab li a { color:#003663; font-weight:bold; font-size:12px; text-decoration:underline; }
#SNContent_Side_Sroung_Series .tab li.selected a { color:#f58203; text-decoration:none; }
/*#SNContent_Side_Sroung_Series .list {float:left; width:100%; background:#ededed;}*/
/*#SNContent_Side_Sroung_Series .list p {padding:0 10px; margin:10px 0; line-height:1.5em}*/

#SNContent_Main_Wrap {float:right; width:627px;}
#SNContent_Main_TopAd {float:left; width:627px; margin-bottom:10px; margin-top:7px}
/*#SNContent_Main_NoteInfoMainMenu { clear:both; float:left; width:627px; margin-top:15px; margin-bottom:10px; }*/
/*#SNContent_Main_NoteInfoMainMenu li{display:inline; margin-right:15px;}*/
#SNContent_Main_NoteAdminMainMenu {float:left; width:627px; margin-top:5px; margin-bottom:5px;}
#SNContent_Main_NoteAdminMainMenu li{display:inline; margin-right:15px;}
#SNContent_Main_NoteAdminMainMenu li a{font-size:100%; text-decoration:underline;}
/*#SNContent_Main_NoteWrite {float:left; width:607px; background-color:#f3f3f3; padding:9px; border:#f3f3f3 solid 1px; border-top-color:#797979;}*/
#SNContent_Main_NoteWrite p.select {float:left; width:80px; height:80px;}
#SNContent_Main_NoteWrite p.textbox {float:left; width:451px; height:80px;}
#SNContent_Main_NoteWrite p.reg {float:left; width:76px; height:80px; line-height:12px;}
#SNContent_Main_NoteWrite p.link {float:left; width:547px; line-height:25px; margin-top:15px; padding-left:48px;}
#SNContent_Main_NoteWrite p.file {float:left; width:520px; margin:15px 0 0 0px; padding:0 0 0 80px; }
#SNContent_Main_NoteWrite p.option {float:left; width:350px; border:#FF0000 solid 1px; padding:10px; margin:15px 0 0 0px; line-height:20px; background-color:#FFF;}
#SNContent_Main_NoteWrite p.optiontext {float:left; width:130px; margin-top:20px; padding-left:10px;}
#SNContent_Main_NoteWrite p.make_2_text {float:left; width:585px; border:#FF0000 solid 1px; padding:10px; margin-top:10px; line-height:20px; background-color:#FFF; color:#333;}
#SNContent_Main_NoteList { display:inline-block; clear:both; width:100%; margin-bottom:10px;}
#SNContent_Main_NoteList table.line{width:100%; border-top:#8dc73f solid 3px; }
#SNContent_Main_NoteList table.noline{width:100%;}
#SNContent_Main_NoteList th{width:93px; padding:5px 0; text-align:center; letter-spacing:-1px; background:#ecf1e4;}
/*#SNContent_Main_NoteList img{margin-bottom:5px;}*/
.SNContent_Main_NoteList_content{width:524px; padding:5px; text-align:left; background:#f8f8f8;}
.SNContent_Main_NoteList_content2{width:432px; padding:5px; text-align:left; background:#f8f8f8;}
.SNContent_Main_NoteList_mlist_content{width:394px; padding:5px; text-align:left; background:#f8f8f8; line-height:1.5em;}
.SNContent_Main_NoteList_photo{width:92px; padding-top:5px; text-align:center; background:#e2e2e2;}
.SNContent_Main_NoteList_mlist_right{width:120px; padding:5px; text-align:left; background:#e2e2e2; line-height:1.5em;}
.SNContent_Main_NoteList_name{width:607px; padding:10px; background:url(/images/snote_list_back_2.gif);}
.SNContent_Main_NoteList_name_left{width:320px; padding:10px; background:url(/images/snote_list_back_2.gif);}
.SNContent_Main_NoteList_name_rght{width:267px; padding:10px; text-align:right; background: url(/images/snote_list_back_2.gif);}
.SNContent_Main_NoteList_call{width:607px; padding:10px; background:#f7f7f7; text-align:left;}
.SNContent_Main_NoteList_call_accept{width:607px; padding:10px; background:#f7f7f7; text-align:right;}
.SNContent_Main_NoteList_support_photo{width:92px; padding-top:5px; text-align:center; background:#f8f8f8; line-height:1.5em;}
.SNContent_Main_NoteList_support_content{width:134px; padding:5px; text-align:left; background:#f8f8f8; line-height:1.3em;}
.SNContent_Main_NoteList_support_list1{width:134px; padding:5px; text-align:left; background:#f3f3f3; line-height:1.2em; font-size:90%;}
.SNContent_Main_NoteList_support_list2{width:134px; padding:5px; text-align:left; background:#f3f3f3; line-height:1.2em; font-size:90%;}
.SNContent_Main_NoteList_datgul {float:left; width:627px;} 
.SNContent_Main_NoteList_datgultextbox{float:left; width:607px; padding:10px; background: url(/images/snote_list_back_3.gif); }
.SNContent_Main_NoteList_datgultextbox input{float:left; margin-left:5px;}
.SNContent_Main_NoteList_datgultextlist{float:left; width:607px; padding:0px 10px; background: url(/images/snote_list_back_3.gif); line-height:20px;}
.SNContent_Main_NoteList_Bcontent{clear:both; width:607px; padding:10px; background: url(/images/snote_list_back_3.gif);}
#SNContent_Main_PrimeAd {float:left; width:627px;}
#SNContent_Main_Paging {float:left; width:627px; padding:15px 0; text-align:center;}
#SNContent_Main_Paging a{margin:0 5px;}
#SNContent_Main_Paging span.paging_on{margin:0 5px;}


#SNContent_Bottom_Space { clear:both; width:100%; height:20px; }