.bannerFlex{display:flex;align-items:center;justify-content:space-between;padding:10px 0px 0px 0px;border-bottom:1px solid #ccc;}
.bannerFlex > div{width:380px;}
.bannerFlex a{display:inline-block;width:100%;}
.bannerFlex a img{width:100%;}

.arti p > img{margin:10px;}
.content_banner{padding:20px 0px;}
.reporterBox{padding:10px;text-align:right;font-size:15px;color:black;}

/*view side banner*/
.bannerViewSide{width:100%;}
.bannerViewSide > div{margin-bottom:10px;border:1px solid #ccc;}
.bannerViewSide a{display:inline-block;width:100%;}
.bannerViewSide a img{width:100%;}

#viewHead{margin-top:15px;border-bottom:1px solid #ddd;margin-bottom:0px;padding-bottom:10px;}
#viewHead .view_subject{padding:10px 20px;font-size:38px;font-weight:600;color:#333;text-align:center;}
#viewHead .view_head{display:flex;justify-content: space-between;align-items:center;padding:0px 20px;}

#viewHead .view_head .share{margin-right:30px}
#viewHead .view_head .share i{margin-right:15px;font-size:28px;color:#777;}
#viewHead .view_head .share i.fa-twitter{color:#007bff;}

#viewHead .view_head .info{color:#555; font-weight:500;}
#viewHead .view_head .info span{display:inline-block;margin-right:15px;}
#viewHead .view_head .add{margin-left:auto;display:flex;align-items:center;}
#viewHead .view_head .icon_set{display:flex;margin-left:10px;border:1px solid #aaa;border-right:none;}
#viewHead .view_head .icon_set > li{border-right:1px solid #aaa;width:30px;height:30px;display:flex;justify-content: center;align-items:center;}


#viewBody{/*padding:20px 0px;*/display:flex;justify-content: space-between;align-items:flex-start;}
#viewBody .varticle{width:815px;}
#viewBody .varticle .image{margin-bottom:10px;width:100%;border:1px solid #ccc;text-align:center;}
#viewBody .varticle .image_source{color:#555;margin-bottom:10px;}
#viewBody .varticle .image img{max-width:100%;}
#viewBody img{max-width:100%;}


#viewBody .varticle .arti{margin-top:0px;padding:0px 40px 30px 40px;font-size:20px;line-height:1.5em;color:#333;text-align:justify;font-weight:400;}
.arti .ad_banner{text-align:center;}

#viewBody .vside{width:320px;min-width:320px;margin-left:50px;}



#viewBody .nextPrev{display:flex;justify-content: space-between;align-items:flex-start;}
#viewBody .nextPrev .listNews{width:50%;}
#viewBody .nextPrev .relativeCon{width:100%;}

#viewBody .nextPrev ul{padding:15px 20px 15px 20px;border:1px solid #ccc;}
#viewBody .nextPrev .np_list{padding:15px 20px 15px 20px;border:1px solid #ccc;}

#viewBody .varticle .relate_article{}
#viewBody .varticle .relate_article li{list-style-position: inside;list-style-type:disc;color:#444;font-size:16px;margin-bottom:10px;}


.np_banner{display:flex;flex-wrap:wrap;margin:30px 0px;}
.np_banner > div{width:100%;margin-bottom:10px;}
.np_banner > div a{display:block;width:100%;text-align:center;border:1px solid #aaa;}
.np_banner > div a img{}

/*comment */
#comm{width:100%;margin:30px 0px;}

#comm .comm_title .btn-write{display:none;}
#comm.on .comm_title{margin-bottom:30px;}
#comm.on .comm_title .btn-write{display:inline-block;}

#comm .comm_title{display:flex;align-items:center;margin-left:3px;margin-bottom:7px;font-size:18px;font-weight:350;}
#comm .comm_title i{font-size:22px;margin-right:5px;}
#comm .comm_title .num{color:red;font-weight:500;margin-left:5px;margin-right:5px;}


#comm .comm_write{margin-bottom:0px;display:flex;justify-content: space-between;align-items:stretch;}
#comm .comm_write .writeform{position:relative;flex-grow:1;}
#comm .comm_write .writeform textarea{padding:0px;margin:0px;display:block;width:100%;min-height:120px;}
#comm .comm_write .writesubmit{position:relative;width:150px;min-width:150px;}
#comm .comm_write .writesubmit button{display:inline-block;position:absolute;width:100%;height:100%;display:flex;justify-content: center;align-items:center;border:none;background-color:#6c757d;color:white;}
#comm .char_countCon{margin-bottom:20px;color:#555;}

#comm .comm_list li{display:flex;justify-content:space-between;align-items:flex-start;}
#comm .comm_list li .image{position:relative;width:60px;min-width:60px;margin-right:15px;border:none;}
#comm .comm_list li .comment_re_icon{text-align:right;padding-top:7px;}
#comm .comm_list li .comment_re_icon i{transform: rotate(180deg);color:#d80000;font-size:20px;}

#comm .comm_list li .image{position:relative;width:60px;min-width:60px;margin-right:15px;border:none;}


#comm .comm_list li .head{display:flex;align-items:center;}
#comm .comm_list li .head .control{display:flex;}
#comm .comm_list li .head .control{display:flex;}
#comm .comm_list li .head .control.cmt_control{position:relative;padding-bottom:5px;}
#comm .comm_list li .head .control.cmt_control > div{display:none;}
#comm .comm_list li .head .control.cmt_control:hover > div{display:block;padding:5px 10px;}

#comm .comm_list li .head .control.cmt_control > i{margin:5px 15px;cursor:pointer;}

#comm .comm_list li .head .control.cmt_control > div{position:absolute;top:20px;right:-20px;width:145px;}

#comm .comm_list li .head .control .btn-sm{font-size:13px;padding:.10rem .3rem}
#comm .comm_list li .head .control button{margin-left:5px;}

#comm .comm_list li .texter{margin-bottom:15px;padding-bottom:15px;position:relative;flex-grow:1;border-bottom:1px solid #ccc;}


#comm .comm_list li #commentWrite{padding:15px 0px 0px 0px;}

#commentWrite .replyTitle{display:none;margin-bottom:5px;font-size:16px;font-weight:bold;color:#555;}
#comm .comm_list li #commentWrite .replyTitle{display:block;}


#comm .comm_list .photo i{font-size:40px;color:#999;}

#comm .comm_list .texter{color:#555;}
#comm .comm_list .texter .head{margin-bottom:10px;}
#comm .comm_list .texter .head .name{margin-right:20px;}
#comm .comm_list .texter .content{font-size:13px;font-family:'Nanum Gothic';padding:0px 10px 0px 0px; }
#comm .comm_list .texter .wr_content_save{display:none;}


.listNews .weblist li a{color:#555;}
.listNews .weblist li a.current{color:#DD4124; font-weight:bold;font-size:17px;}

.rank_list{width:100%;margin-bottom:20px;}
.rank_list li{display:flex;align-items:center;}
.rank_list li .num{width:20px;min-width:20px;text-align;center;color:#777;font-weight:bold;}
.rank_list li:nth-child(1) .num{color:red;}
.rank_list li:nth-child(2) .num{color:red;}
.rank_list li:nth-child(3) .num{color:red;}
.rank_list li .subject{flex-grow:1;font-size:15px;color:#000;border-bottom: 1px solid #eee;}
.rank_list li a{display:block;width:100%;height:30px;line-height:30px;overflow:hidden;color:#000;}


.rankNews .swiper_nav{height:40px;line-height:40px;font-size:20px;font-weight:600;border-bottom: 3px solid #333;margin-bottom:5px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 8px;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:auto;left:auto;right:0px;top:10px;width:auto;}
.swiper-pagination-bullet{width:auto;height:auto;border-radius:0px;background-color:transparent;color:black;opacity: 1;color:black;margin-left:15px;}
.swiper-pagination-bullet-active {background-color:transparent;color:red;opacity: 1;}
 


 /*comment*/
.cWriteHead{display:flex;align-items:center;margin-bottom:10px;}
.cWriteHead label{margin:0px 5px 0px 0px;font-size:13px;}
.cWriteHead input{width:80px;height:30px;margin-right:10px;font-size:13px;padding:0px 3px 0px 5px;border:1px solid #555;}



#captcha{display:block;}
.cWriteCapt{display:flex;align-items:center;}
.cWriteCapt label{margin:0px;margin-right:5px;}
#captcha #captcha_img{height:30px;}
#captcha #captcha_key{height:30px;font-size:16px;width:70px;}

#captcha #captcha_mp3{display:none;width:30px;height:30px;background:none;background-color:#ddd;color:black;text-indent:0px;}
#captcha #captcha_mp3 i{font-size:20px;}

#captcha #captcha_reload{display:none;width:30px;height:30px;background:none;background-color:#ddd;color:black;text-indent:0px;}
#captcha #captcha_reload i{font-size:20px;}
#captcha #captcha_info{display:inline-block;}

#comm .comm_write .writeform textarea{padding:5px 10px;}

#cmtpwModal .modal-header{padding:10px 1rem;}

@media (min-width: 576px){
	#cmtpwModal  .modal-sm {  max-width: 200px;}
}

#cmtpwModal .confirm_input{display:flex;align-items:center;margin-bottom:15px;}
#cmtpwModal .confirm_title{width:60px;min-width:60px;font-size:14px;}
#cmtpwModal .confirm_input input{width:100%;padding-left:8px;padding-right:5px;}
#cmtpwModal .confirm_submit {text-align:center;}
#cmtpwModal .confirm_submit button{width:50%}