@charset "UTF-8";
html {font-size:62.5%;}
html,body  {width:100%;height:100%;min-width:320px;min-height:100%;-webkit-text-size-adjust: 100%;}
body {line-height:1.5;-webkit-overflow-scrolling:touch;background-color:#F3F2EC;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, figure, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea {margin:0; padding:0;}
a {color:#222;text-decoration:none}
a:hover
a:focus {text-decoration:none;}
pre {white-space:pre-wrap;word-wrap:break-word}
ul,ol,li {list-style:none}
em,address {font-style:normal}
fieldset {margin:0;padding:0;border:0 none;vertical-align:top}
label {cursor:pointer}
button,input,select,textarea {vertical-align:baseline}
button {-webkit-appearance:none;box-sizing:content-box;padding:0;border:0;background:transparent;cursor:pointer}
input[type="checkbox"], input[type="radio"] {vertical-align:middle} 
input[type="search"],
input[type='text'], 
input[type='password'], 
input[type='number'], 
input[type='tel'], 
input[type='button'] {box-sizing:border-box;-webkit-appearance:none;height:36px;color:#222;border:1px solid #c9c7c1;line-height:100%;vertical-align:middle;padding:0 5px;font-size:1.4rem;border-radius:0px;}
textarea {border:1px solid #c9c7c1;vertical-align:top;resize:vertical;box-sizing:border-box;-webkit-appearance:none;}
table {width:100%;empty-cells:show;border-spacing:0;}
td {vertical-align:middle}
select {background:none;border:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
select::-ms-expand {display:none;/* 화살표 없애기 for IE10, 11*/}
::selection {background:#6f8043;color:#fff;text-shadow:none}
::-webkit-input-placeholder {color:#767676;}
::-ms-input-placeholder {color:#767676;}
:-moz-placeholder {color:#767676;}

body,input,textarea,select,button,table,
h1,h2,h3,h4,h5,h6 {font-family:"aritaM", "Malgun Gothic","맑은 고딕","Nanum Gothic","나눔 고딕","돋움",dotum,sans-serif;color:#222;font-weight:normal;}
img {max-width:100%;height:auto;vertical-align:top;border:0;-ms-interpolation-mode:bicubic}
.skip, hr, legend {position:absolute;visibility:hidden;width:1px;height:1px;left:-9999px; overflow:hidden;}
input[type=search]::-ms-clear {display:none;width:0;height:0;}
input[type=search]::-ms-reveal {display:none;width:0;height:0;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display:none;}

a:focus, button:focus, input:focus {outline:2px dotted rgba(0,0,0,1) !important;outline-offset: -1px;}
@media (max-width: 767px) {
  a:focus, button:focus, input:focus, tabindex:focus {outline:0 none !important;}
}

.bodyOvh { overflow:hidden; height:100%; }
.bodyOvh #wrap { overflow:hidden; height:100%; }

.ap2022-sr-only{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%)}

/* SKIPNAVI */ 
#skipNavi, #skipList{position:absolute;top:0;left:-9999px;color:#000;font-size: 1.6rem; overflow:hidden;}
#skipNavi:focus, #skipNavi:active{display:block;position:fixed;left:0;z-index:29999;width:100%;padding:20px;font-weight:700;line-height:1.5;color:#222;text-align:center;background-color:#ddd;}
#skipList:focus, #skipList:active {display;block;top:-40px;left:50px;width:100px;padding:5px;background:#ddd;text-align:center;font-size:1.2rem;z-index:10;}
#skipNavi:focus-visible{outline:2px dotted rgba(0,0,0,1) !important;outline-offset: -8px;padding-left:0;padding-right:0;}

/* BUTTON */
.btn-area *[class*="btn-"] {display:inline-block;text-align:center;font-size:1.6rem;box-sizing:border-box;}
*[class*="btn-"][class*="bg"] {background:#493b33;color:#fff;border:1px solid #493b33;}
*[class*="btn-"][class*="gray"] {background:#d1cdc7;color:#222;border:1px solid #d1cdc7}

.btn-area *[class*="btn-"][class*="txt"] {height:54px;line-height:54px;}
.btn-area *[class*="btn-"][class$="txt"] {border:1px solid #a5a298;}
.btn-area *[class*="btn-"] + *[class*="btn-"] {margin-left:1%;}

.btn-area .center {text-align:center;}
.btn-area .right {text-align:right;}

.btn-area .btn-plus {padding-top:33px;color:#222;font-size:1.6rem;font-family:'aritaSB';border:0;background:url(/kr/ko/resource/images/content/btn_plus.svg) no-repeat center top;}
.btn-area .btn-plus span {font-family:'aritaM';font-size:1.4rem;}

.txt-view {position:relative;display:inline-block !important;font-size:1.4rem;font-family:'aritaSB';}
.txt-view:after {display:inline-block;margin-left:5px;content:'>';}
.txt-view:hover {color:#704816 !important;}
.txt-view:before {position:absolute;bottom:2px;left:0;display:inline-block;width:0;height:2px;background:#704816;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;content:'';}
.txt-view:hover:before {width:100%;}
.txt-view.white {color:#fff !important;}
.txt-view.white:before {background:#fff;}

/* INPUT */
.ipt-check, .ipt-radio01 {position:relative;text-align:left;}
.ipt-check input[type="checkbox"],
.ipt-radio01 input[type="radio"] {position:absolute;left:-20px;overflow:hidden;width:1px;height:1px;margin-left:-1px;padding:0;border:0;clip:rect(1px 1px 0 0)}
.ipt-radio01 input[type="radio"]:focus ~ label:after {position:absolute;left:0;top:0;display:block;width:100%;height:20px;border:1px dotted #6f8043;box-sizing:border-box;content:"";}
.ipt-check input[type="checkbox"] + label,
.ipt-radio01 input[type="radio"] + label {display:inline-block;min-height:20px;padding:0 0 0 25px;font-size:1.6rem;background:url(/kr/ko/resource/images/common/bg_check_off.svg) no-repeat 0 center;vertical-align:top;}
.ipt-check input[type="checkbox"]:checked + label {background:url(/kr/ko/resource/images/common/bg_check_on.svg) no-repeat 0 center}
.ipt-check input[type="checkbox"]:focus ~ label:after,
.ipt-radio01 input[type="radio"]:focus ~ label:after {width:20px;}

.ipt-radio01 input[type="radio"] + label {background:url(/kr/ko/resource/images/common/bg_radio_off.svg) no-repeat 0 center;}
.ipt-radio01 input[type="radio"]:checked + label {background:url(/kr/ko/resource/images/common/bg_radio_on.svg) no-repeat 0 center;}


.ipt-txt {width:100%;border:0;border-bottom:1px solid #666;font-size:1.6rem;}

.error-txt {display:none;float:right;font-size:1.6rem;color:#b10101;}

.ipt-radio {position:relative;display:inline-block;}
.ipt-radio input[type="radio"] {position:absolute;left:-20px;overflow:hidden;width:1px;height:1px;margin-left:-1px;padding:0;border:0;clip:rect(1px 1px 0 0);}
.ipt-radio input[type="radio"]:focus ~ label:after {position:absolute;left:0;top:0;display:block;width:100%;height:100%;border:1px dotted #6f8043;box-sizing:border-box;content:"";}
.ipt-radio input[type="radio"] + label {display:block;min-width:120px;height:36px;font-size:1.6rem;line-height:36px;text-align:center;border:1px solid #cfcdc8;font-family:'aritaSB';cursor:pointer;box-sizing:border-box;}
.ipt-radio input[type="radio"]:checked + label {color:#fff;border-color:#704816;background:#704816;}

.ipt-wrap {margin-bottom:30px;padding:16px 16px 10px 16px;border:1px solid rgba(165, 162, 152, 0.6);}
.ipt-wrap textarea {resize:none;border:0;}
.ipt-wrap .byte-area {text-align:right;font-size:1.6rem;}
.ipt-wrap .byte-area .total {color:#767676;}

/* SLIDE COMMON */
.slick-vertical .slick-slide {float:none !important;}
.recom-wrap .tit {font-size:1.6rem;text-align:center;}
.js-slide .slide-inner {position:relative;}
.js-slide a {display:block;}
.js-slide .slide-inner img {display:inline-block;text-align:center;}
.js-slide .slick-arrow {overflow:hidden;position:absolute;top:50%;width:29px;height:54px;margin-top:-27px;text-indent:-999em;box-sizing:border-box;z-index:1;}
.js-slide .slick-prev {background:url(/kr/ko/resource/images/common/slider_prev.svg) no-repeat left top;}
.js-slide .slick-next {right:0;background:url(/kr/ko/resource/images/common/slider_next.svg) no-repeat left top;}

/* LAYOUT */
#wrap:after{position:fixed;left:0;right:0;top:0;bottom:0;visibility:hidden;background:#666;opacity:0.0;-webkit-transition:visibility 0s .2s, opacity .2s;-moz-transition:visibility 0s .2s, opacity .2s;-o-transition:visibility 0s .2s, opacity .2s;transition:visibility 0s .2s, opacity .2s;z-index:1;content:"";}
#wrap.dimmed:after{visibility:visible;opacity:0.8;z-index:99;}
#wrap.dimmed.ie8:after{z-index:10001;}

#container {min-width:100px;padding-top:160px;}

.sns-wrap {text-align:center;}
.sns-wrap li {display:inline-block;}

/* INSTAGRAM */
.insta-wrap {position:relative;}
.olapic-report-wrapper {display:none;}
.olapic-report-wrapper.open {display:block;}
.from_widget_olapic_specific_widget {min-width:100px;}

/* SELECT */
.sel-area .sel-tit {display:inline-block;width:198px;border-bottom:2px solid #333;font-size:1.8rem;font-family:'aritaSB';box-sizing:border-box;}
.sel-area .sel-tit span {display:block;background:url(/kr/ko/resource/images/common/btn_arrow_down.svg) no-repeat right 6px;}
.sel-area.on .sel-tit span {background:url(/kr/ko/resource/images/common/btn_arrow_up.svg) no-repeat right 6px;}
.sel-area .sel-option {display:none;position:absolute;top:27px;width:100%;padding:20px 24px;background:#f3f2ec;border:1px solid #a5a298;box-sizing:border-box;z-index:99;}
.sel-area .sel-option li {margin-top:10px;}
.sel-area .sel-option li:first-child {margin-top:0;}
.sel-area .sel-option a {color:#3d3935;font-size:1.4rem;}
.sel-area .sel-option a.on span,
.sel-area .sel-option a:hover span {color:#704816;border-bottom:1px solid #704816;}

/* mobile language box */
#sidenav .mo-lang-box .sel-option_2 {display:none;position:absolute;top:27px;width:100%;padding:20px 24px;background:#f3f2ec;border:1px solid #a5a298;box-sizing:border-box;z-index:99;}
#sidenav .mo-lang-box .sel-option_2 li {margin-top:10px;}
#sidenav .mo-lang-box .sel-option_2 li:first-child {margin-top:0;}
#sidenav .mo-lang-box .sel-option_2 a {color:#3d3935;font-size:1.4rem;}
#sidenav .mo-lang-box .sel-option_2 a.on span,
#sidenav .mo-lang-box .sel-option_2 a:hover span {color:#704816;border-bottom:1px solid #704816;}


/* TAG */
.tag-area {margin-bottom:14px;padding:12px 0 11px;border-top:1px solid #a5a298;border-bottom:1px solid #a5a298;}
.tag-area span {position:relative;display:inline-block;margin-right:10px;padding-left:11px;color:#704816;font-family:'aritaSB';font-size:1.6rem;}
.tag-area span a {color:#704816;}
.tag-area span:before {position:absolute;top:0;left:0;display:inline-block;content:'#';}

/* FLAG */
*[class*="flag-"] {text-align:center;color:#fff;font-size:1.5rem;box-sizing:border-box;}
*[class*="flag-"][class*="best"] {background:#e0630b;} /* 240628 [BRANDSR-10779] a11y 반영 */
*[class*="flag-"][class*="hot"] {background:#7D624F}
*[class*="flag-"][class*="new"]{background:#e0630b;} /* 240628 [BRANDSR-10779] a11y 반영 */
*[class*="flag-"][class*="ing"]{background:#6d7e43}
*[class*="flag-"][class*="win"]{background:#c68128}
*[class*="flag-"][class*="end"]{background:#5a5447}

.img-flag {position:absolute;top:20px;left:20px;}
.img-flag li + li {margin-top:4px;}
.img-flag *[class*='flag-'] {width:48px;height:48px;line-height:48px;font-size:1.4rem;font-family:"aritaB";font-weight:800;}
.txt-flag *[class*='flag-'] {display:inline-block;width:40px;height:18px;margin-bottom:28px;line-height:18px;}

/* EMBLEM */
.emblem-area li {width:90px;vertical-align:top;}
.emblem-area li img, .tit-ico li img {width:72px;}
.detail-header .emblem-area li + li {margin-top:3px;}

/* GRADE & REVIEW */
.grade-area {display:inline-block;}
.grade-area .grade {display:inline-block;width:90px;height:20px;background:url(/kr/ko/resource/images/content/bg_grade.svg) repeat-x left top}
.grade-area span {display:block;height:20px;text-indent:-999em;}
.grade-area .grade-1 {width:18px;background:url(/kr/ko/resource/images/content/bg_grade_on.svg) repeat-x left top}
.grade-area .grade-2 {width:36px;background:url(/kr/ko/resource/images/content/bg_grade_on.svg) repeat-x left top}
.grade-area .grade-3 {width:54px;background:url(/kr/ko/resource/images/content/bg_grade_on.svg) repeat-x left top}
.grade-area .grade-4 {width:72px;background:url(/kr/ko/resource/images/content/bg_grade_on.svg) repeat-x left top}
.grade-area .grade-5 {width:90px;background:url(/kr/ko/resource/images/content/bg_grade_on.svg) repeat-x left top}
.grade-area .tit {vertical-align:3px;font-size:1.8rem;}
.grade-area .total {margin-left:7px;vertical-align:3px;}

.review .tit {font-size:1.8rem;}

/* PAGING */
.paging-area {text-align:center;}
.paging-area a {display:inline-block;width:30px;height:30px;font-size:1.6rem;line-height:30px;color:#666;vertical-align:top;}
.paging-area .num.on {color:#fff;background:#493b33;}
.paging-area a[class*="page-"] {display:none;width:10px;height:10px;margin:9px 0 0 15px;text-indent:-999em;vertical-align:top;line-height:10px;}
.paging-area a[class*="page-"].on {display:inline-block;}
.paging-area .page-prev.on {margin-right:15px;background:url(/kr/ko/resource/images/common/btn_page_prev.png) no-repeat left top;}
.paging-area .page-start.on {width:14px;background:url(/kr/ko/resource/images/common/btn_page_start.png) no-repeat left top;}
.paging-area .page-next.on {background:url(/kr/ko/resource/images/common/btn_page_next.png) no-repeat left top;}
.paging-area .page-end.on {width:14px;background:url(/kr/ko/resource/images/common/btn_page_end.png) no-repeat left top;}

/* TEXT */
.txt {font-size:1.6rem;word-break:keep-all;word-wrap:break-word;}
.txt-hyphen li {position:relative;padding-left:10px;font-size:1.6rem;}
.txt-hyphen li + li {margin-top:5px;}
.txt-hyphen li:after {position:absolute;top:0;left:0;content:'-';}

/* *[class*="tit"] {font-family:'aritaSB';} */
.total {font-family:'aritaSB';}

/* ETC */
.block {display:block;height:100%;}
.pc {display:block}
.mobile {display:none}
.img-area {display:block;text-align:center;}
span.center {display:block;text-align:center !important;}
sup {font-size:1.5rem;}

/* .img-area img {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} */
.img-area.mobile {display:none;}
.tit-bar:after {display:inline-block;margin-left:5px;width:0;border-bottom:1px solid #333;content:"";}
.tit-bar.on:after {width:80px;transition:all 1s;}
.blind, caption {overflow:hidden;position:absolute;left:-9999em;width:1px;height:1px;margin:0;padding:0;background:none;text-indent:-9999em}
.loding-wrap.on {position:fixed;top:0;left:0;width:100%;height:100%;display:block;z-index:99;}
.loding-wrap.on .loding {position:absolute;top:50%;left:50%;display:inline-block;width:62px;height:20px;margin-left:-31px;background:url(/kr/ko/resource/images/common/loding.gif) no-repeat left top;background-size:100%;}

.js-multiline {overflow:hidden;width:100%;white-space:normal;}

.youtube-area {position:relative;width:100%;}
.youtube-area iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:10;}
.youtube-area .img-thumb {width:100%; display:block;position:absolute;z-index:5;}
.youtube-area .img-thumb:after {position:absolute;top:50%;left:50%;display:inline-block;width:104px;height:104px;margin:-52px 0 0 -52px;background:url(/kr/ko/resource/images/content/ico_movie.svg) no-repeat left top;content:'';}

.youtube-wrap .source-wrap .youtube-tit {display:block;width:100%;height:60px;padding:17px 20px 20px;background:#493b33;font-family:'aritaSB';color:#fff;box-sizing:border-box;}
.youtube-wrap .source-wrap .youtube-tit .tit {display:inline-block;width:80%;font-size:1.8rem;}
.youtube-wrap .source-wrap .youtube-tit .open {float:right;padding-right:20px;background:url(/kr/ko/resource/images/content/ico_youtube_down.svg) no-repeat right 4px;font-size:1.6rem;}
.youtube-wrap .source-wrap.on .youtube-tit .open {background:url(/kr/ko/resource/images/content/ico_youtube_up.svg) no-repeat right 7px;}
.youtube-wrap .scroll-wrap {display:none;overflow:hidden;width:100%;border:1px solid #a5a298;border-top:0;z-index:1;box-sizing:border-box;}
.youtube-wrap .js-scroll {overflow-y:scroll;height:260px;margin-right:0;background:#ebeae3}

.youtube-wrap .source-area {position:relative;padding:25px;border-bottom:0;z-index:100;}

.layer-mouse {position:absolute;right:5%;bottom:150px;-webkit-animation:scroll 2s infinite;-moz-animation:scroll 2s infinite;-o-animation:scroll 2s infinite;animation:scroll 2s infinite;}
.layer-mouse span {display:inline-block;font-size:1.4rem;font-family:"aritaSB";color:#fff;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.layer-mouse span:after {position:absolute;top:-19px;left:70px;display:inline-block;width:7px;height:55px;background:url(/kr/ko/resource/images/main/scroll.svg) no-repeat 0 0;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);content:'';}

@-webkit-keyframes scroll {
  0% {transform: translate(0, 0);}
  20% {transform: translate(0, 10px);}
  40% {transform: translate(0, 0);}
}
@-moz-keyframes scroll {
  0% {transform: translate(0, 0);}
  20% {transform: translate(0, 10px);}
  40% {transform: translate(0, 0);}
}
@-o-keyframes scroll {
  0% {transform: translate(0, 0);}
  20% {transform: translate(0, 10px);}
  40% {transform: translate(0, 0);}
}
@keyframes scroll {
  0% {transform: translate(0, 0);}
  20% {transform: translate(0, 10px);}
  40% {transform: translate(0, 0);}
}


/* 따옴표, bg 있는 txt */
.bg-txt {display:block;margin-bottom:65px;text-align:center;}
.bg-txt p {position:relative;display:inline-block;font-size:2.4rem;}
.bg-txt p:after {position:absolute;top:15px;left:0;width:100%;height:22px;background:#b9d5be;content:'';}

.bg-txt span {position:relative;display:inline-block;z-index:99;}
.bg-txt span:before {position:absolute;top:0;left:-44px;display:inline-block;width:25px;height:20px;background:url(/kr/ko/resource/images/content/bg_quote01.png) no-repeat left top;content:'';}
.bg-txt span:after {position:absolute;top:0;right:-44px;display:inline-block;width:25px;height:20px;background:url(/kr/ko/resource/images/content/bg_quote02.png) no-repeat right top;content:'';}

/* 매장 LIST */
.store-list {overflow:hidden;position:relative;height:100%;}
.js-scroll {margin-right:20px;}
.store-list li + li {border-top:1px solid rgba(102,102,102,0.3);}
.store-list li:last-child {border-bottom:1px solid rgba(102,102,102,0.3);}
.store-list li a {display:table;width:100%;padding:20px 20px 13px;box-sizing:border-box;}
.store-list li a:hover,
.store-list li.on a {background:url("https://amc.apglobal.com/image/384224417642/image_v37smtnf755q50v0bte926js18/-FPNG/store_list_on_bg_kr_230525.png");background-size: cover;}
.store-list li .store-name {margin-bottom:5px;font-size:1.6rem;font-family:'aritaSB';color:#222;}
.store-list li .txt {margin-bottom:5px;font-size:1.4rem;}

/* 리스트 TITLE */
.page-header {position:relative;max-width:1220px;margin:65px auto 95px;}
.page-header .visual-tit {position:relative;margin:-80px 60px 0 60px;padding:50px 45px 0;background:#f3f2ec;box-sizing:border-box;z-index:10;}
.page-header .page-visual {position:relative;}
.offer-wrap .visual-tit h2,
.page-header .visual-tit h3 {position:relative;margin-bottom:10px;font-size:3.2rem;text-align:center;line-height:1;}
.page-header .visual-tit h3:before {display:inline-block;width:100px;height:1px;margin-right:15px;background:#333;content:'';}
.page-header .visual-tit h3:after {display:inline-block;width:100px;height:1px;margin-left:15px;background:#333;content:'';}
.page-header .visual-tit h3 span {font-family:'aritaSB';}
.page-header .page-visual .txt {text-align:center;}

/* TAB TITLE */
.tab-tit {overflow:hidden;}
.tab-tit li {position:relative;float:left;width:160px;text-align:center;border-bottom:1px solid #333;}
.tab-tit a {font-size:2rem;}
.tab-tit li.on a {font-family:'aritaSB';}
.tab-tit li.on:after {position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;background:#333;content:'';}

/* EVENT DETAIL & EVENT DETAIL & PRIMANIA */
.box-img-type {max-width:1040px;margin:0 auto 100px;}
.box-img-type > div:after {display:block;clear:both;content:'';}
.box-img-type > div + div {margin-top:20px;}
.box-img-type .img-area {position:relative;}
.left-area .img-area {float:left;}
.left-area .img-txt {float:left;}
.right-area .img-area {float:right;}
.right-area .img-txt {float:right;text-align:right;}
.box-img-type .img-txt {position:relative;display:table;width:48%;height:300px;padding:20px 0 20px 80px;box-sizing:border-box;}
.box-img-type .img-txt div {display:table-cell;vertical-align:middle;}
.box-img-type .right-area .img-txt {padding-right:80px;}
.box-img-type .tit {display:block;margin-bottom:10px;font-size:2.5rem;line-height:1.2;color:#56652c;word-break:keep-all;word-wrap:break-word;}
.box-img-type .img-area:after {position:absolute;top:50%;width:60px;height:1px;background:#333;content:'';}
.left-area .img-area:after {right:-60px;}
.box-img-type .img-area:before {position:absolute;top:50%;width:60px;height:1px;background:#fff;content:'';}
.left-area .img-area:before {right:0;}
.box-img-type .right-area .img-area:before {left:0;right:auto;}
.box-img-type .right-area .img-area:after {left:-60px;right:auto;}

.release-inner {padding:50px 60px 54px 60px;background:#e8e6df}
.release-inner .sub-tit {margin-bottom:20px;font-size:2.5rem;font-family:'aritaSB';text-align:center;}
.release-intro {margin-bottom:25px;}
.release-intro .txt {display:table;width:100%;padding:15px 40px 12px;background:#f3f2ec;font-family:'aritaSB';box-sizing:border-box;}
.release-intro .txt + .txt {margin-top:2px;}
.release-intro .txt .step {width:30%;font-family:'aritaSB';}
.release-intro .txt .step span {padding-left:15px;text-align:center;}
.release-intro .txt > span {display:table-cell;width:90%;vertical-align:middle;text-align:left;font-size:1.6rem;}
.release-inner .btn-area {margin-top:60px;}

/* BOARD - LIST */
.board-list-wrap {max-width:1220px;margin:0 auto;}
.tit-wrap .page-tit {font-size:4.2rem;font-family:'aritaSB';line-height:1;}
.tit-wrap .page-tit span {position:relative;}
.tit-wrap .page-tit span:after {position:absolute;bottom:10px;left:105%;display:inline-block;width:0;height:2px;background:#493b33;content:'';}
.tit-wrap .page-tit span.on:after {width:60px;animation:move .5s ease-out;}
.tit-wrap {margin-bottom:28px;}
.tit-wrap .txt {color:#666;line-height:1.2;}
.board-list-wrap .tab-tit {position:absolute;top:33px;right:0;}

@-webkit-keyframes move {
  0% {width:0px}
  100% {width:60px;}
}
@-moz-keyframes move {
  0% {width:0px}
  100% {width:60px;}
}
@-o-keyframes move {
  0% {width:0px}
  100% {width:60px;}
}
@keyframes move {
  0% {width:0px}
  100% {width:60px;}
}

.thumbnail-wrap {position:relative;padding-bottom:60px;margin-bottom:95px;}
.thumbnail-wrap:after {display:block;clear:both;content:'';}
.thumbnail-wrap:before {position:absolute;left:50%;top:0;display:block;width:1px;height:100%;background:#d9d9d9;content:'';}
.thumbnail-wrap > li {position:relative;max-width:557px;margin-top:53px;-webkit-transform:translateY(200px);-moz-transform:translateY(200px);-ms-transform:translateY(200px);-o-transform:translateY(200px);transform:translateY(200px);opacity:0;box-sizing:border-box;}
.thumbnail-wrap > li.js-move {-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;}
.thumbnail-wrap > li.left.js-move {transition:all .5s;}
.thumbnail-wrap > li.right.js-move {transition:all .8s;}
.thumbnail-wrap .left {float:left;padding-left:57px;}
.thumbnail-wrap .right {float:right;padding-right:57px;}
.thumbnail-wrap > li:first-child {margin-top:0;}
.thumbnail-wrap .date {position:absolute;top:55px;display:inline-block;font-size:2.5rem;font-family:"Archer A";font-weight:800;font-style:italic;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.thumbnail-wrap .date:after {position:absolute;top:50%;right:-35px;display:block;width:30px;height:1px;background:#333;content:'';}
.thumbnail-wrap .left .date {left:0;}
.thumbnail-wrap .right .date {right:0;}
.thumbnail-wrap .thumbnail-inner {position:relative;display:block;}
.thumbnail-wrap .thumbnail-inner.movie:after {position:absolute;top:320px;left:17px;display:inline-block;width:108px;height:108px;background:url(/kr/ko/resource/images/content/ico_movie.svg) no-repeat left top;content:'';}
.thumbnail-wrap .thumbnail-inner .thumbnail-tit {position:relative;display:inline-block;width:90%;margin-top:-80px;padding:32px 30px 0;background:#f3f2ec;box-sizing:border-box;z-index:99;word-break:keep-all;}
.thumbnail-wrap .thumbnail-inner h4 {margin-bottom:5px;font-size:2.5rem;}
.thumbnail-wrap .txt {width:92%;margin-bottom:30px;}
.thumbnail-wrap + .btn-area {text-align:center;}

/* BOARD - DETAIL */
.board-con-wrap {max-width:1040px;margin:0 auto;padding-top:55px;}
.board-con-header {margin:50px 0 30px;}
.board-con-header .category {margin-bottom:8px;font-size:1.6rem;font-family:'aritaSB';}
.board-con-header .tit {font-size:3.2rem;line-height:1.2;}
.board-con-header .btn-share {overflow:hidden;position:relative;}
.board-con-header .btn-share:after {position:absolute;left:0;bottom:4px;width:85%;height:2px;background:#7f7f7c;content:'';}
.board-con-header .btn-share .share-inner {float:right;}
.board-con-header .btn-share a[class*="btn-"] {margin-left:25px;}
.btn-share a[class*="btn-"] {display:inline-block;width:32px;height:32px;text-indent:-999em;}
.btn-share .btn-facebook {background:url(/kr/ko/resource/images/content/btn_facebook.svg) no-repeat left top;}
/* 240404 트위터 로고 변경 */
.btn-share .btn-twitter {background:url(/kr/ko/resource/images/content/primera_btn_twitter_240404.png) no-repeat left top;}
.btn-share .btn-link {background:url(/kr/ko/resource/images/content/btn_link.svg) no-repeat left top;}

.board-con-area {margin-bottom:35px;font-size:1.6rem;}
.board-con-area .youtube-wrap:after {display:block;clear:both;content:'';}
.board-con-area .youtube-area {padding-bottom:56.2%;}


.board-link {margin-bottom:20px;padding:46px 0;border-top:2px solid #7f7f7c;border-bottom:1px solid #7f7f7c;font-size:1.8rem;}
.board-link > div {display:inline-block;width:49%;box-sizing:border-box;}
.board-link > div a:hover {text-decoration:none;}
.board-link .link-prev {position:relative;padding-right:40px;text-align:right;}
.board-link .link-next {padding-left:20px;text-align:left;}
.board-link .link-prev:after {position:absolute;top:-15px;right:0;display:inline-block;width:1px;height:60px;background:#493b33;-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);content:'';}
.board-link .link-prev span {padding-left:30px;background:url(/kr/ko/resource/images/content/bg_board_prev.svg) no-repeat left center;}
.board-link .link-next span {padding-right:30px;background:url(/kr/ko/resource/images/content/bg_board_next.svg) no-repeat right center;}
.board-link .tit {overflow:hidden;display:inline-block;width:55%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;vertical-align:top;}
.board-link .link-prev .tit {margin-right:70px;}
.board-link .link-next .tit {margin-left:70px;}

.board-link .off a,
.board-link .off span {opacity:0.6;}

.board-con-wrap .btn-area {margin-bottom:55px;text-align:right;}
.board-con-wrap .btn-area .btn-txt-bg {width:146px !important;}

.board-con-wrap .insta-wrap {margin-bottom:0;}
.board-con-wrap .insta-wrap .sub-tit {margin-bottom:10px;font-size:3rem;font-weight:normal;}

/* LAYER */
.layer-wrap {display:none;}
.layer-wrap .layer-inner {position:fixed;top:50%;left:50%;width:660px;height:654px;margin:-330px 0 0 -327px;padding:32px 30px 40px;background:#f9f9f9;z-index:1001;box-sizing:border-box;}
.layer-wrap .layer-tit {margin-bottom:20px;padding-bottom:15px;font-size:2.4rem;font-family:'aritaSB';border-bottom:1px solid #333;}
.layer-wrap .check-wrap > .tit {margin-bottom:10px;font-size:1.8rem;text-align:center;}
.layer-wrap .check-inner {margin-bottom:30px;padding:40px;background:#f3f2ec;}
.layer-wrap .check-inner li + li {margin-top:25px;}
.layer-wrap .check-inner .txt {float:left;width:70px;margin-right:30px;font-family:'aritaSB';}
.layer-wrap .ipt-radio01 + .ipt-radio01 {margin-left:25px;}
.layer-wrap .grade-area {margin-bottom:30px;padding-left:40px;}
.layer-wrap .grade-area .tit {display:inline-block;margin-right:60px;font-size:1.6rem;font-family:'aritaSB';vertical-align:6px;}
.layer-wrap .grade-area .grade-inner {display:inline-block;background:url("https://amc.apglobal.com/asset/384224417642/image_16lo3rm9292bndj365sdl34k1v?content-disposition=inline/bg_grade_review_kr_230525.svg") no-repeat left top;}
.layer-wrap .grade-area .grade-inner li {float:left;position:relative;width:28px;height:26px;}
.layer-wrap .grade-area .grade-inner input[type="radio"] {position:absolute;top:0;left:0;width:18px;height:26px;z-index:100;opacity:0;}
.layer-wrap .grade-area .grade-inner input[type="radio"]:checked ~ .bg {position:absolute;top:0;display:block;width:130px;height:100%;background-image:url("https://amc.apglobal.com/asset/384224417642/image_4uelt5shld4g7avptu14kopn1t?content-disposition=inline/bg_grade_review_on_kr_230525.svg");}
.layer-wrap .grade-area .grade-inner input[type="radio"]:focus + .bg + .focus {position: absolute; width: 100%; height: 100%; top: 0; left: 0; outline: 1px dotted rgba(0,0,0,0.8) }
.layer-wrap .grade-area .bg {display:none;z-index:10;background-size:100% !important;}
.layer-wrap .grade-area .grade01:checked ~ .bg {left:0;background-position:0 0;}
.layer-wrap .grade-area .grade02:checked ~ .bg {left:-28px;background-position:0 -26px;}
.layer-wrap .grade-area .grade03:checked ~ .bg {left:-56px;background-position:0 -52px;}
.layer-wrap .grade-area .grade04:checked ~ .bg {left:-84px;background-position:0 -78px;}
.layer-wrap .grade-area .grade05:checked ~ .bg {left:-112px;background-position:0 -104px;}
.layer-wrap .ipt-wrap .ipt-txt02 {width:100%;height:100px;background:#f9f9f9;font-size:1.6rem;} 
.layer-wrap .btn-area {text-align:center;border:0;}
.layer-wrap .btn-area *[class*="btn-"][class*="txt"] {width:160px;height:46px;line-height:46px;}
.layer-wrap .btn-area *[class*="btn-"][class*="txt"]:focus {outline:1px dotted rgba(0,0,0,1) !important;outline-offset: 2px;}

.layer-wrap .btn-review-close {position:absolute;top:31px;right:44px;width:32px;height:32px;background:url(/kr/ko/resource/images/content/btn_layer_close.png) no-repeat left top;text-indent:-999em;}

/* ---------------------------------------------------------------------------------------
MEDIA QUERIES
----------------------------------------------------------------------------------------*/

@media (max-width: 1220px) {
  .thumbnail-wrap > li {max-width:457px;}
  .thumbnail-wrap .thumbnail-inner .img-area {width:400px;}
  .thumbnail-wrap .thumbnail-inner.movie:after {top:220px;}
}

@media (max-width: 1019px) {
  /* html, body {font-size:10px;} */
  #container {padding-top:50px !important;}/* 2020 renew */
  .pc {display:none}
  .mobile, .img-area.mobile {display:block;}
  .img-area.mobile img {width:100%}
  /* .txt-hyphen li {font-size:1.4rem;} */
  .emblem-area li img {width:60px;}
  .tab-tit {margin-bottom:40px;padding:0 20px;}
  .tab-tit li {width:50%;padding-bottom:10px;}
  .layer-mouse {bottom:100px;}
  
  /* BOARD - LIST */
  .board-list-wrap {padding-top:37px;}
  .board-list-wrap .page-header {margin:37px 0 55px 0;}
  .tit-wrap {padding:0 20px;}
  .tit-wrap .page-tit span:after {display:none;}
  .tit-wrap .page-tit {font-size:3.6rem;}
  .tit-wrap .txt {width:auto;font-size:1.6rem;}
  .board-list-wrap .tab-tit {position:static;}
  
  .thumbnail-wrap {max-width:558px;margin:0 auto 95px;}
  .thumbnail-wrap:before {display:none;}
  .thumbnail-wrap .thumbnail-inner.movie:after {top:180px;left:0;width:80px;height:80px;background-size:100%;}
  .thumbnail-wrap > li {float:none !important;}
  .thumbnail-wrap .left {padding-left:36px;}
  .thumbnail-wrap .right {padding-right:36px;}
  .thumbnail-wrap .date {top:30px;font-size:2rem;}
  .thumbnail-wrap .thumbnail-inner .img-area {width:auto;}
  
  .thumbnail-wrap .left .thumbnail-inner .thumbnail-tit {padding:30px 30px 0 0;}
  .thumbnail-wrap .right .thumbnail-inner .thumbnail-tit {padding:30px 30px 0 30px;}
  .thumbnail-wrap .thumbnail-inner h4 {font-size:2.3rem;}

  .insta-wrap .insta-area {position:relative;margin:0 auto;}
  
  .sel-area {position:relative !important;}
  .sel-area .sel-tit {width:100%;}
  .sel-area .sel-option {position:absolute;top:27px;left:0;width:100%;}
  .sel-area .sel-option a {font-size:1.4rem;}
  
  /* mobile language box */
  #sidenav .mo-lang-box .sel-option_2 {position:absolute;left:0;width:100%;}
  #sidenav .mo-lang-box .sel-option_2 a {font-size:1.4rem;}
  
  .bg-txt {left:auto;display:block;margin:0 0 50px 0;text-align:center;}
  .bg-txt p {font-size:1.6rem;}
  .bg-txt p:after {top:12px;left:0;width:100%;height:18px;}
  .bg-txt span:before {left:-18px;width:15px;height:12px;background-size:100%;}
  .bg-txt span:after {right:-18px;width:15px;height:12px;background-size:100%;}
  
  .board-con-wrap {max-width:inherit;padding:20px 20px 0 20px;}
  .board-con-header {position:relative;margin:37px 0 10px;padding-top:0;}
  .board-con-header .tit {margin-bottom:15px;font-size:2.8rem;}
  .board-con-header .btn-share {padding-top:15px;border-top:2px solid #333;}
  .board-con-header .btn-share:after {display:none;}
  .board-con-header .btn-share a[class*="btn-"] {width:26px;height:26px;margin-left:20px;background-size:100%;}
  .board-con-area {font-size:1.4rem;}
  .board-link .tit {display:none;}
  .board-con-wrap .btn-area .btn-txt-bg {width:104px !important;height:44px !important;line-height:44px !important;}
  
  .page-header .page-visual .visual-tit {margin:0;padding:37px 20px 0;}
  .page-header .page-visual .visual-tit h3 {display:inline-block;text-align:left;font-size:2.8rem;}
  .page-header .page-visual .visual-tit h3:after,
  .page-header .page-visual .visual-tit h3:before {display:none;}
  .page-header .page-visual .txt {padding-left:0;text-align:left;}
  .page-header .page-visual .txt:after {display:none;}

  .youtube-wrap {margin-bottom:70px !important;}
  .youtube-wrap .source-wrap .youtube-tit {height:56px;padding:17px 20px 16px;}
  .youtube-wrap .source-wrap .youtube-tit .tit {width:60%;font-size:1.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
  .youtube-wrap .source-wrap .youtube-tit .open {background-position-y:1px;font-size:1.6rem;}
  .youtube-wrap .source-wrap.on .youtube-tit .open {background-position-y:5px;}
  .youtube-wrap .source-area li .txt {font-size:1.4rem;}
  
  .box-img-type {margin-bottom:60px;padding:0;}
  .img-area {width:auto;}
  .box-img-type > div + div {margin-top:40px;}
  .box-img-type > div .img-area, .box-img-type > div .img-txt {float:none;width:100%;}
  .box-img-type .img-txt,
  .box-img-type .right-area .img-txt {height:auto;margin-top:20px;padding:0;text-align:left;}
  .box-img-type .tit {font-size:2.5rem;}
  .box-img-type .txt {font-size:1.6rem;}
  .box-img-type .txt:after,
  .box-img-type .right-area .txt:after {width:32px;top:8px;left:0;right:auto;}
  .box-img-type .img-area:before,
  .box-img-type .img-area:after {display:none;}
  
  .release-inner {padding:33px 20px 40px;}
  .release-inner .sub-tit {margin-bottom:15px;font-size:2.4rem;}
  .release-intro .txt {display:block;padding:20px 24px;}
  .release-intro .txt .step {display:block;width:100%;margin-bottom:5px;}
  .release-intro .txt > span {display:block;width:100%;}
  .release-intro {margin-bottom:15px;}
  .release-inner .btn-area {margin-top:30px;}
  
  .layer-wrap .layer-tit {font-size:2.2rem;}
  .layer-wrap .layer-inner {overflow-y:auto;top:0;left:0;width:100%;height:100%;margin:0;padding:30px 20px 40px;outline:0 none;}
  .layer-wrap .btn-review-close {right:20px;}
  .layer-wrap .check-inner {margin-bottom:20px;padding:30px 32px;}
  .layer-wrap .check-inner .txt {width:60px;margin-right:0;}
  .layer-wrap .check-inner .radio-area {padding-left:27%;}
  .layer-wrap .check-inner .radio-area .ipt-radio01 {display:inline-block;width:49%;margin:0;}
  .layer-wrap .check-inner .radio-area .ipt-radio01:nth-of-type(n+3) {margin:10px 0 0 0;}
  .layer-wrap .check-inner .txt,
  .layer-wrap .check-inner label {font-size:1.4rem;}
  .layer-wrap .grade-area {margin-bottom:20px;}
  .layer-wrap .ipt-wrap .ipt-txt02 {height:80px;}
  .layer-wrap .btn-area *[class*="btn-"][class*="txt"] {width:48% !important;}
}

@media (max-width: 321px) {
  .tit-wrap .page-tit {font-size:3.1rem;}
  .bg-txt p {font-size:1.5rem;}
  .bg-txt p:after {top:10px;}
  
  .release-inner {padding:42px 18px;}

        .emblem-area li img {width:inherit;height:inherit;}
}

/*20190820*/
.product-wrap.fixed #productList{padding-top:120px;}

/* 2020 renew header */
#header.header-fixed.renew-header,
#header.renew-header:hover{background-color:#222}
#header.renew-header .utility-wrap{margin-top:32px;}
#header.header-fixed.renew-header .utility-wrap{margin-top:0px;}
#header.renew-header .utility-wrap .search-control,
.detail #header.header-fixed.renew-header .utility-wrap .search-control{background-image:url('/kr/ko/resource/images/common/util_search_renew.svg')}
#header.renew-header #gnb .tit-1:before,
#header.renew-header #gnb .gnb-draw,
#header.renew-header + #sidenav,
#header.renew-header + #sidenav .draw-box{background-color: #fff;}
.list #header.renew-header{background-color: #222;}

@media (max-width: 1019px) {
    #header.renew-header,
    .list #header.renew-header{background:#222}
    #header.renew-header .header-inner-wrap{height:50px}
    #header.header-fixed.renew-header .header-inner-wrap{height:50px}

    #header.renew-header .logo,
    #header.header-fixed.renew-header .logo{max-width:81px;height:23px;top:14px;}
    #header.renew-header .logo a{width:81px;height:23px;background-size:81px 23px;}
    #header.header-fixed.renew-header .logo a{background-size:81px 23px;}

    #header.renew-header .btn-global-menu{top:5px;left:13px;width:40px;height:40px}
    #header.renew-header .btn-global-menu .gnb-bar{width:18px;padding-top:12px;border-top:2px solid #fff;border-bottom:2px solid #fff}
    #header.renew-header .btn-global-menu .gnb-bar:after{top:5px;height:2px}

    #header.renew-header .utility-wrap{margin-top:0;}
    #header.renew-header .utility-wrap .search-control,
    .detail #header.header-fixed.renew-header .utility-wrap .search-control{width:53px;height:50px;background-image:url('/kr/ko/resource/images/common/util_search_renew.svg')}
    #header.renew-header .search-wrap{top:50px}

    /* mobile header */
    #sidenav.renew-sidenav .sidenav-footer .sns-wrap a{width:24px;height:24px;margin:0 18px 0 0;}
    #sidenav.renew-sidenav .mo-lang-box .sel-option_2{background-color:#efefef}
    #sidenav.renew-sidenav .mo-lang-box .sel-option_2 a{color:#222}

    .product-wrap.fixed #productList{padding-top: 0;}
}

/* 2020 renew foorer */
#footer.renew-footer{margin:100px 0 0 0;background-color:#fafafa}
#footer.renew-footer .toggle-title{border-top:1px solid #efefef;background-color:#fafafa}
#footer.renew-footer .footer-inner{border-top:none;background-color:#fafafa}
#footer.renew-footer .footer-info br{display:none}
#footer.renew-footer .sns-wrap{margin:0;padding:50px 0}
#footer.renew-footer .sns-wrap li{margin:0 30px}
#footer.renew-footer .sns-wrap li a{width:30px;height:30px}
#footer.renew-footer .menu-wrap li a{color:#222}
#footer.renew-footer .lang-box{color:#222}
#footer.renew-footer .lang-box .sel-tit{background-color:#fafafa;color:#222}
#footer.renew-footer .lang-box .sel-option{background-color:#fafafa;color:#222}
#footer.renew-footer .sel-area .sel-option a{background-color:#fafafa;color:#222}
#footer.renew-footer .btn-top{border:1px solid #d3d3d3}
#footer.renew-footer .wa-mark{top:26px;left:988px}
#footer.renew-footer .wa-mark img{width:60px}

@media (max-width: 1019px) {
    #footer.renew-footer{border-top:1px solid #efefef;}
    #footer.renew-footer .btn-top{bottom:100px;}
    #footer.renew-footer .sns-wrap{padding:27px 0;}
    #footer.renew-footer .sns-wrap li{margin:0 17px;}
    #footer.renew-footer .sns-wrap li a{width:24px;height:24px;}
    #footer.renew-footer .toggle-title{text-align:center; border-top: none; height: 78px;}
    #footer.renew-footer .toggle-title .title { padding-top: 25px;}
    #footer.renew-footer .toggle-title .toggle-anchor{color:#222;}
    #footer.renew-footer .footer-inner{/*border-top:none;*/ display:none !important;}
    #footer.renew-footer .wa-mark img{width:64px;}
} /* 20200702 edit */

@media (max-width: 721px) {
    #footer.renew-footer .footer-info br{display:block}
}


/* 2020 renew 별점 */
.grade-area.renew-grade-area .grade{background:url('/kr/ko/resource/images/common/ico_grade_renew_220614_v2.png') repeat-x left top;}
.grade-area.renew-grade-area .grade [class*=grade-]{background-image:url('/kr/ko/resource/images/common/ico_grade_on_renew_220614_v2.png');background-repeat:repeat-x;background-position: left top;}



@media (max-width: 721px) {
    .grade-area.renew-grade-area .grade{background:url('/kr/ko/resource/images/common/ico_grade_renew_220614_v2.png') repeat-x left top;}
}

/* 20210507 띠배너 */
#wrap {margin-top:0}
#wrap .header {top:0}
#wrap.promoBannerWide {margin-top:50px}
#wrap.promoBannerWide .header {top:50px}
#wrap.promoBannerHide {margin-top:0 !important}
#wrap.promoBannerHide .header {top:0 !important}
.common-menu .btn-membership {position:relative; top:-5px; margin-right:18px; color:#000; font-size:13px;}

.promo_banner {position:fixed; top:0; left:0; z-index:102; width:100%; height:50px; background:#eee; font-size:12px; color:#333; overflow:hidden; display: table;}
.promo_banner.disabled { display: none;}
.promo_banner .promo_banner_inner {max-width:1200px; margin:14px auto; padding:0 40px; text-align:center;position:relative; display: table-row;}
.promo_banner .promo_banner_inner .onlyM {display: none;}
.promo_banner .promo_banner_inner .onlyP {display: contents;}
#wrap.promoBannerHide .promo_banner {display: none;}
.promo_banner .txt {display:table-cell; margin:0; vertical-align: middle;}
.promo_banner .txt.pc_view {display:table-cell;}
.promo_banner .txt.mo_view {display:none;}
.promo_banner .txt a {font-size:15px; color:#333;letter-spacing:0;}
.promo_banner .txt a:hover {text-decoration:underline;}
.promo_banner .txt strong {display:inline-block;margin-left:34px;color:#fff;border-bottom:1px solid #fff;}

.promo_banner .promo_list_box {height:50px;overflow:hidden;}
.promo_banner .promo_list_box .promo_list {position:relative;}
.promo_banner .promo_list_box .promo_list li {display:table; width:100%; height:50px; padding:0 30px 0 10px; box-sizing:border-box;}

.promo_banner .promo_banner_close {position:absolute; top:-2px; right:27px; width:42px; height:50px; padding:0;}
.promo_banner .promo_banner_close .a11y { display: none; }
.promo_banner .promo_banner_close:focus {outline:1px dotted rgba(0,0,0,0.8); outline-offset:1px}
.promo_banner .promo_banner_close:before, .promo_banner .promo_banner_close:after {display:block;position:absolute; top:18px; left:21px; width:1px; height:16px; background:#333; content:''}
.promo_banner .promo_banner_close:before {-wetkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.promo_banner .promo_banner_close:after {-wetkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}

.promo_pop {position:fixed; top:50%; left:50%; z-index:104; width:900px; height:550px; margin:-275px 0 0 -450px; background:#fff; color:#000}
.promo_pop .promo_pop_inner {position:relative;}
.promo_pop p {margin:0}
.promo_pop:after {content:""; display:block; clear:both}
.promo_pop .lside, .promo_pop .rside {position:relative; float:left; width:50%; height:550px}
.promo_pop .boxing {width:calc( 100% - 46px ); margin:0 20px 0 26px}
.promo_pop_bg {position:fixed; top: 0; right:0; bottom:0; left:0; z-index:103; background:rgba(0,0,0,0.8)}
.promo_pop .txt_tit {margin-top:100px; font-size:34px; font-family: "Montserrat"; font-weight:600; line-height:36px}
.promo_pop .txt_summary {margin-top:20px; font-size:20px; font-family:"NotoSans"; font-weight:100}
.promo_pop .btn_area {margin-top:70px; text-align:center;}
.promo_pop .btn_area .btn_link {display:block; width:100%; height:55px; line-height:55px; background:#000; color:#fff; font-size:16px; font-family: "Montserrat"; font-weight:600; text-align:center}
.promo_pop .btn_area .btn_line {display:inline-block; margin-top:32px; color:#000; font-size:16px; font-family: "Montserrat"; font-weight:600; text-decoration:underline}
.promo_pop .pop_today {position:absolute; bottom:20px; font-size:11px;}

.promo_pop .promo_pop_close {position:absolute; top:23px; right:23px; width:32px; height:36px; padding:0}
.promo_pop .promo_pop_close:focus {outline:1px dotted rgba(0,0,0,0.8); outline-offset:1px}
.promo_pop .promo_pop_close:before, .promo_pop .promo_pop_close:after {display:block;position:absolute; top:3px; left:50%; width:1px; height:32px; background:#000; content:''}
.promo_pop .promo_pop_close:before {-wetkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.promo_pop .promo_pop_close:after {-wetkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}

 @media (max-width: 1279px) {
   .promo_banner .promo_banner_inner {width:calc( 100% - 50px ); margin:13px 40px 13px 10px; padding:0}
}

@media (max-width: 768px) {
   .promo_banner {font-size:11px}
   .promo_banner .txt_cs {margin-left:10px}

   .promo_pop {left:10px; width:calc( 100% - 20px ); /*height:380px; margin:-190px 0 0 0*/ height:360px; margin:-180px 0 0 0}
   .promo_pop .lside {display:none}
   .promo_pop .rside {width:100%; height:360px}
   .promo_pop .txt_tit {margin-top:53px; font-size:29px; line-height:30px}
   .promo_pop .txt_summary {font-size:13px}
   .promo_pop .btn_area {margin-top:30px}
   .promo_pop .btn_area .btn_link {height:44px; line-height:44px; font-size:13px}
   .promo_pop .btn_area .btn_line {margin-top:25px; font-size:13px}
   .promo_pop .pop_today {bottom:15px}
}

@media (max-width: 767px) {
   #wrap {margin-top:0}
   #wrap .header {top:0}
   #wrap.promoBannerWide {margin-top:55px;}
   #wrap.promoBannerWide .header {top:55px;}
   #wrap.promoBannerWide #header.header-fixed.renew-header {top:55px;}
   #wrap.promoBannerMo {margin-top:40px}
   #wrap.promoBannerMo .header {top:55px}
   #wrap.promoBannerMo .main {padding-top:75px;}
   .common-menu .btn-membership {display:none;}

   #wrap.promoBannerHide .main {padding-top:60px;}

   .promo_banner .promo_list_box {padding-top:3px;}
   .promo_banner {height:55px}
   .promo_banner .promo_banner_inner {width:calc( 100% - 35px ); /* padding:18px 25px 11px 10px; */margin:0;}
   .promo_banner .promo_banner_inner.tline { /* padding:10px 25px 11px 10px; */}
   .promo_banner .promo_banner_inner .onlyM {display: contents;}
   .promo_banner .promo_banner_inner .onlyP {display: none;}
   .promo_banner .txt a {overflow:hidden; text-overflow:ellipsis; -webkit-box-orient: vertical; display:-webkit-box; -webkit-line-clamp:2; white-space:normal; word-wrap:break-word; font-size:12.5px;letter-spacing:0.3px;}

   .promo_banner .promo_banner_close {width:34px;height:55px;right:11px;top:0;}
   .promo_banner .promo_banner_close:before, .promo_banner .promo_banner_close:after {left:17px;top:20px;}
   .promo_banner .txt strong {display:none;}
   .promo_banner .txt.pc_view {display:none;}
   .promo_banner .txt.mo_view {display:table-cell;}
}
@media (max-width: 320px) {
 .promo_banner .promo_banner_inner { /* padding:10px 25px 11px 10px; */}
}
.btn-membership {position:relative; top:-5px; margin-right:18px; color:#000; font-size:13px;}


/* 2023 메인 공지팝업 (공통) */
.ap2022-popup--mnotice {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; overflow:hidden;}
.ap2022-popup--mnotice * {margin:0; padding:0;}
.ap2022-popup--mnotice *, .ap2022-popup--mnotice :after, .ap2022-popup--mnotice :before {box-sizing:border-box;}
.ap2022-popup--mnotice img {max-width:100%;}
.ap2022-popup--mnotice button:focus-visible,
.ap2022-popup--mnotice input:focus-visible {outline:1px auto !important;}
.ap2022-popup--mnotice button {overflow:visible; border:0; border-radius:0; background:none; cursor:pointer; outline:none;}
.ap2022-popup--mnotice label {cursor:pointer;}
.ap2022-popup--mnotice a {text-decoration:none;}
.ap2022-popup--mnotice .only-pc {display:block;}
.ap2022-popup--mnotice .only-mo {display:none;}
.ap2022-popup--mnotice .ap2022-popup__dimmed {position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,.5);}
.ap2022-popup--mnotice .ap2022-popup__frame {position:absolute; display:flex; justify-content:center; align-items:center; width:100%; height:100%; top:0; left:0; padding:32px; text-align:center; pointer-events:none;}
.ap2022-popup--mnotice .ap2022-popup__scrollable {overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; outline:0;}
.ap2022-popup--mnotice .ap2022-popup__scrollable::-webkit-scrollbar {width:8px; height:8px;}
.ap2022-popup--mnotice .ap2022-popup__scrollable::-webkit-scrollbar-track {background-color:rgba(0,0,0,.08); border-radius:4px; background-clip:padding-box; border:1px solid transparent;}
.ap2022-popup--mnotice .ap2022-popup__scrollable::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,.16); border-radius:4px; background-clip:padding-box; border:1px solid transparent;}
.ap2022-popup--mnotice .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-track {background-color:rgba(0,0,0,.12);}
.ap2022-popup--mnotice .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,.24);}
.ap2022-popup--mnotice .ap2022-popup__inner {position:relative; display:inline-flex; flex-direction:column; max-width:100%; max-height:100%; background:#fff; border-radius:8px; box-shadow:0 5px 20px 5px rgba(0,0,0,.15); text-align:left; font-size:initial; line-height:normal; pointer-events:auto; outline:0;}
.ap2022-popup--mnotice .ap2022-popup__inner:focus,
.ap2022-popup--mnotice .ap2022-popup__inner:focus-visible {outline:0 !important;}
.ap2022-popup--mnotice .ap2022-popup__logo {text-align:center;}
.ap2022-popup--mnotice .ap2022-popup__logo img {width:180px; height:60px; vertical-align:top;}
.ap2022-popup--mnotice .ap2022-popup__close {position:absolute; z-index:10; top:0; right:0; width:47px; height:47px; color:#222;}
.ap2022-popup--mnotice .ap2022-popup__close svg {position:absolute; top:50%; left:50%; width:15px; height:15px; vertical-align:top; transform:translate(-50%,-50%);}
.ap2022-popup--mnotice .ap2022-popup__close:hover:before,
.ap2022-popup--mnotice .ap2022-popup__close:focus:before {content:''; position:absolute; top:50%; left:50%; width:31px; height:31px; background-color:rgba(0,0,0,.06); border-radius:50%; transform:translate(-50%,-50%);}
.ap2022-popup--mnotice .ap2022-popup__btn {display:inline-flex; align-items:center; justify-content:center; min-width:145px; max-width:50%; padding:9px 25px 9px; margin:0 3px; overflow:visible; border:1px solid rgba(34,34,34,1); border-radius:0; background:none; color:#222; font-size:14px; line-height:1.3; letter-spacing:-0.04em; word-break:keep-all; word-wrap:break-word;}
.ap2022-popup--mnotice .ap2022-popup__btn--default:hover,
.ap2022-popup--mnotice .ap2022-popup__btn--default:focus {background-color:rgba(34,34,34,.1);}
.ap2022-popup--mnotice .ap2022-popup__btn--custom {background-color:rgba(34,34,34,1); color:#fff;}
.ap2022-popup--mnotice .ap2022-popup__btn--custom:hover,
.ap2022-popup--mnotice .ap2022-popup__btn--custom:focus {background-color:rgba(34,34,34,.9);}
.ap2022-popup--mnotice .ap2022-popup__btnwrap {display:flex; justify-content:center;}
.ap2022-popup--mnotice .ap2022-popup__check {display:inline-block; vertical-align:top; color:#666; font-size:14px; line-height:1.3; letter-spacing:-0.025em;}
.ap2022-popup--mnotice .ap2022-popup__check svg {width:19px; height:19px; margin:0 0.357143em 0 0; vertical-align:-0.321429em;}
.ap2022-popup--mnotice .ap2022-popup__check svg rect {fill:#fff;}
.ap2022-popup--mnotice .ap2022-popup__check input:focus-visible + label svg {outline:1px auto;}
.ap2022-popup--mnotice .ap2022-popup__check input:checked + label svg rect {fill:#2b2b2b;}
.ap2022-popup--mnotice .ap2022-popup__check input:checked + label svg path {stroke:#fff;}
.ap2022-popup--mnotice .ap2022-popup__head {padding:25px 0 20px;}
.ap2022-popup--mnotice .ap2022-popup__body {height:100%; color:#222;}
.ap2022-popup--mnotice .ap2022-popup__body .ap2022-popup__logo {margin-bottom:20px;}
.ap2022-popup--mnotice .ap2022-popup__content {padding:0 40px; text-align:center; font-size:14px; line-height:1.7; letter-spacing:-0.025em; word-break:keep-all; word-wrap:break-word;}
.ap2022-popup--mnotice .ap2022-popup__content:first-child {margin-top:0;}
.ap2022-popup--mnotice .ap2022-popup__content--image img {max-width:100%; vertical-align:top;}
.ap2022-popup--mnotice .ap2022-popup__content--text {margin-top:25px;}
.ap2022-popup--mnotice .ap2022-popup__content--html {margin-top:20px;}
.ap2022-popup--mnotice .ap2022-popup__bottom {padding:25px 16px 16px;}
.ap2022-popup--mnotice .ap2022-popup__bottom + .ap2022-popup__bottom {padding-top:0;}
.ap2022-popup--mnotice .ap2022-popup__footer {box-sizing:border-box;}
.ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap {padding:25px 16px 20px; margin:0 3px; text-align:center;}
.ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__btnwrap {padding-top:0;}
.ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__bottom {padding-top:0;}
.ap2022-popup--mnotice.is--dimmed-invisible .ap2022-popup__dimmed {background-color:rgba(0,0,0,0);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable::-webkit-scrollbar-track {background-color:rgba(255,255,255,.08);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,.16);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-track {background-color:rgba(255,255,255,.12);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,.24);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__close {color:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__close:hover:before,
.ap2022-popup--mnotice.is--color-white .ap2022-popup__close:focus:before {background-color:rgba(255,255,255,.06);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn {border-color:rgba(255,255,255,1); color:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--default:hover,
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--default:focus {background-color:rgba(255,255,255,.1);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--custom {background-color:rgba(255,255,255,1); color:#222;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--custom:hover,
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--custom:focus {background-color:rgba(255,255,255,.9);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check {color:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check svg rect {fill:rgba(255,255,255,.46);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check input:checked + label svg rect {fill:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check input:checked + label svg path {stroke:#222;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__body {color:#fff;}
@media (max-width:750px) {
  .ap2022-popup--mnotice .only-pc {display:none;}
  .ap2022-popup--mnotice .only-mo {display:block;}
  .ap2022-popup--mnotice .ap2022-popup__frame {padding:4.2666vw;}
  .ap2022-popup--mnotice .ap2022-popup__logo {margin-top:-10px;}
  .ap2022-popup--mnotice .ap2022-popup__logo img {width:120px; height:38px;}
  .ap2022-popup--mnotice .ap2022-popup__btn {min-width:50%; padding:10px 5.333333vw; font-size:13px;}
  .ap2022-popup--mnotice .ap2022-popup__check {font-size:13px;}
  .ap2022-popup--mnotice .ap2022-popup__head {padding-bottom:13px;}
  .ap2022-popup--mnotice .ap2022-popup__body .ap2022-popup__logo {margin:0 0 13px;}
  .ap2022-popup--mnotice .ap2022-popup__content {padding:0 5.333333vw; font-size:13px;}
  .ap2022-popup--mnotice .ap2022-popup__content:first-child {margin-top:0;}
  .ap2022-popup--mnotice .ap2022-popup__content--text {margin-top:20px;}
  .ap2022-popup--mnotice .ap2022-popup__content--html {margin-top:15px;}
  .ap2022-popup--mnotice .ap2022-popup__bottom {padding:20px 4vw 15px;}
  .ap2022-popup--mnotice .ap2022-popup__bottom + .ap2022-popup__bottom {padding-top:0;}
  .ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap {padding:20px 4vw 17px;}
  .ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__btnwrap {padding-top:0;}
  .ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__bottom {padding-top:0;}
}
/* //2023 메인 공지팝업 (공통) */

/* 20230712 접근성 자막영역 공통 UI */
.video-script-box,
.ap2022-video-script-box {position:relative; z-index:1; padding:0.5em; background:#e4e4e4; font-size:16px; line-height:1.6; box-sizing:border-box;}
.video-script-box *,
.ap2022-video-script-box * {margin:0; padding:0;}
.video-script-box *, .video-script-box *::before, .video-script-box *::after,
.ap2022-video-script-box *, .ap2022-video-script-box *::before, .ap2022-video-script-box *::after {box-sizing:border-box;}
.video-script-box__toggle,
.ap2022-video-script-box__toggle {overflow:hidden; margin-top:0.5625em; transition:max-height .12s ease-in;}
.video-script-box__text,
.ap2022-video-script-box__text {overflow-y:scroll; padding:1em 1.25em; border-radius:0.375em; background:#fff; max-height:8.4em; text-align:left; color:#000; box-sizing:border-box;}
.video-script-box__text sup,
.ap2022-video-script-box__text sup {position:static !important; vertical-align:super !important; font-size:0.6875em !important;}
.video-script-box__header,
.ap2022-video-script-box__header {padding:0.0625em 0.375em; text-align:right; line-height:1;}
.video-script-box__header button:focus,
.ap2022-video-script-box__header button:focus {outline:none !important; outline-offset:0.125em !important;}
.video-script-box__header button:focus-visible,
.ap2022-video-script-box__header button:focus-visible {outline:1px auto !important; outline-offset:0.125em !important;}
.video-script-box__button,
.ap2022-video-script-box__button {font-size:inherit; overflow:visible; border:0; border-radius:0; background:none; cursor:pointer; outline:none;}
.video-script-box__button span,
.ap2022-video-script-box__button span {display:inline-block; vertical-align:middle; font-size:0.875em; font-weight:600; color:#000;}
.video-script-box__button i,
.ap2022-video-script-box__button i {position:relative; display:inline-block; vertical-align:middle; width:3.125em; height:1.625em; margin-left:0.375em; background:#656565; border-radius:0.8125em; font-size:1em; transition:background-color .12s ease-in;}
.video-script-box__button i::before,
.ap2022-video-script-box__button i::before {content:''; position:absolute; top:50%; left:0.25em; width:1.125em; height:1.125em; background:#fff; border-radius:50%; transform:translate(0, -50%); transition:transform .12s ease-in;}
.video-script-box.is-active .video-script-box__button i,
.ap2022-video-script-box.is-active .ap2022-video-script-box__button i {background:#333333;}
.video-script-box.is-active .video-script-box__button i::before,
.ap2022-video-script-box.is-active .ap2022-video-script-box__button i::before {transform:translate(calc((3.125em - 0.5em) - 100%), -50%);}
@media (max-width:750px) {
  .video-script-box,
  .ap2022-video-script-box {font-size:14px;}
}
/* //20230712 접근성 자막영역 공통 UI */