@charset "utf-8";
/* Reset   @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');*/

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: 'NanumSquare', sans-serif;    line-height: 28px;  word-break: break-all; /**/       letter-spacing: -0.5px;    }
body { background: #fff;  /*  font-size:17px;  color:#676767; */  font-size:18px;  color:#343434;    font-weight: 400;     font-family: 'NanumSquare', sans-serif;    }

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; }





/* @media only screen and (max-width: 700px) 
@media only screen and (max-width: 767px) { 

body{margin:0; padding:0;  background: #fff;   font-size:15px; line-height: 28em;    color:#222;   }
body,h1,h2,h3,h4,input,button,textarea,select { font-family: 'NotoSans', sans-serif;    word-break: break-all;  }

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; }

html, body, table, textarea, select, h1, h2, h3, h4, h5, h6, h7, p, figure, div { font-family: 'NotoSans', sans-serif;  color:#040404; font-size:14px;  line-height: 1.5em;   }

}  */



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:11px !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:26px; height:42px; padding:5px; vertical-align:middle; background:#FBFBFB; border-radius:2px; font-size:16px;  font-weight:600; color:#3D3D3D;
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 */

/*
      font-family: 'GongGothicL';
	    font-family: 'GongGothicM';
		    font-family: 'GongGothicB';
*/


@font-face{
	font-family:'GongGothicL';
	src:url('GongGothic_Light.eot');
	src:url("../font/GongGothic_Light.eot?#iefix") format('embedded-opentype'),
        url("../font/GongGothic_Light.woff") format("woff"),
        url("../font/GongGothic_Light.woff2") format("woff2"),
        url("../font/GongGothic_Light.ttf") format('truetype');
	font-weight:normal;
	font-style: normal;
}

@font-face{
	font-family:'GongGothicM';
	src:url('GongGothic_Medium.eot');
	src:url("../font/GongGothic_Medium.eot?#iefix") format('embedded-opentype'),
        url("../font/GongGothic_Medium.woff") format("woff"),
        url("../font/GongGothic_Medium.woff2") format("woff2"),
        url("../font/GongGothic_Medium.ttf") format('truetype');
	font-weight:normal;
	font-style: normal;
}

@font-face{
	font-family:'GongGothicB';
	src:url('GongGothic_Bold.eot');
	src:url("../font/GongGothic_Bold.eot?#iefix") format('embedded-opentype'),
        url("../font/GongGothic_Bold.woff") format("woff"),
        url("../font/GongGothic_Bold.woff2") format("woff2"),
        url("../font/GongGothic_Bold.ttf") format('truetype');
	font-weight:normal;
	font-style: normal;
}