@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.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; }

/* 제목요소 */
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-size:14px;font-family:'나눔고딕','Nanum Gothic',"Apple SD Gothic Neo","AppleGothic","돋움", Dotum,"굴림", Gulim, Sans-serif;  letter-spacing: -0.5px;}

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

/* 링크설정 */
a,a:active{
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #999;
	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;
}

/* 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;
}
.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;}
.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;}
#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 .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(../images/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_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;}
#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_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(../images/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:30px 20px; overflow: hidden; position: relative;}
#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_cate{color:#5a5a5a; padding-top:10px; height: 20px; 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; height: 15px;}
#mypage .list_open a{color:#000; font-size: 16px;}
#mypage .list_open a:hover{color:#2bbec6;}
#mypage .list_open div{float:left;}
#mypage .list_close{border-bottom: 1px solid #ededed; background: #f8f8f8;padding:20px;height: 15px;}
#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 .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(../images/check_on.gif) no-repeat left top; padding-left:22px;}
#mypage .check_off{background: url(../images/check_off.gif) no-repeat left top; padding-left:22px;}
.mask {
    background: rgba(0, 0, 0, 0) url(../images/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;
    margin-left: -222px;
    position: absolute;
    top: 190px;
    color: #707070;
    z-index: 99999;width: 80%;
    margin: 0 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%; float: left;
    text-align: center;}
.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(../images/cate_on.gif) no-repeat left 50%; padding-left:30px;}
.reply_cate .cate_off{background: url(../images/cate_off.gif) no-repeat left 50%; padding-left:30px;}

.mypage_cont .my_open{ background: #fff url(../images/slide_on.gif) no-repeat 96% 50%; padding:20px 30px; font-size: 17px; margin-bottom: 15px;}
.mypage_cont .my_close {
    background: #fff url(../images/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(../images/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 .account_header{background: #04b9c2; height:50px; line-height: 50px;position: relative;}
#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;}

.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;
    padding-left: 30px;
    line-height: 40px;
}
.reply_cont_wrap .notice_list dt {
    color: #333;
    float: left;
    width: 80%;
    text-align: left; font-size:16px;
}
.reply_cont_wrap .notice_list dd {
        width: 20%;
    float: left;
    text-align: center;
}
.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(../images/btn_check_fill.gif) no-repeat; width:185px;}
.account_check_off{text-align: center; margin:20px auto; font-size: 15px; color: #b7b7b7;background: url(../images/btn_check_no.gif) no-repeat; width:185px;}
.account_btn{clear: both;width:88%; margin:0 6%;text-align: center;}
.account_btn a{color:#fff;}
.account_btn2{clear: both;width:100%; margin:0 0%;text-align: center;}
.account_btn2 a{color:#fff;}
.reply_text{font-size:15px; line-height:28px; color:#868686; text-align: center; margin:50px 0;}
.account_cont{margin: 6%;width: 88%;}
.doublecheck{background: url(../images/doublecheck.gif) no-repeat right top;  display: inline-block;cursor: pointer !important;}
.certification{background: url(../images/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(../images/img_select.gif) no-repeat 90% 50%;
    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(../images/agree_off.gif) no-repeat 0 center;width: 30px;    text-indent: -9999999px;display: inline-block;}
.agree_on{    background: url(../images/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(../images/agree_off2.gif) no-repeat 90% 50%;text-indent:0 !important;}
.left_popup .agree_on{background: url(../images/agree_on2.gif) no-repeat  90% 50%;text-indent:0 !important;}
.right_popup .agree_off{background: url(../images/agree_off2.gif) no-repeat 90% 50%; text-indent:0 !important;}
.right_popup .agree_on{background: url(../images/agree_on2.gif) no-repeat  90% 50%;text-indent:0 !important;}




.mask {
    background: rgba(0, 0, 0, 0) url(../images/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(../images/cate_on.gif) no-repeat left 50%;
    padding-left: 30px;
}
.popup_wrap .cate_on {
    background: url(../images/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;
}
.channel_detail {
    width: 50%;
}
.channel_profile {
    float: left;
    margin-right: 10px;
    padding-left: 1%;
}
.channel_profile img {
    border-radius: 50px;
}
.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 img {width:100%;}
.channel_boxs .channel_con2 {
    width: 47%;
    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 img {width:100%;}
.chtitle {
    font-size: 15px;
    padding: 5px 0 15px;
    line-height: 25px;
}
.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: 70px;
    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: 145px;
    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: 165px;
    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;
}

.channel_header {
    position: relative;
}
.channel_header .wrap_cover {
    width: 100%;
    top: 0;

    max-height: none!important;
}
.cover_image2 {
    background: url(../images/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: 50px;
    /* 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 .chcate a{color:#fff;}
.cover_cell .chcate span{background: url(../images/bgbg3.png) repeat-x left bottom;  padding-bottom:8px; z-index:99999;}
.titlewrap {
    height: 40px;
    line-height: 40px;
    /* vertical-align: middle; */
    margin-top: 10px;
}
.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;
}
.chtxt {
    font-size: 13px;
    color: #b0b0b0;  
}
.cover_profile {
    position: absolute;
    top: 130px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.cover_profile2 {
    position: absolute;
    top: 183px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.cover_profile img {
    border-radius: 88px;
}
.cover_profile2 img {
    border-radius: 88px;
}
.cont_middle .img_profile img{width:100%; max-height: 209px;}
.chtit a {
    color: #fff;
}
.chtitle2 {
    font-size: 16px;
    padding:5px;
    line-height: 26px;
}

.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;
}
.channel_cont .channel_photo img{
    width:100%;
}
.channel_cont {
    border-bottom: 1px solid #ebeef3;
    overflow: hidden;
    display: block;
    padding: 20px 0;background: #f8f8f8;
    width: 100%;clear:both;
}
.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;
}
.life_menu{position: absolute; top:0; right:0 ;width:330px; border-left: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;}
.life_menu_top .life_cate span{float:left; padding:0 1%;position:relative;  text-align: center;}
.life_list_top{text-align: center;width:290px;margin:0 20px;padding-top: 20px;     padding-bottom: 20px;border-bottom: 1px solid #eeeeee;}
.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;width:290px;margin:0 20px;padding-top:20px; border-top: 1px solid #eeeeee;}
.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; margin:20px 0;}
.life_app {position: relative;margin:20px 0; display: block;width:320px; height: 150px; padding:0 20px;}
.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}

