@charset 'utf-8';

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



/* **************************************** *
   탑배너
 * **************************************** */
.top_banner {overflow:hidden; position:relative; height:100px; background-position:center top; background-repeat:no-repeat; display:none;}
.top_banner {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.top_banner.if_main {display:block;}
.top_banner:before {content:""; width:100%; height:1px; background:#000; opacity: 0.05; filter: alpha(opacity=5); -ms-filter:alpha(opacity=5); position:absolute; left:0; bottom:0; z-index:1}
.top_banner .banner {overflow:hidden; display:block; height:100px;}
.top_banner .btn_close {position:absolute; right:-20px; top:50%; z-index:30; margin-top:-13px; }
.top_banner .btn_close {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}
.top_banner:hover .btn_close {right:0; opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100);}
.top_banner .upper_link {height:100%;}
.top_banner.if_close {height:0px;}






/* ********************************************** *
 * TOP
 * ********************************************** */
.top {height:37px;}
.top li {list-style:none; float:left; position:relative;}

/* 탑메뉴 */
.top .left_menu {float:left; position:relative; margin-left:-8px}
.top .right_menu {float:right; position:relative; margin-right:-8px}
.top .btn {position:relative; padding:0 8px; display:block;}
.top .btn .link_box {color:#999; font-size:12px; display:table; box-sizing:border-box; table-layout:fixed;}
.top .btn .tx,
.top .btn .ic {display:table-cell; height:37px; vertical-align:middle;}
.top .btn .tx+ .ic {padding-left:5px;}
.top .btn .ic+ .tx {padding-left:5px;}
.top .btn .tx {color:#a3a3a3; font-size:12px; letter-spacing:-0.5px; }
.top .btn.log {}
.top .btn.btn_color .tx{color:#d42323 !important}

.top li:hover .btn .tx { color:#000;}
.top .if_more:hover .btn {background:#fff;}
.top .if_more:hover .btn:before {content:""; background:#ddd; width:1px; height:38px; position:absolute; right:-1px; top:0; z-index:101}
.top .if_more:hover .btn:after {content:""; background:#ddd; width:1px; height:38px; position:absolute; left:0; bottom:-1px; z-index:101}
.top .if_more:hover:after {content:""; background:#fff; width:100%; height:1px; position:absolute; left:0; bottom:-1px; z-index:100;}

/* 큐알코드 */
.top .qr_code {position:absolute; left:0px; top:37px; background:#fff; border:1px solid #ddd; box-sizing:border-box; z-index:100; padding:15px; width:250px; display:none;}
.top .qr_code .img_box {float:left; text-align:center; width:58px; margin-right:10px; height:58px; background:#f5f5f5 url('../images/skin/qr-code.png') center center no-repeat;}
.top .qr_code .img_box img {width:58px; height:58px;}
.top .qr_code .txt_box {letter-spacing:-0.5px; color:#aaa; line-height:15px; width:150px; float:left; word-wrap:break-word; word-break:keep-all; white-space:normal; margin-top:5px; font-size:12px;}
.top li:hover .qr_code {display:block}

/* 회원가입 적립금 */
.top .point { position:absolute; left:50%; top:45px; z-index:3; background:#000; height:23px; line-height:22px; border-radius:100px; margin-left:-37px; cursor:default}
.top .point {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.top .point:before {content:""; width:0; height:0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #000; position:absolute; left:50%; top:-4px; margin-left:-2px;}
.top .point .num { color:#fff; font-weight:600; font-size:12px; padding:0 6px; position:relative; min-width:65px; box-sizing:border-box; text-align:center; white-space:nowrap}
.top li:hover .point {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); top:35px;}


/* 오픈박스 */
.top .open_box {position:absolute; left:50%; top:37px; z-index:100; padding:15px; background:#fff; border:1px solid #ddd; width:170px; box-sizing:border-box; margin-left:-85px; display:none;}
.top .open_box .tit {color:#333; font-size:14px; letter-spacing:-1px; font-weight:600; display:block; text-align:center;}

/* 탑메뉴 2차메뉴 */
.top .sub_menu {border:1px solid #ddd; border-top:0; overflow:hidden; box-sizing:border-box; background:#f5f5f5; border:1px solid #ddd;  }
.top .sub_menu li {float:none; box-sizing:border-box;  position:relative;}
.top .sub_menu .menu { display:block; padding:5px 10px 7px 10px;}
.top .sub_menu .menu+ .menu {border-top:1px solid #ddd;}
.top .sub_menu .menu .tx {color:#666; letter-spacing:-1px; font-size:12px; background:transparent url('../images/skin/top_right_arrow.gif') right center no-repeat; display:block; padding-right:15px; line-height:1.4;}
.top .sub_menu .menu:hover {background:#fff;}

/* 회원등급 */
.top .about_level {text-align:center; border-bottom:1px solid #333; padding-bottom:10px; position:relative;}
.top .about_level .level_img {overflow:hidden; font-size:0px; border-radius:100px; overflow:hidden; height:30px; height:30px;}
.top .about_level .level_img img {height:30px;}
.top .about_level .level_name {color:#999; font-size:11px; border:1px solid #ddd; border-radius:100px; display:inline-block; margin-top:5px; height:19px; padding:0 10px; line-height:18px;}
.top .about_level .name {color:#333; font-weight:600; margin-top:5px;}

/* 나의 쇼핑정보 */
.top .my_data {display:table; width:100%; margin-bottom:5px;}
.top .my_data .data {padding:3px 3px 6px; display:block;overflow:hidden;}
.top .my_data .data+ .data {border-top:1px solid #eee;}
.top .my_data .tx {color:#333; font-weight:400; letter-spacing:-0.5px; font-size:12px; float:left;}
.top .my_data .num {color:#cd3726; font-weight:600; letter-spacing:-0.5px; float:right;}


/* 고객센터 정보 */
.top .cs_info {text-align:center; overflow:hidden; margin-bottom:15px;}
.top .cs_info strong {color:#cd3726; font-weight:600; font-size:17px; padding-top:7px; display:block; letter-spacing:-0.5px;}
.top .cs_info em { color:#666; font-size:12px; padding-top:3px; display:block;}
.top li:hover .open_box {display:block}










/* ********************************************** *
 * HEDAER
 * ********************************************** */
.header {height:148px;}
.header {list-style:none;}

.header .ul {display:table; width:100%; height:110px;}
.header .li {display:table-cell; vertical-align:middle; }
.header li.logo {width:190px; font-size:0px;}
.header li.search {text-align:center;}
.header li.side_bn {width:300px; font-size:0px;}

/* 로고 */
.header .logo_box {overflow:hidden; text-align:center;}
.header .logo_box img {max-height:130px; max-width:100%}

/* 검색폼 */
.header .search_area {position:relative; display:inline-block; margin-top:-25px; }
.header .form_box {position:relative;}
.header .form_box .search_form { height:50px; box-sizing:border-box;}
.header .form_box .input_search {height:50px; width:380px; padding:0 60px 0 25px;  box-sizing:border-box; letter-spacing:-0.5px; font-size:14px; border-radius:100px;}
.header .form_box .input_search {background:#ececec; border:1px solid #ececec; line-height:50px; line-height:46px\0;}
.header .form_box .btn_search {position:absolute; right:0px; top:0; width:58px; height:100%; background:transparent url('../images/skin/header_search.png') center center no-repeat;}
.header .form_box .input_search:focus {background:#fff; border-color:#666;}

/* 검색키워드 */
.header .open_keyowrd {position:absolute; left:0; top:40px; width:100%; z-index:-1; }
.header .open_keyowrd {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.header .open_keyowrd .in_box {background:#fff; border:1px solid #c9c9c9; box-sizing:border-box; border-radius:20px; margin-top:10px;}
.header .keyowrd_tab {display:table; width:100%; table-layout:fixed;}
.header .keyowrd_tab li {display:table-cell; text-align:center; list-style:none; border-bottom:1px solid #ccc; box-sizing:border-box; height:35px; color:#666; font-weight:600; letter-spacing:-0.5px;}
.header .keyowrd_tab li+ li {border-left:1px solid #ccc;}
.header .keyowrd_tab .btn {display:block; height:40px; line-height:41px; color:#666; font-weight:500; font-size:14px;}
.header .keyowrd_tab .hit {border-bottom:1px solid #fff;}
.header .keyowrd_tab .hit .btn {color:#333;}
.header .keyword_box {padding:15px 15px 0px; overflow-x:hidden; overflow-y:auto; max-height:150px}
.header .keyword_box .wrapping {overflow:hidden; padding-bottom:15px; font-size:0px;}
.header .keyword_box .link {padding:4px 9px 5px 9px; color:#888; letter-spacing:-0.5px; position:relative; letter-spacing:-0.5px; margin-left:-1px; font-size:13px;}
.header .keyword_box .link:hover {text-decoration:underline; color:#333;}
.header .search_area:hover .open_keyowrd {z-index:200; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); top:50px; }
.header .over_before {overflow:hidden; height:30px; width:380px; display:inline-block; text-align:left; padding-right:60px; box-sizing:border-box; margin-top:5px;}
.header .over_before .keyword_box {padding:0px; padding-left:17px;}
.header .over_before .link {color:#aaa;}

/* 헤더메뉴 */
.header .nav_box {float:right; margin-right:-13px;}
.header .nav_box li {list-style:none; float:left;}
.header .nav_box .btn { color:#333; font-size:13px; padding:5px 13px 5px 12px; position:relative;}
.header .nav_box li+ li .btn:before {content:""; position:absolute; left:0; top:50%; width:1px; height:9px; background:#ddd; margin-top:-4px; margin-top:-3px\0;}
.header .nav_box .btn:hover {text-decoration:underline;}

/* 사이드배너 */
.header .banner_box {position:relative; height:148px;}
.header .banner_box .banner {font-size:0px;}
.header .banner_box .prevnext {position:absolute; right:-30px;}
.header .banner_box .prevnext {padding:5px;}
.header .banner_box .prevnext a {padding:5px;}
.header .banner_box .icon {position:relative;}
.header .banner_box .prev {top:50%; margin-top:-28px;}
.header .banner_box .next {bottom:50%; margin-bottom:-28px;}
.header .banner_box .ic_over {position:absolute; left:0; top:0; background:#fff; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.header .banner_box .ic_over {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.header .banner_box .prevnext:hover .ic_over {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}











/* ********************************************** *
 * NAV
 * ********************************************** */
.nav {position:relative; box-sizing:border-box; text-align:center; border-top:1px solid #181515; border-bottom:1px solid #ccc; height:55px; background:#fff;}
.nav li {list-style:none; }
.nav .layout_fix {height:55px; margin-top:-1px;}
.nav .table {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.nav .td {display:table-cell; vertical-align:top; font-size:0px; height:53px; }
.nav .td.this_ctg {width:190px; background:#d62027;}
.nav .td.this_gnb {padding-left:30px;}

/* 카테고리 버튼 */
.nav .ctg_all {text-align:center; display:block; text-align:center; cursor:pointer; font-size:0px;}
.nav .ctg_all .btn_all {display:table; margin:0 auto;}
.nav .ctg_all .img_btn,
.nav .ctg_all .tx {display:table-cell; vertical-align:middle; height:55px; color:#fff; font-size:16px; letter-spacing:-1px; box-sizing:border-box; position:relative;}
.nav .ctg_all .img_btn {font-size:0px; padding-top:21px; vertical-align:top; padding-right:8px; }
.nav .ctg_all .img_over {top:19px}
.nav .ctg_all .img_btn span {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.nav .td.this_ctg:hover {background:#d62027;}

/* 카테고리 열림 */
.nav .ctg_open {position:absolute; left:0; top:55px; background:#221f1f; width:190px; text-align:left; overflow:hidden; height:0px;}
.nav .ctg_open {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); z-index:1000; }
.nav .ctg_open .in_wrap {display:table; width:100%; box-sizing:border-box; width:100%; height:520px; position:absolute; left:0; top:0; z-index:101}
.nav .ctg_open .in_table {display:table-row;}
.nav .ctg_open .in_td {display:table-cell; vertical-align:middle; background:#221f1f; }

.nav .ctg_open .ctg_list {padding:15px 0; border-left:1px solid #221f1f; vertical-align:top;}
.nav .ctg_open .ctg_list .ctg1 {display:block; color:#fff; font-size:15px; height:38px; line-height:38px; letter-spacing:-1px; padding:0 20px 0 35px;}
.nav .ctg_open .ctg_list .if_nodepth .ctg1 {border-right:1px solid #221f1f;}

.nav .ctg_open .depth2_box {border:1px solid #221f1f; border-left:0; box-sizing:border-box; padding:30px 35px; display:none;}
.nav .ctg_open .depth2_box {position:absolute; left:190px; top:0; background:#fff; min-width:250px; height:520px; }
.nav .ctg_open .depth2_box .tit {margin-bottom:20px; overflow:hidden;}
.nav .ctg_open .depth2_box .tit a {text-align:center; display:block; white-space:nowrap; color:#000; font-weight:600; font-size:20px; letter-spacing:-1px;}
.nav .ctg_open .depth2_box .menu_box {}
.nav .ctg_open .depth2_box .menu {box-sizing:border-box;}
.nav .ctg_open .depth2_box .ctg2 {border-bottom:1px solid #ededed; position:relative; display:block;  height:34px; line-height:34px; padding:0 10px 0 5px; box-sizing:border-box;}
.nav .ctg_open .depth2_box .ctg2 {color:#888; font-size:14px; letter-spacing:-1px; }
.nav .ctg_open .depth2_box .ctg2 .img_btn {position:absolute; right:6px; top:50%; margin-top:-3px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.nav .ctg_open .depth2_box .ctg2 .img_btn span {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.nav .ctg_open .depth2_box .ctg2:hover .img_off {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); }
.nav .ctg_open .depth2_box .ctg2:hover .img_over {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.nav .ctg_open .depth2_box .ctg2:hover {color:#333;}
.nav .ctg_open .depth2_box.if_more .menu_box {width:330px; margin-left:-10px;}
.nav .ctg_open .depth2_box.if_more .menu_box .menu {float:left; width:50%; padding-left:10px;}

.nav .ctg_open .ctg_list li:hover .ctg1 {background:#fff; color:#000; font-weight:500;}
.nav .ctg_open .ctg_list li:hover .depth2_box {display:block;}

.nav .ctg_open .other_list {vertical-align:bottom;}
.nav .ctg_open .other_list .ctg {display:block; color:#aaa; font-size:14px; height:28px; line-height:28px; letter-spacing:-1px; padding:0 20px 0 35px;}
.nav .ctg_open .other_list .ctg:hover {color:#fff; }
.nav .ctg_open .other_list .list_box {border-top:1px solid #000; padding:15px 0; }

/* 카테고리 열렸을때 */
.nav .if_open_navctg {background:#d62027 !important;}
.nav .if_open_navctg .ctg_open {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); height:520px; overflow:visible; }
.nav .if_open_navctg .ctg_all .img_off {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.nav .if_open_navctg .ctg_all .img_over {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}


/* 일반메뉴 */
.nav .gnb_menu {float:left;}
.nav .gnb_menu ul {display:table; box-sizing:border-box;}
.nav .gnb_menu li {display:table-cell; vertical-align:middle; height:55px; position:relative;}
.nav .gnb_menu li+ li {padding-left:38px;}
.nav .gnb_menu .btn {display:block; padding:5px 0; font-size:0px; position:relative; height:55px; box-sizing:border-box; line-height:45px;}
.nav .gnb_menu .img {display:block;}
.nav .gnb_menu .img {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.nav .gnb_menu .tx {display:block; font-size:17px; color:#221f1f; font-weight:600; letter-spacing:-1.3px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.nav .gnb_menu .tx:before {content:""; position:absolute; left:50%; bottom:0; width:0; height:2px; background:#000; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.nav .gnb_menu .special_icon {position:absolute; left:30px; bottom:0px;}
.nav .gnb_menu .special_icon {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.nav .gnb_menu .special_icon+ .img {padding-left:48px;}
.nav .gnb_menu .btn:hover .tx {}
.nav .gnb_menu .btn:hover .tx:before {width:100%; left:0;}
.nav .gnb_menu .hit .tx {color:#d42323;}
.nav .gnb_menu .hit .tx:before {width:100%; left:0; background:#d42323;}

/* 아이콘 메뉴 */
.nav .icon_menu {float:right; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; margin-top:1px;}
.nav .icon_menu ul {display:table; box-sizing:border-box;}
.nav .icon_menu li {display:table-cell; vertical-align:middle; height:53px; position:relative; text-align:center; width:52px; font-size:0px; box-sizing:border-box;}
.nav .icon_menu li+ li {border-left:1px solid #e8e8e8;}
.nav .icon_menu .btn {padding:10px 0; display:block;}
.nav .icon_menu .special_icon {position:absolute; left:0; top:-20px; width:100%; text-align:center;}
.nav .icon_menu .special_icon {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.nav .icon_menu .special_icon {animation: mv_gnbicon 0.7s infinite; -webkit-animation: mv_gnbicon 0.7s infinite;}
.nav .icon_menu .tool_tip {background:#333; color:#fff; font-size:13px; height:0px; line-height:32px; position:absolute; left:50%; top:53px; width:100%; padding:0 10px; margin-left:-70%; overflow:hidden; z-index:100 !important; }
.nav .icon_menu .tool_tip {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); z-index:-1; }
.nav .icon_menu .tool_tip .edge {position:absolute; left:0; top:-5px; width:100%; height:5px;}
.nav .icon_menu .cart_num {height:21px; line-height:18px; width:21px;  border-radius:100px; color:#d62027; font-weight:600; font-size:13px;}
.nav .icon_menu .cart_num {position:absolute; left:50%; top:-12px; background:#fff; border:1px solid #aaa; box-sizing:border-box; margin-left:-11px;}
.nav .icon_menu li:hover {background:#f5f5f5;}
.nav .icon_menu li:hover .tool_tip {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); height:32px; overflow:visible;}
.nav .icon_menu li:hover .special_icon {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}

@-webkit-keyframes mv_gnbicon {
    0% {top:-20px}
    30% {top:-17px}
    80% {top:-12px}
    100% {top:-20px}
}
@keyframes mv_gnbicon {
    0% {top:-20px}
    30% {top:-17px}
    60% {top:-12px}
    100% {top:-20px}
}

.is-sticky {z-index:999 !important}
.is-sticky .nav {z-index:999 !important; border-bottom:1px solid #000; border-top:0;}
.is-sticky .nav .gnb_menu .special_icon {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.is-sticky .nav .gnb_menu .special_icon+ .img {padding-left:0px;}
.is-sticky .nav .icon_menu .special_icon {display:none;}
.is-sticky .nav .icon_menu .cart_num {top:15px; left:auto; right:-15px; background:#d62027; border-color:#d62027; color:#fff;}
.is-sticky .nav .icon_menu .tool_tip {top:54px;}







/* ********************************************** *
 * 메인 단락 타이틀
 * ********************************************** */
.main_title {text-align:center; font-size:40px; color:#221f1f; font-weight:600; letter-spacing:-1px; line-height:1; margin-bottom:30px;}



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










/* ********************************************** *
 * 메인 비주얼배너
 * ********************************************** */
.main_visual {position:relative; overflow:hidden; z-index:1}
.main_visual:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; z-index:1; background:#000; opacity: 0.05; filter: alpha(opacity=5); -ms-filter:alpha(opacity=5);}

/* 롤링배너 */
.main_visual .rolling_box {position:relative;}
.main_visual .visual_box {height:520px; background-position:center top; background-repeat:no-repeat;}
.main_visual .visual_img {width:1200px; height:520px; background-position:center top; position:absolute; left:50%; top:0; margin-left:-600px}

/* 롤링 아이콘 */
.main_visual .rolling_icon {position:absolute; left:0; bottom:30px; width:100%; text-align:center; z-index:11;}
.main_visual .rolling_icon .lineup {display:inline-block; overflow:hidden;}
.main_visual .rolling_icon .icon {width:16px; height:16px; float:left; margin:0 6px; }
.main_visual .rolling_icon .icon .off {display:inline-block;}
.main_visual .rolling_icon .icon .on {display:none;}
.main_visual .rolling_icon .active .off {display:none;}
.main_visual .rolling_icon .active .on {display:block;}


/* 롤링 이전다음버튼 */
.main_visual .prevnext {position:absolute; top:50%; z-index:3; margin-top:-30px}
.main_visual .prevnext.prev {left:20px; }
.main_visual .prevnext.next {right:20px;}
.main_visual .prevnext a {display:block; }
.main_visual .prevnext .icon {width:60px; height:60px; overflow:hidden; position:relative;}
.main_visual .prevnext .off {display:inline-block;}
.main_visual .prevnext .ic_over {position:absolute; left:0; top:0; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_visual .prevnext a:hover .off {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.main_visual .prevnext a:hover .ic_over {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}









/* ********************************************** *
 * 메인 1단배너
 * ********************************************** */
.main_single {overflow:hidden; margin-top:70px;}
.main_single li {list-style:none; overflow:hidden; font-size:0px;}
.main_single li+ li {margin-top:10px; }
.main_single li img {width:100%; float:left;}















/* ********************************************** *
 * 메인 MD'S PICK
 * ********************************************** */
.main_md {margin-top:70px; text-align:center;}
.main_md .item_inner {background:#f3f3f3; overflow:hidden; padding:50px 0 45px 0;}
.main_md .layout_fix {display:table; box-sizing:border-box; table-layout:fixed}
.main_md .in_td {display:table-cell; vertical-align:top;}

.main_md .md_banner {font-size:0px; overflow:hidden;}
.main_md .md_banner img {max-width:600px}

/* 카테고리 탭 */
.main_md .md_tab {text-align:center; height:49px; border-bottom:1px solid #333;}
.main_md .md_tab ul {display:inline-block;}
.main_md .md_tab li {list-style:none; float:left;}
.main_md .md_tab li+ li {margin-left:-1px;}
.main_md .md_tab .btn {display:block; text-align:center; border:1px solid #e6e6e6; border-bottom:0; background:#fff; position:relative; box-sizing:border-box; border-radius:18px 18px 0 0; min-width:189px;}
.main_md .md_tab .btn {height:49px; line-height:50px; font-size:17px; color:#a3a3a3; font-weight:400; padding:0 30px; letter-spacing:-0.8px;}
.main_md .md_tab .btn:hover {color:#000; background:#fafafa;}
.main_md .md_tab .hit .btn {color:#000; background:#f3f3f3; font-weight:500; height:50px; border-color:#333; z-index:9}

/* 롤링 아이콘 */
.main_md .rolling_icon {text-align:center; position:absolute; right:0; top:-30px;}
.main_md .rolling_icon .lineup {display:inline-block; position:relative; height:14px;}
.main_md .rolling_icon .icon {width:14px; height:14px; float:left; margin-left:10px; }
.main_md .rolling_icon .icon .off {display:inline-block;}
.main_md .rolling_icon .icon .on {display:none;}
.main_md .rolling_icon .active .off {display:none;}
.main_md .rolling_icon .active .on {display:block;}

/* 상품노출 */
.main_md .item_list {padding-left:18px;}
.main_md .item_list li {width:50%;}
.main_md .item_list ul {margin-top:-20px;}
.main_md .item_box {margin-top:20px;}
.main_md .item_box .info {padding:5px 0px;}
.main_md .item_box .info .item_name {color:#585858; letter-spacing:-1px;}
.main_md .item_box .sub_name {display:none !important;}
.main_md .item_box .price {margin-top:2px;}
.main_md .item_box .price .before {display:none;}
.main_md .item_box .price .percent {display:none;}











/* ********************************************** *
 * 메인 풀배너
 * ********************************************** */
.main_wide {margin-top:70px}

/* 배너이미지 */
.main_wide .banner {position:relative; overflow:hidden; text-align:center;}
.main_wide .banner img {max-width:100%;}

/* 롤링 이전다음버튼 */
.main_wide .prevnext {position:absolute; top:50%; z-index:3; margin-top:-27px}
.main_wide .prevnext.prev {left:-45px; }
.main_wide .prevnext.next {right:-45px;}
.main_wide .prevnext a {display:block; padding:10px}
.main_wide .prevnext .icon {width:18px; height:34px; background:transparent url('../images/skin/main_full_pvnx.png') left top no-repeat;}
.main_wide .prevnext.next .icon {background-position:right top;}
.main_wide .prevnext.next:hover .icon {background-position:right bottom;}
.main_wide .prevnext.prev:hover .icon {background-position:left bottom;}









/* ********************************************** *
 * 메인 중간배너
 * ********************************************** */
.main_ad {margin-top:100px}
.main_ad li {list-style:none;}
.main_ad a {float:left;}
.main_ad .banner {overflow:hidden;}

/* 추천영상 타이틀 */
.main_ad .tit_box {background:#d1d1d1; text-align:center; padding:35px 0 165px;}
.main_ad .title_bg {position:absolute; right:-50px; top:-75px;}
.main_ad .main_title {margin-bottom:10px; display:inline-block;}
.main_ad .main_title img {float:left;}
.main_ad .main_title em {float:left; margin-top:8px; margin-left:8px;}
.main_ad .sub_title {color:#888; font-size:15px; letter-spacing:-0.5px; line-height:1.3;}

/* 3단 배너 */
.main_ad .video_box {margin:-130px 0 0;}
.main_ad .triple {overflow:hidden; background:#fff; padding:30px 30px 0; margin:0 -30px;}
.main_ad .triple ul {margin-left:-24px; margin-top:-40px;}
.main_ad .triple li {float:left; width:33.3333%; overflow:hidden; margin-top:40px; box-sizing:border-box;}
.main_ad .triple .banner {margin-left:24px;}
.main_ad .triple li img {float:left;}
.main_ad .triple .bn_box {position:relative; overflow:hidden; float:none; width:384px; height:216px;}
.main_ad .triple .bn_box img {width:100%;}
.main_ad .triple .bn_box:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.main_ad .triple .bn_box:before {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_ad .triple .icon {position:absolute; left:50%; top:50%; width:67px; height:67px; overflow:hidden; margin:-33px 0 0 -33px;}
.main_ad .triple .icon img {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_ad .triple .icon .on {position:absolute; left:0; top:0; opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}
.main_ad .triple .icon .off {}
.main_ad .triple dl {padding:10px 0 0;}
.main_ad .triple dt {overflow:hidden; padding-right:10px;}
.main_ad .triple dt a {width:100%;}
.main_ad .triple .txt {color:#888; font-size:14px; letter-spacing:-0.5px; margin-bottom:3px;}
.main_ad .triple .txt {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.main_ad .triple dd {color:#999; font-size:14px; font-weight:300;}
.main_ad .triple dd {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}

.main_ad .triple .bn_box:hover .icon .on {opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100);}
.main_ad .triple .bn_box:hover .icon .off {opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}
.main_ad .triple .bn_box:hover:before {background:rgba(0,0,0,0.4);}
.main_ad .triple dt a:hover .txt {text-decoration:underline;}

/* 배너 공간구분 */
.main_ad .triple+ .single {margin-top:18px}
.main_ad .single+ .triple {margin-top:18px}












/* ********************************************** *
 * 메인 카테고리베스트
 * ********************************************** */
.main_ctg {margin-top:70px; overflow:hidden;}

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

 /* 카테고리 탭 */
.main_ctg .best_tab {box-sizing:border-box; position:relative; text-align:center; border-bottom:3px solid #ececec; margin-bottom:30px; height:50px; margin-top:-10px;}
.main_ctg .best_tab ul {display:table; box-sizing:border-box; margin:0 auto;}
.main_ctg .best_tab li {list-style:none; display:table-cell; }
.main_ctg .best_tab .btn {display:block; text-align:center; height:50px; line-height:50px; position:relative; box-sizing:border-box; font-weight:300;}
.main_ctg .best_tab .btn {color:#999; font-size:16px; letter-spacing:-0.5px; padding:0 10px; margin:0 10px;}
.main_ctg .best_tab .btn:before {content:""; width:0; height:3px; background:#d62027; position:absolute; left:50%; bottom:0; }
.main_ctg .best_tab .btn:before {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_ctg .best_tab .btn_more {position:absolute; right:0; top:3px; z-index:10}
.main_ctg .best_tab .btn_more .tx {padding:5px 10px 5px 5px; background:transparent url('../images/skin/main_ctg_arrow.gif') right 9px no-repeat; letter-spacing:-1px; color:#999;}
.main_ctg .best_tab .btn_more:hover .tx {color:#333;}

.main_ctg .best_tab .btn:hover {color:#d62027;}
.main_ctg .best_tab .btn:hover:before {width:100%; margin-left:-50%; }
.main_ctg .best_tab .hit .btn {color:#000; font-weight:500;}
.main_ctg .best_tab .hit .btn:before {width:100%; margin-left:-50%; background:#000;}


/* 롤링아이콘 */
.main_ctg .rolling_wrap {text-align:center;}
.main_ctg .rolling_icon {text-align:center; position:relative;}
.main_ctg .rolling_icon .lineup {display:inline-block; position:relative; height:14px;}
.main_ctg .rolling_icon .icon {width:14px; height:14px; float:left; margin-left:10px; }
.main_ctg .rolling_icon .icon .off {display:inline-block;}
.main_ctg .rolling_icon .icon .on {display:none;}
.main_ctg .rolling_icon .active .off {display:none;}
.main_ctg .rolling_icon .active .on {display:block;}

/* 롤링 이전다음버튼 */
.main_ctg .prevnext {position:absolute; top:-5px; z-index:10; display:none;}
.main_ctg .prevnext.prev {left:-35px; }
.main_ctg .prevnext.next {right:-35px;}
.main_ctg .prevnext a {display:block; padding:5px 10px; overflow:hidden;}
.main_ctg .prevnext .icon {width:7px; height:12px; background:transparent url('../images/skin/md_arrow.gif') left top no-repeat !important;}
.main_ctg .prevnext.next .icon {background-position:right top !important;}
.main_ctg .prevnext a:hover {background:#fff;}

/* 상품노출 */
.main_ctg .item_list ul {padding-top:15px;}
.main_ctg .item_box .ranking {position:absolute; left:0; top:-15px; z-index:60; background:transparent url('../images/skin/item_ranking2.png') left top no-repeat; }
.main_ctg .item_box .ranking {color:#fff; font-weight:600; font-size:17px; width:42px; height:34px; text-align:center; line-height:28px;}
.main_ctg .item_box .ranking.color {background:transparent url('../images/skin/item_ranking.png') left top no-repeat;}
.main_ctg .item_box .upper_icon {display:none;}








/* ********************************************** *
 * 메인 상품공간
 * ********************************************** */
.main_item {margin-top:85px; }

.main_item.if_only {padding-top:0px; background:#fff !important;}
.main_item.if_only .main_title strong {position:relative; padding:0 10px;}
.main_item.if_only .main_title .icon {display:block;  position:absolute; right:-5px; top:-9px;}

.main_item .main_title .icon {display:none;}
.main_item .main_title .ti_ic {display:none; margin-top:-110px;}

.main_item.num1 .main_title .ti_ic.n1 {display:block;}
.main_item.num2 .main_title .ti_ic.n2 {display:block;}
.main_item.num3 .main_title .ti_ic.n3 {display:block;}
.main_item.num4 .main_title .ti_ic.n4 {display:block;}
.main_item.num5 .main_title .ti_ic.n5 {display:block;}
.main_item.num6 .main_title .ti_ic.n6 {display:block;}
.main_item.num7 .main_title .ti_ic.n7 {display:block;}
.main_item.num8 .main_title .ti_ic.n8 {display:block;}
.main_item.num9 .main_title .ti_ic.n9 {display:block;}
.main_item.num10 .main_title .ti_ic.n10 {display:block;}






/* ********************************************** *
 * 메인 베스트리뷰
 * ********************************************** */
.main_review {margin-top:70px; padding-top:70px; border-top:1px solid #ededed;}
.main_review .main_title {font-size:30px; position:relative;}
.main_review .main_title .more_btn {position:absolute; right:-15px; bottom:-10px; padding:10px;}
.main_review .main_title .more_btn .txt {font-size:14px; float:left; color:#999; font-weight:400; letter-spacing:-0.5px;} 
.main_review .main_title .more_btn .ic {margin-left:3px;}
.main_review .main_title .more_btn:hover .txt {text-decoration:underline;}
.main_review li {list-style:none;}
.main_review .review {overflow:hidden;}
.main_review .review .ul {margin-left:-63px; margin-top:-50px;}
.main_review .review .li {  float:left; width:33.333333%;}
.main_review .review .li:nth-of-type(3n)+ .li {clear:both}

.main_review .main_more_btn .more_btn {line-height:40px\0;}

/* 박스전체 */
.main_review .review_box {position:relative; box-sizing:border-box; overflow:hidden; margin-left:63px; margin-top:50px;}

/* 아이템 정보 */
.main_review .review_item {overflow:hidden; position:relative;}
.main_review .review_item .thumb {width:100%; background:#f5f5f5 url('../images/skin/none_photo.png') center center no-repeat; overflow:hidden; box-sizing:border-box;}
.main_review .review_item .thumb:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.05); z-index:1;}
.main_review .review_item .thumb {position:relative; border-radius:50px 0 0 0;}
.main_review .review_item .thumb img {width:100%; float:left;}
.main_review .review_item .thumb .real_img {position:absolute; left:0; top:0; width:100%; height:100%;}
.main_review .review_item .thumb .fake_img {overflow:hidden;}
.main_review .review_item .info {padding:15px 0 20px 105px; box-sizing:border-box; position:relative; z-index:2;}
.main_review .review_item .icon {position:absolute; left:0; top:-40px;}
.main_review .review_item .ctg {color:#999; letter-spacing:-0.5px; font-size:14px; line-height:1; font-weight:300;}
.main_review .review_item .item_name {font-size:15px; color:#333; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; margin-top:3px}
.main_review .review_item .price { margin-top:10px; overflow:hidden; display:none;}
.main_review .review_item .price .won {float:left; font-size:16px; float:left; line-height:18px; letter-spacing:-0.5px; color:#000; font-weight:600;}
.main_review .review_item .price em {float:left; font-size:14px; color:#000; font-weight:500; letter-spacing:-0.5px; line-height:18px; line-height:17px\0;}
/* .main_review .review_item:hover .thumb {border-color:#aaa;} */
.main_review .review_item:hover .item_name {text-decoration:underline;}

/* 리뷰 글목록 */
.main_review .review_list {padding:14px 20px 0; border-top:1px solid #eaeaea;}
.main_review .review_list li { overflow:hidden; padding:3px 0}
.main_review .review_list .mark {width:63px; height:10px; display: inline-block; float:left; margin:5px 20px 0 2px; position:relative;}
.main_review .review_list .mark img {float:left;}
.main_review .review_list .star {position:absolute; left:0; top:0; width:100%; height:100%; float:left; overflow:hidden;}
.main_review .review_list .txt {letter-spacing:-0.5px; color:#777; float:left; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; width:230px;}









/* ********************************************** *
 * 메인 인스타그램
 * ********************************************** */
.main_insta {margin-top:70px; padding-top:70px; border-top:1px solid #ededed;}

/* 타이틀 */
.main_insta .insta_title {position:relative; text-align:center;}
.main_insta .insta_title .title {display:inline-block;}
.main_insta .insta_title .title img {float:left;}
.main_insta .insta_title .title strong {color:#333; font-size:25px; font-weight:600; letter-spacing:-1px; float:left; height:26px; line-height:24px; margin-left:10px;}
.main_insta .insta_title .insta_id {position:absolute; right:0px; bottom:-2px; font-size:14px; letter-spacing:-0.8px;}
.main_insta .insta_title .insta_id em {color:#999;}
.main_insta .insta_title .insta_id .id {color:#666; letter-spacing:-0.8px; }
.main_insta .insta_title .insta_id .id:hover {text-decoration:underline;}

/* 사진목록 */
.main_insta .insta_list {margin-top:30px; overflow:hidden; text-align:center;}
.main_insta .insta_list ul {margin-left:-8px; margin-top:-8px;}
.main_insta .insta_list li {list-style:none; width:12.5%; overflow:hidden; float:left; margin-top:8px; }

/* 사진 하나 */
.main_insta .insta_box {overflow:hidden; position:relative; margin-left:8px;  background:#f5f5f5 url('../images/skin/main_insta_no.png') center center no-repeat; width:143px; height:143px;}
.main_insta .insta_box {border-radius:20px;}
.main_insta .insta_box img {width:100%; height:100%; float:left;}
.main_insta .insta_box .fake {overflow:hidden;}
.main_insta .insta_box .real {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; overflow:hidden;}
.main_insta .insta_box .ov_box {position:absolute; left:100%; top:0; width:100%; height:100%; box-sizing:border-box; text-align:center; z-index:2}
.main_insta .insta_box .ov_box {background:rgba(0,0,0,0.6); display:table; width:100%; }
.main_insta .insta_box .ov_box {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_insta .insta_box .ov_in {display:table-cell; vertical-align:middle; height:143px; padding:0 15px;}
.main_insta .insta_box .text {color:#fff; font-size:14px; letter-spacing:0; text-align:left; max-height:45px; line-height:15px; text-align:center; font-weight:300;}
.main_insta .insta_box .text {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box;}
.main_insta .insta_box .date {color:#fff; font-size:12px; letter-spacing:0; margin-top:10px; opacity: 0.5; filter: alpha(opacity=50); -ms-filter:alpha(opacity=50);}
.main_insta .insta_list li:hover .ov_box {left:0}









/* ********************************************** *
 * 메인 고객센터
 * ********************************************** */
.main_cs {padding:80px 0; margin-top:70px; background:#f9f9f9;}
.main_cs .ul {display:table; width:100%;  overflow:hidden; table-layout:fixed;}
.main_cs .li {list-style:none; display:table-cell; vertical-align:top; position:relative; box-sizing:border-box;}
.main_cs .li+ .li {border-left:1px solid #ddd; }

/* 단락 타이틀 */
.main_cs .title_box { margin-bottom:30px; text-align:center; padding-top:10px;}
.main_cs .title_box .tit {font-size:21px; color:#333; font-weight:600; line-height:1; letter-spacing:-1px;}
.main_cs .title_box .btn_more {float:right; color:#999; letter-spacing:-1px; background:transparent url('../images/skin/top_right_arrow.gif') right center no-repeat; height:20px; line-height:20px; line-height:18px\0; padding:0 8px;}
.main_cs .title_box .btn_more:hover {color:#666;}

/* 바로가기 버튼 */
.main_cs .btn_box { position:absolute; left:0; bottom:4px; box-sizing:border-box;}
.main_cs .btn_box .inner {display:table; width:100%; table-layout:fixed; box-sizing:border-box; border-collapse:separate; border-spacing:6px;}
.main_cs .btn_box ul {display:table-row;}
.main_cs .btn_box li {display:table-cell; text-align:center; box-sizing:border-box; position:relative;}
.main_cs .btn_box .btn {display:block; height:45px; line-height:43px; font-size:13px; color:#666; position:relative; background:#eaeaea; letter-spacing:-0.5px; border:1px solid #eaeaea; box-sizing:border-box;}
.main_cs .btn_box li:hover .btn {background:#fff; color:#000; border-color:#000; font-weight:500;}

/* 최근게시물 탭 */
.main_cs .notice_box {padding-right:60px}
.main_cs .notice_tab {  box-sizing:border-box;}
.main_cs .notice_tab ul {display:table; width:100%; table-layout:fixed; box-sizing:border-box; border-bottom:1px solid #333;}
.main_cs .notice_tab li {list-style:none; display:table-cell; border-bottom:0; font-size:0px; height:38px; background:#eee;}
.main_cs .notice_tab .btn {display:block; text-align:center;  line-height:36px; font-size:14px; letter-spacing:-0.5px; color:#666; position:relative; }
.main_cs .notice_tab .hit { border-color:#333; background:#333;}
.main_cs .notice_tab .hit .btn {color:#fff !important; line-height:37px; text-decoration:none !important}
.main_cs .notice_tab li:hover .btn {color:#000;}

/* 최근게시물 목록 */
.main_cs .notice_list {min-height:140px; box-sizing:border-box; margin-top:15px}
.main_cs .notice_list ul {}
.main_cs .notice_list li {padding:4px 50px 4px 10px; position:relative; display:block; clear:both; overflow:hidden;}
.main_cs .notice_list .posting {float:left; display:inline-block; max-width:100%; overflow:hidden;}
.main_cs .notice_list .posting:before {content:""; width:2px; height:2px; background:#999;  position:absolute; top:13px; left:3px; }
.main_cs .notice_list .date {color:#999; position:absolute; top:4px; right:3px; letter-spacing:0px; font-weight:300;}
.main_cs .notice_list .state {position:absolute; top:4px; right:3px; letter-spacing:-1px; }
.main_cs .notice_list .state.end {color:#999;}
.main_cs .notice_list .state.ing {color:#d62027;}
.main_cs .notice_list .txt {letter-spacing:-0.5px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; position:relative; padding-right:5px; font-weight:300;}
.main_cs .notice_list .new {width:14px; height:14px; float:right; display:inline-block; margin-top:3px}
.main_cs .notice_list .new img {float:left;}
.main_cs .notice_list .posting:hover .txt {text-decoration:underline;}

/* 최근게시물 이벤트의 경우 */
.main_cs .notice_list.if_event li {padding-right:80px}

/* 최근게시물 없을때 */
.main_cs .post_none {text-align:center; padding-top:80px; color:#aaa; letter-spacing:-0.5px; box-sizing:border-box; position:relative;}
.main_cs .post_none .none_ic {position:absolute; left:0; top:35px; width:100%; text-align:center;}

/* 고객센터 정보 */
.main_cs .cs_box {padding:0 40px 0px 40px; /* width:37%; */ text-align:center;}
.main_cs .cs_box .btn_box {padding:0 40px}
.main_cs .cs_box .cs_info {display:inline-block; text-align:left; padding-left:38px;}
.main_cs .cs_box .cs_info .info { position:relative; }
.main_cs .cs_box .cs_info .icon {position:absolute; left:-42px; top:50%; margin-top:-14px;}
.main_cs .cs_box .cs_info .tel {color:#333; font-weight:600; font-size:23px; line-height:1; letter-spacing:0px; padding-top:5px;}
.main_cs .cs_box .cs_info .email { font-size:13px; color:#333; margin-top:4px; letter-spacing:0px; line-height:1;}
.main_cs .cs_box .cs_info .email:hover a {text-decoration:underline;}
.main_cs .cs_box .cs_time {font-size:13px; color:#b4b4b4; margin-top:27px; line-height:1.35; letter-spacing:-0.8px; font-weight:400;}

/* 은행정보 */
.main_cs .bank_box {padding-bottom:60px; padding-left:60px; text-align:center;}
.main_cs .bank_box .btn_box {padding-left:54px; margin-right:-6px;}
.main_cs .bank_box .inner {display:table; width:100%; table-layout:fixed;}
.main_cs .bank {display:inline-block; text-align:left; margin-top:-7px; padding-bottom:80px;}
.main_cs .bank .bank_list {display:table; width:100%; margin:5px 0;}
.main_cs .bank ul {display:table-row;}
.main_cs .bank li {display:table-cell; list-style:none; vertical-align:top;}
.main_cs .bank .left_tit {letter-spacing:-0.8px; color:#666; position:relative; box-sizing:border-box; font-size:17px; box-sizing:border-box; padding:0 12px 0  10px;}
.main_cs .bank .left_tit:before {content:""; position:absolute; left:2px; top:12px; width:3px; height:3px; background:#999;}
.main_cs .bank .right_num {}
.main_cs .bank .number { font-size:18px; color:#333; letter-spacing:0px; font-weight:600;}
.main_cs .bank .name {color:#b4b4b4; letter-spacing:-0.8px; font-size:17px;}
.main_cs .bank .bank_list+ .bank_list {border-top:1px solid #ddd;}
.main_cs .bank .bank_list+ .bank_list ul:first-child li {padding-top:5px;}
.main_cs .bank .bank_list+ .bank_list ul:first-child .left_tit:before {top:17px;}















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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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








/* ********************************************** *
 * FOOTER
 * ********************************************** */
.footer {padding-bottom:50px; margin-top:80px;}
.footer.if_main {margin-top:0}
.footer li {list-style:none;}

/* 하단메뉴 */
.footer .bottom_menu {text-align:center; border-top:1px solid #ededed;  overflow:hidden;}
.footer .bottom_menu .layout_fix {border-bottom:1px solid #ededed; overflow:hidden;}
.footer .bottom_menu ul {float:left; margin-left:-15px;}
.footer .bottom_menu li {float:left; margin:8px 0 9px}
.footer .bottom_menu .btn {color:#aaa; letter-spacing:-0.5px; padding:10px 14px 10px 15px; position:relative;}
.footer .bottom_menu .btn:hover {text-decoration:underline;}

/* 하단로고 */
.footer .logo_box {margin-bottom:25px;}
.footer .logo_box dl {display:table; box-sizing:border-box;}
.footer .logo_box dt,
.footer .logo_box dd {display:table-cell; vertical-align:middle;}
.footer .logo_box .shop_name {font-size:23px; letter-spacing:-1px; font-weight:600;}
.footer .logo_box dt+ dd {display:none;}


/* 카피라잇 영역*/
.footer .copyright {display:table; width:100%; table-layout:fixed; margin-top:45px; box-sizing:border-box;}
.footer .copyright .li {display:table-cell; list-style:none; vertical-align:top; box-sizing:border-box;}
.footer .copyright .li.info {padding-right:10px;}
.footer .copyright .li.pg {width:430px;}

/* 회사이름,sns바로가기 */
.footer .shop_name {color:#666; font-size:23px; letter-spacing:-1px; float:left; margin-bottom:10px;}
.footer .sns_box {float:right;  margin-left:20px; margin-top:6px;}
.footer .sns_box li {list-style:none; float:left;}
.footer .sns_box .sns {padding:5px 15px 5px 16px; position:relative;}
.footer .sns_box .sns img {height:19px;}

/* 회사정보 */
.footer .info_box {overflow:hidden;}
.footer .info_box li {overflow:hidden;}
.footer .info_box .txt {position:relative; padding:0 18px 0 0; color:#999; float:left; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.6; letter-spacing:-0.5px; font-size:14px;}
.footer .info_box .txt em {color:#b4b4b4; letter-spacing:0px;}
.footer .info_box .txt strong {letter-spacing:0px; font-weight:300;}
.footer .info_box .btn {color:#999;  font-size:14px; letter-spacing:-0.5px; }
.footer .info_box .btn:hover { text-decoration:underline;}
.footer .info_box .copy {color:#b4b4b4; margin-top:25px; letter-spacing:0px; font-weight:300;}
.footer .info_box .copy em {display:inline-block; margin-left:5px;}

/* PG 정보 */
.footer .pg_box {box-sizing:border-box; overflow:hidden; margin-top:80px; background:#f7f7f7; display:table; width:430px; table-layout:fixed; height:90px;}
.footer .pg_box .ic_pg, .footer .pg_box .pc_txt {display:table-cell; vertical-align:middle;}
.footer .pg_box .ic_pg {width:125px; box-sizing:border-box; padding-left:35px;}
.footer .pg_box .ic_pg img {float:left; }
.footer .pg_box .pc_txt {padding-right:35px;}
.footer .pg_box .txt {color:#aaa; font-size:12px; letter-spacing:-0.5px; line-height:1.4;}
.footer .pg_box .btn {color:#aaa; font-size:12px; letter-spacing:-1px; position:relative; padding:5px 10px 5px 0; margin-top:0px;}
.footer .pg_box .btn .arrow {position:absolute; right:0; top:50%; margin-top:-3px;}
.footer .pg_box .btn:hover {text-decoration:underline;}

/* 보안서버 정보 */
.footer .ssl {padding-top:35px; overflow:hidden;}
.footer .ssl li {list-style:none; float:left;}
.footer .ssl li+ li {margin-left:10px}
.footer .ssl img {height:40px !important; }