@charset 'utf-8';
@import url(//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Ruda:400,700,900);

/* reset */ 
html:root {border:none;} 
body{min-width:320px;background:#fff;color:#3b3b3b; line-height:1;word-break:keep-all; word-wrap:break-word;}
html,body{position:relative;width:100%; height:100%; margin:0;padding:0;font-size:14px;  font-family: 'Noto Sans KR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; vertical-align:top; font-weight:400;line-height:1.4;}
div, dl,dt,dd,ul,ol,li,pre,form,fieldset,input,button,select,textarea,p,blockquote,address,th,td {margin:0;padding:0;vertical-align:top; color:#3b3b3b;
font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; font-weight:400; font-size:14px; word-break:break-all;}
 
html,body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, button, select, textarea, p, blockquote, address, table, th, td, a, 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, h1,h2,h3,h4,h5,h6, b, strong,span, em, i, a{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

 
@media all and (max-width:600px){
html, body,div, dl,dt,dd,ul,ol,li,pre,form,fieldset,input,button,select,textarea,p,blockquote,address,th,td {font-size:13px;}
}

@media all and (max-width:350px){
html, body,div, dl,dt,dd,ul,ol,li,pre,form,fieldset,input,button,select,textarea,p,blockquote,address,th,td {font-size:12px;}
}

@media all and (min-width:950px){
html {overflow-y:scroll;}
}

input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;  -webkit-border-radius: 0;border-radius: 0;}

img {max-width:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; padding:0;margin:0; vertical-align:top;}
header,nav,section,article,footer {width:100%;}
img, b,strong,a, span,em {vertical-align:top;padding:0;margin:0;border:0; font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; }
b, strong {font-weight:600;}
h1,h2,h3,h4,h5,h6 {font-weight:400; line-height:1.2;}
a{text-decoration:none; display:inline-block; cursor:pointer; color:#555;}
a:hover{ text-decoration:underline;}
a:focus, img:focus, input:focus, button:focus {outline:0; }
table {border-collapse:collapse;border-spacing:0;padding:0;margin:0;border:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,i,strong,th,var {font-style:normal;font-weight:normal;padding:0;margin:0;}
ol,ul,li,dl, dd {list-style:none;margin:0; padding:0;}
legend,button,input,select,textarea{vertical-align:middle;display:inline-block;padding:0;margin:0;}
caption:after{display:block;clear:both;content:'';}
caption,th {text-align:left;}
caption legend {width:0; height:0; line-height:0; overflow:hidden; visibility:hidden; font-size:0;}
abbr,acronym {border:0;}
img.flxImg{max-width:100%;}
address {font-style:normal;}
hr {display:none;height:0; border:0; margin:0; padding:0;}
th,td {vertical-align:middle;}
button {background:transparent; cursor:pointer; overflow:visible;}
select optgroup{padding:0;margin:0;}
select optgroup option{padding:0;margin:0;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

textarea:focus {  outline: none;}
button:focus {  outline: none;}
input:focus {  outline: none;}
 *:focus { outline:none; border:none; }

input::-webkit-input-placeholder { color:#a09ea1; font-weight:300; font-size:14px;}
input::-moz-placeholder {color:#a09ea1; font-weight:300;  font-size:14px;}
input:-ms-input-placeholder { color:#a09ea1; font-weight:300;  font-size:14px;}
input::placeholder{ color:#a09ea1; font-weight:300;  font-size:14px; }

textarea::-webkit-input-placeholder { color:#a09ea1;  font-weight:300; font-size:14px;}
textarea:-moz-placeholder {color:#a09ea1; font-weight:300;  font-size:14px; }
textarea:-ms-input-placeholder { color:#a09ea1;  font-weight:300; font-size:14px;}
textarea::placeholder { color:#a09ea1;  font-weight:300; font-size:14px;}

 .input  {width:100%; line-height:39px;height:40px; border:1px solid #e2e2e2; display:block; padding:0 10px;}
 .textarea  {width:100%; height:350px; border:1px solid #e2e2e2; display:block; padding:10px;}

@media all and (max-width:600px){
input::-webkit-input-placeholder { font-size:13px;}
input::-moz-placeholder  { font-size:13px;}
input:-ms-input-placeholder { font-size:13px;}
input::placeholder { font-size:13px;}

textarea::-webkit-input-placeholder { font-size:13px;}
textarea:-moz-placeholder  { font-size:13px;}
textarea:-ms-input-placeholder { font-size:13px;}
textarea::placeholder { font-size:13px;}
}

@media all and (max-width:400px){
 .textarea  { height:300px; }
}

@media all and (max-width:350px){
 .textarea  { height:250px; }
}

.noto {font-family:  'Noto Sans KR' !important;}
.roboto {font-family:'Roboto' !important;}

.bb {border:1px solid red;}
.fw500 {font-weight:500 !important;}
.nomb {margin-bottom:0  !important;}
.nopb {padding-bottom:0  !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.nobbar {border-bottom:none !important;}

.ac, .ac th, .ac td {text-align:center !important;}
.al, .al th, .al td {text-align:left !important;}
.ar, .ar th, .ar td  {text-align:right !important;}

.c_red {color:#ee0e0e !important;}
.nofile {width:100%;   text-align:center; border-bottom:1px solid #eee;   }
.nofile span {display:inline-block; padding:50px 0 50px 42px;  background:url(../img/com/icon_none.png) no-repeat 0 50%; }
.nofile:after {content:''; display:block; clear:both;}

@media all and (max-width:801px){
.nofile span { background:url(../img/com/icon_none_mo.png) no-repeat 0 50%; background-size:29px; }
}


/* margin */
.mt1  {margin-top:1px !important;}
.mt2  {margin-top:2px !important;}
.mt5  {margin-top:5px !important;}
.mt8  {margin-top:8px !important;}
.mt10  {margin-top:10px !important;}
.mt12  {margin-top:12px !important;}
.mt15  {margin-top:15px !important;}
.mt20  {margin-top:20px !important;}
.mt22  {margin-top:22px !important;}
.mt23  {margin-top:23px !important;}
.mt25  {margin-top:25px !important;}
.mt30  {margin-top:30px !important;}
.mt40  {margin-top:40px !important;}
.mt50  {margin-top:50px !important;}

.mb30  {margin-bottom:30px !important;}

.pt5  {padding-top:5px !important;}
.pt10  {padding-top:10px !important;}
.pt12  {padding-top:12px !important;}
.pt25  {padding-top:25px !important;}
.pt20  {padding-top:20px !important;}
.pt30  {padding-top:30px !important;}
.pt40  {padding-top:40px !important;}
.pt50  {padding-top:50px !important;}
.pt60  {padding-top:60px !important;}
.pt65  {padding-top:65px !important;}
.pt70  {padding-top:70px !important;}
.pt75  {padding-top:75px !important;}
.pt80  {padding-top:80px !important;}
.pt90  {padding-top:90px !important;}
.pt100  {padding-top:100px !important;}

.w100p {width:100% !important;}
.wb {word-break:break-all  !important;}