@charset "utf-8";

/**************************************************************************************** 서브컨텐츠영역 ****************************************************************************************/
/* 기본리스트 */
.basicList{padding-top:4px;border-top:1px solid #c3c3c3;}
.basicList ul li{padding:26px 0;margin:0 23px;border-top:1px solid #ccc;*zoom:1;}
.basicList ul li:first-child{border-top:none;}
.basicList ul li:after{content:"";display:block;clear:both;}
.basicList ul li .image{float:left;display:block;}
.basicList ul li .image img{display:block;width:150px;height: 100px;}
.basicList ul li dl{float:left;padding:0 15px;width:480px;height:84px;}
.basicList ul li.imageLess dl{width:630px;padding:0 15px 0 0;}
.basicList ul li .title a{display:block;font:bold 17px/ 21px "Malgun Gothic";color:#333;margin-bottom: 10px;vertical-align:top;overflow:hidden;}
.basicList ul li .content{height:32px;overflow:hidden;}
.basicList ul li .content a{padding-top:2px;font-family:"Gulim";font-size:12px;color:#999;}
.basicList ul li .registDate{padding-top:8px;font-family:"Gulim";color:#999;}

/* 한줄리스트 */
.lineList{padding-top:20px;border-top:1px solid #c3c3c3;}
.lineList ul li{padding:8px 0;margin:0 10px;*zoom:1;}
.lineList ul li:after{content:"";display:block;clear:both;}
.lineList ul li.on{padding-bottom:15px;border-bottom:1px solid #ccc;}
.lineList ul li.on+li{padding-top:15px;}
/* .lineList ul li .left{float:left;width:480px;} */
.lineList ul li .left{float:left;width:580px;}
.lineList ul li .left .title{display:inline-block;width:90%;font-family:"Gulim";font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lineList ul li .left .title a{font:bold 14px/20px "dotum";letter-spacing:-1px;color:#333;}
.lineList ul li .left img{margin-top:-12px;}

/* .lineList ul li .right{float:right;width:270px;*zoom:1;} */
.lineList ul li .right{float:right;width:200px;*zoom:1;}
.lineList ul li .right:after{content:"";display:block;clear:both;}
/* .lineList ul li .right .open{float:left;width:52px;text-align:center;font-family:"Gulim";font-size:12px;} */
.lineList ul li .right .open{float:left;width:36px;text-align:center;font-family:"Gulim";font-size:12px;}
/* .lineList ul li .right .writer{float:left;width:138px;text-align:center;font-family:"Gulim";font-size:12px;} */
.lineList ul li .right .writer{float:left;width:78px;padding:0 12px; letter-spacing:-1px;text-align:center;font-family:"Gulim";font-size:12px;}
/* .lineList ul li .right .regidate{float:left;width:80px;text-align:center;font-family:"Gulim";font-size:12px;} */
.lineList ul li .right .regidate{float:left;width:60px;text-align:center;font-family:"Gulim";font-size:12px;}

/* 갤러리리스트 */
.galleryList{padding-top:10px;border-top:1px solid #c3c3c3;width:100%;padding-right:10px;padding-left:10px;margin-left:auto;margin-right:auto;box-sizing: border-box;}
.galleryList > ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
}
.galleryList > ul:after{content:"";display:block;clear:both;}
.galleryList > ul > li{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing:border-box;
    margin-bottom:21px;
}
.galleryList > ul > li a{display:block;border:1px solid #cccccc;}
.galleryList > ul > li a:hover, .galleryList > ul > li a:focus{text-decoration: none;}
.galleryList > ul > li .image{display:block;width:100%;height: 166px;}
.galleryList > ul > li .text_area{box-sizing: border-box;padding:15px;background-color:#f8f8f8;}
.galleryList > ul > li .text_area .title{
    line-height:18px;
    height:36px;
    overflow: hidden;
    letter-spacing: -0.025rem;
    display:block;
    margin-bottom:15px;
}
.galleryList > ul ul:after{
    content:'';display:block;clear:both;
}
.galleryList > ul ul li{
    display:inline-block;
    letter-spacing: -0.05rem;
    font-size:11px;
    line-height:13px;
}
.galleryList > ul ul li:first-child{
    color:#2064af;
    font-weight:bold;
    border-right:2px solid #ccc;
    padding-right:10px;
    margin-right:10px;
}

/*
.galleryList ul li .title{display:block;height:38px;padding-top:10px;overflow:hidden;font:bold 14px "Malgun Gothic";color:#333;}
.galleryList ul li .content{display:block;padding-top:10px;margin-bottom:5px;height:97px;overflow:hidden;font-family:"Gulim";font-size:12px;color:#999;}
.galleryList ul li .writer{display:block;padding-top:10px;font-family:"Gulim";font-size:12px;color:#999;}
.galleryList ul li .registDate{display:block;padding:4px;border-top:1px solid #ccc;font-family:"Gulim";font-size:12px;font-weight:bold;color:#999;text-align:right;background:#f3f3f3;}
*/

/* 기본뷰 */
.basicView .titleWrap{padding:0 10px;border-bottom:1px solid #c3c3c3;
    background-image:-webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%);/* chrome, safari */
    background-image:   -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%);/* ff */
    background-image:    -ms-linear-gradient(top, #fff 0%, #f7f7f7 100%);/* ie10 */
    background-image:     -o-linear-gradient(top, #fff 0%, #f7f7f7 100%);/*opera */
    background-image:        linear-gradient(top, #fff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f7f7f7);/* ie9 이하 버전 */
}
.basicView .titleWrap strong{display:block;padding:10px 0;margin-left:30px;font-family:"Malgun Gothic";font-size:23px;line-height:30px;color:#333;}
.basicView .titleWrap span{display:block;padding-bottom:10px;margin-left:30px;font-family:"Gulim";font-size:18px;line-height:19px;color:#7a7b7c;font-weight:bold;}

.basicView .registModifyDate{padding-left:20px;}
.basicView .registModifyDate ul{padding:5px 0;*zoom:1;}
.basicView .registModifyDate ul:after{content:"";display:block;clear:both;}
.basicView .registModifyDate ul li{float:left;font-family:"Gulim";font-size:11px;color:#666;padding:0 10px;background:url(../img/division_bar_gray.gif) 0 50% no-repeat;}
.basicView .registModifyDate ul li:first-child{padding-left:0;background:none;}
.basicView .registModifyDate ul li span{font-family:"Gulim";font-size:11px;}

.basicView .viewContentWrap{margin-bottom:30px;}
.basicView .viewContentWrap .viewContent{min-height:200px;font-family:"Malgun Gothic";font-size:1.063rem;color:#333;line-height:1.7;overflow:hidden;word-break: break-all;}

/* 박스포인트색상 */
.boxPointColor{border-top:3px solid #02aac9;border-bottom:1px solid #ccc;background:#f8f8f8;}

/* 현재위치 */
.breadCrumbsWrap{padding:8px 0 7px 0;*zoom:1;border-bottom:1px solid #d7d7d7;}
.breadCrumbsWrap:after{content:"";display:block;clear:both;}

.breadCrumbs{float:left;*zoom:1;}
.breadCrumbs:after{content:"";display:block;clear:both;}
.breadCrumbs li{float:left;padding-left:15px;background:url(../img/bullet_arrow.png) 6px 50% no-repeat;}
.breadCrumbs li:first-child{background:none;}
.breadCrumbs li a{text-decoration:none;font-family:"Malgun Gothic";font-size:14px;color:#666;line-height:27px;}
.breadCrumbs li.thisPage a{font-weight:bold;color:#666;}

/* sns, 페이지컨트롤버튼 */
.snsWrap{float:right;*zoom:1;}
.snsWrap:after{content:"";display:block;clear:both;}

.sns{float:left;padding-right:10px;*zoom:1;}
.sns:after{content:"";display:block;clear:both;}
.sns li{float:left;padding-right:2px;}
.sns li a{display:block;width:20px;height:20px;text-indent:-9999px;overflow:hidden;background:url(../img/bg_sns_new.png) no-repeat;}
.sns li a.facebook{background-position:0 0;}
.sns li a.twitter{background-position:-20px 0;}
.sns li a.googleplus{background-position:-40px 0;}
.sns li a.cyworld{background-position:-60px 0;}
.sns li a.mypeople{background-position:-80px 0;}
.sns li a.naverBookmark{background-position:-100px 0;}
.sns li a.kakaotalk{background-position:-120px 0;}
.sns li a.kakaostory{background-position:-140px 0;}
.sns li a.naverband{background-position:-160px 0;}
.sns li a.line{background-position:-180px 0;}
.sns li a.naverblog{background-position:-200px 0;}
.sns li a.nateon{background-position:-220px 0;}
.sns li a.googlebookmark{background-position:-240px 0;}

.pageControl{float:left;padding-right:10px;*zoom:1;}
.pageControl:after{content:"";display:block;clear:both;}
.pageControl li{float:left;}
.pageControl li a{display:block;width:21px;height:18px;text-indent:-9999px;overflow:hidden;background:url(../img/bg_page_control.png) no-repeat;}
.pageControl li a.scrap{background-position:0 0;}
.pageControl li a.print{background-position:-21px 0;}
.pageControl li a.email{background-position:-42px 0;}
.pageControl li a.sizeup{background-position:-63px 0;}
.pageControl li a.sizedown{width:22px;background-position:-84px 0;}

.iconListStyle{float:right;padding-right:10px;}
.iconListStyle:after{content:"";display:block;clear:both;}
.iconListStyle a{display:inline-block;width:29px;height:27px;background-repeat: no-repeat;vertical-align: top;}
.iconListStyle a:nth-child(1){background-position:-28px 0;}
.iconListStyle a:nth-child(2){background-position:-56px 0;}
.iconListStyle a:nth-child(3){background-position:0px 0px;}
.iconListStyle a.on:nth-child(1){background-position:-28px -27px;}
.iconListStyle a.on:nth-child(2){background-position:-55px -27px;}
.iconListStyle a.on:nth-child(3){background-position:0 -27px;}

.bgGradiant{
    background-image:-webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%);/* chrome, safari */
    background-image:   -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%);/* ff */
    background-image:    -ms-linear-gradient(top, #fff 0%, #f7f7f7 100%);/* ie10 */
    background-image:     -o-linear-gradient(top, #fff 0%, #f7f7f7 100%);/*opera */
    background-image:        linear-gradient(top, #fff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f7f7f7);/* ie9 이하 버전 */
}

.fb-like{margin:3px 0 0 5px;}
/* 기사 좋아요 */
.likeContentWrap{text-align:center;padding:20px 0;}
.likeContent{
vertical-align: top;
    display: inline-block;
    padding: 0 30px;
    height: 48px;
    border: 1px solid #ccc;
    border-radius: 3px;
    /* background-image: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%); */
}
.likeContent span{
    display: block;
    padding-left: 35px;
    line-height: 48px;
    font-size: 13px;
    color: #666;
    font-weight: bold;
    background: url(../img/icon_hand_like.png) 0 9px no-repeat;
}
.nolikeContent{display:inline-block;padding:0 10px;height:30px;border:1px solid #ccc;border-radius:5px;box-shadow:1px 1px 2px #ccc;
	background-image:-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);/* chrome, safari */
	background-image:-moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);/* ff */
	background-image:-ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);/* ie10 */
	background-image:-o-linear-gradient(top, #fff 0%, #f0f0f0 100%);/*opera */
	background-image:linear-gradient(top, #fff 0%, #f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f0f0f0);/* ie9 이하 버전 */
}
.nolikeContent span{display:block;padding-left:25px;line-height:30px;font-size:13px;color:#666;font-weight:bold;background:url(../img/icon_hand_nolike.png) 0 6px no-repeat;}
 
/* 기자프로필 */
.writerProfile{margin-bottom:30px;border:1px solid #e1e1e1;}
.writerProfile dt{padding:8px 0 8px 15px;font-size:14px;font-weight:bold;font-family:"Gulim";font-size:13px;color:#7f858a;border-bottom:1px solid #c1c1c1;
    background-image:-webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%);/* chrome, safari */
    background-image:   -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%);/* ff */
    background-image:    -ms-linear-gradient(top, #fff 0%, #f7f7f7 100%);/* ie10 */
    background-image:     -o-linear-gradient(top, #fff 0%, #f7f7f7 100%);/*opera */
    background-image:        linear-gradient(top, #fff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f7f7f7);/* ie9 이하 버전 */
}
.writerProfile dd{padding:20px;*zoom:1;}
.writerProfile dd:after{content:"";display:block;clear:both;}
.writerProfile dd .profileImage{float:left;display:block;width:63px;height:78px;border:1px solid #dfdfdf;}
.writerProfile dd .profileContent{float:right;width:580px;}
.writerProfile dd .profileContent.noImg{width:100%;}
.writerProfile dd .profileContent li.name{padding:0 5px 5px;border-bottom:1px dotted #ccc;color:#666;}
.writerProfile dd .profileContent li.name a{text-decoration:none;font-family:"Gulim";font-size:12px;}
.writerProfile dd .profileContent li.profile{padding:5px 5px 0;}

/* 나도 한마디 */
.replyWrite{margin-bottom:30px;}
.replyWrite dt{padding:8px 0 8px 15px;font-weight:bold;}
.replyWrite dt strong{padding-right:5px;font-size:14px;font-weight:bold;font-family:"Gulim";font-size:13px;color:#7f858a;}
.replyWrite dd{padding:10px;background:#f8f8f8;border:1px solid #e1e1e1;}
.replyWrite dd .noticeWrap{padding-bottom:10px;font-family:"Gulim";font-size:12px;*zoom:1;}
.replyWrite dd .noticeWrap:after{content:"";display:block;clear:both;}
.replyWrite dd .noticeWrap .notice{float:left;font-weight:bold;}
.replyWrite dd .noticeWrap .checkTextNum{float:right;}
.replyWrite dd .noticeWrap .checkTextNum em{padding-right:5px;font-weight:bold;font-style:normal;}

.replyWrite dd .writeWrap{*zoom:1;}
.replyWrite dd .writeWrap:after{content:"";display:block;clear:both;}
.replyWrite dd .writeWrap textarea{float:left;width:530px;height:47px;padding:15px 5px;padding-right:0;font-family:Dotum;font-size:12px;border:1px solid #ccc;overflow-y:auto;resize:none;}
.replyWrite dd .writeWrap input[type="image"]{float:right;}

/* 현재의견(댓글) */
.replyListWrap{margin-bottom:30px;border:1px solid #e1e1e1;}
.replyListWrap dt{padding:7px 0 7px 15px;font-weight:bold;border-bottom:1px solid #c1c1c1;
    background-image:-webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%);/* chrome, safari */
    background-image:   -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%);/* ff */
    background-image:    -ms-linear-gradient(top, #fff 0%, #f7f7f7 100%);/* ie10 */
    background-image:     -o-linear-gradient(top, #fff 0%, #f7f7f7 100%);/*opera */
    background-image:        linear-gradient(top, #fff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f7f7f7);/* ie9 이하 버전 */
}
.replyListWrap dt strong{padding-right:10px;font-size:14px;color:#7f858a;}
.replyListWrap dd{padding:20px;}
.replyListWrap dd .memberProfile{*zoom:1;}
.replyListWrap dd .memberProfile:after{content:"";display:block;clear:both;}
.replyListWrap dd .memberProfile em{float:left;display:block;padding-bottom:10px;font-weight:bold;color:#333;}
.replyListWrap dd .memberProfile em img{display:inline-block;width:48px;height:48px;margin-right:10px;border:1px solid #ccc;}
.replyListWrap dd .memberProfile em span{padding-left:10px;font-size:11px;font-weight:normal;color:#666;}
.replyListWrap dd .memberProfile .replyButton{float:right;*zoom:1;}
.replyListWrap dd .memberProfile .replyButton:after{content:"";display:block;clear:both;}
.replyListWrap dd .memberProfile .replyButton li{float:left;margin-right:3px;}
.replyListWrap dd .memberProfile .replyButton li a{display:block;padding:3px;border:1px solid #ccc;font-weight:bold;color:#888;text-decoration:none;
	background-image:-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);/* chrome, safari */
	background-image:-moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);/* ff */
	background-image:-ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);/* ie10 */
	background-image:-o-linear-gradient(top, #fff 0%, #f0f0f0 100%);/*opera */
	background-image:linear-gradient(top, #fff 0%, #f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f0f0f0);/* ie9 이하 버전 */
}

.replyListWrap dd p{padding-bottom:10px;}
.replyListWrap dd .replyVote{text-align:right;}
.replyListWrap dd .replyVote a{padding-left:15px;text-decoration:none;background:url(../img/bg_raise_fall.png) 0 1px no-repeat;}
.replyListWrap dd .replyVote .agree{padding-right:10px;color:#c40109;background-position:0 1px;}
.replyListWrap dd .replyVote .disagree{color:#2070a8;background-position:0 -18px;}

.replyListWrap .replyList>li{border-top:1px solid #ccc;padding:10px 0;}
.replyListWrap .replyList>li:first-child{border-top:none;padding:none;}

/* 페이징 */
.pagingWrap{padding:50px 0;width:100%;text-align:center;}
.paging{display:inline-block;padding-top:3px;*display:inline;*zoom:1;}
.paging:after{content:"";display:block;clear:both;}
.paging li{float:left;background:url(../img/division_bar_gray.gif) 0 50% no-repeat;}
.paging li:first-child{background:none;}
.paging li a{display:block;padding:2px 10px 0;color:#666;}
.paging li a.on{font-weight:bold;color:#333;}

.pagingWrap>a{display:inline-block;vertical-align:top;padding:0 3px;}


/**************************************************************************************** 서브우측영역 ****************************************************************************************/
/* 기본 */
.listContent{border:1px solid #e2e2e2;}

.besideContent{min-height:500px;/* border:1px solid #ccc; */border-bottom:none;/* background:#f8f8f8; *//* padding-left:10px; */}
.besideContent>div{padding-top:30px;}

/* 이미지,플래시 배너 */
.besideImage img{width:252px;border:1px solid #ccc;overflow:hidden;}

/* 리스트 */
.besideOlList{}
.besideOlList dt{padding-bottom:5px;font-size:12px;font-weight:bold;color:#000;}
.besideOlList dd{padding:10px;border:1px solid #ccc;background:#fff;}

.besideOlList li{padding:2px 0;margin:0 auto;*zoom:1;}
.besideOlList li:after{content:"";display:block;clear:both;}
.besideOlList li a{float:left;display:block;width:85%;padding:3px 0 0 7px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-1px;}

.besideOlList li .rankBox{float:left;display:block;min-width:12px;height:12px;padding:2px 3px 5px;font-weight:bold;text-align:center;letter-spacing:-1px;text-indent:-1px;}

.besideOlList li.ranking01 .rankBox{border:1px solid #e6515c;color:#e6515c;background:#ffeef1;}
.besideOlList li.ranking02 .rankBox{border:1px solid #e6515c;color:#e6515c;background:#ffeef1;}
.besideOlList li.ranking03 .rankBox{border:1px solid #e6515c;color:#e6515c;background:#ffeef1;}
.besideOlList li.ranking04 .rankBox{border:1px solid #bebebe;color:#908f94;background:#ffeef1;}
.besideOlList li.ranking05 .rankBox{border:1px solid #bebebe;color:#908f94;background:#ffeef1;}
.besideOlList li.ranking06 .rankBox{border:1px solid #bebebe;color:#908f94;background:#fff;}
.besideOlList li.ranking07 .rankBox{border:1px solid #bebebe;color:#908f94;background:#fff;}
.besideOlList li.ranking08 .rankBox{border:1px solid #bebebe;color:#908f94;background:#fff;}
.besideOlList li.ranking09 .rankBox{border:1px solid #bebebe;color:#908f94;background:#fff;}
.besideOlList li.ranking10 .rankBox{border:1px solid #bebebe;color:#908f94;background:#fff;}

/* 롤링이미지 */
.besideRollingImage{width:254px;height:192px;}
.besideRollingImage dt{padding-bottom:5px;font-size:12px;font-weight:bold;color:#000;}
.besideRollingImage dd{position:relative;}

.besideRollingImage dd .imageWrap{position:relative;}
.besideRollingImage dd .imageWrap li{position:absolute;left:0;top:0;}
.besideRollingImage dd .imageWrap a{position:relative;display:block;width:254px;height:169px;}
.besideRollingImage dd .image{width:252px;height:169px;border:1px solid #ccc;}
.besideRollingImage dd .title{position:absolute;left:1px;bottom:-1px;display:block;width:234px;padding:5px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;background:url(../img/bg_transparent_black.png);}

.besideRollingImage dd .indicator{position:absolute;right:10px;top:10px;*top:60px;*zoom:1;}
.besideRollingImage dd .indicator:after{content:"";display:block;clear:both;}
.besideRollingImage dd .indicator li{float:left;padding-left:5px;}
.besideRollingImage dd .indicator li:first-child{padding-left:0;}
.besideRollingImage dd .indicator a{display:block;width:15px;height:15px;background:#fff;border-radius:8px;box-shadow:0 -2px 2px #999 inset;}
.besideRollingImage dd .indicator a.on{background:#02aac9;box-shadow:0 -2px 2px #333 inset;}



/**************************************************************************************** 하단메뉴영역 ****************************************************************************************/
/* 기본 */
input[type="image"].btnNormal{padding:5px 10px;border-radius:5px;overflow:hidden;box-shadow:2px 2px 2px #20aac9;background:#405060;}

/* 사이트영역 */
#siteLnb{float:left;width:200px;}
#siteContents{float:right;width:850px;}

/* 좌측메뉴 */
#siteLnb>h3{padding:10px;height:22px;line-height:22px;letter-spacing:-1px;font-size:14px;color:#fff;background:#02aac9;}
#siteLnb>ul{min-height:440px;padding-bottom:64px;background:#e1e1e1;}
#siteLnb>ul>li>img{margin-left:10px;vertical-align:middle;}
#siteLnb>ul>li>a{display:inline-block;*display:inline;padding:13px 10px 13px 9px;font-size:12px;font-weight:bold;color:#666;text-decoration:none;}
#siteLnb>ul>li>ul>li>img{margin-left:20px;}
#siteLnb>ul>li>ul>li>a{display:inline-block;*display:inline;padding:0 0 5px 7px;text-decoration:none;}



/* 우측내용 */
#siteContents dl dt{padding:12px 0 12px 15px;margin-bottom:20px;font-size:14px;font-weight:bold;color:#02aac9;border-top:3px solid #02aac9;border-bottom:1px solid #ccc;background:#f8f8f8;}
#siteContents dl dd{margin-bottom:20px;font-family:Dotum;}

/* 언론사소개, 대표인사말, 연혁, 조직도, 오시는길 */
.introduce{min-height:440px;padding:20px 20px;border:1px solid #ccc;background:#f8f8f8;}

/* 취재요청 */
.privacyPolicy{min-height:440px;padding:20px 10px;border:1px solid #ccc;background:#f8f8f8;}
.privacyPolicy strong{display:block;padding-top:20px;}
.privacyPolicy p{padding-left:20px;}
.privacyPolicy ul li{padding-left:40px;background:url(../img/bullet_square.png) 20px 7px no-repeat;}

/* 메일폼 */
.mailForm{padding-bottom:42px;}
.mailForm table{width:100%;}
.mailForm table th{padding:10px 5px;border:1px solid #ccc;background:#efefef;}
.mailForm table td{padding:10px 5px;border:1px solid #ccc;background:#fff;}
.mailForm table td.askKind{text-align:right;}
.mailForm table td.askKind input[type="radio"]{margin-right:5px;margin-top:-2px;}
.mailForm table td.askKind label{padding-right:10px;}
.mailForm table td input[type="text"],
.mailForm table td input[type="input"],
.mailForm table td input[type="password"]{border:1px solid #ccc;padding:3px;}
.mailForm table td textarea{border:1px solid #ccc;width:98%;height:150px;padding:5px;padding-right:0;resize:none;overflow-y:scroll;}
.mailForm table td .message{padding-left:10px;}

.mailForm .input30{width:30px;}
.mailForm .input50{width:50px;}
.mailForm .input100{width:100px;}
.mailForm .input200{width:200px;}
.mailForm .input300{width:300px;}
.mailForm .input400{width:400px;}
.mailForm .input500{width:500px;}
.mailForm .input600{width:600px;}
.mailForm .input700{width:700px;}
.mailForm .input800{width:800px;}
.mailForm .inputFull{width:99%;}

.mailForm .message{padding-top:5px;}
.mailForm .btnWrap{padding:10px 0;text-align:right;}


/**************************************************************************************** 리스트페이지 추출기사 ****************************************************************************************/
.extractArticle{padding-top:20px;border-bottom:1px solid #ccc;}

.extractArticle .type001{padding:18px 17px;margin-bottom:33px;border:1px solid #ccc;background:#f8f8f8;*zoom:1;}
.extractArticle .type001:after{content:"";display:block;clear:both;}
.extractArticle .type001 .image{float:left;width:189px;height:156px;margin-right:20px;}
.extractArticle .type001 .image img{width:100%;}
.extractArticle .type001 .content strong{display:block;margin:10px 0;font:bold 21px/27px "Nanum Gothic", sans-serif;color:#333;letter-spacing:-0.05rem;max-height:70px;overflow:hidden;}
.extractArticle .type001 .content span{display:block;height:60px;margin-bottom:10px;font:normal 12px/20px "Dotum";color:#999;overflow:hidden;}
.extractArticle .type001 .involve li a{display:block;text-indent:15px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../img/arrow.png) 0 4px no-repeat;}

.extractArticle .type002{margin-bottom:30px;}
.extractArticle .type002 ul{*zoom:1;}
.extractArticle .type002 ul:after{content:"";display:block;clear:both;}
.extractArticle .type002 ul li{float:left;width:22%;margin-left:4%;}
.extractArticle .type002 ul li:first-child{margin-left:0;}
.extractArticle .type002 ul li img{display:block;width:100%;height:85px;margin-bottom:5px;}
.extractArticle .type002 ul li strong{display:block;height:32px;overflow:hidden;color:#666;}

.article-head-nav{
    margin-bottom:21px;
}
.article-head-nav li{
    float:left;margin-right:10px;
}
.article-head-title{
    font-weight:bold;
    font-size:28px;
    line-height:1.25em;
    color:#222;
    letter-spacing: -0.15rem;
    margin-bottom:21px;
    font-family: "Malgun Gothic",Verdana,Arial,Helvetica,sans-serif;
}
.clearfix:after{
    content:'';display:block;clear:both;
}
.info-text{
    padding-top:10px;
}
.info-text > li{
    float:left;
    padding:0 10px;
    border-left:2px solid #eee;
}
.info-text > li:first-child{
    padding-left:0;
    border-left:0;
}

.btn-wrap{
    margin:20px 0 10px;
}
.share-btn{
    float:left;
}
.else-btn{
    float:right;
}
.share-btn li{
    cursor: pointer;
    display:inline-block;
    width:42px;
    height:38px;
    background:silver;
    text-indent: -9999em;
}
.share-btn li.twitter{
    background-position:-42px 0;
}
.share-btn li.naver{
    background-position:-126px 0;
}
.share-btn li.google{
    background-position:-168px 0;
}
.share-btn li.kakao{
    background-position:-84px 0;
}

.else-btn li{
    position:relative;
    display:inline-block;
    vertical-align: top;
    border:1px solid #ccc;
    margin-left:8px;
    border-radius:4px;
}
.else-btn li a, .else-btn li span{
    cursor: pointer;
    display:block;
    line-height:38px;
}
.else-btn li img{
    vertical-align: top;
}
.else-btn li.goList.inFoot a{
    padding-right:0;
}
.else-btn li.goList a{
    font-weight:bold;
    font-family: fantasy;
    padding-right:8px;
}
.else-btn li.goList a:hover, .else-btn li.goList a:focus{
    text-decoration:none;
}
.else-btn li.changeFont span{
    float:left;
}
.else-btn li.changeFont span:first-child{
    border-right:1px solid #ccc;
}
.else-btn li b{
    position:absolute;
    left:-200px;
    right:-200px;
    top:46px;
    text-align:center;
}
.else-btn li:hover b:before{
    display:inline-block;
}
.else-btn li b:before{
    content:'';
    display:none;;
    width:60px;
    height:24px;
}

.else-btn li.co b:before{
    background-position:0 -24px;
}
.else-btn li.pr b:before{
    background-position:0 -48px;
}
.else-btn li.goList b:before{
    background-position:0 -72px;
}
/*
.info-else{
    float:right;
}
.info-text > li, .info-else > li{
    float:left;
}
.info-text > li{
    padding:0 10px;
    border-left:2px solid #eee;
}
.info-text > li:first-child{
    padding-left:0;
    border-left:0;
}
.info-else > li{
    margin-left:5px;
    position:relative;
}
.info-else > li > span{
    cursor:pointer;
    display:block;
    width:32px;
    height:32px;
    border:1px solid #222;
    border-radius:50%;
    text-align:center;
    font-size:18px;color:#222;
    transition:all 0.3s;
}
.info-else > li > span:hover{
    background:#666;
    color:#fff;
    border-color:#666;
}
.info-else > li > span:hover + b{
    display:block;
}
.info-else > li > b{
    position:absolute;
    left:-100px;
    right:-100px;
    text-align:center;
    top:45px;
    display:none;
    z-index:1100;
}
.info-else > li > b:before{
    content:'';
    box-sizing:border-box;
    width:10px;
    height:10px;
    border-color:#222;
    border-style: solid;
    border-color:transparent transparent #222 transparent;
    border-width:5px;
    position:absolute;
    top:-10px;
    left:0;right:0;
    margin:auto;
}
.info-else > li > b:after{
    display:inline-block;
    background:#222;
    color:#fff;
    line-height:21px;
    padding:0 6px;
    
}
.info-else > li:nth-child(1) > b:after{
    content:'스크랩하기';
}
.info-else > li:nth-child(2) > b:after{
    content:'공유하기';
}
.info-else > li:nth-child(3) b:after{
    content:'프린트하기';
}
.info-else > li:nth-child(4) b:after{
    content:'메일보내기';
}
.info-else > li:nth-child(5) b:after, .info-else > li:nth-child(5) b:before{
    content:none;
}
.info-else > li > span .svg-inline--fa{
    position:relative;
    top:7px;
}
*/

.article-view-header + hr{
    margin:21px 0;
}
#changeBtn.active+.changeSize{
    display:block;
}
.changeSize{
    display:none;
    z-index:1000;
    position:absolute;
    right:0;top:45px;
    width:200px;
    background:#fff;
    padding:10px;border:1px solid #ebebeb;
}
.changeSize:after{
    content:'';
    box-sizing:border-box;
    width:10px;
    height:10px;
    border-color:#ebebeb #ebebeb transparent transparent;
    border-width:1px;
    border-style: solid;
    background:#fff;
    position:absolute;
    transform:rotate(-45deg);
    top:-5px;right:10px;
}
.changeSize li{
    margin-bottom:10px;
    cursor:pointer;
}
.changeSize li:last-child{
    margin-bottom:0;
}

.changeSize li strong{
    display:inline-block;
    line-height:27px;
    font-weight:normal;
}
.changeSize li:nth-child(1) strong{
    font-size:.9rem;
}
.changeSize li:nth-child(2) strong{
    font-size:1rem;
}
.changeSize li:nth-child(3) strong{
    font-size:1.063rem;
}
.changeSize li:nth-child(4) strong{
    font-size:1.125rem;
}
.changeSize li:nth-child(5) strong{
    font-size:1.188rem;
}
.changeSize li:nth-child(6) strong{
    font-size:1.250rem;
}

.changeSize li span{
    display:inline-block;
    box-sizing: border-box;
    width:27px;
    height:27px;
    border:1px solid #eee;
    border-radius:50%;
    margin-right:10px;
    text-align:center;
    vertical-align: top;
}
.changeSize li.current span{
    color:#fff;
    background:#102751;
}
.changeSize li span .svg-inline--fa{
    position:relative;
    top:6px;
}
.subj{
    padding-left: 20px;
    border-left: 3px solid #323232;
    font-weight: 1000;
    margin-bottom: 42px;
}
.new_profile{
    margin-top:42px;
}
.new_profile:after{
    content:'';display:block;clear:both;
}
.new_profile > p{
    float:left;
}
.new_profile .photoWrap{
    width:66px;
    border:1px solid #e3e3e3;
}
.new_profile .photoWrap img{
    width:100%;
}
.new_profile p:not(.photoWrap){
    margin-left:10px;
    padding-top:17px;
}
.new_profile p:not(.photoWrap) a{
    display:block;
    font-family:"Malgun Gothic";
}
.new_profile p:not(.photoWrap) a:hover{
    text-decoration:none;
}
.new_profile p:not(.photoWrap) a:first-child{
    color:#3a3a3a;
    font-weight:bold;
    font-size:16px;
    line-height:27px;
}
.new_profile p:not(.photoWrap) a:last-child{
    font-size:14px;
}
.comt{
    background:#fcfcfc;
    padding:10px;
    border-radius: 5px;
}
.comt .soso{
    margin-bottom:5px;
}
.comt .soso:after{
    content:'';display:block;clear:both;
}
.comt .soso> div {
    float:left;
}
.comt .soso > div.imgWrap{
    width:80px;
    margin-right:10px;
}
.comt .soso > div.imgWrap img{
    width: 100%;
}
.comt .soso> div.comt_area{
    width:calc(100% - 90px);
}
#comt_cont{
    font-family: "Malgun Gothic";
    padding:5px;
    margin:0;
    width:100%;
    resize:none;
    min-height:95px;
    box-sizing: border-box;
    border:none;
    font-size:15px;
}
.chkLength{
    text-align:right;
    font-size:15px;
    line-height:18px;
}
#chkLength{
    font-weight:bold;
}
.submitWrap{
    text-align:right;
    margin:21px 0;
}
#btn_submit_1{
    display:inline-block;
    border: none;
    color: #fff;
    line-height: 32px;
    width: 95px;
    height: 32px;
    padding: 2px 10px;
    border-radius: 5px 5px 5px 0;
    font-weight: bold;
    background: rgba(214,0,54,0.7);
}

.beforeLogin{
    padding:10px;
    vertical-align: top;
    border-radius:8px 8px 0 8px;
    border:2px solid #e5e5e5;
    margin-bottom:30px;
}
.beforeLogin #comt_cont{
    outline: none;
}
.comtList{
    margin-bottom:42px;
}
.comtList header{
    padding:15px 0;
}
.comtList header p{
    font-size:15px;
    font-weight:bold;
    color:#666;
    line-height:21px;
    height:21px;
}
.comtList header p span{
    color:#e30000;
}
.comtList > ul > li{
    position:relative;
    padding: 15px 10px;
    color:#333;
    border-bottom:2px solid #f5f5f5;
}
.comtList > ul > li:hover{
    background:#f9f9f9;
}
.comtList .clearfix > div{
    float:left;
}
.comtList .comt-img-wrap{
    width:50px;
    margin-right:15px;
}
.comtList .comt-img-wrap img{
    width:100%;
}
.comtList .comt-text{
    width:calc(100% - 65px);
}
.comtList .comt-text strong{
    display:block;line-height:16px;
    margin:5px 0 10px;
    letter-spacing: 0.05rem;
}
.comtList .comt-text strong span{
    display:inline-block;
    margin-left:10px;
    padding-left:10px;
    border-left:1px solid #ebebeb;
    font-weight:normal; 
    font-size:11px;
    color:#75746f;
}
.comtList .comt-vote-wrap{
    margin-top:10px;
    text-align:right;
}
.comtList .comt-vote-wrap a:hover, .comtList .comt-vote-wrap a:focus{
    text-decoration:none;
}
.comtList .comt-vote-wrap a.agree{
    margin-right:10px;
}
.comtList li .option{
    position:absolute;
    top:15px;right:10px;
    
}
.comtList li .option:hover{
    background:#e5e5e5;
    cursor: pointer;
}
.comtList li .option.on ul{
    display:block;
}
.comtList li .option ul{
    display:none;
    z-index:10;
    position:absolute;
    border:2px solid #e5e5e5;
    background:#fff;
    top:27px;right:0;
    width:60px;
    border-radius: 5px 5px 0 5px;
}
.comtList li .option ul li{
    padding:0 10px;
    line-height:27px;
    height:27px;
    text-align:center;
}
.comtList li .option ul li:hover{
    background:#e5e5e5;
}

blockquote{margin:0;}
blockquote.tx-quote1 { border: 1px solid #dbdbdb; margin: 10px; padding: 10px; }
blockquote.tx-quote2 { border: 3px solid #dbdbdb; margin: 10px; padding: 10px; }        
blockquote.tx-quote3 { border: 1px dashed #dbdbdb; margin: 10px; padding: 10px; }
blockquote.tx-quote4 { border: none; background: url(./../../../../Daumeditor/daumeditor/images/deco/contents/quote/titation01.gif?v=2) top left no-repeat; padding: 0 20px 10px 20px; margin: 10px; }
blockquote.tx-quote5 { border: none; border-left: 2px solid #dbdbdb; margin: 10px; padding: 10px; }

.lead{
    white-space: pre-wrap;
    padding: 7px 20px 10px 20px;
    border: 1px solid #F4F5F7;
    background-color: #F4F5F7;
    font-size: 14px;
    color: #000000;
    line-height: 24px;		
}
.epilogue {
	padding: 7px 20px 10px 20px;
	border: 1px solid #F4F5F7;
	margin-bottom: 21px;
}
.epilogue h6 {
	font-weight: 700;
	font-size: 14px;
}
.epilogue p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
}