@charset "utf-8";
/* 
Noel's HTML5 Reset
v1.0
Last Updated: 2016-04-01
Author: Young Min Kim(Edited HTML-Doctor)
KaKao: Sophistic
*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family: 'Nanum Gothic', sans-serif; font-weight:400; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  font-size:1em; color:#3d3d3d;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, a{margin:0;  padding:0;  border:0;  outline:0; font-size:100%;  vertical-align:baseline; letter-spacing:-0.5px;  background:transparent; -webkit-text-size-adjust:none; /*텍스트 크기 자동조절X*/ ;}

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

legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
a{font-style:normal; text-decoration:none; color:#3d3d3d;}
button{cursor:pointer; border:none; padding:0; }
li{list-style:none;}
blockquote, q {quotes:none;}
strong{font-weight:bold !important}
.blind{position:absolute; top:-999999px;}
table {border-collapse:collapse; border-spacing:0;}
iframe{width:100%;vertical-align:middle;}
/* input, button{box-sizing:inherit; } */
section{display:table;width:100%;}
caption{display:none;}
figcaption{display:none}

a:link		{ color:#3d3d3d; text-decoration:none; }
a:visited	{ color:#3d3d3d; text-decoration:none; }
a:hover 	{ color:#3d3d3d; text-decoration:none; }
a:focus 	{ color:#3d3d3d; text-decoration:none; }
a:active	{ color:#3d3d3d; text-decoration:none; }

input::-webkit-outer-spin-button,  
input::-webkit-inner-spin-button {-webkit-appearance:none;  margin:0; }

input[type="text"], input[type="number"],input[type="email"], input[type="search"],
input[type="password"], input[type="date"], input[type="tel"], select
{display:table-cell; vertical-align:middle;height:32px;line-height:25px; padding:0 5px;  background:#fff;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #d6d6d6;
-webkit-transition:all 0.20s ease-in-out; -moz-transition:all 0.20s ease-in-out; -ms-transition:all 0.20s ease-in-out; -o-transition:all 0.20s ease-in-out; outline:none; color:#3d3d3d; font-weight:normal;}



/* input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus,
input[type="search"]:focus, input[type="password"]:focus, input[type="date"]:focus,input[type="tel"]:focus,
textarea:focus, select:focus {box-shadow:0 0 0px rgba(255, 255, 255, 1);  border:1px solid rgba(236, 25, 32, 1);} */
input.disabled {background:#fff;}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
}
select::-ms-expand{display:none; }
address{font-style:normal;}
select{background:#fff; padding:3px 0  5px 10px ; width:250px; outline :none; overflow :hidden; text-overflow:''; border-radius:0; -webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none; cursor:pointer;}
textarea{width:100%;height:100px; resize:none; border:1px solid #d6d6d6;   padding:10px; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:#e3e3e3 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#e3e3e3 !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#e3e3e3 !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#e3e3e3 !important;
} 
/* 
input[type='checkbox'],input[type='radio'] {vertical-align:middle; margin-top:0; 0/IE8+9; } */

.mgt_5{margin-top:5px ;}
.mgt_10{margin-top:10px;}
.mgt_20{margin-top:20px;}

.mg_5{margin-bottom:5px !important;}
.mg_10{margin-bottom:10px;}
.mg_20{margin-bottom:20px; line-height:150%;}
.mg_30{margin-bottom:30px;}
.mg_40{margin-bottom:40px;}
.mg_50{margin-bottom:50px !important;; }
.mg_60{margin-bottom:60px;}
.mg_70{margin-bottom:70px;}
.mg_100{margin-bottom:100px;}

.mgl_70{margin-left:70px;}

.fr{float:right}
.fl{float:left}
.clear{clear:both;}
.dashed{border-bottom: 1px dashed #d2d2d2;}
/* 
.border_r{ -webkit-border-radius: 5px !important; -moz-border-radius:5px !important; border-radius:5px !important;}
.border_rt{ -webkit-border-radius: 5px 5px 0 0  ; -moz-border-radius:5px 5px 0 0 ; border-radius:5px 5px  0 0 ;}
.border_rb{ -webkit-border-radius: 0 0  5px 5px ; -moz-border-radius:0 0 5px 5px ; border-radius: 0 0 5px 5px;}
.border_rc{ -webkit-border-radius: 5px 0 0 5px  ; -moz-border-radius:5px 0 0 5px ; border-radius:5px 0 0 5px  ;}
.border_lc{ -webkit-border-radius: 0 5px 5px 0  ; -moz-border-radius:0 5px 5px  0 ; border-radius: 0  5px 5px 0 ;}

 */
input[type="checkbox"], input[type="radio"]{vertical-align: -2px;    margin: 0px 5px 0px 0px;    padding: 0px;} 

/*End Noel's Reset*/


/*  --------------------------------------------------- */


/* end custom *//* animate */


/* animated elements
.animateblock {
  opacity: 0;
  -webkit-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -ms-transition:all 0.7s linear;    -o-transition:all 0.7s linear; 
  transition: all 0.7s linear;
}

.animateblock.animated {
  opacity: 1;
}

animation transition styles
.animateblock.left {
  margin-left: -10%;
  float:none;

}
.animateblock.left.animated {
  margin-left: 30px;
  float:left;
}
.animateblock.right {

  margin-right: -10%;
   float:none;
}
.animateblock.right.animated {
  margin-right:auto;
  float:right;
}

.animateblock.top {
  display: block;
  width: auto;
  text-align: center;
  margin-top: -25px;
}
.animateblock.top.animated {
  margin-top: 0px;
}

.animateblock.btm {
  display: block;width: auto;
  text-align: center;
  padding-top: 25px;
}
.animateblock.btm.animated {
  padding-top: 0;
}

.animateblock.centerleft {
  display: block;
  width: auto;
  text-align: center;
  margin-right: -1%;
}
.animateblock.centerleft.animated {
  margin-right: 0;
}

.animateblock.centerright {
  display: block;
  width: auto;
  text-align: center;
  margin-left: -1%;
}
.animateblock.centerright.animated {
  margin-left: 0;
  width:100%;
}

.animateblock.center {
  margin-left: 2%;
}
.animateblock.center.animated {
  margin-left: 42%;
}

.animateblock.size {
  display: block;
  width: 10%;
  text-align: center;
}
.animateblock.size.animated {
  width: 100%;
  height: 100%;
}
.animateblock.size img {
  max-width: 100%;
  height: auto;
} */