@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Rubik:700i');
/* icon font SET 와 같이 사용 */
@font-face {
font-family: 'icomoon';
src:url('/data/skin/content/1/theme_title/fonts/icomoon.eot');
src:url('/data/skin/content/1/theme_title/fonts/icomoon.eot#iefix') format('embedded-opentype'),
url('/data/skin/content/1/theme_title/fonts/icomoon.ttf') format('truetype'),
url('/data/skin/content/1/theme_title/fonts/icomoon.woff') format('woff'),
url('/data/skin/content/1/theme_title/fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
.ics {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.ics:before { font-weight: normal; font-size: inherit;}
.ics00:before { content: "\e900";} /* 최근기사 화살표 : arl_008 */
.ics04:before { content: "\e904";} /* 아래 화살표 */
.ics05:before { content: "\e905";} /* 관련기사 카메라 : arv_003 */
textarea { resize: none;}
.menu_wrap .hidden_skin { background: url(/data/skin/content/1/theme_title/images/bg_hr.png) repeat 0 0; height: 50px;}
.menu_wrap .html_no { position: absolute; right: 2px; top: 1px; background: #000; border-radius: 10px; color: #fff; font-family: Apple SD Gothic Neo, 돋움, Dotum, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; font-size: 12px; border: 1px solid #fff; display: block; padding: 1px 4px;}
.menu_wrap .html_no:before { content: "No."}
/* Title SET */
.tit_set { position: relative; margin-bottom: 13px; margin-bottom: calc(19px - 7px);}
.tit_set h2 { color: #363636; margin-right: 30px; font-size: 19px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tit_set h2 a { color: #363636; font-size: 19px;}
.tit_set .btn_art_more { position: absolute; top: 50%; right: 0; margin-top: -9px; display: block; padding-right: 1px;}
.tit_set.ts01 { border-top: 1px solid #848484; border-bottom: 1px solid #dedede; padding: 11px 0 14px;}
.tit_set.ts02 { position: relative; border-top: 2px solid #bf202d; padding: 7px 0;}
.tit_set.ts03 { position: relative; border-bottom: 2px solid #bf202d; padding: 7px 0 12px;}
.tit_set.ts04 { position: relative; border-left: 4px solid #bf202d; padding: 2px 0 7px 10px;}
.tit_set.ts05 { position: relative; padding: 2px 0 0; min-height: 27px;}
.tit_set.ts05 h2 a { background: #fff; z-index: 2; position: relative; padding-right: 10px;}
.tit_set.ts05 h2:before { position: absolute; left: 0; top: 50%; margin-top: -1px; width: 100%; content: ""; display: block; height: 2px; background: #bf202d; z-index: 1;}
.tit_set.ts05 .btn_art_more { background-color: #fff; z-index: 2;}
.tit_set .ics { display: block; padding-left: 10px;}
.tit_set .ics:before { display: inline-block; height: 17px; background: url(/data/skin/content/1/theme_title/images/btn_art_more.png) no-repeat 0 0;}
.tit_set .ics01:before { content: ""; width: 39px; background-position: 0 0;} /* 더보기 1 */
.tit_set .ics02:before { content: ""; width: 9px; background-position: -40px 0;} /* 더보기 2 */
.tit_set .ics03:before { content: ""; width: 17px; background-position: -50px 0;} /* 더보기 3 */
.tit_set.ts06 { position: relative; padding: 7px 0 11px 10px; background: #bf202d; min-height: 23px; margin-bottom: 17px !important;}
.tit_set.ts06 h2 { color: #fff !important;}
.tit_set.ts06 h2 a, .tit_set.ts06 h2 a * { color: #fff !important;}
.tit_set.ts06 .btn_art_more { right: 10px;}
.tit_set.ts06 h2 .ics { position: absolute; left: 7px; bottom: -14px; z-index: 1;}
.tit_set.ts06 h2 .ics:before { background: none; font-size: 6px; color: #bf202d;}
.tit_set.ts07 { position: relative; padding: 7px 0 13px 15px; background: #bf202d url(/data/skin/content/1/theme_title/images/bg_tit_line.png) no-repeat 3px 3px; min-height: 23px;}
.tit_set.ts07 h2 { color: #fff !important;}
.tit_set.ts07 h2 a, .tit_set.ts07 h2 a * { color: #fff !important;}
.tit_set.ts07 .btn_art_more { right: 8px;}
.tit_set.ts07 h2 .ics { position: absolute; left: 10px; top: 25px; z-index: 1;}
.tit_set.ts07 h2 .ics:before { background: none; font-size: 6px; color: #bf202d;}
.tit_set.ts09 { position: relative; padding: 7px 0 10px 10px; background: #f3f3f3; min-height: 23px; border: 1px solid #dedede; border-top: 0;}
.tit_set.ts09:after { position: absolute; left: -1px; top: 0; content: ""; display: block; width: 100%; padding-left: 2px; height: 1px; background: #bf202d;}
.tit_set.ts09 .btn_art_more { right: 7px;}
.tit_set.ts10 { position: relative; border-top: 2px solid #dedede; border-bottom: 1px solid #dedede; padding-top: 1px;}
.tit_set.ts10 > div { padding: 7px 0 10px 0; background: #fff; min-height: 23px; border-top: 1px solid #dedede;}
.tit_set.ts10 .btn_art_more { right: 5px;}
.tit_set.ts11 { position: relative; padding: 0 0 7px; border-bottom: 1px solid #dedede;}
.tit_set.ts11 > div { position: relative; border-left: 5px solid #bf202d; padding: 2px 0 7px 9px;}
.tit_set.ts11 > div:before { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 100%; background-color: rgba(255,250,160,.5);}
.tit_set.ts11 > div:after { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 5px; background: #9d0009;}
.tit_set.ts11 .btn_art_more { right: 7px;}
.tit_set.ts11 .btn_art_more .ics.ics01 { margin-right: -7px;}
.tit_set.ts12 { position: relative;}
.tit_set.ts12 > div { position: relative; border-left: 5px solid #bf202d; padding: 2px 0 7px 9px;}
.tit_set.ts12 > div:before { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 100%; background-color: rgba(255,250,160,.5);}
.tit_set.ts12 > div:after { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 5px; background: #9d0009;}
.tit_set.ts12 .btn_art_more { right: 7px;}
.tit_set.ts12 .btn_art_more .ics.ics01 { margin-right: -7px;}
.tit_set.ts13 { position: relative; border-bottom: 1px solid #dedede;}
.tit_set.ts13 > div { position: relative;}
.tit_set.ts13 > div:before { position: absolute; left: 0; top: 0; content: ""; display: block; width: 5px; height: 100%; background-color: rgba(0,0,0,.15); z-index: 2;}
.tit_set.ts13 h2 { color: #fff !important;}
.tit_set.ts13 h2 a, .tit_set.ts13 h2 a * { color: #fff !important;}
.tit_set.ts13 h2 a { position: relative; display: inline-block; padding: 3px 15px 6px 12px; background-color: #bf202d; z-index: 1;}
.tit_set.ts13 .btn_art_more { right: 7px;}
.tit_set.ts13 .btn_art_more .ics.ics01 { margin-right: -7px;}
.tit_set.ts14 { position: relative; padding: 0 0 7px; border-bottom: 1px solid #dedede;}
.tit_set.ts14 > div { position: relative; border-left: 4px solid #bf202d; padding: 2px 0 7px 9px;}
.tit_set.ts14 .btn_art_more { right: 7px;}
.tit_set.ts14 .btn_art_more .ics.ics01 { margin-right: -7px;}
.tit_set.ts15 { position: relative; border-bottom: 1px solid #dedede;}
.tit_set.ts15 > div { margin-bottom: -1px;}
.tit_set.ts15 h2 { color: #fff !important;}
.tit_set.ts15 h2 a { position: relative; display: inline-block; border-bottom: 1px solid #bf202d; padding: 2px 0 7px; z-index: 1;}
.tit_set.ts15 .btn_art_more { right: 7px;}
.tit_set.ts15 .btn_art_more .ics.ics01 { margin-right: -7px;}
.tit_set.ts16 { position: relative; border-bottom: 1px solid #bf202d;}
.tit_set.ts16 > div { margin-bottom: -1px;}
.tit_set.ts16 h2 { color: #fff !important;}
.tit_set.ts16 h2 a { position: relative; display: inline-block; border-bottom: 4px solid #bf202d; padding: 2px 0 7px; z-index: 1;}
.tit_set.ts16 .btn_art_more { right: 7px;}
.tit_set.ts16 .btn_art_more .ics.ics01 { margin-right: -7px;}
.tit_set.ts17 { position: relative;}
.tit_set.ts17:after { position: absolute; bottom: 0; left: 0; content: ""; display: block; width: 100%; height: 4px; background: #bf202d url(/data/skin/content/1/theme_title/images/bg_w50.png) repeat 0 0;}
.tit_set.ts17 > div { margin-bottom: -1px;}
.tit_set.ts17 h2 { color: #fff !important;}
.tit_set.ts17 h2 a { position: relative; display: inline-block; padding: 2px 15px 12px 0; z-index: 1;}
.tit_set.ts17 h2 a:after { position: absolute; bottom: 0; right: 0; content: ""; display: block; width: 100%; height: 4px; z-index: 2; background: #bf202d url(/data/skin/content/1/theme_title/images/bg_w50_skew.png) no-repeat right 0;}
.tit_set.ts18 { position: relative; border-bottom: 1px solid #bf202d;}
.tit_set.ts18 > div { margin-bottom: -1px; overflow: hidden;}
.tit_set.ts18 h2 { color: #fff !important;}
.tit_set.ts18 h2 a, .tit_set.ts18 h2 a * { color: #fff !important;}
.tit_set.ts18 h2 a { position: relative; display: inline-block; padding: 3px 10px 6px 11px; min-height: 23px; background-color: #bf202d; z-index: 1;}
.tit_set.ts18 h2 a:after { position: absolute; right: -15px; top: 0; content: ""; display: block; width: 0; height: 0; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 40px solid #bf202d;}
.tit_set.ts19 { position: relative; padding: 8px 0 10px 23px; background: #fff; height: 25px; line-height: 24px; border: 1px solid #dedede;}
.tit_set.ts19:after { position: absolute; left: 12px; top: 19px; content: ""; display: block; width: 5px; height: 5px; background: #bf202d;}
.tit_set.ts19 .btn_art_more { right: 8px;}
.tit_set.ts20 { position: relative; padding: 9px 0 9px 15px; background: #bf202d url(/data/skin/content/1/theme_title/images/bg_b_gradient.png) repeat-y right 0; min-height: 23px;}
.tit_set.ts20:after { position: absolute; left: 0; top: 1px; content: ""; display: block; width: 100%; height: 3px; background: url(/data/skin/content/1/theme_title/images/bg_wline_right.png) repeat right 0;}
.tit_set.ts20:before { position: absolute; left: 0; bottom: 1px; content: ""; display: block; width: 100%; height: 3px; background: url(/data/skin/content/1/theme_title/images/bg_wline_left.png) repeat left 0;}
.tit_set.ts20 h2 { color: #fff !important;}
.tit_set.ts20 h2 a, .tit_set.ts20 h2 a * { color: #fff !important;}
.tit_set.ts20 .btn_art_more { right: 8px;}
.tit_set.ts20 h2 .ics { position: absolute; left: 10px; top: 25px; z-index: 1;}
.tit_set.ts20 h2 .ics:before { background: none; font-size: 6px; color: #bf202d;}
.tit_set.ts21 { position: relative; padding: 2px 0 0;}
.tit_set.ts21 h2 { text-align: center; margin-right: 0;}
.tit_set.ts21 h2 a { background: #fff; z-index: 2; position: relative; padding: 0 10px; display: inline-block; height: 22px; line-height: 21px; transition: all .3s ease;}
.tit_set.ts21 h2:before { position: absolute; left: 0; top: 13px; width: 100%; content: ""; display: block; z-index: 1; border-top: 1px solid #808080; transition: all .3s ease;}
.tit_set.ts21 h2:after { position: absolute; left: 0; top: 16px; width: 100%; content: ""; display: block; z-index: 1; border-top: 1px solid #808080; transition: all .3s ease;}
.tit_set.ts21 .btn_art_more { background-color: #fff; z-index: 2;}
.tit_set.ts21 h2:hover > a { color: #000;}
.tit_set.ts21 h2:hover:before { border-color: #000;}
.tit_set.ts21 h2:hover:after { border-color: #000;}
.tit_set.ts22 { position: relative; padding: 2px 0 7px 23px; margin-bottom: 8px;}
.tit_set.ts22:after { position: absolute; left: 4px; top: 50%; margin-top: -14px; content: ""; display: block; width: 11px; height: 25px; background: #bf202d url(/data/skin/content/1/theme_title/images/bg_theme22.png) no-repeat 0 0; -ms-transform: skewX(-12deg); -webkit-transform: skewX(-12deg); transform: skewX(-12deg);}
.tit_set.ts23 { position: relative; padding: 2px 0 7px 25px; margin-bottom: 8px;}
.tit_set.ts23:after { position: absolute; left: 3px; top: 50%; margin-top: -9px; content: ""; display: block; width: 15px; height: 15px; background: #bf202d url(/data/skin/content/1/theme_title/images/bg_theme23.png) no-repeat 0 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.tit_set.ts24 { position: relative; padding: 2px 0 7px 23px; margin-bottom: 8px;}
.tit_set.ts24:after { position: absolute; left: 1px; top: 50%; margin-top: -10px; content: ""; display: block; width: 18px; height: 18px; background: #bf202d url(/data/skin/content/1/theme_title/images/bg_theme24.png) no-repeat 0 0; border-radius: 9px;}
.tit_set.ts25 { position: relative; padding: 2px 0 7px 23px; margin-bottom: 8px;}
.tit_set.ts25:after { position: absolute; left: 1px; top: 50%; margin-top: -7px; content: ""; display: block; width: 10px; height: 10px; background: #bf202d; border-radius: 5px;}
.tit_set.ts25:before { position: absolute; left: 5px; top: 50%; margin-top: -3px; content: ""; display: block; width: 13px; height: 2px; background: #bf202d;}
.tit_set.ts26 { position: relative; padding: 2px 0 7px; margin-bottom: 6px;}
.tit_set.ts26 h2 { position: relative; display: inline-block; padding-bottom: 2px;}
.tit_set.ts26 h2 a { position: relative; z-index: 10; padding: 0 8px 0 2px;}
.tit_set.ts26 h2:after { position: absolute; left: 1px; bottom: -1px; content: ""; display: block; width: 100%; height: 12px; background: #bf202d; z-index: 1;}
.tit_set.ts26 h2:before { position: absolute; left: 1px; bottom: -1px; content: ""; display: block; width: 100%; height: 12px; background: url(/data/skin/content/1/theme_title/images/bg_theme26.png) repeat 0 0; z-index: 2;}
.tit_set.ts27 { position: relative; padding: 1px 0 7px; margin-bottom: 6px;}
.tit_set.ts27 h2 { position: relative; display: inline-block; padding: 2px 8px 5px 13px; background: #bf202d; border-radius: 17px; color: #fff !important;}
.tit_set.ts27 h2 a, .tit_set.ts27 h2 a * { position: relative; z-index: 10; padding: 0 8px 0 2px; color: #fff !important;}
.tit_set.tsw .ics:before { background: url(/data/skin/content/1/theme_title/images/btn_art_more_white.png) no-repeat 0 0;}
.tit_set.tsw .ics01:before { content: ""; width: 39px; background-position: 0 0;} /* 더보기 1 */
.tit_set.tsw .ics02:before { content: ""; width: 9px; background-position: -40px 0;} /* 더보기 2 */
.tit_set.tsw .ics03:before { content: ""; width: 17px; background-position: -50px 0;} /* 더보기 3 */
/* .tit_set h2 a > * { color: #bf202d !important;} */
/* 모바일 스킨타이틀 */
.mainc { color: #bf202d !important;}
.mainb { background-color: #bf202d !important;}
.maind { border-color: #bf202d !important;}
.tit_box .ics { display: block; padding-left: 10px;}
.tit_box .ics:before { display: inline-block; height: 17px;}
.tit_box .ics01:before { content: ""; width: 42px; background: url(/data/skin/content/1/theme_title/images/btn_more01.svg) no-repeat 0 0;}
.tit_box .ics02:before { content: ""; width: 17px; background: url(/data/skin/content/1/theme_title/images/btn_more02.svg) no-repeat 0 0;}
.tit_box .ics03:before { content: ""; width: 17px; background: url(/data/skin/content/1/theme_title/images/btn_more03.svg) no-repeat 0 0;}
.tit_box.tsw .ics01:before { background: url(/data/skin/content/1/theme_title/images/btn_more01_w.svg) no-repeat 0 0;}
.tit_box.tsw .ics02:before { background: url(/data/skin/content/1/theme_title/images/btn_more02_w.svg) no-repeat 0 0;}
.tit_box.tsw .ics03:before { background: url(/data/skin/content/1/theme_title/images/btn_more03_w.svg) no-repeat 0 0;}
.tit_box { position: relative;}
.tit_box h2 { font-weight: bold; font-size: 18px; display: inline-block;}
.tit_box h2 a { font-weight: bold; font-size: 18px;}
.tit_box .btn_more { position: absolute; right: 15px; display: block;}
.mts01 { padding: 15px 15px 10px; background: #fff;}
.mts01 h2 { color: #000; padding-bottom: 1px; border-bottom: 2px solid #000;}
.mts01 h2 a { color: #000;}
.mts01 .btn_more { top: 18px;}
.mts02 { padding: 15px 15px 10px; background: #fff;}
.mts02 h2 { color: #000;}
.mts02 h2 a { color: #000;}
.mts02 .btn_more { top: 17px;}
.mts03 { position: relative; padding: 13px 13px 12px; background: #fff;}
.mts03 h2 { color: #fff; background: #000; padding: 2px 10px 3px 9px;}
.mts03 h2 a { color: #fff;}
.mts03 .btn_more { top: 18px;}
.mts04 { position: relative; padding: 13px 10px 12px; background: #fff;}
.mts04 h2 { color: #fff; background: #000; padding: 2px 13px 3px 13px; border-radius: 20px;}
.mts04 h2 a { color: #fff;}
.mts04 .btn_more { top: 18px;}
.mts05 { position: relative; padding: 12px 15px 11px; background: #000;}
.mts05 h2 { color: #fff;}
.mts05 h2 a { color: #fff;}
.mts05 .btn_more { top: 15px;}
.mts06 { position: relative; padding: 13px 15px 12px !important; background: #fff; border-bottom: 1px solid #ddd;}
.mts06 h2 { color: #000;}
.mts06 h2 a { color: #000;}
.mts06 .btn_more { top: 17px;}
/* 배너 테두리 */
.com_ban.border > a { position: relative; display: block;}
.com_ban.border > a:after { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box; content: ""; z-index: 2; border: 1px solid rgba(0,0,0,.1);}
.banner_slide.border a { position: relative; overflow: hidden; display: block;}
.banner_slide.border a:after { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box; content: ""; z-index: 2; border: 1px solid rgba(0,0,0,.1);}
.c_radius .banner_slide.border a:after { border-radius: 7px;}
.banner_slide a { background-color: transparent !important;}
.banner_slide a img { width: 100%; height: auto;}
/* 모바일 기사본문 url 복사 */
.share_url_wrap a { display: block; border-radius: 5px; padding: 7px 55px 7px 10px; box-sizing: border-box; overflow: hidden; background: #fff !important; color: #3a78d4; letter-spacing: -0.03em;}
.share_url_wrap a span { display: block; position: absolute; right: 0; top: 0; background: #eee; width: 50px; height: 100%; line-height: 100%; text-align: center; border-left: 1px solid #eaeaea; font-weight: bold; color: #222; display: flex; justify-content: center; align-items: center;}
.news_con hr { display: block; outline: 0; border: 0; border-top: 1px solid rgba(0,0,0,.15); margin: 1rem auto;}
.mo_smart a { color: #3e64af; text-decoration: underline;}
/* 섬네일 테두리 */
.a_radius .thumb { border-radius: 7px; overflow: hidden;}
.a_radius .thumb span:after { border-radius: 7px; overflow: hidden;}
.c_radius .thumb img,
.c_radius .thumb:after,
.c_radius .bfbox:after { border-radius: 7px; overflow: hidden;}
/* 스킨박스 - pc */
.skinbox { padding: 20px; background: #fff; box-shadow: 0 0 0 1px #e0e0e0, 0 1px 2px 0 rgba(0,0,0,.1);}
.skinbox .tit_set.ts03,
.skinbox .tit_set.ts15,
.skinbox .tit_set.ts16,
.skinbox .tit_set.ts17 { margin-top: -7px !important;}
.skinbox .tit_set.ts22,
.skinbox .tit_set.ts23,
.skinbox .tit_set.ts24,
.skinbox .tit_set.ts25,
.skinbox .tit_set.ts26,
.skinbox .tit_set.ts27 { margin-top: -3px !important;}
.skinbox.b_radius { border-radius: calc(7px + 3px);}
.b_radius .radius { border-radius: calc(7px + 2px) !important;}
.b_radius .radius.ofh { overflow: hidden !important;}
.b_radius .tit_set.ts06,
.b_radius .tit_set.ts07,
.b_radius .tit_set.ts19,
.b_radius .tit_set.ts20 { border-radius: 7px;}
.b_radius .tit_set.ts13 a { border-radius: 7px 7px 0 0;}
.b_radius .tit_set.ts13 > div:before { border-radius: 7px 0 0 0;}
/* 스킨박스 - mobile */
/*
.m_skinbox { padding: 20px; background: #fff; box-shadow: 0 0 0 1px #e0e0e0, 0 1px 2px 0 rgba(0,0,0,.1);}
.path_con { margin-bottom: 5px;}
.m_skinbox .mts01,
.m_skinbox .mts02,
.m_skinbox .mts03,
.m_skinbox .mts04,
.m_skinbox .mts06 { padding: 0 0 10px !important;}
.m_skinbox .mts01 .btn_more,
.m_skinbox .mts02 .btn_more,
.m_skinbox .mts03 .btn_more,
.m_skinbox .mts04 .btn_more,
.m_skinbox .mts06 .btn_more { top: 5px !important; right: 0 !important;}
.m_skinbox .tit_box { margin-bottom: 15px;}
*/
.m_skinbox { background: #fff; box-shadow: 0 0 0 1px #e0e0e0, 0 1px 2px 0 rgba(0,0,0,.1); overflow: hidden;}
.m_radius { border-radius: calc(7px + 3px); overflow: hidden;}
.m_radius .radius { border-radius: calc(7px + 2px) !important; overflow: hidden;}
.b_radius .mts03 h2,
.b_radius .mts05 { border-radius: 7px;}
/* 회원가입 완료 */
.success_page { text-align: center; padding: 20px 0 60px;}
.success_page .ani_success { transform: scale(.7);}
.success_page h2 { font-size: 32px; font-weight: bold; color: #222; margin-bottom: 30px;}
.success_page p { font-size: 17px; margin-bottom: 40px; color: #777;}
.success_page p b span { letter-spacing: 0;}
.success_page .btn_main { display: block; width: 200px; margin: 0 auto; background: #bf202d; padding: 15px 0 17px; font-size: 21px; color: #fff; border-radius: 5px; font-weight: bold; transition: all .3s ease;}
.success_page .btn_main:hover { background-color: #9d0009;}
.success_page.mobile { padding: 0 0 60px;}
.success_page.mobile .ani_success { transform: scale(.55); margin-bottom: -10px;}
.success_page.mobile h2 { margin-bottom: 20px;}
.success_page.mobile p { font-size: 15px;}
.success_page.mobile .btn_main { padding: 10px 0 11px; width: 170px; font-size: 19px;}
@-webkit-keyframes checkmark {
0% { stroke-dashoffset: 100px;}
100% { stroke-dashoffset: 0;}
}
@keyframes checkmark {
0% { stroke-dashoffset: 100px;}
100% { stroke-dashoffset: 0;}
}
@-webkit-keyframes checkmark-circle {
0% { stroke-dashoffset: 480px;}
100% { stroke-dashoffset: 960px;}
}
@keyframes checkmark-circle {
0% { stroke-dashoffset: 480px;}
100% { stroke-dashoffset: 960px;}
}
@-webkit-keyframes colored-circle {
0% { opacity: 0;}
100% { opacity: 100;}
}
@keyframes colored-circle {
0% { opacity: 0;}
100% { opacity: 100;}
}
.icon_success svg polyline {
-webkit-animation: checkmark .3s ease-in-out 1s backwards;
animation: checkmark .3s ease-in-out 1s backwards;
stroke: #bf202d;
}
.icon_success svg circle {
-webkit-animation: checkmark-circle 0.6s ease-in-out .3s backwards;
animation: checkmark-circle 0.6s ease-in-out .3s backwards;
}
.icon_success svg g { stroke: #880400;}
/* 스킨박스 - 회색배경 */
.skinbox.b_bg_gray,
.skinbox.b_bg_gray .tit_set.ts05 h2 a,
.skinbox.b_bg_gray .tit_set.ts05 .btn_art_more,
.skinbox.b_bg_gray .tit_set.ts10 > div,
.skinbox.b_bg_gray .tit_set.ts21 h2 a,
.skinbox.b_bg_gray .tit_set.ts21 .btn_art_more
.hdl_047.skinbox.b_bg_gray .cat_name > span { background-color: #f2f2f2 !important;}
.hdl_034.skinbox.b_bg_gray .tit:before,
.hdl_034.skinbox.b_bg_gray .tit:after,
.hdl_033.skinbox.b_bg_gray .tit:before,
.hdl_033.skinbox.b_bg_gray .tit:after { display: none !important;}
.arv_004.skinbox.b_bg_gray .reply_form,
.arl_064.skinbox.b_bg_gray .art_box,
.arl_058.skinbox.b_bg_gray .art_box,
.arl_048.skinbox.b_bg_gray .box_list li a,
.arl_048.skinbox.b_bg_gray .art_link a > div,
.arl_044.skinbox.b_bg_gray .art_box,
.arl_043.skinbox.b_bg_gray .art_box,
.arl_037.skinbox.b_bg_gray .slide_wrap,
.arl_018.skinbox.b_bg_gray .recent_art,
.arl_017.skinbox.b_bg_gray .top_art,
.arl_016.skinbox.b_bg_gray .slide_wrap,
.arl_009.skinbox.b_bg_gray .rate_list,
.ara_008.skinbox.b_bg_gray .art_con > div,
.hdl_051.skinbox.b_bg_gray .box > li,
.hdl_050.skinbox.b_bg_gray .box > li,
.hdl_049.skinbox.b_bg_gray .box > li,
.hdl_029.skinbox.b_bg_gray .slide_wrap .photo_box li a,
.hdl_024.skinbox.b_bg_gray .ver_list > li > a,
.hdl_022.skinbox.b_bg_gray .ver_list > li > a,
.hdl_016.skinbox.b_bg_gray .art_box_wrap,
.hdl_019.skinbox.b_bg_gray .slide_wrap .photo_box li .art_wrap,
.hdl_037.skinbox.b_bg_gray .slide_wrap .photo_box li a,
.hdl_020 .slide_wrap .photo_box li a { background-color: #e4e4e4 !important;}
.arl_029.skinbox.b_bg_gray .art_wrap,
.arl_005.skinbox.b_bg_gray .time_list { background-color: #e6e6e6 !important;}
.m_skinbox.b_bg_gray,
.m_skinbox.b_bg_gray .mts01,
.m_skinbox.b_bg_gray .mts02,
.m_skinbox.b_bg_gray .mts03,
.m_skinbox.b_bg_gray .mts04,
.m_skinbox.b_bg_gray .mts06,
.m_skinbox.b_bg_gray .list_thumb,
.m_skinbox.b_bg_gray .horizon_list,
.m_skinbox.b_bg_gray .rank_list,
.m_skinbox.b_bg_gray .art_list,
.m_hdl_003.m_skinbox.b_bg_gray > ul > li > a,
.m_hdl_008.m_skinbox.b_bg_gray > ul > li > a,
.m_mov_001.m_skinbox.b_bg_gray .tab_link > ul > li > a,
.m_tab_001.m_skinbox.b_bg_gray .tab_link,
.m_tab_001.m_skinbox.b_bg_gray .section_list,
.m_tab_002.m_skinbox.b_bg_gray .art_con .swiper-slide,
.m_tab_003.m_skinbox.b_bg_gray .art_con .swiper-slide,
.m_ext_001.m_skinbox.b_bg_gray .tab_link,
.m_ext_001.m_skinbox.b_bg_gray .section_list,
.m_ext_007.m_skinbox.b_bg_gray > ul > li > a { background-color: #ececec !important;}
.m_hdl_004.m_skinbox.b_bg_gray .thumb_box:after {
background: -moz-linear-gradient(top, rgba(236,236,236,0) 0%, rgba(236,236,236,1) 70%, rgba(236,236,236,1) 100%);
background: -webkit-linear-gradient(top, rgba(236,236,236,0) 0%,rgba(236,236,236,1) 70%,rgba(236,236,236,1) 100%);
background: linear-gradient(to bottom, rgba(236,236,236,0) 0%,rgba(236,236,236,1) 70%,rgba(236,236,236,1) 100%);
}
/* clamp SET */
.cmp { display: block; line-height: 1.6; overflow: hidden; display:-webkit-box !important; -webkit-box-orient:vertical !important;}
.lh13 { line-height: 1.3;}
.cmp.c1 { -webkit-line-clamp:1;} .cmp.c2 { -webkit-line-clamp:2;} .cmp.c3 { -webkit-line-clamp:3;} .cmp.c4 { -webkit-line-clamp:4;} .cmp.c5 { -webkit-line-clamp:5;} .cmp.c6 { -webkit-line-clamp:6;} .cmp.c7 { -webkit-line-clamp:7;} .cmp.c8 { -webkit-line-clamp:8;} .cmp.c9 { -webkit-line-clamp:9;} .cmp.c10 { -webkit-line-clamp:10;}
/* column SET */
.cln { display: flex; flex-wrap: wrap; margin: 0 -10px;}
.cln.xs { margin: 0 -5px;}
.cln.ms { margin: 0 -7px;}
.cln.ml { margin: 0 -15px;}
.cln.mxl { margin: 0 -20px;}
.cln > * { min-width: 0; box-sizing: border-box; padding: 0 10px;}
.cln.xs > * { padding: 0 5px;}
.cln.ms > * { padding: 0 7px;}
.cln.ml > * { padding: 0 15px;}
.cln.mxl > * { padding: 0 20px;}
.cln.col02 > * { width: 50%;} .cln.col03 > * { width: 33.3333%;} .cln.col04 > * { width: 25%;} .cln.col05 > * { width: 20%;} .cln.col06 > * { width: 16.6666%;} .cln.col07 > * { width: 14.2857%;}
.cln.col08 > * { width: 12.5%;} .cln.col09 > * { width: 11.1111%;} .cln.col10 > * { width: 10%;}
.cln > *, .cln.c1 > * { width: 100%;} .cln.c2 > * { width: 50%;} .cln.c3 > * { width: 33.3333%;} .cln.c4 > * { width: 25%;} .cln.c5 > * { width: 20%;} .cln.c6 > * { width: 16.6666%;} .cln.c7 > * { width: 14.2857%;} .cln.c8 > * { width: 12.5%;} .cln.c9 > * { width: 11.1111%;} .cln.c10 > * { width: 10%;}
.cln.c10 > *:first-child { width: 10%;} .cln.c20 > *:first-child { width: 20%;} .cln.c30 > *:first-child { width: 30%;} .cln.c40 > *:first-child { width: 40%;} .cln.c60 > *:first-child { width: 60%;} .cln.c70 > *:first-child { width: 70%;} .cln.c80 > *:first-child { width: 80%;} .cln.c90 > *:first-child { width: 90%;}
.cln.c11 > *:first-child { width: 11%;} .cln.c21 > *:first-child { width: 21%;} .cln.c31 > *:first-child { width: 31%;} .cln.c41 > *:first-child { width: 41%;} .cln.c51 > *:first-child { width: 51%;} .cln.c61 > *:first-child { width: 61%;} .cln.c71 > *:first-child { width: 71%;} .cln.c81 > *:first-child { width: 81%;} .cln.c91 > *:first-child { width: 91%;}
.cln.c12 > *:first-child { width: 12%;} .cln.c22 > *:first-child { width: 22%;} .cln.c32 > *:first-child { width: 32%;} .cln.c42 > *:first-child { width: 42%;} .cln.c52 > *:first-child { width: 52%;} .cln.c62 > *:first-child { width: 62%;} .cln.c72 > *:first-child { width: 72%;} .cln.c82 > *:first-child { width: 82%;} .cln.c92 > *:first-child { width: 92%;}
.cln.c13 > *:first-child { width: 13%;} .cln.c23 > *:first-child { width: 23%;} .cln.c33 > *:first-child { width: 33%;} .cln.c43 > *:first-child { width: 43%;} .cln.c53 > *:first-child { width: 53%;} .cln.c63 > *:first-child { width: 63%;} .cln.c73 > *:first-child { width: 73%;} .cln.c83 > *:first-child { width: 83%;} .cln.c93 > *:first-child { width: 93%;}
.cln.c14 > *:first-child { width: 14%;} .cln.c24 > *:first-child { width: 24%;} .cln.c34 > *:first-child { width: 34%;} .cln.c44 > *:first-child { width: 44%;} .cln.c54 > *:first-child { width: 54%;} .cln.c64 > *:first-child { width: 64%;} .cln.c74 > *:first-child { width: 74%;} .cln.c84 > *:first-child { width: 84%;} .cln.c94 > *:first-child { width: 94%;}
.cln.c15 > *:first-child { width: 15%;} .cln.c25 > *:first-child { width: 25%;} .cln.c35 > *:first-child { width: 35%;} .cln.c45 > *:first-child { width: 45%;} .cln.c55 > *:first-child { width: 55%;} .cln.c65 > *:first-child { width: 65%;} .cln.c75 > *:first-child { width: 75%;} .cln.c85 > *:first-child { width: 85%;} .cln.c95 > *:first-child { width: 95%;}
.cln.c16 > *:first-child { width: 16%;} .cln.c26 > *:first-child { width: 26%;} .cln.c36 > *:first-child { width: 36%;} .cln.c46 > *:first-child { width: 46%;} .cln.c56 > *:first-child { width: 56%;} .cln.c66 > *:first-child { width: 66%;} .cln.c76 > *:first-child { width: 76%;} .cln.c86 > *:first-child { width: 86%;} .cln.c96 > *:first-child { width: 96%;}
.cln.c17 > *:first-child { width: 17%;} .cln.c27 > *:first-child { width: 27%;} .cln.c37 > *:first-child { width: 37%;} .cln.c47 > *:first-child { width: 47%;} .cln.c57 > *:first-child { width: 57%;} .cln.c67 > *:first-child { width: 67%;} .cln.c77 > *:first-child { width: 77%;} .cln.c87 > *:first-child { width: 87%;} .cln.c97 > *:first-child { width: 97%;}
.cln.c18 > *:first-child { width: 18%;} .cln.c28 > *:first-child { width: 28%;} .cln.c38 > *:first-child { width: 38%;} .cln.c48 > *:first-child { width: 48%;} .cln.c58 > *:first-child { width: 58%;} .cln.c68 > *:first-child { width: 68%;} .cln.c78 > *:first-child { width: 78%;} .cln.c88 > *:first-child { width: 88%;} .cln.c98 > *:first-child { width: 98%;}
.cln.c19 > *:first-child { width: 19%;} .cln.c29 > *:first-child { width: 29%;} .cln.c39 > *:first-child { width: 39%;} .cln.c49 > *:first-child { width: 49%;} .cln.c59 > *:first-child { width: 59%;} .cln.c69 > *:first-child { width: 69%;} .cln.c79 > *:first-child { width: 79%;} .cln.c89 > *:first-child { width: 89%;} .cln.c99 > *:first-child { width: 99%;}
.cln.ratio > *:last-child { flex-grow: 1;}
@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Rubik:700i');
/* icon font SET 와 같이 사용 */
@font-face {
font-family: 'icomoon';
src:url('/data/skin/content/1/theme_title/fonts/icomoon.eot');
src:url('/data/skin/content/1/theme_title/fonts/icomoon.eot#iefix') format('embedded-opentype'),
url('/data/skin/content/1/theme_title/fonts/icomoon.ttf') format('truetype'),
url('/data/skin/content/1/theme_title/fonts/icomoon.woff') format('woff'),
url('/data/skin/content/1/theme_title/fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
.ics {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.ics:before { font-weight: normal; font-size: inherit;}
.ics00:before { content: "\e900";} /* 최근기사 화살표 : arl_008 */
.ics04:before { content: "\e904";} /* 아래 화살표 */
.ics05:before { content: "\e905";} /* 관련기사 카메라 : arv_003 */
textarea { resize: none;}
.menu_wrap .hidden_skin { background: url(/data/skin/content/1/theme_title/images/bg_hr.png) repeat 0 0; height: 50px;}
.menu_wrap .html_no { position: absolute; right: 2px; top: 1px; background: #000; border-radius: 10px; color: #fff; font-family: Apple SD Gothic Neo, 돋움, Dotum, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; font-size: 12px; border: 1px solid #fff; display: block; padding: 1px 4px;}
.menu_wrap .html_no:before { content: "No."}
/* Title SET */
.tit_set { position: relative; margin-bottom: 13px; margin-bottom: calc(19px - 7px);}
.tit_set h2 { color: #363636; margin-right: 30px; font-size: 19px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tit_set h2 a { color: #363636; font-size: 19px;}
.tit_set .btn_art_more { position: absolute; top: 50%; right: 0; margin-top: -9px; display: block; padding-right: 1px;}
.tit_set.ts01 { border-top: 1px solid #848484; border-bottom: 1px solid #dedede; padding: 11px 0 14px;}
.tit_set.ts02 { position: relative; border-top: 2px solid #bf202d; padding: 7px 0;}
.tit_set.ts03 { position: relative; border-bottom: 2px solid #bf202d; padding: 7px 0 12px;}
.tit_set.ts04 { position: relative; border-left: 4px solid #bf202d; padding: 2px 0 7px 10px;}
.tit_set.ts05 { position: relative; padding: 2px 0 0; min-height: 27px;}
.tit_set.ts05 h2 a { background: #fff; z-index: 2; position: relative; padding-right: 10px;}
.tit_set.ts05 h2:before { position: absolute; left: 0; top: 50%; margin-top: -1px; width: 100%; content: ""; display: block; height: 2px; background: #bf202d; z-index: 1;}
.tit_set.ts05 .btn_art_more { background-color: #fff; z-index: 2;}
.tit_set .ics { display: block; padding-left: 10px;}
.tit_set .ics:before { display: inline-block; height: 17px; background: url(/data/skin/content/1/theme_title/images/btn_art_more.png) no-repeat 0 0;}
.tit_set .ics01:before { content: ""; width: 39px; background-position: 0 0;} /* 더보기 1 */
.tit_set .ics02:before { content: ""; width: 9px; background-position: -40px 0;} /* 더보기 2 */
.tit_set .ics03:before { content: ""; width: 17px; background-position: -50px 0;} /* 더보기 3 */
.tit_set.ts06 { position: relative; padding: 7px 0 11px 10px; background: #bf202d; min-height: 23px; margin-bottom: 17px !important;}
.tit_set.ts06 h2 { color: #fff !important;}
.tit_set.ts06 h2 a, .tit_set.ts06 h2 a * { color: #fff !important;}
.tit_set.ts06 .btn_art_more { right: 10px;}
.tit_set.ts06 h2 .ics { position: absolute; left: 7px; bottom: -14px; z-index: 1;}
.tit_set.ts06 h2 .ics:before { background: none; font-size: 6px; color: #bf202d;}
.tit_set.ts07 { position: relative; padding: 7px 0 13px 15px; background: #bf202d url(/data/skin/content/1/theme_title/images/bg_tit_line.png) no-repeat 3px 3px; min-height: 23px;}
.tit_set.ts07 h2 { color: #fff !important;}
.tit_set.ts07 h2 a, .tit_set.ts07 h2 a * { color: #fff !important;}
.tit_set.ts07 .btn_art_more { right: 8px;}
.tit_set.ts07 h2 .ics { position: absolute; left: 10px; top: 25px; z-index: 1;}
.tit_set.ts07 h2 .ics:before { background: none; font-size: 6px; color: #bf202d;}
.tit_set.ts09 { position: relative; padding: 7px 0 10px 10px; background: #f3f3f3; min-height: 23px; border: 1px solid #dedede; border-top: 0;}
.tit_set.ts09:after { position: absolute; left: -1px; top: 0; content: ""; display: block; width: 100%; padding-left: 2px; height: 1px; background: #bf202d;}
.tit_set.ts09 .btn_art_more { right: 7px;}
.tit_set.ts10 { position: relative; border-top: 2px solid #dedede; border-bottom: 1px solid #dedede; padding-top: 1px;}
.tit_set.ts10 > div { padding: 7px 0 10px 0; background: #fff; min-height: 23px; border-top: 1px solid #dedede;}
.tit_set.ts10 .btn_art_more { right: 5px;}
.tit_set.ts11 { position: relative; padding: 0 0 7px; border-bottom: 1px solid #dedede;}
.tit_set.ts11 > div { position: relative; border-left: 5px solid #bf202d; padding: 2px 0 7px 9px;}
.tit_set.ts11 > div:before { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 100%; background-color: rgba(255,250,160,.5);}
.tit_set.ts11 > div:after { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 5px; background: #9d0009;}
.tit_set.ts11 .btn_art_more { right: 7px;}
.tit_set.ts11 .btn_art_more .ics.ics01 { margin-right: -7px;}
.tit_set.ts12 { position: relative;}
.tit_set.ts12 > div { position: relative; border-left: 5px solid #bf202d; padding: 2px 0 7px 9px;}
.tit_set.ts12 > div:before { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 100%; background-color: rgba(255,250,160,.5);}
.tit_set.ts12 > div:after { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 5px; background: #9d0009;}
.tit_set.ts12 .btn_art_more { right: 7px;}
.tit_set.ts12 .btn_art_more .ics.ics01 { margin-right: -7px;}
.tit_set.ts13 { position: relative; border-bottom: 1px solid #dedede;}
.tit_set.ts13 > div { position: relative;}
.tit_set.ts13 > div:before { position: absolute; left: 0; top: 0; content: ""; display: block; width: 5px; height: 100%; background-color: rgba(0,0,0,.15); z-index: 2;}
.tit_set.ts13 h2 { color: #fff !important;}
.tit_set.ts13 h2 a, .tit_set.ts13 h2 a * { color: #fff !important;}
.tit_set.ts13 h2 a { position: relative; display: inline-block; padding: 3px 15px 6px 12px; background-color: #bf202d; z-index: 1;}
.tit_set.ts13 .btn_art_more { right: 7px;}
.tit_set.ts13 .btn_art_more .ics.ics01 { margin-right: -7px;}
.tit_set.ts14 { position: relative; padding: 0 0 7px; border-bottom: 1px solid #dedede;}
.tit_set.ts14 > div { position: relative; border-left: 4px solid #bf202d; padding: 2px 0 7px 9px;}
.tit_set.ts14 .btn_art_more { right: 7px;}
.tit_set.ts14 .btn_art_more .ics.ics01 { margin-right: -7px;}
.tit_set.ts15 { position: relative; border-bottom: 1px solid #dedede;}
.tit_set.ts15 > div { margin-bottom: -1px;}
.tit_set.ts15 h2 { color: #fff !important;}
.tit_set.ts15 h2 a { position: relative; display: inline-block; border-bottom: 1px solid #bf202d; padding: 2px 0 7px; z-index: 1;}
.tit_set.ts15 .btn_art_more { right: 7px;}
.tit_set.ts15 .btn_art_more .ics.ics01 { margin-right: -7px;}
.tit_set.ts16 { position: relative; border-bottom: 1px solid #bf202d;}
.tit_set.ts16 > div { margin-bottom: -1px;}
.tit_set.ts16 h2 { color: #fff !important;}
.tit_set.ts16 h2 a { position: relative; display: inline-block; border-bottom: 4px solid #bf202d; padding: 2px 0 7px; z-index: 1;}
.tit_set.ts16 .btn_art_more { right: 7px;}
.tit_set.ts16 .btn_art_more .ics.ics01 { margin-right: -7px;}
.tit_set.ts17 { position: relative;}
.tit_set.ts17:after { position: absolute; bottom: 0; left: 0; content: ""; display: block; width: 100%; height: 4px; background: #bf202d url(/data/skin/content/1/theme_title/images/bg_w50.png) repeat 0 0;}
.tit_set.ts17 > div { margin-bottom: -1px;}
.tit_set.ts17 h2 { color: #fff !important;}
.tit_set.ts17 h2 a { position: relative; display: inline-block; padding: 2px 15px 12px 0; z-index: 1;}
.tit_set.ts17 h2 a:after { position: absolute; bottom: 0; right: 0; content: ""; display: block; width: 100%; height: 4px; z-index: 2; background: #bf202d url(/data/skin/content/1/theme_title/images/bg_w50_skew.png) no-repeat right 0;}
.tit_set.ts18 { position: relative; border-bottom: 1px solid #bf202d;}
.tit_set.ts18 > div { margin-bottom: -1px; overflow: hidden;}
.tit_set.ts18 h2 { color: #fff !important;}
.tit_set.ts18 h2 a, .tit_set.ts18 h2 a * { color: #fff !important;}
.tit_set.ts18 h2 a { position: relative; display: inline-block; padding: 3px 10px 6px 11px; min-height: 23px; background-color: #bf202d; z-index: 1;}
.tit_set.ts18 h2 a:after { position: absolute; right: -15px; top: 0; content: ""; display: block; width: 0; height: 0; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 40px solid #bf202d;}
.tit_set.ts19 { position: relative; padding: 8px 0 10px 23px; background: #fff; height: 25px; line-height: 24px; border: 1px solid #dedede;}
.tit_set.ts19:after { position: absolute; left: 12px; top: 19px; content: ""; display: block; width: 5px; height: 5px; background: #bf202d;}
.tit_set.ts19 .btn_art_more { right: 8px;}
.tit_set.ts20 { position: relative; padding: 9px 0 9px 15px; background: #bf202d url(/data/skin/content/1/theme_title/images/bg_b_gradient.png) repeat-y right 0; min-height: 23px;}
.tit_set.ts20:after { position: absolute; left: 0; top: 1px; content: ""; display: block; width: 100%; height: 3px; background: url(/data/skin/content/1/theme_title/images/bg_wline_right.png) repeat right 0;}
.tit_set.ts20:before { position: absolute; left: 0; bottom: 1px; content: ""; display: block; width: 100%; height: 3px; background: url(/data/skin/content/1/theme_title/images/bg_wline_left.png) repeat left 0;}
.tit_set.ts20 h2 { color: #fff !important;}
.tit_set.ts20 h2 a, .tit_set.ts20 h2 a * { color: #fff !important;}
.tit_set.ts20 .btn_art_more { right: 8px;}
.tit_set.ts20 h2 .ics { position: absolute; left: 10px; top: 25px; z-index: 1;}
.tit_set.ts20 h2 .ics:before { background: none; font-size: 6px; color: #bf202d;}
.tit_set.ts21 { position: relative; padding: 2px 0 0;}
.tit_set.ts21 h2 { text-align: center; margin-right: 0;}
.tit_set.ts21 h2 a { background: #fff; z-index: 2; position: relative; padding: 0 10px; display: inline-block; height: 22px; line-height: 21px; transition: all .3s ease;}
.tit_set.ts21 h2:before { position: absolute; left: 0; top: 13px; width: 100%; content: ""; display: block; z-index: 1; border-top: 1px solid #808080; transition: all .3s ease;}
.tit_set.ts21 h2:after { position: absolute; left: 0; top: 16px; width: 100%; content: ""; display: block; z-index: 1; border-top: 1px solid #808080; transition: all .3s ease;}
.tit_set.ts21 .btn_art_more { background-color: #fff; z-index: 2;}
.tit_set.ts21 h2:hover > a { color: #000;}
.tit_set.ts21 h2:hover:before { border-color: #000;}
.tit_set.ts21 h2:hover:after { border-color: #000;}
.tit_set.ts22 { position: relative; padding: 2px 0 7px 23px; margin-bottom: 8px;}
.tit_set.ts22:after { position: absolute; left: 4px; top: 50%; margin-top: -14px; content: ""; display: block; width: 11px; height: 25px; background: #bf202d url(/data/skin/content/1/theme_title/images/bg_theme22.png) no-repeat 0 0; -ms-transform: skewX(-12deg); -webkit-transform: skewX(-12deg); transform: skewX(-12deg);}
.tit_set.ts23 { position: relative; padding: 2px 0 7px 25px; margin-bottom: 8px;}
.tit_set.ts23:after { position: absolute; left: 3px; top: 50%; margin-top: -9px; content: ""; display: block; width: 15px; height: 15px; background: #bf202d url(/data/skin/content/1/theme_title/images/bg_theme23.png) no-repeat 0 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.tit_set.ts24 { position: relative; padding: 2px 0 7px 23px; margin-bottom: 8px;}
.tit_set.ts24:after { position: absolute; left: 1px; top: 50%; margin-top: -10px; content: ""; display: block; width: 18px; height: 18px; background: #bf202d url(/data/skin/content/1/theme_title/images/bg_theme24.png) no-repeat 0 0; border-radius: 9px;}
.tit_set.ts25 { position: relative; padding: 2px 0 7px 23px; margin-bottom: 8px;}
.tit_set.ts25:after { position: absolute; left: 1px; top: 50%; margin-top: -7px; content: ""; display: block; width: 10px; height: 10px; background: #bf202d; border-radius: 5px;}
.tit_set.ts25:before { position: absolute; left: 5px; top: 50%; margin-top: -3px; content: ""; display: block; width: 13px; height: 2px; background: #bf202d;}
.tit_set.ts26 { position: relative; padding: 2px 0 7px; margin-bottom: 6px;}
.tit_set.ts26 h2 { position: relative; display: inline-block; padding-bottom: 2px;}
.tit_set.ts26 h2 a { position: relative; z-index: 10; padding: 0 8px 0 2px;}
.tit_set.ts26 h2:after { position: absolute; left: 1px; bottom: -1px; content: ""; display: block; width: 100%; height: 12px; background: #bf202d; z-index: 1;}
.tit_set.ts26 h2:before { position: absolute; left: 1px; bottom: -1px; content: ""; display: block; width: 100%; height: 12px; background: url(/data/skin/content/1/theme_title/images/bg_theme26.png) repeat 0 0; z-index: 2;}
.tit_set.ts27 { position: relative; padding: 1px 0 7px; margin-bottom: 6px;}
.tit_set.ts27 h2 { position: relative; display: inline-block; padding: 2px 8px 5px 13px; background: #bf202d; border-radius: 17px; color: #fff !important;}
.tit_set.ts27 h2 a, .tit_set.ts27 h2 a * { position: relative; z-index: 10; padding: 0 8px 0 2px; color: #fff !important;}
.tit_set.tsw .ics:before { background: url(/data/skin/content/1/theme_title/images/btn_art_more_white.png) no-repeat 0 0;}
.tit_set.tsw .ics01:before { content: ""; width: 39px; background-position: 0 0;} /* 더보기 1 */
.tit_set.tsw .ics02:before { content: ""; width: 9px; background-position: -40px 0;} /* 더보기 2 */
.tit_set.tsw .ics03:before { content: ""; width: 17px; background-position: -50px 0;} /* 더보기 3 */
/* .tit_set h2 a > * { color: #bf202d !important;} */
/* 모바일 스킨타이틀 */
.mainc { color: #bf202d !important;}
.mainb { background-color: #bf202d !important;}
.maind { border-color: #bf202d !important;}
.tit_box .ics { display: block; padding-left: 10px;}
.tit_box .ics:before { display: inline-block; height: 17px;}
.tit_box .ics01:before { content: ""; width: 42px; background: url(/data/skin/content/1/theme_title/images/btn_more01.svg) no-repeat 0 0;}
.tit_box .ics02:before { content: ""; width: 17px; background: url(/data/skin/content/1/theme_title/images/btn_more02.svg) no-repeat 0 0;}
.tit_box .ics03:before { content: ""; width: 17px; background: url(/data/skin/content/1/theme_title/images/btn_more03.svg) no-repeat 0 0;}
.tit_box.tsw .ics01:before { background: url(/data/skin/content/1/theme_title/images/btn_more01_w.svg) no-repeat 0 0;}
.tit_box.tsw .ics02:before { background: url(/data/skin/content/1/theme_title/images/btn_more02_w.svg) no-repeat 0 0;}
.tit_box.tsw .ics03:before { background: url(/data/skin/content/1/theme_title/images/btn_more03_w.svg) no-repeat 0 0;}
.tit_box { position: relative;}
.tit_box h2 { font-weight: bold; font-size: 18px; display: inline-block;}
.tit_box h2 a { font-weight: bold; font-size: 18px;}
.tit_box .btn_more { position: absolute; right: 15px; display: block;}
.mts01 { padding: 15px 15px 10px; background: #fff;}
.mts01 h2 { color: #000; padding-bottom: 1px; border-bottom: 2px solid #000;}
.mts01 h2 a { color: #000;}
.mts01 .btn_more { top: 18px;}
.mts02 { padding: 15px 15px 10px; background: #fff;}
.mts02 h2 { color: #000;}
.mts02 h2 a { color: #000;}
.mts02 .btn_more { top: 17px;}
.mts03 { position: relative; padding: 13px 13px 12px; background: #fff;}
.mts03 h2 { color: #fff; background: #000; padding: 2px 10px 3px 9px;}
.mts03 h2 a { color: #fff;}
.mts03 .btn_more { top: 18px;}
.mts04 { position: relative; padding: 13px 10px 12px; background: #fff;}
.mts04 h2 { color: #fff; background: #000; padding: 2px 13px 3px 13px; border-radius: 20px;}
.mts04 h2 a { color: #fff;}
.mts04 .btn_more { top: 18px;}
.mts05 { position: relative; padding: 12px 15px 11px; background: #000;}
.mts05 h2 { color: #fff;}
.mts05 h2 a { color: #fff;}
.mts05 .btn_more { top: 15px;}
.mts06 { position: relative; padding: 13px 15px 12px !important; background: #fff; border-bottom: 1px solid #ddd;}
.mts06 h2 { color: #000;}
.mts06 h2 a { color: #000;}
.mts06 .btn_more { top: 17px;}
/* 배너 테두리 */
.com_ban.border > a { position: relative; display: block;}
.com_ban.border > a:after { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box; content: ""; z-index: 2; border: 1px solid rgba(0,0,0,.1);}
.banner_slide.border a { position: relative; overflow: hidden; display: block;}
.banner_slide.border a:after { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box; content: ""; z-index: 2; border: 1px solid rgba(0,0,0,.1);}
.c_radius .banner_slide.border a:after { border-radius: 7px;}
.banner_slide a { background-color: transparent !important;}
.banner_slide a img { width: 100%; height: auto;}
/* 모바일 기사본문 url 복사 */
.share_url_wrap a { display: block; border-radius: 5px; padding: 7px 55px 7px 10px; box-sizing: border-box; overflow: hidden; background: #fff !important; color: #3a78d4; letter-spacing: -0.03em;}
.share_url_wrap a span { display: block; position: absolute; right: 0; top: 0; background: #eee; width: 50px; height: 100%; line-height: 100%; text-align: center; border-left: 1px solid #eaeaea; font-weight: bold; color: #222; display: flex; justify-content: center; align-items: center;}
.news_con hr { display: block; outline: 0; border: 0; border-top: 1px solid rgba(0,0,0,.15); margin: 1rem auto;}
.mo_smart a { color: #3e64af; text-decoration: underline;}
/* 섬네일 테두리 */
.a_radius .thumb { border-radius: 7px; overflow: hidden;}
.a_radius .thumb span:after { border-radius: 7px; overflow: hidden;}
.c_radius .thumb img,
.c_radius .thumb:after,
.c_radius .bfbox:after { border-radius: 7px; overflow: hidden;}
/* 스킨박스 - pc */
.skinbox { padding: 20px; background: #fff; box-shadow: 0 0 0 1px #e0e0e0, 0 1px 2px 0 rgba(0,0,0,.1);}
.skinbox .tit_set.ts03,
.skinbox .tit_set.ts15,
.skinbox .tit_set.ts16,
.skinbox .tit_set.ts17 { margin-top: -7px !important;}
.skinbox .tit_set.ts22,
.skinbox .tit_set.ts23,
.skinbox .tit_set.ts24,
.skinbox .tit_set.ts25,
.skinbox .tit_set.ts26,
.skinbox .tit_set.ts27 { margin-top: -3px !important;}
.skinbox.b_radius { border-radius: calc(7px + 3px);}
.b_radius .radius { border-radius: calc(7px + 2px) !important;}
.b_radius .radius.ofh { overflow: hidden !important;}
.b_radius .tit_set.ts06,
.b_radius .tit_set.ts07,
.b_radius .tit_set.ts19,
.b_radius .tit_set.ts20 { border-radius: 7px;}
.b_radius .tit_set.ts13 a { border-radius: 7px 7px 0 0;}
.b_radius .tit_set.ts13 > div:before { border-radius: 7px 0 0 0;}
/* 스킨박스 - mobile */
/*
.m_skinbox { padding: 20px; background: #fff; box-shadow: 0 0 0 1px #e0e0e0, 0 1px 2px 0 rgba(0,0,0,.1);}
.path_con { margin-bottom: 5px;}
.m_skinbox .mts01,
.m_skinbox .mts02,
.m_skinbox .mts03,
.m_skinbox .mts04,
.m_skinbox .mts06 { padding: 0 0 10px !important;}
.m_skinbox .mts01 .btn_more,
.m_skinbox .mts02 .btn_more,
.m_skinbox .mts03 .btn_more,
.m_skinbox .mts04 .btn_more,
.m_skinbox .mts06 .btn_more { top: 5px !important; right: 0 !important;}
.m_skinbox .tit_box { margin-bottom: 15px;}
*/
.m_skinbox { background: #fff; box-shadow: 0 0 0 1px #e0e0e0, 0 1px 2px 0 rgba(0,0,0,.1); overflow: hidden;}
.m_radius { border-radius: calc(7px + 3px); overflow: hidden;}
.m_radius .radius { border-radius: calc(7px + 2px) !important; overflow: hidden;}
.b_radius .mts03 h2,
.b_radius .mts05 { border-radius: 7px;}
/* 회원가입 완료 */
.success_page { text-align: center; padding: 20px 0 60px;}
.success_page .ani_success { transform: scale(.7);}
.success_page h2 { font-size: 32px; font-weight: bold; color: #222; margin-bottom: 30px;}
.success_page p { font-size: 17px; margin-bottom: 40px; color: #777;}
.success_page p b span { letter-spacing: 0;}
.success_page .btn_main { display: block; width: 200px; margin: 0 auto; background: #bf202d; padding: 15px 0 17px; font-size: 21px; color: #fff; border-radius: 5px; font-weight: bold; transition: all .3s ease;}
.success_page .btn_main:hover { background-color: #9d0009;}
.success_page.mobile { padding: 0 0 60px;}
.success_page.mobile .ani_success { transform: scale(.55); margin-bottom: -10px;}
.success_page.mobile h2 { margin-bottom: 20px;}
.success_page.mobile p { font-size: 15px;}
.success_page.mobile .btn_main { padding: 10px 0 11px; width: 170px; font-size: 19px;}
@-webkit-keyframes checkmark {
0% { stroke-dashoffset: 100px;}
100% { stroke-dashoffset: 0;}
}
@keyframes checkmark {
0% { stroke-dashoffset: 100px;}
100% { stroke-dashoffset: 0;}
}
@-webkit-keyframes checkmark-circle {
0% { stroke-dashoffset: 480px;}
100% { stroke-dashoffset: 960px;}
}
@keyframes checkmark-circle {
0% { stroke-dashoffset: 480px;}
100% { stroke-dashoffset: 960px;}
}
@-webkit-keyframes colored-circle {
0% { opacity: 0;}
100% { opacity: 100;}
}
@keyframes colored-circle {
0% { opacity: 0;}
100% { opacity: 100;}
}
.icon_success svg polyline {
-webkit-animation: checkmark .3s ease-in-out 1s backwards;
animation: checkmark .3s ease-in-out 1s backwards;
stroke: #bf202d;
}
.icon_success svg circle {
-webkit-animation: checkmark-circle 0.6s ease-in-out .3s backwards;
animation: checkmark-circle 0.6s ease-in-out .3s backwards;
}
.icon_success svg g { stroke: #880400;}
/* 스킨박스 - 회색배경 */
.skinbox.b_bg_gray,
.skinbox.b_bg_gray .tit_set.ts05 h2 a,
.skinbox.b_bg_gray .tit_set.ts05 .btn_art_more,
.skinbox.b_bg_gray .tit_set.ts10 > div,
.skinbox.b_bg_gray .tit_set.ts21 h2 a,
.skinbox.b_bg_gray .tit_set.ts21 .btn_art_more
.hdl_047.skinbox.b_bg_gray .cat_name > span { background-color: #f2f2f2 !important;}
.hdl_034.skinbox.b_bg_gray .tit:before,
.hdl_034.skinbox.b_bg_gray .tit:after,
.hdl_033.skinbox.b_bg_gray .tit:before,
.hdl_033.skinbox.b_bg_gray .tit:after { display: none !important;}
.arv_004.skinbox.b_bg_gray .reply_form,
.arl_064.skinbox.b_bg_gray .art_box,
.arl_058.skinbox.b_bg_gray .art_box,
.arl_048.skinbox.b_bg_gray .box_list li a,
.arl_048.skinbox.b_bg_gray .art_link a > div,
.arl_044.skinbox.b_bg_gray .art_box,
.arl_043.skinbox.b_bg_gray .art_box,
.arl_037.skinbox.b_bg_gray .slide_wrap,
.arl_018.skinbox.b_bg_gray .recent_art,
.arl_017.skinbox.b_bg_gray .top_art,
.arl_016.skinbox.b_bg_gray .slide_wrap,
.arl_009.skinbox.b_bg_gray .rate_list,
.ara_008.skinbox.b_bg_gray .art_con > div,
.hdl_051.skinbox.b_bg_gray .box > li,
.hdl_050.skinbox.b_bg_gray .box > li,
.hdl_049.skinbox.b_bg_gray .box > li,
.hdl_029.skinbox.b_bg_gray .slide_wrap .photo_box li a,
.hdl_024.skinbox.b_bg_gray .ver_list > li > a,
.hdl_022.skinbox.b_bg_gray .ver_list > li > a,
.hdl_016.skinbox.b_bg_gray .art_box_wrap,
.hdl_019.skinbox.b_bg_gray .slide_wrap .photo_box li .art_wrap,
.hdl_037.skinbox.b_bg_gray .slide_wrap .photo_box li a,
.hdl_020 .slide_wrap .photo_box li a { background-color: #e4e4e4 !important;}
.arl_029.skinbox.b_bg_gray .art_wrap,
.arl_005.skinbox.b_bg_gray .time_list { background-color: #e6e6e6 !important;}
.m_skinbox.b_bg_gray,
.m_skinbox.b_bg_gray .mts01,
.m_skinbox.b_bg_gray .mts02,
.m_skinbox.b_bg_gray .mts03,
.m_skinbox.b_bg_gray .mts04,
.m_skinbox.b_bg_gray .mts06,
.m_skinbox.b_bg_gray .list_thumb,
.m_skinbox.b_bg_gray .horizon_list,
.m_skinbox.b_bg_gray .rank_list,
.m_skinbox.b_bg_gray .art_list,
.m_hdl_003.m_skinbox.b_bg_gray > ul > li > a,
.m_hdl_008.m_skinbox.b_bg_gray > ul > li > a,
.m_mov_001.m_skinbox.b_bg_gray .tab_link > ul > li > a,
.m_tab_001.m_skinbox.b_bg_gray .tab_link,
.m_tab_001.m_skinbox.b_bg_gray .section_list,
.m_tab_002.m_skinbox.b_bg_gray .art_con .swiper-slide,
.m_tab_003.m_skinbox.b_bg_gray .art_con .swiper-slide,
.m_ext_001.m_skinbox.b_bg_gray .tab_link,
.m_ext_001.m_skinbox.b_bg_gray .section_list,
.m_ext_007.m_skinbox.b_bg_gray > ul > li > a { background-color: #ececec !important;}
.m_hdl_004.m_skinbox.b_bg_gray .thumb_box:after {
background: -moz-linear-gradient(top, rgba(236,236,236,0) 0%, rgba(236,236,236,1) 70%, rgba(236,236,236,1) 100%);
background: -webkit-linear-gradient(top, rgba(236,236,236,0) 0%,rgba(236,236,236,1) 70%,rgba(236,236,236,1) 100%);
background: linear-gradient(to bottom, rgba(236,236,236,0) 0%,rgba(236,236,236,1) 70%,rgba(236,236,236,1) 100%);
}
/* clamp SET */
.cmp { display: block; line-height: 1.6; overflow: hidden; display:-webkit-box !important; -webkit-box-orient:vertical !important;}
.lh13 { line-height: 1.3;}
.cmp.c1 { -webkit-line-clamp:1;} .cmp.c2 { -webkit-line-clamp:2;} .cmp.c3 { -webkit-line-clamp:3;} .cmp.c4 { -webkit-line-clamp:4;} .cmp.c5 { -webkit-line-clamp:5;} .cmp.c6 { -webkit-line-clamp:6;} .cmp.c7 { -webkit-line-clamp:7;} .cmp.c8 { -webkit-line-clamp:8;} .cmp.c9 { -webkit-line-clamp:9;} .cmp.c10 { -webkit-line-clamp:10;}
/* column SET */
.cln { display: flex; flex-wrap: wrap; margin: 0 -10px;}
.cln.xs { margin: 0 -5px;}
.cln.ms { margin: 0 -7px;}
.cln.ml { margin: 0 -15px;}
.cln.mxl { margin: 0 -20px;}
.cln > * { min-width: 0; box-sizing: border-box; padding: 0 10px;}
.cln.xs > * { padding: 0 5px;}
.cln.ms > * { padding: 0 7px;}
.cln.ml > * { padding: 0 15px;}
.cln.mxl > * { padding: 0 20px;}
.cln.col02 > * { width: 50%;} .cln.col03 > * { width: 33.3333%;} .cln.col04 > * { width: 25%;} .cln.col05 > * { width: 20%;} .cln.col06 > * { width: 16.6666%;} .cln.col07 > * { width: 14.2857%;}
.cln.col08 > * { width: 12.5%;} .cln.col09 > * { width: 11.1111%;} .cln.col10 > * { width: 10%;}
.cln > *, .cln.c1 > * { width: 100%;} .cln.c2 > * { width: 50%;} .cln.c3 > * { width: 33.3333%;} .cln.c4 > * { width: 25%;} .cln.c5 > * { width: 20%;} .cln.c6 > * { width: 16.6666%;} .cln.c7 > * { width: 14.2857%;} .cln.c8 > * { width: 12.5%;} .cln.c9 > * { width: 11.1111%;} .cln.c10 > * { width: 10%;}
.cln.c10 > *:first-child { width: 10%;} .cln.c20 > *:first-child { width: 20%;} .cln.c30 > *:first-child { width: 30%;} .cln.c40 > *:first-child { width: 40%;} .cln.c60 > *:first-child { width: 60%;} .cln.c70 > *:first-child { width: 70%;} .cln.c80 > *:first-child { width: 80%;} .cln.c90 > *:first-child { width: 90%;}
.cln.c11 > *:first-child { width: 11%;} .cln.c21 > *:first-child { width: 21%;} .cln.c31 > *:first-child { width: 31%;} .cln.c41 > *:first-child { width: 41%;} .cln.c51 > *:first-child { width: 51%;} .cln.c61 > *:first-child { width: 61%;} .cln.c71 > *:first-child { width: 71%;} .cln.c81 > *:first-child { width: 81%;} .cln.c91 > *:first-child { width: 91%;}
.cln.c12 > *:first-child { width: 12%;} .cln.c22 > *:first-child { width: 22%;} .cln.c32 > *:first-child { width: 32%;} .cln.c42 > *:first-child { width: 42%;} .cln.c52 > *:first-child { width: 52%;} .cln.c62 > *:first-child { width: 62%;} .cln.c72 > *:first-child { width: 72%;} .cln.c82 > *:first-child { width: 82%;} .cln.c92 > *:first-child { width: 92%;}
.cln.c13 > *:first-child { width: 13%;} .cln.c23 > *:first-child { width: 23%;} .cln.c33 > *:first-child { width: 33%;} .cln.c43 > *:first-child { width: 43%;} .cln.c53 > *:first-child { width: 53%;} .cln.c63 > *:first-child { width: 63%;} .cln.c73 > *:first-child { width: 73%;} .cln.c83 > *:first-child { width: 83%;} .cln.c93 > *:first-child { width: 93%;}
.cln.c14 > *:first-child { width: 14%;} .cln.c24 > *:first-child { width: 24%;} .cln.c34 > *:first-child { width: 34%;} .cln.c44 > *:first-child { width: 44%;} .cln.c54 > *:first-child { width: 54%;} .cln.c64 > *:first-child { width: 64%;} .cln.c74 > *:first-child { width: 74%;} .cln.c84 > *:first-child { width: 84%;} .cln.c94 > *:first-child { width: 94%;}
.cln.c15 > *:first-child { width: 15%;} .cln.c25 > *:first-child { width: 25%;} .cln.c35 > *:first-child { width: 35%;} .cln.c45 > *:first-child { width: 45%;} .cln.c55 > *:first-child { width: 55%;} .cln.c65 > *:first-child { width: 65%;} .cln.c75 > *:first-child { width: 75%;} .cln.c85 > *:first-child { width: 85%;} .cln.c95 > *:first-child { width: 95%;}
.cln.c16 > *:first-child { width: 16%;} .cln.c26 > *:first-child { width: 26%;} .cln.c36 > *:first-child { width: 36%;} .cln.c46 > *:first-child { width: 46%;} .cln.c56 > *:first-child { width: 56%;} .cln.c66 > *:first-child { width: 66%;} .cln.c76 > *:first-child { width: 76%;} .cln.c86 > *:first-child { width: 86%;} .cln.c96 > *:first-child { width: 96%;}
.cln.c17 > *:first-child { width: 17%;} .cln.c27 > *:first-child { width: 27%;} .cln.c37 > *:first-child { width: 37%;} .cln.c47 > *:first-child { width: 47%;} .cln.c57 > *:first-child { width: 57%;} .cln.c67 > *:first-child { width: 67%;} .cln.c77 > *:first-child { width: 77%;} .cln.c87 > *:first-child { width: 87%;} .cln.c97 > *:first-child { width: 97%;}
.cln.c18 > *:first-child { width: 18%;} .cln.c28 > *:first-child { width: 28%;} .cln.c38 > *:first-child { width: 38%;} .cln.c48 > *:first-child { width: 48%;} .cln.c58 > *:first-child { width: 58%;} .cln.c68 > *:first-child { width: 68%;} .cln.c78 > *:first-child { width: 78%;} .cln.c88 > *:first-child { width: 88%;} .cln.c98 > *:first-child { width: 98%;}
.cln.c19 > *:first-child { width: 19%;} .cln.c29 > *:first-child { width: 29%;} .cln.c39 > *:first-child { width: 39%;} .cln.c49 > *:first-child { width: 49%;} .cln.c59 > *:first-child { width: 59%;} .cln.c69 > *:first-child { width: 69%;} .cln.c79 > *:first-child { width: 79%;} .cln.c89 > *:first-child { width: 89%;} .cln.c99 > *:first-child { width: 99%;}
.cln.ratio > *:last-child { flex-grow: 1;}
.cmp.c1 br,
.ofe br { display: none;}
.news_con * { word-break: break-all !important;}