@charset'utf-8';

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://www.busan.com/nas/wcms/public/m/css/font.css);


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;}
button {text-indent:-9999px; cursor:pointer; border:none;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust:none;} 
body{width:100%; margin:0; padding:0; font-family:'NotoSansCJKtc-Regular-Alphabetic','Noto Sans KR', 'Malgun Gothic', 'Sans-serif'!important; color:#000; font-size:14px; font-weight:400!important; letter-spacing:-0.07em;}
#wrap {max-width:600px; position:relative; margin:0 auto;}

/* 공통 시작 */
.bt {border-top:1px solid #e8e8e8;}
.bb {border-bottom:1px solid #e8e8e8;}
.br {border-right:1px solid #e8e8e8;}
.bl {border-left:1px solid #e8e8e8;}

.m_t_15 {margin-top:15px !important;}
.m_t_30 {margin-top:30px;}
.m_b_15 {margin-bottom:15px;}
.m_b_20 {margin-bottom:20px;}
.m_b_25 {margin-bottom:25px;}
.m_b_30 {margin-bottom:30px;}
.m_b_40 {margin-bottom:40px;}
.p_b_20 {padding-bottom:20px;}
.p_b_25 {padding-bottom:25px;}

.image_caption { box-sizing: border-box; display:block; position:relative; background-color:#333; color:white; font-size:12px; padding: 5px 10px; max-width: 100%!important; text-align: left!important;}
.blind{ display:none; }
.clear{clear:both;}
.clear_fix:after {content:'';  display:block; clear:both; }

.date {letter-spacing:-0.05em;}

.more {text-align:center; border-top:1px solid #ebebeb !important; border-bottom:1px solid #ebebeb !important; color:#333; padding:10px; font-size:15px;}
.more a{color:#7f7f7f;}
.more a img {line-height:35px; vertical-align:middle; padding-left:3px; display:inline-block; margin-bottom:3px;}

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

.p_space {height:10px; background-color:#ddd;}
.li_space {height:25px; background-color:#ddd;}
.banner {width:100%; display:block;}

.btn_top_wrap {position:fixed; bottom:60px; width:100%; max-width:600px; z-index:1001;}
.btn_top_wrap > div {position:relative; width:100%; margin:0 auto;}
.btn_top_wrap .btn_top {background:#fff url(../m_img/btn_top.png) center center no-repeat; background-size:15px; width:30px; height:30px; border:1px solid #d3d3d3; cursor:pointer; position:absolute; right:10px; bottom:10px; z-index:1000;}

.btn_article_more {width:100%; padding:0 15px; margin:15px 0 25px;}
.btn_article_more a {display:block; width:100%; height:40px; line-height:38px; border:1px solid #d7d7d7; text-align:center; color:#000; font-size:16px;}

/*.menu_back {position:fixed; width:100%; height:100%; background-color:#000; opacity:0.3; z-index:100; overflow:hidden;}
.share_back {position:fixed; width:100%; height:100%; background-color:#000; opacity:0.3; z-index:100; overflow:hidden;}*/

.slick-slider .slick-track, .slick-slider .slick-list {outline:none;}
.thumb {position:relative; overflow:hidden; text-align:center;}
.thumb img {width:100%!important; height:100%; display:inline-block!important;}
/* 공통 끝 */

#container {width:100%; background:#fff; overflow:hidden;}
#container .banner {width:100%;}
#container .banner img {width:100%;}
#wrap #menu {left:-260px;}
.move_top {position:fixed; border:1px solid #d1d1d1; bottom:65px; right:15px; display:block; width:42px; height:42px; background:#fff url("http://www.busan.com/nas/wcms/public/m/images/btn_top.png") no-repeat center center;}
.move_top a {display:block; width:100%; height:100%;}

/*-- 스크롤변경 크롬 --*/
::-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;}

/*광고 스타일*/
.right_img {float:right; margin-left:20px;}
.right_img2 {float:right; margin-left:20px; width:250px;}
.right_img3 {float:right; width:250px;}
.left_img {float:left; margin-right:20px;}
/*.img_right {float:right; margin-left:20px;}
.img_left {float:left; margin-right:20px;}*/

/*2019-01-04 스크롤바*/
.many_article .tab::-webkit-scrollbar {display: none;}

/*포토, 동영상 아이콘*/
.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.5; z-index:9;}
.thumb .movie {position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:transparent url(http://www.busan.com/nas/wcms/public/m/images/icon_play.png) 50% 55% no-repeat; 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; margin:7px 0; background:transparent url(http://www.busan.com/nas/wcms/public/m/images/under.png) 2px 6px no-repeat; padding-left:11px;}
.rel_title a {color:#555;}

/*유튜브 관련 영상*/
.mask_wrap {position:relative; width:100%;}
.mask_wrap figure {position:relative; width:100%; height:0; padding-bottom:64.25%;}
.mask_wrap figure iframe {position:absolute; width:100%; height:86%; min-width:100%; min-height:86%;}
.mask_wrap figcaption {position:absolute; left:0; bottom:0;}
.mask_youtube {
    position:absolute;
    top:0; left:0;
    width:100%;
    height:100%;
    z-index:99;
}