.canvas-warp{position:relative}

/** 메인 내용 시작 **/
.main-search {margin:70px auto 0 auto; font-size:0; vertical-align:5px;margin-left:106px;}
.main-search li{float:left;}
.main-search ul{*zoom:1;}
.main-search ul:after{content:""; display:block; clear:both;}
.main-search li.blank{margin-right:26px;}
.main-search input[type=text]{ width:230px;height:26px;line-height:26px; padding:0 5px; margin-right:2px;}

.main-state dl{*zoom:1; margin:20px auto 0 auto; width:910px;}
.main-state dl:after{content:""; display:block; clear:both;}
.main-state dt{float:left;margin-right:33px; }
.main-state dd{float:left; margin-right:35px; background:url(none) no-repeat 0 0; padding-left:35px; padding-top:3px; }
.main-state dd img{margin-bottom:7px;margin-left:1px;}

.main-state dd.txt01{background-image:url('../../img/kr/main/main_1.jpg');}
.main-state dd.txt02{background-image:url('../../img/kr/main/main_2.jpg');}
.main-state dd.txt03{background-image:url('../../img/kr/main/main_4.jpg');}
.main-state dd.txt04{background-image:url('../../img/kr/main/main_5.jpg');}
.main-state dd.txt05{background-image:url('../../img/kr/main/main_6.jpg');}
.main-state dd.txt07{background-image:url('../../img/kr/main/main_8.jpg');}

.main-banner {margin:68px 98px 0 96px; line-height:0;font-size:0;}
.main-banner img{margin:0 4px 0 0;}

.main-notice {width:510px; margin:34px auto 101px auto;}
.main-notice dl{*zoom:1;}
.main-notice dl:after{content:""; display:block; clear:both;}
.main-notice dt,
.main-notice dd{float:left; height:14px; line-height:14px; margin:3px 0;}

.main-notice dt{width:400px; margin-right:10px;}

/** 메인 내용 끝 **/

