@charset 'utf-8';

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



/* **************************************** *
   탑배너
 * **************************************** */
.top_banner {overflow:hidden; position:relative; background-position:center top !important; background-repeat:no-repeat !important; display:none;}
.top_banner.if_main {display:block;}
.top_banner .banner {position: relative; text-align: center;}
.top_banner .banner img {max-width: 100%;}
.top_banner .btn_close {position:absolute; right: -10px; top:50%; z-index:30; margin-top:-19px; padding: 10px; box-sizing: border-box;}
.top_banner .upper_link {height:100%;}
.top_banner.if_close {height:0px;}












/* ********************************************** *
 * HEDAER
 * ********************************************** */
.header {border-bottom: 1px solid #e4e8ec; box-sizing: border-box; background: #fff;}
.header li {list-style:none;}
body.if_main .header {border-bottom: 0;}

.header .hd_wrap {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 35px 0 25px 0; box-sizing: border-box;}
.header .hd_wrap .box {flex: 1;}

/* 로고 */
.header .box.logo_box {font-size: 0; text-align: left;}
.header .logo_box .logo {font-size: 0; display: inline-block;}
.header .logo_box img {max-width:100%; width: 145px;}

/* 검색폼 */
.header .box.search_box {text-align: center;}
.header .search_area {position:relative; display:inline-block; margin-top: -5px;}
.header .form_box {position:relative;}
.header .form_box .search_form {height:55px; box-sizing:border-box;}
.header .form_box .input_search {height:55px; width:360px; padding:0 50px 0 0; box-sizing:border-box; letter-spacing: 0;}
.header .form_box .input_search {font-size:18px; font-weight: 300; border-bottom: 2px solid #080808;}
.header .form_box .input_search::placeholder {color: #979ca2 !important;}
.header .form_box .btn_search {position:absolute; right:0px; top:0; width:50px; height:100%; background:transparent url('../images/main/search_ic.png') right 5px center no-repeat;}
.header .form_box .input_search:focus {color: #0170d5 !important;}

/* 검색키워드 */
.header .open_keyowrd {position:absolute; left: 50%; top:60px; min-width: 100%; z-index: 200; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.header .open_keyowrd {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transform: translateX(-50%); visibility: hidden;}
.header .open_keyowrd {background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-sizing: border-box;}
.header .open_keyowrd .in_box {display: flex; flex-direction: row; justify-content: center; align-content: stretch; align-items: stretch;}
.header .open_keyowrd .keyword_box {width: 300px; padding: 45px 0 40px 0; box-sizing: border-box; text-align: left;}
.header .open_keyowrd .keyword_box+ .keyword_box {border-left: 1px solid #e4e8ec; box-sizing: border-box;}
.header .open_keyowrd .keyword_box:only-of-type {width: 100%;}
.header .open_keyowrd .keyword_tit {font-size: 19px; color: #000; letter-spacing: 0; font-weight: 700; padding: 0 50px; box-sizing: border-box;}
.header .open_keyowrd .wrapping {margin-top: 20px;}
.header .open_keyowrd .link {display: block; font-size: 15px; color: #979ca2; letter-spacing: 0; padding: 7px 50px; box-sizing: border-box; line-height: 1.3;}
.header .open_keyowrd .link:hover {color: #348ddd; text-decoration: underline;}
.header .open_keyowrd .btn_box {border-top: 1px solid #e4e8ec; height: 55px; display: flex; justify-content: flex-end; align-items: center;}
.header .open_keyowrd .btn_box {padding: 0 20px; box-sizing: border-box; position: relative;}
.header .open_keyowrd .btn_box .btn {padding: 10px; box-sizing: border-box; letter-spacing: 0;}
.header .open_keyowrd .btn_box .tx {padding-right: 15px; box-sizing: border-box; background-position: right 1px center !important; background-repeat: no-repeat !important;}
.header .open_keyowrd .btn_refresh {position: absolute; left: 50%; top: 50%; font-size: 15px; color: #348ddd; margin-top: -19px; transform: translateX(-50%);}
.header .open_keyowrd .btn_refresh .tx {background-image: url('../images/main/refresh_ic.png');}
.header .open_keyowrd .btn_close {font-size: 14px; color: #979ca2; margin-right: -10px;}
.header .open_keyowrd .btn_close .tx {background-image: url('../images/main/kw_close.png');}
.header .open_keyowrd.if_only .btn_box {justify-content: space-between;}
.header .open_keyowrd.if_only .btn_refresh {position: relative; left: auto; top: auto; margin: 0; transform: none;}

.if_open_keyword .open_keyowrd {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility: visible; top:75px;}

/* 아이콘 메뉴 */
.header .box.icon_box {text-align: right;}
.header .icon_box ul {display: inline-flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-right: -7px;}
.header .icon_box .btn {padding: 15px 14px; box-sizing: border-box; position: relative; text-align:center;}
.header .icon_box .ic {position: relative; display:inline-flex; justify-content: center; align-items: center; flex-direction:column;}
.header .icon_box .tt {color:#080808; font-size:11px; line-height:1; margin-top:8px; display:block; font-weight:500;}
.header .icon_box .cart_num {position: absolute; left: 16px; top: -8px; min-width: 18px; height: 18px; background: #080808; border: 1px solid #080808;}
.header .icon_box .cart_num {box-sizing: border-box; border-radius: 100px; padding: 0 4px; line-height: 17px; font-size: 12px;}
.header .icon_box .cart_num {color: #fff; letter-spacing: -0.2px; font-weight: 500; text-align: center; z-index: 10; white-space: nowrap;}
.header .icon_box .tx {position: absolute; left: 50%; bottom: -13px; font-size: 12px; color: #fff; background: #080808; padding:0 10px;}
.header .icon_box .tx {border: 1px solid #080808; border-radius: 100px; box-sizing: border-box; z-index: 5; white-space: nowrap; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.header .icon_box .tx {height: 24px; line-height: 24px; transform:translateX(-50%); text-align: center; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
/* .header .icon_box .btn:hover .tx {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible; bottom: -16px;} */

/* 네비 */
.header .nav_wrap {display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 70px;}
.header .nav {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex:1;}

/* 전체 카테고리 */
.header .ctg_menu {position: relative; flex: none;}
.header .ctg_menu .btn_all {margin-left: -10px; font-size: 0; padding: 15px 10px; box-sizing: border-box;}
.header .ctg_menu .btn_all .ic {position: relative; width: 23px; height: 16px; display: flex; justify-content: center; align-items: center;}
.header .ctg_menu .btn_all .ic:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #111;}
.header .ctg_menu .btn_all .ic:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #111;}
.header .ctg_menu .btn_all .bar {width: 100%; height: 2px; background: #111;}
.header .ctg_menu .btn_all.ic_close {display: none;}
.header .ctg_menu .ic_close .img {font-size: 0; width: 23px;}

/* 카테고리 열림 */
.header .all_open {position: absolute; left: 0; top: 58px; z-index: 100; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden;}
.header .all_open {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.header .all_open .in_wrap {background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: flex; flex-direction: row;}
.header .all_open .in_wrap {justify-content: flex-start; align-content: stretch; align-items: stretch;}
.header .all_open .ul_ctg {width: 230px; box-sizing: border-box;}
.header .all_open .ctg1_box {padding: 15px 0;}
.header .all_open .li_ctg1 {position: relative;}
.header .all_open .li_ctg1+ .li_ctg1:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #f2f3f5;}
.header .all_open .ctg1 {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; min-height: 45px; padding: 10px 30px; box-sizing: border-box;}
.header .all_open .ctg1 .ic {font-size: 0; margin-right: 15px; flex: none;}
.header .all_open .ctg1 .ic img {width: 20px; max-height: 20px;}
.header .all_open .ctg1 .ic .on {display: none;}
.header .all_open .ctg1 .tt1 {font-size: 16px; color: #080808; letter-spacing: -0.2px; font-weight: 500;}
.header .all_open .ctg2_box {border-left: 1px solid #f2f3f5; padding: 20px 0;}
.header .all_open .ctg2 {padding: 11px 40px 11px 30px; box-sizing: border-box; width: 100%; font-size: 15px; color: #888; letter-spacing: -0.2px; position: relative; line-height:1.3;}
.header .all_open .if_depth3 .ctg2:before {content: ''; position: absolute; right: 15px; top: 50%; width: 5px; height: 8px; z-index: 1;}
.header .all_open .if_depth3 .ctg2:before {background: transparent url('../images/main/ctg_more.png') center no-repeat; margin-top: -4px;}
.header .all_open .if_depth3 .ctg2:before {opacity: 0.3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30);}
.header .all_open .if_depth3 .ctg2:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.header .all_open .li_ctg2 {position: relative;}
.header .all_open .li_ctg2:nth-of-type(n+11) .ctg3_box {top: auto; bottom: -5px;}
.header .all_open .ctg3_box {position: absolute; left: 100%; top: -5px; z-index: 10; background: rgba(0, 0, 0, 0.95); margin-left: -20px;}
.header .all_open .ctg3_box {padding: 15px 0; box-sizing: border-box; min-width: 170px; display: none;}
.header .all_open .ctg3 {white-space: nowrap; padding: 9px 25px; box-sizing: border-box; font-size: 15px; color: #979ca2; letter-spacing: -0.2px; width: 100%;}
.header .all_open .ctg3:hover {color: #fff;}

.header .all_open .li_ctg1.active .ctg1 {background: #0170d5;}
.header .all_open .li_ctg1.active .tt1 {color: #fff;}
.header .all_open .li_ctg1.active .ic .off {display: none;}
.header .all_open .li_ctg1.active .ic .on {display: block;}

.header .all_open .li_ctg1:hover {background: #0170d5;}
.header .all_open .li_ctg1:hover .tt1 {color: #fff;}
.header .all_open .li_ctg1:hover .ic .off {display: none;}
.header .all_open .li_ctg1:hover .ic .on {display: block;}
.header .all_open .li_ctg2:hover .ctg2 {color: #0170d5;}
.header .all_open .li_ctg2:hover .ctg3_box {display: block;}

/* 카테고리 열렸을때 */
.if_open_navctg .all_open {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible;}
.if_open_navctg .ctg_menu .btn_all.ic_open {display: none;}
.if_open_navctg .ctg_menu .btn_all.ic_close {display: block;}

/* 일반 메뉴 */
.header .nav .gnb_menu {flex: none;}
.header .nav .gnb_menu .ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.header .nav .li {height: 70px; display: flex; justify-content: center; align-items: center;}
.header .nav .gnb_menu .ul> .li:nth-child(n+6) {display: none;}
.header .nav .btn {padding: 15px 17px; box-sizing: border-box;}
.header .nav .tx_box {position:relative; overflow:hidden; }
.header .nav .tx {display:block; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; padding:2px 0;}
.header .nav .tx {font-size: 18px; color: #080808; letter-spacing: -0.5px; font-weight: 700; box-sizing: border-box;}
.header .nav .tx2 {color:#0170d5; position:absolute; left:0; top:0; transform:translate(0,-100%); -webkit-transform:translate(0,-100%);}
.header .nav .hit .tx1 {transform:translate(0,100%); -webkit-transform:translate(0,100%);}
.header .nav .hit .tx2 {transform:translate(0,0); -webkit-transform:translate(0,0);}

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

.header .nav .li_more {position: relative; margin-left: -10px; display: none;}
.header .nav .li_more .btn_more {padding: 10px; box-sizing: border-box; height: 70px; display: flex; justify-content: center; align-items: center;}
.header .nav .li_more .btn_more .ic {width: 12px; height: 12px; position: relative;}
.header .nav .li_more .btn_more .ic:before {content: ''; position: absolute; left: 0; top: 5px; width: 100%; height: 2px; background: #000;}
.header .nav .li_more .btn_more .ic:after {content: ''; position: absolute; left: 5px; top: 0; width: 2px; height: 100%; background: #000;}
.header .nav .li_more ul {position: absolute; left: -25px; top: 60px; z-index: 150; background: #fff; border-radius: 5px; min-width: 170px;}
.header .nav .li_more ul {box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); padding: 20px 0; box-sizing: border-box; display: none;}
.header .nav .li_more li {height: auto;}
.header .nav .li_more li:nth-child(n+1):nth-child(-n+4) {display: none;}
.header .nav .li_more .btn {width: 100%; padding: 7px 30px;}
.header .nav .li_more .tx {white-space: nowrap;}
.header .nav .gnb_menu.if_more .li_more {display: block;}
.header .nav .li_more:hover ul {display: block;}

/* 기타 메뉴 */
.header .nav .other_menu {margin-left: 10px; padding-left: 10px; position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.header .nav .other_menu:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 15px; background: #e4e8ec; margin-top: -7px;}
.header .nav .other_menu .ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; height: 70px; max-width: 100%; overflow: hidden;}
.header .nav .other_menu .btn {padding: 10px 15px;}
.header .nav .other_menu .tx {color: #979ca2;}
.header .nav .other_menu .tx2 {color: #0170d5;}

/* 탑메뉴 */
.header .top_menu {margin-left: auto; flex: none; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; position: relative;}
.header .top_menu .ul {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-right: -10px;}
.header .top_menu .li {position: relative;}
.header .top_menu .btn {padding: 10px 8px 9px 8px; box-sizing: border-box;}
.header .top_menu li:first-of-type .btn {padding-left: 2px;}
.header .top_menu .tx {position: relative; font-size: 16px; color: #080808; letter-spacing: -0.2px; font-weight: 600; padding: 0 2px; box-sizing: border-box; z-index: 1;}
.header .top_menu .tx:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background: #0170d5; z-index: -1;}
.header .top_menu .tx:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20);}
.header .top_menu .tx:before {-webkit-transform: scaleX(0); transform: scaleX(0); will-change: transform; transform-origin: top right;}
.header .top_menu .tx:before {transition: transform 900ms cubic-bezier(0.19, 1, 0.22, 1);  -webkit-transition : transform 900ms cubic-bezier(0.19, 1, 0.22, 1);}
.header .top_menu .withdraw .tx:before {background: #d615b3;}
.header .top_menu .before .tx:before {background: #000;}
.header .top_menu .btn:hover .tx:before {-webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scaleX(1); transform: scaleX(1);}
.header .top_menu strong {color: #0170d5; margin-left: 4px;}
.header .top_menu .withdraw strong {color: #d615b3;}

.header .top_menu .btn_ic {position: relative; flex: none; width: 35px; height: 35px;}
.header .top_menu .btn_ic .icon {font-size: 0; position: absolute; left: 50%; top: 50%; z-index: 60; width: 19px; height: 19px; margin-top: -10px; margin-left: -10px;}
.header .top_menu .btn_ic .tx_my {font-size: 11px; white-space: nowrap; position: absolute; left: 50%; top: 22px; margin-left: -22px; letter-spacing: -0.6px;}
.header .top_menu .btn_ic .tx_my {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; color: #333; font-weight: 500;}
.header .top_menu .btn_ic:hover .tx_my {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}

.header .top_menu .open_menu {position: absolute; left: -13px; top: -18px; width: 180px; background: #fff; border: 1px solid #000; padding: 15px 20px;}
.header .top_menu .open_menu {box-sizing: border-box; z-index: 50; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2); border-radius: 10px;}
.header .top_menu .open_menu {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.header .top_menu .open_menu ul {padding: 15px 0; box-sizing: border-box;}
.header .top_menu .open_menu ul+ ul {border-top: 1px solid #eee;}
.header .top_menu .open_menu ul:first-of-type strong {color: #ff2a2a;}
.header .top_menu .open_menu .name {font-size: 16px; color: #000; letter-spacing: -0.4px; font-weight: 600; padding: 5px 0 5px 30px; box-sizing: border-box; width: 100%;}
.header .top_menu .open_menu .menu {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; padding: 5px 0; box-sizing: border-box;}
.header .top_menu .open_menu em {font-size: 13px; color: #999; letter-spacing: -0.6px; flex:1;}
.header .top_menu .open_menu .num {margin-left: auto; font-size: 14px; color: #979ca2; letter-spacing: 0; font-weight: 500; line-height: 1;}
.header .top_menu .open_menu .num.open {color: #ff2a2a; font-size: 11px; font-weight: 700;}
.header .top_menu .open_menu strong {color: #000;}
.header .top_menu .open_menu .menu:hover em {text-decoration: underline;}

.header .top_menu .btn_ic:hover .open_menu {top: -13px; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}








/* **************************************** *
   푸터
 * **************************************** */
.footer {background-color: #fafafb; padding: 80px 0 60px 0; margin-top: 120px;}
.footer li {list-style: none;}
body.if_view .footer {background: #fff;}
.footer .shop_name {font-weight: 700; color: #000; font-size: 25px; line-height: 1; letter-spacing: -0.3px; margin-bottom:30px;}

/* 묶음박스 */
.footer .f_top {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; gap:120px;}
.footer .f_bottom {clear: both; overflow: hidden; margin-top: 50px; position: relative;}
.footer .f_bottom:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #e4e8ec;}

/* 정보영역 */
.footer .info_box {flex:1;}
.footer .info_box .menu {overflow: hidden; margin-left:-10px; margin-top:-10px;}
.footer .info_box .menu li {float: left;}
.footer .info_box .menu .btn {font-size: 15px; color: #65686c; line-height: 1; letter-spacing: -0.1px; padding: 10px;}
.footer .info_box .menu .btn:hover {text-decoration: underline;}
.footer .info_box .info {margin-top: 10px;}
.footer .info_box .info li {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
.footer .info_box .info .txt {font-size: 14px; color: #979ca2; line-height: 1.4; word-wrap:break-word; word-break:keep-all; white-space:normal; margin-top:5px; margin-right:20px;}
.footer .info_box .info a.btn:hover {text-decoration: underline;}
.footer .info_box .copy {margin-top: 30px;}
.footer .info_box .copy .tx {font-size: 15px; color: #bbb; line-height: 1;}
.footer .info_box .copy .tx+ .tx{padding-left: 7px;}

/* 고객센터 */
.footer .cs_box {margin-left:auto; max-width: 350px;}
.footer .cs_box dl {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-end; text-align:right;}
.footer .cs_box dl+ dl {margin-top:30px;}
.footer .cs_box dt {flex:none; font-size: 19px; color: #080808; line-height: 1; font-weight: 600; margin-bottom:10px; display:flex; flex-direction:row; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px;}
.footer .cs_box dt strong {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.footer .cs_box dt .tel {font-size: 25px; color: #080808; line-height: 1; font-weight: 700; flex:none;}
.footer .cs_box .time {font-size: 14px; color: #65686c; line-height: 1.4; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.footer .cs_box .bank_info {}
.footer .cs_box .bank_info+ .bank_info {margin-top: 15px;}
.footer .cs_box .bank {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.footer .cs_box .bank .b_num {font-size: 18px; color: #080808; line-height: 1;  font-weight: 700;}
.footer .cs_box .bank .btn {font-size: 14px; color: #979ca2; letter-spacing: -0.5px; font-weight: 500; border-bottom: 1px solid; margin-left: 5px;}
.footer .cs_box .bank .btn:hover {color: #0170d5;}
.footer .cs_box .own {margin-top: 5px;}
.footer .cs_box .own strong {font-size: 14px; color: #65686c; line-height: 1.3;}
.footer .cs_box .own strong+ strong {margin-left: 5px;}

/* 인증아이콘 */
.footer .cert {display: inline-block; margin-top: 50px; padding-bottom: 50px; box-sizing: border-box;}
.footer .cert img {height: 55px;}
.footer .cert ul {display: table;}
.footer .cert li {display: table-cell; vertical-align: middle;}
.footer .cert li+ li {padding-left: 20px;}
.footer .cert .txt {font-size: 13px; color: #aaa; line-height: 1.5; letter-spacing: -0.5px;}

/* sns링크 */
.footer .sns {overflow: hidden; float: right; margin-top: 50px; padding-bottom: 50px; box-sizing: border-box;}
.footer .sns ul {float: right; margin: -17px -17px 0 0;}
.footer .sns li {float: left;}
.footer .sns .sns_btn {padding: 17px;}









/* ********************************************** *
 * 메인 공통
 * ********************************************** */
/* 메인 이전다음 버튼 */
.ma_prevnext {position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; z-index: 50;}
.ma_prevnext:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100px; box-sizing: border-box; background: #fff; border: 1px solid #e4e8ec;}
.ma_prevnext:before {box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.05); opacity: 0.8; filter: alpha(opacity=80); -ms-filter: alpha(opacity=80);}
.ma_prevnext:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_prevnext .ic {width: 100%; height: 100%; background-repeat: no-repeat !important; background-position: center !important;}
.ma_prevnext .ic {position: relative; z-index: 1; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_prevnext.prev {left: -25px;}
.ma_prevnext.prev .ic {background-image: url('../images/main/ma_prev.png');}
.ma_prevnext.next {right: -25px;}
.ma_prevnext.next .ic {background-image: url('../images/main/ma_next.png');}

.ma_prevnext:hover:before {background: #000; border-color: #000;}
.ma_prevnext.prev:hover .ic {background-image: url('../images/main/ma_prev_ov.png');}
.ma_prevnext.next:hover .ic {background-image: url('../images/main/ma_next_ov.png');}

/* 메인 타이틀 */
.ma_tit {text-align: center; margin-top: 75px; margin-bottom: 35px; position: relative; padding:0 120px; box-sizing:border-box;}
.ma_tit .tit {font-size: 40px; color: #111; letter-spacing: 0; font-weight: 800; position: relative; display:inline; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.2;}
.ma_tit .tit:before {content: ''; position: absolute; right: -17px; bottom: 6px; width: 8px; height: 8px; background: #0170d5;}
.ma_tit .tit:before {border: 1px solid #0170d5; border-radius: 100px; box-sizing: border-box;}
.ma_tit .tit strong {color:#0170d5;}
.ma_tit .btn_more {position: absolute; right: -10px; bottom: -5px; padding: 10px; box-sizing: border-box;}
.ma_tit .btn_more .tx {font-size: 15px; color: #979ca2; font-weight: 700; letter-spacing: -0.2px; padding-right: 13px; box-sizing: border-box;}
.ma_tit .btn_more .tx {background: transparent url('../images/main/more_ic.png') right center no-repeat;}
.ma_tit .btn_more .tx {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_tit .btn_more:hover .tx {color: #080808; background-image: url('../images/main/more_ic2.png');}











/* ********************************************** *
 * 메인 전체보기 버튼 (공통)
 * ********************************************** */
.main_more_btn {text-align:center; margin-top:50px;}
.main_more_btn .more_btn {height:43px; line-height:40px; line-height:39px\0; background:#eaeaea; border-radius:100px; overflow:hidden; padding:0 30px; box-sizing:border-box; border:1px solid #eaeaea;}
.main_more_btn .more_btn .txt {position:relative; padding-right:14px; font-size:15px; letter-spacing:-0.5px;}
.main_more_btn .more_btn .ic {position:absolute; right:0; top:50%; margin-top:-5px; }
.main_more_btn .more_btn img {float:left;}
.main_more_btn .more_btn .on {display:none;}
.main_more_btn .more_btn .off {display:block;}
.main_more_btn .more_btn:hover {background:#333; border-color:#333;}
.main_more_btn .more_btn:hover .txt {color:#fff;}
.main_more_btn .more_btn:hover .on {display:block;}
.main_more_btn .more_btn:hover .off {display:none;}








/* ********************************************** *
 * 메인 비주얼 배너
 * ********************************************** */
.ma_visual {overflow: hidden; position: relative;}
.ma_visual li {list-style: none;}

/* 롤링 박스 */
.ma_visual .rolling_box {overflow: visible !important;}
.ma_visual .rolling_box ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: 0 -20px;}
.ma_visual .rolling_box li {margin: 0 20px;}
.ma_visual .rolling_box .banner {font-size: 0; width: 1200px;}
.ma_visual .rolling_box a {font-size: 0; display:block;}
.ma_visual .rolling_box img {width: 100%;}

.ma_visual .fake {position: absolute; left: 0; top: 0; width: 100%;}
.ma_visual .fake .rolling_box ul {justify-content: center; width: 1200px; margin: 0 auto;}














/* ********************************************** *
 * 메인 카테고리베스트
 * ********************************************** */
.ma_best {overflow:hidden;}
.ma_best li {list-style: none;}
.ma_best .ma_tit {margin-top: 65px;}

.ma_best .best_box {background:#f5f5f5; margin-top:20px; overflow:hidden; padding:40px 0; position:relative;}

 /* 카테고리 탭 */
.ma_best .best_tab {margin-bottom: 30px; margin-top: -10px;}
.ma_best .best_tab ul {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.ma_best .best_tab li {}
.ma_best .best_tab .btn {padding: 10px 20px; box-sizing: border-box;}
.ma_best .best_tab .tx {position: relative; font-size: 17px; color: #888; letter-spacing: -0.2px; font-weight: 500;}
.ma_best .best_tab .tx:before {content:''; width:0; height:2px; background:#000; position:absolute; left:50%; bottom: -5px;}
.ma_best .best_tab .tx:before {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

.ma_best .best_tab .btn:hover .tx {color:#0170d5;}
.ma_best .best_tab .hit .tx {color: #000;}
.ma_best .best_tab .hit .tx:before {width:100%; margin-left:-50%; background:#000;}

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

/* 상품노출 */
.ma_best .inner {position: relative; }
.ma_best .item_box {}
.ma_best .item_box .info .brand_name {display: none;}
.ma_best .item_box .lv_box {display: none;}
.ma_best .item_box .icon_total {display: none;}
.ma_best .item_list {margin-left:-15px;}
.ma_best .item_list ul {overflow:visible; margin-left:0px;}
.ma_best .rolling_wrap {overflow:hidden;}






/* ********************************************** *
 * 메인 롤링 배너
 * ********************************************** */
.ma_ad {background: #f2f8fd; overflow: hidden; margin-top: 80px; padding-bottom: 80px; box-sizing: border-box;}
.ma_ad li {list-style: none;}

/* 롤링박스 */
.ma_ad .ad_wrap {position: relative; background: #fff; box-shadow: 30px 30px 30px rgba(0, 0, 0, 0.03);}
.ma_ad .ad_wrap .box {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.ma_ad .ad_wrap .rolling_box {overflow: hidden;}
.ma_ad .bn_img {flex: none;}
.ma_ad .bn_img .img {width: 700px; height: 450px; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; position: relative;}
.ma_ad .bn_img .img img {max-width: 100%; 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;}
.ma_ad .bn_img .img:hover img {transform: scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07);}
.ma_ad .bn_tx {flex: none; width: 500px;}
.ma_ad .bn_tx .tx_box {padding: 95px 80px 80px 80px; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;}
.ma_ad .bn_tx .tx_box {height: 450px; box-sizing: border-box;}
.ma_ad .bn_tx .tx_box .tit {font-size: 32px; color: #111; letter-spacing: -0.2px; font-weight: 700; line-height: 42px; max-height: 84px;}
.ma_ad .bn_tx .tx_box .tit {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ma_ad .bn_tx .tx_box .tx {font-size: 17px; color: #888; letter-spacing: -0.2px; font-weight: 500; line-height: 24px; max-height: 48px; margin-top: 25px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.ma_ad .bn_tx .tx_box .tx {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ma_ad .bn_tx .btn_link {margin-top: auto; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.ma_ad .bn_tx .btn_link {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_ad .bn_tx .btn_link .btn {font-size: 16px; color: #080808; letter-spacing: -0.2px; font-weight: 600; display: flex; justify-content: center; align-items: center;}
.ma_ad .bn_tx .btn_link .btn {width: 130px; height: 50px; border: 2px solid #080808; border-radius: 100px; box-sizing: border-box;}
.ma_ad .bn_tx .btn_link .btn {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_ad .bn_tx .btn_link .btn:hover {background: #080808; color: #fff;}

.ma_ad .ad_wrap .swiper-slide-active .btn_link {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); transition-delay: 0.6s; -webkit-transition-delay: 0.6s; visibility: visible;}

/* 롤링 페이징 */
.ma_ad .rolling_paging {position: absolute; left: 780px; top: 65px; z-index: 20; color: #979ca2; letter-spacing: -0.2px; font-weight: 700;}
.ma_ad .rolling_paging {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.ma_ad .rolling_paging strong {font-size: 17px; white-space: nowrap;}
.ma_ad .rolling_paging .active {color: #0170d5;}
.ma_ad .rolling_paging em {font-size: 15px; margin: 0 3px;}

/* 롤링 버튼 */
.ma_ad .rolling_btn {position: absolute; right: 80px; bottom: 80px; width: 110px; z-index: 20; display: flex; justify-content: space-between; align-items: center;}
.ma_ad .rolling_btn .ma_prevnext {position: relative; top: auto; left: auto; right: auto; margin: 0;}









/* ********************************************** *
 * 메인 상품공간
 * ********************************************** */
.main_item {overflow: hidden;}
.main_item li {list-style: none;}

.main_item+ .main_item {margin-top: 75px; border-top: 1px solid #eee; box-sizing: border-box;}

/* 상품 박스 */
.main_item .item_box .info .brand_name {display: none;}
.main_item .item_box .lv_box {display: none;}
.main_item .item_box .icon_total {display: none;}









/* ********************************************** *
 * [공통] 리뷰 별점
 * ********************************************** */
.rv_mark {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.rv_mark .mark {position: relative; font-size: 0;}
.rv_mark .mark img {height: 15px; max-width: none !important;}
.rv_mark .star {position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; z-index: 1; overflow: hidden; background: #fff;}









/* ********************************************** *
 * 메인 베스트리뷰
 * ********************************************** */
.ma_review {margin-top:80px; padding-bottom: 80px; box-sizing: border-box; background: #f2f8fd; overflow: hidden;}
.ma_review li {list-style: none;}

.ma_review .rv_wrap {position: relative;}
.ma_review .rolling_wrap {overflow: hidden;}
.ma_review .rolling_box {margin-left: -20px;}
.ma_review .rolling_box ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.ma_review .rolling_box li {flex: none; width: 25%;}

/* 리뷰 박스 */
.ma_review .rv_box {margin-left: 20px; position: relative;}
.ma_review .rv_box .thumb {position: relative; overflow: hidden;}
.ma_review .rv_box .thumb .img_box {font-size: 0; position: relative; background: #fafafa url('../images/skin/none_photo.png') center no-repeat;}
.ma_review .rv_box .thumb .img_box:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; z-index: 1;}
.ma_review .rv_box .thumb .img_box:before {background: linear-gradient(to top, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0)); opacity: 0.5; filter: alpha(opacity=50); -ms-filter: alpha(opacity=50);}
.ma_review .rv_box .thumb img {width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.ma_review .rv_box .thumb img {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;}
.ma_review .rv_box .thumb:hover img {transform: scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07);}
.ma_review .rv_box .thumb .name {position: absolute; left: 20px; bottom: 12px; font-size: 15px; color: #fcfdfd; letter-spacing: -0.2px; z-index: 3; padding-right: 100px; box-sizing: border-box;}
.ma_review .rv_box .thumb .name {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ma_review .rv_box .info {position: relative; background: #fff;}
.ma_review .rv_box .item_img {position: absolute; right: 10px; top: -35px; z-index: 20; background: #eee url('../images/skin/none_photo.png') center center no-repeat;}
.ma_review .rv_box .item_img {background-size: 25px auto !important; width: 70px; height: 70px; border-radius: 100px; box-sizing: border-box; overflow: hidden; font-size: 0;}
.ma_review .rv_box .item_img img {width: 100%;}
.ma_review .rv_box .item_img:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 4px solid #0170d5; box-sizing: border-box; border-radius: 100px;}
.ma_review .rv_box .item_img:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.ma_review .rv_box .item_img:hover:before {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.ma_review .rv_box .rv_info {padding: 20px 30px 15px 20px; box-sizing: border-box; position: relative;}
.ma_review .rv_box .rv_info:hover .rv_tx {text-decoration: underline;}
.ma_review .rv_box .rv_mark {margin-left: -1px;}
.ma_review .rv_box .rv_total {font-size: 14px; color: #c3c3c3; letter-spacing: 0; margin-left: 7px; line-height: 1;}
.ma_review .rv_box .rv_tx {font-size: 14px; color: #080808; letter-spacing: -0.2px; margin-top: 10px; line-height: 21px; height: 42px;}
.ma_review .rv_box .rv_tx {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ma_review .rv_box .item_info {padding: 20px 20px; box-sizing: border-box; border-top: 1px solid #f2f3f5; position: relative;}
.ma_review .rv_box .item_info .upper_link {z-index: 20; border: 1px solid transparent; box-sizing: border-box; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_review .rv_box .item_info:hover .upper_link {border-color: #aaa;}
.ma_review .rv_box .item_tit {font-size: 14px; color: #888; letter-spacing: -0.2px; display: block; display: -webkit-box; overflow: hidden;}
.ma_review .rv_box .item_tit {text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; /* max-height: 16px; */}
.ma_review .rv_box .price {font-size: 14px; color: #080808; font-weight: 700; letter-spacing: -0.2px; margin-top: 7px;}

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

/* 리뷰 열림 */
.review_open {position:fixed; left:0; top: 0; width: 100%; height: 100%; z-index:300; padding: 30px; box-sizing: border-box;}
.review_open {display: flex; flex-direction: column; justify-content: center; align-items: center; visibility: hidden;}
.review_open .white_box {width: 100%; max-width: 700px; background:#fff; border-radius:10px; height: auto; overflow: hidden; visibility: hidden;}
.review_open .white_box {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; z-index: 300;}
.review_open .white_box {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}

.review_open .top_box {padding: 30px 40px 25px; box-sizing: border-box; border-bottom: 1px solid #eee; width: 100%; flex: none;}
.review_open .top_box .item {display: flex; flex-direction: row; justify-content: space-between; align-items: center; overflow: hidden;}
.review_open .top_box .item .left {position: relative; display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.review_open .top_box .item .left {overflow: hidden; padding-right: 30px; box-sizing: border-box;}
.review_open .top_box .thumb {font-size: 0; width: 60px; height: 60px; border-radius: 50%; box-sizing: border-box; overflow: hidden; flex: none;}
.review_open .top_box .thumb {background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.review_open .top_box .item_tx {margin-left: 10px; display: inline-flex; flex-direction: column; justify-content: center; align-items: flex-start; overflow: hidden;}
.review_open .top_box .item_name {font-size: 15px; color: #888; letter-spacing: -0.4px; line-height: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%;}
.review_open .top_box .price {margin-top: 10px; line-height: 1; font-size: 17px; color: #000; font-weight: 700; letter-spacing: 0;}
.review_open .top_box .item .btn_close {font-size: 0; padding: 10px; box-sizing: border-box; margin-right: -10px; flex: none;}
.review_open .top_box .item .btn_close img {width: 25px;}
.review_open .top_box .t_info {display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 20px;}
.review_open .top_box .t_info .left {font-size: 0;}
.review_open .top_box .t_info .right {display: inline-flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.review_open .top_box .t_info .right .id {font-size: 16px; color: #333; letter-spacing: 0.4px; line-height: 1;}
.review_open .top_box .t_info .right .date {font-size: 15px; color: #aaa; font-weight: 300; letter-spacing: 0.4px; line-height: 1; margin-left: 15px;}

.review_open .cont_box {width: 100%; text-align: center; overflow-y: auto; flex: auto; max-height: 500px;}
.review_open .cont_box .inner {padding: 40px 40px; box-sizing: border-box;}
.review_open .cont_box .img {font-size: 0; margin-bottom: 30px;}
.review_open .cont_box .img img {max-width: 100%; max-height: 500px;}
.review_open .cont_box .tx {font-size: 15px; color: #888; letter-spacing: -0.4px; line-height: 1.7; word-wrap:break-word; word-break:keep-all; white-space:normal; text-align: left;}

.review_open_bg {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); visibility: hidden; z-index:299;}
.review_open_bg {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}

.if_open_review .review_open {visibility: visible;}
.if_open_review .review_open .white_box {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility: visible;}
.if_open_review .review_open_bg {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility: visible;}













/* ********************************************** *
 * 메인 TM 입점신청 바로가기
 * ********************************************** */
.ma_go {margin-top: 80px;}
.ma_go li {list-style: none;}

.ma_go .box {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch; position: relative;}
.ma_go .box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #e4e8ec;}
.ma_go .box:before {box-sizing: border-box; z-index: -1; background: #fff; box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);}
.ma_go .box .img {flex: none; width: 50%; min-height: 500px; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: stretch; background: #000;}
.ma_go .box .img img {width: 100%; height:100%; object-fit:cover;}
.ma_go .box .tx_box {box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;}
.ma_go .box .tx_box {flex: none; width: 50%; position: relative; padding: 85px 100px 80px 100px;}
.ma_go .box .bar {position: absolute; top: 140px; right: 100px; width: 0; height: 1px; background: #0170d5;}
.ma_go .box .bar {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; z-index: 5;}
.ma_go .box .txt {line-height: 1.3; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.ma_go .box .tit {font-size: 38px; color: #0170d5; font-weight: 700; letter-spacing: -0.4px; white-space: nowrap; line-height:1;}
.ma_go .box .tit_s {font-size: 19px; color: #0170d5; letter-spacing: 0; font-weight: 500; margin-top: 30px;}
.ma_go .box .tx1 {font-size: 20px; color: #0d0d0d; letter-spacing: 0; font-weight: 700; margin-top: 30px;}
.ma_go .box .tx2 {font-size: 15px; color: #979ca2; letter-spacing: 0; margin-top: 15px; line-height:1.4;}
.ma_go .box .btn_link {margin-top: 50px; width: 100%; height: 60px; border-radius: 3px; box-sizing: border-box; background: #080808;}
.ma_go .box .btn_link {display: flex; flex-direction: row; justify-content: center; align-items: center; overflow: hidden; position: relative;}
.ma_go .box .btn_link:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: #0170d5;}
.ma_go .box .btn_link:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transform: translateY(-100%);}
.ma_go .box .btn_link .tx {font-size: 17px; color: #fff; letter-spacing: -0.2px; padding-left: 35px; box-sizing: border-box; position: relative; z-index: 3;}
.ma_go .box .btn_link .tx {background: transparent url('../images/main/ma_go_ic.png') left center no-repeat; height: 100%; display: flex; justify-content: center; align-items: center;}
.ma_go .box .btn_link:hover:before {transform: translateY(0);}
.ma_go.mv_go .box .txt {animation: tx_move 0.8s ease both; -webkit-animation: tx_move 0.8s ease both; }
.ma_go.mv_go .box .tit_s {animation-delay: 0.4s; -webkit-animation-delay: 0.4s;}
.ma_go.mv_go .box .tx1 {animation-delay: 0.6s; -webkit-animation-delay: 0.6s;}
.ma_go.mv_go .box .tx2 {animation-delay: 0.8s; -webkit-animation-delay: 0.8s;}
.ma_go.mv_go .box .bar {animation: bar_move 0.7s 0.2s ease both; -webkit-animation: bar_move 0.7s 0.2s ease both;}
.ma_go.mv_go .box .img img {animation: img_move 1.3s ease-in-out both; -webkit-animation: img_move 1.3s ease-in-out both;}
.ma_go.mv_go .box .btn_link {animation: tx_move 0.7s 0.9s ease both; -webkit-animation: tx_move 0.7s 0.9s ease both;}

/* 이미지 모션 */
@-webkit-keyframes img_move {
	0% {transform: scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
	100% {transform: scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}
@keyframes img_move {
	0% {transform: scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
	100% {transform: scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}

/* 텍스트 모션 */
@-webkit-keyframes tx_move {
	0% {transform: translateY(-25px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
	100% {transform: translateX(0); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}
@keyframes tx_move {
	0% {transform: translateY(-25px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
	100% {transform: translateX(0); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}

/* bar 모션 */
@-webkit-keyframes bar_move {
	0% {width: 0;}
	100% {width: 610px;}
}
@keyframes bar_move {
	0% {width: 0;}
	100% {width: 610px;}
}










/* **************************************** *
   퀵메뉴(공통)
 * **************************************** */
.fly_quick {position: fixed; right: 40px; top: 50%; z-index:200; margin-top: -169px;}

body.if_main .fly_quick {top: auto; bottom: 70px; margin-top: 0; visibility: hidden;}
body.if_main .fly_quick {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
body.if_main .fly_quick.if_scroll {bottom: 40px; visibility: visible; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}

.fly_quick li {list-style: none;}
.fly_quick .inner {width: 80px; padding: 20px 0 15px 0; box-sizing: border-box; text-align: center; position: relative;}
.fly_quick .inner:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);}
.fly_quick .inner:before {background: #fff; border: 1px solid #c9d0d8; border-radius: 100px; z-index: -1; box-sizing: border-box;}
.fly_quick .inner:before {opacity: 0.8; filter: alpha(opacity=80); -ms-filter: alpha(opacity=80);}

/* 메뉴 */
.fly_quick .menu {}
.fly_quick .menu .btn {padding: 13px 0; box-sizing: border-box; display: block;}
.fly_quick .menu .btn .ic {font-size: 0; position: relative;}
.fly_quick .menu .btn .dot {position: absolute; right: -5px; top: 2px; width: 5px; height: 5px; border: 1px solid #0170d5; background: #0170d5;}
.fly_quick .menu .btn .dot {border-radius: 50%; box-sizing: border-box;}
.fly_quick .menu .btn .tx {display: block; font-size: 11px; color: #080808; letter-spacing: 0; line-height: 1; margin-top: 7px; font-weight: 700;}

/* 업다운 */
.fly_quick .updown {margin-top: 25px;}
.fly_quick .updown .btn {padding: 10px 0; display: block;}


/* 최근본상품 열림 */
.open_fly {position: fixed; top: 0; right: -400px; width: 400px; height: 100%; background: #fff; z-index: 1000;}
.open_fly {transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.open_fly li {list-style: none;}
.open_fly .hd_box {width: 100%; padding: 30px 30px 15px 30px; box-sizing: border-box; position: relative; flex: none;}
.open_fly .hd_box {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.open_fly .hd_box:before {content: ''; position: absolute; left: 30px; bottom: 0; width: 100%; height: 1px; background: #000;}
.open_fly .hd_box .tit {font-size: 18px; color: #000; letter-spacing: -0.6px; font-weight: 600; height: 25px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.open_fly .hd_box .tit em {font-size: 21px; color: #0170d5; font-weight: 500; letter-spacing: -0.6px; margin-left: 5px;}
.open_fly .hd_box .btn_close {font-size: 0; padding: 10px; box-sizing: border-box; margin: -10px; margin-left: auto;}

.open_fly .latest_box {overflow-y:auto; width:100%;}
.open_fly .latest_box .latest_in {padding: 20px 30px 60px 30px; box-sizing: border-box;}
.open_fly .latest_box dl {position: relative;}
.open_fly .latest_box dl:before {content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #e4e8ec; z-index: -1;}
.open_fly .latest_box dl+ dl {padding-top: 15px; box-sizing: border-box;}
.open_fly .latest_box .date {font-size: 14px; color: #333; font-weight: 700; background: #fff; padding: 10px 0; box-sizing: border-box;}
.open_fly .latest_box dd {box-sizing: border-box; padding: 10px 0 10px 20px;}
.open_fly .latest_box li+ li {margin-top: 20px;}
.open_fly .latest_box .item_box {margin: 0; overflow: hidden; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; padding-right: 30px; box-sizing: border-box;}
.open_fly .latest_box .item_box .thumb {width: 65px; display: inline-block; float: left; flex: none;}
.open_fly .latest_box .item_box .thumb img {width:100%; background-size:100%; background-position:center center;}
.open_fly .latest_box .item_box .info {display: inline-block; float: left; padding: 0 0 0 15px; box-sizing: border-box; height: auto;}
.open_fly .latest_box .item_box .item_name strong {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.open_fly .latest_box .item_box .item_name strong {-webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; max-height: 36px; box-sizing: border-box;}
.open_fly .latest_box .item_box .item_name strong {font-size: 13px; color: #333; word-wrap:break-word; word-break:keep-all; white-space:normal; position: relative;}
.open_fly .latest_box .item_box .price {margin-top: 5px; flex-wrap: wrap;}
.open_fly .latest_box .item_box .price .after {margin-right: 10px;}
.open_fly .latest_box .item_box .price .percent {order: 3;}
.open_fly .latest_box .item_box .soldout .inner {font-size: 17px;}
.open_fly .latest_box .item_quick {opacity: 1; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); right: -5px; top: 0; bottom: auto;}
.open_fly .latest_box .item_quick .btn {padding: 5px; box-sizing: border-box;}
.open_fly .latest_box .item_quick img {width: 25px;}

.open_fly_bg {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999;}
.open_fly_bg {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.open_fly_bg {transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}

.if_open_quick_r .open_fly {right: 0;}
.if_open_quick_r .open_fly_bg {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
.if_open_quick_r {overflow:hidden;}

@media screen and (max-width:1500px) {
	.fly_quick {right: 0;}
	.fly_quick .inner {width: 70px;}
	.fly_quick .inner:before {border-radius: 0; border-right: 0;}

	body.if_main .fly_quick {bottom: 0;}
	body.if_main .fly_quick.if_scroll {bottom: 0;}
	body.if_main .fly_quick .inner:before {border-bottom: 0;}
}










/* ********************************************** *
 * SCROLL MENU
 * ********************************************** */
 /* 왼쪽 배너 */
.fly_left {position:absolute; left:0; top:735px; z-index:5; width:85px; margin-right:540px}
.fly_left ul {margin-top:-10px;}
.fly_left li {list-style:none; overflow:hidden; margin-top:10px}
.fly_left li a {float:left; display:block;}
.fly_left li img {float:left; width:85px;}

/* 오른쪽 영역 */
.fly_right {position:absolute; right:0; top:890px; z-index:250; width:55px; height:447px;}
.fly_right li {list-style:none;}
.fly_right .close_box {}
.fly_right .close_box .inner {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.fly_right .close_box .inner {width:100%; position:relative; right:0;}

/* 퀵 열렸을때 */
.fly_right .open_box {position:fixed; top:0; right:-265px; width:214px; background:#fff; height:100%; border-left:1px solid #171717; box-sizing:border-box; z-index:1000;}
.fly_right .open_box {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.fly_right .open_btn .btn {display:block; background:#181515; height:32px; padding-top:10px; box-sizing:border-box; text-align:center;}
.fly_right .open_btn .btn {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.fly_right .close_btn {position:absolute; left:-45px; top:50%; margin-top:-22px}
.fly_right .close_btn .btn { width:45px; height:45px; background:#181515; padding:16px 0 0; text-align:center; font-size:0px; box-sizing:border-box;}
.fly_right .close_btn .btn {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.fly_right .quick_tit {text-align:center; line-height:1; padding:35px 0 30px; font-size:19px; color:#000; letter-spacing:-1px; font-weight:600;}

.fly_right .go_btn {padding:0 20px; }
.fly_right .go_btn li {border-bottom:1px solid #eee; font-size:0px; box-sizing:border-box;}
.fly_right .go_btn li:first-child {border-top:1px solid #eee;}
.fly_right .go_btn .btn {display:block;}
.fly_right .go_btn .link_box {color:#999; display:table; box-sizing:border-box; table-layout:fixed; font-size:13px;}
.fly_right .go_btn .tx,
.fly_right .go_btn .ic {display:table-cell; height:42px; vertical-align:middle; padding-left:7px;}
.fly_right .go_btn .ic+ .tx {padding-left:13px;}
.fly_right .go_btn .tx {color:#333; letter-spacing:-0.5px; }
.fly_right .go_btn .btn:hover {background:#fafafa;}
.fly_right .go_btn .btn:hover .tx {color:#000;}

.fly_right .cs_info {background:#f3f3f3; padding:30px 25px; text-align:center; }
.fly_right .cs_info .icon {margin-bottom:9px;}
.fly_right .cs_info .tit {color:#333; font-weight:600; margin-bottom:5px; font-size:15px; letter-spacing:-0.5px; line-height:1;}
.fly_right .cs_info .tel {color:#333; font-size:20px; letter-spacing:0px; font-weight:600; line-height:1; margin-bottom:16px;}
.fly_right .cs_info .cs_time {color:#888; font-size:12px; letter-spacing:-0.5px; font-weight:300; line-height:1.3; word-wrap:break-word; word-break:keep-all;}

/* 최근본상품 */
.fly_right .today_view {background:#fff; position:relative; padding:31px 31px 54px 32px; box-sizing:border-box;}
.fly_right .today_view .tit {font-size:13px; color:#333; text-align:center; letter-spacing:-0.5px; line-height:1;}
.fly_right .today_view .tit .ic {display:block; margin-bottom:4px;}
.fly_right .today_view ul { margin:5px 0 0 -10px; height:160px;}
.fly_right .today_view li {position:relative; box-sizing:border-box; width:50%; float:left;}
.fly_right .today_view .view_box {margin:10px 0 0 10px; position:relative;}
.fly_right .today_view .thumb {overflow:hidden; width:70px; height:70px; box-sizing:border-box; background:#f5f5f5 url('../images/skin/quick_none.png') center center no-repeat; position:relative; }
.fly_right .today_view .thumb a:before {content:""; position:absolute; left:0; top:0; bottom:0; right:0; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; z-index:1;}
.fly_right .today_view .thumb img {width:100%; height:100%; float:left;}
.fly_right .today_view .thumb a {display:block; height:70px; float:left;}
.fly_right .today_view .btn_del {position:absolute; right:0; top:0px; display:none; width:15px; height:15px; background:transparent url('../images/skin/today_delete.png') center center no-repeat; z-index:50}
.fly_right .today_view .view_box:hover .thumb a:before {border-color:#666;}
.fly_right .today_view .view_box:hover .ov_box {display:block}
.fly_right .today_view .view_box:hover .btn_del {display:block}


/* 최근본상품(닫혔을때) */
.today_view_num {width:100%; height:108px; box-sizing:border-box; padding:15px 5px; text-align:center; background:#f2f2f2; border:1px solid #ddd; border-top:0; border-right:0;}
.today_view_num .ic {}
.today_view_num .txt {color:#999; font-size:13px; letter-spacing:-1px; line-height:1.2; margin-top:8px; word-wrap:break-word; word-break:keep-all;}
.today_view_num .num {color:#000; font-size:15px; letter-spacing:-1px; font-weight:600; line-height:1; margin-top:6px;}

/* 최근본상품 정보 */
.fly_right .ov_box {position:absolute; right:70px; top:0px; width:200px; height:70px; border:1px solid #666; box-sizing:border-box; background:#fff; padding:10px 15px; border-right:0; z-index:50; display:none;}
.fly_right .ov_box .item_name {color:#666; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.fly_right .ov_box .price {color:#000; font-size:14px; font-weight:500; margin-top:10px; margin-left:1px; line-height:13px;}
.fly_right .ov_box .price strong {float:left; font-weight:600; color:#000; font-size:15px; letter-spacing:-0.5px; line-height:15px;}
.fly_right .ov_box .price em {float:left;}
.fly_right .ov_box:hover .item_name {text-decoration:underline;}

/* 최근본상품 페이징 */
.fly_right .btn_nate {box-sizing:border-box; overflow:hidden;text-align:center; height:30px; position:relative; position:absolute; left:0; bottom:18px; width:100%;}
.fly_right .btn_nate .number {overflow:hidden; color:#999; font-size:13px; line-height:1; position:relative; padding:10px 30px;}
.fly_right .btn_nate .number strong {color:#000; }
.fly_right .btn_nate .prevnext {position:absolute; top:2px; z-index:3;}
.fly_right .btn_nate .prevnext.prev {left:0px }
.fly_right .btn_nate .prevnext.next {right:0px;}
.fly_right .btn_nate .prevnext a {display:block; padding:10px;}
.fly_right .btn_nate .prevnext .icon {background:transparent url('../images/skin/today_nate.gif') left top no-repeat; width:5px; height:9px;}
.fly_right .btn_nate .prevnext.next .icon { background-position:right top; }
.fly_right .btn_nate .img_btn .img_off { opacity: .2; -ms-filter:alpha(opacity=20); filter:alpha(opacity=20);}

/* 최근본상품 없을때 */
.fly_right .today_none {padding-top:45px; box-sizing:border-box; font-size:13px; text-align:center; letter-spacing:-1px; color:#999; line-height:1.3; font-weight:300;}

/* 오른쪽 바로가기 버튼 */
.fly_right .today_btn {background:#fff;}
.fly_right .today_btn .btn {width:100%; height:53px; border:1px solid #ddd; box-sizing:border-box; border-top:0; border-right:0; padding:17px 7px; color:#666; text-align:center; position:relative;}
.fly_right .today_btn .btn .ic {position:relative; z-index:2;}
.fly_right .today_btn .num {float:right; color:#333; font-weight:600; letter-spacing:-0.5px;}
.fly_right .today_btn .btn.wish {line-height:29px; line-height:28px\0;}
.fly_right .today_btn .btn.wish .num {line-height:30px;;}

.fly_right .today_btn .over_txt {background:#333; color:#fff; font-size:13px; height:32px; line-height:32px; position:absolute; right:54px; top:10px; width:0;  box-sizing:border-box; overflow:hidden; z-index:10 !important;}
.fly_right .today_btn .over_txt {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);  z-index:-1;}
.fly_right .today_btn .over_txt .edge {position:absolute; right:-5px; top:11px; width:5px; height:100%;}
.fly_right .today_btn .cart_num { height:18px; line-height:16px; width:18px;  border-radius:100px; color:#fff; font-weight:500; font-size:10px; text-align:center;}
.fly_right .today_btn .cart_num {position:absolute; left:50%; top:10px; background:#d62027; border:1px solid #d62027; box-sizing:border-box; z-index:10; margin-left:3px;}

.fly_right .today_btn .btn:hover {background:#fafafa;}
.fly_right .today_btn .btn:hover .over_txt {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); z-index:1; width:85px; overflow:visible;}


/* 위로아래로 버튼 */
.fly_right .btn_move {margin-top:15px; overflow:hidden; text-align:center;}
.fly_right .btn_move li {font-size:0px;}
.fly_right .btn_move li+ li {margin-top:10px;}
.fly_right .img_btn {font-size:0px;}
.fly_right .img_btn .img_over {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); z-index:1;}
.fly_right .img_btn .img_off {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: .3; -ms-filter:alpha(opacity=30); filter:alpha(opacity=30);}
.fly_right .img_btn:hover .img_off {opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100);}
.fly_right .open_box .btn_move {margin-top:0; padding-top:40px;}

.fly_right.if_open_quick .close_box {width:100%; overflow:hidden;}
.fly_right.if_open_quick .inner {right:-60px;}
.fly_right.if_open_quick .open_box {right:0;}

/* horiz */
@media screen and (max-height:915px) {
	.fly_right .quick_tit {padding:35px 0 25px;}
	.fly_right .open_box .btn_move {padding-top:20px;}
}

/* horiz */
@media screen and (max-height:880px) {
	.fly_right .cs_info {display:none;}
	.fly_right .btn_move {border-top:1px solid #eee;}
}





/* 메인 : 라이브 ---------------------------------------------------------------- */
.ma_live {box-sizing: border-box;}
.ma_live li {list-style: none;}
.ma_visual+ .ma_live {border: 0; margin-top:0;}

/* 메인 타이틀 : 링크 */
.ma_live .ma_tit .link_box {position: absolute; right: -10px; bottom: -5px;}
.ma_live .ma_tit .link_box ul {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.ma_live .ma_tit .link_box .btn {padding: 10px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.ma_live .ma_tit .link_box .ic {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.ma_live .ma_tit .link_box img {width: 17px;}
.ma_live .ma_tit .link_box .tx {margin-left: 5px; font-size: 15px; color: #65686c; font-weight: 500; line-height: 1;}
.ma_live .ma_tit .link_box .btn:hover .tx {text-decoration: underline;}

/* 라이브 영역 */
.ma_live .live_in {position: relative; display: flex; flex-direction: row; justify-content: space-between; align-content: stretch; align-items: stretch;}
.ma_live .live_in {padding: 20px 0; box-sizing: border-box; margin-top: -15px;}
.ma_live .lv_wrap {width: 500px; border: 1px solid #c3c3c3; border-radius: 20px; box-sizing: border-box; overflow: hidden;}
.ma_live .lv_wrap.type_active {width: 570px; position: absolute; left: 50%; top: 0; z-index: 20; margin-left: -285px; border: 0;}
.ma_live .lv_wrap.type_active {box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3); border-radius: 20px; box-sizing: border-box; height: 545px;}
.ma_live .lv_wrap.type_right {margin-left: auto;}
.ma_live .lv_wrap.type_off {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: alpha(opacity=70);}
.ma_live .lv_wrap.type_off .p_lv_box .lv_btn {display: none !important;}
.ma_live .lv_wrap.type_off .p_lv_box .item_more {display: none !important;}

/* 라이브 박스 */
.ma_live .lv_wrap .p_lv_box {height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;}
.ma_live .lv_wrap .p_lv_box .lv_thumb {border-radius: 0; flex: none;}
.ma_live .lv_wrap .p_lv_box .lv_info {padding: 0 25px 25px 25px; box-sizing: border-box; background: #fff;}
.ma_live .lv_wrap .p_lv_box .lv_btn {display: block;}

.ma_live .lv_wrap .p_lv_item .item_box .thumb {width: 80px;}
.ma_live .lv_wrap .p_lv_item .item_box .item_icon {display: none;}
.ma_live .lv_wrap .p_lv_item .item_box .icon_total {display: none;}

/* 롤링 박스 */
.ma_live .rolling_wrap {overflow: hidden; height:100%; background:#fff;}
.ma_live .rolling_box {height:100%;}
.ma_live .rolling_box .bx-viewport {}
.ma_live .rolling_box .ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.ma_live .rolling_box .li {width: 100%;}


/* 롤링 이전다음 버튼 */
.ma_live .prevnext {position: absolute; top: 145px; z-index: 30; width: 60px; height: 60px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.ma_live .prevnext:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #e4e8ec;}
.ma_live .prevnext:before {box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1); background: #fff; border-radius: 100px; box-sizing: border-box; z-index: -1;}
.ma_live .prevnext:before {opacity: 0.9; filter: alpha(opacity=90); -ms-filter: alpha(opacity=90); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.ma_live .prevnext .ic {width: 100%; height: 100%; background-position: center !important; background-repeat: no-repeat !important; background-size: 23px auto !important;}
.ma_live .prevnext .ic {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.ma_live .prevnext.prev {left: -30px;}
.ma_live .prevnext.prev .ic {background-image: url('../images/skin/live_prev.svg');}
.ma_live .prevnext.next {right: -30px;}
.ma_live .prevnext.next .ic {background-image: url('../images/skin/live_next.svg');}
.ma_live .prevnext:hover:before {background: #111; border-color: #111; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.ma_live .prevnext.prev:hover .ic {background-image: url('../images/skin/live_prev_w.svg');}
.ma_live .prevnext.next:hover .ic {background-image: url('../images/skin/live_next_w.svg');}

/* 롤링 바 */
.ma_live .rolling_bar {margin-top: 50px; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom:50px;}
.ma_live .rolling_bar .bar {width: 400px; height: 4px; background: rgba(17, 17, 17, 0.1); position: relative;}
.ma_live .rolling_bar .fill {position: absolute; left: 0; top: 0; height: 100%; background: #111; z-index: 1;}
.ma_live .rolling_bar .paging {padding-left: 15px; width: 70px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.ma_live .rolling_bar .paging {font-size: 16px; color: #979ca2; font-weight: 500; margin-right: -70px; box-sizing: border-box; white-space: nowrap;}
.ma_live .rolling_bar .paging em {margin: 0 1px;}
.ma_live .rolling_bar .paging .active {color: #111;}

/* 상품 더보기 열림 */
.ma_live .lv_wrap.if_more1.if_open_item {height: 675px;}
.ma_live .lv_wrap.if_more1.if_open_item .bx-viewport {height: 675px !important;}
.ma_live .lv_wrap.if_more1.if_open_item .bx-viewport> ul {height: 675px !important;}

.ma_live .lv_wrap.if_more2.if_open_item {height: 750px;}
.ma_live .lv_wrap.if_more2.if_open_item .bx-viewport {height: 750px !important;}
.ma_live .lv_wrap.if_more2.if_open_item .bx-viewport> ul {height: 750px !important;}

.ma_live .lv_wrap.if_more3.if_open_item {height: 830px;}
.ma_live .lv_wrap.if_more3.if_open_item .bx-viewport {height: 830px !important;}
.ma_live .lv_wrap.if_more3.if_open_item .bx-viewport> ul {height: 830px !important;}

.ma_live .lv_wrap.if_open_item .lv_btn .btn.view {display:none;}
.ma_live .lv_wrap.if_open_item .lv_btn .btn_close {display:flex;}

.ma_live .p_lv_list .ma_tit {margin:0px; margin-bottom:20px; height:30px;}





/* 메인 : HOT TAGGER ---------------------------------------------------------------- */
.ma_tagger {background: #f2f8fd; margin-top: 80px; padding-bottom: 80px; overflow: hidden;}
.ma_tagger li {list-style: none;}

.ma_tagger .tagger_li {}
.ma_tagger .tagger_li .ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap:wrap; margin:0 -15px;}
.ma_tagger .tagger_li .li {width:50%; padding: 0 15px; padding-top:40px; box-sizing:border-box; margin-top:20px;}
.ma_tagger .tagger_li .li.this_first {width:100%; padding-top:0; margin-top:0;}

/* 태거 박스 */
.ma_tagger .tagger_box {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; height:100%; padding:30px; padding-top:0; background:#fff; border-radius:20px;}
.ma_tagger .tagger_box {border:1px solid #e4e8ec; box-sizing:border-box;}
.ma_tagger .tagger_box .tg_info {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-end; margin-top:-40px;}
.ma_tagger .tagger_box .item_wrap {margin-top:15px; padding-top:20px; border-top:1px solid #f1f3f5; box-sizing:border-box;}
.ma_tagger .tagger_box .thumb {flex:none; border:1px solid #e4e8ec; border-radius:100px; box-sizing:border-box; background:#fff; padding:6px; margin-right:10px; position:relative;}
.ma_tagger .tagger_box .thumb {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.ma_tagger .tagger_box .thumb .img {width:80px; height:80px; border-radius:100px; overflow:hidden; position:relative;}
.ma_tagger .tagger_box .thumb img {width: 100%; height: 100%;}
.ma_tagger .tagger_box .thumb img+ .no_img {display:none;}
.ma_tagger .tagger_box .thumb .no_img {width:100%; height:100%; background:#f5f5f5 url('../images/customize/mini_profile_none.svg') center center no-repeat; background-size:30px !important;}
.ma_tagger .tagger_box .thumb .rank {position:absolute; left:0; top:0; width:50px; height:50px; background:#0170d5; border-radius:15px 0 15px 0; text-align:center;}
.ma_tagger .tagger_box .thumb .rank {display:flex; flex-direction:row; justify-content:center; align-items:center; color:#fff; display:none;}
.ma_tagger .tagger_box .thumb .rank strong {font-size:23px; font-weight:800;}
.ma_tagger .tagger_box .thumb .rank em {font-size:19px; font-weight:300; margin-left:1px;}
.ma_tagger .tagger_box .thumb:hover {border-color:#0170d5;}
.ma_tagger .tagger_box .info {flex:1; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:20px; margin-bottom:15px;}
.ma_tagger .tagger_box .info .rank {font-size:20px; color:#0170d5; font-weight:800; margin-right:5px; flex:none;}
.ma_tagger .tagger_box .name_box {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.ma_tagger .tagger_box .name {font-size:20px; color:#111; font-weight:800; display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ma_tagger .tagger_box .name:hover {text-decoration:underline;}
.ma_tagger .tagger_box .total {margin-left:auto; display:flex; flex-direction:row; justify-content:flex-end; align-items:center; flex:none;}
.ma_tagger .tagger_box .total strong {font-size:17px; color:#000; font-weight:600;}
.ma_tagger .tagger_box .total em {font-size:16px; color:#979ca2; font-weight:500; margin-left:2px;}

.ma_tagger .tagger_box .top_ctrl {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:10px;}
.ma_tagger .tagger_box .top_ctrl .title {font-size:16px; color:#111; font-weight:700; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.ma_tagger .tagger_box .top_ctrl .title strong {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ma_tagger .tagger_box .top_ctrl .title em {flex:none;}
.ma_tagger .tagger_box .top_ctrl .btn_more {font-size:12px; color:#979ca2; font-weight:500; text-decoration:underline; flex:none;}
.ma_tagger .tagger_box .top_ctrl .btn_more:hover {color:#65686c;}

.ma_tagger .tagger_box .item_li {}
.ma_tagger .tagger_box .item_li ul {display:grid; grid-template-columns:repeat(4, 1fr); gap:15px;}
.ma_tagger .tagger_box .item_li li {}
.ma_tagger .tagger_box .item {}
.ma_tagger .tagger_box .item .item_thumb {overflow:hidden; border-radius:5px; position:relative;}
.ma_tagger .tagger_box .item .item_thumb:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:5px; background:rgba(0, 0, 0, 0.03); z-index:1;}
.ma_tagger .tagger_box .item .item_thumb img {width: 100%; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important;}
.ma_tagger .tagger_box .item .item_thumb img {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.ma_tagger .tagger_box .item .item_thumb:hover img {transform:scale(1.07); -webkit-transform:scale(1.07);}
.ma_tagger .tagger_box .item .item_name {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.3;}
.ma_tagger .tagger_box .item .item_name {font-size:12px; color:#65686c; margin-top:5px;}
.ma_tagger .tagger_box .item .item_name:hover {text-decoration:underline;}
.ma_tagger .tagger_box .item .price {font-size:14px; color:#080808; font-weight:700; letter-spacing:-0.5px; margin-top:5px;}

/* 태거 박스(1위) */
.ma_tagger .tagger_box.type_top {flex-direction:row; padding:40px;}
.ma_tagger .tagger_box.type_top .tg_info {flex-direction:column; align-items:stretch; margin-top:0;}
.ma_tagger .tagger_box.type_top .thumb {margin:0; padding:0; border-radius:0; border:0;}
.ma_tagger .tagger_box.type_top .thumb .img {width:250px; height:250px; border-radius:15px;}
.ma_tagger .tagger_box.type_top .thumb .img:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:15px; z-index:1; border:1px solid #0170d5; box-sizing:border-box;}
.ma_tagger .tagger_box.type_top .thumb .img:before {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.ma_tagger .tagger_box.type_top .thumb:hover .img:before {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.ma_tagger .tagger_box.type_top .thumb .rank {display:flex;}
.ma_tagger .tagger_box.type_top .info {margin-bottom:0; margin-top:15px;}
.ma_tagger .tagger_box.type_top .info .rank {display:none;}
.ma_tagger .tagger_box.type_top .name {color:#0170d5; padding-left:29px; box-sizing:border-box; background:transparent url('../images/main/ma_tagger_1st.svg') left center no-repeat; background-size:24px !important;}
.ma_tagger .tagger_box.type_top .item_wrap {margin-top:0; padding-top:0; border-top:0; margin-left:45px; padding-left:45px; border-left:1px solid #f1f3f5;}
.ma_tagger .tagger_box.type_top .item_li ul {gap:33px;}
.ma_tagger .tagger_box.type_top .top_ctrl {margin-bottom:15px;}
.ma_tagger .tagger_box.type_top .top_ctrl .title {font-size:19px;}
.ma_tagger .tagger_box.type_top .top_ctrl .btn_more {font-size:13px;}

/* 영문 일때 */
body.if_eng .ma_tagger .tagger_box .top_ctrl .title {gap:3px;}






/* 메인 : SPECIAL TAG ---------------------------------------------------------------- */
.ma_tag {}
.ma_tag li {list-style: none;}

.ma_tag .tag_li {}
.ma_tag .tag_li+ .tag_li {margin-top: 65px;}
.ma_tag .tag_li .ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: space-between; align-items: stretch; margin-left: -30px;}
.ma_tag .tag_li .li {width: 33.334%; padding-left: 30px; box-sizing: border-box;}
.ma_tag .tag_li .info {margin-top: 15px;}
.ma_tag .tag_li .tit_box {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.ma_tag .tag_li .tit_box .tit {font-size: 27px; color: #111; font-weight: 800; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ma_tag .tag_li .tag_box {margin-top: 5px; margin-right: -5px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.ma_tag .tag_li .tag {padding: 0 10px; box-sizing: border-box; height: 30px; background: #f1f3f5; border-radius: 10px; font-size: 14px; color: #979ca2; letter-spacing: -0.4px;}
.ma_tag .tag_li .tag {display: inline-flex; flex-direction: row; justify-content: center; align-items: center; margin-right: 5px; margin-top: 5px;}

/* 롤링 박스 */
.ma_tag .tag_li .rolling_wrap {overflow: hidden;}
.ma_tag .tag_li .rolling_box {}
.ma_tag .tag_li .thumb {border-radius: 10px; box-sizing: border-box; overflow: hidden; position: relative;}
.ma_tag .tag_li .thumb:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1;}
.ma_tag .tag_li .thumb img {width: 100%; transform: scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.ma_tag .tag_li .thumb .uptxt {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.ma_tag .tag_li .thumb .uptxt {font-size: 22px; font-weight: 600; color: #fff; line-height: 1.3; text-align: center; padding: 30px; box-sizing: border-box;}
.ma_tag .tag_li .thumb .uptxt {text-shadow: 0 0 3px rgba(0, 0, 0, 0.16); word-wrap:break-word; word-break:keep-all; white-space:normal;}
.ma_tag .tag_li .thumb:hover img {transform: scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07);}

/* 롤링 컨트롤러 */
.ma_tag .tag_li .rolling_ctrl {margin: -10px -10px -10px auto; flex: none; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.ma_tag .tag_li .prevnext {padding: 10px; box-sizing: border-box;}
.ma_tag .tag_li .prevnext img {width: 7px;}
.ma_tag .tag_li .paging {font-size: 15px; font-weight: 500; color: #979ca2; margin: 0 5px;}
.ma_tag .tag_li .paging .active {color: #111;}

/* 2단일때 */
.ma_tag .tag_li.type_col2 .li {width: 50%;}





/* 인트로 :: 2023-03-24 KHY ----------------------------------------------------- */
body.if_intro {height:100%; min-width:1600px;}
body.if_intro .wrap {height:100%;}

.p_Intro {height:100%; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:stretch; background:#000; overflow:hidden;}
.p_Intro:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60); z-index:2;}
.p_Intro li {list-style:none;}
.p_Intro .intro_layout {padding:0 100px; box-sizing:border-box; position:relative; z-index:3; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.p_Intro .bg {position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; z-index:1;}
.p_Intro .bg {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.p_Intro .bg {animation:motion_bg 5s ease-out both; -webkit-animation:motion_bg 5s ease-out both;}

/* 배경 모션 */
@-webkit-keyframes motion_bg {
	0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
	20% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
	100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); -moz-transform:scale(1.0,1.0) rotate(0.01deg); -webkit-transform:scale(1.0,1.0) rotate(0.01deg); transform:scale(1.0,1.0) rotate(0.01deg);}
}
@keyframes motion_bg {
	0% {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
	20% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
	100% {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); -moz-transform:scale(1.0,1.0) rotate(0.01deg); -webkit-transform:scale(1.0,1.0) rotate(0.01deg); transform:scale(1.0,1.0) rotate(0.01deg);}
}

/* 왼쪽 텍스트 ===================== */
.p_Intro .about {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; margin-right:100px;}
.p_Intro .about .logo {transform: translateY(50px); -ms-transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.p_Intro .about .logo {animation: motion_about 0.8s ease-out both; -webkit-animation: motion_about 0.8s ease-out both; animation-delay:0.2s; -webkit-animation-delay:0.2s;}
.p_Intro .about .logo img {width:75px;}
.p_Intro .about dl {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; margin-top:40px;}
.p_Intro .about dt {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; font-size:60px; color:#fff; font-weight:700;}
.p_Intro .about dt .title {margin-right:15px; line-height:75px; transform:translateY(50px); -ms-transform:translateY(50px); -webkit-transform:translateY(50px); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.p_Intro .about dt .title {animation:motion_about 0.8s ease-out both; -webkit-animation:motion_about 0.8s ease-out both; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_Intro .about dt .title:last-of-type {margin-right:0;}
.p_Intro .about dt .title.one {animation-delay:0.4s; -webkit-animation-delay:0.4s;}
.p_Intro .about dt .title.two {animation-delay:0.6s; -webkit-animation-delay:0.6s;}
.p_Intro .about dt .title.three {animation-delay:0.8s; -webkit-animation-delay:0.8s;}
.p_Intro .about dd {margin-top:10px; font-size:25px; color:#0170d5; font-weight:700; transform:translateY(50px); -ms-transform:translateY(50px); -webkit-transform:translateY(50px); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.p_Intro .about dd {animation:motion_about 0.8s ease-out both; -webkit-animation:motion_about 0.8s ease-out both; animation-delay:1s; -webkit-animation-delay:1s;}

/* 텍스트 모션 */
@-webkit-keyframes motion_about {
	0% {transform:translateY(50px); -ms-transform:translateY(50px); -webkit-transform:translateY(50px); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
	100% {transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}
@keyframes motion_about {
	0% {transform:translateY(50px); -ms-transform:translateY(50px); -webkit-transform:translateY(50px); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
	100% {transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}

/* 오른쪽 멤버 타입 ===================== */
.p_Intro .member_type {margin-left:auto;}
.p_Intro .member_type ul {display:flex; flex-direction:row; justify-content:flex-end; align-items:stretch;}
.p_Intro .member_type li {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.p_Intro .member_type li+ li {margin-left:30px;}

/* 멤버 타입 모션
.p_Intro .member_type li {transform:translateX(-50px); -ms-transform:translateX(-50px); -webkit-transform:translateX(-50px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.p_Intro .member_type li {animation: motion_type 0.5s ease-out both; -webkit-animation: motion_type 0.5s ease-out both;}
.p_Intro .member_type li:first-of-type {animation-delay:0.2s; -webkit-animation-delay:0.2s;}
.p_Intro .member_type li:nth-child(2) {animation-delay:0.4s; -webkit-animation-delay:0.4s;}
.p_Intro .member_type li:nth-child(3) {animation-delay:0.6s; -webkit-animation-delay:0.6s;}

@-webkit-keyframes motion_type {
    0% {transform:translateX(-50px); -ms-transform:translateX(-50px); -webkit-transform:translateX(-50px); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
    100% {transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}
@keyframes motion_type {
    0% {transform:translateX(-50px); -ms-transform:translateX(-50px); -webkit-transform:translateX(-50px); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
    100% {transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}
*/

.p_Intro .member_type .type_wrap {position:relative; flex:1;}
.p_Intro .member_type .type_wrap:hover .one_type.this_off {transform: scaleX(0); transition-delay: 0s;}
.p_Intro .member_type .type_wrap:hover .one_type.this_over {transform: scaleX(1); transition-delay: 0.1s;}

.p_Intro .one_type {width:300px; height:100%; border-radius:50px; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center; padding:20px 40px; box-sizing:border-box;}
.p_Intro .one_type {transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; position:relative;}
.p_Intro .one_type .picto {height:140px; display:flex; flex-direction:column; justify-content:center; align-items:center; flex:none; margin-top:30px;}
.p_Intro .one_type .picto img {width:70px;}
.p_Intro .one_type dl {color:#fff; margin-top:40px; margin-bottom:30px;}
.p_Intro .one_type dt {font-size:33px; color:inherit; font-weight:800;}
.p_Intro .one_type dd {font-size:15px; color:inherit; font-weight:500; margin-top:5px; opacity:0.7; filter:alpha(opacity=70); -ms-filter:alpha(opacity=70); word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_Intro .one_type .icon_go {margin-top:auto; padding-top:50px;}
.p_Intro .one_type .icon_go img {width:25px; height:13px;}
.p_Intro .one_type .btn_go {width:100%; height:50px; display:flex; flex-direction:row; justify-content:center; align-items:center; background:#0170d5; border-radius:5px; font-size:15px; color:#fff; font-weight:500;}
.p_Intro .one_type .btn_go {margin-top:auto; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; flex:none;}
.p_Intro .one_type .btn_go:hover {background:#d615b3;}
.p_Intro .one_type label.design {margin-top:10px; padding:10px; box-sizing:border-box; position:relative; z-index:10;}
.p_Intro .one_type label.design input {display:none;}
.p_Intro .one_type label.design .tx {font-size:13px; color:#65686c; font-weight:500; padding-left:23px; box-sizing:border-box; position:relative;}
.p_Intro .one_type label.design .tx:before {content:''; position:absolute; left:0; top:50%; width:18px; height:18px; background:#c3c3c3 url('../images/intro/icon_check.svg') center center no-repeat;}
.p_Intro .one_type label.design .tx:before {background-size:9px 7px !important; border-radius:100px; margin-top:-9px;}
.p_Intro .one_type label.design input:checked+ .tx {color:#0170d5;}
.p_Intro .one_type label.design input:checked+ .tx:before {background-color:#0170d5;}
.p_Intro .one_type.this_off {border:1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(13px); -webkit-backdrop-filter: blur(13px); transition-delay: 0.1s; padding-bottom:50px;}
.p_Intro .one_type.this_off .picto {padding-top:30px; box-sizing:border-box;}
.p_Intro .one_type.this_over {background:#fff; position:absolute; left:0; top:0; width:100%; height:100%; transform: scaleX(0);}
.p_Intro .one_type.this_over dl {color:#111;}
.p_Intro .one_type.this_over dd {opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50);}
.p_Intro .one_type.this_over .picto img {width:200px;}






/* 메인 1차 카테고리 :: 2023-03-31 KHY ----------------------------------------------------- */
.ma_category {margin-top:20px;}
.ma_category li {list-style:none;}

.ma_category .ma_tit .tit {font-size:30px;}
.ma_category .ma_tit .tit:before {bottom:3px;}

.ma_category .ctg_box {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; border:1px solid #e4e8ec; box-sizing:border-box; overflow:hidden;}
.ma_category .ctg_box li {width:16.666%; position:relative;}
.ma_category .ctg_box li:before {content:''; position:absolute; right:0; top:0; width:1px; height:200%; background:#e4e8ec;}
.ma_category .ctg_box li:nth-of-type(6n):before {display:none;}
.ma_category .ctg_box li:nth-of-type(6)~ li:after {content:''; position:absolute; left:0; top:0; width:600%; height:1px; background:#e4e8ec;}
.ma_category .ctg1 {height:100%; min-height:45px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding:10px 15px; box-sizing:border-box;}
.ma_category .ctg1 .ic {margin-right:10px;}
.ma_category .ctg1 .ic img {width:20px; max-height:20px;}
.ma_category .ctg1 .ic img.on {display:none;}
.ma_category .ctg1 .tt1 {color:#111; font-weight:500; line-height:1.3;}
.ma_category .ctg1:hover {background:#f1f3f5;}