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

@charset 'utf-8';

.alink {overflow:hidden; position:absolute; left:0; top:0;}
.alink img {float:left; width:100%; height:100%;}


/* ●●●●●●●●●● 상단공통 */
/* 최상단배너 */
.top_banner {position: relative;}
.top_banner .btn_close {position:absolute; left: 50%; top:50%; z-index: 5; padding: 10px; box-sizing: border-box; margin-left: 625px; margin-top: -18px; font-size: 0;}
.top_banner .banner {width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; font-size: 0;}
.top_banner .upper_link {max-width: 1300px; left: 50%; margin-left: -650px;}


/* 상단메뉴 ●●●● */
.top_menu {clear:both; height:42px;}
.top_menu .left_menu {float:left; overflow:hidden; margin-top:16px;}
.top_menu .left_menu .btn {line-height:1.6; padding: 0 12px 0 11px; float:left; font-size:11px; color:#666; letter-spacing:-1px;}
.top_menu .left_menu .btn:hover {color:#fa0d3d;}
.top_menu .left_menu .btn:first-child {padding-left:0; margin-left:-1px;}
.top_menu .left_menu .line {float:left; width:1px; height:10px; margin-top:2px; background:#d8d8da; overflow:hidden;}

/* 오른쪽 고객메뉴 */
.top_menu .right_menu {z-index:1000; position:absolute; right:0; top:0; margin-top:16px}
.top_menu .right_menu .mu {line-height:1.6; float:left; overflow:hidden; padding: 0 11px; font-size:11px; color:#666; letter-spacing:-1px;}
.top_menu .right_menu .mu:hover {color:#fa0d3d}
.top_menu .right_menu .ic {padding-left: 25px; background:transparent url('../images/ic_mobile.gif') 12px top no-repeat;}
.top_menu .right_menu .ic:hover {background:transparent url('../images/ic_mobile_over.gif') 12px top no-repeat;}
.top_menu .right_menu .line {float:left; width:1px; height:10px; margin-top:2px; background:#d8d8da; overflow:hidden}

.top_menu .right_menu .menu_sub {float:left; position:relative;}

.top_menu .right_menu .menu_sub .over {display:none; background:#fff; border: 1px solid #fa0d3e; width:100%; margin-top:25px; position:absolute; left:-1px; top:0; }
.top_menu .right_menu .menu_sub .tit {position:relative; float:left; margin: -8px 0 0 0; padding: 8px 22px 8px 12px;}
.top_menu .right_menu .menu_sub .tit .txt {line-height:1.6; float:left; font-size:11px; color:#666; letter-spacing:-1px;}
.top_menu .right_menu .menu_sub .tit .tit_ic {background:transparent url('../images/ic_top_open.gif') left top no-repeat; width:6px; height:4px; position:absolute; right:0; top:50%; margin: -4px 12px 0 0; display:inline-block;}

.top_menu .right_menu .menu_sub .sub_btn {line-height:1; padding: 8px 0 6px 0; background:transparent url('../images/top_sub_bg.gif') left top repeat-x; display:block; text-align:center; font-size:11px; color:#666; letter-spacing:-1px;}
.top_menu .right_menu .menu_sub .sub_btn:first-child {padding-top: 12px; background:transparent!important;}
.top_menu .right_menu .menu_sub .sub_btn:hover {background: #f7f7f7 url('../images/top_sub_bg.gif') left top repeat-x; color:#fa0d3d}
.top_menu .right_menu .menu_sub .sub_btn:first-child:hover {background: #f7f7f7!important;}
.top_menu .right_menu .menu_sub .sub_btn:last-child {padding-bottom: 12px}

.top_menu .right_menu .menu_sub:hover .tit {border:1px solid #fa0d3e; border-top:none; border-bottom:none; background:#fa0d3e; margin: -8px -1px 0 -1px}
.top_menu .right_menu .menu_sub:hover .tit .txt {color:#fff}
.top_menu .right_menu .menu_sub:hover .tit_ic {background:transparent url('../images/ic_top_open_w.gif') left top no-repeat;}
.top_menu .right_menu .menu_sub:hover .over {display:block}

.top_menu .right_menu .btn_cart {margin-top:-1px; padding: 0 7px 0 36px; float:left; background:transparent url('../images/ic_top_cart.gif') 12px top no-repeat;}
.top_menu .right_menu .btn_cart .txt {line-height:1.6; float:left; font-size:11px; color:#666; letter-spacing:-1px; margin: 1px 3px 0 0;}
.top_menu .right_menu .btn_cart .cart_num {float:left; position:relative; height: 16px; padding-right:1px;}
.top_menu .right_menu .btn_cart .cart_num {padding-left:6px; background:transparent url('../images/top_cart_bg.png') left top no-repeat;}
.top_menu .right_menu .btn_cart .num {position:relative;z-index:1; line-height:1.7; color:#fff; font-size:11px; font-weight:bold;}
.top_menu .right_menu .btn_cart .edge {background:transparent url('../images/top_cart_bg.png') left top no-repeat; background-position: -52px 0;}
.top_menu .right_menu .btn_cart .edge {width:6px; height:16px; margin-right:-6px; position:absolute; top:0; right:0;}
.top_menu .right_menu .btn_cart:hover .txt {color:#fa0d3d}



/* ********************************************** *
 * 헤더
 * ********************************************** */
.wrap {padding-top:100px;}
.header {position: relative; background: #fff; position:fixed; left:0; top:0; width:100%; z-index:99; height:100px;}
.header:before {content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.07); z-index: 101;}


.header li {list-style: none;}
.header .layout_fix {display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100px; position: static;}
.header .layout_fix .left {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.header .layout_fix .right {margin-left: auto; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}

/* 로고 */
.header .logo_top {font-size: 0;}
.header .logo_top img {max-height: 80px;}

/* 네비 */
.header .hd_nav {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.header .hd_nav .depth1 {width: 100%; padding: 0 23px; height: 100px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.header .hd_nav .depth1 .tx {font-size: 20px; color: #000; letter-spacing: -0.5px; font-weight: 600; line-height: 1; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.header .hd_nav .depth1 .ic {width: 12px; height: 12px; background: transparent url('../images/main/nav_open.png') center center no-repeat; margin-left: 5px;}
.header .hd_nav .depth1 .ic {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transform-origin: center;}
.header .hd_nav .shop .depth1 {}
.header .hd_nav .li:hover .depth1 .tx {color: #41A5D8;}
.header .hd_nav .li:hover .depth1 .ic {transform: rotate(180deg); background-image: url('../images/main/nav_close.png');}
.header .hd_nav .hit .depth1 .tx {color: #41A5D8;}
.header .hd_nav .hit .depth1 .ic {background-image: url('../images/main/nav_close.png');}

.header .hd_nav .depth_group {position:relative;}

.header .hd_nav .open_depth2 {position: absolute; left: 10px; top: 100px; height: 0; z-index: 100;}
.header .hd_nav .open_depth2 {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; overflow:hidden; padding-left:17px;}
.header .hd_nav .open_depth2 .layout_fix {justify-content: flex-start; height: 70px;}
.header .hd_nav .open_depth2 ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.header .hd_nav .open_depth2 ul:first-of-type {margin-left: -17px;}
.header .hd_nav .open_depth2 .btn {font-size: 15px; letter-spacing: -0.4px; height: 70px; display: flex; justify-content: center; align-items: center;}
.header .hd_nav .open_depth2 .btn {padding: 0 17px; box-sizing: border-box; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; white-space:nowrap}
.header .hd_nav .open_depth2 .ctg1_box .btn {color: #000; font-weight: 500; position: relative;}
.header .hd_nav .open_depth2 .ctg1_box .btn:before {content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px;}
.header .hd_nav .open_depth2 .ctg1_box .btn:before {background: #41A5D8; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.header .hd_nav .open_depth2 .ctg1_box .btn:hover {color: #41A5D8 !important;}
.header .hd_nav .open_depth2 .ctg1_box .btn:hover:before {width: 100% !important; left: 0 !important;}
.header .hd_nav .open_depth2 .ctg1_box .hit .btn {color: #41A5D8;}
.header .hd_nav .open_depth2 .ctg1_box .hit .btn:before {width: 100%; left: 0;}
.header .hd_nav .open_depth2 .ctg1_box:hover .hit .btn {color: #000;}
.header .hd_nav .open_depth2 .ctg1_box:hover .hit .btn:before {width: 0; left: 50%;}
.header .hd_nav .open_depth2 .other {position: relative; margin-left: 15px; padding-left: 15px;}
.header .hd_nav .open_depth2 .other:before {content: ''; position: absolute; left: -2px; top: 50%; width: 4px; height: 4px; margin-top: -2px;}
.header .hd_nav .open_depth2 .other:before {background: #ccc; border: 1px solid #ccc; border-radius: 100px; box-sizing: border-box;}
.header .hd_nav .open_depth2 .other .btn {color: #999;}
.header .hd_nav .open_depth2 .other .btn:hover {color: #000;}

.header .hd_nav .open_bg {position: absolute; left: 0; top: 100px; width: 100%; height: 0; background: #fff; z-index: 99;}
.header .hd_nav .open_bg {box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); overflow: hidden; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}

.header .hd_nav .li:hover .open_bg {height: 70px;}
.header .hd_nav .li:hover .open_depth2 {height: 70px;}


.header .hd_nav .li.if_nonext .open_depth2 {display:none;}
.header .hd_nav .li.if_nonext .open_bg {display:none;}
.header .hd_nav .li.if_nonext .depth1 .ic {display:none;}



/* 검색 */
.header .search_area {height:45px; width:260px; position:relative;}
.header .search_area .search_box {position:relative; width:100%;}
.header .search_area .search_inner {width: 100%; background: #f1f1f4; border: 1px solid #f1f1f4; border-radius: 100px; box-sizing: border-box;}
.header .search_area .search_inner {padding: 0 55px 0 25px; font-size: 14px; letter-spacing: -0.4px; height: 45px;}
.header .search_area .search_inner::placeholder {color: #aaa !important;}
.header .search_area .search_inner:focus {border-color: #333 !important; color: #333 !important;}
.header .search_area .btn_search {position: absolute; right: 0; top: 0; z-index: 10;}
/* Search style was changed by jioh on 22/02/21 */
.header .search_area .btn_search {width:21.58px; height:45px; background:transparent url('../images/main/search_icon.svg') center center no-repeat;}

.header .search_area .open_keyword {position:absolute; left:-40px; top:72px; width:470px; z-index: 110; background:#fff; border: 1px solid rgba(0, 0, 0, 0.07); border-top: 0;}
.header .search_area .open_keyword {border-radius: 0 0 20px 20px; box-sizing: border-box; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);}
.header .search_area .open_keyword {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.header .search_area .open_keyword {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.header .search_area .open_keyword .titlt_box {width: 100%; flex: none; padding: 0 40px; box-sizing: border-box; font-size: 18px;}
.header .search_area .open_keyword .titlt_box {color: #000; font-weight: 600; letter-spacing: -0.6px; height: 65px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.header .search_area .open_keyword .keyword_box {width: 100%; flex: auto; padding: 0 35px 10px 35px; box-sizing: border-box; max-height: 310px; min-height: 170px;}
.header .search_area .open_keyword .keyword_in {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin-top: -5px;}
.header .search_area .open_keyword .keyword_in {align-content: flex-start; align-items: flex-start; padding: 0 0 20px 0; box-sizing: border-box;}
.header .search_area .open_keyword .link {padding: 0 15px; height: 35px; border: 1px solid #e5e5e5; border-radius: 100px; box-sizing: border-box; margin: 5px;}
.header .search_area .open_keyword .link {font-size: 13px; color: #41A5D8; letter-spacing: -0.4px; background: #fff; display: flex; justify-content: center; align-items: center;}
.header .search_area .open_keyword .link:before {content: '#';}
.header .search_area .open_keyword .link:hover {background: #f1f1f4;}
.header .search_area .open_keyword .btn_box {width: 100%; flex: none; border-top: 1px solid #eee; box-sizing: border-box; display: flex; flex-direction: row;}
.header .search_area .open_keyword .btn_box {justify-content: flex-end; align-items: center; height: 55px; padding: 0 20px; box-sizing: border-box; margin-top: auto;}
.header .search_area .open_keyword .btn_close {font-size: 14px; color: #888; letter-spacing: -0.6px; padding: 10px; box-sizing: border-box;}

.header .search_area.if_open_hd_search .open_keyword {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}

/* 탑 메뉴 */
.header .top_link {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-left: 15px;}
.header .top_link li {position: relative;}
.header .top_link li+ li:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; background: #e5e5e5; margin-top: -5px;}
.header .top_link .btn {font-family: 'Manrope'; font-size: 14px; color: #aaa; letter-spacing: 0; font-weight: 500; padding: 10px 13px; box-sizing: border-box; line-height: 1;}

/* 아이콘 메뉴 */
.header .icon_menu {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-right: -7px; margin-left: 15px;}
.header .icon_menu li {position: relative;}
.header .icon_menu .btn {padding: 15px 12px; box-sizing: border-box;}
.header .icon_menu .ic {font-size: 0; position: relative;}
.header .icon_menu .dot {position: absolute; right: -1px; top: -6px; width: 7px; height: 7px; background: #41A5D8; border: 1px solid #41A5D8;}
.header .icon_menu .dot {border-radius: 100px; box-sizing: border-box; animation: notice_dot ease-in-out 0.5s infinite; -webkit-animation: notice_dot ease-in-out 0.5s infinite;}
.header .icon_menu .notice_tx {position: absolute; top: 50px; right: -25px; max-width: 200px; background: #fff; border: 1px solid #41A5D8; border-radius: 100px; z-index: 110;}
.header .icon_menu .notice_tx {box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); height: 35px; line-height: 33px; padding: 0 15px; box-sizing: border-box;}
.header .icon_menu .notice_tx {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.header .icon_menu .notice_tx {animation: notice_tx 3.5s none; -webkit-animation: notice_tx 3.5s none;}
.header .icon_menu .notice_tx em {font-size: 13px; color: #41A5D8; letter-spacing: -0.5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%;}
.header .icon_menu .notice:hover .notice_tx {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible; top: 60px;}

@-webkit-keyframes notice_dot {
    0% {margin-top:1px}
    30% {margin-top:4px}
    100% {margin-top:-1px}
}
@keyframes notice_dot {
    0% {margin-top:1px}
    30% {margin-top:4px}
    100% {margin-top:-1px}
}

@-webkit-keyframes notice_tx {
    0% {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; top: 50px;}
    20% {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible; top: 60px;}
    80% {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible; top: 60px;}
    100% {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; top: 50px;}
}
@keyframes notice_tx {
    0% {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; top: 50px;}
    20% {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible; top: 60px;}
    80% {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible; top: 60px;}
    100% {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; top: 50px;}
}



.header {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.header .layout_fix {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}

.header.if_scroll {height:70px;}
.header.if_scroll .layout_fix {height:70px;}
.header.if_scroll .hd_nav .depth1 {height:70px;}

.header.if_scroll .hd_nav .open_bg {top:70px}
.header.if_scroll .hd_nav .open_depth2 {top:70px}




/* 스크롤됐을때
.header.hd_fix {position: fixed; left: 0; top: -71px; width: 100%; z-index: 1000; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out;}
body.if_guide .header.hd_fix {display: none;}

.header .scroll_wrap {height: 70px;}
.header .scroll_wrap .menu_wrap {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-left: -17px;}
.header .scroll_wrap .menu_wrap .btn {letter-spacing: -0.4px; box-sizing: border-box;}
.header .scroll_wrap .menu_wrap .btn:hover {text-decoration: underline;}
.header .scroll_wrap .ctg1_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.header .scroll_wrap .ctg1_box .btn {font-size: 16px; color: #000; padding: 0 17px; height: 70px; display: flex; justify-content: center; align-items: center; position: relative;}
.header .scroll_wrap .ctg1_box .hit .btn {color: #41A5D8;}
.header .scroll_wrap .other_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.header .scroll_wrap .other_box .btn {font-size: 15px; color: #aaa; padding: 0 17px; height: 70px; display: flex; justify-content: center; align-items: center;}
.header .scroll_wrap .icon_menu .notice_tx {display: none;}

.header .scroll_wrap .li_charge {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.header .scroll_wrap .charge {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 20px 0 10px; box-sizing: border-box; height: 60px;}
.header .scroll_wrap .charge .total {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 10px; box-sizing: border-box; margin-left: -10px; margin-right: 10px;}
.header .scroll_wrap .charge .mark {border: 1px solid #41A5D8; border-radius: 100px; box-sizing: border-box; text-align: center;}
.header .scroll_wrap .charge .mark {font-family: 'Manrope'; font-size: 14px; color: #41A5D8; font-weight: 800; letter-spacing: -0.6px; width: 20px; height: 20px; line-height: 18px;}
.header .scroll_wrap .charge .total strong {font-family: 'Manrope'; font-size: 20px; color: #41A5D8; font-weight: 600; letter-spacing: -0.8px; margin-left: 5px; height: 22px; line-height: 22px;}
.header .scroll_wrap .charge .total em {font-size: 16px; color: #000; letter-spacing: -0.4px; margin-left: 1px; height: 22px; line-height: 21px;}
.header .scroll_wrap .charge .btn_charge {margin-left: auto; height: 30px; background: #41A5D8; border: 1px solid #41A5D8; border-radius: 100px; box-sizing: border-box;}
.header .scroll_wrap .charge .btn_charge {font-size: 13px; color: #fff; letter-spacing: -0.4px; padding: 0 15px; display: flex; justify-content: center; align-items: center;}

.header.if_scroll {top: 0;}
.header.if_scroll:before {background: rgba(0, 0, 0, 0.07); bottom: -1px;}
.header.if_scroll .top_wrap {display: none;}
.header.if_scroll .scroll_wrap {display: flex;}
.header.if_scroll .layout_fix {max-width: 1400px; width: 100%; padding: 0 50px; box-sizing: border-box;}
*/


/* 네비 ●●●● */
.nav {position:relative; clear:both; background:transparent url('../images/nav_bg.gif') left top repeat-x; height: 55px; z-index:555}

/* 전체사이트맵보기 */
.nav .btn_sitemap {position:relative; width:190px!important; float:left;}
.nav .btn_sitemap .btn_all {background:#5b5b5b; position:relative; height:55px;}
.nav .btn_sitemap .btn_all .alink {overflow:hidden; position:absolute; left:0; top:0; width:190px; height:55px}
.nav .btn_sitemap .btn_all .alink img {float:left; width:190px; height:55px}
.nav .btn_sitemap .btn_all .ic {float:left; margin: 20px 6px 0 36px}
.nav .btn_sitemap .btn_all .ic img {float:left}
.nav .btn_sitemap .btn_all .ic .over {display:none}
.nav .btn_sitemap .btn_all .txt {margin-top:20px; line-height:1; color:#e0e1e4; font-size:16px; font-weight:bold;}
/* .nav .btn_sitemap:hover .btn_all .txt {color:#fff}
.nav .btn_sitemap:hover .btn_all .ic .off {display:none}
.nav .btn_sitemap:hover .btn_all .ic .over {display:block} */
.nav .btn_sitemap.hover .btn_all .txt {color:#fff}
.nav .btn_sitemap.hover .btn_all .ic .off {display:none}
.nav .btn_sitemap.hover .btn_all .ic .over {display:block}

.nav .sitemap {display:none; z-index:50; background:#5b5b5b; position:absolute; left:0; top:0; margin-top:53px; width:1000px}
.nav .sitemap .btn_close {float:right; overflow:hidden; padding: 8px 7px 6px 7px; margin: 0 4px 4px 0}
.nav .sitemap .btn_close img {float:left}
.nav .sitemap .inner_box {background:#fff; overflow:hidden; clear:both; margin: 4px; width:992px;}
.nav .sitemap .inner_box .main_ctg {background:transparent url('../images/all_ctg_line.gif') left top repeat-x!important; position:relative; vertical-align:center;}
.nav .sitemap .inner_box .main_ctg .ctg_tit {display:block; line-height:100%; text-align:center; font-weight:bold; font-size:16px; color:#5b5b5b;  padding: 15px 0;}
.nav .sitemap .inner_box .main_ctg .ctg_tit:hover {color:#fa0d3d}
.nav .sitemap .inner_box .sub_ctg {position:relative; background:transparent url('../images/all_ctg_line.gif') left top repeat-x!important; border-left:1px solid #5b5b5b; padding: 12px 14px}
.nav .sitemap .inner_box .sub_ctg .btn {line-height:1.2; color:#666; font-size:12px; float:left; padding: 10px 16px}
.nav .sitemap .inner_box .sub_ctg .btn:hover {color:#fa0d3d}
.nav .sitemap .inner_box .sub_ctg .line {float:left; height:9px; width:1px; background:#cfcfcf; margin: 11px 0}
.nav .sitemap .inner_box .sub_ctg .line:last-child {display:none}
.nav .sitemap .inner_box tr:first-child .main_ctg {background:transparent!important}
.nav .sitemap .inner_box tr:first-child .sub_ctg {background:transparent!important}
.nav .sitemap .inner_box tr:hover {background:#f8f8f8;}

.nav .sitemap .inner_box .w_line {position:absolute; left:0; top:0; margin: 12px 14px; width:1px; height:100%; background:#fff; display:inline-block}
.nav .sitemap .inner_box tr:hover .w_line {background:#f8f8f8;}
/* .nav .btn_sitemap:hover .sitemap {display:block!important;} */
.nav .btn_sitemap.hover .sitemap {display:block!important;}


/* 1차카테고리 */
.nav .depth1 {z-index:2; float:left; position:relative; width:162px; height:53px;}
.nav .depth1 .first {position:relative; line-height:56px; text-align:center; height:53px}
.nav .depth1 .first .tit {position:absolute; left:0; top:0; width:100%; height:53px; color:#5b5b5b; font-weight:bold; font-size:16px; border-left:1px solid #dedede;}
.nav .depth1:hover .tit {background:#fff url('../images/nav_line.gif') right top repeat-y; margin-top:1px; line-height:54px; height:55px; z-index:1}
.nav .depth1 .sub_nav_bg {display:none;}

.nav .depth_hit {z-index:1}
.nav .depth_hit .tit {background:#fff url('../images/nav_line.gif') right top repeat-y; margin-top:1px; line-height:54px; height:52px!important;}
.nav .depth_hit:hover .tit {z-index:1; position:absolute; left:0; top:0; height:53px; color:#5b5b5b; font-weight:bold; font-size:16px; border-left:1px solid #dedede;}
.nav .depth_hit:hover .depth2 {display:none!important}
.nav .depth_hit .sub_nav_bg {position:relative; z-index:1; height:10px; width:100%; background:#fff; display:block; position:absolute; left:0; bottom:0; margin-bottom:-10px}
.nav .depth_hit .sub_nav_bg .line {position:absolute; top:0; width:1px; background:#dedede; height:2px; display:block}
.nav .depth_hit .sub_nav_bg .left {left:0;}
.nav .depth_hit .sub_nav_bg .right {right:0; margin-right:-1px}



/* 2차카테고리 */
.nav .depth2 {display:none; position:absolute; left:0; top:0; background:#fff; border:1px solid #dedede; width:323px!important; margin-top:55px;}
.nav .depth2 .inner_box {overflow:hidden; margin: 8px 19px 0 19px}
.nav .depth2 .inner_box .line {border-top:1px solid #dedede; overflow:hidden; clear:both}
.nav .depth2 .inner_box .line:first-child {border-top:none;}
.nav .depth2 .inner_box .btn {color:#666; float:left; overflow:hidden; text-align:center; width:50%; line-height:1.2; padding: 15px 0;}
.nav .depth2 .inner_box .btn:hover {color:#fa0d3d}
.nav .depth2 .banner_box {overflow:hidden; margin: 0 19px 19px 19px}
.nav .depth2 .banner_box .bn {overflow:hidden}
.nav .depth2 .banner_box .bn img {float:left}

.nav .depth1:hover .depth2 {display:block}



/* 기획전카테고리 */
.nav .special .tit {color:#fff!important; height: 52px!important; line-height:54px; width:160px!important; margin-top:1px; background:#fa0d3e; border:1px solid #dedede; border-top:none; border-bottom:none}
.nav .special:hover .first .tit {line-height:54px; height: 52px!important; background:#fa0d3e; border:1px solid #dedede; border-top:none; border-bottom:none}
.nav .special .sub_nav_bg {background:#fa0d3e; height:2px; margin-bottom:-2px; width:161px}
.nav .special .sub_nav_bg .line {background:#5b5b5b;}







/* 최근본상품 공통 ●●●● */
.fly_right {z-index:50; position:absolute; top:0; left:50%; margin:294px 0 0 512px; width:100px;}
.fly_right .top_title {width:98px; line-height:27px; height:27px; font-size:11px; text-align:center; font-family:"lato"; color:#707070; border:1px solid #c8c8c8; border-bottom:none; background:#fff;}
.fly_right .view_box {border:1px solid #c8c8c8; border-bottom:none; width:98px; background:#fff; padding: 15px 0 0 0;}
.fly_right .view_box .view_inner {/* height: 251px; */height: 251px;}
.fly_right .view_box .view_none {text-align:center; padding: 30px 0;}
.fly_right .view_box .view_none .img {padding: 50px 0 10px;}
.fly_right .view_box .view_none img {float:left;}
.fly_right .view_box .view_none .txt {color:#b8b8b8; display:block; clear:both; font-size:11px;}

.fly_right .view_box .box {z-index:10; margin: 0 6px 6px; position:relative; width:86px; height:57px}
.fly_right .view_box .box .over {display:none; position:absolute; left:0; top:0;}
.fly_right .view_box .box .btn_close {z-index:5; display:none; position:absolute; right:0; top:0;}
.fly_right .view_box .box .info {position:relative; width:180px; height:57px; position:absolute; right:0; top:0; background:#363636; }
.fly_right .view_box .box .info .item_name {color:#fff; font-size:11px; padding: 8px 10px 5px 10px}
.fly_right .view_box .box .info .price {position:absolute; left:0; bottom:0; margin: 8px 10px; color:#ffcc00; font-family:"lato";}
.fly_right .view_box .box .item_link {z-index:4; position:absolute; left:0; top:0; width:86px; height:57px;}
.fly_right .view_box .box .item_link img {width:100%}
.fly_right .view_box .box .thumb {position:relative; z-index:1; overflow:hidden; width:86px; height:57px;}
.fly_right .view_box .box .thumb img {float:left; width:100%;}

.fly_right .view_box .box:hover .item_link {width:84px; height:55px; border:1px solid #363636!important;}
.fly_right .view_box .box:hover .btn_close {display:block}
.fly_right .view_box .box:hover .over {display:block}

.fly_right .view_box .btn_nate {position:relative;z-index:11; background:#fff; padding: 9px 0 7px 0; overflow:hidden; text-align:center}
.fly_right .view_box .btn_nate .nate {float:left; overflow:hidden}
.fly_right .view_box .btn_nate .nate img {float:left}
.fly_right .view_box .btn_nate .nate .hit {display:none;}
.fly_right .view_box .btn_nate .nate:hover .hit {display:block}
.fly_right .view_box .btn_nate .nate:hover .off {display:none;}
.fly_right .view_box .btn_nate .number {float:left; overflow:hidden; padding: 2px 8px; font-family:"lato"; color:#939393; font-size:11px; line-height:1;}
.fly_right .view_box .btn_nate .number strong {color:#363636;}


.fly_right .btn_area {width:100px; overflow:hidden; clear:both; background:#363636;}
.fly_right .btn_area .btn {border-bottom:1px solid #222; overflow:hidden; display:block; color:#c8c8c8; letter-spacing:-1px; font-size:11px; padding: 8px 11px 6px 11px; line-height:1; text-align:center;}
.fly_right .btn_area .btn strong {padding-right:2px}
.fly_right .btn_area .btn:hover {color:#fff}



/* 왼쪽배너 ●●●● */
.fly_left {z-index:50; position:absolute; left:50%; top:0; margin: 294px 0 0 -612px; width:100px;}
.fly_left .top {height:43px; line-height:43px; width:100px; background:#5b5b5b; letter-spacing:-1px; text-align:center; font-size:11px; font-weight:bold; color:#dedede; font-weight:bold; position:relative;}
.fly_left .top .arrow {margin-bottom:-4px; position:absolute; left:0; bottom:0; width:100%; height:4px; background:transparent url('../images/ic_left_arrow.gif') center top no-repeat;}
.fly_left .banner {overflow:hidden; width:98px; border:1px solid #c8c8c8; border-top:none}
.fly_left .banner .bn {float:left; overflow:hidden; clear:both; border-top:1px solid #c8c8c8;}
.fly_left .banner .bn:first-child {border-top:none}
.fly_left .banner .bn img {float:left}


/* 포지션 ●●●● */
.topposition {position:absolute; left:50%; /* top:0; */ margin: 808px 0 0 535px;}
.topposition .btn {overflow:hidden; clear:both; float:left}
.topposition .btn img {float:left;}
.topposition .btn .over {display:none}
.topposition .btn:hover .over {display:block}
.topposition .btn:hover .off {display:none}



/* ●●●●●●●●●● 메인페이지 */
/* 메인비주얼 ●●●● */
.main_visual {overflow:hidden; background: #f2f2f2;position:relative; padding: 28px 0 34px 0;}
.main_visual .main_bn {position:relative; background:#fff; float:left; height:403px}
.main_visual .main_bn .ic_flag {position:absolute; left:0; top:0; margin: 36px 0 0 -9px; z-index: 2;}
.main_visual .main_bn .bn {float:left; overflow:hidden; width:731px; height:403px}
.main_visual .main_bn .bn  img {float:left}

.main_visual .thumb_bn {width:269px; float:left; background:transparent url('../images/thumb_bn_bg.gif') left top repeat-y; height:403px}
.main_visual .thumb_bn li {background:#fff; position:relative; list-style:none; float:left; width:133px; height:133px; border-top:1px solid #b1b1b1; border-left:1px solid #b1b1b1}
.main_visual .thumb_bn .upper {position:absolute; left:0; top:0; border:1px solid #b1b1b1; margin: -1px 0 0 0; border-top:none; border-left:none; width: 133px; height:134px;}
.main_visual .thumb_bn .upper img {width:100%}
.main_visual .thumb_bn .thumb {position:relative; z-index:1; overflow:hidden; margin: 10px 11px 9px 11px;}
.main_visual .thumb_bn .thumb img {float:left;}
.main_visual .thumb_bn .tit {margin: 0 11px; overflow:hidden; clear:both; text-align:center; font-size:11px; letter-spacing:-1px; color:#666}
.main_visual .thumb_bn li:hover .upper {z-index:3; border:2px solid #5B5B5B; width:131px; height:131px; margin: -1px 0 0 -1px;}
.main_visual .thumb_bn .upper.active {z-index:3; border:2px solid #fa0d3e; width:131px; height:131px; margin: -1px 0 0 -1px;}
.main_visual .thumb_bn li:hover .upper.active {z-index:3; border:2px solid #fa0d3e; width:131px; height:131px; margin: -1px 0 0 -1px;}


/* 메인등록배너 ●●●● */
.main_center_bn {overflow:hidden; background:#ffffff; padding: 40px 0 0 0;}
.main_center_bn .box_title {float:left; overflow:hidden; margin-bottom:16px}
.main_center_bn .box_title img {float:left}
.main_center_bn .roll_btn {position:absolute; right:0; top:0; margin-top:2px;}
.main_center_bn .roll_btn .btn {float:left; overflow:hidden; padding: 3px}
.main_center_bn .roll_btn .btn img {float:left;}
.main_center_bn .roll_btn .img_hit {display:none}
/* .main_center_bn .roll_btn .hit .img_hit {display:block}
.main_center_bn .roll_btn .hit .img_off {display:none} */
.main_center_bn .roll_btn .active .img_hit {display:block}
.main_center_bn .roll_btn .active .img_off {display:none}

.main_center_bn .banner_box {clear:both; overflow:hidden; height:359px; border: 1px solid #dedede; background: #dedede; position:relative; margin-left: -1px;}

.main_center_bn .box {float:left; width:249px; height:359px; position:relative; background:transparent url('../images/no_item.gif') center center no-repeat;}
.main_center_bn .box .alink {z-index:66; position:absolute; left:0; top:0; width:247px; height:357px; border: 1px solid transparent;}
.main_center_bn .box .alink img {float:left; width:100%; height:100%;}

.main_center_bn .box .title_area {z-index:1; margin-top:24px; position:absolute; left:0; top:0; width:100%; text-align:center}
.main_center_bn .box .title_area .lineup {margin: 0 40px}
.main_center_bn .box .title_area .tit {line-height:1.2; font-weight:bold; font-size:14px; color:#333; letter-spacing:-0.8px;}
.main_center_bn .box .title_area .under_line {display:inline-block; margin: 8px 0 13px 0; width:40px; height:1px; background:#333;}
.main_center_bn .box .title_area .txt {line-height:16px; color: #848484; letter-spacing:-0.2px;}

.main_center_bn .box .img_box {z-index:66; margin:0; overflow:hidden}
.main_center_bn .box .img_box img {float:left;width:250px; height:360px; max-width:250px !important; margin: -1px 0 0 -1px; }

.main_center_bn .box:hover .alink {border:1px solid #000;}

/* .main_center_bn .banner_box {clear:both; overflow:hidden; height:359px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; position:relative; width:1001px;}
.main_center_bn .banner_box:after {content:''; width:1px; height:100%; background:#dedede; position:absolute; right:0; top:0; z-index:1}
.main_center_bn .banner_box:before {content:''; width:1px; height:100%; background:#dedede; position:absolute; left:0; top:0; z-index:1}

.main_center_bn .box {float:left; width:250px; height:359px; position:relative; background:transparent url('../images/no_item.gif') center center no-repeat;}
.main_center_bn .box:before {content:''; width:1px; height:100%; background:#dedede; position:absolute; left:0; top:0;}
.main_center_bn .box .alink {z-index:66; position:absolute; left:1px; top:0; width:247px; height:357px; }
.main_center_bn .box .alink img {float:left; width:100%; width:100%;}

.main_center_bn .box .title_area {z-index:1; margin-top:24px; position:absolute; left:0; top:0; width:100%; text-align:center}
.main_center_bn .box .title_area .lineup {margin: 0 40px}
.main_center_bn .box .title_area .tit {line-height:1.2; font-weight:bold; font-size:14px; color:#333; letter-spacing:-0.8px;}
.main_center_bn .box .title_area .under_line {display:inline-block; margin: 8px 0 13px 0; width:40px; height:1px; background:#333;}
.main_center_bn .box .title_area .txt {line-height:16px; color: #848484; letter-spacing:-0.2px;}

.main_center_bn .box .img_box {z-index:66; margin:0; overflow:hidden}
.main_center_bn .box .img_box img {float:left;}

.main_center_bn .box:hover .alink {border:1px solid #000;} */

/*
.main_center_bn .box:first-child {width:248px}
.main_center_bn .box:first-child .alink {width:247px; border-left: 1px solid #dedede}
.main_center_bn .box:first-child:hover .alink {width:246px!important}
*/




/* 상품리스트 ●●●● */
.main_list {overflow:hidden; padding: 40px 0}
.main_list .main_tab {width:1000px; margin:0 auto; background:transparent url('../images/tab_line.gif') left bottom repeat-x; text-align:center; overflow:hidden}
.main_list .main_tab .btn {float:left; position:relative; padding: 15px 40px; text-align:center; border-top:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; background:#fff;}
.main_list .main_tab .btn {color:#333; font-family:"lato",dotum; font-size:20px; font-weight:700; line-height:1;}
.main_list .main_tab .btn:first-child {border-left:1px solid #dedede}
.main_list .main_tab .btn_hit {background:#f5f5f7; border-bottom:1px solid #f5f5f7!important; color:#f00c3c}
.main_list .main_tab .btn:hover {color:#f00c3c}

.item_list_area {clear:both; overflow:hidden;}
.item_list_area .layout_fix {width:1014px;}




/* ●●●●●●●●● 아이템박스기본! */
.item_box {margin: 20px 7px 0 7px; float:left; border:1px solid #dedede; background:#fff; position:relative;}
.item_box .alink {z-index:3; position:absolute; left:0; top:0; width:100%; height:100%}

.item_box .soldout {position:relative; text-align:center; z-index:3; position:absolute; left:0; top:0; width:100%; height:100%; background:transparent url('../images/soldout_bg.png') left top repeat;}
.item_box .soldout .lineup {margin-top:134px;}
.item_box .soldout .tit {background:transparent url('../images/soldout_txt_bg_l.png') left top no-repeat; width:142px; height:57px; overflow:hidden}
.item_box .soldout .tit .inner {height:57px; background:transparent url('../images/ic_soldout.png') left center no-repeat; background-size:25px;color:#fff; font-weight:bold; font-size:15px; letter-spacing:0; }
.item_box .soldout .tit .inner {padding-left:30px; line-height:57px;}
.item_box .soldout .txt {margin-top:10px; font-size:12px; color:#fff; overflow:hidden}
.item_box .soldout .txt em {text-decoration:underline}
.item_box .soldout_soon {position:absolute; left:50%; top:50%; margin: -28px 0 0 -73px}
.item_box .soldout_soon {text-align:center; float:left; background:transparent url('../images/soldout_soon_bg.png') left top no-repeat; height:57px; width:147px}
.item_box .soldout_soon .lineup {margin-left:-10px}
.item_box .soldout_soon img {float:left; margin: 10px 6px 0 0}
.item_box .soldout_soon .txt {color:#fff; font-weight:bold; font-size:16px; letter-spacing:-1px; line-height:1; padding-top: 21px;}

.item_box .thumb {position:relative; z-index:1; margin:10px 10px 0 10px;}
.item_box .img_box {width:324px; overflow:hidden; }
.item_box .img_box img {float:left; width:100%}
.item_box .upper_coup {position:absolute; right:0; bottom:0;  margin: 9px;}
.item_box .upper_ic {z-index:2;position:absolute; left:0; bottom:0; margin: 9px;}
.item_box .upper_ic img {float:left;}
.item_box .item_name {overflow:hidden; padding: 19px 15px 0 15px; font-weight:bold; color:#333; font-size:14px; letter-spacing:-1px; line-height:1;}
.item_box .info {padding: 20px 15px; overflow:hidden}
.item_box .discount {float:left; overflow:hidden; font-family:"lato"; margin:3px 16px 0 0; color:#ff0000; font-size:42px;}
.item_box .discount em {font-size:25px; font-weight:400;}
.item_box .discount_none {float:left; background:transparent url('../images/discount_none.png') left top no-repeat; width:75px; height:25px;}
.item_box .price {overflow:hidden;}
.item_box .price del {text-decoration:none}
.item_box .before {display:inline-block; font-family:"lato"; color:#666; font-size:17px; line-height:1; letter-spacing:-0.5px; position:relative;  padding:0 4px; margin-bottom:3px; overflow:hidden;}
.item_box .before:after {content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background:#888;}
.item_box .before:before {content:'￦'; font-family:'time new roman'; float:left; font-size:14px; padding:2px 2px 0 0; display:none}
.item_box .before .kor {font-family:dotum; font-size:14px; color:#999; font-weight:bold}
.item_box .after {font-family:"lato"; color:#333; font-size:25px; line-height:1; margin-left:3px}
.item_box .after .kor {font-family:dotum; font-size:16px; color:#333; font-weight:bold}
.item_box .after:before {content:'￦'; font-family:'time new roman'; float:left; font-size:19px; margin:2px 2px 0 0; display:none}

.item_box .ranking {margin:-1px;z-index:2; position:absolute; left:0; top:0; width:40px; height:40px; text-align:center; font-weight:bold; color:#fff; font-size:16px; line-height:40px;}
.item_box .top_box {background:#fa0d3e;}
.item_box .other_box {background:#838383}

.item_box .bottom {overflow:hidden; height:38px; border-top:1px solid #ebebeb; position:absolute; left:0; bottom:0; width:100%}
.item_box .bottom .btn_wish {position:relative; z-index:4; float:right; overflow:hidden; margin: 10px 16px 0 0}
.item_box .bottom .btn_wish img {float:left}
.item_box .bottom .btn_wish .hit {display:none}
.item_box .bottom .btn_wish_hit .hit {display:block !important}
.item_box .bottom .btn_wish_hit .off {display:none}

.item_box:hover .item_name {color:#333}
.item_box:hover .alink {border:1px solid #000; margin: -1px}



/*
.item_list_area .item_box {margin: 20px 7px 0 7px; float:left; border:1px solid #dedede; background:#fff; position:relative;}
.item_list_area .item_box .alink {z-index:3; position:absolute; left:0; top:0; width:100%; height:100%}

.item_list_area .item_box .soldout {position:relative; text-align:center; z-index:5; position:absolute; left:0; top:0; width:100%; height:100%; background:transparent url('../images/soldout_bg.png') left top repeat;}
.item_list_area .item_box .soldout .lineup {margin-top:134px;}
.item_list_area .item_box .soldout .tit {background:transparent url('../images/soldout_txt_bg_l.png') left top no-repeat; width:142px; height:57px; overflow:hidden}
.item_list_area .item_box .soldout .tit .inner {height:57px; background:transparent url('../images/ic_soldout.png') left center no-repeat; color:#fff; font-weight:bold; font-size:16px; letter-spacing:-1px; }
.item_list_area .item_box .soldout .tit .inner {padding-left:43px; line-height:57px;}
.item_list_area .item_box .soldout .txt {margin-top:10px; font-size:13px; color:#fff; overflow:hidden}
.item_list_area .item_box .soldout .txt em {text-decoration:underline}
.item_list_area .item_box .soldout_soon {position:absolute; left:50%; top:50%; margin: -28px 0 0 -73px}
.item_list_area .item_box .soldout_soon {text-align:center; float:left; background:transparent url('../images/soldout_soon_bg.png') left top no-repeat; height:57px; width:147px}
.item_list_area .item_box .soldout_soon .lineup {margin-left:-10px}
.item_list_area .item_box .soldout_soon img {float:left; margin: 10px 6px 0 0}
.item_list_area .item_box .soldout_soon .txt {color:#fff; font-weight:bold; font-size:16px; letter-spacing:-1px; line-height:1; padding-top: 21px;}

.item_list_area .item_box .thumb {position:relative; z-index:1; margin: 10px 10px 0 10px}
.item_list_area .item_box .img_box {width:300px; height:306px; overflow:hidden}
.item_list_area .item_box .img_box img {float:left; width:100%}
.item_list_area .item_box .upper_coup {position:absolute; right:0; bottom:0;  margin: 9px;}
.item_list_area .item_box .upper_ic {z-index:2;position:absolute; left:0; bottom:0; margin: 9px;}
.item_list_area .item_box .upper_ic img {float:left;}
.item_list_area .item_box .item_name {overflow:hidden; padding: 19px 15px 0 15px; font-weight:bold; color:#333; font-size:14px; letter-spacing:-1px; line-height:1;}
.item_list_area .item_box .info {padding: 20px 15px; overflow:hidden}
.item_list_area .item_box .discount {float:left; overflow:hidden; font-family:"lato"; margin:3px 16px 0 0; color:#ff0000; font-size:42px;}
.item_list_area .item_box .discount em {font-size:25px; font-weight:400;}
.item_list_area .item_box .discount_none {float:left; background:transparent url('../images/discount_none.png') left top no-repeat; width:75px; height:25px;}
.item_list_area .item_box .price {overflow:hidden;}
.item_list_area .item_box .price del {text-decoration:none}
.item_list_area .item_box .before {display:inline-block; font-family:"lato"; color:#666; font-size:17px; line-height:1; letter-spacing:-0.5px; position:relative;  padding:0 4px; margin-bottom:3px; overflow:hidden;}
.item_list_area .item_box .before:after {content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background:#888;}
.item_list_area .item_box .before:before {content:'￦'; font-family:'time new roman'; float:left; font-size:14px; padding:2px 2px 0 0; display:none}
.item_list_area .item_box .before .kor {font-family:dotum; font-size:14px; color:#999; font-weight:bold}
.item_list_area .item_box .after {font-family:"lato"; color:#333; font-size:25px; line-height:1; margin-left:3px}
.item_list_area .item_box .after .kor {font-family:dotum; font-size:16px; color:#333; font-weight:bold}
.item_list_area .item_box .after:before {content:'￦'; font-family:'time new roman'; float:left; font-size:19px; margin:2px 2px 0 0; display:none}

.item_list_area .item_box .ranking {margin:-1px;z-index:2; position:absolute; left:0; top:0; width:40px; height:40px; text-align:center; font-weight:bold; color:#fff; font-size:16px; line-height:40px;}
.item_list_area .item_box .top_box {background:#fa0d3e;}
.item_list_area .item_box .other_box {background:#838383}

.item_list_area .item_box .bottom {overflow:hidden; height:38px; border-top:1px solid #ebebeb; position:absolute; left:0; bottom:0; width:100%}
.item_list_area .item_box .bottom .btn_wish {position:relative; z-index:4; float:right; overflow:hidden; margin: 10px 16px 0 0}
.item_list_area .item_box .bottom .btn_wish img {float:left}
.item_list_area .item_box .bottom .btn_wish .hit {display:none}
.item_list_area .item_box .bottom .btn_wish_hit .hit {display:block !important}
.item_list_area .item_box .bottom .btn_wish_hit .off {display:none}

.item_list_area .item_box:hover .item_name {color:#333}
.item_list_area .item_box:hover .alink {border:1px solid #000; margin: -1px}
*/



/* 메인아이템 */
.main_list .item_box {margin: 20px 0 0 11px; }
.main_list .item_list_area {padding-bottom:60px; margin-left:-9px}
.main_list .item_list_area .item_box {width:324px; height:450px;}
.main_list .item_list_area .item_box .img_box {width:304px; /* height:315px; */}
.main_list .item_list_area .item_box .bottom {display:none}
.main_list .item_list_area .item_box .kor {display:none}
.main_list .item_list_area .item_box .upper_ic {top:0!important; margin: 10px;}
.main_list .item_list_area .item_box .ranking {display:none}


/* 서브아이템 */
.sub_list .item_box {margin: 20px 0 0 11px; }
.sub_list .item_list_area {padding-bottom:60px; margin-left:-9px}
.sub_list .item_list_area .item_box {width:324px; height:480px;}
.sub_list .item_list_area .item_box .img_box {width:324px; height:330px; margin:0}
.sub_list .item_list_area .item_box .discount {float:right !important; margin-right:0 !important}
.sub_list .item_list_area .item_box .price {float:left !important}
.sub_list .item_list_area .item_box .thumb {margin:0!important}
.sub_list .item_list_area .item_box .img_box {width:324px; height:330px;}
.sub_list .item_list_area .item_box .soldout {width:324px; height:475px; margin:-1px}



/* 카테고리별 추천상품 ●●●● */
.main_ctg_item {overflow:hidden; background:#fff; padding: 40px 0;}
.main_ctg_item .box_title {float:left; overflow:hidden; margin-bottom:16px}
.main_ctg_item .box_title img {float:left}
.main_ctg_item .top_area {clear:both; position:relative;}
.main_ctg_item .btn_more_view {margin: 19px 15px 0 0; position:absolute; right:0; top:0; background:transparent url('../images/arrow_g.gif') right 1px no-repeat; padding-right: 11px; line-height:1}
.main_ctg_item .btn_more_view {font-size:11px; color:#999}
.main_ctg_item .btn_more_view strong {color:#333}
.main_ctg_item .btn_more_view:hover {color:#000; background:transparent url('../images/arrow_b.gif') right top no-repeat;}
.main_ctg_item .btn_more_view:hover strong {color:#000}
.main_ctg_item .tab_area {position:relative; z-index:3; float:left;}
.main_ctg_item .tab_area .btn_tab {position:relative; line-height:1; float:left; border-right:1px solid #dedede; border-top:1px solid #dedede; padding: 15px 43px; font-size:16px; color:#666; font-weight:bold}
.main_ctg_item .tab_area .btn_tab:first-child {border-left:1px solid #dedede}
.main_ctg_item .tab_area .btn_tab:hover {color:#333; background:#f5f5f7;}
.main_ctg_item .tab_area .btn_tab .line {display:none; position:absolute; left:0; bottom:0; width:100%; background:#f5f5f7; height:1px; margin-bottom:-1px;}
.main_ctg_item .tab_area .btn_hit {color:#333; background:#f5f5f7;}
.main_ctg_item .tab_area .btn_hit .line {display:block}


.main_ctg_item .list_box {position:relative; z-index:2; clear:both; overflow:hidden; border:1px solid #dedede; background:#f5f5f7;}
.main_ctg_item .item_list {overflow:hidden; margin: 15px 7px}

.main_ctg_item .item_box {float:left; width:230px; height:347px; border:1px solid #dedede; margin: 0 7px; background:#fff; position:relative;}
.main_ctg_item .item_box .thumb {position:relative; z-index:1; margin:0}
.main_ctg_item .item_box .img_box {width:230px; overflow:hidden; margin:0}
.main_ctg_item .item_box .img_box img {float:left; width:100%}
.main_ctg_item .item_box .item_name {position:relative; z-index:1;  overflow:hidden; padding: 15px 15px 0 15px; font-weight:bold; color:#666; font-size:14px; letter-spacing:-1px; line-height:1;}
.main_ctg_item .item_box .discount {float:left; overflow:hidden; font-family:"lato"; margin-right:16px; color:#ff0000; font-size:25px;}
.main_ctg_item .item_box .discount strong {font-size:35px; font-weight:400;}
.main_ctg_item .item_box .discount_none {float:left; background:transparent url('../images/discount_none.png') left top no-repeat; width:75px; height:25px;}
.main_ctg_item .item_box .price {overflow:hidden; letter-spacing:-0.5px;}
.main_ctg_item .item_box .info {position:relative; z-index:1; padding: 20px 15px 0 15px; overflow:hidden}
.main_ctg_item .item_box .before {font-family:"lato"; color:#666; font-size:16px; line-height:1}
.main_ctg_item .item_box .after {font-family:"lato"; color:#333; font-size:23px; line-height:1}
.main_ctg_item .item_box .upper_ic {position:absolute; left:0; top:0; margin:0px;}





/* ●●●●●● 2개짜리 큰박스 */
.item_list_area .wide_item_box {width: 489px; height:458px; margin: 20px 0 0 14px; float:left; border:1px solid #dedede; background:#fff; position:relative;}

.item_list_area .wide_item_box .soldout {position:relative; text-align:center; z-index:5; position:absolute; left:0; top:0; width:100%; height:100%; background:transparent url('../images/soldout_bg.png') left top repeat;}
.item_list_area .wide_item_box .soldout .lineup {margin-top:134px;}
.item_list_area .wide_item_box .soldout .tit {background:transparent url('../images/soldout_txt_bg_l.png') left top no-repeat; width:142px; height:57px; overflow:hidden}
.item_list_area .wide_item_box .soldout .tit .inner {height:57px; background:transparent url('../images/ic_soldout.png') left center no-repeat; color:#fff; font-weight:bold; font-size:16px; letter-spacing:-1px; }
.item_list_area .wide_item_box .soldout .tit .inner {padding-left:43px; line-height:57px;}
.item_list_area .wide_item_box .soldout .txt {margin-top:10px; font-size:13px; color:#fff; overflow:hidden}
.item_list_area .wide_item_box .soldout .txt em {text-decoration:underline}

.item_list_area .wide_item_box .alink {z-index:3; overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%}

.item_list_area .wide_item_box .thumb {position:relative; z-index:1;}
.item_list_area .wide_item_box .img_box {width:489px; height:330px; overflow:hidden}
.item_list_area .wide_item_box .img_box img {float:left; width:100%}

.item_list_area .wide_item_box .soldout_soon {position:absolute; left:50%; top:50%; margin: -28px 0 0 -73px}
.item_list_area .wide_item_box .soldout_soon {text-align:center; float:left; background:transparent url('../images/soldout_soon_bg.png') left top no-repeat; height:57px; width:147px}
.item_list_area .wide_item_box .soldout_soon .lineup {margin-left:-10px}
.item_list_area .wide_item_box .soldout_soon img {float:left; margin: 10px 6px 0 0}
.item_list_area .wide_item_box .soldout_soon .txt {color:#fff; font-weight:bold; font-size:16px; letter-spacing:-1px; line-height:1; padding-top: 21px;}

.item_list_area .wide_item_box .item_name {overflow:hidden; padding: 19px 15px 0 15px; font-weight:bold; color:#666; font-size:14px; letter-spacing:-1px; line-height:1;}
.item_list_area .wide_item_box .info {overflow:hidden; padding: 10px 15px;}

.item_list_area .wide_item_box .discount {margin: 0 18px -40px 0; text-align:center; background:transparent url('../images/discount_bg.png') left top no-repeat; width:80px; height:80px; z-index:5; position:absolute; right:0; bottom:0; }
.item_list_area .wide_item_box .discount .num {margin-top:19px; line-height:1; font-family:"lato"; color:#fff; font-size:25px;}
.item_list_area .wide_item_box .discount .num em {line-height:1; font-size:40px; letter-spacing:-1px;}
.item_list_area .wide_item_box .discount_none {background:transparent url('../images/discount_none.png') left top no-repeat; width:75px; height:25px;}

.item_list_area .wide_item_box .price {overflow:hidden;}
.item_list_area .wide_item_box .before {float:left; font-family:"lato"; color:#666; font-size:17px; line-height:1; margin: 4px 11px 0 0}
.item_list_area .wide_item_box .before .kor {font-family:dotum; font-size:14px; color:#999; font-weight:bold}
.item_list_area .wide_item_box .after {font-family:"lato"; color:#333; font-size:25px; line-height:1}
.item_list_area .wide_item_box .after .kor {font-family:dotum; font-size:16px; color:#333; font-weight:bold}

.item_list_area .wide_item_box:hover .item_name {color:#333}
.item_list_area .wide_item_box:hover .alink {border:1px solid #000; margin: -1px}

.item_list_area .wide_item_box .bottom {overflow:hidden; height:38px; border-top:1px solid #ebebeb; position:absolute; left:0; bottom:0; width:100%}
.item_list_area .wide_item_box .bottom .ic_area {float:left; overflow:hidden; margin: 9px}
.item_list_area .wide_item_box .bottom .ic_area img {float:left; margin-right:1px}
.item_list_area .wide_item_box .bottom .btn_wish {position:relative; z-index:4; float:right; overflow:hidden; margin: 10px 16px 0 0}
.item_list_area .wide_item_box .bottom .btn_wish img {float:left}
.item_list_area .wide_item_box .bottom .btn_wish .hit {display:none}

.item_list_area .bottom .btn_wish_hit .hit {display:block!important}
.item_list_area .bottom .btn_wish_hit .off {display:none}

.item_list_area .wide_item_box .ranking {margin:-1px;z-index:2; position:absolute; left:0; top:0; width:40px; height:40px; text-align:center; font-weight:bold; color:#fff; font-size:16px; line-height:40px;}
.item_list_area .wide_item_box .top_box {background:#fa0d3e;}
.item_list_area .wide_item_box .other_box {background:#838383}


.item_list_area .wide_item_box .upper_coup {position:absolute; right:0; top:0;  margin: 9px;}


/* 하단등록배너 ●●●● */
.main_bottom {background:#fff; overflow:hidden; padding: 52px 0;}
.main_bottom .layout_fix {width: 1014px}
.main_bottom .bn {float:left; overflow:hidden; width:321px; height:116px; border:1px solid #dedede; margin: 6px 7px 6px 8px}
.main_bottom .bn img {float:left}






/* ●●●●●●●●●● 서브페이지 */
.sub_top_area {}
.sub_top_area .layout_fix {padding: 29px 0 30px 0;}
.sub_top_area .category {float:left; background:#fff; border:1px solid #dedede; width:187px; height:429px; overflow-y:auto}
.sub_top_area .category .inner {padding: 10px 20px}
.sub_top_area .category .btn_ctg {display:block; line-height:1; padding: 10px 0 8px 13px; color:#7e7e7e}
.sub_top_area .category .btn_ctg:hover {color:#fa0d3e}
.sub_top_area .category .btn_hit {background:transparent url('../images/sub_ctg_hit_ic.gif') left center no-repeat; font-weight:bold; color:#fa0d3e}

.sub_top_area .sub_visual {border:1px solid #dedede; border-left:none; overflow:hidden; height:429px}
.sub_top_area .sub_visual .banner {overflow:hidden; width:810px; height:370px;}
.sub_top_area .sub_visual .banner img {float:left}

.sub_top_area .sub_visual .bn_title {clear:both;}
.sub_top_area .sub_visual .bn_link {float:left; width:202px; border-left:1px solid #dedede; border-top:1px solid #dedede; position:relative; height:58px; text-align:center;}
.sub_top_area .sub_visual .bn_link:first-child {width:201px; border-left:none}
.sub_top_area .sub_visual .bn_link .txt {padding: 17px 35px; overflow:hidden; color:#7e7e7e}
.sub_top_area .sub_visual .bn_link .arrow {position:absolute; left:0; top:0; display:none; height:15px; background:transparent url('../images/sub_vs_arrow.gif') center top no-repeat; width:100%; margin-top:-14px}
.sub_top_area .sub_visual .bn_link:hover .arrow {display:block}
.sub_top_area .sub_visual .bn_link:hover .txt {color:#333}
/* .sub_top_area .sub_visual .bn_hit .arrow {display:block}
.sub_top_area .sub_visual .bn_hit .txt {color:#333} */
.sub_top_area .sub_visual .active .arrow {display:block}
.sub_top_area .sub_visual .active .txt {color:#333}

.sub_top_area .sub_visual .wide_title .bn_link {width:404px}
.sub_top_area .sub_visual .wide_title .bn_link:first-child {width:405px}
.sub_top_area .sub_visual .wide_title .bn_link .txt {padding: 17px 130px}

.sub_top_area .sub_visual .triple_title .bn_link {width:269px;}
.sub_top_area .sub_visual .triple_title .bn_link:first-child {width:270px;}
.sub_top_area .sub_visual .triple_title .bn_link .txt {padding: 17px 60px;}

.sub_top_area .sub_visual .single_title .bn_link {width:809px;}
.sub_top_area .sub_visual .single_title .bn_link:first-child {width:810px;}
.sub_top_area .sub_visual .single_title .bn_link .txt {text-align: center; padding: 17px 130px;}

/* 서브리스트페이지 */
.sub_top_area .sub_center {position:relative; background:#fff; overflow:hidden; border:1px solid #dedede}
.sub_top_area .sub_center .list_line {width:1px; height:100%; position:absolute; left:0; top:0; background:#dedede; margin-left:187px}
.sub_top_area .list_category {float:left; width:187px;}
.sub_top_area .list_category .inner {padding: 10px 20px}
.sub_top_area .list_category .btn_ctg {display:block; line-height:1; padding: 10px 0 8px 13px; color:#7e7e7e}
.sub_top_area .list_category .btn_ctg:hover {color:#fa0d3e}
.sub_top_area .list_category .btn_hit {background:transparent url('../images/sub_ctg_hit_ic.gif') left center no-repeat; font-weight:bold; color:#fa0d3e}

.sub_top_area .local_ctg {overflow:hidden; padding: 19px 0; width:810px}
.sub_top_area .local_ctg .set {overflow:hidden; clear:both; margin: 0 20px 18px 0}
.sub_top_area .local_ctg .set:last-child {margin-bottom:0!important}
.sub_top_area .local_ctg .first {margin-left:20px; overflow:hidden; clear:both; margin-bottom:3px;}
.sub_top_area .local_ctg .first .btn {overflow:hidden; font-weight:bold; color:#333; height:21px; line-height:21px; padding: 0 9px; background:transparent url('../images/sub_ctg_ar_off.gif') left 5px no-repeat;}
.sub_top_area .local_ctg .first .btn_hit {color:#fa0d3e; background:transparent url('../images/sub_ctg_ar_hit.gif') left 5px no-repeat;}
.sub_top_area .local_ctg .second {clear:both; overflow:hidden;}
.sub_top_area .local_ctg .second li {height:22px; list-style:none; float:left; width:25%; position:relative;}
.sub_top_area .local_ctg .second .btn_sub {margin-left:20px; float:left; clear:both; overflow:hidden; padding: 6px 9px 4px 9px; line-height:1; color:#666; letter-spacing:-0.8px;}
.sub_top_area .local_ctg .second .btn_sub:hover {color:#fa0d3e}
.sub_top_area .local_ctg .second .btn_sub:hover .eng {color:#fa0d3e}
.sub_top_area .local_ctg .second .btn_hit {background:#fa0d3e; color:#fff!important;}
.sub_top_area .local_ctg .second .btn_hit .eng {color:#920827 !important}
.sub_top_area .local_ctg .second .eng {padding-left: 4px; overflow:hidden; font-family:"lato"; font-size:11px; letter-spacing:0px; color:#95979f;}
.sub_top_area .local_ctg .second ul {overflow:hidden;position:relative;}
/*
.sub_top_area .local_ctg .second li:first-child .btn_sub {margin-left:0}
*/
.sub_top_area .local_ctg .second .w_line {position:absolute; left:0; top:0; width:1px; height:100%; background:#fff; display:none}
.sub_top_area .local_ctg .second .line {position:absolute; left:0; top:0; width:1px; height:100%; background:#dedede;}




/* 지역외 카테고리분류 */
.sub_ctg_choice {padding: 0 0 20px 16px}
.sub_ctg_choice .location {float:left; margin-top:5px}
.sub_ctg_choice .location .txt {float:left; color:#666; line-height:1}
.sub_ctg_choice .location .arrow {float:left; overflow:hidden; margin: 0 10px;}

.sub_ctg_choice .select_box {margin-top:-6px; z-index:4; min-width:180px; cursor:pointer; height:29px; float:left; position:relative; border:1px solid #dedede; background:#fff;}
.sub_ctg_choice .select_box .first {padding: 0 10px; line-height:29px; color:#333}
.sub_ctg_choice .select_box .arrow {border-left:1px solid #dedede; position:absolute; right:0; top:0; width:31px; height:29px; display:inline-block; background:#f8f8f8 url('../images/sub_select_arrow.gif') center center no-repeat;}
.sub_ctg_choice .select_box .over {display:none; padding: 10px 0; background:#fff; position:absolute; left:0; top:0; margin-left:-1px; width:100%; margin-top:29px; border:1px solid #333}
/* .sub_ctg_choice .select_box .over .btn {line-height:1; display:block; padding: 10px 10px 8px 10px; border-bottom:1px dashed #c8c8c8}
.sub_ctg_choice .select_box .over .btn:first-child {padding-top:0}
.sub_ctg_choice .select_box .over .btn:last-child {padding-bottom:0; border-bottom:none} */
.sub_ctg_choice .select_box .over .btn_ctg {line-height:1; display:block; padding: 10px 10px 8px 10px; border-bottom:1px dashed #c8c8c8}
.sub_ctg_choice .select_box .over .btn_ctg:first-child {padding-top:0}
.sub_ctg_choice .select_box .over .btn_ctg:last-child {padding-bottom:0; border-bottom:none}

.sub_ctg_choice .select_box:hover {border:1px solid #333}
.sub_ctg_choice .select_box:hover .arrow {border-left:1px solid #333}
.sub_ctg_choice .select_box:hover .over {display:block}



/* 서브리스트 */
.sub_list {clear:both; overflow:hidden;}
.sub_list .sub_tab {width:1000px; margin:0 auto; overflow:hidden; padding: 30px 0 0 0; background:transparent url('../images/sub_tab_line.gif') left bottom repeat-x;}
.sub_list .sub_tab .btn_tab {color:#999; margin-right:3px; float:left; position:relative; border:1px solid #d3d3d3; padding: 14px 25px; text-align:center; line-height:1; border-bottom:none;}
.sub_list .sub_tab .btn_tab .dot {position:absolute; top:0; width:1px; height:1px; background:#f5f5f7; display:inline-block; margin: -1px}
.sub_list .sub_tab .btn_tab .d_left {left:0;}
.sub_list .sub_tab .btn_tab .d_right {right:0;}
.sub_list .sub_tab .btn_hit {border:1px solid #000; background:#f5f5f7; border-bottom:none; padding: 14px 25px 15px 25px; color:#333;}
.sub_list .sub_tab .btn_tab:hover {border:1px solid #000; background:#f5f5f7; border-bottom:none; color:#333}



/* 카테고리테마선택 */
.sub_category {width: 1002px; overflow:hidden; clear:both; margin: 34px auto 0 auto}
.sub_category .sub_tit {overflow:hidden; margin-left:16px; margin-bottom:15px}
.sub_category .sub_tit .txt_l {float:left; color:#333; font-weight:bold; font-size:16px; letter-spacing:-1px;}
.sub_category .sub_tit .txt {margin: 4px 0 0 11px; float:left; background:transparent url('../images/sub_tit_arrow.gif') left 1px no-repeat; font-size:12px; color:#666; font-weight:bold; padding-left:16px;}
.sub_category .local_tit {margin-left:0!important}



/* ●● 리스트 3뎁스 카테고리 선택 */
.depth3_tab {overflow:hidden;}
.depth3_tab .layout_fix {overflow:hidden;  background:#fff url('../images/sub_tab_bg.gif') left top repeat-x;}
.depth3_tab .inner {padding-top:1px; overflow:hidden; background:transparent url('../images/sub_tab_bg.gif') right top repeat-y;}
.depth3_tab ul:first-child li {border-top:1px solid #dedede}
.depth3_tab li {list-style:none; position:relative; width:167px; float:left; text-align:center; height:48px; line-height:48px; border-bottom:1px solid #dedede;}
.depth3_tab li {background:transparent url('../images/sub_tab_bg.gif') right top repeat-y}
.depth3_tab li:first-child {width:164px; border-left:1px solid #dedede}
.depth3_tab .line {z-index:1; margin:-1px; position:absolute; top:0; left:0; display:block; width:166px; height:48px}
.depth3_tab li:first-child .line {width:163px}
.depth3_tab li:hover .line {border:1px solid #fa0d3e}
.depth3_tab .btn {display:block; overflow:hidden; text-align:center; color:#666; position:relative; z-index:1}
.depth3_tab li:hover .btn {color:#fa0d3e}
.depth3_tab .bt_line {width:100%; position:absolute; left:0; bottom:0; height:1px; background:#dedede;}

.depth3_tab .hit .line {z-index:2; border:1px solid #fa0d3e!important}
.depth3_tab .hit:hover .line {border-color:#fa0d3e!important}
.depth3_tab .hit .btn {font-weight:bold; color:#fa0d3e}


.promotion .sub_category {margin-top:28px}
.promotion .depth3_tab .btn {font-size:11px; letter-spacing:-1px;}

.promotion .promotion_bn {overflow:hidden; margin: 20px 0 0 0}
.promotion .promotion_bn .bn_area {width:998px; float:left; overflow:hidden; border:1px solid #dedede}
.promotion .promotion_bn .bn_area img {max-width:100%; width: 100%; float:left}





/* 상세보기 ●●●●●●●●●●●●●●(old) */
.product_view {background:#fff; position:relative; margin: 28px auto 30px auto; width:998px; border:1px solid #dedede;}
.product_view .design_line span {background:#5b5b5b; width:1px; height:6px; position:absolute;}
.product_view .design_line .left_top {left:0; top:-1px; margin-left:-1px}
.product_view .design_line .right_top {right:0; top:-1px; margin-right:-1px}
.product_view .design_line .left_bt {left:0; bottom:-1px; margin-left:-1px}
.product_view .design_line .right_bt {right:0; bottom:-1px; margin-right:-1px}


.product_view .view_wrap {padding: 0 0 10px 0; overflow:hidden}
.product_view .thumb_area {padding:15px; float:left; overflow:hidden; width:480px;}
.product_view .thumb_img {position:relative; overflow:hidden}
.product_view .thumb_img .upper_ic {position:absolute; top:0; left:0}
.product_view .thumb_img .upper_ic img {float:left}
.product_view .share_sns {overflow:hidden; margin-top:15px}

.product_view .info_box {overflow:hidden; padding: 15px 15px 15px 10px}
.product_view .item_name {margin-top:15px}
.product_view .item_name .sub_name {font-size:15px; margin-bottom:10px; font-weight:bold; color:#999; letter-spacing:-1px}
.product_view .item_name .name {overflow:hidden; font-size:32px; letter-spacing:-2px; color:#333; font-weight:bold}

.product_view .price_info {overflow:hidden; margin-top:40px;}
.product_view .price_info .discount {float:left; overflow:hidden; margin-right:20px; background:transparent url('../images/discount.png') left top no-repeat; width:100px; height:100px;}
.product_view .price_info .discount {line-height:98px; text-align:center; color:#fff; font-weight:400; font-size:48px; font-family:"lato"; letter-spacing:-1px}
.product_view .price_info .discount em {font-size:25px}
.product_view .price_info .discount_none {background:transparent url('../images/discount_none.png') left center no-repeat; width:75px; height:25px; margin:25px 15px 0 0}
.product_view .price_info .price {margin-top:15px; overflow:hidden;}
.product_view .price_info .before del {font-weight:400; color:#a9a9a9; letter-spacing:-1px; font-size:23px; font-family:"lato"}
.product_view .price_info .after {font-size:45px; color:#333; font-family:"lato"; font-weight:700; line-height:100%;letter-spacing:-1px}
.product_view .price_info .after .kor {display:none; font-family:dotum; color:#333; font-size:28px; font-weight:bold;}

.product_view .buy_info {margin-top:30px; padding: 15px 20px; overflow:hidden; clear:both; background:#f7f7f7; border:1px solid #d6d6d6}
.product_view .buy_info .now_buy {font-size:15px; font-weight:bold; color:#999; float:left; overflow:hidden}
.product_view .buy_info .now_buy strong {color:#fa0d3e}
.product_view .buy_info .timer {font-size:15px; font-weight:bold; color:#999; float:right;}
.product_view .buy_info .timer strong {color:#000}

.product_view .buy_info strong {padding: 0 5px; font-weight:700; font-size:18px; font-family:"lato"}

.product_view .info_box .option {margin-top:30px; overflow:hidden;}
.product_view .info_box .guide_text {padding-bottom:7px; color:#7b7b7b; font-family:dotum; font-size:11px; letter-spacing:-1px}
.product_view .info_box .guide_text em {letter-spacing:0; color:#ff4300;}
.product_view .info_box .option select {margin-bottom:10px; background:transparent; width:100%; padding:5px; border:1px solid #d1d1d1; color:#666;}

.product_view .info_box .updown_box {position:absolute; right:0; top:50%; margin:-9px 95px 0 0;}
.product_view .info_box .updown_input {float:left; border:1px solid #d1d1d1; background:#fff; width:15px; height:18px; line-height:20px; font-size:11px; color:#555; padding:0 5px;}
.product_view .info_box .updown {display:inline-block; width:12px; overflow:hidden}
.product_view .info_box .updown a {display:inline-block; background: transparent url('../images/btn_updown.gif') no-repeat; width:12px; height:11px; float:left;}
.product_view .info_box .updown .btn_up {background-position:0 0;}
.product_view .info_box .updown .btn_down {background-position:0 -12px;}
.product_view .info_box .updown .btn_up:hover {background-position:-12px 0;}
.product_view .info_box .updown .btn_down:hover {background-position:-12px -12px;}

.product_view .info_box .option_list {clear:both; background:#fff; overflow:hidden;}
.product_view .info_box .option_list li {border-bottom:1px dashed #c9c9c9; overflow:hidden; padding:10px 0; position:relative; list-style:none;}
.product_view .info_box .option_list li:hover {background:#f9f9f9}
.product_view .info_box .option_list span {float:left;}
.product_view .info_box .option_list .option_name {color:#666; line-height:16px; margin-right:160px;}
.product_view .info_box .option_list .option_price {letter-spacing:0px; width:70px; text-align:right; color:#000; position:absolute; right:0; top:50%; margin:-6px 25px 0 0;}
.product_view .info_box .option_list .btn_delete {display:inline-block; margin-top:3px; position:absolute; right:0; top:50%; margin-top:-9px}

.product_view .info_box .total_sum {border-bottom:1px solid #dedede; text-align:right; font-weight:bold; color:#333; font-size:13px; padding:15px 0;}
.product_view .info_box .total_sum .price_txt {color:#333; font-weight:bold; font-size:15px;}
.product_view .info_box .total_sum .num {color:#000; font-size:25px; font-family:"lato";}


.product_view .info_box .btn_area {overflow:hidden; text-align:center; margin-top:25px;}
.product_view .info_box .btn_area a {float:left; text-align:center; margin-left:7px}
.product_view .info_box .btn_area img {float:left}
.product_view .info_box .btn_area a:first-child {margin-left:0}


/* 상세정보시작 */
.product_detail {clear:both; overflow:hidden; margin:30px auto 130px auto; width:1000px; }
.detail_left {float:left; overflow:hidden; width:820px}


/* 관련상품 */
.detail_left .detail_top {overflow:hidden; border:1px solid #d6d6d6; background:#fff; margin-bottom: 30px;}
.detail_left .detail_top .title {border-bottom:1px solid #d6d6d6; overflow:hidden; padding: 15px 0}
.detail_left .detail_top .txt {float:left; overflow:hidden; margin-left:21px; font-size:15px; font-weight:bold; color:#333}
.detail_left .detail_top .txt strong {color:#ff0000}
.detail_left .detail_top .btn_nate {float:right; overflow:hidden; margin-right:21px}
.detail_left .detail_top .btn_nate a {float:left; overflow:hidden}
.detail_left .detail_top .btn_nate img {float:left}
.detail_left .detail_top .btn_nate .over {display:none}
.detail_left .detail_top .btn_nate a:hover .over {display:block}
.detail_left .detail_top .btn_nate a:hover .off {display:none}
.detail_left .detail_top .btn_nate .num {margin-right:5px; float:left; font-family:"lato"; font-size:14px; line-height:1; padding-top:2px;}
.detail_left .detail_top .btn_nate .num em {color:#333}

.detail_left .detail_top .item_area {overflow:hidden; padding: 21px 0 21px 3px}
.detail_left .detail_top .item {float:left; margin: 0; text-align:center}
.detail_left .detail_top .item .thumb {margin-bottom:10px; display:block; background:#f4f4f4 url('../images/no_img_s.png') center center no-repeat; width:141px; height:144px; overflow:hidden}
.detail_left .detail_top .item .thumb img {float:left; width:100%}
.detail_left .detail_top .item .info {clear:both; overflow:hidden}
.detail_left .detail_top .item .name {overflow:hidden; margin-bottom:3px; display:block; color:#666}
.detail_left .detail_top .item .price {font-weight:bold; color:#333}
.detail_left .detail_top .item .price em {font-family:"lato"; color:#000; font-weight:700}
.detail_left .detail_top .item:hover .name, .detail_left .detail_top .item:hover .price { color: #000; }


/* 상세탭 */
.detail_left .detail_tab {overflow:hidden; background:#f6f6f6 url('../images/detail_tab.gif') left top repeat-x!important;}
.detail_left .detail_tab .group_tab {overflow:hidden; border:1px solid #d6d6d6; border-top:none; border-bottom:none; background: url('../images/detail_tab_line.gif') left bottom repeat-x;}
.detail_left .detail_tab a {border-top:3px solid transparent; font-size:15px; padding: 0 60px; height:57px; line-height:57px; float:left; background:transparent url('../images/detail_tab_border.png') right top repeat-y}
.detail_left .detail_tab .hit {border-top:3px solid #fa0d3e; background:#fff url('../images/detail_tab_border.png') right top repeat-y; color:#333; font-weight:bold;}

.detail_conts {padding:40px 0; background:#fff; overflow:hidden; border:1px solid #d6d6d6; border-top:none}

.detail_conts .detail_guide {margin:0 29px 30px 30px; overflow:hidden; background:#f4f4f4; border:1px solid #d6d6d6; position:relative;}
.detail_conts .detail_guide dl {float:left; overflow:hidden; width:50%; padding-bottom:20px;}
.detail_conts .detail_guide dt {color:#000; background:#efefef; font-size:15px; font-weight:bold; height:48px; }
.detail_conts .detail_guide dt {text-align:center; line-height:48px; margin-bottom:15px; border-bottom:1px solid #dedede}
.detail_conts .detail_guide dd {color:#6c6c6c; padding: 12px 22px; line-height:160%; letter-spacing:-0.4px}
.detail_conts .detail_guide:before {content:''; width:1px; height:100%; background:#ddd; position:absolute; left:50%; top:49px;}
.detail_conts .detail_guide dl:first-child dd {padding: 12px 21px}
.detail_conts .detail_guide.if_full dl {width:100% !important;}
.detail_conts .detail_guide.if_full:before {display:none;}


/* 상세이미지 */
.detail_conts .detail_img {overflow:hidden}

/* 정보제공고시 */
.detail_conts .inner_notify {border-top:1px solid #ddd; padding:30px 50px 50px 50px;}
.detail_conts .inner_notify .title_box {text-align:center; color:#333; font-size:19px; border-bottom:2px solid #3f3f47; padding-bottom:15px}
.detail_conts .inner_notify .data_box {border-left:1px solid #d2d2d2; border:1px solid #d2d2d2; border-top:0; overflow:hidden; position:relative;}
.detail_conts .inner_notify .data_box .border {width:1px; height:100%; background:#ddd; position:absolute; top:0; z-index:5; left:50%;}
.detail_conts .inner_notify .data_box ul {overflow:hidden; border-top:1px solid #d2d2d2; position:relative;}
.detail_conts .inner_notify .data_box ul:before {content:''; width:130px; height:100%; background:#fafafa; z-index:5; position:absolute; left:0; top:0;}
.detail_conts .inner_notify .data_box ul:after {content:''; width:130px; height:100%; background:#fafafa; z-index:5; position:absolute; left:50%; top:0; margin-left:1px}
.detail_conts .inner_notify .data_box ul:first-of-type {border-top:0}
.detail_conts .inner_notify .data_box li {list-style:none; position:relative; overflow:hidden; float:left; width:50%;}
.detail_conts .inner_notify .data_box .opt {position:absolute; left:15px; top:10px; color:#5a5a5a; font-weight:600; z-index:7;width:100px;}
.detail_conts .inner_notify .data_box .value {background:#fff; margin:5px 0 5px 130px; padding:5px 15px; color:#888}

/* 찾아오시는길 */
.detail_conts .datail_map {overflow:hidden; margin:0 0 30px; padding:30px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6}
.detail_conts .datail_map .map_area {background:#f6f6f6; width:760px; height:390px; margin-top:15px}
.detail_conts .datail_map .map_info {overflow:hidden; margin-top:15px}
.detail_conts .datail_map .map_info dt {font-size:15px; color:#333; font-weight:bold; margin-bottom:10px}
.detail_conts .datail_map .map_info dd {clear:both; padding: 3px 0}
.detail_conts .datail_map .map_info .opt {float:left; overflow:hidden; min-width:80px; font-weight:bold;}
.detail_conts .datail_map .map_info .conts {overflow:hidden; }
.detail_conts .view_map_tit {overflow:hidden; font-size:18px; height:26px; line-height:27px; padding: 0 0 0 28px; color:#333; font-weight:bold; background:transparent url('../images/ic_location.gif') left top no-repeat;}

.detail_conts .view_guide {background:#fff; padding:20px 20px 20px 20px; overflow:hidden}
.detail_conts .view_guide .guide_txt {overflow:hidden;text-align:left}
.detail_conts .view_guide .guide_txt dt {font-size:19px; font-weight:bold; color:#000; margin-bottom:15px; letter-spacing:-2px; padding-left:13px;}
.detail_conts .view_guide .guide_txt dt b {color:#fa0d3e}
.detail_conts .view_guide .guide_txt dd {background: transparent url('../images/v_bullet.gif') 20px center no-repeat; padding:3px 27px; color:#888; }

.detail_conts .view_guide .view_btn_area {margin-top:30px; overflow:hidden; text-align:center!important}
.detail_conts .view_guide .view_btn_area .btn {border-radius: 1px; -webkit-border-radius: 1px; float:left; overflow:hidden; margin-left:10px; border:1px solid #d0d0d0; background:#fff;}
.detail_conts .view_guide .view_btn_area .btn {letter-spacing:-1px; color:#999; font-size:17px; padding: 26px 0 25px 0; text-align:center; width:364px; line-height:1;}
.detail_conts .view_guide .view_btn_area .btn:first-child {margin-left:20px}
.detail_conts .view_guide .view_btn_area .btn:hover {color:#fa0d3e; border-color:#fa0d3e;}
.detail_conts .view_guide .view_btn_area .btn_sp {color:#fa0d3e; border-color:#fa0d3e;}
.detail_conts .view_guide .view_btn_area .btn_sp:hover {color:#fa0d3e; border-color:#fa0d3e;}


/* 추천상품 */
.detail_right {overflow:hidden; float:left; margin-left:13px; width:163px; background:#fff; border:1px solid #d6d6d6}
.detail_right .title {overflow:hidden; border-bottom:1px solid #d6d6d6; padding: 16px 0; font-size:15px; text-align:center; font-weight:bold; color:#000}
.detail_right .title strong {color:#ff0000;}

.detail_right .item_area {overflow:hidden;}
.detail_right .item_area .box { margin: 10px 12px 15px 12px}
.detail_right .item_area .thumb {border:1px solid #d6d6d6; margin:10px 0; display:block; background:#f4f4f4 url('../images/no_img_s.png') center center no-repeat; width:138px; overflow:hidden}
.detail_right .item_area .thumb img {float:left; width:100%}
.detail_right .item_area .info {overflow:hidden}
.detail_right .item_area .info .name {color:#666; overflow:hidden}
.detail_right .item_area .info .buy {overflow:hidden; margin-top:5px;}
.detail_right .item_area .info .buy em {font-weight:700; font-family:"lato"; color:#fa0d3e}

.detail_right .item_none {margin: 50px 0; text-align:center; overflow:hidden}
.detail_right .item_none .txt {font-size:11px; margin-top:10px; color:#9f9f9f; letter-spacing:-1px}



.coupon_view_icon {display:inline-block; margin: 20px 0 0 0 ; position:relative; overflow:hidden;}
.coupon_view_icon span {line-height:1.2;}
.coupon_view_icon .white_box {display:inline-block; float:left; background:#fff; border:1px solid #f61050; height:16px; padding:10px 12px 7px 12px; border-radius:5px 0 0 5px;}
.coupon_view_icon .coupon_ti {float:left; color:#999; letter-spacing:-1.5px;}
.coupon_view_icon .bar {float:left; width:1px; height:10px; background:#ccc; margin:2px 8px 0 8px}
.coupon_view_icon .coupon_name {float:left; color:#000; letter-spacing:-1px;}
.coupon_view_icon .color_box {height:18px; float:left; background:#f61050; padding:11px 10px 6px 10px; border-radius:0 5px 5px 0;}
.coupon_view_icon .coupon_discount {float:left; color:#fff; margin:0 7px 0 0; font-weight:600; background:transparent url('../images/coupon_view_down.gif') right 1px no-repeat; padding-right:11px}
.coupon_view_icon .coupon_price {float:left; color:#fff;}




/* ★★★★★★★★★★ 업그레이드 디자인 수정  */
.view_item_coupon {overflow:hidden; margin:20px 0 0 0}
.view_item_coupon .one_coupon {background:#fff; color:#333; padding:0 15px; line-height:32px; height:32px; border-radius:0 30px 30px 0; border:1px solid #fb5074; overflow:hidden;}
.view_item_coupon .one_coupon input {float:left; margin:9px 3px 0 0}
.view_item_coupon strong {color:#fb5074; letter-spacing:0px;}
.view_item_coupon .txt_icon {float:left; background:#fb5074; color:#fff; font-family:'lato'; font-size:14px; font-weight:600; letter-spacing:0px; padding:0 15px; line-height:34px; height:34px; border-radius:30px 0 0 30px;}
.product_view .view_item_coupon label {cursor:default}

.detail_conts .view_common {padding:20px 30px 0 30px}

.product_view .info_box .btn_area a { color:#fff; font-size:25px; font-weight:600; height:60px; line-height:60px; border-radius:4px;}
.product_view .info_box .btn_area .btn_order {background:#fa0d3e; width:175px;}
.product_view .info_box .btn_area .btn_cart {background:#fb5074; width:175px;}
.product_view .info_box .btn_area .btn_wish {background:#fff; border:2px solid #fa0d3e; color:#fa0d3e; height:56px; line-height:56px; width:75px; position:relative; padding-left:20px}
.product_view .info_box .btn_area .btn_wish:before {content:''; width:20px; height:18px; background:transparent url('../images/view_wish_icon.png') left top no-repeat; position:absolute; left:22px; top:50%; margin-top:-8px}
.product_view .info_box .btn_area .btn_wish_hit:before {background-position:right top;}
.product_view .info_box .btn_area .btn_order:hover {background:#af1010;}
.product_view .info_box .btn_area .btn_cart:hover {background:#ac203e;}
.product_view .info_box .btn_area .btn_wish:hover {background:#eee;}

.product_view .item_name .name { }
.product_view .item_name .sub_name { letter-spacing:0px; font-weight:400}






/* ******************************************
   푸터
-- ****************************************** */
.footer {margin-top: 120px; padding-bottom: 110px; box-sizing: border-box; background: #fff;}
.footer li {list-style: none;}
.footer .layout_fix {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.footer .layout_fix .right {margin-left: auto; flex: none;}

.footer .ft_top {border-top: 1px solid #eee; box-sizing: border-box;}
.footer .ft_top .layout_fix {align-items: center; height: 70px;}
.footer .ft_cont {border-top: 1px solid #eee; box-sizing: border-box; padding-top: 50px; width: 100%;}
.footer .ft_cont .left {flex: 1;}
.footer .ft_cont .right {margin-left: auto;}

/* 공지사항 */
.footer .news {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; max-width: 500px;}
.footer .news .tit {flex: none; font-family: 'Manrope'; font-size: 15px; color: #000; font-weight: 800; letter-spacing: 0;}
.footer .news .tit {padding: 10px; box-sizing: border-box; margin-left: -10px;}
.footer .news .tit:hover {text-decoration: underline;}
.footer .news .link {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; overflow: hidden; padding: 10px 5px; box-sizing: border-box;}
.footer .news .link .tag {flex: none; font-size: 13px; color: #41A5D8; letter-spacing: -0.4px; margin-right: 7px;}
.footer .news .link .tx {font-size: 13px; color: #999; letter-spacing: -0.4px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.footer .news .link:hover .tx {color: #000;}

/* 바로상담 채팅 */
.footer .chat_cs {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-right: -5px;}
.footer .chat_cs li {}
.footer .chat_cs .btn {font-size: 0; padding: 10px 5px; box-sizing: border-box;}

/* 푸터 사이트명 */
.footer .site_name {font-family: 'Manrope'; font-size: 17px; color: #000; letter-spacing: 0; font-weight: 400; line-height: 1;}
.footer .site_name strong {font-weight: 800;}

/* 푸터 메뉴 */
.footer .ft_menu {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-left: -12px;}
.footer .site_name+ .ft_menu {margin-top: 7px;}
.footer .ft_menu li {}
.footer .ft_menu .btn {font-size: 14px; color: #333; letter-spacing: -0.5px; padding: 15px 12px; box-sizing: border-box;}
.footer .ft_menu .btn:hover {text-decoration: underline;}

/* 푸터 정보 */
.footer .ft_info {margin-top: 15px; max-width: 100%;}
.footer .ft_info li {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.footer .ft_info .tx {font-size: 13px; color: #bbb; letter-spacing: -0.4px; margin-right: 25px; line-height: 1; margin-bottom: 10px;}
.footer .ft_info .btn {padding: 5px; margin: -5px;}
.footer .ft_info .btn:hover {color: #000; text-decoration: underline;}

/* 카피라이트 */
.footer .copyright {font-family: 'Manrope'; font-size: 14px; color: #bbb; letter-spacing: 0; margin-top: 15px;}
.footer .copyright strong {font-weight: 500;}

/* pg 정보 */
.footer .pg_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 30px; margin-left: -5px; display: none;}
.footer .pg_box .img_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.footer .pg_box .img_box li {font-size: 0;}
.footer .pg_box .img_box .img {font-size: 0; border-radius: 5px; box-sizing: border-box; overflow: hidden; padding: 0 5px;}

/* 고객센터 */
.footer .ft_cs {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end;}
.footer .ft_cs .tit {font-family: 'Manrope'; font-size: 17px; color: #000; letter-spacing: 0; font-weight: 800; line-height: 1;}
.footer .ft_cs .tit {padding: 10px; box-sizing: border-box; margin-right: -10px; margin-top: -10px; white-space: nowrap;}
.footer .ft_cs .tit:hover {text-decoration: underline;}
.footer .ft_cs .btn {font-size: 14px; color: #333; letter-spacing: -0.4px; padding: 10px; margin-right: -10px; box-sizing: border-box;}
.footer .ft_cs .btn {margin-top: 5px; line-height: 1; white-space: nowrap;}
.footer .ft_cs .btn:hover {text-decoration: underline;}
.footer .ft_cs .tel {font-family: 'Manrope'; font-size: 29px; color: #000; letter-spacing: 0; margin-top: 15px; line-height: 1; font-weight: 500; white-space: nowrap;}
.footer .ft_cs .cs_info {font-family: 'Manrope', 'Noto'; font-size: 12px; color: #aaa; letter-spacing: 0; margin-top: 10px; font-weight: 500;}

/* sns 링크 */
.footer .ft_sns {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-right: -5px; margin-top: 30px;}
.footer .ft_sns li {}
.footer .ft_sns .sns {font-size: 0; padding: 5px; box-sizing: border-box;}





/* ******************************************
   상품 목록, 박스
-- ****************************************** */
/* 상품 목록 */
.item_list {overflow: hidden;}
.item_list ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-left: -28px; margin-top: -50px;}
.item_list li {list-style: none; width: 25%; flex: none;}

/* 상품 박스 */
.item_wrap {margin-left: 28px; margin-top: 50px; position: relative;}

/* 썸네일 */
.item_wrap .thumb {width: 100%; border-radius: 5px; box-sizing: border-box; overflow: hidden; position: relative;}
.item_wrap .thumb:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.08); z-index: 1; border-radius:5px; box-sizing: border-box;}
.item_wrap .thumb .img {width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.item_wrap .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;}
.item_wrap:hover .thumb .img {transform: scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07);}

.item_wrap .btn_wish {position: absolute; right: 0; top: 0; width: 45px; height: 40px; z-index: 5; display: flex; justify-content: center; align-items: center;}
.item_wrap .btn_wish .on {display: none;}
.item_wrap .btn_wish.wish_hit .off {display: none;}
.item_wrap .btn_wish.wish_hit .on {display: block;}

.item_wrap .thumb .prepare {position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.item_wrap .thumb .prepare {font-size: 21px; color: #fff; font-weight: 300; letter-spacing: -0.4px; z-index: 2; background: rgba(0, 0, 0, 0.85);}
/* pjw : css 수정 : 2022-04-13 => 2023-11-14 ARA 수정 */
.item_wrap .thumb .prepare {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: end;

    top:-45px;
    left:-95px;
    width:200px;
    height:100px !important;
    background: #41A5D8;
	transform:rotate(-45deg); -webkit-transform:rotate(-45deg) ;
    padding-bottom: 5px;
    font-size: 12px;
}
/* pjw : css 수정 : 2022-04-13 */

.item_wrap .thumb .timer_info {position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; z-index: 2; background: rgba(0, 0, 0, 0.7);}
.item_wrap .thumb .timer_info {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.item_wrap .thumb .timer_info .timer {width: 100%; font-size: 14px; letter-spacing: 0; font-weight: 400; color: #fff; height: 44px;}
.item_wrap .thumb .timer_info .timer {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0 15px 0 40px; box-sizing: border-box;}
.item_wrap .thumb .timer_info .timer {background: transparent url('../images/sub/timer_ic.png') 15px center no-repeat;}
.item_wrap .thumb .timer_info .timer .tx_ko {font-size: 14px; font-weight: 400; margin-right: 3px; height: 20px; line-height: 19px;}
.item_wrap .thumb .timer_info .timer strong+ .tx_ko {margin-left: 3px;}
.item_wrap .thumb .timer_info .timer .day+ .tx_ko {margin-left: 0;}
.item_wrap .thumb .timer_info .timer strong {font-family: 'Manrope'; display: inline-block; min-width: 20px; text-align: center; height: 20px; line-height: 20px; font-size: 15px;}
.item_wrap .thumb .timer_info .timer strong.day {min-width: auto;}
.item_wrap .thumb .timer_info .timer em {font-family: 'Manrope'; height: 20px; line-height: 20px; font-size: 15px;}
.item_wrap .thumb .timer_info .timer_bar {width: 100%; height: 6px; background: #000; position: relative;}
.item_wrap .thumb .timer_info .timer_bar .bar {position: absolute; left: 0; top: 0; height: 100%; z-index: 1;}
.item_wrap .thumb .timer_info .timer_bar .fill {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000;}
.item_wrap .thumb .timer_info .timer_bar .fill {animation: bar_fill 1.3s 0.1s 1 cubic-bezier(0, 0.77, 0.63, 0.85) both; -webkit-animation: bar_fill 1.3s 0.1s 1 cubic-bezier(0, 0.77, 0.63, 0.85) both;}

/* 타이머 바 애니메이션 */
@keyframes bar_fill {
    from {width: 0;}
    to {width: 100%;}
}
@-webkit-keyframes bar_fill {
    from {width: 0;}
    to {width: 100%;}
}

.item_wrap .thumb .casting {position: absolute; left: 50%; top: 50%; width: 154px; height: 154px; margin-left: -77px; margin-top: -77px; z-index: 2;}
.item_wrap .thumb .casting {background: transparent url('../images/sub/wait_bg.png') center no-repeat; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.item_wrap .thumb .casting .ic {font-size: 0;}
.item_wrap .thumb .casting .tx {font-size: 21px; color: #000; font-weight: 300; letter-spacing: -0.4px; margin-top: 10px; line-height: 1;}

.item_wrap .thumb .finish {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, 0.7);}
.item_wrap .thumb .finish {display: flex; justify-content: center; align-items: center; font-size: 21px; color: #fff; letter-spacing: -0.4px; font-weight: 300;}

/* 상품 박스 정보 */
.item_wrap .info {}
.item_wrap .info .tit_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; padding-top: 10px; box-sizing: border-box;}
.item_wrap .info .name_box {flex: 1; overflow: hidden;}
.item_wrap .info .name_box .item_tit {font-size: 13px; color: #000; letter-spacing: -0.2px; line-height: 21px; max-height: 42px; font-weight: 500;}
.item_wrap .info .name_box .item_tit {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.item_wrap .info .name_box .name {font-size: 12px; color: #bbb; letter-spacing: -0.3px; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: none;}
.item_wrap .info .percent {margin-left: auto; flex: none; font-family: 'Manrope'; font-size: 15px; font-weight: 500; letter-spacing: 0;}
.item_wrap .info .percent {width: 65px; text-align: right; color: #0047bb !important; line-height: 1;}
.item_wrap .info .percent strong {font-size: 20px; font-weight: 800; letter-spacing: -0.4px;}

.item_wrap .info .revenue {border-top: 1px solid #eee; box-sizing: border-box; padding-top: 10px; overflow: hidden; margin-top: 10px;}
.item_wrap .info .revenue dl {display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%;}
.item_wrap .info .revenue dl+ dl {margin-top: 5px;}
.item_wrap .info .revenue dt {flex: none; font-size: 13px; color: #999; margin-right: 50px; letter-spacing: -0.6px;}
.item_wrap .info .revenue dt.short {letter-spacing: 11px;}
.item_wrap .info .revenue dd {margin-left: auto; flex: 1; text-align: right; overflow: hidden;}
.item_wrap .info .revenue .tx {font-size: 12px; color: #000; letter-spacing: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%;}
.item_wrap .info .revenue .tx.if_unknown {color: #999;}
.item_wrap .info .revenue .num {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; font-size: 12px; letter-spacing: 0; font-weight: 400;}
.item_wrap .info .revenue .num strong {font-family: 'Manrope'; font-weight: 800; color: #000; height: 18px; line-height: 18px; font-size: 14px; letter-spacing: -0.5px;}
.item_wrap .info .revenue .num em {color: #999;}

/* 판매중 상품일때 */
.item_wrap.if_timer .thumb {border-radius: 5px 5px 0 0;}

/* 발매 상품일때 */
.item_wrap.if_release .info .name_box .item_tit {overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: block; white-space: nowrap;}
.item_wrap.if_release .info .name_box .name {display: block;}

/* 엔터 상품(발매, 미발매)일때 */
.item_wrap.if_enter .info .revenue dt.short {letter-spacing: -0.6px;}

/* 내가지원한아이콘 2021-10-13 ARA */
.item_wrap .if_apply {position:absolute; left:0; top:0; z-index:2; color:#fff; background:#134cc5; font-size:12px; padding:0 11px; line-height:1; border-radius:3px; margin:5px;}
.item_wrap .if_apply {display:flex; justify-content: center; align-items: center; flex-direction:column; height:28px;}




/* ******************************************
   상품 목록(와이드형)
-- ****************************************** */
.item_list.if_wide {}
.item_list.if_wide ul {margin-left: -50px;}
.item_list.if_wide li {width: 33.3334%;}
.item_list.if_wide .item_wrap {margin-left: 50px;}
.item_list.if_wide .item_wrap .thumb {border-radius: 5px 5px 0 0;}
.item_list.if_wide .item_wrap .thumb:before {background: rgba(0, 0, 0, 0.05);}
.item_list.if_wide .item_wrap .thumb .prepare {background: none; justify-content: space-between; padding: 0 30px; box-sizing: border-box;}
.item_list.if_wide .item_wrap .thumb .prepare .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: #000;}
.item_list.if_wide .item_wrap .thumb .prepare .bg {opacity: 0.85; filter: alpha(opacity=85); -ms-filter: alpha(opacity=85);}
.item_list.if_wide .item_wrap .thumb .prepare .tx_l {font-size: 18px; color: #fff; letter-spacing: -0.4px; font-weight: 500;}
.item_list.if_wide .item_wrap .thumb .prepare .tx_r {font-size: 18px; color: #fff; font-weight: 300; letter-spacing: -0.4px; margin-left: auto;}
.item_list.if_wide .item_wrap .thumb .prepare .tx_r {opacity: 0.5; filter: alpha(opacity=50); -ms-filter: alpha(opacity=50);}
.item_list.if_wide .item_wrap .info {border: 1px solid #e5e5e5; border-top: 0; border-radius: 0 0 5px 5px; box-sizing: border-box;}
.item_list.if_wide .item_wrap .info {padding: 10px 30px 25px 30px;}
.item_list.if_wide .item_wrap .info .revenue {padding-top: 12px;}
.item_list.if_wide .item_wrap .thumb .timer_info {background: none;}
.item_list.if_wide .item_wrap .thumb .timer_info .timer {height: 100%;}
.item_list.if_wide .item_wrap .thumb .timer_info .timer_bar {position: absolute; left: 0; top: 0; height: 100%; z-index: -1; background: rgba(0, 0, 0, 0.7);}
/* 수정 : 오타 수정 - 2021.12.29 */
/* .item_list.if_wide .item_wrap .thumb .timer_info .timer_bar .bar {opacity: 0.8; filter: alpha(opacity=80); -ms-filter: alpha(opacity=80);)} */
/* || */
/* \/ */
.item_list.if_wide .item_wrap .thumb .timer_info .timer_bar .bar {opacity: 0.8; filter: alpha(opacity=80); -ms-filter: alpha(opacity=80);}





/* ******************************************
   상품 목록(5단)
-- ****************************************** */
.item_list.if_col5 {}
.item_list.if_col5 ul {margin-left: -25px;}
.item_list.if_col5 li {width: 20%;}
.item_list.if_col5 .item_wrap {margin-left: 25px;}





/* ******************************************
   상품 상세
-- ****************************************** */
.prod_view {}
body.if_view {background: #f4f4fb;}

/* 상세 탑 */
.prod_view .prod_top {position: relative;}
.prod_view .prod_top li {list-style: none;}
.prod_view .prod_top .top_bg {position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 260px;}
.prod_view .prod_top .top_bg {background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.prod_view .prod_top .top_bg:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1;}
.prod_view .prod_top .top_loc {display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 60px; padding-left: 50px; box-sizing: border-box;}
.prod_view .prod_top .location {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-left: -10px;}
.prod_view .prod_top .location li {position: relative;}
.prod_view .prod_top .location li+ li {background: transparent url('../images/sub/loc_bg.png') left center no-repeat; padding-left: 5px; box-sizing: border-box;}
.prod_view .prod_top .location .btn {font-size: 13px; color: #fff; letter-spacing: -0.6px; padding: 10px; box-sizing: border-box;}
.prod_view .prod_top .location .btn {opacity: 0.5; filter: alpha(opacity=50); -ms-filter: alpha(opacity=50);}
.prod_view .prod_top .location a.btn:hover {text-decoration: underline;}
.prod_view .prod_top .share {position: relative; margin-left: auto;}
.prod_view .prod_top .share .btn_share {width: 50px; padding: 15px 0; box-sizing: border-box; text-align: center;}
.prod_view .prod_top .share .share_open {position: absolute; right: 10px; top: 50%; margin-top: -17px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 125px;}
.prod_view .prod_top .share .share_open {z-index: 10; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.prod_view .prod_top .share .share_open {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.prod_view .prod_top .share li+ li {margin-left: 10px;}
.prod_view .prod_top .share .btn {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.prod_view .prod_top .share:hover .share_open {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
.prod_view .prod_top .share:hover .btn {animation: share_move 0.3s 1 ease both;}
.prod_view .prod_top .share:hover .btn.kakao {animation-delay: 0.3s;}
.prod_view .prod_top .share:hover .btn.twiter {animation-delay: 0.2s;}
.prod_view .prod_top .share:hover .btn.facebook {animation-delay: 0.1s;}

/* 공유하기 버튼 애니메이션 */
@keyframes share_move {
    0% {margin-top: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
    50% {margin-top: -12px; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
    100% {margin-top: 0; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
}
@-webkit-keyframes share_move {
    0% {margin-top: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
    50% {margin-top: -12px; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
    100% {margin-top: 0; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
}

.prod_view .view_top {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.prod_view .view_top {padding-bottom: 50px; box-sizing: border-box; position: relative;}
.prod_view .view_top:before {content: ''; position: absolute; left: 0; top: 200px; width: 100%; height: calc(100% - 200px); background: #fff; z-index: -1;}

/* 왼쪽 썸네일 */
.prod_view .view_top .rep_wrap {flex: none; width: 50%; padding: 0 50px; box-sizing: border-box;}
.prod_view .view_top .thumb {width: 100%; height: 550px; border-radius: 15px; box-sizing: border-box; overflow: hidden; position: relative;}
.prod_view .view_top .thumb .rolling_box {width: 100%;}
.prod_view .view_top .thumb .img {font-size: 0; background: #fff; width: 100%; height: 550px;}
.prod_view .view_top .thumb .img img {width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.prod_view .view_top .thumb .rolling_icon {position: absolute; left: 0; bottom: 10px; width: 100%; z-index: 5; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.prod_view .view_top .thumb .rolling_icon .btn {padding: 5px; box-sizing: border-box;}
.prod_view .view_top .thumb .rolling_icon .icon {width: 10px; height: 10px; background: #fff; border: 2px solid #000; border-radius: 100px; box-sizing: border-box;}
.prod_view .view_top .thumb .rolling_icon .icon {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.prod_view .view_top .thumb .rolling_icon .active .icon {width: 40px; background: #000;}
.prod_view .view_top .thumb .prevnext {position: absolute; top: 50%; z-index: 5; width: 35px; height: 60px; background: rgba(0, 0, 0 ,0.5);}
.prod_view .view_top .thumb .prevnext {box-sizing: border-box; margin-top: -30px; display: flex; justify-content: center; align-items: center;}
.prod_view .view_top .thumb .prevnext {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.prod_view .view_top .thumb .prevnext.prev {left: -35px; border-radius: 0 10px 10px 0;}
.prod_view .view_top .thumb .prevnext.next {right: -35px; border-radius: 10px 0 0 10px;}
.prod_view .view_top .thumb:hover .prevnext.prev {left: 0;}
.prod_view .view_top .thumb:hover .prevnext.next {right: 0;}

/* 왼쪽 입점업체 프로필 */
.prod_view .view_top .profile {margin-top: 20px; padding-left: 10px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.prod_view .view_top .profile .photo {flex: none; width: 75px; height: 75px; border-radius: 100px; box-sizing: border-box; overflow: hidden;}
.prod_view .view_top .profile .photo {background: #eee url('../images/sub/thumb_logo.png') center center no-repeat; background-size: 35px auto !important;}
.prod_view .view_top .profile .photo .img {width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; background-color: #fff !important;}
.prod_view .view_top .profile .info {margin-left: 15px; flex: auto; overflow: hidden;}
.prod_view .view_top .profile .row {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.prod_view .view_top .profile .name {font-size: 17px; color: #000; font-weight: 600; letter-spacing: 0;}
.prod_view .view_top .profile .name {max-width: 210px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1;}
.prod_view .view_top .profile .stat_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; line-height: 1;}
.prod_view .view_top .profile .stat {font-family: 'Manrope'; font-size: 15px; color: #aaa; letter-spacing: 0; font-weight: 600; position: relative; margin-left: 30px; flex: none;}
.prod_view .view_top .profile .stat strong {font-weight: 800; color: #000; margin-left: 3px;}
.prod_view .view_top .profile .stat+ .stat {margin-left: 15px; padding-left: 15px;}
.prod_view .view_top .profile .stat+ .stat:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 12px; margin-top: -6px; background: #ddd;}
.prod_view .view_top .profile .tx {font-size: 13px; color: #aaa; letter-spacing: -0.6px; margin-top: 10px; padding-right: 20px; box-sizing: border-box; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.prod_view .view_top .profile .tx {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 19px; max-height: 38px;}

/* 오른쪽 상품정보 */
.prod_view .view_top .info_wrap {flex: none; width: 50%;}
.prod_view .view_top .info_top {height: 200px; padding-top: 5px; box-sizing: border-box;}
.prod_view .view_top .info_detail {padding-top: 30px; padding-right: 50px; box-sizing: border-box;}

.prod_view .view_top .tag_box {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.prod_view .view_top .tag_box {height: 15px; overflow: hidden; margin-bottom: 15px; padding-right: 100px; box-sizing: border-box;}
.prod_view .view_top .tag_box .tag {font-size: 15px; color: #fff; letter-spacing: -0.4px; margin-right: 15px; line-height: 1; white-space: nowrap;}
.prod_view .view_top .tit_wrap {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.prod_view .view_top .tit_box {margin-right: 70px; flex: auto;}
.prod_view .view_top .item_name {font-size: 24px; color: #fff; font-weight: 500; letter-spacing: -0.8px; line-height: 1.45; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.prod_view .view_top .sub_name {font-size: 14px; color: #fff; letter-spacing: -0.4px; line-height: 1.4; margin-top: 10px; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: alpha(opacity=50);}
.prod_view .view_top .sub_name {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.prod_view .view_top .singer {font-size: 17px; color: #41A5D8; letter-spacing: -0.7px; line-height: 1.4; margin-top: 10px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.prod_view .view_top .btn_wish {flex: none; margin-left: auto; margin-top: -10px;}
.prod_view .btn_wish {width: 50px; padding: 10px 0; box-sizing: border-box; text-align: center;}
.prod_view .btn_wish .on {display: none;}
.prod_view .btn_wish.wish_hit .off {display: none;}
.prod_view .btn_wish.wish_hit .on {display: inline-block;}

/* 오른쪽 타이머 */
.prod_view .view_top .timer_info {width: 100%; height: 40px; position: relative; box-sizing: border-box; border-radius: 100px; overflow: hidden;}
.prod_view .view_top .timer_info {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 20px; margin-bottom: 35px;}
.prod_view .view_top .timer_info:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #2c2d31;}
.prod_view .view_top .timer_info:before {border: 1px solid #2c2d31; border-radius: 100px; overflow: hidden; z-index: -1; box-sizing: border-box;}
.prod_view .view_top .timer_info .timer {width: 100%; font-size: 14px; letter-spacing: 0; font-weight: 400; color: #fff; height: 100%; position: relative; z-index: 2;}
.prod_view .view_top .timer_info .timer {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding-left: 25px; box-sizing: border-box;}
.prod_view .view_top .timer_info .timer {background: transparent url('../images/sub/timer_ic.png') left center no-repeat;}
.prod_view .view_top .timer_info .timer .tx_ko {font-size: 14px; font-weight: 400; margin-right: 3px; height: 20px; line-height: 18px;}
.prod_view .view_top .timer_info .timer strong+ .tx_ko {margin-left: 3px;}
.prod_view .view_top .timer_info .timer .day+ .tx_ko {margin-left: 0;}
.prod_view .view_top .timer_info .timer strong {font-family: 'Manrope'; display: inline-block; min-width: 20px; text-align: center; height: 20px; line-height: 19px; font-size: 15px;}
.prod_view .view_top .timer_info .timer strong.day {min-width: auto;}
.prod_view .view_top .timer_info .timer em {font-family: 'Manrope'; height: 20px; line-height: 19px; font-size: 15px;}
.prod_view .view_top .timer_info .timer_bar {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.prod_view .view_top .timer_info .timer_bar .bar {position: absolute; left: 0; top: 0; height: 100%; z-index: 1;}
.prod_view .view_top .timer_info .timer_bar .fill {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000;}
.prod_view .view_top .timer_info .timer_bar .fill {animation: bar_fill2 1.3s 0.1s 1 cubic-bezier(0, 0.77, 0.63, 0.85) both;}
.prod_view .view_top .timer_info .timer_state {margin-left: auto; flex: none; position: relative; z-index: 2;}
.prod_view .view_top .timer_info .timer_state .tx {font-size: 15px; color: #fff; letter-spacing: -0.4px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.prod_view .view_top .timer_info .timer_state .tx strong {font-family: 'Manrope'; font-size: 18px; letter-spacing: 0; font-weight: 800; height: 22px; line-height: 22px;}
.prod_view .view_top .timer_info .timer_state .tx em {height: 22px; line-height: 22px;}
.prod_view .view_top .timer_info .timer_state .tx em+ strong {margin-left: 5px;}
.prod_view .view_top .timer_info .timer_state .percent {font-family: 'Manrope'; font-size: 20px; color: #fff; letter-spacing: 0; font-weight: 300;}
.prod_view .view_top .timer_info .timer_state .percent strong {font-weight: 600;}
.prod_view .view_top .timer_info+ .timer_info {margin-top: 5px;}
.prod_view .view_top .timer_info.if_finish .timer_bar .fill {animation: none;}

/* 타이머 바 애니메이션 */
@keyframes bar_fill2 {
    from {width: 0;}
    to {width: 100%;}
}
@-webkit-keyframes bar_fill2 {
    from {width: 0;}
    to {width: 100%;}
}

/* 오른쪽 기본정보 */
.prod_view .pr_info {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.prod_view .pr_info .box {flex: 1; width: 50%; padding-right: 20px; box-sizing: border-box;}
.prod_view .pr_info .box+ .box {border-left: 1px solid #eee; padding-right: 0; padding-left: 20px;}
.prod_view .pr_info .tit_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 20px;}
.prod_view .pr_info .tit_box .tit {font-size: 19px; color: #000; letter-spacing: -0.4px; font-weight: 600; line-height: 1;}
.prod_view .pr_info .tit_box .btn_down {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-left: 15px;}
.prod_view .pr_info .tit_box .btn_down .ic {font-size: 0; margin-right: 2px;}
.prod_view .pr_info .tit_box .btn_down em {font-size: 14px; color: #41A5D8; font-weight: 500; letter-spacing: -0.7px; position: relative;}
.prod_view .pr_info .tit_box .btn_down em:before {content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #41A5D8;}
.prod_view .pr_info .cont {display: table; width: 100%; margin-top: 10px; border-collapse: separate; border-spacing: 0 4px;}
.prod_view .pr_info .cont dl {display: table-row;}
.prod_view .pr_info .cont dt {display: table-cell; vertical-align: top; white-space: nowrap; font-size: 13px; color: #999;}
.prod_view .pr_info .cont dt {letter-spacing: -0.4px; padding-right: 20px; box-sizing: border-box; width: 50px;}
.prod_view .pr_info .cont dd {display: table-cell; vertical-align: top;}
.prod_view .pr_info .cont dd .tx {font-size: 13px; color: #333; letter-spacing: -0.4px;}
.prod_view .pr_info .cont dd .tx.if_unknown {color: #aaa;}
.prod_view .pr_info .cont dd .btn_more {display: none;}
.prod_view .pr_info .cont dd .if_more {padding-right: 20px; box-sizing: border-box; position: relative;}
.prod_view .pr_info .cont dd .if_more {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 20px; max-height: 20px;}
.prod_view .pr_info .cont dd .if_more .btn_more {position: absolute; top: -4px; right: -10px; padding: 10px; box-sizing: border-box; font-size: 0; z-index: 10; display: block;}
.prod_view .pr_info .cont dd .if_more.if_open_info_more {-webkit-line-clamp: 100; max-height: none; padding-right: 0;}
.prod_view .pr_info .cont dd .if_more.if_open_info_more .btn_more {display: none;}
.prod_view .pr_info .cont .num {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.prod_view .pr_info .cont .num strong {font-family: 'Manrope'; font-size: 15px; color: #000; letter-spacing: -0.5px; font-weight: 800; height: 20px; line-height: 20px;}
.prod_view .pr_info .cont .num em {font-size: 13px; color: #999; letter-spacing: 0; height: 20px; line-height: 18px;}
.prod_view .pr_info .box+ .box .cont dd {text-align: right;}

/* 오른쪽 옵션 */
.prod_view .pr_opt {background: #f9f9f9; padding: 30px; box-sizing: border-box; margin-top: 20px;}
.prod_view .pr_opt .opt_tit {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
.prod_view .pr_opt .opt_tit .tit {font-size: 19px; color: #000; font-weight: 600; letter-spacing: -0.4px; line-height: 1;}
.prod_view .pr_opt .opt_tit .help_tx {font-size: 13px; color: #999; letter-spacing: -0.4px; margin-left: auto; line-height: 1;}
.prod_view .pr_opt .select {margin-top: 15px; margin-bottom: 15px; position: relative; background: #fff; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; height: 45px;}
.prod_view .pr_opt .select select {width: 100%; height: 100%; background: transparent; border: 0; position: relative; z-index: 2;}
.prod_view .pr_opt .select select {-webkit-appearance: none; appearance: none; -moz-appearance: none; -webkit-user-select: none; padding: 0 50px 0 20px;}
.prod_view .pr_opt .select select {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transform-origin: center;}
.prod_view .pr_opt .select select::-ms-expand {display:none;}
.prod_view .pr_opt .select .icon {position: absolute; right: 0; top: 0; z-index: 1; width: 50px; height: 100%; display: flex; justify-content: center; align-items: center;}
.prod_view .pr_opt .select .icon img {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transform-origin: center;}
.prod_view .pr_opt .select select:focus {border-color: #000;}
.prod_view .pr_opt .select select:focus+ .icon img {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.prod_view .pr_opt .opt_result {}
.prod_view .pr_opt .opt_result dl {display: flex; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 15px 0 15px 20px;}
.prod_view .pr_opt .opt_result dl:first-of-type {margin-top: -15px;}
.prod_view .pr_opt .opt_result dl+ dl {border-top: 1px solid #eee;}
.prod_view .pr_opt .opt_result dt {margin-right: 30px;}
.prod_view .pr_opt .opt_result dt .tx {font-size: 14px; color: #888; letter-spacing: -0.4px; line-height: 1.3; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.prod_view .pr_opt .opt_result dd {margin-left: auto; flex: none; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.prod_view .pr_opt .opt_result .count_box {width:95px; height: 26px; position: relative;}
.prod_view .pr_opt .opt_result .count_tx {width: 100%; font-size: 15px; color: #000; letter-spacing: -0.6px; height: 100%; font-family: 'Manrope'; font-weight:600;}
.prod_view .pr_opt .opt_result .count_tx {background: transparent !important; border: 0 !important; text-align: center;}
.prod_view .pr_opt .opt_result span.count_tx {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.prod_view .pr_opt .opt_result .updown {}
.prod_view .pr_opt .opt_result .updown a {width:26px; height:26px; border: 1px solid #000; background: #fff; border-radius: 100px;}
.prod_view .pr_opt .opt_result .updown a {box-sizing: border-box; position: absolute; top: 50%; margin-top: -13px; z-index: 10;}
.prod_view .pr_opt .opt_result .updown a:before {content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 2px; background: #000; margin-left: -5px; margin-top: -1px;}
.prod_view .pr_opt .opt_result .updown a:hover {background: #f7f7f7;}
.prod_view .pr_opt .opt_result .updown .btn_down {left: 0;}
.prod_view .pr_opt .opt_result .updown .btn_down.if_no {pointer-events: none !important; opacity: 0.3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30);}
.prod_view .pr_opt .opt_result .updown .btn_up {right: 0;}
.prod_view .pr_opt .opt_result .updown .btn_up:after {content: ''; position: absolute; left: 50%; top: 50%; width: 2px; height: 10px; background: #000; margin-top: -5px; margin-left: -1px;}
.prod_view .pr_opt .opt_result .price {font-size: 15px; color: #333; letter-spacing: -0.4px; font-weight: 500; width: 90px; text-align: right; margin-left: 20px;}
.prod_view .pr_opt .opt_result .btn_del {width: 26px; height: 26px; background: #aaa; border: 1px solid #aaa; border-radius: 100px; box-sizing: border-box;}
.prod_view .pr_opt .opt_result .btn_del {display: flex; justify-content: center; align-items: center; margin-left: 10px;}

.prod_view .pr_opt.if_nooption .opt_result {margin-top:20px;}
.prod_view .pr_opt.if_nooption .opt_result dl {margin-top: 0; padding-left: 0;}
.prod_view .pr_opt.if_nooption .opt_result dt {display: none;}
.prod_view .pr_opt.if_nooption .opt_result dd {width: 100%;}
.prod_view .pr_opt.if_nooption .opt_result .count_box {width: 100%; }
.prod_view .pr_opt.if_nooption .opt_result .count_tx {font-size:17px;}
.prod_view .pr_opt.if_nooption .opt_result {background:#fff; border-radius:100px; padding:0 20px; border:1px solid #ddd;}
.prod_view .pr_opt.if_nooption .total_price {border-top:0;}


.prod_view .pr_opt .total_price {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; border-top: 1px solid #000;}
.prod_view .pr_opt .total_price {padding-top: 15px; box-sizing: border-box;}
.prod_view .pr_opt .total_price .tit {font-size: 20px; color: #000; font-weight: 500; letter-spacing: -0.4px; line-height: 1;}
.prod_view .pr_opt .total_price .price {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-left: 25px; line-height: 1;}
.prod_view .pr_opt .total_price .price strong {font-family: 'Manrope'; font-size: 23px; color: #000; letter-spacing: -0.7px; font-weight: 800;}
.prod_view .pr_opt .total_price .price em {font-size: 21px; color: #000; font-weight: 500; flex: none;}

/* 오른쪽 버튼 */
.prod_view .view_btn {width: 100%; height: 65px; border-radius: 5px; display: flex; justify-content: center; align-items: center;}
.prod_view .view_btn {border: 1px solid #0047bb; box-sizing: border-box; margin-top: 20px; position: relative; overflow: hidden;}
.prod_view .view_btn em {color: #0047bb;}
.prod_view span.view_btn {background: #f5f5f5; border-color: #ddd !important; cursor: default;}
.prod_view span.view_btn em {color: #bbb !important;}
.prod_view .view_btn em {font-size: 20px; font-weight: 600; letter-spacing: -0.4px; position: relative; z-index: 2; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.prod_view .view_btn .bg {position: absolute; left: 0; top: 100%; width: 100%; height: 100%; z-index: 1; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; background: #0047bb;}
.prod_view a.view_btn:hover em {color: #fff !important;}
.prod_view a.view_btn:hover .bg {top: 0;}

/* 상세 내용 */
.prod_view .prod_cont {}
.prod_view .prod_cont li {list-style: none;}

.prod_view .view_cont {background: #fff; margin-top: 20px;}
.prod_view .view_cont .tab_box {display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative;}
.prod_view .view_cont .tab_box:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee; z-index: 1;}
.prod_view .view_cont .tab_box .tab {height: 90px; display: flex; justify-content: center; align-items: center; padding: 0 50px; box-sizing: border-box; position: relative;}
.prod_view .view_cont .tab_box .tab:before {content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #000; z-index: 2;}
.prod_view .view_cont .tab_box .tab:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.prod_view .view_cont .tab_box .tx {font-family: 'Manrope'; font-size: 21px; color: #000; font-weight: 800; letter-spacing: -0.5px;}
.prod_view .view_cont .tab_box .tx {opacity: 0.3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30);}
.prod_view .view_cont .tab_box .tx em {margin-left: 5px;}
.prod_view .view_cont .tab_box .hit:before {left: 0; width: 100%;}
.prod_view .view_cont .tab_box .hit .tx {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.prod_view .view_cont .tab_box .hit .tx em {color: #41A5D8;}
.prod_view .view_cont .detail_box {padding: 50px 50px 60px 50px; box-sizing: border-box;}
.prod_view .view_cont .conts {position: relative; font-size: 15px; color: #888; letter-spacing: -0.3px; line-height: 1.6;}
.prod_view .view_cont .conts * {font-size: 15px; color: #888; letter-spacing: -0.4px; line-height: 1.6;}
.prod_view .view_cont .conts img {max-width: 100% !important;}
.prod_view .view_cont .conts.if_more {height: 1300px; overflow: hidden;}
.prod_view .view_cont .conts.if_more:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 250px;}
.prod_view .view_cont .conts.if_more:before {background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.prod_view .view_cont .conts.if_more+ .view_more {display: flex;}
.prod_view .view_cont .conts+ .view_more {display: none; margin-top: 0;}
.prod_view .view_more {width: 250px; height: 55px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.prod_view .view_more {border: 1px solid #333; border-radius: 100px; box-sizing: border-box; margin: 0 auto; margin-top: 30px;}
.prod_view .view_more .tx {font-size: 15px; color: #333; letter-spacing: -0.5px; padding-right: 20px; box-sizing: border-box;}
.prod_view .view_more .tx {background: transparent url('../images/sub/view_more_ic.png') right center no-repeat;}
.prod_view .if_open_detail_more .editor.if_more {height: auto;}
.prod_view .if_open_detail_more .editor.if_more:before {display: none;}
.prod_view .if_open_detail_more .editor.if_more+ .view_more {display: none;}

.prod_view .singer_box {}
.prod_view .singer_box ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: stretch; align-items: stretch; margin-left: -45px;}
.prod_view .singer_box li {width: 33.3334%; flex: none;}
.prod_view .singer_box li:nth-of-type(3)~ li {margin-top: 30px;}
.prod_view .singer_box .box {margin-left: 45px; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: relative;}
.prod_view .singer_box .box:hover .tx_box {border-color: #333;}
.prod_view .singer_box .box:hover .thumb:before {border-color: #333;}
.prod_view .singer_box .thumb {font-size: 0; overflow: hidden; position: relative; flex: none; width: 100%; background: #eee url('../images/sub/singer_no.png') center no-repeat;}
.prod_view .singer_box .thumb:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05); z-index: 1;}
.prod_view .singer_box .thumb:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; border: 1px solid transparent; border-bottom: 0; box-sizing: border-box;}
.prod_view .singer_box .thumb img {width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.prod_view .singer_box .thumb.if_no:before {display: none;}
.prod_view .singer_box .tx_box {padding: 25px 30px; box-sizing: border-box; border: 1px solid #e5e5e5; border-top: 0; display: flex; width: 100%;}
.prod_view .singer_box .tx_box {flex-direction: column; justify-content: flex-start; align-items: flex-start; flex: auto; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.prod_view .singer_box .apply_tit {width: 100%; font-size: 18px; color: #333; letter-spacing: -0.4px; font-weight: 500;}
.prod_view .singer_box .apply_tit {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1.1;}
.prod_view .singer_box .apply_tx {width: 100%; font-size: 13px; color: #999; letter-spacing: -0.6px; margin-top: 20px; margin-bottom: 20px;}
.prod_view .singer_box .apply_tx {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 20px; max-height: 60px;}
.prod_view .singer_box .date {font-family: 'Manrope'; font-size: 15px; color: #41A5D8; font-weight: 600; letter-spacing: 0; margin-top: auto;}
.prod_view .singer_box.if_candidates li:nth-of-type(3)~ li {margin-top: 50px;}
.prod_view .singer_box.if_candidates .thumb {width: 200px; border-radius: 80px; margin-bottom: -110px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.prod_view .singer_box.if_candidates .tx_box {padding-top: 135px; border-top: 1px solid #e5e5e5;}
.prod_view .singer_box.if_candidates .box:hover .thumb {border-radius: 0;}
.prod_view .singer_box.if_candidates .box:hover .thumb:before {border-color: transparent;}

.prod_view .singer_open {position:fixed; left:0; top: 0; width: 100%; height: 0; z-index:1000; display: flex; justify-content: center; align-items: center;}
.prod_view .singer_open .white_box {width: 1200px; height: 100%; background:#fff; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; z-index: 1002;}
.prod_view .singer_open .white_box {transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility: hidden;}
.prod_view .singer_open .top_box {width: 100%; position: relative; text-align: center; border-bottom: 1px solid #eee; box-sizing: border-box;}
.prod_view .singer_open .top_box {flex: none; display: flex; justify-content: center; align-items: center; padding: 35px 0; box-sizing: border-box;}
.prod_view .singer_open .top_box .tit {font-size: 25px; color: #000; font-weight: 500; letter-spacing: -0.4px; line-height: 1.3; padding: 0 150px; box-sizing: border-box;}
.prod_view .singer_open .top_box .tit {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.prod_view .singer_open .top_box .btn_close {position: absolute; right: 30px; top: 50%; padding: 20px; box-sizing: border-box; font-size: 0; margin-top: -30px;}
.prod_view .singer_open .cont_box {width: 100%; flex: auto; max-height: 800px;}
.prod_view .singer_open .cont_box .inner {padding: 50px 90px; box-sizing: border-box;}
.prod_view .singer_open .cont_box .inner img {max-width: 100% !important;}

.prod_view .singer_open .singer_bg {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1001; visibility: hidden;}
.prod_view .singer_open .singer_bg {transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}

.prod_view .singer_box li.if_open_singer .singer_open {height: 100%; padding: 60px 15px; box-sizing: border-box;}
.prod_view .singer_box li.if_open_singer .singer_open .white_box {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility: visible;}
.prod_view .singer_box li.if_open_singer .singer_bg {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility: visible;}

/* 상세 연관상품 */
.prod_view .relative_box {}
.prod_view .relative_box .item_list ul {flex-wrap: nowrap;}

/* 상품상세 지원하기 레이어창 */
.prod_view .layer_open {position:fixed; left:0; top: 0; width: 100%; height: 0; z-index:1000; display: flex; justify-content: center; align-items: center;}
.prod_view .layer_open .white_box {width: 1200px; flex: none; background:#fff; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; z-index: 1002; height: 100%;}
.prod_view .layer_open .white_box {transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility: hidden;}
.prod_view .layer_open .top_box {width: 100%; position: relative; text-align: center; border-bottom: 1px solid #eee; box-sizing: border-box;}
.prod_view .layer_open .top_box {flex: none; display: flex; justify-content: center; align-items: center; padding: 35px 0; box-sizing: border-box;}
.prod_view .layer_open .top_box .tit {font-size: 25px; color: #000; font-weight: 500; letter-spacing: -0.4px; line-height: 1.3; padding: 0 150px; box-sizing: border-box;}
.prod_view .layer_open .top_box .tit {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.prod_view .layer_open .top_box .btn_close {position: absolute; right: 30px; top: 50%; padding: 20px; box-sizing: border-box; font-size: 0; margin-top: -30px;}
.prod_view .layer_open .cont_box {width: 100%; flex: auto;}
.prod_view .layer_open .cont_box .inner {padding: 50px 90px; box-sizing: border-box;}
.prod_view .layer_open .cont_box .inner img {max-width: 100% !important;}
.prod_view .layer_open .cont_box .cm_order_form {border-top: 2px solid #dedede;}
.prod_view .layer_open .cont_box .cm_order_form .value {flex-direction: column; align-items :flex-start; justify-content: center;}

.prod_view .layer_open .layer_bg {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1001; visibility: hidden;}
.prod_view .layer_open .layer_bg {transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}

.prod_view .layer_open .cm_order_form .textarea_design {height: 200px;}

.prod_view .if_open_apply .layer_open {height: 100%; padding: 60px 15px; box-sizing: border-box;}
.prod_view .if_open_apply .layer_open .white_box {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility: visible;}
.prod_view .if_open_apply .layer_bg {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility: visible;}





/* ******************************************
   상품목록
-- ****************************************** */
.sub_top {position: relative;}
.sub_top li {list-style: none;}

.sub_top .location {position: absolute; left: -10px; top: 50%; z-index: 10; margin-top: -20px;}
.sub_top .location {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.sub_top .location li {position: relative;}
.sub_top .location li+ li {background: transparent url('../images/sub/loc_bg2.png') left center no-repeat; padding-left: 5px; box-sizing: border-box;}
.sub_top .location .btn {font-size: 13px; color: #999; letter-spacing: -0.6px; padding: 10px; box-sizing: border-box;}
.sub_top .location a.btn:hover {text-decoration: underline;}

.sub_top .ctg_tit {width: 100%; height: 170px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sub_top .ctg_tit {font-size: 40px; color: #000; letter-spacing: -0.6px; font-weight: 100;}
.sub_top .ctg_tit strong {font-weight: 600; margin-right: 5px;}






/* ******************************************
   서브 카테고리 배너
-- ****************************************** */
.sub_ctg_bn {margin-bottom: 45px;}
.sub_ctg_bn li {list-style: none;}

.sub_ctg_bn .rolling_wrap {overflow: hidden;}
.sub_ctg_bn .rolling_wrap .banner {position: relative; font-size: 0;}

/* 롤링 박스 */
.sub_ctg_bn .rolling_wrap {}
.sub_ctg_bn .rolling_box .banner {position: relative; font-size: 0; text-align: center;}
.sub_ctg_bn .banner img {width: 1300px;}

/* 롤링 아이콘 */
.sub_ctg_bn .rolling_icon {width: 100%; text-align: center; margin-top: 15px;}
.sub_ctg_bn .rolling_icon .lineup {font-size: 0;}
.sub_ctg_bn .rolling_icon .btn {font-size: 0; padding: 5px; box-sizing: border-box;}
.sub_ctg_bn .rolling_icon .icon {width: 8px; height: 8px; border: 1px solid #000; background: #000; border-radius: 50px; box-sizing: border-box;}
.sub_ctg_bn .rolling_icon .icon {opacity: 0.3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30);}
.sub_ctg_bn .rolling_icon .active .icon {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}






/* ******************************************
   서브 목록 컨트롤러
-- ****************************************** */
.sub_li_ctrl {margin-bottom: 40px;}
.sub_li_ctrl .layout_fix {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
.sub_li_ctrl .layout_fix:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee; z-index: 1;}
.sub_li_ctrl li {list-style: none;}
.sub_li_ctrl .left {}
.sub_li_ctrl .right {margin-left: auto;}

/* 토탈갯수(2차 카테고리 없을때) */
.sub_li_ctrl .total {padding-bottom: 25px; box-sizing: border-box; }
.sub_li_ctrl .total .tx {font-size: 17px; color: #000; letter-spacing: -0.4px; height: 20px; line-height: 19px;}
.sub_li_ctrl .total em {color: #41A5D8; font-weight: 600;}

/* 2차카테고리 */
.sub_li_ctrl .ctg2_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-left: -20px;}
.sub_li_ctrl .ctg2_box .ctg2 {padding: 0 20px; box-sizing: border-box;}
.sub_li_ctrl .ctg2_box .tx {position: relative; padding: 10px 0 25px 0; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.sub_li_ctrl .ctg2_box .tx:before {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #000; z-index: 1;}
.sub_li_ctrl .ctg2_box .tx:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.sub_li_ctrl .ctg2_box .tx strong {font-size: 17px; letter-spacing: -0.8px; color: #999; height: 20px; line-height: 19px;}
.sub_li_ctrl .ctg2_box .tx em {font-size: 15px; letter-spacing: 0; color: #999; margin-left: 3px; height: 20px; line-height: 20px;}
.sub_li_ctrl .ctg2_box .hit .tx:before {width: 100%;}
.sub_li_ctrl .ctg2_box .hit .tx strong {color: #000;}
.sub_li_ctrl .ctg2_box .hit .tx em {color: #41A5D8; font-weight: 600;}

/* 정렬 */
.sub_li_ctrl .range {position: relative; width: 130px; margin-bottom: 15px; z-index: 20;}
.sub_li_ctrl .range .opt_hit {font-size: 13px; color: #888; letter-spacing: -0.8px; height: 35px; padding: 0 15px; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 20px;}
.sub_li_ctrl .range .opt_hit {background: transparent url('../images/sub/select_open.png') right 15px center no-repeat; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.sub_li_ctrl .range .open_box {position: absolute; left: 0; top: 35px; width: 100%; z-index: 21; display: none;}
.sub_li_ctrl .range .open_box ul {width: 100%; margin-top: 10px; border: 1px solid #e5e5e5; border-radius: 18px; box-sizing: border-box; overflow: hidden; background: #fff;}
.sub_li_ctrl .range .open_box li {position: relative;}
.sub_li_ctrl .range .open_box li+ li {border-top: 1px solid #e5e5e5; box-sizing: border-box;}
.sub_li_ctrl .range .open_box .opt {font-size: 13px; color: #888; letter-spacing: -0.8px; height: 33px; padding: 0 15px; box-sizing: border-box;}
.sub_li_ctrl .range .open_box .opt {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.sub_li_ctrl .range .open_box .opt:hover {background-color: #f5f5f5 !important;}
.sub_li_ctrl .range .open_box .hit .opt {color: #41A5D8;}
.sub_li_ctrl .range:hover .opt_hit {background-image: url('../images/sub/select_close.png'); border-color: #ccc;}
.sub_li_ctrl .range:hover .open_box {display: block;}







/* ******************************************
   메인 공통
-- ****************************************** */
.ma_tit {display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 60px; margin-bottom: 25px;}
.ma_tit li {list-style: none;}

/* 타이틀 */
.ma_tit .tit {font-size: 25px; color: #000; font-weight: 500; letter-spacing: -0.7px; line-height: 1.3;}

/* 롤링 이전다음 버튼 */
.ma_tit .rolling_btn {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; border: 1px solid #eee; margin-left: auto;}
.ma_tit .rolling_btn {border-radius: 100px; box-sizing: border-box; overflow: hidden; position: relative; width: 70px; height: 35px;}
.ma_tit .rolling_btn:before {content: ''; position: absolute; left: 50%; top: 50%; width: 1px; height: 10px; margin-top: -5px; background: #eee; z-index: 1;}
.ma_tit .rolling_btn .prevnext {flex: none; width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; background: #fff;}
.ma_tit .rolling_btn .prevnext {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_tit .rolling_btn .prev {border-right: 0;}
.ma_tit .rolling_btn .next {border-left: 0;}

/* 탭메뉴 */
.ma_tit .tab_menu {display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-end; margin: -10px -15px -15px auto;}
.ma_tit .tab_menu li {}
.ma_tit .tab_menu .tab {padding: 10px 15px; box-sizing: border-box; opacity: 0.3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30);}
.ma_tit .tab_menu .tx {font-size: 19px; color: #000; font-weight: 600; letter-spacing: -0.4px; position: relative; padding-bottom: 5px; box-sizing: border-box; line-height: 1.2;}
.ma_tit .tab_menu .tx:before {content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #000; z-index: 1; display: none;}
.ma_tit .tab_menu .hit .tab {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.ma_tit .tab_menu .hit .tx:before {display: block;}

/* 더보기, 링크 버튼 */
.ma_more {width: 250px; height: 55px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.ma_more {background: #f5f6f9; border: 1px solid #f5f6f9; border-radius: 100px; box-sizing: border-box; margin: 30px auto 0 auto;}
.ma_more .tx {font-size: 15px; color: #333; letter-spacing: -0.5px; padding-right: 20px; box-sizing: border-box;}
.ma_more .tx {background: transparent url('../images/sub/view_more_ic.png') right center no-repeat;}
.ma_more.if_link {background: #fff; border-color: #e5e5e5;}
.ma_more.if_link .tx {background-image: url('../images/main/ma_link_ic.png'); padding-right: 15px;}






/* ******************************************
   메인 비주얼
-- ****************************************** */
.ma_visual {position: relative;}
.ma_visual ul {height: 460px; position: relative;}
.ma_visual li {list-style: none; position: absolute; left: 0; top: 0; width: 100%; height: 460px;}
.ma_visual .visual_box {position: relative; height: 460px;}
.ma_visual .visual_img {width: 100%; height: 460px; padding: 0 200px; margin-left: -200px;}
.ma_visual .visual_img {display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden;}
.ma_visual .visual_img img {opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_visual .rolling_right .visual_img img {transform:translateX(100px);-webkit-transform:translateX(100px);-ms-transform:translateX(100px);}
.ma_visual .rolling_left .visual_img img {transform:translateX(-100px);-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);}
.ma_visual .visual_txt {position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; padding-bottom: 50px; padding-left: 5px;}
.ma_visual .visual_txt {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; box-sizing: border-box;}
.ma_visual .visual_txt {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.ma_visual .visual_txt .tx1 {font-size: 14px; letter-spacing: -0.2px; font-weight: 600; margin-bottom: 5px;}
.ma_visual .visual_txt .tx2 {font-size: 33px; letter-spacing: -0.6px; font-weight: 500; line-height: 1.4;}
.ma_visual .visual_txt .tx3 {font-size: 16px; font-weight: 300; letter-spacing: -0.4px; margin-top: 40px;}
.ma_visual li.active {z-index: 5;}
.ma_visual li.active .visual_img img {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); transform:translateX(0px); -webkit-transform:translateX(0px); -ms-transform:translateX(0px);}
.ma_visual li.active .visual_txt {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
.ma_visual li.active .tx {animation: tx_move 1.2s 1 ease both;}
.ma_visual li.active .tx2 {animation-delay: 0.2s;}
.ma_visual li.active .tx3 {animation-delay: 0.5s;}

/* 메인 비주얼 텍스트 애니메이션 */
@keyframes tx_move {
    from {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); transform: translateY(30px);}
    to {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); transform: translateY(0);}
}
@-webkit-keyframes tx_move {
    from {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); transform: translateY(30px);}
    to {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); transform: translateY(0);}
}

/* 롤링 페이징 */
.ma_visual .rolling_ctrl {position: absolute; left: 50%; bottom: 30px; margin-left: -650px; z-index: 20; height: 35px;}
.ma_visual .rolling_ctrl {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}

/* 롤링 바 */
.ma_visual .rolling_bar {width: 280px; height: 2px; background: rgba(0, 0, 0, 0.2); position: relative;}
.ma_visual .rolling_bar .fill {position: absolute; left: 0; top: 0; height: 100%; background: #fff; z-index: 1;}
/*.ma_visual .rolling_bar .fill {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}*/

/* 롤링 페이징 */
.ma_visual .rolling_paging {margin-left: 15px; position: relative; width: 100px; height: 35px; background:rgba(255,255,255,0.5); border-radius:100px; overflow:hidden;}
/*
.ma_visual .rolling_paging:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.2);;}
.ma_visual .rolling_paging:before {border-radius: 100px; box-sizing: border-box; }
.ma_visual .rolling_paging:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
*/
.ma_visual .rolling_paging .num {display: flex; flex-direction: row; justify-content: center; align-items: center; height: 35px; width: 100%;}
.ma_visual .rolling_paging .num {font-family: 'Manrope'; font-size: 15px; color: #000; letter-spacing: -0.5px; font-weight: 700;}
.ma_visual .rolling_paging .num strong {width: 15px; text-align: right; white-space: nowrap;}
.ma_visual .rolling_paging .num em {width: 23px; white-space: nowrap; margin-left: 3px; font-weight:300;}
.ma_visual .rolling_paging:hover:before {background:#fff;}

/* 롤링 버튼 */
.ma_visual .prevnext {position: absolute; top: 0; height: 100%; font-size: 0; width: 35px;}
.ma_visual .prevnext {display: flex; justify-content: center; align-items: center;}
.ma_visual .prevnext.prev {left: 1px;}
.ma_visual .prevnext.next {right: 1px;}






/* ******************************************
   메인 아이템
-- ****************************************** */
.ma_item {border-top: 1px solid #eee; box-sizing: border-box; margin-top: 70px;}
.ma_item .ma_more {margin-top: 50px;}

.ma_item .item_wrap .thumb .timer_info .timer_bar .fill {animation: none;}
.ma_item.scroll_item .item_wrap .thumb .timer_info .timer_bar .fill {animation: bar_fill 1.3s 0.1s 1 cubic-bezier(0, 0.77, 0.63, 0.85) both; -webkit-animation: bar_fill 1.3s 0.1s 1 cubic-bezier(0, 0.77, 0.63, 0.85) both;}






/* ******************************************
   메인 바로가기
-- ****************************************** */
.ma_go {margin-top: 100px;}

.ma_go ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-left: -40px;}
.ma_go li {list-style: none; flex: none; width: 50%;}
.ma_go .box {height: 160px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-left: 40px;}
.ma_go .box {padding: 0 70px 0 50px; box-sizing: border-box;}
.ma_go .box1 {background: #ebf4f9;}
.ma_go .box2 {background: #e6e9f5;}
.ma_go .tx_box {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.ma_go .tx_box .tit {font-size: 20px; font-weight: 500; letter-spacing: -0.4px; color: #000;}
.ma_go .box1 .tx_box .tit em {color: #41A5D8;}
.ma_go .box2 .tx_box .tit em {color: #264ad2;}
.ma_go .tx_box .tx {font-size: 15px; color: #000; letter-spacing: -0.6px; margin-top: 15px; position: relative;}
.ma_go .tx_box .tx {border-bottom: 1px solid #000; box-sizing: border-box; padding-bottom: 1px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_go .tx_box .tx:before {content:""; background:#aaa;  height:1px; position:absolute; right:-1px; bottom:-1px}
.ma_go .tx_box .tx:before {transform: rotate(45deg); -webkit-transform: rotate(45deg); width:0px;}
.ma_go .tx_box .tx:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_go .ic {font-size: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_go .box:hover .tx_box .tx {padding-right: 20px;}
.ma_go .box:hover .tx_box .tx:before {width:12px; transform: rotate(45deg); -webkit-transform: rotate(45deg); right:-2px; bottom:3px; background: #000;}
.ma_go .box:hover .ic {animation: img_swif 0.5s ease forwards; -webkit-animation: img_swif 0.5s ease forwards;}

@-webkit-keyframes img_swif {
    0% {transform:scale(1,1); -webkit-transform:scale(1,1);}
    50% {transform:scale(0,1); -webkit-transform:scale(0,1);}
    100% {transform:scale(1,1); -webkit-transform:scale(1,1);}
}
@keyframes img_swif {
    0% {transform:scale(1,1); -webkit-transform:scale(1,1);}
    50% {transform:scale(0,1); -webkit-transform:scale(0,1);}
    100% {transform:scale(1,1); -webkit-transform:scale(1,1);}
}





/* ******************************************
   메인 소식
-- ****************************************** */
.ma_soon {border-top: 1px solid #eee; box-sizing: border-box; margin-top: 70px;}
.ma_soon li {list-style: none;}

.ma_soon .item_wrap .thumb .timer_info .timer_bar .fill {animation: none;}
.ma_soon .item_wrap .info .revenue dd {height: auto;}
.ma_soon.scroll_soon .item_wrap .thumb .timer_info .timer_bar .fill {animation: bar_fill 1.3s 0.1s 1 cubic-bezier(0, 0.77, 0.63, 0.85) both; -webkit-animation: bar_fill 1.3s 0.1s 1 cubic-bezier(0, 0.77, 0.63, 0.85) both;}





/* ******************************************
   메인 기획전
-- ****************************************** */
.ma_pro {background: #f5f6f9; padding-bottom: 70px; box-sizing: border-box; overflow: hidden;}
.ma_pro li {list-style: none;}

.ma_pro .pro_box {width: 100%; height: 460px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); position: relative;}
.ma_pro .pro_box {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}

.ma_pro .pro_bn {flex: none; width: 50%; overflow: hidden;}
.ma_pro .pro_bn .box {width: 100%; height: 460px; position: relative;}
.ma_pro .pro_bn .box .img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat !important;}
.ma_pro .pro_bn .box .img {background-position: center !important; background-size: cover !important;}
.ma_pro .pro_bn .box .tx_box {position: relative; z-index: 1; padding: 0 60px; box-sizing: border-box; height: 100%;}
.ma_pro .pro_bn .box .tx_box {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.ma_pro .pro_bn .tx_box .tit {font-size: 27px; letter-spacing: -0.5px; line-height: 1.3; color: #000;}
.ma_pro .pro_bn .tx_box .item {margin-top: 15px; font-family: 'Manrope'; font-size: 16px; color: #000; letter-spacing: -0.5px; font-weight: 600; position: relative; line-height: 1.1;}
.ma_pro .pro_bn .tx_box .item:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000; z-index: 1;}
.ma_pro .pro_bn .tx_box .btn_link {margin-top: 45px; width: 110px; height: 40px; background: #000; display: flex; justify-content: center; align-items: center;}
.ma_pro .pro_bn .tx_box .btn_link {font-size: 14px; color: #fff; letter-spacing: -0.6px;}

.ma_pro .pro_item {flex: none; width: 50%; padding: 45px 50px; box-sizing: border-box; overflow: hidden;}
.ma_pro .pro_item .rolling_wrap {overflow: hidden;}
.ma_pro .item_list.if_wide ul {margin-left: 0; margin-top: 0;}
.ma_pro .item_list.if_wide li {width: 100%;}
.ma_pro .item_list.if_wide li+ li {margin-top: 20px; padding-top: 20px; box-sizing: border-box; border-top: 1px solid #eee;}
.ma_pro .item_list.if_wide .item_wrap {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-left: 0; margin-top: 0;}
.ma_pro .item_list.if_wide .item_wrap .thumb .timer_info {height: 35px; background: rgba(0, 0, 0, 0.7);}
.ma_pro .item_list.if_wide .item_wrap .thumb {width: 230px; flex: none; border-radius: 5px;}
.ma_pro .item_list.if_wide .item_wrap .thumb:before {background: rgba(0, 0, 0, 0.1);}
.ma_pro .item_list.if_wide .item_wrap .thumb .prepare {background: rgba(0, 0, 0, 0.7); height: 35px; justify-content: center; font-size: 17px;}
.ma_pro .item_list.if_wide .item_wrap .info .tit_box {padding-top: 5px;}

/* .ma_pro .item_list.if_wide .item_wrap.if_timer .info .revenue {border-top: 0;} */

.ma_pro .item_list.if_wide .item_wrap .info {flex: auto; overflow: hidden; border: 0; padding: 0 0 0 30px;}
.ma_pro .item_list.if_wide .item_wrap .info .timer_bar {width: 100%; height: 3px; background: #ccc; position: relative; margin: 5px 0;}
.ma_pro .item_list.if_wide .item_wrap .info .timer_bar .bar {position: absolute; left: 0; top: 0; height: 100%; z-index: 1;}
.ma_pro .item_list.if_wide .item_wrap .info .timer_bar .fill {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000;}
.ma_pro.scroll_pro .item_wrap .info .timer_bar .fill {animation: bar_fill 1.3s 0.1s 1 cubic-bezier(0, 0.77, 0.63, 0.85) both; -webkit-animation: bar_fill 1.3s 0.1s 1 cubic-bezier(0, 0.77, 0.63, 0.85) both;}

.ma_pro .prevnext {position: absolute; top: 50%; width: 50px; height: 50px; border: 1px solid #e5e5e5; border-radius: 100px; z-index: 20; margin-top: -25px;}
.ma_pro .prevnext {box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_pro .prevnext {background-repeat: no-repeat !important; background-position: center !important; background-color: #fff;}
.ma_pro .prevnext.prev {left: -25px; background-image: url('../images/main/ma_prev.png');}
.ma_pro .prevnext.next {right: -25px; background-image: url('../images/main/ma_next.png');}
.ma_pro .prevnext:hover {background-color: #000; border-color: #000;}
.ma_pro .prevnext.prev:hover {background-image: url('../images/main/ma_prev_ov.png');}
.ma_pro .prevnext.next:hover {background-image: url('../images/main/ma_next_ov.png');}






/* ******************************************
   메인 추천,랭킹
-- ****************************************** */
.ma_md {}
.ma_md li {list-style: none;}

.ma_md .md_wrap {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}

/* 추천 */
.ma_md .recommend {flex: none; width: 895px; padding-right: 45px; padding-bottom: 80px; box-sizing: border-box;}
.ma_md .recommend .rolling_wrap {overflow: hidden;}
.ma_md .recommend .item_list ul {margin-left: -50px; margin-top: -30px;}
.ma_md .recommend .item_list li {width: 33.3334%;}
.ma_md .recommend .item_wrap {margin-left: 50px; margin-top: 30px;}
.ma_md .recommend .item_wrap .info .tit_box {padding-top: 10px;}

/* 랭킹 */
.ma_md .ranking {width: 405px; flex: none; position: relative; padding-left: 45px; padding-bottom: 80px; box-sizing: border-box;}
.ma_md .ranking:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #eee;}
.ma_md .ranking .ma_tit {justify-content: center;}
.ma_md .ranking .btn_refresh {height: 35px; padding: 0 10px; box-sizing: border-box; margin-right:5px; display: flex; justify-content: center; align-items: center;}

.ma_md .ranking .large {height: 450px; display: flex; justify-content: center; align-items: flex-start; background: #000;}
.ma_md .ranking .large {border-radius: 5px; box-sizing: border-box; position: relative;}
.ma_md .ranking .large .bg_img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.ma_md .ranking .large .bg_img {background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.ma_md .ranking .large .bg_img {opacity: 0.15; filter: alpha(opacity=15); -ms-filter: alpha(opacity=15);}
.ma_md .ranking .large .item_wrap {margin: 0; width: 100%; height: 100%; padding: 25px 40px 0 40px; box-sizing: border-box;}
.ma_md .ranking .large .item_wrap .thumb_wrap {width: 240px; padding: 10px; box-sizing: border-box; margin: 0 auto;}
.ma_md .ranking .large .item_wrap .thumb {border-radius: 200px;}
.ma_md .ranking .large .item_wrap .thumb:before {display: none;}
.ma_md .ranking .large .item_wrap .info {margin-top: 25px;}
.ma_md .ranking .large .item_wrap .info .tit_box {padding: 0;}
.ma_md .ranking .large .item_wrap .info .name_box .item_tit {color: #fff;}
.ma_md .ranking .large .item_wrap .info .name_box .name {color: #bbb;}
.ma_md .ranking .large .item_wrap .info .revenue {border-color: rgba(255, 255, 255, 0.2);}
.ma_md .ranking .large .item_wrap .info .revenue dt {}
.ma_md .ranking .large .item_wrap .info .revenue .tx {color: #fff;}
.ma_md .ranking .large .item_wrap .info .revenue .tx.if_unknown {color: #999;}
.ma_md .ranking .large .item_wrap .info .revenue .num strong {color: #fff;}
.ma_md .ranking .large .item_wrap .btn_wish {right: 20px; top: 20px; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.ma_md .ranking .large .item_wrap .btn_wish {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.ma_md .ranking .large:hover .btn_wish {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}

.ma_md .ranking .item_list {margin-top: 40px;}
.ma_md .ranking .item_list ul {margin-left: 0; margin-top: 0;}
.ma_md .ranking .item_list li {width: 100%;}
.ma_md .ranking .item_list li+ li {margin-top: 20px; padding-top: 20px; box-sizing: border-box; border-top: 1px solid #eee;}
.ma_md .ranking .item_list .item_wrap {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-left: 0; margin-top: 0;}
.ma_md .ranking .item_list .item_wrap .thumb_wrap {flex: none; width: 134px; padding: 7px; box-sizing: border-box;}
.ma_md .ranking .item_list .item_wrap .thumb {width: 100%; border-radius: 100px;}
.ma_md .ranking .item_list .item_wrap .thumb:before {background: rgba(0, 0, 0, 0.2); transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.ma_md .ranking .item_list .item_wrap .thumb .timer_info {height: 35px; background: rgba(0, 0, 0, 0.7);}
.ma_md .ranking .item_list .item_wrap .btn_wish {top: 50%; left: 50%; margin-top: -25px; margin-left: -22px; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.ma_md .ranking .item_list .item_wrap .btn_wish {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.ma_md .ranking .item_list .item_wrap .thumb .percent {position: absolute; left: 0; bottom: 0; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.ma_md .ranking .item_list .item_wrap .thumb .percent {flex: none; font-family: 'Manrope'; font-size: 16px; font-weight: 400; letter-spacing: 0;}
.ma_md .ranking .item_list .item_wrap .thumb .percent {color: #fff; z-index: 2; padding-bottom: 10px; box-sizing: border-box;}
.ma_md .ranking .item_list .item_wrap .thumb .percent strong {font-weight: 800; letter-spacing: -1px;}
.ma_md .ranking .item_list .item_wrap .info .tit_box {padding: 0 0 13px 0;}
.ma_md .ranking .item_list .item_wrap .info {flex: auto; overflow: hidden; border: 0; padding: 0 0 0 15px;}
.ma_md .ranking .item_list .item_wrap .info .timer_bar {width: 100%; height: 3px; background: #ccc; position: relative; margin: 5px 0;}
.ma_md .ranking .item_list .item_wrap .info .timer_bar .bar {position: absolute; left: 0; top: 0; height: 100%; z-index: 1;}
.ma_md .ranking .item_list .item_wrap .info .timer_bar .fill {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000;}
.ma_md .ranking .item_list .item_wrap .info .revenue {padding-top: 10px;}
.ma_md .ranking .item_list .item_wrap .info .revenue dl+ dl {margin-top: 2px;}
.ma_md .ranking .item_list .item_wrap:hover .btn_wish {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.ma_md .ranking .item_list .item_wrap:hover .thumb:before {background: rgba(0, 0, 0, 0.5);}






/* ******************************************
   메인 엔터채널 베스트
-- ****************************************** */
.ma_enter {overflow-x: hidden;}
.ma_enter li {list-style: none;}
.ma_enter .ma_tit {margin-top: 95px;}
.ma_md+ .ma_enter {border-top: 1px solid #eee; box-sizing: border-box}

.ma_enter .ma_tit .tab_menu {margin-right: -5px;}
.ma_enter .ma_tit .tab_menu li {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.ma_enter .ma_tit .tab_menu li:last-of-type {margin-right: -10px;}
.ma_enter .ma_tit .tab_menu li:last-of-type.hit {margin-right: 5px;}
.ma_enter .ma_tit .tab_menu .btn_more {width: 23px; height: 23px; border: 1px solid #ddd; border-radius: 100px; box-sizing: border-box;}
.ma_enter .ma_tit .tab_menu .btn_more {display: flex; justify-content: center; align-items: center; margin-top: -3px; display: none;}
.ma_enter .ma_tit .tab_menu .btn_more .ic {width: 9px; height: 9px; position: relative;}
.ma_enter .ma_tit .tab_menu .btn_more .ic:before {content: ''; position: absolute; left: 0; top: 4px; width: 100%; height: 1px; background: #333;}
.ma_enter .ma_tit .tab_menu .btn_more .ic:after {content: ''; position: absolute; left: 4px; top: 0; width: 1px; height: 100%; background: #333;}
.ma_enter .ma_tit .tab_menu .hit .tab {padding-right: 5px;}
.ma_enter .ma_tit .tab_menu .hit+ li {margin-left: 15px;}
.ma_enter .ma_tit .tab_menu .hit .btn_more {display: flex;}

.ma_enter .enter_wrap {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}

/* 오른쪽 롤링박스 */
.ma_enter .li_box {width: 50%; flex: none; position: relative;}
.ma_enter .li_box:before {content: ''; position: absolute; left: 100%; top: 0; width: 300%; height: 100%; z-index: 20; background: rgba(255, 255, 255, 0.85);}
.ma_enter .li_box .rolling_wrap {margin-left: 50px;}
.ma_enter .li_box .item_list {overflow: visible;}
.ma_enter .li_box .item_list ul {flex-wrap: nowrap; margin-left: -40px; margin-top: 0;}
.ma_enter .li_box .item_list li {width: auto;}
.ma_enter .li_box .item_wrap {width: 280px; margin-left: 40px; margin-top: 0;}
.ma_enter .li_box .item_wrap .info .revenue dd {height: auto;}
.ma_enter .item_wrap .thumb .timer_info .timer_bar .fill {animation: none;}
.ma_enter.scroll_enter .item_wrap .thumb .timer_info .timer_bar .fill {animation: bar_fill 1.3s 0.1s 1 cubic-bezier(0, 0.77, 0.63, 0.85) both; -webkit-animation: bar_fill 1.3s 0.1s 1 cubic-bezier(0, 0.77, 0.63, 0.85) both;}

.ma_enter .rolling_btn {position: absolute; top: 80px; right: 0; width: 50px; height: 120px; margin-right: -25px; z-index: 25;}
.ma_enter .rolling_btn {display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.ma_enter .rolling_btn .prevnext {width: 50px; height: 50px; border: 1px solid #e5e5e5; border-radius: 100px;}
.ma_enter .rolling_btn .prevnext {box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_enter .rolling_btn .prevnext {background-repeat: no-repeat !important; background-position: center !important; background-color: #fff;}
.ma_enter .rolling_btn .prevnext.prev {background-image: url('../images/main/ma_prev.png');}
.ma_enter .rolling_btn .prevnext.next {background-image: url('../images/main/ma_next.png'); margin-top: auto;}
.ma_enter .rolling_btn .prevnext:hover {background-color: #000; border-color: #000;}
.ma_enter .rolling_btn .prevnext.prev:hover {background-image: url('../images/main/ma_prev_ov.png');}
.ma_enter .rolling_btn .prevnext.next:hover {background-image: url('../images/main/ma_next_ov.png');}

/* 왼쪽 cd 자켓 */
.ma_enter .cd_wrap {width: 50%; flex: none; position: relative;}

.ma_enter .case_box {}
.ma_enter .case_box .item_wrap {margin: 0; width: 400px; position: relative;}
.ma_enter .case_box .item_wrap:before {content: ''; position: absolute; left: 50%; top: 245px; width: 670px; height: 170px;}
.ma_enter .case_box .item_wrap:before {background: transparent url('../images/main/cd_shadow1.png') center bottom no-repeat; z-index: -1; margin-left: -335px;}
.ma_enter .case_box .thumb_wrap {position: relative;}
.ma_enter .case_box .thumb_wrap .info {position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 20px 20px 20px; box-sizing: border-box; z-index: 2;}
.ma_enter .case_box .thumb_wrap .info {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.ma_enter .case_box .thumb_wrap .info .revenue {background: rgba(0, 0, 0, 0.85); border-radius: 5px; padding: 20px 30px; box-sizing: border-box; height: auto; border: 0;}
.ma_enter .case_box .item_wrap .thumb:before {display: none;}
.ma_enter .case_box .item_wrap .info .revenue .num {font-size: 14px;}
.ma_enter .case_box .item_wrap .info .revenue .num strong {color: #fff; font-size: 15px;}
.ma_enter .case_box .item_wrap .info .revenue .num em {margin-left: 2px;}
.ma_enter .case_box .item_wrap .info .revenue .tx {color: #fff; font-size: 14px;}
.ma_enter .case_box .item_wrap:hover .thumb .img {transform: none;}
.ma_enter .case_box .item_wrap:hover .thumb_wrap .info {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.ma_enter .case_box .item_wrap .info .name_box {background: #fff;}
.ma_enter .case_box .item_wrap .info .percent {background: #fff;}

.ma_enter .cd_box {position: absolute; left: 210px; top: 10px; z-index: -2;}
.ma_enter .cd_box:before {content: ''; position: absolute; left: 50%; bottom: -29px; width: 470px; height: 125px;}
.ma_enter .cd_box:before {background: transparent url('../images/main/cd_shadow2.png') center bottom no-repeat; z-index: -3; margin-left: -235px;}
.ma_enter .cd_box .cd_img {border-radius: 100%; box-sizing: border-box; overflow: hidden; width: 385px; position: relative;}
.ma_enter .cd_box .cd_img:before {content: ''; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; margin-left: -35px; margin-top: -35px;}
.ma_enter .cd_box .cd_img:before {background: #fff; border: 1px solid #fff; border-radius: 100px; box-sizing: border-box; z-index: 1;}
.ma_enter .cd_box .cd_img .img {width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; border-radius:100% !important;}
.ma_enter .cd_box .cd_img .img {background-image: url('../images/main/cd_bg.png'); animation: cd_rotate 2s linear infinite both; -webkit-animation: cd_rotate 2s linear infinite both;}

/* cd 회전 */
@-webkit-keyframes cd_rotate {
    0% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    100% {transform: rotate(360deg); -webkit-transform: rotate(360deg)}
}
@keyframes cd_rotate {
    0% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    100% {transform: rotate(360deg); -webkit-transform: rotate(360deg)}
}

.ma_enter .cd_wrap.off .cd_box .cd_img {animation: cd_off 1s ease-in-out 1 both; -webkit-animation: cd_off 1s ease-in-out 1 both;}

/* cd 바뀔때 */
@-webkit-keyframes cd_off {
    0% {margin-left: 0;}
    50% {margin-left: -210px;}
    100% {margin-left: 0;}
}
@keyframes cd_off {
    0% {margin-left: 0;}
    50% {margin-left: -210px;}
    100% {margin-left: 0;}
}





/* ******************************************
   오른쪽 fly
-- ****************************************** */
.fly_r {position: fixed; right: 30px; bottom: 30px; z-index: 900;}

.fly_r .box {position: relative;}
.fly_r .btn {height: 60px; background: rgba(255, 255, 255, 0.9); border: 1px solid #ddd; border-radius: 100px; box-sizing: border-box; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);}
.fly_r .btn {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.fly_r .go_top {position: absolute; right: 0; bottom: -90px; width: 60px; display: flex; justify-content: center; align-items: center; z-index: 901;}
.fly_r .btn_view {position: absolute; right: 0; bottom: 0; padding: 0 20px 0 25px; z-index: 902;}
.fly_r .btn_view .tx {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: max-content; height: 58px;}
.fly_r .btn_view .tx {background: transparent url('../images/main/more_ic2.png') right center no-repeat; padding-right: 23px; box-sizing: border-box;}
.fly_r .btn_view .tx em {font-size: 14px; color: #333; letter-spacing: -1.3px; white-space: nowrap; height: 20px; line-height: 19px;}
.fly_r .btn_view .tx strong {font-family: 'Manrope'; font-size: 16px; color: #41A5D8; font-weight: 800; letter-spacing: -0.5px; margin-left: 5px;}
.fly_r .btn_view .tx strong {height: 20px; line-height: 20px; white-space: nowrap;}

.fly_r.if_scroll .go_top {bottom: 0;}
.fly_r.if_scroll .btn_view {right: 70px;}

/* 최근본상품 열림 */
.open_fly {position: fixed; top: 0; right: -470px; width: 470px; height: 100%; background: #fff; z-index: 1200; padding-left: 50px; box-sizing: border-box;}
.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: 45px 50px 35px 0; box-sizing: border-box; flex: none; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.open_fly .hd_box .tit {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.open_fly .hd_box .tit em {font-size: 23px; color: #333; letter-spacing: -2.5px; font-weight: 500; height: 30px; line-height: 27px;}
.open_fly .hd_box .tit strong {font-family: 'Manrope'; font-size: 25px; color: #41A5D8; font-weight: 700; letter-spacing: -0.5px;}
.open_fly .hd_box .tit strong {margin-left: 15px; position: relative; height: 30px; line-height: 29px;}
.open_fly .hd_box .tit strong:before {content: ''; position: absolute; left: 0; bottom: 1px; width: 100%; height: 1px; background: #41A5D8; z-index: 1;}
.open_fly .hd_box .btn_close {font-size: 0; padding: 10px; box-sizing: border-box; margin: -10px; margin-left: auto;}

.open_fly .latest_box {flex: auto; width: 100%;}
.open_fly .latest_box ul {padding: 0 50px 60px 0; box-sizing: border-box; max-height: 100%;}
.open_fly .latest_box li+ li {margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; box-sizing: border-box;}
.open_fly .latest_box .item_wrap {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-left: 0; margin-top: 0;}
.open_fly .latest_box .item_wrap .thumb {width: 120px; border-radius: 10px; flex: none;}
.open_fly .latest_box .item_wrap .thumb:before {background: rgba(0, 0, 0, 0.1); transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.open_fly .latest_box .item_wrap .thumb .timer_info {height: 35px; background: rgba(0, 0, 0, 0.7);}
.open_fly .latest_box .item_wrap .btn_wish {top: 50%; left: 50%; margin-top: -25px; margin-left: -22px; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.open_fly .latest_box .item_wrap .btn_wish {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.open_fly .latest_box .item_wrap .thumb .percent {position: absolute; left: 0; bottom: 0; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.open_fly .latest_box .item_wrap .thumb .percent {flex: none; font-family: 'Manrope'; font-size: 16px; font-weight: 400; letter-spacing: 0;}
.open_fly .latest_box .item_wrap .thumb .percent {color: #fff; z-index: 2; padding-bottom: 10px; box-sizing: border-box;}
.open_fly .latest_box .item_wrap .thumb .percent strong {font-weight: 800; letter-spacing: -1px;}
.open_fly .latest_box .item_wrap .info .tit_box {padding: 0 0 13px 0;}
.open_fly .latest_box .item_wrap .info {flex: auto; overflow: hidden; border: 0; padding: 0 0 0 25px;}
.open_fly .latest_box .item_wrap .info .timer_bar {width: 100%; height: 3px; background: #ccc; position: relative; margin: 5px 0;}
.open_fly .latest_box .item_wrap .info .timer_bar .bar {position: absolute; left: 0; top: 0; height: 100%; z-index: 1;}
.open_fly .latest_box .item_wrap .info .timer_bar .fill {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000;}
.open_fly .latest_box .item_wrap .info .revenue {padding-top: 10px;}
.open_fly .latest_box .item_wrap .info .revenue dl+ dl {margin-top: 2px;}
.open_fly .latest_box .item_wrap:hover .btn_wish {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.open_fly .latest_box .item_wrap:hover .thumb:before {background: rgba(0, 0, 0, 0.5);}

.open_fly_bg {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1100;}
.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;}






/* ******************************************
   회원가입 가입유형
-- ****************************************** */
.join_type {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch; margin-top: 100px;}
.join_type .box {flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; position: relative;}
.join_type .box+ .box:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #e5e5e5; z-index: 1;}
.join_type .ic {font-size: 0;}
.join_type .tit {font-size: 35px; color: #000; letter-spacing: -0.6px; font-weight: 500; margin-top: 25px; line-height: 1;}
.join_type .tx {font-size: 14px; color: #aaa; letter-spacing: -0.4px; margin-top: 25px; line-height: 1.5;}
.join_type .btn {width: 380px; height: 65px; background: #fff; border: 1px solid #41A5D8; border-radius: 5px; box-sizing: border-box;}
.join_type .btn {display: flex; justify-content: center; align-items: center; margin-top: 60px; position: relative; overflow: hidden;}
.join_type .btn:before {content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: #41A5D8; z-index: 1;}
.join_type .btn:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.join_type .btn em {font-size: 18px; color: #41A5D8; font-weight: 500; letter-spacing: -0.4px; position: relative; z-index: 2;}
.join_type .btn em {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.join_type .btn:hover:before {top: 0;}
.join_type .btn:hover em {color: #fff;}










/* ******************************************
   이용안내
-- ******************************************
.p_guide {}
.p_guide li {list-style: none;}

.p_guide .guide_int {height: 630px; background: transparent url('../images/sub/guide_int.jpg') center center no-repeat;}
.p_guide .guide_int {background-size: cover !important; background-attachment: fixed; position: relative;}
.p_guide .guide_int:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 1;}
.p_guide .guide_int:before {animation: int_bg 2.5s ease both; -webkit-animation: int_bg 2.5s ease both;}
.p_guide .guide_int .tx_box {position: relative; z-index: 5; display: flex; flex-direction: column; justify-content: center;}
.p_guide .guide_int .tx_box {align-items: center; height: 100%; text-align: center;}
.p_guide .guide_int .tx_box .tit {display: flex; flex-direction: row; justify-content: center; align-items: center; }
.p_guide .guide_int .tx_box .tit {animation: int_txt 1.3s 0.1s ease both; -webkit-animation: int_txt 1.3s 0.1s ease both;}
.p_guide .guide_int .tx_box .tit em {font-size: 50px; color: #fff; letter-spacing: -0.8px; font-weight: 500; height: 50px; line-height: 47px;}
.p_guide .guide_int .tx_box .tit strong {font-size: 53px; font-family: 'Manrope'; font-weight: 600; color: #41A5D8; letter-spacing: -0.9px;}
.p_guide .guide_int .tx_box .tit strong {margin-left: 10px; height: 50px; line-height: 50px;}
.p_guide .guide_int .tx_box .tx1 {font-size: 27px; color: #fff; letter-spacing: -1.2px; font-weight: 300; margin-top: 20px; line-height: 1.3;}
.p_guide .guide_int .tx_box .tx1 {animation: int_txt 1.3s 0.2s ease both; -webkit-animation: int_txt 1.3s 0.2s ease both;}
.p_guide .guide_int .tx_box .tx2 {margin-top: 50px; font-size: 17px; color: rgba(255, 255, 255, 0.7); letter-spacing: -0.3px; font-weight: 300; line-height: 1.7;}
.p_guide .guide_int .tx_box .tx2 {animation: int_txt 1.3s 0.4s ease both; -webkit-animation: int_txt 1.3s 0.4s ease both;}

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

@-webkit-keyframes int_txt {
    0% {transform: translateY(50px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
    100% {transform: translateY(0); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}
@keyframes int_txt {
    0% {transform: translateY(50px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
    100% {transform: translateY(0); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}

.p_guide .guide_tab {margin-top: 70px; margin-bottom: 70px; position: relative; border-bottom: 1px solid #000; box-sizing: border-box;}
.p_guide .guide_tab ul {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_guide .guide_tab li {width: 200px; flex: none;}
.p_guide .guide_tab li:first-of-type {border-bottom: 0 !important;}
.p_guide .guide_tab li:nth-of-type(-n+3) .tab {border-left: 1px solid #e5e5e5; background-color: #F9F9F9; }
.p_guide .guide_tab .tab {width: 100%; height: 65px; display: flex; justify-content: center; align-items: center;}
.p_guide .guide_tab .tab {font-size: 18px; color: #bbb; letter-spacing: -0.2px; font-weight: 700; border: 1px solid #e5e5e5;}
.p_guide .guide_tab .tab {border-left: 0; box-sizing: border-box; border-bottom: 0; position: relative;}
.p_guide .guide_tab .tab.hit {color: #000; border-left: 1px solid transparent !important;}
.p_guide .guide_tab .tab.hit {border-color: #000 !important;}
.p_guide .guide_tab li:nth-of-type(-n+3) .tab.hit:before {background-color: #F9F9F9 !important;}
.p_guide .guide_tab .tab.hit:before {content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #fff; z-index: 1;}
.p_guide .guide_tab .tab.hit:after {content: ''; position: absolute; left: -1px; top: -1px; width: 1px; height: calc(100% + 1px); background: #000; z-index: 1;}

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