@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Rubik:700i');

/* icon font SET <span class="ics ics02"></span> 와 같이 사용 */
@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(17px - 7px);}
.tit_set h2 { color: #363636; margin-right: 30px; font-size: 17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tit_set h2 a { color: #363636; font-size: 17px;}
.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 #2162af; padding: 7px 0;}

.tit_set.ts03 { position: relative; border-bottom: 2px solid #2162af; padding: 7px 0 12px;}

.tit_set.ts04 { position: relative; border-left: 4px solid #2162af; 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: #2162af; 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: #2162af; 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: #2162af;}

.tit_set.ts07 { position: relative; padding: 7px 0 13px 15px; background: #2162af 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: #2162af;}

.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: #2162af;}
.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 #2162af; 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: #124e95;}
.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 #2162af; 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: #124e95;}
.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: #2162af; 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 #2162af; 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 #2162af; 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 #2162af;}
.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 #2162af; 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: #2162af 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: #2162af 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 #2162af;}
.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: #2162af; 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 #2162af;}

.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: #2162af;}
.tit_set.ts19 .btn_art_more { right: 8px;}

.tit_set.ts20 { position: relative; padding: 9px 0 9px 15px; background: #2162af 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: #2162af;}

.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: #2162af 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: #2162af 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: #2162af 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: #2162af; border-radius: 5px;}
.tit_set.ts25:before { position: absolute; left: 5px; top: 50%; margin-top: -3px; content: ""; display: block; width: 13px; height: 2px; background: #2162af;}

.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: #2162af; 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: #2162af; 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: #2162af !important;} */

/* 모바일 스킨타이틀 */
.mainc { color: #2162af !important;}
.mainb { background-color: #2162af !important;}
.maind { border-color: #2162af !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 { position: relative;}
.banner_slide.border: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 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);}
.m_radius .radius { border-radius: calc(7px + 2px) !important; overflow: hidden;}

.b_radius .mts03 h2,
.b_radius .mts05 { border-radius: 7px;}