@charset "UTF-8";

/* **************************************** *
 * BASE
 * **************************************** */

*        {margin:0; padding:0;box-sizing:border-box;}
*:not(.material-icons){font-family: 'Spoqa Han Sans Neo' , '맑은 고딕','Malgun Gothic', sans-serif !important;}
html 	 {width: 100%; height: 100%; overflow: hidden;}
body     {font-size:15px; line-height:1; font-weight:400; color:#2b2b2b; min-width: 375px;
          letter-spacing: -0.7px; word-break: keep-all;width: 100%; height: 100%; overflow: hidden;}
#wrap    {width: 100%; height: 100%;overflow-y: scroll;overflow-x: auto;position: relative;}
a:not(.notCursor){color:#2b2b2b; text-decoration:none;cursor: pointer;}
img      {border:0; vertical-align:top;}
ul, ol   {list-style:none;}
address  {font-style:normal;}
fieldset {border:0;}
input    {vertical-align:top;}
input[type=text]:disabled{background-color: rgba(239, 239, 239, 0.3)}
label    {vertical-align:top;}


/* **************************************** *
 * STYLE
 * **************************************** */

div                        {display:block;}
.hide, .hidden, .collapse,
 caption, none, close      {display:none;}


/* **************************************** *
 * font
 * **************************************** */

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    font-style: normal;
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Thin.eot');
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Thin.eot?#iefix') format('embedded-opentype'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Thin.woff') format('woff'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    font-style: normal;
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Light.eot');
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Light.eot?#iefix') format('embedded-opentype'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Light.woff2') format('woff2'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Light.woff') format('woff'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    font-style: normal;
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Regular.eot');
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Regular.eot?#iefix') format('embedded-opentype'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Regular.woff') format('woff'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    font-style: normal;
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Medium.eot');
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Medium.eot?#iefix') format('embedded-opentype'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Medium.woff') format('woff'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 800;
    font-style: normal;
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Bold.eot');
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Bold.eot?#iefix') format('embedded-opentype'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Bold.woff') format('woff'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/font/MaterialIcons/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/font/MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'),
    url(/font/MaterialIcons/MaterialIcons-Regular.woff) format('woff'),
    url(/font/MaterialIcons/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 21px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }



/* **************************************** *
 * CONTENTS
 * **************************************** */

/*pc 사이즈*/
.mobile{display: none !important}
.tablet{display: none !important}
.pc{display: block !important}
table.pc{display: table !important}

/*태블릿pc 사이즈*/
@media screen and (max-width:1023px){
	.mobile{display: none !important}
	.tablet{display: block !important}
	.pc{display: none !important}
}

/*모바일 사이즈*/
@media screen and (max-width:767px){
	.tablet{display: none !important}
	.pc{display: none !important}
	.mobile{display: block !important}
}

@media print{
	*{
		page-break-inside:avoid;
		page-break-after:auto;
		background-color : white !important ; 
		-webkit-print-color-adjust : exact;
		print-color-adjust : exact;
	}
}

input::placeholder{color:#cfcfcf}
textarea::placeholder{color:#cfcfcf}
input::-webkit-input-placeholder{color:#cfcfcf}
textarea::-webkit-input-placeholder{color:#cfcfcf}
input:-ms-input-placeholder{color:#cfcfcf}
textarea:-ms-input-placeholder{color:#cfcfcf}

input[type=text]::-ms-clear{display: none;}
input[type=password]::-ms-clear, input[type=password]::-ms-reveal{display: none;}
::-webkit-search-cancel-button{
	height: 20px;
	width: 20px;
	display: inline-block;
	color: #dcdcdc
}