/* last modify - 2021119 leesh  */

@charset "utf-8"; 

/* 공통css */ 
/* @import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css"); */
@import "notosanskr.css";
@import url("//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700"); 

/* RESET */
html		{ width:100%; height:100%; overflow-y:scroll;  }
body		{ height:100%; 	}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, span, a, table, thead, tfoot, tbody, th, td, form, legend, label, input, textarea, address, strong, em, pre, q, abbr, acronym, cite, blockquote, object, iframe	{ margin:0; padding:0; font-size:12px; color:#000; font-family:'Roboto','Noto Sans KR', Arial; font-weight:400;  }  
input,select,textarea,button	{ vertical-align:middle; font-family:'Roboto','Noto Sans KR', Arial; border-radius:0; }
img, fieldset, hr		{ border:0; margin:0; padding:0; }
img			{ vertical-align:top; }
ul, ol			{ list-style-type:none; }
h1, h2, h3, h4, h5, h6		{ font-size:100%; font-weight:normal; }
select, input, textarea		{ font-family:'Roboto', 'Noto Sans KR','Malgun Gothic',Dotum, Arial; font-size:100%; vertical-align:middle; }
table			{ border-collapse:collapse; table-layout:fixed; }
address		{ font-style:normal; }
hr				{ clear:both; display:none; }
legend, caption		{ width:0; height:0; font-size:0; line-height:0; text-indent:-999px; font-size:0; overflow:hidden; } 
a				{ text-decoration:none;	}
a:focus		{ outline:1px dottline #666;   }
img		{ image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor; }

*	{ margin:0; padding:0; }  

.fL		{ float:left !important; }
.fR		{ float:right !important; }
.clear		{ clear:both !important; }
.cboth		{ clear:both; height:0; line-height:0; margin:0; padding:0; font-size:0; overflow:hidden; display:inline-block; }  
.hidden {overflow:hidden;position:absolute;top:-999999px;left:-999999px;width:0;height:0;font-size:0;line-height:0}

strong, b {font-size:inherit;font-weight:500}
span, a, label {font-size:inherit}
.bnone_bt {border-bottom:0 !important}
 
/* Form */
input		{ -webkit-appearance:none; border-radius:0; border-radius:none; -webkit-border-radius:none; font-family:'Roboto', 'Noto Sans KR'; font-size:13px;   }
input[type="text"]			 { border:1px solid #dedede; height:31px; line-height:31px; padding:0 7px; color:#333333 !important; box-sizing:border-box; font-size:13px;  }
input[type="password"]	 { border:1px solid #dedede; height:31px; line-height:31px; padding:0 7px; color:#333333; box-sizing:border-box; font-size:13px; }
input[type="button"]			 { padding:0 10px; color:#FFF; font-size:13px; background:#afafaf; font-family:'Roboto', 'Noto Sans KR';   } 
textarea			{ border:1px solid #dedede; padding:10px; color:#333333 !important; font-weight:normal; font-size:13px; resize:none !important; 	}

input:-ms-input-placeholder {color:#c1c1c1 !important;} /* Internet Explorer 10 이상에 적용*/
input::-webkit-input-placeholder { color:#c1c1c1;} /*  Webkit, Blink, Edge에 적용*/
input::-moz-placeholder { color:#c1c1c1; } /* Mozilla Firefox 4 부터 18에 적용*/
input::-moz-placeholder { color:#c1c1c1; } /* Mozilla Firefox 19 이상에 적용*/
input:focus::-webkit-input-placeholder	{ color: transparent; }

label	{ position: relative; margin-bottom: 0.5em;  }
input[type="radio"]		{ opacity: 0; width: 0; height: 0; }
input[type="radio"] + label		{ padding:0 0 2px 26px; font-size:14px; line-height:21px; color:#333333; font-weight:300;   }
input[type="radio"] + label:before	{ position:absolute; left:0; top:-2px; content:"";  width:20px; height:20px; font-size:14px; line-height:21px; color:#333333; font-weight:300; background:url('//img.tvchosun.com/upload_img/n2017/images/common/bg_radio.png') no-repeat 0 1px; background-size:20px 20px; padding-bottom:2px;  }
input[type="radio"]:focus + label:before { border: 1px dotted rgba(0, 0, 0, 0.25); } 
input[type="radio"]:checked + label:before { background:url('//img.tvchosun.com/upload_img/n2017/images/common/bg_radio_ck.png') no-repeat 0 1px;  }

input[type="checkbox"]		{ opacity: 0; width: 0; height: 0; }
input[type="checkbox"] + label		{ padding:0 0 2px 26px; font-size:14px; line-height:21px; color:#333333; font-weight:300;   }
input[type="checkbox"] + label:before	{ position:absolute; left:0; top:-1px; content:"";  width:20px; height:20px; font-size:14px; line-height:21px; color:#333333; font-weight:300; background:url('//img.tvchosun.com/upload_img/n2017/images/common/bg_check.png') no-repeat 0 0px; background-size:20px 20px; padding-bottom:2px;  }
input[type="checkbox"]:focus + label:before { border: 1px dotted rgba(0, 0, 0, 0.25); } 
input[type="checkbox"]:checked + label:before { background:url('//img.tvchosun.com/upload_img/n2017/images/common/bg_check_ck.png') no-repeat 0 0px;  }


/*
input[type="radio"]					{ display:none; } 
input[type="radio"] + label		{ display:block; background: url('//img.tvchosun.com/upload_img/n2017/images/common/bg_radio.png') no-repeat 0 1px; background-size:20px 20px; font-size:14px; padding-left:24px; line-height:22px; color:#333333;    } 
input[type="radio"]:checked + label		{ background:url('//img.tvchosun.com/upload_img/n2017/images/common/bg_radio_ck.png') no-repeat 0 1px; background-size:20px 20px;   }  
input[type="checkbox"]					{ display:none; } 
input[type="checkbox"] + label		{ display:inline-block; background:url('//img.tvchosun.com/upload_img/n2017/images/common/bg_check.png') no-repeat 0 1px; background-size:20px 20px; font-size:14px; padding:0 0 2px 26px; line-height:21px; color:#333333; font-weight:300;     } 
input[type="checkbox"]:checked + label		{ background:url('//img.tvchosun.com/upload_img/n2017/images/common/bg_check_ck.png') no-repeat 0 1px; background-size:20px 20px; font-size:14px; padding:0 0 2px 26px; line-height:21px; color:#333333; font-weight:300;   }  
*/ 

input[type="checkbox"]		{ opacity: 0; width: 0; height: 0; }
input[type="checkbox"] + label.smck		{ padding:0 0 2px 18px; font-size:14px; line-height:21px; color:#333333; font-weight:300;   }
input[type="checkbox"] + label.smck:before	{ position:absolute; left:0; top:0px; content:"";  width:13px; height:13px; font-size:14px; line-height:14px; color:#333333; font-weight:300; background:url('//img.tvchosun.com/upload_img/n2017/images/common/inp_ck.png') no-repeat 0 4px; background-size:13px 13px; padding-bottom:4px;  }
@media screen and (-webkit-min-device-pixel-ratio:0) { input[type="checkbox"] + label.smck:before { top:-2px; }} 
input[type="checkbox"]:focus + label.smck:before		{ border: 1px dotted rgba(0, 0, 0, 0.25);  } 
input[type="checkbox"]:checked + label.smck:before { background:url('//img.tvchosun.com/upload_img/n2017/images/common/inp_ck_on.png') no-repeat 0 4px; width:13px; height:13px; font-size:14px; line-height:14px; color:#333333; font-weight:300;  }
 
button{cursor:pointer;background-color:transparent;/* *overflow:visible IE6~7 여백 버그해결 */}
button::-moz-focus-inner{/* 파이어폭스 여백 방지 */padding:0;border:0}

select {overflow:hidden;min-width:150px;height:36px;line-height:36px;padding:0 0 0 15px;color:#666;font-size:12px;border: 1px solid #d5d5d5;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('//img.tvchosun.com/upload_img/n2017/images/common/icon_select_arr.png') no-repeat right 50%}
select::after {content:"";display:block;width:50px;height:50px;background-color:#000}
select::-ms-expand {display:none} /* IE 10, 11의 네이티브 화살표 숨기기 */


/* padding, margin */
.mgt7			{ margin-top:7px !important; 	}
.mgt10		{ margin-top:10px !important; 	}
.mgt20		{ margin-top:20px !important; 	}
.mgt30		{ margin-top:30px !important; 	}
.mgt40		{ margin-top:40px !important;  	}
.mgt50		{ margin-top:50px !important;  	}
.mgt60		{ margin-top:60px !important; 	}
.mgt70		{ margin-top:70px !important; 	}
.mgt80		{ margin-top:80px !important; 	}

.mgt-30		{ margin-top:-30px !important; 	}

.mgl15			{ margin-left:15px !important; 	}
.mgl35			{ margin-left:35px !important; 	}

.mgb0			{ margin-bottom:0px !important; 	}
 
.pdt0	{ padding-top:0 !important; }


.w200 {width:200px !important}
.w150 {width:150px !important}
.w100 {width:100px !important}
.w180 {width:180px !important}
.w50p {width:50% !important}
.w100p {width:100% !important}

.t_left {text-align:left !important}
.t_center {text-align:center !important}
.t_right {text-align:right !important}

.fc_black {color:#000 !important}
.fc_red {color:#df1220 !important}
.pt_blue {color:#2f6fc7 !important}
.pt_color		{ color:#df131f !important; 	}