@charset 'utf-8';

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

*/



/* ◆◆◆◆◆왼쪽날개 */
.fly_left {position:absolute; left:50%; top:758px; width:90px; margin-left:-630px;  z-index:50}
.fly_left .bn_list {}
.fly_left .bn_list li {list-style:none; overflow:hidden;}
.fly_left .bn_list a {float:left;}
.fly_left .bn_list img {float:left; width:100%;}

.fly_left .bn_rolling {position:relative; margin-bottom:10px}
.fly_left .bn_rolling .rolling_box {}
.fly_left .bn_rolling .banner {overflow:hidden; position:relative;}
.fly_left .bn_rolling .banner img {float:left; width:90px; height:140px;}
.fly_left .bn_rolling .banner .inner_bd {position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #000; opacity:.1; -ms-filter:alpha(opacity=10);filter:alpha(opacity=10);}
.fly_left .bn_rolling .prevnext {position:absolute; bottom:3px; z-index:3;}
.fly_left .bn_rolling .prevnext.prev {left:22px }
.fly_left .bn_rolling .prevnext.next {right:22px;}
.fly_left .bn_rolling .prevnext a {display:block; padding:5px;}
.fly_left .bn_rolling .prevnext .icon {background:transparent url('../images/new2017/fly_arrow.png') left top no-repeat; width:16px; height:16px;}
.fly_left .bn_rolling .prevnext.next .icon { background-position:right top; }
.fly_left .bn_rolling .prevnext a:hover .icon {background-position:left bottom;}
.fly_left .bn_rolling .prevnext.next a:hover .icon { background-position:right bottom; }


/* ◆◆◆오른쪽날개 */
.fly_right {position:absolute; left:50%; top:808px; z-index:100; width:90px; margin-left:540px;}
.fly_right li {list-style:none;}

.fly_right .bn_box {position:relative; margin-bottom:10px}
.fly_right .bn_box img {float:left; width:90px;}
.fly_right .bn_box .inner_bd {position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #000; opacity:.1; -ms-filter:alpha(opacity=10);filter:alpha(opacity=10);}

.fly_right .today_view {border:1px solid #ddd; box-sizing:border-box; box-sizing:border-box; background:#fff; position:relative; padding-bottom:34px; border-bottom:0;}
.fly_right .today_view .tit {font-size:14px; font-weight:600; color:#333; text-align:center; margin-top:5px; font-family:"OpenSans"; letter-spacing:-0.5px;}
.fly_right .today_view ul { margin:0 auto; width:68px; height:267px; margin-top:-4px}
.fly_right .today_view li {position:relative; margin-top:10px; box-sizing:border-box;}
.fly_right .today_view .thumb {overflow:hidden; width:68px; height:59px; box-sizing:border-box; background:#f5f5f5 url('../images/new2017/quick_none.png') center center no-repeat; position:relative; }
.fly_right .today_view .thumb img {width:100%; float:left;}
.fly_right .today_view .inner_bd {position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #000; opacity:.1; -ms-filter:alpha(opacity=10);filter:alpha(opacity=10);}
.fly_right .today_view .btn_del {position:absolute; right:0; top:0; display:none; width:15px; height:15px; background:transparent url('../images/new2017/today_delete.png') center center no-repeat; z-index:50}

.fly_right .ov_box {position:absolute; right:68px; 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:#333; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; font-size:13px;}
.fly_right .ov_box .price {overflow:hidden; margin-top:7px; margin-top:6px\0;}
.fly_right .ov_box .price .won { line-height:13px; float:left; color:#333; font-weight:600; font-size:14px;}
.fly_right .ov_box .price .won .sign {float:left; color:#333; font-weight:600; font-size:12px; margin-top:1px; margin-top:0px\0; margin-right:2px }
.fly_right .ov_box .price .won .num { font-weight:500; color:#333; font-size:14px; letter-spacing:-0.5px; line-height:15px; font-family:"OpenSans";}
.fly_right .ov_box .price .dollar {float:left; margin-top:1px\0; }
.fly_right .ov_box .price .dollar .sign {float:left; color:#ff0b0b; font-weight:400; font-size:15px; line-height:13px; margin-top:1px; margin-right:0px;  font-family:"OpenSans";}
.fly_right .ov_box .price .dollar strong {float:left; font-weight:500; color:#ff0b0b; font-size:15px; letter-spacing:-0.5px; line-height:15px; font-family:"OpenSans";}
.fly_right .ov_box:hover .item_name {text-decoration:underline;}

.fly_right .today_view li:hover .inner_bd {border:1px solid #666; opacity:1; -ms-filter:alpha(opacity=100);filter:alpha(opacity=100);}
.fly_right .today_view li:hover .ov_box {display:block}
.fly_right .today_view li:hover .btn_del {display:block}

.fly_right .btn_nate {box-sizing:border-box; overflow:hidden;text-align:center; height:31px; position:relative; position:absolute; left:0; bottom:2px; width:100%;}
.fly_right .btn_nate .number {overflow:hidden; color:#999; font-size:12px; display:block; line-height:29px; font-family:"OpenSans";}
.fly_right .btn_nate .number strong {color:#333; }
.fly_right .btn_nate .prevnext {position:absolute; top:0px; z-index:3;}
.fly_right .btn_nate .prevnext.prev {left:4px }
.fly_right .btn_nate .prevnext.next {right:4px;}
.fly_right .btn_nate .prevnext a {display:block; padding:10px;}
.fly_right .btn_nate .prevnext .icon {background:transparent url('../images/new2017/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 .prevnext a:hover .icon {background-position:left bottom;}
.fly_right .btn_nate .prevnext.next a:hover .icon { background-position:right bottom; }

.fly_right .today_none {height:273px; padding-top:165px; box-sizing:border-box; font-size:11px; text-align:center; letter-spacing:-1px; color:#aaa; line-height:14px; background:transparent url('../images/new2017/today_none.png') center center no-repeat;}

.fly_right .today_btn {overflow:hidden; background:#fff;}
.fly_right .today_btn .btn {width:100%; height:30px; box-sizing:border-box; border-top:0; padding:0px 11px 0 9px; line-height:31px; line-height:30px\0; color:#fff; letter-spacing:-0.5px; background:#888;}
.fly_right .today_btn .num {float:right; color:#fff; font-weight:500; letter-spacing:-0.5px; font-family:"OpenSans"; font-size:13px; line-height:30px;}
.fly_right .today_btn .arrow {float:right; line-height:28px; background:transparent url('../images/new2017/today_arrow.gif') left center no-repeat; width:4px; height:30px;}

.fly_right .today_btn .btn.wish {line-height:29px; line-height:28px\0; border-top:1px solid #5f5f5f;}
.fly_right .today_btn .btn.wish .num {line-height:28px;}
.fly_right .today_btn .btn.order {background:#666; height:29px;}
.fly_right .today_btn .btn:hover {}

.fly_right .exchange {border:1px solid #ddd; box-sizing:border-box; margin-top:10px; padding:0 5px; text-align:center;}
.fly_right .exchange .tit {color:#666; letter-spacing:-1px; font-weight:600; height:28px; line-height:28px; border-bottom:1px solid #eee;}
.fly_right .exchange .num {display:inline-block; padding:3px 0 6px; padding:3px 0 5px\0;}
.fly_right .exchange .num .sign {color:#ff5f19; font-size:13px; letter-spacing:-1px; font-weight:600; float:left; margin-top:3px; margin-right:3px; }
.fly_right .exchange .num strong {color:#ff5f19; font-size:15px; letter-spacing:-0.5px; font-weight:500; font-family:"OpenSans"; float:left; padding-right:2px; padding-right:1px\0}

.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:53px; border:1px solid #ddd; box-sizing:border-box; position:relative; box-sizing:border-box;}
.fly_right .btn_move .btn_gotop {background:transparent url('../images/new2017/fly_go_top.gif') center center no-repeat;}
.fly_right .btn_move .btn_gobottom {background:transparent url('../images/new2017/fly_go_bottom.gif') center center no-repeat;}
.fly_right .btn_move .btn:hover {background-color:#f5f5f5;}



/* ◆◆◆탑배너 */
.top_bn {text-align:center; height:80px; overflow:hidden;}
.top_bn ul {display:inline-block}
.top_bn li {list-style:none; float:left; position:relative;}
.top_bn.if_bn2 li {width:50%;}
.top_bn img {float:left; width:100%; height:80px;}
.top_bn li+ li:before {content:""; position:absolute; left:-2px; top:2px; width:2px; height:100%; background:transparent url('../images/new2017/top_bn_line.png') left top repeat-y;}
.top_bn .close_btn {position:absolute; right:-60px; top:50%; padding:10px; margin-top:-24px; margin-top:-22px\0}
.top_bn .close_btn img {width:25px; height:25px;}



/* ◆◆◆탑 */
.top { height:35px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.top li {list-style:none; float:left; position:relative;}
.top .left_menu {float:left; position:relative; }
.top .left_menu+ .left_menu {margin-left:3px}
.top .right_menu {float:right; position:relative; margin-right:-10px}

.top li+ li:before {content:""; position:absolute; left:0; top:50%; width:1px; height:11px; background:#ddd; margin-top:-5px; z-index:5}
.top .favorite { margin-left:3px}
.top .favorite:before {display:none;}
.top .btn {padding:0 10px 0 11px; height:34px; line-height:34px; line-height:33px\0; position:relative;}
.top .btn .tx {color:#888; letter-spacing:-0.5px;}
.top .btn.log .tx {color:#333; }
.top .btn.cart { }
.top .btn.cart .tx {color:#0ba2ff !important; font-weight:600; padding-left:17px; background:transparent url('/upfiles/playimg/top_cart.gif') left 11px no-repeat;}
.top .btn.cart .num {color:#fff; letter-spacing:-0.5px; margin-left:4px; background:#0ba2ff; border:1px solid #0ba2ff; border-radius:100px; font-size:11px; min-width:9px; height:14px; line-height:13px; text-align:center; font-family:"OpenSans"; font-weight:500; padding:0 3px 0 2px; padding:0 3px\0; min-width:8px\0;}
/* JJC : 2019-11-07 : 요청에 의한 수정 .top .flag {margin-top:1px; margin-right:5px; float:left; border:1px solid #ddd;}*/
.top .flag {margin-top:11px; margin-right:3px; 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/new2017/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:35px; position:absolute; left:0; top:0px; 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 .if_more.mobile .tx {background:transparent url('../images/new2017/top_ic_mo.gif') right 12px no-repeat; padding-right:12px;}
.top .if_more.family {background:#fafafa;}
.top .if_more.family .tx {padding-right:16px}

.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/new2017/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:16px; width:150px; float:left; word-wrap:break-word; word-break:keep-all; white-space:normal; margin-top:5px;}
.top li:hover .qr_code {display:block}

.top .open_box {position:absolute; left:50%; top:34px; z-index:100; padding:15px; background:#fff; border:1px solid #ddd; width:175px; box-sizing:border-box; margin-left:-87px; display:none;}
.top .mypage .open_box {width:155px; margin-left:-77px}
.top .mypage .open_box .tit {border-bottom:1px solid #eee; padding-bottom:10px}
.top .open_box .tit {color:#333; font-size:13px; letter-spacing:-1px; font-weight:600; display:block; text-align:center;}
.top li:hover .open_box {display:block}

.top .family .btn {cursor:pointer}
.top .family_box {display:none;  background:#fff; border:1px solid #ddd; position:absolute; left:0; top:34px; z-index:100; box-sizing:border-box; padding:10px 5px; overflow:hidden; min-width:130px; }
.top .family_box .site {padding:5px; white-space:nowrap; color:#888; display:block}
.top .if_more.family:hover .family_box {display:block}
.top .family_box .site:hover {text-decoration:underline}

.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:6px 10px 5px 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/new2017/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 .my_data {display:table; width:100%; margin:5px 0;}
.top .my_data .data {padding:5px 3px 4px; 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 .my_data .txt {color:#888; text-align:center; padding:10px 0 20px; display:block; letter-spacing:-0.5px;}

.top .cs_info {text-align:center; overflow:hidden; margin-bottom:15px; word-wrap:break-word; word-break:keep-all;}
.top .cs_info strong {color:#cd3726; font-weight:500; font-size:18px; padding-top:5px; display:block; font-family:"OpenSans";}
.top .cs_info .mail { color:#666; font-size:11px; padding:3px 0; display:block; word-wrap:break-word; word-break:keep-all;}
.top .cs_info .mail:hover {text-decoration:underline; }




/* ◆◆◆헤더 */
.header {}
.header {list-style:none;}
.header .ul {display:table; width:100%; height:120px; table-layout:fixed;}
.header .li {display:table-cell; vertical-align:middle;}

.header .logo {text-align:left; width:200px; padding-bottom:5px}
.header .logo img {max-width:100%; float:left;}

/* 헤더배너 */
.header .header_bn {position:relative; width:200px; padding-bottom:1px}
.header .rolling_box {position:relative;}
.header .header_bn .banner {width:200px;}
.header .header_bn .banner img {width:100%; height:75px;}
.header .prevnext {position:absolute;  right:-17px; z-index:3; top:32px;}
.header .prevnext.prev { }
.header .prevnext.next {margin-top:14px}
.header .prevnext a {display:block; padding:4px 3px; box-sizing:border-box; border:1px solid #ddd;}
.header .prevnext .icon {background:transparent url('../images/new2017/top_bn_arrow.gif') left top no-repeat; width:9px; height:5px;}
.header .prevnext.next .icon { background-position:left bottom;}
.header .prevnext.prev:hover .icon {background-position:right top;}
.header .prevnext.next:hover .icon {background-position:right bottom;}

/* 검색창 */
.header .search {text-align:center; padding-bottom:4px}
.header .search_area {position:relative; display:inline-block}
.header .form_box {position:relative;}
.header .form_box .search_form { height:45px; box-sizing:border-box;}
.header .form_box .input_search {height:45px; width:366px; padding:15px 55px 13px 15px; box-sizing:border-box; letter-spacing:-0.5px; font-size:13px; background:#f5f5f5; border:1px solid #f5f5f5;}
.header .form_box .btn_search {position:absolute; right:0px; top:0; width:52px; height:100%; background:transparent url('/upfiles/playimg/ic_search.png') center top no-repeat; padding:0 15px}
.header .form_box .btn_search:hover {background-position:center bottom;}
.header .form_box .input_search:focus {border:1px solid #0ba2ff;}

/* 키워드 */
.header .keyword {position:relative; padding:0 40px 0 15px; width:366px; box-sizing:border-box;}
.header .keyword .word_box {overflow:hidden; height:20px; margin-top:2px}
.header .keyword .word_box ul {margin-left:-19px;}
.header .keyword .word_box li {float:left; list-style:none;}
.header .keyword .word {color:#888; height:24px; line-height:26px; position:relative; margin-left:19px; letter-spacing:-1px;}
.header .keyword .word:hover {color:#333; text-decoration:underline;}
.header .keyword .word:before {content:""; width:1px; height:9px; background:#ddd; position:absolute; left:-9px; top:50%; margin-top:-4px; }

.header .keyword .btn_all {position:absolute; right:0; top:-2px;}
.header .keyword .btn_all .btn { text-align:right; position:absolute; right:0px; top:0; z-index:401; width:37px; height:32px; border:1px solid #fff; box-sizing:border-box;}
.header .keyword .btn_all .btn .shape {width:13px; height:13px; background:transparent url('../images/new2017/search_more.png') left top no-repeat; margin:8px 11px 0 0}
.header .keyword .btn_all .btn:before {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff;}

.header .keyword .over_all {display:none; position:absolute; right:0; top:31px; width:366px; box-sizing:border-box; background:#fff; border:1px solid #aaa; z-index:400}
.header .keyword .tit_box {display:table; width:100%; table-layout:fixed; border-bottom:1px solid #ddd;}
.header .keyword .tit_box li {list-style:none; display:table-cell;}
.header .keyword .tit_box .tt {padding:12px 5px; text-align:center; color:#999; font-size:13px; font-weight:600; letter-spacing:-0.5px; display:block; box-sizing:border-box; position:relative;}
.header .keyword .tit_box .hit .tt {color:#333;}
.header .keyword .tit_box .hit .tt:before {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:3px; background:#1aa8fe;}
.header .keyword .btn_all:hover .btn {border:1px solid #aaa;}
.header .keyword .btn_all:hover .over_all {display:block;}
.header .keyword .tit_box .tt:hover  {color:#333;}
.header .keyword .btn_all .word_box {height:auto; margin-left:15px; max-height:210px; overflow-y:auto}
.header .keyword .btn_all .word_box ul { padding:10px 15px 10px 0; overflow:hidden;}




/* ◆◆◆네비 */
.nav {height:50px; position:relative; border-top:2px solid #0ba2ff; border-bottom:1px solid #ddd;}
.nav li {list-style:none;}

.nav .layout_fix {height:50px; padding-left:51px; position:relative;}
.nav .gnb_box {display:table; width:100%; }
.nav .gnb_box .upper_link {height:50px; z-index:2}
.nav .gnb_box .ul {display:table-row;}
.nav .gnb_box .li {display:table-cell; position:relative; vertical-align:middle; height:50px; min-width:90px;}
.nav .gnb_box .ctg1 {color:#333; font-size:16px; letter-spacing:-1px; display:block; text-align:center; padding:0 5px; font-weight:600; position:relative; line-height:50px;}
.nav .gnb_box .li+ .li .ctg1:before {content:""; position:absolute; left:-1px; top:50%; width:1px; height:15px; background:#ccc; margin-top:-7px}
.nav .gnb_box .ctg_icon {position:absolute; left:0; top:-7px; width:100%; text-align:center; z-index:1;  box-sizing:border-box;}
.nav .gnb_box .ctg_icon img {height:19px; max-width:100px}
.nav .gnb_box .upper_bd {position:absolute; background:#0ca2ff; z-index:99; display:none;}
.nav .gnb_box .upper_bd.bd2 {width:100%; height:1px; left:0; bottom:-1px; }
.nav .gnb_box .upper_bd.bd3 {width:1px; height:51px; left:-1px; top:0px; }
.nav .gnb_box .upper_bd.bd4 {width:1px; height:51px; right:0; top:0; }

.nav .open_next {display:none; position:absolute; top:50px; z-index:300; border:1px solid #0ca2ff; border-right:0; margin-left:-1px; background:#fafafa; min-width:100%;}
.nav .open_next:before {content:""; width:1px; height:100%; background:#0ca2ff; position:absolute; right:0; top:0; z-index:1}
.nav .open_next .ctg_box {/*  padding:2px 220px 2px 0; */}
.nav .open_next .ctg_box li+ li {border-top:1px solid #ddd;}
.nav .open_next .ctg_box .ctg2 {color:#666; padding:0 50px 0 15px; display:block; font-size:13px; white-space:nowrap; font-weight:600; text-align:left; position:relative; height:35px; line-height:35px;}
.nav .open_next .ctg_box .ctg2:before {content:""; width:5px; height:8px; background:transparent url('../images/new2017/nav_sub_ar.gif') left top no-repeat; position:absolute; right:10px; top:50%; margin-top:-4px;}
.nav .open_next .ctg_box li:hover .ctg2:before {background-position:left bottom;}
.nav .open_next .ctg_box li:hover .ctg2 {color:#0ba2ff;}

/* 2차메뉴가 있을때 */
.nav .if_have_next .upper_bd.bd2 {background:#ddd;}

/* 2차메뉴 8개 초과될때 */
.nav .if_overnum .open_next .ctg_box {display:table;}
.nav .if_overnum .open_next .ctg_box ul {display:table-cell; vertical-align:top;}
.nav .if_overnum .open_next .ctg_box ul+ ul {border-left:1px solid #ddd;}

/* 오른쪽 메뉴 3개 */
.nav .if_last .open_next {right:0}

/* 카테고리 배너가 있을때 */
.nav .ctg_bn {background:#fff; box-sizing:border-box; padding:20px; overflow:hidden;}
.nav .ctg_bn img {width:190px; height:244px;}


/* 메뉴 10개 이상 */
/* .nav .open_next .ctg_box.if_more10 { }
.nav .open_next .ctg_box.if_more10 .ctg_tb {display:table;table-layout:auto;}
.nav .open_next .ctg_box.if_more10 ul {display:table-cell; }
.nav .open_next .ctg_box.if_more10 ul+ ul {margin-left:10px; position:relative;}
.nav .open_next .ctg_box.if_more10 .ctg_tb+ .ctg_tb:before {content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd;} */

/* 배너 없을때 */
/* .nav .if_none_bn .open_next {padding:20px 0px; min-width:100%; min-height:auto; border-right:0; box-sizing:inherit;}
.nav .if_none_bn .open_next:before {content:""; position:absolute; right:0px; top:0; width:1px; height:100%; background:#0ca2ff;}
.nav .if_none_bn .open_next:after {content:""; position:absolute; right:0px; top:-1px; width:1px; height:1px; background:#0ca2ff;}
.nav .if_none_bn .open_next .ctg_box {padding-right:0}
.nav .if_none_bn .open_next .ctg_box ul {width:100%;} */



.nav .gnb_box .li:hover .ctg1 {color:#0ca2ff;}
.nav .gnb_box .li:hover .open_next {display:block;}
.nav .gnb_box .li:hover .upper_bd {display:block; z-index:400}
.nav .gnb_box .li:hover:before {display:none;}
.nav .gnb_box .hit {}
.nav .gnb_box .hit .ctg1 {background:#0ba2ff; color:#fff !important;}
.nav .gnb_box .hit .open_next {display:none !important;}
.nav .gnb_box .hit .upper_bd {display:block !important}
.nav .gnb_box .hit .upper_bd.bd2 {background:#0ba2ff !important;}
.nav .gnb_box .hit:before {display:none;}






/* 전체메뉴 */
.nav .all {width:50px !important; position:absolute; left:0; top:0; background:#f5f5f5;}
.nav .all:before {display:none;}
.nav .all:after {display:none;}
.nav .all+ .li:before {display:none;}
.nav .all .btn_all {display:block; height:50px; line-height:50px; position:relative;}
.nav .all .btn_all .shape {background:transparent url('/upfiles/playimg/nav_all.gif') left center no-repeat; width:22px; height:14px; margin:18px 14px 0}

.nav .all .over_all {display:none; position:absolute; left:0; top:50px; width:1050px; box-sizing:border-box; background:#fff; border:1px solid #999; padding:20px 8px; z-index:300}
.nav .all .over_all li {list-style:none;}
.nav .all .over_all .table {display:table; table-layout:fixed; width:100%;}
.nav .all .over_all dl {/* float:left; width:14.2857% */;display:table-cell; padding:0 5px; box-sizing:border-box;}
.nav .all .over_all dt {border-bottom:1px solid #d0d0d0; border-top:1px solid #d0d0d0;}
.nav .all .over_all dd {padding:10px 0 30px 0;}

.nav .all .over_all .depth1 {display:block; color:#333; font-size:13px; font-weight:600; min-height:15px; padding:10px 12px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all;}
.nav .all .over_all .depth1:hover {background:#eee;}
.nav .all .over_all .depth2_box {position:relative;}
.nav .all .over_all .depth2 {display:block; color:#888; padding:5px 12px 4px; letter-spacing:-0.5px; position:relative; border:1px solid #fff; word-wrap:break-word; word-break:keep-all;}
.nav .all .over_all .depth2_box.if_have3 .depth2 {padding-right:20px}
.nav .all .over_all .depth2_box.if_have3 .depth2:after {content:""; width:1px; height:100%; background:#fff; position:absolute; right:-1px; top:0px; z-index:10; display:none}
.nav .all .over_all .depth2_box.if_have3 .depth2:before {content:""; width:7px; height:7px; background:transparent url('../images/new2017/if_have_sub.png') left top no-repeat; position:absolute; right:5px; top:50%; margin-top:-4px;}

.nav .all .over_all .over_depth3 {display:none; position:absolute; left:139px; top:-10px; z-index:5; box-sizing:border-box; padding:0 5px 5px 0; width:130px;}
.nav .all .over_all .over_depth3 {background:transparent url('../images/new2017/black_15.png') left top repeat; }
.nav .all .over_all .depth3_inner {background:#fff; border:1px solid #0ba2ff; padding:10px; margin:-3px 0 0 -3px; position:relative; min-height:35px}
.nav .all .over_all .depth3_inner:before {display:none; content:""; width:1px; height:23px; background:#fff; position:absolute; left:-1px; top:13px;}

.nav .all .over_all .depth3_inner .table_box {width:100%; }
.nav .all .over_all .depth3_inner .table_box ul {}
.nav .all .over_all .depth3_inner .table_box li {border-top:1px solid #f4f4f4;}
.nav .all .over_all .depth3_inner .table_box ul:first-child li {border-top:0;}
.nav .all .over_all .depth3 {display:block; padding:6px 8px; color:#888; word-wrap:break-word; word-break:keep-all;}
.nav .all .over_all .depth3:hover {color:#000; text-decoration:underline; background:#f4f4f4;}

.nav .all .over_all .depth2_box:hover .over_depth3 {display:block;}
.nav .all .over_all .depth2_box:hover .depth2 {border:1px solid #0ba2ff; color:#0ba2ff; background:#fff;}
.nav .all .over_all .depth2_box:hover .depth2:after {display:block}
.nav .all .over_all .depth2_box:hover .depth3_inner:before {display:block;}
.nav .all .over_all .depth2_box:hover .depth3_inner:after {display:none;}
.nav .all .over_all .depth2_box:hover .depth2:before {display:none;}

.nav .all .over_all .if_double {width:33.2%;}
.nav .all .over_all .if_double .depth2_box {width:50%; float:left;}

.nav .all .over_all .ctgnum_7+ dl {clear:both}
.nav .all .over_all .ctgnum_7 .depth2_box.if_have3 .depth2:after {right:auto; left:-1px;}
.nav .all .over_all .ctgnum_7 .over_depth3 {left:-129px; padding:0 0 5px 5px;}
.nav .all .over_all .ctgnum_7 .depth3_inner {margin:-3px 0px 0 0;}
.nav .all .over_all .ctgnum_7 .depth2_box:hover .depth3_inner:before {display:none;}
.nav .all .over_all .ctgnum_7 .depth2_box:hover .depth3_inner:after {display:block;}


.nav .all:hover {background:#0ba2ff;}
.nav .all:hover .btn_all:before {content:""; position:absolute; right:0px; top:0; width:1px; height:100%; background:#fff; z-index:100}
.nav .all:hover .btn_all:after {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#0ba2ff; z-index:350}
.nav .all:hover .btn_all .txt {}
.nav .all:hover .btn_all .shape {background-position:right center;}
.nav .all:hover .over_all {display:block;}




/* ◆◆◆메인비주얼 */
.main_visual {position:relative; overflow:hidden;}
.main_visual:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:transparent url('../images/new2017/black_15.png') left top repeat-x; z-index:1}
.main_visual .rolling_box {position:relative;}
.main_visual .visual_box {height:440px; background-position:center top;}
.main_visual .visual_img {width:1050px; height:440px; background-position:center top; position:absolute; left:50%; top:0; margin-left:-525px}

.main_visual .rolling_icon {position:absolute; left:0; bottom:19px; width:100%; text-align:center; z-index:100;}
.main_visual .rolling_icon .lineup {display:inline-block; overflow:hidden;}
.main_visual .rolling_icon .icon {width:16px; height:15px; float:left; margin:0 5px; background:transparent url('../images/new2017/visual_rolling.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:100; margin-top:-30px}
.main_visual .prevnext.prev {left:50%; margin-left:-526px}
.main_visual .prevnext.next {right:50%; margin-right:-526px}
.main_visual .prevnext a {display:block; padding:10px}
.main_visual .prevnext .icon {width:23px; height:40px; }
.main_visual .prevnext.prev .icon {background:transparent url('../images/new2017/main_visual_arrow.png') left top no-repeat;}
.main_visual .prevnext.next .icon {background:transparent url('../images/new2017/main_visual_arrow.png') right top no-repeat;}
.main_visual .prevnext a:hover .icon {background-position:left bottom;}
.main_visual .prevnext.next a:hover .icon {background-position:right bottom;}


/* ◇◇◇메인타이틀(공통) */
.main_tit { color:#000; font-size:25px; letter-spacing:-1px; font-weight:600; padding-bottom:15px;}
.main_tit strong {color:#0ba2ff;}



/* ◆◆◆메인md배너 */
.main_md {margin-top:30px}
.main_md .bn_list {overflow:hidden;}
.main_md .bn_list .ul {display:table; width:100%;  }
.main_md .bn_list .li {list-style:none; display:table-cell;  }
.main_md .bn_list .banner {float:left;  position:relative; background:#f5f5f5 url('../images/new2017/none_photo.png') center center no-repeat; margin-left:20px; width:515px; margin-top:18px}
.main_md .bn_list .inner_bd {position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #000; opacity:.1; -ms-filter:alpha(opacity=10);filter:alpha(opacity=10);}
.main_md .bn_list .banner img {width:515px; height:230px;}

.main_md .bn_list .s_img .banner {width:248px; float:left;}
.main_md .bn_list .s_img .banner+ .banner {margin-left:19px}
.main_md .bn_list .s_img .banner:before {background:transparent url('../images/new2017/md_s_line.png') left top repeat-y;}
.main_md .bn_list .s_img .banner img {width:248px; height:230px;}

.main_md .bn_list .banner:hover .inner_bd {border:1px solid #0ba2ff; opacity:1; -ms-filter:alpha(opacity=100);filter:alpha(opacity=100);}

.main_md .bn_list ul {margin-left:-20px; margin-top:-18px}
.main_md .bn_list li { width:50%; float:left; list-style:none;}


/* ◆◆◆메인포커스 */
.main_focus {margin-top:30px; text-align:center;}
.main_focus .main_tit {border-bottom:1px solid #ccc; text-align:center;}
.main_focus .layout_fix {width:1100px;}
.main_focus .rolling_box {margin-top:40px;}
.main_focus .focus_list {text-align:center; display:inline-block}
.main_focus .focus_list li {list-style:none; float:left; }
.main_focus .focus_box {margin:0 25px; position:relative; height:250px; width:170px;}
.main_focus .focus_box .thumb {width:170px; height:170px; background:#f5f5f5 url('../images/new2017/none_photo.png') center center no-repeat; position:relative; overflow:hidden; border-radius:300px;}
.main_focus .focus_box .thumb_bg {position:absolute; left:0; top:0; width:170px; height:170px; background:transparent url('../images/new2017/focus_bg.png') left top no-repeat; z-index:1}
.main_focus .focus_box .thumb img {float:left; width:100%; height:100%;}
.main_focus .focus_box .txt_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:transparent url('../images/new2017/black_40.png') left top repeat; font-family:"OpenSans"; font-size:21px; color:#fff; line-height:170px;}
.main_focus .focus_box dl {text-align:center;}
.main_focus .focus_box dt {color:#333; font-size:15px; font-weight:600; margin-top:17px; letter-spacing:-0.5px; padding-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.main_focus .focus_box dd {font-size:12px; color:#888; letter-spacing:-0.5px; line-height:17px; word-wrap:break-word; word-break:keep-all; padding: 0 6px; height:36px;}
.main_focus .focus_box dd {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}

.main_focus .focus_box:hover .txt_box {display:block}
.main_focus .focus_box:hover dt {text-decoration:underline;}

.main_focus .prevnext {position:absolute; top:62px; z-index:3;}
.main_focus .prevnext.prev {left:-30px;}
.main_focus .prevnext.next {right:-30px}
.main_focus .prevnext a {display:block; padding:10px}
.main_focus .prevnext .icon {width:12px; height:22px; }
.main_focus .prevnext.prev .icon {background:transparent url('/upfiles/playimg/focus_img_arrow.gif') left top no-repeat;}
.main_focus .prevnext.next .icon {background:transparent url('/upfiles/playimg/focus_img_arrow.gif') right top no-repeat;}
.main_focus .prevnext a:hover .icon {background-position:left bottom;}
.main_focus .prevnext.next a:hover .icon {background-position:right bottom;}


.main_focus .rolling_icon { margin-top:25px; position:relative; display:inline-block; }
.main_focus .rolling_icon .lineup {margin-top:11px}
.main_focus .rolling_icon .icon {width:10px; height:10px; float:left; margin:0 5px; background:transparent url('/upfiles/playimg/focus_rolling.gif') left top no-repeat;}
.main_focus .rolling_icon .active {background-position:right top !important;}
.main_focus .rolling_icon .icon:hover {background-position:right bottom;}

.main_focus .rolling_icon .prevnext {position:absolute; top:0; z-index:10;}
.main_focus .rolling_icon .prevnext.prev {left:-37px;}
.main_focus .rolling_icon .prevnext.next {right:-37px}
.main_focus .rolling_icon .prevnext a {display:block; padding:10px; float:left;}
.main_focus .rolling_icon .prevnext .icon {width:7px; height:12px; }
.main_focus .rolling_icon .prevnext.prev .icon {background:transparent url('/upfiles/playimg/focus_arrow.gif') left top no-repeat;}
.main_focus .rolling_icon .prevnext.next .icon {background:transparent url('/upfiles/playimg/focus_arrow.gif') right top no-repeat;}
.main_focus .rolling_icon .prevnext a:hover .icon {background-position:left bottom;}
.main_focus .rolling_icon .prevnext.next a:hover .icon {background-position:right bottom;}




/* ◆◆◆카테고리베스트 */
.main_ctg {background:#f5f5f5; padding:50px 0 60px; margin-top:30px}
.main_ctg .main_tit {text-align:center;}

/* .main_ctg .ctg_tab { border-bottom:1px solid #0ba2ff; box-sizing:border-box; position:relative;}
.main_ctg .ctg_tab ul {display:table; width:100%; box-sizing:border-box; background:#fff;}
.main_ctg .ctg_tab li {list-style:none; display:table-cell; border:1px solid #ccc; border-bottom:0; vertical-align:top; }
.main_ctg .ctg_tab .btn {display:block; text-align:center; padding:18px 10px 13px; position:relative; min-height:52px; background:#fff;}
.main_ctg .ctg_tab .hit { border-color:#ccc; }
.main_ctg .ctg_tab .hit .btn {color:#333; background:#fff !important;}
.main_ctg .ctg_tab .hit .btn:after {content:""; position:absolute; left:0; bottom:-6px; width:100%; height:5px; background:transparent url('../images/new2017/ctg_tab_arrow.gif') center top no-repeat;}
.main_ctg .ctg_tab .hit .btn:before {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:101%; background:#0ba2ff; z-index:2}
.main_ctg .ctg_tab .btn:hover .txt {text-decoration:underline; color:#000;}

 */


.main_ctg .ctg_tab {border-bottom:1px solid #0ba2ff;}
.main_ctg .ctg_tab ul {display:table; width:100%; table-layout:fixed; background:#fff;}
.main_ctg .ctg_tab li {list-style:none; display:table-cell; border:1px solid #ccc; border-bottom:0; vertical-align:top; }
.main_ctg .ctg_tab .btn {display:block; text-align:center; padding:18px 10px 13px; position:relative; min-height:52px; background:#fff;}
.main_ctg .ctg_tab .btn:before {content:""; position:absolute; left:0; bottom:-6px; width:100%; height:5px; background:transparent url('/upfiles/playimg/ctg_tab_arrow.gif') center top no-repeat; display:none}
.main_ctg .ctg_tab .btn:after {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:101%; background:#0ba2ff; display:none}

.main_ctg .ctg_tab .btn .off {display:block; margin:0 auto; width:25px; height:25px;}
.main_ctg .ctg_tab .btn .on {display:none;  margin:0 auto; width:25px; height:25px;}
.main_ctg .ctg_tab .btn .txt {margin-top:12px; color:#666; font-size:13px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all;}
.main_ctg .ctg_tab .btn:hover .txt {text-decoration:underline; color:#000;}

.main_ctg .ctg_tab .hit {border-color:#0ba2ff; background:#0ba2ff;}
.main_ctg .ctg_tab .hit .btn {background:#0ba2ff;}
.main_ctg .ctg_tab .hit .btn:before {display:block}
.main_ctg .ctg_tab .hit .btn:after {display:block}
.main_ctg .ctg_tab .hit .off {display:none}
.main_ctg .ctg_tab .hit .on {display:block}
.main_ctg .ctg_tab .hit .txt {color:#fff !important; font-weight:600; text-decoration:none !important}

.main_ctg .item_list {margin-top:21px}
.main_ctg .item_list ul {margin-left:-14px; margin-top:-15px}
.main_ctg .item_list li {width:25%;}
.main_ctg .item_box {width:auto; margin-left:14px; margin-top:15px;}
.main_ctg .item_list li:first-child {width:50%;}
.main_ctg .item_list li:first-child .item_box {height:618px;}
.main_ctg .item_list li:first-child .thumb {width:518px; height:484px;}
.main_ctg .item_list .upper_icon {display:none}
.main_ctg .item_box .rank {position:absolute; left:0; top:0; z-index:1; font-family:"OpenSans"; font-weight:600; color:#fff; background:#ff4200; font-size:15px; height:31px; line-height:31px; padding:0 11px}

.main_ctg .if_first .thumb img {height:auto;}/*{height:448px;}*/
.main_ctg .if_first .info {padding-top:24px; height:171px;}
.main_ctg .if_first .info .item_name {font-size:20px; font-weight:600; padding:0 25px}
.main_ctg .if_first .info .sub_name {padding:0 25px}
.main_ctg .if_first .info .info_bottom {height:36px; border-top:1px solid #ddd; background:#fff;}
.main_ctg .if_first .item_box .info_bottom .view {line-height:38px; padding-left:25px}
.main_ctg .if_first .item_box .info_bottom .wish {padding:9px 10px 11px; right:10px}
.main_ctg .if_first .item_box .price {bottom:53px}
.main_ctg .if_first .item_box .price .won {margin-left:12px; margin-top:3px}
.main_ctg .if_first .item_box .price .won .sign {color:#333;}
.main_ctg .if_first .item_box .price .won strong {color:#333;}
.main_ctg .if_first .item_box .price .dollar {margin-right:4px}
.main_ctg .if_first .item_box .soldout .inner {margin-top:203px}

.main_ctg .small .item_box .thumb {width:252px; height:236px;}
.main_ctg .small .item_box .thumb img {height:auto;}/*{height:218px;}*/
.main_ctg .small .item_box .info {height:84px; padding-top:15px}
.main_ctg .small .item_box .info .item_name {font-size:15px; padding-left:16px}
.main_ctg .small .item_box .info .sub_name {display:none;}
.main_ctg .small .item_box .info_bottom {bottom:auto; top:-33px; background:transparent url('../images/new2017/black_50.png') left top repeat; width:252px; left:-1px; display:none; height:33px;}
.main_ctg .small .item_box .info_bottom .view {color:#fff;}
.main_ctg .small .item_box .price {bottom:8px; padding-left:15px}
.main_ctg .small .item_box .before {display:none}
.main_ctg .small .item_box .soldout .inner {margin-top:94px}
.main_ctg .small .item_box .info_bottom .wish {right:1px; top:1px}

.main_ctg .small .item_box:hover .info_bottom {display:block}

/* ◆◆◆메인아이템리스트 */
.main_item {border-top:1px solid #ddd; padding-top:50px}
.main_item+ .main_item {margin-top:50px}
.main_item .main_item_tit {overflow:hidden;}
.main_item .main_tit {float:left; padding-bottom:0}
.main_item .right_box {float:right; margin-top:1px}
.main_item .sub_tab {float:left; margin-top:3px}
.main_item .sub_tab li {list-style:none; float:left;  position:relative;}
.main_item .sub_tab li+ li:before {content:""; position:absolute; left:0; top:50%; width:1px; height:12px; background:#ddd; margin-top:-6px}
.main_item .sub_tab .btn { padding:0 11px 0 12px;}
.main_item .sub_tab .txt {font-size:13px; color:#888; letter-spacing:-0.5px; line-height:22px; padding:0 5px;}
.main_item .more_btn {float:right; text-align:center; background:#fafafa; border:1px solid #ddd; border-radius:100px; box-sizing:border-box; padding:5px 10px 5px 14px; margin-left:3px}
.main_item .more_btn .txt {padding-right:9px; background:transparent url('../images/new2017/main_list_more.gif') right 4px no-repeat; color:#888; letter-spacing:-1px;}

.main_item .sub_tab .btn:hover .txt {color:#333;}

.main_item .sub_tab .hit .txt {border-bottom:1px solid #333; color:#333; font-weight:600;}


.main_item .item_bn {margin-top:30px; overflow:hidden; position:relative;}
.main_item .item_bn .inner_bd {position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #000; opacity:.1; -ms-filter:alpha(opacity=10);filter:alpha(opacity=10);}
.main_item .item_bn img {width:100%; float:left;}

/* ◆상품리스트 */
.item_list {overflow:hidden; margin-top:13px}
.item_list ul {margin-left:-15px; margin-top:-20px; overflow:hidden;}
.item_list li {list-style:none; float:left; width:33.333333%;  box-sizing:border-box;}

.item_box {margin-left:15px; position:relative; margin-top:20px;  width:340px; background:#fff;}
.item_box .thumb {background:#fafafa url('../images/new2017/none_photo.png') center center no-repeat; position:relative; box-sizing:border-box; overflow:hidden; width:340px; height:319px;}
.item_box .thumb img {width:100%; height:auto; float:left;}/*height:294px;*/
.item_box .thumb .inner_bd {position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #000; opacity:.1; -ms-filter:alpha(opacity=10);filter:alpha(opacity=10);}
.item_box .thumb .inner_bt {position:absolute; left:0; right:0; top:-1px; bottom:0; border-bottom:1px solid #000;  opacity:.1; -ms-filter:alpha(opacity=10);filter:alpha(opacity=10);}

.item_box .upper_icon {position:absolute; left:0px; top:0px; z-index:1}
.item_box .upper_icon img {width:auto; float:left; margin-right:1px; margin-bottom:1px}

.item_box .soon {position:absolute; left:0; top:50%; z-index:1; overflow:hidden; text-align:center; width:100%; margin-top:-20px; padding:5px; box-sizing:border-box; }
.item_box .soon .inner {background:transparent url('../images/new2017/color_90.png') left top repeat; border-radius:100px; padding:0 25px; height:40px; line-height:40px; color:#fff; font-weight:600; font-size:15px; }


.item_box .soldout {position:absolute; left:0; top:0; background:transparent url('../images/new2017/black_30.png') left top repeat; width:100%; height:100%; z-index:20; margin:0 auto; text-align:center;}
.item_box .soldout .inner {background:transparent url('../images/new2017/black_90.png') left top repeat; border-radius:100px; padding:0 25px; height:40px; line-height:40px; color:#fff; font-weight:500; font-size:15px; font-family:"OpenSans"; margin-top:127px}


/* 링크형 */
.item_box .icon_link {position:absolute; left:0; top:50%; background:transparent url('../images/new2017/list_link.png') center top no-repeat; width:100%; height:82px; margin-top:-38px; display:none}

.item_box .info { border:1px solid #ddd; box-sizing:border-box; border-top:0; height:144px; position:relative; padding-top:17px; }

.item_box .info .item_name {color:#333; font-size:17px; letter-spacing:-0.5px; font-weight:600; padding:0 20px 0 14px}
.item_box .info .item_name {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.item_box .info .sub_name {color:#999; letter-spacing:-0.5px; margin-top:5px; font-size:13px; margin-top:5px; padding:0 20px 0 14px; height:16px;}
.item_box .info .sub_name {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.item_box .info .sub_txt {color:#999; letter-spacing:-0.5px; margin-top:4px; font-size:12px; padding:0 20px 0 14px; height:51px; line-height:17px; word-wrap:break-word; word-break:keep-all;}
.item_box .info .sub_txt {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box;}

.item_box .price {padding:0 15px 0 14px; overflow:hidden; position:absolute; left:0; bottom:43px; width:100%; box-sizing:border-box;}
.item_box .price .won {float:left; margin-top:5px;  margin-left:1px; }
.item_box .price .won .sign {float:left;  font-size:15px; color:#5c5c5c; font-weight:400; margin-top:3px; }
.item_box .price .won strong {float:left; font-family:"OpenSans"; font-size:17px; color:#5c5c5c; letter-spacing:-0.5px; font-weight:500;}
.item_box .price .dollar {float:right; margin-top:1px}
.item_box .price .before {float:left; margin-top:5px; margin-top:4px\0; position:relative; padding:0 3px 0 2px; }
.item_box .price .before:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#999; }
.item_box .price .before .sign {float:left; color:#999; font-size:17px; margin-top:0px; font-family:"OpenSans"}
.item_box .price .before strong {float:left; font-family:"OpenSans"; color:#999; font-size:17px; letter-spacing:-0.5px; }
.item_box .price .after {float:left; margin-left:6px}
.item_box .price .after .sign {float:left;  color:#ff0b0b; font-size:23px; font-weight:400; font-family:"OpenSans"}
.item_box .price .after strong {float:left; font-family:"OpenSans"; color:#ff0b0b; font-size:23px; font-weight:600;}
.item_box .price .day {color:#333; font-size:15px; letter-spacing:-0.5px; float:left; line-height:32px; margin:2px 0px 0 3px; margin-top:1px\0}

.item_box .info_bottom {background:#fafafa; overflow:hidden; height:32px; position:relative; position:absolute; left:0; bottom:0; width:100%;}
.item_box .info_bottom .view {float:left; line-height:33px; line-height:32px\0; color:#aaa; padding-left:15px; /* font-family:"OpenSans"; */}
.item_box .info_bottom .click {float:left; line-height:33px; line-height:32px\0; color:#aaa; padding-left:15px; /* font-family:"OpenSans"; */}
.item_box .info_bottom .wish {position:absolute; right:6px;; top:0; z-index:21; padding:8px 10px; }
.item_box .info_bottom .wish .icon {background:transparent url('../images/new2017/list_wish.png') left top no-repeat; width:18px; height:16px;}
.item_box .info_bottom .wish.hit .icon {background-position:right top;}
.item_box .info_bottom .people {float:right; padding:0 50px 0 22px; background:transparent url('../images/new2017/ic_people.png') left center no-repeat; line-height:32px; color:#888; letter-spacing:-1px;}

/* 쿠폰형 */
.item_box .coupon_box {padding:2px 0 2px 42px; background:transparent url('../images/new2017/list_down.png') 1px 2px no-repeat; margin:12px 25px 0 15px}
.item_box .coupon_box .time {color:#999; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; line-height:15px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all;}
.item_box .coupon_box .location {color:#999; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; line-height:15px; letter-spacing:-0.5px; margin-top:1px; word-wrap:break-word; word-break:keep-all;}

.item_box:hover .upper_link {border:1px solid #0ca2ff; box-sizing:border-box;}
.item_box:hover .info {border-color:transparent;}
.item_box:hover .info .item_name {color:#0ca2ff; text-decoration:underline;}
.item_box:hover .icon_link {display:block}

/* 상품없을때 */
.cm_no_conts {text-align:center; overflow:hidden; margin:40px 0 40px 0; }
.cm_no_conts .gtxt {background:transparent url('../images/new2017/none.png') center top no-repeat;  color:#aaa !important; letter-spacing:-0.5px; padding-top:80px; font-size:14px; line-height:25px;}
.cm_no_conts .no_icon {background:transparent url('../images/new2017/none.png') center bottom no-repeat;}


/* ◆ 메인 고객센터 */
.main_cs {margin-top:70px; border-top:1px solid #dddddd; padding-top:60px}
.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 #eee; }

.main_cs .title_box { overflow:hidden; margin-bottom:19px; }
.main_cs .title_box .tit {font-size:19px; color:#333; font-weight:600; float:left; letter-spacing:-0.5px;}
.main_cs .title_box .btn_more {float:left;  padding:5px 8px; margin-top:-5px}
.main_cs .title_box .btn_more .shape {background:transparent url('../images/new2017/cs_more.png') left center no-repeat; width:21px; height:21px;}
.main_cs .title_box .btn_more:hover .shape {background-position:right center;}

.main_cs .btn_box { position:absolute; left:0; bottom:0; box-sizing:border-box; border:1px solid #ccc;}
.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:43px; line-height:44px; line-height:43px\0; position:relative; border-left:0;}

.main_cs .btn_box .txt {font-size:13px; letter-spacing:-0.5px; color:#333; font-weight:600; padding-left:23px; background:transparent url('../images/new2017/cs_contact.png') left 14px no-repeat;}
.main_cs .btn_box .order .txt {color:#0ba2ff; background:transparent url('/upfiles/playimg/cs_order.png') left 14px no-repeat;}
.main_cs .btn_box li:first-child {border-right:1px solid #ddd;}
.main_cs .btn_box li:hover .btn {background:#f5f5f5;}

.main_cs .event_box {padding:0 40px; box-sizing:border-box; width:390px;}
.main_cs .event_box .notice_list li {padding-left:77px; padding-right:0}
.main_cs .event_box .event {position:absolute; left:1px; top:5px; color:#999; letter-spacing:-0.5px; font-weight:600; padding-right:10px}
.main_cs .event_box .event:before {content:""; position:absolute; right:0; top:2px; width:1px; height:11px; background:#ddd;}
.main_cs .event_box .if_event .event {color:#ff4800;}

.main_cs .notice_box {padding-left: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:20px; overflow:hidden;}
.main_cs .notice_list ul {margin:-5px 0}
.main_cs .notice_list li {padding:5px 0 6px; position:relative; padding-left:1px; 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 .date {color:#999; position:absolute; top:5px; right:0px; 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:0px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; position:relative; padding-right:5px; line-height:14px;}
.main_cs .notice_list .new {width:12px; height:12px; float:right; display:inline-block; margin-top:1px;  margin-top:2px\0}
.main_cs .notice_list .new img {width:100%; height:100%;}
.main_cs .notice_list li:hover .txt {text-decoration:underline !important;}

.main_cs .notice_list.if_event li {padding-right:80px}
.main_cs .post_none {margin-top:40px; text-align:center; padding-top:45px; background:transparent url('../images/new2017/main_post_none.png') center top no-repeat; color:#aaa; letter-spacing:-0.5px;}

.main_cs .cs_box {padding:0 40px 60px 0px; width:329px; width:330px\0;}
.main_cs .cs_box .btn_box {bottom:1px;  margin-right:39px}
.main_cs .cs_info {padding-left:66px; background:transparent url('../images/new2017/main_cs_tel.png') 8px 10px no-repeat; min-height:50px}
.main_cs .cs_info .tel {color:#0ba2ff; font-weight:500; font-size:29px; font-family:"OpenSans";}
.main_cs .cs_time { color:#888;  line-height:18px; font-weight:600; margin-top:2px}




/* ◆◆◆메인SNS배너 */
.main_sns {margin-top:30px; }
.main_sns .title {color:#333; letter-spacing:-0.5px; font-size:19px; font-weight:600; padding-top:30px; border-top:1px solid #eee;}
.main_sns .sns_list {margin-top:13px; overflow:hidden;}
.main_sns .sns_list ul {margin-left:-2px;}
.main_sns .sns_list li {list-style:none; float:left; }
.main_sns .sns_box {margin-left:2px; position:relative;}
.main_sns .sns_box .banner {overflow:hidden; width:261px; height:170px; background:#ddd;}
.main_sns .sns_box .banner img {float:left; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; width:100%; height:100%;}
.main_sns .txt_box {position:absolute; left:0; top:0; width:100%; text-align:center;}
.main_sns .txt_box .icon {margin-top:47px}
.main_sns .txt_box .tt {font-size:15px; color:#fff; font-weight:600; font-family:"OpenSans"; margin-top:2px}

.main_sns .sns_box:hover .banner img {transform: scale(1.1);}






/* ◆◆◆메인CS배너 */
.main_csbn {padding-top:16px; border-top:1px solid #eee; margin-top:53px; text-align:center;}
.main_csbn .layout_fix {width:1064px;}
.main_csbn .banner {overflow:hidden;}
.main_csbn .banner li {width:25%; list-style:none; float:left; margin-top:14px}
.main_csbn .banner .bn_box {margin:0 7px}
.main_csbn .banner .bn_box img {width:100%; height:90px;}


.main_csbn .rolling_icon { margin-top:25px; position:relative; display:inline-block; }
.main_csbn .rolling_icon .lineup {margin-top:11px}
.main_csbn .rolling_icon .icon {width:10px; height:10px; float:left; margin:0 5px; background:transparent url('/upfiles/playimg/focus_rolling.gif') left top no-repeat;}
.main_csbn .rolling_icon .active {background-position:right top !important;}
.main_csbn .rolling_icon .icon:hover {background-position:right bottom;}

.main_csbn .rolling_icon .prevnext {position:absolute; top:0; z-index:10;}
.main_csbn .rolling_icon .prevnext.prev {left:-37px;}
.main_csbn .rolling_icon .prevnext.next {right:-37px}
.main_csbn .rolling_icon .prevnext a {display:block; padding:10px; float:left;}
.main_csbn .rolling_icon .prevnext .icon {width:7px; height:12px; }
.main_csbn .rolling_icon .prevnext.prev .icon {background:transparent url('../images/new2017/focus_arrow.gif') left top no-repeat;}
.main_csbn .rolling_icon .prevnext.next .icon {background:transparent url('../images/new2017/focus_arrow.gif') right top no-repeat;}
.main_csbn .rolling_icon .prevnext a:hover .icon {background-position:left bottom;}
.main_csbn .rolling_icon .prevnext.next a:hover .icon {background-position:right bottom;}





/* ◆◆◆메인풀배너 */
.main_full {margin-top:43px; position:relative;}
.main_full .banner {height:200px; background-position:center top; position:relative;}
.main_full .banner .img {width:1050px; height:200px; background-position:center top; position:absolute; left:50%; top:0; margin-left:-525px}

.main_full .prevnext {position:absolute; top:98px; z-index:10;}
.main_full .prevnext.prev {left:50%; margin-left:-535px}
.main_full .prevnext.next {right:50%; margin-right:-535px}
.main_full .prevnext a {display:block; padding:10px}
.main_full .prevnext .icon {width:14px; height:24px; }
.main_full .prevnext.prev .icon {background:transparent url('../images/new2017/bottom_bn_arrow.png') left top no-repeat;}
.main_full .prevnext.next .icon {background:transparent url('../images/new2017/bottom_bn_arrow.png') right top no-repeat;}
.main_full .prevnext a:hover .icon {background-position:left bottom;}
.main_full .prevnext.next a:hover .icon {background-position:right bottom;}





/* ◆◆◆푸터 */
.footer {border-top:1px solid #ddd;}
.footer .bottom {border-bottom:1px solid #ddd; height:65px;}
.footer .bottom_menu { float:left;}
.footer .bottom_menu ul {margin-left:-14px}
.footer .bottom_menu li {list-style:none; float:left; margin-left:1px; position:relative; padding:10px 0}
.footer .bottom_menu .btn {color:#888; letter-spacing:-0.5px; padding:15px 14px;}
.footer .bottom_menu li+ li:before {content:""; position:absolute; left:-1px; top:50%; width:1px; height:11px; background:#ddd; margin-top:-5px}
.footer .bottom_menu .btn:hover {text-decoration:underline;}

.footer .right_box {float:right;}
.footer .sns {float:left;}
.footer .sns li {list-style:none; float:left; margin-left:1px; position:relative; padding:7px 0 8px; padding:8px 0\0;}
.footer .sns .btn {padding:16px 12px 14px; padding:15px 12px\0;}
.footer .sns li+ li:before {content:""; position:absolute; left:-1px; top:50%; width:1px; height:25px; background:#ddd; margin-top:-12px}

.footer .family_box {float:right; margin-left:12px; width:140px; height:35px; border:1px solid #ddd; box-sizing:border-box; position:relative; margin-top:15px}
.footer .family_box .btn {padding:0 25px 0 10px; line-height:33px; display:block; color:#666; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; cursor:pointer}
.footer .family_box .btn:before {content:""; position:absolute; right:10px; top:0; width:7px; height:100%; background:transparent url('../images/new2017/bottom_site_ar.gif') left center no-repeat;}
.footer .family_box .open_box {position:absolute; left:-1px; top:33px; border:1px solid #888; width:140px; box-sizing:border-box; display:none; z-index:1; border-top:1px solid #ddd;}
.footer .family_box .open_box:before {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:1px; background:#888;}
.footer .family_box .open_box ul {background:#fff; padding:15px 0px}
.footer .family_box .open_box li {list-style:none;}
.footer .family_box .open_box .site {display:block; padding:5px 10px 5px 30px; color:#888; position:relative; word-wrap:break-word; word-break:keep-all;}
.footer .family_box .flag {border:1px solid #ddd; position:absolute; left:10px; top:6px;}
.footer .family_box .flag img {width:13px; height:10px;}

.footer .family_box:hover {border:1px solid #888;}
.footer .family_box:hover .open_box {display:block}
.footer .family_box .site:hover {text-decoration:underline}

.footer .footer_box {background:#fafafa; position:relative; padding:42px 0 45px; }
.footer .footer_box .layout_fix {overflow:hidden; }
.footer .footer_box:before {content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd;}

.footer .company {float:left; width:50%;}
.footer .company .info {padding-right:45px}
.footer .company .logo {padding-top:3px}
.footer .company .info_box {overflow:hidden; margin-top:13px}
.footer .company .info_box li {list-style:none; float:left; width:50%;}
.footer .company .txt_box {overflow:hidden; padding:2px 0 3px}
.footer .company .txt_box .txt {float:left; letter-spacing:-0.5px; line-height:16px; margin-right:15px; word-wrap:break-word; word-break:keep-all;}
.footer .company .txt_box .btn {text-decoration:underline; letter-spacing:0px; color:#666;}
.footer .company .warranty {overflow:hidden; margin-top:26px; margin-left:4px}
.footer .company .warranty li {float:left; list-style:none;}
.footer .company .warranty li+ li {margin-left:30px}
.footer .company .warranty img {width:68px; height:68px;}

.footer .quick_nav {float:left; width:50%; box-sizing:border-box; padding-left:50px;}
.footer .quick_nav .ul {}
.footer .quick_nav .li {list-style:none; float:left;}
.footer .quick_nav .li:first-child {width:159px !important; box-sizing:border-box; margin-right:15px}
.footer .quick_nav .menu_box {width:150px; padding:0 10px; box-sizing:border-box;}
.footer .quick_nav .tit {color:#555; font-size:18px; letter-spacing:-0.5px; font-weight:600; font-family:"OpenSans"; padding-top:3px}
.footer .quick_nav .menu { margin-top:11px}
.footer .quick_nav .menu li {list-style:none;}
.footer .quick_nav .menu .btn {display:block; color:#888; letter-spacing:-0.5px; padding:5px 0 6px; word-wrap:break-word; word-break:keep-all;}
.footer .quick_nav .menu .btn:hover {text-decoration:underline;}

.footer .qrcode_box {width:140px; float:right !important;}
.footer .qr_box {text-align:center;}
.footer .qr_box .title {height:42px; line-height:42px; background:#fff; color:#333; font-size:13px; letter-spacing:-1px; font-weight:600;}
.footer .qr_box .qr_img {background:#eee; padding:21px 0 20px; text-align:center;}
.footer .qr_box .qrcode {border:1px solid #ddd; padding:5px; display:inline-block; background:#fff; border-radius:3px;}
.footer .qr_box .qrcode img {width:58px; height:58px;}
.footer .qr_box .txt {background:#fff; color:#b8b8b8; letter-spacing:-0.5px; padding:14px 10px; line-height:16px;}


.footer .copy {background:#fafafa; border-top:1px solid #ddd; padding:25px 0 40px; text-align:center; font-family:"OpenSans"; color:#999;}

/* 서브푸터 */
.footer.if_sub {margin-top:80px}