body { background: #FFF; padding: 0 15px; margin: 0; font: 12px/1.4 gulim, 굴림, sans-serif; letter-spacing: -1px; color: #333; }
div, p, th, td, ul, ol, li, dl, dt, dd, form, h3, h4, h5, h6 { padding: 0; margin: 0; }
ul, ol, li, dl, dt, dd { list-style: none; }
h2, div, p, table, td, form { padding: 0; margin: 0; }
input, textarea { font: 12px/16px gulim, 굴림, sans-serif; }
textarea { resize:none; } /*disallow resizing in webkit*/
img { border: none }
ul, li { list-style:none; margin:0px; padding:0px; }
table { border-collapse: collapse; }
a:link { font: 12px/1.4 gulim, 굴림, sans-serif; color:#333333; text-decoration:none }
a:visited { font: 12px/1.4 gulim, 굴림, sans-serif; color:#333333; text-decoration:none }
a:hover { font: 12px/1.4 gulim, 굴림, sans-serif; color:#333333; text-decoration:underline }
.fl { float: left; }
.fr { float: right; }
.clb { clear: both; }
/* form */
input, select { font: 12px 돋움, dotum, sans-serif; color: #444; }
.inp { border:1px solid #d7d2ce; font: 12px 돋움, dotum, sans-serif; color: #444; }
.hand { cursor: pointer; }
.hide { display: none; }
.scroll { scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #CECECE; scrollbar-highlight-color: #CECECE; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #A3A3A3; }
/* font */
.fSmall, a.fSmall:link, a.fSmall:hover, a.fSmall:active, a.fSmall:visited { font: 11px 돋움, dotum, sans-serif; }
.fNorm, a.fNorm:link, a.fNorm:hover, a.fNorm:active, a.fNorm:visited { font: 12px 돋움, dotum, sans-serif; }
.fBig, a.fBig:link, a.fBig:hover, a.fBig:active, a.fBig:visited { font: 13px 돋움, dotum, sans-serif; }
.fcBright, a.fcBright:link, a.fcBright:visited, a.fcBright:hover, a.fcBright:active { color: #999; }
.fcNorm, a.fcNorm:link, a.fcNorm:visited, a.fcNorm:hover, a.fcNorm:active { color: #666; }
.fcDark, a.fcDark:link, a.fcDark:visited, a.fcDark:hover, a.fcDark:active { color: #444; }
.fcPoint, a.fcPoint:link, a.fcPoint:visited, a.fcPoint:hover, a.fcPoint:active { color: #6073E9; }
.fcPoint2, a.fcPoint2:link, a.fcPoint2:visited, a.fcPoint2:hover, a.fcPoint2:active { color: #F96B57; }
.bold { font-weight: bold; }
a.bold:link, a.bold:visited, a.bold:active, a.bold:hover { font-weight: bold; }
.under { text-decoration: underline; }
a.under:link, a.under:visited, a.under:active, a.under:hover { text-decoration: underline; }
.txt_center { text-align: center; }
.vMid { vertical-align: middle; }

.msg-header { padding: 20px 0 6px; height: 14px; border-bottom: 2px solid #ff5949; }
.msg-header h2 { background: url(//i1.daumcdn.net/cafeimg/cafetop/sub/mycafe/ico_rlpop.gif) no-repeat 5px 3px; padding-left: 15px; font: bold 13px gulim, 굴림, sans-serif; color: #ff5949; }
.msg-body { border-bottom: 1px solid #ccc; }
.inner-msg-body p { padding-bottom: 21px; line-height:1.8; }
.inner-msg-body p.last { padding-bottom: 32px; }
.msg-footer { padding: 10px 0 0; text-align: center; }
.msg-footer a img { background-image: url(//i1.daumcdn.net/cafeimg/top7/memo/bt_pup_ok.gif); background-repeat: no-repeat; height: 23px; }
.msg-footer .btn-ok img { background-position: 0 0; width: 41px; }
.msg-footer .btn-cancel img { background-position: -41px 0; width: 40px; }
.multi-type .inner-msg-body { margin:22px 15px 29px; }
.form-type table { margin: 15px; }
.form-type th { text-align: left; width: 80px; height: 33px; padding-left: 8px; }
.form-type label { margin-right: 12px; }
.form-type .td-inp { padding: 5px 0 5px 8px; text-align: right; }
.form-type .td-inp textarea { width: 353px; height: 99px; border: 1px solid #ccc; overflow:auto; margin-bottom: 5px; display: block; }
.form-type .chk-text-limit { font: 11px dotum, 돋움, sans-serif; color: #999; letter-spacing: normal; }
.form-type .chk-text-limit span { font-weight: bold; color: #66f; }


/* 버튼 공통 스타일 */
.btnbox_confirm{margin:30px 0;text-align:center;font-size:0}
.btnbox_confirm .btn_item{display:inline-block;min-width:110px;height:40px;padding:9px 20px;border-radius:2px;background-color:#FF5656;box-sizing:border-box;vertical-align:top}
.btnbox_confirm .btn_item:hover{text-decoration:none}
.btnbox_confirm .btn_item .txt_item{font-size:14px;font-weight:bold;color:#fff;-webkit-font-smoothing: antialiased}
.btnbox_confirm .line_type{margin-left:10px;border:1px solid #D2D2D2;background-color:#fff}
.btnbox_confirm .line_type .txt_item{color:#333;font-weight:normal}

/* 팝업 스타일 */
.popup_cafe_skin { font-size: 15px; }
.popup_cafe_skin{position:relative;width:568px;margin:0 auto;padding:0 30px;box-sizing:border-box}
.popup_cafe_skin .tit_popup{display:block;overflow:hidden;position:relative;padding:42px 0 20px;font-size:24px;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing: antialiased}
.popup_cafe_skin .tit_popup:after{position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#222;content:''}
.popup_cafe_skin .popup_content { height: 346px; overflow: auto; margin-top: 33px; padding-bottom:25px;border-bottom: 1px solid #ECECEC}
.popup_cafe_skin .list_theme{margin:0 -10px}
.popup_cafe_skin .list_theme:after{display:block;clear:both;content:''}
.list_theme li{float:left;margin:10px;font-size:0}
.popup_cafe_skin .link_theme{display:inline-block;border:1px solid #ECECEC}
.popup_cafe_skin .link_theme_focus{border:1px solid #565A60}
.popup_cafe_skin .wrap_themeinfo{padding-top:10px}
.popup_cafe_skin .wrap_themeinfo:after{display:block;clear:both;content:''}
.popup_cafe_skin .txt_theme{float:left;font-size:14px}
.popup_cafe_skin .link_themepreview{float:right}
.popup_cafe_skin .ico_themepreview{margin:4px 4px 0 0;width:13px;height:13px;background-position:-20px -20px}
.popup_cafe_skin .img_thumb{display:inline-block;;width:154px;height:185px;vertical-align:top}

/* 카페 랭킹 팝업 */
.multi-type .msg-body { border:0; }
.multi-type .inner-msg-body { margin:25px 15px 0 12px; padding-bottom:20px; }
.inner-msg-body h4 { background:url(//t1.daumcdn.net/cafe_image/top7/cafe/category/ico_bullet.gif) no-repeat 0 50%; padding-left:7px; margin-bottom:14px; }
.inner-msg-body h4 span { display:block; background:url(//t1.daumcdn.net/cafe_image/top7/cafe/category/img_stitle_spr.gif) no-repeat; height:13px; text-indent:-1000em; overflow:hidden; }
.inner-msg-body h4 .title1 { background-position:0 0; width:73px; }
.inner-msg-body h4 .title2 { background-position:0 -25px; width:94px; }
.inner-msg-body h4 .title3 { background-position:0 -50px; width:46px; }
.inner-msg-body h4 .title4 { background: url(//t1.daumcdn.net/cafe_image/cf_img3/admin/title_cabgm_pop1.gif) no-repeat; }
.inner-msg-body p { padding-left:8px;  }
.inner-msg-body .list_rank { display:table; min-width:500px; width:100%; height:110px; background:#fafafa; border: 1px solid #ededef }
.inner-msg-body .list_rank > li { display:table-cell; vertical-align:middle; text-align:center; width:70px }
.inner-msg-body .list_rank > li:first-child{ padding-left: 10px }
.inner-msg-body .list_rank > li.last_item{ padding-right: 10px }

.inner-msg-body .list_rank .ico_rank { display:block; margin: 0 auto 7px; }
.inner-msg-body .list_rank .tit_rank { display:block; text-align:center; font-weight:normal; color:#333; margin-bottom:4px; letter-spacing:normal; font-size:13px }
.inner-msg-body .list_rank .txt_rank { display:block; text-align:center; letter-spacing:normal; font-size:11px; color:#959595 }

.wrap-msg .msg-footer { clear:both; padding:0 }
.wrap-msg .msg-footer .ico_close { background:none; width:41px; height:23px; cursor:pointer }