@charset "utf-8";


/** nanumfont_common **/

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

.nanumgothic * {  font-family: 'NanumGothic', sans-serif;  }

.w250 { font-weight: 250;}
.w300 { font-weight: 300;}
.w350 { font-weight: 350;}
.w400 { font-weight: 400;}
.w500 { font-weight: 500;}
.w700 { font-weight: 700;}
.w800 { font-weight: 800;}
.w900 { font-weight: 900;}

/** nanumfont_common **/


html {overflow-y:scroll; overflow-x:hidden}
html,body{width:100%;height:100%; }
html{overflow-y:scroll; overflow-x:hidden}
html, body, table, textarea, select, h1, h2, h3, h4 { font-family: 'NanumGothic', sans-serif;  color:#3E3E3E;   line-height: 28px;  word-break: break-all; /**/       letter-spacing: -0.5px;    }
body { background: #fff;    font-size:18px;  }

body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd,  fieldset, legend, input, textarea, button, select, a, p,
audio, video, object, iframe,  small, strong, form, label, article, aside, canvas,  nav, div   /** table, caption, tbody, tfoot, thead, tr, th, td, **/
{ margin:0; padding:0; /* border:0; */}

a {  /* transition: all 0.3s ease-in-out;*/    vertical-align:top;      text-decoration: none;  cursor:pointer;   color:#222; }


body{ background-color:none;  text-align:left; -webkit-text-size-adjust:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
ul, ol, dl { list-style:none }
img, video{  /*max-width:100%;*/ border:0;  height: auto;}

@media (max-width: 1024px) {
img, video{  max-width: 100%;}
}


/*a {  transition: all 0.2s ease-in-out;- vertical-align:top;      text-decoration: none;  cursor:pointer;   color:#222; }*/
a:hover, a:link, a:visited, a:active  {  text-decoration: none; }

      /* common a */  
    a { vertical-align: baseline; background: transparent; text-decoration: none; color: #555; }
    a:hover { -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease;   -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; }
      /* common a */  


table { border-collapse:separate;  border-spacing:0; }
input, select {vertical-align:none;  }

label {cursor:pointer}
.blind, legend, hr, caption{display:block; overflow:hidden; position:absolute; top:0; left:-1000em}
i, em, address{font-style:normal; font-weight:normal}

.clear{clear: both}
.clearfix{*zoom: 1;}
.clearfix:after{content: ''; display: block; clear: both;}


::selection {  background: #338FFF;  color:white;}


/* placeholder */
::-webkit-input-placeholder { color:#C1C1C1; vertical-align:middle; font-weight:normal;  font-size:13px !important;}
::-moz-placeholder {color:#C1C1C1; line-height:354x; vertical-align:middle; font-size:10px;}
:-ms-input-placeholder {color:#C1C1C1 !important; line-height:34px; vertical-align:middle; font-size:13px !important;}
:-moz-placeholder {color:#C1C1C1; line-height:34px; vertical-align:middle; font-size:10px;}
/* placeholder */





@media only screen and (max-width: 767px) { 
/* placeholder */
::-webkit-input-placeholder { color:#C1C1C1; vertical-align:middle; font-weight:normal;  font-size:13px !important;}
::-moz-placeholder {color:#C1C1C1; line-height:354x; vertical-align:middle; font-size:10px;}
:-ms-input-placeholder {color:#C1C1C1; line-height:34px; vertical-align:middle; font-size:10px;}
:-moz-placeholder {color:#C1C1C1; line-height:34px; vertical-align:middle; font-size:10px;}
/* placeholder */
}



/* box-sizing */
*:before, *:after { box-sizing: border-box; }
* { -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;    box-sizing: border-box;    outline: none;  }
*:before, *:after {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;   box-sizing: border-box;  }

input[type="text"], textarea, input[type="file"], input[type="password"] 
{ border:1px solid #E6E6E6; line-height:42px; height:42px; text-indent:5px; vertical-align:middle; background:#FBFBFB; border-radius:2px; font-size:13px; color:#000000;
box-shadow:none;  
-webkit-appearance: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-webkit-border-radius:2px;  }

select
{ border:1px solid #c1c1c1; line-height:34px; height:34px; text-indent:5px; vertical-align:middle; background:#fff; border-radius:2px; font-size:13px; color:#828282;
box-shadow:none;  
-webkit-box-shadow: none;
-moz-box-shadow: none;
-webkit-border-radius:2px;  }
/* box-sizing */


/* @media only screen and (max-width: 700px)  */
@media only screen and (max-width: 800px) { 
input[type="text"], textarea, input[type="file"], input[type="password"] 
{ border:1px solid #c1c1c1; line-height:20px; height:32px; text-indent:5px; vertical-align:middle; background:#FBFBFB; border-radius:2px; font-size:12px; color:black; 
box-shadow:none;  
-webkit-box-shadow: none;
-moz-box-shadow: none;
-webkit-border-radius:2px;  }


select
{ border:1px solid #c1c1c1; line-height:20px; height:32px; text-indent:5px; vertical-align:middle; background:#fff; border-radius:2px; font-size:12px; color:#828282;
box-shadow:none;  
-webkit-box-shadow: none;
-moz-box-shadow: none;
-webkit-border-radius:2px;  }





/* padding margin - common */
.p5   { padding:5px;}
.p10 { padding:10px;}
.p15 { padding:15px;}
.p20 { padding:20px;}
.p25 { padding:25px;}
.p30 { padding:30px;}
.p35 { padding:35px;}


.pt5   { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}
.pt35 { padding-top:35px;}

.mt5   { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
/* padding margin - common */