@charset "utf-8";


/****************
00) 서브 메뉴
****************/
.sub_menu{background-color: #005ead; color: #fff; width: 100%; height: 50px; /* margin-top: -50px; */  line-height: 50px;}
.sub_menu.none{height: 0;}
body.fixed .sub_menu{position: fixed; top: 0; left: 0; z-index:99; width: 100%;margin: 0;}
.pageContent{padding-top: 50px;}
body.fixed .pageContent{padding-top: 100px;}
body.fixed .pageContent.no_submenu{padding-top: 50px;}
.sub_menu p.crnt{float:left; display:inline-block; padding-right: 30px; position: relative;}
.sub_menu p.crnt:after{content:''; position: absolute; width: 1px; top: 17px; bottom: 17px; background-color: rgba(255,255,255,0.6); right: 0;}
.sub_menu .sub_menu_list{position: relative; overflow:hidden; height: 50px;}
.sub_menu_list ul{display:flex; margin-left: 30px; float:left;}
.sub_menu_list ul li{float:left; display:inline-block; width: auto;}
.sub_menu_list ul li a{margin: 0 15px; color: rgba(255,255,255,0.6);}
.sub_menu_list ul li:first-child a{margin-left: 0;}
.sub_menu_list ul li a:hover,
.sub_menu_list ul li.on a{color: #fff; font-weight: 400;}

/****************
01) 서브 공통
****************/
.sub_title_wrap{margin-bottom: 35px; position: relative;}
h4.sub_title{font-size: 34px; font-weight: bold; letter-spacing: -1px; float:left;}
.left_con{float:left; width: calc(100% - 440px); padding-right: 60px; padding-top: 20px; padding-bottom: 90px; border-right: solid 1px #e5e5e5; box-sizing:border-box;}
.right_con{float:left; width: 330px; overflow:hidden; padding: 50px; padding-bottom: 90px;}
.left_con.nopd,
.right_con.nopd{padding-top: 0;}

/*날짜 선택*/
.day_slct{float:right;}
.day_slct a{float:left; display:inline-block; width: 35px; height: 35px; background-position:center; background-repeat:no-repeat; font-size: 0;}
.day_slct input{float:left; display:inline-block; background-color:#fff; border:0px; padding: 0; margin:0px; width:120px; height: 35px;text-align:center; font-size:17px; font-family: 'GmarketSansMedium'; letter-spacing: 1px; line-height: 38px; padding: 0 10px; color: #000;}
.day_slct a.prev{background-image:url('../img/common/date_aro_1.png');}
.day_slct a.next{background-image:url('../img/common/date_aro_2.png');}
.day_slct p{float:left; display:inline-block; font-size: 17px;font-family: 'GmarketSansMedium'; letter-spacing: 1px; line-height: 38px; padding: 0 10px;}

/*더보기 load 버튼*/
.list_more{text-align: center; margin: 30px 0 50px;}
.list_more a{display:inline-block; font-size: 18px; padding: 15px 80px; background-color: #f7f7f7; color: #aaaaaa; border-radius:99px; transition:0.3s;overflow: hidden;}
.list_more a:hover{background-color: #005eac; color: #fff;}


/****************
02) 상단 주요뉴스
****************/
.major_news{padding-bottom: 60px; border-bottom: solid 1px #e5e5e5;}
.major_news ul li{float:left; margin-right: 40px; width: calc(25% - 30px); position: relative;}
.major_news ul li:last-child{margin-right: 0;}
.major_news ul li .img_area{width: 100%; height: 0; padding-bottom: 62.5%; background-color: #f0f0f0; border-radius:6px; background-size:cover; background-position:center;overflow: hidden;}
.major_news ul li .img_area.no_img{background-color: #f0f0f0; background-image: url('../img/common/no_img.png'); background-size:170px; background-repeat:no-repeat;}
.major_news ul li .txt_area{margin-top: 20px;}
.major_news ul li .txt_area p{font-size: 20px; font-weight: 500; letter-spacing: -1px; line-height: 1.3; height: 2.6em; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.major_news ul li .txt_area span{display:block; margin-top: 12px; font-size: 15px; line-height: 1.3; font-weight: 400; height: 5.2em; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.major_news ul li .txt_area .ele_info{margin-top: 15px;}
.major_news ul li .txt_area .ele_info em{display:inline-block;font-size: 14px; color: #666; font-style:normal}
.major_news ul li .txt_area .ele_info em.hits{margin-left: 10px; padding-left: 20px; background: url('../img/common/ico_hits.png') left center /14px no-repeat;}
.major_news ul li a{display:block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; font-size: 0;}
.major_news ul li:hover .txt_area p,
.major_news ul li:hover .txt_area span{text-decoration:underline;}

/****************
03) 하단 뉴스리스트
****************/
ul.news_list li{border-bottom: solid 1px #e5e5e5; padding: 40px 20px; overflow:hidden; position: relative;}
ul.news_list li .img_area{float:left; margin-right: 25px; width: 175px; height: 110px; background-position:center; background-size:cover; border-radius:6px; position: relative;overflow: hidden;}
ul.news_list li .img_area.no_img{background-color: #f0f0f0; background-image: url('../img/common/no_img.png'); background-size:80%; background-repeat:no-repeat;}
ul.news_list li .txt_area{float:left; width: calc(100% - 200px);}
ul.news_list li .txt_area p{font-size: 20px; font-weight: 600; letter-spacing: -.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.news_list li .txt_area span{display:block; margin-top: 15px; line-height: 1.3em; font-size: 15px; overflow:hidden; text-overflow:ellipsis; white-space:normal; height: 2.6em; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
ul.news_list li .txt_area .ele_info{margin-top: 15px;}
ul.news_list li .txt_area .ele_info em{display:inline-block;font-size: 14px; color: #666; font-style:normal}
ul.news_list li .txt_area .ele_info em.hits{margin-left: 10px; padding-left: 20px; background: url('../img/common/ico_hits.png') left center /14px no-repeat;}
ul.news_list li a{display:block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; font-size: 0;}
ul.news_list li:hover .txt_area p,
ul.news_list li:hover .txt_area span{text-decoration:underline;}

/****************
04) 공공저작물
****************/
.cpright{padding: 20px 30px; background-color: #f7f7f7;}
.cpright p{font-size: 18px; padding: 25px 0;padding-left: 315px; background: url('../img/content/cpyright.png') no-repeat left center; letter-spacing: -.5px;}
.cpright p span{color: #005ead;}

.cpright2{padding: 20px 30px; background-color: #f7f7f7;}
.cpright2 p{font-size: 18px; padding: 25px 0;padding-left: 315px; background: url('../img/common/img_opentype01-min.png') no-repeat left center; letter-spacing: -.5px;}
.cpright2 p span{color: #005ead;}


.cpright3{padding: 5px 20px; border: 1px solid rgb(219, 219, 219);}
.cpright3 p{font-size: 14px; padding: 10px 0px;padding-left: 220px; background: url('../img/content/cpyright.png') no-repeat left center /200px; letter-spacing: -.5px;}


/****************
05) 우측 사이드바
****************/

.right_con .main_ranking{margin-top: 0;}

/* 최신 뉴스 */
.side_news{margin-top: 40px;}
.side_news ul.side_news_list li{padding-bottom: 10px;}
.side_news ul.side_news_list li:last-child{padding-bottom: 0;}
.side_news ul.side_news_list li a{display:block; font-size: 16px; font-weight: 400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #333; line-height: 1.3;}
.side_news ul.side_news_list li a:hover{text-decoration:underline;}

/* 오늘의 날씨 */
.side_weather{ margin-top: 50px; position: relative;}
.side_weather a{border: solid 1px #e5e5e5; display:block; padding: 30px;}
.side_weather a b{display:block; font-size: font-size: 18px; font-weight: 600; letter-spacing: -1px; margin-bottom: 10px;}
.side_weather a em{display:block; font-size: 15px; font-weight: 400; font-style:normal;}
.side_weather a img{position: absolute; right: 20px; bottom: 0;}


/****************
06) 뉴스 view
****************/
/* 타이틀 영역 */
.article_head{border-bottom: solid 1px #e5e5e5; padding-bottom: 40px; position: relative;}
.article_head .article_tag a{display:inline-block; margin-left: 10px; font-size: 15px; color: #666; position: relative;}
.article_head .article_tag a:first-child{margin-left: 0;}
.article_head .article_tag a:after{content:''; height: 1px; background-color: #ccc; left: 0; right: 0; position: absolute; bottom: -2px; opacity:0; transition:0.3s;}
.article_head .article_tag a:hover:after{opacity:1;}
.article_head .article_ttl{margin-top: 15px; /* width: calc(100% - 80px); */}
.article_head .article_ttl p{font-size: 30px; font-weight: bold; letter-spacing: -.5px; line-height: 1.25;}
.article_head .article_ttl .info{margin-top: 15px; font-size: 15px; color: #666;}
.article_head .article_ttl .info span{padding-right: 15px; position: relative;}
.article_head .article_ttl .info span:after{content:''; width: 1px; top: 5px; bottom: 5px; background-color: #ccc; position: absolute; right: 5px;}
.article_head .article_ttl .info em.hits{padding-left: 20px; background: url('../img/common/ico_hits.png') left center /14px no-repeat; font-style:normal;}
.article_head ul.article_share{position: absolute; right: 0; bottom: 40px;}

/* 공유버튼 */
ul.article_share li{float:left; margin-right: 8px;}
ul.article_share li:last-child{margin-right: 0;}
ul.article_share li a{display:block; width: 30px; height: 30px; border-radius:3px; background-color: #222; font-size: 0; background-position:center; background-repeat:no-repeat;overflow: hidden;}
ul.article_share li.facebook a{background-color: #445d99; background-image:url('../img/common/icon_facebook.png');}
ul.article_share li.twitter a{background-color: #2aa8e0;background-image:url('../img/common/icon_twitter.png');}
ul.article_share li.rss a{background-color: #f78422;background-image:url('../img/common/icon_rss.png');}
ul.article_share li.blog a{background-color: #31b24a;background-image:url('../img/common/icon_blog.png');}
ul.article_share li.kakao a{background-color: #fabd00;background-image:url('../img/common/icon_kakao.png');}

/* 콘텐츠 영역 */
.article_body{padding: 40px 20px; border-bottom:solid 1px #ddd;}
.article_body .article_con{font-size: 18px; line-height: 1.5;}
.article_body .article_con .con_img{display:block;margin: 0 auto; margin-bottom: 40px; text-align: center;}
.article_body .article_con img{max-width:100%;}
.article_body .article_con .con_img span{display:block; margin-top: 10px; font-size: 15px; }
.article_body .article_lkbtn{margin-top: 80px;}
.article_body .article_lkbtn ul{display:block; max-width:330px; margin: 0 auto;}
.article_body .article_lkbtn ul li{float:left; width: calc(50% - 5px); margin-right: 10px;}
.article_body .article_lkbtn ul li:last-child{margin-right: 0;}
.article_body .article_lkbtn ul li a{display:block; line-height: 50px; height: 50px; font-size: 16px; font-weight: 600; color: #888; padding: 0 20px; text-align: right; background-color: #f0f0f0; border-radius:5px; background-image:url('../img/common/icon_dislike.png'); background-repeat:no-repeat; background-position:left 20px center; border: solid 2px #f0f0f0; transition:0.3s;overflow: hidden;}
.article_body .article_lkbtn ul li a:hover{background-color: #e0e0e0; border-color:#e0e0e0;}
.article_body .article_lkbtn ul li.like a{border-color:#005ba8; color: #005ba8; background-color: #fff; background-image:url('../img/common/icon_like.png');}
.article_body .article_lkbtn ul li.like a:hover{background-color: #ddf0ff;}
.article_body .article_lkbtn ul li.heart a{border-color:#f78422; color: #f78422; background-color: #fff; background-image:url('../img/common/icon_heart.png');}
.article_body .article_lkbtn ul li.heart a:hover{background-color: #ffecdc;}

/* 하단 버튼 */
.article_btm{margin-top: 30px;}
.article_btm a.tolist{float:left; display:inline-block; line-height: 40px; height: 40px; padding: 0 35px; font-size: 16px; color: #fff; background-color: #2a2a2a;}
.article_btm ul.article_share{float:right;}


/****************
07) 랭킹뉴스
****************/
.rank_cate .rank_cate_1{text-align: center; border-top: solid 1px #000; position: relative;}
.rank_cate .rank_cate_1:after{content:''; position: absolute; bottom: 1px; left: 0; right: 0; background-color: #d4d4d4; height: 1px;}
.rank_cate .rank_cate_1 ul{display:inline-block; width: auto;}
.rank_cate .rank_cate_1 ul li{float:left; margin: 0 15px; display:inline-block; width: auto;}
.rank_cate .rank_cate_1 ul li a{font-size: 16px; font-weight: 600; line-height: 65px; display:block; position: relative;}
.rank_cate .rank_cate_1 ul li a:hover,
.rank_cate .rank_cate_1 ul li.on a{color: #005ead;}
.rank_cate .rank_cate_1 ul li a:after{content:''; left: 50%; right: 50%; position: absolute; background-color: #005ead; height: 1px; bottom: 0; opacity:0; transition:0.3s;}
.rank_cate .rank_cate_1 ul li a:hover:after,
.rank_cate .rank_cate_1 ul li.on a:after{opacity:1; left: 0; right: 0;}

.rank_cate .rank_cate_2{text-align: center; position: relative;}
.rank_cate .rank_cate_2:after{content:''; position: absolute; bottom: 1px; left: 0; right: 0; background-color: #d4d4d4; height: 1px;}
.rank_cate .rank_cate_2 ul{display:inline-block; width: auto;}
.rank_cate .rank_cate_2 ul li{float:left; margin: 0 15px; display:inline-block; width: auto;}
.rank_cate .rank_cate_2 ul li a{font-size: 15px; line-height: 45px; display:block; position: relative;}
.rank_cate .rank_cate_2 ul li a:hover,
.rank_cate .rank_cate_2 ul li.on a{color: #005ead; font-weight: 400;}
.rank_cate .rank_cate_2 ul li a:after{content:''; left: 50%; right: 50%; position: absolute; background-color: #005ead; height: 1px; bottom: 0; opacity:0; transition:0.3s;}
.rank_cate .rank_cate_2 ul li a:hover:after,
.rank_cate .rank_cate_2 ul li.on a:after{opacity:1; left: 0; right: 0;}

.rank_list{margin-top: 10px;}
.rank_list ul li{padding: 30px 20px; border-bottom: solid 1px #e5e5e5;}
.rank_list ul li p.rank_numb{float:left; width: 50px; font-size: 20px; font-family: 'GmarketSansMedium'; color: #333; padding-top: 3px;}
.rank_list ul li p.rank_numb.bold{font-family: 'GmarketSansBold'; color: #005ead;}
.rank_list ul li .rank_con{float:left; width: calc(100% - 50px); position: relative;}
.rank_list ul li .rank_con .img_area{float:left; width: 120px; height: 87px; border-radius:3px; background-color: #f0f0f0; margin-right: 30px; background-position:center; background-size:cover; position: relative;overflow: hidden;}
.rank_list ul li .rank_con .img_area.no_img{background-color: #f0f0f0; background-image: url('../img/common/no_img.png'); background-size:80%; background-repeat:no-repeat;}
.rank_list ul li .rank_con .img_area .video_flag{top: 5px; left: 5px;}
.rank_list ul li .rank_con .txt_area{float:left; width: calc(100% - 150px);}
.rank_list ul li .rank_con .txt_area p{font-size: 20px; font-weight: 600; margin-bottom: 12px; letter-spacing: -.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top: 5px;}
.rank_list ul li .rank_con .txt_area span{display:block; overflow:hidden; text-overflow:ellipsis; font-size: 15px; letter-spacing: -.5px; line-height: 1.4; height: 2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.rank_list ul li .rank_con a{display:block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; font-size: 0;}
.rank_list ul li .rank_con:hover .txt_area{text-decoration:underline;}

/* 인기키워드 리스트 */
.keyword_list{margin-top: 10px;}
.keyword_list .keyword_ele{padding: 30px 20px; border-bottom: solid 1px #e5e5e5;}
.keyword_list .keyword_ele .keyword_ttl b{font-size: 24px; font-weight: bold;}
.keyword_list .keyword_ele #btn_more {text-align:center;}
.keyword_list .keyword_ele #btn_more a{font-size: 15px; display:inline-block; margin-left: 10px; padding-right: 14px; background: url('../img/common/icon_more.png') right center no-repeat;}
.keyword_list .keyword_ele ul{margin-top: 15px;}
.keyword_list .keyword_ele ul li{padding: 16px 0; position: relative;}
.keyword_list .keyword_ele ul li .img_area{width: 120px; height: 87px; border-radius:3px; float:left; margin-right: 30px; background-size:cover; background-position:center; position: relative;overflow: hidden;}
.keyword_list .keyword_ele ul li .img_area.no_img{background-color: #f0f0f0; background-image: url('../img/common/no_img.png'); background-size:80%; background-repeat:no-repeat;}
.keyword_list .keyword_ele ul li .txt_area{float: left; width: calc(100% - 150px);}
.keyword_list .keyword_ele ul li .txt_area p{font-size: 20px; font-weight: 500; margin-bottom: 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top: 5px;}
.keyword_list .keyword_ele ul li .txt_area span{display:block; font-size: 15px; line-height: 1.3; height: 2.6em; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.keyword_list .keyword_ele ul li a{display:block; position: absolute; width: 100%; height: 75%; font-size: 0;}


/****************
08) 썸네일 뉴스 리스트
****************/
ul.thumb_list{padding-top: 30px; padding-bottom: 20px;}
ul.thumb_list li{float:left; width: calc(33.3% - 20px); position: relative; margin-right: 30px;}
ul.thumb_list li:nth-child(3n){margin-right: 0;}
ul.thumb_list li:nth-child(n+4){margin-top: 40px;}
ul.thumb_list li .img_area{margin-right: 25px; width: 100%; height: 0; padding-bottom: 66%; background-position:center; background-size:cover; border-radius:6px; position: relative;overflow: hidden;}
ul.thumb_list li .img_area.no_img{background-color: #f0f0f0; background-image: url('../img/common/no_img.png'); background-size:170px; background-repeat:no-repeat;}
ul.thumb_list li .txt_area{margin-top: 15px;}
ul.thumb_list li .txt_area p{font-size: 18px; font-weight: 600; letter-spacing: -.5px; line-height: 1.3; height: 2.6em; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
ul.thumb_list li .txt_area .ele_info{margin-top: 10px;}
ul.thumb_list li .txt_area .ele_info em{display:inline-block;font-size: 14px; color: #666; font-style:normal}
ul.thumb_list li .txt_area .ele_info em.hits{margin-left: 10px; padding-left: 20px; background: url('../img/common/ico_hits.png') left center /14px no-repeat;}
ul.thumb_list li a{display:block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; font-size: 0;}
ul.thumb_list li:hover .txt_area p,
ul.thumb_list li:hover .txt_area span{text-decoration:underline;}


/****************
09) 소통해요 아산 sns 슬라이드
****************/
.sns_slider{margin-bottom: 60px; border-radius:20px;}
.sns_slider_ele{position: relative; height: 600px;}
.sns_slider_ele .color_bg{width: 100%; max-width:700px; background-color: #005ead; height: 100%; position: relative;}
.sns_slider_ele .color_bg.facebook{background-color: #2c56ab;}
.sns_slider_ele .color_bg.blog{background-color: #0f7b27;}
.sns_slider_ele .color_bg.youtube{background-color: #ab1e1e;}
.sns_slider_ele .color_bg.instagram{background: linear-gradient(#544cd7 0%, #863fbf 100%);}
.sns_slider_ele .color_bg .txt_area{color: #fff; position: absolute; left: 50px; top: 50%; transform:translateY(-50%); width: calc(55% - 50px); }
.sns_slider_ele .color_bg .txt_area p{font-size: 34px; font-weight: bold;}
.sns_slider_ele .color_bg .txt_area span{font-size: 18px; display:block; margin-top: 30px; line-height: 1.4;}
.sns_slider_ele .color_bg .txt_area a{display:inline-block; font-size: 16px; color: rgba(255,255,255,0.8); background-color: rgba(255,255,255,0.1); padding: 10px 30px; border-radius:99px; margin-top: 30px; transition:0.3s;}
.sns_slider_ele .color_bg .txt_area a:hover{background-color: #fff; color: #005ead;}
.sns_slider_ele .img_area{position: absolute; right: 0; top: 0; height: 100%; font-size: 0; width: 40%; background-position: left top 70px; background-repeat:no-repeat; background-size:520px;}
.sns_slider_ele .img_area.facebook{background-image: url('../img/content/phone_facebook.png');}
.sns_slider_ele .img_area.blog{background-image: url('../img/content/phone_blog.png');}
.sns_slider_ele .img_area.youtube{background-image: url('../img/content/phone_youtube.png');}
.sns_slider_ele .img_area.instagram{background-image: url('../img/content/phone_instagram.png');}
.sns_slider_ele .navi{position: absolute; bottom: 40px; left: 50px;}
.sns_slider_ele .navi span{float:left; display:inline-block; width:auto; height: auto; margin-right: 14px; background: none; font-size: 16px; color: #fff; opacity:0.6;}
.sns_slider_ele .navi span.swiper-pagination-bullet-active{position: relative; opacity:1;}
.sns_slider_ele .navi span.swiper-pagination-bullet-active:after{content:''; position: absolute; bottom: -5px; left: 0; right: 0; height: 1px; background-color: #fff;}

@media (max-width:1350px){
.rank_cate .rank_cate_1 ul{display:inline-flex; margin: 0 auto; width: auto;}
.rank_cate .rank_cate_2 ul{display:inline-flex; margin: 0 auto; width: auto;}
.rank_cate .rank_cate_1:after{bottom: 1px;}
.rank_cate .rank_cate_2:after{bottom: 1px;}

}
@media (max-width:1024px){
.sub_menu p.crnt{display:none;}
.sub_menu .sub_menu_list{width: 100%;}
.sub_menu_list ul{margin-left: 0;}


.right_con{display:none}
.left_con{width: 100%;padding-right: 0; border: 0; padding-top: 0; padding-bottom: 40px;}

.major_news ul li{width: 250px; margin-right: 15px;}

.article_head ul.article_share{top: 0; bottom: auto; display:none;}

.sns_slider_ele{height: 440px;}

}
@media (max-width:815px){
.pageContent{padding-top: 40px;}
h4.sub_title{font-size: 28px;}
.sub_title_wrap{margin-bottom: 25px;}

.major_news{padding-bottom: 40px;}

ul.news_list li{padding: 30px 0;}


.cpright p{padding-left: 0; padding-top: 80px; background:url('../img/content/cpyright.png') no-repeat center top; font-size: 16px; line-height: 1.3; padding-bottom: 0; text-align: center;}
.cpright2 p{padding-left: 0; padding-top: 80px; background:url('../img/common/img_opentype01-min.png') no-repeat center top; font-size: 16px; line-height: 1.3; padding-bottom: 0; text-align: center;}
.cpright3 p{padding-left: 0; padding-top: 50px; background:url('../img/content/cpyright.png') no-repeat center top /160px; font-size: 12px; line-height: 1.3; padding-bottom: 0; text-align: center;}

.list_search{float:none; width: 100%; position: static; margin: 20px 0; border: solid 1px #e5e5e5;}

.article_head{padding-bottom: 30px;}
.article_head .article_ttl{width: 100%;}
.article_head .article_ttl p{font-size: 26px;}
.article_head .article_ttl .info{margin-top: 10px;}

.article_body .article_lkbtn{margin-top: 40px;}

.rank_list ul li .rank_con .img_area .video_flag{top: 0px; left: 0px;}


}
@media (max-width:600px){
.pageContent{padding-top: 30px;}
.sub_menu_list ul li a{margin: 0 10px;}
.sub_title_wrap{margin-bottom: 15px;}
h4.sub_title{font-size: 24px;}

.cpright p{background: url('../img/content/cpyright.png') no-repeat center top /120px; padding-top: 50px;}
.cpright2 p{background: url('../img/common/img_opentype01-min.png') no-repeat center top /120px; padding-top: 50px;}
.cpright3 p{background: url('../img/content/cpyright.png') no-repeat center top /120px; padding-top: 40px; }

.list_more{margin: 20px 0;}
.list_more a{font-size: 16px; padding: 10px 50px;}

.major_news ul li .txt_area{margin-top: 10px;}
.major_news ul li .txt_area p{font-size: 16px;}
.major_news ul li .txt_area span{display:none;}
.major_news ul li .txt_area .ele_info{margin-top: 8px;}

ul.news_list li{padding: 25px 0;}
ul.news_list li .img_area{width: 110px; height: 82px; margin-right: 15px;}
ul.news_list li .txt_area{width: calc(100% - 125px);}
ul.news_list li .txt_area p{font-size: 16px; font-weight: 500; line-height: 1.3; height: 2.6em; word-wrap:break-word; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
ul.news_list li .txt_area span{font-size: 13px; margin-top: 8px;}
ul.news_list li .txt_area .ele_info{display:none;}

.article_head{padding-bottom: 20px;}
.article_head .article_tag a{margin-left: 5px;}
.article_head .article_ttl p{font-size: 20px;}
.article_head .article_ttl .info span{font-size: 13px; line-height: 1.3; padding-right: 10px;}
.article_head .article_ttl .info span:after{right: 3px;}
.article_head .article_ttl .info span:nth-child(2n):after{display:none;}
.article_head .article_ttl .info em.hits{font-size: 13px;}

.article_body{padding: 20px 0;}
.article_body .article_con{font-size: 16px;}
.article_body .article_con .con_img{margin-bottom: 20px;}
.article_body .article_con .con_img span{margin-top: 0;}
.article_body .article_lkbtn ul{max-width:100%;}
.article_body .article_lkbtn ul li a{line-height: 45px; height: 45px; font-size: 15px;}

.article_btm{margin-top: 20px;}
.article_btm a.tolist{padding:  0 15px; font-size: 15px;}

.rank_cate .rank_cate_1 ul li{margin: 0 10px;}
.rank_cate .rank_cate_1 ul li a{font-size: 15px; line-height: 50px;}
.rank_cate .rank_cate_2 ul li{margin: 0 10px;}

.rank_list ul li{padding:  20px 0;}
.rank_list ul li p.rank_numb{font-size: 16px; width: 30px;}

.rank_list ul li .rank_con{width: calc(100% - 30px);}
.rank_list ul li .rank_con .img_area{width: 80px; height: 70px; margin-right: 15px;}
.rank_list ul li .rank_con .txt_area{width: calc(100% - 95px);}
.rank_list ul li .rank_con .txt_area p{font-size: 15px; margin-bottom: 10px; padding-top: 2px;}

.keyword_list .keyword_ele{padding: 20px 0;}
.keyword_list .keyword_ele .keyword_ttl b{font-size: 18px;}
.keyword_list .keyword_ele ul{margin-top: 10px;}
.keyword_list .keyword_ele ul li{padding: 10px 0;}
.keyword_list .keyword_ele ul li .img_area{width: 80px; height: 70px; margin-right: 15px;}
.keyword_list .keyword_ele ul li .txt_area{width: calc(100% - 95px);}
.keyword_list .keyword_ele ul li .txt_area p{font-size: 15px; margin-bottom: 10px;}

ul.thumb_list li{width: calc(50% - 7.5px); margin-right: 15px;}
ul.thumb_list li:nth-child(3n){margin-right: 15px;}
ul.thumb_list li:nth-child(2n){margin-right: 0;}
ul.thumb_list li:nth-child(n+3){margin-top: 30px;}
ul.thumb_list li .txt_area{margin-top: 10px;}
ul.thumb_list li .txt_area p{font-size: 16px; font-weight: 500;}

.sns_slider{margin-bottom: 30px; border-radius:10px;}
.sns_slider_ele{height: 550px;}
.sns_slider_ele .color_bg{padding: 30px; width: calc(100% - 60px); padding-top: 80px; height: calc(100% - 260px);}
.sns_slider_ele .color_bg .txt_area{position: static; transform:none; width: 100%; text-align: center;}
.sns_slider_ele .color_bg .txt_area p{font-size: 24px;}
.sns_slider_ele .color_bg .txt_area span{font-size: 16px; margin:  0 auto; margin-top: 15px; width: 100%; max-width: 300px; display:block; }
.sns_slider_ele .color_bg .txt_area a{margin-top: 15px;}
.sns_slider_ele .navi{bottom: auto; left: 50%; top: 30px; transform:translateX(-50%); text-align: center; width: 100%;}
.sns_slider_ele .navi span{float:none; font-size: 14px; margin-right: 8px;}
.sns_slider_ele .img_area{height: 280px; width: 300px; bottom: 0; top: auto; left: 50%; transform:translateX(-30%); background-position: center top; background-size:100%;}
}

@media (max-width:500px){
.rank_cate .rank_cate_1:after{bottom: 2px;}
.rank_cate .rank_cate_2:after{bottom: 2px;}

}

@media (max-width:400px){
ul.thumb_list li .txt_area .ele_info em.hits{display:none;}
}