.font-inherit { font-size: inherit!important; font-family: inherit!important; font-weight: inherit!important; color: inherit!important; line-height: inherit!important; }




/* 2016-02-03 하단 에스크로 추가관련 */
.footer .logo {overflow:hidden; position:absolute; left:0; top:0; width:220px; text-align:center;}
.footer .logo img {max-width:220px; max-height:80px; float:none}
.footer .escrow {overflow:hidden; padding-top:15px; margin-top:15px; border-top:1px solid #ccc; }
.footer .escrow img {max-width:220px; max-height:80px}
.footer .right {margin-left:310px}
.footer .right .text {line-height:20px;}


/* 2016-07-13 PC버전 한줄제한 CSS제어 */
.item_box .item_name {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.wide_item_box .item_name {margin-right:90px}


/* 회원가입 동의항목 내부타이틀 추가 2017-09-20 */
.cm_member_agree.no_bg {background:transparent; }
.cm_member_agree .text_title {background:#ddd; border:1px solid #ccc; border-bottom:0; color:#333; padding:10px 15px; font-weight:400;}
.cm_member_agree .agree_check.text_box {border-top:0;}
@media screen and (min-width:550px) {
    .cm_member_agree .agree_check {padding:3px 0 10px 0;}
}

/* SSJ: 2017-09-20 구독신청 개인정보수집동의 추가 */
.cm_step_agree.no_bg {background:transparent; position:relative; border-bottom:0px solid #dedede; padding:0px; margin:20px 0; text-align:center;}





/* ********************************************** *
 * 기획전
 * ********************************************** */
.c_promotion {overflow:hidden;}
.c_promotion li {list-style:none;}
.c_promotion .title {text-align:center; position:relative; border-bottom:1px solid #ddd;}
.c_promotion .title strong {font-size:23px; color:#000; letter-spacing:-1.5px; }
.c_promotion .banner {margin-top:20px; text-align:center; }
.c_promotion .banner img {max-width:100%;}

/* 기획전 목록 */
.c_promotion .promotion_list {}
.c_promotion .promotion_list ul {overflow:hidden; margin-left:-50px;}
.c_promotion .promotion_list li {list-style:none; width:50%; float:left;}
.c_promotion .promotion_list li:nth-of-type(2)~ li {margin-top: 50px;}
.c_promotion .promotion_box {margin-left:50px; position:relative;}
.c_promotion .promotion_box .thumb {background:#fafafa url('../images/cm_images/none_photo.png') center center no-repeat; position:relative; overflow:hidden; box-sizing:border-box; font-size: 0;}
.c_promotion .promotion_box .thumb img {width:100%; height: 442px; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.c_promotion .promotion_box .promo_bg {position:absolute; left:0; top:0; bottom:0; right:0; border:1px solid #ccc; opacity:.5; -ms-filter:alpha(opacity=50);filter:alpha(opacity=50); z-index:1; }
.c_promotion .promotion_box .promo_txt {font-size:17px; color:#fff; letter-spacing:-1px; position:absolute; left:0; top:50%; margin-top:-14px; width:100%; text-align:center; letter-spacing:-1px; z-index:11; display:none;}
.c_promotion .promotion_box .tit_info {overflow:hidden; border-bottom:1px solid #ddd; height:45px; position:relative;}
.c_promotion .promotion_box .tit_info .tit {font-size:17px; letter-spacing:-1px; color:#333; padding-right:110px; line-height:43px;}
.c_promotion .promotion_box .tit_info .tit {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.c_promotion .promotion_box .tit_info .total {position:absolute; right:0; top:50%; color:#999; font-size:13px; letter-spacing:-0.5px; margin-top:-8px}
.c_promotion .date_info {overflow:hidden; padding:10px 0}
.c_promotion .date_info .d_day {height:27px; line-height:23px; border:1px solid #41A5D8; box-sizing:border-box; padding:0 11px;}
.c_promotion .date_info .d_day {color:#41A5D8; font-size:13px; min-width:60px; text-align:center; border-radius:100px; float:left;}
.c_promotion .date_info .d_day.if_day {background:#41A5D8; color:#fff;}
.c_promotion .date_info .d_day.if_close {background:#ddd; border:1px solid #ddd; color:#999;}
.c_promotion .date_info .date {float:right; font-size:14px; line-height:27px; color:#333;}

.c_promotion .if_end_promo .promotion_box .promo_bg {background:#000; border:0; z-index:10; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: alpha(opacity=70);}
.c_promotion .if_end_promo .promotion_box .promo_txt {display:block; font-size: 21px; color: #fff; font-weight: 300; letter-spacing: -0.4px;}
.c_promotion .if_end_promo .upper_link {display:none;}
.c_promotion .if_end_promo .promotion_box .tit_info .tit {text-decoration:none !important}

.c_promotion .promotion_box:hover .tit {text-decoration:underline;}

/* 기획전 상세 */
.c_promotion .pro_view_top {position:relative;}
.c_promotion .pro_view_top .title {padding:25px 150px 25px 150px; border-top: 1px solid #ddd; box-sizing: border-box;}
.c_promotion .pro_view_top .title strong {word-wrap:break-word; word-break:keep-all; letter-spacing: -0.8px; line-height: 1.5;}
.c_promotion .pro_view_top .date_info {position:absolute; left:0; bottom:0; display: none;}
.c_promotion .pro_view_top .date_info .date {float:left; margin-left:7px}
.c_promotion .pro_view_top .button_pack {position:absolute; right:0; bottom:10px; display: none;}
.c_btnbox.pro_btn {padding-top:30px; border-top:1px solid #eee;}

/* 기획전메뉴 */
.c_promotion .ctg_box {margin-top:-1px; position:relative; box-sizing:border-box;}
.c_promotion .ctg_box ul+ ul {margin-top:-1px;}
.c_promotion .ctg_box ul {display:table; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:1px; background:#ddd; box-sizing:border-box; overflow:hidden;}
.c_promotion .ctg_box li {display:table-cell; text-align:center; position:relative; vertical-align:middle; color:#999; box-sizing:border-box; background:#fff;}
.c_promotion .ctg_box .upper_link {height:150%;}
.c_promotion .ctg_box .ctg {display:block; height:40px; line-height:40px; padding:0 20px; position:relative;}
.c_promotion .ctg_box .tx {color:#999; padding:10px 10px 11px; line-height:16px; word-wrap:break-word; word-break:keep-all; letter-spacing:-0.5px;}
.c_promotion .ctg_box li:hover .upper_link:before {content:""; background:#666; position:absolute; left:0; top:-1px; width:100%; height:1px; z-index:5}
.c_promotion .ctg_box li:hover .upper_link:after {content:""; background:#666; position:absolute; left:-1px; top:-1px; width:1px; height:100px; z-index:5}
.c_promotion .ctg_box li:hover .tx:before {content:""; background:#666; position:absolute; left:0; bottom:-1px; width:100%; height:1px; z-index:5}
.c_promotion .ctg_box li:hover .tx:after {content:""; background:#666; position:absolute; right:-1px; top:-1px; width:1px; height:100px; z-index:5}
.c_promotion .ctg_box li:hover .tx {color:#666;}
.c_promotion .ctg_box .hit {background:#666 !important;}
.c_promotion .ctg_box .hit .tx {color:#fff !important;}
.c_promotion .ctg_box .hit .upper_link:before {content:""; background:#666; position:absolute; left:0; top:-1px; width:100%; height:1px; z-index:5}
.c_promotion .ctg_box .hit .upper_link:after {content:""; background:#666; position:absolute; left:-1px; top:-1px; width:1px; height:100px; z-index:5}
.c_promotion .ctg_box .hit .tx:before {content:""; background:#666; position:absolute; left:0; bottom:-1px; width:100%; height:1px; z-index:5}
.c_promotion .ctg_box .hit .tx:after {content:""; background:#666; position:absolute; right:-1px; top:-1px; width:1px; height:100px; z-index:5}

.c_promotion .sub_li_ctrl {margin-top: 40px;}
.c_promotion .cm_bottom_button {padding-top: 50px;}




/* ********************************************** *
 * 공통 버튼
 * ********************************************** */
.c_btnbox {overflow:hidden; text-align:center; margin-top:30px;}
.c_btnbox ul {display:inline-block; margin-left:-10px}
.c_btnbox li {list-style:none; float:left;}

/* 기본 a버튼 */
.c_btn {float:left; background:#fff; border:1px solid #ccc; box-sizing:border-box; padding:0 10px; overflow:hidden; white-space:nowrap; text-decoration:none !important; text-align:center !important;}
.c_btn {color:#666 ; font-weight:400 ; font-size:12px; margin-left:10px}
div.c_btn {cursor:default !important; display:inline-block !important;}

/* 버튼 크기 */
.c_btn.h22 {height:22px; line-height:17px; padding:0 10px; letter-spacing:-0.5px; font-size:11px !important; color:#999 !important;}
.c_btn.h30 {height:30px; line-height:26px; letter-spacing:-0.5px; font-size:12px !important;}
.c_btn.h40 {height:40px; line-height:36px; padding:0 20px; letter-spacing:-0.5px; font-size:12px !important;}
.c_btn.h55 {height:55px; line-height:50px; padding:0 50px; letter-spacing:-1px; font-size:17px !important; font-weight:600;}

/* 버튼 컬러 */
.c_btn.black {background:#333 !important; border-color:#333 !important; color:#fff !important;}
a.c_btn.black:hover {background:#000 !important; border-color:#000 !important; }
.c_btn.dark {background:#666 !important; border-color:#666 !important; color:#fff !important;}
a.c_btn.dark:hover {background:#333 !important; border-color:#333 !important; }
.c_btn.light {background:#999 !important; border-color:#999 !important; color:#fff !important;}
a.c_btn.light:hover {background:#666 !important; border-color:#666 !important; }
.c_btn.color {background:#cd3726 !important; border-color:#cd3726 !important; color:#fff !important;}
a.c_btn.color:hover {background:#cb1500 !important; border-color:#cb1500 !important; }

/* 버튼 보더형 */
.c_btn.black.line {color:#333 !important; background:#fff !important;}
a.c_btn.black.line:hover {background:#eee !important; color:#000 !important;}
.c_btn.dark.line {color:#666 !important; background:#fff !important;}
a.c_btn.dark.line:hover {background:#eee !important; color:#333 !important;}
.c_btn.light.line {color:#999 !important; background:#fff !important;}
a.c_btn.light.line:hover {background:#eee !important; color:#333 !important;}
.c_btn.color.line {color:#cd3726 !important; background:#fff !important;}
a.c_btn.color.line:hover {background:#eee !important; color:#cb1500 !important;}

/* 폰트두께 600 */
.c_btn.bold {font-weight:600 !important;}

/* 인풋버튼 */
span.c_btn {padding:0 !important}
.c_btn input {color:#fff;}
.c_btn.h22 input {padding:1px 10px 3px; letter-spacing:-0.5px; font-size:11px !important;}
.c_btn.h30 input {padding:5px 10px 7px; letter-spacing:-0.5px; font-size:12px !important;}
.c_btn.h40 input {padding:10px 20px 12px; letter-spacing:-0.5px; font-size:12px !important;}
.c_btn.h55 input {padding:13px 50px 17px; letter-spacing:-1px; font-size:17px !important; font-weight:600;}

/* 인풋버튼 보더형 */
.c_btn.black.line input {color:#333 !important; background:#fff  !important;}
.c_btn.black.line:hover input {background:#000 !important; border-color:#000 !important; color:#fff !important;}
.c_btn.dark.line input {color:#666 !important; background:#fff  !important;}
.c_btn.dark.line:hover input {background:#555 !important; border-color:#555 !important; color:#fff !important;}
.c_btn.light.line input {color:#999 !important; background:#fff  !important;}
.c_btn.light.line:hover input {background:#888 !important; border-color:#888 !important; color:#fff !important;}
.c_btn.color.line input {color:#cd3726 !important; background:#fff  !important;}
.c_btn.color.line:hover input {background:#cb1500 !important; border-color:#cb1500 !important; color:#fff !important;}


/* SSJ : 상품상세 페이지 버튼 노출 설정 : 2021-07-27 */
.prod_view .js_view_btn {display:none;}
.ready .js_view_btn.ready {display:flex;}
.ing .js_view_btn.ing {display:flex;}
.ing .js_view_btn.ing.block {display:block;}
.casting .js_view_btn.casting {display:flex;}
.complete .js_view_btn.complete {display:flex;}
.release .js_view_btn.release {display:flex;}


/* SSJ : 상품상세 페이지 인기상품 스와이프 : 2021-07-27 */
.js_relation_swipe .swiper-slide.if_hide {display:none;}
.js_relation_swipe .swiper-wrapper {width:auto;}


/* SSJ : 메인 트렌드 급상승 서클 적용 : 2021-07-15 */
.circle {position:relative;}
.circle canvas {position:absolute; left:0; top:0; width:100% !important; height:100% !important;}

/* SSJ : 주문서작성 : 2021-07-15 */
.cm_shop_cart_list .option_price {width:85px;}

/* SSJ : 지원서 작성 시 자기소개 글자수 카운팅 : 2021-09-27 */
.prod_view .prod_top li .text_counting span {position: absolute;right: 12px;bottom: 15px;font-size: 12px;}
.prod_view .prod_top li .text_counting .over {color:#ff4949;}

/* SSJ : 주문번호 자동 링크 : 2021-09-28 */
.cm_mypage_list .title .link {color:inherit;}



/* KHY : 마이페이지 지원현황 : 2021-09-29 */
.cm_order_form.if_vertical .value {line-height: 27px;}

/* KHY : 마이페이지 정보수정 : 2021-09-29 */
.cm_member_form .button_pack.apply {margin: 10px 0 0 0;}
.cm_member_form .row_wrap {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.cm_member_form .row_wrap .input_wrap {margin-left: 10px;}
.cm_member_form .row_wrap .texticon_pack {margin-left: 10px;}

/* KHY : 회원가입 약관동의 : 2021-09-29 */
.cm_member_agree .agree_check {text-align: left;}
.cm_member_agree .btn_view_all {top: 7px;}

.agree_check.agree_all {padding: 15px 20px; border-bottom: 1px solid #eee; box-sizing: border-box;}
.agree_check.agree_all label {padding: 10px 0; overflow: hidden; color: #555; line-height: 1;}
.agree_check.agree_all input {float: left; margin: 1px 5px 0 0;}


/* SSJ : 공모전 타이틀 : 2021-10-21 */
.if_contest .cm_board_form {border-top:0;}
.cm_common_top .commom_page_title dt strong {color:#134cc5;}


/* KHY : 공모전 수정 : 2021-11-24 */
.c_promotion .promotion_list.if_contest .promo_bg {display: none;}
.c_promotion .promotion_list.if_contest .tit_info .tit {padding-right: 0;}


.c_promotion .promotion_list.if_contest .promotion_box {overflow:hidden; padding-bottom:20px;}
.c_promotion .promotion_list.if_contest .promotion_box .tit_info .tit {font-weight:500; margin-top:5px;}
.c_promotion .promotion_list.if_contest .promotion_box .tit_info {border-bottom:0;}
.c_promotion .promotion_list.if_contest .date_info {overflow:visible; padding:0px;}
.c_promotion .promotion_list.if_contest .date_info .date {float:left; color:#aaa; font-family:'Manrope'; font-size:16px;}
.c_promotion .promotion_list.if_contest .date_info .d_day {position:absolute; right:0; top:0; margin:10px;}



.pv_thanks {text-align:center; display:flex; justify-content: center; align-items: center; flex-direction:column; padding:50px; box-sizing:border-box; border:2px solid #000; margin-top:30px;}
.pv_thanks {color:#000; font-size:21px; line-height:1.5; font-weight:300;}



/* 주문페이지 수정 2021-11-25 ARA */
.ipx_order {display:flex; justify-content: center; align-items: stretch; flex-direction:row; box-sizing:border-box; border-bottom:1px solid #e5e5e5;}
.ipx_order .side_left { display:flex; background:#fff; flex:1; width:905px; height:141px; gap: 15px; align-items: center;}
.ipx_order .side_left .opt {position: absolute;left: 15px;top: 50%;margin-top: -15px;font-weight: 600;color: #333;height: 34px;line-height: 34px;background: transparent url(../images/cm_images/member_form_bullet2.png) left center no-repeat;padding-left: 15px;}
.ipx_order .side_left > div:nth-of-type(1) {width:145px; height:100%; line-height: 141px; background-color: #FBFBFB; text-align: center; font-size: 14px; color: #333333; position: relative;}
.ipx_order .side_left:nth-of-type(2) {border-top: 1px solid #dedede;}
.ipx_order .side_right {margin-left:auto; border-left:1px solid #e5e5e5; width:400px; box-sizing:border-box; display:flex; justify-content: center; align-items: strecth; flex-direction:column;}
.ipx_order .tt {color:#000; font-size:17px;}
.ipx_order .shortage {color:#ff0000; font-size:14px; line-height:1; margin-left:10px;}
.ipx_order .shortage {animation: mv_shortage 0.3s infinite; -webkit-animation: mv_shortage 0.3s infinite; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

@-webkit-keyframes mv_shortage {
    0% {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
    50% {opacity: 0.5; filter: alpha(opacity=50); -ms-filter:alpha(opacity=50);}
    100% {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}
@keyframes mv_shortage {
    0% {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
    50% {opacity: 0.5; filter: alpha(opacity=50); -ms-filter:alpha(opacity=50);}
    100% {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}

.ipx_order .agree {}
.ipx_order .agree label {position:relative; height:40px; display:inline-flex; justify-content: center; align-items: center; flex-direction:column;}
.ipx_order .agree label input {position:absolute; left:0; top:0; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.ipx_order .agree label .tx {color:#333; font-size:15px; padding-left:28px;}
.ipx_order .agree label .tx:before {content:""; width:20px; height:20px; border:2px solid #e5e5e5; border-radius:5px; position:absolute; left:0; top:50%; box-sizing:border-box; margin-top:-9px;}
.ipx_order .agree label input:checked+ .tx:before {border-color:#41A5D8; background:#41A5D8 url('../images/sub/ipx_check.svg') center center no-repeat; background-size:10px;}
.ipx_order .agree label:hover .tx {text-decoration:underline;}

.ipx_order .charge {display: inline-flex; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box; }
.ipx_order .charge .total {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 10px; box-sizing: border-box; margin-left: -10px; margin-right: 5px;}
.ipx_order .charge .mark {border: 2px solid #41A5D8; border-radius: 100px; box-sizing: border-box; text-align: center;}
.ipx_order .charge .mark {font-family: 'Manrope'; font-size: 19px; color: #41A5D8; font-weight: 800; letter-spacing: -0.6px; width: 30px; height: 30px; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.ipx_order .charge .total strong {font-family: 'Manrope'; font-size: 25px; color: #41A5D8; font-weight: 800; letter-spacing: -1px; margin-left: 5px; height: 22px; line-height: 22px;}
.ipx_order .charge .total em {font-size: 20px; color: #000; letter-spacing: -0.4px; margin-left: 1px; height: 22px; line-height: 21px; font-weight:500;}
.ipx_order .charge .btn_charge {margin-left: auto; height: 33px; background: #41A5D8; border: 1px solid #41A5D8; border-radius: 100px; box-sizing: border-box;}
.ipx_order .charge .btn_charge {font-size: 14px; color: #fff; letter-spacing: -0.4px; padding: 0 20px; display: flex; justify-content: center; align-items: center;}


.ipx_order .calculate {display:flex; justify-content: flex-end; align-items: stretch; flex-direction:column; text-align:right}
.ipx_order .calculate dl {display:flex; justify-content: space-around; align-items: center; flex-direction:row; font-size:15px; line-height:1; height:141px;}
.ipx_order .calculate dl+ dl {}
.ipx_order .calculate dt {color:#333; font-weight:500; font-size:15px; letter-spacing:-0.5px;}
.ipx_order .calculate dd {color:#000; font-weight:500;  letter-spacing:-0.5px; font-size:19px;}
.ipx_order .calculate dd strong {font-family: 'Manrope'; font-weight:700; font-size:20px; letter-spacing:-1px;}
.ipx_order .calculate .ship *{color:#00b82f;}
.ipx_order .calculate .last *{color:#ff297a;  }

.ipx_order_pop {position:fixed; left:0; top:0; width:100%; height:100%; display:flex; justify-content: center; align-items: center; flex-direction:column; z-index:10000; background:rgba(0,0,0,0.5);}
.ipx_order_pop {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); z-index:-1; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}

.ipx_order_pop .cm_user_guide {border-radius:20px;}
.ipx_order_pop .bt_btn {display:flex; justify-content: center; align-items: center; flex-direction:row; margin-top:30px;}
.ipx_order_pop .bt_btn .bbtn {flex:1; display:flex; justify-content: center; align-items: center; flex-direction:column; height:40px; background:#fff; border:1px solid #333; font-size:14px; font-weight:500; color:#333;}
.ipx_order_pop .bt_btn .bbtn:first-of-type {margin-right:5px;}
.ipx_order_pop .bt_btn .bbtn:last-of-type {margin-left:5px; background:#333; color:#fff;}

.ipx_order.if_open_ipxagree .ipx_order_pop {z-index:10000; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}






/* 충전 경고 팝업창 ARA : 2022-01-04 */
.pv_warn_charge {position:fixed; left:0; top:0; z-index:10000; width:100%; height:100%; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.pv_warn_charge {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden}
.pv_warn_charge .white_box {background:#fff; border-radius:30px; overflow:hidden; position:relative; z-index:2; width:400px; box-sizing:border-box; padding:30px;}
.pv_warn_charge .white_box {display:flex; justify-content: center; align-items: center; flex-direction:column;}
.pv_warn_charge .bg_btn {background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%;}
.pv_warn_charge .bg_btn {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.pv_warn_charge .tt {color:#000; font-size:21px; font-weight:600;}
.pv_warn_charge .charge {display: inline-flex; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box; }
.pv_warn_charge .charge .total {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 10px; box-sizing: border-box; margin-left: -10px; margin-right: 5px;}
.pv_warn_charge .charge .mark {border: 2px solid #41A5D8; border-radius: 100px; box-sizing: border-box; text-align: center;}
.pv_warn_charge .charge .mark {font-family: 'Manrope'; font-size: 17px; color: #41A5D8; font-weight: 800; letter-spacing: -0.6px; width: 25px; height: 25px; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.pv_warn_charge .charge .total strong {font-family: 'Manrope'; font-size: 25px; color: #41A5D8; font-weight: 800; letter-spacing: -1px; margin-left: 5px; height: 22px; line-height: 22px;}
.pv_warn_charge .charge .total em {font-size: 20px; color: #000; letter-spacing: -0.4px; margin-left: 1px; height: 22px; line-height: 21px; font-weight:500;}
.pv_warn_charge .btn_box {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; margin-top:30px; width:100%;}
.pv_warn_charge .btn_box .btn {height: 45px; border-radius:5px; box-sizing: border-box; }
.pv_warn_charge .btn_box .btn {font-size: 14px; color: #fff; letter-spacing: -0.4px; padding: 0 20px; display: flex; justify-content: center; align-items: center;}
.pv_warn_charge .btn_box .btn_charge {background: #41A5D8; border: 1px solid #41A5D8;  flex:1}
.pv_warn_charge .btn_box .btn_close {background: #fff; border: 1px solid #41A5D8;  color:#41A5D8; width:70px; margin-left:10px}
.pv_warn_charge .shortage {color:#000; font-size:14px; line-height:1; display:block;}

@-webkit-keyframes layer_open {
    0% {transform: scale(0.9)}
    50% {transform: scale(1.1)}
    100% {transform: scale(1)}
}
@keyframes layer_open {
    0% {transform: scale(0.9)}
    50% {transform: scale(1.1)}
    100% {transform: scale(1)}
}
.if_warn_charge.pv_warn_charge {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.if_warn_charge.pv_warn_charge .white_box {animation: layer_open 0.2s ease 1 both;}
.if_warn_charge.pv_warn_charge .bg_btn {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}


/* SSJ : 출금수수료 설정 추가 : 2022-01-18 */
.cm_order_list .fee {font-weight: 300;font-size: 12px;margin-top: -4px;color: #333;}







/* =================================== 메인 리뉴얼(rd_) 2022-10-17 KHY ===================================*/
/* 메인 공통 : 메인 타이틀---------------------------------------------------------------- */
.rd_Tit {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-top: 80px; margin-bottom: 25px;}
.rd_Tit li {list-style: none;}
.rd_Tit .left_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.rd_Tit .right_box {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-left: auto; flex: none;}
.rd_Tit .tit {font-size: 30px; font-weight: 700; letter-spacing: -1.2px; color: #000; line-height: 1.3; flex: none; margin-right: 30px;}
.rd_Tit .st {font-size: 17px; color: #000; letter-spacing: -0.6px; font-weight: 500; margin-top: 10px;}
.rd_Tit .st {opacity: 0.3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30);}

/* 정렬 */
.rd_Tit .range {position: relative; width: 130px; z-index: 30;}
.rd_Tit .range:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 40px; border: 1px solid #dde4ee; border-radius: 20px;}
.rd_Tit .range:before {box-sizing: border-box; background: #fff; z-index: -1; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.rd_Tit .range .btn_ctrl {width: 100%; height: 40px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.rd_Tit .range .btn_ctrl {padding: 0 15px; box-sizing: border-box; font-size: 14px; color: #9ba0a7; letter-spacing: -0.4px; line-height: 1; position: relative;}
.rd_Tit .range .btn_ctrl:before {content: ''; position: absolute; right: 15px; top: 50%; border-top: 5px solid #000; border-left: 4px solid transparent;}
.rd_Tit .range .btn_ctrl:before {border-right: 4px solid transparent; border-bottom: 0; box-sizing: border-box; margin-top: -2px;}
.rd_Tit .range .btn_ctrl:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #dde4ee; display: none;}
.rd_Tit .range .open_box {position: absolute; left: 0; top: 40px; width: 100%; z-index: 1; height: 0; overflow: hidden; padding: 0 1px; box-sizing: border-box;}
.rd_Tit .range .open_box {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; border-radius: 0 0 20px 20px;}
.rd_Tit .range .open_box .opt {height: 35px; font-size: 14px; color: #9ba0a7; letter-spacing: -0.4px; padding: 0 15px; box-sizing: border-box;}
.rd_Tit .range .open_box .opt {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.rd_Tit .range .open_box .opt:hover {background: #f5f6fa;}
.rd_Tit .range .open_box .hit .opt {font-weight: 500; color: #0047bb;}
.rd_Tit .range.if_open_range:before {height: 190px; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.16);}
.rd_Tit .range.if_open_range .open_box {height: 150px;}
.rd_Tit .range.if_open_range .btn_ctrl:after {display: block;}
.rd_Tit .range.if_open_range .btn_ctrl:before {transform: rotate(180deg);}

/* 탭 메뉴 */
.rd_Tit .tab_menu {margin-bottom: -10px; margin-left: -10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.rd_Tit .tab_menu .btn {padding: 10px 10px; box-sizing: border-box;}
.rd_Tit .tab_menu .btn:hover .tx {color: #0047bb; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.rd_Tit .tab_menu .tx {font-family: 'Manrope'; font-size: 18px; color: #000; letter-spacing: -0.3px; font-weight: 800; padding: 0 5px;}
.rd_Tit .tab_menu .tx {box-sizing: border-box; position: relative; opacity: 0.3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30);}
.rd_Tit .tab_menu .tx:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 8px; background: #0047bb;}
.rd_Tit .tab_menu .tx:before {opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20); display: none;}
.rd_Tit .tab_menu .hit .tx {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.rd_Tit .tab_menu .hit:hover .tx {color: #000;}
.rd_Tit .tab_menu .hit .tx:before {display: block;}

/* 롤링 컨트롤러 */
.rd_Tit .rolling_ctrl {display: flex; flex-direction: row; justify-content: center; align-items: center; width: 130px; height: 40px;}
.rd_Tit .rolling_ctrl {border: 1px solid #dde4ee; border-radius: 100px; box-sizing: border-box; background: #fff;}
.rd_Tit .rolling_ctrl .prevnext {flex: none; padding: 0 15px; box-sizing: border-box; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.rd_Tit .rolling_ctrl .prevnext img {width: 7px;}
.rd_Tit .rolling_ctrl .paging {flex: 1; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.rd_Tit .rolling_ctrl .paging {font-family: 'Manrope'; font-size: 17px; color: #9ba0a7; letter-spacing: -0.5px; font-weight: 600; line-height: 1;}
.rd_Tit .rolling_ctrl .paging .active {color: #000;}
.rd_Tit .rolling_ctrl .paging em {margin: 0 3px;}






/* 메인 공통 : 더보기 버튼---------------------------------------------------------------- */
.rd_More {margin-top: 40px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.rd_More .btn {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0 20px; box-sizing: border-box;}
.rd_More .btn {border: 1px solid #dde4ee; border-radius: 100px; font-size: 17px; color: #0047bb; letter-spacing: -0.6px; width: 230px; height: 60px; line-height: 1;}
.rd_More .btn {background: #fff url('../images/rd/rd_go_blue.svg') right 20px center no-repeat; background-size: 24px auto !important;}
.rd_More .btn:hover {background-color: #0047bb; border-color: #0047bb; background-image: url('../images/rd/rd_go_blue_w.svg'); color: #fff;}
.rd_More .btn+ .btn {margin-left: 10px;}
.rd_More .btn.type_purple {color: #4c00ff; background-image: url('../images/rd/rd_go_purple.svg');}
.rd_More .btn.type_purple:hover {color: #fff; background-image: url('../images/rd/rd_go_purple_w.svg'); background-color: #4c00ff; border-color: #4c00ff;}






/* 메인 2차 카테고리 ---------------------------------------------------------------- */
.rd_Ctg {}
.rd_Ctg li {list-style: none;}

/* 아이콘 카테고리 */
.rd_Ctg .ctg_menu {position: sticky; top: 0; z-index: 200; background: #fff;}
.rd_Ctg .ctg_menu:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #dde4ee; z-index: 1;}
.rd_Ctg .ctg_menu .layout_fix {padding: 0 30px; box-sizing: border-box;}

/* 아이콘 카테고리 : 롤링 박스 */
.rd_Ctg .ctg_menu .rolling_wrap {overflow: hidden;}
.rd_Ctg .ctg_menu .rolling_box {}
.rd_Ctg .ctg_menu .ctg_li {display: flex; flex-direction: row; justify-content: center; align-content: stretch; align-items: stretch;}
.rd_Ctg .ctg_menu .ctg_li li {width: 11.111% !important;}
.rd_Ctg .ctg_menu .ctg_li .ctg {position: relative; padding: 0 20px; box-sizing: border-box;}
.rd_Ctg .ctg_menu .ctg_li .ctg_in {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: stretch; height: 90px;}
.rd_Ctg .ctg_menu .ctg_li .ctg_in:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #0047bb; z-index: 2; display: none;}
.rd_Ctg .ctg_menu .ctg_li .box {text-align: center; flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.rd_Ctg .ctg_menu .ctg_li .ic {position: relative;}
.rd_Ctg .ctg_menu .ctg_li .img {display: flex; flex-direction: row; justify-content: center; align-items: center; mix-blend-mode: multiply;}
.rd_Ctg .ctg_menu .ctg_li img {width: 50px; height: 50px;}
.rd_Ctg .ctg_menu .ctg_li .img.ov {position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.rd_Ctg .ctg_menu .ctg_li .tx {font-family: 'Manrope'; font-size: 12px; color: #000; letter-spacing: -0.2px; font-weight: 800; line-height: 1; padding: 0 10px; box-sizing: border-box;}
.rd_Ctg .ctg_menu .ctg_li .tx {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 5px;}
.rd_Ctg .ctg_menu .ctg_li li:hover .img.ov {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
.rd_Ctg .ctg_menu .ctg_li li:hover .img.off {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.rd_Ctg .ctg_menu .ctg_li li.active .ctg_in:before {display: block;}
.rd_Ctg .ctg_menu .ctg_li li.active .box {background: #f3f8ff;}
.rd_Ctg .ctg_menu .ctg_li li.active .img.ov {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
.rd_Ctg .ctg_menu .ctg_li li.active .img.off {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.rd_Ctg .ctg_menu .ctg_li li.active .tx {color: #0047bb;}
.rd_Ctg .ctg_menu .ctg_li li.if_no {filter: grayscale(100%); opacity: 0.2; pointer-events: none !important;}

/* 아이콘 카테고리 : 롤링 이전다음버튼 */
.rd_Ctg .ctg_menu .prevnext {position: absolute; top: 50%; z-index: 10; width: 36px; height: 36px; margin-top: -18px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.rd_Ctg .ctg_menu .prevnext img {width: 9px;}
.rd_Ctg .ctg_menu .prevnext.prev {left: -14px;}
.rd_Ctg .ctg_menu .prevnext.next {right: -14px;}
.rd_Ctg .ctg_menu .prevnext.if_no {opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20); pointer-events: none !important;}

/* 카테고리별 상품 */
.rd_Ctg .ctg_item {}
.rd_Ctg .ctg_item .rd_Tit {margin-top: 30px;}
.rd_Ctg .ctg_item .item_in {position: relative;}

/* 오른쪽 배너 */
.rd_Ctg .bn_right {position: absolute; left: 50% !important; top: 0; z-index: 100; margin-left:670px !important;}
.rd_Ctg .bn_right li+ li {margin-top: 10px;}
.rd_Ctg .bn_right .banner {position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.rd_Ctg .bn_right img {max-width: 110px;}
/*
.rd_Ctg .bn_right {position: absolute; left: 100%; top: 0; margin-left: 20px; z-index: 20;}
*/





/* 메인 서비스 소개 ---------------------------------------------------------------- */
.rd_Service {background: #3d69b7 url('../images/rd/rd_service_bg.jpg') center center no-repeat; background-attachment: fixed !important;}
.rd_Service {position: relative; margin-top: 80px; overflow: hidden;}
.rd_Service:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #3d69b7; z-index: 1;}
.rd_Service:before {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: alpha(opacity=70);}
.rd_Service:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #468cff; mix-blend-mode: soft-light; z-index: 2;}

.rd_Service .inner {position: relative; z-index: 5; height: 360px; display: flex; flex-direction: row; justify-content: space-between; align-content: stretch; align-items: stretch;}
.rd_Service .tx_box {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.rd_Service .tx {font-size: 22px; color: #fff; line-height: 1;}
.rd_Service .tx_first {}
.rd_Service .tx_second {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; margin-top: 20px;}
.rd_Service .tx_second em {margin-left: 10px;}
.rd_Service .tx_third {font-size: 37px; font-weight: 300; letter-spacing: -1.1px; margin-top: 15px;}
.rd_Service .img_box {display: flex; flex-direction: row; justify-content: flex-end; align-content: flex-start; padding-top: 50px; box-sizing: border-box;}
.rd_Service .img_box .img {display: flex; flex-direction: column; justify-content: flex-start; align-content: center;}
.rd_Service .rd_More {margin-top: 35px;}
.rd_Service .rd_More .btn {width: 200px; border: 2px solid #0047bb;}
.rd_Service .rd_More .btn.type_purple {border-color: #4c00ff;}

.rd_Service.motion .tx {animation: rd_sv_tx 0.8s ease-out 1 both; -webkit-animation: rd_sv_tx 0.8s ease-out 1 both;}
.rd_Service.motion .tx_second {animation-delay: 0.1s;}
.rd_Service.motion .tx_third {animation-delay: 0.2s;}
.rd_Service.motion .rd_More .btn {animation: rd_sv_tx 0.5s ease-out 0.3s 1 both; -webkit-animation: rd_sv_tx 0.5s ease-out 0.3s 1 both;}
.rd_Service.motion .img_box {animation: rd_sv_img 1.5s ease-out 0.5s 1 both; -webkit-animation: rd_sv_img 1.5s ease-out 0.5s 1 both;}

/* 아래서 나타나는 모션 */
@-webkit-keyframes rd_sv_tx {
    0% {transform: translateY(80px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
    100% {transform: translateX(0); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}
@keyframes rd_sv_tx {
    0% {transform: translateY(80px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
    100% {transform: translateX(0); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}

/* 오른쪽에서 나타나는 모션 */
@-webkit-keyframes rd_sv_img {
    0% {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
    100% {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}
@keyframes rd_sv_img {
    0% {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
    100% {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}





/* 마감임박 상품 아이콘 ---------------------------------------------------------------- */
.rd_Soon_ic {position: absolute; left: 0; top: 0; height: 55px; background-image: linear-gradient(to right, #0047bb, #0076d1);}
.rd_Soon_ic {border-radius: 5px 0 20px 0; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.rd_Soon_ic {font-family: 'Manrope'; color: #fff; z-index: 2; line-height: 1; padding: 0 10px; display: none;}
.rd_Soon_ic strong {font-size: 35px; font-weight: 800; letter-spacing: -1px; white-space: nowrap;}
.rd_Soon_ic em {font-size: 21px; font-weight: 500; margin-top: 7px; margin-left: 3px;}
.rd_Soon_ic.type_under {background-image: linear-gradient(to right, #2800c9, #7453ff);}
.rd_Soon_ic.type_over {background-image: linear-gradient(to right, #bb0046, #ff3e59);}






/* 메인 마감임박 상품 ---------------------------------------------------------------- */
.rd_Soon {}
.rd_Soon li {list-style: none;}

/* 롤링 박스 */
.rd_Soon .rolling_wrap {}
.rd_Soon .item_list {margin-left: -28px;}
.rd_Soon .item_list.if_col5 {margin-left: -25px;}
.rd_Soon .item_list ul {align-content: stretch; align-items: stretch; flex-wrap: nowrap; margin-left: 0;}
.rd_Soon .item_wrap .info .percent {display: none;}
.rd_Soon .item_wrap.type_ticket .info .percent {display: block;}

/* 상품박스 */
.rd_Soon .rd_Soon_ic {display: flex;}






/* 메인 영상 소개 ---------------------------------------------------------------- */
.rd_Video {margin-top: 100px; background: #f5f6fa; overflow: hidden; padding-bottom: 80px; box-sizing: border-box;}
.rd_Video li {list-style: none;}
.rd_Video .rd_Tit {margin-top: 60px;}

.rd_Video .video_in {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch; height: 480px;}
.rd_Video .video_in {box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); border-radius: 5px 0 0 5px; box-sizing: border-box; overflow: hidden; background: #fff;}

/* 내용 */
.rd_Video .cont_box {flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;}
.rd_Video .cont_box .cont {padding: 40px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; height: 100%;}
.rd_Video .cont_box .tit {font-size: 30px; color: #0047bb; font-weight: 500; letter-spacing: -1.2px; position: relative; line-height: 45px; max-height: 45px;}
.rd_Video .cont_box .tit {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.rd_Video .cont_box .tit {padding-right: 15px; box-sizing: border-box; max-width: 100%; flex: none;}
.rd_Video .cont_box .tit:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 17px; background: #0047bb;}
.rd_Video .cont_box .tit:before {opacity: 0.1; filter: alpha(opacity=10); -ms-filter: alpha(opacity=10);}
.rd_Video .cont_box .tx {margin-top: 15px; font-size: 15px; color: #3e4043; letter-spacing: -0.3px; line-height: 1.8;}
.rd_Video .cont_box .tx {overflow-y: auto; width: 100%; flex: 1; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.rd_Video .cont_box .tx::-webkit-scrollbar {width: 8px;}
.rd_Video .cont_box .tx::-webkit-scrollbar-thumb {background-color: #ccc; border-radius:100px;}
.rd_Video .cont_box .tx::-webkit-scrollbar-track {background-color: #fff;}

/* 영상 */
.rd_Video .play_box {flex: none; width: 853px;}
.rd_Video .play_box .play {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.rd_Video .play_box iframe {width: 853px !important; height: 480px !important;}

/* 롤링 박스 */
.rd_Video .rolling_wrap {overflow: hidden; display: flex; flex-direction: column; justify-content: flex-start; align-content: stretch;}
.rd_Video .rolling_box {flex: 1; overflow: hidden;}

/* 롤링 컨트롤러 */
.rd_Video .rolling_ctrl {margin-top: auto; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.rd_Video .rolling_ctrl {padding: 30px 40px; padding-top: 0; box-sizing: border-box; flex: none;}
.rd_Video .rolling_ctrl .prevnext {flex: none; padding: 10px 15px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.rd_Video .rolling_ctrl .prevnext img {width: 7px;}
.rd_Video .rolling_ctrl .prevnext.prev {margin-left: -15px;}
.rd_Video .rolling_ctrl .prevnext.next {margin-right: -15px;}
.rd_Video .rolling_ctrl .paging {flex: 1; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0 5px; box-sizing: border-box;}
.rd_Video .rolling_ctrl .paging strong {flex: none; width: 30px; text-align: right; font-family: 'Manrope'; font-size: 16px;}
.rd_Video .rolling_ctrl .paging strong {color: #000; font-weight: 700; letter-spacing: -0.4px; white-space: nowrap;}
.rd_Video .rolling_ctrl .paging .active {text-align: left;}
.rd_Video .rolling_ctrl .bar {flex: 1; width: 100%; height: 2px; background: #dde4ee; position: relative;}
.rd_Video .rolling_ctrl .bar .fill {position: absolute; left: 0; top: 0; height: 100%; background: #000; z-index: 1;}

/* 배너 */
.rd_Video .banner_box {}
.rd_Video .banner_box li+ li {margin-top: 50px;}
.rd_Video .banner_box .banner {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.rd_Video .banner_box img {max-width: 100%;}






/* 티켓상품 : 아이템 박스 ---------------------------------------------------------------- */
.item_wrap.type_ticket {}
.item_wrap.type_ticket .info .tit_box {height: 52px;}
.item_wrap.type_ticket .info .name_box .item_tit {-webkit-line-clamp: 1;}
.item_wrap.type_ticket .info .name_box .name {display: block;}
.item_wrap.type_ticket .revenue {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.item_wrap.type_ticket .price {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.item_wrap.type_ticket .before {font-family: 'Manrope'; font-size: 16px; color: #9ba0a7; font-weight: 500; letter-spacing: -0.3px;}
.item_wrap.type_ticket .before {position: relative; padding: 0 2px; box-sizing: border-box; margin-right: 5px; line-height: 1;}
.item_wrap.type_ticket .before:before {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #9ba0a7;}
.item_wrap.type_ticket .after {color: #000; line-height: 1; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.item_wrap.type_ticket .after strong {font-family: 'Manrope'; font-size: 17px; font-weight: 800; letter-spacing: -0.3px;}
.item_wrap.type_ticket .after em {font-size: 14px; font-weight: 500;}
.item_wrap.type_ticket .info .percent {width: auto; padding-left: 15px; box-sizing: border-box; background: transparent url('../images/rd/rd_down_blue.svg') left center no-repeat;}
.item_wrap.type_ticket .info .percent {background-size: auto 16px !important;}

.cm_mypage_wish .item_wrap.type_ticket .price {padding-top: 0;}





/* 달력 :: 2022-10-24 KHY ---------------------------------------------------------------- */
/*
inc.header.php에 폰트 추가
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
*/
.add_Calendar {border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; padding-bottom: 20px; background: #fff;}
.add_Calendar li {list-style: none;}
.add_Calendar * {font-family: 'Inter Tight';}

.add_Calendar .ym_box {display: flex; flex-direction: row; justify-content: center; align-items: center; height: 60px;}
.add_Calendar .ym_box .btn {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 15px; box-sizing: border-box;}
.add_Calendar .ym_box .btn svg {width: 7px;}
.add_Calendar .ym_box .btn.if_no {pointer-events:none; opacity: 0.3; filter: alpha(opacity=30); -ms-filter:alpha(opacity=30);}
.add_Calendar .ym_box strong {font-size: 22px; color: #000; font-weight: 700; width: 110px; text-align: center; white-space: nowrap;}

.add_Calendar .calendar {padding: 0 10px; box-sizing: border-box;}
.add_Calendar .calendar ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.add_Calendar .calendar li {flex: 1;  line-height: 1; text-align:center;}
.add_Calendar .calendar li:first-of-type .day strong {color: #ff6060;}
.add_Calendar .calendar li:last-of-type .day strong {color: #5e89ff;}
.add_Calendar .week li {font-size: 12px; letter-spacing:0px; font-weight: 700; color: #333; padding: 5px 0;}
.add_Calendar .week li:first-of-type {color: #ff2626;}
.add_Calendar .week li:last-of-type {color: #235eff;}
.add_Calendar .day {display: flex; flex-direction: row; justify-content: center; align-items: center; position:relative;}
.add_Calendar .day strong {width: 35px; height: 35px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.add_Calendar .day strong {border-radius: 100px; box-sizing: border-box; font-size: 15px; color: #333; font-weight: 600; line-height:1;}
.add_Calendar .no .day {pointer-events: none !important;}
.add_Calendar .no .day strong { opacity: 0.3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30);}
.add_Calendar .day:hover strong {background: #eee;}
.add_Calendar .day:hover strong:before {display:none;}
.add_Calendar .today .day strong {position:relative;}
.add_Calendar .today .day:before {content:""; width:5px; height:5px; background:#333; position:absolute; left:50%; top:3px; border-radius:100px; margin-left:12px; z-index: 1;}
.add_Calendar .hit .day strong {background: #4a30ff; color: #fff !important; border:0;}
.add_Calendar .hit .day:before {display:none;}





/* 티켓상품 상세 : 고객요청 기존 IP상품과 같은형태로 되돌려서 주석처리 2022-12-15 KHY ----------------------------------------------------------------
body.if_ticketview {}
body.if_ticketview .prod_view .prod_top .top_loc {padding-left: 0;}
body.if_ticketview .prod_view .prod_top .location .btn {color: #000;}
body.if_ticketview .prod_view .prod_top .location li+ li {background-image: url('../images/sub/loc_bg_bk.png');}
body.if_ticketview .prod_view .view_top {padding-top: 50px;}
body.if_ticketview .prod_view .view_top .rep_wrap {width: 45%;}
body.if_ticketview .prod_view .view_top .thumb {height: auto;}
body.if_ticketview .prod_view .view_top .thumb .img {height: auto;}
body.if_ticketview .prod_view .view_top:before {top: 0; height: 100%;}
body.if_ticketview .prod_view .top_loc .btn_box {margin-left: auto; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
body.if_ticketview .prod_view .prod_top .share .btn_share {width: auto; padding: 10px;}
body.if_ticketview .prod_view .prod_top .share .share_open {right: 0;}
body.if_ticketview .prod_view .view_top .info_wrap {width: 55%;}
body.if_ticketview .prod_view .view_top .info_detail {padding-top: 0;}
body.if_ticketview .prod_view .view_btn_bx {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch; margin-top: 20px;}
body.if_ticketview .prod_view .view_btn {border-color: #41a5d8; flex: 1; margin-top: 0;}
body.if_ticketview .prod_view .view_btn em {color: #41a5d8;}
body.if_ticketview .prod_view .view_btn .bg {background: #41a5d8;}
body.if_ticketview .prod_view .view_btn_bx .btn_wish {width: 65px; flex: none; background: #fff url('../images/sub/view_tkwish.svg') center center no-repeat;}
body.if_ticketview .prod_view .view_btn_bx .btn_wish {background-size: 25px auto !important; padding: 0; margin: 0; margin-left: 10px; border-radius: 5px; border: 1px solid #ccc;}
body.if_ticketview .prod_view .view_btn_bx .btn_wish.wish_hit {border-color: #0047bb; background-image: url('../images/sub/view_tkwish_on.svg');}
*/




/* 티켓상품 : 상세 정보+옵션 ---------------------------------------------------------------- */
.prod_view .tk_price {margin-top: 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.prod_view .tk_price .before {font-family: 'Manrope'; font-size: 20px; color: #9ba0a7; letter-spacing: -0.4px; position: relative; padding: 0 3px; box-sizing: border-box; margin-right: 10px; line-height: 1;}
.prod_view .tk_price .before:before {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #9ba0a7; margin-top: -1px;}
.prod_view .tk_price .after {color: #fff; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; line-height: 1; margin-right: 15px;}
.prod_view .tk_price .after strong {font-family: 'Manrope'; font-size: 23px; color: inherit; font-weight: 800; letter-spacing: -0.4px;}
.prod_view .tk_price .after em {font-size: 20px; color: inherit; font-weight: 600;}
.prod_view .tk_price .percent {color: #41a5d8; font-family: 'Manrope'; font-size: 27px; line-height: 1; padding-left: 20px; box-sizing: border-box;}
.prod_view .tk_price .percent {background: transparent url('../images/rd/rd_down_sky.svg') left center no-repeat; background-size: auto 20px !important;}
.prod_view .tk_price .percent strong {font-weight: 800;}

/* 고객요청 기존 IP상품과 같은형태로 되돌려서 주석처리 2022-12-15 KHY
.p_Ticket .tk_name {font-size: 25px; color: #000; letter-spacing: -0.7px; font-weight: 600; line-height: 1.3; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_Ticket .tk_sub_name {font-size: 17px; color: #9ba0a7; letter-spacing: -0.5px; line-height: 1.4; margin-top: 10px;}
.p_Ticket .tk_sub_name {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_Ticket .tk_price {margin-top: 30px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.p_Ticket .tk_price .before {font-family: 'Manrope'; font-size: 20px; color: #9ba0a7; letter-spacing: -0.4px; position: relative; padding: 0 3px; box-sizing: border-box; margin-right: 10px; line-height: 1;}
.p_Ticket .tk_price .before:before {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #9ba0a7; margin-top: -1px;}
.p_Ticket .tk_price .after {color: #000; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; line-height: 1; margin-right: 10px;}
.p_Ticket .tk_price .after strong {font-family: 'Manrope'; font-size: 23px; color: inherit; font-weight: 800; letter-spacing: -0.4px;}
.p_Ticket .tk_price .after em {font-size: 20px; color: inherit; font-weight: 600;}
.p_Ticket .tk_price .percent {color: #0047bb; font-family: 'Manrope'; font-size: 27px; line-height: 1;}
.p_Ticket .tk_price .percent strong {font-weight: 800;}
 */

.p_Ticket {}
.p_Ticket .cal_opt {margin-top: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.p_Ticket .cal_opt {border: 1px solid #ddd; box-sizing: border-box;}

/* 달력 */
.p_Ticket .add_Calendar {border: 0; border-radius: 0; flex: 1; position: relative;}
.p_Ticket .add_Calendar:before {content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #ddd;}
.p_Ticket .add_Calendar .hit .day strong {background: #0047bb;}

/* 옵션 */
.p_Ticket .option {flex: 1; overflow-y: auto; overflow-x: hidden; max-height: 400px;}
.p_Ticket .option::-webkit-scrollbar {width: 8px;}
.p_Ticket .option::-webkit-scrollbar-thumb {background-color: #ccc; border-radius:100px;}
.p_Ticket .option::-webkit-scrollbar-track {background-color: transparent;}
.p_Ticket .option:hover::-webkit-scrollbar-thumb {background-color:#222;}
.p_Ticket .opt_box {padding: 20px; box-sizing: border-box;}
.p_Ticket .opt_select {}
.p_Ticket .opt_select li+ li {margin-top: 5px;}
.p_Ticket .select_d {width: 100%; height: 35px; border: 1px solid #dde4ee; border-radius: 5px; box-sizing: border-box; padding: 0 15px; padding-right: 40px;}
.p_Ticket .select_d {font-size: 13px; color: #000; font-weight: 500; letter-spacing: -0.2px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.p_Ticket .select_d {background: #f9fcff url('../images/sub/view_select.png') right 15px center no-repeat; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_Ticket .select_d:focus {border-color: #0047bb; background-color: #fff; color: #0047bb;}
.p_Ticket .select_d.if_before {opacity: 0.5; filter: alpha(opacity=50); -ms-filter: alpha(opacity=50); pointer-events: none !important;}

.p_Ticket .opt_result {margin-top: 15px;}
.p_Ticket .opt_result dl+ dl {margin-top: 10px; padding-top: 10px; border-top: 1px solid #dde4ee; box-sizing: border-box;}
.p_Ticket .opt_result dt {font-size: 13px; color: #9ba0a7; font-weight: 500; line-height: 1.5;}
.p_Ticket .opt_result dt strong {color: #0047bb; margin-right: 5px;}
.p_Ticket .opt_result dd {margin-top: 5px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.p_Ticket .opt_result .opt_price {font-size: 14px; font-weight: 500; color: #000;}
.p_Ticket .opt_result .opt_ctrl {margin-left: auto; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.p_Ticket .opt_result .counter {display: flex; flex-direction: row; justify-content: flex-end; align-content: stretch; align-items: stretch;}
.p_Ticket .opt_result .updown_btn {width: 26px; height: 26px; border: 1px solid #000; border-radius: 100px; box-sizing: border-box;}
.p_Ticket .opt_result .updown_btn {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Ticket .opt_result .updown_btn .ic {width: 8px; height: 8px; position: relative;}
.p_Ticket .opt_result .updown_btn .ic:before {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background: #000; margin-top: -1px;}
.p_Ticket .opt_result .updown_btn .ic:after {content: ''; position: absolute; left: 50%; top: 0; width: 2px; height: 100%; background: #000; margin-left: -1px;}
.p_Ticket .opt_result .updown_btn.down .ic:after {display: none;}
.p_Ticket .opt_result .updown_btn.if_no {opacity: 0.3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30); pointer-events: none !important;}
.p_Ticket .opt_result .updown_input {width: 30px; border: 0 !important; text-align: center; font-size: 14px; color: #000; font-family: 'Manrope'; font-weight: 700;}
.p_Ticket .opt_result .opt_del {padding: 10px; box-sizing: border-box; margin: -10px -10px -10px 0;}
.p_Ticket .opt_result .opt_del img {width: 12px;}

/* 옵션 없을때 */
.p_Ticket .opt_result.no_option {margin-top: 0;}
.p_Ticket .opt_result.no_option dd {margin-top: 0;}
.p_Ticket .opt_result.no_option .opt_price {font-size: 15px; color: #9ba0a7;}

/* 날짜 선택 전 */
.p_Ticket .option.this_before {font-size: 13px; color: #9ba0a7; letter-spacing: -0.2px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: stretch;}

/* 총 결제금액 */
.p_Ticket .total_price {margin-top: 15px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.p_Ticket .total_price .tit {font-size: 20px; color: #000; font-weight: 500; letter-spacing: -0.4px; line-height: 1;}
.p_Ticket .total_price .price {color: #000; margin-left: 25px; line-height: 1;}
.p_Ticket .total_price .price strong {font-family: 'Manrope'; font-size: 23px; font-weight: 800; letter-spacing: -0.7px; color: inherit;}
.p_Ticket .total_price .price em {font-size: 21px; color: inherit; font-weight: 500;}








/* 마이페이지 주문상세(티켓 QR코드 버튼 있을때 ) :: 2022-11-15 KHY ---------------------------------------------------------------- */
.cm_shop_cart_list.type_qr .counter_box {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.cm_shop_cart_list.type_qr .counter_box {right: 130px; margin-top: -17px; padding-left: 15px;}
.cm_shop_cart_list.type_qr .counter_box .option_number {line-height: 1; text-align: left;}
.cm_shop_cart_list.type_qr .counter_box .option_price {line-height: 1; margin-top: 7px; text-align: left;}
.cm_shop_cart_list.type_qr .item_name .option_name {margin-right: 220px; line-height: 1.3;}
.cm_shop_cart_list.type_qr .item_name .ess .option_name {background:transparent url('../images/cm_images/shop_option_ess.png') 0 2px no-repeat; padding-left: 18px;}
.cm_shop_cart_list.type_qr .item_name .date_option {color: #333; font-weight: 600; margin-bottom: 2px;}
.cm_shop_cart_list.type_qr dd .pqr_btn {position: absolute; right: 15px; top: 50%; margin-top: -15px; z-index: 10;}
.cm_shop_cart_list.type_qr .item_name dt {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.cm_shop_cart_list.type_qr .item_name dt {padding-bottom: 10px; padding-right: 15px; box-sizing: border-box;}
.cm_shop_cart_list.type_qr .item_name dt a {margin: 0;}
.cm_shop_cart_list.type_qr .item_name dt .pqr_btn {margin: 0 0 0 auto; letter-spacing: inherit;}







/* 주문 지도보기/티켓보기 버튼 :: 2022-11-15 KHY ---------------------------------------------------------------- */
.pqr_btn {height: 30px; background: #fff; padding: 0 10px; box-sizing: border-box; border: 1px solid #000; border-radius: 3px;}
.pqr_btn {display: inline-flex; flex-direction: row; justify-content: center; align-items: center;}
.pqr_btn .tx {font-size: 13px; font-weight: 500; color: #000; padding-left: 20px; box-sizing: border-box; letter-spacing: -0.3px;}
.pqr_btn .tx {background-position: left center !important; background-size: 15px auto !important; background-repeat: no-repeat !important;}
.pqr_btn.type_ticket {border-color: #0032a0;}
.pqr_btn.type_ticket .tx {color: #0032a0; background-image: url('../images/pqr/pqr_ticket.svg');}
.pqr_btn.type_ticket:hover {background: #0032a0;}
.pqr_btn.type_ticket:hover .tx {color: #fff; background-image: url('../images/pqr/pqr_ticket_w.svg');}
.pqr_btn.type_map {border-color: #00a017;}
.pqr_btn.type_map .tx {color: #00a017; background-image: url('../images/pqr/pqr_map.svg');}
.pqr_btn.type_map:hover {background: #00a017;}
.pqr_btn.type_map:hover .tx {color: #fff; background-image: url('../images/pqr/pqr_map_w.svg');}






/* 티켓 QR코드 레이어 :: 2022-10-12 KHY ---------------------------------------------------------------- */
.pqr_layer {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1100; padding: 40px 0; box-sizing: border-box;}
.pqr_layer {visibility: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.pqr_layer li {list-style: none;}

.pqr_layer .white_box {width: 1200px; background: #fff; border-radius: 5px; box-sizing: border-box; position: relative; z-index: 2;}
.pqr_layer .white_box {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; transform: translateY(50px); overflow: hidden;}
.pqr_layer .white_box {box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;}

.pqr_layer .layer_tit {height: 80px; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; flex: none;}
.pqr_layer .layer_tit .tit {font-size: 27px; color: #000; font-weight: 600; letter-spacing: -1px;}
.pqr_layer .layer_tit .btn_close {position: absolute; right: 20px; top: 50%; padding: 15px; box-sizing: border-box; z-index: 10;}
.pqr_layer .layer_tit .btn_close {display: flex; flex-direction: row; justify-content: center; align-items: center; transform: translateY(-50%);}
.pqr_layer .layer_tit .btn_close img {width: 15px;}

.pqr_layer .layer_cont {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; overflow-y: auto;}

.pqr_layer .bg_close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1;}
.pqr_layer .bg_close {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}

/* 열렸을 때 */
.pqr_layer.if_open_layer {visibility: visible;}
.pqr_layer.if_open_layer .white_box {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
.pqr_layer.if_open_layer .white_box {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transform: translateY(0);}
.pqr_layer.if_open_layer .bg_close {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
.pqr_layer.if_open_layer .bg_close {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}

/* 지도 보기 레이어 */
.pqr_layer.type_map {}
.pqr_layer.type_map .layer_tit {border-bottom: 1px solid #ddd; box-sizing: border-box;}
.pqr_layer.type_map .pqr_product {position: absolute; left: 10px; bottom: 10px; z-index: 50;}
.pqr_layer.type_map .map_box {position: relative;}
.pqr_layer.type_map .map {height: 700px; background: #e7e7e7; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}

/* 지도 보기 레이어 : 상품 정보 */
.pqr_layer .pqr_product {background: #fff; border: 1px solid #000; box-sizing: border-box; padding: 15px; max-width: 300px;}
.pqr_layer .pqr_product .prod_top {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.pqr_layer .pqr_product .thumb {flex: none; width: 50px; height: 50px; background:#f2f2f2; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.pqr_layer .pqr_product .thumb img {width: 100%;}
.pqr_layer .pqr_product .tit {font-size: 14px; color: #000; font-weight: 500; letter-spacing: -0.5px; line-height: 1.4; padding-left: 10px; box-sizing: border-box;}
.pqr_layer .pqr_product .tit {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pqr_layer .pqr_product .info {margin-top: 14px;}
.pqr_layer .pqr_product .info dl+ dl {margin-top: 10px;}
.pqr_layer .pqr_product .info dt {font-size: 13px; line-height: 1.3; letter-spacing: -0.5px; font-weight: 500;}
.pqr_layer .pqr_product .info .opt_name {color: #666; font-size: inherit; letter-spacing: inherit; font-weight: inherit; display: inline; margin-right: 7px;}
.pqr_layer .pqr_product .info .count {color: #0032a0; font-size: inherit; letter-spacing: inherit; font-weight: inherit; position: relative; padding-left: 7px; box-sizing: border-box;}
.pqr_layer .pqr_product .info .count:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; background: #d8d8d8; margin-top: -5px;}
.pqr_layer .pqr_product .info dd {font-size: 13px; color: #888; letter-spacing: -0.5px; font-weight: 400; margin-top: 5px; line-height: 1;}
.pqr_layer .pqr_product .info .date_t {font-size: inherit; letter-spacing: inherit; font-weight: inherit;}
.pqr_layer .pqr_product .info .date {font-size: inherit; letter-spacing: inherit; font-weight: inherit; position: relative; margin-left: 7px; padding-left: 7px; box-sizing: border-box;}
.pqr_layer .pqr_product .info .date:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; background: #d8d8d8; margin-top: -5px;}

/* 티켓 보기 레이어 */
.pqr_layer.type_qr {}
.pqr_layer.type_qr .white_box {width: 390px;}

/* 티켓 보기 레이어 : QR코드 박스 */
.pqr_layer .qr_box {padding: 0 30px 30px 30px; box-sizing: border-box;}
.pqr_layer .qr_box .qr_img {padding: 70px 0; box-sizing: border-box; border: 2px solid #000; border-bottom: 0; border-radius: 5px 5px 0 0;}
.pqr_layer .qr_box .qr_img {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.pqr_layer .qr_box .qr_img .img {display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative;}
.pqr_layer .qr_box .qr_img .complete {position: absolute; right: -25px; top: -25px; z-index: 10; width: 60px; height: 60px; border: 1px solid #ff0000; text-align: center;}
.pqr_layer .qr_box .qr_img .complete {border-radius: 100px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.pqr_layer .qr_box .qr_img .complete {font-size: 14px; font-weight: 600; color: #ff0000; line-height: 1.2; transform: rotate(-25deg); display: none;}
.pqr_layer .qr_box .qr_img img {height: 160px; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20);}
.pqr_layer .qr_box .state {font-size:18px; font-weight:600; letter-spacing:-0.5px; height:65px; background:#000; border: 2px solid #000; border-radius: 0 0 5px 5px;}
.pqr_layer .qr_box .state {color: #fff; display: flex; flex-direction: row; justify-content: center; align-items: center; box-sizing: border-box; text-align:center;}
.pqr_layer .qr_box .total {text-align: center; font-size: 14px; font-weight: 500; color: #000; margin-top: 20px; margin-bottom: -5px;}
.pqr_layer .qr_box .total {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.pqr_layer .qr_box .total em {margin: 0 5px;}
.pqr_layer .qr_box .total .use {color: #0032a0;}

.pqr_layer .qr_box.if_ok .qr_img {border-color: #0032a0;}
.pqr_layer .qr_box.if_ok .qr_img img {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.pqr_layer .qr_box.if_ok .state {background: #0032a0; border-color: #0032a0;}
.pqr_layer .qr_box.if_use .qr_img {border-color: #333}
.pqr_layer .qr_box.if_use .qr_img .complete {display: flex;}
.pqr_layer .qr_box.if_use .state {background: #333; border-color: #333;}
.pqr_layer .qr_box.if_no .qr_img {border-color: #ccc;}
.pqr_layer .qr_box.if_no .state {border-color: #ccc; background: #ccc; color: #999;}

/* 티켓 보기 레이어 : 도움말 */
.pqr_layer .guide_box {border-top: 2px dashed #ddd; box-sizing: border-box; padding: 30px;}
.pqr_layer .guide_box ul {padding-left: 50px; box-sizing: border-box; background: transparent url('../images/pqr/pqr_guide.svg') left center no-repeat;}
.pqr_layer .guide_box ul {background-size: 35px auto !important;}
.pqr_layer .guide_box li {font-size:11px; color:#888; letter-spacing:-0.3px; font-weight:400; line-height: 1.4;}





/* 최근 본 상품 수정 :: 2022-11-16 KHY ---------------------------------------------------------------- */
.open_fly .latest_box li+ li {margin-top: 15px; padding-top: 15px;}
.open_fly .latest_box .item_wrap {align-content: stretch; align-items: stretch;}
.open_fly .latest_box .item_wrap .thumb {width: 100px;}
.open_fly .latest_box .item_wrap .btn_wish {margin-top: -20px;}
.open_fly .latest_box .item_wrap .info {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; padding-left: 15px;}
.open_fly .latest_box .item_wrap .info .revenue {margin-top: auto; border-top: 0; padding-top: 0;}
.open_fly .latest_box .item_wrap .info .tit_box {height: auto;}




/* LCY : 2022-10-21 : 달력옵션 -- 상품상세 선택된 옵션에 대한 날짜표기 */
.product_view .info_box .option_list .pt_sdate{ margin-right:2px; }
.product_view .info_box .option_list .pt_sdate:after{content: " | ";   }
.product_view .add_Calendar {margin-top: 30px;}

/* LCY : 2022-10-21 : 달력옵션 -- 장바구니, 주문 공통 날짜 표기 */
.date-option{ font-weight: bold; color: #333; margin-bottom:2px;}




/* 메인 수정 :: 2022-12-01 KHY ---------------------------------------------------------------- */
body.if_main .header .search_area {display: none;}

/* 마이페이지 찜한상품 :: 2022-12-13 ARA */
.cm_mypage_wish .item_wrap .info {height:115px;}

/* 마이페이지 찜한상품 :: 2022-12-21 KHY */
.cm_mypage_wish .item_wrap .thumb .ctg_icon {left: auto; top: auto; right: 0; bottom: 0;}



/* 마이페이지 거래현황 수정 :: 2022-12-15 KHY ---------------------------------------------------------------- */
.cm_order_search .search_box {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; float: right;}
.cm_order_search .search_box .period {margin-right: 10px;}

.cm_order_search .tab_menu {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; float: left;}
.cm_order_search .tab_menu li {list-style: none;}
.cm_order_search .tab_menu li:first-of-type .tab {border-left: 1px solid #0047bb;}
.cm_order_search .tab_menu .tab {height: 35px; padding: 0 20px; box-sizing: border-box; position: relative; font-size: 13px; color: #0047bb;}
.cm_order_search .tab_menu .tab {display: flex; flex-direction: row; justify-content: center; align-items: center; border: 1px solid #0047bb; border-left: 0;}
.cm_order_search .tab_menu .hit .tab {color: #fff; font-weight: 500; background: #0047bb;}

.my_order_number .order_icon {height: 25px; font-size: 12px; color: #fff; display: inline-flex; flex-direction: row; justify-content: center; align-items: center;}
.my_order_number .order_icon {background: #0047bb; border-radius: 100px; margin-bottom: 5px; width: 65px;}
.my_order_number .order_icon.type_ticket {background: #6846f6;}




/* 푸터 인증 추가 :: 2022-12-29 KHY ---------------------------------------------------------------- */
.footer .auth_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 390px;}
.footer .auth_box li {width: 50%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.footer .auth_box li:nth-child(2)~ li {margin-top: 15px;}
.footer .auth_box .ic {margin-right: 10px;}
.footer .auth_box .tx {font-size: 10px; line-height: 1.4; color: #1e1e1e;}



/* MPS솔루션 페이지 추가 :: 2023-01-13 ARA ---------------------------------------------------------------- */
.page_mps {}
.page_mps * {color:inherit;}
.page_mps li {list-style:none;}
.page_mps .sec_visual {background:transparent url('../images/mps/mps_visual_bg.jpg') center center no-repeat; position:relative; overflow:hidden; background-size:cover;}
.page_mps .sec_visual:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:rgba(0,0,0,0.55);;}
.page_mps .sec_visual .layout_fix {position:relative; z-index:2; display:flex; justify-content: center; align-items: center; flex-direction:column; height:400px; text-align:center; color:#fff;}
.page_mps .sec_visual .tit {color:#fff;}
.page_mps .sec_visual .tit dt {font-size:38px; font-weight:700;}
.page_mps .sec_visual .tit dd {font-size:24px; font-weight:500;}
.page_mps .sec_visual .sub_tx {font-size:18px; line-height:32px; font-weight:500; margin-top:40px;}

.page_mps .sec_about {margin-top:250px;}
.page_mps .sec_about .layout_fix {}
.page_mps .sec_about .conts {display:flex; justify-content: center; align-items: center; flex-direction:row;}
.page_mps .sec_about .conts dt,
.page_mps .sec_about .conts dd {width:50%; box-sizing:border-box; position:relative;}
.page_mps .sec_about .conts dt img {position:absolute; right:0; top:50%; margin-top:-220px;}
.page_mps .sec_about .conts dd {color:#1E1E1E; font-size:20px; font-weight:400; line-height:36px; display:flex; justify-content: flex-left; align-items: center; flex-direction:row; padding-left:100px;}
.page_mps .sec_about .conts dd strong {display:inline; font-weight:700;}

.page_mps .sec_service {margin-top:250px; text-align:center; background:#F7F7F7}
.page_mps .sec_service .sec_tit {background:#fff; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.page_mps .sec_service .sec_tit strong {color:#1E1E1E; font-size:24px; font-weight:500; height:62px; display:flex; justify-content: center; align-items: center; flex-direction:column; padding:0 50px;}
.page_mps .sec_service .sec_tit strong {background:#F7F7F7; border-radius:20px 20px 0 0;}
.page_mps .sec_service .service_list {display:flex; justify-content: center; align-items: center; flex-direction:row; padding:70px 0 100px 0;}
.page_mps .sec_service .service_list li {flex:1}
.page_mps .sec_service .picto {display:flex; justify-content: center; align-items: center; flex-direction:column;}
.page_mps .sec_service .tx {margin-top:20px; color:#1E1E1E;}
.page_mps .sec_service .tx dt {font-size:24px; font-weight:700;}
.page_mps .sec_service .tx dd {font-weight:400; font-size:20px; margin-top:10px;}

.page_mps .sec_benefit {background:#2B2B2B url('../images/mps/mps_benefit_bg.png') center top no-repeat; text-align:center; overflow:hidden; padding-bottom:110px; background-size:100% auto;}
.page_mps .sec_benefit .top_tx {margin-top:450px; color:#fff;}
.page_mps .sec_benefit .top_tx dt {font-size:38px; font-weight:700; text-shadow:4px 4px 4px 0px rgba(0,0,0,0.25);}
.page_mps .sec_benefit .top_tx dd {margin-top:60px;}
.page_mps .sec_benefit .top_tx .btn_contact {background: linear-gradient(298.6deg, #0047BB 21.95%, #37FFFF 106.39%); font-size:28px; font-weight:500; box-shadow:4px 4px 0px rgba(0,0,0,0.25);}
.page_mps .sec_benefit .top_tx .btn_contact {display:inline-flex; justify-content: center; align-items: center; flex-direction:column; height:61px; border-radius:100px; width:240px;}
.page_mps .sec_benefit .top_tx .btn_contact  {transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out;}
.page_mps .sec_benefit .top_tx .btn_contact:hover {width:270px;}
.page_mps .sec_benefit .graph_box {margin-top:200px; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.page_mps .sec_benefit .sol_tit {color:#fff;}
.page_mps .sec_benefit .sol_tit dt {font-size:38px; font-weight:700;}
.page_mps .sec_benefit .sol_tit dd {font-size:24px; border-top:1px solid #fff; padding-top:10px; margin-top:10px;}
.page_mps .sec_benefit .paragraph {margin-top:95px; color:#40FFE8; font-size:28px; font-weight:500;}
.page_mps .sec_benefit .paragraph strong {position:relative; padding:0 35px;}
.page_mps .sec_benefit .paragraph strong:before {content:""; width:30px; height:30px; position:absolute; left:0; top:0; background:transparent url('../images/mps/mps_quotes.svg') center center no-repeat;}
.page_mps .sec_benefit .paragraph strong:after {content:""; width:30px; height:30px; position:absolute; right:0; top:0; background:transparent url('../images/mps/mps_quotes.svg') center center no-repeat;}
.page_mps .sec_benefit .paragraph strong:after {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.page_mps .sec_benefit .graph {margin-top:100px;}
.page_mps .sec_benefit .last_tx {margin-top:150px; color:#fff; font-size:24px; font-weight:500;}







/* GUIDE 페이지 수정/추가 :: 2023-01-19 KHY ---------------------------------------------------------------- */
.p_guide {}
.p_guide li {list-style: none;}

.p_guide .guide_int {height: 400px; background: #002053 url('../images/guide/guide_visual_bg.jpg') center center no-repeat; background-size: auto 400px !important; color: #fff;}
.p_guide .guide_int * {color: inherit;}
.p_guide .guide_int .layout_fix {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; text-align: center;}
.p_guide .guide_int .tit {}
.p_guide .guide_int .tit dt {font-size: 38px; font-weight: 700;}
.p_guide .guide_int .tit dd {font-size: 24px; font-weight: 500;}
.p_guide .guide_int .sub_tx {margin-top: 40px; font-size: 18px; line-height: 32px; font-weight: 500;}

.p_guide .guide_tab {position: relative;}
.p_guide .guide_tab:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #D8D8D8;}
.p_guide .guide_tab ul {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_guide .guide_tab .tab {padding: 0 25px; box-sizing: border-box; font-size: 18px; color: #000;}
.p_guide .guide_tab .tab strong {position: relative; height: 60px; display: flex; flex-direction: row; justify-content: center; align-items: center; line-height: 1;}
.p_guide .guide_tab .tab.hit {color: #0047BB;}
.p_guide .guide_tab .tab.hit strong:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #0047BB; z-index: 1;}

.p_guide .guide_conts {background: #fff; margin-bottom: 0;}
.p_guide .guide_conts .li+ .li {margin-top: 55px;}
.p_guide .guide_conts .tit_wrap {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
.p_guide .guide_conts .tit_box {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.p_guide .guide_conts .tit_box .num {width: 65px; height: 65px; border: 1px solid transparent; border-radius: 20px; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.p_guide .guide_conts .tit_box .num {font-family: 'Manrope'; font-size: 31px; color: #fff; letter-spacing: -0.4px; font-weight: 600; font-style: italic;}
.p_guide .guide_conts .casting .tit_box .num {background: #264ad2; border-color: #264ad2;}
.p_guide .guide_conts .enter .tit_box .num {background: #41A5D8; border-color: #41A5D8;}
.p_guide .guide_conts .curio .tit_box .num {background: #9b1aed; border-color: #9b1aed;}
.p_guide .guide_conts .tit_box .tit {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-left: 20px;}
.p_guide .guide_conts .tit_box .tit em {font-size: 24px; color: #000; font-weight: 300; letter-spacing: -0.8px; line-height: 1;}
.p_guide .guide_conts .tit_box .tit strong {margin-top: 5px; font-size: 25px; letter-spacing: -0.4px; font-weight: 600; line-height: 1.3;}
.p_guide .guide_conts .casting .tit_box .tit strong {color: #264ad2;}
.p_guide .guide_conts .enter .tit_box .tit strong {color: #41A5D8;}
.p_guide .guide_conts .curio .tit_box .tit strong {color: #9b1aed;}
.p_guide .guide_conts .result {font-size: 23px; color: #000; letter-spacing: -0.8px; font-weight: 500; padding-left: 45px; box-sizing: border-box;}
.p_guide .guide_conts .result {background: transparent url('../images/sub/guide_result.png') left center no-repeat; line-height: 1; padding-bottom: 2px;}
.p_guide .guide_conts .flow_box {margin-top: 30px; background: #f9f9f9; padding: 50px; box-sizing: border-box; display: flex;}
.p_guide .guide_conts .flow_box {flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.p_guide .guide_conts .flow_box dl {flex: 1; background: #fff; padding: 30px 25px 30px 30px; box-sizing: border-box; border: 1px solid #eee; border-radius: 20px;}
.p_guide .guide_conts .flow_box dl+ dl {margin-left: 20px;}
.p_guide .guide_conts .flow_box dt {display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.p_guide .guide_conts .flow_box dt {text-align: center; border-bottom: 1px solid #000; box-sizing: border-box; padding-bottom: 5px;}
.p_guide .guide_conts .flow_box dd {margin-top: 20px;}
.p_guide .guide_conts .flow_box .step {font-family: 'Manrope'; font-size: 15px; color: #aaa; letter-spacing: 0; font-weight: 700; line-height: 1;}
.p_guide .guide_conts .flow_box .num {font-family: 'Manrope'; font-size: 33px; color: #000; letter-spacing: -0.8px; font-weight: 800; line-height: 1.1; margin-top: 3px;}
.p_guide .guide_conts .flow_box .tx {font-size: 17px; color: #000; letter-spacing: -0.4px; line-height: 1.4;}
.p_guide .guide_conts .flow_box .tx_s {font-size: 13px; letter-spacing: -0.4px; line-height: 1.4; margin-top: 7px;}
.p_guide .guide_conts .casting .flow_box .tx_s {color: #264ad2;}
.p_guide .guide_conts .enter .flow_box .tx_s {color: #41A5D8;}
.p_guide .guide_conts .curio .flow_box .tx_s {color: #9b1aed;}

.p_guide .sec_about {margin-top: 120px; box-sizing: border-box;}
.p_guide .sec_about+ .sec_about {margin-top: 160px;}
.p_guide .sec_about * {color: inherit;}
.p_guide .sec_about .layout_fix {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.p_guide .sec_about .img_box {width: 50%; flex: none; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding-right: 120px; box-sizing: border-box;}
.p_guide .sec_about .conts_box {flex: 1;}
.p_guide .sec_about .conts_inner {}
.p_guide .sec_about .tit {font-size: 28px; color: #0047BB; font-weight: 700; line-height: 41px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.p_guide .sec_about .tit .tx_small {font-size: 18px; line-height: 1;}
.p_guide .sec_about .tit .logo {margin-top: 15px; font-size: 0;}
.p_guide .sec_about .text {margin-top: 30px; font-size: 20px; line-height: 36px; color: #1E1E1E;}
.p_guide .sec_about .desc {margin-top: 35px; background: #F7F7F7; border: 1px solid #F7F7F7; border-radius: 10px; box-sizing: border-box; color: #1E1E1E; width: 470px; padding: 10px 15px;}
.p_guide .sec_about .desc dt {font-size: 14px;}
.p_guide .sec_about .desc dt strong {font-size: 18px; font-weight: 700;}
.p_guide .sec_about .desc dd {font-size: 12px;}
.p_guide .sec_about.type_reverse .conts_box {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; margin-top: 20px;}
.p_guide .sec_about.type_reverse .img_box {justify-content: flex-start; padding: 0;}
.p_guide .sec_about.type_reverse .text {margin-top: 55px;}

.p_guide .sec_service {margin-top:120px; text-align:center; background:#F7F7F7;}
.p_guide .sec_service .sec_tit {background:#fff; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.p_guide .sec_service .sec_tit strong {color:#1E1E1E; font-size:24px; font-weight:500; height:62px; display:flex; justify-content: center; align-items: center; flex-direction:column; padding:0 50px;}
.p_guide .sec_service .sec_tit strong {background:#F7F7F7; border-radius:20px 20px 0 0;}
.p_guide .sec_service .service_list {display:flex; justify-content: center; align-items: flex-start; flex-direction:row; padding:70px 0 240px 0;}
.p_guide .sec_service .service_list li {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 0 80px; box-sizing: border-box;}
.p_guide .sec_service .picto {display:flex; justify-content: center; align-items: center; flex-direction:column;}
.p_guide .sec_service .tx {font-size: 18px; color: #1E1E1E; line-height: 32px; margin-top: 20px; padding-top: 15px; border-top: 1px solid #1E1E1E; box-sizing: border-box; width: 250px;}

.p_guide .sec_video {margin-top: -210px;}
.p_guide .sec_video .layout_fix {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.p_guide .sec_video .top_img {}
.p_guide .sec_video .video {margin-top: 100px; background: #89A9DD; border-radius: 10px; box-sizing: border-box; padding: 40px;}
.p_guide .sec_video .video .tit {font-size: 24px; font-weight: 700; color: #fff; text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.45); margin-bottom: 40px; line-height: 1; text-align: center;}
.p_guide .sec_video .video .play {width: 720px; height: 405px;}
.p_guide .sec_video .video iframe {}
.p_guide .sec_video .last_tx {margin-top: 120px; font-size: 24px; color: #1E1E1E; font-weight: 500;}


/* 출금신청 취소사유 툴팁 추가 :: 2023-02-16 ARA */
.cm_mypage_main {overflow:visible}
.cm_order_list {overflow:visible}
.texticon_pack.this_tool {position:relative; width:95px !important;}
.texticon_pack.this_tool span {font-size:12px !important;}
.texticon_pack.this_tool .light {background:#f5f5f5 !important; border-color:#ddd !important;}
.add_tool_btn {position:absolute; right:-30px; top:50%; margin-top:-15px; width:30px; height:30px; background:transparent url('../images/add_tool_tip.svg') center center no-repeat; background-size:16px;}
.add_tool_btn {opacity: 0.5; filter: alpha(opacity=50); -ms-filter:alpha(opacity=50);}
.add_tool_open {position:absolute; right:-25px; top:35px; display:none; background:#fff; border:1px solid #222; padding:10px; width:190px; font-size:11px; line-height:1.4; text-align:left; color:#888; z-index:100}
.add_tool_open {word-wrap:break-word; word-break:keep-all; white-space:normal; cursor:default; box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
.add_tool_open strong {color:#000; font-weight:500; display:block; letter-spacing:-0.5px; margin-bottom:5px;}
.if_open_tooltip .add_tool_open {display:block;}


/* 회원탈퇴 경고문구 추가 :: 2023-03-02 KHY */
.cm_mypage_leave .warning {border:1px solid #ee404c; box-sizing:border-box; margin-bottom:20px; text-align:center; padding:15px; padding-top:65px; line-height:1.5; color:#ee404c;}
.cm_mypage_leave .warning {background:transparent url('../images/leave_warning.svg') center 15px no-repeat; background-size:40px !important;}





/* 서비스소개 페이지추가 :: 2024-02-22 SJS ========================================= */
.p_About {letter-spacing:0;}
.p_About .layout_fix {box-sizing:border-box;}
.p_About * {letter-spacing:inherit; font-size:inherit; color:inherit;}
.p_About li {list-style:none;}
.p_About img {max-width:100%;}

/* 탑비주얼 */
.p_About .top_visual {background:url('../images/new_guide/visual_top.jpg') no-repeat center center; color:#fff; text-align:center;}
.p_About .top_visual .layout_fix {height:400px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.p_About .top_visual .title {font-size:32px; font-weight:600;}
.p_About .top_visual .sub_title {margin-top:15px; font-size:20px; font-weight:500;}

/* 탭메뉴 */
.p_About .page_tab {position:sticky; top:70px; z-index:10; background:#fff;}
.p_About .page_tab:before {content:""; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:1px; background:#d8d8d8;}
.p_About .page_tab ul {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_About .page_tab .menu {padding:0 25px;}
.p_About .page_tab .menu strong {position:relative;display:flex; flex-direction:row; justify-content:center; align-items:center; height:60px; font-size:18px; color:#000;}
.p_About .page_tab .menu strong:before {content:""; display:none; position:absolute; left:0; bottom:0; z-index:2; width:100%; height:3px; background:#0047bb;}
.p_About .page_tab .menu:hover strong {color:#0047bb;}
.p_About .page_tab li.hit .menu strong {color:#0047bb;}
.p_About .page_tab li.hit .menu strong:before {display:block;}

/* 페이지 비주얼 */
.p_About .page_visual {margin-top:130px; background-repeat:no-repeat; background-position:center center; color:#fff;}
.p_About .page_visual.music {background-image:url('../images/new_guide/visual_music.jpg'); margin-top:0;}
.p_About .page_visual.book {background-image:url('../images/new_guide/visual_book.jpg');}
.p_About .page_visual.order {background-image:url('../images/new_guide/visual_order.jpg');}
.p_About .page_visual .layout_fix {height:300px; padding-top:30px; text-align:center;}
.p_About .page_visual .subject {font-size:32px; font-weight:600;}
.p_About .page_visual .explain {margin-top:10px; font-size:20px; font-weight:500;}

/* 중간타이틀 */
.p_About .page_title {margin-bottom:20px; text-align:center;}
.p_About .page_title .title {font-size:32px; font-weight:600; color:#0047bb;}
.p_About .page_title .title strong {position:relative;}
.p_About .page_title .title strong:before {content:""; position:absolute; left:50%; top:50%; z-index:-1; transform:translate(-50%, -50%); width:calc(100% + 10px); height:100%; background:#FFDB69;}
.p_About .page_title .sub {margin-top:25px; font-size:20px; color:#1e1e1e;}
.p_About .page_title .addition {margin-top:10px; font-size:11px; letter-spacing:-1px; color:#a4a4a4;}

/* 영상 */
.p_About .page_video {margin-top:120px; text-align:center;}
.p_About .page_video .layout_fix {padding:0 10px;}
.p_About .page_video iframe {width:100% !important; height:auto !important; aspect-ratio:16/9.1;}

/* .p_About .page_video .inner {aspect-ratio:16/9;}
.p_About .page_video .inner iframe {width:100% !important; height:auto !important;}
 */

/* 바로가기버튼 */
.p_About .page_btn {margin-top:60px; text-align:center;}
.p_About .page_btn .btn_link {position:relative; display:inline-flex; flex-direction:row; justify-content:center; align-items:center; width:300px; border:5px solid #d9d9da; border-radius:100px; box-sizing:border-box;}
.p_About .page_btn .btn_link {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.p_About .page_btn .btn_link:before {content:""; position:absolute; left:4px; top:4px; z-index:1; width:calc(100% - 8px); height:calc(100% - 8px); border-radius:100px;}
.p_About .page_btn .btn_link:before {background:linear-gradient(to bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 50%);}
.p_About .page_btn .btn_link strong {position:relative; z-index:3; padding:20px 0; font-size:24px; font-weight:600; color:#fff;}
.p_About .page_btn .btn_link.type_purple {background:linear-gradient(to right, #2ca8e2, #fc09ff);}
.p_About .page_btn .btn_link.type_green {background:linear-gradient(to right, #2dade2, #22b576);}

/* 스탭 */
.p_About .page_step {margin-top:50px;}
.p_About .page_step ul {display:flex; flex-direction:row; justify-content:center; align-items:stretch;}
.p_About .page_step li.arrow {display:flex; flex-direction:row; justify-content:center; align-items:center; padding:0 23px;}
.p_About .page_step dl {width:300px; height:100%; min-height:120px; padding:15px 10px; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.2); box-sizing:border-box;}
.p_About .page_step dt {font-size:16px; font-weight:600; color:#0047bb;}
.p_About .page_step dd {margin-top:5px; font-size:20px; font-weight:500; color:#000; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_About .page_step dd.addition {margin-top:5px;font-size:16px; font-weight:500; color:#999;}

/* 글+이미지 */
.p_About .page_content {margin-top:120px;}
.p_About .page_content .visual {text-align:center; font-size:0;}
.p_About .page_content .visual img {}
.p_About .page_content .comment {margin-top:60px; text-align:center;}
.p_About .page_content .comment .subject {font-size:32px; font-weight:600; color:#0047bb;}
.p_About .page_content .comment .text {margin-top:10px; font-size:32px; font-size:20px; color:#1e1e1e;}
.p_About .page_content .page_title+ .visual {margin-top:80px;}




/* TAB 1) 서비스소개 .intro_ ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
.p_About .intro_about {padding-top:60px; background:url('../images/new_guide/intro_graph.svg') no-repeat right bottom;}
.p_About .intro_about .page_video {margin-top:0;}
.p_About .intro_about .inner_wrap {display:flex; flex-direction:row; justify-content:space-between; align-items:center; padding:200px 75px;}
.p_About .intro_about .overview {}
.p_About .intro_about .overview .title {font-size:28px; font-weight:600; color:#0047bb;}
.p_About .intro_about .overview .explain {margin-top:40px; font-size:20px; color:#1e1e1e; line-height:1.8;}
.p_About .intro_about .chart {margin-left:50px; color:#114190;}
.p_About .intro_about .chart ul {display:flex; flex-direction:row; justify-content:center; align-items:center; gap:40px;}
.p_About .intro_about .chart .amount {width:180px; height:180px; background:url('../images/new_guide/intro_circle.svg') no-repeat center center; background-size:100%; font-size:48px;}
.p_About .intro_about .chart .amount {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_About .intro_about .chart .amount strong {font-weight:900;}
.p_About .intro_about .chart .amount em {font-weight:500;}
.p_About .intro_about .chart .name {margin-top:15px; font-size:20px; font-weight:500; text-align:center;}

/* TAB 2) 음악 .music_ ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
.p_About .music_value {padding-top:100px; text-align:center;}
.p_About .music_value .chart {position:relative;}
.p_About .music_value .chart ul {position:relative; z-index:5; display:flex; flex-direction:row; justify-content:center; align-items:flex-start; gap:100px;}
.p_About .music_value .chart li {width:240px;}
.p_About .music_value .chart .picto {width:200px; height:200px; margin:0 auto; border-radius:100%; box-shadow:0 0 15px rgba(0,0,0,0.4);}
.p_About .music_value .chart .picto img {}
.p_About .music_value .chart .caption {margin-top:40px;}
.p_About .music_value .chart dt {font-size:28px; font-weight:600; color:#114190;}
.p_About .music_value .chart dd {margin-top:10px; font-size:20px; color:#1e1e1e;}
.p_About .music_value .chart .line {position:absolute; top:100px; left:calc(50% - 300px); z-index:1; width:600px; border-top:3px dashed #687ba8;}
.p_About .music_value .subject {margin-top:65px; font-size:28px; font-weight:600; color:#0047bb;}
.p_About .music_value .explain {margin-top:20px; font-size:20px; color:#1e1e1e; line-height:1.8;}


/* TAB 3) 도서 .book_ ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
.p_About .book_sum {margin-top:98px;}
.p_About .book_sum .visual {text-align:center;}
.p_About .book_sum .visual img {}
.p_About .book_sum .chart {margin:30px auto 0; max-width:850px; display:flex; flex-direction:row; justify-content:space-between; align-items:stretch; flex-wrap:wrap; gap:20px;}
.p_About .book_sum .chart dl.right {text-align:right;}
.p_About .book_sum .chart dt {font-size:20px; color:#1e1e1e;}
.p_About .book_sum .chart dd {margin-top:5px; font-size:56px; font-weight:600; color:#114190;}
.p_About .book_sum .chart dd.addition {font-size:14px; font-weight:400; color:#a4a4a4;}

.p_About .book_award {margin-top:122px;}
.p_About .book_award .layout_fix {display:flex; flex-direction:row; justify-content:space-between; align-items:stretch; margin-top:130px; padding:0 24px;}
.p_About .book_award .visual {position:relative;}
.p_About .book_award .visual .photo {}
.p_About .book_award .visual .photo img {}
.p_About .book_award .step {flex:1; display:flex; flex-direction:column; justify-content:space-between; gap:20px; margin-left:40px; overflow:hidden; position:relative;}
.p_About .book_award .step:before {content:""; position:absolute; left:7px; top:10px; width:2px; height:100%; background:#687ba8;}
.p_About .book_award .step dl {position:relative; padding-left:45px;}
.p_About .book_award .step dl:last-child:before {content:""; position:absolute; left:7px; top:10px; width:2px; height:100%; background:#fff;}
.p_About .book_award .step dt {font-size:24px; font-weight:600; color:#114190;}
.p_About .book_award .step dt:before {content:""; position:absolute; left:0; top:10px; width:16px; height:16px; background:#687ba8; border-radius:100%;}
.p_About .book_award .step dd {margin-top:7px; font-size:20px; color:#1e1e1e;}
.p_About .book_award .step dd.highlight {color:#f06422;}

.p_About .book_explain {margin-top:122px;}
.p_About .book_explain .layout_fix {padding:0 76px;}
.p_About .book_explain ul {padding:25px 45px; background:#f8f9fb; border-radius:14px;}
.p_About .book_explain li {position:relative; padding-left:20px; font-size:20px; color:#1e1e1e;}
.p_About .book_explain li+ li {margin-top:5px;}
.p_About .book_explain li:before {content:""; position:absolute; left:0; top:14px; width:5px; height:5px; background:#1e1e1e; border-radius:100%;}

.p_About .book_law {margin-top:122px;}
.p_About .book_law .layout_fix {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-end; padding-right:60px; box-sizing:border-box;}
.p_About .book_law .graph {text-align:right;}
.p_About .book_law .graph img {}
.p_About .book_law .summary {max-width:942px;}
.p_About .book_law .summary .arrow {margin:25px 0; text-align:center;}
.p_About .book_law .summary .arrow img {}
.p_About .book_law .summary .text {padding:35px 30px; border:3px solid #687ba8; font-size:20px; line-height:1.8; color:#1e1e1e; border-radius:14px; word-break:keep-all; box-sizing:border-box;}


/* TAB 4) 정산/충전 .order_ ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
.p_About .order_qna {margin-top:120px; letter-spacing:-1px;}
.p_About .order_qna .layout_fix {margin-top:60px; width:855px;}
.p_About .order_qna .sub_title {margin-bottom:10px; font-size:22px; font-weight:600; color:#1f273c;}
.p_About .order_qna .inner_wrap {border-top:1px solid #1f273c; padding-top:29px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:25px;}
.p_About .order_qna .qna_info {flex:1;}
.p_About .order_qna .qna_info dl {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; font-size:17px; color:#000;}
.p_About .order_qna .qna_info dt {flex:none; margin-right:8px; font-weight:600; font-size:20px;}
.p_About .order_qna .qna_info dd {flex:1; word-break:keep-all;}
.p_About .order_qna .qna_info dl.question {color:#1f273c;}
.p_About .order_qna .qna_info dl.question dd {font-weight:600;}
.p_About .order_qna .qna_info dl.answer {margin-top:20px;}
.p_About .order_qna .qna_info dd strong {display:block; font-weight:500;}
.p_About .order_qna .qna_info dd em {display:block; margin-top:10px; line-height:1.8;}
.p_About .order_qna .graph {}
.p_About .order_qna .graph img {}

/* 정산시기 (월별) */
.p_About .order_month {margin-top:80px;}
.p_About .order_month .layout_fix {background:#F5F5F5; padding:50px 70px; max-width:995px}
.p_About .order_month .group_title {color:#363636; border-bottom:1px solid #363636; padding-bottom:13px; line-height:1; font-weight:600; font-size:26px; letter-spacing:-1px; margin-bottom:30px;}
.p_About .order_month *+ .group_title {margin-top:150px;}
.p_About .order_month .group_wrap {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:23px 31px}
.p_About .order_month .data_table {color:#363636; font-size:13px;}
.p_About .order_month .data_table .subject {background:#EDEDED; padding:15px 18px; border-radius:10px 10px 0 0;}
.p_About .order_month .data_table .subject strong {font-weight:600; letter-spacing:-0.3px;}
.p_About .order_month .data_table .data {background:#EDEDED; border-radius:0 0 10px 10px;}
.p_About .order_month .data_table .data ul {display:flex; justify-content:center; align-items:center; flex-direction:row}
.p_About .order_month .data_table .data ul+ ul {border-top:1px solid rgba(54,54,54,0.4);}
.p_About .order_month .data_table .data li {flex:1; height:27px; display:flex; justify-content:center; align-items:center; flex-direction:column; color:rgba(0,0,0,0.8);}
.p_About .order_month .data_table .data li.sort {fleX:none; width:60px; font-weight:600;}
.p_About .order_month .data_table .data li+ li {border-left:1px dashed rgba(54,54,54,0.4);;}
.p_About .order_month .data_table .addition {text-align:right; margin-top:8px; font-size:10px;}
.p_About .order_month .tip {color:rgba(0,0,0,0.6); font-size:13px; margin-top:10px; margin-left:16px;}
.p_About .order_month .tip * {letter-spacing:-0.7px;}
.p_About .order_month .tip dt {font-weight:500; padding-left:10px;}
.p_About .order_month .tip dd {position:relative; line-height:1.3; padding-left:10px; margin-top:6px;}
.p_About .order_month .tip dd:before {content:"-"; position:absolute; left:0; top:0;}

/* 정정산시기 (연간) */
.p_About .order_year {margin-top:117px;}
.p_About .order_year .layout_fix {background:#F5F5F5; padding:30px 70px; max-width:995px}
.p_About .order_year .data_table {text-align:center; font-size:13px; color:#363636;}
.p_About .order_year .data_table ul {display:flex; justify-content:center; align-items:center; flex-direction:row; border-bottom:0.5px solid rgba(54,54,54,0.6);}
.p_About .order_year .data_table li {flex:1; padding:5px; box-sizing:border-box; min-height:47px; line-height:1.3; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_About .order_year .data_table ul.month {border-width:2px;}
.p_About .order_year .data_table ul.month li {font-weight:600; min-height:37px;}
.p_About .order_year .data_table li.sort {width:104px; flex:none; font-weight:600; align-items:center !important;}
.p_About .order_year .data_table ul.system .quarter1 {background:#fff;}
.p_About .order_year .data_table ul.system .quarter2 {background:#E5E5E5;}
.p_About .order_year .data_table ul.system .quarter3 {background:#D3D3D3;}
.p_About .order_year .data_table ul.system .quarter4 {background:#BBBBBB;}
.p_About .order_year .data_table ul.publisher .quarter1 {background:#BBBBBB;}
.p_About .order_year .data_table ul.publisher .quarter2 {background:#fff;}
.p_About .order_year .data_table ul.publisher .quarter3 {background:#E5E5E5;}
.p_About .order_year .data_table ul.publisher .quarter4 {background:#D3D3D3;}
.p_About .order_year .data_table ul.we li {align-items:flex-end}
.p_About .order_year .sort,
.p_About .order_year .quarter1,
.p_About .order_year .quarter2,
.p_About .order_year .quarter3,
.p_About .order_year .quarter4 {border-right:1px dashed rgba(54,54,54,0.4);}
.p_About .order_year .tip {text-align:right; color:#A4A4A4; font-size:11px; margin-top:14px;}