@charset "utf-8";
@import url("pretendard.css");
html {-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
html, body {margin:0;padding:0;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}
body {font-weight:400;font-size:14px;color:#222;font-family:'Pretendard', sans-serif;/* letter-spacing:-0.075em;*/line-height:160%;webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
table {width:100%;border:0;border-spacing:0;border-collapse:collapse;}
table caption,
form legend{visibility:hidden;width:0;height:0;line-height:0;font-size:0;}
button::-moz-focus-inner {padding:0;border:0;}
button, input[type=submit], input[type=reset], input[type=button] {overflow:visible; margin:0; padding:0; cursor:pointer; border:0; background:transparent;outline:none;}
input[type=checkbox] {-webkit-appearance:checkbox;}
input[type=image]{vertical-align:top;}
input, select, textarea, button {font-family:'Pretendard', sans-serif; font-size:14px; border-radius:0;outline:none;}
li {list-style:none;}
img, fieldset {border:none; vertical-align:top;}
hr {display:none;}
em, address, cite {font-style:normal;}
strong {font-weight:700;}

ol li {margin:0 0 0 16px;padding:0 0 0 1px;list-style: decimal;}

a{color:#313131;outline:none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover, a:focus {text-decoration:none;}/* text-decoration:underline; */
a:active {text-decoration:none;}


/* HTML5 Reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block;}

/* form */
form {display:block;border:none;}
fieldset {margin:0px;padding:0px;border:none;}
input {padding-top:2px;vertical-align:middle;border:none;}
input:read-only {color:#aaa;background:#e2e2e2;}
input[type~="text"] {border:1px solid #ccc;}
input[type~="password"] {border:1px solid #ccc;}
input[type~="file"] {border:1px solid #ccc;}
input[type~="checkbox"] {border:none;margin:-1px 0;}
input[type~="radio"] {border:none;margin:-1px 0;}
select {font-size:12px; vertical-align:middle;}
textarea {border:1px solid #ccc;}

.form-label {display:block;margin-bottom:4px;font-size:16px;font-weight:400;line-height:24px;}
.required {color:#ce0101;}
.form-text {display:block;width: 100%;height:46px;text-indent:12px;font-size:16px;font-weight:400;line-height:100%;box-sizing: border-box;border:1px solid #ccc;}
.form-select {padding-inline-start:14px;padding-inline-end:10px;font-size:16px;font-weight:400;color:#000;;height:46px;border:1px solid #ccc;-webkit-appearance: none;background:url(../images/icon_form_select.png) no-repeat right 12px top 50%;background-size: 24px auto;}
.form-checkbox {font-size:16px;font-weight:400;color:#222;line-height:24px;}
.form-checkbox input[type~="checkbox"] {display:inline-block;margin-right:6px;width:24px;height:24px;border-radius: 0;border:1px solid #000;}
.group-textbutton {display:flex;}
.group-textbutton input[type='text'] {width:100%;}
.group-textbutton button {flex-shrink: 0;margin-left:4px;width:120px;}

/* Link Style */
a {color:#313131;text-decoration:none;}

.btn-primary {display:flex;justify-content: center;align-items: center;gap:8px;padding:0 20px;width: 100%;height:46px;font-size:16px;font-weight:600;color:#fff;line-height:100%;background:#222;border-radius:3px;}
.btn-primary.icon {padding:0 11px;}
.btn-primary.link {display:inline-flex;padding:0 20px 0 30px;width:auto;}
.btn-primary.link::after {content:'';display: block;width:24px;height:24px;background:url(../images/img_link_arrow_wh.png) no-repeat 50%;background-size:cover;}
.btn-primary.map {color:#fff;background:#4ab75c;}
.btn-secondary {display:flex;justify-content: center;align-items: center;gap:8px;padding:0 20px;width: 100%;height:46px;font-size:16px;font-weight:600;color:#fff;line-height:100%;background:#ccc;border-radius:3px;}




/* Clear Float */
.clfix:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

/* body {min-width:1280px;background:url(../images/temp_original.png) no-repeat 50% top;} */
/* Layout */

/* Header */
.area-header {position: fixed;left:0;top:0;right:0;z-index:10;height:100px;overflow:hidden;min-width:1500px;transition: all .4s;}
.area-header.on {background: rgba(255,255,255,1);border-bottom-color: #e6e6e6;}
.area-header.active {height: 450px;background: #fff;border-bottom: 1px solid #e6e6e6;}
.area-header .area-inner {display: flex;justify-content: flex-end;align-items:center;height: 100px;border-bottom:1px solid #e6e6e6;}
.area-header .logo-site {position: absolute;left:30px;top:27px;width: 198px;height: 46px;text-indent:-1000px;overflow:hidden;background:url(../images/img_header_logo.png) no-repeat 50%;background-size:contain;}
.area-header .logo-site a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.area-header .contain-member {position: absolute;right:60px;top:40px;display: flex;}
.area-header .contain-member a {display: flex;align-items:center;position:relative;padding:0 12px;height: 20px;line-height:100%;font-size:14px;font-weight: 400;color:#222;transition: color .2s;}
.area-header .contain-member a:hover {color:#8b6732;}
.area-header .contain-member a::before {content:'';display: block;position:absolute;left:0;top:4px;width: 1px;height: 12px;background:#666;}
.area-header .contain-member a:first-child::before {content:none;}
.area-header .contain-sns {position:absolute;left:60px;top:130px;display: flex;gap:20px;}
.area-header .contain-sns >a {display: block;width: 22px;height:22px;text-indent: -1000px;overflow:hidden;}
.area-header .link-sns-facebook {background:url(../images/img_sns_facebook.png) no-repeat 50%;background-size:contain;}
.area-header .link-sns-instagram {background:url(../images/img_sns_instagram.png) no-repeat 50%;background-size:contain;}
.area-header .link-sns-blog {background:url(../images/img_sns_blog.png) no-repeat 50%;background-size:contain;}
.area-header-mobile {display: none;}

/* Footer */
.area-footer {position:relative;z-index:1;padding:0 60px;min-width:1380px;background:#fff;border-top:1px solid #e6e6e6;}
.area-footer .area-inner {margin:0 auto;padding:80px 0;width: 1380px;}
.infor-title {margin-bottom:16px;width:164px;height:38px;font-size: 16px;font-weight:600;color:#222;line-height:24px;text-indent:-1000px;overflow:hidden;background:url(../images/img_logo_footer.png) no-repeat 50%;}
.infor-text {font-size: 16px;font-weight:400;color:#222;line-height:24px;}
.infor-copyright {margin-top:24px;font-size: 16px;font-weight:400;color:#222;line-height:24px;}

/* Global Navigation */
.contain-navigation .navigation-global {display: flex;gap:75px;line-height: 100%;margin-right:30px;}
.contain-navigation .navigation-global >li {position:relative;}
.contain-navigation .navigation-global >li >button {display:block;font-size:18px;font-weight: 600;color: #222;white-space: nowrap;transition: color .2s;}
.contain-navigation .navigation-global >li >ul {position:absolute;left:0;top:90px;display:flex;flex-direction: column;gap:20px;}
.contain-navigation .navigation-global >li >ul >li {}
.contain-navigation .navigation-global >li >ul >li >a {display: block;font-size:16px;font-weight: 400;color:#222;line-height: 18px;white-space: nowrap;word-break: keep-all;transition: color .2s;}
.contain-navigation .navigation-global >li >button:hover {color:#8b6732;}
.contain-navigation .navigation-global >li.on >button {color:#8b6732;}
.contain-navigation .navigation-global >li >ul >li >a:hover {color:#8b6732;}
.contain-navigation .navigation-global >li >ul >li.on >a {color:#8b6732;}

/* Visual */
.area-visual {display:flex;justify-content: center;align-items: center;margin:190px 0 86px;padding:0 60px;min-width: 1380px;}
.area-visual .area-inner {display: flex;justify-content: space-between;align-items: center;width: 1380px;}
.area-visual .text-page .text1 {font-size: 48px;color: #222;font-weight:700;line-height:56px;letter-spacing:-3%;}
.area-visual .title-page {padding-left:65px;width:50%;font-size:24px;font-weight: 400;color:#222;letter-spacing: -1px;line-height: 34px;word-break: keep-all;box-sizing: border-box;}

/* Visual Sub */
.area-visual-sub {display: flex;justify-content: center;align-items: center;margin-top:30px;min-width:1500px;height:800px;}
.area-visual-sub .text1 {}

/* Page Location */
.contain-location {display:flex;margin:0 auto;padding:0 60px;width: 1380px;}
.contain-location button {display:flex;justify-content:start;align-items:center;width:190px;height:52px;font-size:16px;font-weight:600;line-height:100%;background: url(../images/icon_location_dropdown.png) no-repeat right 8px top 50%;background-size: 24px auto;}
.contain-location .home a {display:block;width:24px;height:52px;text-indent:-1000px;overflow:hidden;background:url(../images/icon_location_home.png) no-repeat 50%;background-size: 24px auto;}
.contain-location .arrow {display: block;width:56px;height:52px;background:url(../images/icon_location_depth.png) no-repeat 50%;background-size:16px auto;}

.contain-location .box-dropdown {position:relative;z-index:1;}
.contain-location .dropdown-items {position:absolute;left:0;top:50px;width: 100%;height:0;overflow:hidden;background: #fff;}
.contain-location .dropdown-items ul {display: flex;flex-direction: column;gap:20px;padding:30px 24px;}
.contain-location .dropdown-items ul li a {display: block;font-size:16px;font-weight:400;line-height:24px;color:#222;}
.contain-location .dropdown-items ul li a:hover {color:#8b6732;}
.contain-location .box-dropdown.on .dropdown-items {height:auto;border:2px solid #222;box-shadow: 4px 4px 4px 0px rgba(0,0,0,.1);}

/* BBS */
.contain-bbs {margin:0 60px;width: 1380px;}
.area-sub .contain-bbs .box-header {margin-left:0;}

.bbs-top {display:flex;justify-content:space-between;margin-bottom:20px;}
.bbs-top .item {}
.bbs-top .item.total {font-size:12px;font-weight:400;color:#222;}

.bbs-list {display: flex;flex-wrap: wrap;gap:40px;}
.bbs-list >a {display: block;margin-bottom: 20px;width:calc(25% - 30px);}
.bbs-list .box-image {position:relative;object-fit: contain;border-radius: 3px;overflow:hidden;}
.bbs-list .box-image.new::after {content:'NEW';display:block;position:absolute;right:16px;bottom:16px;display:flex;justify-content: center;align-items: center;width:50px;height:50px;font-size:14px;font-weight:800;color:#fff;letter-spacing: -0.01rem;line-height:100%;border-radius: 100%;background: #8b6732;}
.bbs-list .box-image img {display:block;width: 100%;}
.bbs-list .box-text {margin-top:14px;}
.bbs-list .box-text .title {font-size:18px;font-weight:600;color:#222;line-height:26px;}
.bbs-list .box-text .date {margin-top:4px;font-size:14px;font-weight:400;color:#666;line-height:20px;}
.bbs-list.movie .box-image::after {content:'';display:block;position:absolute;right:20px;bottom:20px;display:flex;justify-content: center;align-items: center;width:50px;height:50px;background:url(../images/icon_play.png) no-repeat 50%;background-size: cover;}

.box-pagination {display: flex;justify-content: center;align-items: center;gap:10px;margin-top:80px;}
.box-pagination a {display:flex;justify-content: center;align-items: center;flex-shrink: 0;width:24px;height:24px;font-size:16px;font-weight:400;line-height:100%;color:#222;border-radius: 100%;text-indent:-1000px;overflow:hidden;}
.box-pagination a.on {font-weight:600;color:#fff;background:#222;}
.box-pagination a.page-first {background:url(../images/icon_pagination_first.png) no-repeat 50%;background-size:contain;}
.box-pagination a.page-prev {background:url(../images/icon_pagination_prev.png) no-repeat 50%;background-size:contain;}
.box-pagination a.page-next {background:url(../images/icon_pagination_next.png) no-repeat 50%;background-size:contain;}
.box-pagination a.page-last {background:url(../images/icon_pagination_last.png) no-repeat 50%;background-size:contain;}
.box-pagination >span {display:flex;gap:20px;}
.box-pagination >span a {width:35px;height:35px;text-indent:0;}

.box-search {display:flex;gap:2px;justify-content:center;align-items:center;margin-top:60px;margin-bottom:100px;}
.box-search .form-select {width:160px;}
.box-search .form-text {width: 600px;}
.box-search .btn-primary {width:140px;border-radius: 0;}

.bbs-view {border-top:3px solid #222;}
.bbs-view .topic-title {padding:26px 20px 28px;font-size:26px;font-weight:600;color:#222;line-height:34px;border-bottom:1px solid #e6e6e6;}
.bbs-view .topic-detail {display:flex;padding:28px 20px;border-bottom:1px solid #e6e6e6;}
.bbs-view .topic-detail .item {font-size:16px;font-weight:400;color:#666;line-height:24px;}
.bbs-view .topic-detail .item + .item {margin-left:15px;}
.bbs-view .topic-addfile {display:flex;padding:28px 20px;font-size:16px;font-weight:400;color:#666;line-height:24px;border-bottom:1px solid #e6e6e6;}
.bbs-view .topic-addfile a {display:flex;align-items: center;margin-left:6px;font-size:16px;font-weight:400;color:#666;line-height:24px;}
.bbs-view .topic-addfile a::after {content: '';display:block;margin-left:10px;width:24px;height:24px;background:url(../images/icon_download.png) no-repeat 50%;background-size: contain;}
.bbs-view .topic-cont {padding:70px 20px 130px;font-size:16px;font-weight:400;color:#222;line-height:24px;border-bottom:1px solid #e6e6e6;}
.bbs-view .topic-cont img {display:block;margin:0 auto 40px;max-width: 100%;}

.bbs-quicklink {margin-bottom:100px;}
.bbs-quicklink .item {display:flex;border-bottom:1px solid #e6e6e6;}
.bbs-quicklink .prev {display:flex;justify-content:start;align-items:center;padding-left:20px;width:100px;height:80px;flex-shrink: 0;font-size:16px;font-weight:400;color:#222;background:url(../images/icon_topic_prev.png) no-repeat right 20px top 50%;background-size:24px auto;box-sizing: border-box;}
.bbs-quicklink .next {display:flex;justify-content:start;align-items:center;padding-left:20px;width:100px;height:80px;flex-shrink: 0;font-size:16px;font-weight:400;color:#222;background:url(../images/icon_topic_next.png) no-repeat right 20px top 50%;background-size:24px auto;box-sizing: border-box;}
.bbs-quicklink .link {display:flex;align-items:center;width: 100%;height:80px;}
.bbs-quicklink .link a {font-size:16px;font-weight:400;color:#222;}
.bbs-quicklink .date {display:flex;justify-content:end;align-items:center;padding-right:20px;width:110px;height:80px;flex-shrink: 0;font-size:16px;font-weight:400;color:#222;}

.cont-agreement {margin:50px 0;font-size:14px;font-weight:400;color:#666;line-height:20px;}
.cont-agreement .form-checkbox {display:block;margin-top:10px;}
.box-scroll {height:200px;overflow:auto;border:1px solid #ccc;}
.box-scroll .box-inner {padding: 20px 12px;}


.divider-cont {display:block;margin:50px 0;width:100%;height:1px;background:#e6e6e6;border:none;}


/* Sub Page */
.area-sub {padding:0;min-width: 1380px;}
.area-sub .area-inner {margin:0 auto;}
.area-sub .area-inner img {display:block;margin:0 auto;}
.area-sub .area-inner div[class^="sub"] {padding:100px 60px;overflow:hidden;}

.area-sub h2.title {margin:0 auto 24px;padding:0 60px;width: 1260px;font-size:42px;font-weight:600;color:#222;line-height:50px;}

/* Login */
.contain-member {}
.contain-member .contain-inner {margin:0 auto;width:100%;max-width:600px;}
.contain-member .contain-inner.join {width: 100%;max-width:1214px;}
.contain-member .box-header {margin-bottom:50px;padding:0;}
.contain-member .box-header .title {font-size:48px;font-weight:700;color:#222;line-height:56px;letter-spacing:-.1rem;text-align: center;}
.contain-member .box-header .title >span {display:block;margin-top:20px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;text-align: center;}
.contain-member .box-form {margin-bottom: 20px;}
.contain-member .text-infor {margin-top:30px;font-size:16px;font-weight:400;color:#000;line-height:24px;text-align:center;}
.contain-member .box-button {margin-top:30px;}
.contain-member .box-button button + button {margin-top:10px;}
.contain-member .box-util {display: flex;justify-content:space-between;margin-top:30px;}
.contain-member .box-util .item:first-child a + a {position:relative;margin-left:20px;}
.contain-member .box-util .item:first-child a + a::before {content:'';display:block;position:absolute;left:-11px;top:3px;width:1px;height:12px;background:#ccc;}
.contain-member .box-util .item a {font-size: 16px;font-weight:400;color:#222;line-height:24px;}

/* Find ID */
.box-resultmember {padding:30px 0;width:100%;max-width:600px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.box-resultmember .item {margin-top:30px;}
.box-resultmember .item:first-child {margin-top:0;}
.box-resultmember .name {font-size:16px;font-weight:400;color:#222;line-height:24px;text-align: center;}
.box-resultmember .data {margin-top:10px;font-size:16px;font-weight:400;color:#222;line-height:26px;text-align: center;}
.box-resultmember .data >strong {display:block;font-size:16px;font-weight:600;background:#f7f7f7;}


.area-floating {position:fixed;right:60px;bottom:70px;z-index:10;}
.area-floating .inner-area {}
.area-floating .list-link {display:flex;flex-direction: column;gap:10px;}
.area-floating .list-link a {display:block;width:54px;height:54px;text-indent:-1000px;overflow:hidden;}
.area-floating .list-link a.link-kakaotalk {background:url(../images/img_link_kakaotalk.png) no-repeat 50%;background-size:cover;}
.area-floating .list-link a.link-navertalk {background:url(../images/img_link_navertalk.png) no-repeat 50%;background-size:cover;}
.area-floating .list-link a.link-navercalendar {background:url(../images/img_link_navercalendar.png) no-repeat 50%;background-size:cover;}
.area-floating .btn-top {display:block;margin:26px auto 0;width:46px;height:46px;text-indent:-1000px;overflow:hidden;background:url(../images/img_link_top.png) no-repeat 50%;background-size:cover;}

.swiper {z-index:0;}
.swiper-pagination-bullet {flex-shrink: 0;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  left:0;
  right:0;
  display:flex;
  justify-content: center;
}

.layer-pop {position: fixed;z-index: 30;left: 0;top: 0;display:flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: rgba(0,0,0,.8);}
.layer-pop .contain {position:relative;margin:0 16px;max-width: 800px;max-height: 70vh;background: #fff;}
.layer-pop .close-layer {display: block;position:absolute;right:0;top:-50px;margin:0;padding: 0;width: 38px;height: 38px;background: url(../images/btn_closelayer.png) no-repeat 50%;}
.layer-pop .close-layer button {display: block;margin: 0;padding: 0;width: 38px;height: 38px;overflow: hidden;text-indent: -1000px;}

.layer-pop[class*=mc] .contain {margin:0 16px;max-width: 1280px;max-height: 720px;}

.layer-pop .profile {display:block;width:100%;}
.layer-pop .profile + .popup-body {height:100%;}
.popup-head {display:flex;justify-content: center;align-items:center;height:60px;font-size:16px;font-weight:600;color:#222;line-height:24px;background:#e2e2e2;}
.popup-body {padding:20px 35px;overflow:auto;max-height:33.6vh;height:100%;font-size:16px;font-weight:400;color:#222;line-height:24px;}
.popup-foot {padding:10px 20px;}


/* Animation */
/* visualanimation */
@keyframes visualText1 {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  30% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes visualText2 {
  0% {
    transform: translateX(200px);
    opacity: 0;
  }
  20% {
    transform: translateX(200px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes visualTitle {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollArrow {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  30% {
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    transform: translateY(-50px);
    opacity: 0;
  }
}