@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  vertical-align: baseline;
}

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

ol,
ul {
  list-style: none;
}

a {
  color: #222;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  background: none;
  padding: 0;
  border: 0;
  cursor: pointer;
}

input {
  border: 0;
  outline: none;
}

body,
button,
input,
select,
textarea {
  box-sizing: border-box;
  line-height: 1.4;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
}

.hover_default {
  cursor: default !important;
}

.hover_pointer {
  cursor: pointer !important;
}

.width_100 {
  width: 100px !important;
}

.width_101 {
  width: 101px !important;
}

.width_102 {
  width: 102px !important;
}

.width_103 {
  width: 103px !important;
}

.width_104 {
  width: 104px !important;
}

.width_105 {
  width: 105px !important;
}

.width_106 {
  width: 106px !important;
}

.width_107 {
  width: 107px !important;
}

.width_108 {
  width: 108px !important;
}

.width_109 {
  width: 109px !important;
}

.width_110 {
  width: 110px !important;
}

.width_111 {
  width: 111px !important;
}

.width_112 {
  width: 112px !important;
}

.width_113 {
  width: 113px !important;
}

.width_114 {
  width: 114px !important;
}

.width_115 {
  width: 115px !important;
}

.width_116 {
  width: 116px !important;
}

.width_117 {
  width: 117px !important;
}

.width_118 {
  width: 118px !important;
}

.width_119 {
  width: 119px !important;
}

.width_120 {
  width: 120px !important;
}

.width_121 {
  width: 121px !important;
}

.width_122 {
  width: 122px !important;
}

.width_123 {
  width: 123px !important;
}

.width_124 {
  width: 124px !important;
}

.width_125 {
  width: 125px !important;
}

.width_126 {
  width: 126px !important;
}

.width_127 {
  width: 127px !important;
}

.width_128 {
  width: 128px !important;
}

.width_129 {
  width: 129px !important;
}

.width_130 {
  width: 130px !important;
}

.width_131 {
  width: 131px !important;
}

.width_132 {
  width: 132px !important;
}

.width_133 {
  width: 133px !important;
}

.width_134 {
  width: 134px !important;
}

.width_135 {
  width: 135px !important;
}

.width_136 {
  width: 136px !important;
}

.width_137 {
  width: 137px !important;
}

.width_138 {
  width: 138px !important;
}

.width_139 {
  width: 139px !important;
}

.width_140 {
  width: 140px !important;
}

.width_141 {
  width: 141px !important;
}

.width_142 {
  width: 142px !important;
}

.width_143 {
  width: 143px !important;
}

.width_144 {
  width: 144px !important;
}

.width_145 {
  width: 145px !important;
}

.width_146 {
  width: 146px !important;
}

.width_147 {
  width: 147px !important;
}

.width_148 {
  width: 148px !important;
}

.width_149 {
  width: 149px !important;
}

.width_150 {
  width: 150px !important;
}

.width_151 {
  width: 151px !important;
}

.width_152 {
  width: 152px !important;
}

.width_153 {
  width: 153px !important;
}

.width_154 {
  width: 154px !important;
}

.width_155 {
  width: 155px !important;
}

.width_156 {
  width: 156px !important;
}

.width_157 {
  width: 157px !important;
}

.width_158 {
  width: 158px !important;
}

.width_159 {
  width: 159px !important;
}

.width_160 {
  width: 160px !important;
}

.width_161 {
  width: 161px !important;
}

.width_162 {
  width: 162px !important;
}

.width_163 {
  width: 163px !important;
}

.width_164 {
  width: 164px !important;
}

.width_165 {
  width: 165px !important;
}

.width_166 {
  width: 166px !important;
}

.width_167 {
  width: 167px !important;
}

.width_168 {
  width: 168px !important;
}

.width_169 {
  width: 169px !important;
}

.width_170 {
  width: 170px !important;
}

.width_171 {
  width: 171px !important;
}

.width_172 {
  width: 172px !important;
}

.width_173 {
  width: 173px !important;
}

.width_174 {
  width: 174px !important;
}

.width_175 {
  width: 175px !important;
}

.width_176 {
  width: 176px !important;
}

.width_177 {
  width: 177px !important;
}

.width_178 {
  width: 178px !important;
}

.width_179 {
  width: 179px !important;
}

.width_180 {
  width: 180px !important;
}

.width_181 {
  width: 181px !important;
}

.width_182 {
  width: 182px !important;
}

.width_183 {
  width: 183px !important;
}

.width_184 {
  width: 184px !important;
}

.width_185 {
  width: 185px !important;
}

.width_186 {
  width: 186px !important;
}

.width_187 {
  width: 187px !important;
}

.width_188 {
  width: 188px !important;
}

.width_189 {
  width: 189px !important;
}

.width_190 {
  width: 190px !important;
}

.width_191 {
  width: 191px !important;
}

.width_192 {
  width: 192px !important;
}

.width_193 {
  width: 193px !important;
}

.width_194 {
  width: 194px !important;
}

.width_195 {
  width: 195px !important;
}

.width_196 {
  width: 196px !important;
}

.width_197 {
  width: 197px !important;
}

.width_198 {
  width: 198px !important;
}

.width_199 {
  width: 199px !important;
}

.width_200 {
  width: 200px !important;
}

.width_201 {
  width: 201px !important;
}

.width_202 {
  width: 202px !important;
}

.width_203 {
  width: 203px !important;
}

.width_204 {
  width: 204px !important;
}

.width_205 {
  width: 205px !important;
}

.width_206 {
  width: 206px !important;
}

.width_207 {
  width: 207px !important;
}

.width_208 {
  width: 208px !important;
}

.width_209 {
  width: 209px !important;
}

.width_210 {
  width: 210px !important;
}

.width_211 {
  width: 211px !important;
}

.width_212 {
  width: 212px !important;
}

.width_213 {
  width: 213px !important;
}

.width_214 {
  width: 214px !important;
}

.width_215 {
  width: 215px !important;
}

.width_216 {
  width: 216px !important;
}

.width_217 {
  width: 217px !important;
}

.width_218 {
  width: 218px !important;
}

.width_219 {
  width: 219px !important;
}

.width_220 {
  width: 220px !important;
}

.width_221 {
  width: 221px !important;
}

.width_222 {
  width: 222px !important;
}

.width_223 {
  width: 223px !important;
}

.width_224 {
  width: 224px !important;
}

.width_225 {
  width: 225px !important;
}

.width_226 {
  width: 226px !important;
}

.width_227 {
  width: 227px !important;
}

.width_228 {
  width: 228px !important;
}

.width_229 {
  width: 229px !important;
}

.width_230 {
  width: 230px !important;
}

.width_231 {
  width: 231px !important;
}

.width_232 {
  width: 232px !important;
}

.width_233 {
  width: 233px !important;
}

.width_234 {
  width: 234px !important;
}

.width_235 {
  width: 235px !important;
}

.width_236 {
  width: 236px !important;
}

.width_237 {
  width: 237px !important;
}

.width_238 {
  width: 238px !important;
}

.width_239 {
  width: 239px !important;
}

.width_240 {
  width: 240px !important;
}

.width_241 {
  width: 241px !important;
}

.width_242 {
  width: 242px !important;
}

.width_243 {
  width: 243px !important;
}

.width_244 {
  width: 244px !important;
}

.width_245 {
  width: 245px !important;
}

.width_246 {
  width: 246px !important;
}

.width_247 {
  width: 247px !important;
}

.width_248 {
  width: 248px !important;
}

.width_249 {
  width: 249px !important;
}

.width_250 {
  width: 250px !important;
}

.width_251 {
  width: 251px !important;
}

.width_252 {
  width: 252px !important;
}

.width_253 {
  width: 253px !important;
}

.width_254 {
  width: 254px !important;
}

.width_255 {
  width: 255px !important;
}

.width_256 {
  width: 256px !important;
}

.width_257 {
  width: 257px !important;
}

.width_258 {
  width: 258px !important;
}

.width_259 {
  width: 259px !important;
}

.width_260 {
  width: 260px !important;
}

.width_261 {
  width: 261px !important;
}

.width_262 {
  width: 262px !important;
}

.width_263 {
  width: 263px !important;
}

.width_264 {
  width: 264px !important;
}

.width_265 {
  width: 265px !important;
}

.width_266 {
  width: 266px !important;
}

.width_267 {
  width: 267px !important;
}

.width_268 {
  width: 268px !important;
}

.width_269 {
  width: 269px !important;
}

.width_270 {
  width: 270px !important;
}

.width_271 {
  width: 271px !important;
}

.width_272 {
  width: 272px !important;
}

.width_273 {
  width: 273px !important;
}

.width_274 {
  width: 274px !important;
}

.width_275 {
  width: 275px !important;
}

.width_276 {
  width: 276px !important;
}

.width_277 {
  width: 277px !important;
}

.width_278 {
  width: 278px !important;
}

.width_279 {
  width: 279px !important;
}

.width_280 {
  width: 280px !important;
}

.width_281 {
  width: 281px !important;
}

.width_282 {
  width: 282px !important;
}

.width_283 {
  width: 283px !important;
}

.width_284 {
  width: 284px !important;
}

.width_285 {
  width: 285px !important;
}

.width_286 {
  width: 286px !important;
}

.width_287 {
  width: 287px !important;
}

.width_288 {
  width: 288px !important;
}

.width_289 {
  width: 289px !important;
}

.width_290 {
  width: 290px !important;
}

.width_291 {
  width: 291px !important;
}

.width_292 {
  width: 292px !important;
}

.width_293 {
  width: 293px !important;
}

.width_294 {
  width: 294px !important;
}

.width_295 {
  width: 295px !important;
}

.width_296 {
  width: 296px !important;
}

.width_297 {
  width: 297px !important;
}

.width_298 {
  width: 298px !important;
}

.width_299 {
  width: 299px !important;
}

.width_300 {
  width: 300px !important;
}

.width_301 {
  width: 301px !important;
}

.width_302 {
  width: 302px !important;
}

.width_303 {
  width: 303px !important;
}

.width_304 {
  width: 304px !important;
}

.width_305 {
  width: 305px !important;
}

.width_306 {
  width: 306px !important;
}

.width_307 {
  width: 307px !important;
}

.width_308 {
  width: 308px !important;
}

.width_309 {
  width: 309px !important;
}

.width_310 {
  width: 310px !important;
}

.width_311 {
  width: 311px !important;
}

.width_312 {
  width: 312px !important;
}

.width_313 {
  width: 313px !important;
}

.width_314 {
  width: 314px !important;
}

.width_315 {
  width: 315px !important;
}

.width_316 {
  width: 316px !important;
}

.width_317 {
  width: 317px !important;
}

.width_318 {
  width: 318px !important;
}

.width_319 {
  width: 319px !important;
}

.width_320 {
  width: 320px !important;
}

.width_321 {
  width: 321px !important;
}

.width_322 {
  width: 322px !important;
}

.width_323 {
  width: 323px !important;
}

.width_324 {
  width: 324px !important;
}

.width_325 {
  width: 325px !important;
}

.width_326 {
  width: 326px !important;
}

.width_327 {
  width: 327px !important;
}

.width_328 {
  width: 328px !important;
}

.width_329 {
  width: 329px !important;
}

.width_330 {
  width: 330px !important;
}

.width_331 {
  width: 331px !important;
}

.width_332 {
  width: 332px !important;
}

.width_333 {
  width: 333px !important;
}

.width_334 {
  width: 334px !important;
}

.width_335 {
  width: 335px !important;
}

.width_336 {
  width: 336px !important;
}

.width_337 {
  width: 337px !important;
}

.width_338 {
  width: 338px !important;
}

.width_339 {
  width: 339px !important;
}

.width_340 {
  width: 340px !important;
}

.width_341 {
  width: 341px !important;
}

.width_342 {
  width: 342px !important;
}

.width_343 {
  width: 343px !important;
}

.width_344 {
  width: 344px !important;
}

.width_345 {
  width: 345px !important;
}

.width_346 {
  width: 346px !important;
}

.width_347 {
  width: 347px !important;
}

.width_348 {
  width: 348px !important;
}

