/*
	[디자인팀 맞춤제작 및 수정 CSS]

	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

	※ css 추가 시, 반드시 날짜와 작업자 이니셜을 기재바랍니다.
*/



/* 로그인 화면 패칙 */
.if_none_member {margin-top:-21px; background:#fff; position:relative;}
.if_none_member .ul {width:50%; margin:0 auto; border-top:1px solid #ddd;}
.if_none_member:before {content:""; width:30%; height:30px; background:#fff; position:absolute; right:0; top:-40px;}



/* 주문/결제 :: KHY 2021-06-10 */
.c_form .pay_select {display: block; overflow: hidden; margin: 0 -5px; width: auto;}
.c_form .pay_select li {display: inline-block; float: left; width: 25%; padding: 0 5px; box-sizing: border-box;}
.c_form .pay_select li:nth-of-type(4n)+ li {clear: both;}
.c_form .pay_select li:nth-of-type(4)~ li {margin-top: 10px;}
.c_form .pay_select .lineup {border-color: #e5e5e5;}
.c_form .use_kakaopay .lineup {background: transparent url('../images/c_img/ic_pay_kakao.png') center 21px no-repeat; background-size: auto 15px !important;}
.c_form .use_naverpay .lineup {background: transparent url('../images/c_img/ic_pay_naver.png') center 21px no-repeat; background-size: auto 17px !important;}

/* // JJC : 간편결제 - 페이플 : 2021-06-05 */
.c_form .use_payple .lineup {background:transparent url('../images/c_img/ic_pay_payple.png') center 20px no-repeat; background-size:auto 15px;}






/* 공통페이지 타이틀, 공통 버튼 :: 2021-12-29 KHY */
.c_section {padding-top: 0; padding-bottom: 0; overflow: visible;}
.c_login {margin-top: -1px;}
.c_agree {margin-top: 0;}
.c_complete {margin-top: 0;}
.c_comb_search .result {height: 170px; display: flex; justify-content: center; align-items: center;}
.c_comb_search .item_li_ctrl {margin-top: 20px;}

.c_page_tit {height: 170px; display: flex; justify-content: center; align-items: center; margin-bottom: 0; position: relative;}
.c_page_tit .title {font-size: 37px; color: #080808; letter-spacing: -0.2px; font-weight: 600;}
.c_page_tit .c_location {display: none;}
.c_page_tit .c_process {top: 50%; margin-top: -12px;}
.c_shop .c_page_tit {border-bottom: 0;}

.c_member .c_group_tit {padding-top: 20px;}
.c_agree .agree_form {padding-top: 0;}

.c_process li {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}

.c_promotion .title {height: 170px; display: flex; justify-content: center; align-items: center; border-bottom: 0;}
.c_promotion .title strong {font-size: 37px; color: #080808; letter-spacing: -0.2px; font-weight: 600;}
.c_promotion .promotion_list ul {margin-top: -20px;}
.c_promotion .item_list {margin-top: 20px;}
.c_promotion .pro_view_top {border-bottom: 1px solid #eee; box-sizing: border-box; margin-bottom: 40px;}
.c_promotion .pro_view_top .title {padding-bottom: 20px;}
.c_promotion .pro_view_top .date_info {padding-bottom: 20px;}
.c_promotion .pro_view_top .c_btn {bottom: 20px;}

.c_brand .title {height: 170px; display: flex; justify-content: center; align-items: center;}
.c_brand .title strong {font-size: 37px; color: #080808; letter-spacing: -0.2px; font-weight: 600;}

.c_board.if_partner .c_page_tit {border-bottom: 1px solid #ddd;}
.c_board.if_partner .c_board_form {margin-top: 0;}

.c_btn.color {background: #0170d5 !important; border-color: #0170d5 !important;}
a.c_btn.color:hover {background: #d615b3 !important; border-color: #d615b3 !important;}
.c_btn.color.line {color:#0170d5 !important; background:#fff !important;}
a.c_btn.color.line:hover {background:#eee !important; color:#d615b3 !important;}

.c_cs_main .right_faq .c_btnbox .c_btn.line {border-color: #0170d5; color: #0170d5 !important;}
.c_cs_main .right_faq .c_btnbox .c_btn.line:hover {border-color: #d615b3; color: #d615b3 !important;}





/* 상세 리뷰, 문의 :: 2021-01-03 KHY */
.c_view_list tr {border-color: #e4e8ec;}
.c_view_list td {padding: 15px 0; box-sizing: border-box;}
.c_view_list .b_right .img_box {border-radius: 100px; box-sizing: border-box; overflow: hidden; width: 50px; height: 50px; font-size: 0; position: relative;}
.c_view_list .b_right .img_box {background: #e4e8ec url('../images/sub/text_ic.svg') center center no-repeat; background-size: 17px 17px !important;}
.c_view_list .b_right .img_box .photo {font-size: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.c_view_list .b_right .img_box img {width: 100%; flex: 1;}
.c_view_list .mark {width: 80px; height: 14px;}
.c_view_list .tit {font-size: 14px; color: #333;}
.c_view_list .title {padding-right: 30px;}
.c_view_list .date:before {display: none;}
.c_view_list .qna_box_area .tag .c_tag {border: 0 !important; color: #aaa !important; font-size: 13px !important; height: auto; line-height: 1; background: transparent !important;}
.c_view_list .qna_box_area .tag .c_tag.black {color: #000 !important;}

.v_form_wrap {position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 500;}
.v_form_wrap {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.v_form_wrap .white_box {border-radius: 10px; box-sizing: border-box; overflow: hidden; width: 750px; position: relative; z-index: 2;}
.v_form_wrap .layer_tit {background: #080808; height: 60px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.v_form_wrap .layer_tit {padding: 0 30px; box-sizing: border-box;}
.v_form_wrap .layer_tit .tit {font-size: 17px; color: #fff; letter-spacing: -0.2px;}
.v_form_wrap .layer_tit .btn_close {margin-left: auto; font-size: 0; padding: 15px; box-sizing: border-box; margin-right: -15px;}
.v_form_wrap .c_view_form {background: #fff; padding: 30px 50px; box-sizing: border-box; border: 0;}
.v_form_wrap .bg_close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1;}

.if_open_v_review .v_form_wrap {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
.if_open_v_qna .v_form_wrap {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}

.c_view_form .mark {width: 63px;}




/* 공통 페이지 :: 2021-01-06 KHY */
.c_board_list .view_box .view_txt {margin-top: 5px;}




/* 출금팝업 */
.my_reward_pop {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 500; padding: 40px; box-sizing: border-box;}
.my_reward_pop {display: flex; flex-direction: column; justify-content: center; align-items: center; visibility: hidden;}
.my_reward_pop { opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.my_reward_pop li {list-style: none;}

.my_reward_pop .white_box {position: relative; z-index: 2; width: 100%; width: 500px;}
.my_reward_pop .white_box {border-radius: 10px; box-sizing: border-box; overflow: hidden; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.1);}
.my_reward_pop .layer_tit {background: #080808; height: 60px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.my_reward_pop .layer_tit {padding: 0 40px; box-sizing: border-box;}
.my_reward_pop .layer_tit .tit {font-size: 17px; color: #fff; letter-spacing: -0.2px;}
.my_reward_pop .layer_tit .btn_close {margin-left: auto; font-size: 0; padding: 15px; box-sizing: border-box; margin-right: -15px;}
.my_reward_pop .layer_in {background: #fff; padding:35px 40px;}

.my_reward_pop .want {position:relative; display:flex; justify-content: center; align-items: flex-end; flex-direction:column;}
.my_reward_pop .want input {border:1px solid #333; border-radius:5px; height:60px; width:100%; padding:20px; padding-right:40px; text-align:right; font-size:21px; font-weight:600;}
.my_reward_pop .want input:focus {color:#0170d5 !important;}
.my_reward_pop .want .unit {position:absolute; right:20px; top:0; height:60px; display:flex; justify-content: center; align-items: center; flex-direction:column; color:#333; font-weight:500; font-size:17px;}
.my_reward_pop .want .mine {margin-top:5px; color:#d615b3; font-weight:500; text-decoration:underline;}
.my_reward_pop .account {margin-top:20px; display:flex; justify-content: center; align-items: center; flex-direction:column; background:#f5f5f5; padding:10px; color:#aaa; font-size:14px;}
.my_reward_pop .account em {color:#000; font-weight:500; margin-top:5px;}
.my_reward_pop .agree {margin-top:20px; overflow-x:hidden; overflow-y:auto; max-height:150px; border:1px solid #e5e5e5; padding:20px;}
.my_reward_pop .agree .att {color:#333; font-weight:600;}
.my_reward_pop .agree .acc {color:#999; line-height:1.4; margin-top:5px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.my_reward_pop .agree .acc.color {color:#ff0000;}
.my_reward_pop .agree .acc+ .att {margin-top:15px;}



.my_reward_pop .layer_btn {background:#fff; border-top:1px solid #eee; display:flex; justify-content: center; align-items: center; flex-direction:row;}
.my_reward_pop .layer_btn .btn {flex:1; display:flex; justify-content: center; align-items: center; flex-direction:column; color:#999; font-size:16px; height:60px;}
.my_reward_pop .layer_btn .btn.color {color:#0170d5; font-weight:700;}
.my_reward_pop .layer_btn .btn+ .btn {border-left:1px solid #eee;}

.my_reward_pop_bg {position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}

.if_open_reward_pop .my_reward_pop {visibility:visible; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.if_open_reward_pop .my_reward_pop_bg {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}




/* 특별아이콘 추가 */
.up_ic_coupon {position:absolute; left:0; top:0; z-index:1;display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.up_ic_coupon {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.up_ic_coupon .icon {height: 24px; padding: 0 10px; box-sizing: border-box; font-size: 12px; color: #111; background: #e4e8ec; margin-right: 1px; margin-bottom: 1px;}
.up_ic_coupon .icon {display: inline-flex; justify-content: center; align-items: center; font-weight: 500; letter-spacing: -0.2px; flex: none;}
.up_ic_coupon .icon:hover {cursor: default;}
.up_ic_coupon img {max-height: 24px; margin-right: 1px; margin-bottom: 1px;}
.item_box:hover .up_ic_coupon {top:-30px}


.up_ic_promo {position:absolute; left:0; bottom:-35px; width:100%; background:rgba(0,0,0,0.7); color:#fff; box-sizing:border-box; z-index:11}
.up_ic_promo {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.up_ic_promo a {display:flex; justify-content: flex-start; align-items: stretch; flex-direction:row; padding-right:5px; font-size:12px;}
.up_ic_promo strong {background:#0170d5; text-align:center; margin-right:10px; display:flex; justify-content: center; align-items: center; flex-direction:column; height:30px;}
.up_ic_promo strong {min-width:50px; padding:0 5px; box-sizing:border-box; flex:none;}
.up_ic_promo em {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; line-height:30px;}
.item_box:hover .up_ic_promo {bottom:0}



/* 특별아이콘 변경 */
.ma_best .item_box .lv_box {display:flex;}
.main_item .item_box .lv_box {display:flex;}

.item_box .info {display:flex; justify-content: flex-start; align-items: stretch; flex-direction:column;}
.item_box .info .brand_name {order:1}
.item_box .info .item_name {order:2}
.item_box .info .sub_name {order:3}
.item_box .price {order:4}
.item_box .lv_box {order:5; margin-bottom:0px;}
.item_box .icon_total {order:6}
.item_box .item_icon {order:7}

.item_box .lv_box {display:flex; justify-content: flex-start; align-items: flex-start; flex-direction:row;}
.item_box .lv_box .lv_mark {border-radius:0; border:0; text-align:left; padding:0px; position:relative;}
.item_box .lv_box .lv_mark+ .lv_mark {padding-left:16px; font-size:11px; letter-spacing:-1px;}
.item_box .lv_box .lv_mark+ .lv_mark:before {content:""; width:2px; height:2px; background:#aaa; position:absolute; left:7px; top:50%; border-radius:100px; margin-top:-1px;}

.view_price {flex-direction:column; align-items:stretch; justify-content:flex-start; position:relative;}
.view_price .btn_box {position:absolute; right:0; top:0;}
.view_price .price .price_in * {white-space:nowrap}
.view_price .lv_box {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; margin:0px; margin-top:10px;}
.view_price .lv_box .lv_mark+ .lv_mark {margin-left:5px;}






/* **************************************** *
   공유 제공 계약서 ARA 2022-04-27
 * **************************************** */

.paper_contract {position:fixed; left:0; top:0; width:100%; height:100%; z-index:-1; display:flex; justify-content: center; align-items: center; flex-direction:column; box-sizing:border-box; padding:30px;}
.paper_contract {visibility:hidden; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}

.paper_contract li {list-style:none;}
.paper_contract .white_box {background:#fff; width:600px; z-index:10002; position:relative; border-radius:5px; overflow:hidden; border:1px solid #fff; box-sizing:border-box; max-height:100%}
.paper_contract .white_box {display:flex; justify-content: stretch; align-items: stretch; flex-direction:column;}
.paper_contract .bg {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100;}
.paper_contract .bg {visibility:hidden; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}

.paper_contract .pp_tit {font-size:23px; font-weight:800; text-align:center; color:#000; padding:20px 30px; position:relative;}
.paper_contract .pp_tit .btn_close {position:absolute; right:20px; top:50%; margin-top:-15px; width:30px; height:30px; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.paper_contract .pp_tit .btn_close svg {width:15px; height:15px;}

.paper_contract .pp_inner {padding:30px; line-height:1.4; overflow-x:hidden; overflow-y:auto; border-top:1px solid #f2f2f2;}
.paper_contract .pp_inner dl+ dl {margin-top:15px;}
.paper_contract .pp_inner dt {font-weight:600; color:#333; margin-bottom:5px;}
.paper_contract .pp_inner dd {color:#888; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.paper_contract .pp_inner .table {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.paper_contract .pp_inner .table ul {display:table-row;}
.paper_contract .pp_inner .table li {display:table-cell; vertical-align:middle; padding:5px 10px; box-sizing:border-box; border:1px solid #f2f2f2;}
.paper_contract .pp_inner .table .th {background:#f9f9f9; width:120px;}

.paper_contract .pp_agree {border-top:1px solid #f2f2f2; padding:25px 30px; background:#f5f5f5; text-align:center;}
.paper_contract .pp_agree .guide {color:#999;}
.paper_contract .pp_agree .label_box {margin-top:5px; display:flex; justify-content: center; align-items: center; flex-direction:row;}
.paper_contract .pp_agree label {padding:10px 15px;}
.paper_contract .pp_agree label input {position:absolute; left:0; top:0;opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.paper_contract .pp_agree label .tx {font-size:14px; font-weight:500; color:#000; display:flex; justify-content: center; align-items: center; flex-direction:row;}
.paper_contract .pp_agree label .ic {width:20px; height:20px; border-radius:100px; background:#ccc; position:relative; margin-right:5px;}
.paper_contract .pp_agree label .ic:before {content:""; width:8px; height:8px; position:absolute; left:50%; top:50%; border-radius:100px; background:#fff; transform:translate(-50%, -50%);}
.paper_contract .pp_agree label input:checked+ .tx {color:#0170d5;}
.paper_contract .pp_agree label input:checked+ .tx .ic {background:#0170d5;}
.paper_contract .pp_agree label:hover .tx {text-decoration:underline;}

.paper_contract .pp_agree .btn_box {margin-top:10px; display:flex; justify-content: center; align-items: center; flex-direction:row;}
.paper_contract .pp_agree .btn_ok {background:#0170d5; color:#fff; font-size:15px; font-weight:500; display:inline-block; height:45px; border:1px solid #0170d5; box-sizing:border-box; flex:1;}
.paper_contract .pp_agree .btn_ok {display:flex; justify-content: center; align-items: center; flex-direction:column;}
.paper_contract .pp_agree .btn_ok.btn_close {background:#fff; color:#0170d5;}

.if_open_paper .paper_contract {z-index:10000; visibility:visible; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); }
.if_open_paper .paper_contract .bg {z-index:10001; visibility:visible; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); }




/* 영상 플레이어 */
.c_popup .editor_box.type_player {padding:0px; font-size:0px; background:#fff url('../images/c_img/pop_player.gif') center center no-repeat !important; background-size:60px !important; }
.c_popup .editor_box.type_player {position:relative; }
.c_popup .editor_box.type_player:before {content:"Loading..."; color:#101010; font-size:12px; position:absolute; left:0; top:50%; width:100%; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.c_popup .editor_box.type_player:before {margin-top:30px; z-index:1; font-weight:600;}
.c_popup .editor {position:relative; z-index:2}




/* KAY :: 2022-06-27 :: 하이앱 리뷰 신고하기 기능추가 */
/* 상품 상세 리뷰 : 2022-04-12 KHY */
.c_view_list .if_report {position: relative; background: #fafafa;}
.c_view_list .if_report:before {content: '신고된 리뷰로, 블라인드 처리되었습니다.'; font-size: 12px; color: #ccc; letter-spacing: -0.8px; padding-left: 20px; box-sizing: border-box;}
.c_view_list .if_report:before {height: 50px; display: flex; justify-content: flex-start; align-items: center; white-space: nowrap;}
.c_view_list .if_report .box_in {display: none;}
.c_view_list .if_report .title {display: none;}


/* 상세 리뷰 아이콘 숨김 : 2022-07-26 KHY */
.c_view_list .icon {display: none;}


/* 마이페이지 메인 문구추가 */
.my_add_tip {text-align:right; margin-top:10px;}



/* 상품박스 일시품절 일때 : 2022-10-18 KHY */
.item_box .soldout.type_ready .inner {font-size: 35px; font-weight: 600;}







/* 메인추가요소 : 태그많은상품 (=md상품) */
.ma_md {border-top:1px solid #eee; margin-top:70px; border-bottom:1px solid #eee; padding-bottom:70px;}
.ma_md .upper_link {pointer-events:none}
.ma_md .item_box {pointer-events:none}
.ma_md .item_list li {width:20%;}

.item_box .add_tagnum {display:none; position:absolute; left:0; top:0; margin:10px;}
.item_box .add_tagnum .num {background:#fff; color:#000; font-size:12px; font-weight:600; border-radius:100px; display:flex; justify-content: center; align-items: center; flex-direction:column; height:25px; padding:0 10px;}
.item_box .add_tagnum .num {box-shadow:0 0 3px rgba(0,0,0,0.3); display:none;}

.item_box .add_tagger {display:none; position:absolute; right:5px; bottom:-15px;}
.item_box .add_tagger .profile {width:40px; height:40px; overflow:hidden; margin-left:-15px; border:2px solid #fff; border-radius:100px; box-sizing:border-box; background:#fff;}
.item_box .add_tagger .profile img {width:100%; height:100%;}

.ma_md .item_box .thumb {overflow:visible}
.ma_md .item_box .add_tagnum {display:block;}
.ma_md .item_box .add_tagger {display:flex;}
.ma_md .item_box .info .brand_name {display:none;}

.ma_md .item_list li {clear:none !important}
.ma_md .item_list li:nth-of-type(1) .item_box .add_tagnum .num:nth-of-type(1) {display:flex}
.ma_md .item_list li:nth-of-type(2) .item_box .add_tagnum .num:nth-of-type(2) {display:flex}
.ma_md .item_list li:nth-of-type(3) .item_box .add_tagnum .num:nth-of-type(3) {display:flex}
.ma_md .item_list li:nth-of-type(4) .item_box .add_tagnum .num:nth-of-type(4) {display:flex}
.ma_md .item_list li:nth-of-type(5) .item_box .add_tagnum .num:nth-of-type(5) {display:flex}





/* Benefit 페이지 사회공헌기금 추가 ============================== */
.my_reward_box dd.this_half {flex-direction: row;}
.my_reward_box dd.this_half .now_result {flex: 1; position: relative;}
.my_reward_box dd.this_half .now_result+ .now_result:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #e5e5e5;}
.my_reward_box dd.this_half .now_result .all_box {flex-wrap: wrap;}

.c_mypage_list .donation {}
.c_mypage_list .donation dl {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-weight:600;}
.c_mypage_list .donation dl+ dl {margin-top: 5px;}
.c_mypage_list .donation dl.this_self {color:#37d60b;}
.c_mypage_list .donation dl.this_viral {color:#d615b3;}
.c_mypage_list .donation dt {width:40px; font-weight:inherit; color:inherit;}
.c_mypage_list .donation dd {font-weight:inherit; color:inherit;}



/* 아이콘 수정 :: 2023-02-13 KHY ------------------------------------ */
.c_tag.ygreen {background-color:#37d60b !important; border:1px solid #37d60b;}
.c_tag.ygreen.line {color:#37d60b !important; background-color:#fff !important;}
.c_tag.violet {background-color:#d615b3 !important; border:1px solid #d615b3;}
.c_tag.violet.line {color:#d615b3 !important; background-color:#fff !important;}





/* 상품상세 선물하기 버튼 추가 :: 2023-03-06 KHY --------------------------------------- */
.view_btn .tag_copy {margin-right:0;}
.view_btn .btn_icon {width:120px; height:55px; display:flex; flex-direction:row; justify-content:center; align-items:center; margin-right:10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.view_btn .btn_icon img {height:21px;}
.view_btn .btn_icon .tx {font-size:17px; color:#fff; font-weight:600; margin-left:7px;}
.view_btn .btn_icon.this_copy {background:#0170d5;}
.view_btn .btn_icon.this_gift {background:#d615b3;}
.view_btn .btn_icon:hover {box-shadow:10px 10px 20px rgba(0, 0, 0, 0.4);}





/* 라이브커머스 수정 :: 2023-03-14 KHY --------------------------------------- */
.p_Live .live_top {background:none; margin-bottom:30px;}
.p_Live .live_top .tit_box {display:none;}
.p_Live .live_top .tab_box {padding-bottom:0; margin-top:0;}
.p_Live .live_top .tab_box:before {display:none;}
.p_Live .live_top .tab_box ul {justify-content:flex-start;}
.p_Live .live_top .tab_box .tab {border-radius:3px; font-size:13px; background:#fff; border:1px solid #d7dde2; min-width:auto;}
.p_Live .live_top .tab_box .tab:hover {background:#fafafa; color:#65686c;}
.p_Live .live_top .tab_box .hit .tab {border-color:#111;}
.p_Live .live_layout {padding:0;}

/* 신청하기 미리보기 라이브 소개 추가 */
.p_Live .preview_box .live_bx .tit_sub {margin-top:5px; color:#c3c3c3; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.3;}
.p_Live .preview_box.if_after .live_bx .tit_sub {color:#111;}





/* 상품상세 디자인 얼럿창 추가 :: 2023-03-13 KHY --------------------------------------- */
.c_view_pop.type_alert {transition: none; -webkit-transition: none;}
.c_view_pop.type_alert .white_box {border-radius:0;}
.c_view_pop.type_alert .message {padding:40px 25px; box-sizing:border-box;}
.c_view_pop.type_alert .message dt {font-size:15px; color:#080808; font-weight:500; line-height:1.4; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.c_view_pop.type_alert .message dd {margin-top:15px; line-height:1.4; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.c_view_pop.type_alert .btn_bottom {padding:25px; padding-top:0; box-sizing:border-box; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.c_view_pop.type_alert .btn_bottom li {flex:1;}
.c_view_pop.type_alert .btn_bottom li+ li {margin-left:10px;}
.c_view_pop.type_alert .btn_bottom .btn {height:55px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#111; border:1px solid #111; font-size:17px; color:#fff; font-weight:600;}
.c_view_pop.type_alert .btn_bottom .btn {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; box-sizing:border-box;}
.c_view_pop.type_alert .btn_bottom .btn strong {flex:1; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.c_view_pop.type_alert .btn_bottom .btn:hover {box-shadow:10px 10px 20px rgba(0, 0, 0, 0.4);}
.c_view_pop.type_alert .btn_bottom .btn_gift strong {background: transparent url('../images/customize/gift_viewbtn.svg') left center no-repeat; background-size:22px !important; padding-left:30px; box-sizing:border-box;}
.c_view_pop.type_alert .btn_bottom .btn_copy strong {background: transparent url('../images/sub/copy_w.png') left center no-repeat; background-size:20px !important; padding-left:30px; box-sizing:border-box;}
.c_view_pop.type_alert .btn_bottom .btn.pink {background:#d615b3; border-color:#d615b3;}
.c_view_pop.type_alert .btn_bottom .btn.pink.line {background:#fff; border-color:#d615b3; color:#d615b3;}
.c_view_pop.type_alert .btn_bottom .btn.blue {background:#0170d5; border-color:#0170d5;}
.c_view_pop.type_alert .btn_bottom .btn.blue.line {background:#fff; border-color:#0170d5; color:#0170d5;}

.c_view_pop.if_open_pop {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.c_view_pop.if_open_pop {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
.c_view_pop.if_open_pop .white_box {animation: layer_open 0.2s ease 1 both; -webkit-animation: layer_open 0.2s ease 1 both;}

/* 태그 복사 */
.c_view_pop.this_tag .tag_copy {padding:0;}
.c_view_pop.this_tag .btn_bottom {width:100%;}





/* 미니샵 추가 :: 2023-03-10 KHY --------------------------------------- */
/* 상품 목록 상품담기 버튼 추가 ===================== */
.item_quick {display:flex; flex-direction:column; justify-content:flex-start; align-items:center;}
.item_quick .btn+ .btn {margin-top:5px;}


/* 상품 상세 상품담기 버튼 추가 ===================== */
.d_alert.if_open_alert_tag {animation: alert_open 2.5s ease both; -webkit-animation: alert_open 2.5s ease both;}
.d_alert.if_open_alert_wish {animation: alert_open 2.5s ease both; -webkit-animation: alert_open 2.5s ease both;}


/* 마이페이지 - 미니샵 설정 ===================== */
/* 미니샵 기본설정 */
.p_Live.type_mini .schedule {margin-top:30px;}
.p_Live.type_mini .schedule .form {margin-top:0;}
.p_Live.type_mini textarea.input_d {height:70px;}
.p_Live.type_mini .file_preview {margin-top:5px; border-radius:4px; overflow:hidden;}
.p_Live.type_mini .file_preview img {max-width:100%;}
.p_Live.type_mini .tx_url {font-size:14px; color:#111; text-decoration:underline; padding:5px; padding-left:0; box-sizing:border-box;}
.p_Live.type_mini .tooltip.this_only {margin-top:0; color:#0170d5;}
.p_Live.type_mini .profile {margin-left:50px; width:450px;}

/* 태그&담은 상품 */
.c_wish_list.type_mini .wish_box .tag_copy {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.c_wish_list.type_mini .wish_box .tag_copy .btn_copy {border:1px solid #0170d5; display:flex; flex-direction:row; justify-content:center; align-items:center; font-size:12px; color:#0170d5; font-weight:500; padding:0 10px; height:25px;}
.c_wish_list.type_mini .wish_box .tag_copy .btn_copy:hover {background:#0170d5; color:#fff;}





/* 마이페이지 등급관련 수정 2023-03-30 ARA ============================ */
.c_mypage_main .my_info .info {margin-top:-60px;}
.c_mypage_main .top_tit .btn {margin-left:5px;}
.c_mypage_main .mypage_info {padding:50px 20px; margin-top:20px; border-radius:10px;}

.p_Mylevel {margin-top:30px; position:relative;}
.p_Mylevel li {list-style:none;}
.p_Mylevel .level_wrap {display:flex; justify-content:center; align-items:stretch; flex-direction:row; gap:20px}
.p_Mylevel .level_wrap .li {flex:1; background:#fafafb; border-radius:15px; padding:35px; display:flex; justify-content:center; align-items:stretch; flex-direction:column;}
.p_Mylevel .box_mine {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:15px}
.p_Mylevel .box_mine dt {}
.p_Mylevel .box_mine dd {}
.p_Mylevel .box_mine .name {color:#080808; font-size:21px; font-weight:500; margin-bottom:5px;}
.p_Mylevel .box_mine .name strong {font-weight:800;}
.p_Mylevel .box_mine .levle_name {font-size:15px;}
.p_Mylevel .box_mine .level_img {width:70px; height:70px; background:#ccc;  border-radius:30px; overflow:hidden; color:#fff; font-size:19px; font-weight:700; cursor:pointer}
.p_Mylevel .box_mine .level_img {display:inline-flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Mylevel .box_point {display:flex; justify-content:space-between; align-items:center; flex-direction:row; gap:15px}
.p_Mylevel .box_point dt {color:#080808; font-size:15px; font-weight:600;}
.p_Mylevel .box_point dd {font-weight:700; font-size:27px; color:#0170d5;}
.p_Mylevel .need {font-size:14px; border-top:1px dashed #e5e5e5; margin-top:15px; padding-top:15px; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px}
.p_Mylevel .need strong {color:#080808; font-weight:700;}
.p_Mylevel .need .btn_open {font-size:11px; background:#080808; color:#fff; border-radius:5px; display:inline-flex; justify-content:center; align-items:center; flex-direction:column; padding:0 8px; height:25px;}
.p_Mylevel .need .btn_open {margin-left:auto;}
.p_Mylevel .box_detail {}
.p_Mylevel .box_detail dl {display:flex; justify-content:space-between; align-items:center; flex-direction:row; padding:4px 0;}
.p_Mylevel .box_detail dl+ dl {border-top:1px dashed #e5e5e5;; }
.p_Mylevel .box_detail dd {font-weight:700; color:#080808;}
.p_Mylevel .open_all_info {border:2px solid #eee; padding:20px; box-sizing:border-box; margin-top:20px; display:none;}
.p_Mylevel .open_all_info .tit {text-align:left; font-size:15px; letter-spacing:-1px; font-weight:600; color:#333; position:relative; white-space:nowrap}
.p_Mylevel .open_all_info .tit {padding-bottom:15px;}
.p_Mylevel .open_all_info .btn_close {position:absolute; right:0; top:5px; background:transparent url('../images/c_img/popup_close.gif') center center no-repeat; width:15px; height:15px;}
.p_Mylevel .open_all_info .all_wrap {}
.p_Mylevel .open_all_info .table {display:flex; justify-content:center; align-items:center; flex-direction:row; }
.p_Mylevel .open_all_info .table ul {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; flex:1; position:relative; box-sizing:border-box;}
.p_Mylevel .open_all_info .table li {padding:10px; text-align:center;}
.p_Mylevel .open_all_info .table li.condi {border-top:1px solid #eee; color:#080808;}
.p_Mylevel .open_all_info .table li.opt {background:#fafafa;}
.p_Mylevel .open_all_info .table .hit {border:1px solid #0170d5;}
.p_Mylevel .open_all_info .table .hit .opt {color:#080808;}
.p_Mylevel .open_all_info .table .hit .condi {color:#0170d5;}
.p_Mylevel .open_all_info.if_open_all {display:block;}


.c_list_ctrl .right {float:right; margin-top:7px; color:#aaa;}
.c_list_ctrl .tit_box {margin-top:0px;}




/* 레벨 배지 추가 :: 2023-04-03 KHY --------------------------------------- */
/* 탑메뉴 */
.header .top_menu .open_menu .name {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding-top:0; padding-bottom:0; height:28px;}
.header .top_menu .open_menu .name strong {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-left:0;}
.header .top_menu .open_menu .level {padding:0 5px; background:#ccc; border-radius:3px; font-size:12px; color:#fff; font-weight:600; margin-left:5px; flex:none; height:20px;}
.header .top_menu .open_menu .level {display:flex; flex-direction:row; justify-content:center; align-items:center;}

/* 라이브 커머스 */
.p_lv_box .profile_bx .nickname {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; position:relative;}
.p_lv_box .profile_bx .nickname .name {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.p_lv_box .profile_bx .nickname a:hover+ .name {color:#0170d5;}
.p_lv_box .profile_bx .nickname .level {padding:0 5px; background:#ccc; border-radius:3px; font-size:12px; color:#fff; font-weight:600; margin-left:5px; flex:none; height:18px;}
.p_lv_box .profile_bx .nickname .level {display:flex; flex-direction:row; justify-content:center; align-items:center;}





/* 마이페이지 공통탭 추가 :: 2023-04-03 KHY --------------------------------------- */
.p_Mytop {margin-top:30px;}
.p_Mytop ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Mytop li {list-style:none;}
.p_Mytop li+ li {margin-left:10px;}
.p_Mytop .tab {height:40px; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:0 40px; box-sizing:border-box; color:#65686c; font-weight:600; border:1px solid #d7dde2; border-radius:3px;}
.p_Mytop .tab:hover {background:#fafafa;}
.p_Mytop .hit .tab {border-color:#111; color:#111;}





/* 상품 상세 수정 :: 2023-04-05 KHY --------------------------------------- */
.view_price .btn_box {margin:0;}
.view_price .btn_box .btn {padding:0;}
.view_price .btn_box .btn+ .btn {margin-left:10px;}




/* 다국어 버튼 추가 :: 2023-03-31 KHY ----------------------------------------------------- */
.Add_lang {position:absolute; right:-10px; top:5px; z-index:100; display:flex; justify-content:flex-star; align-items:center; flex-direction:row}
.Add_lang li {list-style:none;}
.Add_lang .btn_ctrl {height:30px; display:flex; flex-direction:row; justify-content:flex-end; align-items:center; padding:0 10px; box-sizing:border-box;}
.Add_lang .btn_ctrl strong {font-size:12px; color:#111; font-weight:600; margin-right:5px;}
.Add_lang .btn_ctrl .arrow {width:7px; height:7px; background:transparent url('../images/customize/lang_arrow.svg') center center no-repeat; background-size:7px !important; transform:rotate(180deg);}
.Add_lang .btn_ctrl .arrow {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.Add_lang .open_box {position:absolute; top:30px; right:5px; background:#fff; border:1px solid #e4e8ec; box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.1); border-radius:5px; padding:10px 0; box-sizing:border-box; display:none;}
.Add_lang .open_box .option {height:25px; display:flex; flex-direction:row; justify-content:flex-end; align-items:center; padding:0 15px; box-sizing:border-box; white-space:nowrap; font-size:12px; color:#979ca2; font-weight:500;}
.Add_lang .open_box .option:hover {text-decoration:underline;}
.Add_lang .open_box .hit .option {color:#0170d5; pointer-events: none !important;}
.Add_lang .open_box .hit .option:hover {text-decoration:none;}
.Add_lang.if_open_lang .btn_ctrl .arrow {transform:rotate(0);}
.Add_lang.if_open_lang .open_box {display:block;}

/* 푸터 추가 */
.footer .info_box .shop_name {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.footer .info_box .shop_name .name {}
.footer .Add_lang {position:relative; top:auto; right:auto; margin-left:10px;}




/* 메인 타이틀 툴팁 추가 :: 2023-04-03 KHY ----------------------------------------------------- */
.ma_tit .about {position:absolute; right:0; bottom:0; z-index:20; display:flex; justify-content:flex-start; align-items:center; flex-direction:row}
.ma_tit .about .btn_about {padding:0 10px; box-sizing:border-box; margin-right:-10px;}
.ma_tit .about .btn_about .tx {font-size:15px; font-weight:500; color:#979ca2; padding-right:22px; box-sizing:border-box; background:transparent url('../images/main/ic_about.svg') right center no-repeat; background-size:17px !important;}
.ma_tit .about .btn_about .tx {height:35px; display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.ma_tit .about .btn_about:hover .tx {color:#080808; background-image:url('../images/main/ic_about_over.svg');}
.ma_tit .about .tooltip {position:absolute; right:0; top:35px; background:#fff; border:1px solid #111; box-sizing:border-box; padding:5px 15px 10px 15px; width:300px; text-align:left; color:#111; display:none;}
.ma_tit .about .tooltip .tooltip_top {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.ma_tit .about .tooltip .title {font-weight:600;}
.ma_tit .about .tooltip .btn_close {width:30px; height:30px; background:transparent url('../images/main/ic_close.svg') center center no-repeat; background-size:10px !important; margin-right:-10px;}
.ma_tit .about .tooltip .tooltip_cont {line-height:1.4;}
.ma_tit .about .tooltip.if_open_tooltip .btn_about .tx {color:#080808; background-image:url('../images/main/ic_about_over.svg');}
.ma_tit .about .tooltip.if_open_tooltip {display:block;}




/* 이용안내 타이틀 수정 :: 2023-04-14 KHY */
.c_user_box .c_group_tit {margin-bottom:30px;}




/* 영문 변환 :: 2023-04-21 KHY --------------------------------------- */
body.if_eng * {word-wrap:break-word; word-break:keep-all; letter-spacing:-0.5px !important;}

/* 에디터 */
body.if_eng .editor * {line-height:1.3;}

/* 브랜드 */
body.if_eng .c_brand .word .en .btn {font-size:14px;}

/* 게시판 */
body.if_eng .c_cs_main .right_faq .c_btnbox {max-width:none;}
body.if_eng .c_board_view .file_down .link_box {margin-left:140px;}
body.if_eng .c_board_list .state .c_tag {height:auto; min-height:22px; line-height:1.1; padding:3px 7px; box-sizing:border-box; word-wrap:break-word; word-break:keep-all; white-space:normal;}

/* 카테고리 */
body.if_eng .s_aside .ctg_box .ctg1_tit:hover .ctg1 {padding-left:0;}

/* 아이템 박스 */
body.if_eng .item_box .lv_box {flex-wrap:wrap; gap:2px 16px; overflow:hidden;}
body.if_eng .item_box .lv_box .lv_mark+ .lv_mark {padding-left:0;}
body.if_eng .item_box .lv_box .lv_mark+ .lv_mark:before {left:-9px;}
body.if_eng .open_fly .latest_box .item_box .soldout .inner {font-size:13px;}

/* 라이브 커머스 */
body.if_eng .p_Live .preview_box .item .lv_box {flex-wrap:wrap; gap:2px 16px; overflow:hidden;}
body.if_eng .p_Live .preview_box .item .lv_mark+ .lv_mark {padding-left:0;}
body.if_eng .p_Live .preview_box .item .lv_mark+ .lv_mark:before {left:-9px;}

/* 헤더 수정 */
.header .icon_box li.this_write .btn:hover .tx {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible; bottom: -16px;}

/* 푸터 */
.footer .f_top {gap:50px;}
.footer .cs_box {max-width:none;}
.footer .cs_box dt {flex-direction:column; align-items:flex-end;}

/* 장바구니/주문 */
.c_cart_list .option .price {width:85px;}
.c_cart_list .option .opt_tit {padding-left:0;}
.c_cart_list .option .opt_tit .icon {position:static; margin-right:5px;}
.c_cart_list .cart_table .state_icon {padding:0 10px; box-sizing:border-box;}
.c_cart_list .cart_table .state_icon .icon {height:auto; min-height:30px; line-height:inherit; padding:5px 15px;}

/* 마이페이지 */
.c_mypage_list .state .c_tag {width:70px;}

/* 페이지 타이틀 */
.c_page_tit {flex-direction:column;}
.c_page_tit .c_process {position:static; margin-top:15px; overflow:visible;}
.c_page_tit .c_process ul {margin:0;}
.c_page_tit .c_process li:last-of-type {padding-right:0;}
.c_page_tit .c_process li:last-of-type:before {display:none;}

/* 서비스 안내 영상 */
.p_about.if_eng .sec1 .top_tx .tit {font-size:47px;}
.p_about.if_eng .sec1 .user_box .box {padding:0 20px;}
.p_about.if_eng .sec1 .user_box .tit strong {font-size:30px;}
.p_about.if_eng .sec1 .user_box .tit em {font-size:21px;}
.p_about.if_eng .sec4 .info_g .box {padding-left:10px; padding-right:10px;}
.p_about.if_eng .sec4 .info_g .tx {font-size:16px;}
.p_about.if_eng .sec4 .this_consumer .sec_tit dd {align-items:flex-start;}





/* 회원가입구분 추가 :: 2023-08-01 KHY ======================================== */
.ct_Member_type {border-bottom:1px solid #f2f2f2; margin-bottom:20px; padding-bottom:40px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.ct_Member_type .inner {width:650px; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.ct_Member_type ul {display:flex; flex-direction:row; justify-content:center; align-items:stretch; gap:50px;}
.ct_Member_type li {list-style:none; flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.ct_Member_type label.design {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; overflow:visible}
.ct_Member_type label.design input {display:none;}
.ct_Member_type .one_type {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; text-align:center; box-sizing:border-box;}
.ct_Member_type .one_type .picto {width:80px; height:80px; display:flex; flex-direction:column; justify-content:center; align-items:center; align-self:center; background:#fff;}
.ct_Member_type .one_type .picto {border-radius:100px; border:1px solid #eeeef5; box-sizing:border-box; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.ct_Member_type .one_type .picto img {height:30px;}
.ct_Member_type .one_type .title {font-size:27px; color:#000; font-weight:800; line-height:1; margin-top:20px;}
.ct_Member_type .one_type .sub_title {margin-top:5px; font-size:12px; color:#aaa; font-weight:500; line-height:1.3;}
.ct_Member_type .one_type .btn_select {margin-top:auto; border-radius:100px;  display:flex; justify-content:center; align-items:center; flex-direction:column; font-size:15px; font-weight:600; color:#000;}
.ct_Member_type .one_type .btn_select {transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; background:#f5f5f5;}
.ct_Member_type .one_type .btn_select strong {height:50px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.ct_Member_type .one_type .btn_select strong {background:transparent url('../images/customize/ct_member_select.svg') left center no-repeat; padding-left:20px; background-size:13px !important;}

.ct_Member_type label.design input:checked+ .one_type .btn_select {color:#fff;}
.ct_Member_type label.design input:checked+ .one_type .btn_select strong {background-image: url('../images/customize/ct_member_select_on.svg');}
.ct_Member_type label.design input:checked+ .one_type.type_id .picto {border-color:#7490ff;}
.ct_Member_type label.design input:checked+ .one_type.type_id .title {color:#7490ff;}
.ct_Member_type label.design input:checked+ .one_type.type_id .btn_select {background:#7490ff;}
.ct_Member_type label.design input:checked+ .one_type.type_cp .picto {border-color:#FF5D4A;}
.ct_Member_type label.design input:checked+ .one_type.type_cp .title {color:#FF5D4A;}
.ct_Member_type label.design input:checked+ .one_type.type_cp .btn_select {background:#FF5D4A;}

.ct_Member_type .or_box {position:relative; text-align:center; margin:40px 0;}
.ct_Member_type .or_box:before {content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background:#333; z-index:-1;}
.ct_Member_type .or_box .tx {font-size:13px; color:#333; padding:0 15px; box-sizing:border-box; background:#fff; font-weight:600;}

.c_agree .c_sns_login {border-bottom:0; padding-bottom:0;}

/* 회원가입구분 :: 탑메뉴 */
.header .top_menu .open_menu .menu.type_none {pointer-events:none !important;}
.header .top_menu .open_menu .member_type {margin-left:auto; color:#7490ff; font-weight:500;}
.header .top_menu .open_menu .member_type.type_group {color:#FF5D4A;}

/* 회원가입구분 :: 마이페이지 메인 */
.p_Mylevel .box_mine .member_type {font-size:14px; color:#7490ff; font-weight:500; margin-bottom:5px; line-height:1;}
.p_Mylevel .box_mine .member_type.type_group {color:#FF5D4A;}





/* 헤더 태거별 바로가기 추가 :: 2023-08-08 KHY ======================================== */
.header .user_type {flex:none; margin-right:10px; display:none;}
.header .user_type ul {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.header .user_type li {}
.header .user_type .link {padding:10px 8px; box-sizing:border-box;}
.header .user_type .type_name {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; position:relative; overflow:hidden; height:20px;}
.header .user_type .type_name:before {content:''; position:absolute; left:10px; bottom:0; width:100%; height:1px; background:#0170d5; z-index:1;}
.header .user_type .type_name:before {-webkit-transform:scaleX(0); transform:scaleX(0); will-change:transform; transform-origin:top right;}
.header .user_type .type_name:before {transition:transform 900ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition:transform 900ms cubic-bezier(0.19, 1, 0.22, 1);}
.header .user_type .type_name strong {font-size:16px; color:#0170d5; font-weight:700;}
.header .user_type .icon {margin-right:5px;}
.header .user_type .icon img {height:20px;}
.header .user_type .icon img.on {display:none;}
.header .user_type .link:hover .type_name:before {-webkit-transform-origin:top left; transform-origin:top left; -webkit-transform:scaleX(1); transform:scaleX(1);}
.header .user_type .link:hover .icon img.off {display:none;}
.header .user_type .link:hover .icon img.on {display:block;}

body.if_main .header .user_type {display:block;}




/* 헤더 타입별 상품 수정 :: 2023-08-08 KHY ======================================== */
.header .nav .li.type_special {position:relative;}
.header .nav .li.type_special .tx_box {padding-right:23px; box-sizing:border-box; background:transparent url('../images/customize/header_more.svg') right center no-repeat; background-size:13px !important;}
.header .nav .li.type_special ul {position:absolute; left:-10px; top:60px; z-index:150; background:#fff; border-radius:5px; min-width:190px; padding:20px 0; box-sizing:border-box;}
.header .nav .li.type_special ul {box-shadow:0 0 5px rgba(0, 0, 0, 0.1); display:none;}
.header .nav .li.type_special li {height:auto;}
.header .nav .li.type_special li .btn {width:100%; padding: 7px 27px;}
.header .nav .li.type_special li .tx_box {background:none; padding-right:0;}
.header .nav .li.type_special li .tx {white-space:nowrap;}
.header .nav .li.type_special li .tx1 {transform:translate(0,0) !important; -webkit-transform:translate(0,0) !important;}
.header .nav .li.type_special li .tx2 {transform:translate(0,-100%) !important; -webkit-transform:translate(0,-100%) !important;}
.header .nav .li.type_special li.hit .tx1 {transform:translate(0,100%) !important; -webkit-transform:translate(0,100%) !important;}
.header .nav .li.type_special li.hit .tx2 {transform:translate(0,0) !important; -webkit-transform:translate(0,0) !important;}

.header .nav .li.type_special:hover ul {display:block;}
.header .nav .li.type_special ul:hover .tx1 {transform:translate(0,0) !important; -webkit-transform:translate(0,0) !important;}
.header .nav .li.type_special ul:hover .tx2 {transform:translate(0,-100%) !important; -webkit-transform:translate(0,-100%) !important;}
.header .nav .li.type_special li:hover .tx1 {transform:translate(0,100%) !important; -webkit-transform:translate(0,100%) !important;}
.header .nav .li.type_special li:hover .tx2 {transform:translate(0,0) !important; -webkit-transform:translate(0,0) !important;}








/* 인트로 페이지 추가 :: 2023-08-21 KHY ======================================== */
body.if_intro {min-height:900px; min-width:1700px; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
body.if_intro .wrap {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}

.p_Front {overflow:hidden; position:relative; background:#f1f3f5; flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
/* .p_Front * {font-family: 'NanumSquareNeo';} */
.p_Front li {list-style:none;}

/* 언어 선택 */
.p_Front .language {position:absolute; right:40px; top:30px; z-index:4;}
.p_Front .language ul {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.p_Front .language li {}
.p_Front .language .btn_option {font-weight:900; font-size:15px; color:#111; letter-spacing:-0.5px; padding:10px; box-sizing:border-box; opacity:0.3; filter:alpha(opacity=30); -ms-filter:alpha(opacity=30);}
.p_Front .language .btn_option strong {position:relative;}
.p_Front .language .btn_option strong:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#111; display:none;}
.p_Front .language .hit .btn_option {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.p_Front .language .hit .btn_option strong:before {display:block;}

/* 비주얼 */
.p_Front .visual {position:absolute; left:0; top:160px; width:100%; z-index:4; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center;}
.p_Front .visual {transition:all 0.6s ease-out; -webkit-transition:all 0.6s ease-out;}
.p_Front .visual_title {position:relative; width:100%;}
.p_Front .visual_title * {color:#111; font-weight:900; line-height:1.3;}
.p_Front .visual_title dl {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%;}
.p_Front .visual_title dt {font-size:36px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden; transform:translateY(70px);}
.p_Front .visual_title dd {margin-top:20px; font-size:40px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden; transform:translateY(70px);}
.p_Front .visual_title img {height:50px;}
.p_Front .visual_title dl.before dt {animation:mv_front_up 1.2s ease forwards; -webkit-animation:mv_front_up 1.2s ease forwards;}
.p_Front .visual_title dl.before dd {animation:mv_front_up 1.2s ease forwards; -webkit-animation:mv_front_up 1.2s ease forwards; animation-delay:0.2s; -webkit-animation-delay:0.2s;}
.p_Front .visual_title dl.after {position:absolute; left:0; top:0; z-index:1; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden;}
.p_Front .visual_title dl.after dd {font-size:30px;}
.p_Front .play_motion {margin-top:55px; position:relative; width:350px;}
.p_Front .play_motion .play {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(80px);}
.p_Front .play_motion .play {animation: mv_front_play 1.3s ease forwards; -webkit-animation: mv_front_play 1.3s ease forwards; animation-delay:0.4s; -webkit-animation-delay:0.4s;}
.p_Front .play_motion .play img {}
.p_Front .play_motion .shadow {margin-top:90px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:scale(1.6);}
.p_Front .play_motion .shadow {animation: mv_front_shadow 1.3s ease forwards; -webkit-animation: mv_front_shadow 1.3s ease forwards; animation-delay:0.4s; -webkit-animation-delay:0.4s;}
.p_Front .play_motion .shadow img {}
.p_Front .play_motion .touch {position:absolute; left:130px; top:70px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.p_Front .play_motion .touch {animation: mv_front_touch 0.5s ease forwards; -webkit-animation: mv_front_touch 0.5s ease forwards; animation-delay:1.1s; -webkit-animation-delay:1.1s;}
.p_Front .play_motion .finger {transform:rotate(10deg); transform-origin:right bottom; animation: mv_front_finger 1s ease infinite forwards; -webkit-animation: mv_front_finger 1s ease infinite forwards;}
.p_Front .play_motion .finger {animation-delay:1.1s; -webkit-animation-delay:1.1s;}
.p_Front .play_motion .finger img {}
.p_Front .play_tx {margin-top:20px; font-size:23px; color:#000; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(70px);}
.p_Front .play_tx {animation: mv_tx_down_small 0.6s ease forwards; -webkit-animation: mv_tx_down_small 0.6s ease forwards; animation-delay:0.8s; -webkit-animation-delay:0.8s;}

/* 글자가 올라오는 모션 */
@keyframes mv_front_up {
    0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(70px); visibility:hidden;}
    100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0); visibility:visible;}
}
@-webkit-keyframes mv_front_up {
    0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(70px); visibility:hidden;}
    100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0); visibility:visible;}
}

/* 글자가 내려오는 모션 */
@keyframes mv_front_down {
    0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(-70px); visibility:hidden;}
    100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0); visibility:visible;}
}
@-webkit-keyframes mv_front_down {
    0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(-70px); visibility:hidden;}
    100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0); visibility:visible;}
}

/* play 버튼 나타나는 모션 */
@keyframes mv_front_play {
    0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(80px);}
    25% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(-20px);}
    50% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(30px);}
    100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0);}
}
@-webkit-keyframes mv_front_play {
    0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(80px);}
    25% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(-20px);}
    50% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(30px);}
    100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0);}
}

/* 그림자 모션 */
@keyframes mv_front_shadow {
    0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:scale(1.6);}
    25% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:scale(0.8);}
    50% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:scale(1.3);}
    100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:scale(1);}
}
@-webkit-keyframes mv_front_shadow {
    0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:scale(1.6);}
    25% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:scale(0.8);}
    50% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:scale(1.3);}
    100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:scale(1);}
}

/* 손가락 나타나는 모션 */
@keyframes mv_front_touch {
    0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
    100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}
@-webkit-keyframes mv_front_touch {
    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 mv_front_finger {
    0% {transform:rotate(10deg);}
    50% {transform:rotate(0deg);}
    100% {transform:rotate(10deg);}
}
@-webkit-keyframes mv_front_finger {
    0% {transform:rotate(10deg);}
    50% {transform:rotate(0deg);}
    100% {transform:rotate(10deg);}
}

@keyframes mv_tx_down_small {
    0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(-30px); visibility:hidden;}
    100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0); visibility:visible;}
}
@-webkit-keyframes mv_tx_down_small {
    0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(-30px); visibility:hidden;}
    100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0); visibility:visible;}
}

/* 타입 목록 */
.p_Front .type_list {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; position:relative; z-index:3; visibility:hidden; overflow:hidden;}
.p_Front .type_list ul {flex:1; display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch;}
.p_Front .type_list li {flex:1; display:flex; flex-direction:column; justify-content:center; align-items:stretch; padding:0 70px; padding-top:30px; box-sizing:border-box; position:relative;}
.p_Front .type_list li {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(50px); transition:all 0.6s ease-out; -webkit-transition:all 0.6s ease-out;}
.p_Front .type_list li:nth-of-type(odd) {background:#fff;}
.p_Front .type_list .bg_fill {position:absolute; left:0; bottom:0; width:100%; height:0; background:#111; z-index:1; transition:all 0.6s ease-out; -webkit-transition:all 0.6s ease-out;}

/* 타입 하나 */
.p_Front .one_type {padding:30px; box-sizing:border-box; position:relative; z-index:2; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_Front .one_type .top_title {font-size:17px; color:#fff; font-weight:600; letter-spacing:-0.5px; height:80px; padding-bottom:20px; padding-left:40px; box-sizing:border-box; background:#111;}
.p_Front .one_type .top_title {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; margin-bottom:-20px; margin-left:-30px; box-sizing:border-box; border-radius:100px 0 0 100px;}
.p_Front .one_type .top_title {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_Front .one_type .thumb {position:relative;}
.p_Front .one_type .thumb img {width:100%;}
.p_Front .one_type .real_img {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.p_Front .one_type .real_img img {height:100%; object-fit:cover;}
.p_Front .one_type .fake_img {}
.p_Front .one_type .fake_img img {}
.p_Front .one_type .upper {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.p_Front .one_type .upper .play_icon {width:60px; height:60px; border:2px solid #fff; border-radius:100px; box-sizing:border-box; position:relative; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_Front .one_type .upper .play_icon {background:transparent url('../images/intro/front_play_white.svg') 22px center no-repeat; background-size:16px !important;}
.p_Front .one_type .info {margin-top:20px;}
.p_Front .one_type .title {font-size:25px; color:#111; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:5px;}
.p_Front .one_type .title strong {font-weight:900;}
.p_Front .one_type .title em {}
.p_Front .one_type .sub_title {font-size:14px; color:#111; font-weight:800; margin-top:10px;}
.p_Front .one_type .btn_group {margin-top:30px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:10px;}
.p_Front .one_type .btn_group .btn_go {height:50px; display:flex; flex-direction:row; justify-content:center; align-items:center; font-size:13px; color:#111; font-weight:800; letter-spacing:-0.3px;}
.p_Front .one_type .btn_group .btn_go {border:1px solid #c3c3c3; border-radius:5px; background:#fff; box-sizing:border-box; padding:0 25px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.p_Front .one_type .btn_group .btn_go.type_view {flex:1;}
.p_Front .one_type .btn_group .btn_go:hover {box-shadow:5px 5px 12px 0 rgba(17, 17, 17, 0.3);}
.p_Front .one_type .outline {position:absolute; width:100%; height:2px; overflow:hidden; z-index:-1;}
.p_Front .one_type .outline .dot_wrap {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; width:200%; height:100%; transform:translateX(50%); overflow:hidden; visibility:hidden;}
.p_Front .one_type .outline .dot {flex:1; background:transparent url('../images/intro/front_outline.svg') left center repeat-x; background-size:auto 2px !important;}
.p_Front .one_type .outline .dot {animation: mv_front_roll 5.5s linear infinite; -webkit-animation: mv_front_roll 5.5s linear infinite;}
.p_Front .one_type .outline.top {left:0; top:0;}
.p_Front .one_type .outline.left {left:0; top:0;}
.p_Front .one_type .outline.bottom {transform:rotate(-180deg); left:0; bottom:0;}
.p_Front .one_type .outline.right {transform:rotate(-180deg); right:0; top:0;}
.p_Front .one_type .outline.type_vertical {width:2px; height:100%;}
.p_Front .one_type .outline.type_vertical .dot_wrap {flex-direction:column; width:100%; height:200%; transform:translateY(-100%);}
.p_Front .one_type .outline.type_vertical .dot {background:transparent url('../images/intro/front_outline_vertical.svg') center top repeat-y; background-size:2px auto !important;}
.p_Front .one_type .outline.type_vertical .dot {animation: mv_front_roll2 5.5s linear infinite; -webkit-animation: mv_front_roll2 5.5s linear infinite;}

/* 점선 나타나는 모션(수평) */
@keyframes mv_front_outline {
    0% {transform:translateX(50%); visibility:hidden;}
    100% {transform:translateX(0); visibility:visible;}
}
@-webkit-keyframes mv_front_outline {
    0% {transform:translateX(50%); visibility:hidden;}
    100% {transform:translateX(0); visibility:visible;}
}

/* 점선 나타나는 모션(수직) */
@keyframes mv_front_outline2 {
    0% {transform:translateY(-100%); visibility:hidden;}
    100% {transform:translateY(-50%); visibility:visible;}
}
@-webkit-keyframes mv_front_outline2 {
    0% {transform:translateY(-100%); visibility:hidden;}
    100% {transform:translateY(-50%); visibility:visible;}
}

/* 흐르는 점선 모션(수평) */
@keyframes mv_front_roll {
    0% {transform:translateX(0);}
    100% {transform:translateX(-100%);}
}
@-webkit-keyframes mv_front_roll {
    0% {transform:translateX(0);}
    100% {transform:translateX(-100%);}
}

/* 흐르는 점선 모션(수직) */
@keyframes mv_front_roll2 {
    0% {transform:translateY(0);}
    100% {transform:translateY(50%);}
}
@-webkit-keyframes mv_front_roll2 {
    0% {transform:translateY(0);}
    100% {transform:translateY(50%);}
}

/* 타입 하나 - 타입별 */
.p_Front li.type_protagger .one_type .top_title {background:#8321d8;}
.p_Front li.type_protagger .one_type .btn_go.type_view {border-color:#6c29e4; color:#6c29e4;}
.p_Front li.type_protagger .one_type .btn_go.type_view:hover {box-shadow:5px 5px 12px 0 rgba(108, 41, 228, 0.3);}
.p_Front li.type_protagger .one_type .upper .play_icon:before {background:#6c29e4;}
.p_Front li.type_protagger .one_type .dot_wrap {background:#6c29e4;}
.p_Front li.type_protagger .bg_fill {background:#6c29e4;}

.p_Front li.type_tagmaker {transition-delay:0.2s;}
.p_Front li.type_tagmaker .one_type .top_title {background:#1f2cf1;}
.p_Front li.type_tagmaker .one_type .btn_go.type_view {border-color:#2732e4; color:#2732e4;}
.p_Front li.type_tagmaker .one_type .btn_go.type_view:hover {box-shadow:5px 5px 12px 0 rgba(39, 50, 228, 0.3);}
.p_Front li.type_tagmaker .one_type .upper .play_icon:before {background:#2732e4;}
.p_Front li.type_tagmaker .one_type .dot_wrap {background:#2732e4;}
.p_Front li.type_tagmaker .bg_fill {background:#1f2cf1;}

.p_Front li.type_tagger {transition-delay:0.4s;}
.p_Front li.type_tagger .one_type .top_title {background:#fd4500;}
.p_Front li.type_tagger .one_type .btn_go.type_view {border-color:#ff4f0d; color:#ff4f0d;}
.p_Front li.type_tagger .one_type .btn_go.type_view:hover {box-shadow:5px 5px 12px 0 rgba(255, 79, 13, 0.3);}
.p_Front li.type_tagger .one_type .upper .play_icon:before {background:#ff4f0d;}
.p_Front li.type_tagger .one_type .dot_wrap {background:#ff4f0d;}
.p_Front li.type_tagger .bg_fill {background:#fd4500;}

/* 타입 하나 - 마우스 오버 */
.p_Front .one_type:hover {background:#fff; box-shadow:10px 10px 30px 0 rgba(0, 0, 0, 0.1);}
.p_Front .one_type:hover .outline .dot_wrap {animation: mv_front_outline 0.5s linear forwards; -webkit-animation: mv_front_outline 0.5s linear forwards;}
.p_Front .one_type:hover .outline.type_vertical .dot_wrap {animation: mv_front_outline2 0.5s linear forwards; -webkit-animation: mv_front_outline2 0.5s linear forwards;}
.p_Front .one_type:hover .outline.left .dot_wrap {animation-delay:0.5s; -webkit-animation-delay:0.5s;}
.p_Front .one_type:hover .outline.bottom .dot_wrap {animation-delay:1s; -webkit-animation-delay:1s;}
.p_Front .one_type:hover .outline.right .dot_wrap {animation-delay:1.5s; -webkit-animation-delay:1.5s;}
.p_Front .one_type:hover .top_title {margin-left:-45px; padding-left:55px;}
.p_Front .one_type:hover+ .bg_fill {height:50%;}
.p_Front .one_type .thumb:hover .upper .play_icon {background-color:rgba(255, 255, 255, 0.2);}

/* 하단 버튼 */
.p_Front .skip_go {position:absolute; left:0; bottom:0; width:100%; z-index:4; text-align:center;}
.p_Front .skip_go .logo {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden; transform:translateY(30px);}
.p_Front .skip_go .logo {position:absolute; left:0; bottom:30px; z-index:2; width:100%; animation: mv_skip_up 0.8s ease forwards; -webkit-animation: mv_skip_up 0.8s ease forwards;}
.p_Front .skip_go .logo img {height:50px;}
.p_Front .skip_go dl {position:relative; z-index:1; padding-bottom:30px;}
.p_Front .skip_go dt,
.p_Front .skip_go dd {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden; transform:translateY(30px);}
.p_Front .skip_go dt {font-size:17px; color:#000; font-weight:600;}
.p_Front .skip_go dd {margin-top:20px;}
.p_Front .skip_go .btn_go {padding:0 30px; height:45px; background:#111; border:1px solid #111; border-radius:100px; display:inline-flex; flex-direction:row; justify-content:center; align-items:center;}
.p_Front .skip_go .btn_go {font-size:13px; color:#fff; font-weight:600; letter-spacing:-0.3px;}
.p_Front .skip_go .btn_go:hover {background:#fff; color:#111;}

/* 영상 배경 */
.p_Front .vedio_bg {position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1; opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20);}
.p_Front .vedio_bg video {width:100%; height:100%; object-fit:cover;}

/* 타입 보기 열렸을때 */
.p_Front.if_view_type {}
.p_Front.if_view_type .visual {top:100px;}
.p_Front.if_view_type .visual_title dl.before dt {animation:mv_front_up_hide 0.6s ease forwards; -webkit-animation:mv_front_up_hide 0.6s ease forwards;}
.p_Front.if_view_type .visual_title dl.before dd {animation:mv_front_up_hide 0.6s ease forwards; -webkit-animation:mv_front_up_hide 0.6s ease forwards;}
.p_Front.if_view_type .visual_title dl.after {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible;}
.p_Front.if_view_type .visual_title dl.after dt {animation:mv_front_up 1.2s ease forwards; -webkit-animation:mv_front_up 1.2s ease forwards;}
.p_Front.if_view_type .visual_title dl.after dd {animation:mv_front_up 1.2s ease forwards; -webkit-animation:mv_front_up 1.2s ease forwards; animation-delay:0.2s; -webkit-animation-delay:0.2s;}
.p_Front.if_view_type .play_motion {display:none;}
.p_Front.if_view_type .play_tx {display:none;}
.p_Front.if_view_type .skip_go .logo {animation: mv_skip_down 0.8s ease forwards; -webkit-animation: mv_skip_down 0.8s ease forwards;}
.p_Front.if_view_type .skip_go dt {animation: mv_skip_up 0.8s ease forwards; -webkit-animation: mv_skip_up 0.8s ease forwards;}
.p_Front.if_view_type .skip_go dd {animation: mv_skip_up 0.8s ease forwards; -webkit-animation: mv_skip_up 0.8s ease forwards; animation-delay:0.2s; -webkit-animation-delay:0.2s;}
.p_Front.if_view_type .vedio_bg {display:none;}
.p_Front.if_view_type .type_list {visibility:visible;}
.p_Front.if_view_type .type_list li {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0);}

body.if_eng .p_Front .visual_title.type_logo dd {font-size:28px;}
body.if_eng .p_Front .one_type .title em:before {content:"(";}
body.if_eng .p_Front .one_type .title em:after {content:")";}

/* 글자가 올라오며 사라지는 모션 */
@keyframes mv_front_up_hide {
    0% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0); visibility:visible;}
    100% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(-50px); visibility:hidden;}
}
@-webkit-keyframes mv_front_up_hide {
    0% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0); visibility:visible;}
    100% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(-50px); visibility:hidden;}
}

/* 글자가 올라오는 모션 */
@keyframes mv_skip_up {
    0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(50px); visibility:hidden;}
    100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0); visibility:visible;}
}
@-webkit-keyframes mv_skip_up {
    0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(50px); visibility:hidden;}
    100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0); visibility:visible;}
}

/* 글자가 내려오며 사라지는 모션 */
@keyframes mv_skip_down {
    0% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0); visibility:visible;}
    100% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(50px); visibility:hidden;}
}
@-webkit-keyframes mv_skip_down {
    0% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0); visibility:visible;}
    100% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(50px); visibility:hidden;}
}


/* 툴팁공통 추가 :: 2023-09-04 ARA */
.tooltip_box {position:relative;}
.tooltip_box .btn_tooltip {padding:0 10px; box-sizing:border-box; margin-right:-10px;}
.tooltip_box .btn_tooltip .tx {padding-right:20px; box-sizing:border-box; background:transparent url('../images/main/ic_about.svg') right center no-repeat; background-size:15px !important;}
.tooltip_box .btn_tooltip .tx {font-size:13px; font-weight:500; color:#979ca2; height:35px; display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.tooltip_box .open_tip {position:absolute; right:0; top:35px; background:#fff; border:1px solid #111; box-sizing:border-box; padding:15px; width:100%; max-width:300px; text-align:left; color:#111; display:none;}
.tooltip_box .open_tip dt {font-weight:600; color:#000; font-size:13px;}
.tooltip_box .open_tip dd {line-height:1.4; margin-top:8px; font-size:12px;}
.tooltip_box .open_tip .btn_close {position:absolute; right:0; top:0; width:30px; height:30px; background:transparent url('../images/main/ic_close.svg') center center no-repeat; background-size:10px !important; margin:5px;}
.tooltip_box.if_open_tooltip .open_tip {display:block;}


/* 전체메인 이동하기 버튼 */
.header .nav .other_menu .li.this_more {position:relative; margin-left:10px; padding-left:10px;}
.header .nav .other_menu .li.this_more:before {content:""; display:block; position:absolute; left:0; top:50%; margin-top:-7px; height:15px; width:1px; background:#e4e8ec;}
.header .nav .other_menu .li.this_more .tx_box {padding-right:18px; background-image:url('../images/main/hd_more.svg'); background-repeat:no-repeat; background-position:right center; background-size:13px 13px;}
.header .nav .other_menu .li.this_more:hover .tx_box {background-image:url('../images/main/hd_more_on.svg');}
body.if_eng .header .nav .other_menu .li.this_more .tx_box {background-position:right 7px;}

/* 고객센터 버튼 1개일 때 */
.c_cs_main .right_faq .c_btnbox ul li:only-child {width:100%;}


/* 주문에 베네핏추가 2024-11-04 ARA */
.c_form .lv_box {margin-left:5px; display:inline-flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:5px}
.c_form .lv_box .lv_mark {height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 100px; box-sizing: border-box; padding:0 10px;}
.c_form .lv_box .lv_mark {font-size: 14px; color: #37d60b; letter-spacing: -0.2px; font-weight: 600; border: 1px solid #37d60b;}
.c_form .lv_box .lv_mark.lv2 {color: #d615b3; border-color: #d615b3;}



/* 구글번역 스크립트 제어 2024-11-05 ARA */
 body {top:0 !important}
.skiptranslate iframe {display:none;}
.goog-te-gadget-simple {border:0 !important;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {font-size:12px !important;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span:last-of-type {font-size:0px !important;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed img {display:none;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed img+ span {display:none;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {background:transparent url('../images/customize/google_lang_arrow.svg') right center no-repeat; padding-right:12px; background-size:8px !important;}
.goog-te-gadget-simple img {display:none;}


/* .VIpgJd-ZVi9od-xl07Ob-OEVmcd {display:block !important; visibility:visible !important; position:absolute; right:0; top:0;}
.VIpgJd-ZVi9od-xl07Ob-OEVmcd .indicator {display:none;} */