@charset "utf-8";
/* CSS Document */


/* 공통 ================================================================================================================================================ */
/* margin */
.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml30{margin-left:30px}.ml35{margin-left:35px}.ml40{margin-left:40px}.ml45{margin-left:45px}.ml50{margin-left:50px}.ml55{margin-left:55px}.ml60{margin-left:60px}.ml65{margin-left:65px}.ml70{margin-left:70px}.ml75{margin-left:75px}.ml80{margin-left:80px}.ml85{margin-left:85px}.ml90{margin-left:90px}.ml95{margin-left:95px}.ml100{margin-left:100px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr25{margin-right:25px}.mr30{margin-right:30px}.mr35{margin-right:35px}.mr40{margin-right:40px}.mr45{margin-right:45px}.mr50{margin-right:50px}.mr55{margin-right:55px}.mr60{margin-right:60px}.mr65{margin-right:65px}.mr70{margin-right:70px}.mr75{margin-right:75px}.mr80{margin-right:80px}.mr85{margin-right:85px}.mr90{margin-right:90px}.mr95{margin-right:95px}.mr100{margin-right:100px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mt55{margin-top:55px}.mt60{margin-top:60px}.mt65{margin-top:65px}.mt70{margin-top:70px}.mt75{margin-top:75px}.mt80{margin-top:80px}.mt85{margin-top:85px}.mt90{margin-top:90px}.mt95{margin-top:95px}.mt100{margin-top:100px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.mb40{margin-bottom:40px}.mb45{margin-bottom:45px}.mb50{margin-bottom:50px}.mb55{margin-bottom:55px}.mb60{margin-bottom:60px}.mb65{margin-bottom:65px}.mb70{margin-bottom:70px}.mb75{margin-bottom:75px}.mb80{margin-bottom:80px}.mb85{margin-bottom:85px}.mb90{margin-bottom:90px}.mb95{margin-bottom:95px}.mb100{margin-bottom:100px}.mauto{margin:0 auto}.m5{margin:5px}.m10{margin:10px}.m15{margin:15px}
/* padding */
.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pl25{padding-left:25px}.pl30{padding-left:30px}.pl35{padding-left:35px}.pl40{padding-left:40px}.pl45{padding-left:45px}.pl50{padding-left:50px}.pl55{padding-left:55px}.pl60{padding-left:60px}.pl65{padding-left:65px}.pl70{padding-left:70px}.pl75{padding-left:75px}.pl80{padding-left:80px}.pl85{padding-left:85px}.pl90{padding-left:90px}.pl95{padding-left:95px}.pl100{padding-left:100px}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}.pr25{padding-right:25px}.pr30{padding-right:30px}.pr35{padding-right:35px}.pr40{padding-right:40px}.pr45{padding-right:45px}.pr50{padding-right:50px}.pr55{padding-right:55px}.pr60{padding-right:60px}.pr65{padding-right:65px}.pr70{padding-right:70px}.pr75{padding-right:75px}.pr80{padding-right:80px}.pr85{padding-right:85px}.pr90{padding-right:90px}.pr95{padding-right:95px}.pr100{padding-right:100px}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt30{padding-top:30px}.pt35{padding-top:35px}.pt40{padding-top:40px}.pt45{padding-top:45px}.pt50{padding-top:50px}.pt55{padding-top:55px}.pt60{padding-top:60px}.pt65{padding-top:65px}.pt70{padding-top:70px}.pt75{padding-top:75px}.pt80{padding-top:80px}.pt85{padding-top:85px}.pt90{padding-top:90px}.pt95{padding-top:95px}.pt100{padding-top:100px}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px}.pb35{padding-bottom:35px}.pb40{padding-bottom:40px}.pb45{padding-bottom:45px}.pb50{padding-bottom:50px}.pb55{padding-bottom:55px}.pb60{padding-bottom:60px}.pb65{padding-bottom:65px}.pb70{padding-bottom:70px}.pb75{padding-bottom:75px}.pb80{padding-bottom:80px}.pb85{padding-bottom:85px}.pb90{padding-bottom:90px}.pb95{padding-bottom:95px}.pb100{padding-bottom:100px}.p5{padding:5px}.p10{padding:10px}.p15{padding:15px}
/* form */
::-webkit-input-placeholder{color:#bbb !important}::-moz-placeholder{color:#bbb !important}:-ms-input-placeholder{color:#bbb !important}
input[type='text'], input[type='password'], select, textarea{display:inline-block; -webkit-appearance:none; border-radius:0; vertical-align:top; border:1px solid #d8d8d8; background-color:#fff; font-size:16px; color:#333}
input[type='text']{}
input[type='password']{}
input[type='check']{}
select{}
textarea{}
button{vertical-align:top; background-color:transparent}
/* color */
.col_black{color:#000}
.col_white{color:#fff}
.col_high{color:#ee6900}
.col_999{color:#999}
/* ellipsis */
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.ellipsis2, .ellipsis3{display:-webkit-box !important; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; word-wrap:break-word}
.ellipsis2{-webkit-line-clamp:2}.ellipsis3{-webkit-line-clamp:3}
/* font-weight */
.f100{font-weight:100}.f200{font-weight:200}.f300{font-weight:300}.f400{font-weight:400}.f500{font-weight:500}.f600{font-weight:600}.f700{font-weight:700}
/* etc */
.bar_1{color:#eee}
.more{position:relative; overflow:hidden; display:block; text-align:center; font-size:15px; color:#ccc; letter-spacing:-1px}
.btn_bg{position:relative; overflow:hidden; text-align:center}
.btn{display:inline-block; color:#333; border:1px solid #ccc; margin:0; overflow:hidden; height:40px; line-height:40px; font-size:15px; letter-spacing:-0.5px; text-align:center; font-weight:500}
.btn_1{color:#fff; border:1px solid #000; background-color:#000}
.btn_2{color:#fff; border:1px solid #0093d1; background-color:#0093d1}
.top{position:fixed; overflow:hidden; width:40px; height:34px; bottom:20px; right:15px; z-index:9; display:block; background-position:-183px -75px}
.header_blank{position:relative; overflow:hidden; width:100%; height:191px}/* header 총 높이 */


/* header ================================================================================================================================================ */
/* all */
.all{display:none; position:absolute; z-index:10; top:50px; left:0; overflow:hidden; background-color:#fff; border:1px solid #000; width:468px}
.all_tit{position:relative; overflow:hidden; display:block; background-color:#f1f1f1; text-align:left; border-bottom:1px solid #e6e6e6; font-size:18px; letter-spacing:-1px}
.all_li, .all_li li, .all_li li a{position:relative; overflow:hidden; display:block}
.all_li{width:100%; border-bottom:1px solid #e6e6e6}
.all_li li{float:left; width:50%}
.all_li li a{border-right:1px solid #eee; font-size:13px; color:#666}
.all_li li:nth-child(3n) a{border-right:none}
.all_li li a:hover{color:#ee6900}
.all_icon_1, .all_icon_2, .all_icon_3, .all_icon_4, .all_icon_5, .all_icon_6, .all_icon_7, .all_icon_8, .all_icon_9, .all_icon_10, .all_icon_11, .all_icon_12{position:relative; overflow:hidden; display:block; width:35px; height:35px; margin:0 auto 10px}
.all_icon_1{background:url(../image/all_icon_1.png) center center no-repeat}
.all_li li a:hover .all_icon_1{background:url(../image/all_icon_1_o.png) center center no-repeat}
.all_icon_2{background:url(../image/all_icon_2.png) center center no-repeat}
.all_li li a:hover .all_icon_2{background:url(../image/all_icon_2_o.png) center center no-repeat}
.all_icon_3{background:url(../image/all_icon_3.png) center center no-repeat}
.all_li li a:hover .all_icon_3{background:url(../image/all_icon_3_o.png) center center no-repeat}
.all_icon_4{background:url(../image/all_icon_4.png) center center no-repeat}
.all_li li a:hover .all_icon_4{background:url(../image/all_icon_4_o.png) center center no-repeat}
.all_icon_5{background:url(../image/all_icon_5.png) center center no-repeat}
.all_li li a:hover .all_icon_5{background:url(../image/all_icon_5_o.png) center center no-repeat}
.all_icon_6{background:url(../image/all_icon_6.png) center center no-repeat}
.all_li li a:hover .all_icon_6{background:url(../image/all_icon_6_o.png) center center no-repeat}
.all_icon_7{background:url(../image/all_icon_7.png) center center no-repeat}
.all_li li a:hover .all_icon_7{background:url(../image/all_icon_7_o.png) center center no-repeat}
.all_icon_8{background:url(../image/all_icon_8.png) center center no-repeat}
.all_li li a:hover .all_icon_8{background:url(../image/all_icon_8_o.png) center center no-repeat}
.all_icon_9{background:url(../image/all_icon_9.png) center center no-repeat}
.all_li li a:hover .all_icon_9{background:url(../image/all_icon_9_o.png) center center no-repeat}
.all_icon_10{background:url(../image/all_icon_10.png) center center no-repeat}
.all_li li a:hover .all_icon_10{background:url(../image/all_icon_10_o.png) center center no-repeat}
.all_icon_11{background:url(../image/all_icon_11.png) center center no-repeat}
.all_li li a:hover .all_icon_11{background:url(../image/all_icon_11_o.png) center center no-repeat}
.all_icon_12{background:url(../image/all_icon_12.png) center center no-repeat}
.all_li li a:hover .all_icon_12{background:url(../image/all_icon_12_o.png) center center no-repeat}
/* header */
.header{position:fixed; width:100%; z-index:15; background-color:#fff}
.gnb_bg{position:relative; overflow:hidden; border-bottom:1px solid #ebebeb}
.gnb, .lnb{position:relative; overflow:hidden; width:1100px; color:#777; line-height:17px; text-align:center}
.gnb_li_1{position:relative; overflow:hidden; float:left; font-size:13px; letter-spacing:-0.5px}
.gnb_li_1 li{float:left; overflow:hidden}
.gnb_li_1 li a{overflow:hidden; display:block}
.gnb_li_2{position:relative; overflow:hidden; display:block; float:right; font-size:14px; letter-spacing:-1px}
.logo{display:inline-block}
/* h_sns */
.h_sns{position:absolute; overflow:hidden; display:block; top:35px; right:10px}
.h_sns li{float:left}
.h_sns li a{display:block}
/* menu_bg */
.menu_bg{position:relative; border-top:2px solid #000; border-bottom:1px solid #000; width:1070px;; text-align:center}
.menu_bg ul{ display:inline-block; font-size:20px; letter-spacing:-0.5px}
.menu_bg li{float:left}
.menu_bg li a{display:block}
.menu_bg li:hover, .menu_bg li.on{color:#ee6900}
/* menu */
.menu{color:transparent; cursor:pointer; display:block; height:20px; float:left}
.menu span{display:block; width:20px; height:2px; margin:4px auto; background:#000;
    -webkit-transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: translate3d(0, 0, 0); -transform: translate3d(0, 0, 0);
    -webkit-backface-visibility:hidden; backface-visibility:hidden}
.bar1{margin-top:3px !important}
.menu.active .bar1{-webkit-transform:rotate(45deg); transform:rotate(45deg)}
.menu.active .bar2{opacity:0}
.menu.active .bar3{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:-12px}
/* sch */
.sch{position:relative; overflow:hidden; width:20px; height:20px; float:right}
.sch_bg{display:none; position:absolute; z-index:10; top:50px; right:0; overflow:hidden; background-color:#fff; border:1px solid #000; width:337px}
.intype_1{border:none !important; float:left; width:280px; height:24px}
.intype_2{background:url(../image/icon_4_w.png) center center no-repeat #000; font-size:0; width:37px; height:34px; float:left}
.sch_bg_2{position:relative; overflow:hidden; background-color:#fff; border:1px solid #000; width:480px; margin-top:2px}


/* footer ================================================================================================================================================ */
.footer{position:relative; overflow:hidden;width:1100px; margin:0 auto; background:#f0f0f0; text-align:center; border-top:1px solid #ccc; color:#777; font-size:13px; line-height:20px; letter-spacing:-0.3px}


/* con ================================================================================================================================================ */
.con{position:relative; overflow:hidden; width:1100px}
.main{position:relative; overflow:hidden}
.main_top {position:relative; width:1100px}
.top_left {display:block; position: relative; float:left; width:735px}
.top_left_t_bg{position:absolute; overflow:hidden; top:0; left:0; right:0; bottom: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+50,0.87+100 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.87) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.87) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.87) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#de000000',GradientType=0 );
}
.top_left_t1{position:absolute; left:20px; right:20px; bottom:40px; font-size:35px; font-weight:500; text-align:center; letter-spacing:-1px; line-height:46px; color: #fff;}
.top_left_t2{font-size:15px; margin-bottom:11px}
.top_left_t3{font-size:14px; line-height:21px; color:#666}
.top_left_title { width:735px; font-size:28px;font-weight:500;letter-spacing: -1px; line-height:35px;letter-spacing: -1px; text-align:center;  margin-top:20px; margin-bottom:20px;}
.top_left_title_li_bg{position:relative; overflow:hidden; text-align:center}
.top_left_title_li{ display:inline-block; margin:10px 0}
.top_left_title_li li{float:left; margin:0 3px}
.top_right {float:right; width:335px;}
.top_title {color:#666; font-size:20px; text-align:center; font-weight:500; margin:15px 0px}
.mostread {margin-top:15px;  }
.mostread li {overflow:hidden; margin:15px 0px}
.mr_text {float:left; width:210px; padding-top:10px; font-size:15px; color:#666; line-height:20px}
.mr_photo {float:right; width:112px; height:74px}
.mr_photo_num{position:absolute; overflow:hidden; color:#fff; background-color:rgba(0,0,0,0.6); font-size:12px; font-weight:300; text-align:center; width:20px; height:20px; line-height:20px}
.realmain_list {position:relative; overflow:hidden; width:1100px;}
.realmain_v {position:relative; overflow:hidden; width:1100px; margin:15px 0px 5px 0px}
.realmain_t {float:left; font-size: 20px;letter-spacing: -0.5px; font-weight:500; padding-top:5px}
.realmain_p {float:right; font-size: 30px}
.list_rm, .list_rm0 {position:relative; float:left;width:325px;   padding:10px; border:1px solid #fff; height:340px;}
.list_rm:hover, .list_rm0:hover, .list_rm1:hover, .list_rm2:hover, .list_rm3:hover{border:1px solid #ccc}
.list_rm .on, .list_rm0 .on {width:325px; border:1px solid #ccc}
.list_rm1 {position:relative; float:left;width:325px; padding:10px; margin:0px 29px; border:1px solid #fff; height:340px;}
.list_rm2 {position:relative; float:right; width:325px;   padding:10px; border:1px solid #fff; height:340px;}
.list_rm3 {position:relative; float:right; width:325px;   padding:10px; border:1px solid #fff; height:107px;}
.list_rm_t1 {padding:15px 10px 5px 10px; font-size:18px; letter-spacing: -0.5px; line-height:23px; font-weight:500;}
.list_rm_t2 {padding:5px 10px 5px 10px; font-size:14px; letter-spacing: -0.5px; line-height:20px; color:#999}
.realmain_v_1 {position:relative; overflow:hidden; width:347px; margin:15px 0 40px 0px; float:left}
.list_rm_t3 {padding:15px 10px 5px 10px; font-size:15px; letter-spacing: -0.5px; line-height:20px; font-weight:500; float:left; width:145px;}


/* search ================================================================================================================================================ */
.searchbg { background:#f2f2f2; width:725px; height:40px; padding:5px;}
.searchbg_t { width:220px; float:left; padding-top:3px; text-align:center; font-size:30px;font-weight:600;letter-spacing: -1px;}
.searchbg_l { position:relative; float:left;  height:20px; vertical-align:middle;}
.sub_textmenu {width:300px; float:left; padding-left:20px; padding-top:15px; font-size:15px; }
.sub_textmenu ul {margin:0px; padding:0px;}
.sub_textmenu ul li { display:inline; padding-left:15px; color:#888; font-weight:300;}
.sub_textmenu .on1 {  color:#000; font-weight:500;}
.s_result {margin:35px 0px 15px 10px; font-size:18px;font-weight:400;letter-spacing: -0.5px; color:#999;}
.top_news {margin-top: 10px;overflow:hidden; }
.result_list { position:relative; width:735px; margin-top:40px; overflow:hidden;}
.result_list ul {margin-bottom:30px; padding:0px;}
.result_list ul li { height:138px;}
.s_result_i { float:left; width:210px; margin-left:10px;}
.s_result_t { width:500px; float:right;}
.s_r_t_box {width:100px; padding:2px; text-align:center; color:#fff; font-size:13px; background:#ababab;}
.s_result_tt {font-size:18px; letter-spacing: -0.5px; line-height:23px; font-weight:500; margin-top:10px;}
.s_result_ss {font-size:14px; letter-spacing: -0.5px; line-height:20px; color:#999; margin-top:10px;}
.s_result_ss em{font-weight:600; color:#eb5c02}
.s_result_day {font-size:13px; letter-spacing: -0.5px; line-height:20px; color:#ccc; margin-top:20px;}

.paging { width:550px; margin:50px auto; text-align:center;  }
.paging ul {margin:0px; padding:10px;}
.paging ul li { display:inline;  font-size:13px; padding-left:10px; padding-right:10px;  text-align:center; color:#a6a6a6; background:#f1f1f1; margin:2px; font-weight:400; }
.paging .on { display:inline; font-size:13px; padding-left:10px; padding-right:10px;  text-align:center; color:#fff; background:#000; margin:2px;font-weight:600;}

/* view ================================================================================================================================================ */
.viewpage_top {margin:0 auto; position:relative; width:1090px;  border-top:1px solid #000; border-bottom:1px solid #000; padding:15px 0px 15px 10px; overflow:hidden;}
.viewpage_left {width:151px; height:100px; border-right:1px solid #ccc; float:left; text-align:center;}
.viewpage_left ul {margin-top:15px; padding:0px;}
.viewpage_left ul li { display:block; padding:5px;}
.up {font-size:30px;font-weight:600;letter-spacing: -1px;}
.viewpage_center {float:left; width:550px; padding:0px 0px 0px 20px;}
.viewpage_center .day {font-size:13px; letter-spacing: -0.5px; line-height:20px; color:#ccc; padding-top:10px;}
.viewpage_center ul { margin:0px; padding:0px;}
.viewpage_center ul li {display:block; font-size:28px;font-weight:500;letter-spacing: -1px; line-height:35px;}
.viewpage_center ul li h1{font-size:inherit; margin:inherit; font-weight:500;}
.viewpage_top_bnn{float:right; width:300px}
.viewpage_top_bnn img{width:100%}
.view_snsbox {margin:30px 0px 0px 0px; overflow:hidden;}
.text-t {float:left; }
.text-t li { display:inline; padding-right:10px;}
.sns-t {float:right; }
.sns-t li { display:inline; text-align:right; padding-left:10px;}
.article_box { position:relative; overflow:hidden; }
.article_box h1 { font-size:20px; color:#000; letter-spacing: -0.5px;}
.article_box p { font-size:20px; color:#000; letter-spacing: -0.5px; margin:0.67em 0; font-weight:600;}
.article1 {width:210px; background:#f1f1f1; float:left; padding:10px;}
.article2 {width:210px; background:#f1f1f1; float:left;padding:10px; margin-left:23px; margin-right:15px;}
.article3 {width:210px; background:#f1f1f1; float:right; padding:10px;}
.article_t {font-size:14px; font-weight:500; line-height:20px; }

table, td, th {
    border: medium none;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
}

  .table {width:140px; margin:30px auto;}
  .table th {height:40px; line-height:40px; border: 1px solid #000; }
  .table td {text-align:center;  border: 1px solid #000; height:40px; line-height:40px; font-size:15px; }
  .color {background:#f0f0f0;  border-top: 1px solid #ccc;}



/* banner ================================================================================================================================================ */
.premium { margin-top:25px; width:315px; background:#eb5c02; padding:10px; overflow:hidden;}
.premium span{color:#000; font-size:18px; font-weight:500; padding-left:5px;}
.premium_t {color:#fff; font-size:18px; font-weight:500; text-align:center; padding:3px 3px 15px 3px; border-bottom:1px solid #f5ae81; }
.premium_st {font-size:13px; font-weight:500; padding-top:5px; color:#fff; width:307px; margin:5px auto;}
.p_title {padding:10px 0;text-align:center; font-size:14px; font-weight:600; color:#000; }
.p_title_text {font-size:13px; font-weight:300; color:#fff; line-height:18px; padding:5px;}
.banner_1 { margin-top:25px; margin-bottom:20px;}
.banner_2 { margin-top:20px; margin-bottom:20px;}

/* bnn */
.bnn, .bnn li, .bnn li a{position:relative; overflow:hidden; display:block}
.bnn{clear:both}
.bnn li{float:left}
.bnn li a{width:540px; height:100px}
.realmain_v_1_bg{position:relative; clear:both; overflow:hidden;}
.main_btm_ban{display:block; margin:0 auto 50px;}
.main_btm_ban img{display:block; margin:0 auto}

/* error page */
.error_page{padding-top:100px; padding-bottom:100px; text-align:center}
.error_page .errer_area{width:1100px;margin:0 auto}
.error_page .ico_error{display:inline-block;width:63px;height:63px}
.error_page .ico_error svg{fill:#e75b11}
.error_page .info_box{padding-top:58px}
.error_page .info_box .error_title{color:#000;font-size:38px;font-weight:300}
.error_page .info_box .error_text{margin-top:55px;color:#555;font-size:18px;line-height:28px;font-weight:300}
.error_page .info_box .error_text + .error_text{margin-top:20px}
.error_page .info_box .error_text a{color:#e75b11;text-decoration:underline}
.error_page .btn_box{margin-top:70px;text-align:center;font-size:0}
.error_page .btn_box .btn_before{display:inline-block;padding:0 25px;color:#333;font-size:16px;line-height:46px;border:1px solid #bbb;border-radius:5px;background:#fff}
.error_page .btn_box .btn_home{display:inline-block;margin-left:10px;padding:0 25px;color:#fff;font-size:16px;line-height:46px;border-radius:5px;background:#e75b11}
.error_page .recommend_area{margin-top:80px;padding:40px 0 20px}
.error_page .recommend_area .recommend_list{width:1100px;margin:0 auto;font-size:0}
.error_page .recommend_area .recommend_item{position:relative;display:inline-block;width: calc(25% - 17px);vertical-align:top;border:1px solid #d9d9d9}
.error_page .recommend_area .recommend_item + .recommend_item{margin-left:20px}
.error_page .recommend_area .recommend_item a{display:block}
.error_page .recommend_area .recommend_item .img_thumb{overflow:hidden;display:block}
.error_page .recommend_area .recommend_item .img_thumb img{width:100%;height:100%}
.error_page .recommend_area .recommend_item .recommend_title{box-sizing:border-box;display:block;height:70px;padding:15px 20px}
.error_page .recommend_area .recommend_item .recommend_title em{overflow:hidden;font-style:normal;color:#333;font-size:14px;text-align:left;line-height:20px;display:-webkit-box; text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2}
.error_page .recommend_area .recommend_item a:hover .img_thumb img{transition:.3s;transform:scale(1.1,1.1)}
.error_page .recommend_area .recommend_item a:hover .recommend_title{text-decoration:underline}

.btn_twitter{box-sizing:border-box;display:inline-block;width:40px;height:40px;padding:4px 6px;border:1px solid #e5e5e5;border-radius:100%}
.btn_twitter svg{display:block;width:28px}