@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:300; 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, b										{ font-weight:400;}
a 												{ 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(/resource/www/images/bbs/radio_bg.png) no-repeat; display:inline-block; }
input[type=radio]:checked + label span.radio	{ background:url(/resource/www/images/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(/resource/www/images/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-navi										{ overflow:hidden;position:relative;width:100%;z-index:1000}
#skip-navi a									{ display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;line-height:0;text-align:center}
#skip-navi a:focus,
#accessibility a:hover,
#accessibility a:active 						{ width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#00aeef;line-height:1;color:#fff;}

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

.container										{ max-width:1560px; margin:0 auto; position:relative; width:100%; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;
    -o-transition:all .3s ease; transition:all .3s ease;}
.container::after								{ content:""; clear:both; display:block;}

.clearfix:after									{ clear:both; display:block; content: ""}
.clearfix										{ display:block; clear:both }

.fl												{ float:left !important }
.fr												{ float:right !important }
.fc												{ clear:both !important }

.tl												{ text-align:left !important }
.tr												{ text-align:right !important }
.tc												{ text-align:center !important }

.web_view										{ display:block !important}
.mob_view										{ display:none !important}


/* 필수체크 블릿 */
.bl-point										{ display:inline-block;}
.bl-point:after									{ display:inline-block; margin:-3px 3px 0; vertical-align:middle; content:''; width: 4px; height:4px; border-radius:2px; background-color: #da291c;}


/* Desktop Device */
@media all and (min-width:1025px){
}

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

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


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

/**:focus{outline:2px dotted #2773b3 !important}*/