.width_349 {
  width: 349px !important;
}

.width_350 {
  width: 350px !important;
}

.width_351 {
  width: 351px !important;
}

.width_352 {
  width: 352px !important;
}

.width_353 {
  width: 353px !important;
}

.width_354 {
  width: 354px !important;
}

.width_355 {
  width: 355px !important;
}

.width_356 {
  width: 356px !important;
}

.width_357 {
  width: 357px !important;
}

.width_358 {
  width: 358px !important;
}

.width_359 {
  width: 359px !important;
}

.width_360 {
  width: 360px !important;
}

.width_361 {
  width: 361px !important;
}

.width_362 {
  width: 362px !important;
}

.width_363 {
  width: 363px !important;
}

.width_364 {
  width: 364px !important;
}

.width_365 {
  width: 365px !important;
}

.width_366 {
  width: 366px !important;
}

.width_367 {
  width: 367px !important;
}

.width_368 {
  width: 368px !important;
}

.width_369 {
  width: 369px !important;
}

.width_370 {
  width: 370px !important;
}

.width_371 {
  width: 371px !important;
}

.width_372 {
  width: 372px !important;
}

.width_373 {
  width: 373px !important;
}

.width_374 {
  width: 374px !important;
}

.width_375 {
  width: 375px !important;
}

.width_376 {
  width: 376px !important;
}

.width_377 {
  width: 377px !important;
}

.width_378 {
  width: 378px !important;
}

.width_379 {
  width: 379px !important;
}

.width_380 {
  width: 380px !important;
}

.width_381 {
  width: 381px !important;
}

.width_382 {
  width: 382px !important;
}

.width_383 {
  width: 383px !important;
}

.width_384 {
  width: 384px !important;
}

.width_385 {
  width: 385px !important;
}

.width_386 {
  width: 386px !important;
}

.width_387 {
  width: 387px !important;
}

.width_388 {
  width: 388px !important;
}

.width_389 {
  width: 389px !important;
}

.width_390 {
  width: 390px !important;
}

.width_391 {
  width: 391px !important;
}

.width_392 {
  width: 392px !important;
}

.width_393 {
  width: 393px !important;
}

.width_394 {
  width: 394px !important;
}

.width_395 {
  width: 395px !important;
}

.width_396 {
  width: 396px !important;
}

.width_397 {
  width: 397px !important;
}

.width_398 {
  width: 398px !important;
}

.width_399 {
  width: 399px !important;
}

.width_400 {
  width: 400px !important;
}

.width_401 {
  width: 401px !important;
}

.width_402 {
  width: 402px !important;
}

.width_403 {
  width: 403px !important;
}

.width_404 {
  width: 404px !important;
}

.width_405 {
  width: 405px !important;
}

.width_406 {
  width: 406px !important;
}

.width_407 {
  width: 407px !important;
}

.width_408 {
  width: 408px !important;
}

.width_409 {
  width: 409px !important;
}

.width_410 {
  width: 410px !important;
}

.width_411 {
  width: 411px !important;
}

.width_412 {
  width: 412px !important;
}

.width_413 {
  width: 413px !important;
}

.width_414 {
  width: 414px !important;
}

.width_415 {
  width: 415px !important;
}

.width_416 {
  width: 416px !important;
}

.width_417 {
  width: 417px !important;
}

.width_418 {
  width: 418px !important;
}

.width_419 {
  width: 419px !important;
}

.width_420 {
  width: 420px !important;
}

.width_421 {
  width: 421px !important;
}

.width_422 {
  width: 422px !important;
}

.width_423 {
  width: 423px !important;
}

.width_424 {
  width: 424px !important;
}

.width_425 {
  width: 425px !important;
}

.width_426 {
  width: 426px !important;
}

.width_427 {
  width: 427px !important;
}

.width_428 {
  width: 428px !important;
}

.width_429 {
  width: 429px !important;
}

.width_430 {
  width: 430px !important;
}

.width_431 {
  width: 431px !important;
}

.width_432 {
  width: 432px !important;
}

.width_433 {
  width: 433px !important;
}

.width_434 {
  width: 434px !important;
}

.width_435 {
  width: 435px !important;
}

.width_436 {
  width: 436px !important;
}

.width_437 {
  width: 437px !important;
}

.width_438 {
  width: 438px !important;
}

.width_439 {
  width: 439px !important;
}

.width_440 {
  width: 440px !important;
}

.width_441 {
  width: 441px !important;
}

.width_442 {
  width: 442px !important;
}

.width_443 {
  width: 443px !important;
}

.width_444 {
  width: 444px !important;
}

.width_445 {
  width: 445px !important;
}

.width_446 {
  width: 446px !important;
}

.width_447 {
  width: 447px !important;
}

.width_448 {
  width: 448px !important;
}

.width_449 {
  width: 449px !important;
}

.width_450 {
  width: 450px !important;
}

.width_451 {
  width: 451px !important;
}

.width_452 {
  width: 452px !important;
}

.width_453 {
  width: 453px !important;
}

.width_454 {
  width: 454px !important;
}

.width_455 {
  width: 455px !important;
}

.width_456 {
  width: 456px !important;
}

.width_457 {
  width: 457px !important;
}

.width_458 {
  width: 458px !important;
}

.width_459 {
  width: 459px !important;
}

.width_460 {
  width: 460px !important;
}

.width_461 {
  width: 461px !important;
}

.width_462 {
  width: 462px !important;
}

.width_463 {
  width: 463px !important;
}

.width_464 {
  width: 464px !important;
}

.width_465 {
  width: 465px !important;
}

.width_466 {
  width: 466px !important;
}

.width_467 {
  width: 467px !important;
}

.width_468 {
  width: 468px !important;
}

.width_469 {
  width: 469px !important;
}

.width_470 {
  width: 470px !important;
}

.width_471 {
  width: 471px !important;
}

.width_472 {
  width: 472px !important;
}

.width_473 {
  width: 473px !important;
}

.width_474 {
  width: 474px !important;
}

.width_475 {
  width: 475px !important;
}

.width_476 {
  width: 476px !important;
}

.width_477 {
  width: 477px !important;
}

.width_478 {
  width: 478px !important;
}

.width_479 {
  width: 479px !important;
}

.width_480 {
  width: 480px !important;
}

.width_481 {
  width: 481px !important;
}

.width_482 {
  width: 482px !important;
}

.width_483 {
  width: 483px !important;
}

.width_484 {
  width: 484px !important;
}

.width_485 {
  width: 485px !important;
}

.width_486 {
  width: 486px !important;
}

.width_487 {
  width: 487px !important;
}

.width_488 {
  width: 488px !important;
}

.width_489 {
  width: 489px !important;
}

.width_490 {
  width: 490px !important;
}

.width_491 {
  width: 491px !important;
}

.width_492 {
  width: 492px !important;
}

.width_493 {
  width: 493px !important;
}

.width_494 {
  width: 494px !important;
}

.width_495 {
  width: 495px !important;
}

.width_496 {
  width: 496px !important;
}

.width_497 {
  width: 497px !important;
}

.width_498 {
  width: 498px !important;
}

.width_499 {
  width: 499px !important;
}

.width_500 {
  width: 500px !important;
}

.width_501 {
  width: 501px !important;
}

.width_502 {
  width: 502px !important;
}

.width_503 {
  width: 503px !important;
}

.width_504 {
  width: 504px !important;
}

.width_505 {
  width: 505px !important;
}

.width_506 {
  width: 506px !important;
}

.width_507 {
  width: 507px !important;
}

.width_508 {
  width: 508px !important;
}

.width_509 {
  width: 509px !important;
}

.width_510 {
  width: 510px !important;
}

.width_511 {
  width: 511px !important;
}

.width_512 {
  width: 512px !important;
}

.width_513 {
  width: 513px !important;
}

.width_514 {
  width: 514px !important;
}

.width_515 {
  width: 515px !important;
}

.width_516 {
  width: 516px !important;
}

.width_517 {
  width: 517px !important;
}

.width_518 {
  width: 518px !important;
}

.width_519 {
  width: 519px !important;
}

.width_520 {
  width: 520px !important;
}

.width_521 {
  width: 521px !important;
}

.width_522 {
  width: 522px !important;
}

.width_523 {
  width: 523px !important;
}

.width_524 {
  width: 524px !important;
}

.width_525 {
  width: 525px !important;
}

.width_526 {
  width: 526px !important;
}

.width_527 {
  width: 527px !important;
}

.width_528 {
  width: 528px !important;
}

.width_529 {
  width: 529px !important;
}

.width_530 {
  width: 530px !important;
}

.width_531 {
  width: 531px !important;
}

.width_532 {
  width: 532px !important;
}

.width_533 {
  width: 533px !important;
}

.width_534 {
  width: 534px !important;
}

.width_535 {
  width: 535px !important;
}

.width_536 {
  width: 536px !important;
}

.width_537 {
  width: 537px !important;
}

.width_538 {
  width: 538px !important;
}

.width_539 {
  width: 539px !important;
}

.width_540 {
  width: 540px !important;
}

.width_541 {
  width: 541px !important;
}

.width_542 {
  width: 542px !important;
}

.width_543 {
  width: 543px !important;
}

.width_544 {
  width: 544px !important;
}

.width_545 {
  width: 545px !important;
}

.width_546 {
  width: 546px !important;
}

.width_547 {
  width: 547px !important;
}

.width_548 {
  width: 548px !important;
}

.width_549 {
  width: 549px !important;
}

.width_550 {
  width: 550px !important;
}

.width_551 {
  width: 551px !important;
}

.width_552 {
  width: 552px !important;
}

.width_553 {
  width: 553px !important;
}

.width_554 {
  width: 554px !important;
}

.width_555 {
  width: 555px !important;
}

.width_556 {
  width: 556px !important;
}

.width_557 {
  width: 557px !important;
}

.width_558 {
  width: 558px !important;
}

.width_559 {
  width: 559px !important;
}

.width_560 {
  width: 560px !important;
}

.width_561 {
  width: 561px !important;
}

.width_562 {
  width: 562px !important;
}

.width_563 {
  width: 563px !important;
}

.width_564 {
  width: 564px !important;
}

.width_565 {
  width: 565px !important;
}

.width_566 {
  width: 566px !important;
}

.width_567 {
  width: 567px !important;
}

.width_568 {
  width: 568px !important;
}

.width_569 {
  width: 569px !important;
}

.width_570 {
  width: 570px !important;
}

.width_571 {
  width: 571px !important;
}

.width_572 {
  width: 572px !important;
}

.width_573 {
  width: 573px !important;
}

.width_574 {
  width: 574px !important;
}

.width_575 {
  width: 575px !important;
}

.width_576 {
  width: 576px !important;
}

.width_577 {
  width: 577px !important;
}

.width_578 {
  width: 578px !important;
}

.width_579 {
  width: 579px !important;
}

.width_580 {
  width: 580px !important;
}

.width_581 {
  width: 581px !important;
}

.width_582 {
  width: 582px !important;
}

.width_583 {
  width: 583px !important;
}

.width_584 {
  width: 584px !important;
}

.width_585 {
  width: 585px !important;
}

.width_586 {
  width: 586px !important;
}

.width_587 {
  width: 587px !important;
}

.width_588 {
  width: 588px !important;
}

.width_589 {
  width: 589px !important;
}

.width_590 {
  width: 590px !important;
}

.width_591 {
  width: 591px !important;
}

.width_592 {
  width: 592px !important;
}

.width_593 {
  width: 593px !important;
}

.width_594 {
  width: 594px !important;
}

.width_595 {
  width: 595px !important;
}

.width_596 {
  width: 596px !important;
}

.width_597 {
  width: 597px !important;
}

.width_598 {
  width: 598px !important;
}

.width_599 {
  width: 599px !important;
}

.width_600 {
  width: 600px !important;
}

.width_601 {
  width: 601px !important;
}

.width_602 {
  width: 602px !important;
}

.width_603 {
  width: 603px !important;
}

.width_604 {
  width: 604px !important;
}

.width_605 {
  width: 605px !important;
}

.width_606 {
  width: 606px !important;
}

.width_607 {
  width: 607px !important;
}

