@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 #2c4f83; 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/community.png) -160px 0 no-repeat; width:200px; height:83px; margin:45px 10px 0 0; z-index:10}
#tmenu .sublogo {background:url(/img/bg/community.png) 0 0 no-repeat; width:150px; 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:#2c4f83; 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:#2c4f83;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/community.png) -196px -212px no-repeat; padding-top:12px; margin-top:20px}
.viewmore {background:url(/img/bg/community.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/community.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/community.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/community.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/community.png) -350px -88px no-repeat}

.travelbox .top {background:url(/img/bg/community.png) 0 -172px no-repeat; width:160px; height:20px;}
#recipebox .top {background:url(/img/bg/community.png) 0 -192px no-repeat; width:120px; height:20px;}
#reviewbox .top {background:url(/img/bg/community.png) 0 -72px no-repeat; width:120px; height:20px;}
#restaurantbox .top {background:url(/img/bg/community.png) 0 -152px no-repeat; width:160px; height:20px;}
#adbox {margin-top:10px}
#adlinkbox .top {background:url(/img/bg/community.png) -196px -235px no-repeat; width:120px; height:20px; z-index:100;position: relative; left: 0; top: 27px; }
#adbox .top {background:url(/img/bg/community.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:#2c4f83;}
.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;}
.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: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; }