@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@font-face { font-family: "OTEnjoystoriesBA"; font-weight: normal; font-style: normal; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff") format("woff"); }

/* base */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, form, fieldset, pre, figure, blockquote, input, button, textarea { padding:0; margin:0; font-weight:inherit; font-style:inherit; }
html                  {overflow-y:scroll; background:#FFFFFF;  font-size:18px;}
body {  font-weight:400; color:#333; font-family:"Pretendard Variable", Pretendard, -apple-system,'Noto Sans KR', "맑은 고딕", Malgun Gothic, "돋움", Dotum, Helvetica, AppleGothic, Sans-serif; position:relative; -webkit-font-smoothing: antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale; font-smoothing:antialiased;}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display:block;}
ul,ol,li                    {list-style:none;}
img,fieldset,iframe   {border:0 none;}
caption,legend        {overflow:hidden;font-size:0;line-height:0;}
em,address             {font-style:normal;}
s                           {text-decoration:none;}
a                           {text-decoration:none; color:#333;}
a:hover,a:active       {outline:0;}
a:hover,a:focus        {text-decoration:none;}
//body,div,textarea,iframe{scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#919191;scrollbar-track-color:#F4F4F4;scrollbar-darkshadow-color:#FFFFFF;scrollbar-face-color:#FFFFFF;scrollbar-highlight-color:#CDCDCD;scrollbar-shadow-color:#C8C8C8;}
textarea {font-family:"Pretendard Variable", Pretendard; font-size:0.9rem; padding:5px;}
h1,h2,h3,h4,h5,h6     {font-size:1rem;}
*, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
img {max-width:100%;}
/*button,input,select,textarea{font-size:13px;vertical-align:middle;}*/

th {font-weight:normal;}
:root textarea{ border:1px solid #ddd; }

input {font-size:1rem;}
input[type='text']      {border:1px solid #bbb; padding:0.5rem;}

input[type='password']  {padding:0.5rem; color:#121b24; border:1px solid #bbb; padding:0.5rem;}

//:root input[type='text']{vertical-align: top; }
//:root input[type='password']{vertical-align: top;}

input[type='button'],input[type='submit'],button{cursor:pointer; border:0px solid ;  color:white; font-weight:600; font-family: inherit;}
input[type='file']{cursor:pointer;background-color:#FFFFFF; padding:0.1rem 0;}


input[type='radio'] {
  -webkit-appearance: none; /* 웹킷 브라우저용 */
  -moz-appearance: none; /* 모질라 브라우저용 */
  appearance: none; /* 기본 브라우저용 */
  width: 1em; height: 1em; /* 크기 조정 */
  border: 2px solid #bbb; /* 테두리 색상/두께 */
  border-radius: 50%; /* 동그란 모양 */
  outline: none; /* 포커스 스타일 제거 */
  cursor: pointer; /* 커서 변경 */
  vertical-align:middle;
  margin-right:0.3em;
}
input[type="radio"]:checked { border: 0.4em solid #ef8203; }
input[type="radio"]:disabled { background-color: lightgray; box-shadow: none; opacity: 0.7; cursor: not-allowed; }

input[type="checkbox"] {
  -webkit-appearance: none; /* 웹킷 브라우저용 */
  -moz-appearance: none; /* 모질라 브라우저용 */
  appearance: none; /* 기본 브라우저용 */
      margin: 0;
      cursor: pointer;
      width: 1em;
      height: 1em;
      background-color: #fff;
//      transition: all 0.3s ease;
      position:absolute;
}

/* 체크박스 스타일 */
input[type="checkbox"] + label {  position: relative;  padding-left: 25px;  cursor: pointer;  font-size: 1em;  user-select: none; }
/* 체크박스 박스 */
input[type="checkbox"] + label::before {  content: "";  position: absolute;  left: 0;  top: 50%;  transform: translateY(-50%);  width: 20px;  height: 20px;  border: 1px solid #999;  border-radius: 4px;  background-color: #fff; }
/* 체크 표시 */
input[type="checkbox"]:checked + label::after {  content: "✔";  position: absolute;  left: 3px;  top: 50%;  transform: translateY(-50%);  font-size: 1em;  color: #ef8203; }


button::-moz-focus-inner{margin:-1px;padding:0;}

select {font-size:1rem; padding:0.5rem 2rem 0.5rem 0.5rem; min-width:80px; border:1px solid #bbb;  -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(/images/icon/select_btn.png) no-repeat right 50%;  color:#262626;   border-radius: 3px; }

select::-ms-expand { display: none; }

/* modal right padding path */
body.modal-open { overflow: auto; }
body.modal-open[style] { padding-right: 0px !important; }



.clear {clear:both;}
.hidden {position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
.skip   {position:absolute; overflow:hidden; height:0px; width:0px; font-size:0px; visibility:hidden;}
/* common */
.W10  {width:10px;}
.W20  {width:20px;}
.W30  {width:30px;}
.W40  {width:40px;}
.W50  {width:50px;}
.W55  {width:55px;}
.W60  {width:60px;}
.W65  {width:65px;}
.W70  {width:70px;}
.W80  {width:80px;}
.W82  {width:82px;}
.W84  {width:84px;}
.W90  {width:90px;}
.W92  {width:92px;}
.W100 {width:100px;}
.W120 {width:120px;}
.W130 {width:130px;}
.W150 {width:150px;}
.W160 {width:160px;}
.W180 {width:180px;}
.W200 {width:200px;}
.W247 {width:247px;}
.W250 {width:250px;}
.W280 {width:280px;}
.W300 {width:300px;}
.W320 {width:320px;}
.W800 {width:800px;}

.W4P {width:4%;}
.W5P {width:5%;}
.W6P {width:6%;}
.W7P {width:7%;}
.W8P {width:8%;}
.W9P {width:9%;}
.W10P {width:10%;}
.W11P {width:11%;}
.W12P {width:12%;}
.W14P {width:14%;}
.W15P {width:15%;}
.W16P {width:16%;}
.W17P {width:17%;}
.W18P {width:18%;}
.W19P {width:19%;}
.W20P {width:20%;}
.W22P {width:22%;}
.W23P {width:23%;}
.W25P {width:25%;}
.W29P {width:29%;}
.W30P {width:30%;}
.W31P {width:31%;}
.W35P {width:35%;}
.W36P {width:36%;}
.W40P {width:40%;}
.W45P {width:45%;}
.W48P {width:48%;}
.W50P {width:50%;}
.W54P {width:54%;}
.W60P {width:60%;}
.W70P {width:70%;}
.W80P {width:80%;}
.W85P {width:85%;}
.W90P {width:90%;}
.W92P {width:92%;}
.W95P {width:95%;}
.W96P {width:96%;}
.W99P {width:99%;}
.W100P {width:100%;}
.W100P2 {width:calc(100% - 24px);}

.H10   {height:10px;}
.H18   {height:18px;}
.H20   {height:20px;}
.H25   {height:25px;}
.H30   {height:30px;}
.H35   {height:35px;}
.H40   {height:40px;}
.H50   {height:50px;}
.H60   {height:60px;}
.H80   {height:80px;}
.H100   {height:100px;}
.H120   {height:120px;}
.H190   {height:190px;}
.H200   {height:200px;}
.H250   {height:250px;}
.H280   {height:280px;}
.H300   {height:300px;}
.H330   {height:330px;}
.H350   {height:350px;}
.H400   {height:400px;}
.H500   {height:500px;}
.H600   {height:600px;}


.LH20   {line-height:20px;}
.LH25   {line-height:25px;}
.LH30   {line-height:30px;}
.LH40   {line-height:40px;}
.LH50   {line-height:50px;}
.LH100   {line-height:100px;}

.TAC {text-align:center;}
.TAL {text-align:left;}
.TAR {text-align:right;}
.PAYTAR {text-align:right; padding-right:2px;}

.PD5 {padding:5px;}
.PD10 {padding:10px;}
.PD20 {padding:20px;}
.PD30 {padding:30px;}

.PDT5 {padding-top:5px;}
.PDT10 {padding-top:10px;}
.PDT20 {padding-top:20px;}
.PDT50 {padding-top:50px;}
.PDT60 {padding-top:60px;}

.PDB5 {padding-bottom:5px;}
.PDB10 {padding-bottom:10px;}

.PDL10 {padding-left:10px;}
.PDL20 {padding-left:20px;}

.PDR5 {padding-right:5px;}
.PDR10 {padding-right:10px;}
.PDR20 {padding-right:20px;}

.MG10 {margin:10px;}

.MGT5 {margin-top:5px;}
.MGT1 {margin-top:1px;}
.MGT2 {margin-top:2px;}
.MGT8 {margin-top:8px;}
.MGT10 {margin-top:10px;}
.MGT14 {margin-top:14px;}
.MGT20 {margin-top:20px;}
.MGT30 {margin-top:30px;}
.MGT40 {margin-top:40px;}
.MGT50 {margin-top:50px;}
.MGT60 {margin-top:60px;}
.MGT100 {margin-top:100px;}

.MGB8  {margin-bottom:8px;}
.MGB5  {margin-bottom:5px;}
.MGB10 {margin-bottom:10px;}
.MGB14 {margin-bottom:14px;}
.MGB20 {margin-bottom:20px;}
.MGB40 {margin-bottom:40px;}

.MGL10 {margin-left:10px;}
.MGL18 {margin-left:18px;}
.MGL21 {margin-left:21px;}
.MGL30 {margin-left:30px;}
.MGL100 {margin-left:100px;}
.MGL200 {margin-left:200px;}
.MGL250 {margin-left:250px;}
.MGL300 {margin-left:300px;}

.MGR20 {margin-right:10px !important;}
.MGR10 {margin-right:10px;}
.MGR100 {margin-right:100px;}
.MGR200 {margin-right:200px;}

.FLTL {float:left;}
.FLTC {margin:0 auto;}
.FLTR {float:right;}

.FWB  {font-weight:bold;}
.BD1  {border:solid 1px #ddd;}

.DSIB {display:inline-block;}
.DSBL {display:block;}
.CBGT  {background-color:#F7F7F7;}
.CBGD  {background-color:#FFFFFF;}

.input          {border:solid 1px #A3A2A2;background-color:#FFFFFF;  padding:2px;}
.input_noborder {border:0px;background-color:#FFFFFF;height:20px;line-height:20px;font-weight:bold;}
.ta             {border:solid 1px #A2A2A2;line-height:165%;}
.textH20        {line-height:20px;}
.textH18        {line-height:18px;}

.imground       {border:solid 1px #ddd;}

.FTS12			{font-size:12px;}
.FTS14			{font-size:14px;}
.FTS16			{font-size:16px;}
.FTS20			{font-size:20px;}
.FTS24			{font-size:24px;}

.FTCJB			{font-weight:bold;color:#F26522;}

.BCRO { background-color: #F2F2F2; }

.TDFB			{ font-weight:bold; text-align:center; background-color:#F7F7F7; letter-spacing: -1px; }
.TDFL			{ text-align:left; }
.TDFR			{ text-align:right; }
.TDFC			{ text-align:center; }

.BOXLINE {border:1px solid #E5E5E5; background:#F7F7F7; text-align:center; padding:10px; border-radius:5px;}

.embed-responsive {  position: relative;  display: block;  height: 0;  padding: 0;  overflow: hidden; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {  position: absolute;  top: 0;  left: 0;  bottom: 0;  height: 100%;  width: 100%;  border: 0; }
.embed-responsive-16by9 { padding-bottom: 56.25%; }
.embed-responsive-4by3 { padding-bottom: 75%; }

.animate__animated.animate__delay-0-2s { -webkit-animation-delay:0.2s; animation-delay:0.2s; -webkit-animation-delay:calc(var(--animate-delay) * 0.2); animation-delay:calc(var(--animate-delay) * 0.2);}
.animate__animated.animate__delay-0-4s { -webkit-animation-delay:0.4s; animation-delay:0.4s; -webkit-animation-delay:calc(var(--animate-delay) * 0.4); animation-delay:calc(var(--animate-delay) * 0.4);}
.animate__animated.animate__delay-0-5s { -webkit-animation-delay:0.5s; animation-delay:0.5s; -webkit-animation-delay:calc(var(--animate-delay) * 0.5); animation-delay:calc(var(--animate-delay) * 0.5);}
.animate__animated.animate__delay-1-5s { -webkit-animation-delay:1.5s; animation-delay:1.5s; -webkit-animation-delay:calc(var(--animate-delay) * 1.5); animation-delay:calc(var(--animate-delay) * 1.5);}
.animate__animated.animate__delay-2-5s { -webkit-animation-delay:2.5s; animation-delay:2.5s; -webkit-animation-delay:calc(var(--animate-delay) * 2.5); animation-delay:calc(var(--animate-delay) * 2.5);}
.animate__animated.animate__delay-3-5s { -webkit-animation-delay:3.5s; animation-delay:3.5s; -webkit-animation-delay:calc(var(--animate-delay) * 3.5); animation-delay:calc(var(--animate-delay) * 3.5);}
.animate__animated.animate__delay-4-5s { -webkit-animation-delay:4.5s; animation-delay:4.5s; -webkit-animation-delay:calc(var(--animate-delay) * 4.5); animation-delay:calc(var(--animate-delay) * 4.5);}
.animate__animated.animate__delay-5-5s { -webkit-animation-delay:5.5s; animation-delay:5.5s; -webkit-animation-delay:calc(var(--animate-delay) * 5.5); animation-delay:calc(var(--animate-delay) * 5.5);}

@media (max-width: 1200px) {
  html {font-size:16px;}
}

@media (max-width: 768px) {
  html {font-size:14px;}
  input {font-size:1em;}
  textarea {font-size:1em;}
  select {font-size:1em;}
}

.pageLine          {height:34px; text-align:center; margin-top:20px;}
.pageLine > span     {display:inline-block; vertical-align:top; *display:inline;*zoom:1;}
.pageLine > span.page     { border:1px solid #d7d5d5; margin:0px 0px 0px -1px;display:inline-block; }
.pageLine > span.page > a {padding:9px; line-height:14px; background:#fff; display:block; min-width:34px;}
.pageLine > span.page > a.on {padding-bottom:6px; border-bottom:3px solid #1c39bb; padding-top:6px; border-top:3px solid #1c39bb;}

.btnLine {margin-top:1.5rem; text-align:center;}
//.btnLine .btnP {margin-bottom:0.2em;}

/* 애니메이션 */
@keyframes zoom {  0% {transform: scale(1.0, 1.0); opacity: 1;}  50% {transform: scale(1.1, 1.1);} 100% {transform: scale(1.0, 1.0);opacity: 1;}}
@keyframes wind { to { transform: rotate(360deg); } }
@keyframes updown { 0% {}  50% {transform: translateY(-20px);} 100% {}}
@keyframes updown2 { 0% {}  25% {transform: translateY(-20px);} 50% {transform: translateY(0px);} 75% {transform: translateY(-20px);} 100% {}}
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeOut { from { opacity:1;} to { opacity:0;} }
@keyframes flipx {  0% {}  50% {transform: scaleX(-1);} 100% {}}
@keyframes flipy {  0% {}  50% {transform: scaleY(-1);} 100% {}}
@keyframes spin { 0% { transform: translate(-50%,-50%) rotate(0deg); } 100% { transform: translate(-50%,-50%) rotate(360deg); } }