@charset "utf-8";
/* JBK 171022 */

/* html, body{ height: 100%; } */
a { -webkit-tap-highlight-color:rgba(35, 116, 236, 0.5);} /* 부트스트랩 터치 이벤트 활성화 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0; }
body { line-height:1.5em; color:#2d2d2d; font-size:14px; text-align:center; background-color: #f0f0f0;}
p { text-align: left; }
img, fieldset, button {border:none;}
img, button, input, select {vertical-align:middle;}
hr, button img {display:none;}
li {list-style:none;}
a {color:#2d2d2d;text-decoration:none;}
a:hover {color:#2d2d2d; text-decoration:none;}
a:active {color:#2d2d2d; text-decoration:none;}
a:visited {color:#9d9d9d; text-decoration:none;} 
textarea {overflow:auto;}
html:first-child select {padding-right:6px; height:30px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */

header, footer, nav, aside, section, article {display:block; }

body,a,[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel],select,h1, h2, h3, h4, h5, h6, pre,textarea{
font-family:/*"Nanum Gothic","noto",*/"Malgun Gothic", "맑은고딕", "돋움","Open Sans","tahoma","sans-serif"; font-size:14px; color:#333; word-break: keep-all;}
@media (max-width: 767px) {
body,a,[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel],select,h1, h2, h3, h4, h5, h6, pre,textarea{
font-family:"Dotum","돋움","tahoma","Open Sans","sans-serif"; font-size:14px; color:#333; word-break: keep-all;}
}
[type=text], [type=password], /* [type=file],*/ [type=email], [type=number], [type=tel] {padding-left:10px; box-sizing:border-box; vertical-align:middle; border:solid 1px #ddd; background-color:#fff; height:25px; line-height:25px;}
[type=checkbox], [type=radio]{vertical-align:middle;margin:6px 4px 4px 4px;}

textarea{resize:none; padding: 10px; box-sizing:border-box; }

ol, ul { 
	-webkit-padding-start: 0px;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*float 해제*/
* html .clear { height: 1%; overflow: visible;} /* IE6 float 해제*/
*+html .clear { min-height: 1%;} /* IE7 float 해제 */
.clear:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.clear {clear: both; content: "."; display: block; height: 0;}


/*-- font --*/

/*NotoSans*/
@font-face {
    font-family: 'noto-thin';
    font-style: normal;
    font-weight: 100;
    src: url(font/NotoSans-Thin.eot);
    src: url(font/NotoSans-Thin.eot?#iefix) format('embedded-opentype'),
    url(font/NotoSans-Thin.woff2) format('woff2'),
    url(font/NotoSans-Thin.woff) format('woff'),
    url(font/NotoSans-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'noto-light';
    font-style: normal;
    font-weight: 200;
    src: url(font/NotoSans-Light.eot);
    src: url(font/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
    url(font/NotoSans-Light.woff2) format('woff2'),
    url(font/NotoSans-Light.woff) format('woff'),
    url(font/NotoSans-Light.otf) format('opentype');
}


@font-face {
    font-family: 'noto-demilight';
    font-style: normal;
    font-weight: 300;
    src: url(font/NotoSans-DemiLight.eot);
    src: url(font/NotoSans-DemiLight.eot?#iefix) format('embedded-opentype'),
    url(font/NotoSans-DemiLight.woff2) format('woff2'),
    url(font/NotoSans-DemiLight.woff) format('woff'),
    url(font/NotoSans-DemiLight.otf) format('opentype');
}


@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 400;
    src: url(font/NotoSans-Regular.eot);
    src: url(font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
    url(font/NotoSans-Regular.woff2) format('woff2'),
    url(font/NotoSans-Regular.woff) format('woff'),
    url(font/NotoSans-Regular.otf) format('opentype');
}


@font-face {
    font-family: 'noto-medium';
    font-style: normal;
    font-weight: 600;
    src: url(font/NotoSans-Medium.eot);
    src: url(font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
    url(font/NotoSans-Medium.woff2) format('woff2'),
    url(font/NotoSans-Medium.woff) format('woff'),
    url(font/NotoSans-Medium.otf) format('opentype');
}


@font-face {
    font-family: 'noto-bold';
    font-style: normal;
    font-weight: 700;
    src: url(font/NotoSans-Bold.eot);
    src: url(font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
    url(font/NotoSans-Bold.woff2) format('woff2'),
    url(font/NotoSans-Bold.woff) format('woff'),
    url(font/NotoSans-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'noto-black';
    font-style: normal;
    font-weight: 900;
    src: url(font/NotoSans-Black.eot);
    src: url(font/NotoSans-Black.eot?#iefix) format('embedded-opentype'),
    url(font/NotoSans-Black.woff2) format('woff2'),
    url(font/NotoSans-Black.woff) format('woff'),
    url(font/NotoSans-Black.otf) format('opentype');
}


/* Nanum Gothic */
@font-face{
	font-family:'Nanum Gothic';
	src:url('font/NanumGothic.eot'); /* IE9 Compat Modes */
	src:url('font/NanumGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('font/NanumGothic.woff') format('woff'), /* Modern Browsers */
	url('font/NanumGothic.ttf') format('truetype');
	/* url('font/NanumGothic.svg#NanumGothic') format('svg') */ /* Mobile Browsers */
	src:local(※), url('font/NanumGothic.woff') format('woff');
}

/* Open Sans */
@font-face{
	font-family:'Open Sans';
	src:url('font/OpenSans.eot'); /* IE9 Compat Modes */
	src:url('font/OpenSans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('font/OpenSans.woff') format('woff'), /* Modern Browsers */
	url('font/OpenSans.ttf') format('truetype');
	/* url('font/OpenSans.svg#OpenSans') format('svg') */ /* Mobile Browsers */
	src:local(※), url('font/OpenSans.woff') format('woff');
}

/*Lato*/
/* Lato-Black */
@font-face {
    font-family: 'lato_Black';
    src: url('font/Lato-Black.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-Black.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Lato-Bold */
@font-face {
    font-family: 'lato_Bold';
    src: url('font/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Lato-Hairline */
@font-face {
    font-family: 'lato_Hairline';
    src: url('font/Lato-Hairline.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-Hairline.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-Hairline.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Lato-Heavy */
@font-face {
    font-family: 'lato_Heavy';
    src: url('font/Lato-Heavy.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-Heavy.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-Heavy.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Lato-Light */
@font-face {
    font-family: 'lato_Light';
    src: url('font/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* Lato-Medium */
@font-face {
    font-family: 'lato_Medium';
    src: url('font/Lato-Medium.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-Medium.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Lato-Regular */
@font-face {
    font-family: 'lato';
    src: url('font/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Lato-Semibold */
@font-face {
    font-family: 'lato_Semibold';
    src: url('font/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Lato-Thin */
@font-face {
    font-family: 'lato_Thin';
    src: url('font/Lato-Thin.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-Thin.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}



/* Lato-MediumItalic */
@font-face {
    font-family: 'lato_Medium';
    src: url('font/Lato-MediumItalic.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-MediumItalic.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-MediumItalic.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-MediumItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Lato-BlackItalic */
@font-face {
    font-family: 'lato_Black';
    src: url('font/Lato-BlackItalic.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-BlackItalic.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-BlackItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Lato-BoldItalic */
@font-face {
    font-family: 'lato_Bold';
    src: url('font/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Lato-HairlineItalic */
@font-face {
    font-family: 'lato_Hairline';
    src: url('font/Lato-HairlineItalic.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-HairlineItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Lato-HeavyItalic */
@font-face {
    font-family: 'lato_Heavy';
    src: url('font/Lato-HeavyItalic.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-HeavyItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Lato-Italic */
@font-face {
    font-family: 'lato';
    src: url('font/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-Italic.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Lato-LightItalic */
@font-face {
    font-family: 'lato_Light';
    src: url('font/Lato-LightItalic.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Lato-SemiboldItalic */
@font-face {
    font-family: 'lato_Semibold';
    src: url('font/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-SemiboldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* Lato-ThinItalic */
@font-face {
    font-family: 'lato_Thin';
    src: url('font/Lato-ThinItalic.eot'); /* IE9 Compat Modes */
    src: url('font/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Lato-ThinItalic.woff2') format('woff2'), /* Modern Browsers */
         url('font/Lato-ThinItalic.woff') format('woff'), /* Modern Browsers */
         url('font/Lato-ThinItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/*roboto*/
@font-face {
  font-family: 'roboto';
  src: url("font/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("font/Roboto-Regular.woff?v=1.1.0") format("woff"), url("font/Roboto-Regular.ttf?v=1.1.0") format("truetype");
  font-weight: 400;
  font-style: normal; 
  }

@font-face {
  font-family: 'roboto';
  src: url("font/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("font/Roboto-Regular.woff?v=1.1.0") format("woff"), url("font/Roboto-Regular.ttf?v=1.1.0") format("truetype");
  font-weight: normal;
  font-style: normal; 
  }

@font-face {
  font-family: 'roboto';
  src: url("font/Roboto-Bold.woff2?v=1.1.0") format("woff2"), url("font/Roboto-Bold.woff?v=1.1.0") format("woff"), url("font/Roboto-Bold.ttf?v=1.1.0") format("truetype");
  font-weight: bold;
  font-style: normal; 
  }

/* 버튼 */

.btnBox {
	position:relative;
	display:block;
	height:auto;
	margin:20px 10px;
	text-align:center;
}

/* 클래스용 버튼 */
.btnLperple {
	position: relative;
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
	font-size: 16px;
	color:#fff;
	background-color: #d07ae9;
	border: 1px solid #d07ae9;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	cursor: pointer;
}

.btnLperple:hover {
	border:1px solid #b962d3;
	box-shadow: #888 0 0 5px;
}

.btnLblue {
	position: relative;
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
	font-size: 16px;
	color:#fff;
	background-color: #63b1e2;
	border: 1px solid #63b1e2;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	cursor: pointer;
}

.btnLblue:hover {
	border:1px solid #4b8fba;
	box-shadow: #888 0 0 5px;
}

.btnLorange {
	position: relative;
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
	font-size: 16px;
	color:#fff;
	background-color: #eb923c;
	border: none;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	cursor: pointer;
	-webkit-animation-name:btnLorange;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:btnLorange;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:btnLorange;
    -ms-animation-duration:1s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:btnLorange;
    -o-animation-duration:1s;
    -o-animation-iteration-count:infinite;
    animation-name:btnLorange;
    animation-duration:1s;
    animation-iteration-count:infinite;
}

.btnLorange:hover {
	border: none;
	box-shadow: #888 0 0 5px;
}

@-webkit-keyframes btnLorange {
  0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}
@-moz-keyframes btnLorange {
  0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}
@-ms-keyframes btnLorange {
  0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}
@-o-keyframes btnLorange {
0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}
@keyframes btnLorange {
 0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}

/* 화이트 버튼 */
a.btnWhiteS {
	position:relative;
	padding:1px 10px 2px;
	font-size:12px;
	color:#2d2d2d;
	background-color:#fff;
	border:1px solid #dedede;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
}

a.btnWhiteS:hover {
	background-color:#f9f9f9;
	text-decoration:none;
}

a.btnWhite {
	position:relative;
	padding:7px 20px;
	font-size:12px;
	color:#2d2d2d;
	background-color:#fff;
	border:1px solid #dedede;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
}

a.btnWhite:hover {
	background-color:#f9f9f9;
	text-decoration:none;
}

a.btnWhiteL {
	position:relative;
	padding:15px 30px;
	font-size:12px;
	color:#2d2d2d;
	background-color:#fff;
	border:1px solid #dedede;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
}

a.btnWhiteL:hover {
	background-color:#f9f9f9;
	text-decoration:none;
}

/* 버튼 */
.btnWhite30 {
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	text-align: center;
	color: #767676;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 2px;
	cursor: pointer;
}

.btnWhite30:hover {
	box-shadow: #dedede 0 0 5px;
}
.btnWhite32 {
	position: relative;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	color: #767676;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 2px;
	cursor: pointer;
}

.btnWhite32:hover {
	box-shadow: #dedede 0 0 5px;
}

.btnWhite36 {
	position: relative;
	height: 36px;
	line-height: 36px;
	padding: 0 20px;
	color: #000;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 2px;
	cursor: pointer;
}

.btnWhite36:hover {
	box-shadow: #000 0 0 5px;
}

.btnWhite40 {
	position: relative;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	color: #767676;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 2px;
	cursor: pointer;
}

.btnWhite40:hover {
	box-shadow: #dedede 0 0 5px;
}


.btnWhite {
	position: relative;
    padding: 10px 30px;
    font-size: 12px;
	color:#2d2d2d;
	background-color:#fff;
	border:1px solid #dedede;
	cursor:pointer;
}

.btnWhite:hover {
	box-shadow: #dedede 0 0 5px;
}

.btnWhiteL {
	position:relative;
	padding:15px 30px;
	font-size:12px;
	color:#2d2d2d;
	background-color:#fff;
	border:1px solid #dedede;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnWhiteL:hover {
	background-color:#f9f9f9;
	text-decoration:none;
}


.btnWhiteS {
	position: relative;
     padding: 3px 10px;
      font-size: 12px;
	color:#2d2d2d;
	background-color:#fff;
	border:1px solid #dedede;
	cursor:pointer;
}

.btnWhiteS:hover {
	box-shadow: #dedede 0 0 5px;
}
a.btnWhite30:link, a.btnWhite30:visited, a.btnWhite30:active  {
	position: relative;
	padding: 7px 20px;
	color: #767676;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 2px;
}

a.btnWhite30:hover {
	box-shadow: #dedede 0 0 5px;
	text-decoration: none;
}
a.btnWhite32:link, a.btnWhite32:visited, a.btnWhite32:active  {
	position: relative;
	height: 32px;
	line-height: 32px;
	padding: 10px 20px;
	color: #5d5d5d;
	background-color: #fff;
	border:1px solid #dedede;
	border-radius: 3px;
	cursor: pointer;
}

a.btnWhite32:hover {
	box-shadow: #acacac 0 0 5px;
}

/* 블루버튼 */
.btnBlue30 {
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	font-size: 14px;
	color: #fff;
	background-color: #2a3785;
	border:none;
	border-radius: 3px;
	cursor: pointer;
}

.btnBlue30:hover {
	box-shadow: #acacac 0 0 5px;
}
.btnBlue32 {
	position: relative;
	height: 32px;
	line-height: 32px;
	padding: 0 20px;
	font-size: 14px;
	color: #fff;
	background-color: #2a3785;
	border:none;
	border-radius: 3px;
	cursor: pointer;
}

.btnBlue32:hover {
	box-shadow: #acacac 0 0 5px;
}
.btnBlue36 {
	position: relative;
	height: 36px;
	line-height: 36px;
	padding: 0 20px;
	color: #fff;
	background-color: #2a3785;
	border:none;
	border-radius: 3px;
	cursor: pointer;
}

.btnBlue36:hover {
	box-shadow: #acacac 0 0 5px;
}
.btnBlue48 {
	position: relative;
	height: 48px;
	line-height: 48px;
	padding: 0 20px;
	color: #fff;
	background-color: #2a3785;
	border:none;
	border-radius: 3px;
	cursor: pointer;
}

.btnBlue48:hover {
	box-shadow: #acacac 0 0 5px;
}

a.btnBlue24:link, a.btnBlue24:visited, a.btnBlue24:active  {
	position: relative;
	height: 24px;
	line-height: 24px;
	padding: 4px 20px;
	color: #fff;
	background-color: #2a3785;
	border:none;
	text-decoration: none;
	border-radius: 3px;
	cursor: pointer;
}

a.btnBlue24:hover {
	box-shadow: #acacac 0 0 5px;
}

a.btnBlue30:link, a.btnBlue30:visited, a.btnBlue30:active  {
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 6px 20px;
	color: #fff;
	background-color: #2a3785;
	border:none;
	text-decoration: none;
	border-radius: 3px;
	cursor: pointer;
}

a.btnBlue30:hover {
	box-shadow: #acacac 0 0 5px;
}

a.btnBlue32:link, a.btnBlue32:visited, a.btnBlue32:active  {
	position: relative;
	height: 32px;
	line-height: 32px;
	padding: 10px 20px;
	color: #fff;
	background-color: #2a3785;
	border:none;
	text-decoration: none;
	border-radius: 3px;
	cursor: pointer;
}

a.btnBlue32:hover {
	box-shadow: #acacac 0 0 5px;
}


/* 그레이버튼 */

.btnGrey30 {
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: #767676;
	background-color: #f0f0f2;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	cursor: pointer;
}

.btnGrey30:hover {
	box-shadow: #dedede 0 0 5px;
}

.btnGrey36 {
	position: relative;
	height: 36px;
	line-height: 36px;
	padding: 0 20px;
	color: #767676;
	background-color: #f0f0f2;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	cursor: pointer;
}

.btnGrey36:hover {
	box-shadow: #dedede 0 0 5px;
}

.btnGrey48 {
	position: relative;
	height: 48px;
	line-height: 48px;
	padding: 0 20px;
	color: #767676;
	background-color: #f0f0f2;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	cursor: pointer;
}

.btnGrey48:hover {
	box-shadow: #dedede 0 0 5px;
}

.btnGrey {
	position:relative;
	padding:10px 30px;
	font-size:12px;
	color:#fff;
	border:1px solid #888888;
	background-color:#888888;
	cursor:pointer;
}

.btnGrey:hover {
	text-decoration:none;
	box-shadow: #acacac 0 0 5px;
}
.btnGreyS {
	position: relative;
    padding: 3px 10px;
    font-size: 12px;
	color:#2d2d2d;
	background-color: #f0f0f2;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	cursor: pointer;
}

.btnGreyS:hover {
	box-shadow: #dedede 0 0 5px;
}

/* 레드버튼 */
.btnRed {
	position: relative;
	padding: 10px 30px;
    font-size: 12px;
    color: #fff;
	background-color: #df373d;
	border: 1px solid #b95734;
	cursor: pointer;
}

.btnRed:hover {
	box-shadow: #acacac 0 0 5px;
}

.btnRed30 {
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: #fff;
	background-color: #df373d;
	border: 1px solid #b95734;
	border-radius: 3px;
	cursor: pointer;
}

.btnRed30:hover {
	box-shadow: #acacac 0 0 5px;
}

.btnRed36 {
	position: relative;
	height: 36px;
	line-height: 36px;
	padding: 0 20px;
	color: #fff;
	background-color: #df373d;
	border: 1px solid #b95734;
	border-radius: 3px;
	cursor: pointer;
}

.btnRed36:hover {
	box-shadow: #888 0 0 5px;
}

.btnRedS {
	position:relative;
	padding: 3px 10px;
	font-size:12px;
	color:#fff;
	border: 1px solid #b95734;
	background-color:#df373d;
	border-radius: 3px;
	cursor:pointer;
}

.btnRedS:hover {
	box-shadow: #acacac 0 0 5px;
}

.btnOrange100 {
	position: relative;
	display: block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	padding: 0 10px;
	color: #fff;
	background-color: #f76900;
	border:none;
	cursor: pointer;
}

.btnOrange100:hover {
	box-shadow: #acacac 0 0 5px;
}


/* 블랙 버튼 */
.btnDark30 {
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: #fff;
	background-color: #8a939a;
	border: 1px solid #7b828c;
	border-radius: 3px;
	cursor: pointer;
}

.btnDark30:hover {
	box-shadow: #acacac 0 0 5px;
}

.btnBlack {
	position:relative;
	padding:10px 30px;
	font-size:12px;
	color:#fff;
	border:1px solid #4a4a4a;
	background-color:#4a4a4a;
	cursor:pointer;
}

.btnBlack:hover {
	text-decoration:none;
	box-shadow: #acacac 0 0 5px;
}
.btnBlack30 {
	position: relative;
	height: 30px;
	padding: 0 20px;
	color: #fff;
	background-color: #262c34;
	border: 1px solid #000000;
	border-radius: 3px;
	cursor: pointer;
}

.btnBlack30:hover {
	box-shadow: #acacac 0 0 5px;
}

.btnBlack32 {
	position: relative;
	height: 32px;
	padding: 0 20px;
	color: #fff;
	background-color: #262c34;
	border: 1px solid #000000;
	border-radius: 3px;
	cursor: pointer;
}

.btnBlack32:hover {
	box-shadow: #acacac 0 0 5px;
}

.btnBlack36 {
	position: relative;
	height: 36px;
	line-height: 36px;
	padding: 0 20px;
	color: #fff;
	background-color: #262c34;
	border:none;
	border-radius: 3px;
	cursor: pointer;
}

.btnBlack36:hover {
	box-shadow: #000 0 0 5px;
}

.btnBlack48 {
	position: relative;
	height: 48px;
	padding: 0 20px;
	color: #fff;
	background-color: #262c34;
	border: 1px solid #000000;
	border-radius: 3px;
	cursor: pointer;
}

.btnBlack48:hover {
	box-shadow: #acacac 0 0 5px;
}

a.btnBlack32:link, a.btnBlack32:visited, a.btnBlack32:active  {
	position: relative;
	padding: 7px 20px;
	color: #fff;
	background-color: #262c34;
	border: 1px solid #000000;
	text-decoration: none;
	border-radius: 3px;
}

a.btnBlack32:hover {
	box-shadow: #acacac 0 0 5px;
}

/* 노란색 버튼 */

.btnYellow36 {
	position: relative;
	height: 36px;
	line-height: 36px;
	padding: 0 20px;
	color: #000;
	background-color: #ffcc00;
	border:none;
	border-radius: 3px;
	cursor: pointer;
}

.btnYellow36:hover {
	box-shadow: #000 0 0 5px;
}

/* 텍스트 색상 */
.blue { color:#004c99 !important; }
.Lblue { color:#83dbff !important; }
.red { color:#ff3000 !important;}
.Lyellow { color:#fff600 !important; }
.yellow { color:#fed030 !important; }
.Dyellow { color:#997300 !important; }
.green { color:#14972d !important; }
.Lgreen { color:#2fff4b !important; }
.black { color:#000 !important; }
.perple { color: #b10be1 !important; }
.Lpink { color:#ffd0dc !important; }
.orange { color:#ff3000 !important; }
.Lorange { color: #d28500 !important; }
.white { color:#fff !important; }
.Lgrey { color:#9d9d9d !important; }
.grey { color:#7a7a7a !important; }
.Dgrey { color:#575757 !important; }
.brown {color:#ad4912 !important; }
.Dbrown {color:#511d00 !important; }

/* 링크 색상 */
a.blue { color:#004c99;}
a.Lblue { color:#007eff; }
a.red { color:#ff3000;}
a.yellow { color:#fed030; }
a.Dyellow { color:#997300;; }
a.green { color:#14972d; }
a.black { color:#000; }
a.white { color:#fff; }

/* 백그라운드 색상 */
.Bblue { background-color:#007eff !important; }
.BLblue { background-color:#cce5ff !important; }
.BLgrey { background-color:#f9f9f9 !important; }
.BLyellow { background-color:#ffef83 !important; }
.BLyellow2 { background-color:#fffff3 !important; }
.BLgreen { background-color:#fafff3 !important; }
.Bwhite { background-color:#fff !important; }

/* 텍스트 */
.FS11 { font-size:11px; }
.FS12 { font-size:12px; }
.FS14 { font-size:14px; }
.FS16 { font-size:16px; }
.FS18 { font-size:18px; }
.FS20 { font-size:20px; }
.FS24 { font-size:24px; }
.FS28 { font-size:28px; }
.FS32 { font-size:32px; }
.FS42 { font-size:42px; }
.FS52 { font-size:52px; }
.B { font-weight:bold !important; }
.FWN { font-weight:normal !important; }
.TDUL { text-decoration:underline !important; }

/* 레이아웃 */
.TAL { text-align:left !important; }
.TAC { text-align:center !important; }
.TAR { text-align:right !important; }
.VAT { vertical-align:top !important; }
.VAM { vertical-align:middle !important; }
.DB { display:block !important; }
.DIB { display:inline-block !important; }
.FL { float:left !important; }
.FR { float:right !important; }
.PR {position: relative; }

/* 크기 */
.W10 { width:10% !important; }
.W20 { width:20% !important; }
.W25 { width:25% !important; }
.W30 { width:30% !important; }
.W40 { width:40% !important; }
.W50 { width:50% !important; }
.W60 { width:60% !important; }
.W70 { width:70% !important; }
.W80 { width:80% !important; }
.W90 { width:90% !important; }
.W100 { width:100% !important; }
.W50P { width:  50px; }
.W110P { width:  110px; }
.W120P { width:  120px; }
.W130P { width:  130px; }
.W140P { width:  140px; }
.W150P { width:  150px; }
.W200P { width:  200px; }
.W250P { width:  250px; }
.W300P { width:  300px; }
.W400P { width:  400px; }
.W500P { width:  500px; }
.W680P { width:  680px; }

/* 마진 */
.MT-25 { margin-top:-25px !important; }
.MT-20 { margin-top:-20px !important; }
.MT0 { margin-top:0 !important; }
.MT2 { margin-top:2px !important; }
.MT5 { margin-top:5px !important; }
.MT8 { margin-top:8px !important; }
.MT10 { margin-top:10px !important; }
.MT20 { margin-top:20px !important; }
.MT30  { margin-top:30px !important; }
.MT40  { margin-top:40px !important; }
.MT50 { margin-top:50px !important; }
.MTB10 { margin-top:10px !important; margin-bottom: 10px !important; }
.MR5 { margin-right:5px !important; }
.MR8 { margin-right:8px !important; }
.MR10 { margin-right:10px !important; }
.MR20 { margin-right:20px !important; }
.MR30  { margin-right:30px !important; }
.MB-5 { margin-bottom:-5px !important; }
.MB2 { margin-bottom:2px !important; }
.MB5 { margin-bottom:5px !important; }
.MB10 { margin-bottom: 10px !important; }
.MB20 { margin-bottom: 20px !important; }
.MB30 { margin-bottom: 30px !important; }
.MB40 { margin-bottom: 40px !important; }
.MB50 { margin-bottom: 50px !important; }
.MB100 { margin-bottom: 100px !important; }
.ML5 { margin-left:5px !important; }
.ML10 { margin-left:10px !important; }
.ML15 { margin-left:15px !important; }
.ML20 { margin-left:20px !important; }
.ML30  { margin-left:30px !important; }
.MRL5 { margin-right:5px !important; margin-left:5px !important; }
.MRL10 { margin-right:10px !important; margin-left:10px !important; }
.MRL20 { margin-right:20px !important; margin-left:20px !important; }
.MRL30 { margin-right:30px !important; margin-left:30px !important; }
.MRL40 { margin-right:40px !important; margin-left:40px !important; }
.M5 { margin:5px !important; }
.M10 { margin:10px !important; }
.M20 { margin:20px !important; }
.M30 { margin:30px !important; }
.M40 { margin:40px !important; }
.M50 { margin:50px !important; }
.M10A {margin: 10px auto;}

/* 패딩 */
.PT5 { padding-top:5px !important; }
.PT10 { padding-top:10px !important; }
.PT20 { padding-top:20px !important; }
.PT30  { padding-top:30px !important; }
.PT40  { padding-top:40px !important; }
.PT50 { padding-top:50px !important; }
.PR5 { padding-right:5px !important; }
.PR10 { padding-right:10px !important; }
.PR20 { padding-right:20px !important; }
.PR30  { padding-right:30px !important; }
.PB5 { padding-bottom:5px !important; }
.PB10 { padding-bottom: 10px !important; }
.PB20 { padding-bottom: 20px !important; }
.PB30 { padding-bottom: 30px !important; }
.PB40 { padding-bottom: 40px !important; }
.PB50 { padding-bottom: 50px !important; }
.PB100 { padding-bottom: 100px !important; }
.PL5 { padding-left:5px !important; }
.PL10 { padding-left:10px !important; }
.PL20 { padding-left:20px !important; }
.PL30  { padding-left:30px !important; }
.PRL5 { padding-right:5px !important; padding-left:5px !important; }
.PRL10 { padding-right:10px !important; padding-left:10px !important; }
.PRL20 { padding-right:20px !important; padding-left:20px !important; }
.PRL30 { padding-right:30px !important; padding-left:30px !important; }
.P5 { padding:5px !important; }
.P10 { padding:10px !important; }
.P20 { padding:20px !important; }
.P30 { padding:30px !important; }
.P40 { padding:40px !important; }
.P50 { padding:50px !important; }

/* 입력박스 */
.input32 {
	position: relative;
	height: 32px !important;
	line-height: 32px !important;
	padding: 0 5px;
	border: 1px solid #dedede;
}

.textareaBox {
	position:relative;
	width: 100%;
	min-height: 60px;
	border:1px solid #dedede;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
}

/* 선택박스 */
select.selectBox {
	position: relative;
	height: 32px !important;
	line-height: 32px;
	border: 1px solid #dedede;
}
select.selectBox option {
	position: relative;
	min-height: 32px !important;
	line-height: 32px !important;
	padding: 0 10px;
}

.DPN {
	display:none;
}
.FFOS { 
	font-family: 'Open Sans';
}
.FFN {
	font-family: 'noto';
}