@charset "utf-8";

@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('xeicon.min.css');


body{-webkit-text-size-adjust:none;}
* {margin:0; padding:0;}
/* reset css ---------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html {font-size:10px;}
body { overflow-x: hidden; font-size:14px; }

html, body, body * { box-sizing: border-box; }

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}

/* 테두리 없애기 */
fieldset, img, abbr,acronym {border: 0;}

/* 목록설정 */
ul, ul.li, ol, ol.li { list-style-type: none;}



/* 테이블 - 마크업에 'cellspacing="0"' 지정  */
table {border-collapse: collapse; border-spacing: 0; border: 0;}
th, td {vertical-align: middle;}


/* 텍스트 관련 요소 초기화 */
address, caption, em, cite {font-weight: normal; font-style: normal;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
textarea {font-size:12px;}
checked{color:#2bbec6;}

/* 기초설정*/
html, body {font-family:'나눔고딕','Nanum Gothic',"Apple SD Gothic Neo","AppleGothic","돋움", Dotum,"굴림", Gulim, Sans-serif;  letter-spacing: -0.5px;}

html {overflow-y:scroll; height:100%;}/*세로스크롤*/

/* 링크설정 */
a,a:active{
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #999 !important;
	text-decoration: none;
}


a:hover {
	text-decoration: none;
	color: #2bbec6;
}

.clear {clear: both; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }

.block:after,.clearfix:after,.group:after {
	content: "";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

/* 2018-10-08 Add */
*:focus { outline: none;}
/* 2018-10-08 Add */


/* common */
.ft14 {
	font-size: 14px;
}
.ft16 {
	font-size: 16px;
}
.ft18 {
	font-size: 18px;
}
.ft20 {
	font-size: 18px;
}
.ft20 {
	font-size: 22px;
}
.ft24 {
	font-size: 24px;
}
.trc {
	text-align: center;
}
.bgb {
	border-bottom: 1px solid #bfbfbf;
}
.bgt {
	border-top: 1px solid #bfbfbf;
}
.fl{float:left;}
.fr{float:right;}
.art_img{width:100%;}
.title_no{color:#80f1e6;}
.fl{float:left;}
.fr{float:right;}

.tbl_box10{width:10%;}
.tbl_box12{width:12%;}
.tbl_box15{width:15%;}
.tbl_box20{width:20%;}
.tbl_box24{width:24%;}
.tbl_box30{width:30%;}
.tbl_box40{width:40%;}
.tbl_box50{width:50%;}
.tbl_box60{width:60%;}
.tbl_box70{width:70%;}
.tbl_box73{width:73%;}
.tbl_box76{width:76%;}
.tbl_box80{width:80%;}
.tbl_box100{width:100%;}
.br3 {
	border-radius: 3px;
}
.br5 {
	border-radius: 5px;
}
.br10 {
	border-radius: 10px;
}
.br15 {
	border-radius: 15px;
}
.br20 {
	border-radius: 20px;
}
.btn {
	display: inline-block;
	padding: 5px 15px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
}
.btn-default_bb{color: #2bbec6 !important;background-color: #fff;border:1px solid #2bbec6 !important;}
.btn-default_bb:hover{color:#2bbec6 !important; background-color:#fff;border:1px solid #2bbec6 !important; }
.btn-default{color: #959595;background-color: #fff;border: 1px solid #a7a7a7}
.btn-default:hover{color:#2bbec6 !important; background-color:#fff;border:1px solid #2bbec6 !important;}
.btn-default a:hover{color:#2bbec6 !important;}
.btn-success {color: #fff;background-color: #2bbec6;    border: none;}
.btn-grey{background: #c5c5c5}
.txc{text-align:center;}
.txl{text-align:left;}
.txr{text-align:right;}
.beachblue{color:#2bbec6;}
.beachblue a {color: #2bbec6;}
.bgb3 {border-bottom: 1px solid #e6e6e6;}
.grey{color:#a1a1a1;}
.blue{color:#2775c5;}
.info_red{color:#ff1919; font-size:13px;}

/* form */
input {
	border:0;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
	color:#b7b7b7;
	padding-left: 2%;
	font-size: 17px;
	font-weight:normal;
}
input::placeholder {
	color: #b7b7b7;
}
label {
	font-size: 15px;
	color: #2bbec6;
	margin-left: 2%;
	display: block;
	margin-bottom:10px;
}
textarea {
	margin-bottom: 10px;
	width: 90%;
	border: 1px solid #adadad;
	border-radius: 5px;
	padding: 5%;
	color: #868686;
	font-size:13px;
}
select {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #757575;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	-webkit-appearance: none; /* 화살표 없애기 for chrome*/
	-moz-appearance: none;    /* 화살표 없애기 for firefox*/
	appearance: none;         /* 화살표 없애기 공통*/
}
select::-ms-expand {
	display: none;            /* 화살표 없애기 for IE10, 11*/
}

.form-group{border-bottom: 1px solid #ccc; position: relative;clear: both;overflow: hidden; padding-top:10px;}

/* mypage */
#mypage{width:100%;}
#mypage .mypage_top{ height:50px;  line-height:45px;position: relative;border-bottom: 1px solid #bfbfbf;}
#mypage .mypage_top .mypage_logo{position:absolute; left:25px; top:10px;}
#mypage .mypage_top .mypage_logo img{width:60%; height: auto;}
#mypage .mypage_top .mypage_title{position:absolute; left:75px; top:4px; font-size:17px; color:#4f4f4f;}
#mypage .mypage_top .mypage_tab{position: absolute; left:150px; top:3px;}
#mypage .mypage_top .mypage_tab span{float:left; padding:0 5px;}
#mypage .mypage_top .mypage_tab a{color:#b2b2b2; font-size: 15px;}
#mypage .mypage_top .mypage_tab .current{color:#2bbec6;}
#mypage .mypage_top .mypage_tab img{vertical-align: middle;}
#mypage .mypage_top .mypage_menu{position:absolute; right:0; top:9px;}
#mypage .mypage_top .mypage_menu img{width:60%; height: auto;}
#mypage .mypage_top .mypage_search{position:absolute; right:50px; top:12px;}
#mypage .mypage_top .mypage_write{position:absolute; right:10px; top:11px;}
#mypage .mypage_header{background: #04b9c2; height:50px; line-height: 50px; text-align: center; position: relative;}
#mypage .mypage_header_fixed{margin-top:50px;}
#mypage .mypage_header .btn_left{position:absolute; left:5%; }
#mypage .mypage_header .btn_left2{position:absolute; left:5%; }
#mypage .mypage_header .btn_left a{font-size:12px;background: url(../../img/mobile/arrow_s_down.gif) no-repeat 90% 50%;}
#mypage .mypage_header .btn_left2 a{font-size:12px;}
#mypage .mypage_header .btn_right{position:absolute; right:5%; }
#mypage .mypage_header .btn_right a{font-size:12px;}
#mypage .mypage_header .header_tit{position:absolute; left:25%;right:25%; color:#fff; font-size:17px; width:50%;}
#mypage .mypage_header .header_tit2{color:#fff; font-size:17px; }
#mypage .mypage_header .header_list_on a{color:#fff; font-size:17px}
#mypage .mypage_header .header_list_off a{ color:#e5e5e5; font-size:17px;}
#mypage .mypage_header .btn-default{color:#fff !important; background: #04b9c2; border:1px solid #fff;}
#mypage .mypage_header .btn-default:hover{color:#fff !important; border:1px solid #fff !important;}
#mypage .mypage_header .p_title3{color: #fff; padding-left:20px;font-size: 17px;}
#mypage .mypage_header .btn-info {position: absolute;right: 20px;top: 10px;}
#mypage .mypage_submenu {background: #fbfcfd; padding:15px 30px; height: 20px; box-sizing: content-box;}
#mypage .mypage_submenu .submenu_cate img{padding-top: 3px;}
#mypage .mypage_submenu a{padding:0 10px;font-size: 16px;}
#mypage .mypage_submenu a:hover{color:#2bbec6;}
#mypage .mypage_submenu .current{color:#2bbec6;}
#mypage .mypage_cont table{width:100%; font-size:16px;}
#mypage .mypage_cont table th{text-align: center;}
#mypage .mypage_cont table tr{height:50px; border-bottom: 1px solid #d2d2d2;}
#mypage .mypage_cont table td a{color:#000;}
#mypage .mypage_cont table td a:hover{color:#2bbec6;}
#mypage .mypage_cont .time{font-size:14px; color:#999999;}
#mypage .mypage_cont table thead{background: #f8f8f8}
#mypage .mypage_cont table tfoot{background: #f8f8f8; border-bottom: 1px solid #d2d2d2;}
.mypage_cont { min-height: 260px; }
.mypage_footer{margin-top:70px; background: #f1f7fa; padding:30px 0;text-align: center; overflow:hidden; width:100%;}
.mypage_footer .f_btns a{font-size: 15px;}
.mypage_footer .f_btns span{padding:0 3px;}
.mypage_footer .f_policy{width:100%; margin:0 auto; height:20px; line-height: 20px; text-align: center; clear:both;display: block; padding-top:10px; color:#04b9c2;}
.mypage_footer .f_policy a{color:#2bbec6; font-size:13px;}
.mypage_footer .f_social{margin:0 auto; text-align: center;clear:both;display: block; padding-top:10px;}
.mypage_footer .f_social img{ padding:0 5px;}
.mypage_footer .copyright{color:#757575; font-size: 10px; padding-top:20px;}
#mypage .memo_id{padding:15px 0 10px 0; font-size:14px; }
#mypage .memo_id img{ display: inline-block;vertical-align: middle; padding-right:5px;}
#mypage .allmemo{background: url(../../img/mobile/arrow2.gif) no-repeat 90% 50%;}
#mypage .pagenumber { margin:30px auto;     text-align: center; }
#mypage .pagenumber a{ display:inline-block; width:25px; height:25px; margin:0 2px;line-height: 25px;}
#mypage .pagenumber a.current{border:1px solid #e0e0e0; color:#2bbec6; }
#mypage .pagenumber .current a{ color:#2bbec6;}
#mypage .pagenumber a{color:#999999;}
#mypage .pagenumber a:hover{ color:#2bbec6;}
#mypage .pagenumber img{vertical-align: middle;}
#mypage tfoot .btns img{padding-left: 5px;}
#mypage thead .btns img{padding-left: 5px;}
#mypage .msg_header{padding:20px;color:#888888; line-height: 28px;}
#mypage .msg_header a{color:#888 !important;}
#mypage .msg_header a:hover{color:#2bbec6 !important;}
#mypage .msg_header dt {float: left;width: 75px;}
#mypage .msg_header img {vertical-align: middle;}
#mypage .msg_read{margin:0 20px 20px; border-top: 1px solid #eaeaea; padding-top:20px;line-height: 28px; }
#mypage .cont_header{height: 30px; background: #f8f8f8; font-size:18px; padding:30px 20px;}



#mypage .cont_box{border-bottom: 1px solid #ededed; width:100%; padding:20px; overflow: hidden; position: relative;}

.cont_box .imm1 { width: 130px; padding-right: 10px; }
.cont_box .imm2 { width: calc(100% - 130px); padding-top: 0 !important; margin-top: -2px; }

#mypage .cont_box, #mypage .cont_box * { box-sizing: border-box; }
#mypage .cont_img{padding-right:12px;float:left;}
#mypage .cont_title{float:left; padding-top:4px;}
#mypage .cont_title a{color:#383737; font-size: 17px;}
#mypage .cont_title a:hover{color:#2bbec6; }
#mypage .cont_close{float:left; padding-right:10px; position:absolute; top:15px; right:20px; padding-left:10px;}
#mypage .cont_close img{padding-top:20px;}
#mypage .cont_box_open{background: #f8f8f8; border-bottom: 1px solid #f1f1f1; padding:15px 20px; line-height: 22px;}
#mypage .cont_box_open img{ max-width:93vw;height:auto;}
#mypage .cont_box_open img{ max-width:93vw;height:auto;}
#mypage .cont_cate{color:#5a5a5a; padding-top:5px; line-height: 20px;}
#mypage .cont_cate a{font-size: 13px;}
#mypage .cont_cate img{vertical-align: middle;}
#mypage .list_open{border-bottom: 1px solid #ededed;background: #f8f8f8;padding: 20px;line-height: 26px;overflow: hidden;display: block;}
#mypage .list_open a{color:#000; font-size: 16px;}
#mypage .list_open a:hover{color:#2bbec6;}
#mypage .list_open div{float:left;}
#mypage .list_open2{border-bottom: 1px solid #ededed;background: #fff;padding: 20px;line-height: 26px;overflow: hidden;display: block;}
#mypage .list_open2 a{color:#000; font-size: 16px;}
#mypage .list_open2 a:hover{color:#2bbec6;}
#mypage .list_open2 div{float:left;}
#mypage .list_close{border-bottom: 1px solid #ededed; background: #f8f8f8;padding:20px;height: 60px;}
#mypage .list_close a{color:#000; font-size: 16px;}
#mypage .list_close a:hover{color:#2bbec6;}
#mypage .list_close div{float:left;}
#mypage .list_view{border-bottom: 1px solid #ededed; background: #fff;padding:20px;color:#a4a4a4;}
#mypage .list_view a{color:#000;}
#mypage .list_view p{line-height:24px;}
#mypage .list_view img { max-width: 100%; }
#mypage .list_view2{border-bottom: 1px solid #ededed; background: #fff;padding:20px;color:#000; font-size:16px;}
#mypage .list_view2 a{color:#000;}
#mypage .list_view3 {border-bottom: 1px solid #ededed; background: #f8f8f8;padding:20px;color:#000; font-size:14px;  line-height: 24px;}
#mypage .list_view3 a{color:#000;}
#mypage .list_view3 .banner { margin: 0 -20px -20px -20px; }
#mypage .list_view3 img { max-width: 100%; }
#mypage .write_top{ font-size:15px; padding:20px;}
#mypage .write_cont{background: #f8f8f8; padding:5% 4%; color:#a4a4a4;}
#mypage .write_cont textarea{border:1px solid #d6d6d6; border-radius: 3px; margin: 10px 0; font-size: 14px; padding:4%; width:92%;}
#mypage .write_cont2{background: #f1f7fa; padding:2%; color:#a4a4a4; width:96%;}
#mypage .write_cont2 textarea{border:1px solid #d6d6d6; border-radius: 3px; padding: 10px 4%; margin: 10px 2%; font-size: 14px; width: 88%!important; color:#b5b5b5 !important; }
#mypage .write_cont2 .slct select {width:80%; padding-left:4% !important;}
#mypage .write_cont2 input{background: #fff;border: 1px solid #ccc;width: 88%!important;margin: 0 2%;padding: 0 4%;font-size:16px;}
#mypage .write_cont2 .slct{border: 1px solid #ccc;background-color: #fff;border-radius: 0 !important;width: 96%!important;margin: 0 2%;}
#mypage .write_btns{overflow:hidden;padding-right:20px;  padding-left:20px;margin:20px 0; }
#mypage .write_btns img{padding-right:3px; vertical-align: middle;}
#mypage .check_on{background: url(../../img/mobile/check_on.gif) no-repeat left top; padding-left:22px;}
#mypage .check_off{background: url(../../img/mobile/check_off.gif) no-repeat left top; padding-left:22px;}

.mypage_top{ height:50px;  line-height:45px;position: relative;}
.mypage_top_fixed{ position: fixed !important; z-index:10; top:0; left:0; width: 100%;background: #fff; z-index: 999995;}
.mypage_top .mypage_logo{position:absolute; left:25px; top:10px;}
.mypage_top .mypage_logo img{width:60%; height: auto;}
.mypage_top .mypage_title{position:absolute; left:75px; top:4px; font-size:17px; color:#4f4f4f;}
.mypage_top .mypage_tab{position: absolute; left:150px; top:3px;}
.mypage_top .mypage_tab span{float:left; padding:0 5px;}
.mypage_top .mypage_tab a{color:#b2b2b2; font-size: 15px;}
.mypage_top .mypage_tab .current{color:#2bbec6;}
.mypage_top .mypage_tab img{vertical-align: middle;}
.mypage_top .mypage_menu{position:absolute; right:0; top:9px;}
.mypage_top .mypage_menu img{width:60%; height: auto;}
.mypage_top .mypage_search{position:absolute; right:50px; top:12px;}
.mypage_top .mypage_write{position:absolute; right:10px; top:11px;}
.mask {
	background: rgba(0, 0, 0, 0) url(../../img/mobile/mask_bg.png) repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.popup_wrap {
	line-height: 25px;
	position: fixed;
	top: 20%;
	color: #707070;
	z-index: 99999;width: 80%;
	margin: auto 10%;}
.popuptop {
	background: #44cbd2;
	height:50px;
	line-height: 50px;
	border-radius: 5px 5px 0 0;
	position: relative;
}
.popuptop .p_title {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}
.popuptop .btn-close {
	position: absolute;
	top: 0px;
	right: 20px;
}
.popuptop3 .btn-tit{position:absolute; right:110px; top:1px; color:#fff;}
.popuptop3 .btn-info{position:absolute; right:60px; top:10px;}
.popuptop3 .btn-close{position:absolute; right:25px; top:14px;}
.pop_box{background: #f5f6f6; border: 1px solid #ededed; padding:3px 10px; position: absolute; bottom:10px; right:0;}
.pop_box a{color:#787878; font-size:13px;}
.popup_date{font-size:13px; color:#999999; padding-top:5px;}
.pop_cont_like{background: #04b9c2; color:#fff; padding:0 3px;}
.popupbody3 .pop_tit{border-bottom: 1px solid #ebeef3; padding:30px 0 10px; color:#000; font-size:15px;    position: relative;}
.pop_cont_box{border-bottom:1px solid #ebeef3; padding:20px 0;overflow: hidden; }
.pop_cont_img{width:20%; float:left; }
.pop_cont_img img{border-radius: 50px; margin-top:10px;}
.pop_cont_img2{float:left; }
.pop_cont_img2 img{ margin-top:10px; padding-bottom:10px;}
.pop_cont_txt_box{width:60%; float:left; padding-top:10px;}
.pop_cont_txt_box p{padding-bottom:5px;}
.pop_cont_txt_box .t_black a{color:#000; font-size: 15px;}
.pop_cont_txt_box .t_black a:hover{color:#2bbec6;}
.pop_cont_title{line-height: 22px;}
.pop_cont_title a{color:#4e4d4d;}
.pop_cont_info{width:20%;position: absolute;text-align: center;right: 40px;}
.info_popup{background: #f5f6f6;border: 1px solid #ededed;padding: 3px 10px;}
.info_popup a{font-size: 13px;}
.info_popup2{position:absolute; right:20px;background: #fff;border: 1px solid #ededed;padding: 3px 10px;}
.info_popup2 a{font-size: 13px;}
.reply_box2 .box_wrap .info_popup2 li {float:none;}
.reply_header{background: #f8f8f8; height: 100px;}
.reply_name{color:#000000; font-size:25px; text-align: center; padding-top:20px;}
.reply_address{color:#b4b4b4; font-size:19px; text-align: center;padding:10px 0}
.reply_body{background: #f8f8f8;color:#797979; line-height: 28px;}
.reply_cate{color: #797979;width: 100%;font-size: 18px;margin-bottom: 15px;background: #fff;text-align: center;padding: 20px;}
.reply_cate a{color: #797979;}
.reply_cate .current{color:#000;}
.reply_cate a:hover{color:#000;}
.reply_cate span{padding:0 15px;display: inline-block;}
.reply_cate .cate_on{background: url(../../img/mobile/cate_on.gif) no-repeat left 50%; padding-left:30px;}
.reply_cate .cate_off{background: url(../../img/mobile/cate_off.gif) no-repeat left 50%; padding-left:30px;}

.mypage_cont .my_open{ background: #fff url(../../img/mobile/slide_on.gif) no-repeat 96% 50%; padding:20px 30px; font-size: 17px; margin-bottom: 15px;}
.mypage_cont .my_close {background: #fff url(../../img/mobile/slide_off.gif) no-repeat 96% 50%;padding: 20px 30px;font-size: 17px;margin-bottom: 15px;}
.mypage_cont .my_number{color: #797979; position: relative;font-size: 18px; background: #fff;padding: 20px 0 20px 30px;  margin-bottom: 15px;}
.mypage_cont .my_reply{background: #fff;clear: both;}
.mypage_cont .my_reply_box{border-bottom: 1px solid #dadada; padding:20px 30px; position: relative;}
.mypage_cont .reply_title a{font-size: 18px; color:#000;}
.mypage_cont .reply_title a:hover{color:#2bbec6;}
.mypage_cont .reply_txt{font-size: 16px; color:#8c8b8b; padding-top:5px;}
.mypage_cont .r_viewall{ position: absolute;right: 4%;top: 20px;font-size: 15px;}
.mypage_cont .reply_tt{font-size: 18px;    padding-top: 25px; padding-left:20px;}
.mypage_cont .reply_total{color:#b4b4b4; font-size: 15px;    padding: 10px 0 10px 20px;}
.mypage_cont .r_base{margin-top:20px;}
.mypage_cont .r_base li{float:left;}
.mypage_cont .r_base img{vertical-align: middle;}
.mypage_cont .icons span {padding-left: 20px;}
.mypage_cont .icons {float: right !important;}
.mypage_cont .icons img {padding-right: 7px;}
.mypage_cont .thumbup {color: #e64c3d;}
.mypage_cont .thumbdown {color: #3c92ca;}
.mypage_cont .reply_wrap{ padding-left:50px; background: url(../../img/mobile/img_reply.gif) no-repeat 28px 23px;}
.mypage_cont .reply_bottom{    margin: 30px auto;text-align: center; }
.mypage_cont .reply_bottom a{font-size: 15px;}
.mypage_cont .reply_bottom img{vertical-align: middle;}
.mypage_cont.fix { padding-top: 60px; }
#mypage .account_header{background: #04b9c2; height:50px; line-height: 50px;position: relative;}
#mypage .account_header_wrap{position:fixed; left:0; top:0; width:100%; z-index:9999999;}
#mypage .account_header .header_tit {padding-left:20px; font-size: 17px;color:#fff;}
#mypage .account_header .header_tit img{vertical-align: middle; padding-right: 10px;}
#mypage .account_header_fixed{position:fixed; left:0; top:0; width:100%; z-index: 9999; background: #04b9c2; padding: 10px 0; }
#mypage .account_header_fixed .header_tit {padding-left:20px; font-size: 17px;color:#fff;}
#mypage .account_header_fixed .header_tit img{vertical-align: middle; padding-right: 10px;}
.reply_cont{margin:50px 6%; width:88%;}
.reply_cont .reply_tit{padding-bottom:15px; font-size: 17px; color:#545454;}
.reply_cont .reply_txt{padding-bottom:20px; font-size: 13px; color:#868686; line-height: 28px;}
.reply_cont_wrap{border-bottom: 1px solid #dbdbdb; }
.reply_cont_wrap .pd30 {padding: 30px 0;}
.reply_cont_wrap .ft18 {font-size: 18px;}
.reply_cont_wrap .notice_list {overflow: hidden;padding-bottom: 30px; line-height: 40px;}
.reply_cont_wrap .notice_list dt {color: #333;float: left;width: 80%;text-align: left; font-size:15px; }
.reply_cont_wrap .notice_list dd {width: 20%;float: left;text-align: right;}
.reply_cont_wrap .viewall {text-decoration: underline;}
.reply_cont_wrap .trc{text-align: center;}

.account_check_on{text-align: center; margin:20px auto; font-size: 15px; color: #b7b7b7;background: url(../../img/mobile/btn_check_fill.gif) no-repeat; width:185px;}
.account_check_off{text-align: center; margin:20px auto; font-size: 15px; color: #b7b7b7;background: url(../../img/mobile/btn_check_no.gif) no-repeat; width:185px;}
.account_btn{clear: both; display: table; width:100%; margin:0; padding: 20px 0; text-align: center;}
.account_btn > span { display: table-cell; width: 50%; padding: 0 5px; }
.account_btn a{color:#fff; width: 100% !important;}
.account_btn2{ clear: both; width:100%; margin:0; text-align: center; display: table; }
.account_btn2 > span { display: table-cell; width: 50%; padding: 0 5px; }
.account_btn2 a{ color:#fff; width: 100% !important; }
.reply_text{font-size:15px; line-height:28px; color:#868686; text-align: center; margin:50px 0;}
.account_cont{margin: 6%;width: 88%;}
.account_cont_wrap{margin-top:80px;}
.account_cont_fixed{margin: 6%;width: 88%;padding-top:40px;}
.doublecheck{background: url(../../img/mobile/doublecheck.gif) no-repeat right top;  display: inline-block;cursor: pointer !important;}
.certification{background: url(../../img/mobile/certification.gif) no-repeat right center; display: inline-block;cursor: pointer !important;}

.search_text{font-size: 22px; line-height: 40px; color:#606060; text-align: center; margin:120px 0 50px 0;}
.agree_list {font-size: 14px;width: 100%;padding-bottom: 20px;color:#b7b7b7;}
.agree_list div{    overflow: hidden;display: block;height: 35px;line-height: 35px;}
.agree_list .current{color:#2bbec6;}
.viewall {text-decoration: underline;}
.viewall img{vertical-align: middle;}
.join_header{width:100%; margin:0 auto; text-align: center;position: relative; }
.join_header .camera{position: absolute;top: 40px;left: 54%;}
.slct {
	background: #fff url(../../img/mobile/img_select.gif) no-repeat 100% 50%;
	background-size: auto 5px;
	overflow: hidden;
	width: 100px;
	float: left;
	margin-right: 10px;
}
.slct select {
	-moz-appearance: none;
	background: transparent none repeat scroll 0 0;
	border: medium none;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	width: 100px;color: #b7b7b7;
	font-size: 16px;
}
.form_tit{font-size:13px; color:#b7b7b7; padding-left:2%;}
.save a{color:#b2fbff;}
.popup_policy2 h3 {font-size: 16px;padding-bottom: 10px;line-height: 30px;color:#386868;}
.agree_off{background: url(../../img/mobile/agree_off.gif) no-repeat 0 center;width: 30px;    text-indent: -9999999px;display: inline-block;}
.agree_on{background: url(../../img/mobile/agree_on.gif) no-repeat 0 center;width: 30px;    text-indent: -9999999px;display: inline-block;}
.main_header{width: 88%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background: #04b9c2;
	padding: 0 6%;}
.main_header .header_tit img{vertical-align: middle; }
.main_header .form-group2{position: absolute;top:150px;text-align: left;    width: 88%;}
.main_header .form-group2 input {
	border-bottom:1px solid #5cd1d8;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
	color:#5cd1d8 !important;
	padding-left: 2%;
	font-size: 17px;
	font-weight:normal; background: #04b9c2;
}
.main_header .form-group2 input::placeholder {color: #98ebf0;}
.main_header .form-group3{position: absolute;top:200px;text-align: left;    width: 88%;}
.main_header .form-group3 input {
	border-bottom:1px solid #5cd1d8;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
	color:#5cd1d8 !important;
	padding-left: 2%;
	font-size: 17px;
	font-weight:normal; background: #04b9c2;
}
.main_header .form-group3 input::placeholder {color: #98ebf0;}
.main_cont{position: absolute;
	width: 88%;
	clear: both;
	overflow: hidden;
	display: block;
	margin: 0 6%;}
.m_email{padding: 15px 40px;font-size: 17px; width: 100%; background:#fff; color:#04b9c2;    border: 1px solid #04b9c2;}
.m_facebook{padding: 15px 40px;font-size: 17px; width: 100%; background:#4267b2; color:#fff;    border: 0;}
.m_tweeter{padding: 15px 40px;font-size: 17px; width: 100%; background:#1894ec; color:#fff;    border: 0;}
.m_kakao{padding: 15px 40px;font-size: 17px; width: 100%; background:#f9e000; color:#fff;    border: 0;}
.m_naver{padding: 15px 40px;font-size: 17px; width: 100%; background:#42b72a; color:#fff;    border: 0;}
.b_bottom {margin: 20px 0 30px 0;text-align: center;}
.b_bottom a{color:#5d5d5d; font-size: 17px;}
.b_login {text-decoration: underline;padding-left: 20px; color:#5d5d5d;}
.b_login a {color: #04b9c2;}
.chk_id_login {font-size: 17px;color:#5d5d5d;margin:10px 0 ;text-align:center;}
.fixed{padding-left: 2%;font-size: 17px; height: 40px;line-height: 40px;color:#545454;}
.left_popup{position:absolute; left:8%; top:110px; background: #fff; border:1px solid #ccc; border-radius:5px; width:160px; }
.left_popup a{color:#383737;}
.left_popup span{border-bottom: 1px solid #ccc; padding:0 2% 0 8%;height:50px; line-height:50px;float:left; width:90%;}
.left_popup span:last-child{border-bottom:0 !important;}
.right_popup{position:absolute; right:5%; top:110px; background: #fff; border:1px solid #ccc; border-radius:5px;width:140px; }
.right_popup a{color:#383737;}
.right_popup span{border-bottom: 1px solid #ccc;padding:0 2% 0 8%;height:50px; line-height:50px;float:left; width:90%;}
.right_popup span:last-child{border-bottom:0 !important;}
.left_popup .agree_off{background: url(../../img/mobile/agree_off2.gif) no-repeat 90% 50%;text-indent:0 !important;}
.left_popup .agree_on{background: url(../../img/mobile/agree_on2.gif) no-repeat  90% 50%;text-indent:0 !important;}
.right_popup .agree_off{background: url(../../img/mobile/agree_off2.gif) no-repeat 90% 50%; text-indent:0 !important;}
.right_popup .agree_on{background: url(../../img/mobile/agree_on2.gif) no-repeat  90% 50%;text-indent:0 !important;}

.mask {
	background: rgba(0, 0, 0, 0) url(../../img/mobile/mask_bg.png) repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.popup_wrap .cate_on {
	background: url(../../img/mobile/cate_on.gif) no-repeat left 50%;
	padding-left: 30px;
}
.popup_wrap .cate_on {
	background: url(../../img/mobile/cate_on.gif) no-repeat left 50%;
	padding-left: 30px;
}
.popup_wrap .notice {
	overflow: hidden;
	text-align: left;
	color: #a7a7a7;
	line-height: 30px;
	padding-bottom: 10px;
}
.popup_wrap .notice dt {
	color: #333;
	float: left;
	width: 30%;
}
.popup_wrap .notice dd {
	width: 70%;
	float: left;
	text-align: left;
}
.popup_wrap .notice_list {
	overflow: hidden;
	padding-bottom: 30px;
	line-height: 40px;
}
.popup_wrap .notice_list dt {
	color: #333;
	float: left;
	width: 90%;
	text-align: left;
}
.popup_wrap .notice_list dd {
	width: 10%;
	float: left;
	text-align: left;
}
.info_forms input {
	border: 1px solid #ccc;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
	border-radius: 5px;
	padding-left: 2%;
	font-size: 14px;
}
/* channel */
.channel_top {
	width: 100%;
	clear: both;
	padding-bottom: 5px;
	line-height: 50px;
	font-size: 17px;
	overflow: hidden;
	display: block;
}

.channel_cont .wrap {
	overflow: hidden;
	padding:0 3%;
	width: 93%;
	margin: 0 auto;
}
.channel_boxs {
	display: block;
	clear: both;
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
}
.channel_detail_box {
	width: 100%;
	overflow: hidden;
	display: block;
	margin-bottom:5px;
	line-height: 20px;
	position: relative;
}
.channel_detail {
	width: 100%;
}
.channel_detail_box > div:nth-child(2) { position: absolute; top: 0; right: 0; margin-top: 25px !important; }
.channel_detail_box .delivery { font-size: 12px; padding-right: 2px; letter-spacing: -1.5px; }
.channel_profile {
	float: left;
	margin-right: 10px;
	padding-left: 1%;
    height: 50px;
    width: 50px;
    overflow: hidden;
    display: block;
    border-radius: 50%;
}
.channel_profile img {
	border-radius: 50px;
    min-width: 100%;
    min-height: 100%;
}
.chinfo {
	font-size: 16px;
}
.channel_boxs .channel_con {
	width: 48%;
	float: left;
	display: block;
}
.channel_boxs .channel_con:last-child{margin-left:4%;}
.channel_boxs .channel_con > a { display: block; overflow: hidden; height: 110px; }
.channel_boxs .channel_con > a > img { min-height: 110px; }
.channel_boxs .channel_con img {width:100%; }
.channel_boxs .channel_con2 {
	width: 47%;
	height: 220px; /*20181001*/
	border: 1px solid #ececec;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
	-moz-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
	box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
	float: left;
	margin-bottom: 20px;
}
.channel_boxs .channel_con2 .chtitle{ padding:10px 10px;}
.channel_boxs .channel_con2:last-child{margin-left:4%;}
.channel_boxs .channel_con2 > a { display: block; overflow: hidden; height: 110px; position:relative;}/*20181001*/
.channel_boxs .channel_con2 img {width:100%;}
.channel_boxs .channel_con2 > a img { width: 100%; min-height: 110px; }/*20181001*/
.channel_boxs .channel_con2 .chtitle > a { -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; }
.chtitle {font-size: 15px;padding: 5px 0 15px;line-height: 20px;}
.chtitle a{color:#4f4f4f;}
.editor{padding-left:14px;}
.editor a{color:#949494;}
.channel_category {
	overflow: hidden;
	display: block;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 10px;
}
.editor2{padding:0 0 15px 14px;}
.editor2 a{color:#949494;}
.channel_category {
	overflow: hidden;
	display: block;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 10px;
}
.channel_category li {
	padding-right: 30px;
	float: left;
	padding-bottom: 10px;
}
.channel_category .current {
	color: #2bbec6;
}
.channel_category a {
	font-size: 17px;
	color: #a7a7a7;
}
.channel_tit {
	font-size: 19px;
	width: 100%;
	margin-bottom: 30px;
}
.channel_boxs .bk_con {
	position: relative;
	width: 48%;
	float: left;
	font-size: 17px;
}
.channel_boxs .bk_con:last-child {margin-left:4%;}
.channel_boxs .bk_con .chn_tit {
	text-align: center;
	position: absolute;
	top: 25px;
	color: #fff;
	width: 100%;
	line-height: 28px;
	z-index: 2;
}
.channel_boxs .bk_con .chn_tit a {color: #fff;}
.channel_boxs .bk_con .chn_bar img {
	position: absolute;
	top: 60px;
	margin: 0 auto;
	width: 10% !important;
	height: 1px;
	text-align: center;
	z-index: 2;
	display: block;
	left: 45%;
	height: 1px;
}
.channel_boxs .bk_con img {
	border-radius: 5px;
	width:100%;
}
.channel_boxs .chn_reply {
	position: absolute;
	top: 70px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 2;
}
.channel_boxs .shadow {
	border-radius: 5px;
	clear: both;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	bottom: 4px;
	left: 0;
	z-index: 1;
	background-color: #000;
	opacity: 0.3;
}
.life_click2 {
	font-size: 15px;
	color: #a5a5a5;
	margin-top: 5px;
}
.life_click2 li {
	float: left;
	padding-left: 10px;
}
.life_click2 .current {
	color: #383737;
}
.life_click2 a {
	color: #CCC;
}

.channel_header {
	position: relative;
}
.channel_header2 {
	position: relative;
}
.channel_header_fixed{margin-top:50px;}

.channel_header .wrap_cover {
	width: 100%;
	top: 0;
	max-height: none!important;
	position: relative;
}
.wrap_cover .bookmark { position: absolute; right: 10px; bottom: 10px; color: #fdbb00; font-size: 20px; z-index: 99; }
.cover_image2 {
	background: url(../../img/mobile/img_channel2.jpg) no-repeat left top;
	display: block;
	background-size: cover;
	height: 210px;
	background-position: 50% 50%;
}
.channel_header .cover_inner {
	display: block;
	background-color: #000;
	opacity: 0.4;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.channel_header .wrap_channel {
	width: 100%;
	margin: 0 auto;
	display: block;
	height: 145px;
	position: absolute;
	top: 35px;
	/* bottom: 165px; */
	z-index: 9999;
}
.channel_header .wrap_btn {
	right:10px;
	position: absolute;
	bottom: 10px;
}
.channel_header .wrap_btn span{padding-left:32px; vertical-align: middle; line-height: 30px;}
.channel_header .wrap_btn a{color:#fff;}
.sky_boxs{width:100%; overflow: hidden;display: block; border-bottom: 1px solid #ececec; padding-bottom:10px; margin-bottom: 10px;}
.sky_boxs:last-child{border-bottom: 0; margin-bottom: 0; padding-bottom: 0}
.cover_cell {
	position: absolute;
	top:10px;
	margin: 0 auto;
	color: #fff;
	width: 100%;
	text-align: center;
}
.cover_cell img{vertical-align: middle;}
.cover_cell .chdate {
	color: #cacaca;
	font-size: 12px;
	padding-left: 5px;
	display: inline-block;
}
.cover_cell .cheditor a{color:#fff;}
.cover_cell .cheditor2 a{color:#2bbec6;}
.cover_cell .chcate a{color:#fff;}
.cover_cell .chcate span{background: url(../../img/mobile/bgbg3.png) repeat-x left bottom;  padding-bottom:8px; z-index:99999;}
.cover_star {
	position: absolute;
	bottom: 10px;
	z-index: 99;
	right: 10px;
}
.titlewrap {
	line-height: 20px;
	/* vertical-align: middle; */
	margin-top: 10px;
	display: table; width: 100%;
}
.titlewrap > span { display: table-cell; vertical-align: middle; height: 40px; }
.title_profile {
	width: 39px;
	height: 39px;
	margin-right: 12px;
	display: inline-block;
	vertical-align: top;
}
.title_profile img {
	border-radius: 39px;
}
.chtit {
	font-size: 20px;
	font-family: 나눔명조,Nanum Myeongjo,georgia,돋움;
	font-weight: normal;
}
.chtit a > img {  width: 60px !important; height: 60px !important; position: absolute; bottom: -65px; left: 50%;  margin-left: -30px; }
.chtxt {
	font-size: 13px;
	color: #b0b0b0;
}
.chtxt2 {
	font-size: 12px;
	color: #fff;  padding-top:5px;
}
.cover_profile {
	position: absolute;
	top: 147px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.cover_profile a, .cover_profile2 a { display: inline-block; width: 50px; height: 50px; overflow: hidden; border-radius: 50px; }
.cover_profile2 {
	position: absolute;
	top: 183px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.cover_profile img {
	/*border-radius: 88px;*/
    width: 100% !important;
    height: 100% !important;
}
.cover_profile2 img {
	border-radius: 88px;
}
.cont_middle .img_profile img{width:100%; max-height: 209px;}
.chtit a {
	color: #fff;
}
.chtit img{ border-radius: 39px; vertical-align: top;}
.chtitle2 {
	font-size: 16px;
	padding:5px;
	line-height: 26px;
	-webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
}
.chtitle2 a {
	color: #383737;
}
.channel_cont .like {
	font-weight: bold;
	padding-left: 4px;
}
.chname {
	font-size: 15px;
	padding-left: 10px;
}
.chname a {
	color: #a1a1a1;
}
.channel_cont .channel_photo {
	float: left;
	margin-right: 20px;
    width: 35%;
}
.channel_cont .channel_photo a { display: block; height: 90px; overflow: hidden; position:relative; }
.channel_cont .channel_photo img{
	width:100%;
	max-width:200px;
    min-height: 90px;
}
.channel_cont {
	border-bottom: 1px solid #ebeef3;
	overflow: hidden;
	display: block;
	padding: 20px 0;background: #f8f8f8;
	width: 100%;clear:both;
}
.channel_cont_fixed{margin-top:50px;}
.channel_cont h4{width: 100%;
	clear: both;
	padding-bottom: 15px;
	font-size: 17px;}
.ch_txt{font-size:17px;}
.ch_txt img{vertical-align: top;}
.cover_social {
	position: absolute;
	top: 190px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.cover_social a {
	padding: 0 5px;
}
.grace_top h4{
	clear: both;
	padding-bottom: 15px;
	font-size: 17px;padding: 20px 20px 10px;
}
.article_cont {position: relative;}
.article_cont .wrap {
	overflow: hidden;
	padding: 30px 6%;
	width: 88%;
	margin: 0 auto;
	background: #fbfcfd;
}
.article_cont_fixed{margin-top:50px;}
.life_menu{position: absolute; top:0; right:0 ;width:300px; border-left:1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #fff; z-index: 99999999;}
.life_menu_l {position: absolute; top:0; left:0 ;width:300px; border-right:1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #fff; z-index: 99999999;}
.life_menu_top{background: #f6f6f6; width:100%; position: relative;}
.life_menu_top .life_cate {width:100%; overflow: hidden; height: 36px;
	line-height: 36px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;
}
.life_menu_top .life_cate .life_no{position: absolute; top:15px;  text-align: center;left:10px; width:20px; height: 20px; line-height:20px; background: #2bbec6; border-radius: 20px;}
.life_menu_top .life_cate .life_no a{color:#fff; font-size:11px;}
.life_menu_top .life_cate .life_no a:hover{color:#fff;}
.life_menu_top .life_cate  a{font-size: 14px;}
.life_menu_top .life_cate  a:hover{color:#2bbec6;}
.life_menu_top .life_cate img{vertical-align: middle; max-width: 15px;}
.life_menu_top .life_cate span{float:left; padding:0 1%;position:relative;  text-align: center;}
.life_list_top{text-align: center; padding: 20px; border-bottom: 1px solid #eeeeee; background: #fff; }
.life_list_top .current{color:#2bbec6;}
.life_list_top li{line-height: 40px;}
.life_list_top a:hover{color:#2bbec6;}
.life_menu_top .logo{text-align: center; padding-top:30px;}
.life_menu_top .profile{ padding:20px 0 0; text-align: center;}
.life_menu_top .profile img{border-radius: 73px;}
.life_menu_top .life_close{position:absolute; right:20px; top:20px}
.life_menu_top .nickname{padding:10px 0; color:#2bbec6; font-size:17px; text-align: center;}
.life_menu_top .member{font-size:14px; text-align: center;}
.life_menu_top .bible{text-align: center;font-style: italic; font-size: 12px; padding:10px 0 0; line-height: 20px; width:60%; margin:0 auto;}
.life_menu_top .chpter{color:#bebebe; font-size: 11px; padding-top: 5px}
.life_list_bottom{text-align: center; padding:20px; border-top: 1px solid #eeeeee; background: #fff;}
.life_list_bottom .current{color:#2bbec6;}
.life_list_bottom  a:hover{color:#2bbec6;}
.life_list_bottom li{line-height: 40px;}
.new{color:#ff0069;}
.life_menu_btn{margin:0 auto; width:100%; text-align: center; padding:20px 0; background: #fff;}
.life_app {position: relative; padding:20px 0; display: block; background: #fff; }
.life_app ul{padding-top: 20px;}
.life_app h4{padding-left: 5px;}
.life_app  li{width:66px;text-align: center;float:left; padding:0 3px;}
.life_app  li a{display: block; font-size:13px;}
.life_app  li a:hover{color:#2bbec6;}
.life_app .btn_left{position: absolute; top:60px; left:10px;}
.life_app .btn_right{position: absolute;top:60px; right:40px;}
.life_app .app_txt{padding-top:10px;}
.btn_info{position:absolute; right:10px; font-size:12px; color:#8c8c8c}

.life_menu.right_m { right: auto; left: 0; }
.life_menu.right_m .life_list_top, .life_menu.right_m .life_list_bottom { margin: 0; }

.news_list .art-info{width:520px; float:left;}
.news_list .art-info2{float:left; width:550px;}
.news_list .art-img {width: 100%;float: right;margin-left: 20px;/* max-width: 150px; *//* max-height: 150px; */}
.news_list .art-img2 {width: 160px;float: left;margin-right: 20px;}
.news_list .art-img2 a { display: block; overflow: hidden; }
.news_list .list_no{font-size:18px; color:#2bbec6; width:30px; float:left; font-weight: bold;}
.news_list .art-title {font-size: 22px;padding-bottom: 10px; font-weight: bold;}
.news_list .art-title a:hover{color:#2bbec6;}
.news_list .art-sum{font-size:14px;line-height: 25px;}
.news_list_cont{clear:both; border-bottom: 1px solid #eaeaea;overflow: hidden;display: block; padding:10px 0;}
.news_list_cont .origin{color:#9a9a9b; font-size:15px; padding-left:10px;}
.news_list_cont .origin a{color:#9a9a9b; font-weight: normal;}
.news_list_cont .art-info{color:#a1a1a1;}
.view_header h2{font-size:27px; padding:15px 0;    letter-spacing: -2px;color:#383737;}
.view_header .time{font-size:12px; color:#888 ;}

.logo_company {padding-right: 7px;}
.logo_company img{vertical-align: top;}
.view_main{clear: both;overflow: hidden;display: block; background: #fbfcfd;}
.view_img img{width:100%;}
.sub_tit {
	margin-top: 50px;
	text-align: center;
	font-size: 19px;
	color: #888;
}
.sub_tit2 {
	text-align: center;
	font-size: 19px;
	color: #2bbec6;
}
.sub_tit_bar {
	text-align: center;
	margin-bottom: 20px;
}
.view_img .img_desc {
	float: left !important;
	padding:10px 0 0 20px;
	color: #999;
}
.view_article {
	clear: both;
	font-size: 16px;
	line-height: 28px;
}
.view_article > p { margin: 0 !important; }
.view_article table { width: 100% !important; table-layout: fixed; }
.view_article p{padding:0 20px;}
.view_article img { max-width: 100%; }
.view_header{background: #fbfcfd; padding:20px; overflow:hidden;}
.writer {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #888;
	padding: 20px;
}
.relatedarticle{margin-top:30px; padding: 0 20px;}
.relatedarticle h4{font-weight: bold;padding-bottom: 10px; font-size:15px; }
.relatedarticle li{border-bottom:1px solid #eaeaea;  -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; height: 40px;line-height: 40px;}
.relatedarticle li a{font-size:16px;color:#000000;}
.relatedarticle li a:hover{color:#2bbec6;}
.reaction{padding:30px 10px; margin-top:30px; border-top:1px solid #ebeef3;border-bottom:1px solid #ebeef3; overflow:hidden; font-size:17px;}
.reaction .reaction_box{float:left; width:20%;    text-align: center;}
.reaction .reaction_box img{width:60%;}
.reaction .like{font-size: 9px; padding-top:11px;}
.reaction .click{text-align: center; padding-top:5px;}
.rb {text-align: center;}
.banner img{width:100%;}

.reply .delete{padding-left:20px; color:#bcbcbc;}
.reply .user { float: left; font-size: 11px; color: #888; letter-spacing: -1px; line-height: 21px; }
.reply .user a { display: inline-block; padding-left: 5px; color: #333; }
.reply .facebook {float:left; }
.reply .facebook.on {float:right !important;}
.reply .facebook a{padding:0 1px;}
.reply .tweet img{padding-right: 10px;}
/*.reply .reply_write{color:#999999; line-height: 23px; padding:10px 20px;}*/
.reply_regist{border-top:1px solid #e8e9ea; height:46px; line-height: 46px; }
.reply_no{color:#bcbcbc; padding-left:20px;}
.reply_btn{background: #04b9c2; width:87px; height: 47px; color:#fff; float:right; text-align: center; line-height: 47px;}
.reply_btn a{color:#fff;}
.reply_btn a:hover{color:#fff;}
.reply_social{padding:10px 10px 0 10px; overflow: hidden; }
.reply_social a{color:#000; margin-right:5px; }
.reply .reply_box{    border: 1px solid #c5c5c5;clear: both;overflow: hidden;background: #fff; margin: -10px 20px 0 20px;}
.reply .reply_box3 {
	border: 1px solid #c5c5c5;
	clear: both;
	overflow: hidden;
	background: #fff;
	margin: -10px 0 0 30px;
}
.r_text label {
    border-radius: 3px;
    padding: 2px 4px;
    color: #fff;
    background: #e64c3d;
    display: inline-block;
    margin-right: 5px;
    font-size: 11px;
}
.reply .reply_box2{ clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3;  padding:20px 20px 0 20px; display:block;}
.reply .reply_box2 .box_wrap{overflow:hidden;display: block; border-bottom: 1px solid #e0e1e1; padding-bottom:20px; margin-bottom:20px;}
.reply .reply_box2 .box_wrap li{float:left;}
.reply .reply_box2 .box_wrap2{ overflow:hidden; display: table; width: 100%; margin-bottom:20px;}
.reply .reply_box2 .box_wrap2 li { display: table-cell; vertical-align: top; }
.reply .reply_box2 .box_wrap2 li:first-child { width: 25px; }
.reply .reply_box2 .box_wrap .r_text li{float:left; padding-right:10px;}
.reply_close{width:90px; height: 30px; line-height: 30px; background:#fff; border: 1px solid #c7c7c7; text-align: center; margin:20px auto;}
.box_wrap2 .reply_box { padding: 0; margin: 0; }
.reply_comment{margin:0 20px;}
.reply_close a:hover{color:#2bbec6;}
.reply_close img{ padding-top:12px;padding-left:5px;}
.r_info{color:#999999; padding-bottom:10px;}
.r_info a{color:#999;}
.r_info a:hover{color:#2bbec6;}
.r_info span{padding-right:10px;}
.r_date{font-size:12px;}
.r_text{font-size: 15px;padding-bottom:15px;}
.reply_sort{border-bottom: 1px solid #ebeef3; margin: 20px 20px 0;padding:10px 0; font-size:16px; }
.reply_sort span{padding-right:20px;}
.reply_sort a:hover{ color:#000;}
.reply_sort .current{ color:#000; font-weight:bold;}
.reply_comment{padding:20px 0;border-bottom: 1px solid #ebeef3; overflow:hidden;}
.reply_comment:last-child{border-bottom: 0 !important;}
.r_base{overflow:hidden;display:block;    clear: both;}
.icons{float:right !important; }
.reply_box2 .icons{/* float:right !important; */position: absolute;bottom: 0;right: 0;width: 155px;height: 30px;display: inline-block;}
.icons img{padding-right:7px;vertical-align: middle;}
.icons span{padding-left: 20px;}
.reply_box2 .icons2{float:right !important; padding-top:20px; }
.reply_box textarea{width:100% !important;}
.icons2 img{padding-right:7px;vertical-align: middle;}
.icons2 span{padding-left: 20px;}

.r_base li.icons2{
	float: right !important;
}

.thumbup{color:#e85d51;}
.thumbdown{color:#3c92ca;}
.img_reply{width:20px; float:left;}
.article_recommend{
	clear: both;
	background: #fbfcfd;
	overflow: hidden;
	display: block;
	padding: 20px;
}
.news_list_cont .art-img2 {
	width: 30%;
	float: left;
	margin-right: 5%;
}
.news_list_cont:last-child{border-bottom: 0 !important;}
.art-img2 > a { display: block; overflow: hidden; height: 90px; position:relative;}
.art-img2 img{width:100%; min-height: 90px;}
.news_list_cont .art-info2 {
	float: left;
	width: 65%;
}
.news_list_cont .art-title {
	font-size: 17px;
	padding-bottom: 10px;
}
.news_list_cont .art-title a{color:#383737;}
.news_list_cont .art-title a:hover{color:#2bbec6;}
.news_list_cont .art-title a:visited, .news_list_cont .art-title a:active { color: #999 !important; }
.news_list_cont .time {font-size:14px; color:#999999;}

.popup_share {width:80%;border: 1px solid #d9d9d9; top:120px; background: #fff; position: absolute; padding:10px;  height: 235px; border-radius: 5px;
	left:10% !important;}
.popup_share a:hover{color:#2bbec6;}
.popup_share img{padding-bottom: 5px;}
.popup_share li{float:left;text-align:center; width:25%; display: inline-block; padding-bottom:5px;}
.popup_share li a{font-size: 10px;color:#4e4d4d;}
.popup_share .s_share{clear:both;display: block; padding-top:10px; position: relative;}
.popup_share .s_window {
	background: #f8f8f8 none repeat scroll 0 0;
	border: 1px solid #d8d8d8;
	color: #686868;
	display: inline-block;
	font-size: 14px;
	height: 30px; line-height: 28px;
	padding-left: 10px;
    padding-right: 75px;
	position: absolute;
	width: 100%;
}
.popup_share .s_src_sumit {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #d8d8d8;
	height: 30px;
	line-height: 30px;
	overflow: visible;
	width: 65px;
	position: absolute;right:0;font-size: 12px;
}
.popup_share2 {
	width:226px;border: 1px solid #d9d9d9; top:20px; left:50%; background: #fff; position: absolute; padding:10px;  height: 235px; border-radius: 5px; margin-left:-113px;}
.popup_share2 a:hover{color:#2bbec6;}
.popup_share2 img{padding-bottom: 5px;}
.popup_share2 li{float:left;text-align:center; width:25%; display: inline-block; padding-bottom:5px;}
.popup_share2 li a{font-size: 10px;color:#4e4d4d;}
.popup_share2 .s_share{clear:both;display: block; padding-top:10px; position: relative;width: 225px;}
.popup_share2 .s_window {
	background: #f8f8f8 none repeat scroll 0 0;
	border: 1px solid #d8d8d8;
	color: #686868;
	display: inline-block;
	font-size: 14px;
	height: 28px; line-height: 28px;
	padding-left: 10px;
	position: absolute;
	width: 174px; left:0;
}
.popup_share2 .s_src_sumit {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #d8d8d8;
	height: 30px;
	line-height: 30px;
	overflow: visible;
	width: 65px;
	position: absolute;right:0;font-size: 12px;
}

.font{width:90px;border: 1px solid #d9d9d9; top:120px;right:20px;background: #fff; position: absolute; border-radius: 5px;}
.font a{color:#383737;}
.font li{border-bottom: 1px solid #f6f6f6; padding:7px 10px ;}
.font img{vertical-align: top; float:right;}
.share_top{position: relative; height: 50px;}
.share_tit{ position: absolute; left:80px; top:10px;}
.share_x{ position: absolute; right:10px;top:10px;}
.reply .reply_tit{margin:20px 20px;}
.reply .reply_title{border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; color:#04b9c2; font-size:16px; margin:0 20px;}
.life_editor{color:#b0b0b0; position: absolute; top:340px; text-align:center; width:100%;}
.life_editor2 a{color:#4f4f4f;font-size:16px; position: absolute; top:270px; text-align:center; padding:0 5%; width:90%;  margin: 0 auto}
.life_editor3 a{color:#2bbec6;font-size:16px; position: absolute; top:240px; text-align:center; padding:0 5%; width:90%;  margin: 0 auto}
.mbleft{position: relative; width:100%; float:left;}
.mbright{position: relative; width:100%; float:left;}
.middle_banners{width:100%; margin-top:20px; display: block; overflow: hidden; clear:both;}
.middle_banners .card_main_title {
	position: absolute;
	top: 22px;
	color: #c4c4c4;
	font-size: 12px;
	z-index: 9999;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.middle_banners .card_main_txt {
	position: absolute;
	top: 44px;
	color: #fff;
	left: 0;
	z-index: 9999;
	width: 100%;
	font-size: 16px;
	text-align: center;
	font-family: 나눔명조, Nanum Myeongjo, georgia,돋움;
}
.middle_banners .card_main_txt a{color:#fff;}
.middle_banners .chn_bar img {
	position: absolute;
	top: 15px;
	margin: 0 auto;
	height: 1px;
	width: 3%;
	text-align: center;
	z-index: 2;
	display: block;
	margin-left: 48.5%;
}
.middle_banners .shadow {
	clear: both;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-color: #000;
	opacity: 0.3;
}
.life_tags{padding: 20px 0; margin:0 auto;
	width: 100%;
	text-align: center; position: relative;}

.life_tags .cover_profile3 a { display: block; width: 60px; height: 60px; border-radius: 40px; margin: auto; overflow: hidden; }
.life_tags .cover_profile3 img { width: 100%; height: 100%; }
.life_tags  .tags {color:#888; padding:20px 0;}
.life_tags  .tags a{padding:0 5px;}
.panel_btns img{vertical-align: middle;}
.life_footer{ background: #fbfcfd;    overflow: hidden;display: block; width:100%;}
.life_cont1{margin-top:20px;}
.life_cont1_box {padding:0 20px;    overflow: hidden;}
.life_cont1_box li {
	width: 47%;
	float: left;
	line-height: 22px;
	margin-right: 3%;
	padding-bottom: 10px;
}
.life_cont1_box li > a { display: block; overflow: hidden; height: 100px; }
.life_cont1_box li > a img { width: 100%; min-height: 100%; }
.life_cont1_box li:nth-child(2n) {
	margin-left: 3%; width:47%; margin-right:0 !important;
}
.life_cont1 h4 {
	font-weight: bold;
	padding-bottom: 20px;
	font-size: 18px; text-align:center;
}
.life_title {padding-top:10px;
	font-size: 14px;
	clear: both;
}
.life_title a{color:#4f4f4f; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; min-height: 45px;}
.life_cont2_box li {
	position: relative;
	float: left;
	width: 100%;
}
.life_cont2_box li:last-child{margin-right: 0 !important;}
.life_cont2 h4 {
	font-weight: bold;
	padding-bottom: 20px;
	font-size: 18px; text-align:center;
}
#popular_video, #popular_photo { height: 150px; }
#popular_video .slick-slide a, #popular_photo .slick-slide a { display: block; height: 100px; overflow: hidden; position: relative; }
#popular_video .slick-slide a:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -19px; z-index: 997; background-image: url(/img/mobile/img_play.png); background-repeat: no-repeat; width: 38px; height: 38px; }

.plays_b a:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -19px; z-index: 997; background-image: url(/img/mobile/img_play.png); background-repeat: no-repeat; width: 38px; height: 38px; }

#user_comment_list .com_cont_box { position: relative; }
#user_comment_list .com_cont_info { position: absolute !important; top: 25px; right: 0; }

.life_cont2 .photo_info {
	position: absolute;
	bottom: 10px;
	left: 0;
	padding: 10px;
	color: #fff;
	z-index: 9999;
	text-align: center;
	font-size: 16px;
}
.life_cont2 .photo_info a {
	color: #fff;
}
.life_cont2 .photo_info2 {
	position: absolute;
	bottom: 10px;
	left: 0; right:0;
	padding: 10px;
	color: #fff;
	z-index: 9999;
	text-align: center;
	font-size: 16px;
}
.life_cont2 .photo_info2 a {
	color: #fff;
}
.life_cont3 {text-align: center; overflow:hidden;padding: 0 20px 30px 20px;}
.life_cont3 li{float:left; margin-right: 6%;
	width: 29%;}
.life_cont3 li:last-child{margin-right: 0 !important;}
.life_cont3 .tr_txt{padding-top:10px;clear: both;}
.life_cont3 .tr_txt a{color:#4f4f4f;}
.life_cont3 h4 {
	font-weight: bold;
	padding-bottom: 20px;
	font-size: 18px; text-align:center;
}
.life_cont3 img{border-radius: 134px; width:100%;}



.life_cont4{text-align: center; padding: 0 20px 30px 20px;    overflow: hidden;}
.life_cont4 h4 {
	font-weight: bold;
	padding-bottom: 20px;
	font-size: 18px; text-align:center;
}
.life_cont4 .a_left{width:5%;float:left; margin-right:2%; padding-top:30px;}
.life_cont4 .a_right{width:5%;float:left; margin-left:2%; padding-top:30px;}
.life_cont4 .life_cont4_box{width: 85%;float:left;}
.life_cont4 .life_cont4_box span{width:27%; margin:0 3%; float:left; }
/* .life_cont4 .life_cont4_box span img{width:100%;border-radius: 77px;} */
/* 2018-10-08 Add */
.life_cont4 .life_cont4_box div img{width:90%;border-radius: 77px; margin: 0 !important; }
.life_cont1 h4 {
	font-weight: bold;
	padding-bottom: 20px;
	font-size: 18px;
	text-align: center;
}
.channel_bottom2 {
	margin-bottom: 10px;
	background: rgba(0, 0, 0, 0) url(../../img/mobile/bg_row.gif) repeat-x scroll 50% 50%;
	clear: both;
	display: block;
	height: 80px;
	overflow: hidden;
	padding: 20px 0;
	position: relative;
	width: 100%;
}
.channel_bottom2 button {
	position: absolute;
	width: 30%;
	margin-left: 35%;
	height: 35px;
}
.cate_top_list {height: 20px; line-height: 20px;}
.cate_top_list span{padding-right:10px; color:#737373; font-size:12px;}
.cate_top_list span img{ padding-right:3px; vertical-align: middle;}
.community_cate{background: #fbfcfd; padding-top:30px; clear:both;}
.community_cate_tit{padding:0 20px 10px 20px;}
.community_cate_box{border-bottom:1px solid #dbdbdb;padding:0 20px 20px; }
.community_cate_box h4{font-size:16px; padding:10px 0; font-weight: bold; }
.community_cate_box span{padding-right:10px;}
.community_cate_box span img{padding-right:5px;}
.header_tit2{margin:0 auto; text-align: center; width:100%;}
.header_tit2 a{color:#a6eef2; font-size:16px;}
.header_tit2 .current{color:#fff;}
.header_tit2 li{float:left;width:25%;}

#news .news_top{background: url(../../img/mobile/news_top_bg.jpg) repeat-x left top; height:110px; position: relative; }
#news .news_menu{position:absolute;left:15px; top:22px;}
#news .news_logo{position:absolute; left: 42%; top:20px;}
#news .srch{width:96%; clear:both; display: block; top:55px; position: absolute; padding:0 2%;}
#news .srch span {
	border: 0 ;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	vertical-align: middle;
	width: 100%;
	border-radius: 5px;
	background: #fff;
}
#news .srch span input {
	border: 0 none;
	float: left;
	height: 40px;
	line-height: 40px;
	width: 77%;
	font-size: 14px;
}
#news .srch img {
	float: right;
	padding: 10px 10px 0 0;
}
#news .news_nav{border-bottom: 1px solid #c4dadb; height: 50px;line-height: 50px; width:94%; padding:0 3%;background: #fff;}
#news .news_nav .current{background:url(../../img/mobile/bg_nav.gif) repeat-x bottom left; }
#news .news_nav .current a{color:#43c3ca;}
#news .news_nav span:hover{background:url(../../img/mobile/bg_nav.gif) repeat-x bottom left; }
#news .news_nav span{float:left; text-align: center; }

#news .news_nav a{font-size: 15px; color:#757575;}
#news .news_cont{clear:both;margin-top: 50px;}
#news .news_cont2{clear:both; z-index:99999;}

#news .cont_top{ background:#f8f8f8; position: relative; padding:20px;}
#news .cont_top img{width:100%}
#news .cont_top .cont_top_img {width:100%; text-align: center; }
#news .cont_top .cont_top_img .shadow {
	clear: both;
	width: 96%;
	height: auto;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-color: #000;
	opacity: 0.1;
}
#news .cont_top .cont_top_title{position: absolute;
	bottom: 27%;
	color: #fff;
	left: 0;
	z-index: 9999;
	width: 84%;
	font-size: 16px;
	text-align: center;
	padding: 0 8%;
}
#news .cont_top .cont_top_title2{position: absolute;
	bottom: 20%;
	color: #fff;
	left: 0;
	z-index: 9999;
	width: 84%;
	font-size: 16px;
	text-align: center;
	padding: 0 8%;
}
#news .cont_top .cont_top_title3{position: absolute;
	bottom: 35%;
	color: #fff;
	left: 0;
	z-index: 9999;
	width: 84%;
	font-size: 13px;
	text-align: center;
	padding: 0 8%;
}
#news .cont_top .cont_top_title4{position: absolute;
	bottom: 18%;
	color: #fff;
	left: 0;
	z-index: 9999;
	width: 84%;
	font-size: 16px;
	text-align: center;
	padding: 0 8%;
}
#news .cont_top .cont_top_title a {
	color: #fff;
}
#news .cont_top .cont_top_title2 a {
	color: #fff;
}
#news .cont_top .cont_top_title4 a {
	color: #fff;
}
#news .cont_top_txt{font-size: 12px; color:#afafaf; position: absolute; bottom:15%; text-align: center;left: 0;
	z-index: 9999;width: 100%;}
#news .cont_top_txt2{font-size: 12px; color:#afafaf; position: absolute; bottom:32%; text-align: center;left: 0;
	z-index: 9999;width: 100%;}
#news .cont_top_txt2 a{color:#fff; font-size:14px;}
#news .news_lists{padding:20px;}
#news .news_lists h4{    width: 100%;
	clear: both;
	padding-bottom: 15px;
	font-size: 17px;
}
#news  .news_lists .news_list_cont {
	clear: both;
	border-bottom: 1px solid #eaeaea;
	margin: 0;
	overflow: hidden;
	display: block;position:relative;
}
#news .news_lists .art-info {
	font-size: 14px;
	line-height: 25px;
	color:#a1a1a1;
}
#news .news_lists .art-info .feedback{font-size: 12px;}
#news .news_lists .art-info .feedback img{vertical-align: middle;}
#news .grace_top {margin-top:5px; position:relative;}
#news .grace_top .art-category{font-size: 15px;border-bottom: 1px solid #eaeaea;padding: 12px 40px 12px 20px; position: relative; }
#news .grace_top .art-category .fr { position: absolute; top: 12px; right: 5px; }
#news .grace_top .art-category a{color:#000;padding-right:10px; background: url(../../img/mobile/img_dot.gif) no-repeat left center; padding-left:10px;}
#news .grace_top .art-title{font-size: 15px;padding-bottom: 10px;border-bottom: 1px solid #eaeaea;padding: 12px 20px ;    line-height: 22px;}
#news .grace_top .art-txt{font-size: 15px;color:#707070; padding-top: 10px; font-size: 13px;}
#news .grace_top .art-title a { color:#383737; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.open_roll{position:relative;}
.open_roll.bar_type{ overflow:hidden;height:52px;}
.open_roll.spread{ display:none}
#news .grace_top .news_box{position: absolute; top:20px;}
#news .grace_top .news_box{border: 1px solid #d4d4d4;
	width: 100%;
	z-index: 99999;
	overflow: hidden;
	display: block;
	margin:20px 0;background:#f8f8f8;}
.columnist_page1, .columnist_page1 * { box-sizing: border-box !important; }
#news .grace_top .news_box ul{position:relative; overflow:hidden;}
#news .grace_top .news_box ul li{float:left;text-align:center; border-right:1px solid #ECECEC; width: 25%;}
#news .grace_top .news_box ul li > a {height:50px; padding: 0 10px; display:table-cell;vertical-align:middle; }
#news .grace_top .news_box .news_s_box{border-right:1px solid #ececec;}
#news .grace_top .news_box .news_s_box li > a{font-size: 14px; color: #000;}
#news .grace_top .news_box .news_s_box li > a:hover{color:#2bbec6;}
#news .grace_top .news_box .news_s_box:last-child{border-right:0 !important;}
#news .grace_top .new_box_footer{
	/* border-left: 1px solid #ececec; */
	/* border-right: 1px solid #ececec; */
	border-top: 1px solid #ececec;
	clear: both;
	height: 30px;background: #fff;
	line-height: 30px; }
#news .grace_top .new_box_footer .c_left{    border-left: 1px solid #ececec;
	width: 33px;
	float: right;
	margin-right: 0;
	text-align: center;
	height: 30px;}
#news .grace_top .new_box_footer .c_right{border-left: 1px solid #ececec;
	width: 33px;
	float: right;
	text-align: center;
	/* line-height: 30px; */
	/* vertical-align: middle; */
	/* padding-top: 14px; */
	height: 30px;
	/* line-height: 30px; */}
#news .grace_top .new_box_footer .c_slide{width:60px; float:right;}
#news .grace_top .new_box_footer .c_slide a{padding:0 2px;}
#news .grace_top .new_box_footer img{padding-top:10px;}

.open_roll {position:relative;border-bottom: 1px solid #eaeaea;}
/* 2018-10-08 Add */
.open_roll .mostpopular-fixed{background:#fff;padding-left:15px;box-sizing:border-box;height:52px;line-height:52px;margin-top:0 !important;position:absolute;left:0;top:0;bottom:0;z-index:9}
.open_roll .mostpopular-fixed span{background: #04b9c2; color:#fff; font-size:10px; padding:5px; border-radius: 3px;}
/* 2018-10-08 Add */
/* 2018-10-08 Mod */
.open_roll .roll_box{clear:both;overflow:hidden; padding:15px; position: relative;background: #fff;}
/* 2018-10-08 Mod */
.open_roll .roll_box img{vertical-align: middle;margin:6px;}
.open_roll .roll_box .no{    color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 5%;;line-height:22px}
.open_roll .roll_box .graph{display: inline-block; float:right;}
.open_roll .roll_box .mostpopular{background: #04b9c2; color:#fff; font-size:10px; padding:5px; border-radius: 3px;}
.open_roll .roll_box .keyword{display: inline-block;line-height:22px}
.open_roll .roll_box .keyword a{color:#383737;}
.open_roll .roll_box .keyword a:hover{color:#383737;}
.open_roll .roll_box span{float:left;}
.open_roll .roll_box .updown{position: absolute;right:40px; font-size: 12px; top:17px; }
.open_roll .roll_box .updown img {padding-right: 5px;}
.roll_wrap{background: #f8f8f8; padding:10px 0; }
.open_roll .roll_box_wrap .btn{position: absolute;right:0; top:10px;}
.open_roll_wrap {width:100%; border:1px solid #d9d9d9; position: absolute; top:-1px; left:0;background: #fff;z-index: 9999;}
.open_roll_wrap .txt{text-align: center; font-size:16px;color:#595959; font-weight: bold; height: 50px; line-height: 50px; position: relative;}
.open_roll_wrap .txt > a { position: absolute; top: 17px; right: 20px; line-height: 20px; font-size: 20px; color: #ddd; }
.open_roll_wrap .ranking li{float:left;text-align: center;}
.open_roll_wrap .ranking li a{color:#b2b2b2;}
.open_roll_wrap .ranking {width:100%; height: 30px; line-height:30px; background: #f1f7fa;}
.open_roll_wrap .ranking img{padding-top:8px;}
.open_roll_wrap .ranking a:hover{color:#04b9c2;}
.open_roll_wrap .ranking .current{color:#04b9c2;}
.open_roll_wrap .roll_box_wrap{clear:both;overflow:hidden; padding: 15px;}
.open_roll_wrap .roll_box_wrap img{vertical-align: middle;}
.updown img {vertical-align: middle;padding-right: 5px;}
.open_roll_wrap .roll_box_wrap .hide {display:none;}
.open_roll_wrap .roll_box_wrap .no{    color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 10%;}
.open_roll_wrap .roll_box_wrap .graph{display: inline-block;}
.open_roll_wrap .roll_box_wrap .keyword{width:78%; display: inline-block;}
.open_roll_wrap .roll_box_wrap .keyword a:hover{color:#2bbec6;}
.open_roll_wrap .roll_box_wrap li{line-height: 25px;}
.open_roll_wrap .roll_box_wrap .issue_box {clear: both;overflow: hidden;height: 30px;}
.open_roll_wrap .roll_box_wrap .issue_box a{color:#000;}
.open_roll_wrap .roll_box_wrap .no {
	color: #2bbec6;
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	width: 10%;}
.open_roll_wrap .roll_box_wrap .issue_box .bbox {
	width: 40px;
	text-align: left;
	float: right;
	font-size: 12px;
}
.chn_bar {width:100%;}
.chn_bar img {
	position: absolute;
	bottom: 24%;
	height: 1px;
	width: 4% !important;
	text-align: center;
	z-index: 2;
	display: block;
	text-align: center;
	margin: 0 auto;
	left: 48%;
}
.chn_bar2 img {
	position: absolute;
	bottom: 28%;
	height: 1px;
	width: 4% !important;
	text-align: center;
	z-index: 2;
	display: block;
	text-align: center;
	margin: 0 auto;
	left: 48%;
}
.cont_middle{position: relative; height:310px;}
.news_lists_top{width: 100%;
	clear: both;
	padding-bottom: 5px;
	line-height: 50px;
	font-size: 17px;
	overflow: hidden;
	display: block;}
#news  .news_lists .news_list_cont .box_no{ position: absolute; top:10px; left:0; background: #04b9c2;color:#fff; width:25px; height: 25px; line-height: 25px; text-align: center}
.news_media {background: #3a9dff; height: 70px; clear:both;  width:100%;}
.news_media_list{width: 24%;
	padding-top: 10px;
	display: inline-block; text-align: center; height:60px;}
.news_media_list:hover{background: url(../../img/mobile/bg_newslist.gif) repeat-x left top;height:60px; }
.news_media .current{background: url(../../img/mobile/bg_newslist.gif) repeat-x left top; height:60px; }
.news_media_list a{color:#fff; font-size:12px; display: block; background: none; }
.news_media_list a:hover { background: none; }
.news_media_list span{text-align:center;}
.news_media_list span img{margin:0 auto; background: none;}
.news_media_list p{ font-size: 12px; display: block; padding-top: 5px; background: none;}
.news_media2{background: #eeeeee; height: 40px; line-height: 40px; clear:both; padding:0 2%;  text-align: center;}
.news_media2 img{vertical-align:middle; }
.news_media2 span { padding:0 3%; }
.news_media2 span a{color:#000000;}
.news_media2 span .current{color:#3a9dff;}
.news_media3 {width:100%; border-bottom: 1px solid #3a9dff; height: 40px; line-height: 40px; margin-bottom:20px;}
.news_media3 li{border-right:1px solid #3a9dff; width:20% ;float:left; text-align: center; }
.news_media3 li:nth-child(5){width:18%; border-right:0;}
.news_media3 li a{color:#3a9dff;}
.portal{padding: 4%; width: 92%;}
.news_media_list2{width: 24%; margin-bottom: 30px;display: inline-block; text-align: center;}
.news_media_list2 span {width:66px; text-align: center;}
.news_media_list2 span img{padding-bottom:10px; }
.news_media_list2 span a{color:#000; font-size:15px; display: inline-block;}
.news_company{width:100%;}
.news_company_fixed{width:100%; margin-top:300px; }
.news_company_box{border-bottom:1px solid #f7f7f7; padding:10px 20px; position: relative; height: 80px; }
.news_company_box .companyname{ position:absolute; top:30px; left:85px;}
.news_company_box .companyname a{font-size: 18px; color:#000;}
.news_company_box .companyarrow{position:absolute; right:20px; top:25px;}
.pray_cont_top{background:#f1f7fa;}
.pray_cont_box{border-bottom:1px solid #dbdbdb; padding:15px 20px;    overflow: hidden;display: block;}
.pray_photo{float: right;margin-left: 20px;}
.pray_photo img{    width: 100%;}
.pray_left{width:70%;float:left;}
.pray_left2{width:100%;float:left;}
.pray_right{width:30%;float:left;}
.pray_left .chtitle2{padding: 0 0 10px 0 !important;}
.pray_left .chtitle2 img{vertical-align: middle;}
.pray_left .ch_txt{font-size:13px; color:#676868;}
.pray_left .ch_txt img{padding:2px 3px 0 10px;}
.pray_left2 .chtitle2{padding: 0 0 10px 0 !important;}
.pray_left2 .chtitle2 img{vertical-align: middle;}
.pray_left2 .ch_txt{font-size:13px; color:#676868; }
.pray_left2 .ch_txt img{    padding: 0px 3px 0 10px;vertical-align: middle;}
.pray_middle{width:100%;}
.pray_middle .chtitle2{padding: 0 0 10px 0 !important;}
.pray_middle .chtitle2 img{vertical-align: middle;}
.pray_middle .ch_txt{font-size:13px; color:#676868; line-height: 20px;}
.pray_middle .ch_txt img{padding: 0px 3px 0 10px;vertical-align: middle;}
.community_footer {background: #04b9c2; height: 95px; clear:both;  width:100%;}
.community_footer_list {
	width: 24%;
	padding-top: 15px;
	display: inline-block;
	text-align: center;
}
.community_footer_list p {
	font-size: 14px;
	display: block;
	padding-top: 10px;
}
.community_footer_list a {
	color: #fff;
	font-size: 14px;
}
.life_footer .life_cont1_box .art-img {width: 100%;float: right;margin-left: 20px;max-height:140px;object-fit: cover;}
.icon_home{background:url(../../img/mobile/img_home_c.png) no-repeat left center;height: 18px;
	line-height: 20px;}
.star{background:url(../../img/mobile/star.gif) no-repeat left center;;padding-left:25px; display: inline-block; height:20px; line-height: 24px;}
.grace_cont {
	border-bottom: 1px solid #ebeef3;
	overflow: hidden;
	display: block;
	padding: 20px 0;
	background: #f8f8f8;
	width: 100%;
	clear: both;
}
.grace_cont .wrap {
	overflow: hidden;
	padding: 0 3%;
	width: 93%;
	margin: 0 auto;
}
.grace_boxs {
	display: block;
	clear: both;
	overflow: hidden;
	width: 100%;
}
.grace_con {
	width: 48%;
	float: left;
	display: block;
}

.grace_con > a { position:relative; display:block; height: 110px; overflow: hidden; }

.grace_con img {
	width: 100%;
	min-height: 100%;
}
.grace_con:last-child{margin-left:4%;}
.grace_con .chtitle {
	font-size: 15px;
	padding: 5px 0 0;
	line-height: 25px;
}
.grace_con .chtitle a:hover{color:#4f4f4f; text-decoration: none;}
.grace_con .chtitle a:visited{color:#a1a1a1; text-decoration: none;}
.banner_grace{  padding:10px 0; background: #f2f2f2; overflow: hidden; width: 100%; box-sizing: border-box !important; text-align: center; height: 95px; position: relative; }
.banner_grace img{ height: 74px; position: absolute; top: 10px; left: 50%; margin-left: -360px; }
.play_box{position:relative;}/*20181001*/
.play_box > a { display: block; overflow: hidden; height: 90px; position: relative; }/*20181001*/
.play_box > a > img { min-width: 100%; min-height: 90px; }/*20181001*/
.play{position: absolute; top:50%; left:50%; margin-top: -20px; margin-left: -19px; z-index: 99999;}/*20181001*/
.play_time{    position: absolute;
	bottom: 3px;
	right: 0;
	z-index: 99999;
	background: #000;
	color: #fff;
	padding: 3px 5px; font-size: 12px}

/* 2018-10-08 Add */
#weather_block{position:relative;}
#weather_block .spirit-fixed{background:#20c8d4;padding-left:15px;box-sizing:border-box;height:60px;line-height:60px;margin-top:0 !important;position:absolute;left:0;top:0;bottom:0;z-index:9}
#weather_block .spirit-fixed span{font-size:10px; border:1px solid #fff; border-radius: 20px; padding:5px 5px; color:#fff;    vertical-align: top;}
/* 2018-10-08 Add */

.weather{background: #20c8d4; padding:20px 10px; color:#fff; height: 20px; line-height: 20px; position: relative;}
.weather .spirit{font-size:10px; border:1px solid #fff; border-radius: 20px; padding:5px 5px; color:#fff;    vertical-align: top;}
.weather .country{font-size:16px;}
.weather .country2{position: absolute; top:20px;}
.weather span{margin-right:5px;}
.weather img{position: absolute;top: 19px;right: 10px;width:24px;}
.weather .date{font-size: 11px; padding-left:5px;}
.more{padding:3px 7px; font-size:11px;}
.popuptop2 {
	background: #fff;
	height: 75px;
	line-height: 75px;
	border-radius: 7px 7px 0 0;
	position: relative;
}
.popuptop2 .logo {
	position: absolute;
	top: 15px;
	left: 40px;
	font-size: 15px;
}
.popupimg {
	position: relative;
}
.popupimg img{ margin:0 auto; text-align: center; width: 100%; }
.popupimg .popuptxt {
	position: absolute;
	left: 20px;
	bottom: 20px;
	text-align: left;
}
.popupbody {
	background: #fff;
	border-radius: 0 0 7px 7px;
	position: relative;
	padding: 0 20px;
	overflow: hidden;
	color: #888;
}
.popupbody3 {
	background: #fff;
	position: relative;
	padding: 0 20px;
	overflow: hidden;
	color: #4e4d4d;
    width: 100%;
}
.popupbody .body_table {
	background: #f4f4f4;
	color: #4f4f4f;
	width: 100%;
}
.popupbody .body_table .bt_tit {
	text-align: right;
	color: #838383;
}
.popupbody .body_table .bt_txt {
	text-align: left;
	padding-left: 20px;
}
.popupbody .body_table td {
	width: 50%;
	font-size: 16px;
	font-size: 16px;
}
.popupbody .mobile{margin:10px 0 20px; width:100%; background: #f9f9f9; height:45px; line-height: 45px;}
.popupbody .mobile li{float:left; width:33.33%; text-align: center}
.popupbody .mobile li a{ color:#606060; font-size:24px;}
.popupbody .mobile li:hover{background: #44cbd2 !important; color:#fff; height:45px;}
.popupbody .mobile .current{background: #44cbd2 !important; color:#fff; height:45px;}
.pw_table {
	background: #fafafa;
	padding: 10% 5%;
	width: 90%;
	overflow: hidden;
}
.pw_table dt{width: 50%;
	float: left;
	color: #888888;
	padding: 5px 0;
}
.pw_table dd{    color: #606060;
	padding: 5px 0;
	width: 50%;
	float: left;}
.pagenumber { margin:30px auto;     text-align: center; }
.pagenumber a{ display:inline-block; width:25px; height:25px; margin:0 2px;line-height: 25px;}
.pagenumber a.current{border:1px solid #e0e0e0; color:#2bbec6; }
.pagenumber .current a{ color:#2bbec6;}
.pagenumber a{color:#999999;}
.pagenumber a:hover{ color:#2bbec6;}
.pagenumber img{vertical-align: middle;}
.open_search {
	width: 100%;
	border: 1px solid #d9d9d9;
	position: absolute;
	top: 108px;
	background: #fff;
	z-index: 9999;
	left: 0;
}
.open_search .roll_box .date{padding:0 10px; font-size: 12px; color:#8d8d8d;}
.open_search .roll_box .close{padding-top:8px;}
.open_search .roll_box { padding: 0; }
.open_search .roll_box img{vertical-align: top;}
.open_search .roll_box a{font-size:16px; color:#4e4e4e; width: 60%; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.open_search .roll_box div{ height: 40px;
	line-height: 30px;
	display: block;
	border-bottom: 1px solid #dbdbdb;
	clear: both;
	padding: 5px 20px;
	margin-bottom: 4px;}
.open_search .roll_box div:hover{background: #f1f7fa;}
.open_search .roll_box .on{color:#00a3ab;}
.open_search .roll_box .current{background: #f1f7fa;}
.roll_footer{    background: #f1f7fa;
	height: 40px;
	line-height: 30px;
	padding: 5px 20px;}
.roll_footer a{color:#575757; font-size:12px ; }
.roll_footer span{padding:0 5px;}
.search_pointer{color:#20c8d4;}
#prev_keyword_list .search_pointer{color:#bbb;}
#prev_keyword_list .keys { background: #f1f7fa; margin: 0; }
.btn_life {
	clear: both;
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: relative;
	margin: 40px 0px;text-align: center;
}
.news_box{border-top:10px solid #f8f8f8;}
.news_box .news_box_detail {
	color: #767676;
	font-size: 13px;
	height: 20px;
	line-height: 20px;
	padding:20px 0 10px 0 !important;
    position: relative;
}
.news_box .news_box_detail2 {
	color: #767676;
	font-size: 13px;
	padding-top:10px;
}
.news_box .news_box_detail a:hover{color:#2bbec6;}
.news_box .news_box_detail span {
	margin-right: 2px;
	font-size: 13px;
}
.news_box .news_box_detail img {
	margin-right: 2px;
	vertical-align: middle;
}
.news_box .news_box_detail2 img {
	margin-right: 2px;
	vertical-align: middle;
}
.news_box .news_box_detail2 span {
	margin-right: 2px;
	font-size: 13px;
}
.news_box_con{margin-right: 2px; padding:20px; border-bottom:1px solid #d5d5d5; overflow:hidden; font-size: 13px; box-sizing: border-box; position: relative; }
.news_box_con h2{margin-bottom:10px; }
.news_box_con h2 a{color: #2954b6;
	text-decoration: underline; font-size:1.8rem;

}
.news_box_con .issue_box {
	clear: both;
	overflow: hidden;
	height: 30px;
}
.news_box_con .issue_box .no {
	color: #2bbec6;
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	font-weight: bold;
	width: 10%;
}
.news_box_con .issue_box a {
	color: #000;
}
.news_box_con .issue_box .bbox {
	width: 40px;
	text-align: left;
	float: right;
	font-size: 13px;
}
.news_box_con .c_left{width:48%;float:left; padding-right:2%;}
.news_box_con .c_right{width:50%;float:left;}
.news_box_con2{padding:20px 0; border-bottom:1px solid #d5d5d5; overflow:hidden;}
.news_box_con_left { padding-right:100px; line-height: 24px; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; position: relative; }
.news_box_con_left .n_date{color:#8e8e8e; font-size: 13px; padding-left:10px;}
.news_box_con_left2{width:100%;float:left;line-height: 24px;}
.news_box_con_left2 .n_date{color:#8e8e8e; font-size: 13px; padding-top:3px;}
.news_box_con_right{ width: 90px; height: 90px; position: absolute; text-align: center; top:50px; right: 20px; border: 1px solid #e6e6e6; box-sizing: border-box; overflow: hidden; }
.news_box_con_right img { min-width: 100%; max-height: 100%; }
.news_box_detail{padding-top:20px;clear:both;}
.news_box_con_left { padding-bottom: 65px; }
.news_box_con_left .news_box_detail { position: absolute; bottom: 0; left: 0; right: 0; white-space: nowrap; }
.news_box_con_left div { line-height: 22px; font-size: 1.6rem; color: #888; }
.news_box_con_left div:first-child { -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; }
.news_box_con_left2 div { line-height: 22px; font-size: 1.6rem; color: #888; }
.news_box_detail .profile img{ border-radius: 20px; width: 20px; height: 20px; padding: 0 !important; margin-right: 5px; }
.news_box_title{border-bottom: 1px solid #d5d5d5;border-top: 1px solid #d5d5d5; font-size: 15px; padding:15px 20px;}
.news_box_title .current{color:#04b9c2;}
.news_box_title a{padding:0 5px;}
.news_box_title a:hover{color:#04b9c2;}
.news_box_title .relate{font-size: 13px;}
.news_box_title .info{font-size: 13px; padding-left: 10px; color:#999999;}
.news_box_title .info span{padding:0 5px;}
.news_box_more{background: #fbfbfb; color:#b1b1b1; border-bottom: 1px solid #d5d5d5; text-align: center; padding:10px 0;}
.news_box_news{text-align: right; padding:10px; border-bottom: 1px solid #d5d5d5; }
.news_box_news a{color:#2953b5;  font-size: 13px;}
.search_wrap .news_box_con_left { height: 70px; padding-bottom: 5px; }


.search_result_fixed{margin-top:50px;}
.search_result_top{background: #04b9c2; height: 50px; width:100%;}
.search_result_top, .search_result_top * { box-sizing: border-box; }
.search_result_top_fixed{position: fixed; left:0; top:0; width:100%; z-index:9999;}
.search_result_top .logo_srch{position: absolute; top:15px; left:15px;}
.news_box_slide{text-align: center; margin:15px 0;}
#news .s_srch{      width: calc(100% - 70px);
	clear: both;
	display: block;
	top: 5px;
	position: absolute;
	/* padding: 0 2%; */
	/* left: 21%; */
	padding-right: 5px;
	right: 0;}
#news .s_srch span {
	border: 0 ;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	vertical-align: middle;
	width: 100%;
	border-radius: 5px;
	background: #fff;
}
#news .s_srch span input {
	border: 0 none;
	float: left;
	height: 40px;
	line-height: 40px;
	width: 72%;
	font-size: 14px;
}
#news .s_srch img {
	float: right;
	padding: 10px 10px 0 0;
}
.search_result_menu {text-align: center; padding:0; position: relative;}
.search_result_menu .current{color:#04b9c2;}
.search_result_menu a{font-size: 16px; padding:0 5px;}
.search_result_menu a:hover{color:#04b9c2;}

.topmn { margin: 0; border-bottom: 1px solid #ddd; }
.topmn { padding: 0 60px 0 7px; margin: 0; border-top: 1px solid #e5e5e5; }
/*.topmn:after { font-family:xeicon; content: "\e94a"; background: linear-gradient(-135deg, transparent, #fff); font-size: 20px; padding: 14px 0; width: 40px; color: #888; position: absolute; top: 0; right: 0; }*/
.nav_u { display: table; vertical-align: middle; width: 100%; white-space: nowrap; overflow: hidden; }
.nav_u > li { padding: 0 5px; font-size: 15px; display: table-cell; vertical-align: middle; white-space: nowrap; }
.nav_u > li > a { display: block; padding: 15px 5px; color: #888; font-weight: bold; }
.nav_u > li.active > a { color: #04b9c2 !important; }

.topmn { display: block; z-index: -1; }
.toptap { overflow: hidden; height: 43px; }
.topmn.active { display: block; z-index: 1; }

.topmn2 { margin: 0 -22px; padding: 10px; }
.sub_t .topmn2 { padding: 0 7px; margin: 0; }
.nav_u.channel_category1 { display: table; vertical-align: middle; width: 100%; white-space: nowrap; overflow: hidden; }
.nav_u.channel_category1 > li { padding: 0 5px; font-size: 15px; display: table-cell; vertical-align: middle; white-space: nowrap; }
.nav_u.channel_category1 > li > a { display: block; padding: 15px 5px; color: #888; font-weight: bold; }
.nav_u.channel_category1 > li.active > a { color: #04b9c2; }

.relative {padding:15px 0 15px 20px;overflow:hidden;border-bottom: 1px solid #d5d5d5;}
.relative  a{color:#2954b6; padding:3px 0; display: inline-block;}
.relative .r_left{width:85%; float:left; padding-right:5px;}
.relative .r_right{width:10%; float:left; text-align: right}
.relative .r_right img{vertical-align: bottom;}
.relative .r_title{padding-right: 10px;}
.news_box .pagenumber{border-bottom: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5; margin:0 !important; padding:15px 0;}
.news_box .relative{border-top: 1px solid #d5d5d5;}
.text_size{width:100%;    border-top: 1px solid #d5d5d5;    border-bottom: 1px solid #d5d5d5; height:50px;
}
.text_size span{width:25%; border-right: 1px solid #d5d5d5; height:50px;  display: inline-block; }
.text_size a{width: 23.9%;border-right: 1px solid #d5d5d5; height:38px;  display: inline-block;  text-align: center;  padding-top: 12px;}
.text_size a:last-child{border-right:0 !important;}
.text_size span img{text-align: center; }
.s_result {
	font-size: 16px;
	border-bottom: 1px solid #d5d5d5;
	padding: 20px 20px;
}
.s_result img{padding-right:5px; vertical-align: bottom;}
.s_result .search_view{  font-size: 16px; padding-top: 10px; text-decoration: underline;}
.s_result .search_view a{color:#2954b6;}
.news_nothing{padding:30px 20px; border-bottom: 1px solid #d5d5d5; }
.news_nothing .t_nothing{text-align: center; font-size: 16px; padding-bottom: 20px; width:100%; margin:0 auto;}
.news_nothing ul li{background:url(../../img/mobile/bg_nothing.gif) no-repeat left center; padding:5px 10px;}
.relatenews {padding:15px 20px;border-bottom: 1px solid #d5d5d5;}
.relatenews .current{color:#04b9c2;}
.relatenews span{padding:0 5px;}
.relatenews a{color:#000;}

#photo .photo_top{background-color: rgba(0, 0, 0, 0.3); height:50px; position: absolute; left:0; top:0; z-index:9999; width:100%;}
#photo .photo_top img{padding:20px 15px; z-index:999999; display:inline-block; height: 10px; }
#photo .photo_cont{position: fixed; background: #000; width:100%; height:100%; overflow: hidden; top: 0; left: 0; }
#photo .photo_bottom{background-color: rgba(46, 46, 46, 0.5);height: 70px; line-height:70px; text-align:center;position: absolute; left:0; bottom:0;z-index:9999; width:100%;}
#photo .photo_bottom .btns{ display: inline-block; width:30%; padding-top:8px; }
#photo .photo_bottom img{z-index:999999;}
#photo .photo_bottom .b_left{ width:60%;color:#fff; padding-right:5%;float:left; padding-left:5%;text-align: left;}
#photo .photo_bottom .b_left a{color:#fff;}
#photo .photo_bottom .b_right{width:30%; float:left; padding-top: 5px;}
#photo .photo_bottom2{background-color: rgba(255, 255, 255, 0.1);height: 70px; line-height:70px; text-align:center;position: absolute; left:0; bottom:100px;z-index:9999; width:100%;}
#photo .photo_bottom2 .btns{ display: inline-block;float: left; width: 32.7%; padding-top:8px; }
#photo .photo_bottom2 img{z-index:999999;}
#photo .photo_bottom2 .b_left{ width:60%;color:#fff; float:left; text-align: left;padding-left:5%;padding-right:5%;}
#photo .photo_bottom2 .b_left a{color:#fff;}
#photo .photo_bottom2 .b_right{width:30%;float:left; padding-top: 5px;}
#photo .photo_bottom3{    background-color: rgba(46, 46, 46, 0.5);
	height: 175px;
	line-height: 70px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9999;
	width: 100%;}
#photo .photo_bottom3 .btns{ display: inline-block;float: left; width: 32.7%; padding-top:8px; }
#photo .photo_bottom3 img{z-index:999999;}
#photo .photo_bottom3 .b_left{ width:60%;color:#fff; float:left; text-align: left;padding-left:5%;padding-right:5%;}
#photo .photo_bottom3 .b_left a{color:#fff;}
#photo .photo_bottom3 .b_right{width:30%;float:left; padding-top: 5px;}
#photo .b_slide{clear:both;width:100%; position:absolute; left:0; bottom:20px; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 5px; overflow:hidden; height: 80px;z-index: 9999999;}
#photo .b_slide span{float:left; margin-right:5px;}
#photo .b_slide .current{border:2px solid #fff; }
#photo .photo_cont .photo_image{ text-align: center; width:100%; height: 100%; }
#photo .photo_cont .photo_image > img{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; max-width: 100%; }
#photo .photo_cont .photo_image .al{ left:0; }
#photo .photo_cont .photo_image .ar{ right:0; }
#photo .photo_cont .photo_image > a { position: fixed; top: 50%; margin-top: -18.5px; }
.tit{line-height: 20px; font-size: 15px; padding:12px 0 0;}
.txt{line-height: 20px; font-size: 12px;  padding-top:5px;}
.news_box_con_right .play{ position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; z-index: 996; }
.news_box_con_right .play > a > img { width: 24px; height: 24px; }
.news_box_con_right .play_box{width:93px;}
.news_box_con_right .play_time{position: absolute; bottom:3px; right:0;}
.t_btns span a{font-size: 12px;}
.relatednews{clear:both; border-left: 2px solid #d5d5d5; padding-left:10px; margin:20px 0 10px 0; overflow:hidden;display: block;}
.relatednews .relatednews_box{padding: 5px 0;}
.relatednews .relatednews_box .relatednews_tit{padding-right:10px;}
.relatednews .relatednews_box .relatednews_tit a{color:#2953b5; font-size:14px;}
.serchview{border-bottom: 1px solid #d5d5d5;
	text-align: center;
	margin: 0 !important;
	padding: 15px 0;background: #fbfbfb; font-size:16px;}
.serchview span{color:#2954b6;}
.life_cont4_box .tr_txt {
	padding-top: 70px;
	margin-bottom: 10px;
	
}
.tr_txt a {
	font-size: 15px;
	padding-top: 10px;
	display: inline-block;
	-webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
}
.m_more{padding-right: 20px;
	text-align: center;
	/* padding: 7px 15px; */
	border-bottom: 1px solid #ebeef3;
	/* margin: 20px 0; */
	padding: 20px 0;}
.popup_wrap2 {
	left: 50%;
	line-height: 25px;
	margin-left: -150px;
	position: absolute;
	top: 20%;
	color: #707070;
	z-index: 99999;
	background: transparent;
}
.news_cate {
	font-size: 17px;
	border-bottom: 1px solid #eaeaea;
	color: #000;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
}
.news_cate2 {
	font-size: 17px;
	border-bottom: 1px solid #eaeaea;
	color: #000;
	padding: 15px 20px;
	margin-bottom: 10px;
	background: #f8f8f8;
}
.rankytop {
	height: 40px;
	line-height: 40px;
}
.rankytop .radio_on, .rankytop .radio_off { margin-top: -7px; }
.radio_on{background: url(../../img/mobile/radio_on.gif) no-repeat 0 center; width:16px; display: inline-block;}
.radio_on a{padding-left:20px;}
.radio_on a:hover{color:#4e4e4e;}
.radio_off{background: url(../../img/mobile/radio_off.gif) no-repeat 0 center; width:16px; display: inline-block;}
.radio_off a{padding-left:20px;}
.radio_off a:hover{color:#4e4e4e;}
.channel_contents4 {
	background: #fbfcfd;
	overflow: hidden;
	width: 100%;
	padding-top: 30px;
}
.channel_contents4_fixed{margin-top:50px;}
.c_title {
	font-size: 20px;
	padding-bottom: 10px;
	color: #2bbec6;
}
.c_title img{vertical-align: middle;}
.channel_con3 {
	width: 100%;
	float: left;
	display: block;
}
.channel_con3 img{width:100%;}
.channel_con3 .chtitle{padding:10px 20px;}
.checkno {
	color: #a5a5a5;
	font-size: 12px;
	padding-top: 3px;
}
.comment_wrap2 {
	width:100%;
	line-height: 25px;
	color: #707070;
}
.comment_wrap2 .commenttop3 {
	background: #44cbd2;
	height: 50px;
	line-height: 50px;
	position: relative;
}
.comment_wrap2 .commenttop3_fixed {
	background: #44cbd2;
	height: 50px;
	line-height: 50px;
	position: fixed;
	top:0;
	left:0;
	width:100%; z-index:999;
}
.comment_wrap2 .commenttop3 .p_title2 {
	color: #fff;
	font-size: 16px;
	padding-left: 20px;
}

.comment_wrap2 .commenttop3 .btn-tit {
	position: absolute;
	right: 60px;
	top: 1px;
	color: #fff;
}

.comment_wrap2 .commenttop3 .btn-info {
	position: absolute;
	right: 20px;
	top: 10px;
}
.comment_wrap2 .commenttop3 .btn-close {
	position: absolute;
	right: 15px;
	top: 5px;
}
.comment_wrap2 .commentbody3 {
	background: #fff;
	position: relative;
	padding: 0 20px;
	overflow: hidden;
}
.comment_wrap2 .commentbody3_fixed {
	background: #fff;
	position: relative;
	padding: 0 20px;
	overflow: hidden;
	margin-top:50px;
}
.comment_wrap2 .commentbody3 .com_header{padding:20px 0 0;}
.comment_wrap2 .commentbody3 .com_header .current{color:#2bbec6;}
.comment_wrap2 .commentbody3 .com_header span{padding-right:5px;}
.comment_wrap2 .commentbody3 .com_header a{font-size: 16px;}
.comment_wrap2 .commentbody3 .com_header a:hover{color:#2bbec6;}
.comment_wrap2 .commentbody3 .com_tit {
	border-bottom: 1px solid #ebeef3;
	padding: 30px 0 10px;
	color: #000;
	font-size: 15px;
	position: relative;
}
.comment_wrap2 .reply_sort2 {
	padding-top: 10px;
	font-size: 16px;
}
.comment_wrap2 .reply_sort2 span {
	padding-right: 10px;
}
.comment_wrap2 .reply_sort2 .current {
	color: #000 !important;
}
.comment_wrap2 .reply_sort2 a {
	font-size: 14px;
}
.comment_wrap2 .com_cont_box {
	border-bottom: 1px solid #ebeef3;
	padding: 20px 0;
	overflow: hidden;
}
.comment_wrap2 .comment_date {
	font-size: 13px;
	color: #999999;
}
.comment_wrap2 .com_cont_img2 {
	float: left; width:14%;
}
.comment_wrap2 .com_cont_img2 img{width:90%; margin-right:10%;}
.comment_wrap2 .reply_box {
	border: 1px solid #c5c5c5;
	margin-top: 10px;
	clear: both;
	overflow: hidden;
	background: #fff;
}
.comment_wrap2 .reply_box2 {
	clear: both;
	overflow: hidden;
	background: #f5f6f6;
	border-top: 1px solid #ebeef3;
	padding: 20px 20px 0 20px;
	margin-top: 20px;
	display: block;
}
.comment_wrap2 .reply_social {
	padding: 20px 20px 0 20px;
}
.reply_social a > span { display: inline-block; }
.reply_social a > span > img { padding: 0 !important; margin: 0 3px 0 0 !important; vertical-align: baseline; }
.comment_wrap2 .reply_write {
	color: #999999;
	line-height: 23px;
	padding: 10px 20px;
}
.comment_wrap2 .reply_write textarea {
	z-index: auto;
	position: relative;
	line-height: 20px;
	font-size: 13px;
	padding: 10px;
	border: none;
}
.comment_wrap2 .reply_regist {
	border-top: 1px solid #e8e9ea;
	height: 46px;
	line-height: 46px;
}
.comment_wrap2 .info_comment {
	position: absolute;
	right: 10px;
	top: 0;
	background: #f5f6f6;
	border: 1px solid #ededed;
	padding: 3px 10px;
}
.comment_wrap2 .commenttop3 .p_title2 .current {
	font-weight: bold;
}

.comment_wrap2 .commenttop3 .p_title2 a {
	color: #fff;
	padding: 0 5px;
	font-size: 14px;
}
.comment_wrap2 .com_replay_more a{font-size: 12px;color: #8e8e8e;}
.comment_wrap2 .com_cont_txt_box{float:left;width:76%}
.comment_wrap2 .com_cont_txt_box .t_black a {
	color: #000;
	font-size: 15px;
}
.comment_wrap2 .com_cont_title img {
	padding-right: 5px;
	vertical-align: middle;
}
.comment_wrap2 .reply_box2 .box_wrap {
	overflow: hidden;
	display: block;
	border-bottom: 1px solid #e0e1e1;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
}
.comment_wrap2 .info_comment2 {
	position: absolute;
	right: 20px;
	background: #fff;
	border: 1px solid #ededed;
	padding: 3px 10px;    width: 51px;
}
.com_cont_info {
	width: 10%;
	float: left;
}
.comment_wrap2 .commentbody3 .reply_box2 .box_wrap li {float: left;}
.comment_wrap2 .commentbody3 .reply_box2 .box_wrap li:nth-child(1){
	/* position: absolute; */
	/* right: 0; */
	/* height: 100%; */
}
.comment_wrap2 .commentbody3 .reply_box2 .box_wrap2{overflow:hidden;}
.comment_wrap2 .commentbody3 .reply_box2 .box_wrap2 li{float:left;}

.life_cont2_box{position:relative;clear: both;margin-bottom: 20px; padding:0 20px;overflow: hidden;}
.life_cont2_box .s_left{position:absolute; left:20px; top:35px;z-index: 9999;}
.life_cont2_box .s_right{position:absolute; right:20px; top:35px;z-index: 9999;}
/**
.life_cont2_box li {
	width: 47%;
	float: left;
	line-height: 22px;
	margin-right: 3%;
	padding-bottom: 10px;
}
.life_cont2_box li:nth-child(2n) {
	margin-left: 3%; width:47%; margin-right:0 !important;
}
**/
.life_cont2_box img{ object-fit: cover;max-height: 212px; width: 100%; }
.middle_search {position: relative;}
.middle_search .m_t_search {
	clear: both;
	background: #fff;
	display: block;
	overflow: hidden;
	width: 75%;
	border: 1px solid #d5d5d5; border-radius: 5px;
	height: 42px;
	line-height: 42px;
	position: relative;
	margin:20px 20px;
}
.middle_search .m_t_search2 {
	clear: both;
	background: #fff;
	display: block;
	overflow: hidden;
	width: 60%;
	border: 1px solid #d5d5d5; border-radius: 5px;
	height: 42px;
	line-height: 42px;
	position: relative;
	margin:20px 20px;
}
.middle_search .srch_inp {
	width: 100%;
}
.middle_search .total{    position: absolute;
	/* right: 3%; */
	top: 15px;
	left: 84%;}
.middle_search .total2{    position: absolute;
	/* right: 3%; */
	top: 15px;
	left: 78%;}
.middle_search .trash{ position: absolute;
	/* right: 3%; */
	top: 12px;
	left: 92%;}
.middle_search .srch_inp input {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	color: #4e4e4e;
	font-size: 16px;
	line-height: 42px;
	padding-left: 20px;
	width: 75%;
}
.middle_search .btn_clear_input {
	position: absolute;
	right: 50px;
	top: 8px;
	background: url(../../img/mobile/btn_close.gif) no-repeat;
	width: 27px;
	height: 27px;
	text-indent: -9999px;
}
.middle_search .btn_search {
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../../img/mobile/img_search2.gif) no-repeat;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	border: none;
}
.middle_search .m_t_search button {
	border: 0 none;
	box-shadow: none;
	cursor: pointer;
	outline: 0 none;
}
.arrow_down{background: url(../../img/mobile/img_down.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;}
.arrow_down:hover{background: url(../../img/mobile/img_down_on.gif) no-repeat 90% 50%; }
.arrow_up{background: url(../../img/mobile/img_up.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;}
.arrow_up_on{background: url(../../img/mobile/img_up_on.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;}
.arrow_up:hover{background: url(../../img/mobile/img_up_on.gif) no-repeat 90% 50%; }
.art-menu {font-size:12px; padding-top:5px;}
.art-menu a{font-size:12px; padding-top:10px;}
.art-menu-date{padding-left:10px;}
.delivery_info2 {
	position: absolute;
	/* right: 100px; */
	background: #f5f6f6;
	border: 1px solid #ebebeb;
	width: 90%;
	z-index: 9999;
	line-height: 26px;
	top: 50px;
	padding: 2%;
	/* margin: 0 auto; */
	margin: 0 2.5%;
	/* text-align: center; */
}
.delivery_info2 .d_info_tit{color:#000; font-size:16px; padding-bottom: 5px;}
.delivery_info2 .d_info_txt{font-size:13px;}
.delivery{padding-right:10px;}

@media screen and (max-width: 620px){
	#mypage .mypage_footer .f_social img{ width:8%; padding:0 5px;}
	.comment_wrap2 .com_cont_img2 {width:100%;}
	.comment_wrap2 .com_cont_txt_box{float:left;width:85%; margin-right: 5%;}
	.comment_wrap2 .info_comment {right:30px;}
	.comment_wrap2 .com_cont_img2 img {width:100%;}
	.info_comment2 .com_cont_info {
		width: 10%;
		float: left;
		top: -60px;
		position: absolute; right:0;}
	.comment_wrap2 .commentbody3 .reply_box2 .img_reply2{width:5%; }
	.comment_wrap2 .commentbody3 .reply_box2 .img_reply3{width:80%; margin-right:5%;}
	.comment_wrap2 .commentbody3 .reply_box2 .img_reply4{width:10%;float:right;position: relative;}
	.column_contents{margin:20px 20px;    border-bottom: 1px solid #ebeef3; padding-bottom: 10px;}
	.column_contents h4 {font-size: 16px;}
}
@media screen and (max-width: 400px){
	.font{top:170px;}
	.community_footer_list p {font-size:12px;}
	#news .cont_top .cont_top_title a{font-size:13px;}
	#news .cont_top .cont_top_title4 a{ font-size:13px;}
	#news .cont_top_txt2 a{font-size:12px;}
	.art-menu-date{padding-top:10px; display:inline-block; padding-left:0;}
	#news .cont_top .cont_top_title3 {font-size:12px; bottom:32%;}
	#news .cont_top .cont_top_title2 {font-size:14px;    position: absolute;
		bottom:18%;}
}
@media screen and (max-width: 350px){
	.news_media_list2 span img{width:70%; }
	.life_app{width:310px;}
	.life_app li {width:62px;}
	.life_cont2_box .s_left{width:5%;}
	.life_cont2_box .s_right{width:5%;}
}


/* 상단 메뉴 고정 스타일*/
/*3*/
.jbFixed {
	position: fixed;
	z-index:99997;
	top: 0px;
}

/*4*/
.jbFixed2 {
	position: fixed;
	z-index:99997;
	top: 0px;
	width:100%;
}

.jbFixed3 {
	position: fixed;
	z-index:99997;
	top: 0px;
	width:100%;
	background:#44cbd2;
}

.jbFixed4 {
	position: fixed;
	z-index:99998;
	top: 0px;
	width:100%;
	background:#fff;
}
/**/

.news_img { clear: both; padding: 10px 0 0 0; margin-right: -20px; }
.swiper-01 .swiper-slide { width: auto !important; }
.swiper-01 .swiper-slide > a { display: block; height: 80px; overflow: hidden; }
.swiper-01 .swiper-slide > a img { height: 100%; }

.n_date { color: #8e8e8e; font-size: 13px; padding-top: 3px; padding-left: 5px; }

.news_video { clear: both; padding: 10px 0 0 0; margin-right: -20px; }
.swiper-02 .swiper-slide { width: auto !important; }
.swiper-02 .swiper-slide .channel_con { width: 130px; }
.swiper-02 .swiper-slide .channel_con img { width: 100%; }
.swiper-02 .swiper-slide .play { top: 50%; left: 50%; margin-top: -19px; margin-left: -20px; }


.container {
	background: #eee;
}
/* clearfix */
.container:before,
.container:after {
	content: "";
	display: table;
}
.container:after {
	clear: both;
}

.item {
	float: left;
	margin-bottom: 10px;
}
.item img {
	max-width: 100%;
	max-height: 70px;
	vertical-align: bottom;
}
.first-item {
	clear: both;
}
/* remove margin bottom on last row */
.last-row, .last-row ~ .item {
	margin-bottom: 0;
}

.swiper-03 { width: 100%; padding: 0 20px; box-sizing: border-box; }
.swiper-03 .swiper-button-next, .swiper-03 .swiper-button-prev { background-size: 7px 24px; }
.swiper-03 .swiper-button-next, .swiper-03 .swiper-container-rtl .swiper-03 .swiper-button-prev { right: 0px; left: auto; }
.swiper-03 .swiper-button-prev, .swiper-03 .swiper-container-rtl .swiper-03 .swiper-button-next { left: 0px; right: auto;}
.swiper-03 .swiper-slide a { text-align: center; display: block; }
.swiper-03 .swiper-pagination{display:none}

/* 2018-10-11 Add */
.swiper-04 { width: 100%; padding: 0 20px; box-sizing: border-box; }
.swiper-04 .swiper-button-next, .swiper-04 .swiper-button-prev { background-size: 7px 24px; }
.swiper-04 .swiper-button-next, .swiper-04 .swiper-container-rtl .swiper-03 .swiper-button-prev { right: 0px; left: auto; }
.swiper-04 .swiper-button-prev, .swiper-04 .swiper-container-rtl .swiper-03 .swiper-button-next { left: 0px; right: auto;}
.swiper-04 .swiper-slide a { text-align: center; display: block; }
.swiper-04 .swiper-pagination{display:none}
/* 2018-10-11 Add */

.mypage_nav {background: #04b9c2; height:50px; line-height: 50px; text-align: center; position: relative;}
.mypage_nav span, .mypage_nav a { color: #fff; font-size: 16px; }
.mypage_nav span:before { content: " | "; font-weight: normal !important; }
.mypage_nav span:nth-child(1):before { content: "" }
.mypage_nav span.current { font-weight: bold; }

.view_header h2 { position: relative; }
.view_header h2 > img  { position: absolute; top: 17px; right: 0; width: 70px; }
.view_header h2 .category { font-size: 14px; padding-top: 10px; display: block; }
.view_header h2 .category > a { color: #777; }
.view_header h2 .category > img { margin: 0 5px; }

.pens { position: absolute; top: 10px; right: 50px; }
.pens img { width: 20px; }

.qna_w { padding: 20px; }
.qna_w * { box-sizing: border-box; }
.qna_w ul { border-bottom: 1px dashed #ddd; padding-bottom: 10px; }
.qna_w ul input[type=text] { border: 1px solid #ddd; padding: 5px; width: 100%; }
.qna_w ul .capt { font-size: 12px; color: #757575; }
.qna_w ul .capt span { color: #e64c3c; }
.qna_wbox { border: 1px solid #ddd; margin-top: 15px; min-height: 300px; }

.smartphoto-nav { background: rgba(255,255,255,0.15); padding: 5px 0; border-top: 1px solid rgba(255,255,255,0.2); }
.smartphoto_txt { background: rgba(255,255,255,0.15); padding: 15px; color: #fff; position: absolute; left: 0; width: 100%; bottom: 65px; }
.smartphoto_txt, .smartphoto_txt * { box-sizing: border-box; }
.smartphoto_txt .titbo { display: block; position: relative; padding-right: 100px; }
.smartphoto_txt .titbo .tit1 { color: #fff; display: block; }
.smartphoto_txt .titbo .tit1 span { display: block; font-size: 12px; padding-top: 5px; }
.smartphoto_txt .titbo .tit2 { position: absolute; display: block; padding: 5px 10px; color: #fff; font-size: 14px; line-height: 20px; border: 1px solid #fff; border-radius: 15px; top: 0; right: 20px; }
.smartphoto_txt .titbo .tit2:after { font-family:xeicon; content: "\e942"; padding-left: 2px; }
.smartphoto_txt .titbo .tit3 { position: absolute; display: block; top: 8px; right: -5px; }
.smartphoto_txt .titbo .tit3:after { font-family:xeicon; content: "\e949"; padding-left: 2px; font-size: 20px; }
.smartphoto-arrows li { padding: 20px; background-color: rgba(0,0,0,0.5); margin-top: -35px; background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; }
.smartphoto-arrow-left { border-radius: 0 35px 35px 0; }
.smartphoto-arrow-right { border-radius: 35px 0 0 35px; }

.btn.current { border-color: #44cbd2; color: #44cbd2; }
.btn.current a { color: #44cbd2; }

.cont_box.edit .inn { position: absolute; top: 15px; left: 15px; z-index: 9; background: #fff; border: 1px solid #ddd; width: 25px; height: 30px; text-align: center; padding: 5px; }
.cont_box.edit .inn input { width: auto; height: auto; line-height: inherit; }
.cont_box.edit.e_none .inn { display: none; }

.swiper-a1 { border-top: 1px solid #ddd; position: relative; }
.swiper-a1:before { content: ">"; position: absolute; top: 0; right: 0; background: #fff; width: 20px; padding: 15px 0; z-index: 9; }
.swiper-a1 .swiper-slide a { display: block; padding: 15px 10px; color: #000; font-size: 14px; border-bottom: 2px solid #fff; }
.swiper-a1 .swiper-slide-active a { color: #44cbd2; border-bottom-color: #44cbd2; }
.swiper-a1 .swiper-scrollbar1 { bottom: -20px !important; }
.mainswiper .swiper-slide { min-height: 10px !important; }

.mi_search { padding: 10px 20px; }
.mi_search * { box-sizing: border-box; }
.mi_search > ul { width: 100%; display: table; }
.mi_search > ul > li { display: table-cell; vertical-align: middle; }
.searchs > div { border: 1px solid #ddd; border-radius: 5px; position: relative; padding: 5px; }
.searchs > div input { padding: 0; width: 100%; border: none; height: 30px; line-height: 30px; }
.searchs > div a { position: absolute; top: 8px; right: 8px; font-size: 24px; color: #44cbd2; }
.checks { width: 20px; text-align: left; }
.popup_policy2 .checks {position:relative; float:right;}
.popup_policy2 .checks input[type="checkbox"] {position:absolute; top:0; left:-9999px;}
.popup_policy2 .checks label {float:left; background:url('/img/web/b_agree_off.gif') no-repeat; height:30px;width:30px}
.popup_policy2 .checks input[type="checkbox"]:checked + label {background:url('/img/web/b_agree_on.gif') no-repeat; }
.txtxs { width: 80px; text-align: center; font-size: 14px; color: #424242; }
.txtxs span { color: #44cbd2; padding: 0 3px; font-weight: bold; }
.tracc { width: 25px; text-align: right; }
.tracc a { font-size: 26px; line-height: 18px; color: #44cbd2; }

.mimi { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: #fff; display: none; }
.mimi.fix { display: block; }
.nono { display: none; }

.mypage_top.fix { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 99; background: #fff; }
.mi_search.fix { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 99; background: #fff; border-bottom: 1px solid #ddd; box-sizing: border-box; }

.inputer { width: 100px; vertical-align: top; height: 30px; line-height: 30px; border-bottom: 1px solid #ddd; font-size: 14px; border-radius: 0; -webkit-border-radius:0; -webkit-appearance:none; }

.life_menu { position: fixed; right: -300px; -webkit-transition:ease-out 0.2s; -moz-transition:ease-out 0.2s; -o-transition:ease-out 0.2s; transition:ease-out 0.2s; }
/*.life_menu.active:after { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%;; background: rgba(0,0,0,0.5); z-index: -1; }*/
/* 2018-10-11 Modify */
.life_menu.active { position: fixed;z-index:999999; top:0; right: 0px; bottom: 0; overflow-y: auto; border-bottom: none; }
/* 2018-10-11 Modify */
.life_menu .dims { display: none; }
.life_menu.active .dims { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%;; background: rgba(0,0,0,0.5); z-index: -1; }

.life_menu_l { left: -300px; -webkit-transition:ease-out 0.2s; -moz-transition:ease-out 0.2s; -o-transition:ease-out 0.2s; transition:ease-out 0.2s; }
/*.life_menu.active:after { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%;; background: rgba(0,0,0,0.5); z-index: -1; }*/
.life_menu_l.active { position: fixed; bottom: 0; top: 0; overflow-y: auto; overflow-x: hidden; left: 0px; border-bottom: none; }
.life_menu_l .dims { display: none; }
.life_menu_l.active .dims { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%;; background: rgba(0,0,0,0.5); z-index: -1; }
.life_menu_l .dims2 {display: block;width: 300px;position: absolute;top: 0;left: -300px;height: 550px;background: #fff;z-index: -1;-webkit-transition:ease-out 0.2s;-moz-transition:ease-out 0.2s;-o-transition:ease-out 0.2s;transition:ease-out 0.2s;}
.life_menu_l.active .dims2 { left: 0px; }
.profile_add_photo label {
	display: inline-block;
	width: 77px;
	height: 77px;
	background: url(/img/web/img_photo.png) no-repeat center;
	background-size: 77px;
	border-radius: 75px;
}
.delivery_info3{
	position: fixed;
	right: 10px;
	background: #f5f6f6;
	border: 1px solid #ebebeb;
	width: 80%;
	z-index: 9999;
	line-height: 26px;
	top: 50px;
	padding:15px;
	margin-left: -43% !important;
}
.delivery_info3 .d_info_tit{color:#000; font-size:16px; padding-bottom: 5px;}
.delivery_info3 .d_info_txt{font-size:13px;}

.cate3 {height: 45px;line-height: 45px;margin-top: 30px;width: 100vw;text-align: center;display: flex;justify-content: center;}
.cate3 li{/* padding:0 47px; */border-right: 1px solid #dcdcdc;float:left;background:#f1f7fa;border: 1px solid #dcdcdc;border-left: none;width: 30vw;text-align: center;line-height: 15px;height: 50px;display: table-cell;/* vertical-align: middle; */}
.cate3 li:first-child {border-left: 1px solid #dcdcdc;/* display: flex; */}
.cate3 li a{ font-size:15px;color:#9e9e9e; display:flex;align-items:center;width:100%;height:100%;justify-content: center}
.cate3 li a:hover{color:#04b9c2;}
.cate3 .current a{color:#04b9c2;}
.policy{line-height: 28px; padding-top:20px;   border-top: 1px solid #e5e5e5; margin-top: 30px;}
#smart_editor2 {width: auto !important;}
.reply_box textarea,
.reply_box2 textarea{
	border:0;
	padding:0;
	color:#999999; line-height: 23px; padding:10px;
	font-size:14px;
    width: 100%; box-sizing: border-box;
}

.news_top, .news_top * { box-sizing: content-box; }
.news_nav, .news_nav * { box-sizing: content-box; }
.channel_cont, .channel_cont * { box-sizing: content-box; }
.mypage_footer, .mypage_footer * { box-sizing: content-box; }
.news_cont2, .news_cont2 * { box-sizing: content-box; }
.news_media, .news_media * { box-sizing: content-box; }

.news_cont2 a:visited, .news_cont2 a:visited * { color: #999!important; }

.tr_img > a { display: block; height: 70px; width: 70px; overflow: hidden; border-radius: 50%; margin: auto; }
.tr_img > a > img { width: 100% !important; height: 100% !important; }
button#add { margin: 15px 0; }
.news_lists > div:last-child { border-bottom: 1px solid #ddd !important; }
.mainswiper.Fixed { padding-top: 51px; }
.view_header { position: relative; }
.view_alm { position: absolute; top: 65px; right: 20px; background: #20c8d4; color: #fff; width: 65px; height: 60px; border-radius: 5px; text-align: center; overflow: hidden; }
.view_alm .tapt { display: table; margin: 0 auto; padding-top: 9px; padding-bottom: 3px; }
.view_alm .tapt li { display: block; padding: 0 1px; float: left; line-height: 20px; }
.view_alm .tapt li > img { height: 20px; }
.view_alm > .tit { color: #fff; font-size: 11px; background: #12abbd; padding: 2px; }

#weather_block { width: 100%; }
#weather_block, #weather_block * { box-sizing: content-box !important; }
#my_comment_policy { max-width: 90% !important; width: 90% !important; max-height: 340px !important; margin: 35px 5% !important; right: 0 !important; box-shadow: 2px 2px 5px rgba(0,0,0,.2); }

.news_box .news_box_con_left { padding-bottom: 30px; }