@charset 'utf-8';

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE RE
 * Directory    :    pages/css/
 * File         :    hyssence_sub.css
 * SUMMARY      :    스포츠라이브
 */





/* ********************************************** *
 * 서브 위치
 * ********************************************** */
.sub_location {}
.sub_location li {list-style:none;}
.sub_location .layout_fix {width: 100%; display: block !important;}

/* 위치 */
.sub_location .ctg_box {margin-right: -10px;}
.sub_location .ctg_box ul {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; height: 40px;}
.sub_location .ctg_box li {position:relative; overflow:hidden;}
.sub_location .ctg_box .btn {color:#979ca2; font-size: 13px; letter-spacing: -0.2px; position:relative; padding: 10px 10px;}
.sub_location .ctg_box .btn {margin-left:5px; box-sizing: border-box;}
.sub_location .ctg_box .btn:hover {text-decoration:underline;}
.sub_location .ctg_box li+ li {background:transparent url('../images/skin/location_arrow.gif') left center no-repeat;}
.sub_location .ctg_box li:last-of-type .btn {color: #080808;}

/* 2차 카테고리 */
.sub_location .have_ctg {padding:0 10px 0 15px;}
.sub_location .have_ctg .btn {padding-right:25px; border:1px solid #ddd; margin-left:0; box-sizing:border-box; line-height:20px; text-decoration:none !important; display:block;}
.sub_location .have_ctg .btn:before {content:""; background:transparent url('../images/skin/sub_select.gif') center top no-repeat; width:20px; height:4px; position:absolute; right:0; top:50%; margin-top:-2px}
.sub_location .open_ctg {background:#fff; border:1px solid #aaa; z-index:30; box-sizing:border-box; text-align:left; border-top:0; visibility:hidden}
.sub_location .ctg {white-space:nowrap; display:block; height:25px; line-height:25px; color:#888; letter-spacing:0; padding:0 15px 0 10px; background:#fafafa;}
.sub_location .ctg+ .ctg {border-top:1px solid #ddd;}
.sub_location .ctg:hover {background:#fff; color:#666;}
.sub_location .have_ctg:hover {overflow:visible; height:auto;}
.sub_location .have_ctg:hover .open_ctg {visibility:visible}
.sub_location .have_ctg:hover .btn {border-color:#aaa;}

/* 상품상세 페이지일때 */
.sub_location.if_view {display: none;}
.sub_location.if_view .layout_fix {max-width: 1200px;}
.sub_location.if_view ul {margin-left:-15px}








/* ********************************************** *
 * 카테고리 : 상단배너
 * ********************************************** */
.sub_visual {overflow:hidden; text-align:center; position: relative;}
.sub_visual li {list-style: none; font-size: 0;}
.sub_visual img {max-width:100%;}

/* 롤링 아이콘 */
.sub_visual .rolling_icon {position: absolute; left: 0; bottom: 15px; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; z-index: 10;}
.sub_visual .rolling_icon .btn {padding: 5px 4px; box-sizing: border-box; font-size: 0;}
.sub_visual .rolling_icon .ic {width: 8px; height: 8px; border: 1px solid #000; background: #fff; border-radius: 100px; box-sizing: border-box;}
.sub_visual .rolling_icon .ic {opacity: 0.5; filter: alpha(opacity=50); -ms-filter: alpha(opacity=50);}
.sub_visual .rolling_icon .active .ic {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); background: #000;}

/* 롤링 이전다음버튼 */
.sub_visual .ma_prevnext {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.sub_visual .ma_prevnext.prev {left: -50px;}
.sub_visual .ma_prevnext.next {right: -50px;}
.sub_visual:hover .ma_prevnext {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.sub_visual:hover .ma_prevnext.prev {left: 20px;}
.sub_visual:hover .ma_prevnext.next {right: 20px;}









/* ********************************************** *
 * 카테고리 : 베스트
 * ********************************************** */
.sub_best {margin-top: 40px;}
.sub_best li {list-style:none;}
.sub_visual+ .sub_best {margin-top: 50px;}

/* 타이틀 */
.sub_best .tit_box {display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.sub_best .tit_box .tit {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; line-height: 1;}
.sub_best .tit_box .tit strong {font-size: 30px; color: #111; font-weight: 700; letter-spacing: -0.2px;}

/* 롤링 컨트롤러 */
.sub_best .rolling_ctrl {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-right: -10px; margin-left: auto;}
.sub_best .rolling_ctrl .prevnext {padding: 10px; box-sizing: border-box; font-size: 0;}
.sub_best .rolling_ctrl .prevnext img {}
.sub_best .rolling_ctrl .num {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sub_best .rolling_ctrl .num {font-size: 14px; color: #979ca2; letter-spacing: 0; font-weight: 500; margin: 0 3px;}
.sub_best .rolling_ctrl .num strong {width: 15px; white-space: nowrap;}
.sub_best .rolling_ctrl .num .active {color: #111; text-align: right;}
.sub_best .rolling_ctrl .num em {margin: 0 3px;}

/* 롤링박스 */
.sub_best .rolling_box {overflow:hidden;}
.sub_best .rolling_box .item_list {overflow:hidden; margin-right:-15px;}
.sub_best .rolling_box .item_list ul {overflow:visible; margin-left:0px;}
.sub_best .rolling_box .item_box {margin-right:15px; margin-left:0px;}

/* 상품노출 */
.sub_best .item_list ul {margin-left: -20px;}
.sub_best .item_box {margin-left: 20px;}








/* ********************************************** *
 * 카테고리 : 해시태그
 * ********************************************** */
.sub_hash {margin-top:40px}
.sub_hash li {list-style:none;}

/* 타이틀 */
.sub_hash .hash_tit {position:absolute; left:0; top:50%; width:16.66666%; text-align:center; font-size:13px; letter-spacing:-1px; color:#333; margin-top:-17px}

/* 태그목록 */
.sub_hash .hash_box {border:3px solid #eee; position:relative; padding:20px 0px 20px 16.66666%}
.sub_hash .hash_box ul {overflow:hidden;}
.sub_hash .hash_box li { float:left; width:20%; position:relative;}
.sub_hash .hash_box li:before {content:""; position:absolute; left:0; top:0; width:1px; height:500%; background:#eee;}
.sub_hash .hash_box .btn {display:block; padding:3px 20px 5px 15px; color:#888; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.sub_hash .hash_box .btn:hover {text-decoration:underline;}





/* ********************************************** *
 * 카테고리 : 카테고리명
 * ********************************************** */
.sub_ctg_tit {text-align:center; margin-top:40px;}
.sub_ctg_tit .tit {color:#000; font-size:30px; letter-spacing:-0.5px; line-height:1.15; font-weight:600; letter-spacing:-1px;}






/* ********************************************** *
 * 카테고리 : 메뉴
 * ********************************************** */
.sub_ctg {overflow:hidden; padding-top:20px; }
.sub_ctg .cctg_nav {border-bottom:1px solid #e1e1e1}
.sub_ctg .cctg_nav ul{zoom:1}
.sub_ctg .cctg_nav ul:after{display:block; clear:both; content:''}
.sub_ctg .cctg_nav li {list-style:none; float:left; position:relative; width:240px}
.sub_ctg .cctg_nav li.active,
.sub_ctg .cctg_nav li.selected {z-index:20}

.sub_ctg .cctg_nav .ctg_wrap {position:relative; z-index:10; height:42px; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1}
.sub_ctg .cctg_nav .n1 .ctg_wrap {border-left:1px solid #e1e1e1}
.sub_ctg .cctg_nav .ctg_wrap > span {position:absolute; top:-1px; left:-1px; width:100%; height:30px; padding:6px 0; line-height:30px; border:1px solid transparent;}
.sub_ctg .cctg_nav .ctg2 {display:table; overflow:hidden; position:relative; z-index:10; width:100%; max-height:30px; line-height:15px; }
.sub_ctg .cctg_nav .ctg2 em {display:table-cell; vertical-align:middle; height:30px; word-break:break-all; padding:0 12px; word-wrap:break-word; word-break:keep-all; white-space:normal; font-size:14px;}
.sub_ctg .cctg_nav .ctg2:hover em {text-decoration:underline; color:#000;}
.sub_ctg .cctg_nav .btn_ctrl {display:none; position:absolute; z-index:20; top:0; right:0; width:100%; height:42px; width:30px; background:url('../images/skin/sub_ctg_ar.gif') right center no-repeat; }

.sub_ctg .cctg_nav li.active .ctg_wrap > span,
.sub_ctg .cctg_nav li.selected .ctg_wrap > span {border:1px solid #222;background:#fafafa; display:inline}
.sub_ctg .cctg_nav li.active .ctg_wrap > span {padding-bottom:7px;border-bottom:0}

.sub_ctg .cctg_nav li.n1 .next_box {left:0}
.sub_ctg .cctg_nav li.n2 .next_box {left:-240px}
.sub_ctg .cctg_nav li.n3 ul{left:-480px}
.sub_ctg .cctg_nav li.n4 ul{left:-720px}
.sub_ctg .cctg_nav li.n5 ul{left:-960px}

/* 3차 */
.sub_ctg .cctg_nav .next_box {display:none; overflow:hidden; position:relative; z-index:1; width:1200px; margin-bottom:-1px;padding:17px 0 15px; box-sizing:border-box;}
.sub_ctg .cctg_nav .next_box {border:1px solid #222; background:#fafafa;}
.sub_ctg .cctg_nav .next_box:before{position:absolute;top:0;left:0;width:100%;height:21px;background:#fafafa;content:''}
.sub_ctg .cctg_nav .next_box:after{position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:21px;background:#fafafa;content:''}
.sub_ctg .cctg_nav .next_box li {width:20%; box-sizing:border-box; float:left;}
.sub_ctg .cctg_nav .next_box li:nth-of-type(5)+ li {clear:both}
.sub_ctg .cctg_nav .next_box .ctg3 {display:block;overflow:hidden; margin:0 12px; line-height:26px; color:#666; position:relative;}
.sub_ctg .cctg_nav .next_box .hit .ctg3 {font-weight:600; color:#333; text-decoration:underline}
.sub_ctg .cctg_nav .next_box .ctg3:hover {color:#333; text-decoration:underline}

/* 열렸을때 */
.sub_ctg .cctg_nav li.active .next_box {display:block}
.sub_ctg .cctg_nav li.active .btn_ctrl {background:url('../images/skin/sub_ctg_ar_on.gif') right center no-repeat;}
.sub_ctg .cctg_nav li.active .ctg2 em {font-weight:600; color:#222; }

.sub_ctg .cctg_nav li.if_have_next .btn_ctrl {display:inline-block;}
.sub_ctg .cctg_nav li.if_have_next .ctg2 em {padding-right:5px;}









/* ********************************************** *
 * 서브 상품목록
 * ********************************************** */
.sub_item {overflow: hidden; margin-top: 20px;}
.sub_item li {list-style:none;}

.sub_visual+ .sub_item {margin-top: 60px;}
.sub_best+ .sub_item {margin-top: 60px; padding-top: 60px; box-sizing: border-box; border-top: 1px solid #e4e8ec;}

.sub_item .sub_title {font-size: 35px; color: #111; letter-spacing: -0.2px; font-weight: 700; margin-bottom: 40px; line-height: 1; text-align: center; display: none;}
.sub_item .item_list {margin-top: 20px;}

/* 3차 카테고리 */
.sub_item .ctg3_box {margin-top: 20px;}
.sub_item .ctg3_box ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; margin: 0 -5px;}
.sub_item .ctg3_box li {flex: none; width: 20%; padding: 0 5px; box-sizing: border-box;}
.sub_item .ctg3_box li:nth-of-type(5)~ li {margin-top: 10px;}
.sub_item .ctg3_box .btn {width: 100%; height:100%; min-height: 50px; display: flex; justify-content: center; align-items: center; border: 1px solid #e4e8ec; padding:10px; line-height:1.3; text-align:center;}
.sub_item .ctg3_box .btn {box-sizing: border-box; font-size: 14px; color: #111; letter-spacing: -0.2px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.sub_item .ctg3_box .btn:hover {border-color: #0d0d0d;}
.sub_item .ctg3_box .hit .btn {background: #0d0d0d; border-color: #0d0d0d; color: #fff;}









/* ********************************************** *
 * 상품목록 컨트롤러
 * ********************************************** */
.item_li_ctrl {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
.item_li_ctrl li {list-style: none;}

.item_li_ctrl .left {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end;}
.item_li_ctrl .right {margin-left: auto; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}

/* 타이틀, 토탈수 */
.item_li_ctrl .tit {font-size: 30px; color: #111; letter-spacing: -0.2px; font-weight: 700; margin-right: 20px; line-height: 1; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.item_li_ctrl .total {font-size: 18px; color: #080808; letter-spacing: -0.2px; line-height: 1; flex:none;}
.item_li_ctrl .total strong {font-weight: 600;}

/* 보상단계 */
.item_li_ctrl .label_box {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; position: relative;}
.item_li_ctrl .label_box label {position: relative; overflow: visible; padding: 10px; box-sizing: border-box;}
.item_li_ctrl .label_box input {position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.item_li_ctrl .label_box .tx {padding-left: 27px; box-sizing: border-box; font-size: 14px; letter-spacing: -0.2px; font-weight: 500; position: relative;}
.item_li_ctrl .label_box .ic {position: absolute; left: 0; top: 50%; width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 3px; box-sizing: border-box; margin-top: -10px;}
.item_li_ctrl .label_box .lv_1 .tx {color: #37d60b;}
.item_li_ctrl .label_box .lv_1 .ic {border-color: #37d60b;}
.item_li_ctrl .label_box .lv_1 input:checked+ .tx .ic {background: #37d60b url('../images/sub/label_check.png') center no-repeat;}
.item_li_ctrl .label_box .lv_2 .tx {color: #d615b3;}
.item_li_ctrl .label_box .lv_2 .ic {border-color: #d615b3;}
.item_li_ctrl .label_box .lv_2 input:checked+ .tx .ic {background: #d615b3 url('../images/sub/label_check.png') center no-repeat;}
.item_li_ctrl .label_box.disabled:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); z-index: 5;}

/* 리스트 정렬 */
.item_li_ctrl .range {position: relative; margin-left: 10px;}
.item_li_ctrl .range .btn_open {min-width:140px; height: 40px; background: #f2f3f5; border: 1px solid #f2f3f5; border-radius: 5px; box-sizing: border-box;}
.item_li_ctrl .range .btn_open {padding: 0 40px 0 15px; display: flex; justify-content: flex-start; align-items: center; font-size: 14px; color: #080808;}
.item_li_ctrl .range .btn_open {letter-spacing: -0.2px; position: relative; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.item_li_ctrl .range .btn_open:before {content: ''; position: absolute; right: 15px; top: 50%; margin-top: -2px; transform-origin: center;}
.item_li_ctrl .range .btn_open:before {border-top: 5px solid #080808; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.item_li_ctrl .range .btn_open:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.item_li_ctrl .range .open_box {position: absolute; left: 0; top: 45px; width: 100%; z-index: 20; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.item_li_ctrl .range .open_box {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; visibility: hidden;}
.item_li_ctrl .range .open_box {border: 1px solid #e4e8ec; border-radius: 5px; box-sizing: border-box; background: #fff;}
.item_li_ctrl .range .open_box .btn {width: 100%; font-size: 14px; color: #888; letter-spacing: -0.2px; padding: 12px 15px; box-sizing: border-box;}
.item_li_ctrl .range .open_box .btn:hover {background: #f2f3f5;}
.item_li_ctrl .range .open_box .hit .btn {color: #0170d5;}

.if_open_range .range .btn_open {background: #fff; border-color: #80b7ea;}
.if_open_range .range .btn_open:before {border-top-color: #0170d5; transform: rotate(180deg); margin-top: -3px;}
.if_open_range .range .open_box {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}








/* ********************************************** *
 * 상품목록 제어(old)
 * ********************************************** */
.item_list_ctrl {border-bottom:1px solid #ddd; margin-bottom:20px; display:inline-block; width:100%; padding-bottom:15px;}
.item_list_ctrl li {list-style:none;}

/* 전체 상품수 */
.item_list_ctrl .total {float:left; color:#666; font-size:13px; letter-spacing:-0.5px; margin-top:9px}
.item_list_ctrl .total strong {font-weight:600; color:#333; letter-spacing:0px;}
.item_list_ctrl .ctrl_right {float:right;}

/* 정렬 */
.item_list_ctrl .range {float:left;}
.item_list_ctrl .range li {float:left; position:relative; padding-left:1px}
.item_list_ctrl .range li+ li:before { content:""; position:absolute; left:0; top:10px; width:1px; height:11px; background:#ddd;}
.item_list_ctrl .range .btn {padding:0px 10px; color:#999; letter-spacing:-1px; height:31px; line-height:28px;}
.item_list_ctrl .range .hit .btn {color:#333;}
.item_list_ctrl .range .btn:hover {text-decoration:underline;}

/* 보기 개수 */
.item_list_ctrl .select {float:left; margin-left:10px}
.item_list_ctrl .this_ctg {position:relative;}
.item_list_ctrl .this_ctg .btn {border:1px solid #ddd; padding:0 30px 0 11px; height:31px; line-height:26px; box-sizing:border-box; color:#999; letter-spacing:-0.5px; position:relative; min-width:110px; cursor:pointer}
.item_list_ctrl .this_ctg .btn:before {content:""; position:absolute; right:10px; top:0; background:transparent url('../images/skin/sub_select.gif') left center no-repeat; width:8px; height:30px;}
.item_list_ctrl .open_ctg {display:none; position:absolute; left:0; top:30px; width:100%; z-index:10; border:1px solid #aaa; box-sizing:border-box;}
.item_list_ctrl .open_ctg .option {display:block; background:#fff; height:30px; line-height:28px; box-sizing:border-box; padding:0 10px; letter-spacing:-0.5px; color:#666;}
.item_list_ctrl .open_ctg .option+ .option {border-top:1px solid #ddd;}
.item_list_ctrl .this_ctg.if_open .btn {border:1px solid #aaa;}
.item_list_ctrl .this_ctg.if_open .open_ctg {display:block}
.item_list_ctrl .open_ctg .option:hover {background:#f5f5f5;}

/* 상품 타입 선택 */
.item_list_ctrl .type {float:left; margin-left:10px}
.item_list_ctrl .type .btn {padding:8px; float:left; border:1px solid #ddd; position:relative;}
.item_list_ctrl .type .btn+ .btn {margin-left:-1px}
.item_list_ctrl .type .btn .on {display:none}
.item_list_ctrl .type .btn .off {display:block}
.item_list_ctrl .type .btn.hit .on {display:block}
.item_list_ctrl .type .btn.hit .off {display:none}
.item_list_ctrl .type .btn:hover {background:#f5f5f5;}











/* ********************************************** *
 * 상품 박스
 * ********************************************** */
.item_box {margin-left:15px; position:relative; margin-top:55px; text-align:left}
.item_box .item_name:hover {text-decoration:underline;}

/* 썸네일 */
.item_box .thumb {background:#fafafa url('../images/skin/none_photo.png') center center no-repeat; position:relative; box-sizing:border-box; overflow:hidden;}
.item_box .thumb .real_img {overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; }
.item_box .thumb .real_img img {width:100%; float:left; transform: scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out;}
.item_box .thumb:hover .real_img img {transform: scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07);}
.item_box .thumb .fake_img {overflow:hidden;}
.item_box .thumb .fake_img img {width:100%; float:left;}

/* 상품아이콘 */
.item_box .upper_icon {position:absolute; left:0; top:0; z-index:5; display: none;}
.item_box .upper_icon img {width:auto; float:left; margin-right:1px; margin-bottom:1px}

.item_box .item_icon {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-top: 20px;}
.item_box .item_icon .icon {height: 24px; padding: 0 10px; box-sizing: border-box; font-size: 12px; color: #111; background: #e4e8ec; margin-right: 1px; margin-bottom: 1px;}
.item_box .item_icon .icon {display: inline-flex; justify-content: center; align-items: center; font-weight: 500; letter-spacing: -0.2px; flex: none;}
.item_box .item_icon .icon:hover {cursor: default;}
.item_box .item_icon img {max-height: 24px; margin-right: 1px; margin-bottom: 1px;}
.item_box .icon_total+ .item_icon {margin-top: 10px;}
.item_soldout .item_icon {display: none !important;}

/* 품절 */
.item_box .soldout {position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); width:100%; height:100%; z-index:5; display: flex; justify-content: center; align-items: center;}
.item_box .soldout .inner {color:#fff; font-size:23px; text-align:center; font-weight:100;}

/* 랭킹 */
.item_box .ranking {position: absolute; left: 0; top: 0; min-width: 35px; height: 35px; padding: 0 7px; box-sizing: border-box; z-index: 3;}
.item_box .ranking {display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 17px; color: #fff;}
.item_box .ranking {font-weight: 600; letter-spacing: -0.5px; background: #111;}
.item_box .ranking.color {background: #0170d5;}

/* 상품이름/설명 */
.item_box .info {box-sizing:border-box; position:relative; padding: 20px 0 0 0;}
.item_box .info .brand_name {font-size: 15px; color: #000; font-weight: 500; letter-spacing: -0.2px; margin-bottom: 10px; margin-top: 0;}
.item_box .info .brand_name {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left;}
.item_box .info .item_name {color:#65686c; font-size:14px; letter-spacing:-0.2px; position: relative; box-sizing: border-box; padding-right: 5px;}
.item_box .info .item_name {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.item_box .info .sub_name {color:#999; letter-spacing:-0.5px; margin-top:5px; font-size:14px;}
.item_box .info .sub_name {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display:none;}

/* 보상단계 표시 */
.item_box .lv_box {margin: 10px 0;}
.item_box .lv_box .lv_mark {display:inline-flex; justify-content: center; align-items: center; border-radius: 100px; box-sizing: border-box; padding:0 10px;}
.item_box .lv_box .lv_mark {font-size: 12px; color: #37d60b; font-weight: 500; border: 1px solid #37d60b;}
.item_box .lv_box .lv_mark.lv2 {color: #d615b3; border-color: #d615b3;}

/* 아이콘 토탈 */
.item_box .icon_total {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-left: -7px;}
.item_box .icon_total {padding-top: 10px; box-sizing: border-box; border-top: 1px solid #f2f3f5; margin-top: 15px;}
.item_box .icon_total .btn {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 5px 7px; box-sizing: border-box;}
.item_box .icon_total img.on {display: none;}
.item_box .icon_total .num {margin-left: 5px; font-size: 13px; color: #979ca2; letter-spacing: -0.2px; line-height: 1;}
.item_box .icon_total .wish.hit img.off {display: none;}
.item_box .icon_total .wish.hit img.on {display: block;}
.item_box .icon_total .wish.hit .num {color: #0170d5;}

/* 상품가격 */
.item_box .price {box-sizing:border-box; margin-top:10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.item_box .price .before {order: 3;}
.item_box .price .before .won {font-size: 15px; color: #c3c3c3; letter-spacing: -0.2px; padding: 0 3px; box-sizing: border-box; position: relative;}
.item_box .price .before .won:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#c3c3c3; margin-top: -1px;}
.item_box .price .after {order: 2; margin-right: 5px;}
.item_box .price .after .won {font-size: 17px; color: #080808; font-weight: 700; letter-spacing: -0.5px;}
.item_box .price .after .unit {display: none;}
.item_box .price .percent {color:#0170d5; font-weight:700; order: 1; letter-spacing: -0.2px; margin-right: 10px;}
.item_box .price .percent {display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.item_box .price .percent strong {font-size: 18px;}
.item_box .price .percent em {font-size: 16px;}

/* 간편보기 : 목록아이콘 */
.item_quick {position:absolute; right: 10px; top: 10px; z-index:15; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.item_quick {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.item_quick .btn {font-size: 0;}
.item_quick .btn .on {display: none;}
.item_quick .btn.hit .off {display: none;}
.item_quick .btn.hit .on {display: block;}

.item_box .thumb:hover .item_quick {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}


/* 간편보기 : 보기 */
.item_quick_view {position:fixed; left:0; top:0; z-index:10000000000; background:transparent url('../images/skin/white_60.png') left top repeat; width:100%; height:100%; box-sizing:border-box; padding-top:100px; min-height:700px}
.item_quick_view .view_top {width:1200px; border:1px solid #333; background:#fff; overflow-y:auto; height:650px; box-sizing:border-box; overflow-x:hidden; position:absolute; left:50%; top:50%; margin:-325px 0 0 -600px;}
.item_quick_view .layout_fix {padding:50px; box-sizing:border-box;}
.item_quick_view .btn_close {width:30px; height:30px; position:absolute; left:50%; top:50%; background:transparent url('../images/skin/quick_view_close.gif') center center no-repeat; z-index:1000; margin:-365px 0 0 565px;}
.item_quick_view .view_btn li {width:100%;}









/* ********************************************** *
 * 상품 목록 : 박스형
 * ********************************************** */
/* 4 X ∞ */
.item_list {overflow:hidden;}
.item_list ul {margin-left:-15px; margin-top:-55px; overflow:hidden;}
.item_list li {list-style:none; float:left; width:25%; box-sizing:border-box;}
.item_list li:nth-of-type(4n)+ li {clear:both}

/* 5 X ∞ */
.item_list.if_col5 li {width:20%;}
.item_list.if_col5 li:nth-of-type(4n)+ li {clear:none !important;}
.item_list.if_col5 li:nth-of-type(5n)+ li {clear:both !important;}

/* 3 X ∞ */
.item_list.if_col3 ul {}
.item_list.if_col3 li {width:33.3334%;}
.item_list.if_col3 li:nth-of-type(4n)+ li {clear:none !important;}
.item_list.if_col3 li:nth-of-type(3n)+ li {clear:both !important;}
.item_list.if_col3 .item_box {}

/* 2 X ∞ */
.item_list.if_col2 li {width:50%; padding-left:20px;}
.item_list.if_col2 .item_box {margin-left:0px; overflow:hidden; border-right:1px solid #eee;}
.item_list.if_col2 .item_box:before {content:""; width:100%; height:1px; position:absolute; left:45%; bottom:0; background:#eee; z-index:1}
.item_list.if_col2 .thumb {width:45%; float:left; box-sizing:border-box;}
.item_list.if_col2 .info {width:55%; text-align:left; height:auto; padding:30px !important; border:0; float:right; border-top:1px solid #eee;}
.item_list.if_col2 .sub_name {max-height:85px; margin-top:10px;}
.item_list.if_col2 .price {top:auto; position:static; margin-top:25px;}
.item_list.if_col2 .upper_icon {width:45%;}








/* ********************************************** *
 * 상품 목록 : 리스트형
 * ********************************************** */
.item_list.if_col1 ul {margin-left:0; margin-top:-15px}
.item_list.if_col1 li {float:none; width:100%; border-bottom:1px solid #ddd; overflow:hidden; padding:15px 0px;}

.item_list_box {margin:0px; display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.item_list_box dl {display:table; width:100%; table-layout:fixed;}
.item_list_box dt {display:table-cell; box-sizing:border-box; vertical-align:middle; width:140px; padding:0px;}
.item_list_box dd {display:table-cell; box-sizing:border-box; vertical-align:middle; padding:0 15px;}
.item_list_box dd.this_review {width:120px;}
.item_list_box dd.this_deliver {width:130px; border-left:1px solid #eee;}
.item_list_box dd.this_price {text-align:right; width:220px; border-left:1px solid #eee; }
.item_list_box dd.this_quick {width:70px;}
.item_list_box dd.this_info {}

.item_list_box .thumb {background:#fafafa url('../images/skin/none_photo.png') center center no-repeat;  box-sizing:border-box; overflow:hidden; position:relative;}
.item_list_box .thumb a {display:block; overflow:hidden; border:1px solid #e6e6e6; box-sizing:border-box;}
.item_list_box .thumb .real_img {overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; }
.item_list_box .thumb .real_img img {width:100%; float:left;}
.item_list_box .thumb .fake_img {overflow:hidden;}
.item_list_box .thumb .fake_img img {width:100%; float:left;}

.item_list_box .soldout {position:absolute; left:0; top:0; background:transparent url('../images/skin/black_20.png') left top repeat; width:100%; height:100%; z-index:20}
.item_list_box .soldout .inner {color:#fff; font-size:15px; position:absolute; left:0; top:50%; margin-top:-10px; width:100%; text-align:center; line-height:20px;}

.item_list_box .info {box-sizing:border-box; position:relative; padding-right:30px;}
.item_list_box .info .name_box {position:relative;}
.item_list_box .info .item_name {color:#333; font-size:15px; letter-spacing:-0.5px; margin-top:-4px; }
.item_list_box .info .item_name {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.item_list_box .info .sub_name {color:#999; letter-spacing:-0.5px; margin-top:7px; line-height:17px; max-height:34px; font-size:14px;}
.item_list_box .info .sub_name {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}

.item_list_box .review {text-align:center; box-sizing:border-box;}
.item_list_box .review .mark {background:transparent url('../images/skin/review_star.png') no-repeat; width:63px; height:10px; display:inline-block; }
.item_list_box .review .star {background:transparent url('../images/skin/review_star.png') 0 bottom no-repeat; width:100%; height:100%; float:left;}
.item_list_box .review .num {color:#666; margin-top:6px}

.item_list_box .item_quick {position:static !important; left:0; bottom:0; margin:0px; box-sizing:border-box; overflow:hidden; display:block; width:40px;}
.item_list_box .item_quick .in {display:block;}
.item_list_box .item_quick .btn {display:block; padding-top:8px; border-color:#ccc; background:#fff !important;}
.item_list_box .item_quick .img_off {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.item_list_box .item_quick .img_over {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.item_list_box .item_quick .wish .img_off {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.item_list_box .item_quick .wish .img_over {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.item_list_box .item_quick .wish .col2 {display:none;}
.item_list_box .item_quick .wish .col1 {display:block;}
.item_list_box .item_quick .wish.hit .img_over {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.item_list_box .item_quick .wish.hit .img_off {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.item_list_box .item_quick .btn+ .btn {margin-top:-1px;}
.item_list_box .item_quick .btn:hover {background:#eee !important;}

.item_list_box .deliver {color:#666; line-height:18px; box-sizing:border-box; text-align:center;}
.item_list_box .deliver strong {color:#888; margin-top:5px; display:block; line-height:1.3; font-size:11px;}

.item_list_box .upper_icon {overflow:hidden; margin-top:15px;}
.item_list_box .upper_icon img {width:auto; float:left; margin-right:1px; margin-bottom:1px}

.item_list_box .name_box:hover .item_name {text-decoration:underline !important;}
.item_list_box .thumb:hover a {border-color:#aaa;}

.item_list_box .price {box-sizing:border-box; display:table; float:right;}
.item_list_box .price .before,
.item_list_box .price .after,
.item_list_box .price .percent {display:table-cell; vertical-align:middle; padding-right:6px;}
.item_list_box .price .in {display:table;}
.item_list_box .price .in span {display:table-cell; vertical-align:middle;}
.item_list_box .price .before {vertical-align:bottom}
.item_list_box .price .before .won:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#aaa;}
.item_list_box .price .before .won {color:#aaa; font-size:14px; font-weight:300; position:relative; padding:0 3px;}
.item_list_box .price .after {}
.item_list_box .price .after .won { color:#000; font-size:15px; letter-spacing:-0.5px; font-weight:600;}
.item_list_box .price .after .unit {font-size:14px; color:#000; font-weight:500; vertical-align:bottom}
.item_list_box .price .percent {color:#D52027; font-size:15px; font-weight:600;}
.item_list_box .price .percent strong {letter-spacing:-0.5px;}
.item_list_box .price .percent em {font-weight:400;}








/* ********************************************** *
 * 상품 상세
 * ********************************************** */
body.if_view {background: #f8f8fa;}







/* ********************************************** *
 * 상품 상세 : 상단 왼쪽
 * ********************************************** */
.view_section {padding-bottom:20px}
.view_top {margin-top:40px}
.view_top li {list-style: none;}
.view_top .ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch; background: #fff;}
.view_top .li {flex: none; width: 50%;}
.view_top .view_photo {padding: 50px; box-sizing: border-box;}
.view_top .view_info {padding: 50px 50px 50px 0; box-sizing: border-box;}


/* 썸네일 */
.view_photo {text-align:center;}
.view_photo .rolling_box {overflow:hidden;}
.view_photo .thumb {width:100%; background:#fafafa url('../images/skin/none_photo.png') center center no-repeat; box-sizing:border-box; position:relative;}
.view_photo .thumb .real_img {overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; }
.view_photo .thumb .real_img img {width:100%; float:left;}
.view_photo .thumb .fake_img {overflow:hidden;}
.view_photo .thumb .fake_img img {width:100%; float:left;}

/* 롤링썸네일 */
.view_photo .rolling_thumb {overflow:hidden; text-align:center; margin-top:10px;}
.view_photo .rolling_thumb ul {display:inline-block; margin-left:-10px}
.view_photo .rolling_thumb li {list-style:none; float:left; margin-left:10px; font-size: 0;}
.view_photo .rolling_thumb a {font-size: 0; position: relative;}
.view_photo .rolling_thumb img {width:92px; float:left;}
.view_photo .rolling_thumb .hit a:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #000; box-sizing: border-box; z-index: 1;}

/* 상품평점 */
.view_summery {display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 95px;}
.view_section .score {position:relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.view_section .score {padding: 10px; box-sizing: border-box; margin-left: -10px; text-align: left;}
.view_section .score .mark {background:transparent url('../images/sub/rv_star2.png') left center no-repeat; width:119px; height:21px; margin-right:15px; font-size: 0;}
.view_section .score .mark.if_none {opacity: 0.3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30);}
.view_section .score .star {background: #fff url('../images/sub/rv_star2_on.png') 0 bottom no-repeat; width:100%; height:100%;}
.view_section .score .num {font-size: 37px; color: #080808; letter-spacing: -0.2px; font-weight: 800; margin-right: 15px;}
.view_summery .btn_tx {margin-left: auto; padding: 10px 15px 10px 10px; box-sizing: border-box; background: transparent url('../images/main/more_ic.png') right center no-repeat;}
.view_summery .btn_tx {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.view_summery .btn_tx .tx {font-size: 15px; color: #888; letter-spacing: -0.2px; position: relative; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.view_summery .btn_tx .tx:before {content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #aaa;}
.view_summery .btn_tx .tx:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.view_summery .btn_tx:hover {background-image: url('../images/main/more_ic2.png');}
.view_summery .btn_tx:hover .tx {color: #080808;}
.view_summery .btn_tx:hover .tx:before {background: #080808;}

/* 관련태그 */
.view_hash {padding-top: 20px; box-sizing: border-box; border-top: 1px solid #e4e8ec;}
.view_hash ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.view_hash li {list-style:none; margin-right: 5px; margin-bottom: 5px;}
.view_hash .btn {height: 30px; background: #f2f3f5; border-radius: 5px; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.view_hash .btn {padding: 0 10px; font-size: 13px; color: #65686c; letter-spacing: -0.2px;}
.view_hash .btn:hover {background: #080808; border-color: #080808; color: #fff;}








/* ********************************************** *
 * [공통] 상세 팝업 레이어
 * ********************************************** */
.c_view_pop {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 500; padding: 40px; box-sizing: border-box;}
.c_view_pop {display: flex; flex-direction: column; justify-content: center; align-items: center; visibility: hidden;}
.c_view_pop {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.c_view_pop li {list-style: none;}

.c_view_pop .white_box {text-align: center; position: relative; z-index: 2; width: 100%; max-width: 420px;}
.c_view_pop .white_box {border-radius: 10px; box-sizing: border-box; overflow: hidden; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.1);}
.c_view_pop .layer_tit {background: #080808; height: 60px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.c_view_pop .layer_tit {padding: 0 30px; box-sizing: border-box;}
.c_view_pop .layer_tit .tit {font-size: 17px; color: #fff; letter-spacing: -0.2px;}
.c_view_pop .layer_tit .btn_close {margin-left: auto; margin-right: -15px; width:45px; height:45px; background:transparent url('../images/sub/share_close.png') center no-repeat; background-size:15px !important;}
.c_view_pop .layer_in {background: #fff;}

.c_view_pop .share_message {padding:20px 25px 10px; border-bottom:1px solid #e4e8ec; text-align:left; }
.c_view_pop .share_message .tit {color:#080808; margin-bottom:10px; font-weight:700; font-size:15px; letter-spacing:-0.5px;}
.c_view_pop .share_message .url {color:#0170d5; text-decoration:underline; line-height:1; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.c_view_pop .share_message .url {font-size:13px; margin-top:-5px; margin-bottom:10px;}
.c_view_pop .share_message .tip {color:#c3c3c3; margin-bottom:10px; font-size:12px; margin-top:5px;}
.c_view_pop .share_message .message {border:1px solid #e4e8ec; border-radius:5px; width:100%; box-sizing:border-box; padding:10px !important; height:80px; background:#f2f8fd; font-size:14px; color:#080808;}
.c_view_pop .share_message .message:focus {border-color:#0170d5; background:#fff;}

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

/* 레이어 창 모션 */
@-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)}
}


.c_view_pop.this_tag .white_box {overflow:visible}
.c_view_pop.this_tag .share_message {border-bottom:0;}
.c_view_pop.this_tag .tag_copy {display:flex; justify-content: center; align-items: center; flex-direction:column; padding:25px; padding-top:0px; margin:0px;}
.c_view_pop.this_tag .tag_copy .btn_copy {width:100%}





/* ********************************************** *
 * [공통] 상세 팝업 레이어 : 공유하기
 * ********************************************** */
.share_open {transition: none; -webkit-transition: none;}
.share_open .layer_in ul {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 35px 0; box-sizing: border-box;}
.share_open .layer_in li {margin: 0 3px;}
.share_open .layer_in .btn_link {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 10px 10px; box-sizing: border-box;}
.share_open .layer_in .btn_link .ic {font-size: 0; width: 56px; flex: none;}
.share_open .layer_in .btn_link .ic img {width: 100%;}
.share_open .layer_in .btn_link .tx {font-size: 14px; color: #999; letter-spacing: -0.8px; margin-top: 7px; line-height: 1;}

/* 공유하기 열림 */
.if_open_share .share_open {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.if_open_share .share_open {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
.if_open_share .share_open .white_box {animation: layer_open 0.2s ease 1 both;}






/* ********************************************** *
 * [공통] 상세 팝업 레이어 : 장바구니 담기
 * ********************************************** */
.cart_open .white_box {max-width: 400px;}
.cart_open .how {height: 230px;}
.cart_open .how .box {display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 100%;}
.cart_open .how .tip {flex: auto; display: flex; justify-content: center; align-items: center; width: 100%; text-align: center;}
.cart_open .how .tip {font-size: 17px; color: #000; letter-spacing: -0.4px; line-height: 1.5; padding-top: 50px; box-sizing: border-box;}
.cart_open .how .tip {background: transparent url('../images/sub/cart_how.png') center 30px no-repeat; background-size: 48px auto !important;}
.cart_open .how ul {width: 100%; flex: none; display: flex; justify-content: space-between; align-items: center;}
.cart_open .how li {flex: 1; padding: 0; margin: 0;}
.cart_open .how .btn2 {font-size: 15px; color: #999; letter-spacing: -0.4px; height: 55px; display: flex; justify-content: center; align-items: center;}
.cart_open .how .btn2 {border-top: 1px solid #e5e5e5; box-sizing: border-box;}
.cart_open .how li+ li .btn2 {border-left: 1px solid #e5e5e5; box-sizing: border-box;}
.cart_open .how .btn2.go_cart {color: #000;}

/* 장바구니 담기 */
.if_cart_save .cart_open {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
.if_cart_save .cart_open .white_box {animation: layer_open 0.2s ease 1 both;}






/* ********************************************** *
 * [공통] 디자인 알림창
 * ********************************************** */
.d_alert {position: absolute; left: -10px; bottom: 0; transform: translateY(100%); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; z-index: 500;}
.d_alert .tx_box {position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0 15px;}
.d_alert .tx_box {height: 35px; background: #0d0d0d; border-radius: 3px; box-sizing: border-box; white-space: nowrap; margin-top: 15px;}
.d_alert .tx_box {box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);}
.d_alert .tx_box:before {content: ''; position: absolute; left: 27px; top: -6px; border-bottom: 8px solid #0d0d0d;}
.d_alert .tx_box:before {border-left: 7px solid transparent; border-right: 7px solid transparent; box-sizing: border-box;}
.d_alert .tx {font-size: 13px; color: #fff; letter-spacing: 0.1px; background: transparent url('../images/sub/d_alert_ic.svg') left center no-repeat;}
.d_alert .tx {background-size: 14px 14px !important; padding-left: 23px; box-sizing: border-box;}

.if_open_alert_wish .d_alert {animation: alert_open 2.5s ease both; -webkit-animation: alert_open 2.5s ease both;}

/* 레이어 창 모션 */
@-webkit-keyframes alert_open {
    0% {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; bottom: 10px;}
    10% {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible; bottom: 0;}
    90% {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
    100% {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
}
@keyframes alert_open {
    0% {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; bottom: 10px;}
    10% {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible; bottom: 0;}
    90% {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
    100% {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
}







/* ********************************************** *
 * 상품 상세 : 상단 오른쪽
 * ********************************************** */
/* 브랜드명 */
.view_info .btn_brand {display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 10px;}
.view_info .btn_brand {box-sizing: border-box; margin: -10px 0 -10px -10px;}
.view_info .btn_brand .brand_tx {height: 25px; border: 1px solid #0170d5; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.view_info .btn_brand .brand_tx {padding: 0 10px; font-size: 14px; color: #0170d5; letter-spacing: -0.2px; font-weight: 500;}
.view_info .btn_brand .go_tx {font-size: 13px; color: #979ca2; letter-spacing: -0.2px; margin-left: 10px; position: relative;}
.view_info .btn_brand .go_tx:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #979ca2;}
.view_info .btn_brand:hover .brand_tx {background: #0170d5; color: #fff;}
.view_info .btn_brand:hover .go_tx {color: #080808;}
.view_info .btn_brand:hover .go_tx:before {background: #080808;}

/* 상품제목 */
.btn_brand+ .view_name {margin-top: 25px;}
.view_name .upper_icon {overflow:hidden; margin-bottom:10px}
.view_name .upper_icon img {float:left; margin-right:1px;}
.view_name .title {font-size: 24px; color: #080808; letter-spacing: -0.2px; font-weight: 500; line-height: 1.3; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.view_name .sub_name {font-size: 16px; color: #888; letter-spacing: -0.2px; line-height: 1.3; margin-top: 10px;}

/* 상품 아이콘 */
.view_info .item_icon {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-top: 25px;}
.view_info .item_icon .icon {height: 24px; padding: 0 10px; box-sizing: border-box; font-size: 12px; color: #111; background: #e4e8ec; margin-right: 1px; margin-bottom: 1px;}
.view_info .item_icon .icon {display: inline-flex; justify-content: center; align-items: center; font-weight: 500; letter-spacing: -0.2px; flex: none;}
.view_info .item_icon .icon:hover {cursor: default;}
.view_info .item_icon img {max-height: 24px; margin-right: 1px; margin-bottom: 1px;}

/* 가격 */
.view_price {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; margin-top: 25px;}
.view_price .price {}
.view_price .price .before {font-size: 20px; color: #c3c3c3; letter-spacing: -0.2px; position: relative; display: inline-block;}
.view_price .price .before {padding: 0 3px; box-sizing: border-box; line-height: 1;}
.view_price .price .before:before {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #c3c3c3; margin-top: -1px; z-index: 1;}
.view_price .price .price_in {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 3px;}
.view_price .price .after {margin-left: 2px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.view_price .price .after .won {font-size: 33px; color: #080808; font-weight: 500; letter-spacing: -0.5px;}
.view_price .price .after .won_t {font-size: 23px; color: #080808; letter-spacing: -0.5px;}
.view_price .price .percent {font-size: 33px; color: #0170d5; letter-spacing: -0.2px; font-weight: 700; margin-left: 10px;}

/* 보상단계 */
.view_price .lv_box {margin-left: 15px; margin-bottom: 4px;}
.view_price .lv_box .lv_mark {height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 100px; box-sizing: border-box; padding:0 10px;}
.view_price .lv_box .lv_mark {font-size: 14px; color: #37d60b; letter-spacing: -0.2px; font-weight: 600; border: 1px solid #37d60b;}
.view_price .lv_box .lv_mark.lv2 {color: #d615b3; border-color: #d615b3;}

/* 찜하기, 공유하기 */
.view_price .btn_box {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin: -10px -5px -10px auto;}
.view_price .btn_box .btn {padding: 10px 5px; box-sizing: border-box;}
.view_price .btn_box .btn+ .btn {margin-left:5px;}
.view_price .btn_box .btn .ic {font-size: 0; position: relative;}
.view_price .btn_box .btn img.on {display: none;}
.view_price .btn_box .btn.hit img.off {display: none;}
.view_price .btn_box .btn.hit img.on {display: block;}

/* 상품정보 */
.view_default {display:table; width:100%; table-layout:fixed; margin-top: 30px}
.view_default dl {display:table-row; box-sizing: border-box;}
.view_default dl+ dl {border-top:1px solid #f2f3f5;}
.view_default dl:first-of-type {border-top: 1px solid #e4e8ec;}
.view_default dt {display:table-cell; vertical-align:top; padding:20px 15px 20px 0; width:100px; box-sizing:border-box; line-height:1.3;}
.view_default dt .tit {font-size: 14px; color: #333; letter-spacing: -0.2px; font-weight: 500;}
.view_default dd {display:table-cell; vertical-align:top; padding: 20px 0; color:#666; letter-spacing:-0.5px; line-height:1.3; word-wrap:break-word; word-break:keep-all;}
.view_default dd .tx {font-size: 14px; color: #888; letter-spacing: -0.2px;}
.view_default dd .tx+ .tx {margin-top: 5px;}
.view_default dd .tx_color {color: #d62015; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center;}
.view_default dd .tx_color strong+ strong:before {content: '+'; margin-left: 3px; margin-right: 3px;}
.view_default .before_price {font-size:14px; line-height:18px; padding:0 3px; position:relative; margin-left:-3px}
.view_default .before_price:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#666;}
.view_default .before_price strong {font-size:16px; letter-spacing:0px; float:left; color:#666;}
.view_default .after_price {font-size:16px; color:#333; font-weight:600; letter-spacing:0px; line-height:23px; margin:-1px 0 1px; float:left;}
.view_default .after_price strong {font-size:19px; float:left; color:#333;}
.view_default .point {font-size:13px; line-height:22px; padding:0 3px; position:relative; margin-left:-3px; float:left;}
.view_default .point strong {font-size:16px; letter-spacing:0px; float:left; line-height:24px; color:#666;}
.view_default .brand_tx {margin-right:10px; float:left; padding-top:3px; min-height:24px; box-sizing:border-box;}
.view_default .btn_coupon {background:#f5f5f5; border:1px solid #ccc; padding:0 28px 0 10px; position:relative; color:#555; letter-spacing:-1px; height:30px; line-height:27px; box-sizing:border-box; float:left;}
.view_default .btn_coupon:before {content:""; position:absolute; right:10px; top:0; width:9px; height:100%; background:transparent url('../images/skin/view_down.gif') center center no-repeat;}
.view_default .btn_coupon:hover {background:#fff; border-color:#999;}
.view_default .point_plus {color:#999; border:1px solid #ddd; letter-spacing:-1px; font-size:11px; padding:0px 10px; margin-left:5px; height:24px; line-height:19px; box-sizing:border-box; cursor:default}
.view_default .point_plus .txt {float:left;}
.view_default .point_plus strong {color:#cd3726; font-weight:600; letter-spacing:0px; margin-left:5px; float:left; line-height:21px;}
.view_default .delivery {display:block;}
.view_default .point_plus.delivery_free {border-color:#f5f5f5; background:#f5f5f5; margin-top:6px; margin-left:-5px;}
.view_default .point_plus.delivery_free strong {margin-left:0px; margin-top:-1px;}


/* 상품쿠폰 */
.view_coupon {margin-top: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.view_coupon .coupon_box {position:relative;}
.view_coupon .coupon_name {border: 1px solid #000; padding:3px 10px; color:#000; letter-spacing:-0.4px; font-weight: 600; min-height: 25px;}
.view_coupon .coupon_name {display: flex; justify-content: center; align-items: center; box-sizing: border-box; margin-right:5px;}
.view_coupon .coupon_name {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.view_coupon .coupon_about {color:#333; font-weight:600; font-size:13px; letter-spacing:0px;}
.view_coupon .open_box {position:absolute; left:50%; top:30px; width:280px; background:#fff; border:1px solid #666; box-sizing:border-box; display:none; z-index:100; box-sizing:border-box; margin-left:-140px;}
.view_coupon .open_box:before {content:""; position:absolute; left:0; top:-15px; width:100%; height:15px; background:transparent url('../images/skin/view_guide_ar.gif') center bottom no-repeat;}
.view_coupon .open_box .tt { color:#333; font-weight:600; letter-spacing:-1px; background:#f5f5f5; padding:10px 15px}
.view_coupon .open_box .txt {padding:10px 15px 15px; color:#888; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; max-height:300px; overflow-y:auto; line-height:1.4;}
.view_coupon .guide {position:relative; background:transparent url('../images/skin/view_guide.png') center center no-repeat; width:16px; height:24px; margin-left:10px;}
.view_coupon .guide:hover .open_box {display:block;}

/* 옵션 */
.view_option {border-top: 1px solid #e4e8ec; box-sizing: border-box;}
.view_option dl {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.view_option dl {padding-top: 20px; box-sizing: border-box;}
.view_option dt {flex: none; width:100px; padding:0 20px 0 0; box-sizing:border-box; font-size: 14px; color: #333; letter-spacing: -0.6px; font-weight: 500;}
.view_option dd {flex: auto; width: 450px;}
.view_option dd.price {text-align:right; width:120px; padding-left:0px; display: none;}
.view_option dd.counter {text-align:right;}

.view_option_color+ .view_option_size {margin-top:10px; border-top:1px solid #eee; padding-top:10px;}
.view_option_size+ .view_option_color {margin-top:10px; border-top:1px solid #eee; padding-top:10px}
.view_option_size+ .view_select {margin-top:10px;}



/* 특수옵션 : 컬러 */
.view_option_color {overflow:hidden;}
.view_option_color.before {border:1px solid #ddd; background:#fff; height:40px; box-sizing:border-box; position:relative;}
.view_option_color.before:before {content:"Color 항목"; position:absolute; left:0; top:0; width:100%; height:40px; line-height:40px; color:#999; letter-spacing:0px; box-sizing:border-box; padding:0 20px;}
.view_option_color.before .this {display:none;}
.view_option_color li {float:left;  margin-right:5px; list-style:none; height:35px;}
.view_option_color label {overflow:hidden; position:relative; width:35px; height:35px; text-align:center; box-sizing:border-box;}
.view_option_color label input {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); position:absolute; left:0; top:0;}
.view_option_color label .tx {width:35px; height:35px; box-sizing:border-box; position:relative; background:#fff; text-align:center;}
.view_option_color label .shape {overflow:hidden; background-repeat:no-repeat; width:35px; height:35px; border:1px solid #fff; box-sizing:border-box; background-size:100%;}
.view_option_color label .shape:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:transparent url('../images/skin/option_color.png') left top no-repeat;}
.view_option_color label input:checked+ .tx {border-color:#333;}
.view_option_color label input:checked+ .tx .shape:before {background-position:right top;}
.view_option_color label.none .tx {border:1px solid rgba(0,0,0,0.1); border-color:rgba(0,0,0,0.3);}
.view_option_color label.none {cursor:not-allowed}
.view_option_color label.none:before {content:""; width:100%; height:100%; background:rgba(255,255,255,0.85);; position:absolute; left:0; top:0; z-index:90; border-radius:100px;}
.view_option_color label.none:after {content:""; width:25px; height:25px; position:absolute; left:50%; top:50%; z-index:100; background:transparent url('../images/skin/option_none.gif') center center no-repeat;}
.view_option_color label.none:after {opacity: 0.2; filter: alpha(opacity=20); -ms-filter:alpha(opacity=20); margin:-13px 0 0 -13px;}
.view_option_color .this {color:#999; padding:5px;}



/* 특수옵션 : 사이즈 */
.view_option_size {overflow:hidden;}
.view_option_size.before {border:1px solid #ddd; background:#fff; height:40px; box-sizing:border-box; position:relative;}
.view_option_size.before:before {content:"Size 항목"; position:absolute; left:0; top:0; width:100%; height:40px; line-height:40px; color:#999; letter-spacing:0px; box-sizing:border-box; padding:0 20px;}
.view_option_size.before .this {display:none;}
.view_option_size li {float:left; margin-right:5px; height:35px;}
.view_option_size label {overflow:hidden; position:relative; min-width:35px; height:35px; text-align:center;}
.view_option_size label input {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); position:absolute; left:0; top:0;}
.view_option_size label .tx {min-width:35px; height:35px; box-sizing:border-box; border:1px solid #ccc; position:relative; background:#fff; line-height:33px; color:#666; padding:0 8px;}
.view_option_size label input:checked+ .tx {border-color:#333; color:#333;}
.view_option_size label.none {cursor:not-allowed}
.view_option_size label.none:before {content:""; width:100%; height:100%; background:rgba(255,255,255,0.5); position:absolute; left:0; top:0; z-index:100}
.view_option_size label.none:after {content:""; width:1px; height:100px; background:rgba(0,0,0,0.2); position:absolute; left:0; top:-15px; z-index:90; transform: rotate(45deg); -webkit-transform: rotate(45deg); display:none;}
.view_option_size .this {color:#999; padding:5px;}

.view_select+ .view_option_color {margin-top:10px;}
.view_select+ .view_option_size {margin-top:10px;}
.view_option_color+ .view_select {margin-top:10px;}
.view_option_size+ .view_select {margin-top:10px;}


/* 옵션카운터 */
.view_option .counter_box {width:160px; overflow:hidden; display:inline-block; position: relative;}
.view_option .counter_box .updown_input {float:left; border:1px solid #e5e5e5; background:#fff; width:100%; height:40px !important; text-align:center; box-sizing:border-box; border-right:0;}
.view_option .counter_box .updown_input {font-size:17px; color:#000 !important; font-weight:600;}
.view_option .counter_box .updown {display:inline-block; overflow:hidden;position: absolute; left: 0; top: 0; width: 100%;}
.view_option .counter_box .updown a {width:45px; height:40px; float:left; border:1px solid #e5e5e5; box-sizing:border-box;}
.view_option .counter_box .updown a {display: inline-flex; justify-content: center; align-items: center;}
.view_option .counter_box .updown .btn_up {background:#fff url('../images/sub/count_up.png') center center no-repeat; float: right;}
.view_option .counter_box .updown .btn_down {background:#fff url('../images/sub/count_down.png') center center no-repeat; float: left;}
.view_option .counter_box .updown a:hover {background-color:#f5f5f5;}


/* 옵션가격 */
.view_option .price {color:#000; font-size:12px; letter-spacing:0px; font-weight:600; line-height:14px;}
.view_option .price strong {font-size:14px; float:left; line-height:14px;}

/* 옵션셀렉트 */
.view_select {position:relative; background:#fff; text-align:left; cursor:pointer;}
.view_select+ .view_select {margin-top:5px;}
.view_select .this {padding:10px 60px 10px 20px; min-height:40px; line-height: 1.2; overflow:hidden; word-wrap: normal !important; display:block;}
.view_select .this {font-size: 13px; color:#999; letter-spacing: -0.5px; border:1px solid #e5e5e5; box-sizing: border-box;}
.view_select .shape {width:50px; height:100%; position:absolute; right:0; top:0; text-align:center; background:transparent url('../images/sub/view_select_ic.png') center center no-repeat;}
.view_select .open_box {display:none; position:absolute; left: 0; top: 39px; width:100%; background:#fff; border:1px solid #333; z-index:101;}
.view_select .open_box {overflow:auto; max-height:210px; border-top: 0; box-sizing: border-box;}
.view_select .open_box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #e5e5e5; z-index: 1;}
.view_select .open_box .option {display:flex; flex-direction: row; justify-content: space-between; align-items: flex-start; position:relative;}
.view_select .open_box .option {padding: 15px 20px; line-height: 1.3; border-top:1px solid #eee; color:#888; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all;}
.view_select .open_box .option:first-of-type {border:0}
.view_select .open_box .option:hover {background:#f5f5f5; color:#333;}
.view_select .open_box .soldout {background:#999; color:#fff; padding:0 5px; height:17px; line-height:17px; font-size:11px; letter-spacing:-1px; margin-left: auto; flex: none;}
.view_select .open_box .add_price {font-size: 13px; color: #333; letter-spacing: 0; font-weight: 600; line-height: 1; margin-left: auto; flex: none;}
.view_select.before .this {color:#999; border:1px solid #e5e5e5;}
.view_select.before:hover .this {border:1px solid #e5e5e5;}
.view_select.before:hover .open_box {display:none;}
.view_select:hover .this {border-color: #333;}
.view_select:hover .open_box {display:block;}

/* 선택한 옵션 */
.view_option.result {display:block; margin-top: 20px;}
.view_option.result dl {padding: 15px 20px; background: #f8f8f8;}
.view_option.result dl+ dl {margin-top: 0; border-top: 1px solid #e5e5e5; box-sizing: border-box;}
.view_option.result dt {width:auto !important; letter-spacing:-0.5px; flex: auto;}
.view_option.result dd {width: auto;}
.view_option.result dd.price {text-align:right; width:90px; display: block; flex: none;}
.view_option.result dd .price {font-size: 13px; color: #000; font-weight: 700; letter-spacing: 0;}
.view_option.result dd.delete {flex: none; margin-right: -10px;}
.view_option.result dd.counter {text-align:right; width:100px; height: 30px; flex: none;}
.view_option.result dd.counter .counter_box {width: 100px;}
.view_option.result dd.counter .updown_input {height: 30px !important; font-size: 13px; font-weight: 500;}
.view_option.result dd.counter .updown a {width: 30px; height: 30px;}
.view_option.result dd.counter .btn_down {background-image: url('../images/sub/count_down_sm.png');}
.view_option.result dd.counter .btn_up {background-image: url('../images/sub/count_up_sm.png');}
.view_option.result .add_tag {padding:0 5px; height:16px; line-height:16px; background:#666; color:#fff; font-size:11px; letter-spacing:-1px; margin-right:5px; margin-bottom: 1px;}
.view_option.result .btn_delete {width:30px; height:30px; background: transparent url('../images/sub/result_del.png') center center no-repeat;}
.view_option.result .updown a {background-color:#fff !important;}
.view_option.result .updown a:hover {background-color:#eee !important;}
.view_option.result .if_before {width: 100% !important; text-align:center; color:#999;}

/* 결제금액계산 */
.view_total {border-top:1px solid #e4e8ec; overflow:hidden; padding-top: 20px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.view_option+ .view_total {margin-top: 20px;}
.view_option.result+ .view_total {margin-top: 0;}
.view_total .total_tt {font-size: 23px; color: #000; letter-spacing: -0.8px; font-weight: 500; height: 30px; line-height: 28px;}
.view_total .after_price {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-left: 35px;}
.view_total .after_price .won {font-size: 29px; color: #000; letter-spacing: -0.4px; font-weight: 700; height: 30px; line-height: 29px;}
.view_total .after_price .won_t {font-size: 23px; color: #000; letter-spacing: -0.8px; font-weight: 500; height: 30px; line-height: 28px;}

.view_total_error {text-align:center; color:#999; font-weight:400; display:block; border:1px solid #ddd; border-top:0; padding:20px; border-top:1px solid #333;}



/* 장바구니/구매 버튼 */
.view_btn {margin-top: 30px;}
.view_btn li {list-style: none;}

.view_btn .btn_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.view_btn ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex: auto;}
.view_btn li {flex: 1;}
.view_btn ul .btn {font-size:17px; height:55px; display:flex; justify-content: center; align-items: center;}
.view_btn ul .btn {font-weight:700; letter-spacing:-0.4px; color: #111; background: #fff; border: 1px solid #111; box-sizing: border-box;}
.view_btn ul .btn {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.view_btn ul .btn_cart {background:#fff; border:1px solid #333; color:#333;}
.view_btn ul .btn_cart:hover {box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4);}
.view_btn ul .btn_order {background:#0d0d0d; border:1px solid #111; color:#fff;}
.view_btn ul .btn_order:hover {box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4);}
.view_btn ul .btn_soldout {background:#fff; border:1px solid #ccc; cursor:default; color:#999; font-weight:400;}

.view_btn .tag_copy {flex: none; margin-right: 10px; position: relative;}
.view_btn .tag_copy .btn_copy {width: 140px; height: 55px; background: #0170d5; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.view_btn .tag_copy .btn_copy {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.view_btn .tag_copy .btn_copy:hover {box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4);}
.view_btn .tag_copy .btn_copy .tx {font-size: 17px; color: #fff; letter-spacing: -0.4px; font-weight: 600; margin-left: 10px;}
.tag_copy .d_alert {left: 50%; margin-left: -30px;}
.if_open_alert_copy .d_alert {animation: alert_open 2.5s ease both; -webkit-animation: alert_open 2.5s ease both;}











/* ********************************************** *
 * 상품 상세 : 배너
 * ********************************************** */
.view_banner {margin-top:30px; text-align:center;}
.view_banner img {max-width:100%}









/* ********************************************** *
 * 상품 상세 : 관련상품
 * ********************************************** */
.view_relative {margin-top:60px; overflow:hidden;}
.view_relative .relative_wrap {position: relative;}

/* 타이틀 */
.view_relative .ma_tit {text-align: left; margin-top: 0; margin-bottom: 15px; padding:0px;}
.view_relative .ma_tit .tit {font-size: 37px;}

/* 롤링 이전다음버튼 */
.view_relative .ma_prevnext {top: 120px; margin-top: 0;}
.view_relative .ma_prevnext.prev {left: -65px;}
.view_relative .ma_prevnext.next {right: -65px;}
.view_relative .in_col5 .ma_prevnext {top: 94px;}

/* 상품노출 */
.view_relative .item_box .info .brand_name {display: none;}
.view_relative .item_box .lv_box {display: none;}
.view_relative .item_box .icon_total {display: none;}







/* ********************************************** *
 * 상품 상세 : 탭메뉴
 * ********************************************** */
.view_tab {margin-top: 30px;}
.view_conts+ .view_tab {margin-top: 50px;}

.view_tab ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 80px; background: #fff;}
.view_tab ul {padding: 0 25px; box-sizing: border-box; position: relative;}
.view_tab ul:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e4e8ec; z-index: 1;}
.view_tab li {list-style: none;}
.view_tab .tab {padding: 0 25px; box-sizing: border-box;}
.view_tab .tab .tx {font-size: 20px; color: #c9d0d8; letter-spacing: -0.2px; font-weight: 600; position: relative; height: 80px; display: flex; justify-content: center; align-items: center;}
.view_tab .tab .tx:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #080808; z-index: 2; display: none;}
.view_tab .tab .num {margin-left: 5px;}
.view_tab .hit .tx {color: #111;}
.view_tab .hit .tx:before {display: block;}










/* ********************************************** *
 * 상품 상세 : 탭내용
 * ********************************************** */
.view_conts {}
.view_conts .layout_fix {background: #fff; padding: 50px 50px; box-sizing: border-box;}
.view_conts .group_title {color:#333; font-weight:600; font-size:19px; letter-spacing:-1.5px; margin-bottom:15px;}
.view_conts .sub_tit {color:#333; font-weight:600; font-size:17px; letter-spacing:-1.5px;  margin-bottom:10px; position:relative; overflow:hidden;}
.view_detail {overflow:hidden;}

/* 상품정보제공고시 */
.view_notify {overflow:hidden;}
.view_notify table {width:100%; table-layout:fixed;}
.view_notify table th {text-align:left; padding:10px 20px; height:40px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5; font-weight:400; color:#666; letter-spacing:-0.5px; box-sizing:border-box;}
.view_notify table td {padding:10px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#666; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.view_detail+ .view_notify {margin-top:50px;}
.view_notify+ .view_notify {margin-top:30px;}

/* 배송/교환/반품 안내 */
.view_guide { margin-top:40px;}
.view_guide .sub_tit {border-bottom:1px solid #ddd; padding-bottom:10px;}
.view_guide .add {color:#999; letter-spacing:-0.5px; margin-top:5px; font-size:12px; font-weight:400; position:absolute; right:0; top:0;}
.view_guide .add strong {text-decoration:underline; color:#666;}
.view_guide .txt_box {padding:10px 15px 0; line-height:1.5;}

/* 리뷰, 문의 */
.v_board_wrap {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.v_board_wrap li {list-style: none;}
.v_board_wrap .b_left {flex: none; width: 270px;}
.v_board_wrap .b_left .score {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 0; margin: 0;}
.v_board_wrap .b_left .score .num {margin: 0; font-size: 45px; font-weight: 600; line-height: 1;}
.v_board_wrap .b_left .num_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end;}
.v_board_wrap .b_left .num_box .num_tx {font-size: 23px; color: #979ca2; letter-spacing: 0; font-weight: 300; margin-left: 7px; line-height: 1; margin-bottom: 5px;}
.v_board_wrap .b_left .mark {margin: 35px 0 0 0;}
.v_board_wrap .b_left .total {font-size: 16px; color: #979ca2; letter-spacing: 0; font-weight: 300; margin-top: 15px;}
.v_board_wrap .b_right {flex: auto;}
.v_board_wrap .b_right .board_title {display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 2px solid #d4d9e0; padding-bottom: 15px;}
.v_board_wrap .b_right .board_title .tit {font-size: 23px; color: #111; letter-spacing: -0.2px; font-weight: 700; line-height: 1;}
.v_board_wrap .b_right .board_title ul {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin: -10px -10px -10px 0;}
.v_board_wrap .b_right .board_title li {position: relative;}
.v_board_wrap .b_right .board_title li+ li:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 12px; background: #e4e8ec; margin-top: -6px;}
.v_board_wrap .b_right .board_title .btn {padding: 10px 10px; box-sizing: border-box;}
.v_board_wrap .b_right .board_title .tx {font-size: 16px; color: #979ca2; letter-spacing: -0.2px; font-weight: 600;}
.v_board_wrap .b_right .board_title .btn_write .tx {color: #111; background: transparent url('../images/sub/v_write_ic.png') left center no-repeat;}
.v_board_wrap .b_right .board_title .btn_write .tx {padding-left: 27px; box-sizing: border-box;}

.c_view_list .none_box {text-align: center; margin: 20px 0;}
.c_view_list .none_box .tit {font-size: 20px; color: #979ca2; letter-spacing: -0.2px; font-weight: 200; line-height: 1.3;}
.c_view_list .none_box .btn {margin-top: 25px; display: inline-flex; justify-content: center; align-items: center; height: 55px; width: 200px;}
.c_view_list .none_box .btn {border: 1px solid #111; box-sizing: border-box;}
.c_view_list .none_box .btn .tx {font-size: 16px; color: #111; letter-spacing: -0.2px; font-weight: 600; box-sizing: border-box;}
.c_view_list .none_box .btn .tx {background: transparent url('../images/sub/v_write_ic.png') left center no-repeat; padding-left: 27px;}









/* ********************************************** *
 * 상품 레이아웃
 * ********************************************** */
.prod_wrap {margin-bottom: -120px;}
.prod_wrap .layout_fix {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}

/* 타입별 상품일때 */
.prod_wrap.if_type .s_aside {display: none;}
.prod_wrap.if_type .sub_location {display: none;}
.prod_wrap.if_type .prod_cont {padding-top: 40px;}
.prod_wrap.if_type .item_li_ctrl .tit {display: none;}
.prod_wrap.if_type .sub_item .sub_title {display: block;}
.prod_wrap.if_type .sub_item .ctg3_box {display: none;}

/* 베스트100 상품일때 */
.prod_wrap.if_best100 .sub_item .sub_title {margin-bottom: 65px;}

/* 인기태그 */
.s_aside .hash_box {}
.s_aside .hash_box .btn {width: 100%; font-size: 14px; color: #888; letter-spacing: -0.2px; padding: 7px 5px 7px 0; box-sizing: border-box; line-height: 1.3;}
.s_aside .hash_box .btn:hover {color: #0170d5;}







/* ********************************************** *
 * 서브 aside
 * ********************************************** */
.s_aside {flex: none; width: 210px; padding: 35px 0 120px 0; box-sizing: border-box; position: relative; margin-right: 40px;}
.s_aside:before {content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #e4e8ec; z-index: 1;}
.s_aside li {list-style: none;}

.s_aside .group+ .group {margin-top: 75px;}
.s_aside .tit {font-size: 21px; color: #080808; letter-spacing: -0.2px; font-weight: 300; border-bottom: 1px solid #080808; margin-bottom: 15px; padding-right:10px;}
.s_aside .tit {padding-bottom: 10px; box-sizing: border-box; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height: 1.3;}
.s_aside .tit strong {font-weight: 800; margin-right: 5px;}

.s_aside .ctg_box {}
.s_aside .ctg_box .ul {}
.s_aside .ctg_box .li {position: relative;}
.s_aside .ctg_box .li+ .li {border-top: 1px solid #f2f3f5; box-sizing: border-box;}
.s_aside .ctg_box .li.if_no_ctg2 .btn_open {display: none;}
.s_aside .ctg_box .ctg1_tit {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch; position: relative;}
.s_aside .ctg_box .ctg1_tit {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.s_aside .ctg_box .ctg1 {flex: auto; height: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.s_aside .ctg_box .ctg1 {font-size: 15px; color: #080808; letter-spacing: -0.2px; line-height: 1.3; padding: 10px 0; box-sizing: border-box; font-weight: 500;}
.s_aside .ctg_box .btn_open {flex: none; width: 50px; background: transparent url('../images/sub/as_ctg_open.png') center center no-repeat;}
.s_aside .ctg_box .btn_open {opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20);}
.s_aside .ctg_box .ctg2_box {display: none; background: #fff; padding: 0 0 10px 0; box-sizing: border-box; position: relative;}
.s_aside .ctg_box .ctg2_box .menu {position: relative; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.s_aside .ctg_box .ctg2_box .ctg2 {padding: 6px 15px; box-sizing: border-box; width: 100%; font-size: 14px; color: #888; letter-spacing: -0.2px; line-height: 1.3; position: relative;}
.s_aside .ctg_box .ctg2_box .ctg2:before {content: ''; position: absolute; left: 4px; top: 14px; width: 5px; height: 1px; background: #d4d9e0;}
.s_aside .ctg_box .ctg2_box .hit .ctg2 {color: #080808;}
.s_aside .ctg_box .ctg2_box .hit .ctg2:before {background: #080808;}
.s_aside .ctg_box .ctg3_box {position: absolute; left: 100%; top: -15px; z-index: 60; background: rgba(0, 0, 0, 0.95);}
.s_aside .ctg_box .ctg3_box {padding: 20px 0; box-sizing: border-box; min-width: 170px; display: none; margin-left: -20px;}
.s_aside .ctg_box .ctg3 {white-space: nowrap; padding: 6px 25px; box-sizing: border-box; font-size: 14px; color: #979ca2; letter-spacing: -0.2px; width: 100%;}

.s_aside .ctg_box .ctg1_tit:hover {background: #fafafb;}
.s_aside .ctg_box .ctg1_tit:hover .ctg1 {padding-left: 10px;}
.s_aside .ctg_box .ctg3:hover {color: #fff;}
.s_aside .ctg_box .ctg2_box .menu:hover .ctg2 {text-decoration: underline;}
.s_aside .ctg_box .ctg2_box .menu:hover .ctg3_box {display: block;}


.s_aside .ctg_box .if_open_as_ctg .ctg1_tit {background: #fff;}
.s_aside .ctg_box .if_open_as_ctg .ctg1 {color: #0170d5; font-weight: 700;}
.s_aside .ctg_box .if_open_as_ctg .ctg1_tit:hover .ctg1 {padding-left: 0;}
.s_aside .ctg_box .if_open_as_ctg .btn_open {transform: rotate(180deg); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
/*
.s_aside .ctg_box .if_open_as_ctg .ctg2_box {display: block;}
 */








/* ********************************************** *
 * 서브 상품영역
 * ********************************************** */
.prod_cont {flex: 1; padding: 0 0 120px 0; box-sizing: border-box; position: relative;}
.prod_cont li {list-style: none;}








/* ********************************************** *
 * 회사소개
 * ********************************************** */
.p_about {padding-bottom: 120px; box-sizing: border-box;}
.p_about li {list-style: none;}

/* [공통]섹션 타이틀 */
.p_about .sec_tit {margin-top: 130px;}
.p_about .sec_tit .tit_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_about .sec_tit .tit_box .tit_en {font-size: 27px; color: #000; letter-spacing: -0.5px; font-weight: 900; position: relative; line-height: 1;}
.p_about .sec_tit .tit_box .tit_en:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.p_about .sec_tit .tit_box .tit {font-size: 20px; color: #979ca2; letter-spacing: -0.5px; margin-left: 10px; line-height: 1;}
.p_about .sec_tit .tx_box {margin-top: 40px;}
.p_about .sec_tit .tx_box .tx_l {font-size: 40px; color: #0d0d0d; letter-spacing: -0.5px; font-weight: 500; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_about .sec_tit .tx_box .tx_l+ .tx_l {margin-top: 5px;}
.p_about .sec_tit .tx_box .tx_l.color {color: #0170d5; font-weight: 900; position: relative; line-height: 1; margin-top: 5px; display: inline-block;}
.p_about .sec_tit .tx_box .tx_l.color:before {content: ''; position: absolute; right: -20px; bottom: 2px; width: 10px; height: 10px; background: #0170d5;}
.p_about .sec_tit .tx_box .tx_l.color:before {border: 1px solid #0170d5; border-radius: 100px; box-sizing: border-box;}
.p_about .sec_tit .tx_box .tx_s {font-size: 16px; color: #979ca2; letter-spacing: 0; line-height: 1.3; margin-top: 25px; word-wrap:break-word; word-break:keep-all; white-space:normal;}

/* 섹션1 : 비주얼 */
.p_about .sec1 {position: relative;}
.p_about .sec1 .bg_img {position: absolute; left: 0; top: 0; width: 100%; z-index: -1; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden;}
.p_about .sec1 .top_tx {padding: 85px 0 90px 0; box-sizing: border-box; max-width: 510px;}
.p_about .sec1 .top_tx .tit {font-size: 50px; color: #fff; letter-spacing: -0.2px; font-weight: 800; line-height: 1.2; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_about .sec1 .top_tx .tit_s {font-size: 18px; color: #fff; letter-spacing: 0.2px; font-weight: 300; margin-top: 10px; padding-left: 3px; box-sizing: border-box;}
.p_about .sec1 .top_tx .tit_s {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_about .sec1 .top_tx .tx {font-size: 20px; color: #fff; letter-spacing: -0.1px; font-weight: 600; line-height: 1.4; margin-top: 30px; padding-top: 25px;}
.p_about .sec1 .top_tx .tx {border-top: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box; padding-left: 3px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_about .sec1 .user_box {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch; margin: 0 -12px;}
.p_about .sec1 .user_box li {flex: 1; padding: 0 12px; box-sizing: border-box;}
.p_about .sec1 .user_box .box {width: 100%; height: 300px; background: #fff; border-radius: 10px; box-sizing: border-box; box-shadow: 30px 30px 30px rgba(0, 0, 0, 0.1);}
.p_about .sec1 .user_box .box {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.p_about .sec1 .user_box .tx_box {margin-top: 45px;}
.p_about .sec1 .user_box .tx {font-size: 25px; color: #000; letter-spacing: -0.2px; font-weight: 600; line-height: 1;}
.p_about .sec1 .user_box .tx_en {font-size: 16px; color: #c3c3c3; letter-spacing: -0.2px; font-weight: 600; line-height: 1; margin-top: 10px;}
.p_about .sec1 .user_box .tit {color: #0170d5; display: flex; flex-direction: column; justify-content: center; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_about .sec1 .user_box .tit em {font-size: 30px; letter-spacing: -0.4px; font-weight: 500;}
.p_about .sec1 .user_box .tit strong {font-size: 37px; letter-spacing: -0.1px; font-weight: 800;}

/* 섹션2 : 소개 */
.p_about .sec2 .sec_tit {margin-top: 150px;}
.p_about .sec2 .info_g {margin-top: 80px;}
.p_about .sec2 .info_g ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_about .sec2 .info_g li {flex: 1; position: relative;}
.p_about .sec2 .info_g .box {height: 180px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding:0 50px; text-align:center;}
.p_about .sec2 .info_g .box {border-radius: 100px; box-sizing: border-box; border: 1px solid #0170d5; box-shadow: 30px 30px 30px rgba(0, 0, 0, 0.1);}
.p_about .sec2 .info_g .tx {font-size: 27px; color: #000; letter-spacing: -0.2px; font-weight: 500;}
.p_about .sec2 .info_g .tit {font-size: 25px; color: #0170d5; letter-spacing: -0.2px; font-weight: 800; margin-top: 7px;}
.p_about .sec2 .info_g li:first-of-type:before {content: ''; position: absolute; right: -60px; top: 50%; width: 94px; height: 22px;}
.p_about .sec2 .info_g li:first-of-type:before {margin-top: -11px; background: transparent url('../images/sub/about_s2_2.png') center center no-repeat;}
.p_about .sec2 .info_g li:last-of-type .box {border-color: #d615b3;}
.p_about .sec2 .info_g li:last-of-type .tit {color: #d615b3;}
.p_about .sec2 .info_g li:last-of-type:before {content: ''; position: absolute; left: -60px; top: 50%; width: 94px; height: 22px;}
.p_about .sec2 .info_g li:last-of-type:before {margin-top: -11px; background: transparent url('../images/sub/about_s2_3.png') center center no-repeat;}
.p_about .sec2 .info_g .li_logo {flex: none; width: 360px; text-align: center;}
.p_about .sec2 .info_g .img_box {width: 180px; height: 180px; background: #f2f3f5; border: 1px solid #f2f3f5; border-radius: 100px; box-sizing: border-box;}
.p_about .sec2 .info_g .img_box {display: inline-flex; justify-content: center; align-items: center;}

/* 섹션3 : 보상시스템 */
.p_about .sec3 {background: #1c1e22 url('../images/sub/about_s3_1.png') left top repeat; overflow: hidden; padding-bottom: 100px; margin-top: 130px;}
.p_about .sec3 .sec_tit {margin-top: 100px;}
.p_about .sec3 .sec_tit .tit_box .tit_en {color: #fff;}
.p_about .sec3 .sec_tit .tit_box .tit_en:before {background: #fff;}
.p_about .sec3 .sec_tit .tx_box .tx_l {color: #fff;}
.p_about .sec3 .sec_tit .tx_box .tx_l.color {color: #0170d5;}
.p_about .sec3 .info_g {margin-top: 10px; text-align: center;}
.p_about .sec3 .info_g .g_box {position: relative; display: inline-block;}
.p_about .sec3 .info_g .img {display: inline-block; font-size: 0;}
.p_about .sec3 .info_g .tx_box {position: absolute; left: 290px; top: -80px; width: 345px; text-align: right;}
.p_about .sec3 .info_g .percent {font-size: 70px; color: #d615b3; letter-spacing: -0.2px; font-weight: 800; line-height: 1; margin-right: -5px;}
.p_about .sec3 .info_g .bar {width: 100%; height: 2px; background: #fff; margin: 15px 0; position: relative;}
.p_about .sec3 .info_g .bar:before {content: ''; position: absolute; left: -102px; top: 42px; width: 120px; height: 2px; transform: rotate(-45deg); background: #fff;}
.p_about .sec3 .info_g .tx {font-size: 25px; color: #d615b3; letter-spacing: -0.2px; font-weight: 600;}

/* 섹션4 : 태그 방법 */
.p_about .sec4 .info_g {margin-top: 75px;}
.p_about .sec4 .info_g ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: 0 -20px;}
.p_about .sec4 .info_g li {flex: 1; padding: 0 20px; box-sizing: border-box; position: relative;}
.p_about .sec4 .info_g li:nth-of-type(2)~ li:before {content: ''; position: absolute; left: -20px; top: 50%; width: 40px; height: 40px; margin-top: -20px;}
.p_about .sec4 .info_g li:nth-of-type(2)~ li:before {background: transparent url('../images/sub/about_s4_5.png') center center no-repeat;}
.p_about .sec4 .info_g .box {height: 230px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center;}
.p_about .sec4 .info_g .box {border: 1px solid #f2f3f5; border-radius: 20px; box-sizing: border-box; box-shadow: 30px 30px 30px rgba(0, 0, 0, 0.1); padding-top: 35px; box-sizing: border-box;}
.p_about .sec4 .info_g .step {font-size: 19px; color: #979ca2; letter-spacing: -0.2px; font-weight: 600; line-height: 1; line-height: 1;}
.p_about .sec4 .info_g img {margin-top: 30px;}
.p_about .sec4 .info_g .tx {font-size: 18px; color: #000; letter-spacing: 0; line-height: 1.2; margin-top: 30px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_about .sec4 .info_g .tit {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.p_about .sec4 .info_g .tit em {font-size: 20px; color: #80b7ea; font-weight: 700; letter-spacing: -0.2px; line-height: 1;}
.p_about .sec4 .info_g .tit strong {font-size: 23px; color: #fff; letter-spacing: -0.1px; font-weight: 500; line-height: 1; margin-top: 5px;}
.p_about .sec4 .info_g .li_tit .box {border-color: #0170d5; background: #0170d5; justify-content: center; padding-top: 0;}

.p_about .sec4 .this_consumer {margin-top: 100px; padding-top: 95px; border-top: 1px solid #e4e7ee; box-sizing: border-box;}
.p_about .sec4 .this_consumer .sec_tit {margin-top: 0;}
.p_about .sec4 .this_consumer .sec_tit .tx_box {margin-top: 0;}
.p_about .sec4 .this_consumer .sec_tit dl {margin-top: 50px;}
.p_about .sec4 .this_consumer .sec_tit dt {font-size: 25px; color: #0d0d0d; letter-spacing: -0.5px; font-weight: 700; margin-bottom: 15px;}
.p_about .sec4 .this_consumer .sec_tit dd {font-size: 16px; color: #979ca2; letter-spacing: 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_about .sec4 .this_consumer .sec_tit dd {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_about .sec4 .this_consumer .sec_tit dd+ dd {margin-top: 3px;}
.p_about .sec4 .this_consumer .sec_tit dd strong {color: #fff; letter-spacing: -0.2px; font-weight: 600; width: 42px; height: 20px; margin-right: 7px; flex: none;}
.p_about .sec4 .this_consumer .sec_tit dd strong {background: #0d0d0d; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_about .sec4 .this_consumer .info_g {margin-top: 100px;}
.p_about .sec4 .this_consumer .info_g ul {margin-right: -27px;}
.p_about .sec4 .this_consumer .info_g li {padding: 0 27px;}
.p_about .sec4 .this_consumer .info_g .li_tit {flex: none; width: 20%; padding: 0 20px;}
.p_about .sec4 .this_consumer .info_g .li_tit+ li {padding-left: 20px;}

/* 섹션5 : 브랜드소개 2022-07-11 KHY */
.p_about .sec5 {position: relative; height: 880px; overflow: hidden;}
.p_about .sec5 .sec_tit {margin-top: 110px;}
.p_about .sec5 .bg_img {position: absolute; left: 0; top: 0; width: 100%; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden;}
.p_about .sec5 .layout_fix {z-index: 2;}
.p_about .sec5 .tx_img {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid rgba(1, 112, 213, 0.2); box-sizing: border-box;}
.p_about .sec5 .tx_img .tx_box {padding: 55px 0; box-sizing: border-box;}
.p_about .sec5 .tx_img .tx_l {font-weight: 200; font-size: 50px; color: #0170d5; letter-spacing: -0.2px; padding-top: 10px; padding-right: 45px; box-sizing: border-box;}
.p_about .sec5 .tx_img .tx_l {background: transparent url('../images/sub/about_s5_3.png') right top no-repeat; display: inline-block;}
.p_about .sec5 .tx_img .tx_l strong {font-weight: 900;}
.p_about .sec5 .tx_img .tx {font-size: 25px; color: #0d0d0d; letter-spacing: -0.4px; line-height: 1.4; margin-top: 15px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_about .sec5 .tx_img .tx strong {font-weight: 800;}
.p_about .sec5 .tx_img .tx.color {color: #0170d5;}
.p_about .sec5 .tx_img .img_box {font-size: 0; margin-left: auto; padding-right: 20px; box-sizing: border-box;}
.p_about .sec5 .tx_logo {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 70px;}
.p_about .sec5 .tx_logo .logo {font-size: 0;}
.p_about .sec5 .tx_logo .tx {margin-left: 30px; font-size: 26px; color: #0d0d0d; line-height: 1.4; letter-spacing: -0.5px;}
.p_about .sec5 .tx_logo .tx strong {font-weight: 800;}

/* 섹션6 : 셀프 & 바이럴 베네핏 시스템 2022-07-11 KHY */
.p_about .sec6 {background: #1c1e22 url('../images/sub/about_s3_1.png') left top repeat; overflow: hidden; padding-bottom: 140px; margin-top: 130px;}
.p_about .sec6 .sec_tit {margin-top: 100px;}
.p_about .sec6 .sec_tit .tit_box {align-items: flex-end;}
.p_about .sec6 .sec_tit .tit_box .tit_en {color: #fff; display: inline-flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.p_about .sec6 .sec_tit .tit_box .tit_en:before {display: none;}
.p_about .sec6 .sec_tit .tit_box .tit_en strong {position: relative;}
.p_about .sec6 .sec_tit .tit_box .tit_en strong:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff;}
.p_about .sec6 .sec_tit .tit_box .tit_en em {margin-top: 7px;}
.p_about .sec6 .sec_tit .tit_box .tit {margin-bottom: 3px;}
.p_about .sec6 .sec_tit .tx_box {margin-top: 50px;}
.p_about .sec6 .sec_tit .tx_box .tx_l {color: #fff;}
.p_about .sec6 .sec_tit .tx_box .tx_l.color {color: #0170d5;}
.p_about .sec6 .info_g {position: relative;}
.p_about .sec6 .info_g ul {padding: 110px 0; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; z-index: 2;}
.p_about .sec6 .info_g li {flex: 1; box-sizing: border-box;}
.p_about .sec6 .info_g li:first-of-type {padding-right: 30px;}
.p_about .sec6 .info_g li:last-of-type {padding-left: 30px;}
.p_about .sec6 .info_g .box {width: 100%; height: 300px; border-radius: 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;}
.p_about .sec6 .info_g .box1 {background: #d615b3;}
.p_about .sec6 .info_g .box2 {background: #0170d5;}
.p_about .sec6 .info_g .tit_box {height: 140px; flex: none; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.p_about .sec6 .info_g .tit_box {padding: 0 40px; box-sizing: border-box; position: relative;}
.p_about .sec6 .info_g .tit_en {font-size: 23px; color: #fff; letter-spacing: 0; font-weight: 300; line-height: 1; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: alpha(opacity=50);}
.p_about .sec6 .info_g .tit {font-size: 32px; color: #fff; letter-spacing: -0.2px; font-weight: 300; line-height: 1; margin-top: 10px;}
.p_about .sec6 .info_g .tit strong {font-weight: 700;}
.p_about .sec6 .info_g .img {font-size: 0; position: absolute; right: 35px; top: 35px; z-index: 5;}
.p_about .sec6 .info_g .tx {flex: auto; background: #fff; border: 1px solid #fff; border-radius: 30px 30px; box-sizing: border-box; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_about .sec6 .info_g .tx {font-size: 18px; color: #979ca2; letter-spacing: -0.6px; font-weight: 500; line-height: 1.4; padding: 35px 40px;}
.p_about .sec6 .info_g .bg_img {position: absolute; left: 0; top: 10px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; z-index: 1;}
.p_about .sec6 .info_g .bg_img .img1 {}
.p_about .sec6 .info_g .bg_img .img2 {margin-top: -48px;}
.p_about .sec6 .info_g .g_tx {margin-top: 70px; font-size: 21px; color: #fff; font-weight: 200; letter-spacing: 0; line-height: 1.5;}
.p_about .sec6 .info_g .g_tx {text-align: center; position: relative; z-index: 2;}
.p_about .sec6 .info_g .g_tx strong {font-weight: 700; color: #0170d5; text-decoration: underline;}

/* 섹션 : 동영상 */
.p_about .sec_video {background: #080808; padding: 50px 0; box-sizing: border-box;}






/* 라이브 커머스 추가 :: 2022-10-28 KHY ---------------------------------------------------------------- */
.p_Live {margin-top: 30px;}
.p_Live li {list-style: none;}
.p_Live .live_layout {padding: 0 50px; box-sizing: border-box;}

/* 상단(공통) */
.p_Live .live_top {background: #e4e8ec; border-radius: 50px 50px 0 0; box-sizing: border-box;}
.p_Live .live_top {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; text-align: center;}
.p_Live .live_top .tit_box {margin-top: 25px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.p_Live .live_top .tit_box .tit {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .live_top .tit_box .tit strong {font-size: 25px; color: #111; font-weight: 800;}
.p_Live .live_top .tit_box .tit_s {font-size: 13px; color: #979ca2; font-weight: 500; margin-top: 10px}
.p_Live .live_top .mark {height: 35px; padding:0 15px; box-sizing: border-box; background: #ff0000; overflow: hidden;}
.p_Live .live_top .mark {display: inline-flex; flex-direction: row; justify-content: space-between; align-items: center; border-radius: 100px; margin-right: 10px;}
.p_Live .live_top .mark .ic {display: flex; flex-direction: row; justify-content: center; align-items: center; display:none;}
.p_Live .live_top .mark img {width: 35px;}
.p_Live .live_top .mark .tx {font-size: 16px; color: #fff; font-weight: 700;}
.p_Live .live_top .tab_box {position: relative; padding-bottom: 50px; box-sizing: border-box; margin-top: 20px;}
.p_Live .live_top .tab_box:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: #fff; border-radius: 50px 50px 0 0; box-sizing: border-box; z-index: 1;}
.p_Live .live_top .tab_box ul {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .live_top .tab_box li+ li {margin-left: 10px;}
.p_Live .live_top .tab_box .tab {height: 40px; background: #d7dde2; border-radius: 20px 20px 0 0; box-sizing: border-box;}
.p_Live .live_top .tab_box .tab {display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 170px; padding: 0 40px;}
.p_Live .live_top .tab_box .tab {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; font-size: 15px; color: #65686c; font-weight: 600;}
.p_Live .live_top .tab_box .tab:hover {background: #65686c; color: #fff;}
.p_Live .live_top .tab_box .if_no .tab {background: #d7dde2; color: #65686c;}
.p_Live .live_top .tab_box .hit .tab {background: #fff !important; color: #111 !important;}

/* 폼 타이틀(공통) */
.p_Live .form_tit {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.p_Live .form_tit .tit_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; height: 35px;}
.p_Live .form_tit .tit {font-size: 30px; color: #111; font-weight: 800; line-height: 1;}
.p_Live .form_tit .tit_s {font-size: 22px; color: #111; font-weight: 500; margin-left: 5px;}
.p_Live .form_tit .tab_box {margin-left: auto;}
.p_Live .form_tit .tab_box ul {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.p_Live .form_tit .tab_box li {position: relative;}
.p_Live .form_tit .tab_box li:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #c3c3c3;}
.p_Live .form_tit .tab_box li:last-of-type:after {content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #c3c3c3;}
.p_Live .form_tit .tab_box .tab {min-width: 70px; padding: 0 15px; box-sizing: border-box; height: 35px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .form_tit .tab_box .tab {font-size: 13px; color: #111; font-weight: 500; line-height: 1; background: #fff; border: 1px solid #c3c3c3; border-left: 0; border-right: 0; box-sizing: border-box;}
.p_Live .form_tit .tab_box .hit:before {display: none;}
.p_Live .form_tit .tab_box .hit+ li:before {display: none;}
.p_Live .form_tit .tab_box .hit .tab {background: #111; border-color: #111; color: #fff;}
.p_Live .form_tit .tab_box .none .tab {background: rgba(228, 232, 236, 0.5); color: rgba(17, 17, 17, 0.3); pointer-events: none !important;}

/* 인풋+버튼(공통) */
.p_Live .input_box {position: relative;}
.p_Live .input_box+ .input_box {margin-top: 10px;}
.p_Live .input_box .input_d {padding-right: 100px;}
.p_Live .input_box .btn {position: absolute; right: 11px; top: 11px; width: 80px; height: 33px; background: #e4e8ec; border-radius: 4px; box-sizing: border-box; z-index: 1;}
.p_Live .input_box .btn {display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 13px; color: #111; font-weight: 500; text-align:center;}
.p_Live .input_box .btn {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.p_Live .input_box .btn:hover {background: #111; color: #fff;}

.p_Live .input_box.type_ic .input_d {padding-right: 55px;}
.p_Live .input_box.type_ic .btn {width: 33px;}
.p_Live .input_box.type_ic .btn .ic {width: 11px; height: 11px; position: relative;}
.p_Live .input_box.type_ic .btn .ic:before {content: ''; position: absolute; left: 0; top: 5px; width: 100%; height: 1px; background: #111;}
.p_Live .input_box.type_ic .btn .ic:before {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.p_Live .input_box.type_ic .btn .ic:after {content: ''; position: absolute; left: 5px; top: 0; width: 1px; height: 100%; background: #111;}
.p_Live .input_box.type_ic .btn .ic:after {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.p_Live .input_box.type_ic .btn.minus .ic:after {display: none;}
.p_Live .input_box.type_ic .btn:hover .ic:before {background: #fff;}
.p_Live .input_box.type_ic .btn:hover .ic:after {background: #fff;}

/* 인풋(공통) */
.p_Live .input_d {width: 100%; height: 55px; border: 1px solid #e4e8ec; border-radius: 4px; box-sizing: border-box; padding: 0 15px;}
.p_Live .input_d {font-size: 15px; color: #111; font-weight: 500; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.p_Live .input_d::placeholder {color: #c3c3c3 !important; font-weight: 400;}
.p_Live .input_d.if_error {box-shadow: 0 0 5px 0 #d615b3; border-color: #d615b3; color: #d615b3 !important;}
.p_Live .input_d:focus {box-shadow: 0 0 5px 0 #0170d5 !important; border-color: #0170d5 !important; color: #111 !important;}

.p_Live textarea.input_d {padding: 10px 15px; line-height: 1.3;}

/* 인풋:날짜(공통) */
.p_Live .input_d.type_date {background: transparent url('../images/skin/live_input_date.svg') right 15px center no-repeat; cursor:pointer}
.p_Live .input_d.type_date {background-size: 17px auto !important; padding-right: 45px;}
.p_Live .input_d.type_time {padding-right:0px; position:relative;}
.p_Live .input_d.type_time::-webkit-calendar-picker-indicator {width:100%; height:100%; right:0; cursor:pointer; background: transparent url('../images/skin/live_input_time.svg') right 20px center no-repeat;}
.p_Live .input_d.type_time::-webkit-calendar-picker-indicator {background-size: 19px auto !important; position:absolute; left:0; top:0; box-sizing:border-box;}

/* 라벨 */
.p_Live .label_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-left: -10px;}
.p_Live .label_box .label_d {padding: 10px; box-sizing: border-box;}
.p_Live .label_box .label_d .tx {font-size: 13px; color: #65686c;}
.p_Live .label_box .label_d input[type=radio] {width: 17px; height: 17px; accent-color: #0170d5;}

/* 첨부파일(공통) */
.p_Live .input_file_box {background:#fff; position:relative;}
.p_Live .input_file_box .fakeFileTxt {width: 100%; height: 55px; border: 1px solid #e4e8ec; border-radius: 4px; box-sizing: border-box; padding: 0 15px; padding-right: 100px;}
.p_Live .input_file_box .fakeFileTxt {font-size: 15px; color: #111; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.p_Live .input_file_box .fakeFileTxt::placeholder {color: #c3c3c3 !important;}
.p_Live .input_file_box .fakeFileTxt.if_error {box-shadow: 0 0 5px 0 #d615b3; border-color: #d615b3; color: #d615b3 !important;}
.p_Live .input_file_box .fileDiv {width:100%;}
.p_Live .input_file_box .buttonImg {position: absolute; top:11px; right:11px; background:#e4e8ec; width:80px; height:33px; color:#111; line-height: 1;}
.p_Live .input_file_box .buttonImg {box-sizing:border-box; border-radius: 4px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .input_file_box .buttonImg {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.p_Live .input_file_box .realFile {cursor:pointer !important; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;}
.p_Live .input_file_box .realFile {position:absolute; right:0; top:0; width:100%; height:100%;}
.p_Live .input_file_box:hover .buttonImg {background: #111; color: #fff;}

/* 툴팁(공통) */
.p_Live .tooltip {font-size: 13px; color: #c3c3c3; font-weight: 500; margin-top: 5px;}
.p_Live .tooltip.pass {color: #0170d5;}
.p_Live .tooltip.error {color: #d615b3;}

/* 하단 버튼(공통) */
.p_Live .bt_btnx {margin-top: 50px;}
.p_Live .bt_btnx ul {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .bt_btnx li+ li {margin-left: 10px;}
.p_Live .bt_btnx .btn {min-width: 220px; padding: 0 35px; box-sizing: border-box; height: 60px; font-size: 16px; color: #111; font-weight: 600; line-height: 1;}
.p_Live .bt_btnx .btn {display: flex; flex-direction: row; justify-content: center; align-items: center; border: 1px solid #111; border-radius: 5px;}
.p_Live .bt_btnx .btn {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; background: #fff;}
.p_Live .bt_btnx .btn:hover {box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.3);}
.p_Live .bt_btnx .btn.color {background: #0170d5; border-color: #0170d5; color: #fff; font-weight: 700;}
.p_Live .bt_btnx .btn.color:hover {box-shadow: 0 0 0 4px rgba(1, 112, 213, 0.3);}
.p_Live .bt_btnx .btn.line {color: #0170d5; border-color: #0170d5;}
.p_Live .bt_btnx .btn.line:hover {box-shadow: 0 0 0 4px rgba(1, 112, 213, 0.3);}
.p_Live .bt_btnx .btn.none {background: #e4e8ec !important; border-color: #e4e8ec !important; font-weight: 700 !important; color: #979CA2 !important; pointer-events: none !important;}






/* 라이브 커머스 - 프로필 설정 ---------------------------------------------------------------- */
.p_Live .profile {width: 100%; max-width: 550px; margin: 0 auto; border: 1px solid #e4e8ec; border-radius: 30px; box-sizing: border-box; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.05);}
.p_Live .profile {padding: 40px; padding-bottom: 60px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.p_Live .profile .tit {font-size: 25px; color: #111; font-weight: 800;}
.p_Live .profile .img_wrap {position: relative; margin-top: 25px;}
.p_Live .profile .img_box {width: 200px; height: 200px; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .profile .img_box {border-radius: 85px; box-sizing: border-box; overflow: hidden; background: #e4e8ec; cursor: pointer;}
.p_Live .profile .img_box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.05);}
.p_Live .profile .img_box:before {border-radius: 85px; box-sizing: border-box; z-index: 2;}
.p_Live .profile .up_img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.p_Live .profile .up_img+ .no_img {display: none;}
.p_Live .profile .no_img {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.p_Live .profile .no_img .ic {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .profile .no_img img {width: 50px;}
.p_Live .profile .no_img .tx {font-size: 13px; color: #979ca2; font-weight: 600; line-height: 1; margin-top: 7px;}
.p_Live .profile .btn_upload {position: absolute; right: 0; bottom: 0; z-index: 3; width: 50px; height: 50px; background: #111 url('../images/skin/live_upimg.svg') center center no-repeat;}
.p_Live .profile .btn_upload {background-size: 22px auto !important; border-radius: 100px; box-sizing: border-box;}
.p_Live .profile .btn_upload:hover {background-color: #0170d5; border-color: #0170d5;}
.p_Live .profile .form_box {margin-top: 35px; width: 360px;}





/* 라이브 커머스 - 신청하기 ---------------------------------------------------------------- */
.p_Live .schedule {}
.p_Live .schedule .schedule_in {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.p_Live .schedule .form_box {flex: 1;}
.p_Live .schedule .form {margin-top: 35px;}
.p_Live .schedule .form dl {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_Live .schedule .form dl+ dl {margin-top: 20px;}
.p_Live .schedule .form dt {width: 160px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_Live .schedule .form dt .tit {font-size: 14px; color: #111; font-weight: 600; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_Live .schedule .form dt .tit em {font-size: 15px; color: #ff4f00; margin-left: 3px; display: none;}
.p_Live .schedule .form .ess dt .tit em {display: block;}
.p_Live .schedule .form dd {flex: 1;}

.p_Live .schedule .multi_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_Live .schedule .input_wrap {flex: 1; display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.p_Live .schedule .input_wrap+ .input_wrap {margin-left: 20px;}


/* 시간 선택 */
.p_Live .time_wrap .ampm {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex: none;}
.p_Live .time_wrap .ampm {font-size: 14px; color: #e4e8ec; font-weight: 600; margin-left: 5px; text-align: center;}
.p_Live .time_wrap .ampm strong {width: 35px;}
.p_Live .time_wrap .ampm strong.hit {color: #0170d5;}
.p_Live .time_wrap .time_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex: 1; margin-left: 5px; position: relative;}
.p_Live .time_wrap .time_box .input_d {flex: 1; font-size: 17px; text-align: center; font-weight: 600;}
.p_Live .time_wrap .time_box .input_d::placeholder {font-weight: 600;}
.p_Live .time_wrap .time_box em {width: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .time_wrap .time_box em {font-size: 15px; color: #111;}

/* 시간 선택 레이어 */
.p_Live .time_layer {position: absolute; top: 65px; left: 0; z-index: 20; background: #fff; border: 1px solid #111; border-radius: 5px; box-sizing: border-box;}
.p_Live .time_layer {box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.1); width: 400px; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.p_Live .time_layer {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transform: translateY(15px);}
.p_Live .time_layer .layer_tit {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 15px 20px 0 20px; box-sizing: border-box;}
.p_Live .time_layer .tit {font-size: 16px; color: #111; font-weight: 700; line-height: 1;}
.p_Live .time_layer .btn_close {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box; margin: -10px -10px -10px auto;}
.p_Live .time_layer .btn_close img {width: 13px;}
.p_Live .time_layer .layer_cont {padding: 15px 20px 20px 20px; box-sizing: border-box;}
.p_Live .time_layer ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-left: -5px;}
.p_Live .time_layer ul+ ul {margin-top: 15px; padding-top: 15px; box-sizing: border-box; border-top: 1px solid #e4e8ec;}
.p_Live .time_layer li {width: 16.666%; flex: none; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_Live .time_layer li {padding-left: 5px; box-sizing: border-box;}
.p_Live .time_layer li:nth-child(6)~ li {margin-top: 5px;}
.p_Live .time_layer .label_d {flex: 1;}
.p_Live .time_layer .label_d input {display: none;}
.p_Live .time_layer .label_d .tx {width: 100%; height: 35px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .time_layer .label_d .tx {background: #f8f8f8; border: 1px solid #e4e8ec; border-radius: 5px; box-sizing: border-box; font-size: 15px; color: #979ca2; font-weight: 500;}
.p_Live .time_layer .label_d .tx {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.p_Live .time_layer .label_d input:checked+ .tx {border-color: #0170d5; background: #fff; color: #0170d5;}
.p_Live .time_layer .label_d:hover .tx {border-color: #65686c; color: #65686c;}
.p_Live .time_layer .help_tx {margin-top: 15px; font-size: 13px; color: #d615b3; font-weight: 500;}
.p_Live .time_layer.if_open_time {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible; transform: translateY(0);}

/* 미리보기 */
.p_Live .preview_box {flex: none; width: 400px; margin-left: 50px; border: 2px solid #e4e8ec; border-radius: 5px; box-sizing: border-box; position:sticky; top:0}
.p_Live .preview_box {box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.05); padding: 30px; padding-top: 0;}
.p_Live .preview_box .preview_tit {font-size: 20px; color: #c3c3c3; font-weight: 800; height: 23px; line-height: 1; margin-top: 25px;}

/* 미리보기 : 라이브 정보 */
.p_Live .preview_box .live_bx {margin-top: 20px;}
.p_Live .preview_box .live_bx .thumb {position: relative; background: rgba(228, 232, 236, 0.5); border-radius: 4px; box-sizing: border-box; overflow: hidden;}
.p_Live .preview_box .live_bx .thumb {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .preview_box .live_bx .real_img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .preview_box .live_bx .real_img img {width: 100%; height: 100%; object-fit: cover;}
.p_Live .preview_box .live_bx .fake_img {width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .preview_box .live_bx .fake_img img {width: 100%;}
.p_Live .preview_box .live_bx .no_img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.p_Live .preview_box .live_bx .no_img .ic {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .preview_box .live_bx .no_img img {width: 27px;}
.p_Live .preview_box .live_bx .no_img .tx {font-size: 14px; color: #979ca2; line-height: 1; margin-top: 7px;}
.p_Live .preview_box .live_bx .mark {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background: rgba(0, 0, 0, 0.2); display:none !important;}
.p_Live .preview_box .live_bx .mark {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .preview_box .live_bx .mark img {width: 70px;}
.p_Live .preview_box .live_bx .tit {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.p_Live .preview_box .live_bx .tit {font-size: 18px; color: #c3c3c3; font-weight: 700; margin-top: 7px;}

/* 미리보기 : 상품 정보 */
.p_Live .preview_box .item_bx {margin-top: 20px;}
.p_Live .preview_box .item {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_Live .preview_box .item .thumb {width: 85px; height: 85px; box-sizing: border-box; flex: none; background: #fafafa;}
.p_Live .preview_box .item img {width: 100%; height: 100%; object-fit: cover;}
.p_Live .preview_box .item .info {margin-left: 20px; flex: 1;}
.p_Live .preview_box .item .item_name {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.p_Live .preview_box .item .item_name {font-size: 14px; color: #65686c; letter-spacing: -0.2px;}
.p_Live .preview_box .item .price {margin-top: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.p_Live .preview_box .item .percent {display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_Live .preview_box .item .percent {color: #0170d5; font-weight: 700; letter-spacing: -0.2px; margin-right: 10px;}
.p_Live .preview_box .item .percent strong {font-size: 18px;}
.p_Live .preview_box .item .percent em {font-size: 16px;}
.p_Live .preview_box .item .after {margin-right: 5px; font-size: 17px; color: #080808; font-weight: 700; letter-spacing: -0.5px;}
.p_Live .preview_box .item .before {font-size: 15px; color: #c3c3c3; letter-spacing: -0.2px; padding: 0 3px; box-sizing: border-box; position: relative;}
.p_Live .preview_box .item .before:before {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #c3c3c3; margin-top: -1px;}
.p_Live .preview_box .item .lv_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 10px;}
.p_Live .preview_box .item .lv_mark {font-size: 13px; color: #37d60b; letter-spacing: -0.2px; font-weight: 500; position: relative;}
.p_Live .preview_box .item .lv_mark+ .lv_mark {padding-left: 16px;}
.p_Live .preview_box .item .lv_mark+ .lv_mark:before {content: ''; position: absolute; left: 7px; top: 50%; width: 2px; height: 2px;}
.p_Live .preview_box .item .lv_mark+ .lv_mark:before {background: #aaa; border-radius: 100px; box-sizing: border-box; margin-top: -1px;}
.p_Live .preview_box .item .lv_mark.lv2 {color: #d615b3;}
.p_Live .preview_box .item_none {display: flex; flex-direction: row; justify-content: center; align-items: center; height: 85px; border: 1px solid rgba(228, 232, 236, 0.5);}
.p_Live .preview_box .item_none {border-radius: 4px; box-sizing: border-box; font-size: 14px; color: #c3c3c3; font-weight: 500;}

/* 미리보기 : 프로필 정보 */
.p_Live .preview_box .profile_bx {margin-top: 15px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_Live .preview_box .profile_bx .img {width: 40px; height: 40px; flex: none; border-radius: 100px; box-sizing: border-box; overflow: hidden;}
.p_Live .preview_box .profile_bx img {width: 100%; height: 100%; object-fit: cover;}
.p_Live .preview_box .profile_bx .tx_box {margin-left: 10px; flex: 1;}
.p_Live .preview_box .profile_bx .nickname {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.p_Live .preview_box .profile_bx .nickname {font-size: 13px; color: #111; font-weight: 600; letter-spacing: -0.1px;}
.p_Live .preview_box .profile_bx .total {font-size: 11px; color: #979ca2; font-weight: 600; letter-spacing: -0.1px; margin-top: 2px;}

/* 미리보기 : 미리보기 가능할때 */
.p_Live .preview_box.if_after .preview_tit {color: #0170d5;}
.p_Live .preview_box.if_after .live_bx .tit {color: #111; font-weight: 600;}





/* 라이브 커머스 - 신청목록 ---------------------------------------------------------------- */
.p_Live .live_li {}

/* 목록 */
.p_Live .list_box {margin-top: 20px;}
.p_Live .list_box .ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.p_Live .list_box .ul {padding: 5px 0; border-bottom: 1px solid #e4e8ec; box-sizing: border-box; min-height: 100px;}
.p_Live .list_box .ul:hover {background: #f7f8f9;}
.p_Live .list_box .li {flex: 1; box-sizing: border-box; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.p_Live .list_box .li_no {width: 60px; flex: none;}
.p_Live .list_box .li_thumb {width: 100px; flex: none;}
.p_Live .list_box .li_auto {padding: 0 10px; text-align:left; align-items:flex-start}
.p_Live .list_box .li_time {width: 115px; flex: none;}
.p_Live .list_box .li_state {width: 80px; flex: none;}
.p_Live .list_box .li_ctrl {width: 105px; padding: 0 10px; flex: none;}
.p_Live .list_box .ul.this_tit {background: rgba(228, 232, 236, 0.2); height: 45px; border-top: 2px solid #e4e8ec; min-height: inherit;}
.p_Live .list_box .ul.this_tit .li {font-size: 13px; color: #65686c; font-weight: 500; line-height: 1;}
.p_Live .list_box .num {font-size: 13px; color: #979ca2; font-weight: 500;}
.p_Live .list_box .thumb {position: relative; border-radius: 4px; box-sizing: border-box; overflow: hidden; width: 100%;}
.p_Live .list_box .thumb img {width: 100%;}
.p_Live .list_box .thumb .real_img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .list_box .thumb .real_img img {height: 100%; object-fit: cover;}
.p_Live .list_box .thumb .fake_img {width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Live .list_box .tit {font-size: 13px; color: #111; font-weight: 500; line-height: 1.3; display: block; display: -webkit-box;}
.p_Live .list_box .tit {overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width: 100%;}
.p_Live .list_box .sub_txt {font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin-top:5px;}
.p_Live .list_box .link {font-size: 12px; color: #0170d5; font-weight: 500; margin-top: 5px; display: block; display: -webkit-box;}
.p_Live .list_box .link {overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width: 100%;}
.p_Live .list_box .link:hover {text-decoration: underline;}
.p_Live .list_box .link.youtube {color: #ff0000;}
.p_Live .list_box .time_box {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.p_Live .list_box .time_box {font-size: 13px; color: #111; font-weight: 500;}
.p_Live .list_box .time_box em {margin-top: 5px;}
.p_Live .list_box .state {width: 65px; height: 65px; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: default;}
.p_Live .list_box .state {background: #000; border-radius: 100px; box-sizing: border-box; font-size: 13px; color: #fff; font-weight: 500; line-height: 1.1;}
.p_Live .list_box .state.end {background: #e4e8ec; color: #979ca2;}
.p_Live .list_box .state.ok {background: #0170d5;}
.p_Live .list_box .state.ready {background: #d615b3;}
.p_Live .list_box .state.modify {background: rgba(1, 112, 213, 0.5);}
.p_Live .list_box .state.on {background: #ff0000; border-color: #ff0000; font-weight: 700;}
.p_Live .list_box .btn_ctrl {display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.p_Live .list_box .btn_ctrl li+ li {margin-left: 5px;}
.p_Live .list_box .btn_ctrl .btn {width: 40px; height: 30px; border: 1px solid #0170d5; border-radius: 3px; box-sizing: border-box; background: #fff;}
.p_Live .list_box .btn_ctrl .btn {display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 12px; color: #0170d5; font-weight: 500;}
.p_Live .list_box .btn_ctrl .btn {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.p_Live .list_box .btn_ctrl .btn:hover {background: #0170d5; color: #fff;}
.p_Live .list_box .btn_ctrl .btn.delete {border-color: #65686c; color: #65686c;}
.p_Live .list_box .btn_ctrl .btn.delete:hover {background: #65686c; color: #fff;}
.p_Live .list_box .btn_ctrl .btn.none {opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20); pointer-events: none !important;}
.p_Live .list_box .tag_box {}
.p_Live .list_box .tag_more {margin-top:5px; padding-top:5px; border-top:1px dashed #e4e8ec; color:#0170d5; box-sizing:border-box; width:100%;}





/* 라이브 박스(공통) ---------------------------------------------------------------- */
.p_lv_box {}
.p_lv_box li {list-style: none;}
.p_lv_box:hover .lv_thumb .real_img img {transform: scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07);}

/* 라이브 썸네일 */
.p_lv_box .lv_thumb {overflow: hidden; position: relative; border-radius: 10px; box-sizing: border-box;}
.p_lv_box .lv_thumb:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 78%, rgba(0,0,0,1) 100%);}
.p_lv_box .lv_thumb:before {opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20); z-index: 2; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_lv_box .lv_thumb:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 59%, #000 84%, #000);}
.p_lv_box .lv_thumb:after {opacity: 0.6; filter: alpha(opacity=60); -ms-filter: alpha(opacity=60); z-index: 3; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_lv_box .lv_thumb .real_img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_lv_box .lv_thumb .real_img img {width: 100%; height: 100%; object-fit: cover; transform: scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_lv_box .lv_thumb .fake_img {width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_lv_box .lv_thumb .fake_img img {width: 100%;}

.p_lv_box .lv_thumb .play_ic {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_lv_box .lv_thumb .play_ic {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_lv_box .lv_thumb .play_ic .ic {width: 65px; height: 65px; background:#0170d5;}
.p_lv_box .lv_thumb .play_ic .ic {display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 100px; box-sizing: border-box;}
.p_lv_box .lv_thumb .play_ic img {width: 18px; margin-right: -4px;}
.p_lv_box:hover .lv_thumb .play_ic {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}

.p_lv_box .lv_tit {position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 25px 15px 25px; box-sizing: border-box; z-index: 7;}
.p_lv_box .lv_tit em {font-size: 23px; color: #fff; font-weight: 800; display: block; display: -webkit-box; overflow: hidden;}
.p_lv_box .lv_tit em {text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.p_lv_box .lv_tit em.sub_txt { -webkit-line-clamp:2; font-size:15px; font-weight:300; margin-top:5px;}

.p_lv_box .state_bx {position: absolute; left: 0; top: 0; z-index: 5; width: 100%; padding: 25px 25px 0 25px; box-sizing: border-box;}
.p_lv_box .state_bx {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_lv_box .state_bx .state {height: 40px; padding: 0 20px; box-sizing: border-box; background: rgba(0, 0, 0, 0.8); border-radius: 100px; flex: none;}
.p_lv_box .state_bx .state {display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 16px; color: #fff; font-weight: 800; letter-spacing: 0.1px;}
.p_lv_box .state_bx .time {font-size: 17px; font-weight: 600; color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); margin-left: auto;}
.p_lv_box .state_bx .move_bar {margin-left: 15px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; height: 15px;}
.p_lv_box .state_bx .move_bar .bar {width: 6px; height: 100%; background: #fff; animation: bar_move 0.5s ease-in-out infinite alternate both; transform-origin: bottom;}
.p_lv_box .state_bx .move_bar .bar+ .bar {margin-left: 3px;}
.p_lv_box .state_bx .move_bar .bar1 {animation-delay: 0.2s;}
.p_lv_box .state_bx .move_bar .bar2 {}
.p_lv_box .state_bx .move_bar .bar3 {animation-delay: 0.4s;}
.p_lv_box .state_bx.before {justify-content: space-between;}
.p_lv_box .state_bx.before .state {background: rgba(1, 112, 213, 0.95);}
.p_lv_box .state_bx.ing .state {background: #ff0000; font-size: 18px;}

/* 방송중 바 모션 */
@-webkit-keyframes bar_move {
    0% {transform: scaleY(0);}
    100% {transform: scaleY(1);}
}
@keyframes bar_move {
    0% {transform: scaleY(0);}
    100% {transform: scaleY(1);}
}

/* 라이브 정보 */
.p_lv_box .lv_info {background: #fff; overflow: hidden;}
.p_lv_box .lv_bottom {margin-top: 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
.p_lv_box .profile_bx {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex: 1;}
.p_lv_box .profile_bx .img {flex: none; width: 45px; height: 45px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_lv_box .profile_bx .img {border-radius: 100px; box-sizing: border-box; overflow: hidden; position: relative;}
.p_lv_box .profile_bx .img:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 1;}
.p_lv_box .profile_bx img {width: 100%; height: 100%;}
.p_lv_box .profile_bx .tx_box {margin-left: 10px;}
.p_lv_box .profile_bx .nickname {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.p_lv_box .profile_bx .nickname {font-size: 15px; color: #111; letter-spacing: -0.1px; font-weight: 600;}
.p_lv_box .profile_bx .total {font-size: 12px; color: #65686c; letter-spacing: -0.1px; margin-top: 3px; line-height: 1;}
.p_lv_box .lv_btn {margin-left: auto; flex: none; padding-left: 20px; box-sizing: border-box; display: none;}
.p_lv_box .lv_btn ul {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.p_lv_box .lv_btn li+ li {margin-left: 5px;}
.p_lv_box .lv_btn .btn {height: 35px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0 15px;}
.p_lv_box .lv_btn .btn {border-radius: 100px; box-sizing: border-box; font-size: 13px; color: #111; font-weight: 600; letter-spacing: -0.1px;}
.p_lv_box .lv_btn .btn {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; border: 1px solid #c3c3c3;}
.p_lv_box .lv_btn .ic {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_lv_box .lv_btn .ic img {width: 15px; margin-right: 3px;}
.p_lv_box .lv_btn .btn:hover {background: #e4e8ec;}
.p_lv_box .lv_btn .btn.view {background: #111; border-color: #111; color: #fff;}
.p_lv_box .lv_btn .btn.view:hover {background: #0170d5; border-color: #0170d5;}

.p_lv_box .lv_btn .btn_close {background: #222; border-radius: 100px; box-sizing: border-box; width:70px;}
.p_lv_box .lv_btn .btn_close {height: 35px; padding: 0 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; display:none;}
.p_lv_box .lv_btn .btn_close .tx {font-size: 13px; color: #fff; letter-spacing: -0.1px; font-weight: 600; padding-left: 15px; box-sizing: border-box;}
.p_lv_box .lv_btn .btn_close .tx {background: transparent url('../images/skin/live_close_w.svg') left center no-repeat; background-size: 10px auto !important;}


/* 상품 더보기 버튼 */
.p_lv_box .btn_more {margin-top: 10px; position: relative; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.p_lv_box .btn_more:before {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #e4e8ec; z-index: 1;}
.p_lv_box .btn_more .btn {border: 1px solid #c3c3c3; border-radius: 100px; box-sizing: border-box; background: #fff; position: relative; z-index: 2;}
.p_lv_box .btn_more .btn {font-size: 12px; color: #111; font-weight: 600; letter-spacing: -0.1px; height: 30px; padding: 0 10px;}
.p_lv_box .btn_more .btn {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_lv_box .btn_more .ic {margin-left: 5px; border-top: 6px solid #111; border-left: 4px solid transparent; border-right: 4px solid transparent;}
.p_lv_box .btn_more .ic {border-bottom: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}

/* 상품 더보기 */
.p_lv_box .item_more {padding: 25px; box-sizing: border-box; background: #f1f3f5; position: relative; flex:1; margin-top:auto;}
.p_lv_box .item_more .p_lv_item {margin-top: 0; overflow-y:auto; max-height:250px}
.p_lv_box .item_more .item_box .lv_box {margin-top:5px;}
.p_lv_box .item_more .item_box .price {margin-top:5px;}
.p_lv_box .item_more .item_box .thumb {width:70px; height:70px;}
.p_lv_box .item_more .p_lv_item li+ li {margin-top: 10px;}

.p_lv_box.if_open_item .p_lv_item {height: auto; overflow-y:auto; }
.p_lv_box.if_open_item .btn_more .ic {transform: rotate(180deg);}






/* 라이브 아이템 박스(공통) ---------------------------------------------------------------- */
.p_lv_item {width: 100%; margin-top: 25px;}
.p_lv_item::-webkit-scrollbar {width: 6px; }
.p_lv_item::-webkit-scrollbar-thumb { background-color: #ccc; border-radius:100px; }
.p_lv_item::-webkit-scrollbar-track {background-color:transparent}
.p_lv_item:hover::-webkit-scrollbar-thumb {background:#080808;}

.p_lv_item .item_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: 0;}
.p_lv_item .item_box .thumb {flex: none; width: 80px; border-radius: 5px;}
.p_lv_item .item_box .thumb:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.05);}
.p_lv_item .item_box .thumb:before {border-radius: 5px; box-sizing: border-box; z-index: 1;}
.p_lv_item .item_box .ranking {display: none;}
.p_lv_item .item_box .soldout .inner {font-size: 15px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_lv_item .item_box .info {padding: 0; margin-left: 15px; overflow: hidden;}
.p_lv_item .item_box .info .brand_name {display: none;}
.p_lv_item .item_box .info .item_name {padding-top: 0;}
.p_lv_item .item_box .icon_total {display: none;}
.p_lv_item .item_quick {display: none;}
.p_lv_item .up_ic_coupon {display: none;}
.p_lv_item .up_ic_promo {display: none;}




/* 라이브 영상 플레이(공통) ---------------------------------------------------------------- */
.p_lv_play {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 300; padding: 50px; box-sizing: border-box;}
.p_lv_play {display: flex; flex-direction: column; justify-content: center; align-items: center; visibility: hidden;}
.p_lv_play li {list-style: none; height:auto !important;}

.p_lv_play .white_box {position: relative; z-index: 2; background: #fff; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; transform: translateY(50px);}
.p_lv_play .white_box {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; overflow: hidden; border-radius: 5px; width: 780px;}
.p_lv_play .tit_box {height: 70px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-left: 30px;}
.p_lv_play .tit_box {border-bottom: 1px solid #eee; box-sizing: border-box; flex: none;}
.p_lv_play .tit_box .tit {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.p_lv_play .tit_box .tit {font-size: 20px; color: #000; letter-spacing: -0.6px; font-weight: 700;}
.p_lv_play .tit_box .btn_close {margin-left: auto; width: 70px; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; flex: none;}
.p_lv_play .tit_box .btn_close img {width: 15px;}
.p_lv_play .cont_box {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; overflow: hidden;}

.p_lv_play .play {overflow-y: auto; overflow-x: hidden; height: 700px; padding: 30px; box-sizing: border-box; width: 400px; flex: none;}
.p_lv_play .play::-webkit-scrollbar {width: 8px;}
.p_lv_play .play::-webkit-scrollbar-thumb {background-color: #ccc; border-radius:100px;}
.p_lv_play .play::-webkit-scrollbar-track {background-color: #fff;}
.p_lv_play .play iframe {width: 325px !important; margin: 0 auto !important;}
.p_lv_play .play .tiktok-embed {margin: 0 !important;}

.p_lv_play .item {padding: 30px; box-sizing: border-box; position: relative; display:flex; justify-content: stretch; align-items: stretch; flex-direction:column; overflow-y:auto;}

.p_lv_play .item:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #eee;}
.p_lv_play .item .tit {font-size: 20px; color: #111; letter-spacing: -0.6px; font-weight: 700;}
.p_lv_play .p_lv_item {height: auto !important; margin-top: 20px; overflow-y:auto; max-height:450px; }
.p_lv_play .p_lv_item li+ li {margin-top: 20px !important;}
.p_lv_play .item_box .thumb {width: 80px;}
.p_lv_play .item_box .info {margin-left: 15px;}
.p_lv_play .item_box .item_icon {display: none;}
.p_lv_play .bg_close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1;}
.p_lv_play .bg_close {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}

/* 유튜브 일때 */
.p_lv_play.if_youtube .white_box {width: 1150px;}
.p_lv_play.if_youtube .play {width: auto; height: auto; padding-right: 0;}
.p_lv_play.if_youtube .play iframe {width: 750px !important; height: 422px !important;}
.p_lv_play.if_youtube .item {padding-left: 20px; }
.p_lv_play.if_youtube .item:before {display: none;}
.p_lv_play.if_youtube .p_lv_item {max-height:380px; }

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





/* 서브 : 라이브 목록 ---------------------------------------------------------------- */
.p_lv_list {margin-top: 20px;}
.p_lv_list .ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch; flex-wrap: wrap; margin-left: -30px;}
.p_lv_list .li {list-style: none; width: 33.333%; padding-left: 30px; box-sizing: border-box;}
.p_lv_list .li:nth-child(3)~ .li {margin-top: 50px;}

/* 서브 타이틀 */
.sub_item.type_live .sub_title {display: flex !important; flex-direction: row; justify-content: center; align-items: center;}
.sub_item.type_live .sub_title .btn {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0 20px; box-sizing: border-box;}
.sub_item.type_live .sub_title .btn {opacity: 0.3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30);}
.sub_item.type_live .sub_title .btn+ .btn {margin-left: 30px;}
.sub_item.type_live .sub_title .btn.hit {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}

/* 라이브 박스(3단) */
.p_lv_list .p_lv_box .lv_tit {padding: 15px; }
.p_lv_list .p_lv_box .lv_tit em {font-size:17px;}
.p_lv_list .p_lv_box .lv_tit em.sub_txt {font-size:13px;}
.p_lv_list .p_lv_box .profile_bx .img {width: 35px; height: 35px;}
.p_lv_list .p_lv_box .profile_bx .nickname {font-size: 14px;}
.p_lv_list .p_lv_box .state_bx {padding: 15px;}
.p_lv_list .p_lv_box .state_bx .state {height: 35px; padding: 0 15px; font-size: 15px;}
.p_lv_list .p_lv_box .state_bx .time {font-size: 15px; margin-top: 5px; margin-left: 0;}
.p_lv_list .p_lv_box .state_bx.ing {flex-direction: row; align-items: center;}
.p_lv_list .p_lv_box .lv_bottom {margin-top: 10px;}

.p_lv_list .p_lv_item {margin-top: 15px; height: 70px; overflow: hidden; max-height:270px}
.p_lv_list .p_lv_item li+ li {margin-top: 10px;}
.p_lv_list .p_lv_item .item_box .thumb {width: 70px;}
.p_lv_list .p_lv_item .item_box .info {margin-left: 10px;}
.p_lv_list .p_lv_item .item_box .item_icon {display: none;}
.p_lv_list .p_lv_item .item_box .icon_total {display: none;}
.p_lv_list .p_lv_item .item_box .lv_box {margin-top: 7px;}
.p_lv_list .p_lv_item .item_box .price {margin-top: 3px;}

/* 다시보기(4단) */
.p_lv_list.type_replay {}
.p_lv_list.type_replay .ul {margin-left: -20px;}
.p_lv_list.type_replay .li {width: 25%; padding-left: 20px;}
.p_lv_list.type_replay .li:nth-child(n+1):nth-child(-n+4) {margin-top: 0;}
.p_lv_list.type_replay .li:nth-child(4)~ .li {margin-top: 50px;}





/* 마이페이지 사회공헌 추가 :: 2023-02-13 KHY ------------------------------------ */

/* 사회공헌기금 적립설정 페이지 추가 =========================== */
.p_Save {margin-top:30px;}
.p_Save li {list-style:none;}

.p_Save .save_list {margin-top:15px;}
.p_Save .save_list dl {display:flex; justify-content:flex-end; align-items:center; flex-direction:row; box-sizing:border-box;}
.p_Save .save_list dl+ dl {margin-top:15px; padding-top:15px; border-top:1px solid #e4e8ec;}
.p_Save .save_list dt {flex:1; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:20px; margin-right:auto; padding-right:50px;}
.p_Save .save_list dd {display:flex; justify-content:flex-end; align-items:center; flex-direction:row; gap:20px}

.p_Save .thumb {width:80px; position:relative; overflow:hidden; border-radius:10px;}
.p_Save .thumb:before {content:""; width:100%; height:100%; background:rgba(0,0,0,0.05); position:absolute; left:0; top:0;}
.p_Save .thumb img {width:100%;}
.p_Save .order_item {display:flex; justify-content:center; align-items:flex-start; flex-direction:column; gap:5px; flex:1; position:relative; overflow:hidden;}
.p_Save .order_item .name {color:#080808; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; }
.p_Save .order_item .price {color:#0170d5; font-weight:600;}

.p_Save .save_form_wrap {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:20px; padding-left:10px;}
.p_Save .save_form {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px; pointer-events:none;}
.p_Save .save_form .tx {font-weight:600;}
.p_Save .save_form .input_box {position:relative; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px}
.p_Save .save_form .unit {display:flex; justify-content:center; align-items:center; flex-direction:column; font-weight:600; pointer-events:none; color:#080808;}
.p_Save .save_form input.save_input {width:60px; height:36px; border-radius:5px; border:1px solid #e4e8ec; background:#f2f2f2; text-align:right; box-sizing:border-box; padding:0 10px; font-size:14px; font-weight:600;}
.p_Save .save_form input.save_input {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; color:#aaa !important;}
.p_Save .save_form input.save_input:hover {border-color:#909090;}
.p_Save .save_form input.save_input:focus {border-color:#0170d5; box-shadow:0 0 0 3px rgba(1,112,213,0.3);}
.p_Save .save_form.type_self {color:#37d60b;}
.p_Save .save_form.type_viral {color:#d615b3;}


.p_Save label.label_onoff {position: relative; width: 65px; height: 30px;}
.p_Save label.label_onoff input {display: none;}
.p_Save label.label_onoff .icon {width: 100%; height: 100%; background: #c9cedb; border: 1px solid #c9cedb; border-radius: 100px; box-sizing: border-box; position: relative;}
.p_Save label.label_onoff .icon {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.p_Save label.label_onoff .icon:before {content: ''; position: absolute; left: 4px; top: 50%; width: 20px; height: 20px; margin-top: -10px; z-index: 1;}
.p_Save label.label_onoff .icon:before {background: #fff; border: 1px solid #fff; border-radius: 100px; box-sizing: border-box; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);}
.p_Save label.label_onoff .icon:before {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.p_Save label.label_onoff .tx {font-size: 12px; color: #fff; letter-spacing: -0.5px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2}
.p_Save label.label_onoff .tx {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 6px 2px 6px; box-sizing: border-box;}
.p_Save label.label_onoff .tx em {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; padding:0 12px;}
.p_Save label.label_onoff .tx em {display:flex; justify-content:center; align-items:center; flex-direction:column; font-weight:600; line-height:1;}
.p_Save label.label_onoff .tx em.show {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; align-items:flex-start}
.p_Save label.label_onoff .tx em.hide {align-items:flex-end; color:#fff;}
.p_Save label.label_onoff input:checked+ .icon {background: #0170d5; border-color: #0170d5;}
.p_Save label.label_onoff input:checked+ .icon:before {left: 39px;}
.p_Save label.label_onoff input:checked+ .icon+ .tx em.show {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
.p_Save label.label_onoff input:checked+ .icon+ .tx em.hide {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}

.p_Save .btn_save {border:1px solid #e4e8ec; border-radius:3px; height:36px; padding:0 15px; font-weight:600; display:flex; justify-content:center; align-items:center; flex-direction:column; pointer-events:none;}
.p_Save .btn_save {background:#e4e8ec; color:#fff;}

.p_Save .if_checked .save_form {pointer-events:initial}
.p_Save .if_checked .save_form input.save_input {background:#fff;}
.p_Save .if_checked .save_form.type_self input.save_input {color:#37d60b !important;}
.p_Save .if_checked .save_form.type_viral input.save_input {color:#d615b3 !important;}
.p_Save .if_checked .btn_save {border-color:#0170d5; color:#0170d5; background:#fff; pointer-events:auto;}






/* 선물하기 주문폼 추가 :: 2023-03-06 KHY --------------------------------------- */
.p_Gift {margin-top:40px; margin-bottom:60px;}
.p_Gift li {list-style:none;}
.p_Gift .gift_layout {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start;}

.p_Gift .title_box {border-bottom:2px solid #111; box-sizing:border-box; padding-bottom:10px; margin-bottom:30px;}
.p_Gift .title_box .title {font-size:30px; font-weight:600; color:#111;}

/* 받는 분 */
.p_Gift .receive {flex:1; padding-right:60px; box-sizing:border-box;}
.p_Gift .receive .total {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; font-size:18px; color:#111; font-weight:700;}
.p_Gift .receive .total em {}
.p_Gift .receive .total strong {color:#0170d5; margin-left:5px;}
.p_Gift .receive .person_list {margin-top:20px; margin-bottom:30px;}
.p_Gift .receive .guide {padding-top:10px; border-top:1px solid #e4e8ec; box-sizing:border-box;}
.p_Gift .receive .guide .tx {font-size:12px; color:#979ca2; line-height:1.6;}
.p_Gift .receive .guide .tx.type_color {color:#ff0000;}
.p_Gift .receive .complete {margin-bottom:15px; border:1px solid #0170d5; border-radius:5px; box-sizing:border-box; padding:10px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Gift .receive .complete .picto {margin-right:10px;}
.p_Gift .receive .complete .picto img {width:60px;}
.p_Gift .receive .complete dl {}
.p_Gift .receive .complete dt {font-size:16px; color:#0170d5; font-weight:700;}
.p_Gift .receive .complete dd {color:#979ca2; font-weight:500; margin-top:5px;}

/* 받는 분 - 한명당 */
.p_Gift .one_person {}
.p_Gift .one_person+ .one_person {margin-top:30px;}

.p_Gift .one_person .info_form {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Gift .one_person .info_form .title {width:85px; font-size:14px; color:#111; font-weight:500;}
.p_Gift .one_person .info_form ul {flex:1; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Gift .one_person .info_form li {flex:1;}
.p_Gift .one_person .info_form li.this_name {width:140px; flex:none;}
.p_Gift .one_person .info_form li+ li {margin-left:10px;}
.p_Gift .one_person .info_form input.design {width:100%; height:44px; border:1px solid #e4e8ec; border-radius:4px; box-sizing:border-box; padding:0 15px; font-size:14px; color:#111; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_Gift .one_person .info_form input.design::placeholder {color:#c3c3c3 !important;}
.p_Gift .one_person .info_form input.design:focus {color:#111 !important; border-color:#0170d5; box-shadow: 0 0 0 3px rgba(1, 112, 213, 0.2);}
.p_Gift .one_person .input_btn {position:relative;}
.p_Gift .one_person .input_btn input.design {padding-right:55px;}

.p_Gift .one_person .btn_ctrl {position:absolute; right:7px; top:50%; width:30px; height:30px; background:#111; border-radius:3px; z-index:1; margin-top:-15px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_Gift .one_person .btn_ctrl .icon {width:10px; height:10px; position:relative; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_Gift .one_person .btn_ctrl .icon:before {content:''; position:absolute; left:0; top:50%; width:100%; height:2px; background:#fff; margin-top:-1px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_Gift .one_person .btn_ctrl .icon:after {content:''; position:absolute; left:50%; top:0; width:2px; height:100%; background:#fff; margin-left:-1px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_Gift .one_person .btn_ctrl.add {background:#0170d5;}
.p_Gift .one_person .btn_ctrl.add:hover .icon {transform:rotate(180deg);}
.p_Gift .one_person .btn_ctrl.delete .icon:before {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.p_Gift .one_person .btn_ctrl.delete .icon:after {transform:rotate(90deg); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.p_Gift .one_person .btn_ctrl.delete:hover .icon:before {transform:rotate(45deg);}
.p_Gift .one_person .btn_ctrl.delete:hover .icon:after {transform:rotate(45deg);}

.p_Gift .one_person .item_info {padding-left:85px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; margin-top:15px;}
.p_Gift .one_person .item_info {background:transparent url('../images/customize/gift_item_arrow.svg') 60px 8px no-repeat; background-size:10px 13px !important;}
.p_Gift .one_person .item_info .thumb {width:33px; border-radius:5px; overflow:hidden; margin-right:10px;}
.p_Gift .one_person .item_info .thumb img {width:100%;}
.p_Gift .one_person .option {flex:1;}
.p_Gift .one_person .option dl {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start;}
.p_Gift .one_person .option dl+ dl {margin-top:10px;}
.p_Gift .one_person .option dt {flex:1; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; min-height:33px;}
.p_Gift .one_person .option dd {margin-left:20px; width:90px; display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.p_Gift .one_person .option .option_name {color:#111; font-weight:500; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.2;}
.p_Gift .one_person .option .state {flex:1; height:33px; background:#c3c3c3; border-radius:3px; display:flex; flex-direction:row; justify-content:center; align-items:center; font-size:12px; color:#fff; font-weight:600; display:none;}
.p_Gift .one_person dl.if_end_share .option_name {opacity:0.3; filter:alpha(opacity=30); -ms-filter:alpha(opacity=30); text-decoration:line-through;}
.p_Gift .one_person dl.if_end_share .counter {display:none;}
.p_Gift .one_person dl.if_end_share .state {display:flex;}

.p_Gift .counter {border:1px solid #e4e8ec; border-radius:3px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:center; align-items:stretch; height:33px; overflow:hidden;}
.p_Gift .counter .btn_updown {width:31px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_Gift .counter .btn_updown:hover {background:#f2f8fd;}
.p_Gift .counter .btn_updown .icon {width:9px; height:9px; position:relative;}
.p_Gift .counter .btn_updown .icon:before {content:''; position:absolute; left:0; top:4px; width:100%; height:1px; background:#111;}
.p_Gift .counter .btn_updown .icon:after {content:''; position:absolute; left:4px; top:0; width:1px; height:100%; background:#111;}
.p_Gift .counter .btn_updown.down .icon:after {display:none;}
.p_Gift .counter .btn_updown.if_none {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20); pointer-events: none !important;}
.p_Gift .counter .updown_input {width:26px; text-align:center; font-size:12px; color:#111; font-weight:600;}

/* 카드 메시지 */
.p_Gift .card {flex:none; width:50%; height:500px; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; background-color:#ddd; border-radius:20px;}
.p_Gift .card {display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch; padding:30px; box-sizing:border-box;}
.p_Gift .card .history {position:relative; display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.p_Gift .card .btn_history {margin-bottom:10px; background:#fff; padding:0 20px; box-sizing:border-box; border-radius:3px; box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1);}
.p_Gift .card .btn_history strong {color:#111; font-weight:500; padding-left:20px; box-sizing:border-box; background:transparent url('../images/customize/gift_history.svg') left center no-repeat;}
.p_Gift .card .btn_history strong {background-size:15px auto !important; height:40px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_Gift .card textarea.design {height:140px; background:#fff; border:1px solid #fff; border-radius:3px; box-sizing:border-box; padding:20px; font-size:15px; color:#111; line-height:1.4;}
.p_Gift .card textarea.design {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_Gift .card textarea.design::placeholder {color:#c3c3c3 !important;}
.p_Gift .card textarea.design:focus {color:#111 !important; border-color:#0170d5; box-shadow: 0 0 0 3px rgba(1, 112, 213, 0.2);}
.p_Gift .card textarea.design::-webkit-scrollbar {width: 6px;}
.p_Gift .card textarea.design::-webkit-scrollbar-thumb {background-color: #c3c3c3; border-radius:100px;}
.p_Gift .card textarea.design::-webkit-scrollbar-track {background-color: transparent;}
.p_Gift .card textarea.design:hover::-webkit-scrollbar-thumb {background-color:#111;}

/* 카드 메시지 - 이전 메시지 열림 */
.p_Gift .history_open {position:absolute; right:0; top:50px; width:100%; background:#fff; border:1px solid #111; border-radius:3px; box-sizing:border-box; box-shadow:10px 10px 10px 0 rgba(0, 0, 0, 0.2); z-index:10;}
.p_Gift .history_open {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; display:none;}
.p_Gift .history_open .top_title {display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin:0 20px; border-bottom:1px solid #111; box-sizing:border-box; padding-top:20px; padding-bottom:5px;}
.p_Gift .history_open .top_title .title {font-size:16px; color:#111; font-weight:700;}
.p_Gift .history_open .top_title .btn_close {width:30px; height:30px; background:transparent url('../images/customize/gift_close.svg') center center no-repeat; background-size:10px !important; margin-right:-10px;}
.p_Gift .history_open .message_list {overflow-y:auto; min-height:150px; max-height:300px; padding:20px; padding-top:5px; box-sizing:border-box;}
.p_Gift .history_open .message_list::-webkit-scrollbar {width: 6px;}
.p_Gift .history_open .message_list::-webkit-scrollbar-thumb {background-color: #c3c3c3; border-radius:100px;}
.p_Gift .history_open .message_list::-webkit-scrollbar-track {background-color: transparent;}
.p_Gift .history_open .message_list:hover::-webkit-scrollbar-thumb {background-color:#111;}
.p_Gift .history_open .message_list li {border-bottom:1px solid #e4e8ec; box-sizing:border-box; padding:10px 0; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start;}
.p_Gift .history_open .message_list .tx_message {flex:1; color:#65686c; line-height:1.4; padding-right:30px; box-sizing:border-box; min-height:25px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Gift .history_open .message_list .btn_select {padding:0 15px; border:1px solid #0170d5; border-radius:5px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_Gift .history_open .message_list .btn_select {font-size:12px; color:#0170d5; font-weight:500; height:25px;}
.p_Gift .history_open .message_list .btn_select:hover {background:#f2f8fd;}
.p_Gift .history_open.if_open_history {display:flex;}






/* 미니샵 추가 :: 2023-03-10 KHY --------------------------------------- */
body.if_minishop .header {border-bottom:0;}

.p_Mini {}
.p_Mini li {list-style:none;}

.p_Mini .visual {}
.p_Mini .visual .layout_fix {min-height:200px; overflow:hidden; border-radius:30px; position:relative;}
.p_Mini .visual .layout_fix:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:1;}
.p_Mini .visual .title_img {}
.p_Mini .visual .title_img img {width:100%;}
.p_Mini .visual .title_box {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; z-index:2; color:#fff; text-align:center;}
.p_Mini .visual .title_box {padding:0 100px; box-sizing:border-box;}
.p_Mini .visual .title_box .title {font-size:28px; font-weight:600;}
.p_Mini .visual .title_box .sub_title {font-size:14px; margin-top:15px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.5;}
.p_Mini .visual.type_full .layout_fix {width:100%; border-radius:0; height:350px;}
.p_Mini .visual.type_full .title_img {width:100%; flex:1;}
.p_Mini .visual.type_full .title_img img {width:100%; height:100%; object-fit:cover;}

.p_Mini .about {padding-top:20px; box-sizing:border-box;}
.p_Mini .about .layout_fix {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start;}
.p_Mini .profile {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start;}
.p_Mini .profile .thumb {width:160px; height:160px; border-radius:100px; overflow:hidden; background:#fff; padding:5px; box-sizing:border-box; margin-top:-75px; margin-left:-5px; position:relative; z-index:10;}
.p_Mini .profile .thumb img {width:100%; height:100%; border-radius:100px;}
.p_Mini .profile .thumb .no_img {width:100%; height:100%; border-radius:100px; background:#f1f3f5 url('../images/customize/mini_profile_none.svg') center no-repeat; background-size:40px !important;}
.p_Mini .profile .thumb img+ .no_img {display:none;}
.p_Mini .profile .info {margin-left:25px;}
.p_Mini .profile .info .title {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Mini .profile .info .nickname {font-size:20px; color:#111; font-weight:800;}
.p_Mini .profile .info .rank {margin-left:15px; font-size:15px; color:#0170d5; font-weight:800; padding-left:35px; box-sizing:border-box; background:transparent url('../images/customize/mini_rank.svg') left center no-repeat;}
.p_Mini .profile .info .rank {background-size:29px 20px !important; height:20px; line-height:22px;}
.p_Mini .profile .total {margin-top:15px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Mini .profile .total dl {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Mini .profile .total dl+ dl {margin-left:20px;}
.p_Mini .profile .total dt {color:#65686c; font-weight:500;}
.p_Mini .profile .total dd {color:#111; font-weight:600; margin-left:5px;}
.p_Mini .profile .url_copy {color:#979ca2; margin-top:5px; text-decoration:underline; padding:5px 20px 5px 0; background:transparent url('../images/customize/mini_url_copy.svg') right center no-repeat; background-size:12px !important;}
.p_Mini .share {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.p_Mini .share li {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_Mini .share li+ li {margin-left:10px;}
.p_Mini .share .link {}
.p_Mini .share .link img {width:35px;}

.p_Mini .item {}
.p_Mini .item .ma_tit {margin-top:35px; border-top:2px solid #f1f3f5; padding-top:40px; box-sizing:border-box;}







/* 태그분석 추가 :: 2023-04-03 ARA --------------------------------------- */
.sc_st_tag input.design {background:#fff; box-sizing:border-box; border:1px solid #d9dee3; padding:0 10px; width:100%; font-weight:400; height:30px;}
.sc_st_tag input.design.disabled {background:#f5f5f5; cursor:no-drop; color:#888;}
.sc_st_tag input.design:focus {border-color:#aaa; color:#333;}
.sc_st_tag input[type=file].design {padding:0; height:30px;}
.sc_st_tag input:disabled {background:#f5f5f5; cursor:no-drop}

.sc_st_tag select {border:1px solid #d9dee3; font-size:12px !important; height:30px; padding:0 10px; padding-right:25px; width:100%;}
.sc_st_tag select {-webkit-appearance: none; appearance: none;  -moz-appearance: none; -webkit-user-select: none; background:#fff url('../images/log/select.svg') right 8px center no-repeat; background-size:10px;}
.sc_st_tag select:focus {border-color:#aaa;}
.sc_st_tag select::-ms-expand {display:none;}

.sc_st_tag label.design {height:30px; float:left; margin-right:10px; display:flex; justify-content:center; align-items:center; flex-direction:row;}

.sc_st_tag .c_btn {background:#fff; border:1px solid #ccc; box-sizing:border-box; padding:0 10px; white-space:nowrap; text-decoration:none !important; text-align:center !important;}
.sc_st_tag .c_btn {color:#666; font-weight:400 !important; font-size:12px !important; height:30px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.sc_st_tag .c_btn.gray {background:#efefef; border-color:#ccc !important; color:#666 !important;}
.sc_st_tag .c_btn.gray input {color:#666;}
.sc_st_tag .c_btn.black {background:#353c43 !important; border-color:#353c43 !important; color:#fff !important;}
.sc_st_tag .c_btn.black input {color:#fff;}
.sc_st_tag .c_btn.red {background:#f40000 !important; border-color:#f40000 !important; color:#fff !important;}
.sc_st_tag .c_btn.red input {color:#fff;}
.sc_st_tag .c_btn.green {background:#01c73c !important; border-color:#01c73c !important; color:#fff !important;}
.sc_st_tag .c_btn.green input {color:#fff;}
.sc_st_tag .c_btn.blue {background-color:#008aff !important; border-color:#008aff !important; color:#fff !important;}
.sc_st_tag .c_btn.blue input {color:#fff;}


.sc_st_tag {display:flex; justify-content: stretch; align-items: stretch; flex-direction:row; flex:1; box-sizing:border-box; box-sizing:border-box; overflow:hidden; height:700px;}
.sc_st_tag {margin-top:20px; border:2px solid #080808; border-left:0; border-right:0; position:relative; }

.sc_st_tag .sc_box {background:#fff; box-sizing:border-box; overflow:hidden; display:flex; justify-content: stretch; align-items: stretch; flex-direction:column; padding:20px 0; }
.sc_st_tag .sc_aside {width:360px;}
.sc_st_tag .sc_section {flex:1; margin-left:20px; padding-left:20px; border-left:1px solid #e5e5e5;}

.sc_st_tag .pro_view {flex:1; display:flex; justify-content: stretch; align-items: stretch; flex-direction:column; overflow:hidden;}
.sc_st_tag .scroll_box {overflow-x:hidden; overflow-y:auto; flex:1;}
.sc_st_tag .scroll_box::-webkit-scrollbar {height: 4px; width:6px;}
.sc_st_tag .scroll_box::-webkit-scrollbar-thumb { background-color:rgba(34,34,34,0.2); border-radius:100px;}
.sc_st_tag .scroll_box::-webkit-scrollbar-track {background-color: transparent;}
.sc_st_tag .scroll_box:hover::-webkit-scrollbar-thumb {background-color:rgba(34,34,34,1);}

.sc_st_tag .c_none {height:100%; margin:0px; display:flex; justify-content: center; align-items: stretch; flex-direction:column; text-align:center;}
.sc_st_tag .pro_view {position:relative;}
.sc_st_tag .pro_view .c_none {height:auto; position:absolute; left:0; bottom:250px; width:100%;}


/* TAG 검색필터 */
.sc_st_tag .filter_box {border-bottom:1px solid #f2f2f2; margin-bottom:10px; padding-bottom:10px;}
.sc_st_tag .filter_box dl {display:flex; justify-content: flex-start; align-items: center; flex-direction:row;}
.sc_st_tag .filter_box dl+ dl {margin-top:8px;}
.sc_st_tag .filter_box dt {width:50px; font-size:11px; font-weight:500; letter-spacing:-1px;}
.sc_st_tag .filter_box dd {flex:1; display:flex; justify-content: space-between; align-items: center; flex-direction:row;}
.sc_st_tag .filter_box .inti {display:flex; justify-content: center; align-items: center; flex-direction:column; padding:0 3px;}
.sc_st_tag .filter_box .inti img {width:8px;}
.sc_st_tag .filter_box .c_btnbox {margin-top:0px; margin-left:auto; padding:0px;}
.sc_st_tag .filter_box .c_btnbox ul {margin-left:0px !important;}
.sc_st_tag .filter_box .c_btn {margin-right:0px !important; padding:0 !important; width:60px; border-radius:5px; line-height:1 !important; margin-left:5px !important;}
.sc_st_tag .filter_box .c_btn {display:flex; justify-content: center; align-items: center; flex-direction:column;}
.sc_st_tag .filter_box .c_btn em {}
.sc_st_tag .filter_box .c_btn i {display:none;}
.sc_st_tag .filter_box .hide_tx {display:none; font-size:17px; font-weight:700; color:#000;}
.sc_st_tag .filter_box .updown {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; gap:3px}
.sc_st_tag .filter_box .updown .week {font-weight:700; color:#000; width:170px; text-align:center; line-height:1;}
.sc_st_tag .filter_box .updown .ctrl {display:flex; justify-content: center; align-items: center; flex-direction:column; border:1px solid #d9dee3; border-radius:100px; width:22px; height:22px; box-sizing:border-box;}
.sc_st_tag .filter_box .updown .ctrl img {width:8px;}

.sc_st_tag .sc_aside.if_close .filter_box .value {display:none;}
.sc_st_tag .sc_aside.if_close .filter_box .value_last {margin-top:0px !important;}
.sc_st_tag .sc_aside.if_close .filter_box .value_last dt {display:none;}
.sc_st_tag .sc_aside.if_close .filter_box .value_last label {display:none;}
.sc_st_tag .sc_aside.if_close .filter_box .hide_tx {display:inline-block; }
.sc_st_tag .sc_aside.if_close .filter_box .c_btn em {display:none;}
.sc_st_tag .sc_aside.if_close .filter_box .c_btn i {display:inline;}
.sc_st_tag .sc_aside.if_close .filter_box .c_btnbox .this_search {display:none !important;}

/* TAG 상품 검색결과 */
.sc_st_tag .pro_list {}
.sc_st_tag .pro_list .thead {position:sticky; top:0; background:#e6eefa !important; z-index:10}
.sc_st_tag .pro_list .thead li {color:#2A3F58; letter-spacing:-1px; border-bottom:0; height:40px; font-size:11px; box-sizing:border-box; font-weight:700; position:relative;}
.sc_st_tag .pro_list .thead li:after {background:#d3e3fe !important; }
.sc_st_tag .pro_list .thead strong {font-size:11px;}

.sc_st_tag .pro_list .arrange {position:absolute; right:0; top:35px; background:#fff; border-radius:10px; box-shadow:0px 0px 8px rgba(0,0,0,0.3); padding:10px 0; display:none;}
.sc_st_tag .pro_list .arrange .btn {line-height:1; height:25px; white-space:nowrap; font-weight:600; letter-spacing:-0.5px; padding:0 20px;}
.sc_st_tag .pro_list .arrange .btn {display:flex; justify-content: center; align-items: flex-end; flex-direction:column; }
.sc_st_tag .pro_list .arrange .btn:hover {background:#ebf3ff;}
.sc_st_tag .pro_list .arrange .btn.hit {color:#d615b3; background:transparent url('../images/log/sc_tag_check.svg') right 7px center no-repeat; background-size:9px; background-repeat:no-repeat;}
.sc_st_tag .pro_list .btn_arrange {display:flex; justify-content: center; align-items: center; flex-direction:column; padding-right:13px; line-height:1; height:30px;}
.sc_st_tag .pro_list .btn_arrange {background:transparent url('../images/log/sc_tag_updw.svg') right 1px center no-repeat; background-size:7px; background-repeat:no-repeat;}
.sc_st_tag .pro_list.if_open_arrange .arrange {display:block;}

.sc_st_tag .pro_list .li_img {width:80px; padding:0 10px;}
.sc_st_tag .pro_list .li_info {flex:1; overflow:hidden; font-size:11px; align-items: flex-start;}
.sc_st_tag .pro_list .li_price {width:100px; padding:0 5px; align-items: flex-end; font-size:11px;}
.sc_st_tag .pro_list .li_state {width:60px; padding:0 5px; box-sizing:border-box;}

.sc_st_tag .pro_list ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; background:#fff; box-sizing:border-box;}
.sc_st_tag .pro_list li {list-style:none; border-bottom:1px solid #F0F2F5; box-sizing:border-box; height:90px;}
.sc_st_tag .pro_list li {display:flex; justify-content: center; align-items: center; flex-direction:column; position:relative;}
.sc_st_tag .pro_list img {width:100%;}

.sc_st_tag .pro_list .value {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color:#999; box-sizing:border-box;}
.sc_st_tag .pro_list .value+ .value {margin-top:2px;}
.sc_st_tag .pro_list .value.self {color:#37d60b; font-weight:700;}
.sc_st_tag .pro_list .value.viral {color:#d615b3; font-weight:700;}
.sc_st_tag .pro_list .value.price {color:#080808; font-weight:700; }
.sc_st_tag .pro_list .value.code {color:#080808; font-weight:700; margin-top:3px;}
.sc_st_tag .pro_list .value.name {color:#3240FF; font-weight:600;}
.sc_st_tag .pro_list .dash_line {border-top:1px dashed #e5e5e5; width:100%; padding-top:5px; margin-top:5px;}
.sc_st_tag .pro_list .c_tag {border-radius:100px; line-height:1 !important; display:inline-flex; justify-content: center; align-items: center; flex-direction:column; height:30px; font-size:11px; width:40px;}

.sc_st_tag .pro_list .tbody {cursor:pointer}
.sc_st_tag .pro_list .tbody li:before {content:""; border:1px solid #0170d5; border-left:0; border-right:0; box-sizing:border-box; display:none;}
.sc_st_tag .pro_list .tbody li:before {position:absolute; left:0; top:0; width:100%; height:100%; z-index:2}
.sc_st_tag .pro_list .tbody li:first-of-type:before {border-left:1px solid #0170d5;}
.sc_st_tag .pro_list .tbody li:last-of-type:before {border-right:1px solid #0170d5;}
.sc_st_tag .pro_list .tbody:hover li:before {display:block;}
.sc_st_tag .pro_list .tbody.active li:before {display:block; border-width:2px;}

/* TAG Section 영역 */
.sc_st_tag .result_total {display:flex; justify-content: center; align-items: flex-start; flex-direction:row; padding-bottom:10px; }
.sc_st_tag .result_total .opt {font-weight:600; color:#3C91FF; font-size:13px; letter-spacing:-1px; width:70px; height:30px;}
.sc_st_tag .result_total .opt {display:flex; justify-content: center; align-items: flex-start; flex-direction:column}
.sc_st_tag .result_total .value_box {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:wrap; flex:1}
.sc_st_tag .result_total .value {border-radius:100px; color:#222; background:#D8E9FF; height:30px; margin:0 5px 5px 0; font-weight:600; letter-spacing:-0.3px; padding:0 14px; box-sizing:border-box;}
.sc_st_tag .result_total .value {display:flex; justify-content: center; align-items: center; flex-direction:column; font-size:11px; color:#3C91FF;}
.sc_st_tag .result_total .value.self {background:#37d60b; color:#fff; font-size:12px;}
.sc_st_tag .result_total .value.viral {background:#d615b3; color:#fff; font-size:12px;}

.sc_st_tag .result_list {}
.sc_st_tag .result_list ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; background:#fff; box-sizing:border-box;}
.sc_st_tag .result_list li {list-style:none; height:40px; border-bottom:1px solid #F0F2F5; box-sizing:border-box;}
.sc_st_tag .result_list li {display:flex; justify-content: center; align-items: stretch; flex-direction:column; text-align:center; position:relative;}
.sc_st_tag .result_list li+ li:after {content:""; width:1px; height:100%; background:#F0F2F5; position:absolute; left:0; top:0; z-index:1}
.sc_st_tag .result_list ul:nth-of-type(odd) {background:#fafcff}

.sc_st_tag .result_list .li_num {width:55px; color:#65686c !important;}
.sc_st_tag .result_list .li_id {flex:1; overflow:hidden; min-width:100px;}

.sc_st_tag .result_list .li_self {width:120px;}
.sc_st_tag .result_list .li_viral {width:120px;}
.sc_st_tag .result_list .li_total {width:120px;}
.sc_st_tag .result_list .li_order {width:100px;}
.sc_st_tag .result_list .li_make {width:100px;}
.sc_st_tag .result_list .li_com {width:100px;}
.sc_st_tag .result_list .li_change {width:100px;}

.sc_st_tag .result_list .thead {position:sticky; top:0; background:#e6eefa !important; border-top:2px solid #d3e3fe; z-index:10}
.sc_st_tag .result_list .thead li {color:#2A3F58; font-weight:600; letter-spacing:-1px; border-bottom:0; height:55px; word-wrap:break-word; word-break:keep-all; white-space:normal; font-size:11px;}
.sc_st_tag .result_list .thead li:after {background:#d3e3fe !important; }
.sc_st_tag .result_list .thead strong {font-size:11px; letter-spacing:0px; line-height:1;}

.sc_st_tag .result_list .btn_arrange {display:flex; justify-content: center; align-items: center; flex-direction:column; padding-right:16px; line-height:1; height:50px; margin:0 10px;}
.sc_st_tag .result_list .btn_arrange {background:transparent url('../images/log/sc_tag_dw2.svg') right center no-repeat; background-size:10px !important; background-repeat:no-repeat;}
.sc_st_tag .result_list .if_reverse .btn_arrange {background:transparent url('../images/log/sc_tag_up2.svg') right center no-repeat;}

.sc_st_tag .result_list .tbody {}
.sc_st_tag .result_list .tbody li {font-weight:600; color:#080808; padding:0 5px; position:relative; overflow:hidden; font-size:11px;}
.sc_st_tag .result_list .tbody li:before {content:""; border:1px solid #0170d5; border-left:0; border-right:0; box-sizing:border-box; display:none;}
.sc_st_tag .result_list .tbody li:before {position:absolute; left:0; top:0; width:100%; height:100%; z-index:2}
.sc_st_tag .result_list .tbody li:first-of-type:before {border-left:1px solid #0170d5;}
.sc_st_tag .result_list .tbody li:last-of-type:before {border-right:1px solid #0170d5;}
.sc_st_tag .result_list .tbody:hover li:before {display:block;}

.sc_st_tag .result_list .tbody .li_id {}
.sc_st_tag .result_list .tbody .li_self {align-items: flex-end; }
.sc_st_tag .result_list .tbody .li_self strong {color:#37d60b; }
.sc_st_tag .result_list .tbody .li_viral {align-items: flex-end;}
.sc_st_tag .result_list .tbody .li_viral strong {color:#d615b3;}
.sc_st_tag .result_list .tbody .li_total {align-items: flex-end; }
.sc_st_tag .result_list .tbody .li_total strong {color:#0170d5;}
.sc_st_tag .result_list .tbody .li_make {color:#080808; }
.sc_st_tag .result_list .tbody .li_order {color:#080808;}

.sc_st_tag .result_list .value.id {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; font-weight:500;}
.sc_st_tag .result_list .value.name {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}






/* 영상 레이어 팝업 추가 :: 2023-08-08 KHY ======================================== */
.p_Player {position:fixed; left:0; top:0; width:100%; height:100%; z-index:300; display:flex; flex-direction:column; justify-content:center; align-items:center; visibility:hidden;}
.p_Player .wrapping {position:relative; z-index:2; background:#fff; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(50px);}
.p_Player .wrapping {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_Player .layer_title {position:absolute; left:0; top:-35px; width:100%; padding-right:100px; box-sizing:border-box;}
.p_Player .layer_title .title {font-size:19px; color:#fff; font-weight:500; letter-spacing:-0.6px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; flex:1;}
.p_Player .layer_title .btn_close {position:absolute; right:-10px; top:-8px; width:38px; height:38px; background:transparent url('../images/sub/player_close.svg') center center no-repeat; background-size:18px !important;}
.p_Player .video {width:900px; height:506px;}
.p_Player .video iframe {}
.p_Player .bg_close {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:1; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);}
.p_Player .bg_close {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}

.p_Player.if_open {visibility:visible;}
.p_Player.if_open .wrapping {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0);}
.p_Player.if_open .bg_close {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}





/* 태거별 페이지 추가 :: 2023-08-08 KHY ======================================== */
.p_User {}
.p_User li {list-style:none;}

/* 페이지 타이틀 */
.p_User .page_title {}
.p_User .page_title dl {height:170px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.p_User .page_title dt {font-size:20px; font-weight:500; color:#979ca2;}
.p_User .page_title dd {font-size:50px; font-weight:800; color:#111; position:relative;}
.p_User .page_title dd:before {content:''; position:absolute; right:-21px; bottom:11px; width:11px; height:11px; background:#0170d5; border-radius:100px;}

/* 그룹 */
.p_User .group_wrap {}
.p_User .group_wrap+ .group_wrap {margin-top:100px;}
.p_User .group {}
.p_User .group+ .group {margin-top:100px;}
.p_User .group.type_bg {padding:100px 0; box-sizing:border-box; background:#f5f9fc;}

/* 그룹 탭 */
.p_User .group_tab {height:60px; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch; margin-bottom:60px; position:sticky; top:0; z-index:30; background:#fff;}
.p_User .group_tab .layout_fix {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.p_User .group_tab .layout_fix:before {content:''; position:absolute; left:0; bottom:0; width:200%; height:1px; background:#000;}
.p_User .group+ .group_tab {margin-top:100px;}

.p_User .group_tab .tab_menu {}
.p_User .group_tab .tab_menu ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_User .group_tab .tab_menu li {}
.p_User .group_tab .btn_tab {height:45px; padding:0 40px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:center; align-items:center; border:1px solid #000; border-bottom:0;}
.p_User .group_tab .btn_tab {font-size:15px; color:#979ca2; font-weight:700; position:relative; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_User .group_tab .btn_tab:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; z-index:2; display:none;}
.p_User .group_tab .btn_tab:hover {color:#fff; background:#111;}
.p_User .group_tab li+ li .btn_tab {border-left:0;}
.p_User .group_tab li.hit .btn_tab {color:#111; background:#fff;}
.p_User .group_tab li.hit .btn_tab:before {display:block;}

.p_User .group_tab .type_menu {}
.p_User .group_tab .type_menu ul {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.p_User .group_tab .type_menu li {}
.p_User .group_tab .btn_link {padding:0 15px; box-sizing:border-box; font-size:16px; color:#111; font-weight:500;}
.p_User .group_tab .btn_link strong {height:45px; display:flex; flex-direction:row; justify-content:center; align-items:center; position:relative;}
.p_User .group_tab .btn_link strong:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:4px; background:#000; display:none;}
.p_User .group_tab .btn_link:hover {color:#0170d5;}
.p_User .group_tab li:last-of-type .btn_link {padding-right:0;}
.p_User .group_tab li.hit .btn_link {font-weight:800; color:#111;}
.p_User .group_tab li.hit .btn_link strong:before {display:block;}

/* 그룹 타이틀 */
.p_User .group_title {margin-bottom:60px;}
.p_User .group_title dl {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; gap:30px;}
.p_User .group_title dt {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-end;}
.p_User .group_title dt .additional {margin-left:15px;}
.p_User .group_title dd {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.p_User .group_title dd .additional {margin-bottom:15px;}
.p_User .group_title .title_wrap {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_User .group_title .title {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; font-size:27px; color:#000; font-weight:900; letter-spacing:-0.8px; line-height:1; position:relative;}
.p_User .group_title .title:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000;}
.p_User .group_title .title .number {color:#0170d5; margin-right:10px;}
.p_User .group_title .title strong {}
.p_User .group_title .sub_title {margin-left:10px; font-size:20px; color:#979ca2; letter-spacing:-0.6px;}
.p_User .group_title .btn_more {font-size:15px; color:#979ca2; font-weight:500; letter-spacing:-0.5px; padding:5px; padding-bottom:0; padding-right:0; box-sizing:border-box;}
.p_User .group_title .btn_more strong {padding-right:17px; box-sizing:border-box; background:transparent url('../images/sub/user_more.svg') right center no-repeat; background-size:12px !important;}
.p_User .group_title .guide {font-size:40px; font-weight:500; color:#0d0d0d; letter-spacing:-0.4px; line-height:1;}
.p_User .group_title .guide+ .guide {margin-top:10px;}
.p_User .group_title .guide.type_color {color:#0170d5; font-weight:900; position:relative;}
.p_User .group_title .guide.type_color:before {content:''; position:absolute; right:-20px; bottom:2px; width:10px; height:10px; background:#0170d5; border-radius:100px; display:none;}
.p_User .group_title .sub_guide {font-size:17px; color:#65686c; font-weight:500; letter-spacing:-0.2px; line-height:1.3; margin-top:20px;}

/* 부가정보 */
.p_User .additional {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:5px;}
.p_User .additional .icon {}
.p_User .additional .icon img {height:20px;}
.p_User .additional .name {font-size:16px; color:#111; font-weight:600;}
.p_User .additional.type_red .name {color:#d615b3;}

/* 영상정보 */
.p_User .group.type_play .group_title {margin-bottom:30px;}
.p_User .group.if_play_more .group_title .btn_more {display:none;}
.p_User .group.if_play_more .play_list li:nth-of-type(4)~ li {display:block;}

/* 영상 목록 */
.p_User .play_list {}
.p_User .play_list ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:30px 0; margin-left:-20px;}
.p_User .play_list li {width:25%;}
.p_User .play_list li:nth-of-type(4)~ li {display:none;}

.p_User .one_play {position:relative; margin-left:20px;}
.p_User .one_play .thumb {position:relative;}
.p_User .one_play .thumb img {width:100%;}
.p_User .one_play .real_img {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.p_User .one_play .fake_img {}
.p_User .one_play .upper {position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:rgba(0, 0, 0, 0.65); display:flex; flex-direction:column; justify-content:center; align-items:center;}
.p_User .one_play .upper {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_User .one_play .upper .play_icon {width:50px; height:50px; border-radius:100px; border:1px solid #fff; box-sizing:border-box; background:transparent url('../images/sub/user_play_white.svg') 18px center no-repeat;}
.p_User .one_play .upper .play_icon {background-size:16px !important; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; position:relative;}
.p_User .one_play .upper .play_icon:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#0170d5; border-radius:100px; z-index:-1; transform:scale(0); transform-origin:center;}
.p_User .one_play .upper .play_icon:before {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_User .one_play .title {font-size:16px; color:#000; font-weight:700; letter-spacing:-0.5px; margin-top:10px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.p_User .one_play:hover .upper {background:rgba(0, 0, 0, 0.3);}
.p_User .one_play:hover .upper .play_icon {border-color:transparent;}
.p_User .one_play:hover .upper .play_icon:before {transform:scale(1);}
.p_User .one_play:hover .title {color:#0170d5; text-decoration:underline;}

/* 가입이유 목록 */
.p_User .why_list {}
.p_User .why_list ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; gap:30px;}
.p_User .why_list li {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}

.p_User .one_why {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.p_User .one_why .top_title {height:150px; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:10px 10px 0 0; background:#5546e5;}
.p_User .one_why .top_title dl {color:#fff; padding:0 10px; box-sizing:border-box;}
.p_User .one_why .top_title dt {font-size:22px; color:inherit; font-weight:600;}
.p_User .one_why .top_title dd {font-size:13px; color:inherit; opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50); margin-top:10px;}
.p_User .one_why .qna_wrap {flex:1; background:#f1f3f5; padding:55px 30px 35px 25px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.p_User .one_why .talk {background:#fff; border-radius:30px; border:1px solid #e4e8ec; box-sizing:border-box; box-shadow:5px 5px 0 0 rgba(0, 0, 0, 0.05); min-height:130px; padding:15px 100px 15px 20px;}
.p_User .one_why .talk {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; position:relative;}
.p_User .one_why .talk dl {color:#111;}
.p_User .one_why .talk dt {font-size:15px; color:inherit; font-weight:800; opacity:0.3; filter:alpha(opacity=30); -ms-filter:alpha(opacity=30); line-height:1;}
.p_User .one_why .talk dd {margin-top:10px; font-size:17px; color:inherit; font-weight:700; line-height:1.3;}
.p_User .one_why .talk.type_answer {border-color:#5546e5; box-shadow:5px 5px 0 0 #5546e5; flex:1; padding:15px 20px;}
.p_User .one_why .talk.type_answer dl {color:#5546e5;}
.p_User .one_why .picture {position:absolute; right:-2px; top:-30px; z-index:1;}
.p_User .one_why .picture img {width:100px;}
.p_User .one_why .arrow {height:70px; background:transparent url('../images/sub/user_why_arrow1.svg') center center no-repeat; background-size:auto 30px !important;}
.p_User .one_why.type_business .top_title {background:#8d4dee;}
.p_User .one_why.type_business .talk.type_answer {border-color:#5546e5; box-shadow:5px 5px 0 0 #8d4dee;}
.p_User .one_why.type_business .talk.type_answer dl {color:#8d4dee;}
.p_User .one_why.type_business .arrow {background-image:url('../images/sub/user_why_arrow2.svg');}
.p_User .one_why.type_customer .top_title {background:#3e8a9e;}
.p_User .one_why.type_customer .talk.type_answer {border-color:#3e8a9e; box-shadow:5px 5px 0 0 #3e8a9e;}
.p_User .one_why.type_customer .talk.type_answer dl {color:#3e8a9e;}
.p_User .one_why.type_customer .arrow {background-image:url('../images/sub/user_why_arrow3.svg');}

/* 핵심용어 목록 */
.p_User .word_list {}
.p_User .word_list ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:50px 0; margin-left:-60px;}
.p_User .word_list li {width:50%; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}

.p_User .one_word {flex:1; padding-left:30px; box-sizing:border-box; position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; margin-left:60px;}
.p_User .one_word .keyword {position:absolute; left:0; top:32px; width:200px; height:180px; background:#0170d5; border-radius:10px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.p_User .one_word .keyword {font-size:19px; color:#fff; font-weight:700; line-height:1.3; text-align:center; z-index:1; padding:0 15px; box-sizing:border-box;}
.p_User .one_word .description {flex:1; background:#fff; border:2px solid #e4e8ec; border-radius:10px; box-sizing:border-box; padding:30px 40px; padding-left:130px;}
.p_User .one_word .description {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.p_User .one_word .description dl {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; gap:30px; min-height:180px;}
.p_User .one_word .description dt {position:relative; padding-left:70px; padding-bottom:5px; box-sizing:border-box;}
.p_User .one_word .description dt:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#0170d5;}
.p_User .one_word .description dd {font-size:16px; color:#111; font-weight:500; line-height:1.4; padding-left:70px; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
.p_User .one_word .description .color {color:#d615b3;}
.p_User .one_word .description .title {font-size:18px; color:#0170d5; font-weight:700; padding-top:30px; box-sizing:border-box;}
.p_User .one_word .description .title {background:transparent url('../images/sub/user_word_quote.svg') left 5px no-repeat; background-size:21px 15px !important;}

/* 베네핏 목록 */
.p_User .benefit_list {}
.p_User .benefit_list ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; gap:40px;}
.p_User .benefit_list li {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.p_User .benefit_list .additional {margin-top:20px;}

.p_User .one_benefit {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.p_User .one_benefit .term {height:145px; padding:0 40px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; position:relative; background:#d615b3;}
.p_User .one_benefit .term {border-radius:10px 60px 0 0;}
.p_User .one_benefit .term dl {color:#fff;}
.p_User .one_benefit .term dt {font-size:23px; color:inherit; font-weight:300; opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50); line-height:1;}
.p_User .one_benefit .term dd {font-size:32px; color:inherit; font-weight:300; letter-spacing:-0.3px; margin-top:5px;}
.p_User .one_benefit .term dd strong{font-weight:700;}
.p_User .one_benefit .picto {position:absolute; right:40px; bottom:-40px; z-index:1;}
.p_User .one_benefit .picto img {}
.p_User .one_benefit .description {flex:1; border:1px solid #d615b3; box-sizing:border-box; border-radius:0 0 10px 10px; padding:50px 40px; font-size:18px; color:#111; font-weight:500; line-height:1.4;}
.p_User .one_benefit .description {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; background:#fff;}
.p_User .one_benefit.type_viral .term {background:#0170d5;}
.p_User .one_benefit.type_viral .description {border-color:#0170d5;}

/* flow 그래프 */
.p_User .flow_graph {border:2px solid #e4e8ec; border-radius:10px; box-sizing:border-box; padding:80px;}
.p_User .flow_graph ul {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.p_User .flow_graph li {display:flex; flex-direction:row; justify-content:center; align-items:stretch;}

.p_User .flow_graph .step_arrow {width:430px; height:50px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.p_User .flow_graph .step_arrow img {}
.p_User .flow_graph .range {flex:1; margin-right:20px; display:flex; flex-direction:row; justify-content:flex-end; align-items:center; position:relative; text-align:right;}
.p_User .flow_graph .range .arrow {position:absolute; right:0;}
.p_User .flow_graph .range .arrow img {}
.p_User .flow_graph .range .arrow.type_up {transform:scaleY(-1); bottom:0;}
.p_User .flow_graph .range .arrow.type_down {top:0;}
.p_User .flow_graph .range .line {position:absolute; right:21px; top:0; width:1px; height:100%; background:#0170d5; z-index:1;}
.p_User .flow_graph .range strong {font-size:15px; color:#0170d5; font-weight:600; line-height:1.3; background:#fff; padding:5px 0; box-sizing:border-box; position:relative; z-index:2;}
.p_User .flow_graph .order {flex:1; margin-left:60px; position:relative; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_User .flow_graph .order:before {content:''; position:absolute; left:10px; top:0; width:6px; height:100%; background:#e4e8ec; z-index:1;}
.p_User .flow_graph .order .number {position:relative; z-index:2; font-size:14px; color:#fff; font-weight:700; width:26px; height:26px; background:#111; border:2px solid #111; border-radius:100px;}
.p_User .flow_graph .order .number {display:flex; flex-direction:column; justify-content:center; align-items:center; box-sizing:border-box; flex:none;}
.p_User .flow_graph .order .number.type_line {background:#fff; color:#111;}
.p_User .flow_graph .order strong {font-size:15px; color:#111; font-weight:500; margin-left:5px;}
.p_User .flow_graph .flow_wrap {width:430px; display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch;}
.p_User .flow_graph .flow_wrap .tag_flow {flex:1; text-align:center; display:flex; flex-direction:column; justify-content:flex-start; align-items:center;}
.p_User .flow_graph .user_wrap {display:flex; flex-direction:row; justify-content:center; align-items:flex-start;}
.p_User .flow_graph .user_wrap .one_user {margin:0 -5px;}
.p_User .flow_graph .user_wrap .arrow {padding:0 5px; box-sizing:border-box;}
.p_User .flow_graph .last_tag {display:flex; flex-direction:column; justify-content:flex-start; align-items:center;}
.p_User .flow_graph .last_tag .arrow_wrap {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_User .flow_graph .last_tag .arrow {text-align:left; padding:0 10px; box-sizing:border-box;}
.p_User .flow_graph .last_tag .arrow.type_left {transform:scaleX(-1);}
.p_User .flow_graph .last_tag .arrow img {}
.p_User .flow_graph .last_tag .loop {margin-top:5px;}
.p_User .flow_graph .last_tag .loop img {}
.p_User .flow_graph .last_tag strong {font-size:15px; color:#111; font-weight:600; }

.p_User .one_graphic {border:2px solid #0170d5; border-radius:10px; box-sizing:border-box; position:relative; padding:30px; padding-right:190px; width:430px; height:180px;}
.p_User .one_graphic .title {font-size:23px; color:#0170d5; font-weight:700;}
.p_User .one_graphic .sub_title {font-size:15px; color:#0170d5; font-weight:500; line-height:1.3; margin-top:5px;}
.p_User .one_graphic .picto {position:absolute; right:0; bottom:0;}
.p_User .one_graphic .picto img {}

.p_User .one_user {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; width:100px;}
.p_User .one_user .title {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; text-align:center;}
.p_User .one_user .title .arrow {text-align:right;}
.p_User .one_user .title .arrow.type_left {transform:scaleX(-1);}
.p_User .one_user .title .arrow img {}
.p_User .one_user .title strong {margin-top:5px; font-size:15px; color:#111; font-weight:600;}
.p_User .one_user .user {width:100px; height:100px; background:#e4e8ec; border-radius:100px; margin-top:10px; mix-blend-mode:multiply;}
.p_User .one_user .user {display: flex; flex-direction:column; justify-content:center; align-items:center;}
.p_User .one_user .user .picto {}
.p_User .one_user .user .picto img {}
.p_User .one_user .user strong {font-size:14px; color:#111; font-weight:700; line-height:1; margin-top:5px;}

/* 요약정보 */
.p_User .summary {background:#f1f3f5; border-radius:10px; padding:50px; box-sizing:border-box; margin-top:40px;}
.p_User .summary .top_title {font-size:25px; color:#0170d5; font-weight:700; margin-bottom:15px; padding-left:30px; box-sizing:border-box; line-height:1;}
.p_User .summary .top_title {background:transparent url('../images/sub/user_summary_tip.svg') left center no-repeat; background-size:25px !important;}
.p_User .summary ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; gap:40px;}
.p_User .summary ul+ ul {margin-top:40px;}
.p_User .summary li {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}

.p_User .one_sum {background:#fff; border-radius:5px; padding:30px 40px; box-sizing:border-box; flex:1;}
.p_User .one_sum dl {}
.p_User .one_sum dt {padding-bottom:15px; border-bottom:1px solid #e4e8ec; box-sizing:border-box;}
.p_User .one_sum dd {margin-top:20px; font-size:16px; color:#111; font-weight:600; line-height:1.4; word-wrap:break-word; word-break:keep-all;}
.p_User .one_sum dd .color {color:#d615b3;}
.p_User .one_sum .title {font-size:18px; color:#111; font-weight:800; background:transparent url('../images/sub/user_summary.svg') right center no-repeat; background-size:24px !important;}
.p_User .one_sum .title {height:25px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}

/* 제공 시스템 */
.p_User .offer_list {}
.p_User .offer_list ul {border-top:2px solid #f1f3f5; box-sizing:border-box;}
.p_User .offer_list li {border-bottom:2px solid #f1f3f5; box-sizing:border-box;}

.p_User .one_offer {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; padding:25px 0; box-sizing:border-box;}
.p_User .one_offer .graphic {width:600px; background:#c6e4fe; border-radius:6px; display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch;}
.p_User .one_offer .graphic img {width:100%;}
.p_User .one_offer .content {flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:0 50px; box-sizing:border-box;}
.p_User .one_offer .content dl {display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center;}
.p_User .one_offer .content dt {font-size:21px; color:#0170d5; font-weight:700; position:relative; padding:0 5px; box-sizing:border-box;}
.p_User .one_offer .content dt:before {content:''; position:absolute; left:0; bottom:-2px; width:100%; height:10px; background:rgba(1, 112, 213, 0.2);}
.p_User .one_offer .content dd {margin-top:30px;}
.p_User .one_offer .system {font-size:16px; color:#111; font-weight:600; line-height:1.4;}
.p_User .one_offer .system .number {color:#0170d5;}
.p_User .one_offer .system .underline {position:relative;}
.p_User .one_offer .system .underline:before {content:''; position:absolute; left:0; bottom:3px; width:100%; height:1px; background:#111;}
.p_User .one_offer .system.type_effect {color:#0170d5;}
.p_User .one_offer .arrow {margin:10px 0;}
.p_User .one_offer .arrow img {height:31px;}

/* 수익창출 단계 */
.p_User .step_list {}
.p_User .step_list ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch;}
.p_User .step_list li {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.p_User .step_list li.this_arrow {flex:none; justify-content:center;}
.p_User .step_list .arrow {width:40px; height:40px; background:transparent url('../images/sub/user_step_arrow.svg') center center no-repeat; background-size:11px !important;}

.p_User .one_step {background:#fff; border-radius:20px; border:1px solid #0170d5; box-sizing:border-box; padding:25px 15px; box-shadow:19px 23px 30px 0 rgba(0, 0, 0, 0.1);}
.p_User .one_step {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center;}
.p_User .one_step .step {height:35px; padding:0 15px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_User .one_step .step {font-size:15px; color:#fff; font-weight:600; letter-spacing:-0.2px; background:#0170d5; border-radius:100px;}
.p_User .one_step .picto {margin-top:20px;}
.p_User .one_step .picto img {}
.p_User .one_step .content {margin-top:35px; margin-bottom:10px; font-size:17px; color:#000; font-weight:600; line-height:1.3;}
.p_User .one_step .title {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; font-size:23px; color:#fff; font-weight:500; letter-spacing:-0.2px;}
.p_User .one_step .title em {font-size:20px; color:#80b7ea; font-weight:700;}
.p_User .one_step .title strong {margin-top:5px; line-height:1;}
.p_User .one_step.type_title {justify-content:center; background:#0170d5;}

/* 수익창출 방법 */
.p_User .way {margin-top:60px; background:#f5f9fc; border-radius:10px; padding:50px; box-sizing:border-box;}
.p_User .way .title {font-size:25px; color:#0d0d0d; font-weight:700; margin-bottom:30px;}
.p_User .way dl {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; background:#fff; border-radius:10px; min-height:80px;}
.p_User .way dl+ dl {margin-top:15px;}
.p_User .way dt {width:110px; background:rgba(1, 112, 213, 0.2); border-radius:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.p_User .way dt {font-size:25px; color:#0170d5; font-weight:300; letter-spacing:-0.3px;}
.p_User .way dd {flex:1; padding:15px 30px; box-sizing:border-box; font-size:17px; color:#65686c; font-weight:500; line-height:1.5; letter-spacing:-0.2px;}
.p_User .way dd {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; word-wrap:break-word; word-break:keep-all;}

/* 배너 목록 */
.p_User .banner_list {margin-top:50px;}
.p_User .banner_list ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; gap:1px;}
.p_User .banner_list li {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}

.p_User .one_banner {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex:1; padding-left:50px; box-sizing:border-box;}
.p_User .one_banner .title {flex:1; font-size:23px; font-weight:500; line-height:1.3;}
.p_User .one_banner .graphic {}
.p_User .one_banner .graphic img {}
.p_User .one_banner.type_purple {background:#dcd4f9;}
.p_User .one_banner.type_purple .title {color:#8058d5;}
.p_User .one_banner.type_blue {background:#c5d6f4;}
.p_User .one_banner.type_blue .title {color:#0064be;}

/* 수수료 */
.p_User .charge_example {background:#e4e8ec; border:1px solid #d9dee3; border-radius:10px; box-sizing:border-box; padding:40px 50px; text-align:center;}
.p_User .charge_example .capture {}
.p_User .charge_example .capture img {width:100%;}
.p_User .charge_example .description {font-size:15px; color:#65686c; font-weight:500; margin-top:10px;}

.p_User .charge_flow {margin-top:50px; display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch;}
.p_User .charge_flow .content {padding:40px; box-sizing:border-box; border:2px solid #e4e8ec; border-radius:5px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.p_User .charge_flow .content.type_before {width:480px; font-size:17px; color:#65686c; font-weight:600; line-height:1.4; text-align:center;}
.p_User .charge_flow .content.type_after {flex:1;  border-color:#0170d5; align-items:flex-start;}
.p_User .charge_flow .content dl {}
.p_User .charge_flow .content dl+ dl {margin-top:25px;}
.p_User .charge_flow .content dt {font-size:19px; color:#111; font-weight:600; letter-spacing:-0.2px;}
.p_User .charge_flow .content dd {font-size:17px; color:#65686c; font-weight:500; letter-spacing:-0.2px; line-height:1.4; margin-top:5px; word-wrap:break-word; word-break:keep-all;}
.p_User .charge_flow .arrow {width:70px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.p_User .charge_flow .arrow img {}

/* 비교 그래프 */
.p_User .compare_graph {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; background:#f1f3f5; border-radius:10px; box-sizing:border-box;}
.p_User .compare_graph .area {flex:1; box-sizing:border-box; padding:50px; position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.p_User .compare_graph .area {background:#fff; border:1px solid #0170d5; border-radius:10px; box-shadow:-30px 20px 30px 0 rgba(0, 0, 0, 0.1);}
.p_User .compare_graph .top_title {text-align:center; margin-bottom:40px;}
.p_User .compare_graph .top_title dl {color:#0170d5;}
.p_User .compare_graph .top_title dt {font-size:19px; color:inherit; font-weight:800;}
.p_User .compare_graph .top_title dd {font-size:23px; color:inherit; font-weight:300; margin-top:5px;}
.p_User .compare_graph .speech {flex:1; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; padding-top:40px; box-sizing:border-box;}
.p_User .compare_graph .speech dl {}
.p_User .compare_graph .speech dt {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; margin-bottom:20px;}
.p_User .compare_graph .speech dd {padding-left:50px; box-sizing:border-box; font-size:15px; color:#0170d5; font-weight:600; line-height:1.5; word-wrap:break-word; word-break:keep-all;}
.p_User .compare_graph .speech dd+ dd {margin-top:5px;}
.p_User .compare_graph .speech dd.type_line {font-size:14px; text-decoration:underline;}
.p_User .compare_graph .speech .quote {width:50px; text-align:center;}
.p_User .compare_graph .speech .quote img {}
.p_User .compare_graph .speech .title {font-size:20px; color:#0170d5; font-weight:700; position:relative;}
.p_User .compare_graph .speech .title:before {content:''; position:absolute; left:0; bottom:-2px; width:100%; height:10px; background:rgba(1, 112, 213, 0.2);}
.p_User .compare_graph .speech ul {}
.p_User .compare_graph .speech li {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start;}
.p_User .compare_graph .speech li+ li {margin-top:10px;}
.p_User .compare_graph .speech .key_point {width:65px; height:25px; background:#0170d5; border-radius:3px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_User .compare_graph .speech .key_point {font-size:15px; color:#fff; font-weight:600; flex:none;}
.p_User .compare_graph .speech .content {font-size:15px; color:#0170d5; font-weight:600; line-height:1.3; margin-left:10px; margin-top:3px; word-wrap:break-word; word-break:keep-all;}
.p_User .compare_graph .speech.type_center {text-align:center; align-items:center;}
.p_User .compare_graph .speech.type_center dt {justify-content:center;}
.p_User .compare_graph .speech.type_center dd {padding-left:0;}
.p_User .compare_graph .compare_mark {position:absolute; left:-30px; top:140px; width:60px; height:60px; z-index:10; background:#fff; border:2px dotted #0170d5; border-radius:100px; box-sizing:border-box;}
.p_User .compare_graph .compare_mark {display:flex; flex-direction:row; justify-content:center; align-items:center; font-size:22px; color:#0170d5; font-weight:800; letter-spacing:-0.7px;}
.p_User .compare_graph .compare_mark {box-shadow:-10px 10px 10px 0 rgba(0, 0, 0, 0.1); text-align:center;}
.p_User .compare_graph .model_wrap {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch;}
.p_User .compare_graph .model_wrap .one_model {flex:1;}
.p_User .compare_graph .plus {height:50px; padding:0 15px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.p_User .compare_graph .plus img {}
.p_User .compare_graph .name {font-size:13px; color:#111; font-weight:500; margin-top:5px;}
.p_User .compare_graph .name.type_full {width:100%;}

.p_User .compare_graph .area.type_narrow {width:430px; flex:none;}
.p_User .compare_graph .area.type_before {background:#f1f3f5; border-color:#f1f3f5; border-radius:10px 0 0 10px; box-shadow:none;}
.p_User .compare_graph .area.type_before .top_title dl {color:#111;}
.p_User .compare_graph .area.type_before .one_model .graph_title {background:#111;}
.p_User .compare_graph .area.type_before .one_model .user .picto {filter:grayscale(1);}
.p_User .compare_graph .area.type_before .graph_list {background:#fff;}
.p_User .compare_graph .area.type_before .speech dd {color:#111; opacity:0.7; filter:alpha(opacity=70); -ms-filter:alpha(opacity=70);}
.p_User .compare_graph .area.type_before .speech .title {color:#111;}
.p_User .compare_graph .area.type_before .speech .title:before {background:rgba(17, 17, 17, 0.2);}

.p_User .one_model {width:100%; max-width:310px; text-align:center; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; margin:0 auto;}
.p_User .one_model .graph_title {display:flex; flex-direction:row; justify-content:center; align-items:center; background:#0170d5; border-radius:100px;}
.p_User .one_model .graph_title {font-size:16px; color:#fff; font-weight:500; text-align:center; padding:15px 25px; box-sizing:border-box;}
.p_User .one_model .user {position:relative;}
.p_User .one_model .user .picto {}
.p_User .one_model .user .picto img {}
.p_User .one_model .arrow {}
.p_User .one_model .arrow img {}
.p_User .one_model .arrow.type_left {text-align:left;}
.p_User .one_model .arrow.type_left img {transform:rotate(-45deg);}
.p_User .one_model .arrow.type_left.type_reverse img {transform:rotate(-225deg);}
.p_User .one_model .arrow.type_right {text-align:right;}
.p_User .one_model .arrow.type_right img {transform:rotate(45deg);}
.p_User .one_model .arrow.type_right.type_reverse img {transform:rotate(225deg);}
.p_User .one_model .arrow.type_reverse img {transform:rotate(180deg);}
.p_User .one_model .icon_no {position:absolute; top:10px; left:50%; margin-left:-7px; z-index:1; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.p_User .one_model .icon_no img {}
.p_User .one_model .icon_no.type_left {left:0; margin-left:0;}
.p_User .one_model .icon_no.type_right {left:auto; right:0; margin-left:0;}

.p_User .one_model.type_both {}
.p_User .one_model.type_both .graph_list li.this_depth2 {gap:0 20px;}
.p_User .one_model.type_both .graph_list li.this_depth3 {margin-top:0;}
.p_User .one_model.type_both .graph_list li.this_depth3 .arrow img {height:32px;}

.p_User .graph_list {background:#f1f3f5; border-radius:30px; margin-top:20px; padding-top:20px; padding-bottom:30px; box-sizing:border-box; flex:1;}
.p_User .graph_list ul {}
.p_User .graph_list li {display:flex; flex-direction:row; justify-content:center; align-items:flex-start; position:relative; flex-wrap:wrap;}
.p_User .graph_list .order {position:absolute; left:-15px; top:50%; z-index:1; width:30px; height:30px; background:#0170d5; border-radius:100px; margin-top:-15px;}
.p_User .graph_list .order {display:flex; flex-direction:row; justify-content:center; align-items:center; font-size:17px; color:#fff; font-weight:700; letter-spacing:-0.5px;}

.p_User .graph_list li.this_depth1 .name {font-size:14px;}
.p_User .graph_list li.this_depth2 {gap:0 10px; margin-top:15px;}
.p_User .graph_list li.this_depth2 .order {top:80px; margin-top:0;}
.p_User .graph_list li.this_depth2 .arrow.type_left {transform:translate(-8px, -7px);}
.p_User .graph_list li.this_depth2 .arrow.type_left.type_reverse {transform:translate(-5px, 8px);}
.p_User .graph_list li.this_depth2 .arrow.type_right {transform:translate(8px, -7px);}
.p_User .graph_list li.this_depth2 .arrow.type_right.type_reverse {transform:translate(5px, 8px);}
.p_User .graph_list li.this_depth3 {gap:0 5px; margin-top:5px;}
.p_User .graph_list li.this_depth3 .order {top:30px; margin-top:0;}
.p_User .graph_list li.this_depth3 .arrow {transform:scaleY(-1);}
.p_User .graph_list li.this_depth3 .arrow.type_left {text-align:right;}
.p_User .graph_list li.this_depth3 .arrow.type_right {text-align:left;}
.p_User .graph_list li.this_depth3 .arrow img {height:26px;}

/* 수익구조 */
.p_User .flow_chart {background:#f1f3f5; padding:80px 0;}
.p_User .flow_chart .top_title {text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_User .flow_chart .top_title .comment {color:#111; font-size:21px; font-weight:500;}
.p_User .flow_chart .top_title dl {margin-top:15px; background:#fff; border:1px solid #e4e8ec; box-sizing:border-box; border-radius:100px; padding:15px 40px;}
.p_User .flow_chart .top_title dl {display:flex; justify-content:center; align-items:center; flex-direction:row}
.p_User .flow_chart .top_title dl * {font-size:14px;}
.p_User .flow_chart .top_title dt {color:#65686c;}
.p_User .flow_chart .top_title dd {display:flex; justify-content:center; align-items:flex-start; flex-direction:column; border-left:1px solid #e4e8ec; padding-left:15px; margin-left:15px; gap:5px; color:#111;}
.p_User .flow_chart .top_title dd strong {color:#ff4f0d;}

.p_User .flow_chart .flow_list {margin-top:60px;}
.p_User .flow_chart .flow_list ul {display:flex; justify-content:center; align-items:stretch; flex-direction:row; gap:20px;}
.p_User .flow_chart .flow_list li {display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative;}

.p_User .flow_chart .one_flow {background:#fff; border-radius:20px; box-sizing:border-box; border:1px solid #111; box-shadow: 5px 5px 0 0 rgba(17, 17, 17, 0.2); text-align:center; padding:40px 20px 30px; width:300px;}
.p_User .flow_chart .one_flow {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_User .flow_chart .one_flow.type_half {display:flex; justify-content:center; align-items:center; flex-direction:row; padding:0px; width:600px; position:relative;}
.p_User .flow_chart .one_flow .half_box {padding:40px 20px 30px; flex:1}
.p_User .flow_chart .one_flow .half_box+ .half_box {border-left:1px solid #e4e8ec;}
.p_User .flow_chart .one_flow.type_half:before {content:""; width:18px; height:18px; position:absolute; left:50%; top:50%; margin:-9px 0 0 -9px;}
.p_User .flow_chart .one_flow.type_half:before {background:transparent url('../images/sub/user_compare_plus.svg') center center no-repeat;}
.p_User .flow_chart .one_flow .picto {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_User .flow_chart .one_flow .picto img {height:120px;}
.p_User .flow_chart .one_flow .key_point {border-radius:3px; background:#111; color:#fff; height:33px; display:inline-flex; justify-content:center; align-items:center; flex-direction:column; margin-top:15px;}
.p_User .flow_chart .one_flow .key_point {font-size:15px; font-weight:500; padding:0 15px; line-height:1;}
.p_User .flow_chart .one_flow dl {margin-top:10px;}
.p_User .flow_chart .one_flow dt {color:#111; line-height:1.4; font-size:16px; font-weight:600;}
.p_User .flow_chart .one_flow dd {color:#979ca2; font-size:13px; margin-top:3px;}

.p_User .flow_chart .icon_arrow {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_User .flow_chart .icon_arrow.left {transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.p_User .flow_chart .icon_arrow.right {transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.p_User .flow_chart .icon_text {margin:10px 0; font-weight:600; font-size:15px; color:#111; line-height:1;}

.p_User .flow_chart .type_blue .one_flow {border-color:#0170d5; box-shadow:5px 5px 0 0 rgba(1, 112, 213, 0.2); }
.p_User .flow_chart .type_blue .one_flow .key_point {background:#0170d5;}

.p_User .flow_chart .type_green .one_flow {border-color:#109c00; box-shadow:5px 5px 0 0 rgba(16, 156, 0, 0.2);}
.p_User .flow_chart .type_green .one_flow .key_point {background:#109c00;}
.p_User .flow_chart .type_green .icon_text {color:#109c00;}

.p_User .flow_chart .type_red .one_flow {border-color:#d615b3; box-shadow:5px 5px 0 0 rgba(214, 21, 179, 0.2);}
.p_User .flow_chart .type_red .one_flow .key_point {background:#d615b3;}
.p_User .flow_chart .type_red .icon_text {color:#d615b3;}

.p_User .flow_chart .type_orange {margin-top:30px;}
.p_User .flow_chart .type_orange .one_flow {border-color:#ff4f0d;  box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.2); width:360px; height:360px; border-radius:1000px;}
.p_User .flow_chart .type_orange .one_flow .key_point {background:#ff4f0d;}
.p_User .flow_chart .type_orange .icon_arrow {position:absolute; top:0;}
.p_User .flow_chart .type_orange .icon_arrow.left {left:0; transform:rotate(225deg); -webkit-transform:rotate(225deg);}
.p_User .flow_chart .type_orange .icon_arrow.right {right:0; transform:rotate(-225deg); -webkit-transform:rotate(-225deg);}

/* 플랫폼 목록 */
.p_User .plat_list {}
.p_User .plat_list ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; gap:56px;}
.p_User .plat_list li {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; position:relative;}
.p_User .plat_list li+ li:before {content:''; position:absolute; left:-28px; top:0; width:1px; height:100%; background:#e4e8ec;}

.p_User .one_plat {border:2px solid #0039c4; border-top-width:10px; box-sizing:border-box; padding:40px; padding-top:45px;}
.p_User .one_plat {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.p_User .one_plat .top_title {}
.p_User .one_plat .top_title dl {margin-top:15px; color:#0039c4;}
.p_User .one_plat .top_title dt {font-size:25px; color:inherit; font-weight:600;}
.p_User .one_plat .top_title dd {font-size:15px; color:inherit; font-weight:500; opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50);}
.p_User .one_plat .picto {}
.p_User .one_plat .picto img {}
.p_User .one_plat .content {margin-top:70px;}
.p_User .one_plat .content dl {}
.p_User .one_plat .content dt {margin-bottom:30px; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.p_User .one_plat .content dd {font-size:15px; color:#65686c; font-weight:500; line-height:1.3; padding-left:10px; box-sizing:border-box; position:relative; word-wrap:break-word; word-break:keep-all;}
.p_User .one_plat .content dd:before {content:''; position:absolute; left:0; top:6px; width:4px; height:4px; background:#979ca2; border-radius:100px;}
.p_User .one_plat .content dd+ dd {margin-top:15px;}
.p_User .one_plat .content .title {font-size:21px; color:#111; font-weight:600; position:relative; margin-top:10px;}
.p_User .one_plat .content .title:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#111;}
.p_User .one_plat .quote {}
.p_User .one_plat .quote img {}
.p_User .one_plat.type_lightblue {border-color:#0170d5;}
.p_User .one_plat.type_lightblue .top_title dl {color:#0170d5;}
.p_User .one_plat.type_skyblue {border-color:#00a7e6;}
.p_User .one_plat.type_skyblue .top_title dl {color:#00a7e6;}