.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;}
.news_list .art-img2 {width: 160px;float: left;margin-right: 20px;}
.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;margin-bottom:15px;overflow: hidden;display: block; padding-bottom:15px;}
.news_list_cont .origin{color:#9a9a9b; font-size:15px; padding-left:10px;}
.news_list_cont .origin a{color:#9a9a9b; font-weight: normal;}
.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 6%;
    color: #999;
}
.view_article {
    clear: both;
    font-size: 16px;
    line-height: 28px;
}
.view_article p{padding:0 20px;}
.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;    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 .facebook{float:right;}
.reply .facebook a{padding:0 10px;}
.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:20px 20px 0 20px;}
.reply_social a{color:#000; padding-right:10px;}
.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;
}
.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: block;  margin-bottom:20px;} 
.reply .reply_box2 .box_wrap2 li{float:left;} 
.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;}
.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;}
.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;}
.icons{float:right !important; }
.reply_box2 .icons{float:right !important; padding-top:20px; }
.icons img{padding-right:7px;vertical-align: middle;}
.icons span{padding-left: 20px;}
.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  img{width:100%;}
.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 .time {font-size:14px; color:#999999;}

.popup_share {width:226px;border: 1px solid #d9d9d9; top:120px; left:20px; background: #fff; position: absolute; padding:10px;  height: 235px; border-radius: 5px;}
.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;width: 225px;}
.popup_share .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;
}
.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 img {border-radius: 65px;}
.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: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;}
.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;
}
.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_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:86%; 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;}
.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(../images/bg_row.gif) repeat-x scroll 50% 50%;
    clear: both;
    display: block;
    height: 40px;
    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(../images/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%;}
