@charset "utf-8";

/**************************************************************************** 
reset
****************************************************************************/
html {font-size:62.5%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,figure {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
select, input {height:40px;padding-left:10px;border:1px solid #d2d2d2;font-size:100%;color:#1c1c1c;box-sizing:border-box;text-shadow:1px 1px 0 #fff}
textarea {padding:10px;border:1px solid #d2d2d2;color:#1c1c1c;box-sizing:border-box;text-shadow:1px 1px 0 #fff;letter-spacing:-0.05em}
input:focus,select:focus,textarea:focus/*,button:focus*/ {border:1px solid #009fe4}
label,button {margin:0;padding:0;outline:0;border:0 none;background-color:transparent;cursor:pointer}
button {overflow:visible}
body {background:#fff;word-break:break-all}
body,th,td,/*input,*/select,textarea/*,button*/ {font-size:16px;font-size:1.6rem;font-family:Malgun Gothic, Dotum, Helvetica, AppleGothic, Sans-serif;color:#444;letter-spacing:-0.07em} /* color값은 디자인가이드에 맞게사용 */
/*table {border-spacing:0;border-collapse:collapse;empty-cells:show; }*/
table {width:100%}
table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;border-spacing:0;}/*border:none; separate;;table-layout:fixed*/
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
a {color:inherit;text-decoration:none;cursor:pointer}
a:active, a:hover {text-decoration:underline}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
::-webkit-input-placeholder {color:#b5b5b5;}/* WebKit browsers */
:-moz-placeholder {color:#b5b5b5;opacity:1;}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#b5b5b5;opacity:1;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#b5b5b5;}/* Internet Explorer 10+ */
.placeholder {background-color:#f3f3f3;color:#b5b5b5}
select[disabled],input[disabled]{background-color:#fafafa;color:#b5b5b5;text-shadow:1px 1px 0 #fff;}
font {display:inline !important}
	
/**************************************************************************** 
common
****************************************************************************/
/* 스킵네비게이션 */
#skip {z-index:600;position: absolute;position:fixed;top:0;left:0;width:100%;}
#skip a {display:block;position:absolute;top:-9999px;}
#skip a span {display: block;padding:10px 0;border:3px solid #FFB747;background: #000;color: #fff;text-align:center}
#skip a:hover, #skip a:active, #skip a:focus {z-index: 600; top: 0; display: inline-block; width: 100%}

/* global */
.ovh {overflow:hidden;height:100%}
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.line_clamp {display:block;overflow:hidden;/*line-height:1em;*line-height:normal;*/text-overflow:ellipsis;white-space:nowrap;word-wrap:normal} /* 한줄 텍스트 말줄임 */
.tbl {border-collapse:collapse;border-spacing:0} /* 테이블 초기화 */
.show {display:block}
.hide {display:none}
.col2 {box-sizing:border-box}
.col2:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both}
.col2 > * {float:left;width:50%!important;*width:49.5%!important}
.bg_thumb_overlay {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url(//img.khan.co.kr/spkn/main_2017/bg_thumb_overlay.png)}
.trans_border {position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #000; cursor:pointer; opacity:0.1; -ms-filter:alpha(opacity=10); filter:alpha(opacity=10); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
.screen_out {overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;}

/* 크기 */
.w100 {width:100%}
.col_md {min-width:992px}
.col_sm {min-width:768px}

/* 정렬 */
.f_l {float:left}
.f_r {float:right}
.cl_b {clear:both;width:0;height:0;font-size:0;line-height:0}
.clear_g {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both}
.tleft, .text-l {text-align:left !important;} 
.tcenter, .text-c {text-align:center !important;} 
.tright, .text-r {text-align:right !important;}
.tjustify, .text-j {text-align:justify !important;}
.vttop {vertical-align:top !important;}
.vtmdl {vertical-align:middle !important;}

/* 마진 */
.mgt01 {margin-top:1px !important;}
.mgt5 {margin-top:5px !important;}
.mgt7 {margin-top:7px !important}
.mgt10 {margin-top:10px !important;}
.mgt12 {margin-top:12px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt45 {margin-top:45px !important;}
.mgt50 {margin-top:50px !important;}
.mgt55 {margin-top:55px !important;}

.mgb0 {margin-bottom:0 !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}

.mgl0 {margin-left:0 !important;} 
.mgl05 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl32 {margin-left:32px !important;}
.mgl40 {margin-left:40px !important;}
.mgl60 {margin-left:60px !important;}
.mgl80 {margin-left:80px !important;}
.mgl100 {margin-left:100px !important;}
.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr12 {margin-right:12px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}
.mgr40 {margin-right:40px !important;}

/* 패딩 */
.pdl5 {padding-left:5px !important;}

/* responsive */
.img_responsive {width:100%;height:100%}
.show_xs {display:none}
.hide_md {display:block}
@media (max-width:480px) { 
	.hide_xs {display:none}
	.show_xs {display:block}
}
@media (max-width:992px) { 
	.hide_md {display:none}
}

/* 기사제목 관련 태그 */
.tag {display:inline-block!important; margin-top:-4px; margin-right:5px; padding:2px 5px 2px 5px; line-height:15px;  border-radius:12.5%; font-size:13px; font-weight:550; text-shadow:initial; text-align:center; vertical-align:middle; letter-spacing:-.07em;}
.wrap_hdline .box_topnews .tit_caption .tag {margin-top:-6px; margin-right:8px; padding:2px 8px 2px 8px; line-height:26px; font-size:20px; background-color:#fff;} /* 메인 탑기사 */
.wrap_hdline .list_thumb .tit_caption .tag {background-color:#fff;} /* 메인: 탑 우측 썸네일 기사 3건 */
.wrap_hotissu .list_hotissu .tit_hotissu .tag {line-height:13px; padding:3px 5px 3px 5px; background-color:#fff;} /* 메인: 오늘의 HOT뉴스 */
.wrap_hotissu .box_hotissu_photo .tit_caption .tag {background-color:#fff;} /* 메인: 이미지/화보 */
.wrap_hotissu .list_series .link_tit .tit .tag {background-color:#fff;} /* 메인: 연재/기사 */
.wrap_hotcont .list_hotcont .tit .tag {background-color:#fff;} /* 메인: 핫콘텐츠 */
.wrap_alivenews .alivenews_thumb .tit_caption .tag {background-color:#fff;} /* 메인: 생생뉴스 */
.cartoonhome .tag,
.cartoon-sec-top .tag,
.writer_list .tag {margin-right:3px; padding:1px 4px; font-size:11px; background-color:#fff;} /* 만화: 공통 */
.cartoonhome .genre_wrap .genre_list li .cont strong a .tag {margin-top:-3px; margin-right:3px; padding:0 3px; font-size:11px;} /* 만화: 장르별 무료만화 */
.series_free .seriesfree_list li .cont strong a .tag {margin-top:-3px; margin-right:3px; padding:0 3px; font-size:11px;} /* 만화: 연재 무료만화 */
.tag.tag-blue {border:1px solid #4469B0; color:#264c94;} /* 단독&전문 */
.tag.tag-red {border:1px solid #f5403f; color:#d43232;} /* 속보 */
.add {display:inline;}
.add.bold {font-weight:700!important;} /* 볼드 처리 */
.add.fc-red {color:#f25632!important;} /* 강조색-붉은색계열 */
.add.fc-blue {color:#366fd1!important;} /* 강조색-푸른색계열 */
.add.fc-brown {color:#c27a33!important;} /* 강조색-브라운계열 */