@charset "utf-8";

html											{ font-size:16px; box-sizing:border-box; font-family:/*'NotoSansKR',*/ 'Pretendard', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
*,*:before,*:after								{ box-sizing:inherit; }
body 											{ margin:0; padding:0; font-size:16px; letter-spacing:-1px;line-height:1.562; color: #646464; font-weight:400; letter-spacing:-0.5px; word-break:break-all;}
ul,ol,li,dl,dt,dd								{ margin:0; padding:0; list-style: none;}
p,h1,h2,h3,h4,h5,h6								{ margin:0; padding:0;}
strong											{ font-weight:400;}
a, button 										{ color:inherit; text-decoration:none;}
img 											{ border:0;	vertical-align:middle; font-size:0; max-width:100%; }
table											{ border-spacing:0; width:100%;}
caption,legend									{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
select, input, textarea							{ color:#454545; font-size:0.8rem; }
select, input 									{ vertical-align: middle;}
address,em,i									{ font-style:normal;}
button											{ border:0; background:none; cursor:pointer; padding:0; }
hr												{ margin: 0; border: none; padding: 0; display:block;}
figure, figcaption								{ padding:0; margin:0;}
fieldset										{ border:none; padding:0; margin:0;}
input[type="submit"] 							{ -webkit-appearance: none; -moz-appearance: none; appearance: none;}
header, footer, article, 
section, aside, nav, main 						{ display: block;}
button,input,optgroup,select,textarea 			{ font-family:inherit; font-size:inherit; font-weight:inherit; margin: 0;}

input											{ border:1px solid #e0e0e0; }	
textarea										{ padding:10px; border:1px solid #e0e0e0; overflow-y:auto;}
textarea:disabled,
input:disabled									{ background-color:#f4f6f8 }
input[type="text"],
select,
input[type="email"],
input[type="tel"],	
input[type="password"]							{ padding:8px 10px; min-height:40px; }
input[type=checkbox]							{ width:17px; height:17px; cursor:pointer;}
input[type=radio]								{ width:17px; height:17px;}
input[type=radio] + label span.radio			{ width:22px; height:22px; background:url(/images/safe/bbs/radio_bg.png) no-repeat; display:inline-block; }
input[type=radio]:checked + label span.radio	{ background:url(/images/safe/bbs/radio_bg_on.png) no-repeat;}


input[type=password]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=text]:focus,
textarea:focus									{ border:1px solid #2878d3; box-shadow:none; color:#646464;}
input[type=text]:focus::placeholder, 
input[type=number]:focus::placeholder, 
input[type=tel]:focus::placeholder, 
input[type=password]:focus::placeholder,
textarea:focus::placeholder 					{ font-size:0 !important;}


select											{ color:#646464; border:1px solid #e0e0e0; padding:8px 2em 8px 10px; cursor:pointer; background:#ffffff url(/images/safe/bbs/selectico.png) 90% center no-repeat; -webkit-appearance:none; 
													-moz-appearance:none; -o-appearance:none; appearance:none;}
select::-ms-expand								{ display:none;}
::selection										{ color:#fff; background:#2878D3;}
::-moz-selection								{ color:#fff; background:#2878D3;}

/* skip navigation */
#skip-navi a									{ display:block; position:absolute; top:-35px; left:50% !important; z-index:9999; width:auto; height:33px; line-height:31px; box-sizing:border-box; padding:0 10px; margin:0px; background:#222; 
													color:#fff; font-size:13px; transform:translateX(-50%);}
#skip-navi a:hover,
#skip-navi a:focus,
#skip-navi a:active								{ top:0px; height:33px; line-height:31px; padding:0 10px;}


.blind, .hidden, .hide							{ position:absolute; left:-99999px; display:block; width:1px; height:1px; overflow:hidden; text-indent:-99999px; clip:rect(0,0,0,0);}


::placeholder { color: #767676 !important; }

:focus{outline:2px dotted #01a161 !important}


/* Tablet Device */
@media all and (max-width:1024px) {
	body{ font-size:14px;}
	
}

/* Mobile Device */
@media all and (max-width:768px) {	
	.web_view {display:none!important;}
	.mob_view {display:block!important;}
}