@charset 'utf-8';

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE 3.0
 * Directory    :    pages/css/
 * File         :    hyssence.css
 * SUMMARY      :    스킨 1번 공통/메인
 */





/* ********************************************** *
 * TOP
 * ********************************************** */



/* 탑메뉴 */
.top .left_menu {float:left; position:relative; margin-left:-10px}
.top .right_menu {float:right; position:relative; margin-right:-10px}
.top li+ li:before {content:""; position:absolute; left:0; top:50%; width:1px; height:8px; background:transparent; margin-top:-4px; z-index:5}
.top .btn {padding:0 11px 0 10px; height:34px; line-height:32px; line-height:31px\0; position:relative;}
.top .btn .tx {color:#888; font-size:11px; letter-spacing:-0.5px;}
.top .btn.log {color:#333; font-weight:600;}
.top .btn.cart {padding-left:27px; background:transparent url('../images/skin/top_cart.gif') 10px 10px no-repeat;}
.top .btn.cart strong {color:#000; font-weight:600; letter-spacing:0px; margin-left:2px;}
.top .flag {margin-top:11px; margin-right:5px; float:left; border:1px solid #ddd;}
.top .flag img {width:13px; height:10px;}
.top li:hover .btn .tx {color:#333;}
.top .if_more .btn .tx {background:transparent url('../images/skin/top_arrow.gif') right 15px no-repeat; padding-right:12px;}
.top .if_more:hover .btn {background:#fff;}
.top .if_more:hover .btn:before {content:""; background:#ddd; width:1px; height:100%; position:absolute; right:-1px; top:0; z-index:101}
.top .if_more:hover .btn:after {content:""; background:#ddd; width:1px; height:110%; 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 .language {position:absolute; left:0; top:34px; z-index:100; padding:5px 10px; background:#fff; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; display:none;}
.top .language .mall {color:#888; white-space:nowrap; font-size:11px; letter-spacing:-0.5px; padding:3px 10px 3px 0; display:block; margin-right:10px;}
.top .language .mall:hover {text-decoration:underline;}
.top .language .flag {margin-top:3px;}
.top li:hover .language {display:block;}

/* 큐알코드 */
.top .qr_code {position:absolute; left:0px; top:34px; 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:11px;}
.top li:hover .qr_code {display:block}

/* 회원가입 적립금 */
.top .point { position:absolute; left:50%; top:30px; z-index:3; background:#000; height:19px; line-height:18px; border-radius:3px; margin-left:-26px; cursor:default}
.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:10px; padding:0 4px; position:relative; min-width:52px; box-sizing:border-box; text-align:center; white-space:nowrap}

/* 오픈박스 */
.top .open_box {position:absolute; left:50%; top:34px; z-index:100; padding:15px; background:#fff; border:1px solid #ddd; width:155px; box-sizing:border-box; margin-left:-77px; display:none;}
.top .open_box .tit {color:#333; font-size:13px; 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:11px; 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:600; letter-spacing:-0.5px; font-size:11px; 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:16px; padding-top:5px; display:block;}
.top .cs_info em { color:#666; font-size:11px; padding-top:3px; display:block;}
.top li:hover .open_box {display:block}










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

/* 헤더 영역 */
.header .ul {display:table; width:100%; height:110px;}
.header .li {display:table-cell; vertical-align:middle;}
.header li.logo {width:265px;}
.header li.search {text-align:center;}
.header li.side_nav {width:265px;}

/* 로고 */
.header .logo_box {overflow:hidden;}
.header .logo_box img {max-height:80px; max-width:265px}

/* 검색폼 */
.header .search_area {position:relative; display:inline-block}
.header .form_box {position:relative;}
.header .form_box .search_form { height:41px; box-sizing:border-box;}
.header .form_box .input_search {height:41px; width:330px; padding:10px 60px 13px 15px; box-sizing:border-box; letter-spacing:-0.5px; border:1px solid #ccc; font-size:13px;}
.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:#fafafa;}

/* 검색키워드 */
.header .open_keyowrd {background:#fff; position:absolute; left:0; top:40px; border:1px solid #c9c9c9; width:100%; z-index:100; box-sizing:border-box; display:none;}
.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:31px; line-height:29px; 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:31px; line-height:29px; color:#666; font-weight:600;}
.header .keyowrd_tab .hit {border-bottom:1px solid #fff;}
.header .keyowrd_tab .hit .btn {color:#333;}
.header .keyword_box {padding:15px 5px 0px; overflow-x:hidden; overflow-y:auto; max-height:150px}
.header .keyword_box .wrapping {overflow:hidden; padding-bottom:15px}
.header .keyword_box .link {float:left; padding:3px 11px 4px 10px; color:#888; letter-spacing:-0.5px; position:relative; letter-spacing:-0.5px; margin-left:-1px}
.header .keyword_box .link:before {content:''; position:absolute; left:0; top:50%; width:1px; height:9px; background:#ddd; float:left; margin-top:-4px;  margin-top:-3px\0;}
.header .keyword_box .link:hover {text-decoration:underline;}
.header .search_area:hover .open_keyowrd {display:block; }

/* 헤더메뉴 */
.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;}







/* ********************************************** *
 * NAV
 * ********************************************** */
.nav {border-top:1px solid #ddd; position:relative; height:47px; box-sizing:border-box; text-align:center;}
.nav li {list-style:none; }
.nav:before {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:transparent url('../images/skin/black_10.png') left top repeat; z-index:1}
.nav .layout_fix {width:1250px; height:47px; }

/* 카테고리 */
.nav .nav_box {display:table; box-sizing:border-box; margin:0 auto;}
.nav .li {display:table-cell; position:relative;}
.nav .li+ .li:before {content:""; position:absolute; left:0; top:50%; width:1px; height:12px; background:#ddd; margin-top:-6px}
.nav .hit:after {content:""; width:80%; height:1px; background:#666; position:absolute; left:50%; bottom:0; z-index:1; margin-left:-40%;}
.nav .depth1 {padding:0 25px; line-height:47px; color:#555; font-size:15px; letter-spacing:-0.5px; position:relative; display:block; overflow:hidden;}
.nav .edge {position:absolute; left:50%; bottom:0; width:15px; height:8px; background:transparent url('../images/skin/nav_arrow.gif') center top no-repeat; margin-left:-7px; z-index:101; display:none;}

/* 2차 카테고리 */
.nav .depth2_box {position:absolute; left:0; top:46px; z-index:100; background:#fff; border:1px solid #999; padding:20px 0; text-align:left; min-width:100%; display:none !important; box-sizing:border-box;}
.nav .depth2_box li {list-style:none; padding:0 15px; box-sizing:border-box; min-width:90px; box-sizing:border-box;}
.nav .depth2_box .ctg2 {color:#888; padding:4px 3px 5px 2px; display:block; white-space:nowrap;}
.nav .depth2_box .ctg2:hover {text-decoration:underline; color:#555;}
.nav .li:hover .edge {display:block;}
.nav .li:hover .depth2_box {display:block !important}

/* 2차메뉴 10개가 넘을때 */
.nav .if_more10.depth2_box {display:table;}
.nav .if_more10.depth2_box ul {display:table-cell; position:relative;}
.nav .if_more10.depth2_box ul+ ul {border-left:1px solid #ddd;}
.nav .if_more10.depth2_box li {min-width:130px;}
.nav .if_last .depth2_box {left:auto; right:0;}
.nav .if_nodepth .edge {display:none !important;}












/* ********************************************** *
 * SCROLL MENU
 * ********************************************** */
 /* 왼쪽 배너 */
.fly_left {position:absolute; right:50%; 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; left:50%; top:735px; z-index:100; width:85px; margin-left:540px;}
.fly_right li {list-style:none;}

/* 최근본상품 */
.fly_right .today_view {border:1px solid #ddd; box-sizing:border-box; box-sizing:border-box; background:#fff; position:relative; padding-bottom:35px; height:335px; box-sizing:border-box;}
.fly_right .today_view .tit {font-size:13px; font-weight:600; color:#333; text-align:center; margin-top:5px;}
.fly_right .today_view ul { margin:0 auto; width:63px; min-height:260px}
.fly_right .today_view li {position:relative; margin-top:5px; box-sizing:border-box;}
.fly_right .today_view .thumb {overflow:hidden; width:63px; min-height:60px; box-sizing:border-box; background:#f5f5f5 url('../images/skin/quick_none.png') center center no-repeat; position:relative; border:1px solid #ddd;}
.fly_right .today_view .thumb img {width:100%; height:100%; float:left;}
.fly_right .today_view .thumb a {display:block; height:62px; float:left;}
.fly_right .today_view .btn_del {position:absolute; right:0; top:0; 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 li:hover .thumb {border:1px solid #666;}
.fly_right .today_view li:hover .ov_box {display:block}
.fly_right .today_view li:hover .btn_del {display:block}

/* 최근본상품 정보 */
.fly_right .ov_box {position:absolute; right:63px; top:0; width:200px; height:100%; 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:#333; font-size:12px; font-weight:600; margin-top:5px; margin-top:4px\0; margin-left:1px; line-height:13px;}
.fly_right .ov_box .price strong {float:left; font-weight:600; color:#333; font-size:15px; letter-spacing:-0.5px; line-height:15px;}
.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:0; width:100%;}
.fly_right .btn_nate .number {overflow:hidden; color:#999; font-size:12px; display:block; line-height:28px;}
.fly_right .btn_nate .number strong {color:#000; font-weight:600;}
.fly_right .btn_nate .prevnext {position:absolute; top:0px; z-index:3;}
.fly_right .btn_nate .prevnext.prev {left:2px }
.fly_right .btn_nate .prevnext.next {right:2px;}
.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 .today_none {height:190px; padding-top:110px; box-sizing:border-box; font-size:11px; text-align:center; letter-spacing:-1px; color:#aaa; line-height:14px;}

/* 오른쪽 바로가기 버튼 */
.fly_right .today_btn {overflow:hidden; background:#fff;}
.fly_right .today_btn .btn {width:100%; height:32px; border:1px solid #ddd; box-sizing:border-box; border-top:0; padding:0px 7px; line-height:31px; line-height:30px\0; color:#666; letter-spacing:-0.5px;}
.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 .btn:hover {background:#fafafa;}

/* 위로아래로 버튼 */
.fly_right .btn_move {margin-top:30px; background:#fff; overflow:hidden;}
.fly_right .btn_move li {float:left; width:50%;}
.fly_right .btn_move li+ li .btn {border-left:0;;}
.fly_right .btn_move .btn {display:block; height:45px; border:1px solid #ddd; box-sizing:border-box; position:relative; padding-top:16px; text-align:center; font-size:0px;}
.fly_right .btn_move .btn:hover {background-color:#f5f5f5;}








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

/* 하단메뉴 */
.footer .bottom_menu {text-align:center; border-top:1px solid #bbb; border-bottom:1px solid #ddd;}
.footer .bottom_menu ul {display:inline-block;}
.footer .bottom_menu li {float:left; margin:4px 0 7px}
.footer .bottom_menu .btn {color:#888; letter-spacing:-0.5px; padding:10px 18px 10px 19px; position:relative;}
.footer .bottom_menu li+ li .btn:before {content:""; position:absolute; left:0; top:50%; width:1px; height:9px; background:#ccc; margin-top:-3px}
.footer .bottom_menu .btn:hover {text-decoration:underline;}

/* 카피라잇 영역*/
.footer .copyright {display:table; width:100%; table-layout:fixed; margin-top:40px; 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:30px;}
.footer .copyright .li.pg {width:310px;}

/* 회사이름,sns바로가기 */
.footer .shop_name {color:#666; font-size:23px; letter-spacing:-1px; float:left; margin-bottom:10px;}
.footer .sns_box {float:left;  margin-left:20px; margin-bottom:10px;}
.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 .sns_box li+ li .sns:before {content:""; position:absolute; left:0; top:4px; width:1px; height:21px; background:#ebebec;}

/* 회사정보 */
.footer .info_box {overflow:hidden;}
.footer .info_box li {overflow:hidden;}
.footer .info_box .txt {position:relative; padding:0 20px 0 0; color:#888; float:left; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:18px;}
.footer .info_box .txt+ .txt:before {content:""; position:absolute; left:-10px; top:50%; width:2px; height:2px; background:#888;}
.footer .info_box .btn {color:#999; text-decoration:underline; font-size:11px; margin-left:5px; letter-spacing:-0.5px; font-weight:600;}
.footer .info_box .btn:hover {color:#666;}
.footer .info_box .copy {color:#999; margin-top:14px; margin-left:2px}

/* PG 정보 */
.footer .pg_box {border:1px solid #ddd; box-sizing:border-box; padding:15px 25px; overflow:hidden; margin-top:30px;}
.footer .pg_box .ic_pg {float:left; width:68px; padding:4px 0 0 3px; box-sizing:border-box;}
.footer .pg_box .ic_pg img {width:50px; max-height:70px;}
.footer .pg_box .pc_txt {float:left; width:185px; padding-top:3px; box-sizing:border-box; margin-bottom:-3px}
.footer .pg_box .txt {color:#888; font-size:11px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all;}
.footer .pg_box .btn {color:#888; font-size:11px; letter-spacing:-1px; position:relative; padding:5px 10px 5px 0; margin-top:5px; background:transparent url('../images/skin/pg_arrow.gif') right 10px no-repeat;}
.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; }










/* ********************************************** *
 * 메인 단락 타이틀
 * ********************************************** */
.main_title {text-align:center; font-size:23px; color:#000;}







/* ********************************************** *
 * 메인 비주얼배너
 * ********************************************** */
.main_visual {position:relative; overflow:hidden;}
.main_visual:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:transparent url('../images/skin/black_10.png') left top repeat-x; z-index:1}

/* 롤링배너 */
.main_visual .rolling_box {position:relative;}
.main_visual .visual_box {height:400px; background-position:center top;}
.main_visual .visual_img {width:1050px; height:400px; background-position:center top; position:absolute; left:50%; top:0; margin-left:-525px}

/* 롤링 아이콘 */
.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:12px; height:12px; float:left; margin:0 6px; background:transparent url('../images/skin/main_nate.png') left top no-repeat;}
.main_visual .rolling_icon .active {background-position:right top !important;}
.main_visual .rolling_icon .icon:hover {background-position:right bottom;}

/* 롤링 이전다음버튼 */
.main_visual .prevnext {position:absolute; top:50%; z-index:3; margin-top:-29px}
.main_visual .prevnext.prev {left:20px; }
.main_visual .prevnext.next {right:20px;}
.main_visual .prevnext a {display:block; }
.main_visual .prevnext .icon {width:55px; height:55px; box-sizing:border-box; border:1px solid rgba(0,0,0,0.3);}
.main_visual .prevnext.prev .icon {background:transparent url('../images/skin/main_visual_prev.gif') center center no-repeat;}
.main_visual .prevnext.next .icon {background:transparent url('../images/skin/main_visual_next.gif') center center no-repeat;}
.main_visual .prevnext a:hover .icon {background-color:#fff; border-color:#666;}








/* ********************************************** *
 * 메인 MD'S PICK
 * ********************************************** */
.main_md {margin-top:45px; text-align:center;}

/* 카테고리 탭 */
.main_md .md_tab {text-align:center; overflow:hidden; margin-top:15px}
.main_md .md_tab ul {display:inline-block;}
.main_md .md_tab li {list-style:none; float:left; }
.main_md .md_tab .btn {display:block; text-align:center; min-width:120px; border:1px solid #ddd; border-left:0 !important; background:#f5f5f5; position:relative; box-sizing:border-box;}
.main_md .md_tab .btn {height:31px; line-height:28px; font-size:13px; color:#888; padding:0 10px;}
.main_md .md_tab li:first-child .btn {border-left:1px solid #ddd !important;}
.main_md .md_tab li:hover .btn { border-color:#999;}
.main_md .md_tab li:hover .btn:before {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:35px; background:#999; z-index:1}
.main_md .md_tab .hit .btn {border:1px solid #ddd !important; border-left:0 !important; color:#333; background:#fff;}
.main_md .md_tab .hit .btn:before {display:none;}
.main_md .md_tab .hit .btn:after {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff;}

/* 롤링 아이콘 */
.main_md .rolling_icon {text-align:center; position:relative; margin-top:-10px;}
.main_md .rolling_icon .lineup {display:inline-block; position:relative; height:12px;}
.main_md .rolling_icon .icon {width:12px; height:12px; float:left; margin:0 6px; background:transparent url('../images/skin/main_nate.png') left top no-repeat;}
.main_md .rolling_icon .active {background-position:right top !important;}
.main_md .rolling_icon .icon:hover {background-position:right bottom;}

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

/* 상품노출 */
.main_md .item_list {margin-top:20px;}
.main_md .item_box .item_name {font-weight:400; color:#666;}
.main_md .item_box .info {border:0 !important; }

.main_md .c_none {height:411px; margin:0px; padding-top:150px; box-sizing:border-box; border:1px solid #eee; margin-top:20px;}




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

/* 배너 3개 */
.main_ad .triple {overflow:hidden;}
.main_ad .triple ul {margin-left:-18px; margin-top:-18px}
.main_ad .triple li {float:left; width:33.3333%; height:180px; overflow:hidden; margin-top:18px; box-sizing:border-box;}
.main_ad .triple .banner {margin-left:18px;}
.main_ad .triple li img {width:100%; min-width:338px}

/* 배너1개 */
.main_ad .single {overflow:hidden;}
.main_ad .single ul {margin-top:-18px}
.main_ad .single li {margin-top:18px; overflow:hidden;}
.main_ad .single li img {width:100%; float:left;}

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










/* ********************************************** *
 * 메인 카테고리베스트
 * ********************************************** */
.main_ctg {margin-top:50px; background:#f5f5f5; overflow:hidden;}
.main_ctg .layout_fix {padding:40px 0;}
.main_ctg .best_box {background:#f5f5f5; margin-top:20px; overflow:hidden; padding:40px 0; position:relative;}
.main_ctg .main_title {background:#fff; padding-bottom:15px;}


 /* 카테고리 탭 */
.main_ctg .best_tab { border-bottom:1px solid #ccc; box-sizing:border-box; position:relative;}
.main_ctg .best_tab ul {display:table; box-sizing:border-box;}
.main_ctg .best_tab li {list-style:none; display:table-cell; border:1px solid #ccc; border-bottom:0;}
.main_ctg .best_tab .btn {display:block; text-align:center; height:33px; line-height:31px; letter-spacing:-0.5px; color:#888; position:relative; padding:0 15px;}
.main_ctg .best_tab .hit { border-color:#ccc; }
.main_ctg .best_tab .hit .btn {color:#333; background:#fff !important;}
.main_ctg .best_tab .hit .btn:after {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:35px; background:#ccc;}
.main_ctg .best_tab .hit .btn:before {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff; z-index:2}
.main_ctg .best_tab li:hover .btn {background:#fff;}
.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 .rolling_wrap {border:1px solid #ccc; background:#fff; padding:30px 40px; margin-top:-1px; text-align:center;}
.main_ctg .rolling_icon {text-align:center; position:relative;}
.main_ctg .rolling_icon .lineup {display:inline-block; position:relative; height:12px;}
.main_ctg .rolling_icon .icon {width:12px; height:12px; float:left; margin:0 6px; background:transparent url('../images/skin/visual_nate.png') left top no-repeat;}
.main_ctg .rolling_icon .active {background-position:right top !important;}
.main_ctg .rolling_icon .icon:hover {background-position:right bottom;}

/* 롤링 이전다음버튼 */
.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 .item_name {font-weight:400; color:#666;}
.main_ctg .item_list .sub_name {display:none !important;}
.main_ctg .item_list .info {border:0 !important; padding-bottom:20px; height:74px;}
.main_ctg .item_list .info .price {top:36px; }

.main_ctg .item_list.if_col3 .ul { margin-left:-20px}
.main_ctg .item_list.if_col3 .item_box {margin-left:20px}
.main_ctg .item_list.if_col3 .sub_name {display:block;}
.main_ctg .item_list.if_col3 .price {top:13px}
.main_ctg .item_list.if_col3 .after {margin-top:18px}

.main_ctg .item_list.if_col5 ul {margin-left:-15px}
.main_ctg .item_list.if_col5 .item_box {margin-left:15px}
.main_ctg .item_list.if_col5 .info {padding:15px 14px 15px 15px}
.main_ctg .item_list.if_col5 .price {bottom:21px;}
.main_ctg .item_list.if_col5 .before {margin-bottom:2px}

.main_ctg .c_none {height:355px; margin:0px; padding-top:150px; box-sizing:border-box;}








/* ********************************************** *
 * 메인 상품공간
 * ********************************************** */
.main_item {margin-top:50px}
.main_item .item_list {margin-top:15px}
.main_item .rolling_box .item_list li {clear:none !important}










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

/* 배너이미지 */
.main_wide .banner {position:relative; height:220px; 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:15px; }
.main_wide .prevnext.next {right:15px;}
.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_review {margin-top:50px}
.main_review .review {display:table; width:100%; table-layout:fixed; margin-top:15px}
.main_review .review .li {list-style:none; display:table-cell; border:1px solid #ddd; vertical-align:top;}

/* 박스전체 */
.main_review .review_box {position:relative; padding:25px 30px 24px; box-sizing:border-box; overflow:hidden;}

/* 아이템 정보 */
.main_review .review_item {overflow:hidden; position:relative;}
.main_review .review_item .thumb {width:95px; background:#f5f5f5 url('../images/skin/none_photo.png') center center no-repeat; overflow:hidden; border:1px solid #eee; box-sizing:border-box; float:left;}
.main_review .review_item .thumb {position:relative;}
.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-left:110px; box-sizing:border-box;}
.main_review .review_item .ctg {color:#999; letter-spacing:-0.5px; margin-top:3px;}
.main_review .review_item .item_name {font-size:13px; color:#666; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; margin-top:1px}
.main_review .review_item .price { margin-top:16px;  font-size:12px; color:#333; font-weight:600; letter-spacing:-0.5px; line-height:13px; overflow:hidden;}
.main_review .review_item .price .won {float:left; font-size:15px; float:left; line-height:15px; letter-spacing:-0.5px;}
.main_review .review_item:hover .thumb {border-color:#aaa;}
.main_review .review_item:hover .item_name {text-decoration:underline;}

/* 리뷰 글목록 */
.main_review .review_list {padding-top:14px}
.main_review .review_list li { list-style:none; overflow:hidden; padding:3px 0}
.main_review .review_list .mark {background:transparent url('../images/skin/main_review_star.png') no-repeat; width:63px; height:10px; display: inline-block; float:left; margin:3px 13px 0 2px;}
.main_review .review_list .star {background:transparent url('../images/skin/main_review_star.png') 0 bottom no-repeat; width:100%; height:100%; float:left;}
.main_review .review_list .txt {letter-spacing:-0.5px; color:#666; float:left; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; width:211px;}









/* ********************************************** *
 * 메인 인스타그램
 * ********************************************** */
.main_insta {margin-top:60px; }

/* 타이틀 */
.main_insta .insta_title {position:relative; text-align:center;}
.main_insta .insta_title .title {font-size:23px; color:#000; height:30px; line-height:30px; padding-left:30px; background:transparent url('../images/skin/main_insta.png') left center no-repeat;}
.main_insta .insta_title .insta_id {position:absolute; right:0px; bottom:-1px; font-size:13px; color:#666;}
.main_insta .insta_title .insta_id:hover {text-decoration:underline;}

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

/* 사진 하나 */
.main_insta .insta_box {overflow:hidden; position:relative; margin-left:15px; border:1px solid #f5f5f5; height:116px; background:#f5f5f5 url('../images/skin/main_insta_no.png') center center no-repeat;}
.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:0; top:0; width:100%; height:100%; padding:30px 15px 15px; box-sizing:border-box; text-align:center; visibility:hidden; z-index:2}
.main_insta .insta_box .ov_box {background:transparent url('../images/skin/black_60.png') left top repeat; }
.main_insta .insta_box .text {color:#fff; font-size:11px; letter-spacing:-0.5px; text-align:left; max-height:45px; line-height:15px;}
.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:11px; letter-spacing:-0.5px;}
.main_insta .insta_list li:hover .ov_box {visibility:visible;}










/* ********************************************** *
 * 메인 고객센터
 * ********************************************** */
.main_cs {padding-top:50px; border-top:1px solid #ddd; margin-top:50px;}
.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 { overflow:hidden; margin-bottom:15px; }
.main_cs .title_box .tit {font-size:17px; color:#000; font-weight:600; float:left; height:25px; line-height:1;}
.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:0; box-sizing:border-box;}
.main_cs .btn_box ul {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.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:41px; line-height:40px; line-height:39px\0; font-size:13px; letter-spacing:-1px; color:#666; position:relative; border:1px solid #ccc; border-left:0;}
.main_cs .btn_box li:first-child .btn {border-left:1px solid #ddd !important;}
.main_cs .btn_box li:hover .btn:before {content:""; width:1px; height:43px; position:absolute; left:-1px; top:-1px; background:#999;}
.main_cs .btn_box li:hover .btn {border-color:#999;}

/* 최근게시물 탭 */
.main_cs .notice_box {padding-right:40px}
.main_cs .notice_tab { border-bottom:1px solid #aaa; box-sizing:border-box;}
.main_cs .notice_tab ul {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.main_cs .notice_tab li {list-style:none; display:table-cell; border:1px solid #ddd; border-bottom:0;}
.main_cs .notice_tab .btn {display:block; text-align:center; height:33px; line-height:31px; font-size:13px; letter-spacing:-0.5px; color:#888; position:relative;}
.main_cs .notice_tab .hit { border-color:#aaa; }
.main_cs .notice_tab .hit .btn {color:#333; background:#fff !important;}
.main_cs .notice_tab .hit .btn:after {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:35px; background:#aaa;}
.main_cs .notice_tab .hit .btn:before {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff; z-index:2}
.main_cs .notice_tab li:hover .btn {background:#f5f5f5;}

/* 최근게시물 목록 */
.main_cs .notice_list {padding-top:2px; min-height:120px; box-sizing:border-box; margin-top:16px}
.main_cs .notice_list ul {margin:-5px 0}
.main_cs .notice_list li {padding:5px 0; position:relative; padding-left:10px; padding-right:50px; 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:#666;  position:absolute; top:13px; left:2px; }
.main_cs .notice_list .date {color:#999; position:absolute; top:6px; right:3px; letter-spacing:0px;}
.main_cs .notice_list .state {position:absolute; top:6px; right:3px; letter-spacing:-1px; }
.main_cs .notice_list .state.end {color:#ccc;}
.main_cs .notice_list .state.ing {color:#333;}
.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;}
.main_cs .notice_list .new {width:12px; height:12px; float:right; display:inline-block; margin-top:4px}
.main_cs .notice_list .new img {width:100%; height:100%;}
.main_cs .notice_list .posting:hover .txt {text-decoration:underline;}

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

/* 최근게시물 없을때 */
.main_cs .post_none {margin-top:20px; text-align:center; padding-top:45px; background:transparent url('../images/skin/main_post_none.png') center top no-repeat; color:#aaa; letter-spacing:-0.5px;}

/* 고객센터 정보 */
.main_cs .cs_box {padding:0 40px 60px 40px; width:37%;}
.main_cs .cs_box .btn_box {padding:0 40px}
.main_cs .cs_box .cs_info {padding-left:50px; background:transparent url('../images/skin/main_cs_tel.png') left 0 no-repeat;}
.main_cs .cs_box .cs_info .tel {color:#333; font-weight:600; font-size:25px; line-height:26px;}
.main_cs .cs_box .cs_info .email { font-size:14px; color:#666; margin-top:3px}
.main_cs .cs_box .cs_info .email:hover a {text-decoration:underline;}
.main_cs .cs_box .cs_time { color:#666; padding-left:50px; margin-top:15px; line-height:19px;}

/* 은행정보 */
.main_cs .bank_box {padding-bottom:60px; padding-left:40px;}
.main_cs .bank_box .btn_box {padding-left:40px}
.main_cs .bank {display:table; width:100%; margin-top:-9px}
.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.5px; color:#666; position:relative; padding-left:11px; padding-top:10px; width:68px; box-sizing:border-box;}
.main_cs .bank .left_tit:before {content:""; position:absolute; left:4px; top:18px; width:2px; height:2px; background:#666;}
.main_cs .bank .right_num {padding-top:10px}
.main_cs .bank .number { font-size:13px; color:#333;}
.main_cs .bank .name {color:#888; letter-spacing:-0.5px; margin-top:1px;}