.width_608 {
  width: 608px !important;
}

.width_609 {
  width: 609px !important;
}

.width_610 {
  width: 610px !important;
}

.width_611 {
  width: 611px !important;
}

.width_612 {
  width: 612px !important;
}

.width_613 {
  width: 613px !important;
}

.width_614 {
  width: 614px !important;
}

.width_615 {
  width: 615px !important;
}

.width_616 {
  width: 616px !important;
}

.width_617 {
  width: 617px !important;
}

.width_618 {
  width: 618px !important;
}

.width_619 {
  width: 619px !important;
}

.width_620 {
  width: 620px !important;
}

.width_621 {
  width: 621px !important;
}

.width_622 {
  width: 622px !important;
}

.width_623 {
  width: 623px !important;
}

.width_624 {
  width: 624px !important;
}

.width_625 {
  width: 625px !important;
}

.width_626 {
  width: 626px !important;
}

.width_627 {
  width: 627px !important;
}

.width_628 {
  width: 628px !important;
}

.width_629 {
  width: 629px !important;
}

.width_630 {
  width: 630px !important;
}

.width_631 {
  width: 631px !important;
}

.width_632 {
  width: 632px !important;
}

.width_633 {
  width: 633px !important;
}

.width_634 {
  width: 634px !important;
}

.width_635 {
  width: 635px !important;
}

.width_636 {
  width: 636px !important;
}

.width_637 {
  width: 637px !important;
}

.width_638 {
  width: 638px !important;
}

.width_639 {
  width: 639px !important;
}

.width_640 {
  width: 640px !important;
}

.width_641 {
  width: 641px !important;
}

.width_642 {
  width: 642px !important;
}

.width_643 {
  width: 643px !important;
}

.width_644 {
  width: 644px !important;
}

.width_645 {
  width: 645px !important;
}

.width_646 {
  width: 646px !important;
}

.width_647 {
  width: 647px !important;
}

.width_648 {
  width: 648px !important;
}

.width_649 {
  width: 649px !important;
}

.width_650 {
  width: 650px !important;
}

.width_651 {
  width: 651px !important;
}

.width_652 {
  width: 652px !important;
}

.width_653 {
  width: 653px !important;
}

.width_654 {
  width: 654px !important;
}

.width_655 {
  width: 655px !important;
}

.width_656 {
  width: 656px !important;
}

.width_657 {
  width: 657px !important;
}

.width_658 {
  width: 658px !important;
}

.width_659 {
  width: 659px !important;
}

.width_660 {
  width: 660px !important;
}

.width_661 {
  width: 661px !important;
}

.width_662 {
  width: 662px !important;
}

.width_663 {
  width: 663px !important;
}

.width_664 {
  width: 664px !important;
}

.width_665 {
  width: 665px !important;
}

.width_666 {
  width: 666px !important;
}

.width_667 {
  width: 667px !important;
}

.width_668 {
  width: 668px !important;
}

.width_669 {
  width: 669px !important;
}

.width_670 {
  width: 670px !important;
}

.width_671 {
  width: 671px !important;
}

.width_672 {
  width: 672px !important;
}

.width_673 {
  width: 673px !important;
}

.width_674 {
  width: 674px !important;
}

.width_675 {
  width: 675px !important;
}

.width_676 {
  width: 676px !important;
}

.width_677 {
  width: 677px !important;
}

.width_678 {
  width: 678px !important;
}

.width_679 {
  width: 679px !important;
}

.width_680 {
  width: 680px !important;
}

.width_681 {
  width: 681px !important;
}

.width_682 {
  width: 682px !important;
}

.width_683 {
  width: 683px !important;
}

.width_684 {
  width: 684px !important;
}

.width_685 {
  width: 685px !important;
}

.width_686 {
  width: 686px !important;
}

.width_687 {
  width: 687px !important;
}

.width_688 {
  width: 688px !important;
}

.width_689 {
  width: 689px !important;
}

.width_690 {
  width: 690px !important;
}

.width_691 {
  width: 691px !important;
}

.width_692 {
  width: 692px !important;
}

.width_693 {
  width: 693px !important;
}

.width_694 {
  width: 694px !important;
}

.width_695 {
  width: 695px !important;
}

.width_696 {
  width: 696px !important;
}

.width_697 {
  width: 697px !important;
}

.width_698 {
  width: 698px !important;
}

.width_699 {
  width: 699px !important;
}

.width_700 {
  width: 700px !important;
}

.width_701 {
  width: 701px !important;
}

.width_702 {
  width: 702px !important;
}

.width_703 {
  width: 703px !important;
}

.width_704 {
  width: 704px !important;
}

.width_705 {
  width: 705px !important;
}

.width_706 {
  width: 706px !important;
}

.width_707 {
  width: 707px !important;
}

.width_708 {
  width: 708px !important;
}

.width_709 {
  width: 709px !important;
}

.width_710 {
  width: 710px !important;
}

.width_711 {
  width: 711px !important;
}

.width_712 {
  width: 712px !important;
}

.width_713 {
  width: 713px !important;
}

.width_714 {
  width: 714px !important;
}

.width_715 {
  width: 715px !important;
}

.width_716 {
  width: 716px !important;
}

.width_717 {
  width: 717px !important;
}

.width_718 {
  width: 718px !important;
}

.width_719 {
  width: 719px !important;
}

.width_720 {
  width: 720px !important;
}

.width_721 {
  width: 721px !important;
}

.width_722 {
  width: 722px !important;
}

.width_723 {
  width: 723px !important;
}

.width_724 {
  width: 724px !important;
}

.width_725 {
  width: 725px !important;
}

.width_726 {
  width: 726px !important;
}

.width_727 {
  width: 727px !important;
}

.width_728 {
  width: 728px !important;
}

.width_729 {
  width: 729px !important;
}

.width_730 {
  width: 730px !important;
}

.width_731 {
  width: 731px !important;
}

.width_732 {
  width: 732px !important;
}

.width_733 {
  width: 733px !important;
}

.width_734 {
  width: 734px !important;
}

.width_735 {
  width: 735px !important;
}

.width_736 {
  width: 736px !important;
}

.width_737 {
  width: 737px !important;
}

.width_738 {
  width: 738px !important;
}

.width_739 {
  width: 739px !important;
}

.width_740 {
  width: 740px !important;
}

.width_741 {
  width: 741px !important;
}

.width_742 {
  width: 742px !important;
}

.width_743 {
  width: 743px !important;
}

.width_744 {
  width: 744px !important;
}

.width_745 {
  width: 745px !important;
}

.width_746 {
  width: 746px !important;
}

.width_747 {
  width: 747px !important;
}

.width_748 {
  width: 748px !important;
}

.width_749 {
  width: 749px !important;
}

.width_750 {
  width: 750px !important;
}

.width_751 {
  width: 751px !important;
}

.width_752 {
  width: 752px !important;
}

.width_753 {
  width: 753px !important;
}

.width_754 {
  width: 754px !important;
}

.width_755 {
  width: 755px !important;
}

.width_756 {
  width: 756px !important;
}

.width_757 {
  width: 757px !important;
}

.width_758 {
  width: 758px !important;
}

.width_759 {
  width: 759px !important;
}

.width_760 {
  width: 760px !important;
}

.width_761 {
  width: 761px !important;
}

.width_762 {
  width: 762px !important;
}

.width_763 {
  width: 763px !important;
}

.width_764 {
  width: 764px !important;
}

.width_765 {
  width: 765px !important;
}

.width_766 {
  width: 766px !important;
}

.width_767 {
  width: 767px !important;
}

.width_768 {
  width: 768px !important;
}

.width_769 {
  width: 769px !important;
}

.width_770 {
  width: 770px !important;
}

.width_771 {
  width: 771px !important;
}

.width_772 {
  width: 772px !important;
}

.width_773 {
  width: 773px !important;
}

.width_774 {
  width: 774px !important;
}

.width_775 {
  width: 775px !important;
}

.width_776 {
  width: 776px !important;
}

.width_777 {
  width: 777px !important;
}

.width_778 {
  width: 778px !important;
}

.width_779 {
  width: 779px !important;
}

.width_780 {
  width: 780px !important;
}

.width_781 {
  width: 781px !important;
}

.width_782 {
  width: 782px !important;
}

.width_783 {
  width: 783px !important;
}

.width_784 {
  width: 784px !important;
}

.width_785 {
  width: 785px !important;
}

.width_786 {
  width: 786px !important;
}

.width_787 {
  width: 787px !important;
}

.width_788 {
  width: 788px !important;
}

.width_789 {
  width: 789px !important;
}

.width_790 {
  width: 790px !important;
}

.width_791 {
  width: 791px !important;
}

.width_792 {
  width: 792px !important;
}

.width_793 {
  width: 793px !important;
}

.width_794 {
  width: 794px !important;
}

.width_795 {
  width: 795px !important;
}

.width_796 {
  width: 796px !important;
}

.width_797 {
  width: 797px !important;
}

.width_798 {
  width: 798px !important;
}

.width_799 {
  width: 799px !important;
}

.width_800 {
  width: 800px !important;
}

.width_801 {
  width: 801px !important;
}

.width_802 {
  width: 802px !important;
}

.width_803 {
  width: 803px !important;
}

.width_804 {
  width: 804px !important;
}

.width_805 {
  width: 805px !important;
}

.width_806 {
  width: 806px !important;
}

.width_807 {
  width: 807px !important;
}

.width_808 {
  width: 808px !important;
}

.width_809 {
  width: 809px !important;
}

.width_810 {
  width: 810px !important;
}

.width_811 {
  width: 811px !important;
}

.width_812 {
  width: 812px !important;
}

.width_813 {
  width: 813px !important;
}

.width_814 {
  width: 814px !important;
}

.width_815 {
  width: 815px !important;
}

.width_816 {
  width: 816px !important;
}

.width_817 {
  width: 817px !important;
}

.width_818 {
  width: 818px !important;
}

.width_819 {
  width: 819px !important;
}

.width_820 {
  width: 820px !important;
}

.width_821 {
  width: 821px !important;
}

.width_822 {
  width: 822px !important;
}

.width_823 {
  width: 823px !important;
}

.width_824 {
  width: 824px !important;
}

.width_825 {
  width: 825px !important;
}

.width_826 {
  width: 826px !important;
}

.width_827 {
  width: 827px !important;
}

.width_828 {
  width: 828px !important;
}

.width_829 {
  width: 829px !important;
}

.width_830 {
  width: 830px !important;
}

.width_831 {
  width: 831px !important;
}

.width_832 {
  width: 832px !important;
}

.width_833 {
  width: 833px !important;
}

.width_834 {
  width: 834px !important;
}

.width_835 {
  width: 835px !important;
}

.width_836 {
  width: 836px !important;
}

.width_837 {
  width: 837px !important;
}

.width_838 {
  width: 838px !important;
}

.width_839 {
  width: 839px !important;
}

.width_840 {
  width: 840px !important;
}

.width_841 {
  width: 841px !important;
}

.width_842 {
  width: 842px !important;
}

.width_843 {
  width: 843px !important;
}

.width_844 {
  width: 844px !important;
}

.width_845 {
  width: 845px !important;
}

.width_846 {
  width: 846px !important;
}

.width_847 {
  width: 847px !important;
}

.width_848 {
  width: 848px !important;
}

.width_849 {
  width: 849px !important;
}

.width_850 {
  width: 850px !important;
}

.width_851 {
  width: 851px !important;
}

.width_852 {
  width: 852px !important;
}

.width_853 {
  width: 853px !important;
}

.width_854 {
  width: 854px !important;
}

.width_855 {
  width: 855px !important;
}

.width_856 {
  width: 856px !important;
}

.width_857 {
  width: 857px !important;
}

.width_858 {
  width: 858px !important;
}

.width_859 {
  width: 859px !important;
}

.width_860 {
  width: 860px !important;
}

.width_861 {
  width: 861px !important;
}

.width_862 {
  width: 862px !important;
}

.width_863 {
  width: 863px !important;
}

.width_864 {
  width: 864px !important;
}

.width_865 {
  width: 865px !important;
}

.width_866 {
  width: 866px !important;
}