#news .news_nav .current{background:url(../images/bg_nav.gif) repeat-x bottom left; }
#news .news_nav .current a{color:#43c3ca;}
#news .news_nav span:hover{background:url(../images/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;}
#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-bottom: 15px;
    overflow: hidden;
    display: block;position:relative;
    
}
#news .news_lists .art-info {
    font-size: 14px;
    line-height: 25px;
    color:#a1a1a1;
}
#news .grace_top {margin-top:5px;}
#news .grace_top .art-title{font-size: 15px;padding-bottom: 10px;border-bottom: 1px solid #eaeaea;padding: 12px 20px ;}

#news .grace_top .art-title a{color:#383737;}
.open_roll{position:relative;}
.open_roll .roll_box{clear:both;overflow:hidden; padding:15px;border-bottom: 1px solid #eaeaea; position: relative;} 
.open_roll .roll_box img{vertical-align: middle;}
.open_roll .roll_box .no{    color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 5%;}
.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;}
.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;
}
.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; height: 40px; line-height: 40px;}
.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 .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:0; 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(../images/bg_newslist.gif) repeat-x left top;height:60px; }
.news_media .current{background: url(../images/bg_newslist.gif) repeat-x left top; height:60px; }  
.news_media_list a{color:#fff; font-size:12px;}
.news_media_list span{text-align:center;}
.news_media_list span img{margin:0 auto;}
.news_media_list p{    font-size: 12px; display: block; padding-top: 5px;}
.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:last-child{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_box{border-bottom:1px solid #f7f7f7; padding:10px 20px; position: relative;}
.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:27px;}
.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;}
.icon_home{background:url(../images/img_home_c.png) no-repeat left center;height: 18px;
    line-height: 20px;}
.star{background:url(../images/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 img {
    width: 100%;
}
.grace_con:last-child{margin-left:4%;}
.grace_con .chtitle {
    font-size: 15px;
    padding: 5px 0 0;
    line-height: 25px;
}
.banner_grace{    padding:15px 0 10px 0;
    background: #f2f2f2;}
.banner_grace img{width:100%;}
.play_box{position:relative;}
.play{position: absolute; top:45%; left:45%; z-index: 99999;}
.play_time{    position: absolute;
    bottom: 3px;
    right: 0;
    z-index: 99999;
    background: #000;
    color: #fff;
    padding: 3px 5px; font-size: 12px}
.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:22px;}
.weather .country2{position: absolute; top:20px;}
.weather span{margin-right:10px;}
.weather img{position: absolute; top:10px; right:10px;}
.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;}
.popupimg .popuptxt {
    position: absolute;
    left: 65px;
    top: 275px;
    text-align: left;
}
.popupbody {
    background: #fff;
    border-radius: 0 0 7px 7px;
    position: relative;
    padding: 0 40px;
    overflow: hidden;
    color: #888;
}
.popupbody3 {
    background: #fff;
    position: relative;
    padding: 0 20px;
    overflow: hidden;
    color: #4e4d4d;
}
.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: 20px 40px;
}
.pw_table dt{width:140px;float: left;color:#888888;    padding: 5px 0;
}
.pw_table dd{color:#606060;    padding:5px 0;}

.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: 10px 0;}
.open_search .roll_box img{vertical-align: top;}
.open_search .roll_box a{font-size:16px; color:#4e4e4e;}
.open_search .roll_box div{ height: 30px;
    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: 30px;
    line-height: 30px;
    padding: 5px 20px;}
.roll_footer a{color:#575757; font-size:12px ; }
.roll_footer span{padding:0 5px;}
.search_pointer{color:#20c8d4;}
.btn_life {
    clear: both;
    width: 95%;
    height: 40px;
    line-height: 40px;
    position: relative;
    margin: 40px 0px;
}

.news_box{border-top:10px solid #f8f8f8;}
.news_box .news_box_detail {
    color: #767676;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    padding:10px 0;
}
.news_box .news_box_detail2 {
    color: #767676;
    font-size: 13px;
    padding-bottom:10px;
    
}
.news_box .news_box_detail a:hover{color:#2bbec6;}
.news_box .news_box_detail span {
    margin-right: 5px;
}
.news_box .news_box_detail img {
    margin-right: 5px;
    vertical-align: middle;
}
.news_box .news_box_detail2 img {
    margin-right: 5px;
    vertical-align: middle;
}
.news_box .news_box_detail2 span {
    margin-right: 5px;
}
.news_box_con{padding:20px; border-bottom:1px solid #d5d5d5; overflow:hidden;}
.news_box_con h2{margin-bottom:10px;}
.news_box_con h2 a{color: #2954b6;
    text-decoration: underline; font-size:18px;

}
.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: 12px;
}
.news_box_con .c_left{width:48%;float:left; padding-right:2%;}
.news_box_con .c_right{width:50%;float:left;}
.news_box_con_left{width:70%; padding-right:5%; float:left; line-height: 24px;}
.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:20%; float:right;text-align: right;    margin-right: 5%;}
.news_box_detail{padding-top:20px;clear:both;}
.news_box_con_left div{line-height: 20px}
.news_box_con_left2 div{line-height: 20px}
.news_box_detail .profile img{    border-radius: 20px;}
.news_box_title{border-bottom: 2px 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_result_top{background: #04b9c2; height: 50px;}
.search_result_top .logo_srch{position: absolute; top:15px; left:20px;}
.news_box_slide{text-align: center; margin:15px 0;}
#news .s_srch{      width: 76%;
    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:15px 0;}
.search_result_menu .current{color:#04b9c2;}
.search_result_menu a{font-size: 16px; padding:0 5px;}
.search_result_menu a:hover{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:24%; 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: 18px; padding-bottom: 20px; width:100%; margin:0 auto;}
.news_nothing ul li{background:url(../images/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:15px 10px 10px 20px; z-index:999999; display:inline-block;}
#photo .photo_cont{position: relative; background: #000; width:100%; height:640px}
#photo .photo_bottom{background-color: rgba(0, 0, 0, 0.3);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:65%;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:20%; float:left; padding-top: 5px;}


#photo .photo_bottom2{background-color: rgba(0, 0, 0, 0.3);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;     width: 32.7%; padding-top:8px; }
#photo .photo_bottom2 img{z-index:999999;}
#photo .photo_bottom2 .b_left{ width:75%;color:#fff; float:left; text-align: left;}
#photo .photo_bottom2 .b_left a{color:#fff;} 
#photo .photo_bottom2 .b_right{float:left; padding-top: 5px;}
#photo .b_slide{clear:both;width:100%; position:absolute; left:0; bottom:20px; overflow:hidden; height: 80px;}
#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%; }
#photo .photo_cont .photo_image img{border:0; vertical-align: middle;}
#photo .photo_cont .photo_image .al{position: absolute; left:0; top:290px;}
#photo .photo_cont .photo_image .ar{position: absolute; right:0; top:290px;}

.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: 35%;
    left: 40%;
    z-index: 99999;}
    .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: 10px;
}
.tr_txt a {
    font-size: 15px;
}
.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: 190px;
    color: #707070;
    z-index: 99999;
    background: #transparent;
}
@media screen and (max-width: 620px){
    #mypage .mypage_footer .f_social img{ width:8%; padding:0 5px;}
}
@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;}
}
@media screen and (max-width: 350px){
    .news_media_list2 span img{width:70%; }
    .life_app{width:310px;}
    .life_app li {width:62px;}
}