/** 메인 내용 추가 : 2013-08-16(leelack) **/
.main-container { margin:68px 0 20px; color:#666; }
.main-container .main_contents.fLeft { width:621px; }

.main-container .list-menu li{
    border-bottom:#e8e8e8  1px solid;
    width:148px;
    cursor:pointer;

    line-height:11px;
    padding:22px 0 21px 15px;
}

.main-container .list-menu li.last{ border-bottom:0 none; }
.main-container .list-menu li.on{ background:url('../../img/kr/main/arrow_red.gif') no-repeat 151px 50%; font-weight:bold; }

.img-list .list-contents{ margin:10px 0; width:412px; height:223px;  background:url('../../img/kr/main/bg_01.gif') repeat-x top left; padding:20px 0 0 31px; }
.img-list .list-contents .fLeft{ width:121px; margin-right:14px; }
.img-list .list-contents .fLeft p{
    width:113px; text-align:center;
    font-size:11px;
    line-height:14px; font-family:굴림; margin-bottom:7px; max-height:25px;
    text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word;
}
.img-list .list-contents .fLeft p.b{ font-size:12px; line-height:16px; max-height:31px;   }
.img-list .list-contents .fLeft .img-area{
    width:120px; height:162px;
    padding:1px 0 0 1px;
    background:url('../../img/kr/main/bg_img.gif') no-repeat top left;
    position:relative;
    margin-bottom:2px;
}
.img-list .list-contents .fLeft .img-area a img{width:113px; height:155px;}
.img-list .list-contents .img-area .label{ position:absolute; top:1px; left:1px; }

.border-grey-b {border-bottom:#cacaca  1px solid;}

.notice-area {width:415px; padding:22px 0 0 28px; margin:0;}
.notice-area dl{*zoom:1;  margin:0 0 8px;}
.notice-area dl:after{content:""; display:block; clear:both;}
.notice-area dt,
.notice-area dd{float:left; height:16px; line-height:16px;}
.notice-area dt{width:316px; margin-right:23px;text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word;}
.notice-area dd{font-size:11px; line-height:11px;}


.banner-container { width:308px;}
.banner-area {position:relative; width:308px; height:193px; overflow:hidden;}
.banner-contents { position:absolute; }
.banner-btn {position:absolute; top:9px; left:252px; font-size:0; line-height:0; text-align:right;}
.banner-btn img{margin-right:4px; cursor:pointer; }


/* 20160520 */
.main_wrap .main_visual{margin-bottom:10px;height:174px;overflow:hidden}
.main_wrap .main_content{height:469px}
.main_wrap .main_center{float:left;width:677px}
.main_wrap .main_side{float:right;width:252px;height:456px}
.main_wrap .main_tab .tab_menu{height:51px}
.main_wrap .main_tab .menu_list{display:table;width:100%;height:51px;table-layout:fixed}
.main_wrap .main_tab .menu_list li{display:table-cell;position:relative;height:51px;text-align:center}
.main_wrap .main_tab .menu_list li:first-child{width:60px}
.main_wrap .main_tab .menu_list .tab{display:block;height:49px;border-bottom:2px solid #e7e7e7}
.main_wrap .main_tab .menu_list .active .tab{border-color:#ca231f}
.main_wrap .main_tab .menu_list .sub_menu{display:none;position:absolute;left:0;top:51px;padding:10px 15px;text-align:left;background:#f6f6f6}
.main_wrap .main_tab .menu_list .sub_menu a{display:block;line-height:20px;font-size:12px;color:#505050;white-space:nowrap}
.main_wrap .main_tab .menu_list .sub_menu a:hover{text-decoration:underline}
.main_wrap .main_tab .panel_box{padding:14px 14px 0 14px}
.main_wrap .main_tab .navi{margin-bottom:23px;line-height:20px;font-size:12px;color:#494949}
.main_wrap .main_tab .title{height:20px}
.main_wrap .main_tab .list_box{float:left;width:280px}
.main_wrap .main_tab .list_box.recent{float:right}
.main_wrap .main_tab .paper_list{margin-bottom:16px}
.main_wrap .main_tab .paper_list li{margin-top:18px}
.main_wrap .main_tab .paper_list .link{display:block;height:20px;font-size:12px;color:#505050;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_wrap .main_tab .paper_list .link:hover{text-decoration:underline}
.main_wrap .main_tab .paper_list .info{display:block;height:20px;font-size:12px;color:#b8b8b8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_wrap .main_tab .paper_list .register{color:#407fc0}
.main_wrap .main_tab .btn_top{font-size:12px;color:#407fc0}

.main_wrap .main_bottom{margin-bottom:12px;overflow:hidden}
.main_wrap .bottom_left{float:left;width:677px}
.main_wrap .bottom_right{float:right;padding:20px 14px 0 14px;width:224px;height:227px;background:#f6f6f6}
.main_wrap .main_news{margin-bottom:12px;padding:20px 14px 0 14px;height:119px;border:1px solid #e5e5e5}
.main_wrap .main_news .news_header{height:30px}
.main_wrap .main_news .news_header .title{float:left}
.main_wrap .main_news .news_header .select_category{float:right;font-size:12px;color:#000;border:1px solid #e2e2e2}
.main_wrap .main_news .news_list li{margin-bottom:4px;height:20px}
.main_wrap .main_news .news_list a{display:block;float:left;line-height:20px;font-size:12px;color:#505050}
.main_wrap .main_news .news_list .date{display:block;float:right;line-height:20px;font-size:12px;color:#b8b8b8}
.main_wrap .info_box .title{display:block;height:30px}
.main_wrap .info_list li{margin-bottom:4px;line-height:20px}
.main_wrap .info_list a{font-size:12px;color:#505050}
.main_wrap .info_list a:hover{text-decoration:underline}
.main_wrap .info_box.tel{margin-top:20px}
.main_wrap .info_box.tel .tel{display:block;margin-bottom:6px}
.main_wrap .info_box.tel .email{display:block;line-height:22px;font-size:12px;color:#505050}
.main_wrap .info_box.tel .tel:hover{text-decoration:underline}
.main_wrap .info_box.tel p{line-height:20px;font-size:12px;color:#505050}
.main_wrap .main_stats{height:92px;border:1px solid #e5e5e5}
.main_wrap .main_stats .stats_list{display:table;width:100%;height:92px;table-layout:fixed}
.main_wrap .main_stats .stats_list li{display:table-cell;height:92px;vertical-align:middle;text-align:center}
.main_wrap .main_stats .stats_list a{display:block;padding-top:24px;height:68px}
.main_wrap .main_stats .stats_list a:hover{text-decoration:none;background:#f6f6f6}
.main_wrap .main_stats .stats_list a:hover span{text-decoration:none}
.main_wrap .main_stats .stats_list span{display:block;margin:3px 0;height:20px;line-height:20px;font-size:13px;color:#c6130f}

.main_wrap .main_banner{overflow:hidden}
.main_wrap .main_banner .img{display:block}
.main_wrap .main_banner .banner_left{float:left}
.main_wrap .main_banner .banner_right{float:right}



.botton-area-pub-img{width:118px; height:159px;	padding:1px 0 0 0px;background:url('../../img/kr/main/bg_img.gif') no-repeat top left;position:relative;margin-bottom:2px;}
.botton-area-pub-img a img{border:1px soild gray; width: 113px; height: 155px; position:absolute; left:1px; box-shadow: 5px 5px 5px 0px lightgray;}
.optoin-top-label-title{position:absolute;}



/*메인탑롤링배너버튼이미지적용css 20160526*/
.indexImg {position:relative;width:600px;margin:0 auto}
.main_slide li {position:absolute;left:0;top:0;display:none}
.main_slide li:first-child {display:block}

.control_wrap {position:absolute;top:140px;right:5%;}
.control_wrap button {display:block;background:url('../../img/common/btn/mainimg_controller.png') no-repeat}
.play_controll {float:left;width:26px}
.play_controll button{width:20px;height:20px;cursor:pointer;text-indent:-9999px;border:none;background-position:0px 0px}
.roll_control,.roll_control li {float:left;}
.roll_control li button {width:13px;height:21px;margin-right:3px;cursor:pointer;text-indent:-9999px;border:none;background-position:-67px 0px}
.roll_control li.active button {background-position:-46px 0px}


/* 20170217 */
/* 메인 키워드 */
.main_keyword{height:446px}
.main_keyword .main_left{float:left;padding-top:12px;width:677px}
.main_keyword .keyword_top{position:relative;height:28px;z-index:20}
.main_keyword .keyword_top .title .img{display:inline-block;vertical-align:middle;*display:inline;zoom:1}
.main_keyword .keyword_top .title_help{display:inline-block;margin:-2px 0 0 4px;vertical-align:middle;*display:inline;zoom:1}
.main_keyword .keyword_top .main_keyword_tab{position:absolute;right:0;top:0}
.main_keyword .keyword_top .main_keyword_tab .tab{float:left;margin-left:10px;padding:1px 2px 0 2px;height:26px;line-height:24px;font-size:13px;font-weight:700;color:#666}
.main_keyword .keyword_top .main_keyword_tab .tab.active{color:#ca221f;border-bottom:2px solid #ca221f}
.main_keyword .keyword_top .main_keyword_tab .tab:hover{text-decoration:none}
.main_keyword .tooltip_popup_box{display:none;position:absolute;left:0;top:0;padding:20px;width:500px;border:2px solid #ddd;background:#fff;z-index:50}

.main_keyword .main_keyword_area{position:relative;height:393px;border:1px solid #dfdfdf;z-index:10}
.main_keyword .main_keyword_area .keyword_menu{float:left;position:relative;width:115px;height:393px;border-right:1px solid #dfdfdf;z-index:20}
.main_keyword .main_keyword_area .keyword_menu .menu{padding:3px 0;min-height:30px}
.main_keyword .main_keyword_area .keyword_menu .link{display:table;width:100%;height:30px;text-align:left;*display:block}
.main_keyword .main_keyword_area .keyword_menu .link span{display:table-cell;padding:5px 5px 5px 10px;min-height:20px;line-height:15px;vertical-align:middle;font-size:13px;color:#464646;*display:block}
.main_keyword .main_keyword_area .keyword_menu .menu.all{border-bottom:1px solid #ecedf1}
.main_keyword .main_keyword_area .keyword_menu .menu.active .link,
.main_keyword .main_keyword_area .keyword_menu .menu.hover .link,
.main_keyword .main_keyword_area .keyword_menu .link:hover{text-decoration:none;background:#f0f1f3}
.main_keyword .main_keyword_area .keyword_menu .menu.active .link span,
.main_keyword .main_keyword_area .keyword_menu .menu.hover .link span,
.main_keyword .main_keyword_area .keyword_menu .link:hover span{font-weight:700;letter-spacing:-1px}
.main_keyword .main_keyword_area .keyword_menu .sub_menu{display:none;position:absolute;left:115px;top:-1px;height:393px;border:1px solid #868d95;box-shadow:2px 2px 1px #e5e5e5;background:#fff;z-index:30;zoom:1}
.main_keyword .main_keyword_area .keyword_menu .sub_menu .arrow{display:block;position:absolute;left:-6px;top:0;width:6px;height:11px;background:url("../img/kr/maink/menu_arrow.png");z-index:30}
.main_keyword .main_keyword_area .keyword_menu .menu_area{position:relative;padding:12px 15px;width:100px;overflow:hidden;white-space:nowrap;zoom:1}
.main_keyword .main_keyword_area .keyword_menu .sub_list{display:inline-block;margin-left:20px;width:100px;vertical-align:top;*display:inline;zoom:1}
.main_keyword .main_keyword_area .keyword_menu .sub_list:first-child{margin-left:0}
.main_keyword .main_keyword_area .keyword_menu .sub_list li{height:20px}
.main_keyword .main_keyword_area .keyword_menu .sub_list li a{display:inline-block;max-width:100px;line-height:20px;font-size:12px;color:#666;*display:inline;zoom:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_keyword .main_keyword_area .keyword_menu .sub_list li a:hover{color:#333}
.main_keyword .main_keyword_area .keyword_panel{position:relative;float:right;width:556px;height:393px;z-index:10}
.main_keyword .main_keyword_area .keyword_panel .panel_area{position:absolute;left:0;top:-10000px;width:556px;height:393px}
.main_keyword .main_keyword_area .keyword_panel .panel_area.active{position:relative;left:auto;top:auto}
#keyword_cloud{position:relative;width:556px;height:393px}
#keyword_cloud.load a{display:none}
#keyword_cloud .jqcloud-word a{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
#keyword_cloud .jqcloud-word a:hover{color:#fff!important;background:#7baade!important}
#keyword_cloud.jqcloud span.w10{font-size:480%}
#keyword_cloud.jqcloud span.w9{font-size:450%}
#keyword_cloud.jqcloud span.w8{font-size:410%}
#keyword_cloud.jqcloud span.w7{font-size:370%}
#keyword_cloud.jqcloud span.w6{font-size:330%}
#keyword_cloud.jqcloud span.w5{font-size:290%}
#keyword_cloud.jqcloud span.w4{font-size:250%}
#keyword_cloud.jqcloud span.w3{font-size:210%}
#keyword_cloud.jqcloud span.w2{font-size:170%}
#keyword_cloud.jqcloud span.w1{font-size:130%}

.main_keyword .main_keyword_area .keyword_panel .paper_area{padding:12px 15px}
.main_keyword .main_keyword_area .keyword_panel .paper_navi{float:left;width:100%;height:30px}
.main_keyword .main_keyword_area .keyword_panel .paper_navi li{float:left;margin-right:5px;height:20px;line-height:20px;font-size:13px;color:#878787}
.main_keyword .main_keyword_area .keyword_panel .paper_navi .home{padding-left:10px;font-weight:700;background:url("../img/kr/maink/dot_gray.png") no-repeat left center}
.main_keyword .main_keyword_area .keyword_panel .paper_left{float:left;width:48%}
.main_keyword .main_keyword_area .keyword_panel .paper_right{float:right;width:48%}
.main_keyword .main_keyword_area .keyword_panel .paper_title{height:40px;line-height:20px;font-size:16px;font-weight:700;color:#333;*margin-top:-10px}
.main_keyword .main_keyword_area .keyword_panel .paper_list{height:275px}
.main_keyword .main_keyword_area .keyword_panel .paper_list li{margin-bottom:15px}
.main_keyword .main_keyword_area .keyword_panel .paper_list .link{display:block;;height:20px;line-height:20px;font-size:12px;color:#505050;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_keyword .main_keyword_area .keyword_panel .paper_list .desc{display:block;;height:20px;line-height:20px;font-size:12px;color:#b8b8b8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_keyword .main_keyword_area .keyword_panel .paper_area .btn_more{font-size:13px;color:#427fc0}

.main_keyword .main_right{float:right;width:250px;height:433px;border:1px solid #eaebef}
.main_keyword .main_right .week_area{padding:10px 10px 0 10px;height:421px;border:1px solid #fff;background:#f8f8f8}
.main_keyword .main_right .keyword_top{border-bottom:1px solid #e8e8e8}
.main_keyword .main_right .week_menu{height:351px}
.main_keyword .main_right .week_bottom{border-top:1px dotted #d3d3d3}
.main_keyword .main_right .week_bottom p{padding:0 12px;height:30px;line-height:30px}
.main_keyword .main_right .week_tab{padding:15px 4px 0 4px;height:30px}
.main_keyword .main_right .week_tab .tab{display:block;float:left;margin-right:5px;padding-left:14px;height:20px;line-height:20px;font-size:13px;color:#7b7b7b}
.main_keyword .main_right .week_tab .tab.active{color:#c51218;font-weight:700;background:url("../img/kr/maink/week_check.png") no-repeat left center}
.main_keyword .main_right .week_list{padding:0 12px}
.main_keyword .main_right .week_list li{position:relative;padding-left:22px;height:29px}
.main_keyword .main_right .week_list .num{display:block;position:absolute;left:0;top:0;height:20px;line-height:20px;font-size:13px;color:#5c82c3;font-weight:700}
.main_keyword .main_right .week_list .link{display:block;height:20px;line-height:20px;font-size:13px;color:#606060;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_keyword .main_right .week_list .no_result{padding-left:0;text-align:center}

/*
아래내용이 sub.css에만 있고 똑같은 내용이 main에서도 동작하니 여기에도 옮겨놓음.
수정시 main.css, sub.css 둘다 수정해야함
*/

/* 20170217 */
/* 기간회원 확인하기 팝업 */
.popup_layer{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:url("../../img/common/bg_popup.png");z-index:1100}
#popup_company_check .popup_window{display:block;position:absolute;left:50%;top:50%;margin:-172px 0 0 -221px;width:442px;height:344px}
#popup_company_check .popup_text p{line-height:18px;font-size:13px}
#popup_company_check .popup_text .desc{margin-top:5px}
#popup_company_check .company_check_box{margin-top:30px;height:116px}
#popup_company_check .company_check_box .input_box{height:30px}
#popup_company_check .company_check_box .input_company{float:left;padding:0 12px;width:288px;height:28px;*line-height:28px;line-height:28px\9}
#popup_company_check .company_check_box .btn_check{display:block;float:right;width:72px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#fff;background:#494949}
#popup_company_check .company_check_box .btn_check:hover{text-decoration:none}
#popup_company_check .company_check_box .desc{display:none;margin-top:5px;padding:0 12px;color:#c5140e}
#popup_company_check .popup_btn{text-align:center}
#popup_company_check .popup_btn .btn_company_check{display:inline-block;width:210px;height:32px;line-height:32px;text-align:center;font-size:12px;color:#fff;font-weight:700;background:#c6130e;*display:inline;zoom:1}
#popup_company_check .popup_btn .btn_company_check:hover{text-decoration:none}
#popup_company_check .autocomplete_list{width:302px}
.autocomplete_list{position:relative!important;z-index:2000}
.autocomplete_list .ui-autocomplete{position:absolute;left:0;top:0;width:100%;max-height:80px;height:auto;border-radius:0;border:1px solid #dbdbdb;background:#fff}
.autocomplete_list .ui-autocomplete li{padding:0}
.autocomplete_list .ui-autocomplete li a{display:block;padding:1px 4px;font-size:12px;color:#727272;border:0;font-weight:normal;border-radius:0}
.autocomplete_list .ui-autocomplete li a .ui-state-highlight{color:#c8120f;border:0;font-weight:700;background:none}
.autocomplete_list .ui-autocomplete li a:hover{font-weight:normal;border:0;text-decoration:none}

/* 다운로드 파일명 설정 */
#popup_download_setup{margin:-335px 0 0 -330px;width:660px;height:670px}

/* 20170220 */
/* 개인회원 혜택 안내 팝업 */
.popup_window .popup_header{height:35px;background:#c6130d}
.popup_window .popup_header .popup_title{float:left;font-weight:700}
.popup_window .popup_header .popup_title .img{display:block}
.popup_window .popup_header .btn_popup_close{float:right}
.popup_window .popup_header .btn_popup_close .img{display:block}
#popup_member_benefit .popup_window{display:block;margin:-171px 0 0 -195px;width:390px;height:340px}
#popup_member_benefit .popup_btn{margin-top:40px;text-align:center}
#popup_member_benefit .popup_btn .btn_login{display:inline-block;width:210px;height:32px;line-height:32px;text-align:center;font-size:12px;color:#fff;font-weight:700;background:#c6130e;*display:inline;zoom:1}
#popup_member_benefit .popup_btn .btn_login:hover{text-decoration:none}



/* 20171002 */
.main_keyword .keyword_top .title{float:left}
.main_keyword .keyword_top .btn_indi_rcmd{display:block;float:left;margin-left:8px;height:22px;line-height:22px;font-size:14px;color:#666;font-weight:700;text-decoration:none}
.main_keyword .keyword_top .btn_indi_rcmd.active{color:#ca221f}

.main_keyword .main_rcmd_area{display:none;position:relative;padding:20px 0 20px 28px;height:353px;border:1px solid #dfdfdf;z-index:10}
.main_keyword .main_rcmd_area .rcmd_title{margin-bottom:25px;padding-left:10px;height:20px;line-height:20px;font-size:13px;color:#878787;font-weight:700;background:url("../img/kr/maink/dot_gray.png") no-repeat left center}
.main_keyword .main_rcmd_area .rcmd_area{height:290px}
.main_keyword .main_rcmd_area .rcmd_list{float:left;margin-left:3%;width:46%}
.main_keyword .main_rcmd_area .rcmd_list:first-child{margin-left:0}
.main_keyword .main_rcmd_area .rcmd_list li{position:relative;padding-left:20px;height:58px}
.main_keyword .main_rcmd_area .rcmd_list .link{display:block;height:20px;line-height:20px;font-size:12px;color:#505050;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_keyword .main_rcmd_area .rcmd_list .desc{display:block;height:20px;line-height:20px;font-size:12px;color:#b8b8b8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_keyword .main_rcmd_area .rcmd_list .no{display:block;position:absolute;left:0;top:0;height:20px;line-height:20px;font-size:12px;color:#505050}
.main_keyword .main_rcmd_area .btn_box{padding-left:20px}
.main_keyword .main_rcmd_area .btn_more{display:block;float:left;font-size:13px;color:#427fc0} 
.main_keyword .main_rcmd_area .btn_select_more {float: right; margin-right: 186px;}

.main_keyword .main_survey{display:none;position:relative;padding:5px 0 0 0;z-index:10}

/* 20180117 플로팅 메모 */
#floating_memo{position:fixed;bottom:30px;right:30px;width:141px;height:143px;background:url("../../img/kr/sub/bg_memo.png") no-repeat center center;z-index:120}
#floating_memo .text_box{padding:32px 0 0 16px;width:107px}
#floating_memo .text_box p{position:relative;padding:0 3px;line-height:20px;font-size:12px;color:#505050}
#floating_memo .text_box p span{display:block;position:absolute;right:5px;top:0}
#floating_memo .text_box p span b{color:#c51218;font-weight:700}
#floating_memo .text_box .link{display:block;margin-top:5px;height:18px;line-height:18px;text-align:center;font-size:12px;color:#fff;font-weight:700;border-radius:4px;background:#eb9f00;letter-spacing:-1px}