.width_867 {
  width: 867px !important;
}

.width_868 {
  width: 868px !important;
}

.width_869 {
  width: 869px !important;
}

.width_870 {
  width: 870px !important;
}

.width_871 {
  width: 871px !important;
}

.width_872 {
  width: 872px !important;
}

.width_873 {
  width: 873px !important;
}

.width_874 {
  width: 874px !important;
}

.width_875 {
  width: 875px !important;
}

.width_876 {
  width: 876px !important;
}

.width_877 {
  width: 877px !important;
}

.width_878 {
  width: 878px !important;
}

.width_879 {
  width: 879px !important;
}

.width_880 {
  width: 880px !important;
}

.width_881 {
  width: 881px !important;
}

.width_882 {
  width: 882px !important;
}

.width_883 {
  width: 883px !important;
}

.width_884 {
  width: 884px !important;
}

.width_885 {
  width: 885px !important;
}

.width_886 {
  width: 886px !important;
}

.width_887 {
  width: 887px !important;
}

.width_888 {
  width: 888px !important;
}

.width_889 {
  width: 889px !important;
}

.width_890 {
  width: 890px !important;
}

.width_891 {
  width: 891px !important;
}

.width_892 {
  width: 892px !important;
}

.width_893 {
  width: 893px !important;
}

.width_894 {
  width: 894px !important;
}

.width_895 {
  width: 895px !important;
}

.width_896 {
  width: 896px !important;
}

.width_897 {
  width: 897px !important;
}

.width_898 {
  width: 898px !important;
}

.width_899 {
  width: 899px !important;
}

.width_900 {
  width: 900px !important;
}

.width_901 {
  width: 901px !important;
}

.width_902 {
  width: 902px !important;
}

.width_903 {
  width: 903px !important;
}

.width_904 {
  width: 904px !important;
}

.width_905 {
  width: 905px !important;
}

.width_906 {
  width: 906px !important;
}

.width_907 {
  width: 907px !important;
}

.width_908 {
  width: 908px !important;
}

.width_909 {
  width: 909px !important;
}

.width_910 {
  width: 910px !important;
}

.width_911 {
  width: 911px !important;
}

.width_912 {
  width: 912px !important;
}

.width_913 {
  width: 913px !important;
}

.width_914 {
  width: 914px !important;
}

.width_915 {
  width: 915px !important;
}

.width_916 {
  width: 916px !important;
}

.width_917 {
  width: 917px !important;
}

.width_918 {
  width: 918px !important;
}

.width_919 {
  width: 919px !important;
}

.width_920 {
  width: 920px !important;
}

.width_921 {
  width: 921px !important;
}

.width_922 {
  width: 922px !important;
}

.width_923 {
  width: 923px !important;
}

.width_924 {
  width: 924px !important;
}

.width_925 {
  width: 925px !important;
}

.width_926 {
  width: 926px !important;
}

.width_927 {
  width: 927px !important;
}

.width_928 {
  width: 928px !important;
}

.width_929 {
  width: 929px !important;
}

.width_930 {
  width: 930px !important;
}

.width_931 {
  width: 931px !important;
}

.width_932 {
  width: 932px !important;
}

.width_933 {
  width: 933px !important;
}

.width_934 {
  width: 934px !important;
}

.width_935 {
  width: 935px !important;
}

.width_936 {
  width: 936px !important;
}

.width_937 {
  width: 937px !important;
}

.width_938 {
  width: 938px !important;
}

.width_939 {
  width: 939px !important;
}

.width_940 {
  width: 940px !important;
}

.width_941 {
  width: 941px !important;
}

.width_942 {
  width: 942px !important;
}

.width_943 {
  width: 943px !important;
}

.width_944 {
  width: 944px !important;
}

.width_945 {
  width: 945px !important;
}

.width_946 {
  width: 946px !important;
}

.width_947 {
  width: 947px !important;
}

.width_948 {
  width: 948px !important;
}

.width_949 {
  width: 949px !important;
}

.width_950 {
  width: 950px !important;
}

.width_951 {
  width: 951px !important;
}

.width_952 {
  width: 952px !important;
}

.width_953 {
  width: 953px !important;
}

.width_954 {
  width: 954px !important;
}

.width_955 {
  width: 955px !important;
}

.width_956 {
  width: 956px !important;
}

.width_957 {
  width: 957px !important;
}

.width_958 {
  width: 958px !important;
}

.width_959 {
  width: 959px !important;
}

.width_960 {
  width: 960px !important;
}

.width_961 {
  width: 961px !important;
}

.width_962 {
  width: 962px !important;
}

.width_963 {
  width: 963px !important;
}

.width_964 {
  width: 964px !important;
}

.width_965 {
  width: 965px !important;
}

.width_966 {
  width: 966px !important;
}

.width_967 {
  width: 967px !important;
}

.width_968 {
  width: 968px !important;
}

.width_969 {
  width: 969px !important;
}

.width_970 {
  width: 970px !important;
}

.width_971 {
  width: 971px !important;
}

.width_972 {
  width: 972px !important;
}

.width_973 {
  width: 973px !important;
}

.width_974 {
  width: 974px !important;
}

.width_975 {
  width: 975px !important;
}

.width_976 {
  width: 976px !important;
}

.width_977 {
  width: 977px !important;
}

.width_978 {
  width: 978px !important;
}

.width_979 {
  width: 979px !important;
}

.width_980 {
  width: 980px !important;
}

.width_981 {
  width: 981px !important;
}

.width_982 {
  width: 982px !important;
}

.width_983 {
  width: 983px !important;
}

.width_984 {
  width: 984px !important;
}

.width_985 {
  width: 985px !important;
}

.width_986 {
  width: 986px !important;
}

.width_987 {
  width: 987px !important;
}

.width_988 {
  width: 988px !important;
}

.width_989 {
  width: 989px !important;
}

.width_990 {
  width: 990px !important;
}

.width_991 {
  width: 991px !important;
}

.width_992 {
  width: 992px !important;
}

.width_993 {
  width: 993px !important;
}

.width_994 {
  width: 994px !important;
}

.width_995 {
  width: 995px !important;
}

.width_996 {
  width: 996px !important;
}

.width_997 {
  width: 997px !important;
}

.width_998 {
  width: 998px !important;
}

.width_999 {
  width: 999px !important;
}

.width_1000 {
  width: 1000px !important;
}

#wrap {
  background: url(../images/bg/bg-sky.png) 0 185px repeat-y;
  background-size: 100% auto;
  min-width: 1200px;
  margin: 0 auto;
}
#wrap .header .inner {
  display: flex;
  position: relative;
  max-width: 1200px;
  height: 140px;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}
#wrap .header .inner nav {
  margin-left: -20px;
}
#wrap .header .inner nav ul {
  display: flex;
}
#wrap .header .inner nav ul li {
  position: relative;
  padding-bottom: 10px;
  z-index: 999;
}
#wrap .header .inner nav ul li:hover ul {
  display: block;
}
#wrap .header .inner nav ul li a {
  padding: 0 20px;
  letter-spacing: -0.4px;
  font-size: 20px;
  font-weight: bold;
}
#wrap .header .inner nav ul li a.is-active {
  position: relative;
}
#wrap .header .inner nav ul li a.is-active span {
  position: relative;
  z-index: 1;
}
#wrap .header .inner nav ul li a.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffda3d;
  height: 10px;
  margin: 16px 40px 0 0;
  transform: translateX(20px);
}
#wrap .header .inner nav ul li ul {
  display: none;
  position: absolute;
  top: 100%;
  padding: 18px 22px;
  min-width: 173px;
  border-radius: 10px;
  background-color: #fff;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}
