@charset "utf-8";
/**************************************************************************** 
reset
****************************************************************************/
html {font-size:62.5%;}
html {/* Prevent font scaling in landscape */
-webkit-text-size-adjust:none; /*Chrome, Safari, newer versions of Opera*/
-moz-text-size-adjust:none; /*Firefox*/
-ms-text-size-adjust:none;  /*Ie*/
-o-text-size-adjust:none; /*old versions of Opera*/
}
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:Helvetica-light,'AppleSDGothicNeo-Light','Noto Sans','Roboto-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;color:#444;letter-spacing:-0.05em;font-weight:400;}
/*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;}
/* Handset <A> Style Reset */
a {color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}
a:active, a:hover a:checked {text-decoration:none} 
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}
input {-webkit-appearance: none;-webkit-border-radius:0;} /* IOS input 내부 그림자 제*/
	
/**************************************************************************** 
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 */
.not_scroll{/* position:fixed; */overflow:hidden;width:100%;height:100%}
.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;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}*/ /* 한줄 텍스트 말줄임 */
.line_clamp {display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.line_clamp2 {display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.line_clamp3 {display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.line_clamp4 {display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.line_clamp5 {display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.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(http://img.khan.co.kr/spkn/main_2017/bg_thumb_overlay.png)}

/* 크기 */
.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-align:left !important;} 
.tcenter {text-align:center !important;} 
.tright {text-align:right !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;}

/* 패딩 */
.pat {padding-top:0 !important;}
.pdb0 {padding-bottom:0 !important;}

/* 보더 */
.bdb0 {border-bottom:0 !important;}

/* 스와이프 모델 드래그 방지 관련 */
.swipe_drag {user-drag:none; user-select:none; -moz-user-select:none; -webkit-user-drag:none; -webkit-user-select:none; -ms-user-select:none;}

/* 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}
}