@charset "utf-8"; /* top */ #news{color:#4e4e4e;} .top{width:100%; border-bottom: 1px solid #e5e5e5; height:30px; line-height:30px; background:#f3f3f3; color:#888888; font-size:12px;} .wrap{width:1060px; margin:0 auto; position: relative;} .area_links{float:left;} .area_links a{color:#888;} .area_links a:hover{color:#2bbec6;} .area_links .current{color:#2bbec6;} .area_ingo{float:right;} .area_ingo a:hover{color:#2bbec6;} .area_ingo .current{color:#2bbec6;} .beachblue{color:#2bbec6;} .beachblue a{color:#2bbec6;} /* header */ .header{clear:both; position: relative; border-bottom: 1px solid #8bb7b9; } .header .special{height:85px; line-height: 85px; } .header .special .logo{width: 115px;top: 30px;left: 8px;position: absolute;} .menu li{float:left; margin:0 25px 0 10px;} .menu li:first-child{float:left; margin-left:0 !important;} .menu li a{font-size:16px;} .menu li a:hover{color:#04b9c2;} .menu li .current, .menu li .current:visited {color:#04b9c2;} .section_navbar{height:45px; line-height: 45px;border-top: 1px solid #e5e5e5; } .bar img{padding:0 5px 5px; margin-top:10px; } .social { padding: 0 20px 0 10px;} .social img {margin-top: 5px;padding: 0 1px;} .search{position: absolute; top: 40px; left: 150px; margin-top: -18px; width: 595px;} .open_search{ width: 593px; border: 1px solid #d9d9d9; position: absolute; top: 64px; background: #fff; z-index: 9999; left: 150px; } .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 a{font-size:16px; color:#4e4e4e;} .open_search .roll_box div{ height: 30px; line-height: 30px; display: block; /* width: 100%; */ 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;} .window{ position: absolute;display: inline-block;width: 546px;height: 41px;border: 1px solid #04b9c2;background: #fff;padding-left: 20px;font-size: 15px;color: #686868;} .src_sumit{position: absolute;top: 0;right: 0;overflow: visible;width: 45px;height: 43px; line-height:43px; border: 0;background: #04b9c2;} .roll{float:right; width:240px;font-size: 16px; } .roll .number{padding-right:5px;} .roll .roll_txt a:hover{color:#2bbec6;} .roll img{vertical-align: middle; padding-left:20px; } .open_roll {width:300px; border:1px solid #d9d9d9; position: absolute; top:-1px; right:0;background: #fff;z-index: 9999;} .open_roll .txt{text-align: center; font-size:16px;color:#595959;} .open_roll .ranking li{float:left;text-align: center;} .open_roll .ranking li a{color:#b2b2b2;} .open_roll .ranking {width:100%; height: 30px; line-height:30px; background: #f1f7fa;} .open_roll .ranking img{padding-top:8px;} .open_roll .ranking a:hover{color:#04b9c2;} .open_roll .ranking .current{color:#04b9c2;} .open_roll .roll_box{clear:both;overflow:hidden; padding: 0 15px 15px 15px;} .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: 10%;} .open_roll .roll_box .graph{display: inline-block;} .open_roll .roll_box .keyword{width:78%; display: inline-block;} .open_roll .roll_box .keyword a:hover{color:#2bbec6;} .open_roll .roll_box li{line-height: 25px;} .condition{ position: relative; float: right;width: 260px;font-size: 14px;} .condition li { -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; } /*.condition .tt {color: #191919;padding-left: 20px;}*/ .condition .tt { position: absolute; top: 0; left: -20px; color: #191919;padding-left: 20px;} /*.condition .country {color: #20c8d3;padding: 0 10px;}*/ .condition .country {color: #20c8d3;padding: 0 10px 0 85px;} .condition img {vertical-align: middle;} .condition .weather {padding: 0 5px;} .news_ingo{position:absolute; right:0;} .news_ingo .profile img{border-radius: 20px; margin-top:4px;} padding: 0 20px 0 10px; .social img{margin-top:6px;padding:0 1px;} .arrow{ background: url(/img/web/mypage_arrow_down.png) no-repeat 100% 50%; padding-right:10px; margin-right:10px;} .mypage_opened{position: absolute; top:31px; right: 15px; width:300px; z-index:9999; line-height:20px; color:#8a8c8d; } .mypage_opened_info {background: #f1f7fa;padding: 15px 15px 0;overflow: hidden;} .mypage_opened_info .name{font-size:15px; color:#575757;} .mypage_opened_info .name > a { font-size: 14px; display: inline-block; max-width: 125px; } .mypage_opened_info .logout {float:right; } .mypage_opened_info .logout a:hover{color:#2bbec6;} .mypage_opened_info .logout .btn{ width:50px;border:1px solid #d8f4f5; background: #fff; padding:5px 3px; color:#000;font-size:12px;} .mypage_opened_info .introduction{font-size:12px; display: block; padding-bottom:5px;} .mypage_opened_info .profile{position: relative; width:50px; height: 85px; float:left; margin-right:10px; } .mypage_opened_info .profile2{position: relative; width:50px; height: 60px; float:left; margin-right:10px; } .mypage_opened_info .profile_detail{ float:left;} .mypage_opened_info .profile .profile_l{position: absolute; border-radius: 48px; float:left;} .mypage_opened_info .profile .carmera{position: absolute; right:0; top:30px;} .mypage_opened_info .profile2 .carmera{position: absolute; right:0; top:30px;} .mypage_opened_info2 {background: #f1f7fa;overflow: hidden;} .mypage_opened_info2 .name{font-size:15px; color:#575757;} .mypage_opened_info2 .name > a { max-width: 130px; display: inline-block; font-size: 14px; letter-spacing: -1.5px; vertical-align: bottom; } .mypage_opened_info2 .logout {float:right; } .mypage_opened_info2 .logout a:hover{color:#2bbec6;} .mypage_opened_info2 .logout .btn{ width:50px;border:1px solid #d8f4f5; background: #fff; padding:5px 3px; color:#000;font-size:12px;} .mypage_opened_info2 .introduction{font-size:12px; display: block; padding-top:5px;} .mypage_opened_info2 .profile{position: relative; width:50px; height: 85px; float:left; margin-right:10px; } .mypage_opened_info2 .profile2{position: relative; width:50px; height: 60px; float:left; margin-right:10px; } .mypage_opened_info2 .profile_detail{ float:left;} .mypage_opened_info2 .profile .profile_l{position: absolute; border-radius: 48px; float:left;} .mypage_opened_info2 .profile .carmera{position: absolute; right:0; top:30px;} .mypage_opened_info2 .profile2 .carmera{position: absolute; right:0; top:30px;} .mypage_opened .mypage_menu {color:#575757; width:298px;border-top:1px solid #d7f4f5; border-bottom:1px solid #f1f7fa;border-left:1px solid #f1f7fa;border-right:1px solid #f1f7fa; height: 35px;overflow:hidden; background: #fff; } .mypage_opened .mypage_menu li{float:left; padding:10px 10px; font-size:13px;border-right:1px solid #d7f4f5;height: 35px;} .mypage_opened .mypage_menu li a:hover{color:#2bbec6;} .mypage_opened .mypage_menu li:last-child{border-right:none !important;} .mypage_opened .beauchblue_underline{text-decoration: underline;} .mypage_opened .opened_arrow{position: absolute; top:-9px; left: 123px; z-index: 9999999;} .mypage_opened_box .mypage_menu2 {color:#575757; width:270px;border-top:1px solid #d7f4f5; border-bottom:1px solid #f1f7fa;border-left:1px solid #f1f7fa;border-right:1px solid #f1f7fa; height: 35px;overflow:hidden; background: #fff; } .mypage_opened_box .mypage_menu2 li{float:left; padding:10px 7px; font-size:13px;border-right:1px solid #d7f4f5;height: 35px;} .mypage_opened_box .mypage_menu2 li a:hover{color:#2bbec6;} .mypage_opened_box .mypage_menu2 li:last-child{border-right:none !important;} .mypage_opened_box .beauchblue_underline{text-decoration: underline;} .mypage_opened .opened_arrow{position: absolute; top:-9px; left: 123px; z-index: 9999999;} .arrow_down{background: url(/img/web/img_down.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important; position: absolute; right: 55px; top: 15px;} .arrow_down:hover{background: url(/img/web/img_down_on.gif) no-repeat 90% 50%; } .arrow_down_on{background: url(/img/web/img_down_on.gif) no-repeat 90% 50%; padding: 6px 25px 6px 12px !important;position: absolute; right: 55px; top: 15px;} .arrow_up{background: url(/img/web/img_up.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;position: absolute; right: 55px; top: 15px;} .arrow_up_on{background: url(/img/web/img_up_on.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;position: absolute; right: 55px; top: 15px;} .arrow_up:hover{background: url(/img/web/img_up_on.gif) no-repeat 90% 50%; } .news_cate{ font-size: 17px; border-bottom: 1px solid #eaeaea; color: #000; padding: 0 0 10px 0; margin-bottom: 10px;} .news_cate .categroy img{vertical-align: middle;} .rankynews{} .ranky_tit{font-size:18px; float:left;} .ranky_date{float:right; font-size: 18px;} .rankytop {height: 40px; line-height: 40px; } .rankytop a:hover{color:#2bbec6;} .rankytop .current{color:#2bbec6;} .rankytop .gap{padding-right:10px;} .rankytop .btn-default_bb{color: #2bbec6;background-color: #fff;border-color: #2bbec6; border: 1px solid #2bbec6 ; border-radius:10px; padding:2px 7px; font-size:12px;} .rankylist{clear:both;padding:10px 0; display: block;overflow: hidden; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; margin-bottom:30px; } .rankylist li{float:left; padding:0 15px;} .rankylist li a{font-size:14px;} .rankylist .current{color: #2bbec6;border-bottom: 1px solid #2bbec6;padding-bottom: 9px;} .rankylist a:hover{color: #2bbec6;border-bottom: 1px solid #2bbec6;padding-bottom: 9px;} /* left */ .contents{width:100%; padding-top: 30px;overflow: hidden;} .contents .wrap{ width: 1060px; margin: 0 auto; position: relative; overflow:hidden; display: block; background: url(/img/web/news_bar.gif) 760px 0 repeat-y;} .top_banner{border-bottom: 1px solid #d1d1d1;padding-bottom: 30px;text-align: center;} .c_left{width:745px; float:left; margin-right:15px;} .c_right{ width:300px; float:left;} .art_box{ position:relative; margin:20px 0; overflow:hidden;} .art_box .art_list{ position:relative;float:left;} .art_box .art_list li{ position:relative; padding: 7px 0;} .art_box .art_list li a{font-size:16px;} .art_box .art_list li a:visited { color: #888; } .art_box .art_list li a:hover{color:#2bbec6;} .art_box .art_img{position:relative;width:365px;margin-right:20px; float:left;} .art_box .art_img .art_t_box{position: absolute; bottom:0; left:0;} .art_box .art_img .art_p_tit{margin-bottom: 10px;} .art_box .art_img .art_p_tit a{color:#fff; font-size:20px; } .art_box .art_img .art_p_txt a{color:#fff; font-size:14px;} .art_box .art_img .art_t_box{padding:0 20px 20px; z-index: 999;} .shadow { clear: both; width: 100%; height: 100%; display: block; position: absolute; bottom: 0; left: 0; z-index: 1; background-color: #000; opacity: 0.2; } .banner{margin-bottom:20px;} .cardnews{clear:both; margin-top:20px;} .card_box{width:100%; clear:both; margin-bottom:20px;overflow:hidden;} .card_box li{width:171px;border:1px solid #ebeef3; float:left; margin-right:17px; height: 210px;} .card_box li:last-child{margin-right:0 !important;} .card_title{font-size:15px; text-align: center; padding:20px 10px 0;} .card_title a:hover{color:#2bbec6;} .card_title a:visited{color:#888;} .card_txt{font-size:12px;text-align: center; padding:10px 10px 10px; line-height: 18px;} .card_tab{position: absolute;left:0; top:0; background: #04b9c2; color: #fff; font-size: 12px; padding:5px 10px;} .card_tab a{color:#fff;} .card_main{position: relative;width:363px !important;} .card_main .card_main_title{position: absolute;top: 70px;color: #fff;font-size:16px;z-index: 9998;text-align: center;margin: 0 auto;width: 100%;} .card_main .card_main_title span{border-bottom:1px solid #fff; padding-bottom:10px;} .card_main .card_main_txt a{color:#fff;} .card_main .card_main_txt{position:absolute; top:110px; color:#fff;left:0;z-index:9998;width: 100%;font-size:24px;text-align: center;font-family:나눔명조, Nanum Myeongjo, georgia,돋움;} .cont_box {background: #fff; border:1px solid #dcdcdc; height: 45px; line-height: 45px; margin-top:20px; clear:both; display:block;} .cont_box2{background: #fff; border:1px solid #dcdcdc; margin-top:20px; clear:both; display:block; overflow:hidden;} .cont_box .weather{padding:0 5px;} .cont_box .weather img{vertical-align: middle;} /*.cont_box .tt{color:#191919; padding-left:20px;}*/ .cont_box > .tt{ position: absolute; top: 0; left: 0; color:#191919; padding-left:20px;} /* .cont_box .date{color:#8b8b8b; padding-left:105px;} */ .cont_box .date{ position: absolute; top: 0; left: 90px; color:#8b8b8b; } .cont_box .country{color:#20c8d3;padding:0 10px 0 160px;} /*.cont_box .related_news{float:right; margin-right:20px;}*/ .cont_box .related_news{float:right; margin-right:20px;} /*.cont_box .box_related{background: #e6e6e6; color:#7d7d7d; padding:2px 10px; margin-right:10px;}*/ .cont_box .box_related{ position: absolute; top: 10px; left: 405px; line-height: 20px; background: #e6e6e6; color:#7d7d7d; padding:2px 10px; margin-right:10px;} /*.cont_box .box_title{color:#04b9c2; padding-left:20px;} .cont_box2 .box_title{color:#04b9c2; padding-left:20px;}*/ .cont_box .box_title{ position: absolute; top: 0; left: -5px; color:#04b9c2; padding-left:20px;} .cont_box2 .box_title{position: absolute; top: 0; left: -5px; color:#04b9c2; padding-left:20px;} .location{padding-left:20px;} .related_news a{padding:0 2px;} /*.related_news .current{color:#04b9c2;}*/ .related_news .current{position: absolute; top: 0; left: 0; color:#04b9c2;} .related_news a:hover{color:#04b9c2;} .related_news a:visited{ color: #888; } .company_list{border-bottom:1px solid #ebeef3; overflow: hidden;} .company_list li{float:left; border-right:1px solid #ebeef3; width:92px; height:74px; line-height: 74px; text-align: center;} .company_list li:last-child{border-right:0 !important;} .company_list img {vertical-align: middle;} .company_top {height:41px; line-height: 41px; border-bottom: 1px solid #dcdcdc;} .company_top .cate {padding-left:20px;} .company_top .cate a:hover{color:#2bbec6} .company_top .cate .current{color:#2bbec6} .company_top .c_arrow{float:right; } .list_left{width: 730px;padding-right: 30px;float: left; } .list_left .column_list{padding-top:20px} .list_left .column_list a:hover{color:#2bbec6;} .list_right{width:299px; float:left;} .news_list .art-info{width:520px; float:left;} .news_list .art-info2{float:left; width:550px;} .news_list .art-info3{float:left; width:100%;} .news_list .art-info4{float:left; width:95%;} .news_list .art-img {width: 160px;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 .company{ font-size: 14px;padding-left: 20px; vertical-align: top;padding-top: 3px;display: inline-block;} .news_list .art-title a:hover{color:#2bbec6;} .news_list .art-title .comment {font-size:14px; color:#c3c3c3; font-weight: normal;} .news_list .art-title .comment img{vertical-align: middle;} .news_list .art-sum{font-size:14px;line-height: 25px;} .news_list_cont{clear:both; border-bottom: 1px solid #eaeaea;margin-bottom: 30px;overflow: hidden;display: block; padding-bottom:30px;} .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 .column_tit{text-decoration: underline; padding-top: 30px; padding-bottom: 20px;} .news_list_cont .column_tit a{color:#a5a5a5;} .news_list .n_date{font-size:13px; color:#a5a5a5; padding-bottom:5px;} .pagenumber { margin:30px auto; width:100%; overflow:hidden;text-align:center} .pagenumber a{ width:25px; height:25px; margin:0 2px;line-height: 25px;text-align: center; display:inline-block;} .pagenumber a.current{border:1px solid #e0e0e0; color:#2bbec6; } .pagenumber a:hover{ color:#2bbec6;} .pagenumber img{padding-top:7px;} .todayphoto{border-top:1px solid #ebeef3; padding-top:30px;} .todayphoto h4 {font-weight: bold;padding-bottom: 20px;font-size:15px;} .todayphoto_box {width: 100%;clear: both;margin-bottom: 20px;overflow: hidden; position: relative;} .todayphoto_box li {width: 171.50px;border: 1px solid #d2d3d3;float: left;margin-right: 12px; height: 200px;line-height: 22px} .todayphoto_box .s_left{position:absolute; left:0; top:35px;z-index: 9998;} .todayphoto_box .s_right{position:absolute; right:0; top:35px;z-index: 9998;} .todayphoto li:last-child {margin-right: 0 !important;} .mostreply{font-size:16px; margin:40px 0 30px 0; display: block; overflow:hidden;} .mostreply h4{ font-weight: bold;padding-bottom: 10px; font-size:15px;} .mostreply .viewall a{font-size:13px; color:#7e7f82;} .gototop{position:absolute;bottom:30px;left:790px;} .view_header h2{font-size:26px; padding:15px 0 10px 0; letter-spacing: -2px; font-weight: bold; color:#383737; /*-webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;*/} .view_header .time{font-size:13px; color:#888 ;} .view_header .category{padding-left:35px; } .view_header .category a{padding:0 5px;color:#888888;} .view_header .category img{padding-top: 2px;} .function{float:right; margin-top: 20px;} .function a{padding-left:10px; width:20px; height: 20px;} .spirit_weather{color:#fff; border-radius: 10px; background: #20c8d4; width:120px; float:left;} .logo_company{padding-right:7px;} .w_info{height:65px;} .w_info li{float:left; padding: 0 10%; width: 30%;display: inline-block; text-align: center; height: 65px; line-height: 65px;} .w_info li img{vertical-align: middle;} .w_location{background: #12abbd; font-size:10px; text-align:center; height: 25px; line-height: 25px; border-radius: 0 0 10px 10px;} .reply{margin-top:30px;} .view_header{border-bottom: 1px solid #ebeef3; padding-bottom:20px;} .view_main{clear:both;} .view_main .sub_tit{margin-top:70px; text-align: center; font-size: 19px; color:#888; padding-bottom:20px; } .view_main .sub_tit_bar{text-align:center;margin-bottom:20px} .view_main .view_img{text-align: center; } .view_main .view_img .img_desc{float:left !important; padding-top:10px; color:#999;} .view_main .view_article{clear:both; padding-top:40px; font-size:17px; line-height: 28px;} .view_main .view_article img { max-width:750px; } .view_main .writer{height:40px; line-height: 40px; font-size:14px; color:#888; padding-top:30px;} .view_main .writer img{vertical-align: middle;} .reaction{padding:30px 0; border-top:1px solid #ebeef3;border-bottom:1px solid #ebeef3; overflow:hidden; margin-top: 30px; font-size:17px;} .reaction .reaction_box{float:left; width:20%;} .reaction img{float:left; padding-right:10px;} .reaction .like{font-size:13px; padding-top:11px;} .reaction .click{text-align: center; padding-top:5px;} .rb{text-align: center;} .relatedarticle{margin-top:30px;} .relatedarticle h4{font-weight: bold;padding-bottom: 10px; font-size:15px;} .relatedarticle li{ background: url(/img/web/img_dot.gif) no-repeat left 50%; line-height: 30px;} .relatedarticle li a{padding-left:10px; font-size:16px;} .relatedarticle li a:hover{color:#2bbec6;} .reply{border-top:1px solid #ebeef3; padding-top:30px;} .reply .delete{padding-left:20px; color:#bcbcbc;} .reply_social span{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_write textarea{ z-index: auto; position: relative; line-height: 20px; font-size: 13px; padding: 10px 0; border: none;} .thumbup2{color:#e64c3d;padding-left: 20px;} .thumbdown2{color:#3c92ca;padding-left: 20px;} .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;} .r_text label { border-radius: 3px; padding: 2px 4px; color: #fff; background: #e64c3d; display: inline-block; margin-right: 5px; font-size: 11px; } .r_text div:nth-child(2) { display: inline-block; vertical-align: sub; } .reply_sort{border-bottom: 1px solid #ebeef3; margin-top:20px; 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_open{padding:20px 0;border-bottom: 0px; overflow:hidden;} .r_base{overflow:hidden;display:block;} .icons2{float:right !important; } .reply_box2 .icons{float:right !important; padding-top:20px; } .icons2 img{padding-right:7px;} .reply .reply_box{ border: 1px solid #c5c5c5;margin-top: 10px;clear: both;overflow: hidden;background: #fff;} .reply .reply_box2{ clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 20px; margin-top: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; border: 1px solid #c7c7c7; text-align: center; margin:20px auto;} .reply_close a:hover{color:#2bbec6;} .reply_close img{ padding-top:12px;padding-left:5px;} .img_reply{width:20px; float:left;} .r_img2{width:20px; padding-top:10px;} .community {width:100%;} .community .table2{background: #f1f7fa; width:100%; margin-bottom: 20px} .community .table2 td{width:20%; border: 1px solid #ddd; height:50px; text-align: center;} .community .table2 .current{color:#2bbec6; font-weight: bold;} .community .table2 a:hover{color:#2bbec6; font-weight: bold;} .community .table2 a{color:#9e9e9e;} .community .c_info{font-size:12px; color:#8a8c8d; overflow:hidden; display: block; padding:0 0 20px 0;} .community .c_info img{padding-top:8px;} .community .c_info li{float:left; line-height: 20px;} .community .board_write input {float: left;font-size: 14px;border: 1px solid #ccc;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0;vertical-align: middle;width: 400px;padding-left: 10px;} .community .board_write dl {padding-top: 15px;padding-left: 20px;} .community .board_write dt {float: left;width: 75px;height: 30px;line-height: 30px;padding: 3px 0 7px;color: #888888;} .community .board_write dd {overflow: hidden;height: 30px; line-height: 30px;padding: 3px 0 7px;color: #666;} .community .write{margin-top:20px;} .seeall{text-decoration: underline; color:#2bbec6 ; padding:5px 10px;} .seeall a{color:#2bbec6; } .community .cont_box .related_news{float:left; margin-left:20px; color:#7f7f7f; font-size:15px;} .news_box{border: 1px solid #d4d4d4; width: 100%; background: #fff; overflow: hidden; display: block; margin:20px 0;} .news_box ul{float:left; width:12.8%; margin:0 auto; padding: 10px 4.99px;} .news_box ul li{padding:10%;} .news_box .news_s_box{border-right:1px solid #ececec;} .news_box .news_s_box li a{font-size:13px;} .news_box .news_s_box li a:hover{color:#2bbec6;} .news_box .news_s_box:last-child{border-right:0 !important;} .new_box_footer{ /* border-left: 1px solid #ececec; */ /* border-right: 1px solid #ececec; */ border-top: 1px solid #ececec; clear: both; height: 30px; /* line-height: 30px; */} .new_box_footer .c_left{ border-left: 1px solid #ececec; width: 33px; float: right; margin-right: 0; text-align: center; height: 30px;} .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; */} .new_box_footer .c_slide{width:60px; float:right;} .new_box_footer .c_slide a{padding:0 2px;} .new_box_footer img{padding-top:10px;} /* right */ .photo_news{margin-bottom:20px; position: relative;} .photo_news .card_main_title {position: absolute;top: 115px;color: #fff;font-size: 16px;z-index: 9998;text-align: center;margin: 0 auto;width: 100%;} .photo_news .card_main_txt {position: absolute;top: 160px;color: #fff;left: 0;z-index: 9998;width: 100%;font-size: 24px;text-align: center;font-family:나눔명조, Nanum Myeongjo, georgia,돋움;} .photo_news .card_main_txt a{color:#fff;} .photo_news .card_main_title span {border-bottom: 1px solid #fff;padding-bottom: 10px;} .dailybread{background:#fff;border:1px solid #a0dde0; text-align: center; padding: 20px 40px 10px; margin-bottom:20px;} .dailybread .message{padding: 15px 0; font-size:18px; font-weight: bold;} .dailybread .date{color:#969696;} .dailybread .box_title{color:#04b9c2; padding-left:10px;} .login{position: relative; padding: 18px 15px 12px; width:270px; background: #f1f7fa; margin-bottom:20px;} .login fieldset{border:1px solid #04b9c2;} .login .int {padding: 1% 5%;width: 90%;height: 25px;border: 0;color: #666;font-size: 14px;line-height: 16px;} .login .input_box {background: #fff;position: relative;width: 203px;height: 32px; border-bottom: 1px solid #e3e7ee;border-right: 0;} .login .input_box:last-child{border-bottom: 0 !important;} .login .btn_login {position: absolute;left: 220px;z-index: 1;width: 65px;height: 67px;top: 18px;} .login .btn_login input {width: 100%;height: 100%;border: 0;border-radius: 0;background: #04b9c2;color: #fff;font-weight: normal;font-size: 15px;line-height: 55px\9;cursor: pointer;-webkit-appearance: none;} .chk_id_login{font-size:12px;padding-top: 10px;} .list_right .banner2{ background: #f5f6f6;width: 270px;height: 270px;text-align: center;margin: 0 auto;padding-top: 20px; margin-left: 30px;} .section{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; } .section h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;} .section_box{clear:both;overflow:hidden; padding-bottom:15px;} .section_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 20px;} .section_box a:hover{color:#2bbec6;} .section_box a:visited{color:#888;} .viewall{padding:10px 0 20px 0;} .viewall a:hover{color:#2bbec6;} .lifepopular{ margin: 30px 0 30px 30px; border-bottom: 1px solid #ebeef3; padding-bottom: 20px;} .lifepopular h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;} .lifepopular_box{clear:both;overflow:hidden; padding-bottom:15px;} .lifepopular_box a:hover{color: #2bbec6;} .lifepopular_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 20px;} .lifepopular_box .no_grey{color:#b9b9b9;text-align: center;margin: 0 auto;display: inline-block;width: 20px;} .story{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; } .story h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;} .story_box{clear:both;overflow:hidden; padding-bottom:15px; background: url(/img/web/img_dot2.gif) no-repeat left 20%; padding-right:10px;} .story_box a{padding-left:10px;} .story_box a:hover{color: #2bbec6;} .story_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 20px;} .recommend {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;} .recommend h4{font-weight: bold; padding-bottom:20px;font-size:15px;} .recommend_box{ margin-bottom: 20px;overflow: hidden;} .recommend_box .art-info{width:197px; float:left; margin-right:10px;} .recommend_box .art-info .tit {color: #2bbec6;padding-bottom: 10px; display: block;} .recommend_box .art-info a:hover{color: #2bbec6;} .recommend_box .art-info a:visited{color:#888;} .recommend_box .art-img{float:left;} .cool {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;} .cool h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;} .cool_box{ margin-bottom: 20px;overflow: hidden;} .cool_box .art-info{ float:left;width:129px;} .cool_box .art-info a:hover{color:#2bbec6; } .cool_box .art-info a:visited{color:#888;} .cool_box .art-info .tit {color: #888888; font-size:15px;padding-bottom: 10px;display: block;} .cool_box .art-img{float:left; margin-right:10px; width:130px;} .hotlife {margin:20px 0 30px 30px;border-bottom: 1px solid #ebeef3; padding-bottom: 20px; display: block;overflow: hidden;} .hotlife h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;} .hotlife .i-cover .txt { position: absolute; bottom: 5px; z-index: 2; width: 90%; padding: 5%; color: #fff; line-height: 1.2; text-shadow: 1px 1px 0 #000; text-align: center; } .hotlife .i-cover { overflow: hidden; background: #000; position: relative; line-height: 0; width: 100%; } .hotlife .i-cover a { color: #fff; z-index: 999; } .hotlife .bar img { position: absolute; top: 105px; margin: 0 auto; width: 100%; height: 1px; width: 8%; text-align: center; /* left: 15%; */ z-index: 2; display: block; margin-left: 45%; } .top3 {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;} .top3 h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;} .top3_box{ margin-bottom: 20px;overflow: hidden;} .top3_box .art-info{ float:left;width:129px; line-height: 26px;} .top3_box .art-info a:hover{color:#2bbec6; } .top3_box .art-info .tit {color: #888888; font-size:15px;padding-bottom: 10px;display: block;} .top3_box .art-img{float:left; margin-right:10px; width:108px;} .lifestyle {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;} .lifestyle h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;} .lifestyle_box{ margin-bottom: 20px;overflow: hidden;} .lifestyle_box .art-info{ float:left;width:129px; line-height: 26px;} .lifestyle_box .art-info a:hover{color:#2bbec6; } .lifestyle_box .art-info .tit {color: #888888; font-size:15px;padding-bottom: 10px;display: block;} .lifestyle_box .art-img{float:left; margin-right:10px; width:108px;} .issue{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;} .issue{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; padding-bottom: 10px; } .issue h4{font-weight: bold; padding-bottom:20px;font-size:15px;} .issue_box{clear:both;overflow:hidden;height:30px;} .issue_box .no{color: #2bbec6;text-align: center; margin: 0 auto;display: inline-block;width: 20px;} .issue_box a:hover{color:#2bbec6;} .popular {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; padding-bottom: 10px;overflow:hidden; } .popular h4{font-weight: bold;padding-bottom: 20px;font-size: 15px;} .popular a:hover{color:#2bbec6;} .popular a.current{color:#2bbec6;} .popular .photo{position: relative;} .popular .p_list{float:left; width:130px; padding-right:9px; position: relative;} .popular .p_list:last-child{ padding-right:0 !important} .popular .p_list .tit{padding-top:10px; display:block; padding: 10px 0 20px;} .popular .p_list .tit a:hover{color:#2bbec6;} .popular .play img{position:absolute; top:50px; left:50px; z-index: 9998;} .life { margin:30px 0 30px 30px;width:268px;padding-bottom: 10px;overflow:hidden; } .life h4{font-weight: bold; padding-bottom:20px;font-size:15px;} .life img{position: relative;} .life .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 .i-cover {overflow: hidden;background: #000;position: relative;line-height: 0;width: 100%;} .life .i-cover .txt{position: absolute;bottom: 5px;left: 0;z-index: 2;width: 100%;padding: 5%;color: #fff;line-height: 1.2;} .life .i-cover a{color:#fff; z-index:999;} .life .i-cover2 {overflow: hidden;background: #000;position: relative;line-height: 0;width:134px; float:left !important;} .life .i-cover2 .txt{position: absolute; bottom: 5px;left: 0;z-index: 2;width: 100%; padding: 5%;color: #fff;line-height: 1.2;text-align: center;} .life .i-cover2 a{color:#fff; z-index:999;} .timenews{padding:30px 0 20px; background: #f5f6f6;overflow:hidden; display: block; margin-bottom: 1px;} .t_left{width:730px;float:left;} .t_left .photonews{width:230px; margin-right:50px; float:left;} .t_left h4 {font-weight: bold;padding-bottom: 20px;font-size: 15px;overflow:hidden;display: block; width:100%;} .t_left .listnews{width:450px; float:left;} .t_right{width:300px;float:left;} .listnews p{border-bottom:1px solid #e6e6e6; font-size: 16px; line-height:46px;} .listnews a:hover{color:#2bbec6;} .listnews a:visited{color:#888;} .photonews .txt{padding:10px 0 20px; font-size:16px; line-height:25px;} .photonews .txt a:hover{color:#2bbec6;} .photonews .txt a:visited{color:#888;} .hotissue a{color:#04b9c2;} .banner3{border:1px solid #e5e5e5; width:270px; height: 260px; text-align:center; padding-top:10px; margin: 0 auto;margin-left: 25px;} .t_right{margin-left:30px;} .t_right .issue2{padding-bottom: 10px; margin: 10px 25px 0;} .t_right h4 {font-weight: bold;padding-bottom: 20px;font-size: 15px;} .new{color:#e64c3d;} .updown{ padding-left:10px ;} .updown img{vertical-align: middle; padding-right:5px;} .issue_box .bbox {width: 40px;text-align: left;float: right; font-size:12px;} .issue_box a:hover{color:#2bbec6;} .issue_box a:visited{color:#888;} .community .table {width: 100%;} .community table thead { background: #fff none repeat scroll 0 0;border-bottom: 1px solid #eaeaea;border-top: 1px solid #878787;height: 40px;line-height: 40px;width: 100%;} .community table tr {border-bottom: 1px solid #e5e5e5;line-height: 50px; height: 50px;} .community table tr.notice{border-left:0 none; border-right:0 none;} .community_tbl_box10 {text-align: center;width: 10%;} .community_tbl_box60 {width: 60%;} .community_tbl_box20 {text-align: center;width: 20%;} .community table .notice .btn-notice1 {font-size: 13px;padding: 0 3px; margin-right:10px;} .community table a:hover{color:#2bbec6;} .community table .btn-reply img {padding-right: 5px; vertical-align: middle;} .community .mylist{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding:10px 0; margin-top:30px; text-align:center;} .community .mylist span a:hover{color:#2bbec6;} .community .date {color: #4e4e4e;font-size: 13px;text-align: center;} .community .writer{text-align: center; } .community .same{text-align: center; color:#ff5555;font-size:13px;} .community .click{text-align: center; color:#969696;font-size:13px;} .community .comments{color:#2bbec6; padding-left: 10px;} .community .table_btns{ height: 50px;line-height: 50px;overflow: hidden;vertical-align: middle;} .community .table_btns a{margin-left:10px;} .community .table_btns .current{background: #2bbec6;color:#fff;} .community .slct_box {clear: both;margin: 20px 0;overflow: hidden;text-align: center;} .community .table_btns .lists img{padding: 20px 5px 0 !important; margin-left:0 !important;} .community .table_btns .lists a:hover{color:#2bbec6;} .community .srch span {border: 1px solid #ccc;border-radius: 5px;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0 0 0 10px;vertical-align: middle;width: 300px;} .community .srch img {float: right; padding: 6px 5px 0;} .community .srch span input {border: 0 none;float: left;font-size: 14px;height: 32px;line-height: 32px;width: 270px;} .community .slct {background: #fff url("/img/web/img_select.gif") no-repeat scroll 95% 50%; border: 1px solid #ccc;border-radius: 5px;margin-right: 10px;overflow: hidden;width: 150px;float:left;} .community .lists{font-size:13px;} .community .c_banner{margin-bottom:30px;overflow:hidden; display: block;} .slct select {-moz-appearance: none;background: transparent none repeat scroll 0 0;border: medium none;color: #757575;font-size: 14px;height: 32px;line-height: 32px;padding-left: 10px;width: 170px;} .bestpray{background: url(/img/web/img_best.jpg) no-repeat left top; margin-bottom:30px; height: 213px; padding:30px 40px;} .bestpray a{color:#fff; line-height: 30px;} .bestpray .txt_l{float:left; padding:30px 20px 0 0; width:300px;} .bestpray .txt_r{float:left; padding:30px 0 0 20px;width:300px;} .bestpray .tit{color:#fff; border: 1px solid #fff; width:80px; text-align: center; padding:10px 20px; font-size:16px;} .bestpray .no_first{color:#a7f5f9; padding-right:5px;} .bestpray .no_second{color:#f5dda3; padding-right:5px;} .panel{border-top:1px solid #888888;} .panel_header {background: #fff none repeat scroll 0 0;height: 50px;line-height: 50px;text-align: center;width: 100%;} .panel_body{background: #fbfbfb; padding:30px 30px; overflow:hidden; line-height: 30px; border-bottom:1px solid #dcdcdc;clear: both;} .panel_body li{float:left;} .panel_title{font-size:18px; } .panel_info{background: #fbfcfd;border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;height: 35px;line-height: 35px;padding: 3px 7px; font-size:13px;} .panel_info img{padding:13px 6px;} .panel_btns{text-align:center; margin-top:30px;} .panel_btns span a{font-weight: bold;} .reply_all {padding: 20px 0;width: 100%;border-bottom: 1px solid #ebeef3;} .reply_all ul{height:35px; line-height: 35px;} .reply_all ul:hover{background: #e9f9fb;} .reply_all .current{background: #e9f9fb;} .reply_all .current a{color:#000; font-size: 16px;} .reply_all li{float:left; height: 30px; } .reply_all .tit{width:67%; padding-left:3%; background: url(/img/web/img_dot2.gif) no-repeat 2% 50%;} .reply_all .tit a:hover{color:#000; font-size: 16px;} .reply_all .writer{width:15%;} .reply_all .date{width:15%;} .community_top{margin-top:20px; width:100%; background: #f6f5f0; overflow: hidden; padding:30px 0;} .pray {margin-top:20px; width:100%;} .pray .lists a{font-size:15px;float:left; padding:0 10px; color: #bab3b3;} .pray .lists a:hover{color:#2bbec6;} .pray .lists .current{color:#2bbec6;} .life_list h4 {padding: 20px 0;font-size: 16px;} .community_contents h4{padding: 20px 0;font-size: 16px;} .column_contents h4{padding: 20px 0;font-size: 16px;} .talk{clear: both; display: block; margin-bottom: 20px; overflow: hidden;} .t_reply{color:#fb3f3f;} .talk_box li{height: 30px; } .talk_left {width:49%; margin-right:2%; float:left;} .talk_right {width:49%; float:left;} .talk_right .talk_reply{padding-top:10px; color:#888888;} .talk_box{overflow:hidden; display: block; margin-bottom: 10px;} .btn_reply{padding:2px 4px; font-size:12px; margin-right:5px;} .talk_header{margin-bottom: 30px; height: 30px; line-height: 30px;} .talk_header li:hover{color: #2bbec6;background-color: #fff;border-color: #2bbec6;} .talk_header li.current{color: #2bbec6;background-color: #fff;border-color: #2bbec6;} .talk_header .all{font-size: 13px; padding-right:10px;} .top_left{width:410px; float:left; margin-right: 20px;} .top_left .tl_img{float:left; margin-right: 20px; width:180px; } .top_left .tl_img img{border-radius: 180px;border:4px solid #fff;} .top_left .top_box{float:left; width:200px; margin-top:15px;} .art_cate{color:#a5a5a5; padding: 8px 0; } .art_cate2{color:#06b9c0; padding: 8px 0; } .top_left .top_box h3{color:#000; font-size:20px; line-height:28px; margin-bottom: 20px; font-weight: bold;} .top_left .top_box h3 a:hover{color: #2bbec6;} .top_left .txt{font-size: 13px; line-height: 23px;color:#676767;} .top_right{float:left; position: relative; width:615px;} .top_right .btn_l{position: absolute; top:70px; left:0; width: 13px;} .top_right .btn_r{position: absolute; top:70px; right:0; width: 13px;} .top_right li{ float: left; width: 120px; margin: 0 11px;} .top_right li:last-child{margin-right:0 !important;} .top_right .tr_img{text-align: center;} .top_right .tr_img img{border-radius: 120px;border:4px solid #fff;} .tr_txt a{font-size:15px;} .tr_txt a:hover{color: #2bbec6;} .top_right ul{ padding-left: 20px;} .pray_box {float:left; clear:both; width:100%; margin-top: 20px; position:relative;} .pray_box li{position:relative; float:left; margin-right:20px;width:230px; } .pray_box li:last-child{margin-right:0 !important;} .pray_box .photo_info{position:absolute; bottom:0; left:0; background: #000; opacity: 0.8; padding:10px;} .pray_box .photo_info a{color:#fff;} .pray_box .tag{background: #fb3f3f none repeat scroll 0 0; color: #fff; font-size: 13px; left: 0; padding: 5px 10px; position: absolute; top: 0;} .pray_box .s_left{position:absolute; left:0; top:35px;z-index: 9998;} .pray_box .s_right{position:absolute; right:0; top:35px;z-index: 9998;} .pray .list_box {padding-top:30px; clear:both; width:100%; font-size: 15px; overflow: hidden;display: block;} .pray .list_box div{height:40px;} .pray .list_box .writer a{font-size:13px; color:#a5a5a5;} .pray .list_box a:hover{color:#2bbec6;} .beststory{background: url(/img/web/img_4_1.jpg) no-repeat left top; width:730px; height:162px; margin-top: 20px; position: relative;} .beststory .photo_info2{position:absolute; top:0; right:0; background: #000; opacity: 0.6; padding:15px 20px; width:410px;height:132px;} .beststory .photo_info2 a{color:#fff; line-height: 32px;} .beststory .photo_info2 a:hover{color:#2bbec6;} .beststory .tit{color:#fff; border-radius: 70px; text-align: center; vertical-align: middle; border: 1px solid #fff; width:70px; height: 70px; display: block; position: absolute; left:30px; bottom:20px;} .beststory .tit a{color: #fff; display: block; padding-top: 10px; font-size: 13px; } .photo_info2 a:hover{color:#2bbec6;} .search_header{clear:both; position: relative; border-bottom: 1px solid #e6e6e6; height: 47px; line-height: 47px; font-size:16px;} .search_logo {position:absolute; left:30px; width:32px; top:14px; display: inline-block;} .search_menu{position: absolute; left:80px;} .search_menu span{padding:0 5px;} .search_menu .current{color:#2bbec6;} .search_menu a:hover{color:#2bbec6;} .search_menu img{padding-top:16px;} .middle_search{width:730px; margin:0 auto;} .middle_search .search_list{clear:both;display: block; overflow: hidden; margin-top: 20px;} .middle_search .search_list li { float: left; padding: 0 5px; } .middle_search .search_list a:hover { color: #2bbec6;} .middle_search .search_list .current { color: #2bbec6; } .middle_search .search_list li img { padding-top: 2px; } .middle_search .period{clear:both; overflow: hidden;display: block; border-top: 1px solid #eaeaea; border-bottom: 1px solid #2dbfc6; padding:20px 0; margin-top:20px;} .middle_search .period img{padding: 2px 5px;} .time_tit{padding-right:20px; color:#969696;} .middle_search .period .current{color:#2bbec6;} .middle_search .period a:hover{color:#2bbec6;} .middle_search .search_cate { margin: 20px 0;color: #000; font-size: 17px; border-bottom: 1px solid #eaeaea; padding-bottom:10px; } .middle_search .search_num { color: #767676; font-size: 14px; padding-left: 10px; } .middle_search .search_img{float:right; margin-top: 40px;} .middle_search .search_tit { font-size: 18px; margin-bottom: 10px; } .middle_search .search_tit a { color: #2954b6; text-decoration: underline; } .middle_search .search_tit a:hover { color: #2bbec6; } .middle_search .search_txt { line-height: 22px; } .middle_search .search_box { float: left; width: 570px; } .middle_search .search_wrap { display: block; margin-bottom: 20px; overflow: hidden; width: 100%; } .middle_search .search_info { color: #767676; font-size: 13px; height: 20px; line-height: 20px; margin-bottom:20px; } .middle_search .search_info a:hover{color:#2bbec6;} .middle_search .search_info span { margin-right: 10px; } .middle_search .search_info img { margin-right: 5px; vertical-align: middle; } .middle_search .btn_photos2 { margin: 20px 0 40px 0; padding: 10px 15px; width:700px; } .middle_search .btn_photos2 img{padding-top:7px;} .middle_search .m_t_search{clear: both; background: #fff; display: block; overflow: hidden; width: 730px; border:1px solid #2bbec6; height: 42px; line-height: 42px; position: relative; } .middle_search .srch_inp{width:680px;} .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: 90%; } .middle_search .btn_search{position: absolute; right:10px; top:10px; background: url(/img/web/img_search2.gif) no-repeat;width:26px; height: 26px;text-indent: -9999px;} .middle_search .btn_clear_input{position: absolute; right:50px; top:8px; background: url(/img/web/btn_close.gif) no-repeat; width:27px; height: 27px; text-indent: -9999px; } .m_t_search button { border: 0 none; box-shadow: none; cursor: pointer; outline: 0 none; } .channel_bottom { margin-bottom: 30px; background: rgba(0, 0, 0, 0) url(/img/web/bg_row.gif) repeat-x scroll 50% 50%; clear: both; display: block; height: 40px; overflow: hidden; /* padding: 40px 0; */ position: relative; } .channel_bottom button { position: absolute; width: 9%; margin-left: 45.5%; height: 40px; } .src_icon{ position: absolute; right: 55px; top: 16px;} /* footer */ .footer{background: #f1f7fa; height: 85px; clear:both;} .footer_search{background: #f1f7fa;clear:both; padding:30px 0;} .copyright{position: absolute;left:0;color:#888888; font-size:11px; top:40px;} .f_social{position: absolute;top:30px;right:0;} .f_social a{padding:0 3px;} .f_social_l{margin:0 auto; text-align:center;} .f_social_l a{padding:0 3px;} /*.news_box{border: 1px solid #d4d4d4;*/ /*width: 100%;*/ /*background: #fff;*/ /*overflow: hidden;*/ /*display: block;*/ /*margin:20px 0;}*/ /*.news_box ul{float:left; width:12.8%; margin:0 auto; padding: 10px 4.99px;}*/ /*.news_box ul li{padding:10%;}*/ /*.news_box .news_s_box{border-right:1px solid #ececec;}*/ /*.news_box .news_s_box li a{font-size:13px;}*/ /*.news_box .news_s_box li a:hover{color:#2bbec6;}*/ /*.news_box .news_s_box:last-child{border-right:0 !important;}*/ .columnist_box{border: 1px solid #d4d4d4; width: 100%; background: #fff; overflow: hidden; display: block; margin:20px 0; } .columnist_box ul{ width: 100%; margin:0 auto;} .columnist_box .news_s_box div { float:left; border-left: 1px solid #ececec; width:12.3%; padding:18px 0px 0px 13.1px;} .columnist_box .news_s_box div a{font-size:13px;} .columnist_box .news_s_box div a:hover{color:#2bbec6;} .columnist_box .last_row {color:#2bbec6;}