#wrap .header .inner nav ul li ul li {
  display: block;
  text-align: center;
  margin-top: 12px;
  padding: 0;
}
#wrap .header .inner nav ul li ul li:first-child {
  margin-top: 0;
}
#wrap .header .inner nav ul li ul li a {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.51px;
  color: #404040;
  padding: 4px 7px;
}
#wrap .header .inner nav ul li ul li a:hover {
  color: #fff;
  font-weight: 600;
  border-radius: 5px;
  background-color: #335eff;
}
#wrap .header .inner .logo {
  position: absolute;
  left: 50%;
  width: 188px;
  margin-left: -57px;
}
#wrap .header .inner .visitor {
  display: flex;
  background: #000;
  padding: 5px 20px 5px 16px;
  border-radius: 17px;
  color: #fff;
}
#wrap .header .inner .visitor dl {
  display: flex;
  align-items: center;
}
#wrap .header .inner .visitor dl dt {
  margin-right: 4px;
  font-size: 16px;
  font-weight: 300;
}
#wrap .header .inner .visitor dl dd {
  font-size: 15px;
  font-weight: 500;
}
#wrap .header .inner .visitor dl.visitor-day::before {
  content: "";
  background: url(../images/icon/img-eyes.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
#wrap .header .inner .visitor dl.visitor-day::after {
  content: "";
  background: #fff;
  width: 1px;
  height: 13px;
  margin: 0 16px;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

section[class^=section-] .section-title {
  letter-spacing: -2px;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

.youtube-area {
  position: relative;
  max-width: 1200px;
  height: 673px;
  margin: 0 auto;
  margin-top: 45px;
}
.youtube-area .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../images/icon/img-vidoe-play.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 101px;
  height: 101px;
  font-size: 0;
  transform: translate(-50%, -50%);
}

.section-1 .degital-book-container {
  position: relative;
  max-width: 1200px;
  margin: 90px auto 0;
}
.section-1 .degital-book-container .btn-more {
  position: absolute;
  top: 5px;
  right: 0;
}
.section-1 .degital-book-container .book-list {
  margin-top: 36px;
  display: flex;
  gap: 0 21px;
  justify-content: center;
}
.section-1 .degital-book-container .book-list li {
  flex: 0 0 285px;
}
.section-1 .degital-book-container .book-list li figcaption {
  display: flex;
  background: #b1cc87;
  height: 48px;
  margin-top: 16px;
  border-radius: 10px;
  color: #222;
  font-size: 18px;
  font-weight: bold;
  align-items: center;
  justify-content: center;
}
.section-1 .degital-book-container .book-list li:hover figure img {
  box-shadow: 0 0 40px 0 #5dacd9;
  -o-object-fit: contain;
     object-fit: contain;
}
.section-1 .degital-book-container .book-list.no-data {
  background: url(../images/book/img-main-01-nodata.png) 0 0 no-repeat;
  background-size: 100% 100%;
  height: 360px;
}
.section-1 .degital-book-container .book-list.no-data + .notice-text {
  margin-top: 100px;
}
.section-1 .degital-book-container .notice-text {
  display: flex;
  background-color: #c9ecff;
  margin-top: 36px;
  padding: 17px 22px;
  border-radius: 10px;
  color: #51839f;
  letter-spacing: -0.48px;
  text-align: left;
  font-size: 16px;
  align-items: center;
}
.section-1 .degital-book-container .notice-text::before {
  content: "";
  display: block;
  background: url(../images/icon/img-notice.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  margin-right: 14px;
}

.section-2 {
  background: url(../images/bg/bg-main-2.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.section-2 .new-book-contaienr {
  max-width: 1200px;
  margin: 127px auto 0;
  padding: 90px 0 135px;
}
.section-2 .new-book-contaienr .section-title {
  color: #fff;
}
.section-2 .swiper-container {
  position: relative;
  background: linear-gradient(to bottom, #6a4225, #5a371e);
  margin-top: 40px;
  padding: 75px 68px;
  border-radius: 20px;
}
.section-2 .swiper-container .swiper-slide {
  max-width: 240px;
}
.section-2 .swiper-container .new-book-swiper.no-data {
  background: url(../images/book/img-main-02-nodata.png) 0 0 no-repeat;
  background-size: 100% 100%;
  height: 300px;
}
.section-2 .swiper-container .new-book-prev,
.section-2 .swiper-container .new-book-next {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 40px;
  cursor: pointer;
  transform: translateY(-50%);
}
.section-2 .swiper-container .new-book-prev {
  left: 24px;
  background: url(../images/icon/ic-newbook-prev.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.section-2 .swiper-container .new-book-next {
  left: auto;
  right: 24px;
  background: url(../images/icon/ic-newbook-next.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.section-3 {
  background: url(../images/bg/bg-main-3.png) 0 0 no-repeat;
  background-size: 100% 100%;
  padding: 90px 0 120px;
}
.section-3 .download-container {
  max-width: 1200px;
  margin: 0 auto;
}
.section-3 .download-container .download-list {
  position: relative;
  margin-top: 38px;
}
.section-3 .download-container .download-list + .download-list {
  margin-top: 56px;
}
.section-3 .download-container .download-list h3 {
  color: #222;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}
.section-3 .download-container .download-list ul {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
  gap: 35px 20px;
}
.section-3 .download-container .download-list ul.no-data {
  background: url(../images/book/img-main-03-nodata.png) 0 0 no-repeat;
  background-size: 100% 100%;
  height: 160px;
}
.section-3 .download-container .download-list ul.no-data + .btn-more {
  display: none;
}
.section-3 .download-container .download-list ul li {
  flex: 0 0 285px;
}
.section-3 .download-container .download-list ul li a {
  display: block;
}
.section-3 .download-container .download-list ul li figure img {
  width: 100%;
  height: 160px;
  border-radius: 10px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-3 .download-container .download-list ul li figcaption {
  margin-top: 8px;
  color: #000;
  letter-spacing: -0.32px;
  font-size: 16px;
  font-weight: 500;
}
.section-3 .download-container .download-list ul li figcaption span {
  display: block;
  color: #7e7e7e;
  font-size: 12px;
  font-weight: 500;
}
.section-3 .download-container .download-list .btn-more {
  position: absolute;
  top: 0;
  right: 0;
  background: #ff7e24;
}

.seciton-4 {
  background-color: #292929;
}
.seciton-4 .relevant-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0 60px;
}
.seciton-4 .relevant-container .section-title {
  color: #fff;
  font-size: 28px;
  cursor: pointer;
}
.seciton-4 .relevant-container .site-list {
  display: flex;
  background-color: #fff;
  height: 125px;
  margin-top: 22px;
  padding: 0 48px;
  border-radius: 10px;
  box-shadow: inset 0 -3px 10px 0 rgba(58, 59, 98, 0.6);
  align-items: center;
  justify-content: space-between;
}
.seciton-4 .relevant-container .site-list li {
  flex: 0 0 205px;
}

.footer {
  background-color: #292929;
  padding: 28px 120px;
}
.footer .company-info {
  color: #fff;
  line-height: 1.43;
  font-size: 14px;
  font-weight: 300;
  opacity: 0.8;
}
.footer .company-info span {
  display: inline-block;
}
.footer .company-info span + span {
  margin-left: 20px;
}
.footer .company-info .copy-right {
  margin-top: 10px;
  color: #fff;
  line-height: 1.33;
  font-size: 15px;
  font-weight: 300;
  opacity: 0.4;
}

.profile-container {
  display: flex;
  background-color: #b4e1fa;
  max-width: 1200px;
  margin: 35px auto 32px;
  padding: 55px 80px;
  border-radius: 30px;
  align-items: flex-start;
}
.profile-container .profile-img {
  width: 300px;
  margin-right: 62px;
  flex: 0 0 300px;
  text-align: center;
}
.profile-container .profile-img figure {
  position: relative;
}
.profile-container .profile-img figure img {
  width: 300px;
  height: 300px;
  border-radius: 50%;
}
.profile-container .profile-img figure figcaption {
  top: -10px;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.profile-container .profile-img figure figcaption span {
  position: absolute;
  right: 0;
  top: -46px;
  display: inline-block;
  padding: 5px 20px;
  background: #404040;
  margin-left: auto;
}
.profile-container .profile-img figure figcaption p {
  display: inline-block;
  padding: 5px 20px;
  background: #335efe;
}
.profile-container .profile-text {
  color: #222;
  line-height: 1.8;
  letter-spacing: -0.4px;
  font-size: 20px;
}
.profile-container + .youtube-area {
  margin-top: 0;
}

.tab-container {
  margin-top: 73px;
}
.tab-container .tabs {
  display: flex;
  justify-content: space-between;
}
.tab-container .tabs li {
  display: flex;
  background-color: #e6f7ff;
  height: 67px;
  border: solid 1px rgba(163, 206, 230, 0.25);
  border-radius: 33.5px;
  color: #b3d3e5;
  letter-spacing: -1.2px;
  font-size: 24px;
  cursor: pointer;
  font-weight: 500;
  align-items: center;
  flex: 0 0 233px;
  justify-content: center;
}
.tab-container .tabs li.is-active {
  background-color: #ffda3d;
  border: solid 2px #efc928;
  color: #335efe;
  font-weight: 800;
}
.tab-container .tab-content-wrap {
  margin-top: 25px;
}
.tab-container .tab-content-wrap .tab-content {
  display: none;
  background-color: #fff;
  padding: 55px 40px;
  border-radius: 10px;
}
.tab-container .tab-content-wrap .tab-content.is-active {
  display: block;
}
.tab-container .tab-content-wrap .tab-content .tab-title {
  color: #222;
  letter-spacing: -1.9px;
  text-align: center;
  font-size: 38px;
  font-weight: 800;
  cursor: pointer;
}
.tab-container .tab-content-wrap .tab-content .content-info {
  display: flex;
  margin-top: 50px;
  align-items: center;
}
.tab-container .tab-content-wrap .tab-content .content-info .thumb {
  position: relative;
  margin: 0 60px;
  flex: 0 0 257px;
  cursor: pointer;
}
.tab-container .tab-content-wrap .tab-content .content-info .thumb:hover img {
  box-shadow: 10px 10px 12px 0 #d5d5d5;
  -o-object-fit: contain;
     object-fit: contain;
}
.tab-container .tab-content-wrap .tab-content .content-info .content-detail {
  display: flex;
  margin-right: 60px;
  flex: 1;
  flex-wrap: wrap;
  gap: 20px 15px;
}
.tab-container .tab-content-wrap .tab-content .content-info .content-detail dl {
  background: rgba(87, 153, 242, 0.25);
  padding: 25px 25px 27px 25px;
  border: solid 1px rgba(153, 153, 153, 0.15);
  border-radius: 20px;
  flex: 1;
}
.tab-container .tab-content-wrap .tab-content .content-info .content-detail dl dt {
  color: #000;
  letter-spacing: -0.6px;
  font-size: 20px;
  font-weight: bold;
}
.tab-container .tab-content-wrap .tab-content .content-info .content-detail dl dd {
  margin-top: 20px;
  color: #333;
  letter-spacing: -0.4px;
  font-size: 20px;
  font-weight: 500;
}
.tab-container .tab-content-wrap .tab-content .content-info .content-detail dl:last-child {
  flex: 0 0 100%;
}
.tab-container .tab-content-wrap .tab-content .content-info .content-detail dl:last-child dd {
  line-height: 1.8;
}
.tab-container .tab-content-wrap .tab-content .content-character {
  background-color: rgba(238, 238, 238, 0.38);
  margin-top: 52px;
  padding: 30px 35px;
  border: solid 3.5px #eee;
  border-radius: 30px;
}
.tab-container .tab-content-wrap .tab-content .content-character dl dt {
  color: #000;
  letter-spacing: -0.6px;
  font-size: 20px;
  font-weight: bold;
}
.tab-container .tab-content-wrap .tab-content .content-character dl dd {
  margin-top: 20px;
  color: #333;
  line-height: 1.8;
  letter-spacing: -0.4px;
  font-size: 20px;
  font-weight: 500;
}
.tab-container .tab-content-wrap .tab-content .content-character dl:last-child {
  flex: 0 0 100%;
}

.book-list-style + .book-list-style {
  margin-top: 10px;
}
.book-list-style h3 {
  display: flex;
  color: #222;
  letter-spacing: -1.4px;
  font-size: 28px;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
.book-list-style h3::before {
  content: "";
  display: inline-block;
  background: url(../images/icon/ic-bullet.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 15px;
  height: 25px;
  margin-right: 10px;
}
.book-list-style ul {
  display: flex;
  background: url(../images/bg/bg-rack.png) 0 100% no-repeat;
  background-size: 100% auto;
  margin-top: 35px;
  padding: 0 50px 110px 40px;
  gap: 0 55px;
}
.book-list-style ul + ul {
  margin-top: 0;
}
.book-list-style ul li {
  text-align: center;
  flex: 0 0 180px;
}
.book-list-style ul li img {
  width: 180px;
  height: 228px;
  -o-object-fit: cover;
     object-fit: cover;
}
.book-list-style ul li figcaption {
  display: inline-flex;
  background-color: #533113;
  height: 24px;
  margin-top: 12px;
  padding: 0 8px;
  border-radius: 5px;
  color: #b2987c;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.4);
  align-items: center;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  overflow: hidden;
  max-width: 180px;
}
.book-list-style ul li figcaption span.autoflow {
  white-space: nowrap;
  animation: flowText 7s linear infinite;
  animation-delay: 1s;
}
@keyframes flowText {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.user-info {
  display: flex;
  margin: 35px 0;
  align-items: center;
}
.user-info .total-result {
  color: #555;
  letter-spacing: -0.23px;
  font-size: 15px;
  font-weight: 500;
}
.user-info .btn-way {
  display: flex;
  background: #eef8ff;
  width: 339px;
  height: 58px;
  margin-left: auto;
  padding: 0 20px;
  border: solid 1px #335efe;
  border-radius: 15px;
  color: #335efe;
  letter-spacing: -0.3px;
  font-size: 20px;
  font-weight: bold;
  align-items: center;
  justify-content: center;
}
.user-info .btn-way::before {
  content: "";
  display: block;
  background: url(../images/icon/ic-guide.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  margin-right: 20px;
}
.user-info .input-search {
  display: flex;
  overflow: hidden;
  position: relative;
  background: #fff;
  width: 512px;
  height: 60px;
  margin-left: auto;
  border: solid 2px #d8d8d8;
  border-radius: 5px;
  align-items: center;
}
.user-info .input-search input {
  width: 100%;
  height: 100%;
  padding: 0 24px;
  border: 0;
  color: #ababab;
  line-height: 1.94;
  letter-spacing: -0.24px;
  font-size: 16px;
  font-weight: bold;
}
.user-info .input-search input::-moz-placeholder {
  color: #ababab;
}
.user-info .input-search input::placeholder {
  color: #ababab;
}
.user-info .input-search button {
  position: absolute;
  right: 16px;
  background: url(../images/icon/ic-search.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 40px;
  height: 40px;
  font: 0/0 j;
}

.comment-write-container {
  display: flex;
  margin-top: 24px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}
.comment-write-container .user-info {
  margin: 0;
}
.comment-write-container .user-info input {
  background-color: #fff;
  width: 200px;
  height: 50px;
  padding: 16px 20px 15px;
  border: solid 1px #e3e3e3;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 16px;
}
.comment-write-container .user-info input + input {
  margin-left: 8px;
}
.comment-write-container .comment-button-area {
  display: flex;
  margin-left: auto;
}
.comment-write-container .comment-button-area button + button {
  margin-left: 8px;
}
.comment-write-container .comment-button-area button[btn-type=secret] {
  display: flex;
  align-items: center;
  min-width: 100px;
  justify-content: center;
}
.comment-write-container .comment-button-area button[btn-type=secret].is-active {
  background-color: #e9eefd;
  border: solid 1px #335efe;
  color: #335efe;
}
.comment-write-container .comment-button-area button[btn-type=secret].is-active::after {
  content: "";
  background: url(../images/icon/ic-lock.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.comment-write-container .comment-button-area button[btn-type=secret]::after {
  content: "";
  display: block;
  background: url(../images/icon/ic-unlock.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 18px;
  margin-left: 8px;
}
.comment-write-container .comment-textfield {
  height: 155px;
  margin-top: 12px;
  flex: 0 0 100%;
}
.comment-write-container .comment-textfield textarea {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 16px 20px;
  border: 0;
  border: solid 1px #e3e3e3;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 16px;
  resize: none;
}

.comment-list .comment-write-container {
  display: none;
}
.comment-list .comment-write-container.is-active {
  display: flex;
}
.comment-list .comment-write-container.is-active .comment-textfield {
  display: block;
}
.comment-list .comment-textfield {
  display: none;
}
.comment-list .comment-textfield.is-active {
  display: flex;
}
.comment-list ul li {
  margin-top: 24px;
}
.comment-list ul li:first-child {
  margin-top: 0;
}
.comment-list ul li ul {
  margin: 24px 0 0 55px;
}
.comment-list ul li .comment-user-name {
  color: #555;
  font-size: 16px;
  font-weight: bold;
}
.comment-list ul li .comment-date {
  display: inline-block;
  margin: 0 8px 0 2px;
  color: #555;
  font-size: 16px;
  font-weight: 300;
}
.comment-list ul li p {
  margin-top: 8px;
  color: #222;
  line-height: 1.5;
  font-size: 16px;
}
.comment-list ul li p.secret {
  color: #777;
}
.comment-list ul li .comment-edit-button {
  background: url(../images/icon/ic-coment-edit.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 16px;
  height: 16px;
  font-size: 0;
  vertical-align: text-top;
  cursor: pointer;
}
.comment-list ul li .comment-edit-button ul {
  display: none;
  position: absolute;
  margin: 0;
}
.comment-list ul li .comment-edit-button.is-active {
  position: relative;
}
.comment-list ul li .comment-edit-button.is-active ul {
  display: block;
  top: -3px;
  left: calc(100% + 10px);
  background-color: #fff;
  width: 84px;
  padding: 8px 0;
  border: solid 1px #e3e3e3;
  border-radius: 10px;
  line-height: 1.4;
}
.comment-list ul li .comment-edit-button.is-active ul li {
  margin: 0;
  padding: 8px;
  color: #404040;
  letter-spacing: -0.51px;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.comment-list ul li .comment-edit-button.is-active ul li:last-child {
  color: #f33;
}
.comment-list ul li .comment-reply {
  display: flex;
  margin-top: 12px;
  align-items: center;
}
.comment-list ul li .comment-reply span {
  background-color: #eaeaea;
  min-width: 47px;
  padding: 4px 12px;
  border-radius: 11px;
  color: #222;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  font-weight: 500;
}
.comment-list ul li .comment-reply span.is-active {
  background: #022;
  color: #fff;
}
.comment-list ul li .comment-reply button {
  display: flex;
  margin-left: 12px;
  color: #222;
  font-size: 14px;
  align-items: center;
}
.comment-list ul li .comment-reply button::after {
  content: "";
  display: inline-block;
  background: url(../images/icon/ic-coment-arrow.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 7px;
  margin-left: 6px;
  transform: rotate(180deg);
}
.comment-list ul li .comment-reply button.is-active::after {
  transform: rotate(0);
}
.comment-list ul li .comment-reply + .comment-write-container {
  margin-bottom: 0;
  margin-top: 12px;
}
.comment-list ul li .comment-reply + ul {
  display: none;
}
.comment-list ul li .comment-reply.is-active button::after {
  transform: rotate(0);
}
.comment-list ul li .comment-reply.is-active + ul {
  display: block;
}

.guest-book {
  background: #fff;
  margin-top: 35px;
  padding: 48px;
  border-radius: 10px 10px 0 0;
}
.guest-book .guest-book-title {
  font-size: 24px;
  font-weight: bold;
  color: #222;
}
.guest-book .comment-write-container {
  margin-bottom: 0;
}

.guest-book-comment-list {
  background-color: #f7f7f7;
  padding: 50px 48px 50px;
  border-radius: 0 0 10px 10px;
}
.guest-book-comment-list h3 {
  color: #1d1d1d;
  font-size: 16px;
  font-weight: bold;
}

.admin-tab-container {
  margin-top: 54px;
  text-align: center;
}
.admin-tab-container .category-tab {
  display: inline-flex;
  overflow: hidden;
  background-color: #dfe4f0;
  margin: 0 auto;
  border-radius: 22.5px;
  text-align: center;
  justify-content: center;
}
.admin-tab-container .category-tab li {
  display: flex;
  background-color: #dfe4f0;
  width: 200px;
  height: 45px;
  color: rgba(113, 124, 144, 0.5);
  letter-spacing: -0.4px;
  font-size: 20px;
  cursor: pointer;
  font-weight: 600;
  align-items: center;
  justify-content: center;
}
.admin-tab-container .category-tab li.is-active {
  background-color: #335eff;
  border-radius: 22.5px;
  color: #ffda3d;
  font-weight: 800;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.admin-tab-container + .admin-tab-content-wrap {
  margin-top: 30px;
}

.admin-tab-content-wrap {
  margin-top: 50px;
}
.admin-tab-content-wrap .tab-content-wrap .tab-content {
  display: none;
  background-color: #fff;
  padding: 0;
  border-radius: 0 0 10px 10px;
}
.admin-tab-content-wrap .tab-content-wrap .tab-content.is-active {
  display: block;
}
.admin-tab-content-wrap .tab-content-wrap .tab-content .tab-title {
  color: #222;
  letter-spacing: -1.9px;
  text-align: center;
  font-size: 38px;
  font-weight: 800;
}
.admin-tab-content-wrap .tab-content-wrap .tab-content .content-info {
  display: flex;
  margin-top: 50px;
  align-items: center;
}
.admin-tab-content-wrap .tab-content-wrap .tab-content .content-info .thumb {
  position: relative;
  margin: 0 60px;
  flex: 0 0 257px;
  cursor: pointer;
}
.admin-tab-content-wrap .tab-content-wrap .tab-content .content-info .thumb:hover img {
  box-shadow: 10px 10px 12px 0 #d5d5d5;
  -o-object-fit: contain;
     object-fit: contain;
}
.admin-tab-content-wrap .tab-content-wrap .tab-content .content-info .content-detail {
  display: flex;
  margin-right: 60px;
  flex: 1;
  flex-wrap: wrap;
  gap: 20px 15px;
}
.admin-tab-content-wrap .tab-content-wrap .tab-content .content-info .content-detail dl {
  background: rgba(87, 153, 242, 0.25);
  padding: 21px 25px 21px 25px;
  border: solid 1px rgba(153, 153, 153, 0.15);
  border-radius: 20px;
  flex: 1;
}
.admin-tab-content-wrap .tab-content-wrap .tab-content .content-info .content-detail dl dt {
  color: #000;
  letter-spacing: -0.6px;
  font-size: 20px;
  font-weight: bold;
}
.admin-tab-content-wrap .tab-content-wrap .tab-content .content-info .content-detail dl dd {
  margin-top: 20px;
  color: #333;
  letter-spacing: -0.4px;
  font-size: 20px;
  font-weight: 500;
}
.admin-tab-content-wrap .tab-content-wrap .tab-content .content-info .content-detail dl:last-child {
  flex: 0 0 100%;
}
.admin-tab-content-wrap .tab-content-wrap .tab-content .content-info .content-detail dl:last-child dd {
  line-height: 1.8;
}

.contents-wrap {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 120px;
}
.contents-wrap .contents-title {
  color: #222;
  letter-spacing: -0.7px;
  text-align: center;
  font-size: 35px;
  font-weight: 800;
}
.contents-wrap .btn-container {
  display: flex;
  margin-top: 50px;
  text-align: center;
  gap: 0 10px;
  justify-content: center;
}
.contents-wrap .btn-container button {
  height: 60px;
  font-size: 20px;
  flex: 0 0 160px;
}

.tab-content .content-box {
  margin-top: 0;
  border-radius: 0 0 10px 10px;
}

button[class^=btn-] {
  min-width: 80px;
  height: 50px;
  padding: 0 10px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
}

.btn-white {
  background-color: #fff;
  border: solid 1px #e3e3e3;
  color: #777;
}

.btn-gray {
  background: #abafb6;
  color: #fff;
}

.btn-blue {
  background: #335eff;
  color: #fff;
}

.btn-black {
  background: #222;
  color: #fff;
}

button.btn-upload {
  display: flex;
  background-color: #717c90;
  width: 95px;
  height: 40px;
  padding: 0;
  color: #fff;
  align-items: center;
  justify-content: center;
}
button.btn-upload::before {
  content: "";
  display: block;
  background: url(../images/icon/ic-upload.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 10px;
  height: 10px;
  margin-right: 8px;
}

.btn-write {
  display: flex;
  position: absolute;
  top: 20px;
  right: 0;
  width: 90px;
  height: 35px;
  border: solid 1.5px rgba(51, 94, 255, 0.5);
  border-radius: 17.5px;
  color: #335eff;
  font-size: 16px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
}
.btn-write::before {
  content: "";
  display: block;
  background: url(../images/icon/ic-write.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.btn-more {
  background: #4e72f7;
  height: 38px;
  padding: 10px 16px;
  border-radius: 19px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.btn-more::after {
  content: "";
  display: inline-block;
  background: url(../images/icon/ic-more-1.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 7px;
  height: 11px;
  margin-left: 8px;
}

.page-location ul {
  display: flex;
  align-items: center;
}
.page-location ul li {
  display: flex;
  color: rgba(34, 34, 34, 0.8);
  letter-spacing: -0.26px;
  font-size: 17px;
  align-items: center;
}
.page-location ul li::after {
  content: "/";
  display: inline-block;
  margin: 0 4px;
}
.page-location ul li:first-child::before {
  content: "";
  display: inline-block;
  background: url(../images/icon/ic-home.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.page-location ul li:last-child::after {
  display: none;
}

#admin-wrap {
  background: #ecf0f9;
  min-width: 1200px;
  min-height: 100vh;
  margin: 0 auto;
}
#admin-wrap .admin-header {
  background: #fff;
  max-width: 100%;
}
#admin-wrap .admin-header .inner {
  display: flex;
  max-width: 1200px;
  height: 100px;
  margin: 0 auto;
  align-items: center;
}
#admin-wrap .admin-header .inner .logo {
  width: 140px;
}
#admin-wrap .admin-header .inner nav {
  margin-left: 95px;
}
#admin-wrap .admin-header .inner nav ul {
  display: flex;
  gap: 0 35px;
}
#admin-wrap .admin-header .inner nav ul li {
  text-align: center;
  flex: 0 0 127px;
  justify-content: center;
}
#admin-wrap .admin-header .inner nav ul li a {
  color: #222;
  letter-spacing: -0.4px;
  font-size: 20px;
  font-weight: bold;
}
#admin-wrap .admin-header .inner nav ul li a.is-active {
  position: relative;
}
#admin-wrap .admin-header .inner nav ul li a.is-active span {
  position: relative;
  z-index: 1;
}
#admin-wrap .admin-header .inner nav ul li a.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffda3d;
  height: 10px;
}
#admin-wrap .admin-header .inner .login-box {
  margin-left: auto;
}
#admin-wrap .admin-header .inner .login-box a {
  display: flex;
  color: #717c90;
  font-size: 14px;
  font-weight: 600;
  align-items: center;
}
#admin-wrap .admin-header .inner .login-box a img {
  width: 38px;
  height: 38px;
  margin-right: 8px;
}
#admin-wrap .contents-wrap {
  padding-top: 56px;
}
#admin-wrap .board-view {
  margin-top: 50px;
}

.content-box {
  background: #fff;
  padding: 8px 40px;
  border-radius: 10px;
}
.content-box dl {
  display: flex;
  padding: 32px 0;
  border-top: dashed 1px #cdd3dd;
  line-height: 1.56;
  align-items: baseline;
}
.content-box dl:first-child {
  border: 0;
}
.content-box dl dt {
  color: #717c90;
  letter-spacing: -0.24px;
  font-size: 16px;
  font-weight: 800;
  flex: 0 0 100px;
}
.content-box dl dd {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  flex: 1;
}
.content-box dl dd a {
  font-style: normal;
  text-decoration: underline;
  cursor: pointer;
}
.content-box dl dd span {
  font-style: normal;
}
.content-box dl dd span.on {
  color: #2e80ff;
}
.content-box dl dd span.off {
  color: #a7b0bf;
}
.content-box[data-state=modify] .custom-select {
  background-color: #f9fafc;
  width: 100%;
  height: 50px;
  margin: 10px 0 0;
  padding: 16px 20px 15px;
  border-radius: 10px;
  cursor: pointer;
}
.content-box[data-state=modify] .custom-select::after {
  content: "";
  position: absolute;
  top: 21px;
  right: 20px;
  background: url(../images/icon/ic-box-open.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 15px;
  height: 8px;
}
.content-box[data-state=modify] .half {
  display: flex;
  gap: 0 20px;
}
.content-box[data-state=modify] .half dl {
  flex: 0 0 550px;
}
.content-box[data-state=modify] .half dl + dl {
  border-top: 0;
}
.content-box[data-state=modify] dl {
  display: block;
}
.content-box[data-state=modify] dl.border-none {
  padding-top: 0;
  border: 0;
}
.content-box[data-state=modify] dl dt.not::after {
  display: none;
}
.content-box[data-state=modify] dl dt::after {
  content: " *";
  color: #f75746;
}
.content-box[data-state=modify] dl dd {
  margin-top: 10px;
}
.content-box[data-state=modify] dl dd .attachment-file {
  position: relative;
  background-color: #fff;
  padding: 14px 20px 16px;
  border: solid 1px #e3e3e3;
  border-radius: 10px;
}
.content-box[data-state=modify] dl dd .attachment-file .btn-upload {
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.content-box[data-state=modify] dl dd .attachment-file ul {
  margin-top: 0;
}
.content-box[data-state=modify] dl dd .attachment-file ul li p {
  color: #222;
  font-size: 16px;
  font-weight: 500;
}
.content-box[data-state=modify] .text-editor-area {
  background-color: #f9fafc;
}
.content-box[data-state=modify] .ck-editor__editable_inline {
  min-height: 400px;
  border-radius: 0 0 10px 10px !important;
}
.content-box[data-state=modify] .ck-content {
  height: 500px;
}
.content-box[data-state=modify] .custom-radio-group {
  display: flex;
  align-items: center;
}
.content-box[data-state=modify] .custom-radio-group .custom-radio + .custom-radio {
  margin-left: 60px;
}
.content-box[data-state=modify] .input-container {
  display: flex;
  overflow: hidden;
  background-color: #fff;
  align-items: center;
}
.content-box[data-state=modify] .input-container[data-type=upload] {
  border: solid 1px #e3e3e3;
  border-radius: 10px;
}
.content-box[data-state=modify] .input-container[data-type=upload] input {
  border: 0;
  text-decoration: underline;
  cursor: pointer;
}
.content-box[data-state=modify] .input-container[data-type=upload] input[type=file] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.content-box[data-state=modify] .input-container input {
  padding: 5px 5px 5px 20px;
  border: solid 1px #e3e3e3;
  border-radius: 10px;
  color: #222;
  line-height: 2.81;
  font-size: 16px;
  font-weight: 500;
  flex: 1;
}
.content-box[data-state=modify] .input-container input:-moz-placeholder-shown {
  background-color: #f9fafc;
  border: solid 1px transparent;
}
.content-box[data-state=modify] .input-container input:placeholder-shown {
  background-color: #f9fafc;
  border: solid 1px transparent;
}
.content-box[data-state=modify] .input-container input::-moz-placeholder {
  color: #ababab;
}
.content-box[data-state=modify] .input-container input::placeholder {
  color: #ababab;
}
.content-box[data-state=modify] .input-container .btn-upload {
  display: flex;
  background-color: #717c90;
  width: 95px;
  height: 40px;
  margin-right: 5px;
  margin-left: auto;
  padding: 0;
  border-radius: 10px;
  color: #fff;
  line-height: 2.81;
  font-size: 16px;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.content-box[data-state=modify] .input-container .btn-upload::before {
  content: "";
  display: block;
  background: url(../images/icon/ic-upload.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 10px;
  height: 10px;
  margin-right: 8px;
}
.content-box[data-state=modify] .textarea-container {
  background-color: #f9fafc;
  width: 1120px;
  height: 181px;
  padding: 16px 20px;
  border-radius: 10px;
}
.content-box[data-state=modify] .textarea-container textarea {
  background-color: #f9fafc;
  width: 100%;
  height: 100%;
  border: 0;
  color: #222;
  line-height: 1.63;
  font-size: 16px;
  font-weight: 500;
  resize: none;
}

.inner-tab-list {
  display: flex;
  position: relative;
  background: #fff;
  margin-top: 30px;
  padding: 0 34px;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
.inner-tab-list .tab-item {
  display: flex;
  position: relative;
  height: 70px;
  color: #d1d1d1;
  letter-spacing: -0.38px;
  font-size: 19px;
  cursor: pointer;
  font-weight: 600;
  align-items: center;
  flex: 0 0 20%;
  justify-content: center;
}
.inner-tab-list .tab-item::before {
  content: "";
  position: absolute;
  left: 0;
  background: #d1d1d1;
  width: 1px;
  height: 20px;
}
.inner-tab-list .tab-item:first-child::before {
  display: none;
}
.inner-tab-list .tab-item.is-active {
  color: #335efe;
  font-weight: 800;
}
.inner-tab-list .tab-item.is-active span {
  display: flex;
  position: relative;
  position: relative;
  height: 100%;
  align-items: center;
}
.inner-tab-list .tab-item.is-active span::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #335efe;
  height: 3px;
}

.search-container {
  display: flex;
  margin-top: 30px;
  padding: 20px 130px 20px 29px;
  border: solid 1px #717c90;
  border-radius: 10px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  position: relative;
}
.search-container .btn-search {
  display: flex;
  background-color: #717c90;
  width: 80px;
  height: auto;
  position: absolute;
  top: 20px;
  right: 30px;
  bottom: 20px;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  align-items: center;
  justify-content: center;
}
.search-container .search-form-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 5px;
  margin-right: 10px;
}
.search-container .search-form-group:last-of-type {
  margin-right: 0;
}
.search-container .search-form-group .search-category {
  flex: 0 0 auto;
  font-size: 15px;
  font-weight: 500;
  color: #555;
  min-width: 30px;
  margin-right: 5px;
}
.search-container .search-form-group .search-form-group-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 5px;
}
.search-container .search-form-group .custom-select {
  width: auto;
  flex: 0 0 auto;
  padding: 10px 45px 10px 15px;
}
.search-container .search-form-group .custom-select p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-container .search-form {
  display: flex;
  width: 100%;
  align-items: center;
  flex: 1;
}
.search-container .search-form label {
  overflow: hidden;
  min-width: 391px;
  height: 38px;
}
.search-container .search-form label input {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  padding: 10px 15px;
  border: solid 1px #d8d8d8;
  border-radius: 5px;
  color: #222;
  font-size: 15px;
  font-weight: 600;
}
.search-container .search-form label input::-moz-placeholder {
  color: #ababab;
}
.search-container .search-form label input::placeholder {
  color: #ababab;
}
.search-container .search-form label input:-moz-placeholder-shown {
  background-color: rgba(255, 255, 255, 0.8);
  border: 0;
  border: solid 1px #d8d8d8;
}
.search-container .search-form label input:placeholder-shown {
  background-color: rgba(255, 255, 255, 0.8);
  border: 0;
  border: solid 1px #d8d8d8;
}
.search-container .form-wrap {
  display: flex;
  align-items: center;
}
.search-container .form-wrap .custom-select {
  border: solid 1px #d8d8d8;
  line-height: 1;
  font-size: 15px;
}
.search-container table {
  width: 100%;
}
.search-container table tr th {
  padding-right: 10px;
  color: #555;
  letter-spacing: -0.23px;
  font-size: 15px;
  font-weight: 500;
  vertical-align: middle;
}
.search-container table tr td {
  vertical-align: middle;
}
.search-container table tr td + th {
  padding-left: 25px;
}

.period-calendar {
  display: flex;
}
.period-calendar .input-calendar {
  display: inline-block;
  overflow: hidden;
  position: relative;
  background-color: rgba(255, 255, 255, 0.8);
  width: 130px;
  height: 38px;
  border: solid 1px #d8d8d8;
  border-radius: 5px;
  box-sizing: border-box;
}
.period-calendar .input-calendar + .input-calendar {
  margin-left: 5px;
}
.period-calendar .input-calendar input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 10px 15px;
  color: #222;
  font-size: 15px;
}
.period-calendar .input-calendar::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 9px;
  background: url(../images/icon/ic-calendar.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
}

.search-section {
  display: flex;
  margin-left: 25px;
  align-items: center;
}
.search-section .search-setting {
  display: flex;
  align-items: center;
}
.search-section .search-setting .search-form {
  display: flex;
  margin-left: 5px;
  align-items: center;
}
.search-section .search-setting .search-form label {
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  width: 391px;
  height: 38px;
  border: solid 1px #d8d8d8;
  border-radius: 5px;
}
.search-section .search-setting .search-form label input {
  width: 100%;
  height: 100%;
  padding: 10px 15px;
  color: #222;
  color: #222;
  font-size: 15px;
  font-weight: 600;
}
.search-section .search-setting .search-form .btn-search {
  display: flex;
  background-color: #717c90;
  width: 80px;
  height: 38px;
  margin: 0 0 0 25px;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  align-items: center;
  justify-content: center;
}

.content-table {
  background: #fff;
  margin-top: 30px;
  border-radius: 16px 16px 10px 10px;
}
.content-table table {
  width: 100%;
  border-top: solid 1px #cdd3dd;
  border-collapse: separate;
  border-radius: 16px;
  table-layout: fixed;
}
.content-table table thead tr th {
  padding: 14px 0;
  border-bottom: solid 1px #cdd3dd;
  color: #717c90;
  letter-spacing: -0.24px;
  font-size: 16px;
  font-weight: bold;
}
.content-table table thead tr th:first-child {
  border-left: solid 1px #cdd3dd;
  border-radius: 16px 0 0 0;
}
.content-table table thead tr th:last-child {
  border-right: solid 1px #cdd3dd;
  border-radius: 0 16px 0 0;
}
.content-table table tbody tr {
  cursor: pointer;
}
.content-table table tbody tr:nth-child(odd) td {
  background: rgba(223, 228, 240, 0.2);
}
.content-table table tbody tr td {
  padding: 20px 25px;
  color: #222;
  line-height: 1.88;
  letter-spacing: -0.26px;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.content-table table tbody tr td.on {
  color: #2e80ff;
}
.content-table table tbody tr td.off {
  color: #a7b0bf;
}

.login-container {
  display: flex;
  background: url(../images/bg/bg-sky-login.png) 0 0 no-repeat;
  background-size: 100% 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
}

.login-container .logo {
  width: 244.4px;
  margin: 0 auto;
}

.login-container .login-inner {
  background-color: #fff;
  width: 580px;
  height: 454px;
  margin: 60px 0 0;
  padding: 40px 80px 50px;
  border-radius: 30px;
  box-sizing: border-box;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.06);
}

.login-container .login-inner .login-title {
  color: #717c90;
  line-height: normal;
  letter-spacing: -0.46px;
  text-align: center;
  font-size: 23px;
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
}

.login-container .login-inner .login-form {
  margin-top: 40px;
}

.login-container .login-inner .login-form li {
  position: relative;
  margin-top: 20px;
}

.login-container .login-inner .login-form li label {
  display: block;
  color: #222;
  letter-spacing: -0.23px;
  font-size: 15px;
  font-weight: bold;
}

.login-container .login-inner .login-form li input {
  background-color: #f9fafc;
  width: 100%;
  height: 65px;
  margin-top: 10px;
  padding: 23px 48px 23px 20px;
  border-radius: 10px;
  box-sizing: border-box;
  color: #222;
  font-size: 16px;
  font-weight: 500;
}

.login-container .login-inner .login-form li input::-moz-placeholder {
  color: #ababab;
}

.login-container .login-inner .login-form li input::placeholder {
  color: #ababab;
}

.login-container .login-inner .login-form li input:active,
.login-container .login-inner .login-form li input:focus {
  outline: solid 2px #335efe;
}

.login-container .login-inner .login-form li .ico-view {
  position: absolute;
  right: 20px;
  bottom: 26px;
  background: url(../images/icon/ic-password-eye-off.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 18px;
  height: 12px;
  font-size: 0;
}

.login-container .login-inner .login-form li .ico-view.is-active {
  background: url(../images/icon/ic-password-eye-on.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.login-container .login-inner .btn-container {
  display: flex;
  margin-top: 30px;
}

.login-container .login-inner .btn-container .btn-login {
  background-color: #335eff;
  color: #fff;
  flex: 1;
}

.board-list {
  padding-bottom: 40px;
  border-bottom: solid 1px #9d9d9d;
}
.board-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
}
.board-list ul.no-data {
  background: url(../images/book/img-main-03-nodata-2.png) 0 0 no-repeat;
  background-size: 100% 100%;
  height: 160px;
}
.board-list ul li {
  flex: 0 0 285px;
  overflow: hidden;
}
.board-list ul li .thumb {
  width: 100%;
  height: 160px;
  border-radius: 10px;
  overflow: hidden;
}
.board-list ul li .thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.board-list ul li .detail {
  margin-top: 8px;
}
.board-list ul li .detail .title {
  overflow: hidden;
  color: #000;
  letter-spacing: -0.32px;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}
.board-list ul li .detail .desc {
  margin: 2px 0;
  color: #555;
  line-height: 1.29;
  letter-spacing: -0.28px;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.board-list ul li .detail .date {
  color: #7e7e7e;
  font-size: 12px;
  font-weight: 500;
}

.board-pagination {
  margin-top: 40px;
}
.board-pagination ul {
  display: flex;
  justify-content: center;
}
.board-pagination ul li {
  display: flex;
  width: 36px;
  height: 36px;
  color: #222;
  font-size: 15px;
  align-items: center;
  justify-content: center;
}
.board-pagination ul li.is-active a {
  border-bottom: solid 1px #1d1d1d;
  color: #1d1d1d;
  font-weight: bold;
}
.board-pagination ul li.page-prev-button a, .board-pagination ul li.page-next-button a {
  background: url(../images/icon/ic-pagination-arrow.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 35px;
  height: 35px;
  font: 0/0 j;
  flex: 0 0 35px;
}
.board-pagination ul li.page-prev-button {
  margin-right: 16px;
}
.board-pagination ul li.page-next-button {
  margin-left: 16px;
}
.board-pagination ul li.page-next-button a {
  transform: rotate(180deg);
}
.board-pagination[type=admin] ul {
  gap: 0 5px;
}
.board-pagination[type=admin] ul li a {
  display: flex;
  width: 36px;
  height: 36px;
  color: #717c90;
  letter-spacing: -0.23px;
  font-size: 15px;
  font-weight: 500;
  align-items: center;
  justify-content: center;
}
.board-pagination[type=admin] ul li.is-active a {
  background-color: #717c90;
  border-radius: 50%;
  color: #fff;
}
.board-pagination[type=admin] ul li.page-prev-button a, .board-pagination[type=admin] ul li.page-next-button a {
  background: url(../images/icon/btn-prev.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 6px;
  height: 12px;
  font: 0/0 j;
  flex: 0 0 6px;
}
.board-pagination[type=admin] ul li.page-prev-button {
  margin-right: 4px;
}
.board-pagination[type=admin] ul li.page-next-button {
  margin-left: 4px;
}
.board-pagination[type=admin] ul li.page-next-button a {
  transform: rotate(180deg);
}

.board-view {
  background-color: #fff;
  margin-top: 30px;
  padding: 52px 0 0;
  border-radius: 10px;
}
.board-view[board-type=guestbook] {
  padding: 0;
}
.board-view[board-type=guestbook] .guestbook-comment-textfield {
  padding: 40px;
}
.board-view .board-header {
  padding: 0 48px 24px;
}
.board-view .board-header .category {
  color: #555;
  line-height: 1.33;
  letter-spacing: -0.36px;
  font-size: 24px;
  font-weight: bold;
}
.board-view .board-header .title {
  margin: 8px 0 20px;
  color: #000;
  line-height: 1.07;
  letter-spacing: -0.45px;
  font-size: 30px;
  font-weight: bold;
}
.board-view .board-header .date-view {
  display: flex;
  align-items: center;
}
.board-view .board-header .date-view span {
  color: #555;
  line-height: 1.64;
  letter-spacing: -0.21px;
  font-size: 14px;
}
.board-view .board-header .date-view span + span::before {
  content: "";
  display: inline-block;
  background: #555;
  width: 1px;
  height: 10px;
  margin: 0 12px;
}
.board-view .board-body {
  padding: 0 48px 56px;
  color: #2d2d2d;
  line-height: 1.78;
  letter-spacing: -0.27px;
  font-size: 18px;
}
.board-view .board-body .board-content {
  padding-top: 40px;
  border-top: solid 1px #9d9d9d;
}
.board-view .board-body .board-state {
  margin-top: 40px;
}
.board-view .board-body .board-state dl {
  display: flex;
  padding: 32px 0 0;
  border-top: dashed 1px #cdd3dd;
  line-height: 1.56;
  align-items: baseline;
}
.board-view .board-body .board-state dl dt {
  color: #717c90;
  letter-spacing: -0.24px;
  font-size: 16px;
  font-weight: 800;
  flex: 0 0 100px;
}
.board-view .board-body .board-state dl dd {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  flex: 1;
}
.board-view .board-body .board-state dl dd span.on {
  color: #2e80ff;
}
.board-view .board-body .board-state dl dd span.off {
  color: #a7b0bf;
}
.board-view .board-footer {
  background-color: #f7f7f7;
  padding: 32px 48px 50px;
  border-radius: 0 0 10px 10px;
}
.board-view .board-footer h3 {
  color: #1d1d1d;
  font-size: 16px;
  font-weight: bold;
}

.comment-textfield {
  position: relative;
  height: 155px;
  margin-top: 12px;
  flex: 0 0 100%;
}
.comment-textfield + .comment-list {
  margin-top: 40px;
}
.comment-textfield .btn-container {
  position: absolute;
  right: 20px;
  bottom: 16px;
}
.comment-textfield .btn-container > button[class^=btn] {
  min-width: 60px;
  height: 30px;
  font-size: 16px;
  font-weight: 500;
  flex: 0 0 60px;
}
.comment-textfield textarea {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 16px 20px;
  border: 0;
  border: solid 1px #e3e3e3;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 16px;
  resize: none;
}

.custom-radio input[type=radio] {
  position: absolute;
  left: -99999px;
  width: 0;
  height: 0;
}
.custom-radio input[type=radio]:checked + label::before {
  background: url(../images/icon/btn-radio-on.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.custom-radio label {
  display: flex;
  color: #222;
  line-height: 2.81;
  font-size: 16px;
  cursor: pointer;
  font-weight: 500;
  align-items: center;
}
.custom-radio label::before {
  content: "";
  display: block;
  background: url(../images/icon/btn-radio-off.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  border-radius: 50%;
}

.custom-select {
  position: relative;
  background-color: rgba(255, 255, 255, 0.8);
  min-width: 130px;
  height: 38px;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: left;
  flex: 0 0 130px;
  cursor: pointer;
}
.custom-select p {
  display: block;
  line-height: 1;
}
.custom-select::after {
  content: "";
  position: absolute;
  top: 14px;
  right: 15px;
  background: url(../images/icon/ic-box-open.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 15px;
  height: 8px;
}
.custom-select .custom-select-dropdown {
  display: none;
  position: absolute;
  overflow: hidden;
  top: 100%;
  left: 0;
  background: #fff;
  border: solid 1px #d8d8d8;
  border-radius: 5px;
  z-index: 1;
  white-space: nowrap;
  max-height: 500px;
  overflow-y: auto;
  min-width: 100%;
}
.custom-select .custom-select-dropdown li {
  display: flex;
  height: 50px;
  padding: 0 18px;
  color: #1d1d1d;
  font-family: Pretendard;
  font-size: 16px;
  cursor: pointer;
  align-items: center;
}
.custom-select .custom-select-dropdown li:hover {
  background-color: #eaeefe;
  color: #335eff;
  font-size: 16px;
  font-weight: bold;
}
.custom-select.is-active .custom-select-dropdown {
  display: block;
}
.custom-select.type-2 ul {
  display: none;
}
.custom-select.type-2.is-active {
  border: solid 2px #335efd;
}
.custom-select.type-2.is-active ul {
  background-color: #fff;
  margin-top: 5px;
  border: solid 1px #cdd3dd;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.custom-select.type-2.is-active ul li {
  border-top: solid 1px rgba(205, 211, 221, 0.16);
  color: #404040;
  letter-spacing: -0.51px;
  font-size: 17px;
  font-weight: 800;
  font-weight: 500;
}
.custom-select.type-2.is-active ul li:hover {
  background: transparent;
  color: #335efc;
}

.attachment-file {
  border-top: solid 1px #9d9d9d;
  min-height: 55px;
}
.attachment-file .upload-btn input[type=file] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.attachment-file .upload-btn .btn-upload {
  display: flex;
  background-color: #717c90;
  width: 95px;
  height: 40px;
  margin-right: 5px;
  margin-left: auto;
  padding: 0;
  border-radius: 10px;
  color: #fff;
  line-height: 2.81;
  font-size: 16px;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.attachment-file .badge {
  height: 22px;
  margin-right: 8px;
  padding: 0 6px;
  border-radius: 5px;
  color: #fff;
  line-height: 1.64;
  letter-spacing: -0.21px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.attachment-file .badge[file-type=PDF] {
  background-color: #ec401c;
}
.attachment-file .badge[file-type=JPG] {
  background-color: #216fb5;
}
.attachment-file .badge[file-type=PNG] {
  background-color: #3bb547;
}
.attachment-file .badge[file-type=XLSX] {
  background-color: #1d6e42;
}
.attachment-file .badge[file-type=PPTX] {
  background-color: #f2650d;
}
.attachment-file .badge[file-type=HWP] {
  background-color: #1c98e1;
}
.attachment-file .badge[file-type=MP4] {
  background-color: #f75161;
}
.attachment-file .badge[file-type=MP3] {
  background-color: #f0ad18;
}
.attachment-file .badge[file-type=ETC] {
  background-color: #717c90;
}
.attachment-file ul {
  margin-top: 25px;
}
.attachment-file ul li {
  display: flex;
  margin-top: 10px;
  align-items: center;
}
.attachment-file ul li button {
  background: url(../images/icon/img-file-delete.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  font-size: 0;
}
.attachment-file ul li a {
  color: #1d1d1d;
  line-height: 1.53;
  letter-spacing: -0.23px;
  text-align: left;
  font-size: 15px;
  text-decoration: underline;
}

.layer-pop {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 21, 199, 0.6);
  align-items: center;
  justify-content: center;
}
.layer-pop .pop-inner {
  background-color: #fff;
  min-width: 450px;
  min-height: 218px;
  padding: 50px 60px 40px;
  border-radius: 20px;
}
.layer-pop .pop-inner .pop-content .pop-title {
  text-align: center;
  font-size: 23px;
  font-weight: 800;
  letter-spacing: -0.46px;
  color: #222;
}
.layer-pop .pop-inner .pop-content input {
  background-color: #fff;
  width: 100%;
  margin-top: 25px;
  padding: 16px 18px 15px 20px;
  border: solid 1px #292929;
  border-radius: 10px;
  box-sizing: border-box;
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 500;
}
.layer-pop .pop-btn-container {
  display: flex;
  margin-top: 40px;
  align-items: center;
  gap: 0 10px;
}
.layer-pop .pop-btn-container.near {
  margin-top: 30px;
}
.layer-pop .pop-btn-container button {
  height: 60px;
  border-radius: 10px;
  color: #fff;
  letter-spacing: -0.4px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  flex: 1;
}
.layer-pop .pop-btn-container button.pop-btn-cancel {
  background-color: #abafb6;
  box-shadow: inset -3px -3px 3px 0 rgba(0, 0, 0, 0.16);
}
.layer-pop .pop-btn-container button.pop-btn-ok {
  background-color: #335eff;
  box-shadow: inset -3px -3px 6px 0 rgba(0, 0, 0, 0.16);
}