html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration: none;}
img {vertical-align:top;}
address { font-style:normal; color:#000; }

* {
    box-sizing: border-box;
    font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif;
    font-family: sans-serif;
    letter-spacing:-1px!important;
    font-weight:400;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke:1px transparent;
}

html {font-size:16px;}

.vtop {vertical-align:top;}
.vmid {vertical-align:middle;}
.vbott {vertical-align:bottom;}

.txtl {text-align:left;}
.txtc {text-align:center;}
.txtr {text-align:right;}

.h10 {height:10px;}
.h12 {height:12px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h23 {height:23px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h35 {height:35px;}
.h40 {height:40px;}
.h45 {height:45px;}
.h50 {height:50px;}
.h55 {height:55px;}
.h60 {height:60px;}
.h65 {height:65px;}
.h70 {height:70px;}
.h100 {height:100px;}

.cboth {clear:both;}

html, body {height:100%;}
#wrap {width:100%;}

#wrap #header {z-index:1000;}
#wrap #header #gnb {z-index:1000;}

#wrap #container {width:100%; margin:40px 0 0 0;}
#wrap #container .inner {width:1200px; margin:0 auto; position:relative;}
#wrap #container .inner:after {clear:both; display:block; content:'';}
#wrap #container .section {float:left; width:870px; padding-right:29px;}
#wrap #container .section.br {border-right:1px solid #ebebeb;}
#wrap #container .section:after {clear:both; display:block; content:'';}
#wrap #container .section .left {float:left;}
#wrap #container .section .right {float:right;}
/*.article_view .article_content .img_left {float:left; margin-right:40px;}
.article_view .article_content .img_right {float:right; margin-left:40px;}*/

#wrap #container .aside {float:right; width:300px;}
#wrap .page {text-align:center; margin-top:40px;}
#wrap .page span {display:inline-block; font-size:15px; line-height:25px; vertical-align:middle;}
#wrap .page span a {color:#000;}
#wrap .page span .first_page {margin-right:10px;}
#wrap .page span .last_page {margin-left:10px;}
#wrap .page .pager:after {clear:both; display:block; content:'';}
#wrap .page .pager {padding:0 10px;}
#wrap .page .pager > a:first-child {border-left:1px solid #ebebeb;}
#wrap .page .pager > a:first-child.on {border-left:1px solid #1f48a8;}
#wrap .page .pager > a {float:left; min-width:25px; display:inline-block; text-align:center; width:auto; height:25px; line-height:23px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; font-size:15px; color:#000; padding:0 3px;}
#wrap .page .pager > a.on {background:#1f48a8; color:#fff; border-top:1px solid #1f48a8; border-bottom:1px solid #1f48a8; border-right:1px solid #1f48a8;}

/* 리스트 오버 공통 시작 */
.list_hover .title a:hover {color:#4b74d8 !important;}
.list_hover1 .title a:hover {color:#c3dcff !important;}
.thumb {position:relative; overflow:hidden; text-align:center;}
#opinion_news .thumb img {width:auto !important; height:100% !important; display:inline-block!important;}
.thumb img {width:100%!important; height:auto; display:inline-block!important;}
/* 리스트 오버 공통 끝 */

/*-- 스크롤변경 크롬 --*/
::-webkit-scrollbar { width:8px; height:8px; border:3px solid #FFF; cursor:default; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:block; height:10px; background:#EFEFEF; cursor:default; }
::-webkit-scrollbar-track { background:#EFEFEF; -webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.2); cursor:default; }
::-webkit-scrollbar-thumb { height:50px; width:50px; background:rgb(0,0,0,0.2); -websit-border-radius:8px; border-radius:8px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.1); cursor:default!important;}

/*검색결과*/
.wcms_search_result_text {color:#1142b3;}

/*광고팝업*/
.ad_popup {position:absolute; left:0; top:0; overflow:hidden;  z-index:9999;}
.ad_popup .pop_close {float:right;}
.ad_popup .pop_inner {clear:both; padding-top:15px;}
.ad_popup .pop_hide {overflow:hidden; width:100%; height:30px; line-height:30px; background:#ddd; padding:0 10px;}
.ad_popup .pop_hide .pop_close_txt {float:left; color:#000; font-size:14px; vertical-align:middle;}
.ad_popup .pop_hide .pop_close {float:right; vertical-align:middle; margin-top:7px;}

/*포토, 동영상 아이콘*/
/*.thumb .photo {position:absolute; right:0; top:0; display:block; width:30px; height:30px; background:url(http://www.busan.com/nas/wcms/public/pc/images/photo_list_more.png) 0 0 no-repeat; z-index:10;}
.thumb .mask {position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:#000; opacity:0.6; z-index:9; transition:opacity 0.5s;}
.thumb .movie {position:absolute; left:50%; top:50%; display:block; margin:-14px 0 0 -13px; width:26px; height:28px; background:url(http://www.busan.com/nas/wcms/public/pc/images/icon_play1.png) 0 0 no-repeat; background-size:26px 28px; z-index:10;}*/

/*연관기사*/
.rel_title {clear:both; display:block; font-size:15px; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:20px; padding:7px 0 0 11px;  background:transparent url(../images/under.png) 2px 13px no-repeat;}
.rel_title a {color:#555;}