@charset "utf-8";
/* -----------------------------------------------
	* 스타일 초기화
--------------------------------------------------
	- 최초 작성일 : 2021.08.15
	- 최초 작성자 : 아보카도
	- 최종 수정일 : 
	- 최종 수정자 : 
--------------------------------------------------*/

/****************************************
	Import
****************************************/
/* Nanum Gothic */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('./fonts/fontawesome/css/all.css');
@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css');
@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);

@font-face {
	font-family: 'icon';
		src:	url('./fonts/icomoon.eot?y5isk6');
		src:	url('./fonts/icomoon.eot?y5isk6#iefix') format('embedded-opentype'),
				url('./fonts/icomoon.ttf?y5isk6') format('truetype'),
				url('./fonts/icomoon.woff?y5isk6') format('woff'),
				url('./fonts/icomoon.svg?y5isk6#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'KoPubDotumMedium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/KoPubDotumMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}@font-face {
    font-family: 'Chosunilbo_myungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sound_only	 { display: none; }


/****************************************
	소스코드 초기화
****************************************/

html {overflow-y:auto; overflow-x:hidden;}
body {margin:0;padding:0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, li {margin:0;padding:0;list-style:none}
legend {display: none;}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;}
button {cursor:pointer}
textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;}
a:link, a:visited, a:link img {text-decoration:none; cursor: pointer;}
a:hover, a:focus, a:active {text-decoration:none}

ul,li	{ margin: 0; padding: 0; }
sup,em	{ font-style: normal; }

label	{ cursor: pointer; }

img	{ max-width: 100%; vertical-align: middle; }

table	{ width: 100%; }


/****************************************
	기본 레이아웃 정의
****************************************/
.fix-layout				{ position: relative; max-width: 1000px; margin: 0 auto; padding: 0 10px; }
.fix-layout .fix-layout	{ padding: 0; margin:0; }
/****************************************
	텍스트 코드 정렬
****************************************/

.txt-left { text-align: left; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }


/****************************************
	스크롤 스타일 정의
****************************************/

/* scrollbar : ie except */
*::-webkit-scrollbar-track			{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: rgba(0, 0, 0, 0.2);}
*::-webkit-scrollbar				{ width: 5px; height: 5px; background-color: transparent;}
*::-webkit-scrollbar-thumb			{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background: #fff677; border: none; border-radius: 6.0em; }


/**********************
	폼 스타일
**********************/

.theme-form { width: 100%; }
/* Animation */

*:hover {
  transition: all .5s ease;
}
.sa {
    opacity: 0;
    transition: all .5s ease;
}

/* 아래에서 위로 페이드 인 */
.sa-up {
transform: translate(0, 100px);
}
/* 위에서 아래로 페이드 인 */
.sa-down {
    transform: translate(0, -100px);
  }
  /* 왼쪽에서 오른쪽으로 페이드 인 */
  .sa-right {
    transform: translate(-100px, 0);
  }
  /* 오른쪽에서 왼쪽으로 페이드 인 */
  .sa-left {
    transform: translate(100px, 0);
  }
  .sa.show {
    opacity: 1;
    transform: none;
  }

@media all and (max-width: 1000px) {
  .sa,
  .sa-up,
  .sa-down,
  .sa-right,
  .sa-left {
    opacity: 1;
    transform: none;
  }
}