@charset "utf-8";

@import url('../fonts/NotoSansKR/NotoSansKR.css');
@import url('../fonts/NanumMyeongjo/NanumMyeongjo.css');

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
body{font-family:'Noto Sans KR','맑은 고딕',Malgun Gothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif;color:#000;border-collapse:collapse;-webkit-text-size-adjust:none;}
a:link, a:visited, a:hover, a:active{color:#000;text-decoration:none;}
html{overflow-y:scroll;}
html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li, dl, dt, dd, table, caption,  tbody, tfoot, thead, th, tr, td, form, fieldset, legend, hr, input, button, textarea, object, iframe, form, caption, select{
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
ul, ol ,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;border:0;}
img, fieldset, abbr, input.type-image,  button{border:none;}
img, input{border:0;padding:0;}
input, select, textarea, button{color:#555;vertical-align:middle;font-family:'Noto Sans KR','맑은 고딕',Malgun Gothic, Gulim, Arial, AppleGothic, Sans-serif;outline:0}
caption, legend, #skipNavi {width:0;height:0;padding:0px;margin:0px;visibility:hidden;font-size:0px;height:0px;line-height:0px;}
hr{display:none;}
button::-moz-focus-inner{border:0;padding:0;}
button{background:transparent;overflow:visible;cursor:pointer;}

/* 선택자 */
.cb {clear:both;}
.vac {vertical-align:bottom;}
.dib {display:inline-block}
.dpb {display:block}
.ofa {overflow:auto;}
.ofh {overflow:hidden}
.dpn {display:none}
.cp {cursor:pointer}
.fl  {float:left}
.fr  {float:right}
.tal {text-align:left}
.tar {text-align:right}
.tac {text-align:center}
.taf {text-align:justify}
.tdu {text-decoration:underline}
.vam {vertical-align: middle}
.line {text-decoration:underline;}
.pr {position:relative;}
.fwb {font-weight:bold;}

/* font */
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}

.mt5 {margin-top:5px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt22 {margin-top:22px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px}
.pt33 {padding-top:33px;}

.img_thumb {overflow:hidden;display:block;position:relative;}
.img_thumb::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,0.08);
}
.img_thumb2 {overflow:hidden;display:block;position:relative;}
.img_thumb2::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,0.08);
}

.ls-01 {letter-spacing:-1px;}
.setImageRatio{opacity:0;position:absolute;top:0;left:0;display:block}
.adsystem{text-align:center}
.bc_navi{font-size:12px}
.bc_navi a{text-decoration:none !important}
.bc_navi_dv{margin:0 6px;font-size:12px;position:relative;top:-2px}

.ellipsis_line1 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.ellipsis_line2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.ellipsis_line3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;}
.ellipsis_line4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;}