@charset "euc-kr"; /********** common **********/ /* base */ * html {overflow-y:scroll;} body { margin: 0; padding: 0 10px 0 10px; text-align: center; font-family: 굴림, gulim, tahoma, sans-serif; font-size: 12px; line-height: 1.6; } table, tr, th, td, div {font-family: 굴림, gulim, tahoma, sans-serif; font-size: 12px; line-height: 1.6;} h4 { margin:0; padding:0; } form {padding: 0; margin: 0;} input, button {font-family: 굴림, gulim, tahoma, sans-serif; font-size: 12px;} select { font-family: 굴림,gulim,Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 2} strong {letter-spacing: -1px;} a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover,a:active {text-decoration: underline;} .ifr_body {padding: 0; margin: 0; background: transparent; text-align: left;} /* cafeLayout */ #cafeLayout img {border: 0 none;} #cafeLayout .blank_thumb {border-width: 1px; border-style: solid;} .blank_thumb {border-width: 1px; border-style: solid; text-align: center; overflow: hidden; line-height: 1.6;} *html .type2_1 #container {width: 100%;} #cafeSubLayout.type2_1 #primaryContent {float: left; width: 774px;} #cafeSubLayout.type2_1.bbsType #primaryContent {width: 100%;} #cafeSubLayout.type2_1.fixed2_1 .user_contents {width: 740px; overflow-x: auto;} #cafeSubLayout.type2_1.fixed2_1.bbsType .boxTable .user_contents {width: 740px; overflow-x: auto;} #cafeSubLayout.fixed2_1 .user_contents, .fixed2_2 .user_contents {width: 712px ! important; padding-bottom: 30px; overflow-x: auto; overflow-y: hidden;} #cafeSubLayout.type2_1.flexibled2_1.bbsType .user_contents {width: 100%;} #cafeSubLayout.fixed2_1 .user_contents img, #cafeSubLayout.fixed2_2 .user_contents img {max-width: 700px;} #cafeSubLayout.fixed2_1 .avatar .user_contents, #cafeSubLayout.fixed2_2 .avatar .user_contents {width: 570px !important; overflow-x: auto;} #cafeSubLayout.fixed2_1 .avatar .user_contents img, #cafeSubLayout.fixed2_2 .avatar .user_contents img {max-width: 550px;} #cafemenu, #sidebar1, #sidebar2, #sidebar3, #sidebar4, #sidebar5 {position: relative;} .readWrap {width: 100%; border-collapse: collapse;} .readWrap .read_menu {width: 183px; vertical-align: top; padding: 0; margin: 0;} .readWrap .read_menu #cafemenu {float: none;} .readWrap .read_content {vertical-align: top; padding: 0 0 0 14px; margin: 0;} .readWrap .read_content #content {float: none; margin: 0px! important;} .type2_1 .readWrap .read_content #content {margin-left: 0px! important;} .main ul, .main li, .main dl, .main dt, .main dd {list-style: none; padding: 0; margin: 0;} .all {text-align: left;} .all img {border: 0 none;} .all ul, .all li, .all dl, .all dt, .all dd, .all p {list-style: none; padding: 0; margin: 0;} .all h3, .all h4 {padding: 0; margin: 0;} .read #header, .read #cafemenu img {border: 0 none;} #readLayout {} /* only read page */ #cafemenu {width: 183px; overflow: hidden; text-align: left;} #cafemenu .component { margin-bottom: 8px; } #cafemenu ul, #cafemenu li , #cafemenu dl, #cafemenu dt, #cafemenu dd {list-style: none;} #cafemenu p {padding: 0; margin: 0;} .cafeinfoBox ul, .cafeinfoBox li, .cafeinfoBox dl, .cafeinfoBox dt, .cafeinfoBox dd, .cafeonBox ul, .cafeonBox li, .cafeonBox dl, .cafeonBox dt, .cafeonBox dd, .cafegameBox ul, .cafegameBox li, #sidebar1 ul, #sidebar1 li , #sidebar1 dl, #sidebar1 dt, #sidebar1 dd {padding: 0; margin: 0;} .cafeinfoBox h3, .cafeonBox h3, .cafegroup h3, .cafegameBox h3 {font-size: 12px; padding: 0;} .b {font-weight: bold; letter-spacing: -1px;} .p11 {font-size: 11px; font-family:돋움, dotum,sans-serif; letter-spacing: -1px;} .p11 a {font-size: 11px; font-family:돋움, dotum,sans-serif; letter-spacing: -1px;} .p11 a:link {font-size: 11px; font-family:돋움, dotum,sans-serif; letter-spacing: -1px;} .p11 a:hover, .p11 a:active {font-size: 11px; font-family:돋움, dotum,sans-serif;} a.p11:link {font-size: 11px; font-family:돋움, dotum,sans-serif; text-decoration: none; letter-spacing: -1px;} a.p11:visited {font-size: 11px; font-family:돋움, dotum,sans-serif; text-decoration: none; letter-spacing: -1px;} a.p11:hover, a.p11:active {font-size: 11px; font-family:돋움, dotum,sans-serif; text-decoration: underline; letter-spacing: -1px;} .p8 {font-size: 8px; font-family:돋움, dotum,sans-serif; } .p8 a {font-size: 8px; font-family:돋움, dotum,sans-serif; } .p8 a:link {font-size: 8px; font-family:돋움, dotum,sans-serif; } .p8 a:hover, .p8 a:active {font-size: 8px; font-family:돋움, dotum,sans-serif; } a.p8:link {font-size: 8px; font-family:돋움, dotum,sans-serif; text-decoration: none; } a.p8:visited {font-size: 8px; font-family:돋움, dotum,sans-serif; text-decoration: none; } a.p8:hover, a.p8:active {font-size: 8px; font-family:돋움, dotum,sans-serif; text-decoration: underline; } .u {text-decoration: underline;} .u a {text-decoration: underline;} a.u:link {text-decoration: underline;} a.u:visited {text-decoration: underline;} a.u:hover, a.u:active {text-decoration: underline;} .num {font-size: 11px; font-family: tahoma;} a.num:link {font-size: 11px; font-family: tahoma; text-decoration: none;} a.num:visited {font-size: 11px; font-family: tahoma; text-decoration: none;} a.num:hover, a.num:active {font-size: 11px; font-family: tahoma; text-decoration: underline;} a.copyurl:link {font-size: 11px; font-family: tahoma; text-decoration: none;} a.copyurl:visited {font-size: 11px; font-family: tahoma; text-decoration: none;} a.copyurl:hover, a.copyurl:active {font-size: 11px; font-family: tahoma; text-decoration: underline;} a span.arrow {text-decoration:none !important;} .cl {clear: both; line-height: 100%; font-size: 1px; height: 0; overflow: hidden;} .fl {float: left;} .fr {float: right;} .ls0 {letter-spacing: 0;} .ls {letter-spacing: -1px;} .tal {text-align: left;} .tac {text-align: center;} .tar {text-align: right;} .hand {cursor: pointer; cursor: hand;} .none {display: none !important;} .hidden {position:absolute; left:-100000px; visibility:hidden; line-height:0; width:1px; height:1px;} .block {display: block;} .arrowTxt { font-size:7px; font-family:돋움, dotum, sans-serif; vertical-align: middle; text-decoration: none; } .opacity {opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"alpha(opacity=50)"; } .opacity a {opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"alpha(opacity=50)"; } a.opacity {opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"alpha(opacity=50)"; } .bar {display: block; float: left; width: 2px; padding: 0; text-align: center; overflow: hidden; margin: 0 4px; opacity: 0.2; -moz-opacity: 0.2; filter: alpha(opacity=20); -ms-filter:"alpha(opacity=20)";} .bar2 {margin: 0 4px;} .bar3 {margin: 0 6px;} .bar4 {margin: 0 8px;} .bar5 {display: inline-block; margin-left: 2px; margin-right: 4px; opacity: 0.2; -moz-opacity: 0.2; filter: alpha(opacity=20); -ms-filter:"alpha(opacity=20)";} .inp {font-size: 12px; font-family: 굴림, gulim, tahoma, sans-serif; line-height: 1.6; border-width: 1px; border-style: solid;} .vam {vertical-align: middle; border: none;} .vam1 {vertical-align: -1px; border: none;} .vam2 {vertical-align: -2px; border: none;} .vam3 {vertical-align: -3px; border: none;} .imgL {margin-left: 4px; vertical-align: middle;} .imgR {margin-right: 4px; vertical-align: middle;} .imgR2 {margin-right: 4px; vertical-align: -2px;} /* btn */ .btn_area_center {text-align: center; clear: both;} .btn_center01 {width: 58px; text-align: left; margin: 0 auto;} .btn_center02 {width: 186px; text-align: left; margin: 0 auto;} .btn_center03 {width: 204px; text-align: left; margin: 0 auto;} .btn_center04 {width: 210px; text-align: left; margin: 0 auto;} .btn_center05 {width: 252px; text-align: left; margin: 0 auto;} .btn_center06 {width: 274px; text-align: left; margin: 0 auto;} .btn_center07 {width: 90px; text-align: left; margin: 0 auto;} .btn_center08 {width: 290px; text-align: left; margin: 0 auto;} .btn {display: inline; float:left; margin: 0 2px; cursor:pointer; text-decoration: none; letter-spacing: -1px;} a.btn:hover {text-decoration: none} .btn span {cursor: pointer; cursor: hand;} .btn_bg {background-position: 0 0; background-repeat: no-repeat; float: left; display: inline; overflow:hidden; padding: 0; width: 7px;} .btn_txt {background-position: 100% 0; background-repeat: no-repeat; display: inline; float: left; overflow:hidden; padding: 1px 0 0 0;} .bt01 {padding: 1px 12px 0 0;} .bg01 {width: 14px; padding: 0;} .bt01 {width: 36px; padding: 1px 0 0 0;} .bg02 {width: 13px; padding: 0;} .bt02 {width: 35px; padding: 1px 0 0 0;} .bg06 {width: 19px; padding: 0;} .bt06 {width: 42px; padding: 1px 0 0 0;} .bg07 {width: 6px;} .bg01, .bt01 {height: 48px; line-height: 48px;} .bg02, .bt02 {height: 27px; line-height: 27px;} .bg03, .bt03 {height: 23px; line-height: 23px;} .bg04, .bt04, .bg05, .bt05, .bg08, .bt08 {height: 22px; line-height: 22px; font-size: 11px; font-family:돋움, dotum,sans-serif;} .bg06, .bt06 {height: 35px; line-height: 35px;} .bg07, .bt07 {height: 18px; line-height: 18px;} .btn_icon_write {background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/icon_write.gif); background-position: 0 30%; background-repeat: no-repeat; padding-left: 16px;} * html .btn_icon_write { /* width: 60px; */} .btn_icon_qa {background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/icon_write.gif); background-position: 0 40%; background-repeat: no-repeat; padding-left: 16px;} * html .btn_icon_qa { /* width: 66px; */ } .btn_icon_photo {background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/icon_photo.gif); background-position: 0 40%; background-repeat: no-repeat; padding-left: 17px;} * html .btn_icon_photo { /* width: 78px; */} .btn_icon_chat {background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_chat.gif); background-position: 0 40%; background-repeat: no-repeat; padding-left: 17px;} * html .btn_icon_chat { /* width: 100px; */} .btn_icon_recommend {background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/icon_recommend.gif); background-position: 0 40%; background-repeat: no-repeat; padding-left: 17px;} * html .btn_icon_recommend {/*width: 100px;*/} .btn_icon_adopt { background:transparent url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/icon_select.gif) 0 45% no-repeat; padding-left:13px;} .btn_icon_answer { background:transparent url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/ico_reply.gif) 0 50% no-repeat; padding-left:15px; } .btn_icon_check {background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/design/home/img_check.gif); background-position: 4px 40%; background-repeat: no-repeat; padding-left: 16px;} * html .btn_icon_check { /* width: 60px; */} .icon_slide_prev, .icon_slide_next {background-repeat: no-repeat; width: 5px; height: 8px; margin: 6px 0 0 0;} .icon_slide_next {margin-left: 2px;} .icon_tip { background-image: url("http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_info.png"); } * html .icon_tip { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_info.png", sizingMethod="crop"); } .icon_favor { background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/ico_star3.png) no-repeat; _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/bg/ico_star3.png", sizingMethod="crop"); vertical-align: -1px; } .w01 {width: 14px;} /*버튼 사이즈 */ .w02 {width: 26px;} .w03 {width: 30px;} .w04 {width: 36px;} .w05 {width: 46px;} .w06 {width: 53px;} .w07 {width: 61px;} .w08 {width: 72px;} .w09 {width: 81px;} .w10 {width: 84px;} .w11 {width: 107px;} .w12 {width: 113px;} .w13 {width: 102px;} .w14 {width: 69px;} .w15 {width: 19px;} .w16 {width: 47px;} .w17 {width: 56px;} .w18 {width: 92px;} .w19 {width: 50px;} /* cafe sng */ .w20 {padding:0 8px 0 2px;} /* change3 */ .w21 {width: 91px;} /* cafe escrow */ .txt_dotum {font-family:돋움,Dotum,sans-serif;} .base_point {color: #6173e8;} a.base_point:link {color: #6173e8; text-decoration:none;} a.base_point:visited {color: #6173e8; text-decoration:none;} a.base_point:hover, a.base_point:active {color: #6173e8; text-decoration:underline;} .base_point a:link {color: #6173e8; text-decoration:none;} .base_point a:visited {color: #6173e8; text-decoration:none;} .base_point a:hover, .base_point a:active {color: #6173e8; text-decoration:underline;} /* icon */ .arrow {font-size: 7px; font-family:돋움, dotum,sans-serif; padding: 0 2px 0 2px; vertical-align: middle;} .arrowL {font-size: 7px; font-family:돋움, dotum,sans-serif; display: block; padding: 2px 2px 0 2px; float: left;} .arrowR {font-size: 7px; font-family:돋움, dotum,sans-serif; display: block; padding: 2px 2px 0 2px; float: left;} .arrowB {font-size: 7px; font-family:돋움, dotum,sans-serif; } .rss {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_rss.gif) no-repeat; padding: 0 0 1px 16px;} .icon_movie, .icon_pie {position: absolute; bottom: 6px; left: 4px; border: none;} .icon_guide, .icon_noti {background-repeat: no-repeat; width: 25px; height: 16px;} .icon_recom {background-repeat: no-repeat;} .icon_new {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_new.gif) no-repeat; width: 8px; height: 12px; margin-left: 4px; vertical-align: -1px;} .icon_file_photo {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_file_photo.gif) no-repeat; width: 11px; height: 11px; vertical-align: middle;} .icon_file_file {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_file_file.gif) no-repeat; width: 11px; height: 11px; vertical-align: middle;} .icon_file_play {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_file_play.gif) no-repeat; width: 10px; height: 11px; vertical-align: middle;} .icon_file_pie {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_file_pie.gif) no-repeat; width: 11px; height: 11px; vertical-align: middle;} .icon_file_bgm {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_file_bgm.gif) no-repeat; width: 11px; height: 11px; vertical-align: middle;} .icon_file_poll {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_file_poll.gif) no-repeat; width: 13px; height: 11px; vertical-align: middle;} .icon_file_phone {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_file_phone.gif) no-repeat; width: 11px; height: 11px; vertical-align: middle;} .icon_flie_shopping {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_file_shopping.gif) no-repeat; width: 9px; height: 11px; vertical-align: middle;} .icon_file_writer {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_file_writer.gif) no-repeat; width: 7px; height: 11px; vertical-align: middle;} .icon_file_map {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/icon_map.gif) no-repeat; width: 11px; height: 11px; vertical-align: middle;} .icon_ccl01 {background: url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/icon_ccl01.png) no-repeat; width:15px; height:14px;} * html .icon_ccl01 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/icon_ccl01.png", sizingMethod="crop");} .icon_ccl02 {background:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/icon_ccl02.png) no-repeat; width:15px; height:14px;} * html .icon_ccl02 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/icon_ccl02.png", sizingMethod="crop'");} .icon_ccl03 {background:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/icon_ccl03.png) no-repeat; width:15px; height:14px;} * html .icon_ccl03 {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/icon_ccl03.png", sizingMethod="crop");} .icon_ccl04 {background:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/icon_ccl04.png) no-repeat; width:15px; height:14px;} * html .icon_ccl04 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/icon_ccl04.png", sizingMethod="crop");} .icon_group {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_group.gif) no-repeat; width: 13px; height: 13px; vertical-align: middle;} .icon_address {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_address.gif) no-repeat; width: 12px; height: 12px; margin-top: 4px;} .icon_choice {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/icon_choice.gif) no-repeat left center; width: 27px; height: 16px; margin-left: 4px; vertical-align:middle; } .icon_refresh {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/icon_renew.gif) no-repeat; width: 7px; height: 9px; cursor: pointer; cursor: hand;} .icon_lock { background: url(http://i1.daumcdn.net/cafeimg/cf_img4/menu/b01_1/icon_lock.gif) 0 0 no-repeat; } .icon_sale1 { background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/ico_sale01.gif) 0 0 no-repeat; } .icon_sale2 { background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/ico_sale02.gif) 0 0 no-repeat; } .icon_sale3 { background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/ico_sale03.gif) 0 0 no-repeat; } .icon_sale4 { background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/ico_sale04.gif) 0 0 no-repeat; } .icon_safety { background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/ico_safety.gif) 0 0 no-repeat; } /* wrap */ .flexibled2_1 #wrap, .flexibled3_1 #wrap, .flexibled3_3 #wrap {min-width: 971px; width: auto;} #wrap {clear: both; text-align: left;} .maxWidth {width:100% ! important;} .minWidth {width:971px ! important;} /* Layers */ #dialogs, #menus, #tips {position:absolute; top:0; left:0;} #dialogs {z-index:1000000;} #menus {z-index:1100000;} #tips {z-index:1200000;} /* cafe_gnb */ #cafe_gnb {clear: both;} .x-repaint{ zoom: 1; background-color: transparent; -moz-outline: none; } /* notiList */ #notiList {position:relative; z-index:2000; float:left; margin:0; width: 370px; background-image:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_noti.gif);background-repeat: no-repeat;background-position: 7px 8px;} #notiList strong {font-weight:normal;} #notiList ul, #notiList li {list-style:none;margin:0;padding:0;white-space:norwrap;} #notiList ul { position:absolute; top:0; left:0; float:left; width: 368px;} #notiList li { float:left; line-height:26px; width:100%; min-width:360px; text-indent: 7px;} #notiList li p { clear: left; margin:0 ; padding:0 0 5px 30px; line-height: 1.4; text-indent: 0;} #notiList.simple_notice { height: 26px; overflow: hidden;} #notiList.simple_notice ul { border:0 none; background-color:transparent ! important; } #notiList.simple_notice li { height:26px; } #notiList.simple_notice ul li p { display:none;} #notiList.more_notice { } #notiList.more_notice ul { padding:5px 0; border-width:1px; border-style:solid; } #notiList.more_notice ul li .noti_cnt { display:none;} .notiBox {position:relative; margin-bottom:10px;} .notiBox dl {border:1px solid #dee3ee;background-color:#f3f5fa;padding:20px 25px;color:#333;} .notiBox dt {padding:0;margin:0;height:33px;line-height:33px;font-size:14px;color:#333;font-weight:bold; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_noti_b.gif) no-repeat; text-indent: 46px; letter-spacing: -1px;} .notiBox dt.none_img_title {background: none; text-indent: 0;} .notiBox dt.cafeskin {background:url(http://i1.daumcdn.net/cafeimg/cf_img4/layer_img02.gif) 0 -6px no-repeat;} .notiBox dt.cafenoti {background:url(http://i1.daumcdn.net/cafeimg/cf_img4/layer_img01.gif) 0 -3px no-repeat;} .notiBox dd {padding:0;margin:0;color:#333;} .notiBox dd p img { vertical-align:middle; } .notiBox strong a {text-decoration: underline; font-size: 11px;} .notiBox a:link {color: #333; letter-spacing: -1px;} .notiBox a:visited {color: #333; letter-spacing: -1px;} .notiBox a:hover, .notiBox a:active {color: #333; letter-spacing: -1px;} .notiBox a.btnClose {display:block;position:absolute;right:13px;top:13px;font-size:11px;font-family:돋움,Dotum;color:#666;} /* 소모임 이전 신청 레이어 */ .notiBox .mgr_sub_notice {color:#666; font-size:11px;} .notiBox .mgr_duration {color: #6173E8; font-weight: bold; display: block;} .notiBox .mgr_date {color: #6173E8; font-weight: bold;} /* 소모임 이전 완료 레이어 */ .notiBox .mgr_link_wrap {display:block; position:absolute; right: 15px; overflow:hidden; width:195px; font-family:돋움, dotum; font-size:11px; color:#999; letter-spacing: -1px;} .notiBox a.btn_link {width:113px; height:25px; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/etc/btn_baukup.gif) no-repeat; text-indent: -9999px; float:left; overflow:hidden;} .notiBox a.text_link {display:block; float:right; margin-top: 5px; color:#999; text-decoration:underline;} .notiBox a.text_link .arrow {display: inline-block; text-decoration:underline;} .notiBox .mgr_cafe { height: 135px; } .notiBox .mgr_cafe p {color:#666;} .notiBox .mgr_cafe .mgr_link_wrap a.btn_link {background-position: -262px 0px; width: 120px;} /* 소모임 관리 이전 안내 툴팁 */ .mgr_guide_tooltip {position: absolute; top: 25px; left: 0px; z-index: 1; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/etc/img_layer05_n.gif) no-repeat; width:173px; height: 73px; text-indent: -9999px;} .mgr_guide_tooltip a {position: absolute; top: 46px; left: 10px; width: 66px; height: 16px; padding:0; overflow:hidden;} .mgr_guide_tooltip .close { position: absolute; top: 10px; left: 158px; width: 10px; height: 10px; cursor: pointer;} /* minidaum */ #minidaum { position: relative; float:right; margin:0; height: 26px; z-index: 99999; font-family: 돋움, dotum, tahoma, sans-serif;; font-size: 11px; letter-spacing: -1px;} #minidaum a {font-family: font-family:돋움, dotum, tahoma, sans-serif; font-size: 11px;} #minidaum ul { list-style:none; padding:0px; margin:0px; } #minidaum li { float:left; list-style:none; padding: 5px 0 0 0; margin: 0px;} #minidaum li.go_daum a { font-family: Tahoma; letter-spacing: 0px; line-height: 1.4;} #minidaum li a.on { float: left; } #minidaum li a.out, #minidaum li a.over {float: left; background-repeat: no-repeat; background-position: 100% 2px; padding: 0 14px 0 0; cursor: pointer; } #minidaum li.bar {margin: 5px 6px 3px 6px; padding:0; display: inline; text-align: left;} #minidaum li.mini_btn {padding: 4px 0 0 4px; text-align: left;} #minidaum li.mini_btn a.btn {margin-right: 0;} #minidaum #cafe_favCafeWrap {text-align: left; float: left;} #minidaum #cafe_favCafeTitle {float: left; background-repeat: no-repeat; background-position: right 2px; padding-right: 14px; overflow: hidden; font-family: 돋움, dotum, tahoma, sans-serif;} #minidaum #cafe_favCafeTitle.on {background-repeat: no-repeat; background-position: right 2px;} #minidaum #cafe_favCafeList { width: 265px; right: 47px; max-height: 250px; border-width: 1px; border-style: solid; clear: both; overflow-x: hidden; overflow-y: auto; padding: 2px; margin: 0; position: absolute; right: 1; z-index: 99999;} * html #minidaum #cafe_favCafeList { width: 269px; right: 48px;} #minidaum #cafe_favCafeList.scroll { height: 250px; } #minidaum #cafe_favCafeList li{ clear: both; margin: 0; padding: 0; width: 265px; letter-spacing: 0;} #minidaum #cafe_favCafeList li.favor_msg {padding: 5px 0 0 0px; text-align: center;} #minidaum #cafe_favCafeList li.favor_line {clear: both; margin: 5px; font-size: 1px; border-width: 1px; border-top-style: dashed;} #minidaum #cafe_favCafeList a { display: block; width: 257px; padding: 1px 0 1px 8px; font-size: 12px; font-family: 굴림, gulim, tahoma, sans-serif;} * html #minidaum #cafe_favCafeList a {width: 261px;} #minidaum #cafe_favCafeList a:hover {width: 257px; font-size: 12px; font-family: 굴림, gulim, tahoma, sans-serif; text-decoration: none; } * html #minidaum #cafe_favCafeList a:hover {width: 261px;} #minidaum #cafe_favCafeList a.system {width: 257px; clear: both; display: block; font-size: 12px; font-family: 굴림, gulim, tahoma, sans-serif;} * html #minidaum #cafe_favCafeList a.system {width: 261px;} #minidaum #cafe_favCafeBackboard {right: 47px; position: absolute; width: 0; z-index: 99998;} * html #minidaum #cafe_favCafeBackboard {right: 48px;} #minidaum #daumServiceLinkWrap a.on {background-position: right 2px; background-repeat: no-repeat;} #minidaum #daumServiceLink {background-position: right 2px; background-repeat: no-repeat; padding-right: 14px; height: 18px; float: left; overflow: hidden; font-family: 돋움, dotum, tahoma, sans-serif;} #minidaum #daumServiceLayer { position: absolute; top: 26px; right: 35px; z-index: 99999; } #minidaum #daumServiceLayer ul { clear: both; float: left; width: 74px; max-height: 250px; padding: 2px; border: 1px solid;} * html #minidaum #daumServiceLayer ul { padding-bottom: 0; } #minidaum #daumServiceLayer li { clear: both; list-style: none; width: 100%; margin: 0; padding: 0; text-align: left; } #minidaum #daumServiceLayer li a {clear: both; display: block; font-size: 12px; font-family: 굴림, gulim, tahoma, sans-serif; padding:3px 0px 2px 0px; text-indent:7px;} #minidaum #daumServiceLayer li a:hover {text-decoration: none;} #minidaum #DaumUI__minidaum_mall * {text-align:left; letter-spacing:-1px; color:#61646E; font-size:11px; font-family:dotum !important;} #minidaum #DaumUI__minidaum_mall {clear:both; position:absolute; left: 56px; top: 23px; border:1px solid #969696; background-color:#fff; overflow:hidden; display: none; width: 200px;} #minidaum #DaumUI__minidaum_mall_wrap {border:2px solid #f3f3f3; float:left; width: 100%;} #minidaum #DaumUI__minidaum_mall_a {margin:0 0px 0 9px; padding:9px 0 4px 0;} #minidaum #DaumUI__minidaum_mall_a a { float:none; font-weight:bold;} #minidaum #DaumUI__minidaum_mall_a .DaumUI__minidaum_mall_a0 {padding:0 5px 0 2px;} #minidaum #DaumUI__minidaum_mall_a .DaumUI__minidaum_mall_a1 {padding:0 6px 0 6px;background:url("http://i1.daumcdn.net/icon/minidaum/common/minidaum2.gif") no-repeat 0 -48px;} #minidaum #DaumUI__minidaum_mall_a .DaumUI__minidaum_mall_a2 {padding:0 6px 0 6px;background:url("http://i1.daumcdn.net/icon/minidaum/common/minidaum2.gif") no-repeat 0 -48px;} #minidaum #DaumUI__minidaum_mall_a .DaumUI__minidaum_mall_home {padding:0 0 0 5px;background:url("http://i1.daumcdn.net/icon/minidaum/common/minidaum2.gif") no-repeat 0 -98px;} #minidaum #DaumUI__minidaum_mall_a .DaumUI__minidaum_mall_home a {padding:0 10px 0 0;background:url("http://i1.daumcdn.net/icon/minidaum/common/minidaum2.gif") no-repeat 38px -111px;} #minidaum #DaumUI__minidaum_mall_bwrap {clear:both;margin:0 9px 0 9px;padding-bottom:4px;border-top:1px solid #eeeef2; float:left;display:inline;} #minidaum #DaumUI__minidaum_mall_b {border-top:1px solid #f9f9f9;padding:4px 0 0 0;float:left;} #minidaum #DaumUI__minidaum_mall_b .DaumUI__minidaum_mall_b0, #minidaum #DaumUI__minidaum_mall_b .DaumUI__minidaum_mall_b1, #minidaum #DaumUI__minidaum_mall_b .DaumUI__minidaum_mall_b2 {float:left;padding:2px 8px 0 8px;} #minidaum #DaumUI__minidaum_mall_b .DaumUI__minidaum_mall_b0 {padding-left:1px;border-right:1px solid #eeeef2;} #minidaum #DaumUI__minidaum_mall_b .DaumUI__minidaum_mall_b2 {padding-right:0px;border-left:1px solid #eeeef2;} #minidaum #DaumUI__minidaum_mall_b a {display:block;margin:3px 0 0 0;line-height:14px;} #minidaum #DaumUI__minidaum_mall_b a.DaumUI__minidaum_mall_all {padding:0 6px 0 0;color:#a1a2b0;background:url("http://i1.daumcdn.net/icon/minidaum/common/minidaum2.gif") no-repeat scroll 43px -72px} /* bgm */ #bgmBox {width: 185px; position: relative; float: right; padding: 0; margin: 5px 18px 0 0;} #bgmTitle {width: 66px; height: 13px; overflow: hidden; float: left; font-size: 11px; font-family: 돋움, dotum;} #bgmTitle marquee {font-size: 11px; font-family: 돋움, dotum;} .bgm_marquee {width: 75px; font-size: 11px; font-family: 돋움, dotum;} .bgm_control {padding: 3px 0 0 6px; float: left;} .bgm_vol_control {width: 70px; position: absolute; top: 3px; right: 4px; height: 12px; overflow: hidden;} .bgm_volumebg {background-repeat: repeat-x; width: 40px; height:11px; overflow: hidden; float: left;} .bgm_volume {background-repeat: repeat-x; height:11px; overflow: hidden;} .icon_bgmcontrol {background-repeat: no-repeat; width: 5px; height: 11px; z-index: 5; position: absolute; top: 0} .btn_bgm_back {background-repeat: no-repeat; width: 11px; height: 11px;} .btn_bgm_stop {background-repeat: no-repeat; width: 11px; height: 11px;} .btn_bgm_play {background-repeat: no-repeat; width: 11px; height: 11px;} .btn_bgm_next {background-repeat: no-repeat; width: 11px; height: 11px;} .btn_bgm_list {background-repeat: no-repeat; width: 22px; height: 11px; margin-left: 6px;} * html .btn_bgm_list {margin-left: 4px;} .btn_bgmInstall {background-repeat: no-repeat; width: 23px; height: 14px;} /* mobile redirect */ #redirect_mobile { padding:40px 0px 46px 40px; margin-top:25px; border-top:1px solid #e6e6e6; background:#f6f6f6; } #redirect_mobile .btn_go_mobile { display:block; width:430px; height:115px; text-align:center; color:#333; font-size:40px; font-weight:bold; line-height:110px; text-decoration:none; background:url(http://i1.daumcdn.net/icon/mobile/simple/polaris/2010_common/bt_move1.png) no-repeat; } #redirect_mobile .btn_go_mobile span { padding-left:60px; background:url(http://i1.daumcdn.net/icon/mobile/simple/polaris/2010_common/bt_move_arrow.gif) no-repeat 0 50%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #redirect_mobile { padding-top:0; padding-bottom:0; } #redirect_mobile .btn_go_mobile { -webkit-transform-origin:0% 50%; -webkit-transform:scale(0.5); } } /* header */ #header {position:relative; margin-bottom:10px; z-index: 999;} #title {position:relative; overflow:hidden;} #TITLEBACKGROUND {height:200px; background-color:transparent;} #TITLEHOMELINK {position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;} #TITLECAFENAME {position:absolute; top:20px; left:20px; z-index:201;} #TITLECAFENAME h1 {color:#333; font-family:gulim; font-size:17px; margin:0; padding:0; letter-spacing:-1px;} #TITLECAFENAME a {color:#333; font-family:gulim; font-size:17px; text-decoration:none; letter-spacing:-1px; white-space: nowrap;} #TITLECAFENAME img {border:none;} #TITLECAFEADDRESS {position:absolute; top:50px; left:20px; z-index:202;} #TITLECAFEADDRESS h2 {color:#333; font-family:gulim; font-size:11px; font-weight:normal; margin:0; padding:0;} #TITLECAFEADDRESS a {color:#333; font-family:gulim; font-size:11px; font-weight:normal; text-decoration:none; white-space: nowrap;} #TITLECAFEADDRESS img {border:none;} #TITLEMENUGROUP {position:absolute; top:163px; left:0px; z-index:203; width:100%; height:37px; background-color:#7b80f6;} #TITLEMENUGROUP ul {margin:0; padding:0; clear:both; height:100%;} #TITLEMENUGROUP li {position:relative; float:left; margin:0; padding:0; list-style:none;} #TITLEMENUGROUP li.mbar {padding:10px 0 0 1px; width:6px; color:#ffffff; opacity:0.3; filter:alpha(opacity=30);} #TITLEMENUGROUP li a {display:block; margin:10px 15px 0 15px; padding:0; color:#ffffff; font-family:gulim; font-size:12px; font-weight:bold; letter-spacing:-1px; text-decoration:none; overflow:hidden;} #TITLESEARCH {position:absolute; top:170px; left:759px; z-index:204;} #TITLESEARCH .searchBg {width:190px; height:23px; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/title/b01_3/search_box.png) no-repeat;} #TITLESEARCH .searchBg .inpSearch {margin-top: 2px;margin-left:7px;} #TITLESEARCH .searchBg .btnSearch {margin:0;float:right;} * html #TITLESEARCH .searchBg {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i1.daumcdn.net/cafeimg/cf_img4/title/b01_3/search_box.png, sizingMethod=crop);} #TITLESEARCH .inpSearch {position:relative; float:left; z-index:1; margin:0 0 0 10px; padding:4px 0 0 0; width:149px; font-size:12px; font-family:gulim; color:#696969; border:0 none; background:transparent;} #TITLESEARCH .btnSearch {position:relative; float:left; z-index:1; margin:0 0 0 10px; padding:0; vertical-align:top; width:21px; height:23px; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/title/b01_3/search_btn.png) no-repeat;} * html #TITLESEARCH .btnSearch {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i1.daumcdn.net/cafeimg/cf_img4/title/b01_3/search_btn.png, sizingMethod=crop);} #TITLECAFEINFO {position:absolute; top:20px; left:840px; z-index:205;} #TITLECAFEINFO ul {float:left; width:110px; margin:0; padding:0; list-style:none;} #TITLECAFEINFO li {float:left; width:100%; margin:0; padding:0; list-style:none;} #TITLECAFEINFO li.line {margin:2px 0 5px; height:1px; border-top:1px solid #444444; opacity:0.2; filter:alpha(opacity=20); overflow:hidden;} #TITLECAFEINFO li label {float:left; margin-left:2px; color:#444444; font-family:dotum; font-size:12px;} #TITLECAFEINFO li span {float:right; margin-right:2px; color:#444444; text-align:right; font-family:dotum; font-size:12px;} #header .banner_div {position: absolute; z-index: 999; right: 300px; padding: 50px 0 0 0;} /*둥둥이*/ .read #header .banner_div {padding: 10px 0 0 0;} /*둥둥이*/ /********** side **********/ /***** cafeinfo *****/ .cafeinfoBox {clear: both; margin-bottom: 8px; background-repeat: no-repeat; position: relative;} .cafeinfoBoxT {clear: both; font-size: 0; line-height: 0; background-position: 0 100%; overflow: hidden;} .cafe_emblem_box {padding: 0 0 0 12px; height: 45px;} .cafe_emblem dt {float: left; padding-right: 9px;} .cafe_emblem dd {padding-top: 4px; line-height: 16px;} .cafe_emblem dd.singleline { padding-top:11px; } .cafe_emblem .em_number { letter-spacing:0; } .cafe_emblem .em_sign {opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"alpha(opacity=50)"; float: left; font-size: 11px; font-family:돋움, dotum,sans-serif; letter-spacing: 0px;} .cafe_emblem .em_starcafe {opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"alpha(opacity=50)"; float: left; font-size: 11px; font-family:돋움, dotum,sans-serif; letter-spacing: -1px;} .knowcafe {width:38px; height:40px; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/cafeinfo/emblem_03.png) no-repeat;} * html .knowcafe {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i1.daumcdn.net/cafeimg/cf_img4/cafeinfo/emblem_03.png, sizingMethod=crop);} .fancafe {width:38px; height:40px; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/cafeinfo/emblem_02.png) no-repeat;} * html .fancafe {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i1.daumcdn.net/cafeimg/cf_img4/cafeinfo/emblem_02.png, sizingMethod=crop);} .bestcafe {width:38px; height:40px; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/cafeinfo/emblem_01.png) no-repeat;} * html .bestcafe {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i1.daumcdn.net/cafeimg/cf_img4/cafeinfo/emblem_01.png, sizingMethod=crop);} .emblemLine {margin: 1px 0 6px 0;} .cafeinfo_bg {background-repeat: no-repeat; clear: both; width: 100%; position: relative;} .cafeinfo_bg li {float: left; width: 100%; clear: both; height: 17px; line-height: 17px;} .cafeinfo_bg li.first {height: 20px; line-height: 110%;} .cafeinfo_bg .cafeinfo li.first {height: 25px; line-height: 100%;} .cafeTab a.txt_title1:link, .cafeTab a.txt_title1:visited, .cafeTab a.txt_title1:hover, a.txt_title1:active, .myTab a.txt_title2:link, .myTab a.txt_title2:visited, .myTab a.txt_title2:hover, .myTab a.txt_title2:active {font-size: 12px; font-family:돋움, dotum,sans-serif; letter-spacing: -1px;} #info_tab {background-repeat: no-repeat; height: 39px; font-weight: bold; letter-spacing: -1px; clear: both;} #info_tab li {float: left; width: 49.9%; text-align: center; cursor: pointer; cursor: hand;} #info_tab li a:link {display: block; font-size: 12px; font-family:돋움, dotum,sans-serif; text-decoration: none;} #info_tab li a:visited {display: block; font-size: 12px; font-family:돋움, dotum,sans-serif; text-decoration: none;} #info_tab li a:hover,#info_tab li a:active {display: block; font-size: 12px; font-family:돋움, dotum,sans-serif; text-decoration: none;} #info_tab .alimi_new {position: absolute; top: 12px; right: 16px;} #cafeinfo_list, #myinfo_list {text-align: center; padding: 0 13px 0 13px;} .myList {clear: both;} .myFolder {padding: 0 0 0 15px; line-height: 100%; margin-top: 8px; height: 21px;} .myFolder img {vertical-align: -2px; margin-right: 2px;} .myFolder .arrow {position: relative;} .myFolder .icon_view {background-repeat: no-repeat; width: 13px; height: 13px;} .myFolder .icon_hide {background-repeat: no-repeat; width: 13px; height: 13px;} .alimi_new img {vertical-align: 0; } .cafeinfo {clear: both;} .cafeinfo ul, .myinfo ul {width: 100%; text-align: left;} .cafeinfo .info_tit {width: 56px; display: block; float: left;} .cafeinfo .first img {vertical-align: -4px; margin-left: -2px;} .cafeinfo .first img.imgR {vertical-align: -4px; margin-left: 0px;} .cafeinfo_bg li.mytabfirst {padding: 5px 0 0 0;} .cafeinfo_bg li.last {height: 23px;} .cafeinfoBox .infoLineB {margin-top: 9px;} .myinfo .first .fl, .myinfo .first .fr {margin-top: 1px;} .myinfo .info_tit {width: 71px; display: block; float: left;} .auto_save {padding: 6px 0 0 12px; clear: both;} .btn_area {text-align: center; padding: 6px 0 9px 0; clear: both; line-height: 100%;} .btn_area2 {text-align: center; padding: 0 0 9px 0; clear: both;} .cafeinfoBox .btn_area {padding: 0 0 0 0; height: 35px; position: relative;} .btn_admin2 {width: 159px; height: 35px; margin: 0 auto;} .btn_bg_tb {display:block;} .btn_bg_tb *{display: block; height: 1px; overflow: hidden; font-size: .01em;} .btn_bg_tb b {border: 0 none;} .btn_bg1 {margin-left: 2px; margin-right: 2px; padding-left: 48px; padding-right: 48px;} .btn_bg2 {margin-left: 1px; margin-right: 1px; padding-right: 5px; padding-left: 5px;} .btn_bg3 {margin-left: 0px; margin-right: 0px;} .btn_bg4 {border-left: 0px solid #fff; border-right: 0px solid #fff} .btn_bg_txt {text-align: center; font-size: 12px; font-weight: bold; letter-spacing: -1px; padding: 4px 0 2px 0;} .infobox_line {clear: both; height: 1px; line-height: 1px; overflow: hidden; width: 100%;} .btn_admin_area {text-align: center; height: 20px; line-height: 100%; padding: 0 0 0 46px; clear: both;} .btn_admin_area a {float: left; white-space:nowrap; padding: 8px 0 0 0;} .btn_admin_area .bar { margin: 8px 10px 0 10px; width: 3px; text-align: center; overflow: hidden;} .btn_admin_area a.new {padding-right: 16px; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/cafeinfo/ico_new.gif) right 7px no-repeat;} /* group info */ .groupinfo h3 {padding: 0; margin: 0;} .groupinfo h3 img {vertical-align: -1px;} .groupinfo {padding: 0 12px; position: relative;} .groupinfo dl, .groupinfo dt, .groupinfo dd {padding: 0; margin: 0;} .groupinfo dt {padding-top: 5px;} .groupinfo dd {padding-bottom: 7px;} .groupinfo ul, .groupinfo li {padding: 0; margin: 0;} .groupinfo .group {clear: both; padding: 9px 0 12px 0;} .groupinfo .group .info_tit {width: 68px; display: block; float: left;} .groupinfo .group li {float: none; position: relative;} .groupinfo .btn_admin_area {padding: 0 0 0 20px;} .group .cafeinfo_bg {background-position: 0 0; padding-top: 10px;} /***** menu *****/ .menuBox {clear: both; margin-bottom: 8px;} .menuBoxIn {width:100%;} .menuBoxT {background-repeat: no-repeat; font-size: 1px; line-height: 1px; clear: both;} .menuBoxB {background-repeat: no-repeat; font-size: 1px; line-height: 1px; clear: both;} .menuListBox {clear: both;} .menuList {background-repeat: repeat-y; clear: both; float:left; width:100%; text-align:left;} .menuList img {border: 0 none;} .menuList .icon_view01, .menuList .icon_view02 {width: 19px; height: 17px;} .icon_view01, .icon_view02 {background-repeat: no-repeat;} .menuList h3 {padding: 0; margin: 0;} .menuList ul {list-style: none; padding: 0; margin: 0; clear: both; width: 100%;} .menuList ul li {list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; clear: both; background-repeat: no-repeat; line-height: 1.5;} .menuList ul li img {vertical-align: middle;} .menuList ul li img.icon_new {vertical-align: -1px; margin: 0 0 0 2px;} .menuList ul li.depth1 {padding: 0; margin: 0;} .menuList ul li.depth1 ul li {} .menuList ul li ul {padding: 0; margin: 0;} .menuList ul li.icon_blind { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img4/menu/icon_regulate.gif); } .menuList .group_bg {float: left; width: 100%; padding: 4px 0 3px 0;} .menuList .group_blank {height: 5px; font-size: 0; line-height: 0;} .menuList .group_tit {float: left; padding: 0 0 1px 0; width: 158px; font-weight: bold; letter-spacing: -1px;} .menuList .group_tit h3 {padding: 2px 0 0 10px;} .menuList .group_ic {float: right; padding: 1px 0 0 0;} .menuList .group_ic span {display: block; padding-top: 3px;} .menuList .group_line {font-size: 0; padding: 0; clear: both; margin: 3px 0 7px 0; height: 1px; line-height: 1px; background-position: 0 0;} .menuList .group_blank {font-size:0; height:5px; line-height:0; clear: both;} .menuList ul li.indent {background-position: 26px 2px; margin-top: 3px; padding-left: 11px;} .menuList .cafe_smenu {clear: both;} .menuList a:link {font-size: 12px; font-family: 굴림, gulim, tahoma, sans-serif; text-decoration: none;} .menuList a:visited {font-size: 12px; font-family: 굴림, gulim, tahoma, sans-serif; text-decoration: none;} .menuList a:hover, .menuList a:active {font-size: 12px; font-family: 굴림, gulim, tahoma, sans-serif; text-decoration: underline;} .menuList .u {text-decoration: underline} .menuList .u a {text-decoration: underline} .menuList a.u:link {text-decoration: underline;} .menuList a.u:visited {text-decoration: underline;} .menuList a.u:hover, .menuList a.u:active {text-decoration: underline;} .ifrmenu {padding: 0 !important; background-color: transparent; background-image: transparent;} /***** sidebar(component) *****/ #sidebar1 {clear: both; margin-bottom: 11px;} #sidebar1 ul, #sidebar1 ol, #sidebar1 li {list-style: none; margin: 0; padding: 0;} #sidebar3 ul, #sidebar3 ol, #sidebar3 li {list-style: none; margin: 0; padding: 0;} #sidebar4 ul, #sidebar4 ol, #sidebar4 li {list-style: none; margin: 0; padding: 0;} #sidebar4, #sidebar3, #sidebar2 {display: none;} #sidebar1 .component {margin: 0 0 10px 0;} #sidebar2 {float: left; width: 100%; clear: both;} #sidebar2 .component {margin: 0 0 10px 0; } #sidebar2 .componentBox {width: 195px; float: left; overflow: hidden; padding-bottom: 1px;} #sidebar3 .component, #sidebar4 .component {margin: 0 0 10px 0;} #component4.componentBox {width: 183px; overflow: hidden;} .type3_1 #component3.componentBox, .type3_2 #component3.componentBox, .type3_3 #component3.componentBox, .type3_4 #component3.componentBox {width: 183px; overflow: hidden;} .component {width: 183px; overflow: hidden;} .component .outBoxT {height: 13px; line-height: 13px; font-size: 0; overflow: hidden;} .component .outBoxC {height: 155px; overflow: hidden;} .component.pie .outBoxC {height: 190px; overflow: hidden;} .component.pie .blank_thumb {width: 75px; height: 75px;} .component.movie .outBoxC {height: 155px; overflow: hidden;} .component.movie .blank_thumb {width: 75px; height: 56px;} .component .blank_thumb {opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"alpha(opacity=50)";} .component .inBox {text-align: center;} .component_tit {width: 159px; letter-spacing: -1px; margin: 0 auto;} .component_tit h4 {font-size: 12px; font-family: 굴림, gulim, tahoma, sans-serif; margin: 0; padding: 0 0 2px 0; background-repeat: no-repeat; background-position: 3px 2px;} .component_tit .fr {padding: 0;} .component_tit .change_btn {float: right; padding: 1px 0 0 0;} .component_tit_line {clear: both; width: 159px; height: 1px; line-height: 0; font-size: 0; opacity: 0.2; -moz-opacity: 0.2; filter: alpha(opacity=20); -ms-filter:"alpha(opacity=20)";} .component_list {width: 154px; clear: both; padding-top: 4px; margin: 0 auto; text-align: left;} .component .dotList {width: 154px; padding-top: 10px;} .component_list.group {position: relative;} .component_list ul {clear: both;} .component_list ul li, #sidebar1 .component_list ul li {float: left; padding-right: 5px;} .component_list ul li.last {padding-right: 0;} .component_list ul li span.fl {margin-right: 6px;} .component_list ol li {width: 153px; height: 19px; overflow: hidden;} .component_list ol, .component_list ol li {clear: both; padding: 0; margin: 0;} .component.pie .component_list, .component.movie .component_list {width: 160px;} .component.pie .component_list ol, .component.movie .component_list ol {width: 160px;} .component_list ol {padding-top: 6px;} .component .group .dotList, .component .dotList ol {padding-top: 0;} .component_list.group ol {position: absolute; top: 30px; left: 0; padding-top: 0;} .component_list.group .dotList ol {position: absolute; top: 30px; left: -4px; padding-top: 0;} #member_visit_page1 ,#member_visit_page2 ,#member_article_page1 ,#member_article_page2 ,#member_reply_page1 ,#member_reply_page2 { height:96px; overflow: hidden; } .component.pie .component_list ol, .component.movie .component_list ol {padding-top: 0;} .component.pie .component_list ol li {clear: none; float: left; width: 77px; height: 82px;} .component.movie .component_list ol li {clear: none; float: left; width: 77px; height: 63px;} .component.pie .component_list ol li a , .component.movie .component_list ol li a {position: relative; float: left;} .component.pie .component_list ol li.first, .component.movie .component_list ol li.first {width: 82px;} .component_list.group .blank_msg {position: absolute; top: 24px; left: 0; width: 153px;} .component .blank_msg {height: 80px; overflow: hidden;} .blank_msg {padding: 5px 0 0 0} .box_btn_navi {float:right; padding: 2px 3px 0px 0px; width: 25px;} .box_btn_navi a {background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/bt_move.gif") no-repeat scroll 0 0 transparent; display: block; float: left; height: 13px; overflow: hidden; text-indent: -9999em; width: 13px;} .box_btn_navi .opacity {cursor: default;} .box_btn_navi .next { background-position: -13px 0; margin: 0; width: 12px;} /* 친구카페 컴포넌트 서로친구 아이콘*/ .friendcafe_lover { background:url('http://i1.daumcdn.net/cafeimg/cf_img4/ico_friend.gif') no-repeat right center;} /* 친구카페 컴포넌트 툴팁 */ #friendCafe {position:relative;} .friendcafe_tooltip {position: absolute; top: 43px; left: 13px; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/etc/img_layer05_n.gif) 0 -73px no-repeat; width:155px; height: 55px; text-indent: -9999px;} .friendcafe_tooltip .close {position: absolute; top: 5px; right: 4px; width: 10px; height: 10px; overflow:hidden; cursor:pointer;} /**** cafe stat ****/ .cafe_stat {position:relative; z-index: 1;} .cafe_stat h5 { margin:0; position:absolute; top: 42px; font:normal 12px '굴림', gulim; color:#a1a1a1; letter-spacing: -1px;} .cafe_stat h5 a {color:#a1a1a1; text-decoration:none; letter-spacing:-1px;} .cafe_stat h5.newjoin {left: 47px;} .cafe_stat h5.newarticle {left: 83px} .cafe_stat h5.newcomment {left: 129px; width: 40px;} .cafe_stat span.arrowB {font:normal 7px '굴림',gulim; padding-left: 3px; vertical-align:middle;} .cafe_stat .component_list div.grph_wrap {height:95px; padding:0; text-align:center; position:relative; top:22px; z-index: 2;} .grph_wrap div.opacity {opacity: 0.15; -moz-opacity: 0.15; filter: alpha(opacity=15); -ms-filter:"alpha(opacity=15)"; } .grph_wrap dl { height:100%; z-index:1; left:0; top:0; margin:0; margin-top:1px;} .grph_wrap dl dt { position:absolute; bottom:0; width:1em; *width:1.3em; text-indent:-6em; overflow:hidden; white-space:nowrap; text-align:right; font-size:10px; font-family:Tahoma; cursor:default;} .grph_wrap dl dd { position:absolute; z-index:10; bottom:19px; width:6px; height:1px; border:none; text-indent:-10000em; overflow:hidden; margin:0;} .grph_wrap dl dt.item1 {left:5px;} .grph_wrap dl dt.item2 {left:38px;} .grph_wrap dl dt.item3 {left:70px;} .grph_wrap dl dt.item4 {left:103px;} .grph_wrap dl dt.item5 {left:135px;} .grph_wrap dl dd.item1 {left:7px;} .grph_wrap dl dd.item2 {left:40px;} .grph_wrap dl dd.item3 {left:72px;} .grph_wrap dl dd.item4 {left:105px;} .grph_wrap dl dd.item5 {left:137px;} .divLine {width:150px; height:0; line-height:0; position:absolute; left:0; z-index:0; border:none; border-bottom-width:1px !important; border-bottom-style:dashed !important; opacity:0.8; filter:alpha(opacity=80)} .divLine.bottomLine {border-bottom-style: solid !important;} .grph_tooltip {position:absolute;z-index:20; border:1px solid; left:0; top:0; height:29px; background-color:#fff; padding:0 5px;} .grph_tooltip p {font-family:Tahoma; font-size:10px; text-align:center; line-height:14px; margin:0;} /***** cafeon *****/ .cafeonBox { padding: 10px; clear:both; margin-bottom:8px; position:relative; } /* 카페온 */ .cafeonBox h3 { padding:0; margin: 0 0 3px 0; float:left; position:relative; height: 16px; } .cafeonBox h3 span {font-weight: normal;} .cafeon {height: 86px; overflow: auto; clear: both; position: relative; border-width: 1px; border-style: solid;} .cafeon.opa {opacity: 0.2; -moz-opacity: 0.2; filter: alpha(opacity=20); -ms-filter:"alpha(opacity=20)";} #cafeLayout .cafeon ul {padding: 5px 4px 5px 7px !important;} #cafeLayout .cafeon ul li {padding: 0 !important; height: 16px;} #cafeOnLoging {position : absolute; top: 36px; left: 40px;} #cafeLayout .cafeon ul li img.imgR {margin-right: 7px;} .cafeon_search {border-width: 1px; border-top: 0 none; border-bottom-style: solid; border-right-style: solid; border-left-style: solid; position: relative;} .cafeon_search .inp_search {border: 0 none; background-repeat: no-repeat; width: 137px; padding: 2px 0 0 4px; vertical-align: top;} .cafeon_search .btn_search {width: 20px; height: 19px; vertical-align: top; border: 0 none;} .cafeon_search .btn_search_all {background-repeat: no-repeat; width: 20px; height: 19px; vertical-align: middle;} .cafeonBox .chat_on { height: 16px; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/icon_chaton.gif) right 4px no-repeat; padding-right:17px; font-size:11px; font-family:"돋움",dotum; top:1px; } .cafeonBox .cafeon_myshow_btn { width:100%; text-align:right; position:relative; display:block; } .cafeonBox .cafeon, .cafeonBox .cafeon_search, .cafeonBox .cafeon_myshow_btn { display:none; } .cahting_list_vislble .cafeon, .cahting_list_vislble .cafeon_search, .cahting_list_vislble .cafeon_myshow_btn { display:block; } .cafegroup {padding: 8px 12px 10px 12px; clear: both; margin-bottom: 8px; position: relative;} /* 소모임 */ .cafegroup h3 {margin: 0 0 3px 0;} .cafegroup select {width: 159px;} .searchBox {margin-bottom: 8px; clear: both; width: 183px; position: relative; height: 23px;} .searchBox input.inp_search {background-repeat: no-repeat;} .searchBox input.btn_search {background-repeat: no-repeat; position: absolute; top: 0; right: 0;} #sideAd {margin: 7px auto 5px auto; width: 170px; border-width: 1px; border-style: solid; clear: both;} .side_rss, .side_secede {clear: both; height: 19px; line-height: 19px;} /********** content **********/ /* round box */ .roundTable, .roundTable .pos_rel, .roundTable tbody.pos_rel, .pos_rel {position: relative;} .roundTable tbody.pos_rel {border: 0 none;} .boxTable .cb {border-width: 1px; border-style: solid;} .tlb, .trb, .blb, .brb {background-color: transparent; background-repeat: no-repeat; overflow: hidden; font-size: 1px; line-height: 0; padding: 0;} .tcb, .bcb {background-color: transparent; background-repeat: repeat-x; overflow: hidden; padding: 0; font-size: 1px; line-height: 0;} .rb, .lb {background-repeat: repeat-y; white-space: nowrap} .boxTable .cb {padding: 36px 32px 20px 35px;} .boxTable .wide {padding: 19px 15px 20px 15px;} .tlb, .trb, .blb, .brb, .lb, .rb {width:0; padding:0; font-size:0; line-height:0px; overflow:hidden; border: 0 none; white-space: nowrap;} .tlb, .trb, .tcb, .blb, .bcb, .brb {height:0; padding:0; font-size:0; line-height:0px; overflow:hidden; border: 0 none; white-space: nowrap;} /* base */ #primaryContent {text-align: left;} #primaryContent .content_wrap { position:relative; zoom:1; } .msg {padding: 20px; text-align: center;} .cmt_msg {padding: 20px; text-align: center;} .lineT {border-top-width: 1px; border-top-style: solid;} .box, .box_sub {border-width: 1px; border-style: solid;} /* 한 줄 메모장 */ /* dwr connection */ .connection_box { position: absolute; top: auto; left: 20px; z-index: 99999; background-color: #8390df; padding: 10px 20px 7px; color: #fff; } /* memo write */ .memo_newdata_cnt { clear: both; padding: 0 0 0 8px; } .memo_box { position: relative; z-index: 998; border-width: 1px; border-top-style: solid; border-bottom-style: solid; margin-top: 5px; } .memo_innerbox { clear: both; margin: 0 12px; padding:12px 0 10px 0; } .memo_innerbox h4 { font-size: 12px; font-weight: normal; margin: 0 0 4px 0; } .memo_innerbox .home_fldesc {margin-bottom:4px;} /* memo title */ #memoTitleView { width:87%; position:relative; z-index:19; } .memo_tit_modify { position:relative; z-index:20; padding: 0; margin: 0 0 4px; height:30px; width:auto; } * html .memo_tit_modify {width:98%;} .memo_tit_modify form, .memo_tit_modify p { padding: 0; margin: 0; height: 25px; } .memo_tit_modify form {padding: 0 191px 0 0;} * html .memo_tit_modify form {padding: 0 185px 0 0;} .memo_tit_modify .flddescWrap { margin: 0 6px 0 0; width: 100%; height:29px; float:left; border-width:1px; border-style:solid;} .memo_tit_modify input { width: 96%; height:29px; padding:0; line-height:29px; vertical-align: middle; letter-spacing: -1px; float:left; text-indent:4px; border:none;} .memoTitleToolBox {position:absolute; right:0; top:0; width:190px;height:29px; margin:0; line-height:29px;} * html .memoTitleToolBox {width:195px;} .memoTitleToolBox ul {float:left; width:121px; height:22px; padding:4px 5px 3px; border-width:1px; border-style:solid; background-color:#fff;} .memoTitleToolBox ul li.menu {float:left;} .memoTitleToolBox ul li a {text-indent:-10000em; overflow:hidden;} .memoTitleToolBox span.bar2 {margin:0 3px;} .memoTitleToolBox .btn_save {margin-left:6px;} .memoTitleToolBox .menu_font_weight {width:21px; height:21px;} .memoTitleToolBox .menu_font_weight a { display:block; width:21px; height:21px; background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit06_01.gif); } .memoTitleToolBox li.menu_font_weight a:hover { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit06_02.gif); } .memoTitleToolBox .menu_font_weight a.select {background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit06_03.gif) !important; } .memoTitleToolBox .menu_font_color {width:31px; height:21px; background-image: url(http://i1.daumcdn.net/icon/editor/skin/03/tx_btn.gif?rv=1.0.1) !important; background-position: -156px -1px; margin-right:3px;} .memoTitleToolBox .menu_font_color a.item_font_color {float:left; display:block; width:21px; background-image: url(http://i1.daumcdn.net/icon/editor/skin/02/btn_icon.gif?rv=1.0.9) !important; background-position:-105px -8px; line-height:21px;} * html .memoTitleToolBox .menu_font_color a.item_font_color {width:18px;} .memoTitleToolBox .menu_font_color a.item_font_color_exp {display:block; width:10px; height:21px; background-image: url(http://i1.daumcdn.net/icon/editor/skin/03/tx_btn.gif?rv=1.0.1) !important; background-position: -177px -1px; line-height:21px;} .memoTitleToolBox .menu_font_color_hover {background-position: -156px -34px;} .memoTitleToolBox .menu_font_color_hover a.item_font_color_exp {background-position: -177px -34px;} .memoTitleToolBox .menu_font_color_arrow_hover {background-position: -156px -100px;} .memoTitleToolBox .menu_font_color_arrow_hover a.item_font_color_exp {background-position: -177px -100px;} .memoTitleToolBox .menu_font_color_selected {background-position:-156px -133px} .memoTitleToolBox .menu_font_color_selected a.item_font_color_exp {background-position: -177px -133px;} .memoTitleToolBox .menu_font_size {position: relative; width:42px; margin-right:3px;} .memoTitleToolBox .menu_font_size a {display:block; width:42px; height:21px; color:#333; font-family: 굴림, gulim, tahoma, sans-serif; text-indent:4px !important; line-height:21px; text-decoration:none; background: url(http://i1.daumcdn.net/icon/editor/skin/03/tx_btn.gif?rv=1.0.1) -290px -1px no-repeat; cursor:pointer; } .memoTitleToolBox li.menu_font_size a:hover { background: url(http://i1.daumcdn.net/icon/editor/skin/03/tx_btn.gif?rv=1.0.1) -290px -34px no-repeat; } .memoTitleToolBox .menu_font_size a.select { background: url(http://i1.daumcdn.net/icon/editor/skin/03/tx_btn.gif?rv=1.0.1) -290px -67px no-repeat;} .memoTitleToolBox .menu_font_size_layer {position:absolute; z-index:1000; width:250px; padding:1px; border:1px solid #bababa; left:-210px; overflow:hidden;} .memoTitleToolBox .menu_font_size_layer ul {width:100%; height:100%; padding:0; border:none;} .memoTitleToolBox .menu_font_size_layer ul li {float:none;} .memoTitleToolBox .menu_font_size_layer ul li a {background:none; background-color:#fff; display:block; padding: 3px 10px 3px 5px; width:100%; line-height:1.6em; font-family: 굴림, gulim, tahoma, sans-serif; height:auto; color:#333;} .memoTitleToolBox .menu_font_size_layer ul li.size7 a { font-size: 7pt; } .memoTitleToolBox .menu_font_size_layer ul li.size10 a { font-size: 10pt; } .memoTitleToolBox .menu_font_size_layer ul li.size12 a { font-size: 12pt; } .memoTitleToolBox .menu_font_size_layer ul li.size18 a { font-size: 18pt; } .memoTitleToolBox .menu_font_size_layer ul li a:hover {background:none; background-color:#eee;} .memoTitleToolBox .menu_font_reset {width:21px; height:21px;} .memoTitleToolBox .menu_font_reset a {display:block; width:21px; height:21px; background:url(http://i1.daumcdn.net/icon/editor/skin/03/tx_btn.gif?rv=1.0.1) -68px -1px no-repeat; } .memoTitleToolBox .menu_font_reset a span {display:block; background:url(http://i1.daumcdn.net/icon/editor/skin/02/btn_icon.gif?rv=1.0.9) -45px -69px no-repeat;} .memoTitleToolBox .menu_font_reset a:hover {background-position:-68px -34px;} /* memo admin */ .memo_admin_form { position: relative; z-index: 20; } .memo_admin_form .admin_box { margin-top:19px; padding-left:6px; border-bottom-width: 1px; border-bottom-style: solid; } /* memo list */ .memo_list {} .memo_list ul { } .memo_list li.line { clear: both; float: left; width: 100%; border-width: 1px; border-bottom-style: solid; padding:0; margin-top:15px; padding-bottom:13px; } .memo_list li.fir {margin-top:10px !important;} .memo_list ul.sub_list li.line { padding-bottom:0px; } .memo_list li dl { position: relative; width: 100%; } .memo_list li dt.profile_block { position:absolute; z-index: 21; padding-left:8px; } .memo_list ul.sub_list dt.profile_block { padding-left:0px; } .memo_list li dt.profile_block .blank_thumb { float: left; width: 30px; height: 30px; } .memo_list li .nickname a {margin-left:-8px;} .memo_list li dd.content_block { padding-left:42px;} .memo_list li dd.reply_margin { padding-left:54px;} .memo_list li dd.content_block p.nickname {height:20px} .memo_list li.memo_notice dd.content_block .content_viewer { margin-left:30px; line-height:1.4; } .memo_list li.memo_notice dd.content_block { display:inline; margin:0 0 0 10px !important; padding:0 !important; } .memo_list li dd.content_block .content_viewer {margin-left:8px;} .memo_list li dd.content_block .content_viewer .icon_noti { position:absolute; top:0; left:8px; } .memo_list li dd.content_block .content_viewer img { vertical-align:middle; } .memo_list li dd.content_block .content_modify { padding-right: 0;} .memo_list li dd.content_block .content_modify .longtail_editor { clear: none !important; margin: 0; padding: 0; margin-bottom:15px; } .memo_list li dd.content_block .memo_btns { position: absolute; top: -2px; right: 8px; } .memo_list li dd.content_block .memo_noti_date {position:absolute;top:0; right:13px;} .memo_list li dd.content_block .memo_noti_date .txt_sub {margin-left:40px;} .memo_list li .bar2 { margin: 0; } .memo_list ul.admin dd.content_block { padding-left:71px; } .memo_list ul.admin dd.reply_margin { padding-left:52px; } .memo_list ul.admin .profile_block .chk { float: left; width: 26px; padding-top: 5px; } .profile_img_layer { position: absolute; z-index: 20; } /* reply area */ .reply_area { padding: 7px 0 15px 50px; } ul.admin .reply_area { padding: 7px 0 15px 76px;} .reply_list { margin:10px 0 0 0 ;} .memo_list ul.sub_list { } .memo_list ul.sub_list li.line { border-bottom-style: dashed; display:inline; padding-bottom:15px !important;} .memo_list ul.sub_list li.last { border-bottom-style: none !important; display:inline; padding-bottom:0 !important;} .memo_list ul.sub_list li.one { border-bottom-style: none !important; display:inline; padding-bottom:0 !important;} .memo_list ul.sub_list li.line .reply_dot { float: left; margin-right: 10px; margin-left: -5px;} /* homeboard */ .memo {clear:both;margin:0 12px;padding:0 10px 0 12px;} .memo img {border: none;} .memo h4 {font-size: 12px; font-weight: normal; padding: 0 0 2px 0; margin: 0;} .memo table {margin: 0;} .memo table textarea {width: 99%; height: 44px;} .memo table input.inp {height: 15px;} .memo table td {padding: 3px 0 0 0;} .memo table td.memo_textarea {width: 100%; padding: 2px 0 0 0;} .memo table td.btn_area {padding: 3px 0 0 0; text-align: left; width: 58px; float: left; white-space: normal;} .memo table td.btn_area .btn {float: right;} .home_memo {padding: 0 12px 0 12px; clear: both;} .home_memo ul, .home_memo li, .home_memo dl, .home_memo dt, .home_memo dd {list-style: none; padding: 0; margin: 0;} .home_memo ul {border-width: 1px; border-top-style: solid; width: 100%; float: left;} .home_memo li {border-width: 1px; border-bottom-style: solid; clear: both;} .home_memo li.last { border-width: 0; border-style: 0 none;} .home_memo_list {width: 100%; width:"\"}\""; float: left;} .home_memo_list li.blank_msg {padding: 12px 0 10px 0} .home_memo_list .opacity {margin-left: 6px;} .home_memo_list ul {width: 100%; float: left;} .home_memo_list li {float: left; width: 100%; clear: both;} .home_memo_list img {border: none;} .home_memo_list dt {padding: 12px 0 0 3px;} .home_memo_list dd {padding: 1px 0 12px 3px; clear: both; line-height: 1.5; word-break:break-all; word-wrap:break-word;} .icon_lock2 {width: 10px; height: 11px; background-repeat: no-repeat;} /* layer */ #RssLayer {width:108px;} #goServiceLayer {width:98px;} #nameContextMenu {width:98px;} #ScrapLayer {width:57px;} #scrap_menu, #drag_menu {width:42px;} #sign_menu {width:90px; z-index:9999;} #avatar_menu {width:65px;} #nick_menu, #ccl_menu {width:70px;} #bbsLayer {width:320px;} #bbsLayer.cafeLayer.scroll {height:149px;} #gradeLayer, .grade_layer {width:150px;} #gradeLayer.cafeLayer.scroll {height:92px;} #headerLayer {width:200px;} #headerLayer.cafeLayer.scroll {height: 138px;} .commLayer {position: absolute; z-index: 99999; display: none; background-color: #fff; border:1px solid #bbb; } .commLayer ul { padding: 1px; margin: 0;list-style: none;} .commLayer li {clear: both; list-style: none; width:100%; margin:0; padding: 0; color: #333; text-align: left;} .commLayer a {clear: both; display:block; width:100%; padding:3px 0px 2px 0px; text-indent:7px; color: #333 !important;} .commLayer a:hover {background-color: #e2e8fa;} .commLayer li.layer_dotline {border-top: 1px dashed #dbdbdb; font-size:1px; height:1px; line-height:0; margin:2px 0; padding:0;} .commLayer.scroll {overflow:auto; overflow-x:hidden;} #minidaum #goServiceLayer.cafeLayer {top: 25px;left:0;} #minidaum #goServiceLayer.cafeLayer ul { padding: 1px; } #minidaum #goServiceLayer.cafeLayer li { clear: both; padding: 0; } #minidaum #goServiceLayer.cafeLayer li.layer_dotline { clear: both; margin:2px 0; padding: 0; } #minidaum #goServiceLayer.cafeLayer li a {font-size: 12px;} .cafeLayer { position: absolute; z-index: 16; display: none; border-width:1px; border-style: solid; } .cafeLayer ul { clear: both; padding: 1px; margin: 0px; list-style: none; } .cafeLayer li { clear: both; float: left; list-style: none; width:100%; height: 21px; margin:0; padding: 0px; text-align: left; } .cafeLayer a {clear: both; display:block; width:100%; padding:2px 0px 0px 0px; text-indent:6px;} .cafeLayer li.layer_dotline {border-top-width:1px; border-top-style: dashed; font-size:1px; height:1px; line-height:0; margin:2px 0; padding:0;} .cafeLayer.scroll {overflow:auto; overflow-x:hidden;} .cafeLayer a.p11 {letter-spacing: 0;} .cafeLayerPd { position: absolute; z-index: 10; display: none; border-width:1px; border-style: solid; } .cafeLayerPd { clear: both; padding: 1px; margin: 0px; list-style: none; } .cafeLayerPd li { clear: both; list-style: none; width:100%; margin:0; padding: 0px; text-align: left; } .cafeLayerPd a {clear: both; display:block; width:100%; padding: 2px 0 0; text-indent:7px;} .cafeLayerPd li.layer_dotline {border-top-width:1px; border-top-style: dashed; font-size:1px; height:1px; line-height:0; margin:2px 0; padding:0;} .cafeLayerPd.scroll {overflow:auto; overflow-x:hidden;} #ScrapLayer li a {font-family:돋움, dotum,sans-serif; font-size:11px; letter-spacing:-1px;} /* bbs */ /* 카페 QA 이벤트 */ #qaEventText { position: absolute; top: 1px; right: 0; } h3.title {font-family: 굴림, gulim, tahoma, sans-serif; font-size: 12px; font-weight: normal; padding: 17px 0 0 6px; margin: 0 0 12px 0; clear: both; position: relative; height: 22px; z-index: 1000; } #primaryContent h3.title { position: relative; z-index: 10001; } h3.title span {margin: 2px 12px 0 0;} h3.title .btn span {margin:0; text-indent:4px; height:20px; line-height:20px;} /* left 정렬로 변경 */ #qaEventText_left { position: relative; top:0; left:0;text-align:left; padding-left:10px; } #qaEventText_left img {border:0; margin-right:4px; vertical-align:middle;} #qaEventText_left a {text-decoration:none;} #qaEventText_left a:hover {text-decoration:underline;} * html h3.title span.bbs_admin_nick {margin-top: 5px;} h3.title em {font-style:normal;font-weight:bold;} h3.title .bar2 {margin: 2px 5px 0 5px;} h3.title .list_search_result strong {letter-spacing: -1px; font-family:돋움, dotum,sans-serif;} h3.title span.list_search_result {margin-left: -8px; margin-right: 3px;} h3 .list_title_sub {font-size: 14px; font-family:돋움, dotum,sans-serif; font-weight: bold; letter-spacing: -1px; margin-top: 0;} h3 a.list_title_sub {font-size: 14px; font-family:돋움, dotum,sans-serif; font-weight: bold; letter-spacing: -1px; margin-top: 0;} h3 a.list_title_sub:hover, h3 a.list_title_sub:visited, h3 a.list_title_sub:active {font-size: 14px; font-family:돋움, dotum,sans-serif; font-weight: bold; letter-spacing: -1px; margin-top: 0;} .sub_title {border-width: 2px; border-bottom-style: solid; position: relative; font-family:굴림,gulim,tahoma,sans-serif; font-size:12px; font-weight:normal;} .all h3.sub_title {margin-bottom: 42px; padding-left: 5px; padding-bottom: 4px;} .link_sms {position: absolute; top: -2px; right: 4px;} h3.title .sort_month {float: right; padding: 4px 12px 0 0;} h3.title .sort_month span {margin:0 4px;} .sub_title2 {clear: both; margin: 40px 0 7px 0; width: 100%;} .sub_title2.first {clear: both; margin: 25px 0 7px 0;} .sub_title2 h4 {font-family: 굴림, gulim, tahoma, sans-serif; font-size: 12px; margin: 0; padding: 0;} .sub_title2 h4 span {font-weight: normal;} .sub_title2 h4.chat_title {padding-top: 3px;} .sub_content_box {padding: 5px 5px 0 5px;} .admin_boxT {position: relative; width: 100%; height: 1px; font-size: 1px ! important; line-height: 1px; overflow: hidden; clear: both; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); -ms-filter:"alpha(opacity=60)";} .admin_box {height: 30px; position: relative; z-index: 10; } .admin_btn_area {float: left; padding: 4px 6px 4px 10px;} .admin_btn_area .bar2 {margin: 2px 2px 0 3px;} .admin_area_memo { margin:2px 0 0 10px;} /* 한줄메모장만 관리 위치 다름 */ .admin_area {float: right;padding: 7px 11px;} table caption {display: none;} .baseTable {border-collapse: collapse; clear:both;} .roundTable {width: 100%; border-collapse: collapse; clear:both;} @-moz-document url-prefix() { .roundTable {table-layout: fixed; } } /* bbs list */ .bbsList {clear: both; width: 100%; border-collapse: collapse;} .bbsList th {padding: 6px 9px 4px 9px; text-align: center; border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; font-weight: normal; font-size: 11px; font-family:돋움, dotum,sans-serif; letter-spacing: -1px;} .bbsList td {padding: 9px 9px 4px 9px; border-width: 1px; border-bottom-style: solid;} .bbsList td.chk {padding: 7px 0 4px 6px; width: 10px; overflow: hidden;} .bbsList td.num {text-align: center; padding: 8px 0 5px 8px;} .bbsList td.mysubject {width: 220px;} .bbsList td.mysubject a {width: 180px; overflow: hidden; } .bbsList td.subject { width:64%; word-break:break-all; word-wrap:break-word; } .bbsList td.subject a b { letter-spacing: -1px; } .bbsList td.subject_guide {padding: 12px 9px 6px 9px;} .bbsList td.nick {width: 23%; word-wrap: break-word;} .bbsList td.date {font-size: 11px; font-family: tahoma; text-align: center;} .bbsList td.count {font-size: 11px; font-family: tahoma; text-align: center;} .bbsList td.recommend_cnt {font-size: 11px; font-family: tahoma; text-align: center;} .bbsList td.level {width: 124px; text-align: center; } .bbsList td.mail {width: 54px; text-align: center; padding-left: 0; padding-right: 5px;} .bbsList td.manager {width: 250px;} .bbsList td.manager img {margin: 0 3px 0 20px; } .profile_wrap .bbsList td.nickid {width: 215px;} .bbsList td.nickall {width: 200px;} .bbsList td.desc {width: 106px;} .bbsList th.chat_enter {text-align: left; padding-left: 16px;} .bbsList td.chat_enter {width: 64px;} .bbsList td.chat_enter .icon_lock {float: left; margin: 5px 0 0 4px;} .bbsList .header {padding-left: 0;} .bbsList .header .headerTh {position:relative; z-index:1; text-align: left; padding-left: 9px;} .bbsList .header .bbs_headerArrow {text-align: center;} /* search bbs list add */ .bbsList td.chk input.search_chk { width:18px;} .bbsList th.search_num { width:58px; } .bbsList td.search_num {font-size: 11px;} .bbsList td.search_count { width:60px; padding:9px 10px 4px 20px;} .bbsList td.subject a.thum {float:left; margin-right:6px;} .list_row_info td {vertical-align:top;} .list_row_info .nick img {margin-bottom:-2px;} .list_row_info .list_check input {padding: 0; margin-top: -1px;} .list_row_info .search_nick img {margin-right: -2px; vertical-align: -2px;} .list_cmt_group_padding {padding-top:24px !important; padding-bottom:12px !important;} /* bbs list top right layer area */ .list_tr_area { position: absolute; top: 7px; right: 8px; } .list_tr_area .bar2 { margin: 0; } .hide_noti input { position: relative; top: -1px; right: -1px; vertical-align: middle; margin: 0; } .hide_noti label { cursor: pointer; } /* bbs list count */ .list_num { float: right; margin-top: 4px; } .admin_box .list_num { margin: 6px -10px 0 0; } .recent_list_num { position: absolute; bottom: 0; right: 7px; } .album_list_num { position: absolute; bottom: 4px; right: 7px; } .imgmovie_list_num { position: absolute; bottom: 0; right: 7px; } #viewListLayer { width:40px; right:0 !important; left:auto !important; overflow:hidden;} .recent_list_num #viewListLayer { left:23px !important; } .imgmovie_list_num #viewListLayer { left:-9px !important; width:80px; } .admin_box #viewListLayer { left:114px !important; } /* bbs read */ .article_subject {clear: both; margin-top: 7px; position: relative; border-width: 1px; border-top-style: solid; border-bottom-style: dashed;} .article_subject .subject { padding: 13px 12px 9px 17px; word-break:break-all; word-wrap:break-word; } .article_subject .date {position: absolute; top: 14px; right: 11px; width: 100px; height: 20px; font-size: 11px; font-family:돋움, dotum,sans-serif; text-align: right;} .article_subject .bar2 {padding: 0 2px 0 3px;} .article_writer {position: relative; clear: both; padding: 8px 8px 9px 17px; margin-bottom: 20px; z-index: 11;} * html .article_writer {position: static;} .article_writer span, .article_writer a {float: left;} .article_writer .url {float: right;} .article_writer .url a {float: none;} .bbs_contents {padding: 20px 12px 0 18px; position: relative; word-wrap: normal; word-break: normal; zoom:1; } .qnaContents .bbs_contents { padding: 20px 2px 0 8px; } .bbs_contents.avatar {padding-right: 150px;padding-bottom:100px;} .bbs_contents p {margin: 0; word-wrap: normal; word-break: normal;} .bbs_contents_inbox { zoom:1; } .user_contents {font-family: 굴림, gulim, tahoma, sans-serif;} .user_contents p {margin: 0;} .user_contents strong {letter-spacing: 0;} .avatar_area {position: absolute; top: 20px; right: 0px; width: 130px; height: 150px; text-align: center;} .avatar_area p {clear: both; padding-top: 2px;} #user_contents .c, #user_contents .tx-daum-image, #user_contents .txc-image {cursor: pointer; cursor: hand;} /* new bgm 20091104 */ .wBGMPlayer {width:272px;height:31px;background:url(http://img-contents.daum-img.net/music/2009_home/common/bg_player_ca.png) no-repeat;} * html .wBGMPlayer {background:Transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img-contents.daum-img.net/music/2009_home/common/bg_player_ca.png', sizingMethod='crop');} .wBGMPlayer img {border: 0;} .wBGMPlayer a {position: relative} .wBGMPlayer a:link {font-size: 11px; font-family:돋움, dotum,sans-serif; color:#fff; } .wBGMPlayer a:visited {font-size: 11px; font-family:돋움, dotum,sans-serif; color:#fff; } .wBGMPlayer a:hover, .wBGMPlayer a:active {font-size: 11px; font-family:돋움, dotum,sans-serif; color:#fff; text-decoration:underline;} .wBGMPlayer .areaTit {position: relative; overflow:hidden; float:left;width:113px;height:19px; padding: 5px 11px 0 16px;font-size: 11px; font-family:돋움, dotum,sans-serif; color:#fff;} .wBGMPlayer .areaTit a {position: relative;} * html .wBGMPlayer .areaTit {width:140px;} .wBGMPlayer .areaTit a {font-size: 11px; font-family:돋움, dotum,sans-serif; color:#fff; text-decoration: none;} .wBGMPlayer .areaAct {float:left;width:19px;height:19px;padding-top:4px;padding-right:4px;} .wBGMPlayer .areaBol {position:relative;float:left; width:30px; height:20px;padding:7px 0 0 15px;} * html .wBGMPlayer .areaBol {width:44px;} .wBGMPlayer .playerVolumeBox {position:absolute;top:4px;left:15px; z-index: 2;} .wBGMPlayer .playerVolumeBg {width: 10px;height:4px;background:url(http://img-contents.daum-img.net/music/2009_home/common/bg_player_ca.gif) repeat-x 0 -100px;font-size:0;line-height:0;} .wBGMPlayer .playerVolume {width:28px;margin-top:7px;} .wBGMPlayer .playerControl {position:absolute;top:3px;left:0px;width:11px;height:13px;background:url(http://img-contents.daum-img.net/music/2009_home/common/bg_player_ca.gif) no-repeat 0 -50px;} .wBGMPlayer .areaLink {float:left; margin-left: 6px; width:43px;} .wBGMPlayer .areaLink a, .wBGMPlayer .areaLink span {overflow:hidden;display:block;float:left;width:17px;height:8px;margin-top:9px;text-indent:-999em;background:url(http://img-contents.daum-img.net/music/2009_home/common/bg_player_ca.gif) no-repeat;} .wBGMPlayer .areaLink a.btnLyrics {background-position:0 -200px;margin-right:9px;} .wBGMPlayer .areaLink a.btnVideo {background-position:0 -300px;} .wBGMPlayer .areaLink span.btnLyrics {background-position:0 -150px;margin-right:9px;} .wBGMPlayer .areaLink span.btnVideo {background-position:0 -250px;} .wBGMPlayer .playerOn {background: url(http://img-contents.daum-img.net/music/2009_home/common/bt_play.gif) no-repeat; width: 19px; height: 19px;} .wBGMPlayer .playerOff {background: url(http://img-contents.daum-img.net/music/2009_home/common/bt_pause.gif) no-repeat; width: 19px; height: 19px;} .poll_box {text-align: center;} .poll_box .box_sub, .poll_box .poll_btn_area {width: 542px; margin: 0 auto; text-align: left;} .poll_box.result .box_sub {width: 98%; margin: 0 auto; text-align: left;} .poll_box .poll_title {padding: 13px 18px 11px 18px;} .poll_box .poll_list {padding: 16px 18px 9px 18px; margin: 0; list-style: none;} .poll_box .poll_list li {margin: 0; list-style: none; padding-bottom: 6px;} .poll_box .poll_btn_area {text-align: center; padding-top: 7px;} .poll_box .poll_btn_center {width: 156px; margin: 0 auto; text-align: left;} .poll_box .poll_btn_center2 {width: 40px; margin: 0 auto; text-align: left;} .poll_box .poll_btn_center3 {width: 98px; margin: 0 auto; text-align: left;} .poll_box .poll_subject {padding: 0 15px 0 0;} .poll_box .poll_result {padding: 16px 18px 10px 18px;} .poll_box .poll_result .linebg {width: 100px; height: 8px; font-size: 0; line-height: 8px; overflow: hidden;} .poll_box .poll_result .txt_point_bg {height: 8px; font-size: 0; line-height: 8px; overflow: hidden;} .poll_box .poll_result .bbsList th, .poll_box .poll_result .bbsList td {border-width: 1px; border-style: solid;} .content_info_etc, .signArea {padding: 40px 0 0 18px; clear: both;} .content_info_etc p, .signArea p {margin: 0;} .signArea img {border: 0 none;} .cclArea {position:relative; text-align: right; margin: 0 7px 8px 0; clear: both;} .cclArea ul, .cclArea li {list-style: none; padding: 0; margin: 0;} .cclArea img {margin: 0 0 0 4px; border: 0 none;} .cclArea_tooltip {position:absolute; top: -78px; right: 0; width: 124px; height: 80px;} .attachFile {padding: 31px 0 25px 18px;} .attachFile .List_close, .attachFile .List_open {float: left;} .attachFile p { padding:0; margin:0; } .attachFile p .arrowB { vertical-align:middle; } .attachFile ul, .attachFile li {padding: 0; margin: 0; list-style: none; clear: both;} .attachFile ul {padding-top: 4px;} .attachFile .attach_file {padding-bottom: 10px;} .attachFile .attach_img {padding-bottom: 15px;} .attachFile .attach_img img {margin-bottom: 5px;} .attachFile .attach_media {padding-bottom: 20px;} /* 첨부파일 아이콘 */ .attachFile .AFFileName { padding:2px 4px 2px 20px; background:transparent url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_etc_s.gif) 0 50% no-repeat; } .attachFile .attach_ext_doc .AFFileName { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_word_s.gif); } .attachFile .attach_ext_xls .AFFileName { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_xls_s.gif); } .attachFile .attach_ext_ppt .AFFileName { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_ppt_s.gif); } .attachFile .attach_ext_pdf .AFFileName { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_pdf_s.gif); } .attachFile .attach_ext_txt .AFFileName { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_txt_s.gif); } .attachFile .attach_ext_hwp .AFFileName { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_hwp_s.gif); } .attachFile .attach_ext_jpg .AFFileName { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_jpg_s.gif); } .attachFile .attach_ext_gif .AFFileName { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_gif_s.gif); } .attachFile .attach_ext_png .AFFileName, .attachFile .attach_ext_bmp .AFFileName { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_png_s.gif); } .attachFile .attach_ext_zip .AFFileName, .attachFile .attach_ext_alz .AFFileName { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_zip_s.gif); } .attachFile .attach_ext_mp3 .AFFileName, .attachFile .attach_ext_wav .AFFileName { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_mp3_s.gif); } .attachFile .attach_ext_avi .AFFileName, .attachFile .attach_ext_mpeg .AFFileName, .attachFile .attach_ext_wmv .AFFileName { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_movie_s.gif); } .attachFile .attach_ext_swf .AFFileName { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_swf_s.gif); } .attachFile .attach_ext_htm .AFFileName, .attachFile .attach_ext_html .AFFileName { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_html_s.gif); } .attachedImgView { cursor:pointer; vertical-align:middle; margin-left:4px; border:none; } .comment_scrap {position:relative; margin-bottom:11px; height:22px; padding-right:8px;} .comment_scrap p {margin: 0;} .comment_scrap .comment_view {width: 50%; height: 29px; line-height:15px; } .comment_scrap .comment_view .fr {padding-right: 6px;} .comment_scrap .comment_cnt {padding-left:17px; float:left; line-height:24px;} .commentBox .list_btn_area {padding: 2px 0 7px 6px; width: 100%; float: left;} .commentBox {clear: both; padding: 0;} .commentDiv {padding: 15px 18px 12px 18px; clear: both;} .commentSearchDiv { padding:15px 0 12px 0; clear:both;} .commentBox img {border: none;} .commentBox .dotline {border-width: 1px; border-top-style: dashed; height: 1px; line-height: 1px; overflow: hidden; clear: both; margin:0 0 13px 0; padding:0; } .bbs_recommend img { border: none; margin-right: 7px; } #recommendCnt { font-weight: bold; margin-right: 2px; } .recommend_wrap {} .bbs_recommend {vertical-align:middle; cursor:pointer;} .bbs_recommend span.left {padding-left:9px;} .bbs_recommend span.right {padding-right:9px; line-height:22px; font-weight: bold; background-position: right 0; overflow:hidden;} .bbs_recommend img {border:none; margin:4px 6px 0 0;} .bbs_recommend #recommendCnt {font-family:Tahoma;} .scrap_wrap {margin-left:6px; height:22px; overflow:hidden;} .comment_scrap .bar2 {line-height:24px;} #btnScrapMenu {display:block; *display:inline; height:22px; text-decoration:none; cursor:pointer;} #btnScrapMenu span {height:22px; line-height:21px; *height:21px;} #btnScrapMenu span.center {background-position: center 0;} #btnScrapMenu span.fl span.sep {margin:1px 0 0; border-right-style:solid; border-right-width:1px; width:1px; height:20px; line-height:20px; } #btnScrapMenu span.fl .arrow {float:left; height:19px; line-height:22px; padding:2px 2px 2px 3px; *padding:4px 3px 2px; font-size:7px; letter-spacing:0; *height:18px; *line-height:18px;} #btnScrapMenu span.txt_point {height:22px; padding:0 10px 0 7px; background-position:right 0; font-weight:bold; font-family:Tahoma; *line-height:22px;} #btnScrapMenu span.first {margin:0; height:21px; padding:2px 6px 0 8px; background-position:left 0; *line-height:22px;} .comment_scrap .print, .comment_scrap .spam {line-height:24px;} .comment_scrap .print {margin-left:12px;} /* 댓글 리스트 */ .commentBox .txt_btn {position:absolute; top: 0; right: 0;} .commentBox .chk input, .commentBox img { vertical-align:middle; } .commentBox .id {position:absolute; top: 8px; left: 10px; width:154px;} .commentBox .id_admin { position:absolute; top: 0; left: 0; } .commentBox .id_admin_n { position:absolute; top: 0; left: 0px; } .commentBox .comment_date { padding-left: 6px; } .commentBox .comment { padding: 22px 0 0 17px; zoom:1; word-break:break-all; word-wrap:break-word; } .commentBox .comment_n { padding: 22px 0 0 17px; zoom:1; word-break:break-all; word-wrap:break-word; } .commentBox .comment, .commentBox .comment_n { *padding-top: 19px; } .admin_wrapper .comment { padding-left: 41px; } .admin_wrapper .comment_n { padding-left: 41px; } .commentBox .comment .icon_new { vertical-align:1px; position:relative; top:3px; } .commentBox .comment table { margin-bottom:6px; } .commentBox .recomment {padding: 22px 0 0 34px; zoom:1; word-break:break-all; word-wrap:break-word; } .commentBox .recomment_n { padding: 22px 0 0 34px; zoom:1; word-break:break-all; word-wrap:break-word; } .commentBox .recomment, .commentBox .recomment_n { *padding-top: 19px; } .admin_wrapper .recomment { padding-left: 59px; } .admin_wrapper .recomment_n { padding-left: 59px; } .commentBox .recomment table { margin-bottom:9px; } .commentBox .recomment_pos .admin_head {top: 0;} .commentBox .recomment_modify {padding: 0 0 0 184px; } .commentBox .id_admin_n .re_icon {padding:0;} .commentBox .re_icon {padding:0 0 0 1px;} .commentBox .msg {text-align:center; padding:10px 0 7px;} .commentDiv .bar2 {margin: 0;} a.comment_on {font-weight: bold; letter-spacing: -1; text-decoration: underline;} a.comment_off {font-weight: normal; letter-spacing: 0; text-decoration: none;} .cmt_reply {padding-left: 170px;} .comment_enter {clear:both; padding: 3px 0 9px 0; zoom:1; } .commentPagingDiv { display: inline; } .commentPagingDiv .msg {text-align: center; padding: 10px 0 15px 0;} .txtcnt { padding-top: 4px;} .comment_pos {position:relative; padding:0 0 10px 0; clear:both; width:100%;} .recomment_pos {position:relative; padding:0 0 10px 0; clear:both; width: 100%;} .no_comment_reult {position:relative; padding:10px 0 20px 0; clear:both; width:100%;text-align:center;} .commentBox table , #memberTailTable, .reply_form table {border-collapse:collapse; width:100%; } .commentBox .reply_form { zoom:1; font-size:0; /* IE height bug fix */ } .commentBox .reply_form table { margin-bottom:13px; } .commentBox .paging { clear: both; padding: 5px 0; } .commentBox .icon_lock2 { margin-top: -2px; } .comment_contents { display: block; line-height: 1.4; } .comment_hidden .id_admin, .comment_hidden .id_admin_n { position: static; } .fixed2_1 .commentBox .comment, .fixed2_2 .commentBox .comment {width:688px; overflow:hidden;} .fixed2_1 .admin_wrapper .comment, .fixed2_2 .admin_wrapper .comment {width:664px;} .fixed2_1 .commentBox .recomment, .fixed2_2 .commentBox .recomment {width:671px; overflow:hidden;} .fixed2_1 .admin_wrapper .recomment, .fixed2_2 .admin_wrapper .recomment {width:647px;} .fixed2_1 .qna_as .commentBox .comment, .fixed2_2 .qna_as .commentBox .comment {width:666px; overflow:hidden;} .fixed2_1 .qna_as .admin_wrapper .comment, .fixed2_2 .qna_as .admin_wrapper .comment {width:649px;} .fixed2_1 .qna_as .commentBox .recomment, .fixed2_2 .qna_as .commentBox .recomment {width:649px; overflow:hidden;} .fixed2_1 .qna_as .admin_wrapper .recomment, .fixed2_2 .qna_as .admin_wrapper .recomment {width:635px;} /* 댓글검색결과 */ .result_commentDiv {padding: 7px 18px 3px 18px; clear: both;} .result_commentDiv .bar2 {margin: 0;} .readcmt_search_result .f_14_search{font-family: "돋움", dotum, sans-serif;} /* SlideView - by wracker1. last modified 2011.03.25 */ .slide_wrap {position: relative; float: left; left: 50%; clear: both; height: 122px; margin-top: 40px;} .slide_wrap a.btn {position: relative; left: -50%; top: 48px;} .slide_wrap a.btn img {border: 0 none; vertical-align: middle;} .slide_wrap a.btn .icon_slide_next {background-position: -1px 0;} .slide_wrap a.prev {margin-right: 10px;} .slide_wrap a.next {margin-left: 10px;} .slide_wrap .slide {left: -50%; border-left-style: solid; border-left-width: 1px;} .slide {position: relative; float: left; width: 610px; _width: 611px; height: 123px; overflow: hidden;} .slide ul {position: absolute; list-style: none; padding: 0; margin: 0; overflow: hidden;} .slide ul li {float: left; width: 120px; height: 120px; display: table; overflow: hidden; text-align: center; border-collapse: separate;} .slide ul li a {display: table-cell; vertical-align: middle;} .slide li.line {width: 121px; height: 121px; _width: 122px; _height: 122px; padding: 0; border-right-width: 1px; border-right-style: solid; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid;} .slide li.box_point {width: 118px; height: 118px; _width: 122px; _height: 122px; border-width: 2px; border-style: solid; z-index: 999;} .slide li a {display: table-cell; vertical-align: middle; _line-height: 122px; _font-size: 103px;} .slide img { border: 0 none; vertical-align: middle;} .slide .blank_thumb {display: block; width: 95px; height: 95px; margin: 10px; _width: 100px; _height: 100px; } /* webkit 계열에서 display: table 사용 할 시, 박스 모델 계산문제 때문에 사용. - http://play.daumcorp.com/pages/viewpage.action?pageId=43356395 */ @media screen and (-webkit-min-device-pixel-ratio:0) { .slide li.line {width: 122px; height: 122px;} .slide li.box_point {width: 122px; height: 122px;} } /* album */ .albumListBox {float:left;padding:10px 0 0 18px;} .albumList .icon_new {margin: 0;} .albumList ul {clear:both;margin:10px 0 0 0; width: 721px;} .albumList li {float:left;width:121px;margin:0 29px 0 0;height:204px; overflow: hidden;} .albumList li.last {margin:0 0 0 0;} .movieListBox li {height:147px;} .imageListBox li {height:187px;} .albumList li.firsts {clear:left;} .albumList li.lasts {float: none;} .albumList dl {position:relative; height:204px; overflow: hidden;} .albumList dt {position:relative;width:120px;height:120px; overflow:hidden;} .albumList dt a {position:absolute; left:0; bottom:0; text-align:center; width:100%; z-index:1;} .albumList dt a.more {display:block; overflow:hidden;width:17px; height:17px;position:absolute; left:auto; right:0px; bottom:0px; z-index:2; text-indent:1000em; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_img_open.gif) 0 0 no-repeat; cursor:pointer;} .albumList dt a.more.selected {background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_img_close.gif) 0 0 no-repeat;} .albumList dd span {letter-spacing: -1px;} .albumList dd.nick img {vertical-align: -3px; margin-right: 2px;} .movieListBox .albumList dt {height:80px;} .movieListBox .albumList dt img.movie {position:absolute; left:5px; bottom:5px; z-index:1;} .movieListBox .albumList dt a img {width:120px; height:80px;} .albumList .subject {margin-top:9px;} .albumList .blank_thumb {width:118px;height:118px;} .albumList .blank_thumb p {padding-top:30px;} .listTopBorder {border-top-width: 2px; border-top-style: solid; height:2px; line-height:0;} #viewerList .viewer {border-width:2px; border-style:solid; padding:12px 4px 12px 12px; height:64px; width:auto; position:absolute; z-index:10000; } #viewerList .viewer img {width:80px; height:60px; margin-right:8px; display:inline-block;} dd.collect_nick {overflow: hidden; height: 17px;} p.boardInfo_bot {padding:10px 16px;} /** album - admin */ .albumList .admin dd {margin-left:19px;} .albumList .admin dd.chk {position:absolute;top:127px;left:-4px;margin-left:0;} .albumList .admin dd.chk input {padding-left:4px;} .movieListBox .albumList .admin dd.chk {top:89px;} /* rss */ .rssSubTitleBar {height:29px;} .rssSubTitleBar .fl {padding-left: 8px;} .rssSubTitleBar .fr {padding-right: 7px;} .rssSubTitleBar .inp {position:relative;top:2px;} .rssList_tit {position:relative;height:28px;line-height:28px;text-align:center;border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;font-weight: normal; font-size: 11px; font-family:돋움, dotum,sans-serif; letter-spacing: -1px;} .rssList_tit .tit {padding-right:100px;} .rssList_tit .date {position:absolute;right:0;top:0;width:100px;} .rssListBox ul {padding-top: 2px;} .rssListBox li { clear:both; position:relative; width:100%; border-bottom-width: 1px; border-bottom-style: solid; padding: 7px 0 4px 0;} .rssListBox .viewtype_tit li {height: 19px; overflow: hidden;} .rssListBox .rssTit {padding-left: 10px;} .rssListBox .rssDate {position:absolute;right:13px;top:5px;width:100px;text-align:right;} .rssListBox .rssFeed {clear: both; padding: 4px 10px 0px 10px;} .rssListBox .rssFeed img {float:left; margin:0 13px 0 0;} .rssListBox .rssInfo {clear:both;padding:5px 10px 7px 10px;} /* favor */ .favor_article_list { position: relative; z-index: 9999; height: 24px; padding-left: 7px; clear: both;} #favorTipLayer { position: absolute; /*top: -55px; left: 405px;*/ z-index:99999; width: 159px; height: 67px; color: #666; padding:10px 0 0 20px; background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer05.png); } * html #favorTipLayer { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer05.png', sizingMethod='crop'); } .viewPeriod {margin-right: 5px;} /* invite */ .invite {clear: both; margin: 0 0 10px 0; position: relative; z-index: 100;} .invite th {border: 0 none; vertical-align: top; font-family: 굴림, gulim, tahoma, sans-serif; font-size: 12px; font-weight: bold; letter-spacing: -1px; text-align: left; width: 68px;} .invite td {border: 0 none; vertical-align: top; padding: 0 9px 9px 9px;} .invite .address {height: 14px; overflow-y:auto; width: 456px; padding: 4px 2px 0 2px; vertical-align: middle; float: left; margin-right: 2px;} .invite_btn_center {width: 118px; margin: 0 auto; text-align: left;} .invite_subject {height: 14px; padding: 4px 2px 2px 2px;} .inviteTipTxt {clear: both;} #addrWarp { top: 22px; right: 2px; padding-left:20px; border:solid 1px #e5e5e5; background-color:#f9f9f9; position:absolute; width: 597px; height: 301px; z-index: 100;} #addrWarp #select { position:relative; height: 258px;} #addrWarp #select #selectWarp { margin-top:25px; position:relative; width: 256px; float:left; z-index: 100; } #addrWarp #select #selectWarp .selectBox { border:solid 1px #e5e5e5; position:absolute; left:130px; top:4px; width:110px; height:16px; font-size: 11px; font-family:돋움, dotum,sans-serif;} #addrWarp #select #selectWarp #person .personMulti { border:solid 1px #e5e5e5; width:256px; height:188px; font-size: 11px; font-family:돋움, dotum,sans-serif; color: #444; overflow-y:scroll; } #addrWarp #select #selectWarp #group .groupMulti { border:solid 1px #e5e5e5; width:256px; height:188px; font-size: 11px; font-family:돋움, dotum,sans-serif; color: #444; overflow-y:scroll; } #addrWarp #select #ad_btn {margin: 117px 16px 0 16px; text-align: center; float:left; } #addrWarp #select #toSelect { margin-top:25px; width:256px; float:left; } #addrWarp #select #toSelect .to { margin:0; font-size:12px; height:25px; width:140px; float:left; line-height:25px; vertical-align:middle;} #addrWarp #select #toSelect .toList { border:solid 1px #e5e5e5; width:256px; height:188px; font-size: 11px; font-family:돋움, dotum,sans-serif; color:#444; overflow-y:scroll; } #addrWarp .addrBtn {height: 40px; text-align:center; } #addrWarp #addrBtn img { margin-top:10px; } /* 자주 연락한 지인*/ #oftenAddress { font-size:11px; padding:5px; position:absolute; top: 22px; right: 34px; width:445px; height: 48px; overflow-y:auto; } /* 소모임 */ #groupmake_btn {padding-top: 20px;} #groupmake_btn .center_btn_area a {margin: 0 2px;} #groupmake_btn .center_btn_area {width: 156px;} .groupmake_box {padding: 15px;} /* chat */ .chatRoom {position: relative; z-index: 10;} .nobotline { border-bottom: none !important;} .chatListInfo {padding: 8px 16px 7px 9px; position: absolute; top: 18px; left: 0px;} .chatListInfo li {padding: 3px 0;} .btn_chat_enter {width: 58px; display: block;} .chatMemberList {width: 100%; float: left; height: 300px; overflow: auto;} .chatMemberList ul {float: left; padding: 12px 0 12px 16px; } .chatMemberList li {float: left; width: 214px; height: 22px;} .chatMemberList .blank_msg {clear: both; padding: 12px 16px; text-align: center;} .touch {float: left; width: 100%;} .touch dl {float: left; width: 100%;} .touch dt {float: left; padding: 19px;} .touch dd {padding-top: 19px;} .touch dd .btn {margin-top: 20px;} .first_chat {margin-top: 0;} .link_admin {position: absolute; top: 4px; right: 4px; _right: 35px; } * html .link_admin { right: 35px; } .search_dummy_text { position: absolute; top: 32px; right: 110px; } /* new chat 20091109 */ .chat_home_noti {padding: 0 0 15px 4px; width: 691px; overflow: hidden; } .chat_noti_list {clear: both;} .chat_noti_list li.last {clear: both; padding-bottom: 30px;} .chatMainList {position: relative; width: 100%; clear: both;} #noMemberLayer {position: absolute; top: 0; left: 0; float: left; border: 1px solid #d4d4d4; width: 96px; padding: 9px 9px 6px; background: #fff;} .chatRoomBox {width: 508px; float: left; position: relative; z-index: 200;} .chatMemberListBox {width: 180px; float: right;} .chatMemberListBox .cafeon_search {border-width: 1px; border-bottom: 0 none; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: relative;} .chatMemberListBox .cafeon_search .inp_search {width: 150px;} .chatList_top {height: 30px;} .chatList_top .btn {margin-left: 0;} .chatList_intitle {padding-top: 7px;} .chatRoom, .chatMember {border-width: 1px; border-style: solid; clear: both;} .chatRoom {height: 454px;} .chatRoomList {border: 0; clear: both; width: 100%; height: 56px; border-bottom-width: 1px; border-style: solid;} .chatRoomList dt {padding: 10px 0 0 20px; float: left; margin: 0;} .chatRoomList dt .chatDes {padding: 1px;} .chatRoomList dd.chatBtn {padding: 18px 17px 0 0; margin: 0; float: right} .chatRoomList dt .msg {padding: 7px 0 0 0; text-align: left;} .chatRoomList.last {border-bottom-width: 0;} .chatMember {height: 434px;} .chatMember .userlistBox {width: 178px; height: 434px; overflow: auto;} .chatMember .userlistBox ul.waitUserlist {clear: both; padding: 7px 0 0 0;} .chatMember .userlistBox ul.waitUserlist li {padding: 3px 0 0 10px;} .getUserListBox {width: 193px; padding: 7px 0 11px 7px; position: absolute; z-index: 99999;} .getUserListBox dl {clear: both; padding: 5px 0 0 0;} .getUserListBox dl dt {float: left; width: 56px;} .getUserListBox dl dd {padding-left: 56px;} .bbschat {clear: both; padding-top: 12px; text-align: right;} .msgNoResult_cafechat {padding: 5px 10px; text-align: center;} /* 채팅 홈 배너영역 */ .chatRightBanner {position:relative;width:100%;height:0;font-size:0;} .chatRightBannerLayer {position:absolute; width:180px; height:100px; top:-105px; right:0; z-index:1000} .chat_title_margin {margin-bottom:22px !important;} /* write */ #write_head {float:left; margin-top: 0px; padding-bottom:4px; } #write_head p.head_set {float: left;} #write_head h4 { display: none; } #write_head select { float: left; margin: 0 5px 0 0; height:21px; padding:2px; } #write_head #spanHeadArea {margin-right:14px;} #write_head #spanHeadArea select { margin: 0 3px 0 0; } .write_tip {position: relative; top: -20px;} .head_opt { float: left; padding-top:1px !important; white-space:nowrap;} .head_opt input { vertical-align:middle; position:relative; top:-2px; margin-bottom:1px; } #write_title {clear:both; height: 29px; margin-bottom: 8px; border-width: 1px; border-style: solid; } #write_title h4 { display: none; } #write_title .title_inp { float: left; margin: 0; line-height: 27px;} #write_title #subject { width: 580px; height: 26px; line-height: 27px; border: 0 none; text-indent: 3px; background:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/img_title_blank.gif) no-repeat 2px 0;} #write_title #subject.wideType { width: 734px; } #write_title .title_editor { float: right; padding: 0 6px; height: 29px; border-left-width: 1px; border-left-style: solid; background-color: #f8f8f8;} #write_title .title_editor ul.title_editor_menu { float: left; padding: 3px 0 0px 0;} * html #write_title .title_editor ul.title_editor_menu { padding: 3px 0 3px 0;} #write_title .title_editor li { float:left; position: relative; z-index: 100;} #write_title .title_editor li a { display: block; font-family: 돋움,dotum; font-size: 12px; text-decoration: none; color: #333; } #tx_titleFontSize_menu { left: -126px; } #write_title .title_editor #tx_titleFontSize_menu li { float:none; padding:0; display:block; overflow:hidden; } #write_title .title_editor #tx_titleFontSize_menu a { font-family:굴림, gulim, sans-serif; display:block; width:100%;} #write_title .title_editor #tx_titleFontSize_menu a.tx-8pt {font-size:8pt;} #write_title .title_editor #tx_titleFontSize_menu a.tx-9pt {font-size:9pt;} #write_title .title_editor #tx_titleFontSize_menu a.tx-10pt {font-size:10pt;} #write_title .title_editor #tx_titleFontSize_menu a.tx-12pt {font-size:12pt;} #write_title .title_editor #tx_titleFontSize_menu a.tx-18pt {font-size:18pt;} #tx_titleFontColor { float: left; line-height: 0; margin-right: 3px; overflow: hidden; text-indent: -1000px; width: 31px; } #tx_titleFontColor a.tx-icon { background-position: -104px -10px } #tx_titleFontBold { margin:0 0 0 3px; float: none; } #tx_titleFontBold a.tx-icon { background-position: -25px -8px; } #tx_titleFontReset { float: left; height:22px; line-height: 0; overflow: hidden; } #tx_titleFontBold a.tx-icon { float: none } /* cafe anniversary */ .write_tip li.cafe11_event { margin-bottom: 7px; font-family: '돋움', dotum; font-size: 11px; color: #333; letter-spacing: -1px; } .cafe11_event { margin-bottom: 7px; font-family: '돋움', dotum; font-size: 11px; color: #333; letter-spacing: -1px; } /* write etcset */ #write_option_container { padding-bottom:17px; width:100%; float:left; } .write_etcset { margin:0; padding:0; clear:both; zoom:1; } .write_etcset h4 { float:left; margin:0; width:66px; font-size:12px; letter-spacing:-1px; } .write_etcset input { vertical-align:middle; position:relative; top:-2px; margin-bottom:1px; } .write_etcset dl { clear:both; zoom;1; } .write_etcset dt { font-weight: bold; float:left; width: 90px; height: 24px; line-height: 24px; } .write_etcset dd { float: left; height: 24px; line-height: 20px; padding-right: 0px;} .write_etcset dd label { margin-right: 17px; } /* write etcset - 설정정보 */ #write_etcset_info { position:relative; z-index: 31; float:left; display:inline; width:100%; margin:0 0 2px 0; /*IE z-index bug fix, #write_etcset_daumqa와 관련*/ } #write_etcset_info .write_etcset_simple { margin-left:5px; margin-bottom:0; } #write_etcset_info .write_etcset_simple, #write_etcset_info .write_etcset_simple li { float:left; display:inline; position:relative; } #write_etcset_info .write_etcset_simple li.btn { margin-left: 9px; top:-2px; } #write_etcset_info .write_etcset_simple .cafeLayer {top:20px;right:12px;} #write_etcset_info .write_etcset_simple #ccl_menu.cafeLayer {right:0px;} /* write etcset - 설정정보 - detail --; 오타 */ #write_etcset_detial { margin: 0 0 6px 67px; padding: 13px 22px 16px 22px; border-width: 1px; border-style: solid; zoom:1; } #write_etcset_detial .write_etcset_basic { zoom:1; } #write_etcset_detial .write_etcset_ccl { position: relative; padding: 16px 0 0 0; border-top-width: 1px; border-top-style: dashed; z-index: 2010; margin-top: 10px; zoom:1; } #write_etcset_detial .write_etcset_ccl .write_etcset_ccl_simple { clear: both; height: 27px;} #write_etcset_detial .write_etcset_ccl .ccl_detail { clear: both; margin-left: 90px; height: 74px; zoom:1; } #write_etcset_detial .write_etcset_ccl .ccl_detail dt { font-weight: normal; } #write_etcset_detial .write_etcset_ccl #about_ccl { position: absolute; top: -56px; left: -71px; width: 222px; height: 77px; line-height: 15px; background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer001.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer001.png", sizingMethod="crop"); } #write_etcset_detial .write_etcset_ccl #about_ccl p { padding: 12px 0 0 15px ; } #write_etcset_detial .write_etcset_ccl #view_about_ccl span { float: left;} #write_etcset_detial .write_etcset_ccl #view_about_ccl img { float:left; cursor: hand; background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_info.png); margin:3px 0 0 5px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_info.png", sizingMethod="crop"); } #write_etcset_detial .write_etcset_ccl dd.ccl_contents_more {clear:both;margin-left:90px;margin-top:3px;width:300px;display:inline;} /* write etcset - 답변받기 */ #write_etcset_daumqa {position: relative; width:100%; z-index:20; padding-top:8px; margin-bottom:2px; /* IE z-index bug fix, #write_etcset_info와 관련 */ } #write_etcset_daumqa .daumqayn_div img { cursor:hand; background-image:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_info.png); margin:0 0 0 1px; vertical-align:middle; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_info.png", sizingMethod="crop"); } #write_etcset_daumqa .daumqayn_div .arrowB { vertical-align:middle; } #write_etcset_daumqa .daumqayn_div .daumqayn_check label { margin-right: 5px;} #write_etcset_daumqa .daumqayn_div #daumqayn_sub_info { display:none; clear:both;display:block;margin-left:70px; } #write_etcset_daumqa .daumqayn_div #about_daumqa { display:none; position:absolute; top:7px; left:305px; width:206px; height:41px; line-height:16px; padding:6px 0 0 16px; background:transparent url(http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer005.png) 0 0 no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer005.png", sizingMethod="crop"); } /* write etcset - 글 보내기 */ #write_submitset { padding-top:8px; } #write_submitset #multi_post_layer { margin:0 0 0 67px; } #write_submitset #write_submitset_more { margin-bottom:6px; } .multi_post_layer_inBox { padding: 13px 22px 16px 22px; border-width: 1px; border-style: solid; } .write_submitset_category dt { line-height: 21px; } .write_submitset_category input {vertical-align: -2px;} .write_submitset_category label {vertical-align: middle;} .center_btn_area { display: block; width: 106px; margin: 0 auto; } .center_btn_area2 { display: block; width: 60px; margin: 0 auto; } .center_btn_area3 { display: block; width: 128px; margin: 0 auto;} .btn_cancel_area {position: absolute; top: 7px; right: 0;} .bbspreview {padding-top: 20px;} .bbspreview .list_btn_area {text-align: center;} .bbspreview .center_btn_area {text-align: left;} #activeXControlCafe { font-size:0; zoom:1; } #attach_file_hdn {display: none;} .fixed2_1 .write_box, .fixed2_2 .write_box {width: 770px;} /* blog posting */ .multi_post_layer_inBox dl, .multi_post_layer_inBox dt, .multi_post_layer_inBox dd {padding: 0; margin: 0; font-family: 굴림, gulim, tahoma, sans-serif; font-size: 12px;} .multi_post_layer_inBox dl { clear: both; } .multi_post_layer_inBox dt { font-weight: bold; float: left; width: 90px; height: 24px; line-height: 24px; } .multi_post_layer_inBox dd { float: left; height: 24px; line-height: 20px; padding-right: 0px;} .multi_post_layer_inBox dd label { margin-right: 17px; } .multi_post_layer_inBox #se_blog_make dd {clear: both; float: none;} .multi_post_layer_inBox #se_blog_make dd .inp {margin-right: 2px;} #se_blog_make .inp { width:120px; } /* map posting */ fieldset { border:none; margin:0; padding:0; } #write-etcset-post { padding-top:8px; } #write-etcset-post.write_etcset h4, #write-etcset-post .write_etcset_simple { line-height:24px; } #write-etcset-post.write_etcset h4 { width:71px; } #write-etcset-post .write_etcset_simple .button { } #write-etcset-post-detail { padding-top:16px; padding-bottom:10px; padding-right:0; z-index:30; } #write-etcset-post-detail h5 { position:absolute; top:16px; left:22px; } #map-post-wrap-select { zoom:1; z-index:1; display:none; } #map-post-search-text { padding-top:2px;padding-bottom:3px;padding-left:4px; width:194px; top:-1px; line-height:1; } #map-post-wrap-search .button { top:0; } #map-post-wrap-search { padding-left:4px; } #map-post-wrap-search .help img { background:transparent url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_info.png) 0 0 no-repeat; vertical-align:middle; position:relative; top:-2px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_info.png", sizingMethod="crop"); } #map-post-data-default { cursor:default; text-decoration:none; float:left; padding:3px 0; position:relative; top:-3px; line-height:20px; } #map-post-data-default:hover { text-decoration:none; } #map-post-data-default.more { width:350px; cursor:pointer; padding:2px 5px; border:1px solid #bbb; background:transparent url("http://i1.daumcdn.net/pimg/blog/p_img2/i_arrow_b2.gif") no-repeat 350px 10px; } #map-post-data-list { display:none; position:absolute; overflow:hidden; border:1px solid #bbb; z-index:9; left:0; top:21px; } #map-post-data-list li { white-space:nowrap; background-color:#fff; overflow:hidden; } #map-post-data-list li a { display:block; padding:2px 5px; width:350px; background-color:#fff; } #map-post-data-list li a:active, #map-post-data-list li a:hover { text-decoration:none; background-color:#e2e8fa; } #map-post-data-list li.selected { } #map-post-data-delete { float:left; width:10px; height:10px; overflow:hidden; text-indent:-9999em; position:relative; top:5px; margin-left:5px; display:inline; background:transparent url(http://i1.daumcdn.net/pimg/blog3/ic_delete02.gif) 2px 2px no-repeat; } #map-post-about.balloon_layer001 p { padding:22px 0 0 22px !important; } .write_etcset .write_etcset_simple { margin-bottom:5px; } .write_etcset .write_etcset_detail h5 { float:left; width:90px; height:24px; line-height:20px; margin:0; padding:0; font-size:12px; } .write_etcset .write_etcset_detail fieldset { margin-left:90px; } .write_etcset .write_etcset_detail .left { width:175px; float:left; height:24px; line-height:20px; } .write_etcset .write_etcset_detail .right { margin:0 0 0 175px; } /* 글쓰기 세부 설정 상자 */ .write_etcset_detail { margin: 0 0 6px 67px; padding: 13px 22px 13px 22px; border-width: 1px; border-style: solid; zoom:1; } /* registration */ /*.reg_wrap {padding:0 0 27px 0;}*/ .reg_wrap {padding:0 0 4px 0;} .reg_wrap .list_btn_area { position: relative; clear: both; height: 28px; margin: 39px 0 27px 0; } dl.reg_form {clear: both; position: relative; margin: 0 0 13px 0; } dl.reg_form dt {display: block; position: absolute; top: 0; left: 0; font-weight: bold; padding-top:4px;} dl.reg_form dd {padding: 0 0 2px 89px; } dl.reg_form dd label {margin-right:25px; } dl.reg_form dd .inp {padding: 0 0 3px 3px;} dl.reg_form dd.reg_txt {padding-top: 7px ! important;} .reg_msg {padding-bottom:47px;} .member_config { position: absolute; top: 4px; right: 0;} * html .member_config { top: 7px; } .member_link { clear: both; height: 19px; padding: 18px 0 13px !important; } #privateTipLayer { position: absolute; top: -75px; left: -17px; z-index: 10; width: 159px; height: 67px; color: #666; padding:10px 0 0 20px; background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer05.png); } * html #privateTipLayer { top: -76px; left: -16px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer05.png', sizingMethod='crop'); } .reg_agreement {padding:10px 0 20px 15px;} .reg_agreement p {padding:10px 0;} .center_reg_btn_area {display: block; width: 180px; margin: 0 auto;} .just_confirm {width:52px;} .reg_evt {padding: 25px; border-top-width: 1px; border-top-style: solid;} .reg_evt .go_evt { padding: 25px 0; } .reg_evt .go_evt a {float: left;} .myinfo_wrap .list_btn_area {margin:32px 0 22px 0;} .myinfo_wrap dl.reg_form dd {padding: 2px 0 2px 139px; } .preiview_area {clear: both; padding-top: 9px;} .img_upload {float: left;} .coca_uploader {width: 60px;} .img_upload .coca_uploader {width: 60px; clear: both; padding-top: 5px; display: block;} .blog_import {margin-top: 5px;} #imgsize_msg {display: block; padding: 3px 0 0 0;} .blog_msg {display: block; padding: 3px 0 0 0;} .file_inp {display: none;} .menu_img_type_wrap {} .preiview_area .blank_thumb {float: left; width: 70px; height: 70px; margin-right: 10px;position:relative;} .preiview_area .del_thum {background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_close.gif) no-repeat;height:12px;position:absolute;right:3px;top:3px;width:13px;z-index:1;font-size:0px;line-height:0;text-indent:-1000px;overflow:hidden;} .preiview_area .message_noimage { position: absolute; display: block; top: 12px; left: 14px; width: 42px; height: 60px; text-align: center; line-height: 1.4; font-style: normal; } .myinfo_field { margin: 0 0 5px 0; border: 0 none;} .myinfo_field.lineT { padding-top: 15px; border-top-width: 1px; border-top-style: solid;} .myinfo_field legend {display: none;} .top_first {padding-top: 3px;} #openyozm_comment { margin: 4px 0 0 5px; padding: 0 0 0 15px; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_noti.gif) no-repeat 0 3px; } /* 보안문자 */ .secret_area {margin-top:10px;} .secret_area input {width:258px;} .secret_area .img_text {margin:9px 0 0 0;} .secret_area .secret_viewer {clear:both; height:50px; margin:9px 0 0 0;} .secret_area .secret_viewer img {float:left;} .secret_area .secret_viewer a {float:left; margin:29px 0 0 7px;} .secret_area .secret_viewer .guess_sound {float:left; margin:29px 0 0 4px; width:21px; height:21px;} .secret_area .info {margin:20px 0 0 0; padding-left:17px; color:#999; font-family:dotum; font-size:11px; letter-spacing:-1px; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/popup/btn_info_001.gif) 0 2px no-repeat;} .secret_area .info a {color:#999; font-family:dotum; font-size:11px; text-decoration:underline;} .secret_area .check_message {font-family: '돋움', dotum, sans-serif; font-size: 11px; letter-spacing: -1px; margin-left: 6px; vertical-align: 1px;} /* 가입 안내 문구 */ dl.reg_form dt.join_info {text-indent: -9999px;} .reg_txt .join_info_msg {margin:13px 0 0 0; font-size:11px; letter-spacing:-1px; font-family: '돋움', dotum, sans-serif; } .reg_txt .join_info_msg a {font-size:11px; text-decoration:underline;} .reg_txt .joinApproval_info_msg {margin-top: 20px;} .reg_txt .joinApproval_info_msg .strong {font-weight: bold;} /* member list */ .memberSubTitleBar {height:24px;} .memberSubTitleBar .mem_cnt {display: block; padding: 5px 0 0 5px ;} /* profile */ .profile_wrap {padding:0 0 27px 0;} .rsForm .profile_wrap {margin: 0;padding:0 0 5px 0;} dl.profile_dl {clear: both; position: relative; margin: 0 0 13px 0; } dl.profile_dl dt {position: absolute; top: 0; left: 0; font-weight: bold; } dl.profile_dl dd {padding: 2px 0 2px 139px; } dl.profile_dl ol {margin: 0; padding: 0;} .profile_subfield.lineT { padding-top: 15px; border-top-width: 1px; border-top-style: solid;} #adminCafeIntro { display:block;width:538px;overflow:hidden;} #modifybtn {clear:both;} #history_write table {border-collapse: collapse;} #history_write td.history_title {padding-bottom: 5px;} #history_write td.history_title input.inp {padding: 2px 0 3px 2px;} .profile_menu { position: relative; margin-bottom: 20px; height: 27px; border-left-width: 1px; border-left-style: solid; overflow:hidden; } .profile_menu li {float: left;} .profile_menu li a {float: left; width: 100px; height: 25px; text-align: center; line-height: 25px; border-width:1px; border-style: solid; border-left:0 none;} .profile_menu li.On a {height: 26px; border-bottom-width: 0; font-weight: bold;} .profile_menu li.On a.bg_sub {background-color: transparent !important;} .profile_menu li.etc {position: absolute; top:0; left:505px; width:238px; height:26px; border-bottom-style: solid; border-bottom-width: 1px; } .profile_history_write {padding: 9px 18px 3px 18px; border-top-width: 2px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; } th.history_write_contents {vertical-align: top; padding-top: 15px;} td.history_write_contents textarea {width: 490px; height: 48px;} p.history_write_btn {float: right; padding: 15px 0 0 0px;} p.history_write_contents_charcnt {clear: both; width: 494px; padding-top: 2px; text-align: right;} .profile_history_wrap {padding:25px 0 20px 0;} .profile_history_wrap select {margin:0 0 6px 12px;} .profile_history_list {border-top-width: 1px ;border-top-style: solid; } .profile_history_list li {position: relative; width: 100%; border-bottom-width: 1px ;border-bottom-style: solid; padding:12px 0 10px 0;} .profile_history_list .ck {float: left; width: 24px;} .profile_history_list .date {position: absolute; top:10px; left:12px; width: 96px;} .profile_history_list .admin .date {width: 80px ! important;} .profile_history_list p,.profile_history_list .tit {display: block; margin:0 0 0 107px;} .profile_history_list p.msg {margin:0;padding:30px 0;} .profile_history_list p.history_btn {position:absolute; right:7px; top:12px; margin:0; padding:0;} .profile_history_list p.history_btn .bar2 {margin: 0 2px;} .profile_history_wrap .list_btn_area {margin-bottom:4px;} .profile_history_wrap p.profile_history_menu { height: 24px; margin: 0; padding: 0 10px 0 0;} .profile_history_wrap p.profile_history_menu .fr {margin-top: 1px;} .profile_wrap .list_btn_area {margin: 2px 0 10px 0;} .rankingType {margin-bottom: 40px;} .profile_sub_title {clear: both; height: 25px; margin: 0; paddgin: 0;} .profile_sub_title strong {text-indent: 5px;} #adminCafeIntroEdit {margin-bottom:5px;} #adminCafeIntroEdit textarea {width: 540px; margin-bottom:7px; height:90px;} #adminCafeIntroEdit .num {float:right;margin-right:10px;} #use_byte_bg {clear:both;position:relative;width:540px;height:6px;fotn-size:1px;line-height:0px;padding:0;} #use_byte_bg .txt_point_bg {height:6px;fotn-size:0px;line-height:0px;overflow:hidden;margin:0;} #use_byte_bg span {display:block;font-size:11px;line-height:100%;} .per0 {position:absolute;top:12px;left:0;} .per50 {position:absolute;top:12px;left:263px;} .per100 {position:absolute;top:12px;right:0;} #cur_cafe_rank {position: relative; width: 100%; height: 160px; border-width: 1px; border-style: solid; overflow: hidden;} #cur_cafe_rank ol {position: relative;left: -1px; float:left; width: 100%; margin: 0; padding: 0; list-style:none; } #cur_cafe_rank li {float: left; text-align: center; width: 115px; margin:0; padding:12px 0 8px 0; } #cur_cafe_rank li strong {display: block; border-left-width: 1px; border-left-style:solid; height:13px; line-height: 14px; overflow: hidden;} #cur_cafe_rank li em {display: block; font-style: normal; height:13px; line-height: 14px; } .detail_cafe_rank_wrap {position: absolute; top: 60px;} #cur_cafe_rank .detail_cafe_rank_wrap ol {background-color: transparent; position: relative; width:100%; } #cur_cafe_rank .detail_cafe_rank_wrap li {float: left; position: static; width: 68px;} #cur_cafe_rank .detail_cafe_rank_wrap .rank_arrow {float:right; display:block; text-align: right;} .rank_icon {display: block; height: 43px;} .detail_cafe_rank {clear: both;} #caferank_level001 .detail_cafe_rank_wrap, #caferank_level006 .detail_cafe_rank_wrap {left: 10px; width: 680px;} #caferank_level002 .detail_cafe_rank_wrap, #caferank_level003 .detail_cafe_rank_wrap, #caferank_level004 .detail_cafe_rank_wrap, #caferank_level005 .detail_cafe_rank_wrap {left: 40px; width: 680px;} /* mobileCafe */ .mobileCafe_wrap {position: relative; float: right; width: 360px; margin: 0px 0 0 0;} .mobileCafe_wrap .sub_title2 {position: relative; clear: both; margin:25px 0 2px 0; left: -22px;} #callback fieldset {border:0 none;padding:0;} #callback fieldset legend {display: none;} #callback fieldset p {clear: both; margin: 5px 0 9px 0;} #callback fieldset p.callback_formctrl {height: 22px;} #callback fieldset #pnum2 {width:90px; height:18px; margin: 0 4px;} p.feeguide {margin: 5px 0 4px 0;} p.feeguide_link {} p.free_noti_request {margin: 0 0 30px 0;} .tip { position: absolute; top: -77px; left: 0; width: 222px; height: 77px; line-height: 15px; background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer001.png); display: none;} * html .tip { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer001.png", sizingMethod="crop"); } .tip p { padding: 12px 0 0 15px ; color: #444;} #tip_newAticleInfo {left: 169px;} #tip_newAticleNoti {left: 230px;} .hint {padding:1px 0px 1px 0;} .hint img { background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_info.png) no-repeat; position: relative; top:2px;} * html .hint img { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_info.png", sizingMethod="crop"); } #phone { float:left; display: inline; width:235px; position: relative; padding:35px 0 3px 0; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/p_top01.png) no-repeat; margin:0 0 0 48px;} * html #phone {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/p_top01.png", sizingMethod="crop");} #phone_cont { padding:0 0 0 20px; background:url(http://i1.daumcdn.net/cafeimg/cf_img2/bbs2/p_line_bg.gif) repeat-y; } #wappage { overflow:auto; width:193px; height:310px; background-color:#fff; } #phone_bottom {background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/p_down01.png) no-repeat; } * html #phone_bottom {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/p_down01.png", sizingMethod="crop");} /* bottom search */ .cafeSearchBox {text-align: center; clear: both; padding: 22px 0 29px 0;} .cafeSearch_inBox {position: relative; width: 450px; margin: 0 auto; text-align: left;} .mem .cafeSearch_inBox {width: 400px;} .cafeSearchBox #q, .cafeSearchBox .q {width: 252px; padding: 4px 0 1px 2px; font-weight: normal; margin: 0;} .cafeSearchBox input.inp {width: 252px; padding: 2px 0 3px 2px; font-weight: normal; margin: 0;} .cafeSearchBox select.inp {padding: 2px 0 1px 0;} * html .cafeSearchBox select.inp {padding: 0;} .cafeSearchBox .inp {vertical-align: middle;} .cafeSearchBox .btn_search {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_search.gif) no-repeat; width: 37px; height: 21px; vertical-align: middle;} /* search list */ #search_ad {padding: 21px 10px 17px 10px;margin: 0 0 20px 0; border-left-width: 0; border-right-width: 0;} #search_ad ul {list-style:none; padding:0;margin:0;} #search_ad li {background-repeat: no-repeat; backgroun-position: 7px 2px; margin:0; padding: 0 0 2px 30px; line-height: 1.4;} #search_ad li a.txt_sub { font-size: 11px; font-family:돋움, dotum,sans-serif; } #searchList, #searchCafeList {clear:both;} #searchList.tit {border-bottom:1px solid #e9e9e9;} /* #searchCafeList.tit {border-bottom:1px solid #e9e9e9;} */ .all .list_row_info td {border-bottom-width:0;} .all .list_row_info .txt_sub {padding-top:10px;} .all .list_row_info .subject {padding-left:20px;} .tit .list_row_info td {border-bottom-width:1px;} .tit .list_row_search_feed {display:none;} .member_cmt_search_article .list_row_info td {border-bottom-width:1px;} td.search_con {padding: 8px 9px 13px 20px; margin:0;line-height:1.6; text-align:left;word-break : break-all;word-wrap : break-word} td.search_con table {width: 100%;} td.search_con table td {padding: 0; vertical-align: top; border: none;} td.search_con table .thumb {padding-top: 3px;} td.search_con .content {width: 100%;} .list_row_search_feed .content {line-height:1.6;} td.search_con span.bloc {display:block;vertical-align:top;padding-top:6px;} td.search_con .thumb_link {display: block; padding-right:14px; max-width:100px; overflow:hidden;} td.search_con table .thumb_link .movie {position: absolute; bottom: 5px; left: 5px; z-index: 1;} .searchSubMenuBar {clear:both;width:100%;height:30px;} .searchSubMenuBar .view_menu #articleTypeBtn {margin-right: -3px; letter-spacing: -1px;} .searchSubMenuBar .view_menu .bar2 {margin-right: 2px; margin-left: 0;} .searchSubMenuBar .view_menu .arrow {vertical-align: 1px;} .sort_menu {float:left; padding: 5px 0 0 8px;} .sort_menu span, .sort_menu a {float: left;} .searchSubMenuBar .sort_menu .arrow {padding-top: 4px;} .view_menu {float:right; position: relative; z-index: 9999; padding: 5px 7px 0 0;} .view_menu a {font-family:굴린, gulim,sans-serif;} .view_menu .bar2 {margin:0 2px;} .search_more {height:30px;} .search_more p {padding-top:7px;} .search_result_tit {margin-bottom:7px;padding:9px 16px 7px 16px;} .other_search_tit { padding: 16px 7px 14px 6px; } .other_search_tit a, .other_search_tit a:visited, .other_search_tit a:hover { letter-spacing: -1px; } .other_searchpreview_tit { padding:13px 16px 10px 0; text-align:right; letter-spacing:-1px; clear: both;} .tot_search { width: 540px; height: 23px; } .tot_search .inp { float: left; margin-right: 4px; } .tot_search a.vsearch{ float: left; margin-left: 4px; } .tot_search a.vsearch img{ display: block; } .tot_search a.search{ float: left; margin-left: 5px; text-decoration: none; } .tot_search a.search span { letter-spacing: -1px; line-height: 20px; cursor: pointer; } .tot_search a.my{ position: absolute; right: 2px; top: 3px; margin-left: 8px; } h5.searchpreviewtitle {height:20px; margin:0 0 0 12px; letter-spacing: -1px; padding:6px 0 8px 0; font-size:12px;} .search_box_line {float:left;border-top:1px;height:1px;width:100%; overflow:hidden;} /* search read */ .search_tit {height: 23px; margin: 0 0 6px 0; padding: 0 12px 0 8px; border-bottom-width: 1px; border-bottom-style: solid;} .search_add_result {margin:40px 0 0 0; width:100%;} .search_add_result .bbsList thead {display: none;} .search_add_result .bbsList td {border-bottom-width: 0px; line-height: 1.0;} .search_add_result .bbsList td.subject {padding-left:30px; background:url(http://i1.daumcdn.net/cafeimg/cf_img2/icon_dot_n.gif) no-repeat 18px 10px;} .open_article {clear: both; margin-top: 20px; padding: 10px 18px;} .relation_keyword {margin: 3px 0 7px 0; padding: 9px 16px 7px 18px;} /***** page *****/ .list_btn_area {clear: both; padding: 7px 7px 7px 6px;} .list_btn_areaT { position: relative; z-index: 998; clear: both; padding: 4px 7px 10px 10px; height: 20px; } .list_btn_areaT .btn {margin-right:5px;} .list_btn_areaT .newdata_cnt { float: left; margin: 3px 0 0 0; } .list_btn_top {clear: both; padding-top: 14px;} .list_paging {float: right; padding-top: 3px;} .list_paging a {letter-spacing: -1px;} .prenext_paging {margin-top: 37px; clear: both;} .prenext_paging ul, .prenext_paging li {list-style: none; padding: 0; margin: 0; clear: both;} .prenext_paging li {padding-bottom: 3px;} .paging {padding: 0 75px 0 0;text-align: center; font-size:12px; font-family: 굴림, gulim, tahoma, sans-serif; letter-spacing:-1px;} .paging span, .paging a {vertical-align:middle;} .paging span {display: inline-block; white-space: nowrap;} .paging span.num_prev, .paging span.num_next {display: inline-block; position: relative; width: 34px; top: 2px; *top:3px;} .paging span.num_prev span, .paging span.num_prev a {position: absolute; top: -11px; right: 0;} .paging span.num_prev .arrow {position: absolute; top: -8px; right: 22px;} .paging span.num_next span, .paging span.num_next a {position: absolute; top: -11px; left: 0;} .paging span.num_next .arrow {position: absolute; top: -8px; left: 22px;} .paging a {display: inline-block; text-decoration:none; vertical-align:middle; } .paging .b, .paging a.num_box {letter-spacing: 0px;} .paging a/**/ {float: none; margin: 0;} /* IE5 제외 핵 */ .paging a.num_list {padding: 1px 0 0 0;} .paging .bar2 {display: inline; width: 4px; padding: 0; text-align: center; overflow: hidden;} .num_box {padding: 3px 7px 1px 7px; border-width: 0px; font-weight: bold;} a.num_box:hover {padding: 2px 6px 0 6px; border-width: 1px; border-style: solid;} .paging.only {padding: 7px 0 0 0 ;} .chatpaging {padding: 9px 0 0 0 ;} .chatpaging span.num_prev span, .paging span.num_prev a {position: absolute; top: -12px; right: 0;} .chatpaging span.num_prev .arrow {position: absolute; top: -9px; right: 22px;} .chatpaging span.num_next span, .paging span.num_next a {position: absolute; top: -12px; left: 0;} .chatpaging span.num_prev .arrow {position: absolute; top: -9px; right: 22px;} .chatpaging .bar2 {margin-left: 6px;} .paging.noListBtn {padding: 0 ;} .paging.albumType {padding-right: 100px;} .paging span.num_prev_first, .paging span.num_next_last {display: inline-block; position: relative; width: 60px;} .paging span.num_prev_first span, .paging span.num_prev_first a {position: absolute; top: -12px; right: 0;} .paging span.num_prev_first .arrow {position: absolute; top: -9px; right: 46px;} .paging span.num_next_last span, .paging span.num_next_last a {position: absolute; top: -12px; left: 0;} .paging span.num_next_last .arrow {position: absolute; top: -9px; left: 34px;} .goTop {float: right; padding: 15px 12px 0 0; clear: both;} .goTop .arrowL {padding-top: 4px;} .protectTable {width:100%;border-collapse:collapse;}/* table-layout: fixed; 로 절대 하지 말 것 */ .qna_a_content .protectTable {width:700px; *width:688px;} .clearTable {clear:both;border-collapse:collapse;} .clearTable td {line-height: 100%; font-size: 1px; height: 0; overflow: hidden;} /* msg */ .errorMsg {text-align: center; padding: 40px 20px; margin-bottom: 7px;} .errorMsg h3 {font-family: 굴림, gulim, tahoma, sans-serif; font-size: 12px;} .errorMsg_con {padding-top: 20px; clear: both;} .errorMsg_ad {padding: 30px 0 10px 0; text-align: center; clear: both;} .errorMsg span {font-weight: bold;} /* pie */ #pie_paging {font-family: 굴림, gulim, tahoma, sans-serif; font-size: 12px; font-weight: normal; padding:2px 6px; margin-top: 2px;} #pie_paging a {font-weight: bold; font-family: 굴림, gulim, tahoma, sans-serif; font-size: 12px; text-align: center; padding:2px 6px;} #pie_paging a.over {font-family: 굴림, gulim, tahoma, sans-serif; font-size: 12px; text-align: center; padding:2px 6px;} #pie_paging a.select {font-weight:bold; padding:2px 6px;} #pie_paging a:link {text-decoration:none;} #pie_paging a:visited {text-decoration:none;} #pie_paging a:hover, #pie_paging a:active {text-decoration:underline;} #pie_paging a.arrow {padding:0; font-weight: normal;} /* beta */ .logo_beta1 {position: absolute; top: 0; left: 0; width: 100px; height: 100px; z-index: 999999;} .beta1 {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/b_tester_n.png) no-repeat; width:100px; height:100px;} * html .beta1 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/b_tester_n.png", sizingMethod="crop");} /* Tooltip Layer */ .help_icon { background: url("http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_info.png") no-repeat 0 0; vertical-align: -2px; cursor: pointer;} * html .help_icon { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_info.png", sizingMethod="crop"); } p.search_tooltip { position: absolute; display: none; z-index: 999999; width: 197px; height: 37px; padding: 13px 13px;font-size: 11px; line-height: 1.5; letter-spacing: -1px; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer02.png) no-repeat 0 0; font-family: '돋움', dotum, sans-serif; color: #444;} * html p.search_tooltip { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer02.png", sizingMethod="crop"); } /********** footer **********/ #footer {clear: both; text-align: center; padding: 0; margin: 20px 0 0 0; font-size: 11px; font-family:돋움, dotum,sans-serif; border-width: 1px; border-top-style: solid;} #footer p.copyright1 a {font-size: 11px; font-family:돋움, dotum,sans-serif;} #footer p.copyright1 {letter-spacing: -1px; padding: 11px 0 2px 0; margin: 0; clear: both;} #footer p.copyright2 {margin: 0; padding: 0 0 10px 0; clear: both;} #footer p.copyright2, #footer p.copyright2 a {font-size: 11px;} /* New button */ .button, .button button, .button a, .button input { position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:none; white-space:nowrap; background-color:transparent; background-repeat:no-repeat; overflow:visible; vertical-align:middle; } .button { padding:0; margin-right:2px; background-position:left top; } .button a, .button button, .button input { left:2px; background-position:right top; *vertical-align:top; cursor:pointer; } .button a span, .button button span { width:auto; } .button.disabled, .disabled { opacity:0.5; _border-right:2px solid transparent; _filter:alpha(opacity=50); } /* disabled button, IE opacity 관련 bug fix */ .button.bt01n, .button.bt01n a.bt01n, .button.bt01n input.bt01n, .button.bt01n button.bt01n, .button.bt01n a.bt01n span, .button.bt01n input.bt01n span, .button.bt01n button.bt01n span { height:48px; line-height:48px; width:auto; } .button.bt01n { padding-left:14px; } .button.bt01n a.bt01n, .button.bt01n input.bt01n, .button.bt01n button.bt01n { padding-right:14px; } .button.bt02n, .button.bt02n a.bt02n, .button.bt02n input.bt02n, .button.bt02n button.bt02n, .button.bt02n a.bt02n span, .button.bt02n input.bt02n span, .button.bt02n button.bt02n span { height:27px; line-height:27px; width:auto; } .button.bt02n { padding-left:2px; } .button.bt02n a.bt02n, .button.bt02n input.bt02n, .button.bt02n button.bt02n { padding-right:16px; padding-left:12px; } .button.bt03n, .button.bt03n a.bt03n, .button.bt03n input.bt03n, .button.bt03n button.bt03n, .button.bt03n a.bt03n span, .button.bt03n input.bt03n span, .button.bt03n button.bt03n span { height:23px; line-height:23px; width:auto; } .button.bt03n { padding-left:7px; } .button.bt03n a.bt03n, .button.bt03n input.bt03n, .button.bt03n button.bt03n { padding-right:7px; } .button.bt04n, .button.bt04n a.bt04n, .button.bt04n input.bt04n, .button.bt04n button.bt04n, .button.bt04n a.bt04n span, .button.bt04n input.bt04n span, .button.bt04n button.bt04n span { height:22px; line-height:22px; width:auto; } .button.bt04n { padding-left:7px; } .button.bt04n a.bt04n, .button.bt04n input.bt04n, .button.bt04n button.bt04n { padding-right:7px; } .button.bt05n, .button.bt05n a.bt05n, .button.bt05n input.bt05n, .button.bt05n button.bt05n, .button.bt05n a.bt05n span, .button.bt05n input.bt05n span, .button.bt05n button.bt05n span { height:22px; line-height:23px; width:auto; } .button.bt05n { padding-left:5px; } .button.bt05n a.bt05n, .button.bt05n input.bt05n, .button.bt05n button.bt05n { padding-right:5px; } .button.bt06n, .button.bt06n a.bt06n, .button.bt06n input.bt06n, .button.bt06n button.bt06n, .button.bt06n a.bt06n span, .button.bt06n input.bt06n span, .button.bt06n button.bt06n span { height:35px; line-height:35px; width:auto; } .button.bt06n { padding-left:19px; } .button.bt06n a.bt06n, .button.bt06n input.bt06n, .button.bt06n button.bt06n { padding-right:19px; } .button.bt07n, .button.bt07n a.bt07n, .button.bt07n input.bt07n, .button.bt07n button.bt07n, .button.bt07n a.bt07n span, .button.bt07n input.bt07n span, .button.bt07n button.bt07n span { height:18px; line-height:18px; width:auto; } .button.bt07n { padding-left:4px; } .button.bt07n a.bt07n, .button.bt07n input.bt07n, .button.bt07n button.bt07n { padding-right:4px; } .button.bt08n { } .button.bt08n, .button.bt08n a.bt08n, .button.bt08n a.bt08n span { height:24px; line-height:24px; width:auto; } .button.bt08n a.bt08n { padding-left:4px; padding-right:5px; } /* 풍선 도움말 */ .balloon_icon img { border:none; vertical-align:middle; position:relative; top:-1px; background:transparent url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_info.png) 0 0 no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_info.png", sizingMethod="crop"); } .balloon_layer001 { color:#444; position:absolute; display:none; width:222px; height:77px; line-height:16px; margin:0; padding:0; background:transparent url(http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer001.png) 0 0 no-repeat; /* IE6 */ _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer001.png", sizingMethod="crop"); } .balloon_layer001 p { margin:0; padding:6px 6px 16px 6px !important; } .balloon_layer005 { color:#444; position:absolute; display:none; width:222px; height:47px; line-height:16px; margin:0; padding:0; background:transparent url(http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer005.png) 0 0 no-repeat; /* IE6 */ _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer005.png", sizingMethod="crop"); } .balloon_layer005 p { margin:0; padding:6px 6px 0 16px !important; } /* * cafeqa 게시판 */ /* 공통 */ .qna_tool_rec { margin:15px 0 12px 0; } .qna_tool_rec .btn_recommend strong.txt { margin-right:9px; } .qna_tool_rec .button.bt02n button.bt02n { padding-left:9px; padding-right:14px; } body.qna_read .user_contents { padding-bottom:0 !important; } body.qna_read .attachFile { clear:both; line-height:normal; padding:11px 0 12px 18px; } body.qna_list_page h3.title { margin-bottom:4px; } /* FAQ 리스트 */ #recent-faq { } #recent-faq div.box { padding:0 0 9px 0; margin:0 0 26px 0; } #recent-faq-head { padding:15px 0 12px 14px; zoom:1; position:relative; } #recent-faq-head h4 { font-size:12px; line-height:normal; } #recent-faq-head h4 span { font-weight:normal; } #recent-faq-head p#recent-faq-control { position:absolute; right:8px; top:12px; margin:0; padding:0; } #recent-faq-head #prev-faq-btn a, #recent-faq-head #next-faq-btn a {cursor:pointer; text-decoration: none;} #recent-faq-head #prev-faq-btn.opacity a, #recent-faq-head #next-faq-btn.opacity a {cursor:default;} #recent-faq-list { table-layout:fixed; width:100%; border-collapse:collapse; } #recent-faq-list.show_prev_Faq .nfaq, #recent-faq-list.show_next_Faq .pfaq { display:none; } #recent-faq-list td { padding:0 9px 8px 9px; line-height:normal; } #recent-faq-list td.subject { } #recent-faq-list td.nick { width:16%; } #recent-faq-list td.date { text-align:center; width:80px; padding-left:0; } #recent-faq .bar2 { margin:0 2px; } body.qna_read #recent-faq div.box { margin-bottom:16px; zoom:1; } /* Q&A list page */ body.qna_list_page .opacity {display:inline-block;} body.qna_list_page .list_btn_areaT { height:34px; padding:0; position:relative; z-index: 998; width:100%; } body.qna_list_page .list_btn_areaT .faqListBtn {float:left;padding:4px 7px 0px 6px;} body.qna_list_page .list_btn_areaT .faqListSortBtn { position:absolute; top:8px; right:8px; } body.qna_list_page .list_btn_areaT .faqListSortBtn input { position:relative; top: -1px; vertical-align:middle; } body.qna_list_page .list_btn_areaT .faqListSortBtn .hide_noti input { margin-right: 0; } body.qna_list_page .list_btn_areaT .faqListSortBtn .bar2 { margin: 0;} body.qna_list_page .list_btn_areaT .faqListSortBtn #viewFilterLayer { width:98px;} body.qna_list_page .bbsListForm { clear:both; zoom:1; } /* Q&A read */ body#cafeSubLayout.fixed2_1 .qna_a_item .user_contents, body#cafeSubLayout.fixed2_2 .qna_a_item .user_contents { width: 700px !important; } body#cafeSubLayout.fixed2_1 .qna_a_item .commentPagingDiv, body#cafeSubLayout.fixed2_2 .qna_a_item .commentPagingDiv { width:auto; } body#cafeSubLayout.fixed2_1 .qna_a_item .user_contents img, body#cafeSubLayout.fixed2_2 .qna_a_item .user_contents img { max-width: 678px; } body.qna_read .list_paging .bar2 { margin:0; } body.qna_read .article_subject { border-top-width:2px; } /* Q&A read - comment */ body.qna_read .comment_scrap { margin-bottom:32px; } body.qna_read #qna-a-c-items .comment_scrap { margin-bottom:0; } /* 추천버튼 */ .btn_recommend span { font-family:tahoma,sans-serif; letter-spacing:0; } .qna_as .button.btn_recommend a.bt03n { padding-right:9px; } /* 채택버튼 */ .button.bt03n.btn_adopt a span { position:relative; top:1px; } /* 답변버튼 */ .button.bt03n.btn_answer { padding-left:6px !important; } .button.bt03n.btn_answer a span { position:relative; top:1px; } /* 쓰기페이지 등록버튼*/ .button.bt02n.btn_anssubmit button { padding-right:9px !important; padding-left:4px !important; } /* 답변 - 타이틀 */ .qna_as .qna_a_tit h4 { margin:17px 0 5px 0; padding-left:17px; font-size:12px;} .qna_as .qna_a_tit h4 span { font-weight: normal;} .qna_as .qna_a_tit h4 img.icon_new { vertical-align:middle; margin:0 0 0 -1px; position:relative; top:-1px; } .qna_as .qna_a_tit { position:relative; } .qna_as .qna_a_tit #qna-a-sort { position:absolute; top:-3px; right:8px; margin:0; padding:0; } .qna_as .qna_a_tit #qna-a-sort .bar2 { margin:0 0 0 1px; } /* 답변 - 답변쓰기 */ #qna-a-write { border-top-width:2px; border-top-style: solid; line-height:normal; margin-top:20px; } #qna-a-write p {padding:0; margin:9px 0 4px 8px;} #qna-a-write p .button { vertical-align:middle; } #qna-a-write p span#qna-a-write-title { position:relative; top:2px; } #qna-a-write #qna-a-editor-wrap { padding:0 8px; zoom:1; } #qna-a-write #qna-a-editor-wrap iframe { vertical-align:bottom; /* IE fix */ } /* 답변 - 답변 */ ul.qna_a_items { border-bottom:none; } ul.qna_a_items, ul.qna_a_items li.qna_a_item { list-style:none; margin:0; padding:0; zoom:1; } ul.qna_a_items li.qna_a_item { clear: both; border-bottom-width:1px; border-bottom-style:solid; padding:10px; position:relative; vertical-align:bottom; /* IE li gap bug fix */ } ul.qna_a_items li.qna_a_item div.blind { padding:31px 17px 0; height:49px; _height:80px; /* IE quirks mode fix */ } ul.qna_a_items li.qna_a_item div.item_wrap { padding:0 0 1px 0; } ul.qna_a_items li.qna_a_item .modify_wrap { zoom:1; } ul.qna_a_items li.qna_a_item .bar2 { margin:0; } ul.qna_a_items li.qna_a_item em { font-style:normal; } ul.qna_a_items li.qna_a_item .head { width:100%; } ul.qna_a_items li.qna_a_item .head .head_info { padding:6px 0 0 0; margin:0 0 0 17px; zoom:1; } ul.qna_a_items li.qna_a_item .head .head_info img { vertical-align: middle; position:relative; top:-1px; } ul.qna_a_items li.qna_a_item .head .bar2 { margin:0 1px; } ul.qna_a_items li.qna_a_item .qna_a_content { clear:both; margin:12px 0 0; padding:0 6px; zoom:1; } ul.qna_a_items li.qna_a_item .qna_ans_tool { float: right; margin-top: 4px; } ul.qna_a_items li.qna_a_item .qna_ans_tool .button { vertical-align:middle; } ul.qna_a_items li.qna_a_item .comment_scrap .comment_view { height:15px; } ul.qna_a_items li.qna_a_item .comment_scrap .comment_view .fr { padding-right:15px; } ul.qna_a_items li.qna_a_item .commentBox form { margin-top:12px; zoom:1; } /* 답변 - 답변 - 채택된 경우 */ ul.qna_a_items li.adopted .head { height:80px; } ul.qna_a_items li.adopted .head .head_info, ul.qna_a_items li.adopted .head .adopt_greeting { margin:0 0 0 70px; } ul.qna_a_items li.adopted .head .head_info { padding:16px 0 4px 0; } ul.qna_a_items li.adopted .head .head_info .bar2 { margin:0; } ul.qna_a_items li.adopted .head .adopt_greeting { padding:0; line-height:15px; } ul.qna_a_items li.adopted .head .adopt_greeting img { vertical-align:middle; height:9px; margin:2px 0 4px 0; /* IE6 Line-height/Replaced Element Bug Fix */ } ul.qna_a_items li.adopted .head .adopt_m, ul.qna_a_items li.adopted .head .adopt_q { float:left; margin:0; padding:2px 6px 0 14px; display:inline; zoom:1; } ul.qna_a_items li.adopted .head .adopt_m img, ul.qna_a_items li.adopted .head .adopt_q img { width:50px; height:67px; } ul.qna_a_items li.adopted .head .adopt_m img { background:transparent url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/icon_select_m.png) 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/bbs/icon_select_m.png", sizingMethod="crop"); } ul.qna_a_items li.adopted .head .adopt_q img { background:transparent url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/icon_select_q.png) 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/bbs/icon_select_q.png", sizingMethod="crop"); } ul.qna_a_items li.adopted .qna_a_content { margin-top:2px; } ul.qna_a_items li.adopted .qna_ans_tool { margin-top: 18px; } /* 답변 - 더보기(페이징) */ .qna_as .qna_a_c_more { padding:0; text-align:right; margin:7px 8px 0 0; } #qna-a-k.qna_as .qna_a_c_more { margin-bottom:17px; } /* 댓글 */ body.qna_read .commentBox .cmt_admin_tool { margin:0; padding:2px 0 7px 8px; } body.qna_read .commentBox .cmt_admin_tool .button { letter-spacing:-1px; } /* 카페 게임 - 홈 컴포넌트 */ .cafegameBox { position: relative; padding:8px 12px 8px; clear:both; margin-bottom:8px; overflow: hidden;} .cafegameBox h3 { padding:0; margin: 0 0 3px 0; height:16px; } .cafegameBox .show_btn { position: absolute; top: 10px; right: 10px; font-size: 11px; font-family: '돋움', dotum, sans-serif; text-decoration: none; letter-spacing: -1px; } #recommendGame {height:77px; padding:5px 3px 10px;} #recommendGame a {display:block; height:75px; border-width:1px; border-style:solid; text-indent:-10000em; overflow:hidden;} #cafeGameListWrap { padding: 0 3px; height:132px; overflow:hidden;} #cafeGameListWrap li { padding: 0 3px 0 25px; height:20px;margin:0 0 2px 0; vertical-align: middle;} #cafeGameListWrap li a {display:inline-block;} #cafeGameListWrap .newCafeGame, #cafeGameListWrap .eventCafeGame {padding: 0; margin: 0; width:9px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/cafegame/ico_cafe.gif) no-repeat;} #cafeGameListWrap .newCafeGame {background-position: 0 0; margin-left: 1px; display:inline;} #cafeGameListWrap .eventCafeGame {background-position: 0 -25px;} .cafegameBox #cafeGameListButton {position:absolute; top:10px; right:15px; width: 25px;} /* 공식 게임카페 리스트 */ #cafeGameSideMenu #officialGame {position:relative; padding-bottom: 6px; padding-top: 11px;} #officialGame .game_list {float: left; clear: both;} #officialGame .game_list li {float:left; width:47px; height: 47px; padding:6px;} #cafeGameSideMenu #officialGame h3 {margin: 0 0 3px 13px;} #officialGame #cafeGameListButton {position:absolute; top:11px; right:14px; width: 25px;} #cafeGameListButton a{display: block; width: 13px; height: 13px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/bt_move.gif) no-repeat; text-indent: -9999em; overflow: hidden; float: left;} #cafeGameListButton .next{width: 12px; background-position: -13px 0; margin: 0;} #cafeGameListButton .opacity {cursor:default;} #officialGameListWrap{width:183px; height: 59px; overflow:hidden; padding: 0 4px 0 7px;} #officialGameListWrap .game_list a{display:block; width:49px; height: 49px; text-indent: -10000em; color:#fff; padding:0; margin:0; } #officialGameListWrap .game_list a:hover{background-color: #000; filter:Alpha(Opacity=60);opacity:0.6; position:relative; text-indent:0; color:#fff; text-decoration:none; letter-spacing: -1px; line-height: 1.2em; vertical-align: middle; text-align: center;} #officialGameListWrap .game_list a span{display:block;} #officialGameListWrap .game_list img{float:left; text-indent: 0;} #officialGameListWrap .game_list a:hover img{display:none;} /* cafe game 관련 스타일 -> game.css */ /* 댓글, 한줄 메모장 입력 에디터 */ .longtail_editor { clear: both; zoom: 1; position: relative; z-index:15;} .longtail_editor .preview_area { display: none; position: absolute; left: 5px; top: 5px; width: 35px; } .longtail_reply .preview_area { top: 5px; } .longtail_editor .preview_area .btn_delete { position: absolute; display: block; top: 2px; right: 2px; padding: 0; width: 11px; height: 10px; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/btn_del11.gif) no-repeat; overlfow: hidden; border: none; overflow: hidden; text-indent: -100em; cursor: pointer; } .longtail_editor_btn .btn { display: inline; margin: 0 0 0 4px; } .longtail_editor_layout table { position: relative; width: 100%; table-layout: fixed; border-collapse: collapse; } .longtail_editor_layout td { padding: 0; vertical-align: middle; } .longtail_editor_layout .longtail_menu_row td { padding: 0 8px 0 0; } .longtail_comment { height: 48px; padding: 4px 0 2px 0; } .longtail_comment textarea { resize: none; margin: 0; padding: 0; width: 100%; height: 36px; border: 0 none; background-color: transparent; overflow: hidden; overflow-x: hidden; overflow-y: auto; line-height: normal; font-family: 굴림,gulim,tahoma,sans-serif; font-size: 12px; outline: 0 none; ime-mode: active; } .longtail_comment .has_image { padding-left: 45px; } .longtail_comment_wrap { position: relative; zoom: 1; padding: 5px; margin: 0; } .longtail_editor_btn { width: 56px; } .layout_modify .longtail_editor_btn, .layout_reply .longtail_editor_btn, .layout_confirm .longtail_editor_btn { width: 79px; } .longtail_editor_btn a.submit_content { width: 50px; } .longtail_editor_btn a.submit_content_sub, .longtail_editor_btn a.cancel_content { display: none; } .longtail_editor_menu { padding-top: 4px; height: 21px; } .longtail_editor_menu .menu_item_list { float: left; padding: 0; margin: 0; width: auto; list-style: none; } .longtail_editor_menu .menu_item_list li { float: left; clear: none; padding: 0; list-style: none; border-width: 0; border-style: none; } .longtail_editor_menu .menu_item_list li a.menu_item { display: block; width: 21px; height: 21px; text-indent: -9999em; overflow: hidden; outline: none; } .longtail_editor_menu .menu_photo { width: 21px; height: 21px; background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit09_01.gif); } .longtail_editor_menu .menu_photo object { float: left; } .longtail_reply .menu_photo { margin-right: 3px; } .longtail_reply .menu_photo a.menu_item { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit09_01.gif); } .longtail_editor_menu .menu_link { position: relative; } .longtail_editor_menu .menu_link a.menu_item { margin-right: 3px; background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit08_01.gif); } .longtail_editor_menu .menu_link a.menu_item:hover { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit08_02.gif); } .longtail_editor_menu .menu_link_select a.menu_item, .longtail_editor_menu .menu_link_select a.menu_item:hover { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit08_03.gif); } .longtail_editor_menu .menu_emoticon { position: relative; } .longtail_editor_menu .menu_emoticon a.menu_item { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit03_01.gif); margin-right: 3px; } .longtail_editor_menu .menu_emoticon a.menu_item:hover { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit03_02.gif); } .longtail_editor_menu .menu_emoticon_select a.menu_item, .longtail_editor_menu .menu_emoticon_select a.menu_item:hover { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit03_03.gif); } .longtail_editor_menu .menu_secret a.menu_item { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit04_01_n.gif?v=2); margin-right: 3px; } .longtail_editor_menu .menu_secret a.menu_item:hover { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit04_02_n.gif); } .longtail_editor_menu .menu_secret_select a.menu_item, .longtail_editor_menu .menu_secret_select a.menu_item:hover { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit04_03_n.gif); } .longtail_editor_menu .menu_setting { position: relative; } .longtail_editor_menu .menu_setting a.menu_item { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit05_01.gif); } .longtail_editor_menu .menu_setting a.menu_item:hover { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit05_02.gif); } .longtail_editor_menu .menu_setting_select a.menu_item, .longtail_editor_menu .menu_setting_select a.menu_item:hover { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit05_03.gif); } .longtail_editor_menu .menu_notice { margin-right: 9px; } .longtail_editor_menu .menu_notice label { margin-top: 3px; zoom: 1; } .longtail_editor_menu .menu_sep { float: left; margin: 2px 0 0 4px; color:#d5d5d5; } .longtail_editor_menu .menu_font_weight { display: none; } .longtail_editor_menu .menu_font_weight a.menu_item { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit06_01.gif); } .longtail_editor_menu .menu_font_weight a.menu_item:hover { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit06_02.gif); } .longtail_editor_menu .menu_font_weight_select a.menu_item, .longtail_editor_menu .menu_font_weight_select a.menu_item:hover { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit06_03.gif); } .longtail_editor_menu .menu_font_color { display: none; position: relative; z-index: 99999; width: 30px; overflow: visible; } .longtail_editor_menu li.menu_font_color a.menu_item { width: 31px; background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit07_01.gif); } .longtail_editor_menu li.menu_font_color_hover a.menu_item { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit07_02.gif); } .longtail_editor_menu .menu_font_color a.menu_item:hover { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit07_02_1.gif?v=2); background-position: 0 -1px; } .longtail_editor_menu .menu_font_color_select a.menu_item, .longtail_editor_menu .menu_font_color_select a.menu_item:hover { background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/edit07_03.gif) !important; } .longtail_editor_menu .menu_font_color_select a.menu_item:hover { background-position: 0 0; } .menu_font_color .textColorViewer { position: absolute; width: 11px; height: 21px; right: 0; top: 0; cursor: pointer; } .longtail_editor_menu span.bar2 {margin:2px 6px 0 7px;} .longtail_editor_menu .sns_share_items {margin-top:4px; *margin-top:5px;} .longtail_editor_menu .sns_share_items input {margin:0 4px 0 0; width:13px; height:13px; *vertical-align:4px;} .longtail_editor_menu .sns_share_items li {margin-right:12px;} .longtail_editor_menu .sns_share_items li.allow_yozm_wrap {margin-right:10px;} .longtail_editor_menu .sns_share_items li label, .longtail_editor_menu .sns_share_items li label img {vertical-align:0;} .longtail_editor_menu .sns_share_items li.last {margin-left:-3px; margin-top:-2px;} .longtail_editor_menu .sns_share_items .yozm_label img {border none; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_yozm.png) 0 0 no-repeat; *background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_yozm.png', sizingMethod='crop');} .longtail_editor_menu .sns_share_items .twitter_label img {border none; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_twitter.png) 0 0 no-repeat; *background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_twitter.png', sizingMethod='crop');} .longtail_editor_menu .sns_share_items .nate_label img {border none; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_cyworld_n.png) 0 0 no-repeat; *background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_cyworld_n.png', sizingMethod='crop');} .longtail_editor_menu .sns_share_items .facebook_label img {border none; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_facebook.png) 0 0 no-repeat; *background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_facebook.png', sizingMethod='crop');} .longtail_editor_menu .sns_share_items .me2day_label img {border none; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_me2day.png) 0 0 no-repeat; *background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_me2day.png', sizingMethod='crop');} /* sns not connected */ .longtail_editor_menu .sns_share_items .sns_not_connected .yozm_label img {border none; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_yozm_b.png) 0 0 no-repeat; *background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_yozm_b.png', sizingMethod='crop');} .longtail_editor_menu .sns_share_items .sns_not_connected .twitter_label img {border none; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_twitter_b.png) 0 0 no-repeat; *background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_twitter_b.png', sizingMethod='crop');} .longtail_editor_menu .sns_share_items .sns_not_connected .nate_label img {border none; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_cyworld_nb.png) 0 0 no-repeat; *background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_cyworld_nb.png', sizingMethod='crop');} .longtail_editor_menu .sns_share_items .sns_not_connected .facebook_label img {border none; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_facebook_b.png) 0 0 no-repeat; *background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_facebook_b.png', sizingMethod='crop');} .longtail_editor_menu .sns_share_items .sns_not_connected .me2day_label img {border none; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_me2day_b.png) 0 0 no-repeat; *background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_me2day_b.png', sizingMethod='crop');} /* 댓글, 한줄 메모장 입력 에디터 관련 레이어 */ #longtailLayerManager .menu_layer { display: none; position: absolute; z-index: 99999; padding: 11px 12px 10px; width: 200px; border-width: 1px; border-style: solid; line-height: 1.6; text-align: left; font-family: 굴림,gulim,tahoma,sans-serif; font-size: 12px; } #longtailLayerManager .only_texticon .menu_layer { padding: 3px 9px 11px 7px; width: 178px; } #longtailLayerManager .only_texticon .option_texticon { padding-top: 6px; border: 0 none; } #longtailLayerLink input.inp { margin-top: 2px; padding: 2px 0 2px 0; width: 200px; } #longtailLayerManager #longtailLayerSetting { border: 0 none; } #longtailLayerSetting .menu_layer { position: absolute; top: 0; left: 0; display: block; } #longtailLayerSettingBackground { position: absolute; top: 0; left: 0; z-index: 1; border: 0 none; filter: alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; } .menu_layer ul, .menu_layer p { margin: 0; padding: 0; list-style: none; } .menu_layer li { float: none; list-style: none; } .menu_layer .btn_durl { position: absolute; top: 10px; right: 13px; } .menu_layer .btn_delete { position: absolute; display: none; top: 1px; right: 1px; padding: 0; width: 11px; height: 10px; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/btn_del11.gif) no-repeat; overlfow: hidden; border: none; text-indent: -100em; cursor: pointer; } .menu_layer .option_image .blank_thumb { position: relative; float: left; margin: -6px 8px 16px 0; width: 32px; height: 32px; background-color: #fff !important; } .menu_layer .option_radio_wrap { margin-left: -4px; } .menu_layer .option_radio_wrap label { padding-right: 5px; } .menu_layer #imageSelfWrap span { padding-left: 10px; } .menu_layer .option_texticon { clear: both; padding-top: 8px; border-width: 1px; border-style: dashed none none none; } .menu_layer .option_texticon label { margin: 1px 0 0 2px; } .menu_layer .option_texticon a { padding-top: 2px; } .menu_layer .image_load { display: none; padding: 13px 7px 0 0; height: 44px; } .menu_layer #coca_uploader { float: left; } .menu_layer .btn_wrap { clear: both; margin: 0; padding: 5px 0 0 0; width: auto; text-align: center; vertical-align: middle; } .menu_layer .btn { display: inline-block; float: none; margin: 0 2px 0 2px; text-align: left; } .longtail_attach_image { float: left; position: relative; margin: 1px 0 0 0; padding: 0 0 3px 0; width: 94px; } .longtail_attach_image span { position: absolute; top: 1px; right: 8px; display: block; width: 18px; height: 18px; opacity: 0.8; filter: alpha(opacity=80); background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/btn_zoom01.gif) no-repeat; overflow: hidden; cursor: pointer; text-align: left; text-indent: -1000em; } .longtail_attach_image a { display: inline-block; border-width: 1px; border-style: solid; } .longtail_attach_image img { vertical-align: top !important; } .attach_view_large .longtail_attach_image { width: auto; height: auto; margin: 1px 0 5px 0; padding: 0; } .attach_view_large .longtail_attach_image span { top: 0; right: 0; background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/btn_zoom02.gif); } .attach_view_large .longtail_attach_image a { float: left; zoom: 1; border-width: 0; } .longtail_attach_video { float: left; position: relative; width: 94px; padding: 0 0 3px 0;} .longtail_attach_video img { float: left; width: 86px; height: 64px; } .longtail_attach_video span { position: absolute; top: 0; right: 8px; display: block; width: 18px; height: 18px; opacity: 0.8; filter: alpha(opacity=80); background: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/btn_zoom01.gif) no-repeat; overflow: hidden; cursor: pointer; text-align: left; text-indent: -1000em; } .longtail_attach_video p {margin:0;} .longtail_attach_video .play_icon { position: absolute; top: 18px; left: 33px; width: 24px; height: 26px; background: url("http://i1.daumcdn.net/icon/keroro/img/tvpot_play.png") no-repeat; text-indent:-1000px; } .attach_view_large .longtail_attach_video { width: auto; margin: 0 0 5px 0; } .attach_view_large .longtail_attach_video img, .attach_view_large .longtail_attach_video .play_icon { display: none; } .attach_view_large .longtail_attach_video span { right: 0; background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/btn_zoom02.gif); } .attached_wrapper .content_memo { padding: 2px 0 0 0; } .attached_wrapper .comment_contents { padding: 2px 0 0 95px; *padding-left: 91px; } .attach_view_large .content_memo, .attach_view_large .comment_contents { clear: both; float: none; display: block; padding: 4px 0 0 0; zoom: 1; } .longtail_reply { padding-top: 6px; } .content_memo { overflow:hidden; word-break:break-all; word-wrap:break-word;} .content_memo img { vertical-align: middle; margin-bottom: 6px; } .fixed2_1 .content_viewer, .fixed2_2 .content_viewer {width:691px; overflow:hidden;} .fixed2_1 .reply_list .content_viewer, .fixed2_2 .reply_list .content_viewer {width:629px;} .fixed2_1 .admin .content_viewer, .fixed2_2 .admin .content_viewer {width:659px; overflow:hidden;} .fixed2_1 .admin .reply_list .content_viewer, .fixed2_2 .admin .reply_list .content_viewer {width:600px;} .content_memo a.txt_point {white-space:nowrap;} .comment_pos .layout_modify { padding-top: 20px; padding-left: 16px; } .comment_pos .layout_reply { padding-top: 6px; padding-left: 16px; } .recomment_pos .layout_modify { padding-top: 20px; padding-left: 34px; } .admin_wrapper .comment_pos .layout_modify { padding-left: 40px; } .admin_wrapper .comment_pos .layout_reply { padding-left: 40px; } .admin_wrapper .recomment_pos .layout_modify { padding-left: 58px; } /* 한줄 메모장 */ .reply_size {padding-left:68px;} li.memo_notice { clear:both; padding-top:5px !important; margin:0 !important;} li.memo_notice dd.content_block {float:left; margin-left:10px !important ;} /* 이모티콘 레이어 */ #emoticonLayer { display: none; position: absolute; z-index: 99999; width: 195px; background: #fbfbfb; border: 1px solid #bababa; } #emoticonLayer img { float: left; display: inline-block; padding: 2px 2px 2px 3px; width: 20px; height: 21px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; cursor: pointer; } #emoticonLayer img:hover { background-color: #768fbd; } .longtail_editor_menu #emoticonLayer { left: 0; top: 23px; } /* colorpicker */ #colorPicker {position:absolute; z-index:99999; width:195px; background:#fbfbfb; border:1px solid #bababa; cursor:default;} #colorPicker td {padding:0;} #colorPicker .colorInner {padding:7px 6px 7px;} #colorPicker #colorThumb {width:75px; height:14px; margin-left:1px; border:1px solid #d9d9d9; overflow:hidden;} #colorPicker #colorInput {width:55px; height:14px; color:#333; font-family:'돋움', dotum; font-size:11px; padding:0 0 0 3px; border:1px solid #a7a7a7; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;} #colorPicker #colorInputBtn {margin:0 !important; padding:0 !important; cursor:pointer;} #colorPicker #colorInputBtn img {border:none; margin:0 !important; padding:0 !important;} #colorPicker #colorSwatches {border-collapse:separate; display:block; margin-top:4px; overflow:hidden;} #colorPicker #colorSwatches td div {width:12px; height:12px; cursor:pointer; overflow:hidden;} #colorPicker #colorSwatches #transN {cursor:default;} #colorPicker .more_area {position:relative; height:18px;} #colorPicker #colorGradeBtn {position:absolute; display:block; top:6px; right:2px; width:36px; height:10px; cursor:pointer; text-indent:-1000em; overflow:hidden;} #colorPicker .gradeoff {background-image:url(http://i1.daumcdn.net/cafeimg/cf_img4/design/common/bt_more_d.gif);} #colorPicker .gradeon {background-image:url(http://i1.daumcdn.net/cafeimg/cf_img4/design/common/bt_more_u.gif);} #colorPicker #colorResetBtn {position:absolute; display:block; top:6px; left:1px; margin:0 !important; padding:0 !important; cursor:pointer;} #colorPicker #colorResetBtn img {border:none; margin:0 !important; padding:0 !important;} #colorGradeArea {clear:both; padding:4px; width:172px; height:120px; margin-top:10px; background-color:#f9f9f9; border:1px solid #d9d9d9;} #colorGradeArea #chromaGradeBg {float:left; position:relative; width:150px; height:120px; background:#ff0000 url(http://i1.daumcdn.net/cafeimg/cf_img4/design/common/img_color.png) no-repeat; cursor:crosshair;} * html #colorGradeArea #chromaGradeBg {background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/design/common/img_color.png', sizingMethod='scale');} #colorGradeArea #hueGradeBg {float:left; position:relative; margin:0 0 0 4px; width:18px; height:120px; background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/design/common/colorbar_r.gif); overflow:hidden;} /* change 3 */ .img_selectbox {float:left; display:block; height:18px; font-family:gulim !important; font-size:12px !important; margin-right:4px; color:#666; border:1px solid #c9c9c9; padding:1px 23px 0 10px; cursor:pointer; cursor:hand; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/etc/btn_selectbox.gif) right 0px no-repeat; font-weight:normal; overflow:hidden;} .style_selectbox { float:left; height:22px; font-family:gulim !important; font-size:12px !important; margin-right:4px; color:#666; border:1px solid #c9c9c9; font-weight:normal; overflow:hidden;} .search_input_box {background-color:none} .pagingtype_search .last_pg_box {display:none;} #select_top_1,#select_bottom_1 {position:relative;float:left;} .cafeSearchBox .sel_body {top:21px;left:0;} .sel_body {z-index:99999;} .sel_body ul {padding-left:5px;} .sel_body li,.search_input_box select {float:left;} .sel_body li {clear:both; width: 180px; font-size:12px;} .sel_body li input {width:60px;height:18px;font-size:12px;} .sel_body li a {margin:3px 0 0 0 !important;font-size:12px;padding-left:0 !important;} .sel_body li p {float:left;} .sel_body li .button_set {margin-left:3px; cursor:pointer;} .search_result_box {margin:19px 3px 5px 5px; font-size:12px; font-family:'돋움', dotum, sans-serif; } .search_result_box em,.searchpreviewtitle em,other_searchpreview_tit em {font-style:normal;font-weight:bold;} .f_12_search {font-size:12px; } .f_14_search {font-size:14px; } .readcmt_search_result {position:relative; padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #E6E6E6;} .readcmt_search_fr {position:absolute;right:10px;} .another_bbs {width: 100%; border-collapse: collapse; margin-top: 20px;} .another_bbs td {vertical-align:top; padding-bottom:11px; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px;} .another_bbs td h5 {font-family:'돋움', dotum, sans-serif; font-size:12px;margin:11px 0 5px 18px; letter-spacing: -1px;} .another_bbs strong {padding-right:1px;} .another_bbs .related_bbs {width: 50%; overflow:hidden; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px;} .another_bbs .rcmd_person {border-right-style: solid; border-right-width: 1px;} .another_bbs ul {width:90%; padding-bottom:12px;} .another_bbs li {float:left;width:99%;padding-left:17px; margin-top:3px;} .another_bbs .rcmd_person img {vertical-align:middle;margin: 0 5px 0 3px;} /* 추천글쓴이 이미지 삭제 확정되면 삭제 .another_bbs .related_bbs ul,.another_bbs .rcmd_person ul {width:90%; padding-bottom:12px;} .another_bbs .related_bbs li {float:left;width:99%;padding-left:22px; margin-top:3px;} .another_bbs .rcmd_person {border-right-style: solid; border-right-width: 1px;} .another_bbs .rcmd_person li {float:left;width:99%; margin-top:3px; } .another_bbs .rcmd_person li.no_contents {padding-left:20px;} .another_bbs .rcmd_person li span {display:block; float:left;margin-top:5px;} .another_bbs .rcmd_person li .box {float: left; margin:0 5px 2px 22px; width: 30px; height: 30px;} .another_bbs .rcmd_person li img {float:left; display:block; height:30px; vertical-align:bottom;} */ /* 상세검색 */ #detail_search_wrap {position: relative; display: none; width: 100%; height: 237px; z-index: 999998; border:none;} .detail_search_layer {position:absolute; top:0; left:0; width: 742px; height: 237px; z-index: 99;} .detail_search_layer .title {padding: 12px 10px 2px 31px; margin: 0; font-size: 12px; letter-spacing: -1px;} .detail_search_layer .title em {margin-right: 2px;} .detail_search_layer .title span {margin: 0; vertical-align: 1px;} .detail_search_layer .title a {float: right; font-size: 11px; font-family: '돋움', dotum, sans-serif;} .detail_search_layer dl {clear: both; position: relative; height:161px; margin: 0 14px 0 27px;} * html .detail_search_layer dl {height:160px;} .detail_search_layer dt {float: left; clear: left; width: 70px; padding: 6px 0 6px 4px;} .detail_search_layer dd {display:inline-block; width: 185px; padding: 5px 0;} .detail_search_layer .gap {padding-top: 15px; padding-bottom: 2px; height: 23px;} .detail_search_layer .input_txt {float: left; width: 191px; height: 15px; padding: 1px 0 3px 2px; } .detail_search_layer select {float: left; width: 195px; height: 21px; } .detail_search_layer .selectTerm {margin-top:1px;} .detail_search_layer .checkbox_wrap {clear: both; height: 19px; padding: 3px 0 7px 0;} .detail_search_layer .checkbox_wrap input {float: left; width: 13px; height: 14px; padding: 0; margin: 2px 8px 0 0;} .detail_search_layer .checkbox_wrap label {float: left; margin-top: -1px;} #cafeMenuListWrap {float:right; width:385px; padding-right:19px;} #cafeMenuListWrap ul { width:100%; height: 123px; overflow-y: scroll; padding:10px 0 10px 5px;} #cafeMenuListWrap li {margin:2px 0; height:20px; cursor: pointer; padding: 1px 5px 1px 10px; vertical-align: middle;} #cafeMenuListWrap li input {float:left; margin-right: 5px; padding-right: 0;} #cafeMenuListWrap li label {float:left; line-height: 13px; margin-top:5px; background-repeat: no-repeat;} .detail_search_layer .footer_btn_wrap {clear: both; height: 25px; padding-left: 321px;} .detail_search_layer .footer_btn_wrap a {float: left; margin-left: 3px; text-decoration: none;} .detail_search_layer .footer_btn_wrap span {font-size: 12px; cursor: pointer;} .detail_search_layer .footer_btn_wrap .reset {float: right; font-size: 11px; width: 50px; margin-right: 24px; font-family: '돋움', dotum, sans-serif;} .doc_type_select {width: 185px; float: left;} .detail_search_layer .sel_body{display:none;float:left;position:absolute;top:118px;left:79px;width: 193px;} .search_comment #cafeMenuListWrap ul{height: 92px;} .search_comment .detail_search_layer dl {clear: both; position: relative; height:129px; margin: 0 14px 0 27px;} * html .search_comment .detail_search_layer dl {height:122px;} .search_comment .detail_search_layer {height: 206px;} #detail_search_wrap.search_comment {height: 206px;} .search_comment .sel_body{top:87px;left:79px;} /* calendar */ #forDateArea {position: relative; float: left; display: none; z-index: 99999;} #forDateArea input {float: left; width: 130px; padding: 1px 0 3px 2px;} #forDateArea #sForDate {margin-left: 5px;} #forDateArea button {position: absolute; top: 3px; background: none; border: none; padding: 0;} #forDateArea span {float: left; margin: 0 4px;} #forDateArea #curDate {float: none;} #forDateArea #btnStartCal {left: 121px;} #forDateArea #btnEndCal {left: 272px;} #calendarDiv {position:absolute; top:-10000px; left:-10000px; width:160px; font-size:11px; z-index: 9999; padding-bottom: 3px;} #calendarBackground {position:absolute; top:-10000px; left:-10000px; width:162px; height: 137px; font-size:11px; border: none; z-index: 999;} #calendarDiv .calendarNavi {clear:both; height:20px; z-index: 20; text-align: center; padding: 2px 1px 1px 1px;} #calendarDiv .calendarNavi #btnCalPrev {cursor:pointer; cursor:hand;} #calendarDiv .calendarNavi #curDate{font-family: tahoma, gulim, sans-serif; font-weight: bold; font-size: 11px;} #calendarDiv .calendarNavi #btnCalNext {cursor:pointer; cursor:hand;} #calendarDiv .calendarHead {color:#666; list-style:none; clear:both; height:18px; padding: 4px 0 0 6px;} #calendarDiv .calendarHead li {list-style:none; float:left; width:15px; margin: 0 3px; font-size:11px; font-family:돋움, dotum; text-align:center;} #calendarDiv .calendarHead li.holiday {color:#fe3813;} #calendarDiv #calendarBody {float:left; padding-left: 6px;} #calendarDiv #calendarBody span {float:left; width:15px; margin:1px 3px; font-size:10px; font-family:tahoma; text-align:center; cursor:pointer; cursor:hand;} #calendarDiv #calendarBody span.txt_sub {cursor: default;} #calendarDiv #calendarBody span.today {color:#fff; background:#7989eb;} #calendarDiv #calendarBody span.today a:hover {color:#fff;} #calendarDiv #calendarBody span.disable {cursor:normal; color:#999;} #calendarDiv #calendarBody .holiday {color:#fe3813;} /* 내가 쓴 글, 다른 사람이 쓴 글 */ .private_info_box {position: relative; clear: both; height: 80px; border-width: 2px; margin-bottom: 30px;} .private_info_box dl, .private_info_box dt, .private_info_box dd {float: left; font-family: '돋움', dotum, sans-serif;} .private_info_box dl {padding: 18px 0 0 83px; width: 89%;} .private_info_box dd {padding-bottom: 6px;} .private_info_box dd span {margin: 0;} .private_info_box dd .rating {vertical-align: -1px; padding-right: 3px; } .private_info_box dd .txt_point {font-weight: bold;} .private_info_box .user_img {position: absolute; top: 15px; left: 12px;} .private_info_box .user_img .box {width: 48px; height: 48px; padding: 0;} .private_info_box span.first_bar {padding: 0 5px;} .private_info_box .bar2 {padding: 0 5px 0 3px;} .private_info_box .new_line {clear: both; width: 100%;} .private_info_box .new_line a, .private_info_box .new_line a:hover, .private_info_box .new_line a:active, .private_info_box .new_line a:link, .private_info_box .new_line a:visited {text-decoration: none; margin-left: 3px;} .private_info_box .new_line .bar2 {margin-right: 1px; padding-left: 0;} .private_info_box .not_exist_member {font-weight: bold; font-size: 12px; letter-spacing: -1px; padding: 30px 0 0 20px;} #levelUpRequiredLayer {position:absolute; display:none; top:35px; left:458px; width:308px; height:114px; border:1px solid #bbb; background-color:white;} #levelUpRequiredLayer p {width:308px; line-height:1.6em; text-align:left;} #levelUpRequiredLayer p.desc {border-top:1px solid #e9e9e9; width:260px; padding: 10px 31px 0 17px; line-height:1.6em; font-size:11px; letter-spacing:-1px; color:#aaa; } #levelUpRequiredLayer p.no_required {width:291px; height:49px; padding:10px 0 0 17px;} #levelUpRequiredLayer p.yes_required {width:281px; height:49px; padding:10px 10px 0 17px;} #levelUpRequiredLayer p.not_required {line-height:114px; font-size:12px; text-align:center; color:#aaa;} #levelUpRequiredLayer .txt_sub {margin:0 5px;} .search_condition_desc {float: left; height:23px; padding-left:10px;padding-top:13px;} .search_submenu_bar {position: relative; float: right; height: 23px; padding-top: 11px; padding-right: 10px; z-index: 1;} .search_submenu_bar #viewTypeAll {margin-left: 4px;} .search_submenu_bar #articleTypeBtn {font-size: 12px;letter-spacing:-1px;} .search_submenu_bar #viewListBtn {font-size: 12px; } .search_submenu_bar .bar2 {margin: 0 2px 0 0;} .search_submenu_bar .p11 {vertical-align: 1px;} .menu_tab {width: 100%; border-collapse: collapse;} .menu_tab td {text-align: center; height: 26px; padding-top: 3px;} .menu_tab td.active {border-top-style: solid; border-top-width: 1px; border-left-style: solid; border-left-width: 1px; font-weight: bold;border-right-style: solid; border-right-width: 1px; letter-spacing: -1px;} .menu_tab td.blank {border-bottom-style: solid; border-bottom-width: 1px;} #articleTypeLayer ul {width: 84px;} #articleTypeLayer ul li {clear: none;} .list_manage_menu {clear: both; height: 30px;} .member_article_search_form {position: relative;text-align:left;} .member_article_search_form table {width: 100%; margin-top: -1px;text-align:left; } .member_article_search_form th {text-align:center;padding:6px 10px 3px 10px;} .member_article_search_form .list_check {width: 30px; text-align: center;} .member_article_search_form .list_number {width:55px; text-align: center;} .member_article_search_form .list_subject {width:100%; } .member_article_search_form .list_date {width:95px; text-align: center; font-size: 11px;} .member_article_search_form .list_view {width:50px; text-align: center; font-size: 12px;} .member_article_search_form .search_con {padding-left: 20px;} .member_article_search_form .search_con table td {padding: 0;} .member_article_search_form .search_con .content {padding-top: 2px;} .member_article_search_form .search_con img {margin-top: 5px;} /* 요약형 숨기기 */ .tit .list_row_contents {display:none;} .list_row_contents td {padding-top: 0px;} .list_row_contents td p {padding: 2px 10px 4px 0;} /* 게시글 읽기 관련 검색어 */ .relevant_search_wrap {margin: 50px 0;} .relevant_search_table {width: 100%; border-collapse: collapse;} .relevant_search_table th, .relevant_search_table td {padding: 0; margin: 0;} .relevant_search_table h5 {border-bottom-width: 1px; border-bottom-style: solid; margin: 0; padding: 6px 0 4px 10px; font-size: 11px; font-weight: normal; font-family: '돋움', dotum, sans-serif; letter-spacing: -1px;} #relevantResultList {padding: 0; margin: 0; list-style: none;} #relevantResultList li {height: 19px; padding: 4px 0 2px 10px;} #relevantResultList .box_point {position: relative; border-width: 2px; border-style: solid;} #relevantResultList .box_point a {font-weight: bold; cursor: default;} #relevantResultList .box_point .arrow {position: absolute; top: 7px; right: 6px;} #relevantResultList a, #relevantResultList a.visited, #relevantResultList a.hover {text-decoration: none;} #resultTableWrap table {width: 100%; border-collapse: collapse;} #resultTableWrap table th {padding: 6px 0 4px 0; border-bottom-width: 1px; border-bottom-style: solid; font-size: 11px; font-weight: normal; font-family: '돋움', dotum, sans-serif; letter-spacing: -1px;} #resultTableWrap table .title {width: 61%; padding-left: 17px; padding-right: 42px;} #resultTableWrap table .title span.txt_point {margin-right: 4px;} #resultTableWrap table .author {width: 21%; font-size: 11px; letter-spacing: -1px;} #resultTableWrap table .author a {letter-spacing: -1px;} #resultTableWrap table td.date {font-family: tahoma, sans-serif; text-align: center; font-size: 11px;} #resultTableWrap table .view {padding-right: 6px; text-indent: 12px; text-align: center;} #resultTableWrap table td.view {font-family: tahoma, sans-serif; font-size: 11px;} #resultTableWrap table .first td {padding-top: 10px;} #resultTableWrap table td {text-align: left; padding-top: 4px; font-family: '돋움', dotum, sans-serif;} #resultTableWrap table td img {vertical-align: -3px; margin-right: 3px;} #resultTableWrap table td.more {padding: 4px 0 8px 15px;} #resultTableWrap table td.more a {text-decoration: underline;} #resultTableWrap table .empty_data td {text-align: center; padding: 94px 0;} #resultTableWrap table .empty_data .txt_sub {font-size: 11px; letter-spacing: -1px; margin-top: 3px;} #resultTableWrap table .empty_data .txt_sub a {text-decoration: underline;} /* 카페활동 알림 */ .alimi_admin_box {clear: both; height: 30px;} .control_box { position: relative; height:23px; padding-left:10px;padding-top:13px; } .control_box .alimi_filters li { float: left; padding-right: 2px;} .control_box .alimi_filters li.vbar { width: 20px; padding: 0; text-indent: -100em; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_bar.gif) 12px 2px no-repeat; *background-position: 10px 0; } .control_box .alimi_filters a {letter-spacing: -1px; text-decoration: none; } .control_box .alimi_filters a span {letter-spacing: 0;} .control_box .alimi_filters .selected { font-weight: bold; text-decoration: underline; letter-spacing: -1px; } .control_box .alimi_filters strong { letter-spacing: 0; } .control_box .noti_message { float: right; margin-right: 10px;} .alimi_table td.type {width: 45px; padding-right: 0px;} .alimi_table td.mysubject {width: 140px;} .alimi_table td.subject {width: 60%;} .tooltip_padding_resize {padding:6px 13px 20px 13px !important;} /* 이전/다음 버튼형 페이징 */ .prev_next_btn_paging {float: right; padding: 8px 15px 0 0;} .prev_next_btn_paging li {float: left;} .prev_next_btn_paging .page_num {margin-right: 10px; color:#999; font-size: 11px; font-family: '돋움', dotum, verdana, sans-serif;} .prev_next_btn_paging li a {float: left; background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_rnl.gif); width: 16px; height: 15px; text-indent: -100em; overflow: hidden; cursor: pointer;} .prev_next_btn_paging li a.prev_btn_disable {background-position: 0 -15px;} .prev_next_btn_paging li a.prev_btn_enable {background-position: 0 0;} .prev_next_btn_paging li a.next_btn_disable {width: 15px; background-position: -16px -15px;} .prev_next_btn_paging li a.next_btn_enable {width: 15px; background-position: -16px 0;} /* 검색박스 - 플로팅 엘레먼트 .search_box_top {width: 100%; height:80px; margin-bottom:21px;}*/ .search_box_top {width: 100%; height: 77px; margin-bottom:21px;} * html .search_box_top{margin-bottom:24px;} .search_box_bottom {width: 100%; height: 43px; padding: 15px 0 25px 0;} .search_box_bottom_my {width: 100%; height: 23px; padding: 6px 0 25px 0;} .search_box_wrap {clear: both;} .search_box_topline {float:left;border-top:2px;height:2px;width:100%;} .search_box_floated_elem {float:left;position: relative; margin-top:15px; padding-left:14px; z-index: 10000;} .search_box_floated_elem .short_desc, .search_box_floated_elem select, .search_box_floated_elem .suggest, .search_box_floated_elem .btn_search, .search_box_floated_elem .btn_detail, .search_box_floated_elem .go_my_article {float: left; position: relative;} .search_box_floated_elem .short_desc {font-size: 12px; font-family: '굴림', gulim, tahoma, sans-serif; letter-spacing: -1px; font-weight: bold; margin-right: 7px;} .search_box_floated_elem .short_desc .txt_point {margin-right: 1px;} .search_box_floated_elem select {padding: 2px 0 1px 0; margin-top:0;} .search_box_floated_elem .suggest input {float: left; width: 156px; left: 0; padding: 4px 0 2px 2px; font-weight: normal; height: 13px;} .search_box_floated_elem .suggest button {left: 150px; top: 5px;} .search_box_floated_elem .suggest .suggestBox {width: 201px; left: 5px;} .search_box_floated_elem select, .search_box_floated_elem input {margin-left: 5px;} .search_box_floated_elem .btn_search, .search_box_floated_elem .btn_detail {padding-left: 5px;} .search_box_floated_elem .btn_search img {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_search.gif) no-repeat; width: 37px; height: 21px;} .search_box_floated_elem .btn_detail {text-decoration: none;} .search_box_floated_elem .btn_detail span {letter-spacing: -1px; cursor: pointer; font-size: 11px; font-family: '돋움', dotum, sans-serif;padding:0;margin:0;} .search_box_floated_elem .go_my_article {margin-left: 8px; text-decoration: underline; font-family: '돋움', dotum, sans-serif; font-size: 11px; letter-spacing: -1px; padding-top: 2px;} .search_box_floated_elem div.sel_body {position: absolute; top: 22px; left: -230px; width: 177px; padding: 5px; text-align: left; z-index: 10000;} .search_box_floated_elem .sel_body li a, .search_box_floated_elem .sel_body li input {padding-left: 0; margin-left: 0;} #searchPeriod1,#searchPeriod2 {width:150px;} .search_box_floated_elem .my_article{text-decoration: underline; font-size: 13px;} .search_box_floated_elem .my_article:hover{text-decoration: underline;} /* new 검색박스 */ .search_box_top_new {width: 100%; margin-bottom:21px;} .search_box_bottom_new {width: 100%; padding: 21px 0 36px 0;} .search_box_wrap {clear: both;} .search_box_topline {float:left;border-top:2px;height:2px;width:100%;overflow:hidden;} .search_box_bottom_new .search_box_elem {padding: 15px 0 0 14px; height:30px;} .search_box_elem {position: relative; padding: 15px 0 15px 14px; height:50px; z-index: 10000;} .search_box_elem .short_desc, .search_box_elem select, .search_box_elem .suggest, .search_box_elem .btn_search, .search_box_elem .btn_detail, .search_box_elem .go_my_article {float: left; position: relative;} .search_box_elem .short_desc {font-size: 12px; font-family: '굴림', gulim, tahoma, sans-serif; letter-spacing: -1px; font-weight: bold; margin-right: 7px;} .search_box_elem .short_desc .txt_point {margin-right: 1px;} .search_box_elem select {padding: 2px 0 1px 0; margin-top:0;} .search_box_elem select.widthfix {width:150px;} .search_box_elem .suggest input {float: left; width: 158px; left: 0; padding: 4px 0 2px 2px; font-weight: normal; height: 13px;} .search_box_elem .suggest button {left: 150px; top: 5px;} .search_box_elem .suggest .suggestBox {width: 201px; left: 5px;} .search_box_elem select, .search_box_elem input {margin-left: 5px;} .search_box_elem .btn_search, .search_box_elem .btn_detail {padding-left: 5px;} .search_box_elem .btn_search img {background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_search.gif) no-repeat; width: 37px; height: 21px;} .search_box_elem .btn_detail {text-decoration: none;} .search_box_elem .btn_detail span {letter-spacing: -1px; cursor: pointer; font-size: 11px; font-family: '돋움', dotum, sans-serif;padding:0;margin:0;} .search_box_elem .go_my_article {margin-left: 8px; } .go_my_article {text-decoration: underline !important; font-family: '돋움', dotum, sans-serif; font-size: 11px; letter-spacing: -1px; padding-top: 2px;} .search_box_elem div.sel_body {position: absolute; top: 35px; left: -230px; width: 177px; padding: 5px; text-align: left; z-index: 10000; zoom:1;} .search_box_elem .sel_body li a, .search_box_elem .sel_body li input {padding-left: 0; margin-left: 0;} .search_box_elem .btn_detail{width:70px;height:21px;background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_searchlist.gif) 0 0 no-repeat;text-indent:-10000em;} .search_box_elem .btn_search{margin-right:6px;} .my_article{text-decoration: underline !important; font-size: 13px;} .my_article:hover{text-decoration: underline;} #searchpreview_tooltip{position: absolute;display: none;z-index: 999999;width: 197px;height:45px;padding: 10px 13px 15px 13px;font-size: 11px;line-height: 1.5;letter-spacing: -1px;background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer03.png) no-repeat 0 0;font-family: '돋움', dotum, sans-serif;color: #444;} * html #searchpreview_tooltip {padding-bottom:10px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i1.daumcdn.net/cafeimg/cf_img4/img/img_layer03.png", sizingMethod="image");} #searchCafeList .th_article_cmt{width: 46px;padding-left: 8px;padding-right: 8px;} #searchCafeList .searchpreview_subject{padding-left:0;} #searchCafeList .searchpreview_con{padding-left:0; padding-top:1px;} #searchCafeList .cmtAticle_subject{padding-left:4px;} #searchCafeList .aticle_cmt_box{padding:0;} #searchCafeList .article_cmt_check{margin-left:10px;} .result_commentDiv .comment_date{padding-left:6px;} .result_commentDiv .comment_contents{margin: 2px 0 6px;} .result_commentDiv .no_roleCode{padding-left:17px;} .cmtList td{border:none;} .my_article_new{margin-top:6px;} /* read 댓글 검색영역 */ .cmt_search_box {float:center;margin:0 auto;text-align:center;width:100%;height:20px;padding: 1px 0 12px 14px;} .cmt_search_box_sns {float:center;margin:0 auto;text-align:center;width:100%;height:20px;padding: 9px 0 12px 14px; } .cmt_search_box .suggest input ,.cmt_search_box_sns .suggest input {height:20px !important;padding-top:3px;} .cmt_center_wrap {width:350px;text-align:center;margin:0 auto;} /* 댓글 검색 */ .commentBox .result_commentDiv .comment {padding: 23px 0 0 41px; zoom: 1; word-break: break-all; word-wrap: break-word;} .fixed2_1 .commentBox .result_commentDiv .comment, .fixed2_2 .commentBox .result_commentDiv .comment {width:655px; overflow:hidden;} .fixed2_1 .admin_wrapper .result_commentDiv .comment, .fixed2_2 .admin_wrapper .result_commentDiv .comment {width:631px;} .search_image{float: left; position: relative; margin: 6px 0 13px 0; padding: 0 0 3px 0; width: 94px;} .search_movie{float: left; position: relative; margin: 4px 0 13px 0; padding: 0 0 3px 0; width: 94px;} #searchCafeList .role_icon {vertical-align:top;margin-top:2px;} #searchCafeList .check_box {vertical-align:top;} #cmtSrchOptLayer{width:57px;} #cmtMediaInfoLayer{width:74px;} .article_cmt_first{padding-top:15px;padding-left:0;} .article_cmt{padding-left:0;padding-top:0;} .commentBox .article_cmt_first .comment_n, .commentBox .article_cmt .comment_n, .commentBox .article_cmt_first .comment, .commentBox .article_cmt .comment{padding: 23px 0 0 33px;} /* 내가 쓴 댓글 */ #comment_filters{ text-decoration:none; letter-spacing:-1px;} #comment_filters .selected{font-weight: bold;} #comment_filters a:hover{text-decoration:underline;color:#000;} #comment_filters a.selected:hover{text-decoration:none;} #comment_filters li {float: left; padding-right: 2px;} #comment_filters li.vbar {background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_bar.gif") no-repeat scroll 6px 3px transparent; padding: 0; text-indent: -100em; width: 14px;} /* 검색박스 - 관련 검색어 */ .search_box_wrap .thesaurus {clear: both; float:left; margin:0 auto; padding-top:10px; padding-left:11px; width:100%; z-index: 1;} .search_box_wrap .thesaurus dd,.thesaurus dt {display: inline; position: relative; z-index: 1;} .search_box_wrap .thesaurus dt { letter-spacing: -1px;} .search_box_wrap .thesaurus dd a { letter-spacing: -1px; padding: 0;} .search_box_wrap .empty_data dt {display: none;} .search_box_wrap .empty_data {float: left; width: 150px;} /* suggest */ .suggest {position: relative; z-index: 2;} .suggest input {line-height:100%;} .suggest button {position: absolute; cursor: pointer; background: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_suggest_view.gif) 0 0 no-repeat; width: 13px; height: 12px; padding: 0; border: none; text-indent: -999em; overflow: hidden;} .suggest button.expand {background-image: url(http://i1.daumcdn.net/cafeimg/cf_img4/img/icon_suggest_hide.gif);} .suggestBox {display:none;position:absolute;top:22px;background-color:#fff;font-size:12px;font-family:dotum,arial;line-height:17px;z-index:10000;} .suggestBox .list {min-height:98px;height:auto !important;height:98px;margin:0;padding:5px 0;color:#000;} .suggestBox .list ul {margin:0 ;padding:0;text-align:left;} .suggestBox li {overflow:hidden;height:21px;margin:0;padding:0;background-color:#fff;line-height:21px;cursor:pointer;font-family:dotum,arial;list-style:none;} .suggestBox a, .suggestBox a:visited, .suggestBox a:link, .suggestBox a:active {text-decoration:none;} .suggestBox a:hover {text-decoration:underline;} .suggestBox li a.item {display:block;padding:0 10px 0 9px;height:100%;background-color:transparent;} .suggestBox li a.item:hover {text-decoration:none;} .suggestBox li.on {background-color:#f4f4f4;} .suggestBox li strong {color:#ea570a;font-weight:normal;} .suggestBox .line {overflow:hidden;height:1px;padding:0;margin:7px 0px 6px;background-color:#e5e5e5;line-height:1px;font-size:1px;} .suggestBox .guide {padding:15px 10px;} .suggestBox .footer {position:relative;height:19px;margin:0;padding:5px 8px 0 9px; font-size:11px;letter-spacing:-1px;clear:both;} .suggestBox .footer a {font-family: "돋움", dotum, sans-serif; font-size: 11px;} .suggestBox .footer .fl {float:left;} .suggestBox .footer .fr {float:right;} .suggestBox .footer .bar {padding:0px 5px 0px 4px;color:#cbcbcb; float: none; display: inline; margin: 0; opacity: 1;} .suggestBox .footer .offGuide {display:none !important;} /* iPad 대응 video태그 TVpot button */ #movie-tvpot { height:375px; position:relative; text-align:center; width:640px; } #movie-tvpot .play-icon { position: absolute; top: 120px; left: 270px; width: 74px; height: 81px; background: url("http://i1.daumcdn.net/icon/keroro/img/tvpot_play_L.png") no-repeat; text-indent:-1000px; } #movie-tvpot .loading-indicator {background:url("http://i1.daumcdn.net/cafeimg/blog3/admin_design/loading.gif") no-repeat scroll 0 0 transparent; display:block; height:25px; left:25px; overflow:hidden; position:absolute; text-align:left; text-indent:-1000px; top:170px; width:320px;} #movie-tvpot video.ipad { top:0px; left:0px; width:640px; height:375px; } #movie-tvpot.ipad { width:640px; height:375px; } #movie-tvpot.ipad a { display: none; } #movie-tvpot-home { position:relative; width:402px; height:324px; text-align:center; } #movie-tvpot-home .play-icon { position: absolute; top: 120px; left: 170px; width: 74px; height: 81px; background: url("http://i1.daumcdn.net/icon/keroro/img/tvpot_play_L.png") no-repeat; text-indent:-1000px; } #movie-tvpot-home .loading-indicator { position:absolute; display:block; width:180px; height:25px; top:150px; left:25px; text-align:left; text-indent:-1000px; overflow:hidden; background:url("http://i1.daumcdn.net/cafeimg/blog3/admin_design/loading.gif") no-repeat scroll 0 0 transparent; } #movie-tvpot-home video.ipad { top:0px; left:0px; width:402px; height:324px; } #movie-tvpot-home.ipad { width:402px; height:324px; } #movie-tvpot-home.ipad a { display: none; } /* event */ .autosave .txt_area {float: left; width: auto; max-width: 640px; height: 18px;} .autosave .txt_area input {width: 15px; margin: 0 5px 0 0;} .autosave .txt_area .p11 {vertical-align: 2px;} /* game event 2.8 ~ 2.21 */ #eventNotiLayer {width: 581px; height: 571px; z-index: 100001; position: fixed; _position: absolute;} #eventNotiLayer .png_bug_fix_wrap {width: 581px; height: 571px; background: url(http://s1.daumcdn.net/cafeimg/top7/event/cafegame1101/popup_event1_v6.png) 0 0 no-repeat;} * html #eventNotiLayer .png_bug_fix_wrap {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://s1.daumcdn.net/cafeimg/top7/event/cafegame1101/popup_event1_v4.png", sizingMethod="crop");} .event_btn {position: absolute;display: block; border: none; overflow: hidden; text-indent: -9999em; background: none; padding: 0; cursor: pointer;} #eventNotiLayer .close_top_btn {top: 20px; right: 23px; width: 23px; height: 23px;} #eventNotiLayer .confirm_result {top: 440px; left: 189px; width: 203px; height: 56px;} #eventNotiLayer .show_event_detail {left: 24px; bottom: 15px; width: 93px; height: 21px;} #checkHideLayer {position: absolute; right: 158px; bottom: 14px;} #eventNotiLayer label {right: 58px; bottom: 12px; width: 125px; height: 21px;} #eventNotiLayer .close_bottom_btn {right: 15px; bottom: 13px; width: 33px; height: 21px;} /* 상품등록게시판(안전거래) */ .escrow_list h3.title {padding-right:110px; height:auto;} .escrow_viewer {position:relative; z-index:10; padding-left:20px; padding-top:26px; margin-top:35px;} .my_escrow_list {position:absolute; right:0; top:1px;} .escrow_title_area {position:relative; z-index:10; width:710px;} .escrow_title_area .product_info {position:relative; border-width:1px; border-style:solid; border-bottom:none; padding:9px 12px 9px 17px;} .escrow_title_area .product_info .txt_safety {position:relative; top:2px;} .escrow_title_area .product_info .txt_safety img {margin:0;} .escrow_title_area .product_info .notice_safety { position:absolute; top:6px; right:7px;} .escrow_title_area .product_info .notice_safety a {margin:0;} .escrow_title_area .product_info .notice_safety a.btn {margin-top:3px;} .escrow_title_area .product_info .notice_safety a.btn span {height:20px; line-height:20px;} .escrow_title_area .product_info .notice_safety span.txt {position:relative; top:5px;} .escrow_title_area .product_info .help_safety { float:left; padding:5px 5px 0 0; } .escrow_product_area {position:relative; z-index:5; float:left; margin-bottom:30px; width:691px; border-width:1px; border-style:solid; padding:17px 0 20px 17px;} .escrow_product_area .product_thumb { float:left; width:280px; } .escrow_product_area .product_thumb img { border-width:1px; border-style:solid; } .escrow_product_area .product_description { float:left; position:relative; width:411px; } .escrow_product_area .product_description.wide { width:688px; } .escrow_product_area .product_description h3 { margin:3px 0 9px; font-family:'돋움', dotum; font-size:16px; letter-spacing:-1px; } .escrow_product_area .product_description dl { float:left; margin:0; width:100%; padding-bottom:6px; } .escrow_product_area .product_description dt {position:relative; margin-right:10px; float:left; width:86px; font-weight:bold; letter-spacing:-1px;} .escrow_product_area .product_description dt span {position:absolute; right:0; top:3px; line-height:12px; opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30); -ms-filter:"alpha(opacity=30)";} .escrow_product_area .product_description dd { float:left; margin:0; width:293px; } .escrow_product_area .product_description dd a {text-decoration:underline;} .escrow_product_area .product_description dd.item_desc {line-height:17px;} .escrow_product_area .product_description .item_price {font-family:tahoma; font-size:15px; font-weight:bold; line-height:1.1;} .escrow_product_area .product_description input.item_quantity { width:32px; height:18px; padding:2px 0 0 2px; border-width:1px; border-style:solid; } .escrow_product_area .product_description hr {position:relative; top:5px; clear:both; height:1px; overflow:hidden; margin:0 20px 18px 0; border:none; background-color:#474747; border-color:red;} .escrow_product_area .product_description p.p11 {clear:both; margin:6px 20px 0 0; border-top-style:solid; border-top-width:1px; padding-top:13px; line-height:16px; *margin-top:9px;} .escrow_product_area .product_description p.free_sharing_info {margin-bottom:0;} .escrow_help_layer { position:absolute; top:25px; left:-343px; z-index:10; width:434px; padding-bottom:15px; border-width:1px; border-style:solid; } .escrow_help_layer .btn_x_close { position:absolute; top:10px; right:15px; } .escrow_help_layer .txt_help { padding:26px 0 15px 24px; line-height:20px; letter-spacing:-1px; } .escrow_help_layer .escrow_process_box { margin:0 15px 12px; padding:13px 10px 0; border-width:1px; border-style:solid; } .escrow_help_layer .escrow_process_box h5 { font-size:12px; margin:0 0 10px 0; } .escrow_help_layer .escrow_process_box dl {float:left;} .escrow_help_layer .escrow_process_box dl.last {margin-bottom:13px;} .escrow_help_layer .escrow_process_box dt {position:relative; float:left; width:96px; font-weight:bold; line-height:17px;} .escrow_help_layer .escrow_process_box dt span {position:absolute; right:8px;} .escrow_help_layer .escrow_process_box dd {float:left; margin-bottom:19px; width:286px; line-height:17px; letter-spacing:0;} .escrow_help_layer .txt_contact {padding-left:16px;} .escrow_buttons {position:relative; float:left; margin-top:12px;} .escrow_buttons button {text-indent:-10000em; overflow:hidden; border:none; padding:0; cursor:pointer;} .escrow_buttons .buy_button {width:89px; height:31px; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/btn_sell.gif) 0 0 no-repeat;} .escrow_buttons .sell_end_button {width:97px; height:31px; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/bg/btn_selldone.gif) 0 0 no-repeat;} .escrow_buycomplete_layer { position:absolute; top:32px; left:105px; z-index:10; width:265px; height:165px; padding:30px 15px 0 20px; border-width:1px; border-style:solid; } .escrow_buycomplete_layer .btn_x_close { position:absolute; top:10px; right:15px; } .escrow_buycomplete_layer .txt_complete {} .escrow_buycomplete_layer hr { clear:both; height:1px; overflow:hidden; margin-bottom:10px; border:0 none; } #sellerInfo {margin:0;} #sellerInfo p {margin:0; text-indent:1px;} #sellerInfo strong {margin:0 2px 10px 0; letter-spacing:-1px; line-height:1em;} #sellerInfo table {margin-top:10px; border-collapse:collapse; border-spacing:1px; border-top-style:solid; border-top-width:1px; text-indent:12px; text-align:left;} #sellerInfo th, #sellerInfo td {padding:8px 0 6px; border-bottom-style:solid; border-bottom-width:1px; line-height:1em;} #sellerInfo th {width:120px; font-weight:normal;} #sellerInfo td {width:252px;} #sellerInfo p.txt_sub {margin-top:10px;} #sellerInfo p.txt_sub a {margin-left:4px; text-decoration:underline;} #SafetyPhoneNumberLayer {position:absolute; top:20px; left:0; z-index:10; width:267px; height:145px; padding:18px 20px 23px; border-width:1px; border-style:solid;} #SafetyPhoneNumberLayer a.btn_x_close {position:absolute; right:10px; top:8px; font-size:11px; font-family:"돋움", dotum; text-decoration:none;} #SafetyPhoneNumberLayer p {margin:0; border:none; line-height:17px; font-weight:bold; letter-spacing:-1px;} #SafetyPhoneNumberLayer dl {margin:13px 0; border-width:1px; border-style:solid; padding:5px 0 10px;} #SafetyPhoneNumberLayer dl dt, #SafetyPhoneNumberLayer dl dd {float:left; margin:8px 0 0; line-height:12px; font-weight:normal; letter-spacing:0;} #SafetyPhoneNumberLayer dl dt {position:relative; margin-right:8px; padding:0 0 0 7px; width:100px;} #SafetyPhoneNumberLayer dl dt b {margin-right:1px;} #SafetyPhoneNumberLayer dl dt span {position:absolute; top:0; right:0; width:1px;} #SafetyPhoneNumberLayer dl dd {width:130px;} #SafetyPhoneNumberLayer p.txt_sub {padding:0; font-weight:normal;} #SafetyPhoneNumberLayer p.txt_sub span {display:block;} #SafetyPhoneNumberLayer p.txt_sub span.pl {padding-left:8px;} #SafetyPhoneNumberLayer {*width:307px; *padding:18px 20px 17px;} #SafetyPhoneNumberLayer dl {*padding:6px 0 9px;} #SafetyPhoneNumberLayer dl dt, #SafetyPhoneNumberLayer dl dd {*line-height:14px; *margin:6px 0 0;} #SafetyPhoneNumberLayer dl dt {*width:109px; *margin-right:6px;} #showEscrowHelp {position:absolute; top:0; right:0;} #showEscrowHelp span {height:20px;} #showEscrowHelp img {border:none;} .escrow_viewer #showEscrowHelp {right:0; top:-23px;} .escrow_viewer #showEscrowHelp .btn_txt {padding-top:0; *padding-top:4px;} /* escrow ie hack */ .escrow_product_area {*width:710px; } .escrow_product_area .product_description hr {*margin:0 20px 6px 0; *top:0;} .escrow_help_layer .escrow_process_box dl {*margin-bottom:18px;} .escrow_buycomplete_layer {*width:300px; *height:200px;} .my_escrow_list {*top:-3px;} /* region select layer */ .region_select {position:absolute; z-index:10000; margin-top:35px; border-width:1px; border-style:solid; padding:15px 0 0 19px; width:343px; height:200px;} .region_select .close {position:absolute; top:10px; right:10px; display:block; line-height:12px;} .region_select dl {float:left; margin-bottom:14px;} .region_select dt {margin: 0 0 7px; letter-spacing:-1px; font-weight:bold;} .region_select dd {float:left; width:84px; padding-left:1px;} .region_select dd input {float:left; margin:8px 7px 0 0 !important; padding:0;} .region_select dd label {display:block; margin-top:8px; width:83px; line-height:1.1em;} .region_select .buttonWrap {clear:both; margin-top:15px; width:323px; border-top-width:1px; border-top-style:solid;} .region_select .buttonWrap div {margin:0 auto; width:100px;} .region_select .buttonWrap .btn {margin:0 5px;} .region_select {*left:0;} .region_select dl {*clear:both; *width:350px; *margin-bottom:0;} .region_select dd label {*width:63px;} .region_select .close {*position:relative; *float:right; *margin:0; *top:-8px; *width:auto; *height:auto; *line-height:13px;} * html .region_select dd {width:86px;} * html .region_select dd input {width:13px; height:13px;} /* 내가쓴댓글&남이쓴댓글 */ .member_cmt_search_result {clear: both; padding:10px 0 11px 10px; zoom:1;} .member_cmt_search_totalresult {float:right; color:#444;} /* 광고 */ #cafeBnBox_LEFT { width:183px; height:183px; margin-bottom:10px;} #ADBOX_LEFT {width:181px;height:183px} #cafeBnBox_TOP { width:774px; height:70px; margin-bottom:10px;} #ADBOX_TOP {width:772px;height:70px} .cafeBnBox_W {width:183px; height:183px; } .cafeBnBox_W dl {margin:0;padding:15px 18px 2px 18px; text-align:left;} .cafeBnBox_H {width:774px; height:70px; } .cafeBnBox_H dl {padding:0;float:left; width:357px; margin:10px 0 0 20px; text-align:left;} .cafeBnBox_W dt, .cafeBnBox_H dt {margin:0;padding:0;font-size:12px; font-weight:bold; height:20px;} .cafeBnBox_W dd, .cafeBnBox_H dd {margin:0;padding:0;font-size:12px; line-height:15px;} .cafeBnBox_W dd.lnk, .cafeBnBox_H dd.lnk {margin-top:1px; height:14px;} .cafeBnBox_W dd.lnk a, .cafeBnBox_H dd.lnk a {font-size:11px;} #darkBg {z-index:99999; position:fixed; top:0; left:0; background-color:#000;width:100%;height:100%;background-color:#000;opacity:0.5; filter:alpha(opacity=50);} * html #darkBg {position:absolute;} .light_box {position:fixed; z-index:100000;} * html .light_box {position:absolute;} #innerSearchForm1 .search_nick{text-align:left;} img.daum_auth {display:block; width:0; height:0; line-height:0;} /* 사업자등록 정보 홈 레이어 */ .business_info { margin: 0 0 15px 0; clear:both; overflow:hidden;} .business_info .content { padding:15px 15px 13px 15px; } .business_info li { font-family:"돋움", dotum, sans-serif; letter-spacing:-1px; font-size: 11px; opacity: 0.6; } .business_info li .txt_sub {padding: 0 5px;} .business_info .layer_Btn.homecontentDel { left: -1px; } #pv_bizinfoEmpty { text-align: center; } /* sns 보내기 */ .sns_share {position:relative; float:left; margin:0 0 0 6px;} .sns_share ul {margin:0; padding:0; list-style:none;} .sns_share ul.sns_items li {float:left; margin:0; background-position: center 0; background-repeat:no-repeat;} .sns_share ul.sns_items li.first {background-position:left 0; padding-left:1px;} .sns_share ul.sns_items li.last {background-position:right 0;} .sns_share ul.sns_items li a {text-decoration:none; cursor:pointer;} .sns_share .icon {float:left; width:22px; overflow:hidden; background-position:4px 5px; background-repeat:no-repeat;} .sns_share .show_more_sns {float:left; height:22px; padding:0; text-align:center; text-decoration:none; *width:13px;} .sns_share .sns_send_count {float:left; padding:0 10px 0 7px; background-position: right 0; font-family:Tahoma; *padding-right:9px;} .sns_share .show_more_sns span.c {float:left; padding:2px 3px 0; } .sns_share ul.sns_items span.sep {float:right; width:1px; height:20px; padding:0; margin:1px 0 0; border-right-width:1px; border-right-style:solid; text-indent:-10000em; overflow:hidden;} ul.sns_more_items {display:none; position:absolute; z-index:10000; left:0; top:21px; border-style:solid; border-width:1px; width:75px; padding:2px; *width:80px; } ul.sns_more_items li {clear:both; width:100%; height:22px;} ul.sns_more_items a {float:left; width:100%; height:22px; line-height:22px; background-position: 4px 4px; background-repeat:no-repeat; text-indent:25px; overflow:hidden; text-decoration:none;} ul.sns_more_items a * {cursor:pointer;} ul.sns_more_items a img {float:left;} ul.sns_more_items a span{display:block; font:normal 11px "돋움", dotum; line-height:22px; letter-spacing:-1px;} ul.sns_items .yozm {background-image:url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_yozm.png);} ul.sns_items .twitter {background-image:url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_twitter.png);} ul.sns_items .nate {background-image:url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_cyworld_n.png);} ul.sns_more_items .facebook {background-image:url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_facebook.png);} ul.sns_more_items .me2day {background-image:url(http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_me2day.png);} .sns_share ul.sns_items li a img {display:none; border:none;} ul.sns_more_items .facebook img, ul.sns_more_items .me2day img {display:none;} * html .sns_share .yozm {background-image:none;} * html .sns_share .twitter {background-image:none;} * html .sns_share .nate {background-image:none;} * html ul.sns_more_items .facebook {background-image:none;} * html ul.sns_more_items .me2day {background-image:none;} * html .sns_share ul.sns_items li a img {display:inline;} * html ul.sns_items .yozm img {border:none; float:left; margin:5px 0 0 4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_yozm.png', sizingMethod='crop');} * html ul.sns_items .twitter img {border:none; float:left; margin:5px 0 0 4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_twitter.png', sizingMethod='crop');} * html ul.sns_items .nate img {border:none; float:left; margin:5px 0 0 4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_cyworld_n.png', sizingMethod='crop');} * html ul.sns_more_items .facebook img {float:left; display:block; border:none; float:left; margin:4px 0 0 4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_facebook.png', sizingMethod='crop');} * html ul.sns_more_items .me2day img {float:left; display:block; border:none; margin:4px 0 0 4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/cf_img4/bbs/ic_me2day.png', sizingMethod='crop');} * html ul.sns_more_items .facebook span, * html ul.sns_more_items .me2day span {float:left; text-indent:4px;} .go_sns_event {position:absolute; top:-58px; left:7px; display:block; width:53px; height:54px; cursor: pointer; } .go_sns_event span { position: relative; display:block; width:53px; height:54px; text-indent:-10000em; background:url(http://i1.daumcdn.net/cafeimg/top7/event/110421/sns_event.png) 0 0 no-repeat; overflow:hidden; } * html .go_sns_event span { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/event/110421/sns_event.png', sizingMethod='crop');}