@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; display: flex; gap: 75px; } 
.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 .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: 385px } 
.gnb .gnb_list { display: flex; gap: 75px; justify-content:left; width:100%; } 
.gnb .gnb_list-mo { display: none } 
.gnb .area_row { width: 230px; } 
.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%); } 
#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% { right:  0; } 
 100% {right: -10px; } 
 }
@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: auto; right: -10px; } 

 #header .page_move li.next:hover .box_view { animation-name: pageingNextBoxKeyFrames_ta; } 
 }
@media screen and (max-width: 1460px ){
 .gnb .gnb_number .ta-no { display: none } 
 .gnb.active { justify-content: space-between; gap: 20px; } 
 }
@media screen and (max-width: 1280px ){
 .gnb .gnb_number { margin-bottom:15px; } 
 .gnb .gnb_list { justify-content: center; gap: 40px; } 
 }
@media screen and (max-width: 1150px ) {.gnb .gnb_list { justify-content:left; gap: 30px 30px; flex-wrap: wrap; } 
.gnb .area_row li a .part_desc { word-break: keep-all; } 
 .gnb .area_row { flex: 0 0 calc((100% - 60px) / 3); width: auto; } 
 }
@media screen and (max-width: 1024px ){
 .gnb { padding: 60px 30px 30px 30px; overflow: scroll; } 
 .gnb .gnb_number .monthly { font-size:40px; } 
 .gnb .gnb_number .year_season { font-size:14px } 
 .gnb .area_row { flex: 0 0 calc((100% - 30px) / 2); height: fit-content; } 


 #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: 767px ){
 .gnb { padding: 30px; } 
 .gnb .area_row li a .part_desc { display:none; font-size:15px; word-break: keep-all; line-height: 26px; padding-top: 10px; padding-left: 10px } 
.gnb .area_row li a br { display: none !important; } 
 .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.active { gap: 0; display: block; } 
 .gnb .gnb_list { display: none } 
 .gnb .gnb_list-mo { display: block; display: flex; width: 100%; padding-top: 40px; justify-content: space-between; } 
 .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; } 
 .gnb .area_row li a .part_desc { display:none; font-size:14px; line-height: 24px; padding-top: 10px; padding-left: 10px } 

 #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: 767px ){
 #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: 767px ) {.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:20px!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: 767px ){
 #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; }