@charset "utf-8";

body { color: #333; font-size: 12px; line-height: 1.4; padding: 0; margin:0; font-family: 굴림,gulim,sans-serif; background:#fff; }
:root body { overflow-y: scroll; }
hr {display: none; clear:both;}
h1, h2, h3, h4, h5, h6  { margin: 0;  padding: 0,  }
img {border: 0 none; }
form {margin: 0; padding: 0;}
div, p {padding:0; margin:0; border:0; font-family: 굴림,gulim,sans-serif; font-size:12px; color:#333;}
ul, li, ol, dl, dt, dd{ list-style: none; margin: 0; padding: 0;}
table, th, td {font-family: 굴림,gulim,sans-serif; font-size:12px; color:#333; border-collapse: collapse; }
a:link {font-size: 12px; font-family: 굴림,gulim,sans-serif; color:#333; text-decoration:none;}
a:visited {font-size: 12px; font-family: 굴림,gulim,sans-serif; color:#333; text-decoration:none;}
a:hover, a:active {font-size: 12px; font-family: 굴림,gulim,sans-serif; color:#333; text-decoration:underline;}

.fl	{ float: left; }
.fr	{ float: right; }
.cl	{ clear: both; }
.b { font-weight: bold !important; }
.n { font-weight: normal; }
.u { text-decoration: underline; }
.s { font-size: 11px; }
.lsm { letter-spacing: -1px; }
.more { background: url(http://s1.daumcdn.net/pimg/widgetbank/more.gif) no-repeat; width: 24px; height: 5px; text-indent: -9999em; display: block; overflow: hidden; position: relative; }
.new { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/m_new.png) no-repeat; width:12px; height:15px; text-indent: -9999em; display:block; overflow:hidden; position:absolute; }
*html .new {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.daumcdn.net/pimg/widgetbank/factory/m_new.png', sizingMethod='crop');}
.subMore { background: url(http://s1.daumcdn.net/pimg/widgetbank/more02.gif) no-repeat; width: 32px; height: 13px; text-indent: -9999em; display: block; overflow: hidden; position: relative;}
.txt_highlight { color:  #526AE4; }

.unvisible { display: none !important; }
.hideText { text-indent: -9999em; }

.pr { position: relative; }
.oh { overflow: hidden; }
.tc { text-align: center; }
.imgLink { display: block; text-indent: -9999em; overflow: hidden; text-decoration: none; position: relative }

.txt_point1 { color: #333 }
.txt_point2 { color: #666 }
.txt_point3 { color: #999 }

a.txt_point1:link, a.txt_point1:visited  {color:#333; text-decoration:none;}
a.txt_point1:hover, a.txt_point1:active {color:#333; text-decoration:underline;}

a.txt_point2:link, a.txt_point2:visited  {color:#666; text-decoration:none;}
a.txt_point2:hover, a.txt_point2:active {color:#666; text-decoration:underline;}

a.txt_point3:link, a.txt_point3:visited  {color:#999; text-decoration:none;}
a.txt_point3:hover, a.txt_point3:active {color:#999; text-decoration:underline;}

a.txt_point4:link, a.txt_point4:visited  {color:#4A61DB; text-decoration:none;}
a.txt_point4:hover, a.txt_point4:active {color:#4A61DB; text-decoration:underline;}

a.widgetSpec:link, a.widgetSpec:visited  {color:#506be0; text-decoration:none; font-size: 11px; font-family: 돋움, dotum, sans-serif; letter-spacing: -1px;}
a.widgetSpec:hover, a.widgetSpec:active {color:#506be0; text-decoration:underline; font-size: 11px; font-family: 돋움, dotum, sans-serif; letter-spacing: -1px;}

a.widgetCopy:link, a.widgetCopy:visited  {color:#999; text-decoration:none; font-size: 11px; font-family: 돋움, dotum, sans-serif; letter-spacing: -1px;}
a.widgetCopy:hover, a.widgetCopy:active {color:#999; text-decoration:underline; font-size: 11px; font-family: 돋움, dotum, sans-serif; letter-spacing: -1px;}

textarea.box { overflow: auto; font: 12px 굴림, gulim, sans-serif; color: #333; border: 1px solid #DCDCDC #CACACA #DCDCDC #CACACA; overflow: auto; scrollbar-face-color: #FFF; scrollbar-shadow-color: #DCDCDC; scrollbar-highlight-color: #DCDCDC; scrollbar-3dlight-color: #FFF; scrollbar-darkshadow-color: #FFF; scrollbar-track-color: #FFF; scrollbar-arrow-color: #DCDCDC;}

/* #quickLink { display: none; padding: 10px; } *//* 2013-11-05 삭제 */
/* 바로가기 */
#daumIndex {overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;margin:0;padding:0;} /* 2013-11-05 바로가기 추가 */
#DaumUI__minidaum { width: 978px; margin: 0 auto; }

#wiWrap {width:978px;margin:0 auto;text-align:left} /* 2013-11-05 수정 */

/* TODO: @deprecated
#wiTitle {width:978px; height: 33px; margin: 0 auto; padding: 0px; border: 0px; clear: both;}
#wiTitle * {margin: 0px; padding: 0px; border: 0px; background:#FFF; }

#wiTitle ul {width: 100%; height: 25px; float: left; }
#wiTitle li {list-style: none; float: left;}
#wiTitle li.bar { background: url(http://s1.daumcdn.net/pimg/widgetbank/line02.gif) no-repeat 0 7px; margin-left: 8px; }
#wiTitle a {display: block; text-indent: -9999px; overflow: hidden; font-size: 0px; position: relative; background-repeat: none; background-position: left top; }
#wiTitle li.wiDaum	a { margin: 0 0 0 8px; width: 65px; height: 25px; background: url("http://s1.daumcdn.net/pimg/widgetbank/gnb/logo.gif"); }

/* 베타이미지 
#wiTitle li.wiBank	a { margin: 0 0 0 9px; width: 122px; height: 25px; background: url("http://s1.daumcdn.net/pimg/widgetbank/widgetbank_beta.gif"); }

#wiTitle li.wiCafe	a { margin: 5px 0 0 16px; width: 28px; height: 15px; background: url("http://s1.daumcdn.net/pimg/widgetbank/gnb/cafe.gif"); }
#wiTitle li.wiBlog 	a { margin: 5px 0 0 8px; width: 43px; height: 15px; background: url("http://s1.daumcdn.net/pimg/widgetbank/gnb/blog.gif"); }
#wiTitle li.wiTistory	a { margin: 5px 0 0 8px; width: 55px; height: 15px; background: url("http://s1.daumcdn.net/pimg/widgetbank/gnb/tistory.gif"); }

#wiTitle li.wiDeco	{float: right; padding: 12px 0 0 0;}
#wiTitle li.wiDeco a	{display: block; text-indent: 0px; overflow: hidden; font-size: 12px; position: relative;}

.searchTxt { width: 158px; height: 16px; border: 1px solid #3C3C3C; position: absolute; left: 769px; line-height: 1.6; color: #333; font-size: 12px; }
.searchBtn { cursor: pointer; }
#wiSearch * { position: absolute; z-index: 1;  top: 4px}
#wiSearch .searchBtn { left: 934px; }

#wiMenu { background: url(http://s1.daumcdn.net/pimg/widgetbank/gnb/menubar_center.gif) repeat-x; width: 978px; height: 36px; margin: 6px 0 7px 0; clear: both; position: relative;}
#wiMenu ul{ background:url(http://s1.daumcdn.net/pimg/widgetbank/gnb/menubar_right.gif) no-repeat right top ; width: 978px; height: 36px; margin: 0; padding: 0 }
#wiMenu li { height: 36px; display: block }
#wiMenu li a{ height: 21px; }
#wiMenu li span.new {left:310px; top:5px;}
#wiMenu li.wiBank { background: url(http://s1.daumcdn.net/pimg/widgetbank/gnb/menubar_left.gif) no-repeat; width: 75px; }
#wiMenu li.wiBank a { background: url(http://s1.daumcdn.net/pimg/widgetbank/gnb/menu01_1.gif) no-repeat; width: 62px; margin: 7px 0 0 13px; }
#wiMenu li.wiBank a.over { background: url(http://s1.daumcdn.net/pimg/widgetbank/gnb/menu01_2.gif) no-repeat; }
#wiMenu li.wiFactory {background: url(http://s1.daumcdn.net/pimg/widgetbank/gnb/line02.gif) no-repeat 0 12px; width: 79px; margin: 0 0 0 8px;}
#wiMenu li.wiFactory a{ background: url(http://s1.daumcdn.net/pimg/widgetbank/gnb/menu02_1.gif) no-repeat; width: 71px; margin: 7px 0 0 8px; }
#wiMenu li.wiFactory a.over { background: url(http://s1.daumcdn.net/pimg/widgetbank/gnb/menu02_2.gif) no-repeat; }
#wiMenu li.wiEvent {background: url(http://s1.daumcdn.net/pimg/widgetbank/gnb/line02.gif) no-repeat 0 12px; width: 145px; margin: 0 0 0 8px;}
#wiMenu li.wiEvent a{ background: url(http://s1.daumcdn.net/pimg/widgetbank/gnb/menu03_1.gif) no-repeat; width: 145px; margin: 7px 0 0 8px; }
#wiMenu li.wiEvent a.over { background: url(http://s1.daumcdn.net/pimg/widgetbank/gnb/menu03_2.gif) no-repeat; }
*/

/* START: CI 교체, 2010-04-15 */
/* 로고 & 서비스 타이틀 영역 */
#wiTitle {padding-top:11px;}
#wiTitle h1 {float:left;display:inline;;margin:4px 15px 19px 17px} /* 로고, 검색창, 관련서비스 영역 위치는 h1의 margin을 이용해서 정리 */
#wiDaum {float:left;display:inline;}
#wiBank {float:left;display:inline; text-indent:-9999in;overflow:hidden; width:120px; height:25px; background:url(http://cafeimg.daum-img.net/top7/gnb/img_wizetbeta.gif) no-repeat; margin-left:7px}		
#wiRelateServices {float:right;display:inline; margin-top:13px}
#wiRelateServices li {float:left;display:inline; padding-left:10px;margin-left:9px;background:url(http://cafeimg.daum-img.net/top7/gnb/relserviceBar.gif) no-repeat 0 center;}
#wiRelateServices a {display: block; text-indent:-9999in;overflow:hidden; height:14px;line-height:14px}
#wiRelateServices li a {height: 14px;background:url(http://cafeimg.daum-img.net/top7/gnb/reservice_spr.gif) no-repeat;}
#wiRelateServices li.wiCafe {background-image: none; margin-left:0}
#wiRelateServices li.wiCafe a {width:23px;background-position: 0 0;}
#wiRelateServices li.wiBlog a {width:37px;background-position: 0 -125px;}
#wiRelateServices li.wiTistory a {width:47px;background-position: 0 -50px;}
#wiRelateServices li.wiMusic a {width:24px;background-position: 0 -75px;}
#wiRelateServices li.wiYozm a {width:39px;background-position: 0 -100px;}

/* GNB */
#wiMenu {clear:both; background:url(http://cafeimg.daum-img.net/top7/gnb/gnb_wizet_spr.gif) no-repeat 0 0;width:978px;height:37px;position:relative;margin-bottom:10px;}
#wiMenu li {float:left;display:inline; height:37px;}
#wiMenu li.on {background-image:url(http://cafeimg.daum-img.net/top7/gnb/gnb_wizet_spr.gif);background-repeat:no-repeat}
#wiMenu li.wiBank {width:79px;background-position:0 -37px;}
#wiMenu li.wiFactory {width:84px;background-position:-79px -37px;}
#wiMenu li.wiEvent {width:158px;background-position:0 -37px;}
#wiMenu li a {width:100%;height:100%;display:block;overflow:hidden;text-indent:-9999in;overflow:hidden;}
#wiMenu li span.new {left:310px; top:5px;}

/* logodeco: 로고데코 있을 시에만 아래 주석 풀기*/ 
#wiMenu .wiDeco {width:210px;height: 50px; position: absolute; right: 0; top: -15px;}

/* 검색창 */
#widgetSearch {color:#000}
#widgetSearch .searchbar {background:url(http://cafeimg.daum-img.net/top7/gnb/bg_option_blog.gif) no-repeat;width:279px;height:31px;float:left;display:inline; margin-right:7px}
#widgetSearch .option {float:left;display:inline;;color:#555;width:74px;padding:7px 10px 5px}
#widgetSearch input.searchTxt { color: #333; font-size: 12px;width:157px;background-color:transparent;color:#000;border:none 0;margin:4px;padding:3px 4px;float:left;display:inline; height:18px;outline:none}
 /* 서제스트 기능이 없을  경우 */
#daumNoSuggest {background:url(http://cafeimg.daum-img.net/top7/gnb/not_suggest.gif) no-repeat;width:15px;height:17px;position:relative;margin:7px -3px 0 0;border:none;float:left;display:inline;}
 
#widgetBtnSearch, #daumBtnSearchAll {border:none;text-indent:-9999in;overflow:hidden; cursor:pointer;vertical-align:top;float:left;display:inline;}
#widgetBtnSearch {background:url(http://cafeimg.daum-img.net/top7/gnb/btnsearch.gif) no-repeat;width:39px;height:31px;margin-right:3px}
#widgetBtnSearch:hover {background-position:0 bottom}
#daumBtnSearchAll {background:url(http://cafeimg.daum-img.net/top7/gnb/btnsearch.gif) no-repeat -39px 0;width:56px;height:31px;}
#daumBtnSearchAll:hover {background-position:-39px bottom}
 
#widgetSearch .searchbar {position:relative;z-index:9999;} 
#widgetSearchOptionSelect {display:none;}
#widgetSearchOptionLayer {display:none;position:absolute;z-index:99999;width:90px;top:27px;left:3px;padding:4px 0;border:1px solid #909ded;background-color:#fff;}
#widgetSearchOptionLayer a {display:block;width:100%;padding-top:2px;height:17px;overflow:hidden;text-indent:7px;text-decoration:none;}
#widgetSearchOptionLayer a:hover {background-color:#f4f4f4;}
.option {cursor:pointer;}
/* END: CI 교체 , 2010-04-15 */

#wiContent { width: 978px; height: 502px; margin: 0; padding: 0; clear: both; }
/*
#wiContent { background: url(http://s1.daumcdn.net/pimg/widgetbank/frame_middle.gif) repeat-y; width: 978px; margin: 0; }
*/
#wiNav { background: url(http://s1.daumcdn.net/pimg/widgetbank/frame_top.gif) no-repeat; width: 978px; height: 80px; }
#wiTab li { height: 21px; margin: 17px 0 0 0; }
#wiTab li a{ height: 15px; }

#wiTab li.wiWeek { width: 112px; margin-left: 55px; display: inline; }
#wiTab li.wiWeek a { background: url(http://s1.daumcdn.net/pimg/widgetbank/title_weekly02.gif) no-repeat; width: 99px; margin: 3px 0 0 13px; }
#wiTab li.wiWeek a.over { background: url(http://s1.daumcdn.net/pimg/widgetbank/title_weekly01.gif) no-repeat; }
#wiTab li.wiLate { background: url(http://s1.daumcdn.net/pimg/widgetbank/line01.gif) no-repeat; width: 82px; margin-left: 13px;}
#wiTab li.wiLate a{ background: url(http://s1.daumcdn.net/pimg/widgetbank/title_latest02.gif) no-repeat; width: 71px; margin: 3px 0 0 11px; }
#wiTab li.wiLate a.over { background: url(http://s1.daumcdn.net/pimg/widgetbank/title_latest01.gif) no-repeat; }

#wiHeight { float: left; display: inline; height: 181px; }

#wiList { background: url(http://s1.daumcdn.net/pimg/widgetbank/frame_bottom.gif) no-repeat left bottom; width: 978px; padding: 0 0 12px 0; overflow: hidden; position: relative; }
*:first-child+html #wiList { padding-bottom: 24px; }
#wiList ul { margin: 0 0 12px 53px; }
#wiList li { width: 101px; padding: 102px 0 0 0; margin: 0 28px 13px 0;  background-repeat: no-repeat; display: block; float: left; text-align: center; cursor: pointer; font-family: 돋움,dotum,sans-serif; font-size:11px; color:#888; position: relative; letter-spacing: -1px}

#wiList .wiLayerBg { width: 379px; height: 191px; overflow: hidden; position: absolute; z-index: 2; top: 0px; left: 0px; }
#wiList .hiddenL { display: none }
#wiList .wiLayer { background: url(http://s1.daumcdn.net/pimg/widgetbank/layer.png) no-repeat; width: 379px; height: 191px; overflow: hidden; }
* html #wiList .wiLayer { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.daumcdn.net/pimg/widgetbank/layer.png', sizingMethod='image'); }
#wiList .wiThum { margin: 22px 0 0 23px; float: left; }

#wiLayer_close { background: url(http://s1.daumcdn.net/pimg/widgetbank/ic_close.gif) no-repeat 5px 5px; width: 18px; height: 18px; float: right; margin: 12px 15px 0 0; display: inline; cursor: pointer; position: relative; }
#wiLayer_install { float: left; margin: 11px 0 0 0; display: inline; cursor: pointer; position: relative; }

#wiList .wiDetail { float: left; margin: 0 0 0 18px; _margin-top: 2px; width: 180px; }
#wiList .wiDetail dt { font-family: 돋움, dotum, sans-serif; font-size: 16px; color: #333; letter-spacing: -1px; font-weight: bold; }
#wiList .wiDetail dd { font-family: 돋움, dotum, sans-serif; font-size: 11px; color: #999; letter-spacing: -1px; margin: 6px 0 0 0; line-height: 1.5; overflow: hidden; }
#wiList .wiDetail dd.reserve { margin: 6px 0 0 0; }

#wiPaging { width: 73px; float: left; position: relative; margin: 22px 0 0 462px; display: inline;}
#wiPaging * { float: left; display: block; }
#wiPaging a { margin-top: 1px; }
#wiBef		{ background: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_before02.gif) no-repeat; width: 6px; height: 9px; margin-right: 10px; }
#wiBef:hover	{ background: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_before01.gif) no-repeat; }
#wiAft			{ background: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_next02.gif) no-repeat; width: 6px; height: 9px; }
#wiAft:hover	{ background: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_next01.gif) no-repeat; }
.wiCurP	  { margin: 0 4px 0 0; }
.wiCross { margin: 0 10px 0 0; }

#wiCategory { position: relative; float: right; display: inline; width: 129px height: 30px; margin: 13px 180px 0 0; }
#wiCateList { position: absolute; width: 129px; z-index: 9999; top: 27px; }
#wiCateList li { width: 130px; }


#wiCurCate { background: url(http://s1.daumcdn.net/pimg/widgetbank/category_down.gif) no-repeat; position: absolute; cursor: pointer; width: 129px; height: 30px; text-indent: -9999em; overflow: hidden; }
#wiCurCate.over { background: url(http://s1.daumcdn.net/pimg/widgetbank/category_up.gif) no-repeat;  }

.wiGuide { height: 95px; padding: 20px 41px 15px 40px; }
#wiTagBox { float: left; background: url(http://s1.daumcdn.net/pimg/widgetbank/line08.gif) no-repeat right 0; width: 290px; height: 95px; }
#wiTagBox h3 { height: 30px; }
#wiTagBox .tagTitle { float: left; }
#wiTagBox .more { float: right; margin: 3px 0 0 0; }
#wiTagBox #flasTagCloud { width: 267px; height: 58px; }
#wiTagBox #flasTagCloud object { margin-left:-5px; }
#wiHelp { float: left; background: url(http://s1.daumcdn.net/pimg/widgetbank/line08.gif) no-repeat right 0; width: 314px; height: 95px; padding: 0 1px 0 0; }
#wiHelp h3 { height: 27px; }
#wiHelp p { width: 156px; color: #6B6B6B; line-height: 1.3; letter-spacing: -1px; }
#wiHelp img.wiHelpImg { float: right; }
#wiNotice { float: left; width: 291px; }
#wiNotice h3 { height: 27px; }
#wiNotice .noticeLink { float: left; }
#wiNotice .more { float: right; }
#wiNotice li { background: url(http://s1.daumcdn.net/pimg/widgetbank/point.gif) no-repeat 0 7px; width: 260px; padding: 0 0 0 7px; margin: 0 0 0 23px; overflow: hidden; }

#footer { /*background: url(http://s1.daumcdn.net/pimg/widgetbank/footer_line.gif) repeat-x left top #FFF;*/ border-top: 1px solid #E6E6E6; clear: both; width: 978px; text-align: center; padding: 15px 0 10px 0; color:#CCC; letter-spacing:0px}
#footer p.copyright, #footer p.copyright a { font-family: verdana, sans-serif; font-size: 11px; color: #999; }


/* 사이드바 */
#wiSection1 { background: url(http://s1.daumcdn.net/pimg/widgetbank/bg_left.gif) repeat-y; width:978px; margin: 0 auto; overflow: hidden; }
.wiSubMenu { float: left; width: 175px; }

/* 사이드바 카테고리 */
.wiSideCategH { background: url(http://s1.daumcdn.net/pimg/widgetbank/bg_category001.gif) no-repeat; width: 175px; height: 53px; }
.wiSideCategory { background: url(http://s1.daumcdn.net/pimg/widgetbank/bg_category002.gif) repeat-y; width: 160px; padding: 1px 0 0 15px; float: left; }
.wiSideCategory li { background: url(http://s1.daumcdn.net/pimg/widgetbank/ic_category.gif) no-repeat 0 6px; padding: 0 0 0 7px; font-family: tahoma; font-size: 11px; color: #999; margin: 11px 0 0 0; }
.wiSideCategory li.over { color: #4A61DB; }
.wiSideCategory a { background-repeat: no-repeat; margin-top: 2px; height: 12px; float: left; }
.wiSideCategBot { background: url(http://s1.daumcdn.net/pimg/widgetbank/bg_category003.gif) no-repeat #FFF; width: 175px; height:19px; padding: 0 0 5px 0; float: left; }

/* 사이드바 팩토리 */
.wiSideFGuideH { background: url(http://s1.daumcdn.net/pimg/widgetbank/bg_factory001.gif) no-repeat; width: 175px; height: 37px; float: left; }
.wiSideDGuideH { background: url(http://s1.daumcdn.net/pimg/widgetbank/develop_guide_left.gif) no-repeat; width: 89px; height: 14px; margin: 0 0 0 16px; }
.wiSideDGuide { background: url(http://s1.daumcdn.net/pimg/widgetbank/bg_guide004.gif) repeat-y; width: 175px; float: left;}
.wiSideDevelop { width: 175px; margin: 12px 0 0 0; clear: both; }
.wiSideDevelop li{ background: url(http://s1.daumcdn.net/pimg/widgetbank/point02.gif) no-repeat 0pt 6px; line-height:1.6; margin:0 0 1px 18px; padding:0pt 0pt 0pt 6px; width:151px; }
.devGuideDown { background: url(http://s1.daumcdn.net/pimg/widgetbank/develop_guide_btn.gif) no-repeat; width: 149px; height: 31px; margin: 0 auto; margin-top: 8px; margin-bottom: 9px; }
.pluginGuide { background: url(http://s1.daumcdn.net/pimg/widgetbank/plugin_down_btn.gif) no-repeat; width: 149px; height: 31px; margin: 0 auto; margin-top: 8px; margin-bottom: 9px; }

/* 사이드바 태그 */
.wiSideTagBox { float: left; background: url(http://s1.daumcdn.net/pimg/widgetbank/bg_tag.gif) no-repeat; width: 175px; padding: 5px 0 0 0; }
.wiSideTagH { position: relative; height: 28px; padding: 13px 0 0 0; }
.wiSideTagH a.TagLink { background: url(http://s1.daumcdn.net/pimg/widgetbank/tag.gif) no-repeat;  width: 42px; height: 12px; margin: 0 0 0 16px; }
.wiSideTagH .subMore { position: absolute; top: 11px; left: 129px; }
#tagCloud { width: 151px; height: 117px; margin: 0 auto; }

/* 사이드바 공지사항 */
.wiSideNoticBox { clear: both; background: url(http://s1.daumcdn.net/pimg/widgetbank/bg_guide004.gif) repeat-y; width: 175px; }
.wiSideNoticH { background: url(http://s1.daumcdn.net/pimg/widgetbank/bg_guide003.gif) no-repeat; width: 175px; height: 26px; position: relative; padding: 22px 0 0 0; margin: 15px 0 0 0; }
.wiSideNoticH a.noticeLink { background: url(http://s1.daumcdn.net/pimg/widgetbank/notice02.gif) no-repeat;  width: 42px; height: 12px; margin: 0 0 0 16px; }
.wiSideNoticH .subMore { position: absolute; top: 22px; left: 129px; }
.wiSideNotice { width: 175px; }
.wiSideNotice li { background: url(http://s1.daumcdn.net/pimg/widgetbank/point02.gif) no-repeat 0 6px; padding: 0 0 0 6px; width: 154px; margin: 0 0 0 15px; }
.wiSideNoticBot { background: url(http://s1.daumcdn.net/pimg/widgetbank/bg_guide005.gif) no-repeat #FFF; width: 175px; height:19px; padding: 0 0 4px 0; float: left; }
a.noticeLink:link, a.noticeLink:hover, a.noticeLink:active, a.noticeLink:visited { font-family: 굴림, gulim, sans-serif; font-size: 12px; color: #666; line-height: 18px; }

/* 사이드바 가이드 */
.wiSideETC { width: 173px; padding: 0 0 5px 1px; float: left; background: #FFF; }
.wiSideETC img { display: block; }

/* 콘텐츠 */
#wiSubContent { background: url(http://s1.daumcdn.net/pimg/widgetbank/bg_top.gif) no-repeat; float: right; width: 780px; padding-left:13px; }

.wiSubTitle { float: left; margin: 20px 0 0 0; display: inline; font-family: '굴림', gulim, sans-serif; font-size: 12px; font-weight:normal; }
.bullet1 { background: url(http://s1.daumcdn.net/pimg/widgetbank/bullet.gif) no-repeat; padding: 0 0 0 14px; height: 16px; }
.searchWord { font-weight: bold; color: #4A61DB; }
.searchEtc { font-family: 굴림, gulim, sans-serif; font-size: 12px; color: #999; font-weight: normal; }
.titleImgFac { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/factory.gif) no-repeat; width: 70px; height: 15px; display: block; text-indent: -9999em; overflow: hidden; }

#wiSubTab { background: url(http://s1.daumcdn.net/pimg/widgetbank/line04.gif) no-repeat 64px 2px ; float: right; margin: 21px 22px 0 0; display: inline; }
#wiSubTab a { background: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_03.gif) no-repeat right 5px; padding: 0 12px 0 0; float: left; margin: 0 8px 0 8px; display: inline; color: #999;}
#wiSubTab a.over { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_02.gif); color: #666; font-weight: bold; }

#wiSubContent ul { clear: both; float: left; width: 752px; margin:14px 0 0 0; }
#wiSubContent li { background-repeat: no-repeat ; margin: 20px 0 0 0; width: 376px; height: 101px; padding: 2px 0 19px 0; float: left; border-bottom: 1px solid #EEE; }
#wiSubContent li.noBorder { border: none; }
#wiSubContent .wiIcon { background-repeat: no-repeat ; width: 101px; height: 101px; float: left; display: block; cursor: pointer; }

#wiSubContent dl { float: left; padding: 4px 0 0 12px; width: 262px; }
#wiSubContent dt { font-weight: bold; }
#wiSubContent dt span { font-family: tahoma, sans-serif; font-size: 11px; color: #666; }
#wiSubContent dd { color: #666; letter-spacing: -1px; margin: 6px 0 0 0; line-height: 1.5; overflow: hidden; }
#wiSubContent dd.widgetDescDD { height: 38px; padding: 0 30px 0 0;}
#wiSubContent dd.widgetCopy {  font-family: 돋움, dotum, sans-serif; font-size: 11px; color: #999; letter-spacing: -1px; margin: 1px 0 0 0; overflow: hidden; padding: 5px 0 0 0;}
#wiSubContent dd a.widgetCopy { padding:0; }
#wiSubContent dd a.txt_point4 { color:#4A61DB; }

#wiSubContent dd.widgetTag { background: url(http://s1.daumcdn.net/pimg/widgetbank/ic_tag.gif) no-repeat 0 3px; margin:0; padding: 0 0 0 30px; }
.wiSubLayer_install { margin: 11px 0 0 0; cursor: pointer }

#wiSubContent #widgetTagList { width: 752px; margin: 23px 0 26px 17px; display: inline; }
#wiSubContent #widgetTagList li { background: url(http://s1.daumcdn.net/pimg/widgetbank/point.gif) no-repeat 0 7px; margin: 11px 0 0 0; width: 175px; height: 13px; padding: 0 0 0 8px; float: left; border: 0; }
#wiSubContent #widgetTagList li span { font: 11px tahoma, sans-serif; color: #666; }

.lineBarL { background: url(http://s1.daumcdn.net/pimg/widgetbank/line02.gif) no-repeat 0 0; padding: 0 0 0 9px; margin: 0 0 0 9px; }
.subLineBarL { background: url(http://s1.daumcdn.net/pimg/widgetbank/line05.gif) no-repeat 0 1px; padding: 0 0 0 7px; margin: 0 0 0 7px; }
.detailLineBarL { background: url(http://s1.daumcdn.net/pimg/widgetbank/line06.gif) no-repeat 0 0; padding: 0 0 0 9px; margin: 0 0 0 9px; }

.nosp { letter-spacing: 0 }

/*퍼가기 위젯 페이지*/
#wrap_content { background: url(http://s1.daumcdn.net/pimg/widgetbank/bg_top.gif) no-repeat; float: right; width: 753px; overflow: hidden; padding:0 20px; }

.wiDetailNav { font-family: 굴림, gulim, sans-serif; font-size: 12px; font-weight: normal; color: #333; clear: both; width: 773px; height: 44px; padding: 25px 0 0;}
/*.wiDetailNav a { font-weight: bold; }*/

#curWidget { background: url(http://s1.daumcdn.net/pimg/widgetbank/frame_middle.gif) repeat-y; width: 753px; margin:0; position: relative; overflow: hidden; }
#curWidget h3 { background: url(http://s1.daumcdn.net/pimg/widgetbank/frame_top01.gif) no-repeat; width: 729px; height: 53px; font: 16px 돋움, dotum, sans-serif; letter-spacing: -1px;  padding: 19px 0 0 24px; font-weight: bold; }
#curWidget .viewNavi { position: absolute; background: url(http://s1.daumcdn.net/pimg/widgetbank/line07.gif) no-repeat 74px 0; width: 140px; top: 22px; left: 616px; font: 12px 굴림, gulim, sans-serif; color: #666; letter-spacing: -1px }
#curWidget .viewNavi li { float: left; }
#curWidget .viewNavi li a.viewListPre { background: url(http://s1.daumcdn.net/pimg/widgetbank/ic_before_05.gif) no-repeat 0 2px; padding: 0 0 0 10px; }
#curWidget .viewNavi li a.viewListPre_dim { background: url(http://s1.daumcdn.net/pimg/widgetbank/ic_before_04.gif) no-repeat 0 2px; padding: 0 0 0 10px; }
#curWidget .viewNavi li.viewListBtn { background: url(http://s1.daumcdn.net/pimg/widgetbank/line07.gif) no-repeat 0 0; padding: 0 0 0 7px; margin: 0 0 0 6px; color: #999; }
#curWidget .viewNavi li a.viewListNext { background: url(http://s1.daumcdn.net/pimg/widgetbank/ic_next_04.gif) no-repeat 100% 2px; padding: 0 10px 0 14px; }
#curWidget .viewNavi li a.viewListNext_dim { background: url(http://s1.daumcdn.net/pimg/widgetbank/ic_next_03.gif) no-repeat 100% 2px; padding: 0 10px 0 14px; color: #999; }

#curPaging { position: absolute; top: 17px; left: 664px; }
#curPaging li { float: left; }
a.curBef { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/btn_before.gif); width: 26px; height: 24px; }
a.curList { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/btn_list.gif); width: 24px; height: 24px; }
a.curNext { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/btn_next.gif); width: 26px; height: 24px; }
a.curBef:hover { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/btn_before_over.gif); }
a.curList:hover { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/btn_list_over.gif); }
a.curNext:hover { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/btn_next_over.gif); }

#widgetContainer { background: url(http://s1.daumcdn.net/pimg/widgetbank/frame_bottom01.gif) no-repeat left bottom; width:753px; clear: both; overflow: hidden; position: relative; padding: 0 0 25px 0; }
#widgetPreview { float: left; width: 313px;  text-align: center;  padding: 25px 0; overflow: auto; margin: 0 8px;}
#widgetSide { float: left; margin: 0 0 13px 0; width: 378px; padding: 0 0 0 20px; overflow: hidden; }
.widgetTag { background: url(http://s1.daumcdn.net/pimg/widgetbank/ic_tag.gif) no-repeat 0 3px; margin: 6px 0 0 0; padding: 0 0 0 30px; }
#widgetSide .widgetTag a.widgetCopy { color: #666; }

.widgetDesc { line-height: 1.7 }
.widgetCopy { font: 11px 돋움, dotum, sans-serif ; color: #666; padding: 15px 0 0 0 ;}
.widgetSpec { color: #506be0; }

#widgetRimo { margin: 21px 0 0 0; }

#blogTypeRadio { padding:0; border-bottom: 1px solid #EFEFEF; width: 378px; float:left; padding-bottom:59px; }
#blogTypeRadio.open { padding: 0 0 10px; border: none; }

#blogTypeRadio li { background: url(http://s1.daumcdn.net/pimg/widgetbank/radio.gif) no-repeat 0 1px; padding: 0 0 0 17px; margin-bottom: 10px; float:left; display:block; cursor: pointer; }
#blogTypeRadio li.checked { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/radio_select.gif); font-weight: bold; letter-spacing:-1px; }
#blogTypeRadio li.disabled { cursor: default; color: #999 }

#blogT { margin-right:45px; }
#tistoryT { width: 65px; }
#inBlogT { width: 95px; margin-bottom:0 !important; }
#daumcafeT { margin-right: 60px; position:relative; }
#daumcafeT img { right:-16px; top:1px; position:absolute;}
#naverblogT { margin-right: 42px; position:relative; }
#naverblogT img { right:-16px; top:1px; position:absolute;}

#widgetConfig { width: 378px; background-color: #F6F6F6; margin:0; padding: 0 0 20px; clear:both; }
#widgetConfig dt { background: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_04.gif) no-repeat 0 23px; padding: 20px 0 0 11px; margin: 0 0 4px 20px; font-weight: bold; }
#widgetConfig dd { margin: 0 0 7px 31px; width: 347px; clear: both; position: relative; height: 20px;}
#widgetConfig dd.listDD { z-index: 100; }
#widgetConfig dd.noTisDD { text-align: center; color: #999; height: 30px; padding: 45px 0 45px 0;}
.makeTiLink { background: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_05.gif) no-repeat right 6px; font: 11px 돋움, dotum, sans-serif; color: #999; letter-spacing: -1px; text-decoration: underline; width: 120px; padding: 3px 0 0 0px; cursor: pointer; margin: 0 0 0 110px; float: left; display: inline;}
#widgetConfig dd.skinContent { height: 45px; padding: 0 0 0 48px; width: 299px; }
#widgetConfig .ddTitle { width: 64px; float: left; padding: 4px 0 0 0; }
#widgetConfig .sizeTail { float: left; padding: 4px 0 0 5px; }

#widgetConfig input { /*font-size: 12px;*/ }
#widgetConfig input.configTitle { width: 163px; _width: 161px; height: 17px; border: 1px solid #D3D3D3; float: left; }
#widgetConfig input.configWidth { width: 38px; height: 17px; border: 1px solid #D3D3D3; float: left; }
#widgetConfig input.configHeight { width: 38px; height: 17px; border: 1px solid #D3D3D3; float: left; }

.selectBox { background: url(http://s1.daumcdn.net/pimg/widgetbank/btn_dropdown.gif) no-repeat right 0 #FFF; width: 143px;  height: 18px; padding: 1px 18px 0 2px; border: 1px solid #C2C2C2; float: left; cursor: pointer; overflow: hidden; *margin-top: 1px; }
.selectBox .selectVal {width: 143px; word-break: break-all; word-wrap: break-word; overflow: hidden; line-height: 1.6; float: left; height: 19px;}

.selectTop { background: url(http://s1.daumcdn.net/pimg/widgetbank/img_drop01.png) no-repeat; width: 167px; height: 3px; float: left; font-size: 0px; }

.selectContent { background: url(http://s1.daumcdn.net/pimg/widgetbank/img_drop02.png) repeat-y; width: 167px; float: left; }
.selectBottom { background: url(http://s1.daumcdn.net/pimg/widgetbank/img_drop03.png) no-repeat; width: 167px; height: 4px; float: left; font-size: 0px; }
* html  .selectTop { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.daumcdn.net/pimg/widgetbank/img_drop01.png', sizingMethod='image'); }
* html  .selectContent { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.daumcdn.net/pimg/widgetbank/img_drop02.png', sizingMethod='crop'); }
* html  .selectBottom { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.daumcdn.net/pimg/widgetbank/img_drop03.png', sizingMethod='image'); }

.accountChange { background: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_05.gif) no-repeat right 6px; font: 11px 돋움, dotum, sans-serif; color: #999; letter-spacing: -1px; text-decoration: underline; width: 70px; float: left; padding: 3px 0 0 8px; cursor: pointer; }


#accountSelectBg { position: absolute; width: 167px; top: 20px; left: 64px; z-index: 200; overflow: hidden; }
.selectContent ul { width: 162px; max-height: 72px; overflow: auto; padding: 0 0 1px 1px; position: relative;}
* html .selectContent ul { height: expression(this.scrollHeight > 72 ? "72px" : "auto");}
.selectContent li { padding: 4px 1px 1px 2px; height: 19px;  cursor: pointer; margin: 0 1px 0 0; overflow: hidden; line-height: 1.6; word-break: break-all; word-wrap: break-word; }
.selectContent li.over { background-color: #F3F3F3; }
.widgetConfigString { width: 170px; height: 17px; border: 1px solid #D3D3D3; float: left; }

#skinRadio { float: left; padding: 4px 0 0 0; }
#skinRadio li { background: url(http://s1.daumcdn.net/pimg/widgetbank/radio.gif) no-repeat 0 1px; padding: 0 0 0 17px; float: left; cursor: pointer; width: 50px; }
#skinRadio li.checked { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/radio_select.gif); font-weight: bold; }
#skinRadio li.disabled { cursor: default; color: #999 }

.skinBox { width: 283px; height: 47px; position: relative; }
.skinBox div { float: left; }
#skinBef { background: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_before04_1.gif) no-repeat; width: 6px; height: 9px; margin: 18px 10px 0 0; }
#skinNext { background: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_next04_1.gif) no-repeat ; width: 6px; height: 9px; margin: 18px 0 0 10px; }
#skinBef.over { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_before04_2.gif); cursor: pointer; }
#skinNext.over { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_next04_2.gif); cursor: pointer; }


#skinView { width: 251px; height: 47px; overflow: hidden;  }
#skinList { height: 47px; }
#skinList li { margin: 0 0 0 4px; background-repeat: no-repeat; width: 45px; height: 45px; cursor: pointer; float: left; margin: 0 0 0 4px; display: inline; border: 1px solid #FFF; }
#skinList li.first { margin: 0; }

#submitBtnArea { padding: 15px 0 23px 0; height: 38px; clear:both;}

#ideaContainer { width:753px; clear: both; overflow: hidden; margin: 35px 0 0 0; }
#ideaContainer h4 { font-size: 12px; }
#ideaContainer .writeBg { width: 751px;  background-color: #F5F5F5; border: 1px solid #E9E8E8; margin: 7px 0 0 0; overflow: hidden; }
#ideaContainer input { height: 18px; _height: 16px; _padding: 2px 0 0 2px; font: normal 12px gulim, sans-serif; color: #AAA; border: 1px solid #D4D4D4; }
#ideaContainer #cmtLoginNickname { width: 98px; margin: 11px 0 0 18px; background: #FFF; }
#ideaContainer #cmtNickname { width: 98px; margin: 11px 0 0 18px; background: url(http://s1.daumcdn.net/pimg/widgetbank/name.gif) no-repeat 2px 2px #FFF; }
#ideaContainer #cmtPassword { width: 98px; margin: 0 0 0 1px; background: url(http://s1.daumcdn.net/pimg/widgetbank/password.gif) no-repeat 2px 2px #FFF; }
#ideaContainer #cmtBlog { width: 233px; margin: 0 0 0 1px; }
#ideaContainer textarea { margin: 5px 0 0 18px; width: 651px; height: 35px; *height: 34px; font: normal 12px gulim, sans-serif; color: #AAA; border: 1px solid #D4D4D4; overflow: auto; }

#ideaContainer .ideaTxtGuide { padding: 4px 80px 4px 0; float: right; font: 11px dotum, sans-serif; color: #666; }
#ideaContainer .writeBtn { width: 55px; height: 38px; margin: 5px 0 0 2px;  vertical-align: top; *padding-top: 1px; cursor: pointer; }

#ideaList li { border-bottom: 1px solid #F1F1F1; width: 753px; padding: 0 17px 10px 17px; clear: both; overflow: hidden; }
#ideaList li div { float: left; overflow: hidden; word-break: break-all; word-wrap: break-word; }
#ideaList li .ideaDeleted { width: 628px; color: #6984AB; margin: 11px 0 0 0; letter-spacing: -1px; }
#ideaList li .ideaId { width: 117px; color: #666; margin: 11px 0 0 0; letter-spacing: -1px; }
#ideaList li .ideaId a { width: 117px; color: #506BE0; margin: 11px 0 0 0; letter-spacing: -1px; }
#ideaList li .ideaContent { width: 501px; padding: 0 0 0 15px; margin: 11px 20px 0 0; word-break: break-all; word-wrap: break-word; }
#ideaList li .ideaDate { font: normal 10px Tahoma, sans-serif; color: #999; margin: 0 0 0 10px; white-space: nowrap; }
#ideaList li .cControl { width: 70px; text-align: right; padding: 12px 0 0 0; margin: 0; }
#ideaList li .cControl span { font: normal 11px dotum, sans-serif; color: #999; cursor: pointer; }
#ideaList li .detailLineBarL { background: url(http://s1.daumcdn.net/pimg/widgetbank/line06.gif) no-repeat 38px 15px; }

#ideaList .cmtListRe { clear: both; float: none; }
#ideaList .cmtListRe .ideaId { background: url(http://s1.daumcdn.net/pimg/widgetbank/r_arrow.gif) no-repeat 4px 3px; width: 108px; padding: 0 0 0 17px; margin: 9px 0 0 0; }
#ideaList .cmtListRe .ideaContent { width: 493px; padding: 0 0 0 15px; margin: 11px 20px 0 0; word-break: break-all; word-wrap: break-word; }

#chkPass { position: absolute; z-index: 1; background: url(http://s1.daumcdn.net/pimg/widgetbank/p_bg.gif) no-repeat; width: 182px; height: 92px; border: 1px solid #CDCDCD; text-align: left; }
#chkPass img.closePass { float: right; cursor: pointer;}
#chkPass p { clear: both; padding: 0 0 0 18px; }
#chkPass .cmtPassbox { clear: both; padding: 0 0 0 18px; }
#chkPass input#cmtPassChk { width: 96px; height: 15px; vertical-align: middle; margin: 2px 0 0 0; }
#chkPass img.confirmPass { vertical-align: middle; cursor: pointer; margin: 2px 0 0 2px; }

#cmtAddCmt { clear: both; background: url(http://s1.daumcdn.net/pimg/widgetbank/r_arrow.gif) no-repeat; width: 731px; height: 92px; margin: 10px 0 0 2px; }
#cmtLoginNicknameRe { width: 98px; height: 18px; margin: 0px 0 0 14px; background: #FFF; }
#cmtNicknameRe { width: 98px; height: 18px; margin: 0px 0 0 14px; background: url(http://s1.daumcdn.net/pimg/widgetbank/name.gif) no-repeat 2px 2px #FFF; }
#cmtBlogRe { width: 233px; height: 18px; margin: 0px 0 0 1px; }
#cmtAddCmt textarea#ideaTxtRe { margin: 5px 0 0 14px; width: 635px; }

.ideaDel { background: url(http://s1.daumcdn.net/pimg/widgetbank/ic_delete.gif) no-repeat 3px 4px; margin: 0 0 0 2px; cursor: pointer; }

/* 페이징 */
.wiSubPaging { width: 753px; height: 40px; border-top: 2px solid #EAEAEA; margin:0; padding: 20px 0 0 0; text-align: center;  clear: both; }
.wiIdeaPaging { width: 753px; height: 40px; margin: 10px 0 1px 0; padding: 10px 0 0 0; text-align: center; clear: both; }

#pagingBox { margin: 0 0 1px 0; }
#pagingBox a { border: 1px solid #FFF; line-height: 1.6; font-size: 12px; }
#pagingBox a:link {	text-decoration:none; }
#pagingBox a:hover, .wiSubPaging a:active {	text-decoration:underline; }
#pagingBox a.pagingNum { font-family: verdana, sans-serif; font-size: 11px; color: #666; font-weight: bold; padding: 1px 4px 2px 4px; margin: 0 2px; }
#pagingBox a.pagingNum_over { font-family: verdana, sans-serif; font-size: 11px; font-weight: bold; padding: 1px 4px 2px 4px; margin: 0 2px; color: #4E67E6; border: 1px solid #DBDBDB }

.movePage { color: #999; margin: 0 6px; }
a.movePage { color: #999; margin: 0 6px; }
a.movePage_over { color: #666; margin: 0 6px;}
a.movePage:hover, a.movePage:active { color: #999; text-decoration: none; }
a.movePage_over:hover, a.movePage_over:active { color: #666; text-decoration: none; border-bottom: 1px solid #666; }

/* 목록 페이징 */
.wiSubPaging img { background-repeat : no-repeat; vertical-align: middle; border: 0; }
.leftArrow { background: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_before03_2.gif) left top; padding: 0 8px 0 0; }
.wiSubPaging a.movePage_over .leftArrow { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_before03_1.gif); }
.rightArrow { background: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_next03_2.gif) right top; padding: 0 0 0 8px; }
.wiSubPaging a.movePage_over .rightArrow { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_next03_1.gif); }
*:first-child+html .leftArrow { background-position: left 1px; }
*:first-child+html .rightArrow { background-position: right 1px; }
* html .leftArrow { background-position: left 1px; }
* html .rightArrow { background-position: right 1px; }

/* 댓글 페이징 */
.wiIdeaPaging img { background-repeat : no-repeat; vertical-align: middle; border: 0; }
.befArrow { background: url(http://s1.daumcdn.net/pimg/widgetbank/ic_before_01.gif) left top; padding: 0 8px 0 0; }
.wiIdeaPaging a.movePage_over .befArrow { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/ic_before_02.gif); }
.nextArrow { background: url(http://s1.daumcdn.net/pimg/widgetbank/ic_next_01.gif) right top; padding: 0 0 0 8px; }
.wiIdeaPaging a.movePage_over .nextArrow { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/ic_next_02.gif); }
*:first-child+html .befArrow { background-position: left 1px; }
*:first-child+html .nextArrow { background-position: right 1px; }
* html .befArrow { background-position: left 1px; }
* html .nextArrow { background-position: right 1px; }

#darkLayer { background-color: #000;  filter:Alpha(opacity=20);  opacity:0.2; position: absolute;  z-index: 10000; }
#darkWinTopBg { width: 408px; height: 41px; position: relative; }
#darkWinTop { background: url(http://s1.daumcdn.net/pimg/widgetbank/layer_top02.png) no-repeat; width: 408px; height: 41px; }
#darkWinTop h3 { background: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_04.gif) no-repeat 24px 18px; padding: 15px 0 0 32px; _padding-top: 16px; font: 12px 굴림, gulim,sans-serif; color: #333; font-weight: bold; }
#darkWinMiddle { background: url(http://s1.daumcdn.net/pimg/widgetbank/layer_middle02.png) repeat-y; width: 360px; padding: 22px 24px 0 24px; }
#darkWinContent { position: relative; line-height: 1.6; }
#darkWinBottom { background: url(http://s1.daumcdn.net/pimg/widgetbank/layer_bottom02.png) no-repeat; width: 408px; height: 11px; }
#darkWinBtnArea { width: 360px; border-top: 1px solid #EFEFEF; padding: 10px 0 4px 3px; height: 27px; margin: 22px 0 0 0; text-align: center; position: relative; }
#darkWinCloseBtn { position: absolute; top: 14px; left: 376px; }

* html  #darkWinTop { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.daumcdn.net/pimg/widgetbank/layer_top02.png', sizingMethod='image'); }
* html  #darkWinMiddle { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.daumcdn.net/pimg/widgetbank/layer_middle02.png', sizingMethod='crop'); }
* html  #darkWinBottom { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.daumcdn.net/pimg/widgetbank/layer_bottom02.png', sizingMethod='image'); }

#darkLayerWin { position: absolute; z-index: 99999; /*overflow: hidden;*/ width: 408px; top: 200px; }
#copyTxt { word-break: break-all; word-wrap: break-word; overflow-y: auto; margin: 20px 0 0 0; border: 1px solid #CDCDCD; border-right: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; background-color: #F1F1F1; font: 11px verdana, sans-serif; color: #333; line-height: 16px; height: 100px; width: 360px; scrollbar-face-color: #F1F1F1; scrollbar-shadow-color: #CDCDCD; scrollbar-highlight-color: #CDCDCD; scrollbar-3dlight-color:  #F1F1F1; scrollbar-darkshadow-color: #F1F1F1; scrollbar-track-color: #F1F1F1; scrollbar-arrow-color: #CDCDCD; }
.tistoryMailBg { margin: 20px 0 0 0; }
#mailTxt { width: 200px; height: 17px; margin: 0 0 3px 3px; vertical-align: middle; border: 1px solid; border-color: #B5B5B5 #D4D4D4 #D4D4D4 #B5B5B5; line-height: 1.6; font-family: 굴림, gulim, sans-serif; font-size: 12px; color: #333;}


.tiAccountTitle { font-family: 굴림, gulim, sans-serif; font-size: 12px; color: #333; clear: both; width: 773px; height: 44px; padding: 25px 0 0; }
#tiAccountContainer { width: 753px; margin:0; position: relative; overflow: hidden; }

.acMsg * { text-align: center; clear: both; }
.acMsg dt { font-weight: bold; margin: 0 0 16px 0;}
.acMsg dd { line-height: 1.6 }
.acSimpleMsg { text-align: center; clear: both; margin: 0 0 22px 0; line-height: 1.6 }
.acSpecMsg { color: #FB540A; }

.acHelpBox { width: 753px; height: 21px; background-color: #F6F6F6; margin: 15px 0 0 0; padding: 40px 0 40px 237px; _padding-bottom: 18px; }
.acBtnArea { width: 753px; padding: 15px 0 0 0; text-align: center; }
.acTopBorder { border-top: 1px solid #DADADA; }
#acHelpMsg { font: 11px 돋움, dotum, sans-serif; color: #FB540A; letter-spacing: -1px; display: block; margin: 0 0 0 3px; text-align: left; height: 14px;}
#acHelpMsg.noInput { margin: 12px 0 0 0; text-align: center; }

.manageAcT { width: 753px; margin: 1px 0 0 0;}
.manageAcT tr {    }
.manageAcT th { background-color: #F6F6F6; font-weight: normal; border-top: 1px solid #DADADA; width: 112px; padding-left: 25px; }
.manageAcT td { border-top: 1px solid #DADADA; word-break: break-all; word-wrap: break-word; padding-left: 12px; }
.manageAcT span.helpTxt { line-height: 1.5 }
.manageAcU li { width: 574px; margin: 6px 0 0 0; word-break: break-all; word-wrap: break-word; }
.manageAcU li.firstL { margin: 0;}

#acRadio { float: left; padding: 4px 0 0 0; }
#acRadio li { background: url(http://s1.daumcdn.net/pimg/widgetbank/radio.gif) no-repeat 0 1px; padding: 0 0 0 17px; cursor: pointer;  height: 21px; margin: 0 0 3px 0; font-weight: bold; }
#acRadio li.checked { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/radio_select.gif); }

.changeIdBtn { background: url(http://s1.daumcdn.net/pimg/widgetbank/btn_id.gif) no-repeat; width: 65px; height: 20px; margin: 0 0 0 10px; float: left; }
.deleteIdBtn { background: url(http://s1.daumcdn.net/pimg/widgetbank/btn_delete.gif) no-repeat; width: 54px; height: 20px; margin: 0 0 0 5px; float: left; }

.IdBtnWidh { float: left; padding: 2px 0 0 0; font-weight: bold;}

/* 웨젯팩토리 서브 */
#makeWidget { width:753px; /*height:545px;*/ overflow: hidden; }
.makeWidgetBottom { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/bg_bottom.gif) no-repeat; margin: 0 0 30px 20px; width: 753px; height: 20px; } 

.wiMakeText { width: 163px; height: 17px; }
.wiMakeTextL { width: 230px; height: 17px; }

#categorySelectBg { position: absolute; width: 167px; top: 20px; left: 0px; z-index: 200; overflow: hidden; }

.helpTxt { font: 11px 돋움, dotum, sans-serif; color: #999; letter-spacing: -1px; }

.wiCodeIn dt, #wiCodeConMsg dt, #wiCodeCon dt { background: url(http://s1.daumcdn.net/pimg/widgetbank/arrow_04.gif) no-repeat 0 3px; padding: 0 0 12px 12px; font-weight: bold; }
.wiCodeIn dd {  }

.wiCodeIn textarea { overflow: auto; width: 274px; height: 198px; border: 1px solid #CDCDCD; border-right: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; background-color: #F1F1F1; font: 11px verdana, sans-serif; color: #333; line-height: 16px; scrollbar-face-color: #F1F1F1; scrollbar-shadow-color: #CDCDCD; scrollbar-highlight-color: #CDCDCD; scrollbar-3dlight-color:  #F1F1F1; scrollbar-darkshadow-color: #F1F1F1; scrollbar-track-color: #F1F1F1; scrollbar-arrow-color: #CDCDCD; }
.codeBtnArea { padding: 19px 0 1px 0; text-align: center; }

#wiCodeConMsg dd {font: 11px 돋움, dotum, sans-serif; color: #999; letter-spacing: -1px; padding-left: 12px; padding: 0 0 19px 19px; }
#wiCodeCon { width: 378px; padding: 0 0 70px 0;}

#wiCodeCon dd { margin: 0 0 7px; width: 247px; clear: both; height: 22px; position: relative; float:left; display:inline;}
#wiCodeCon dd.listDD { z-index: 100; }
#wiCodeCon dd.skinContent { height: 45px; padding: 0 0 0 48px; width: 299px; }
#wiCodeCon .ddTitle { width: 64px; float: left; padding: 4px 0 0 0; }
#wiCodeCon .sizeTail { float: left; padding: 4px 0 0 5px; }

#wiCodeCon input { font-size: 12px; }
#wiCodeCon input.configTitle { width: 163px; _width: 161px; height: 17px; border: 1px solid #D3D3D3; float: left; }
#wiCodeCon input.configWidth { width: 38px; height: 17px; border: 1px solid #D3D3D3; float: left; }
#wiCodeCon input.configHeight { width: 38px; height: 17px; border: 1px solid #D3D3D3; float: left; }

/* 미리보기 테이블 관련 */
.skinTable * { padding: 0 }
#wiBoxT1 { width: 9px; height: 9px; background-repeat: no-repeat; font-size: 0px; }
#wiBoxT2 { width: 1px; height: 9px; background-repeat: repeat-x; font-size: 0px; }
#wiBoxT3 { width: 9px; height: 9px; background-repeat: no-repeat; font-size: 0px; }
#wiBoxT4 { width: 9px; height: 9px; background-repeat: no-repeat; font-size: 0px; }
#wiBoxTC { width: 1px; background-color: #FFF; font-size: 0px; }
#wiBoxT5 { width: 9px; height: 9px; background-repeat: no-repeat; font-size: 0px; }
#wiBoxT6 { width: 9px; height: 9px; background-repeat: no-repeat; font-size: 0px; }
#wiBoxT7 { width: 1px; height: 9px; background-repeat: repeat-x; font-size: 0px; }
#wiBoxT8 { width: 9px; height: 9px; background-repeat: no-repeat; font-size: 0px; }

/* new widget factory */
.vBar {color:#e1e1e1;padding:0;margin:0; }

h3.widgetIntro { margin: 69px 0 0; background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/title01_patory.gif) left bottom no-repeat; text-indent: -9999em; height:16px; line-height:1; }
h3.widgetListIntro { margin: 69px 0 0; background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/title03_factory.gif) left bottom no-repeat; text-indent: -9999em; line-height:1; height:15px;}
p.widgetIntro { margin: 9px 0 20px; color: #999 }

h4 { background: url(http://s1.daumcdn.net/pimg/widgetbank/b_01.gif) left no-repeat; padding-left:11px; font:bold 12px '굴림', gulim; color:#333; letter-spacing:-1px;  }

a.btnTip {background:url(http://s1.daumcdn.net/pimg/widgetbank/tip_i_01.gif) 0 0 no-repeat; overflow:hidden; text-indent:-10000em; width:14px; height:14px;}
#makeWidget, #StoredWidget { width:753px; overflow: hidden; position:relative; padding-top:1px; }
#makeWidget a.btnTip {margin:15px 5px 0 0;}
#StoredWidget a.btnTip {position:absolute; right:0; top:15px; margin:0;} 
#makeWidget h3 a, #StoredWidget h3 a {position:absolute; height:33px; display:block; text-indent:-10000em; overflow:hidden; top:1px;}
a#tabMakeWidget {background:url(http://s1.daumcdn.net/pimg/widgetbank/tab_make_on.gif) 0 1px no-repeat; width:105px; left:0;}
a#tabWidgetList {background:url(http://s1.daumcdn.net/pimg/widgetbank/tab_save_on.gif) 0 1px no-repeat; width:105px; left:103px;}
a#tabMakeWidget.off {background:url(http://s1.daumcdn.net/pimg/widgetbank/tab_make_off.gif) 0 1px no-repeat; width:103px; height:32px; border-bottom:1px solid #ccc;}
a#tabWidgetList.off {background:url(http://s1.daumcdn.net/pimg/widgetbank/tab_save_off.gif) 0 1px no-repeat; left:105px; height:32px; border-bottom:1px solid #ccc;}

#widgetCode, #widgetList {float:left; margin-top:3px; padding:30px 7px 0 19px; border-top:1px solid #ccc;}

#widgetList {margin-top:32px; clear:both;padding:0 0 0 1px;}

#previewCode {margin:8px 0 11px; width:710px; height:236px; padding:17px 0 17px 17px; border-top-color:#d9d9d9; border-left-color:#d9d9d9; border-right-color:#ebebeb; border-bottom-color:#ebebeb; border-width:1px; border-style:solid; color:#333; font:  11px verdana, '굴림', gulim;}

.btnWrap {text-align:center; padding:12px 0 0; height:27px;}

#widgetPreviewWrap {border:1px solid #f4f4f4; width:719px;padding:6px 0 6px 6px; margin:29px 0 40px 19px; clear:both; background-color:#f9f9f9; float:left; display:inline; position:relative;}
#widgetPreviewWrap #widgetPreview { width:400px; height:336px; border: 1px solid #f4f4f4; float:left; background-color:#fff;display:inline; text-align:center; padding:0; margin:0; position:relative;}
#widgetPreviewWrap #widgetPreview #widgetframe {position:absolute;}
#widgetPreview p.widgetPreviewInfo { font:normal 11px "돋움", dotum; color:#ccc; letter-spacing:-1px; position:absolute; top:20px; left:20px;}
#wiCodeCon {float:left; width:286px; padding:23px 10px 23px 20px; font:normal 12px '굴림',gulim; color:#333;}
*html #wiCodeCon {display:inline; width:285px;}
#wiCodeCon h5 { margin-bottom:20px; padding-bottom:8px; border-bottom:1px solid #e8e8e8; font:bold 12px '굴림',gulim; color:#333;  letter-spacing:-1px;}
#frmWidgetSetting a.btnTip { margin:5px 0 0 5px; background: url(http://s1.daumcdn.net/pimg/widgetbank/tip_i_02.gif) 0 0 no-repeat;}

#previewTipWrap {clear:both; position:absolute; bottom:50px; left:410px; width:154px; height:98px; text-indent:-1000em; background:url(http://s1.daumcdn.net/pimg/widgetbank/tip_close.gif) 0 0 no-repeat; overflow:hidden; z-index:1000;}
#previewTipWrap a {position:absolute; top:1px; right:1px; width:18px; height:18px; text-indent:-1000em; background:url(http://s1.daumcdn.net/pimg/widgetbank/tip_close02.gif) 0 0 no-repeat; overflow:hidden; }

#wiCodeCon input { font-size: 12px; }
input.configTitle { width: 163px; _width: 161px; height: 17px; border: 1px solid #D3D3D3; float: left; }
input.config {width: 38px; height: 17px; border: 1px solid #D3D3D3; float: left;}
#frmWidgetSetting div.item {float:left; width:100%; padding-bottom:8px;}

#makeWidgetInfo {width: 753px; overflow: hidden; margin:30px 0 30px 19px; clear:both; }
#makeWidgetInfo h4 span { margin-left:12px; border-left:1px solid #e1e1e1; padding-left:8px; font:normal 11px "돋움", dotum; letter-spacing:-1px; color:#999; }
#makeWidgetInfo .img_checkbox {vertical-align:-5px; margin-left:12px;}
#makeWidgetInfo label {vertical-align:-3px;}
#makeWidgetInfo #description {width:610px; height:17px;}
#makeWidgetInfo #tag {width:610px; height:17px;}

.makeDetail { border-style: solid; border-color: #D6D6D6; border-width: 1px 0 ; width: 727px; margin: 8px 0 1px 0; }
.makeDetail tr { vertical-align: middle; padding: 13px 0; }
.makeDetail th { padding: 16px 0 0 14px; width: 87px; background-color: #f9f9f9; border-top: 1px solid #f4f4f4;  vertical-align: top; font-weight: normal; }
.makeDetail td { border-top: 1px solid #f4f4f4; padding-right: 0px; }
.makeDetail td .img_checkbox {vertical-align:middle !important;}
.makeDetail td label {vertical-align:middle !important;}

.makeDetail .noBorder { border: none; }
.makeDetail input { border: 1px solid #c9c9c9; font-size: 12px; }
.makeDetail textarea { width: 598px; height: 50px; border:1px solid #c9c9c9;}
.makeDetail p { margin: 12px 0 0 0; }
.makeBtnArea { width: 753px; padding: 25px 0 25px 0; text-align: center; float:left; }

#agreementWrap {margin-left:19px;}
#agreementDocWrap {margin:8px 0 0; width:706px; padding:10px 10px 16px; background-color:#fafafa; border:1px solid #f1f1f2;}
#agreementDocWrap #agreementDoc {padding:15px; width:675px; height:137px; overflow:auto; overflow-y:scroll; background-color:#fff; border:1px solid #ddd; margin-bottom:10px;}
#agreementDocWrap #agreementDoc h5 {font:bold 12px '굴림', gulim; color+:#333; letter-spacing:-1px; margin:15px 0;}
#agreementDoc p { font:normal 12px '굴림',gulim; color:#333; letter-spacing:-1px; line-height:1.6; margin: 10px 0; }

.makeBtnArea {text-align:center; width:100%; margin-left:19px; }
.makeBtnArea p {text-align:center;font:normal 12px '굴림',gulim; color:#333; letter-spacing:-1px; margin-bottom:20px; }
.makeBtnArea .btnCenterWrap1 { margin:0 auto; width:79px;}
.makeBtnArea .btnCenterWrap2 { margin:0 auto; width:158px;}
.makeBtnArea .btnCenterWrap3 { margin:0 auto; width:238px;}

.makeBtnArea a {overflow:hidden; text-indent:-10000em; display:inline; float:left; width:71px; height:32px;margin:0 4px;}
.makeBtnArea .btnSave { background:url(http://s1.daumcdn.net/pimg/widgetbank/btn_save.gif) 0 0 no-repeat; }
.makeBtnArea .btnRegist {background:url(http://s1.daumcdn.net/pimg/widgetbank/btn_write03.gif) 0 0 no-repeat;}
.makeBtnArea .btnDelete {background:url(http://s1.daumcdn.net/pimg/widgetbank/btn_delete03.gif) 0 0 no-repeat;}
.makeBtnArea .btnUpdate {background:url(http://s1.daumcdn.net/pimg/widgetbank/btn_widget_modify.gif) 0 0 no-repeat;}
.makeBtnArea .btnModify {background:url(http://s1.daumcdn.net/pimg/widgetbank/btn_modify.gif) 0 0 no-repeat;}
.makeBtnArea .btnLogin {background:url(http://s1.daumcdn.net/pimg/widgetbank/btn_save.gif) 0 0 no-repeat;}

ul#widgetListType {padding-left:8px; margin: 10px 0 20px;}
#widgetListType li {padding:0 15px; display:inline;}
#widgetListType li.vBar {padding:0;}
#widgetListType li a.selected {color:#354DDD;}

#widgetList table {clear:both;}
#widgetList table th {padding:0; overflow:hidden; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; height:29px; text-align:center; font:11px '돋움',dotum; color:#999; letter-spacing:-1px; background:url(http://s1.daumcdn.net/pimg/widgetbank/b_bg.gif) center top repeat-x; }
#widgetList table th.last { border-right:1px solid #e6e6e6;}
#widgetList table td {text-align:center; font:12px '굴림',gulim; color:#333; letter-spacing:-1px; height:32px; border-bottom:1px solid #ededed;}
#widgetList table td.alignL {text-indent:24px; text-align:left;}
#widgetList table td.num {font:11px tahoma;}
#widgetList table td a.btnGoWidget {text-indent:-1000em; display:block; width:15px; height:15px; background:url(http://s1.daumcdn.net/pimg/widgetbank/btn_link.gif) 0 0 no-repeat; margin:0 auto; overflow:hidden; } 

ul#paging {margin:0 auto 20px; padding-top:12px; width:208px;clear:both; }
ul#paging li {display:inline; /*float:left;*/}
ul#paging li a { height:15px; border:1px solid #fff; font:bold 11px thaoma; color:#666; letter-spacing:-1px; /*display:block;*/ text-align:center; padding:3px 6px 0; }
ul#paging li a.prev, ul#paging li a.next {font:normal 12px '굴림',gulim; color:#666; width:22px;}
ul#paging li a.prev_off, ul#paging li a.next_off {font:normal 12px '굴림',gulim; color:#999;}
ul#paging li a.prev{ padding-left:11px; background:url(http://s1.daumcdn.net/pimg/widgetbank/b_before01.gif) left 7px no-repeat;}
ul#paging li a.next {padding-right:11px; background:url(http://s1.daumcdn.net/pimg/widgetbank/b_next01.gif) right 7px no-repeat;}
ul#paging li a.prev_off {padding-left:11px; background:url(http://s1.daumcdn.net/pimg/widgetbank/b_before02.gif) left 7px no-repeat;}
ul#paging li a.next_off {padding-right:11px; background:url(http://s1.daumcdn.net/pimg/widgetbank/b_next02.gif) right 7px no-repeat; }
ul#paging li a.selected{ border-color:#d7d7d7; color:#354ddd;}


/* select skin */
#WidgetSkinSelect {margin-bottom:10px; float:left;}
#frmWidgetSetting #selSkinWrap { margin-top:14px; width:274px; height:40px; overflow:hidden; position:relative; float:left; }
#frmWidgetSetting #selSkinOffset {width:236px; height:40px; overflow:hidden; left:19px; position:relative; }
#selSkinWrap a.prev {display:block; overflow:hidden; text-indent:-1000em; width:6px; height:9px; background:url(http://s1.daumcdn.net/pimg/widgetbank/b_before03.gif) 0 0 no-repeat; margin:0; top:15px; left:0; position:absolute; }
#selSkinWrap a.next {display:block; overflow:hidden; text-indent:-1000em; width:6px; height:9px; background:url(http://s1.daumcdn.net/pimg/widgetbank/b_next03.gif) 0 0 no-repeat; margin:0; top:15px; right:0; position:absolute;}
ul#selSkin {position:relative;top:0;left:0; width:250px; height:40px; overflow:hidden; float:none;}
ul#selSkin li {padding:0;margin:0; height:40px; float:left; margin-right:9px;}
ul#selSkin li a {display:block; overflow:hidden; border:1px solid #fff;}
ul#selSkin li a.selected, ul#selSkin li a.over {border:1px solid #96a2f4;}
ul#selSkin li a img {border:1px solid #d3d3d3;}
ul#selSkin li a.selected img, ul#selSkin li a.over img {border:1px solid #96a2f4;}

#StoredWidget .wiSubPaging {border-top:none;}

#tip_factory_status_SV {position:absolute; width:201px; height:132px; background:url(http://s1.daumcdn.net/pimg/widgetbank/tip_05.png) 0 0 no-repeat;}
#tip_factory_status_VL {position:absolute; width:199px; height:117px; background:url(http://s1.daumcdn.net/pimg/widgetbank/tip_03.png) 0 0 no-repeat;}
#tip_factory_status_HD {position:absolute; width:201px; height:132px; background:url(http://s1.daumcdn.net/pimg/widgetbank/tip_04.png) 0 0 no-repeat;} 
#tip_factory_status_RV {position:absolute; width:199px; height:117px; background:url(http://s1.daumcdn.net/pimg/widgetbank/tip_03.png) 0 0 no-repeat;}
#tip_factory_status_DW {position:absolute; width:199px; height:117px; background:url(http://s1.daumcdn.net/pimg/widgetbank/tip_06.png) 0 0 no-repeat;}
*html #tip_factory_status_SV {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.daumcdn.net/pimg/widgetbank/tip_05.png', sizingMethod='crop');}
*html #tip_factory_status_VL {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.daumcdn.net/pimg/widgetbank/tip_03.png', sizingMethod='crop');}
*html #tip_factory_status_HD {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.daumcdn.net/pimg/widgetbank/tip_04.png', sizingMethod='crop');} 
*html #tip_factory_status_RV {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.daumcdn.net/pimg/widgetbank/tip_03.png', sizingMethod='crop');}
*html #tip_factory_status_DW {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.daumcdn.net/pimg/widgetbank/tip_06.png', sizingMethod='crop');}

/* new widget factory */


/* 위젯팩토리 메인 */
.wiFacTop { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/top_bg.jpg) no-repeat; width: 752px; height: 215px; margin: 69px 0 28px; padding: 2px; clear: both; _margin-top:33px;}
*html .wiFacTop {margin-top:33px;}
*:first-child+html .wiFacTop {margin-top:33px;}
.facTop { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/top_img_n.jpg) no-repeat; width: 284px; height: 45px; padding: 155px 0 0 264px; float: left; }
.facTop dl { display: none; }
.facTop .inquireBtn { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/btn_widget_factory.gif) no-repeat; width: 85px; height: 10px; clear: both; }
.facTop .registBtn { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/btn_wmake.gif) no-repeat; width: 112px; height: 32px; clear: both;}
.facTop .manageBtn { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/btn_admin02.gif) no-repeat; width: 100px; height: 32px; margin-left:5px; }

.facStar { float: right; width: 161px; height: 170px; padding: 18px 21px 0 21px; }
.facStar h3 { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/factory_t_n.gif) no-repeat; width: 81px; height: 12px; float: left; margin: 0 49px 0 0; text-indent: -9999em; overflow: hidden; }
.facStar .starNavi { width: 161px; height: 15px; background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/line_bg.gif) repeat-x 0 bottom; padding: 0 0 4px 0; }

.facStar dl { width: 160px; }
.facStar dt { text-align: center; color: #929191; font-weight: bold; padding: 0 ; }
.facStar dt.starImg { padding: 0; line-height: 0; font-size: 0;}
.facStar dd { text-align: center; overflow: hidden; height: 11px; font: 11px 돋움, dotum, sans-serif; color: #929191; padding: 3px 0 0 0 ;}

a.befStar { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/pre_btn_off.gif) no-repeat; width: 14px; height: 15px; float: left; margin: 0 2px 0 0; }
a.nextStar { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/next_btn_off.gif) no-repeat; width: 14px; height: 15px; float: left; }
a.befStar:hover { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/factory/pre_btn_on.gif); }
a.nextStar:hover { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/factory/next_btn_on.gif); }

.wiFacMain { width: 754px; overflow: hidden; clear: both; margin:0; }
.wiFacMain * { color: #666; }

.wiFacTab {  width: 249px; height: 32px; float: left; }
#facTab { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tab_factory2_off.gif) no-repeat; width: 116px; height: 33px; cursor: pointer; text-indent: -9999em; overflow: hidden; float: left; z-index: 100; }
#devTab { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tab_develop3_off.gif) no-repeat; width: 115px; height: 33px; cursor: pointer; text-indent: -9999em; overflow: hidden; float: left; z-index: 100; }
#desTab { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tab_design1_off.gif) no-repeat; width: 115px; height: 33px; cursor: pointer; text-indent: -9999em; overflow: hidden; float: left; z-index: 100; }
#pluginTab { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tab_plugin2_off.gif) no-repeat; width: 115px; height: 33px; cursor: pointer; text-indent: -9999em; overflow: hidden; float: left; z-index: 100; }

#facTab02 { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tab_factory1_off.gif) no-repeat; width: 116px; height: 33px; cursor: pointer; text-indent: -9999em; overflow: hidden; float: left; z-index: 100; }
#devTab02 { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tab_develop1_off.gif) no-repeat; width: 115px; height: 33px; cursor: pointer; text-indent: -9999em; overflow: hidden; float: left; z-index: 100; }
#desTab02 { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tab_design3_off.gif) no-repeat; width: 115px; height: 33px; cursor: pointer; text-indent: -9999em; overflow: hidden; float: left; z-index: 100; }

#devTab03 { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tab_develop2_off.gif) no-repeat; width: 115px; height: 33px; cursor: pointer; text-indent: -9999em; overflow: hidden; float: left; z-index: 100; }
#desTab03 { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tab_design2_off.gif) no-repeat; width: 115px; height: 33px; cursor: pointer; text-indent: -9999em; overflow: hidden; float: left; z-index: 100; }
#pluginTab03 { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tab_plugin1_off.gif) no-repeat; width: 115px; height: 33px; cursor: pointer; text-indent: -9999em; overflow: hidden; float: left; z-index: 100; }

#facTab.on { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tab_factory1_on.gif); width: 116px; }
#devTab.on { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tab_develop1_on.gif); width: 115px; }
#desTab.on { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tab_design1_on.gif); width:115px; }
#pluginTab.on { background-image: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tab_plugin1_on.gif); width:115px; }

.wiFacBlog { border-bottom: 1px solid #CFCFCF; width: 293px; height: 18px; padding: 14px 0 0 0 ;  margin: 0; float: left; }
.wiFacBlog a.wiBlogLink { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/btn_blog.gif) no-repeat; float: right; width: 98px; height: 10px; }

#desCon { width: 754px; padding: 7px 0 25px 0; overflow: hidden; clear: both; letter-spacing: -1px; }
#desCon h4 { font-size: 12px; color: #333; padding: 0 0 7px 0; }
#desCon dd.fl { margin-right: 26px; }
#desCon p { line-height: 21px; }
#desCon .txt_point1 { color: #333; }
#desCon .code { color: #505AAB; }
#desCon .desList { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/ic_category.gif) no-repeat; padding: 0 0 0 10px; }

#desCon table { width: 754px; margin: 20px 0 0 0; border-bottom: 1px solid #C1C1C1; }
#desCon th { border-top: 2px solid #C1C1C1; height: 30px; text-align: center; color: #333; background: #F9F9F9; }
#desCon td { border-top: 1px solid #F2F2F2; vertical-align: top; padding: 16px 0 12px 21px; }
#desCon td.firstline { border-top: 1px solid #E6E6E6; }
#desCon .rightLine { border-right: 1px solid #F2F2F2; padding-left: 29px; }

#facCon { width: 754px; padding: 25px 0; overflow: hidden; clear: both;}
#devCon { width: 754px; padding: 0 0 25px 0; overflow: hidden; clear: both;}

#devCon h3 { display: none; }
#devCon .conMsg { padding: 25px 0 0 0; }
#devCon .code { color: #505aab; }
#devCon xmp { font: 11px 돋움, dotum, sans-serif; color: #505aab; margin: 0; line-height: 16px; }


.guideCopy { margin: 50px 0 0 0; font: 11px 돋움, dotum, sans-serif; color: #999; }
.guideCopyBg { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/bottom_img.gif) no-repeat; width: 756px; height: 59px; padding: 30px 0 0 564px; margin: 35px 0 0 0; }
.btnGo { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/btn_go.gif) no-repeat; width: 54px; height: 16px; }

a.copyLink:link, a.copyLink:visited, a.copyLink:hover, a.copyLink:active  { font: 11px 돋움, dotum, sans-serif; color:#999; text-decoration:underline; }
.guideCopy span { font: 11px 돋움, dotum, sans-serif; color: #999; }
.guideNotice { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/notic.gif) no-repeat; padding: 1px 0 0 15px; font: 11px 돋움, dotum, sans-serif; color: #999; margin: 16px 0 0 0; }

.helpGuide { font: 11px 돋움, dotum, sans-serif; color: #999; }

.changeT tr { height: 15px; }
.changeT .befVal { width: 60px; }
.changeT .arrowVal { width: 30px; align: center; }
.changeT .aftVal { width: 60px; }

.wiFacList li { width: 754px; padding: 50px 0 0 0; clear:both; }
.wiFacList li.firstL { padding: 20px 0 0 0; }

.wiFacDList dt { font: 13px 굴림, gulim, sans-serif; color: #333; font-weight: bold; }
.wiFacDList dt.subTitle { font-size: 12px; }
.wiFacDList dd { margin: 12px 0 0 0; }
.wiFacDList dd.ddBox { margin: 14px 0 0 0; border: 1px solid #EBEBEB; padding: 10px 15px; }
.wiFacDList dd.codeBox { margin: 14px 0 0 0; border: 1px solid #d6daf5; padding: 13px; font: 11px 돋움, dotum, sans-serif; color: #505aab; background-color: #F6F7FF; word-break: break-all; word-wrap: break-word; overflow-x: auto; }
.wiFacDList dd.tipBox { margin: 14px 0 0 0; border: 1px solid #E8E8E8; padding: 10px 15px; background-color: #F5F5F5; }
.wiFacDList dd.helpGuide { margin: 4px 0 0 0; }
.wiFacDList dd.ddBtn { padding: 15px 0 0 0; text-align: center; }

.titleArea { width: 90px; float: left; color: #333; }
.wiFacListBox { margin: 4px 0 0 0; }
.wiFacListBox li.boxN { background: url(http://s1.daumcdn.net/pimg/widgetbank/ic_category.gif) no-repeat 0pt 9px; padding: 3px 0 3px 10px; width: 744px; }
.wiFacListBox li.boxN .titleBar { color: #E5E5E5; letter-spacing: -1px; padding: 0 3px; }

.wiFacListBoxS { margin: 2px 0 0 0; clear: both; }
.wiFacListBoxS li.boxS { background: url(http://s1.daumcdn.net/pimg/widgetbank/point02.gif) no-repeat scroll 0pt 5px; font: 11px 돋움, dotum, sans-serif; width: 715px; padding: 0 0 0 5px; margin: 4px 0 0 0;}
#isprivate { border: none; }

a.conSLink:link, a.conSLink:active, a.conSLink:visited, a.conSLink:hover { font: 11px 돋움, dotum, sans-serif; text-decoration: underline; color: #666; }

.tipImg { background: url(http://s1.daumcdn.net/pimg/widgetbank/factory/tip.gif) no-repeat; text-indent: -9999em; overflow: hidden; width: 30px; height: 14px; display: block; padding: 0 0 4px 0; float: left;}

#guideMenu { height: 14px; padding: 10px 0 9px 30px; border-bottom: solid 1px #F3F3F3; letter-spacing: -1px; }
.gmBar { padding: 0 10px; color: #E5E5E5; }

#errBoxMSG { background: url(http://s1.daumcdn.net/pimg/widgetbank/img_warning.gif) no-repeat left 16px #F6F6F6; width: 563px; height: 39px; padding: 40px 0 40px 190px; margin: 70px 0 0; display: block;}
#errBoxMSG.kindSearch { background: url(http://s1.daumcdn.net/pimg/widgetbank/img_warning.gif) no-repeat left 25px #F6F6F6; width: 563px; height: 58px; padding: 40px 0 40px 190px; margin: 70px 0 0; }
#errBoxMSG * { letter-spacing: -1px; }
#errBoxMSG dt.errTitle { font: 14px 돋움, dotum, sans-serif; color: #333; margin: 0 0 10px 0; font-weight: bold;}
#errBoxMSG dd.errMsg { color: #999; margin: 0; padding: 0; }

.errBoxBtn { width: 753px; padding: 20px 0 0 20px; text-align: center; clear: both; }
.imgLm { margin: 0 0 0 3px; }

/* 업로드창 */
#widgetCode .uploadArea {margin-bottom:10px;padding:7px 7px 5px; position:relative; background-color:#fafafa; border:1px solid #d5d5d5; float:left; width:713px;}
.uploadArea .uploadBtnArea {margin-left:165px;}
.uploadArea .uploadBtnArea a {float:left; height:21px; border-style:none; margin-bottom:4px; margin-right:5px;}
.uploadArea .uploadBtnArea a.deleteAll { background:url(http://s1.daumcdn.net/pimg/widgetbank/btn_delete02.gif) 0 0 no-repeat; width:57px; overflow:hidden; text-indent:-10000em; }
.uploadArea .uploadBtnArea #widgetbankUploader { float:left; cursor:pointer; }
.uploadArea dl.uploadSizeInfo { font:11px '돋움',dotum; letter-spacing:-1px; color:#666; position:absolute; right:10px; top:12px;}
.uploadArea dl.uploadSizeInfo dt {float:left;padding-right:5px;}
.uploadArea dl.uploadSizeInfo dd {float:left;}
.uploadArea dl.uploadSizeInfo dd strong {color:#FB6235;}
.uploadArea #imgListMask {position:absolute;top:70px; left:276px; font:11px '돋움', dotum; color:#ccc;}
.uploadArea #imgList {width:541px; height:88px;border:1px solid #d5d5d5;background-color:#fff;padding:2px;overflow:auto;position:relative;}
.uploadArea #imgList li {height:17px;padding:5px 2px 2px; color:#999; font:11px '돋움', dotum; position:relative;}
.uploadArea #imgList li.over {background-color:#f2f2f2;}
.uploadArea #imgList li.selected {background-color:#e3ebfb;}
.uploadArea #imgList li a {position:absolute;right:2px;top:3px;overflow:hidden;text-indent:-1000em;display:block;width:15px;height:15px; background:url(http://s1.daumcdn.net/pimg/widgetbank/t_close.png) 0 0 no-repeat;}


/* 디버깅창 */
#widgetCode .debugArea {margin-bottom:10px;padding:7px 7px 5px; position:relative; background-color:#fafafa; border:1px solid #d5d5d5; float:left; width:713px;}
.debugArea .debugBtnArea {margin-left:165px;}
.debugArea .debugBtnArea a {float:left; height:21px; border-style:none; margin-bottom:4px; margin-right:5px;}
.debugArea .debugBtnArea a.deleteAll { background:url(http://s1.daumcdn.net/pimg/widgetbank/btn_delete02.gif) 0 0 no-repeat; width:57px; overflow:hidden; text-indent:-10000em; }
.debugArea .debugBtnArea #widgetbankUploader { float:left; cursor:pointer; }
.debugArea li.warning i{background:url(/images/debug_warning.png) no-repeat;text-indent:-999999px;display:block; width:18px;height:18px; float:left;}
.debugArea li.error i{background:url(/images/debug_error.png) no-repeat;text-indent:-999999px;display:block; width:18px;height:18px;float:left;}

/* ie8 */
#widgetCode {padding-bottom:20px;}
/* #widgetCode .uploadArea {position:absolute; bottom:190px; left:20px;} */

.debugArea .debug_info{padding:10px 10px;}
.debugArea li{border-bottom:1px solid #BDBDBD;padding:2px;}
.debugArea i{padding-right:4px;}
.debugArea li .detail{display:block;padding:3px 20px;font-size:11px;color:#828282;}
.debugArea .warning{background-color:#FCF6CF;}
.debugArea .error{background-color:#FEE0C6;}