@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face { font-family: 'BMDoHyeon'; font-weight: normal; font-style: normal; src: url('../fonts/BMDoHyeon.woff') format('woff'), url('../fonts/BMDoHyeon.woff2') format('woff2'); font-display: swap; }

* { box-sizing: border-box; }

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; vertical-align: baseline; border: 0; }

em { font-style: normal; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body.active { overflow: hidden; }
html, body { position: relative; font-size: 16px; line-height: 1.375; font-family: 'Noto Sans KR', sans-serif; color: #000; font-weight: 500; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
img { vertical-align: middle; -ms-interpolation-mode: bicubic !important; }
label { cursor: pointer; }
input, select, textarea { vertical-align: middle; outline: none; }
input[type='text'], input[type='password'], textarea { -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; font-size: 16px; line-height: 30px; font-family: 'Noto Sans KR', sans-serif; color: #000; }

ul, li, ol, li, dl, dd, dt { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-spacing: 0; border-collapse: collapse; }
caption, legend, hr { font-size: 0; z-index: -1; visibility: hidden; width: 0; height: 0; position: absolute; left: -999px; }
a { background-color: transparent; text-decoration: none; color: #000; }
a:active, a:hover { outline: 0; text-decoration: none; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0px; }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; text-transform: none; cursor: pointer; vertical-align: middle; border: none; background: none; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
input { line-height: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; }
input[type='search'] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
td, th { padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print { 
  *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  select { background: #fff !important; }
  .navbar { display: none; }
  .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; }
  .label { border: 1px solid #000; }
  .table { border-collapse: collapse !important; }
  .table td, .table th { background-color: #fff !important; }
  .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }
}

/* Button */
button { font-size: 16px; line-height: 30px; font-family: 'Noto Sans KR', "Malgun Gothic", sans-serif; color: #000; overflow: visible; margin: 0; padding: 0; }
button::-moz-focus-inner { padding: 0; border: 0; }
button:focus { outline: 0 !important; }
input:-moz-read-only, input:read-only { background-color: #f2f2f2 !important; }
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder { color: #ababab; }

/* 공통영역 */
.container { width: 100%; max-width: 1100px; margin: 0px auto; }
.mo-only { display: none; }

@media screen and (max-width: 1024px) { .container { padding-left: 15px; padding-right: 15px; } }
@media screen and (max-width: 768px) { 
    .mo-only { display: block; } 
    .pc-only { display: none; } }


/* Header Area */
#header { position:fixed; top: 0px; left:0px; right: 0px; z-index:50; background-color:white; height: 45px;}


.menu_wrap { display: flex;  gap: 20px; position: absolute; left: 50%; z-index: 999;  top:50%; transform: translate(-50%,-50%); width:100%; text-align: center; height: 45px;  width: fit-content;}
.menus { display: flex; justify-content: center; align-items: center; width: 200px; font-size: 16px; font-weight: bold; position: relative;  border-radius: 5px; transition:0.3s ease; text-align: center; cursor: pointer; } 
.menu_list { position: absolute; top: 44px; width: 200px; ; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease;background: white; } 
.menu_list a { display: block; text-decoration: none; color: #333; padding: 10px 15px; transition: background 0.3s ease; } 
.menu_list a:hover { background: #f0f0f0; } 
.menus:hover .menu_list { visibility: visible; opacity: 1; transform: translateY(0); }
@media screen and (max-width: 1280px) { 
    .menus{ width: 160px;} 
    .menu_list { width: 160px} 
}

@media screen and (max-width: 880px) { 
    .menus{ width: 100px;font-size: 14px; } 
    .menu_list { width: 100px} 
    .menu_list a {font-size: 14px; padding: 10px 5px;}
}

@media screen and (max-width: 768px) { 
    .menu_wrap {left: 52%;}
}
@media screen and (max-width: 480px) {
    .menu_wrap {display: none;}
}

.gnb { visibility: hidden; /* 초기 상태에서는 보이지 않음 */ opacity: 0; background-color: #ffffff; padding: 90px 60px; position: fixed; left: 0; right: 0; top: 0; z-index: 999; width: 100%; height: 100vh; transition: opacity 0.5s linear, visibility 0s linear 0.5s; /* opacity 변화 즉시 시작, visibility 변화는 1초 후 */ }
.gnb:after { display:block; content:''; clear:both; }
.gnb.active { visibility: visible; /* 활성화 상태에서는 보임 */ opacity: 1; transition-delay: 0s, 0s; /* opacity와 visibility 변화에 대한 지연 시간을 0으로 설정 */ }
.gnb_t{width:180px;margin-bottom: 20px;}
.gnb .gnb_number { float:left; width: 385px;  margin-right:75px;   }
.gnb .gnb_number .monthly { font-size:80px; color:#64c4db; font-weight:700; padding-bottom:5px; border-bottom:1px solid #64c4db; margin-bottom:5px; }
.gnb .gnb_number .year_season { padding-top: 5px; font-size: 18px;  font-weight: 500;  color: #8f8f8f;}

.gnb .gnb_number .month{color: #eb3609; font-size: 80px;line-height: 1; font-weight: 700; font-family: "Nanum Myeongjo"; letter-spacing: -2px; border-bottom: 3px solid #eb3609;}

.gnb .gnb_number .ta-no { border: 1px solid #e1e1e1; }
.gnb .gnb_number .ta-no img { width:100%; }
.gnb .gnb_list { float:left; }
.gnb .gnb_list-mo{display: none}
.gnb .area_row { float:left; width: 230px; margin-right:75px; }
.gnb .area_row.long {  width: 245px;  }
.gnb .area_row:last-child {margin-right:0px; }
.gnb .area_row li { margin-bottom:30px; }
.gnb .area_row li:last-child { margin-bottom: 0px; }
.gnb .area_row li a {}
.gnb .area_row li a .part_title { font-size:15px; font-weight:600; border-bottom:1px solid #000; }
.gnb .area_row li a .part_desc { font-size:15px; color: #000; font-weight: 400; line-height:23px; }
.gnb a.close_btn { position: absolute; right: 20px; font-family: Arial; top: 10px; font-size: 30px; z-index: 12; }
#header .gnb_btn { position: absolute; top:10px; right: 20px;  }
#header .gnb_btn a { display:block; width:16px; height:16px;  }
#header .gnb_btn span.text { position: relative;  font-size: 14px; font-weight: 700;top: 0%;  text-align: right; right: 40px; transform: translate(-50%); background: ;}
#header .gnb_btn span.circle { position: absolute; right: 0; top: 0; text-indent: -9999px; text-align: left; width: 6px; height: 6px; overflow: hidden; background-color: #000; border-radius: 100%}
#header .gnb_btn span.circle.n1 { top:0; }
#header .gnb_btn span.circle.n2 {  top:10px;}
#header .gnb_btn span.circle.n3 { top:20px;  }
#header .logo {position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%);}
#header .logo a { display:inline-block; }
#header .logo img{width: 85px}
#header .page_move { position: absolute; right:10%; top: 50%; margin-top: -25px; }
#header .page_move ul:after { display:block; content:''; clear:both; }
#header .page_move li { float:left; margin-right:15px; }
#header .page_move li:last-child { margin-right:0px; }
#header .page_move li a { background-repeat:no-repeat; font-size:14px; font-weight:300; }
#header .page_move li a { position: relative; display: block; vertical-align: middle; margin-left: 20px; margin-right: 20px; margin-top: 0; margin-bottom: 0; padding-top: 15px; padding-bottom: 25px; }
#header .page_move li .ico { display: inline-block; overflow: hidden; text-indent: -9999px; text-align: left; width: 60px; height: 8px; background-color: #000; margin-left: 8px; position: relative; left: 0; top: 0; }
#header .page_move li.prev .ico { background: url('../images/sub/arr_prev.jpg') 0 0 no-repeat; cursor: pointer; background-position: 0 0; }
#header .page_move li.next .ico { background: url('../images/sub/arr_next.jpg') 0 0 no-repeat; cursor: pointer; background-position: 100% 0; }
#header .page_move li .box_view { position: absolute; right: -80px; top: 58px; width: 370px; height: 330px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 14px; text-align: left; display: none; overflow: hidden; border: 1px solid #ECEDED; }
#header .page_move li.next .box_view { left: -100px; right: auto; }
#header .page_move li .box_view .thumb { width: 100%; height: 0; padding-bottom: 69.39393939%; display: block; -webkit-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
#header .page_move li .box_view .thumb img { width: 100%; }
#header .page_move li .box_view .cont { margin-top: 15px; font-size: 21px; line-height: 1.23809524; height: 52px; overflow: hidden; display: block; font-weight: 600; font-family: 'Nanum Myeongjo'; }
#header .page_move li.prev:hover .box_view, #header .page_move li.next:hover .box_view { display: block; }
#header .page_move li.prev:hover .ico { animation-duration: 0.5s; animation-name: pageingPrevKeyFrames; }
#header .page_move li.next:hover .ico { animation-duration: 0.5s; animation-name: pageingNextKeyFrames; }
#header .page_move li.prev:hover .box_view { animation-duration: 0.5s; animation-name: pageingPrevBoxKeyFrames; }
#header .page_move li.next:hover .box_view { animation-duration: 0.5s; animation-name: pageingNextBoxKeyFrames; }


@keyframes pageingPrevKeyFrames {
  0% {
    left: 0;
  }
  50% {
    left: -10px;
  }
  100% {
    left: 0;
  }
}
@keyframes pageingNextKeyFrames {
  0% {
    left: 0;
  }
  50% {
    left: 10px;
  }
  100% {
    left: 0;
  }
}
@keyframes pageingPrevBoxKeyFrames {
  0% {
    right: -90px;
  }
  100% {
    right: -80px;
  }
}
@keyframes pageingNextBoxKeyFrames {
  0% {
    left: -110px;
  }
  100% {
    left: -100px;
  }
}
@keyframes pageingNextBoxKeyFrames_ta {
  0% {
    left: -190px;
  }
  100% {
    left: -180px;
  }
}
@media screen and (max-width: 1280px) {
  #header .page_move li .ico {
    width: 20px;
  }
  #header .page_move li a {
    margin-left: 10px;
    margin-right: 10px;
  }
  #header .page_move li {
    right: 112px;
    top: -1px;
  }
  #header .page_move li .next .box_view {
    left: -180px;
  }
  #header .page_move li a.next:hover .box_view {
    animation-name: pageingNextBoxKeyFrames_ta;
  }
}
@media screen and (max-width: 1460px ) {
  .gnb .gnb_number .ta-no{display: none}
  .gnb.active{display: flex}
  .gnb .gnb_number { width:160px; }
}
@media screen and (max-width: 1280px ) {
  .gnb .gnb_number  { margin-bottom:15px; }
}
@media screen and (max-width: 1024px ) {
  .gnb { padding: 30px; }
  .gnb .gnb_number .monthly { font-size:40px; }
  .gnb .gnb_number .year_season { font-size:14px }
  .gnb .gnb_list { float:initial;}

  .gnb .area_row { width:230px; margin: 2%; }
  #header .page_move li { margin-right:5px; }
  #header .page_move li a { display:block; width:40px; height:20px; font-size:0px; }

}
@media screen and (max-width: 768px ) {
  .gnb .area_row li a .part_desc { display:none;font-size: 2.97619048vw;padding-top: 5.35714286vw;
    padding-left: 4.16666667vw;}
  .gnb .area_row li a .part_desc.active { display:block; }
  .gnb .gnb_number{display: none}
  #header .logo img{    width: 11.9047619vw!important; min-width: 80px;}
  .page_move { display:none; }

  /*mo*/
  .gnb .gnb_list { display: none}
  .gnb .gnb_list-mo{display: block;display: flex; width: 100%; padding-top: 40px}
  .gnb .area_row{width:47%!important}
  .gnb .area_row:first-of-type{margin-right: 6%}
  .gnb .area_row li a .part_title{border-bottom: 0; position: relative;}
  .gnb .area_row li a .part_title:after{content: '>'; clear: both;position: absolute;    color: #808080; right:0}
  .gnb .area_row li.active a .part_title:after{content: 'ⅴ';}
}
@media screen and (max-width: 540px ) {
  .gnb .area_row { width:100%; margin:0px; margin-bottom:15px; float:none}
  .gnb .area_row li  { margin-bottom:15px; }
  .gnb .area_row li a .part_title { font-size:14px; }

  #header .logo img{  min-width: 50px;}
}
@media screen and (max-width: 345px ){
    .gnb .area_row li a .part_title { font-size: 13px;}
}

/* Footer Area */
#footer { position:relative;  }
#footer .footer_inner { position: relative; background-color: #787878; padding: 73px 0 110px;;  }
#footer .lastest_list { position:relative; left: 0px; top:-100px; z-index: 99; }
#footer .lastest_list a { display: inline-block; width: 100px; height: 30px;  font-weight: 300; font-size: 14px; line-height: 30px; background-color: #787878; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; color:#f8f8f8;}
#footer .container:after { display:block; content:''; clear:both; }
#footer .foot_lt { float:left; text-align:left; }
#footer .foot_rt { float:right; text-align:right; }
#footer .sns_list { text-align: right; margin-bottom:20px;display: none}
#footer .sns_list:after { display: block; content: ''; clear: both ;}
#footer .sns_list li { display: inline-block; margin-right:10px; }
#footer .sns_list li:last-child { margin-right:0px; }
#footer .sns_list li a { display:block; }
#footer .company_info { font-size:14px; line-height:18px; }
@media screen and (max-width: 1280px ) {
}
@media screen and (max-width: 1024px ) {
}
@media screen and (max-width: 768px ) {
  #footer .footer_inner{padding: 0}
  #footer .lastest_list{top:-30px}
  #footer .foot_lt { float:initial; text-align:center; margin-bottom:20px; }
  #footer .foot_rt { float:initial; text-align:center; }
  #footer .sns_list { text-align:center; }
  #footer .company_info { font-size:18px; line-height:26px; }
}
@media screen and (max-width: 540px ) {
  #footer .company_info { font-size:14px; line-height:22px; }
}

/* Lately Contents */
.lately_contents{ background: #f7f7f7; padding:60px 0px 120px 0px; margin-top:80px; overflow:hidden; }
.lately_contents .container { max-width:1140px; }
.lately_contents .owl-carousel .owl-stage-outer { overflow: visible; }
.lately_contents .owl-item { opacity:0.2; }
.lately_contents .owl-item.active { opacity: 1; }
.lately_contents .other_tit{ text-align: center; font-size: 30px; font-weight:300; }
.lately_contents .other_tit p{ font-family: 'Inter' !important; font-weight: 300; padding:25px 0 }
.lately_slide .item_box {}
.lately_slide .item_thumb { margin-bottom:25px; }
.lately_slide .item_cont { }
.lately_slide .item_cont .tag { position: relative; font-size: 14px;margin-bottom:10px; }
.lately_slide .item_cont .tit { font-family: 'Noto Serif KR', serif; font-size:22px; line-height:28px; }

.lately_slide .owl-nav { position:absolute; top: -50px; right:0px; display:block !important; margin-top: 0px !important; }
.lately_slide .owl-prev,
.lately_slide .owl-next{ display: block; overflow: hidden; text-indent: -9999px; text-align: left;width: 21px; height: 16px; margin-left: 8px; }
.lately_slide .owl-prev { background-image:url('../images/image/main_news_slide_left.png') !important; background-repeat: no-repeat; background-position: center; cursor: pointer; }
.lately_slide .owl-next {background-image:url('../images/image/main_news_slide_right.png') !important; background-repeat: no-repeat; background-position: center; cursor: pointer; }
.lately_slide .owl-prev:hover,
.lately_slide .owl-next:hover { background-color: initial !important; }

@media screen and (max-width: 1280px ) {
    .lately_slide .owl-nav{display: none !important}
}
@media screen and (max-width: 1024px ) {
}
@media screen and (max-width: 768px ) {
.lately_contents{padding-top:7.24637681vw !important; padding-bottom:65px; margin-top:0}

  .gnb a.close_btn{right:20px}
  .lately_slide .item_cont .tit{font-size:5.07246377vw!important; font-weight:500}
  .lately_contents .other_tit p{font-size:4.53623188vw!important}
}
@media screen and (max-width: 540px ) {
}



/*quickmenu*/


/* quick menu */
.wrap_quickmenu {
    position: fixed;
    right: -200px;
    bottom: 72px;
    z-index: 30;
    transition: 1s
}
.wrap_quickmenu.fix {
    position: fixed;
}
.wrap_quickmenu .lst {
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    left: 0;
    -webkit-transition-property: left opacity;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
}
.wrap_quickmenu .lst .tit {
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
}
.wrap_quickmenu .lst ul {
    background-color: #fff;
    padding: 30px 10px;
    margin: 0;
    -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.38); -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.38); box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.38); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.wraP_quickmenu .lst ul:after {
    display: block;
    content: '';
    clear: both;
}
.wrap_quickmenu .lst li {
    list-style: none;
    padding: 15px 0;
    border-bottom: 1px dotted #FFF;
}
.wrap_quickmenu .lst li:first-child {
    padding-top: 0;
    margin-top: 0;
}
.wrap_quickmenu .lst li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.wrap_quickmenu .lst a,
.wrap_quickmenu .lst a span {
    display: block;
    text-align: center;
    text-decoration: none;
}
.wrap_quickmenu .lst a span.ico {
    font-size: 0;
    line-height: 0;
}
.wrap_quickmenu .lst a span.ico img {
    width: 70%;
    height: auto;
}
.wrap_quickmenu .lst a span.txt {
    margin-top: 6px;
    font-size: 11px;
    line-height: 1;
    color: #000;
    margin-top: 10px;
    letter-spacing: 0;
}
.wrap_quickmenu .lst .btn_close {
    text-align: center;
    margin-top: 15px;
}
.wrap_quickmenu .lst.share {
    position: absolute;
    width: 76px;
    left: 100%;
    bottom: 0;
    z-index: 3;
    opacity: 0;
}
.wrap_quickmenu .lst.menu.close {
    left: 100%;
}
.wrap_quickmenu .lst.share.open {
    left: 0;
    width: 76px;
    opacity: 1;
}
.btn-quickmenu22 img {
    width: 70px;
}
.btn-quickmenu .mo-only{width:80%}
.btn-top,
.btn-quickmenu {/*
    display: none;
    opacity: 0;*/
    -webkit-animation: btnTopOn 0.5s cubic-bezier(0.775, -0.04, 0.12, 0.92) both;
    animation: btnTopOn 0.5s cubic-bezier(0.775, -0.04, 0.12, 0.92) both;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: fixed;
    right: 14px;
    bottom: 67px;
    z-index: 15;
}
.btn-top.top,
.btn-quickmenu.top {
    opacity: 1;
    display: block;
    font-size: 0;
    z-index: 12;
}
.btn-quickmenu22.top {
    display: none;
}
.btn-quickmenu22 {
    right: 5px;
    bottom: 118px;
}
@media screen and(max-width: 840px) {
    .btn-quickmenu22 img {
        width: 15vw;
    }
    .btn-quickmenu22 {
        right: 1vw;
        bottom: 31vw;
    }
    .btn-quickmenu22.top {
        display: block;
    }
    .btn-top.top img,
    .btn-quickmenu img {
        width: 40px;
    }
    /*.btn-top.top{.r(14); .b(10); }
  .btn-quickmenu{.r(14); .b(60); }
  .wrap_quickmenu{.b(60);}*/
    .wrap_quickmenu .lst {
        padding: 4.76190476vw 1.9047619vw;
        width: 122px;
        width: 14.52380952vw;
        -webkit-box-shadow: 0 0 2.29468599vw 0 rgba(0, 0, 0, 0.38);
        -moz-box-shadow: 0 0 2.29468599vw 0 rgba(0, 0, 0, 0.38);
        box-shadow: 0 0 2.29468599vw 0 rgba(0, 0, 0, 0.38);
    }
    .wrap_quickmenu .lst li {
        margin-top: 20px;
        margin-top: 2.38095238vw;
    }
    .wrap_quickmenu .lst a span.txt {
        margin-top: 6px;
        margin-top: 0.71428571vw;
        font-size: 18px;
        font-size: 2.14285714vw;
    }
    .wrap_quickmenu .lst li.btn_close {
        margin-top: 51px;
        margin-top: 6.07142857vw;
    }
    .wrap_quickmenu .btn_close i {
        font-size: 48px;
        font-size: 5.71428571vw;
    }
    .wrap_quickmenu .lst.share a span.ico img,
    .wrap_quickmenu .lst.menu a span.ico img {
        width: 56px;
        width: 6.66666667vw;
    }
    .wrap_quickmenu .lst.share {
        position: absolute;
        left: 100%;
        bottom: 0;
        z-index: 3;
        background-color: #fff;
        opacity: 0;
    }
    .wrap_quickmenu .lst.menu.close {
        left: 100%;
    }
    .wrap_quickmenu .lst.share.open {
        left: 0;
        opacity: 1;
    }
}
.ist_sns_set1 { font-size: 0; text-align: center; }
.ist_sns_set1 li { display: inline-block; margin-left: 15px; margin-right: 15px; }


@media screen and (max-width: 840px) {
    .ist_sns_set1 li { margin-left: 15px; margin-left: 1.78571429vw; margin-right: 15px; margin-right: 1.78571429vw; }
    .ist_sns_set1 li img { width: 55px; width: 6.54761905vw; }
  }
  .lst_thumbtype2 .inner { background-color: #fff; }
  #area_allmenu { position: relative; z-index: 11; margin-top: 30px; }
  .allmenu_fot { position: absolute; left: 0; bottom: 0; width: 100%; background-color: #d0dada; font-size: 0; }
  .allmenu_fot .inr-c { width: 1200px; margin-left: auto; margin-right: auto; }
  .allmenu_fot .area_iscroll { margin-top: 30px; position: relative; height: 0; overflow: hidden; margin-left: 30px; margin-right: 30px; }
  .allmenu_fot .area_iscroll .iScrollVerticalScrollbar.iScrollLoneScrollbar { right: 31px !important; background-color: #575757; }
  .allmenu_fot .area_iscroll .iScrollVerticalScrollbar.iScrollLoneScrollbar .iScrollIndicator { background-color: #8a8a8a !important; border: 0 !important; cursor: pointer; }
  .allmenu_fot .topbtns { height: 0; position: relative; }
  .allmenu_fot .btn_all, .allmenu_fot .btn_open { position: absolute; bottom: 0; background-color: #d0dada; width: 55px; height: 30px; border-radius: 15px 15px 0 0; }
  .allmenu_fot .btn_open:after { position: absolute; left: 50%; top: 50%; display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url("../images/common/ico_common.png"); background-repeat: no-repeat; background-position: -276px -428px; width: 10px; height: 17px; content: ""; margin-left: -5px; margin-top: -8.5px; transform: rotate(-90deg); }
  .allmenu_fot .btn_all span { position: absolute; left: 50%; top: 50%; width: 2px; height: 14px; background-color: #fff; content: ""; margin-left: -1px; margin-top: -5px; transition: all 200ms ease-in-out; }
  .allmenu_fot .btn_all span:after { position: absolute; left: 0; top: 50%; width: 2px; height: 14px; background-color: #fff; content: "지난호보기"; margin-left: -1; margin-top: -7px; transform: rotate(-90deg); transition: all 200ms ease-in-out; }
  .allmenu_fot .btn_all:hover span, .allmenu_fot .btn_all:hover span:after { background-color: #f15227; }
  .allmenu_fot .btn_all { left: 0; }
  .allmenu_fot .btn_open { right: 0; }
  .allmenu_fot .inr-c.pa { padding-bottom: 40px; position: relative; }
  .allmenu_fot .header { margin-bottom: 30px; }
  .allmenu_fot .header .h1 { color: #fff; font-size: 27px; line-height: 1.5; margin-right: 150px; word-break: keep-all; font-weight: 500; }
  .allmenu_fot .lst-owl { text-align: left; width: calc(100% - 110px); margin-bottom: 50px; }
  .allmenu_fot .lst-owl img { max-width: 100%; height: auto; }
  .allmenu_fot .lst-owl .desc { color: #fff; margin-top: 10px; text-align: center; }
  .allmenu_fot .lst-owl > .thumb:nth-child(1n + 1) { width: 24%; margin-right: 1%; margin-top: 2.5%; display: inline-block; font-size: 1rem; vertical-align: top; box-sizing: border-box; text-align: center; }
  .allmenu_fot .lst-owl > .thumb:nth-child(4n + 0) { margin-right: 0; }
  .allmenu_fot .lst-owl > .thumb:nth-child(-n + 4) { margin-top: 0; }
  .allmenu_fot .owl-dots .owl-dot { background-color: #9d9d9d; }
  .allmenu_fot .owl-dots .owl-dot.active { background-color: #71bdef; }
  #area_allmenu.open .btn_open { background-color: #7127b6; }
  #area_allmenu.open .btn_open:after { transform: rotate(90deg); margin-top: -6px; }
  #area_allmenu.allOpen .btn_all { background-color: #7127b6; }
  #area_allmenu.allOpen .btn_all span { transform: rotate(45deg); }
  .allmenu_fot.allOpen .area_iscroll { overflow-y: auto; }
  @media screen and (max-width: 1460px) { .allmenu_fot .area_iscroll .iScrollVerticalScrollbar.iScrollLoneScrollbar { right: 1px !important; background-color: #575757; } }
  @media screen and (max-width: 1260px) { .allmenu_fot .lst-owl { width: auto; } .allmenu_fot .inr-c { margin-left: 30px; margin-right: 30px; width: auto; } }
  @media screen and (max-width: 1000px) { .allmenu_fot .lst-owl > .thumb:nth-child(1n + 1) { width: 31%; margin-right: 3%; margin-top: 3%; display: inline-block; font-size: 1rem; vertical-align: top; box-sizing: border-box; } .allmenu_fot .lst-owl > .thumb:nth-child(3n + 0) { margin-right: 0; } .allmenu_fot .lst-owl > .thumb:nth-child(-n + 3) { margin-top: 0; } }
  #footer_type2 { background-color: #787878; z-index: 5; position: relative; }
  #footer_type2 > .inr-c { max-width: 1143px; margin-left: auto; margin-right: auto; }
  #footer_type2 .area_lft { float: left; text-align: left; }
  #footer_type2 .area_lft .newsletter, #footer_type2 .area_lft .logo { display: inline-block; vertical-align: top; }
  #footer_type2 .area_lft .logo a { display: block; text-align: center; }
  #footer_type2 .area_lft .logo a.logo1 img { width: 95px; height: auto; }
  #footer_type2 .area_lft .logo a.logo2 { margin-top: 20px; }
  #footer_type2 .area_lft .logo a.logo2 img { width: 148px; height: auto; }
  #footer_type2 .area_lft .newsletter { margin-left: 60px; }
  #footer_type2 .area_lft .newsletter .t1 { font-size: 14px; font-size: 0.875em; line-height: 1.38461538; font-weight: 500; color: #f8f8f8; }
  #footer_type2 .newsletter .btns { margin-top: 10px; }
  #footer_type2 .newsletter .btns a { display: inline-block; width: 220px; height: 50px; border: 1px solid #939393; border-radius: 10px; overflow: hidden; font-size: 0; text-align: center; background-color: #eeeeee; }
  #footer_type2 .newsletter .btns a > * { display: inline-block; vertical-align: middle; }
  #footer_type2 .newsletter .btns a:after { display: inline-block; vertical-align: middle; width: 0; height: 100%; content: ""; }
  #footer_type2 .newsletter .btns a .arr { display: inline-block; margin-left: 10px; width: 23px; height: 9px; background: url(../images/image/ico_arr1.gif) 100% 0% no-repeat; }
  #footer_type2 .newsletter .btns a span { font-size: 14px; line-height: 1; color: #000; font-weight: 400; }
  #footer_type2 .area_rgh { float: right; text-align: right; }
  #footer_type2 .area_rgh .ist_sns_set1 { opacity: 0.5; text-align: right; }
  #footer_type2 .area_rgh .ist_sns_set1 li { margin-left: 7px; margin-right: 7px; }
  #footer_type2 .area_rgh .ist_sns_set1 li:last-child { margin-right: 0; }
  #footer_type2 .area_rgh .infomation { margin-top: 17px; font-size: 13px; font-size: 0.8125em; line-height: 1.46153846; font-weight: 500; color: #f8f8f8; }

  @media screen and (max-width: 1143+50px) { 
  #footer_type2 > .inr-c { width: auto; margin-left: 25px; margin-right: 25px; } }
  @media screen and (max-width: 840px) { 
  #footer_type2 > .inr-c { padding-top: 95px; padding-top: 11.30952381vw; padding-bottom: 95px; padding-bottom: 30.30952381vw; } 
  #footer_type2 .area_lft, #footer_type2 .area_rgh { display: block; float: none; text-align: center; }  #footer_type2 .area_lft .newsletter { display: none; } 
  #footer_type2 .area_lft .logo a.logo1 img { width: 210px; width: 25vw; } 
  #footer_type2 .area_lft .logo a.logo2 { margin-top: 40px; margin-top: 4.76190476vw; } 
  #footer_type2 .area_lft .logo a.logo2 img { width: 320px; width: 38.0952381vw; } 
  #footer_type2 .area_rgh .infomation { margin-top: 45px; margin-top: 5.35714286vw; } 
  #footer_type2 .top { text-align: center; margin-top: 60px; margin-top: 7.14285714vw; } 
  .allmenu_fot .lst-owl .desc { font-size: 20px; font-size: 2.38095238vw; } 
  #area_allmenu { position: relative; margin-top: 0; } .allmenu_fot .lst-owl > .thumb:nth-child(1n + 1) { width: 30.2%; } }
  
  #back_number { position: fixed; left: 0px; right: 0px; top: calc(100% + 30px); /* 화면 아래로 숨겨져 시작 */ transition: top 0.5s; padding: 30px; background-color: #787878; z-index: 99; }
  #back_number.active { top: 80px; /* 활성화 시 상단에서 100px 아래로 */ }
  #back_number .container { position:revert; }


#back_number .back_number_cont {width: 100%;height: calc(100vh - 80px);overflow-y: scroll;  margin: 0 auto;  display: flex;  flex-wrap: wrap;justify-content: space-between; gap: 20px; padding: 20px 20px 160px 20px;box-sizing: border-box;}
#back_number .back_number_cont .thumb {width: calc(25% - 15px);overflow: hidden;position: relative;}
#back_number .back_number_cont .thumb .image img {  aspect-ratio: 336 / 475;width: 100%; height: 100%; object-fit: cover; display: block;}


  #back_number .back_number_cont .thumb .caption  { text-align:center; margin-top: 10px; }
  #back_number .back_number_cont .thumb .caption .month { font-size:16px; font-weight:400;color:#fff }
  #back_number .back_number_cont .thumb .caption .season { font-size:16px;  }
  #back_number .back_number_close { position: relative; top: -50px; z-index: 20; }
  #back_number .back_number_close a {display: inline-block; width: 100px; height: 30px;  font-family: 'Inter' !important; font-size: 14px; font-weight: 300; line-height: 30px; background-color: #787878; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px;  color: white;}

    .back_bg{ width: 100%; height: 2000px; position: fixed; background: rgba(0, 0, 0, 0.8); z-index: 11; left: 0; top: 0; display: none; }
    .back_bg.active { display:block; }
    @media screen and (max-width: 1024px ) {
    #back_number .back_number_cont .thumb { width:31.333%; }
    
        #back_number .container{padding: 0 !important;}
        #back_number .back_number_cont{padding: 0px 0px 80px 0px; max-width: none;}
    }
    @media screen and (max-width: 768px ) {
        #footer_type2 .area_rgh .ist_sns_set1 { text-align: center; margin-top: 20px; }
        #footer_type2 .area_rgh .ist_sns_set1 li { margin-left: 7px; margin-right: 7px;  }
        #footer_type2 .area_rgh .ist_sns_set1 li:last-child { margin-right: 0; }
        #footer_type2 .area_rgh .ist_sns_set1 img{min-width: fit-content;}
	#back_number .back_number_cont .thumb .caption .month{font-size:15px;}
    #back_number .back_number_cont .thumb { width:46%;  }
    }
	@media screen and (max-width: 468px ){
	}

   .btn-top { position: fixed; right: 14px; bottom: 10px; z-index: 1000; }
   .btn-top.top { display: block; opacity: 1; }
   .btn-top { /*display: none; opacity: 0;*/ -webkit-animation: btnTopOn 0.5s cubic-bezier(0.775, -0.04, 0.12, 0.92) both; animation: btnTopOn 0.5s cubic-bezier(0.775, -0.04, 0.12, 0.92) both; /* none // 기본값 forwards // 마지막 프레임 유지 backwards // 처음에 적용된 스타일 값으로 유지 both // forwards와 backwards를 모두 유지 */ -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
   @-webkit-keyframes btnTopOn {
    0% {
      display: block;
      opacity: 0;
    }
    100% {
      display: block;
      opacity: 1;
    }
  }
  @-webkit-keyframes btnTopOn {
    0% {
      display: block;
      opacity: 0;
    }
    100% {
      display: block;
      opacity: 1;
    }
  }

  .wbk{word-break: keep-all !important;}