@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; padding-right:20px }
#gnb .button {margin-top:-18px; margin-left:89px; width:17px; height:17px;*margin-top:-19px}
#gnb {text-decoration:none; color:#ccc}
#gnb a {text-decoration:none; color:#666}
#gnb .event {background:url(/img/cmn/board.gif) -243px -332px no-repeat; padding-left:20px}
#gnb .inputText {border-color:#44a7ac}



#tmenu .stalking {}
#tmenu .webzine {background:url(/img/bg/webzine.png) -423px -110px no-repeat; width:200px; height:35px; z-index:11}
#tmenu .travel {background:url(/img/bg/webzine.png) -423px -40px no-repeat; width:200px; height:35px; z-index:11}
#tmenu .restaurant_review {background:url(/img/bg/webzine.png) -423px -153px no-repeat; width:200px; height:35px; z-index:10}
#tmenu .subimg {background:url(/img/bg/webzine.png) -160px 0 no-repeat; width:200px; height:83px; margin:45px 10px 0 0; z-index:10}
#tmenu .sublogo {background:url(/img/bg/webzine.png) -370px 0 no-repeat; width:250px; height:30px; _background-position:0 3px;}

.listTableA .link a {color:#44a7ac; font-size:12px;  text-decoration:none}
.listTableA td.t {border-bottom: 1px dotted #eee; _border-bottom:1px solid #f3f5fb; text-align:left; }

.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:50px}
.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; }
 
.commentntrackback {background:url(/img/bg/webzine.png) 0px -195px no-repeat; padding-top:12px; margin-top:20px}
.viewmore {background:url(/img/bg/webzine.png) 0px -125px no-repeat; padding-top:12px; width:120px ;margin-top:50px}

.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/webzine.png) -197px -141px no-repeat;  width:37px; height:27px}

#recipefinder .top {background:url(/img/bg/webzine.png) 0 -87px no-repeat; width:160px; height:20px;}




#login_default form .login { float:right; background:url(/img/bg/webzine.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/webzine.png) -350px -88px no-repeat}

#webzinebox .top {background:url(/img/bg/webzine.png) 0 -72px no-repeat; width:120px; height:20px;}
#adbox {margin-top:10px}
#adlinkbox .top {background:url(/img/bg/webzine.png) 0 -148px no-repeat; width:120px; height:20px; z-index:100;position: relative; left: 0; top: 27px; }
#adbox .top {background:url(/img/bg/webzine.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 }
#rankbox .top {background:url(/img/bg/webzine.png) 0 -12px no-repeat; width:140px; height:20px;}

.thumbList li .title a{ font-weight:bold; color:#44a7ac;}
.boardList.webZine td.title p.title  a.title{ font-size:12px;color:#333}


.mainContainer .blue {font-size:12px; font-weight:bold; color:#333; text-decoration:none; background:#fff;}
.mainContainer .green {font-size:12px; font-weight:bold; text-decoration:none; background:#fff}


/* 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; margin-left: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:560px; 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:5px 0; padding:8px 0;  }
.boardList.webZine .gettitle { color:#44a7ac; font-weight:bold; 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:170%; margin-bottom:8px; padding:5px 10px;border:1px dotted #eee; width:435px; margin-left:265px;  _border:1px solid #eee; height:59px; overflow:hidden; *margin-left:250px;}
.boardList.webZine td.title div.summary a{ text-decoration:none; color:#999}
.boardList.webZine td.title .by{ font:9px Tahoma;}



/* 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:#44a7ac; 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;}

.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 .summary {border:1px solid #eee; margin:7px 0; padding:3px; line-height:150%; height:38px; overflow:hidden}
.thumbList .by{ font:9px Tahoma;}