/*********** ●●●서브메인 *************/

/* ◆◆◆서브로케이션 */
.sub_location {text-align:left; position:relative; }
.sub_location li {list-style:none;}
.sub_location .layout_fix {border-bottom:1px solid #eee; height:40px;}
.sub_location .ctg_box {position:absolute; left:1px; top:0; text-align:left; z-index:10;}
.sub_location .ctg_box ul {float:right; margin-right:-10px}
.sub_location .ctg_box li { float:left; position:relative; overflow:hidden; height:40px;}
.sub_location .ctg_box .btn {color:#999; letter-spacing:-0.5px; position:relative; height:39px; line-height:40px; padding:0 9px; }
.sub_location .ctg_box .home {color:#999; letter-spacing:-0.5px; float:left; padding-left:16px; background:transparent url('../images/new2017/location_home.gif') left center no-repeat;}
.sub_location .ctg_box .btn:hover {text-decoration:underline;}
.sub_location .ctg_box .btn:hover .txt {text-decoration:underline;}
.sub_location .ctg_box .btn:hover .home {text-decoration:underline;}
.sub_location .ctg_box li+ li {background:transparent url('../images/new2017/lacation_arrow.gif') left 17px no-repeat; padding-left:3px}

.sub_location .open_ctg {background:#fff; border:1px solid #ccc; z-index:100; box-sizing:border-box; text-align:left; border-top:0; visibility:hidden; padding-top:1px; margin-left:-6px; display:none}
.sub_location .ctg {white-space:nowrap; display:block; height:26px; line-height:26px; color:#666; letter-spacing:-0.5px; padding:0 15px 0 14px; background:#fff; }
.sub_location .ctg+ .ctg {border-top:1px solid #ddd;}

.sub_location .have_ctg {}
.sub_location .have_ctg .open_ctg {display:block}
.sub_location .have_ctg .btn { margin-left:0; box-sizing:border-box; line-height:40px; text-decoration:none !important; display:block; }
.sub_location .have_ctg .txt {padding-right:13px; color:#666; position:relative;}
.sub_location .have_ctg .txt:before {content:""; background:transparent url('../images/new2017/location_more.gif') center top no-repeat; width:12px; height:4px; position:absolute; right:-2px; top:50%; margin-top:-1px}

.sub_location .ctg:hover { background:#fafafa; /* color:#000; */}
.sub_location .have_ctg:hover {overflow:visible; height:auto;}
.sub_location .have_ctg:hover .open_ctg {visibility:visible}
.sub_location .have_ctg .btn:hover .txt {text-decoration:none !important;}


/* 이전페이지버튼 */
.sub_location .btn_more {float:right; margin-top:7px}
.sub_location .btn_more .btn {height:26px; line-height:24px; border:1px solid #ddd; border-radius:100px; padding:0 13px 0 9px; box-sizing:border-box;}
.sub_location .btn_more .txt {padding-left:8px; background:transparent url('../images/new2017/sub_prev.gif') left 9px no-repeat; color:#888; letter-spacing:-1px;}




/* ◆◆◆서브비주얼 */
.sub_visual {margin-bottom:20px}
.sub_visual .rolling_box {}
.sub_visual .banner {position:relative;}
.sub_visual .banner img {width:100%; height:370px; float:left;}

.sub_visual .prevnext {position:absolute; top:50%; z-index:3; margin-top:-23px}
.sub_visual .prevnext.prev {left:8px;}
.sub_visual .prevnext.next {right:8px}
.sub_visual .prevnext a {display:block; padding:10px}
.sub_visual .prevnext .icon {width:16px; height:26px; background:transparent url('../images/new2017/sub_visual_ar.png') left top no-repeat;}
.sub_visual .prevnext.next .icon {background-position:right top;}
.sub_visual .prevnext a:hover .icon {background-position:left bottom;}
.sub_visual .prevnext.next a:hover .icon {background-position:right bottom;}

.sub_visual .rolling_icon {position:absolute; left:0; bottom:20px; width:100%; text-align:center;}
.sub_visual .rolling_icon .lineup {display:inline-block; position:relative; background:transparent url('../images/new2017/black_30.png') left top repeat; padding:10px 45px; border-radius:300px; overflow:hidden;}
.sub_visual .rolling_icon .icon {width:10px; height:10px; float:left; margin:0 5px; background:transparent url('../images/new2017/sub_visual_nate.png') left top no-repeat;}
.sub_visual .rolling_icon .active {background-position:right top !important;}
/* .sub_visual .rolling_icon .icon:hover {background-position:left bottom;} */

.sub_visual .rolling_icon .prevnext {position:absolute; top:50%; z-index:10; margin-top:-16px}
.sub_visual .rolling_icon .prevnext.prev {left:9px;}
.sub_visual .rolling_icon .prevnext.next {right:9px}
.sub_visual .rolling_icon .prevnext a {display:block; padding:10px; float:left;}
.sub_visual .rolling_icon .prevnext .icon {width:7px; height:12px; }
.sub_visual .rolling_icon .prevnext.prev .icon {background:transparent url('../images/new2017/aub_vnate_ar.gif') left top no-repeat;}
.sub_visual .rolling_icon .prevnext.next .icon {background:transparent url('../images/new2017/aub_vnate_ar.gif') right top no-repeat;}
.sub_visual .rolling_icon .prevnext a:hover .icon {background-position:left bottom;}
.sub_visual .rolling_icon .prevnext.next a:hover .icon {background-position:right bottom;}






/* ◆◆◆서브2차카테고리 */
.sub_depth2 {overflow:hidden; padding:5px 0 20px; margin-top:20px}
.sub_depth2 .depth_tit {color:#000; font-size:21px; font-weight:600; text-align:center; padding-bottom:14px; letter-spacing:-0.5px;}
.sub_depth2 .depth2_box {background:#f5f5f5}
.sub_depth2 .ctg_box { }
.sub_depth2 .ctg_box+ .ctg_box {margin-top:-1px}
.sub_depth2 .ctg_box ul {display:table; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:1px; background:#d7d7d7; box-sizing:border-box; overflow:hidden;}
.sub_depth2 .ctg_box li {list-style:none; display:table-cell; text-align:center;position:relative; vertical-align:middle; color:#666; box-sizing:border-box; background:#f5f5f5;}
.sub_depth2 .ctg_box .ctg { padding:12px 10px; box-sizing:border-box; display:block; word-wrap:break-word; word-break:keep-all; white-space:normal; color:#666;}


.sub_depth2 .ctg_box li:hover .ctg {text-decoration:underline; color:#333;}
.sub_depth2 .ctg_box .hit {background:#fff;}
.sub_depth2 .ctg_box .hit .ctg {color:#000 ; font-weight:600; text-decoration:none !important}
.sub_depth2 .ctg_box .hit:before {content:""; background:#333; position:absolute; left:0; top:-1px; width:100%; height:2px; z-index:5}
.sub_depth2 .ctg_box .hit:after {content:""; background:#333; position:absolute; left:0; bottom:-1px; width:100%; height:2px; z-index:5}
.sub_depth2 .ctg_box .hit .ctg:before {content:""; background:#333; position:absolute; left:-1px; top:-1px; width:2px; height:100px; z-index:5}
.sub_depth2 .ctg_box .hit .ctg:after {content:""; background:#333; position:absolute; right:-1px; top:-1px; width:2px; height:100px; z-index:5}


/* ◆◆◆서브리스트 */
.sub_list {margin-top:20px}

/* ◆리스트제어 */
.sub_list .sub_ctrl {}
.sub_list .sub_ctrl { border-bottom:1px solid #999; box-sizing:border-box; position:relative; text-align:right;}
.sub_list .sub_ctrl .sub_tit {float:left; margin-top:2px}
.sub_list .sub_ctrl .this {font-size:18px; color:#000; letter-spacing:-0.5px; font-weight:600; float:left; margin:1px 0 0 1px; margin-top:2px\0}
.sub_list .sub_ctrl .total {font-family:"OpenSans"; color:#999; padding-left:16px; margin-left:15px; position:relative; font-size:15px; float:left;}
.sub_list .sub_ctrl .total strong {font-weight:500; color:#0ba2ff; font-size:17px;}
.sub_list .sub_ctrl .total:before {content:""; position:absolute; left:0; top:50%; width:1px; height:13px; background:#ccc; margin-top:-6px; margin-top:-5px\0}
.sub_list .sub_ctrl .sub_tab {display:inline-block}
.sub_list .sub_ctrl ul {display:table; box-sizing:border-box;}
.sub_list .sub_ctrl li {list-style:none; display:table-cell; border:1px solid #ddd; border-bottom:0;}
.sub_list .sub_ctrl .btn {display:block; text-align:center; height:33px; line-height:33px; letter-spacing:-0.5px; color:#666; position:relative; padding:0 15px; min-width:64px; }
.sub_list .sub_ctrl .hit { border-color:#999; }
.sub_list .sub_ctrl .hit .btn {color:#333; background:#fff !important; font-weight:600;}
.sub_list .sub_ctrl .hit .btn:after {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:35px; background:#999;}
.sub_list .sub_ctrl .hit .btn:before {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff; z-index:2}
/* .sub_list .sub_ctrl li:hover .btn { background:#f5f5f5;} */


/* ◆3차카테고리 */
.sub_list .sub_depth3 {overflow:hidden;}
.sub_list .sub_depth3 ul {margin-left:-1px; border-bottom:1px solid #eee; box-sizing:border-box; margin-top:5px; float:left; width:100%;}
.sub_list .sub_depth3 li {list-style:none; float:left; position:relative; margin-left:1px}
.sub_list .sub_depth3 li:before {content:""; position:absolute; left:-1px; top:50%; width:1px; height:11px; background:#ddd; margin-top:-5px}
.sub_list .sub_depth3 .btn {padding:9px 15px; color:#666; letter-spacing:-0.5px;}

.sub_list .sub_depth3 li:hover .btn {color:#333;}

.sub_list .sub_depth3 .hit:after {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#0ba2ff; }
.sub_list .sub_depth3 .hit .btn {color:#666 !important;}

/* 서브리스트 */
.sub_list .item_list {clear:both; padding-top:20px; overflow:hidden; margin-top:0}
.sub_list .item_list .rank {position:absolute; left:0; top:133px; bottom:0; background:#0ba2ff; text-align:center; width:53px; height:53px;}
.sub_list .item_list .rank_top {font-family:"OpenSans"; font-size:15px; font-weight:600; color:#fff; padding-top:8px}
.sub_list .item_list .num {font-family:"OpenSans"; font-size:15px; font-weight:600; color:#fff; line-height:16px;}




/* ◆◆◆상세탑 */
.view_top {overflow:hidden;  margin-top:20px}
.view_top .left_box {width:475px; float:left; padding-right:50px; }
.view_top .right_box {width:525px; float:right;}

.view_top .photo_box {}
.view_top .photo_box .photo_lage {}
.view_top .photo_box .rolling_thumb {overflow:hidden; text-align:center; margin-top:20px; padding-bottom:30px; border-bottom:1px solid #ddd; position:relative;}
.view_top .photo_box .thumb {width:475px; height:485px;}/*height:411px;*/
.view_top .photo_box .thumb img {width:100%; height:100%;}
.view_top .rolling_nate {}
.view_top .rolling_nate ul {display:inline-block;}
.view_top .rolling_nate li {list-style:none; float:left; width:60px; /* height:61px; */ position:relative;}/*height:52px; margin:0 5px; */
.view_top .rolling_nate a {float:left; width:100%;}
.view_top .rolling_nate img {width:100%; float:left;}
.view_top .rolling_nate .inner_bd {position:absolute; top:0; left:0; bottom:0; right:0; background:transparent url('../images/new2017/black_40.png') left top repeat;}

.view_top .rolling_nate li:hover {border-color:#999;}
.view_top .rolling_nate li:hover .inner_bd {background:none;}

.view_top .rolling_nate .active .inner_bd {background:none; border:2px solid #000;}

.view_top .prevnext {position:absolute; top:50%; z-index:10; margin-top:-36px}
.view_top .prevnext.prev {left:22px;}
.view_top .prevnext.next {right:22px}
.view_top .prevnext a {display:block; padding:10px; float:left;}
.view_top .prevnext .icon {width:22px; height:22px; background:transparent url('../images/new2017/view_img_ar.png') left top no-repeat;}
.view_top .prevnext.prev .icon {}
.view_top .prevnext.next .icon {background-position:right top;}
.view_top .prevnext a:hover .icon {background-position:left bottom;}
.view_top .prevnext.next a:hover .icon {background-position:right bottom;}

/* sns공유하기 */
.view_top .view_summery {overflow:hidden; margin-top:15px}
.view_top .sns {float:left;  margin-left:1px}
.view_top .sns ul {display:table; table-layout:fixed;}
.view_top .sns li {list-style:none; display:table-cell; border:1px solid #e3e3e3;}
.view_top .sns .btn {width:33px; height:33px; text-align:center; float:left; position:relative;}
.view_top .sns .btn:before {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:35px;}
.view_top .sns .btn .shape {width:16px; height:31px;}
.view_top .sns .face .btn .shape {background:transparent url('../images/new2017/s_sns_face.png') left center no-repeat;}
.view_top .sns .twitt .btn .shape {background:transparent url('../images/new2017/s_sns_twitt.png') left center no-repeat;}
.view_top .sns .mail .btn .shape {background:transparent url('../images/new2017/s_sns_mail.png') left center no-repeat;}

.view_top .sns .face:hover {background:#004a9a; border-color:#004a9a;}
.view_top .sns .face:hover .btn:before {background:#004a9a;}
.view_top .sns .twitt:hover {background:#43c8f5; border-color:#43c8f5;}
.view_top .sns .twitt:hover .btn:before {background:#43c8f5;}
.view_top .sns .mail:hover {background:#aaa; border-color:#aaa;}
.view_top .sns .mail:hover .btn:before {background:#aaa;}
.view_top .sns .btn:hover .shape {background-position:right center;}

.view_top .view {float:right; color:#999; font-size:13px; margin-top:10px; position:relative; padding-left:30px; }
.view_top .view strong {font-weight:600; color:#000;}
.view_top .view:before {content:""; width:1px; height:11px; background:#ccc; position:absolute; left:15px; top:50%; margin-top:-5px;}
.view_top .salecnt {float:right; color:#999; font-size:13px; margin-top:10px; position:relative;}
.view_top .salecnt strong {font-weight:600; color:#000;}





/* 해시태그 */
.view_top .view_hash {background:#f5f5f5; padding:10px 15px 15px 10px; overflow:hidden; margin-top:15px}
.view_top .view_hash .btn {margin:5px 0 0 5px; background:#fff; border:1px solid #eee; color:#888; padding:0 10px; height:21px; line-height:20px; float:left; letter-spacing:-0.5px;}

/* 상품이름/설명 */
.view_top .view_name {margin-top:6px}
.view_top .view_name .sub_name {color:#999; font-size:15px; letter-spacing:-1px; margin-left:2px}
.view_top .view_name .title {color:#000; font-size:27px; font-weight:600; letter-spacing:-1px; margin-top:11px}

/* 상품가격 / 세분가격 */
.view_top .view_price {margin-top:28px;}
.view_top .view_price .price_box { overflow:hidden; border-bottom:1px solid #d2d2d2; padding:0 0 20px 10px; text-align:center;}
.view_top .price_box ul {display:inline-block; overflow:hidden;}
.view_top .price_box li {list-style:none; float:left;}
.view_top .price_box li * {height:35px; line-height:35px; box-sizing:border-box;}
.view_top .price_box .dollar {text-align:right; margin-right:10px}
.view_top .price_box .before {overflow:hidden; position:relative; display:inline-block; float:left; margin-right:10px; padding:1px 4px;}
.view_top .price_box .before:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#999; margin-top:1px;}
.view_top .price_box .before .sign {float:left; color:#aaa; font-size:19px; font-family:arial; padding-top:1px;}
.view_top .price_box .before strong {float:left; font-family:"OpenSans"; color:#aaa; font-size:24px; letter-spacing:-0.5px; font-weight:400;}

.view_top .price_box .after {padding-right:1px; float:left; }
.view_top .price_box .after .sign {float:left; color:#ff0b0b; font-size:33px; text-align:center; padding-top:2px; font-family:arial; font-weight:600;}
.view_top .price_box .after strong {float:left; font-family:"OpenSans"; color:#ff0b0b; font-size:40px; letter-spacing:-0.5px; font-weight:600; line-height:36px;}

.view_top .price_box .won:before {content:"("; float:left; font-size:19px;}
.view_top .price_box .won:after {content:")"; float:left; font-size:19px;}
.view_top .price_box .won .sign {float:left; color:#333; font-size:19px; text-align:center; font-family:arial; padding-top:2px;}
.view_top .price_box .won strong {float:left; font-family:"OpenSans"; color:#333; font-size:24px; letter-spacing:0px; font-weight:500; }

.view_top .sub_price {box-sizing:border-box; height:54px;}
.view_top .sub_price li {list-style:none; width:50%; float:left; border:1px solid #ddd; border-top:0; box-sizing:border-box; padding:13px 15px 13px 14px; }
.view_top .sub_price li:first-child {border-right:0;}
.view_top .sub_price .tit_box {float:left;}
.view_top .sub_price .tit {float:left; color:#333; font-size:13px; letter-spacing:-1px; font-weight:600; line-height:27px;}
.view_top .sub_price .guide {float:left; position:relative; padding:6px 10px 5px 5px; }
.view_top .sub_price .guide dl {position:absolute; left:-103px; top:30px; width:230px; background:#fff; text-align:center; border:1px solid #999; display:none; z-index:10}
.view_top .sub_price .guide dl:before{content:""; position:absolute; left:0; top:-6px; width:100%; height:6px; background:transparent url('../images/new2017/guide_arrow.gif') center top no-repeat;}
.view_top .sub_price .guide dt {background:#f5f5f5; color:#333; font-weight:600; padding:11px 0}
.view_top .sub_price .guide dd {padding:10px 15px; color:#888; line-height:17px; word-wrap:break-word; word-break:keep-all;}
.view_top .dollar_box {float:right;}
.view_top .dollar_box .sign {float:left; color:#333; font-size:19px; margin:1px 0 0 2px; font-family:"OpenSans"; font-weight:500;}
.view_top .dollar_box strong {float:left; font-family:"OpenSans"; color:#333; font-size:20px; letter-spacing:-0.5px; font-weight:500;}

.view_top .sub_price .guide:hover dl {display:block}

.view_top .sub_price .online {background:#fafafa;}
.view_top .sub_price .online .tit {color:#0ba2ff;}
.view_top .sub_price .online .dollar_box .sign {color:#0ba2ff;}
.view_top .sub_price .online .dollar_box strong {color:#0ba2ff;}

/* 상품기본정보 */
.view_top .view_default {display:table; width:100%; table-layout:fixed; margin-top:10px}
.view_top .view_default dl {display:table-row;}
.view_top .view_default dt {display:table-cell; vertical-align:middle; width:130px; padding:10px 0}
.view_top .view_default dd {display:table-cell; vertical-align:middle; padding:10px 0; color:#333; line-height:18px; word-wrap:break-word; word-break:keep-all;}
.view_top .view_default .tit {font-weight:600; padding:0 15px 0 12px; position:relative; word-wrap:break-word; word-break:keep-all;}
.view_top .view_default .tit:before {content:""; position:absolute; left:4px; top:5px; width:3px; height:3px; background:#333;}
.view_top .view_default dl+ dl {border-top:1px solid #ddd;}

.view_top .select {overflow:hidden; position:relative; background:#fff; width:100%; height:35px; float:left;}
.view_top .select+ .select {margin-top:5px}
.view_top .select select {box-sizing:border-box; border:1px solid #ccc; height:100%; width:100%; letter-spacing:0px; padding:6px 0px 7px 12px; color:#666; position:absolute; left:0; top:0; z-index:2; background-color:transparent;}
.view_top .select select {width:100%; -webkit-appearance: none; appearance: none;  -moz-appearance: none; -webkit-user-select: none;}
.view_top .select select::-ms-expand {display:none;}
.view_top .select .shape {width:30px; height:100%; position:absolute; right:0; top:0; z-index:1; }
.view_top .select .shape:before {content:""; width:10px; height:100%; background:transparent url('../images/new2017/select_arrow.gif') left center no-repeat; position:absolute; left:50%; top:0; margin-left:-6px;}
.view_top .select select:focus+ .shape {background-position:right center;}
.view_top .select select:focus {border:1px solid #0ba2ff; color:#0ba2ff;}

/* 달력 */
.view_top .calendar_box {width:193px; position:relative;}
.view_top .calendar_box .input_box {float:left; width:100%; height:35px; border:1px solid #ccc; position:relative; box-sizing:border-box; background:#fff;}
.view_top .calendar_box .arrow {position:absolute; right:0px; top:0; width:33px; height:100%; background:transparent url('../images/new2017/calendar_ar.gif') center center no-repeat; z-index:2}
.view_top .calendar_box .shape {position:absolute; left:-1px; top:-1px; width:34px; height:100%; background:#f5f5f5 url('../images/new2017/view_calendar.png') center center no-repeat; border:1px solid #ccc; border-right:0;}
.view_top .calendar_box .input_date {padding:9px 10px 9px 45px;  color:#000; height:33px; position:absolute; left:0; top:0; box-sizing:border-box; width:100%;  z-index:1}
.view_top .calendar_box .input_date_num {line-height:33px; position:absolute; left:0; top:0; padding:0 30px 0 45px; width:100%; box-sizing:border-box; letter-spacing:-0.5px; color:#999;}

.view_top .calendar_box.selected .shape {background:#0ba2ff url('../images/new2017/view_calendar_hit.png') center center no-repeat;}
.view_top .calendar_box.selected .input_date {color:#000; font-size:13px; font-weight:600; }

.view_top .view_calendar_box {position:absolute; left:0; top:34px; width:393px; z-index:100; background:#fff; border:1px solid #333; overflow:hidden; display:none;}
.view_top .view_calendar_box .month {position:relative; text-align:center; padding:13px 15px 16px; }
.view_top .view_calendar_box .month_tt {font-size:15px; font-weight:600; color:#000; position:relative; padding:0 36px; letter-spacing:-0.5px;}
.view_top .view_calendar_box .pvnx {position:absolute; top:50%; padding:10px; margin-top:-15px}
.view_top .view_calendar_box .pvnx .icon {width:7px; height:12px; background:transparent url('../images/new2017/month_arrow.gif') left top no-repeat;}
.view_top .view_calendar_box .pvnx:hover .icon {background-position:left bottom}
.view_top .view_calendar_box .prev {left:0}
.view_top .view_calendar_box .next {right:0}
.view_top .view_calendar_box .next .icon {background-position:right top}
.view_top .view_calendar_box .next:hover .icon {background-position:right bottom}

.view_top .view_calendar_box .today_btn {position:absolute; right:16px; top:13px; border:1px solid #ccc; border-radius:30px; color:#888; font-size:11px; height:21px; line-height:19px; box-sizing:border-box; padding:0 7px}

.view_top .view_calendar_box .date {/* padding:10px 20px 0 20px; */ overflow:hidden; margin-left:-1px}
.view_top .view_calendar_box table {width:100%; text-align:center; table-layout:fixed;}
.view_top .view_calendar_box th { color:#999; font-size:11px; font-weight:400; padding:3px 0;}
.view_top .view_calendar_box td { border:1px solid #ddd; border-right:0; background:#fafafa;}
.view_top .view_calendar_box td .link {  padding:8px 0;  display:block; background:#eee;}
.view_top .view_calendar_box td .num {color:#888; /* font-family:"OpenSans"; */ font-size:12px;  /* border-radius:100px;  width:26px; height:26px; line-height:26px;*/ text-align:center; /*  font-weight:500; */ }

.view_top .view_calendar_box .ready .link { color:#fff; background:#ff8800;}
.view_top .view_calendar_box .ready .num {color:#fff;}
.view_top .view_calendar_box .ready:hover .link {background:#ff4e00;}
.view_top .view_calendar_box .none .link {}
.view_top .view_calendar_box .none .num {}
.view_top .view_calendar_box .selected .link {background:#ff3600 !important; position:relative;}
.view_top .view_calendar_box .selected .num {color:#fff !important; /* border-color:#0ba2ff; background:#0ba2ff; */}
.view_top .view_calendar_box .selected .link:before {content:""; position:absolute; right:4px; top:3px; width:8px; height:8px; background:transparent url('../images/new2017/calendar_ready.png') left top no-repeat;}
.view_top .view_calendar_box .today .link {background:#fff !important;}
.view_top .view_calendar_box .today .link .num {color:#000; font-weight:600;}

.view_top .view_calendar_box .guide {padding:15px 20px 11px; overflow:hidden;}
.view_top .view_calendar_box .guide .txt {float:left; font-size:11px; margin-right:17px}
.view_top .view_calendar_box .guide .icon {width:11px; height:11px; float:left; background:#ddd;  margin-right:3px; box-sizing:border-box; margin-top:2px}
.view_top .view_calendar_box .guide .ready .icon {background:#ff8800; /* border-radius:50px; */}
.view_top .view_calendar_box .guide .none .icon {background:#ddd;}
.view_top .view_calendar_box .guide .selected .icon {background:#ff4a0b; }
.view_top .view_calendar_box .guide .today .icon {background:#fff; /* border-radius:50px; */ border:1px solid #ccc;}

/*.view_top .calendar_box:hover .input_box {background:#333; border:1px solid #333;}*/
/*.view_top .calendar_box:hover .input_box:before {background:transparent url('../images/new2017/calendar_ar_hit.gif') left center no-repeat;}*/
/*.view_top .calendar_box:hover .shape {background:#000 url('../images/new2017/view_calendar_hit.png') center center no-repeat;  position:relative;}*/
/*.view_top .calendar_box:hover .shape:before {content:""; position:absolute; left:-1px; top:-1px; bottom:-1px; right:0; border:1px solid #000; z-index:1}*/
/*.view_top .calendar_box:hover .shape:after {content:""; position:absolute; left:-1px; bottom:-1px; right:0; height:1px; background:#000; z-index:101}*/
/*.view_top .calendar_box:hover .input_date {color:#fff;}*/
/*.view_top .calendar_box:hover .input_date::-webkit-input-placeholder{color:#fff !important;}*/
/*.view_top .calendar_box:hover .input_date:-ms-input-placeholder{color:#fff !important;}*/
/*.view_top .calendar_box:hover .input_date_num {color:#fff;}*/
/*.view_top .calendar_box:hover .view_calendar_box {display:block}*/

.view_top .view_default ul {margin-left:-9px}
.view_top .view_default li {list-style:none; width:50%; float:left;}
.view_top .view_default li .select {margin-left:9px; width:193px;}
.view_top .view_default li .calendar_box {margin-left:9px}
.view_top .view_default li .age_box {margin-left:9px; }

.view_top .car_txt {padding-left:43px; color:#ff3300; font-weight:600; line-height:16px; margin-left:9px; background:transparent url('../images/new2017/view_car.png') 8px center no-repeat;}
.view_top .money {color:#000; font-size:15px; font-weight:600;}


/* 아동나이 */
.view_top .age_box {width:193px; position:relative; margin-left:0}
.view_top .age_box .input_box {overflow:hidden; float:left; width:100%;  overflow:hidden; position:relative; box-sizing:border-box; background:#fff;}
.view_top .age_box .age_btn {position:absolute; right:0px; top:0px; width:50px; height:35px; background:#999; color:#fff; z-index:11; text-align:center; font-size:12px; letter-spacing:-0.5px; line-height:35px;}
.view_top .age_box .input_age {padding:9px 70px 9px 45px;  color:#000; height:35px; border:1px solid #ccc; width:100%; box-sizing:border-box; background:transparent url('../images/new2017/view_baby.png') 8px center no-repeat; cursor:pointer; letter-spacing:-0.5px;}
.view_top .age_box .close_btn {position:absolute; right:13px; top:12px; background:transparent url('../images/new2017/baby_close.gif') left top no-repeat; z-index:10; width:11px; height:11px; display:none;}
.view_top .view_default ul+ ul .age_box {margin-top:5px}

/* 나이 자동계산박스 */
.view_top .age_select_box {position:absolute; right:0; top:34px; background:#fff; border:2px solid #333; z-index:100; width:275px; padding:14px 15px 12px; box-sizing:border-box; overflow:hidden; display:none;}
.view_top .view_default li+ li .age_select_box {left:auto; right:0}
.view_top .age_select_box .select {float:left; margin:0 !important}
.view_top .age_select_box .select+ .select {margin-left:5px !important}
.view_top .age_select_box .select select {padding-left:7px}
.view_top .age_select_box .select.year {width:90px;}
.view_top .age_select_box .select.month {width:70px;}
.view_top .age_select_box .select.day {width:70px;}
.view_top .result_num {float:left; padding-left:30px; background:transparent url('../images/new2017/age_result_ar.gif') 5px center no-repeat; margin-top:15px;}
.view_top .result_num .input_design {width:45px; height:35px; background:#f5f5f5; border:1px solid #333; box-sizing:border-box; font-size:12px; color:#000; font-weight:600; text-align:center; padding:9px 5px 10px; float:left;}
.view_top .result_num .result_txt {float:left; line-height:35px; margin-left:5px;}
.view_top .btn_age {background:#0ba2ff; height:35px; line-height:35px; width:120px; text-align:center; margin-top:15px; float:right;}
.view_top .btn_age .txt {color:#fff; padding-left:15px; background:transparent url('../images/new2017/age_btn_icon.png') left center no-repeat; letter-spacing:-0.5px;}
.view_top .btn_age.if_open {background-color:#005bcb;}

.view_top .age_box.if_open .input_age  {background:#333 url('../images/new2017/view_baby_hit.png') 8px center no-repeat; border:1px solid #333; padding-right:30px}
.view_top .age_box.if_open .input_age::-webkit-input-placeholder{color:#fff !important;}
.view_top .age_box.if_open .input_age:-ms-input-placeholder{color:#fff !important;}
.view_top .age_box.if_open .age_btn {display:none;}

.view_top .age_box.if_open .close_btn {display:block}
.view_top .age_box.if_open .age_select_box {display:block}

.view_top .age_box.selected .input_age {color:#000; font-weight:600; letter-spacing:0px;}
.view_top .age_box.selected.if_open .input_age {color:#fff;}

.view_top .opt_none {display:table; width:100%; table-layout:fixed}
.view_top .opt_none div {display:table-cell; vertical-align:middle;}
.view_top .counter { text-align:right}
.view_top .counter .counter_box {width:70px; overflow:hidden; display:inline-block;}
.view_top .counter .counter_box .updown_input {float:left; border:1px solid #ccc; background:#fff; width:15px; height:29px; padding:3px 0 6px; text-align:center; width:42px; box-sizing:border-box; border-right:0;}
.view_top .counter .counter_box .updown_input {font-size:13px; color:#000;}
.view_top .counter .counter_box .updown {display:inline-block; width:28px; overflow:hidden; float:right;}
.view_top .counter .counter_box .updown a {display:inline-block; width:26px; height:15px; float:left; border:1px solid #ccc; box-sizing:border-box;}
.view_top .counter .counter_box .updown .btn_up {background:#fafafa url('../images/new2017/count_up.gif') center 4px no-repeat;}
.view_top .counter .counter_box .updown .btn_down {background:#fafafa url('../images/new2017/count_down.gif') center 5px no-repeat; margin-top:-1px}
.view_top .counter .counter_box .updown a:hover {background-color:#f5f5f5;}

.view_top .opt_none .price_box {text-align:right; width:75px;  box-sizing:border-box; padding-right:10px}
.view_top .opt_none .price {display:inline-block}
.view_top .opt_none .price .sign {float:left; color:#000; font-size:16px; margin-top:0px; font-family:"OpenSans"; font-weight:500;}
.view_top .opt_none .price strong {float:left; font-family:"OpenSans"; color:#000; font-size:16px; font-weight:500;}
















/* 선택한 옵션 */
.view_top .view_option.result {padding:0px 20px; border:1px solid #ccc; border-bottom:0; background:#f5f5f5;}
.view_top .view_option.result li {list-style:none; /* padding:10px 0; */  display:table; width:100%; box-sizing:border-box;}
.view_top .view_option.result li+ li {border-top:1px solid #ddd;}
.view_top .view_option.result .opt_box {display:table; width:100%; table-layout:fixed;}
.view_top .view_option.result .opt_box > div {display:table-cell; vertical-align:middle; padding:10px 0;}
.view_top .view_option.result .opt_txt {float:left; color:#666; font-weight:600; padding:1px 10px 0; position:relative;  line-height:18px; word-wrap:break-word; word-break:keep-all;}
.view_top .view_option.result .opt_txt:first-child {padding-left:0}
.view_top .view_option.result .opt_txt+ .opt_txt {margin-left:1px;}
.view_top .view_option.result .opt_txt+ .opt_txt:before {content:""; position:absolute; left:0; top:50%; width:1px; height:9px; background:#ccc; margin-top:-4px}

.view_top .view_option.result .if_in_result {position:relative; padding:10px 0; border-top:1px solid #ddd;}
.view_top .view_option.result .if_in_result:after {content:""; clear:both; width:100%; display:block;}
.view_top .view_option.result .age_box {width:50%; margin-bottom:10px; box-sizing:border-box; padding:0 5px;}
.view_top .view_option.result .age_select_box {left:auto; right:5px}


.view_top .view_option.result .delete {width:21px;}
.view_top .view_option.result .btn_delete {padding:6px 0 6px 6px}
.view_top .view_option.result .btn_delete .shape {width:15px; height:15px; border:1px solid #ddd; box-sizing:border-box; background:#fff url('../images/new2017/result_del.gif') center center no-repeat;}
/* .view_top .view_option.result .btn_delete:hover .shape {background-color:#f5f5f5;} */

.view_top .view_option.result .counter {width:70px;}
.view_top .view_option.result .counter_box {width:70px; overflow:hidden; display:inline-block;}
.view_top .view_option.result .counter_box .updown_input {float:left; border:1px solid #ccc; background:#fff; width:15px; height:29px; padding:3px 0 6px; text-align:center; width:42px; box-sizing:border-box; border-right:0;}
.view_top .view_option.result .counter_box .updown_input {font-size:13px; color:#000;}
.view_top .view_option.result .counter_box .updown {display:inline-block; width:28px; overflow:hidden; float:right;}
.view_top .view_option.result .counter_box .updown a {display:inline-block; width:26px; height:15px; float:left; border:1px solid #ccc; box-sizing:border-box;}
.view_top .view_option.result .counter_box .updown .btn_up {background:#fafafa url('../images/new2017/count_up.gif') center 4px no-repeat;}
.view_top .view_option.result .counter_box .updown .btn_down {background:#fafafa url('../images/new2017/count_down.gif') center 5px no-repeat; margin-top:-1px}
.view_top .view_option.result .counter_box .updown a:hover {background-color:#f5f5f5;}
.view_top .view_option.result .price_box {text-align:right; width:72px;}
.view_top .view_option.result .price {display:inline-block}
.view_top .view_option.result .price .sign {float:left; color:#000; font-size:16px; margin-top:0px; font-family:"OpenSans"; font-weight:500;}
.view_top .view_option.result .price strong {float:left; font-family:"OpenSans"; color:#000; font-size:16px; font-weight:500;}


/* 결제금액계산 */
.view_top .view_total {text-align:right; border-top:2px solid #000; padding:11px 1px 0 0 ; margin-bottom:15px}
.view_top .view_total ul {display:inline-block}
.view_top .view_total li {list-style:none; float:left; padding-right:12px; height:36px; padding-top:5px; box-sizing:border-box;}
.view_top .view_total .tt {float:left; font-size:13px; font-weight:600; letter-spacing:-1px; line-height:18px; margin-top:6px}
.view_top .view_total .price {float:left; margin-left:10px; margin-top:1px}
.view_top .view_total .price .sign {float:left; color:#666; font-size:21px; margin-top:0px; font-family:"OpenSans"; font-weight:500;}
.view_top .view_total .price strong {float:left; font-family:"OpenSans"; color:#666; font-size:21px; font-weight:600;}

.view_top .view_total .color .tt {color:#0ba2ff;}
.view_top .view_total .color .sign {color:#0ba2ff;}
.view_top .view_total .color strong {color:#0ba2ff;}

.view_top .ic_price {width:35px; height:23px;}
.view_top .ic_price.plus {background:transparent url('../images/new2017/total_plus.png') left 10px no-repeat;}
.view_top .ic_price.result {background:transparent url('../images/new2017/total_price.png') left 10px no-repeat;}


.view_top .view_total .total { padding-right:0; padding-top:0}
.view_top .view_total .total .tt {color:#333; font-size:15px; margin-top:11px}
.view_top .view_total .total .price {margin-left:13px; margin-top:0}
.view_top .view_total .total .price .sign {font-size:26px; color:#ff0b0b;}
.view_top .view_total .total .price strong {font-size:26px; color:#ff0b0b;}

/* 결제금액계산 */
.view_top .view_btn {overflow:hidden; padding-right:69px; position:relative; text-align:center; margin-top:25px; margin-left:-10px}
.view_top .view_btn ul {display:table; width:100%; table-layout:fixed;}
.view_top .view_btn li {display:table-cell; vertical-align:middle;}
.view_top .view_btn .btn {font-size:21px; line-height:56px; height:62px; display:block; font-weight:600; letter-spacing:-0.5px; box-sizing:border-box; margin-left:10px; }
.view_top .view_btn .txt {position:relative; padding-left:22px}
.view_top .view_btn .shape {position:absolute; left:0; top:0; width:16px; height:100%;}
.view_top .view_btn .btn_cart {background:#fff; border:2px solid #0ba2ff; color:#0ba2ff; }
.view_top .view_btn .btn_cart:hover {background:#005bcb; border-color:#005bcb; color:#fff;}
.view_top .view_btn .btn_cart:hover .shape {background-position:right center;}
.view_top .view_btn .btn_cart .shape {background:transparent url('../images/new2017/ic_cart.png') left center no-repeat;}
.view_top .view_btn .btn_order {background:#0ba2ff; border:2px solid #0ba2ff; color:#fff;}
.view_top .view_btn .btn_order:hover {background:#005bcb; border-color:#005bcb;}
.view_top .view_btn .btn_order .shape {background:transparent url('../images/new2017/ic_buy.png') 2px center no-repeat;}
.view_top .view_btn .btn_wish {border:1px solid #ccc; position:absolute; right:0; top:0; width:59px; background:#fff url('../images/new2017/view_wish.png') center center no-repeat; background-size:28px;}
.view_top .view_btn .btn_wish:hover { background-color:#fafafa;}
.view_top .view_btn .btn_wish.hit {background:#fff url('../images/new2017/view_wish_hit.png') center center no-repeat;}

.view_top .view_btn .btn_coupon {background:#0ba2ff; border:2px solid #0ba2ff; color:#fff;}
.view_top .view_btn .btn_coupon:hover {background:#005bcb; border-color:#005bcb;}
.view_top .view_btn .btn_coupon .shape {background:transparent url('../images/new2017/ic_coupon.png') left center no-repeat;}

/* ◆◆◆콤보상품검색 */
.combo_wrap {padding-top:30px}
.combo_wrap .new_combo_box {padding:25px; background:#eee;}



/* ◆◆◆상세탭메뉴 */
.view_tab {}
.view_tab .tab_box {margin-top:50px; height:53px; border-bottom:1px solid #37393c;}
.view_tab .tab_box ul { display:table; }
.view_tab .tab_box li { display:table-cell; text-align:center; min-width:110px; position:relative; vertical-align:bottom; padding-bottom:1px;}
.view_tab .tab_icon { position:absolute; left:0; top:-10px; width:100%; text-align:center;}
.view_tab .tab {background:#fff; display:block; height:47px; line-height:47px; font-size:15px; color:#666; padding:0 10px; min-width:148px}
.view_tab .tab {border-right:1px solid #ccc; border-top:1px solid #ccc; letter-spacing:-0.5px;}
.view_tab .tab strong {color:#000; font-weight:600;}
.view_tab li:first-child .tab {border-left:1px solid #ccc; margin:0 !important;}
.view_tab .tab:hover {background:#fff; color:#000;}

.view_tab .hit {vertical-align:top; padding-bottom:0px !important;}
.view_tab .hit .tab {background:#fff; border:1px solid #444; border-bottom:0; margin-left:-1px; height:53px; line-height:53px; font-size:17px; font-weight:600; padding:0 11px 0 10px}
.view_tab li:first-child.hit .tab {border-left:1px solid #444 !important}
.view_tab .hit .tab_icon {display:none;}

.view_tab .tab_sns {position:absolute; right:0; top:4px;}
.view_tab .tab_sns ul {display:inline-block}
.view_tab .tab_sns li {float:left; position:relative; list-style:none;}
.view_tab .tab_sns li+ li {margin-left:1px}
.view_tab .tab_sns li+ li:before {content:""; position:absolute; left:-1px; top:50%; width:1px; height:15px; background:#ddd; margin-top:-7px}
.view_tab .tab_sns .btn {padding:10px}
.view_tab .tab_sns .shape {width:16px; height:16px;}
.view_tab .tab_sns .face .shape {background:transparent url('../images/new2017/v_sns_face.png') left top no-repeat;}
.view_tab .tab_sns .twitt .shape {background:transparent url('../images/new2017/v_sns_twitt.png') left top no-repeat;}
.view_tab .tab_sns .mail .shape {background:transparent url('../images/new2017/v_sns_mail.png') left top no-repeat;}
.view_tab .tab_sns .blog .shape {background:transparent url('../images/new2017/v_sns_blog.png') left top no-repeat;}
.view_tab .tab_sns .cafe .shape {background:transparent url('../images/new2017/v_sns_cafe.png') left top no-repeat;}
.view_tab .tab_sns .insta .shape {background:transparent url('../images/new2017/v_sns_insta.png') left top no-repeat;}
.view_tab .tab_sns .youtube .shape {background:transparent url('../images/new2017/v_sns_you.png') left top no-repeat;}

.view_tab .tab_sns .btn:hover .shape {background-position:right top;}
.view_conts+ .view_tab .tab_box {margin-top:70px}

/* ◆◆◆상품정보 */
.view_conts {margin-top:30px; }
.view_conts .group_box {}
.view_conts .group_box+ .group_box {margin-top:40px}
.view_conts .group_title {border-bottom:1px solid #ddd; padding-bottom:12px; position:relative;}
.view_conts .group_title .tit {font-size:21px; font-weight:600; letter-spacing:-1.5px; padding-left:8px}
.view_conts .group_title .open_btn {position:absolute; right:0; top:-1px; background:transparent url('../images/new2017/group_tit_arrow.gif') center center no-repeat; padding:10px; width:16px; height:9px;}
.view_conts .conts_box {background:#fff;padding:30px 0px 40px}
.view_conts .conts_box dl {padding:0 35px}
.view_conts .conts_box dl+ dl {position:relative; padding-top:40px; margin-top:40px}
.view_conts .conts_box dl+ dl:before {content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:transparent url('../images/new2017/view_dashed.gif') left top repeat;}
.view_conts .conts_box dt {font-size:17px; color:#000; font-weight:600; letter-spacing:-0.5px; border-bottom:1px solid #ddd; padding-bottom:14px}
.view_conts .conts_box dd {padding:10px 10px 0; font-size:13px; line-height:19px; }
.view_conts .conts_box .editor {margin-top:0}

.view_conts .editor {margin-top:20px}
.view_conts .editor img {max-width:100%}

/* 상품정보제공고시 */
.view_conts .notify {border:1px solid #d2d2d2; border-top:0; overflow:hidden; position:relative;}
.view_conts .notify:before {content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd; z-index:1; margin-left:-1px}
.view_conts .notify table {width:100%; table-layout:fixed; }
.view_conts .notify tr {}
.view_conts .notify th {text-align:left; padding:10px 17px; height:35px; border-top:1px solid #ddd;  background:#f5f5f5; font-weight:400; color:#333; letter-spacing:-0.5px; box-sizing:border-box; font-weight:600; word-wrap:break-word; word-break:keep-all; line-height:18px;}
.view_conts .notify td {padding:10px;  border-top:1px solid #ddd;  color:#666; word-wrap:break-word; word-break:keep-all; line-height:18px;}
.view_conts .notify tr:first-child th {border-top:0;}
.view_conts .notify tr:first-child td {border-top:0;}

.view_conts .group_box.if_close .open_btn {background:transparent url('../images/new2017/group_tit_arrow_close.gif') center center no-repeat;}
.view_conts .group_box.if_close .conts_box {display:none;}
.view_conts .group_box.if_close .editor {display:none;}
.view_conts .group_box.if_close .notify {display:none;}
.view_conts .group_box.if_close .view_map {display:none;}

.view_conts .view_guide {margin-top:0px; padding:30px 30px 30px; /*border:1px solid #ddd;*/text-align:center; position:relative;}
.view_conts .view_guide .img {position:absolute; left:0; top:-35px; width:100%; }
.view_conts .view_guide dl {}
.view_conts .view_guide dt {font-size:23px; font-weight:600; color:#333; letter-spacing:-2px;}
.view_conts .view_guide dt strong {color:#0ba2ff;}
.view_conts .view_guide dd {color:#999; font-size:15px; line-height:22px; letter-spacing:-1px; margin-top:9px}
.view_conts .view_guide ul {display:inline-block; margin-left:-12px; margin-top:31px}
.view_conts .view_guide li {list-style:none; float:left; margin-left:12px}
.view_conts .view_guide .btn {background:#808080; color:#fff; display:block; min-width:200px; height:51px; line-height:51px; padding:0 10px; box-sizing:border-box; font-size:15px; letter-spacing:-1px;}
.view_conts .view_guide .color .btn {background:#0ba2ff; font-weight:600;}



/* 상품상세 내부게시판 : 등록폼 */
.view_conts .view_board {margin-top:40px}
.view_conts .view_board .board_title {overflow:hidden; border-bottom:1px solid #999; padding-bottom:13px}
.view_conts .view_board .guide_tit {float:left; color:#000; font-size:17px; font-weight:600; letter-spacing:-1px; margin-right:13px}
.view_conts .view_board .guide_txt {float:left; color:#999; letter-spacing:-0.5px; padding-top:6px}
.view_conts .view_board .total {float:right; color:#999; margin-top:6px; padding-right:6px}

.view_conts .board_conts {}
.view_conts .board_conts+ .board_conts {margin-top:50px}

.view_conts .view_form {background:#fafafa; padding:15px 195px 25px 35px; border:1px solid #ccc; border-top:0; overflow:hidden; text-align:center; position:relative;}
.view_conts .view_form table {width:100%; border-collapse:separate; border-spacing:0 5px;}
.view_conts .view_form th {text-align:left; vertical-align:middle; }
.view_conts .view_form td {height:35px;}

.view_conts .view_form .opt {color:#666; font-weight:600; letter-spacing:-0.5px; display:block; text-align:left; margin-top:-3px; position:relative; padding-left:12px; font-size:13px;}
.view_conts .view_form .opt:before {content:""; position:absolute; left:3px; top:50%; width:2px; height:2px; background:#666; margin-top:-1px}
.view_conts .view_form .input_design {background:#fff; border:1px solid #ccc; width:100%; height:33px; box-sizing:border-box; padding:5px 10px 8px; letter-spacing:-0.5px;}
.view_conts .view_form .value {}
.view_conts .view_form .value .opt {float:left; margin:0 10px 0 25px; height:33px; line-height:28px;}
.view_conts .view_form .value .input_design {float:left; }
.view_conts .view_form .value label {margin-left:20px; height:33px; line-height:30px; color:#666; letter-spacing:-0.5px; float:left;}
.view_conts .view_form .value input {height:33px;}
.view_conts .view_form .mark_box {overflow:hidden; padding:10px 0}
.view_conts .view_form .mark_box label {position:relative; padding:0 11px 0 12px; float:left; margin-left:1px; overflow:visible;}
.view_conts .view_form .mark_box input {float:left; height:15px; margin-right:10px}
.view_conts .view_form .mark {background:transparent url('../images/new2017/review_star.png') no-repeat; width:77px; height:13px; display: inline-block; float:left; }
.view_conts .view_form .star {background:transparent url('../images/new2017/review_star.png') 0 bottom no-repeat; width:100%; height:100%; float:left;}
.view_conts .view_form .textarea_design {background:#fff; border:1px solid #ddd; width:100%; height:100px; padding:15px 20px; box-sizing:border-box; letter-spacing:-0.5px; color:#666;}
.view_conts .view_form .btn_box {position:absolute; right:35px; bottom:30px;   box-sizing:border-box;}
.view_conts .view_form .ok_btn {width:150px; height:140px; background:#fff; border:1px solid #333; color:#333; font-size:15px; letter-spacing:-0.5px; padding-top:50px}
.view_conts .view_form .btn_box .shape { width:40px; height:40px; background:transparent url('../images/new2017/form_ok.png') left top no-repeat; position:absolute; left:50%; top:37px; margin-left:-20px;}
.view_conts .view_form .btn_box:hover .ok_btn {background:#333; color:#fff;}
.view_conts .view_form .btn_box:hover .shape {background-position:right top;}


/* 사진첨부 */
.view_conts .view_form .form_file {overflow:hidden;}
.view_conts .view_form .form_file .input_file_box {height:35px; border:1px solid #ddd; box-sizing:border-box;}
.view_conts .view_form .input_file_box .buttonImg {letter-spacing:-0.5px; color:#666; width:105px;}

/* 상품후기,문의 리스트 */
.view_conts .view_list {}
.view_conts .view_list table {width:100%; table-layout:fixed;}
.view_conts .view_list tr {border-bottom:1px solid #ddd;}
/* .view_conts .view_list tr:hover {background:#fafafa;} */
.view_conts .view_list td {height:42px;}
.view_conts .view_list .num {text-align:center; color:#999; }
.view_conts .view_list .mark {background:transparent url('../images/new2017/review_star.png') no-repeat; width:77px; height:13px; display: inline-block; float:left; margin:0 10px}
.view_conts .view_list .star {background:transparent url('../images/new2017/review_star.png') 0 bottom no-repeat; width:100%; height:100%; float:left;}
.view_conts .view_list .title {padding:0 10px 0 10px;}
.view_conts .view_list .title .tt {letter-spacing:-0.5px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.view_conts .view_list .name {text-align:right; padding-right:19px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important;}
.view_conts .view_list .date {text-align:right; padding-right:5px; display:block; position:relative; color:#999;}
.view_conts .view_list .date:before {content:""; position:absolute; left:0; top:3px; width:1px; height:9px; background:#ddd;}
.view_conts .view_list .arrow {display:block; padding:10px; background:transparent url('../images/new2017/detail_arrow.gif') center center no-repeat; width:24px; height:7px;}
.view_conts .view_list .tag {text-align:center;}

.view_conts .view_list .posting {float:left; display:inline-block; max-width:100%; overflow:hidden; position:relative; padding:10px 70px 10px 0}
.view_conts .view_list .tit {color:#666; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; position:relative; padding-right:5px; margin-top:2px}
.view_conts .view_list .icon {float:right; display:inline-block; margin-top:3px}
.view_conts .view_list .icon img {float:left;}
.view_conts .view_list .icon img+ img {margin-left:4px}
.view_conts .view_list .posting:hover .tit {text-decoration:underline; color:#000;}

.view_conts .view_list .if_open .arrow {background:transparent url('../images/new2017/detail_arrow_close.gif') center center no-repeat;}
.view_conts .view_list .open_box {background:#f5f5f5; }
.view_conts .view_list .open_box td {height:auto; padding:30px 50px 35px 165px; line-height:18px;}
.view_conts .view_list .open_box .photo {margin-bottom:15px}
.view_conts .view_list .open_box img {max-width:100%;}
.view_conts .view_list .reply {padding:20px 30px 15px 55px; overflow:hidden; text-align:left; border:1px solid #ddd; background:#fff url('../images/new2017/ic_faq_a.gif') 20px 14px no-repeat; margin-top:15px ;}
.view_conts .view_list .reply .admin {display:block; color:#333; margin-bottom:5px; overflow:hidden;}
.view_conts .view_list .reply .admin .name {font-weight:600; color:#333; float:left; height:17px; line-height:17px; padding-right:10px}
.view_conts .view_list .reply .admin .date {color:#999; font-size:12px; letter-spacing:0px; float:left; padding-left:10px; position:relative; height:17px; line-height:17px; margin-left:1px}
.view_conts .view_list .reply .admin .date:before {left:-1px; top:4px}
.view_conts .view_list .reply .btn_delete {background:transparent url('../images/new2017/reply_delete.gif') center center no-repeat; border:1px solid #ddd; width:15px; height:15px; float:left; margin:0 0 0 10px;}
.view_conts .view_list .open_box .c_btn {margin-top:10px}

.view_conts .view_list .del_btn { margin-top:10px}
.view_conts .view_list .del_btn .btn {height:22px; line-height:20px; box-sizing:border-box; color:#999; background:#fff; border:1px solid #ccc; padding:0 10px;}

.view_conts .view_list .c_none .no_icon {background:transparent url('../images/new2017/recent_none.png') center bottom no-repeat; height:60px;}

/* 페이지네이트 : 상품상세 게시판 */
.view_conts .pagi_view {text-align:center; overflow:hidden; position:relative; clear:both; padding-top:20px;}
.view_conts .pagi_view a {float:left;}
.view_conts .pagi_view .nextprev { float:left; overflow:hidden; box-sizing:border-box;}
.view_conts .pagi_view .nextprev .btn {float:left; position:relative; overflow:hidden; height:24px; box-sizing:border-box;}
.view_conts .pagi_view .nextprev .btn .ok {display:none;}
.view_conts .pagi_view .nextprev .click .ok {display:block;}
.view_conts .pagi_view .nextprev .click .no {display:none;}
.view_conts .pagi_view .nextprev .ok {width:40px; height:40px;  background:#fff; float:left;}
.view_conts .pagi_view .nextprev .ok:hover {background:#f5f5f5;}
.view_conts .pagi_view .nextprev .icon {background:transparent url('../images/new2017/paginate.png') no-repeat; width:20px; height:20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px}
.view_conts .pagi_view .nextprev .no {width:40px; height:24px;  background:#fff;}
.view_conts .pagi_view .nextprev .ok .ic_first {background-position:0 0}
.view_conts .pagi_view .nextprev .ok .ic_prev {background-position:-20px 0}
.view_conts .pagi_view .nextprev .ok .ic_next {background-position:-40px 0}
.view_conts .pagi_view .nextprev .ok .ic_last {background-position:-60px 0}
.view_conts .pagi_view .nextprev .no .ic_first {background-position:0 -20px; }
.view_conts .pagi_view .nextprev .no .ic_prev {background-position:-20px -20px}
.view_conts .pagi_view .nextprev .no .ic_next {background-position:-40px -20px}
.view_conts .pagi_view .nextprev .no .ic_last {background-position:-60px -20px}
.view_conts .pagi_view .number {float:left; border-left:1px solid #ddd;  margin:0 2px; box-sizing:border-box;}
.view_conts .pagi_view .number a {line-height:23px; color:#888; padding:0 15px; font-size:14px; border-right:1px solid #ddd; background:#fff; height:24px; position:relative; box-sizing:border-box;}
.view_conts .pagi_view .number a:hover {text-decoration:underline; background:#f5f5f5}
.view_conts .pagi_view .number .hit {color:#333; font-weight:400; }
.view_conts .pagi_view .btn_area {position:absolute; right:0;}


/* ◆◆◆함께구매하면좋은상품 */
.view_relative {margin-top:70px}
.view_relative .relative_top { overflow:hidden; border-bottom:1px solid #666; margin-bottom:15px; padding-bottom:10px}
.view_relative .relative_top .tt {float:left; color:#000; font-size:23px; letter-spacing:-1px; font-weight:600; margin-top:7px; padding-left:2px}
.view_relative .relative_top .tt strong {color:#0ba2ff;}
.view_relative .relative_top .rolling_nate {float:right; margin-top:8px}
.view_relative .relative_top .num {color:#999; font-size:13px; float:left; height:26px; line-height:26px;}
.view_relative .relative_top .num strong {color:#333;}

.view_relative .prevnext {border:1px solid #ccc; box-sizing:border-box; float:left;}
.view_relative .prevnext.prev { margin-left:12px}
.view_relative .prevnext.next {margin-left:-1px}
.view_relative .prevnext a {display:block; padding:6px 9px 6px 8px}
.view_relative .prevnext.next a {padding:6px 8px 6px 9px}
.view_relative .prevnext .icon {width:7px; height:12px; background:transparent url('../images/new2017/relative_arrow.gif') left top no-repeat;}
.view_relative .prevnext.next .icon {background-position:right top;}
.view_relative .prevnext a:hover {background:#eee;}

.view_relative .item_list {margin:20px -12px 0 -13px}
.view_relative .item_list ul {margin:0}
.view_relative .item_list li {width:20%;}
.view_relative .item_list .item_box {margin:0px 12px 0 13px; width:190px;}
.view_relative .item_list .thumb {width:190px; height:164px;}
.view_relative .item_list .thumb img {height:164px;}

.view_relative .item_box .info {height:80px; padding-top:13px}
.view_relative .item_box .info .item_name {font-size:13px; font-weight:600; color:#666;}
.view_relative .price {bottom:auto; top:41px}
.view_relative .price .won { overflow:hidden; text-align:center; margin:2px 0 0 !important}
.view_relative .price .won .lineup {float:left;}
.view_relative .price .won .sign {font-size:12px; color:#000; line-height:15px; font-weight:400; margin-top:0}
.view_relative .price .won strong {font-size:15px; color:#000; line-height:15px; font-weight:500; letter-spacing:0px;}
.view_relative .price .won em {font-size:14px; line-height:13px; float:left; color:#000;}
.view_relative .price .day {line-height:15px !important;}
.view_relative .price .after {margin:0; float:none}
.view_relative .price .after .sign {font-size:15px !important; color:#0ba2ff; line-height:18px; line-height:17px\0; font-weight:400 !important; }
.view_relative .price .after strong {font-size:18px; color:#0ba2ff; line-height:18px;}
.view_relative .price .dollar {display:block; float:none; overflow:hidden; text-align:center; margin-right:5px}
.view_relative .price .lineup {display:inline-block}

.view_relative .wish {position:absolute; right:11px; bottom:10px; width:38px; height:38px; background:transparent url('../images/new2017/relative_wish.png') left top no-repeat; z-index:30}
.view_relative .wish.hit {background:transparent url('../images/new2017/relative_wish_hit.png') left top no-repeat;}




/* ◆◆◆공통페이지 탑 */
.c_top {height:155px; text-align:center; background-position:center top; background-repeat:no-repeat;}
.c_top .txt {color:#fff; font-size:30px; font-weight:600; margin-top:60px}

/* 2차 탭메뉴 */
.sub_contents .tab_box { border-bottom:1px solid #333; box-sizing:border-box; position:relative; margin-top:30px}
.sub_contents .tab_box ul {display:table; box-sizing:border-box; width:100%;}
.sub_contents .tab_box li {list-style:none; display:table-cell; border:1px solid #ddd; border-bottom:0; background:#fafafa;}
.sub_contents .tab_box .btn {display:block; text-align:center; height:56px; line-height:58px; letter-spacing:-0.5px; color:#666; position:relative; padding:0 10px; font-size:15px; min-width:120px; box-sizing:border-box;}
.sub_contents .tab_box .hit { border-color:#333; background:#fff;}
.sub_contents .tab_box .hit .btn {color:#0ba2ff; background:#fff !important; font-weight:600;}
.sub_contents .tab_box .hit .btn:after {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:58px; background:#333;}
.sub_contents .tab_box .hit .btn:before {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff; z-index:2}
.sub_contents .tab_box li:hover .btn {background:#fff;}

/* 3차메뉴 */
.sub_contents .depth3 {margin-top:30px; text-align:center;}
.sub_contents .depth3 ul {display:inline-block;}
.sub_contents .depth3 li {list-style:none; float:left; margin:0 6px}
.sub_contents .depth3 .btn { font-size:13px; letter-spacing:-0.5px; color:#666; border:1px solid #ccc; height:40px; line-height:40px; padding:0 30px; border-radius:100px; min-width:100px}
.sub_contents .depth3 li:hover .btn {background:#f5f5f5;}
.sub_contents .depth3 .hit .btn {font-weight:600; color:#000; border-color:#666; background:#fff !important;}

.sub_contents .conts_box {margin-top:30px}



/* 2017-11-08 SHJ 상세페이지 아동나이 추가 */
/* .view_top .view_option.result .result_child {margin-top:-5px}
.view_top .view_option.result .ul {height:35px; margin-left:-10px; position:relative; margin-top:5px}
.view_top .view_option.result .li {float:left; width:50%; padding:0; border-top:0;}
.view_top .view_option.result .age_box { width:236px;  position:static; margin-left:10px;}
.view_top .view_option.result .age_box .input_box { width:236px;}
.view_top .view_option.result .age_select_box {left:-11px; top:35px}
 */

/* .view_top .view_option.result li {clear:both} */


.view_top .view_total {clear:both}






/* *********************************************
 * 통합검색 추가 :: 2017-11-10 :: ARA
 * ********************************************* */

.c_comb_search {padding-top:45px; overflow:hidden;}
.c_comb_search .result {text-align:center; padding-bottom:15px; border-bottom:1px solid #666;}
.c_comb_search .result ul {display:inline-block}
.c_comb_search .result li {list-style:none; float:left; font-size:23px; color:#000; letter-spacing:-1.5px; padding:0 15px; position:relative; font-weight:600;}
.c_comb_search .result li+ li:before {content:""; position:absolute; left:-1.5px; top:50%; width:1px; height:18px; background:#ccc; margin-top:-7px}
.c_comb_search .result strong {color:#0ba2ff;}

/* 폼 */
.c_comb_search .form_box {background:#fafafa; border:1px solid #ddd; border-top:0; padding:30px 0; text-align:center;}
.c_comb_search .form_box .search_form {display:inline-block}
.c_comb_search .form_box label {float:left; color:#666; letter-spacing:-1px; line-height:12px; margin-right:10px; margin-top:11px}
.c_comb_search .form_box .check {margin-top:1px}
.c_comb_search .form_box .input_design {background:#fff; border:1px solid #ccc; box-sizing:border-box; height:35px; padding:7px 10px 10px; width:280px; float:left; color:#333; font-size:13px; letter-spacing:-0.5px; font-weight:600;}
.c_comb_search .form_box .input_design:focus {border-color:#666;}
.c_comb_search .form_box .btn_search {text-align:center; width:120px; height:35px; background:#333; padding:6px 0 8px; box-sizing:border-box; float:left; margin-left:10px}
.c_comb_search .form_box .btn_txt {position:relative; padding-left:19px; color:#fff; font-size:13px; letter-spacing:-1px;}
.c_comb_search .form_box .btn_txt:before {content:""; position:absolute; left:0; top:1px; width:13px; height:100%; background:transparent url('../images/new2017/search_ic.png') left center no-repeat;}
.c_comb_search .form_box .btn_search:hover {background-color:#0ba2ff;}

/* 검색결과 없을때 */
.c_comb_search .none {text-align:center; margin:50px 0 50px 0; overflow:hidden;}
.c_comb_search .none .gtxt {background:transparent url('../images/new2017/no_search.png') center top no-repeat; padding-top:70px; font-size:19px; color:#333; letter-spacing:-1px; font-weight:600;}
.c_comb_search .none .sub_txt {line-height:20px; color:#999; letter-spacing:-0.5px; margin-top:15px; font-size:12px; font-weight:400;}

/* 해시태그 */
.c_comb_search .hashtag {background:#fff; padding:15px; overflow:hidden; margin-top:-1px; border:1px solid #ddd;}
.c_comb_search .hashtag .no_hash {font-size:15px; color:#999; text-align:center; padding:30px;}
.c_comb_search .hashtag .list {overflow:hidden;}
.c_comb_search .hashtag .btn {margin:5px 0 0 5px; background:#fff; border:1px solid #ddd; color:#666; padding:0 15px; height:23px; line-height:23px; float:left; letter-spacing:-0.5px; border-radius:100px;}
.c_comb_search .hashtag .btn:hover {background:#eee}
.c_comb_search .hashtag .btn.if_all {background:#eee;}
.c_comb_search .hashtag .hit {background:#808080 !important; border-color:#808080; color:#fff; }





/* *********************************************
 * 통합검색 추가 :: 2017-11-15 :: SHJ
 * ********************************************* */
.view_top.if_travel .view_name {border-bottom:1px solid #999; padding-bottom:15px; padding-right:200px; }
.view_top.if_travel .view_name .title {margin-top:0; position:relative;}
.view_top.if_travel .view_name .sub_name {margin-top:10px; word-wrap:break-word; word-break:keep-all;}
.view_top.if_travel .view_name .sns {position:absolute; right:0; bottom:15px;}


/* *********************************************
 * 지도 추가 :: 2017-11-15 :: SHJ
 * ********************************************* */
.view_map {overflow:hidden;}
.view_map li {list-style:none;}
.view_map .map_box {background:#eee; margin-bottom:10px; height:450px; border:1px solid #d3d7dc; box-sizing:border-box; border-top:0;}
.view_map .shop_info {overflow:hidden; display:table; width:100%; box-sizing:border-box;}
.view_map .shop_info ul {background:#fff; display:table; width:100%; box-sizing:border-box; table-layout:fixed}
.view_map .shop_info li {display:table-cell; vertical-align:top; border:1px solid #d3d7dc; padding:10px;}
.view_map .shop_info .name {background:#eee; vertical-align:middle; color:#333; font-size:15px; font-weight:600; text-align:center; width:150px;}
.view_map .shop_info dl {background:#fff; display:table; width:100%; box-sizing:border-box;}
.view_map .shop_info dl+ dl {border-top:1px dashed #ddd;}
.view_map .shop_info dt,.view_map .shop_info dd {display:table-cell; padding:8px 10px; vertical-align:middle}
.view_map .shop_info dt {color:#222; width:50px; font-weight:600;}
.view_map .shop_info dd {color:#666;}




/* **************************************** *
   에디터안에 임의적인 반응형 넣어주기 (고객요청) 2018-08-24 : ARA
 * **************************************** */
 .editor_more_item {overflow:hidden; font-size:0px; text-align:center;}
 .editor_more_item a {display:inline-block; margin:10px;}