@charset "utf-8";
/* NHN > UIT Center > Open UI Tech. Team > Jeong Chan Myeong(dece24@nhncorp.com) */
#gnb .search {float:right; width:100px; }
#gnb .inputText {width:80px; height:11px; font-size:11px; border:3px solid #b31617; padding-right:20px }
#gnb .button {margin-top:-18px; margin-left:89px; width:17px; height:17px;*margin-top:-19px}
#gnb a {text-decoration:none; color:#666}
#gnb .event {background:url(/img/cmn/board.gif) -243px -332px no-repeat; padding-left:20px}
#tmenu .subimg {background:url(/img/bg/help.png) -160px 0 no-repeat; width:200px; height:83px; margin:45px 10px 0 0; z-index:10}
#tmenu .sublogo {background:url(/img/bg/help.png) 0 0 no-repeat; width:200px; height:30px; _background-position:0 3px;}
.listTableA .title {margin:0 10px 0 0;  border:1px dotted #eee; _border:1px solid #f3fbf5; padding:1px}
.listTableA .link {padding:7px 0 10px 0;}
.listTableA .link a {color:#b31617; font-size:12px;  text-decoration:none}
.listTableA .meta a {color:#999; text-decoration:none}
.listTableA td.t {border-bottom: 1px dotted #eee; _border-bottom:1px solid #f3f5fb; text-align:left; }

#today .top {background:url(/img/bg/recipe.png) 0 -72px no-repeat; width:120px; height:20px;}
#quick .top {background:url(/img/bg/recipe.png) 0 -88px no-repeat; width:120px; height:20px;}
#quick .box {border:1px solid #eee; padding:4px; margin-top:10px; padding:10px}
.popuptoday {position: relative;}
#quicklist div {background:url(/img/bg/recipe.png) no-repeat; width:192px; height:82px;}
#quicklist div.list1  { background-position:0 -270px }
#quicklist div.list2  { background-position:0 -370px }

.popuptoday img {width:96px;height:96px}
.popuptoday .text {height:13px; overflow:hidden; line-height:110%}
.viewon {width:98px; height:98px; padding:3px; overflow:hidden}
.viewon div {margin-top:-20px; *margin-top:-15px; }
.viewon span {background:url(/img/bg/recipe.png) no-repeat; width:30px; cursor:hand; cursor:pointer}
.viewon span.new { background-position:0 -110px}
.viewon span.hot { background-position: -87px -110px}
.viewon span.new2 { background-position:-61px -110px}
.viewon span.hot2 { background-position: -27px -110px}
 
div.popuptoday em {width:150px; position: absolute;top: -19px;left: -60px; background:#fff;z-index: 2;display: none; border:1px solid #eee; padding:0 3px 7px 3px; text-align:center}
div.popuptoday em a {color:#b31617;font-style:normal; font-weight:bold; text-decoration:none}
div.popuptoday em div.pointer {background:url(/img/cmn/cmn.png) -417px -52px no-repeat; width:15px; height:8px; position: relative; top:28px; left:95px; _left:45px;}
#popuptitle {margin: 0 auto;display: block;}

.commentntrackback {background:url(/img/bg/help.png) -196px -212px no-repeat; padding-top:12px; margin-top:20px}
.viewmore {background:url(/img/bg/help.png) -196px -192px no-repeat; padding-top:12px; width:120px ;margin-top:30px}
.loginarea {width:210px}
#login_default form {  width:210px;}
#login_default form .idpwWrap { overflow:hidden; clear:both; width:210px;}
#login_default form .idpw { float:left; width:100px; }
#login_default form .idpw input { border:1px solid #eee; color:#999; width:145px; background:#fff; padding:1px 5px; margin-bottom:2px; font:14px Tahoma;}

.smore a {text-decoration:none; color:#999; font-size:11px;background:url(/img/cmn/cmn.png) -440px -1px no-repeat; padding-left:15px;}
.rmargin {margin-top:25px; width:100%}
.finder .search {margin-left:4px; background:url(/img/bg/help.png) -197px -141px no-repeat;  width:37px; height:27px}
#login_default .userName strong {color:#ff8800;}
.bfinder {cursor:hand; cursor:pointer}
#recipefinder .top {background:url(/img/bg/help.png) 0 -87px no-repeat; width:120px; height:20px;}
.finder .box {border:1px solid #eee; padding:4px; margin-top:10px;}
.finder .text {height:15px; padding:5px; border:1px solid #eee; width:145px;}



td.split {width:2px;}
#login_default form ul.userMenu { margin:0; position:relative; padding:0 0 6px 4px; width:125px }
.logout {background:url(/img/cmn/cmn.png) -120px -45px no-repeat; width:55px; height:20px; margin:-13px 0 0 145px}
#login_default .righttop {background:url(/img/cmn/board.gif) -105px -113px no-repeat; height:15px; width:120px; margin:10px 0; *border-top:10px solid #fff;}
#login_default .rightprofile {background:url(/img/cmn/board.gif) -105px -127px no-repeat; height:15px; width:120px; margin:10px 0; *border-top:10px solid #fff;}
#login_default .loggingout {background:url(/img/cmn/board.gif) -105px -127px no-repeat; height:15px; width:120px; margin:10px 0; *border-top:10px solid #fff;}
#login_default .pointer {background:url(/img/cmn/cmn.png) -417px -32px no-repeat; width:15px; height:8px; position:relative; top:-8px; left:7px; *top:-10px}
#login_default form .login { float:right; background:url(/img/bg/help.png) -197px -93px no-repeat; width:46px; height:46px}

.headline a{ padding-left:15px; list-style:none; display:inline-block; color:#999; margin:5px 0; text-decoration:none}
.tt {background:url(/img/bg/help.png) -350px -88px no-repeat}

.travelbox .top {background:url(/img/bg/help.png) 0 -172px no-repeat; width:160px; height:20px;}
#recipebox .top {background:url(/img/bg/help.png) 0 -192px no-repeat; width:120px; height:20px;}
#reviewbox .top {background:url(/img/bg/help.png) 0 -72px no-repeat; width:120px; height:20px;}
#restaurantbox .top {background:url(/img/bg/help.png) 0 -152px no-repeat; width:160px; height:20px;}
#adbox {margin-top:10px}
#adlinkbox .top {background:url(/img/bg/help.png) -196px -235px no-repeat; width:120px; height:20px; z-index:100;}
#adbox .top {background:url(/img/bg/help.png) 0 -52px no-repeat; width:120px; height:20px; z-index:100;position: relative; left: 0; top: 27px;  }
#adbox td a {text-decoration:none;}
#adbox .middle { padding:0; z-index:1; height:200px; overflow:hidden }
.searchbox {position:relative; overflow:hidden; margin:0 0 5px 0; padding:0; list-style:none; white-space:nowrap; width:100% }
#rankbox li{list-style:none; padding-left:20px; margin:8px 0; color:#666; *margin:7px 0; *padding-left:5px; height:15px; overflow:hidden }
#rankbox li a {color:#666; text-decoration:none }
#rankbox .list {background:url(/img/cmn/cmn.png) -435px -15px no-repeat; line-height:15px ;}
#rankbox .top {background:url(/img/bg/recipe.png) -197px -255px no-repeat; width:140px; height:20px;}

.selectorbox {width:98px; height:34px; border:1px #eee solid; padding:3px; cursor:hand; cursor:pointer}
.selectedbox {background:#f3f3f5; height:20px; padding:7px 0}
.boxon {height:20px; background:url(/img/bg/recipe.png) no-repeat}
.box1 {background-position:-96px -132px} 
.box1on {background-position:0 -132px} 
.box2 {background-position:-96px -152px} 
.box2on {background-position:0 -152px} 
.box3 {background-position:-96px -172px} 
.box3on {background-position:0 -172px} 
.box4 {background-position:-96px -192px} 
.box4on {background-position:0 -191px} 
.box5 {background-position:-96px -212px} 
.box5on {background-position:0 -212px} 
.box6 {background-position:-96px -232px} 
.box6on {background-position:0 -232px} 

#quickfinder2 {display:none}
#quickfinder3 {display:none}
#quickfinder4 {display:none}
#today {}
.pop {position:relative; display:none;  }
#today .title {text-decoration:none;color:#fff; padding:3px; font-weight:bold;}
#today .desc {color:#666; line-height:13px;text-decoration:none}

.thumbList li .title a{ font-weight:bold; color:#b31617;}
.boardList.webZine td.title p.title  a.title{ font-size:12px;color:#333}
#bboard {width:980px; overflow:hidden}
.rboard {border-right:3px solid #eee;width:755px; float:left}

/* Board Reset */
.board{ font-family:Tahoma, Sans-serif; line-height:normal; font-size:12px ;width:730px; border-right:3px solid #eee; padding-right:15px; }
.board .inputText,
.board textarea,
.board select{ border:1px solid #eee;}
.board label{ cursor:pointer;}
.board img{ border:0;}
.board .document_popup_menu,
.board .comment_popup_menu{ text-align:right; font-size:11px;}
.board .document_popup_menu{ margin:12px 0;}
.board .comment_popup_menu{ margin:12px 0;}
.board .document_popup_menu a,
.board .comment_popup_menu a{ text-decoration:underline;}
.board .hr{ display:none;}

/* Board Information */
.boardInformation{width:100%; padding:10px 0; font-size:1em; line-height:normal; *zoom:1; *font-size:12px; }
.boardInformation *{ margin:0; padding:0;}
.boardInformation a{ text-decoration:none;}
.boardInformation a:hover,
.boardInformation a:active,
.boardInformation a:focus{ text-decoration:underline;} 
.boardInformation:after{ content:""; display:block; float:none; clear:both;}
.boardInformation ul{ overflow:hidden;}
.boardInformation .ad{ float:left; }
.boardInformation nobr a {  font-size:12px; color:#333; margin-top:5px}
.boardInformation .infoView{ float:right;}
.boardInformation .infoView li{ position:relative; float:left; margin-left:3px; display:inline; }
.boardInformation .infoView li.icon a{ display:block; float:left; width:23px; height:23px; overflow:hidden; background-repeat:no-repeat;}
.boardInformation .infoView li.icon a span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.boardInformation .infoView li.listTypeClassic a{ background-position:0 0;}
.boardInformation .infoView li.listTypeClassic.active a{ background-position:0 -23px;}
.boardInformation .infoView li.listTypeZine a{ background-position:-23px 0;}
.boardInformation .infoView li.listTypeZine.active a{ background-position:-23px -23px;}
.boardInformation .infoView li.listTypeGallery a{ background-position:-46px 0;}
.boardInformation .infoView li.listTypeGallery.active a{ background-position:-46px -23px;}
.boardInformation .infoView li.setup{ margin:0 7px;}
.boardInformation .infoView li.setup a{ display:block; float:left; width:43px; height:23px; background-repeat:no-repeat;}
.boardInformation .infoView li.setup a span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.infoCategory {padding-top:5px}
.infoCategory icon {padding-left:25px; background:url(/img/bg/cmn.png) -200px 0 no-repeat}
.infoCategory li {list-style:none; float:right; margin:0 0 0 10px}
.infoCategory a {color:#666; text-decoration:none}
/* Board List Form */
.boardListForm{ margin:0; line-height:normal;}
.boardListForm *{ margin:0; padding:0;}
.boardListForm fieldset{ border:0; clear:both;}
.boardListForm fieldset:after{ content:""; display:block; float:none; clear:both;}
.boardListForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardListForm em,
.boardListForm strong{ font-style:normal;}
.boardListForm strong.trackback { color:#423CC4; }

.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; }
.widgetTabA:after{ content:""; display:block; clear:both;} 
.widgetTabA li{ float:left; list-style:none; background-color:#fcfcfc; width:55px}
.widgetTabA li.active{ background-color:#fff; } 
.widgetTabA li a{ position:relative; float:left; height:19px; margin-top:3px;  padding:6px 7px 0 7px;  text-decoration:none; font-size:12px;font-size:11px; }
.widgetTabA li.active a{ font-weight:bold; letter-spacing:-1px; height:20px; margin-top:0px;color:#b31617; padding:8px 7px 0 7px; }

/* Board List */
.boardList{ border:0; width:100%; }
.boardList a{ text-decoration:none;}
.boardList a:hover,
.boardList a:active,
.boardList a:focus{ text-decoration:underline;} 
.boardList .inputCheck{ width:13px; height:13px;}
.boardList .metainfo{ position:relative; overflow:hidden; margin:0 0 5px 0; padding:0; list-style:none; white-space:nowrap;}
.boardList .meta{ position:relative; overflow:hidden; margin:0 0 5px 0; padding:0; list-style:none; white-space:nowrap; }
.boardList .meta li{ position:relative; left:-10px; display:inline;  padding:4px 5px 3px 10px; font-size:11px;background:url(/img/cmn/board.gif) no-repeat; color:#999 ;font-size:11px;padding-left:30px}
.boardList .meta li.author { background:none; padding-left:10px }
.boardList .meta li.date { font:Tahoma; background-position:-233px -66px;  }
.boardList .meta li.reading { background-position:-233px -228px;}
.boardList .meta li.recommend { background-position:-233px -270px;}
.boardList .meta li.replies { background-position:-233px -48px;}
.boardList .meta li.check { background-position:100px 100px;}
.boardList th { padding-bottom:10px } 
.boardList tr { vertical-align: middle } 
.boardList td{  white-space:nowrap; text-align:center; line-height:normal; vertical-align:middle; height:35px; border-bottom:1px dotted #eee; _border-bottom:1px solid #f5f5f5; color:#999}

.boardList td.num{ font:11px Tahoma;}
.boardList td.check{ font:11px Tahoma;}
.boardList td .category{ padding-right:7px; margin-right:2px; color:#999; font-weight:normal; padding:0 7px }
.boardList td.title { width:540px; white-space:normal; text-align:left;vertical-align:middle; caption-side:#666}
.boardList td.title img{ vertical-align:middle; margin:0 1px;}
.boardList td.title .replyNum{ font:10px Tahoma;}
.boardList td.title .replyNum sup{ font:10px Tahoma;}
.boardList td.title .replyNum strong { font-weight:normal; }
.boardList td.author { vertical-align:middle; padding:0; color:#999; width:100px; *width:120px}
.boardList td.author a { color:#999 }
.boardList td.replies{ font:11px Tahoma;}
.boardList td.reading{ font:11px Tahoma; width:60px}
.boardList td.recommend{ font:11px Tahoma;}
.boardList td.date{ font:11px Tahoma;width:70px}
.boardList tr.bg1 { background:#ffffff}
.boardList tr.bg2 { background:#fbfbfb;}


.boardList td .category{ font-size:11px dotum; height:20px; padding-right:7px; margin-right:5px;  background-repeat:no-repeat; background-position:right center;}
.tags {font:11px dotum; padding-left:20px; background:url(/img/cmn/board.gif) -69px -18px no-repeat; color:#ccc; }
.tags a {text-decoration:none; color:#999}
.boardList.webZine tr td,
.boardList.webZine tr td{padding:5px; *padding:11px 5px 7px 5px;}

.boardList.webZine td.title p.title{ margin-bottom:5px; padding:8px 0;  }
.boardList.webZine .gettitle { color:#b31617; font-size:12px; }
.boardList.webZine td.title p.title .category{ color:#999}
.boardList.webZine td.title .thumb{ float:left; clear:right; border:1px dotted #eee; padding:3px; ;_border:1px solid #f5f5f5; margin:5px 10px 5px 0}
.boardList.webZine td.title div.summary{ line-height:160%; margin-bottom:8px; padding:5px 10px;border:1px dotted #eee; width:555px; margin-left:125px; height:16px; overflow:hidden; _border:1px solid #eee }
.boardList.webZine td.title div.summary a{ text-decoration:none; color:#999}
.boardList.webZine td.title .by{ font:9px Tahoma;}

.thumbList{ border-bottom:1px dotted #eee; border-top:0; *zoom:1; margin-right:-30px; padding:25px 0 0 0; _border-bottom:solid #eee 1px}
.thumbList:after{ content:""; display:block; clear:both;}
.thumbList li{ position:relative; margin:0 17px 10px 17px; padding:0; list-style:none;  float:left; display:block; }
.thumbList li.items{width:205px; height:250px; }
.thumbList li .num{ color:#888; font-size:9px; margin-bottom:6px;}
.thumbList li .thumb{ position:relative; float:left; clear:both; padding:3px;  border:1px dotted #eee; _border:1px solid #f3f5f3;}
.thumbList li .thumb a{ display:block; position:relative; *zoom:1; text-decoration:none !important;}
.thumbList li .thumb a *{ cursor:pointer;}
.thumbList li .thumb a img{ display:block;}
.thumbList li .thumb a .noPhoto{ display:inline-block; font-size:11px; text-align:center;}
.thumbList li .title{ clear:both; white-space:nowrap; padding:7px 0;  width:210px; overflow:hidden }
.thumbList li .title input{ width:13px; height:13px; vertical-align:middle; white-space:nowrap;}
.thumbList div.summary{ line-height:160%; margin-bottom:8px; padding:5px 10px;border:1px dotted #eee; _border:1px solid #eee; font-weight:normal; height:35px; overflow:hidden; width:192px  }
.thumbList div.summary a{ text-decoration:none;}
.thumbList li .meta{ position:relative; white-space:normal; *zoom:1; text-align:left; overflow:visible;}
.thumbList li .meta li{ float:none; display:inline; margin:0; white-space:nowrap; *zoom:1;;}
.thumbList .by{ font:9px Tahoma;}

/* Board Navigation */
.board .boardNavigation{ padding:20px; margin:-1px 0 0 0; text-align:center; border-top:1px dotted #eee; *zoom:1; _zoom:0;}
.board .boardNavigation:after{ content:""; display:block; float:none; clear:both;}
.board .boardNavigation .pagination{ padding:5px 0;}
.board .boardNavigation .buttonLeft{ float:left; text-align:left;}
.board .boardNavigation .buttonRight{ float:right; text-align:right;}

/* Board Read */
.boardReadHeader{}
.boardReadHeader a{ text-decoration:none;}
.boardReadHeader a:hover,
.boardReadHeader a:active,
.boardReadHeader a:focus{ text-decoration:underline;}
.boardReadHeader:after{ content:""; display:block; float:none; clear:both;}
.boardReadHeader *{ margin:0; padding:0;}
.boardReadHeader .titleArea{ }
.boardReadHeader .titleArea div.area{height:25px; vertical-align:middle; margin-bottom:10px; *padding:1px 5px; padding:5px;border:1px dotted #ddd; _border:1px solid #eee;}
.boardReadHeader .meta{ float:right; overflow:hidden; padding:0; list-style:none; white-space:nowrap; }
.boardReadHeader .meta li{ position:relative; display:inline;  padding:4px 5px 3px 10px; background:url(/img/cmn/board.gif) no-repeat; color:#666 ;padding-left:30px; *padding:3px 5px 1px 30px; font-size:11px}
.boardReadHeader .meta li a {color:#666; text-decoration:none}
.boardReadHeader .meta li.dates { font:Tahoma; background-position:-233px -66px;  }
.boardReadHeader .meta li.reading { background-position:-233px -228px;}
.boardReadHeader .meta li.recommend { background-position:-233px -270px;}
.boardReadHeader .meta li.replies { background-position:-233px -48px}
.boardReadHeader .meta li.check { background-position:100px 100px;}
.boardReadHeader .titleArea .title{  font-size:14px; *margin:10px 0 0 0; color:#b31617; font-family:dotum; padding:6px 0; *padding:0}
.boardReadHeader .titleArea .category{ float:left; padding-left:10px; margin-top:4px;background-repeat:no-repeat; background-position:left center;}
.boardReadHeader .authorArea{ *zoom:1; padding:10px 0;}
.boardReadHeader .authorArea:after{ content:""; display:block; clear:both;}
.boardReadHeader .authorArea .author{ float:left; margin-right:10px; margin-left:7px}
.boardReadHeader .authorArea .ipAddress{ float:left; font-size:9px; margin-top:3px;}
.boardReadHeader .authorArea .permaLink{ float:right; font-size:9px; margin-top:3px;}

.boardReadBody{ overflow:hidden; *zoom:1; clear:both; padding:15px 0; width:729px}
.boardReadBody .xe_content{ overflow:hidden; }
.boardReadBody .xe_content a { text-decoration:underline; }

.boardReadFooter .memberSignature { border:1px #eee solid; padding:0 10px; margin:1em 0; overflow:hidden; *zoom:1; clear:both; -moz-border-radius:5px; -webkit-border-radius:5px;}
.boardReadFooter .memberSignature img.profile { margin:0 1em 0 0; border:1px solid #eee;}
.boardReadFooter .tag{ margin:1em 0; clear:both;}
.boardReadFooter .tag *{ display:inline; margin:0; padding:0; font-size:11px; vertical-align:middle;}
.boardReadFooter .tag dt{ margin-right:10px;}
.boardReadFooter .tag dd{ margin-right:5px;}
.trackbackURL{ margin:1em 0; clear:both;}
.trackbackURL *{ display:inline; margin:0; padding:0;}
.trackbackURL dt{ margin-right:5px; font-size:12px;}
.trackbackURL dd{ font-size:9px; text-decoration:none;}
.trackbackURL a{ text-decoration:none;color:#999}
.trackbackURL a:hover,
.trackbackURL a:active,
.trackbackURL a:focus{ text-decoration:underline; }
.boardRead .boardNavigation{ border-top:1px solid #f0f0f0;}

.thumbList{ border-bottom:1px dotted #eee; border-top:0; *zoom:1; margin-right:-30px; padding:25px 0 0 0; _border-bottom:solid #eee 1px}
.thumbList:after{ content:""; display:block; clear:both;}
.thumbList li{ position:relative; margin:0 13px 10px 17px; padding:0; list-style:none;  float:left; display:block; _margin:0 8px 10px 16px }
.thumbList li.items{width:205px; height:250px; }
.thumbList li .num{ color:#888; font-size:9px; margin-bottom:6px;}
.thumbList li .thumb{ position:relative; float:left; clear:both; padding:3px;  border:1px dotted #eee; _border:1px solid #f3f5f3;}
.thumbList li .thumb a{ display:block; position:relative; *zoom:1; text-decoration:none !important;}
.thumbList li .thumb a *{ cursor:pointer;}
.thumbList li .thumb a img{ display:block;}
.thumbList li .thumb a .noPhoto{ display:inline-block; font-size:11px; text-align:center;}
.thumbList li .title{ clear:both; white-space:nowrap; padding:7px 0;  width:210px; overflow:hidden }
.thumbList li .title input{ width:13px; height:13px; vertical-align:middle; white-space:nowrap;}
.thumbList li .meta{ position:relative; white-space:normal; *zoom:1; text-align:left; overflow:visible;}
.thumbList li .meta li{ float:none; display:inline; margin:0; white-space:nowrap; *zoom:1;;}
.thumbList .by{ font:9px Tahoma;}