@charset 'utf-8';

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE 3.0
 * Directory    :    pages/css/
 * File         :    hyssence_sub.css
 * SUMMARY      :    스킨 1번 서브
 */





/* ********************************************** *
 * 서브 위치
 * ********************************************** */
.sub_location {text-align:right; position:relative; margin-top:20px; z-index:99}
.sub_location li {list-style:none;}
.sub_location .layout_fix {padding-bottom:10px; border-bottom:1px solid #eee; height:23px;}

/* 위치 */
.sub_location .ctg_box {position:absolute; right:0; 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:23px;}
.sub_location .ctg_box .btn {color:#888; letter-spacing:0px; position:relative; height:23px; line-height:20px; padding:0 10px; margin-left:5px}
.sub_location .ctg_box .btn:hover {text-decoration:underline;}
.sub_location .ctg_box li+ li {background:transparent url('../images/skin/location_arrow.gif') left 6px no-repeat;}

/* 2차 카테고리 */
.sub_location .have_ctg {padding:0 10px 0 15px;}
.sub_location .have_ctg .btn {padding-right:25px; border:1px solid #ddd; margin-left:0; box-sizing:border-box; line-height:18px; text-decoration:none !important; display:block;}
.sub_location .have_ctg .btn:before {content:""; background:transparent url('../images/skin/sub_select.gif') center top no-repeat; width:20px; height:4px; position:absolute; right:0; top:50%; margin-top:-2px}
.sub_location .open_ctg {background:#fff; border:1px solid #aaa; z-index:30; box-sizing:border-box; text-align:left; border-top:0; visibility:hidden}
.sub_location .ctg {white-space:nowrap; display:block; height:23px; line-height:20px; color:#888; letter-spacing:0; padding:0 15px 0 10px; background:#fafafa; font-size:11px;}
.sub_location .ctg+ .ctg {border-top:1px solid #ddd;}
.sub_location .ctg:hover {background:#fff; color:#666;}
.sub_location .have_ctg:hover {overflow:visible; height:auto;}
.sub_location .have_ctg:hover .open_ctg {visibility:visible}
.sub_location .have_ctg:hover .btn {border-color:#aaa;}

/* 상품상세 페이지일때 */
.sub_location.if_view .layout_fix {border-bottom:0;}
.sub_location.if_view .ctg_box {left:0; right:auto}
.sub_location.if_view ul {margin-left:-15px}






/* ********************************************** *
 * 카테고리 : 상단배너
 * ********************************************** */
.sub_visual {overflow:hidden; text-align:center; margin-top:20px;}
.sub_visual img {width:100%;}






/* ********************************************** *
 * 카테고리 : 베스트
 * ********************************************** */
.sub_best {margin-top:70px; text-align:center;}
.sub_best li {list-style:none;}

/* 타이틀 */
.sub_best .best_title {font-family: 'Campton'; font-size:33px; color:#b38877; letter-spacing:-0.7px; padding-bottom:15px; text-align: left;}
.sub_best .best_title strong {color:#b38877; line-height:1; margin-left: -2px;}

/* 아이템리스트 */
.sub_best .item_list {overflow:hidden; margin-left: -32px;}
.sub_best .item_list ul {margin:0 !important; width: 100%; overflow:visible; text-align: left;}
.sub_best .item_list li {position:relative; box-sizing:border-box; display:inline-block; width: 25%; float:none; overflow:visible}
.sub_best .item_list .upper_icon {display: none;}

/* 롤링박스 */
.sub_best .rolling_box {overflow:hidden;}

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

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

.sub_best .rolling_btn {display: block;}
.sub_best .rolling_btn .btn {position: absolute; top: 50%; z-index: 10; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); margin-top: -50px; border-radius: 50%; box-sizing: border-box;}
.sub_best .rolling_btn .btn .on {display: none;}
.sub_best .rolling_btn .btn.left {left: 30px;}
.sub_best .rolling_btn .btn.right {right: 30px;}
.sub_best .rolling_btn .btn:hover .on {display: block;}
.sub_best .rolling_btn .btn:hover .off {display: none;}

/* 상품노출 */
.sub_best .item_box {margin-left: 32px; margin-top: 0;}
.sub_best .item_box .item_name {font-weight:400; color:#666;}
.sub_best .item_box .info {border:0; padding-right:15px; padding-bottom: 0;}
.sub_best .item_box .rank_num {position: absolute; left: 0; top: 0; width: 45px; height: 45px; background: rgba(179, 136, 119, 0.8); text-align: center; z-index: 1;}
.sub_best .item_box .rank_num {font-family: 'Campton'; font-size: 21px; color: #fff; font-weight: 600; line-height: 48px;}
.sub_best .item_list.if_col3 .item_box {margin:25px 25px 0 25px;}
.sub_best .item_list.if_col3 .info { height:80px; padding-left:0px !important;}
.sub_best .item_list.if_col5 {margin-left: -20px;}
.sub_best .item_list.if_col5 .item_box .price {padding-left:0; padding-right:0;}







/* ********************************************** *
 * 카테고리 : 해시태그
 * ********************************************** */
.sub_hash {margin-top:40px; display: none;}
.sub_hash li {list-style:none;}

/* 타이틀 */
.sub_hash .hash_tit {position:absolute; left:0; top:50%; width:16.66666%; text-align:center; font-size:13px; letter-spacing:-1px; color:#333; margin-top:-17px}

/* 태그목록 */
.sub_hash .hash_box {border:3px solid #eee; position:relative; padding:20px 0px 20px 16.66666%}
.sub_hash .hash_box ul {overflow:hidden;}
.sub_hash .hash_box li { float:left; width:20%; position:relative;}
.sub_hash .hash_box li:before {content:""; position:absolute; left:0; top:0; width:1px; height:500%; background:#eee;}
.sub_hash .hash_box .btn {display:block; padding:3px 20px 5px 15px; color:#888; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.sub_hash .hash_box .btn:hover {text-decoration:underline;}





/* ********************************************** *
 * 카테고리 : 카테고리명
 * ********************************************** */
.sub_ctg_tit {display: none; text-align:center; margin-top:40px;}
.sub_ctg_tit .tit {color:#000; font-size:23px; letter-spacing:-0.5px; line-height:1.15;}






/* ********************************************** *
 * 카테고리 : 메뉴
 * ********************************************** */
.sub_ctg {overflow:hidden; margin-top: 80px;}
.sub_ctg .cctg_nav {padding: 30px 30px; box-sizing:border-box; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.sub_ctg .cctg_nav ul{zoom:1; display: flex; justify-content: center; align-items: center; flex-direction: row; flex-flow: wrap;}
.sub_ctg .cctg_nav ul:after{display:block; clear:both; content:''}
.sub_ctg .cctg_nav li {list-style:none; position:relative;}
.sub_ctg .cctg_nav li.active,
.sub_ctg .cctg_nav li.selected {z-index:20}

.sub_ctg .cctg_nav .ctg_wrap {position:relative; z-index:10;}
.sub_ctg .cctg_nav .n1 .ctg_wrap {}
.sub_ctg .cctg_nav .ctg_wrap > span {}
.sub_ctg .cctg_nav .ctg2 {width:100%; height:40px; line-height: 37px; text-align: center; padding:0 30px; white-space: nowrap;}
.sub_ctg .cctg_nav .ctg2 {font-size: 16px; color: #888; font-weight: 400; letter-spacing: -0.5px; box-sizing: border-box; border: 1px solid transparent;}
.sub_ctg .cctg_nav .ctg2:hover {color:#b38877;}
.sub_ctg .cctg_nav .selected .ctg2 {color: #000; border: 1px solid #000;}
.sub_ctg .cctg_nav .btn_ctrl {display:none; position:absolute; z-index:20; top:0; right:0; width:100%; height:42px; width:30px; background:url('../images/skin/sub_ctg_ar.gif') right center no-repeat; }

/*
.sub_ctg .cctg_nav li.active .ctg_wrap > span,
.sub_ctg .cctg_nav li.selected .ctg_wrap > span {border:1px solid #222;background:#fafafa; display:inline}
.sub_ctg .cctg_nav li.active .ctg_wrap > span {padding-bottom:7px;border-bottom:0}
 */

.sub_ctg .cctg_nav li.n1 .next_box {left:0}
.sub_ctg .cctg_nav li.n2 .next_box {left:-210px}
.sub_ctg .cctg_nav li.n3 ul{left:-420px}
.sub_ctg .cctg_nav li.n4 ul{left:-630px}
.sub_ctg .cctg_nav li.n5 ul{left:-840px}

/* 3차 */
.sub_ctg .cctg_nav .next_box {display:none; overflow:hidden; position:relative; z-index:1; width:1050px; margin-bottom:-1px;padding:17px 0 15px; box-sizing:border-box;}
.sub_ctg .cctg_nav .next_box {border:1px solid #222; background:#fafafa;}
.sub_ctg .cctg_nav .next_box:before{position:absolute;top:0;left:0;width:100%;height:21px;background:#fafafa;content:''}
.sub_ctg .cctg_nav .next_box:after{position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:21px;background:#fafafa;content:''}
.sub_ctg .cctg_nav .next_box li {width:20%; box-sizing:border-box; float:left;}
.sub_ctg .cctg_nav .next_box li:nth-of-type(5)+ li {clear:both}
.sub_ctg .cctg_nav .next_box .ctg3 {display:block;overflow:hidden; margin:0 12px; line-height:26px; color:#666; position:relative;}
.sub_ctg .cctg_nav .next_box .hit .ctg3 {font-weight:600; color:#333; text-decoration:underline}
.sub_ctg .cctg_nav .next_box .ctg3:hover {color:#333; text-decoration:underline}

/* 열렸을때 */
/*
.sub_ctg .cctg_nav li.active .next_box {display:block;}
.sub_ctg .cctg_nav li.active .btn_ctrl {background:url('../images/skin/sub_ctg_ar_on.gif') right center no-repeat;}
.sub_ctg .cctg_nav li.active .ctg2 em {font-weight:600; color:#222; }

.sub_ctg .cctg_nav li.if_have_next .btn_ctrl {display:inline-block;}
.sub_ctg .cctg_nav li.if_have_next .ctg2 em {padding-right:5px;}
 */








/* ********************************************** *
 * 서브 상품목록
 * ********************************************** */
.sub_item {margin-top:40px; overflow:hidden;}
.sub_item li {list-style:none;}








/* ********************************************** *
 * 상품목록 제어
 * ********************************************** */
.item_list_ctrl {margin-bottom:30px; display:flex; justify-content: space-between; align-items: center; width:100%;}
.item_list_ctrl li {list-style:none;}
.item_list_ctrl .ctrl_left {display: flex; flex-direction: row; align-items: center;}
.item_list_ctrl .ctrl_right {}

/* 전체 상품수 */
.item_list_ctrl .total {font-family: 'Campton'; color:#333; font-size:19px; letter-spacing:-0.2px; margin-top: 5px;}
.item_list_ctrl .total strong {font-weight:600; letter-spacing:0px;}

/* 3차 카테고리 */
.item_list_ctrl .ctg3 {position: relative;}
.item_list_ctrl .ctg3 .ctg_btn {margin-left: 10px; padding: 5px 10px; box-sizing: border-box;}
.item_list_ctrl .ctg3 .ctg {font-size: 15px; color: #333; font-weight: 500; letter-spacing: -0.3px; padding-left: 20px; position: relative;}
.item_list_ctrl .ctg3 .ctg:before {content: ""; position: absolute; left: 0; top: 6px; width: 1px; height: 14px; background: #ddd;}
.item_list_ctrl .ctg3 .icon {position: relative; width: 12px; height: 12px; margin-left: 10px;}
.item_list_ctrl .ctg3 .icon:before {content: ''; position: absolute; left: 0; top: 5px; width: 100%; height: 2px; background: #333;}
.item_list_ctrl .ctg3 .icon:after {content: ''; position: absolute; left: 5px; top: 0; width: 2px; height: 100%; background: #333;}
.item_list_ctrl .ctg3 .open_ctg3 {display: none; position: absolute; left: 20px; top: 37px; min-width: 170px; background: #fff; border: 1px solid #333; z-index: 20; padding: 15px 0; box-sizing: border-box;}
.item_list_ctrl .ctg3 .btn {display: block; font-size: 14px; color: #333; font-weight: 400; letter-spacing: -0.3px; padding: 0 20px; box-sizing: border-box; height:36px; line-height:36px; white-space: nowrap;}
.item_list_ctrl .ctg3 .btn:hover {color: #b38877;}
.item_list_ctrl .if_open_ctg3 .ctg3 .open_ctg3 {display: block;}
.item_list_ctrl .if_open_ctg3 .icon:after {display: none;}

/* 정렬 */
.item_list_ctrl .range {display: none; float:left;}
.item_list_ctrl .range li {float:left; position:relative; padding-left:1px}
.item_list_ctrl .range li+ li:before { content:""; position:absolute; left:0; top:10px; width:1px; height:11px; background:#ddd;}
.item_list_ctrl .range .btn {padding:0px 10px; color:#999; letter-spacing:-1px; height:31px; line-height:28px;}
.item_list_ctrl .range .hit .btn {color:#333;}
.item_list_ctrl .range .btn:hover {text-decoration:underline;}

/* 보기 개수 */
.item_list_ctrl .select {float:left; margin-left:10px}
.item_list_ctrl .this_ctg {position:relative;}
.item_list_ctrl .this_ctg .btn {padding:0 26px 0 15px; height:40px; line-height:38px; box-sizing:border-box; font-size: 13px; font-weight: 400; border: 1px solid transparent;}
.item_list_ctrl .this_ctg .btn {color:#999; letter-spacing:-0.6px; position:relative; min-width:140px; cursor:pointer; background: #f6f6f6;}
.item_list_ctrl .this_ctg .btn:before {content:""; position:absolute; right:13px; top:0; background:transparent url('../images/iamhome/sub_select.png') left center no-repeat; width:11px; height:40px;}
.item_list_ctrl .open_ctg {display:none; position:absolute; left:0; top:39px; width:100%; z-index:10; border:1px solid #e5e5e5; box-sizing:border-box; padding: 5px 0; background:#fff;}
.item_list_ctrl .open_ctg .option {display:block; height:37px; line-height:37px; box-sizing:border-box; padding:0 15px; letter-spacing:-0.6px; color:#999;}
.item_list_ctrl .open_ctg .option {font-size: 13px; font-weight: 400;}
.item_list_ctrl .open_ctg .option:hover {color: #333;}
.item_list_ctrl .this_ctg.if_open_count .btn {border:1px solid #e5e5e5; color: #333;}
.item_list_ctrl .this_ctg.if_open_count .open_ctg {display:block}
.item_list_ctrl .this_ctg.if_open_range .btn {border:1px solid #e5e5e5; color: #333;}
.item_list_ctrl .this_ctg.if_open_range .open_ctg {display:block}

/* 상품 타입 선택 */
.item_list_ctrl .type {display: none; float:left; margin-left:10px}
.item_list_ctrl .type .btn {padding:8px; float:left; border:1px solid #ddd; position:relative;}
.item_list_ctrl .type .btn+ .btn {margin-left:-1px}
.item_list_ctrl .type .btn .on {display:none}
.item_list_ctrl .type .btn .off {display:block}
.item_list_ctrl .type .btn.hit .on {display:block}
.item_list_ctrl .type .btn.hit .off {display:none}
.item_list_ctrl .type .btn:hover {background:#f5f5f5;}











/* ********************************************** *
 * 상품 박스
 * ********************************************** */
.item_box {margin-left:32px; position:relative; margin-top:40px}
.item_box:hover .thumb {}
.item_box:hover .thumb:before {opacity: 0.2; filter: alpha(opacity=20);}
.item_box:hover .item_quick {bottom: 20px;}
.item_box:hover .thumb .real_img {transform: scale3d(1.1, 1.1, 1.1);}
.item_box.item_soldout {cursor:default}
.item_box.item_soldout .upper_link {}
.item_box.item_soldout .item_name {text-decoration:none !important}


/* 썸네일 */
.item_box .thumb {background:#fafafa url('../images/skin/none_photo.png') center center no-repeat; position:relative; box-sizing:border-box; overflow:hidden;}
.item_box .thumb:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; filter: alpha(opacity=0); z-index: 1;}
.item_box .thumb:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.item_box .thumb .real_img {overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; }
.item_box .thumb .real_img {transform: scale3d(1, 1, 1); transition: transform 0.95s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.item_box .thumb .real_img img {width:100%; float:left;}
.item_box .thumb .fake_img {overflow:hidden;}
.item_box .thumb .fake_img img {width:100%; float:left;}

/* 상품아이콘 */
.item_box .upper_icon {position:relative; margin-top: 20px;}
.item_box .upper_icon img {width:auto; height: 23px; float:left; margin-right:1px; margin-bottom:1px}

/* 품절 */
.item_box .soldout {position:absolute; left:0; top:0; background:rgba(0, 0, 0, 0.5); width:100%; height:100%; z-index:1; }
.item_box .soldout .inner {font-family: "Campton"; font-weight: 300; color:#fff; font-size:20px; position:absolute; left:0; top:50%; margin-top:-3px; width:100%; text-align:center;}

/* 상품이름/설명 */
.item_box .info {padding:17px 10px 15px 0; text-align:left; box-sizing:border-box; border-top:0; position:relative;}
.item_box .info .name_box {height:25px;}
.item_box .info .item_name {color:#666; font-size:16px; letter-spacing:-0.5px; font-weight:400;}
.item_box .info .item_name {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.item_box .info .sub_name {display: none; color:#999; letter-spacing:-0.5px; margin-top:5px; line-height:17px; max-height:17px}
.item_box .info .sub_name {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important;}

/* 상품가격 */
.item_box .price {margin-top:15px; width:100%; box-sizing:border-box;}
.item_box .price .before {font-size:12px; color:#999; padding:0 3px; position:relative; margin-right:3px; line-height:13px; line-height:12px\0; display:none; margin-bottom:2px}
.item_box .price .before:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#999;}
.item_box .price .before .won {font-size:14px; color:#999; line-height:14px; float:left;}
.item_box .price .after {display:inline-block; color:#000; font-size:0; font-weight:300; line-height:13px; letter-spacing: 0.2px; vertical-align: middle;}
.item_box .price .after .won {font-family: "Campton", Sans-serif; color:#000; font-size:21px; line-height:15px; float:left; letter-spacing: 0.2px;}
.item_box .price .percent {font-family: "Campton", Sans-serif; font-size: 22px; color: #b38877; font-weight: 600; line-height: 13px; vertical-align: middle; margin-right: 10px; letter-spacing: 0.2px;}

/* 간편보기 : 목록아이콘 */
.item_quick {position:absolute; right: 20px; bottom:-50px; text-align:center; z-index:15;}
.item_quick {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.item_quick .btn {width:50px; height:50px; position:relative; box-sizing:border-box; text-align:center; font-size:0px;}
.item_quick .btn img {display:inline-block;}
.item_quick .btn.wish .on{display:none;}
.item_quick .btn.wish.hit .on {display:inline-block;}
.item_quick .btn.wish.hit .off {display:none;}
.item_quick .btn.cart {display: none;}
.item_quick .btn.view {display: none;}
.item_quick .btn.blank {display: none;}

/* 간편보기 : 찜하기 */
.item_q_wish {position:absolute; right: 20px; bottom:-50px; text-align:center; z-index:15;}
.item_q_wish {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.item_q_wish .btn {width:50px; height:50px; position:relative; box-sizing:border-box; text-align:center; font-size:0px;}
.item_q_wish .btn img {display:inline-block;}
.item_q_wish .btn.wish .on{display:none;}
.item_q_wish .btn.wish.hit .on {display:inline-block;}
.item_q_wish .btn.wish.hit .off {display:none;}


/* 간편보기 : 보기 */
.item_quick_view {position:fixed; left:0; top:0; z-index:10000000000; background:transparent url('../images/skin/white_60.png') left top repeat; width:100%; height:100%; box-sizing:border-box; padding-top:100px; min-height:700px}
.item_quick_view .view_top {width:1050px; border:1px solid #333; background:#fff; overflow-y:auto; height:650px; box-sizing:border-box; overflow-x:hidden; position:absolute; left:50%; top:50%; margin:-325px 0 0 -525px;}
.item_quick_view .layout_fix {padding:50px; box-sizing:border-box;}
.item_quick_view .btn_close {width:30px; height:30px; position:absolute; left:50%; top:50%; background:transparent url('../images/skin/quick_view_close.gif') center center no-repeat; z-index:1000; margin:-365px 0 0 495px;}
.item_quick_view .view_btn li {width:100%;}










/* ********************************************** *
 * 상품 목록 : 박스형
 * ********************************************** */
/* 4 X ∞ */
.item_list {overflow:hidden;}
.item_list ul {margin-left:-32px; margin-top:-40px; overflow:hidden;}
.item_list li {list-style:none; float:left; width:25%; box-sizing:border-box;}
.item_list li:nth-of-type(4n)+ li {clear: both;}

/* 5 X ∞ */
.item_list.if_col5 ul {margin-left:-20px}
.item_list.if_col5 li {width:20%;}
.item_list.if_col5 .item_box {margin-left:20px}
.item_list.if_col5 .info {padding:15px 10px 15px 0;}
.item_list.if_col5 .price {}
.item_list.if_col5 .price .percent {font-size: 21px;}
.item_list.if_col5 .price .after .won {font-size: 20px;}
.item_list.if_col5 .name_box {height:20px;}
.item_list.if_col5 .item_name {font-weight:400; color:#666; font-size: 15px;}
.item_list.if_col5 .sub_name {display:none}
.item_list.if_col5 li:nth-of-type(4n)+ li {clear: none;}
.item_list.if_col5 li:nth-of-type(5n)+ li {clear: both;}

/* 3 X ∞ */
.item_list.if_col3 li {width:33.3333%;}
.item_list.if_col3 .info {padding:15px 100px 0 15px !important; text-align:left; height:70px;}
.item_list.if_col3 .item_name {font-size:14px; color:#333; font-weight:400;}
.item_list.if_col3 .price {left:auto; right:10px; top:15px; width:auto; margin-top:0 !important; text-align:right; padding:0}
.item_list.if_col3 .price .before {margin-bottom:7px; margin-right:0; float:right;}
.item_list.if_col3 .price .after { margin-right:3px; clear:both; float:right;}

/* 2 X ∞ */
.item_list.if_col2 li {width:50%; padding-left:20px;}
.item_list.if_col2 .item_box {margin-left:0px; overflow:hidden; border-right:1px solid #eee;}
.item_list.if_col2 .item_box:before {content:""; width:100%; height:1px; position:absolute; left:45%; bottom:0; background:#eee; z-index:1}
.item_list.if_col2 .thumb {width:45%; float:left; box-sizing:border-box;}
.item_list.if_col2 .info {width:55%; text-align:left; height:auto; padding:30px !important; border:0; float:right; border-top:1px solid #eee;}
.item_list.if_col2 .sub_name {max-height:85px; margin-top:10px;}
.item_list.if_col2 .price {top:auto; position:static; margin-top:25px;}
.item_list.if_col2 .upper_icon {width:45%;}








/* ********************************************** *
 * 상품 목록 : 리스트형
 * ********************************************** */
.item_list.if_col1 ul {margin-left:0; margin-top:-15px}
.item_list.if_col1 li {float:none; width:100%; border-bottom:1px solid #ddd; overflow:hidden; padding:15px 0px;}

.item_list_box {margin:0px; display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.item_list_box dl {display:table; width:100%; table-layout:fixed;}
.item_list_box dt {display:table-cell; box-sizing:border-box; vertical-align:middle; width:140px; padding:0px;}
.item_list_box dd {display:table-cell; box-sizing:border-box; vertical-align:middle; padding:0 15px;}
.item_list_box dd.this_review {width:120px;}
.item_list_box dd.this_deliver {width:130px; border-left:1px solid #eee;}
.item_list_box dd.this_price {text-align:right; width:190px; border-left:1px solid #eee; }
.item_list_box dd.this_quick {width:70px;}
.item_list_box dd.this_info {}

.item_list_box .thumb {background:#fafafa url('../images/skin/none_photo.png') center center no-repeat;  box-sizing:border-box; overflow:hidden; position:relative;}
.item_list_box .thumb a {display:block; overflow:hidden; border:1px solid #e6e6e6; box-sizing:border-box;}
.item_list_box .thumb .real_img {overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; }
.item_list_box .thumb .real_img img {width:100%; float:left;}
.item_list_box .thumb .fake_img {overflow:hidden;}
.item_list_box .thumb .fake_img img {width:100%; float:left;}

.item_list_box .soldout {position:absolute; left:0; top:0; background:transparent url('../images/skin/black_20.png') left top repeat; width:100%; height:100%; z-index:20}
.item_list_box .soldout .inner {color:#fff; font-size:15px; position:absolute; left:0; top:50%; margin-top:-10px; width:100%; text-align:center; line-height:20px;}

.item_list_box .info {box-sizing:border-box; position:relative; padding-right:30px;}
.item_list_box .info .name_box {position:relative;}
.item_list_box .info .item_name {color:#333; font-size:13px; letter-spacing:-0.5px; margin-top:-4px; font-weight:600;}
.item_list_box .info .item_name {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.item_list_box .info .sub_name {color:#999; letter-spacing:-0.5px; margin-top:7px; line-height:17px; max-height:34px}
.item_list_box .info .sub_name {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}

.item_list_box .review {text-align:center; box-sizing:border-box;}
.item_list_box .review .mark {background:transparent url('../images/skin/review_star.png') no-repeat; width:63px; height:10px; display:inline-block; }
.item_list_box .review .star {background:transparent url('../images/skin/review_star.png') 0 bottom no-repeat; width:100%; height:100%; float:left;}
.item_list_box .review .num {color:#666; margin-top:6px}

.item_list_box .item_quick {position:static !important; left:0; bottom:0; margin:0px; box-sizing:border-box; overflow:hidden; display:block; width:40px;}
.item_list_box .item_quick .btn {margin:0px; float:none; display:block; border-color:#eee;}
.item_list_box .item_quick .btn+ .btn {margin-top:-1px; margin-left:0}

.item_list_box .deliver {color:#666; line-height:18px; box-sizing:border-box; text-align:center;}
.item_list_box .deliver strong {color:#888; margin-top:5px; display:block; line-height:1.3; font-size:11px;}

.item_list_box .upper_icon {overflow:hidden; margin-top:15px;}
.item_list_box .upper_icon img {width:auto; float:left; margin-right:1px; margin-bottom:1px}

.item_list_box .name_box:hover .item_name {text-decoration:underline !important;}
.item_list_box .thumb:hover a {border-color:#aaa;}

.item_list_box .price {box-sizing:border-box;}
.item_list_box .price .before {font-size:12px; color:#999; padding:0 3px; position:relative; margin-right:3px; line-height:13px; line-height:12px\0; display:inline-block; margin-bottom:2px}
.item_list_box .price .before:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#999;}
.item_list_box .price .before .won {font-size:14px; color:#999; line-height:14px; float:left;}
.item_list_box .price .after {display:inline-block; color:#cd3726; font-size:12px; letter-spacing:-0.5px; font-weight:600; line-height:13px;}
.item_list_box .price .after .won { color:#cd3726; font-size:15px; line-height:15px; line-height:14px\0; float:left;  letter-spacing:-0.5px;}
.item_list_box .price .point {color:#666; margin-top:6px}








/* ********************************************** *
 * 상품 상세 : 상단 왼쪽
 * ********************************************** */
.view_section {padding-bottom:20px}
.view_top {margin-top:25px}
.view_top .ul {display:table; width:100%; table-layout:fixed;}
.view_top .li {display:table-cell; vertical-align:top}
.view_top .view_photo {width: 50%; box-sizing:border-box; padding-right: 150px; position: relative;}
.view_top .view_photo:before {content: ''; position: absolute; right: 75px; top: 0; width: 1px; height: 100%; background: #eee;}
.view_top .view_info {width: 50%;}

/* 썸네일 */
.view_photo {text-align:center;}
.view_photo .rolling_box {overflow:hidden;}
.view_photo .thumb {overflow:hidden; width:100%; background:#fafafa url('../images/skin/none_photo.png') center center no-repeat; box-sizing:border-box; position:relative;}
.view_photo .thumb .real_img {overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; }
.view_photo .thumb .real_img img {width:100%; float:left;}
.view_photo .thumb .fake_img {overflow:hidden;}
.view_photo .thumb .fake_img img {width:100%; float:left;}

/* 롤링썸네일 */
.view_photo .rolling_thumb {overflow:hidden; text-align:center; margin-top:20px;}
.view_photo .rolling_thumb ul {display:inline-block; margin-left:-10px}
.view_photo .rolling_thumb li {list-style:none; float:left; width:70px; height:70px; border:1px solid transparent; margin-left:10px; position: relative;}
.view_photo .rolling_thumb li a {position: relative;}
.view_photo .rolling_thumb li a:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.view_photo .rolling_thumb li a:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; display:none;}
.view_photo .rolling_thumb img {width:100%; float:left;}
.view_photo .rolling_thumb li a:hover:before {background: rgba(0, 0, 0, 0);}
.view_photo .rolling_thumb .hit {border:1px solid #000;}
.view_photo .rolling_thumb .hit a:before {background: rgba(0, 0, 0, 0);}

/* 상품평점/sns공유 */
.view_summery {overflow:hidden;}
.view_summery .score {float:left; padding-left:15px; position:relative;}
.view_summery .score .mark {float: left; position: relative; overflow: hidden; display: inline-block;}
.view_summery .score .mark img {float: left;}
.view_summery .score .mark .star {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: #fff;}
.view_summery .score .num {font-family: 'Campton'; color:#000; font-size:25px; font-weight:600; margin-left:10px; float:left; line-height:25px;}
.view_summery .score .total {position: relative; font-size: 13px; color: #888; font-weight: 400; letter-spacing: -0.4px; line-height: 19px; margin-left: 10px;}
.view_summery .score .total:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #999;}
.view_summery .score .no_review {display: none; position: relative; font-size: 13px; color: #888; font-weight: 400; letter-spacing: -0.4px; line-height: 19px; margin-left: 10px;}
.view_summery .score .no_review:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #999;}
.view_summery .sns {float:right;}
.view_summery .sns li {list-style:none; float:left; position:relative; margin-left:1px}
.view_summery .sns li+ li:before {content:""; position:absolute; left:-1px; top:0; width:1px; height:21px; background:#ddd;}
.view_summery .sns .btn {padding:0 5px; float:left;}
.view_summery .sns .ov {display:none;}
.view_summery .sns .btn:hover .on {display:none}
.view_summery .sns .btn:hover .ov {display:block}
.view_summery.if_no_review .score .num {display: none;}
.view_summery.if_no_review .score .total {display: none;}
.view_summery.if_no_review .score .no_review {display: inline-block;}

/* 관련태그 */
.view_hash {margin-top: 40px;}
.view_hash .tit_box {position: relative; text-align: center;}
.view_hash .tit_box:before {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #e5e5e5; z-index: -1;}
.view_hash .tit {font-size:20px; color:#000; font-weight: 600; background: #fff; padding: 0 20px; box-sizing: border-box;}
.view_hash .tit .en {font-family: 'Campton';}
.view_hash .hash_box {display: flex; flex-direction: row; flex-flow: wrap; align-items: center; justify-content: center; margin-top: 15px; margin-bottom: -5px;}
.view_hash .btn {font-size: 13px; color: #999; font-weight: 400; letter-spacing: -0.3px; height: 30px; line-height: 28px; padding: 0 15px; box-sizing: border-box;}
.view_hash .btn {background: #f5f5f5; border-radius: 20px; margin: 5px; white-space: nowrap;}
.view_hash .btn:hover {color: #333;}



/* ********************************************** *
 * sns 공유하기
 * ********************************************** */
.sns_share {position: relative; margin-left: 10px;}
.sns_share .sns_btn {padding: 5px; box-sizing: border-box; margin-right: -5px;}
.sns_share .view_sns {display: none; position: absolute; right: 34px; top: -21px;}
.sns_share .view_sns .sns {font-size: 0; display: flex; align-items: center; justify-content: center; flex-direction: row; height: 75px; overflow: hidden;}
.sns_share .view_sns .sns {background: #fff; padding: 0 20px; box-sizing: border-box; border: 1px solid #eee; border-radius: 50px; box-shadow: -5px 5px 10px 0 rgba(0, 0, 0, 0.1);}
.sns_share .view_sns li+ li {margin-left: 10px;}
.sns_share .view_sns li {list-style: none; font-size: 0;}
.sns_share.if_open_sns_share .view_sns {display: block;}


/* 네이버톡톡 */
.view_info .talk_box {text-align:center; margin-top: 40px;}





/* ********************************************** *
 * 상품 상세 : 상단 오른쪽
 * ********************************************** */
/* 상품제목 */
.view_name {position: relative; border-bottom:1px solid #e5e5e5; padding-bottom:40px}
.view_name .upper_icon {display: none; overflow:hidden; margin-bottom:10px}
.view_name .upper_icon img {float:left; margin-right:1px;}
.view_name .text_box {position: relative; padding-right: 180px; box-sizing: border-box;}
.view_name .title {color:#000; font-size:30px; letter-spacing:-1px; word-wrap:break-word; word-break:keep-all; line-height:32px;}
.view_name .sub_name {color:#999; font-size:17px; font-weight: 400; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; margin-top:18px; line-height:18px;}
.view_name .btn_brand {font-size: 17px; color: #ff6000; font-weight: 500; letter-spacing: -0.3px; line-height: 22px; margin-bottom: 10px;}
.view_name .box {display: flex; justify-content: space-between; flex-direction: row; align-items: center; margin-top: 50px;}
.view_name .price {margin-left: 4px;}
.view_name .price span {font-family: 'Campton'; line-height: 1;}
.view_name .price .inline {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-top: 2px;}
.view_name .price .before {position: relative; font-size: 23px; color: #999; font-weight: 300; letter-spacing: -0.2px; padding: 0 4px; box-sizing: border-box;}
.view_name .price .before:before {content: ''; position: absolute; left: 0; top: 9px; width: 100%; height: 1px; background: #aaa;}
.view_name .price .after {font-size: 35px; color: #000; font-weight: 600; letter-spacing: -0.2px;}
.view_name .price .percent {font-size: 30px; color: #b38877; font-weight: 600; margin-left: 15px;}
.view_name .view_icon {position: absolute; right: 0; top: -2px; display: flex; align-items: center; justify-content: flex-end;}
.view_name .btn_wish {font-size: 0; padding: 5px; box-sizing: border-box;}
.view_name .btn_wish .on {display: none;}
.view_name .btn_wish.hit .off {display: none;}
.view_name .btn_wish.hit .on {display: block;}
.view_name .point_box{overflow: hidden;}
.view_name .v_point{display: inline-block; float: left; font-size: 13px; color: #888; font-weight: 400; letter-spacing: -0.3px; border: 1px solid #ccc; border-radius: 20px; box-sizing: border-box;}
.view_name .v_point{height: 30px; line-height: 27px; padding: 0 15px; margin-top: 10px;}
.view_name .v_point+ .v_point {margin-left: 5px;}
.view_name .point_plus{color: #ff6000; border-color: #ff6000;}
.view_name .point_plus strong {font-family: 'Campton'; font-weight: 600;}


/* 상품정보 */
.view_default {display:table; width:100%; table-layout:fixed; margin: 15px 0;}
.view_default dl {display:table-row;}
.view_default dt {display:table-cell; vertical-align:middle; padding:10px 20px; width:150px; box-sizing:border-box; line-height:1.3;}
.view_default dt {font-size: 15px; color: #999; letter-spacing: -0.4px;}
.view_default dd {display:table-cell; vertical-align:middle; padding:10px 20px 10px 0; color:#666; letter-spacing:-0.5px; line-height:1.3; word-wrap:break-word; word-break:keep-all;}
.view_default dd {font-size: 15px; color: #333; font-weight: 400;}
.view_default .before_price {font-size:13px; line-height:18px; padding:0 3px; position:relative; margin-left:-3px}
.view_default .before_price:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#666;}
.view_default .before_price strong {font-size:16px; letter-spacing:0px; float:left; line-height:20px; color:#666;}
.view_default .after_price {font-size:16px; color:#333; font-weight:600; letter-spacing:0px; line-height:23px; margin:-1px 0 1px; float:left;}
.view_default .after_price strong {font-size:19px; float:left; line-height:24px; color:#333;}
.view_default .point {font-size:13px; line-height:22px; padding:0 3px; position:relative; margin-left:-3px; float:left;}
.view_default .point strong {font-size:16px; letter-spacing:0px; float:left; line-height:24px; color:#666;}
.view_default .brand_tx {margin-right:10px; float:left; padding-top:3px; min-height:24px; box-sizing:border-box;}
.view_default .btn_brand {background:#fafafa; border:1px solid #ddd; padding:0 24px 0 10px; position:relative; font-size:11px; color:#666; letter-spacing:-1px; height:24px; line-height:19px; box-sizing:border-box; float:left;}
.view_default .btn_brand:before {content:""; position:absolute; right:10px; top:0; width:4px; height:100%; background:transparent url('../images/skin/view_info_ar.gif') left center no-repeat;}
.view_default .btn_brand:hover {background:#f5f5f5;}
.view_default .btn_coupon {background:#f5f5f5; border:1px solid #ccc; padding:0 28px 0 10px; position:relative; color:#555; letter-spacing:-1px; height:30px; line-height:27px; box-sizing:border-box; float:left;}
.view_default .btn_coupon:before {content:""; position:absolute; right:10px; top:0; width:9px; height:100%; background:transparent url('../images/skin/view_down.gif') center center no-repeat;}
.view_default .btn_coupon:hover {background:#fff; border-color:#999;}
.view_default .point_plus {color:#999; border:1px solid #ddd; letter-spacing:-1px; font-size:11px; padding:0px 10px; margin-left:5px; height:24px; line-height:19px; box-sizing:border-box; cursor:default}
.view_default .point_plus .txt {float:left;}
.view_default .point_plus strong {color:#cd3726; font-weight:600; letter-spacing:0px; margin-left:5px; float:left; line-height:21px;}
.view_default .delivery {position: relative; display:inline-block; padding-left: 10px; margin-left: 10px;}
.view_default .delivery:before {content: ''; position: absolute; left: 0; top: 3px; width: 1px; height: 13px; background: #ddd;}
.view_default .point_plus.delivery_free {display: none; border-color:#f5f5f5; background:#f5f5f5; margin-top:6px; margin-left:-5px;}
.view_default .point_plus.delivery_free strong {margin-left:0px; margin-top:-1px;}


/* 상품쿠폰 */
.view_coupon {display: flex; flex-direction: row; align-items: center; justify-content: flex-start;}
.view_coupon .coupon_box {position:relative;}
.view_coupon .coupon_name {color:#ff6000; letter-spacing:-0.4px; font-weight:600;}
.view_coupon .coupon_about {color:#ff6000; font-weight:400; font-size:15px; letter-spacing:-0.4px; margin-left:5px; margin-top: 3px;}
.view_coupon .coupon_about .price {font-family: 'Campton'; font-size: 17px; letter-spacing: 0; font-weight: 300;}
.view_coupon .open_box {position:absolute; left:50%; top:30px; width:280px; background:#fff; border:1px solid #666; box-sizing:border-box; display:none; z-index:100; box-sizing:border-box; margin-left:-140px;}
.view_coupon .open_box:before {content:""; position:absolute; left:0; top:-15px; width:100%; height:15px; background:transparent url('../images/skin/view_guide_ar.gif') center bottom no-repeat;}
.view_coupon .open_box .tt { color:#333; letter-spacing:-1px; background:#f5f5f5; padding:10px 15px; font-size:13px; font-weight:500;}
.view_coupon .open_box .txt {padding:10px 15px 15px; color:#888; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; max-height:300px; overflow-y:auto; line-height:1.4; font-size:13px;}
.view_coupon .guide {position:relative; background:transparent url('../images/skin/view_guide.png') center center no-repeat; width:16px; height:24px; margin-left:10px;}
.view_coupon .guide:hover .open_box {display:block;}

/* 옵션 */
.view_option {display:table; width:100%; table-layout:fixed; border-top: 1px solid #e5e5e5;}
.view_option dl {display:table-row;}
.view_option dl+ dl {border-top:1px solid #eee;}
.view_option dt {list-style:none; display:table-cell; vertical-align:middle; width:150px; padding:15px 20px; box-sizing:border-box;}
.view_option dt {font-size: 15px; color: #999; font-weight: 400; letter-spacing: -0.4px;}
.view_option dd {list-style:none; display:table-cell; vertical-align:middle; padding:25px 0; box-sizing:border-box;}
.view_option dd.price {text-align:right; width:120px; padding-left:0px;}
.view_option dd.counter {text-align:left;}

.view_option_color+ .view_option_size {margin-top:10px; border-top:1px solid #eee; padding-top:10px;}
.view_option_size+ .view_option_color {margin-top:10px; border-top:1px solid #eee; padding-top:10px}
.view_option_size+ .view_select {margin-top:10px;}
.view_option_color+ .view_option_color {margin-top:10px; border-top:1px solid #eee; padding-top:10px;}
.view_option_size+ .view_option_size {margin-top:10px; border-top:1px solid #eee; padding-top:10px;}


/* 특수옵션 : 컬러 */
.view_option_color {overflow:hidden;}
.view_option_color.before {border:1px solid #e5e5e5; background:#fff; box-sizing:border-box; position:relative; height:50px; line-height: 48px;}
.view_option_color.before:before {content:"Color 항목"; position:absolute; left:0; top:0; width:100%; letter-spacing:0px; box-sizing:border-box; padding:0 10px;}
.view_option_color.before:before {font-size: 15px; color: #888; padding: 0 60px 0 20px;  height:50px; line-height: 48px;}
.view_option_color.before .this {display:none;}
.view_option_color li {float:left;  margin-right:10px; list-style:none; height:35px;}
.view_option_color label {overflow:hidden; position:relative; width:35px; height:35px; text-align:center; box-sizing:border-box;}
.view_option_color label input {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); position:absolute; left:0; top:0;}
.view_option_color label .tx {width:35px; height:35px; box-sizing:border-box; position:relative; background:#fff; text-align:center;}
.view_option_color label .shape {overflow:hidden; background-repeat:no-repeat; width:35px; height:35px; box-sizing:border-box; background-size:100%; border-radius:100px;}
.view_option_color label .shape:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; border:2px solid rgba(0,0,0,0.1); box-sizing:border-box; border-radius:100px;}
.view_option_color label input:checked+ .tx {border-color:#333;}
.view_option_color label input:checked+ .tx .shape:before {border-color:rgba(0,0,0,0.7);}
.view_option_color label.none .tx {border:1px solid rgba(0,0,0,0.1); border-color:rgba(0,0,0,0.3);}
.view_option_color label.none {cursor:not-allowed}
.view_option_color label.none:before {content:""; width:100%; height:100%; background:rgba(255,255,255,0.85);; position:absolute; left:0; top:0; z-index:90; border-radius:100px;}
.view_option_color label.none:after {content:""; width:25px; height:25px; position:absolute; left:50%; top:50%; z-index:100; }
.view_option_color label.none:after {opacity: 0.2; filter: alpha(opacity=20); -ms-filter:alpha(opacity=20); margin:-13px 0 0 -13px;}
.view_option_color .this {color:#999; padding:5px;}


/* 특수옵션 : 사이즈 */
.view_option_size {overflow:hidden;}
.view_option_size.before {border:1px solid #ddd; background:#fff; height:50px; box-sizing:border-box; position:relative;}
.view_option_size.before:before {content:"Size 항목"; position:absolute; left:0; top:0; width:100%; height:50px; line-height:48px; color:#888; letter-spacing:0px; box-sizing:border-box; padding:0 10px;}
.view_option_size.before:before {font-size: 15px; padding: 0 60px 0 20px;}
.view_option_size.before .this {display:none;}
.view_option_size li {height:35px; list-style:none;}
.view_option_size li+ li {margin-top:5px;}
.view_option_size label {overflow:hidden; position:relative; min-width:100%; height:35px; }
.view_option_size label input {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); position:absolute; left:0; top:0;}
.view_option_size label .tx {min-width:100%; height:35px; box-sizing:border-box; border:1px solid #eee; position:relative; background:#fff; line-height:33px; color:#666; padding:0 8px;}
.view_option_size label input:checked+ .tx {border-color:#333; color:#333;}
.view_option_size label.none {cursor:not-allowed}
.view_option_size label.none:before {content:""; width:100%; height:100%; background:rgba(255,255,255,0.5); position:absolute; left:0; top:0; z-index:100}
.view_option_size label.none:after {content:""; width:1px; height:100px; background:rgba(0,0,0,0.2); position:absolute; left:0; top:-15px; z-index:90; transform: rotate(45deg); -webkit-transform: rotate(45deg); display:none;}
.view_option_size .this {color:#999; padding:5px;}

/* 2022-12-06 ARA 옵션타이틀 수정으로 인한 변경 */
.view_option.renew .view_option_color {border:1px solid #eee; padding:15px;}
.view_option.renew .view_option_color.before {padding:0px;}
.view_option.renew .view_option_color.before:before {display:none;}
.view_option.renew .view_option_color.before .this {color:#888; font-size:14px; padding:0 15px; display:flex; justify-content: center; align-items: flex-start; flex-direction:column; background:#fff; margin:0px !important; height:48px;}
.view_option.renew .view_option_color .this {color:#888; font-size:14px; padding:10px 15px; display:flex; background:#fafafa; margin:-15px; margin-bottom:15px;}

.view_option.renew .view_option_size {border:1px solid #eee; padding:15px;}
.view_option.renew .view_option_size.before {padding:0px;}
.view_option.renew .view_option_size.before:before {display:none;}
.view_option.renew .view_option_size.before .this {color:#888; font-size:14px; padding:0 15px; display:flex; justify-content: center; align-items: flex-start; flex-direction:column; background:#fff; margin:0px !important; height:48px;}
.view_option.renew .view_option_size .this {color:#888; font-size:14px; padding:10px 15px; display:flex; background:#fafafa; margin:-15px; margin-bottom:15px;}



/* 옵션카운터 */
.view_option .counter_box {width:160px; overflow:hidden; display:inline-block; position: relative;}
.view_option .counter_box .updown_input {float:left; border:1px solid #e5e5e5; background:#fff; width:100%; height:40px !important; padding-top:4px; text-align:center; box-sizing:border-box; border-right:0;}
.view_option .counter_box .updown_input {font-family: 'Campton'; font-size:18px; color:#000; font-weight:600;}
.view_option .counter_box .updown {display:inline-block; overflow:hidden;position: absolute; left: 0; top: 0; width: 100%;}
.view_option .counter_box .updown a {display:inline-block; width:45px; height:40px; float:left; border:1px solid #e5e5e5; box-sizing:border-box;}
.view_option .counter_box .updown .btn_up {background:#fff url('../images/iamhome/count_up.png') center center no-repeat; float: right;}
.view_option .counter_box .updown .btn_down {background:#fff url('../images/iamhome/count_down.png') center center no-repeat; float: left;}
.view_option .counter_box .updown a:hover {background-color:#f5f5f5;}

/* 옵션가격 */
.view_option .price {color:#000; font-size:17px; letter-spacing:0px; font-weight:500; line-height:14px;}
.view_option .price strong {}

/* 옵션셀렉트 */
.view_select {position:relative; background:#fff;  text-align:left; cursor:pointer}
.view_select+ .view_select {margin-top:10px;}
.view_select+ .view_option_color {margin-top:10px;}
.view_select+ .view_option_size {margin-top:10px;}
.view_option_color+ .view_select {margin-top:10px;}
.view_select .this {padding:0 60px 0 15px; height:50px; line-height:48px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.view_select .this {font-size: 14px; color: #888; font-weight: 400; letter-spacing: -0.3px; border:1px solid #e5e5e5; box-sizing: border-box;}
.view_select .shape {width:40px; height:100%; position:absolute; right:0; top:0; text-align:center; background:transparent url('../images/iamhome/view_select_ic.png') center center no-repeat;}
.view_select .open_box {display:none; position:absolute; top: 49px; left: 0; width:100%; background:#fff; border:1px solid #666; border-top: 1px solid #e5e5e5;  z-index:101; overflow:auto; max-height:260px; box-sizing: border-box;}
.view_select .open_box .option_tit {display:block; padding:10px 15px; background:#fafafa !important; color:#888; border-bottom:1px solid #e5e5e5; cursor:default}
.view_select .open_box .option {display:block; padding:10px 0; border-top:1px solid #eee; letter-spacing:-0.3px; word-wrap:break-word; word-break:keep-all; position:relative; margin-left:25px;}
.view_select .open_box .option {font-size: 14px; color: #222; font-weight: 400; }

.view_select .open_box .option:first-of-type {border:0}
.view_select .open_box .option:hover {color:#b38877;}
.view_select .open_box .soldout {position:absolute; right:10px; top:50%; color:#ff0000; padding:0 5px; height:20px; font-size:13px; letter-spacing:-1px; margin-top:-9px; font-weight:500;}
.view_select.before {}
.view_select.before .this {color:#999;}
.view_select.before:hover {border-color: #ddd;}
.view_select.before:hover .open_box {display:none;}
.view_select:hover .open_box {display:block;}
.view_select:hover .this {border-color: #666;}

/* 선택한 옵션 */
.view_option.result {border-bottom:0; display:block; box-sizing:border-box; border-top: 0;}
.view_option.result dl {display:table; width:100%; table-layout:fixed; background:#f8f8f8;}
.view_option.result dt {width:auto !important; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.view_option.result dt {font-size: 14px; color: #333; font-weight: 400; letter-spacing: -0.3px;}
.view_option.result dd {padding-left:0px; padding-right:0px;}
.view_option.result dd.price {text-align:right; width:110px;}
.view_option.result dd.delete {width:30px; text-align:right; padding-right: 20px; box-sizing: content-box;}
.view_option.result dd.counter {text-align:right; width: 120px;}
.view_option.result .counter_box { width:120px;}
.view_option.result .counter_box .updown_input {height:35px !important; font-size:15px;}
.view_option.result .counter_box .updown a {height:35px; width:35px;}


.view_option.result .add_tag {padding:0 3px; height:16px; line-height:13px; background:#666; color:#fff; font-size:11px; letter-spacing:-1px; margin-top:1px; margin-right:5px; }
.view_option.result .btn_delete {width:10px; height:10px; box-sizing:border-box; background: transparent url('../images/iamhome/result_del.png') center center no-repeat;}
.view_option.result .btn_delete {padding: 10px; box-sizing: border-box;}
.view_option.result .btn_delete:hover {background-color:#f5f5f5;}
.view_option.result .updown a {background-color:#fafafa !important;}
.view_option.result .updown a:hover {background-color:#eee !important;}
.view_option.result .if_before {text-align:center; color:#999;}

/* 옵션 인풋 */
.view_input {position: relative; margin-bottom: 10px;}
.view_input:last-of-type {margin-bottom: 0;}
.view_input .input {width: 100%; padding:0 60px 0 20px; height:50px; line-height:48px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.view_input .input {font-size: 15px; color: #888 !important; font-weight: 400; letter-spacing: -0.3px; border:1px solid #e5e5e5; box-sizing: border-box; }
.view_input .input:focus {border-color: #666;}
.view_input .number {position: absolute; right: 13px; top: 15px; color: #999;}
.view_input .number span {color: #ff0000;}


/* 결제금액계산 */
.view_total {border-top:2px solid #000; overflow:hidden; padding-top:20px; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: flex-end;}
.view_total .total_tt {color:#000; font-size:23px; letter-spacing:-0.5px; font-weight:500; line-height:27px; letter-spacing: -0.5px;}
.view_total .after_price {font-size:23px; color:#000; font-weight:500; letter-spacing:-0.5px; line-height:27px; margin-left: 30px; display: flex; align-items: center; justify-content: flex-start;}
.view_total .after_price strong {font-family: 'Campton'; color: #000; font-size:29px; font-weight: 600; margin-bottom: -8px;}
.view_total .after_price .won {margin-left: 2px;}

.view_total_error {text-align:center; color:#999; font-weight:400; display:block; border:1px solid #ddd; border-top:0; padding:20px; border-top:1px solid #333;}



/* 장바구니/구매 버튼 */
.view_btn {position:relative; text-align:center;}
.view_btn ul {margin-left:-10px; display:table; width: calc(100% + 10px); width: -webkit-calc(100% + 10px); width: -ms-calc(100% + 10px); box-sizing:border-box; table-layout:fixed;}
.view_btn li {list-style:none; display:table-cell; vertical-align: middle;}
.view_btn .btn {font-size:17px; line-height:67px; height:70px; display:block; font-weight:600; letter-spacing:-1px; box-sizing:border-box; margin-left:10px; margin-top:50px;}
.view_btn .btn {font-size: 19px; font-weight: 600; letter-spacing: -0.6px; border:1px solid #000;}
.view_btn .btn_cart {background:#fff; color:#000;}
.view_btn .btn_cart:hover {background: #b38877; border-color: #b38877; color: #fff;}
.view_btn .btn_order {background:#000; color:#fff;}
.view_btn .btn_order:hover {background: #b38877; border-color: #b38877;}
.view_btn .btn_wish {border:1px solid #ccc; position:absolute; right:0; top:0; width:66px; background:#fff url('../images/skin/view_wish.png') center center no-repeat; background-size:28px;}
.view_btn .btn_wish:hover { background-color:#fafafa;}
.view_btn .btn_wish.hit {background:#fff url('../images/skin/view_wish_on.png') center center no-repeat;}

.view_btn .how {position:absolute; left:0; bottom:0px; width:214px; z-index:100; height:0; overflow:hidden;}
.view_btn .how .box {padding:15px 10px; height:120px; border:1px solid #333; background:#fff; box-sizing:border-box; border-bottom:0;}
.view_btn .how {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.view_btn .how .tip {margin-bottom:15px; color:#333; font-weight:600;}
.view_btn .how ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; margin:0px; border-collapse:separate; border-spacing:10px 0;}
.view_btn .how li {display:table-cell; float:none; height:35px; line-height:35px;}
.view_btn .how .btn2 {display:block; color:#333; background:#fff; letter-spacing:-0.5px; border:1px solid #ccc;}
.view_btn .how .btn2.go_cart {background:#cd3726; color:#fff; font-weight:600; border-color:#cd3726;}
.view_btn .btn_soldout {background:#fff; border:1px solid #ccc; cursor:default; color:#999; font-weight:400; margin-top: 0;}

.view_btn.if_cart_save .how {height:120px; bottom:0; border-bottom:1px solid #333;}












/* ********************************************** *
 * 상품 상세 : 배너
 * ********************************************** */
.view_banner {margin-top:70px; text-align:center;}
.view_banner img {max-width:100%}









/* ********************************************** *
 * 상품 상세 : 관련상품
 * ********************************************** */
.view_relative {text-align:center; margin-top:70px; border-top: 10px solid #f9f9f9; padding-top: 90px;}

/* 타이틀/제어 */
.view_relative .relative_top {overflow:hidden;}
.view_relative .relative_top .tit_box {text-align: left; overflow: hidden;}
.view_relative .relative_top .tit {display: inline-block; float: left; font-family: 'Campton'; font-size: 31px; color: #000; font-weight: 600;}
.view_relative .relative_top .tx {display: inline-block; float: left; font-size: 17px; color: #aaa; font-weight: 300; letter-spacing: -0.8px; margin-left: 15px; line-height: 35px;}

/* 롤링 이전다음버튼 */
.view_relative .rolling_nate {}
.view_relative .rolling_nate .num {display: none; color:#999; font-size:15px; letter-spacing:0.5px; float:left; height:26px; line-height:26px;}
.view_relative .rolling_nate .num strong {color:#333;}
.view_relative .prevnext {position: absolute; top: 46%; width: 60px; height: 60px; z-index: 10;}
.view_relative .prevnext {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); border-radius: 50%; box-sizing: border-box;}
.view_relative .prevnext img {width: 100%;}
.view_relative .prevnext .on {display: none;}
.view_relative .prevnext.prev {left: 30px;}
.view_relative .prevnext.next {right: 30px;}
.view_relative .prevnext a {display:block;}
.view_relative .prevnext a:hover .on {display: block;}
.view_relative .prevnext a:hover .off {display: none;}

/* 상품노출 */
.view_relative .item_list {}
.view_relative .item_list ul {display:inline-block; margin-top: 0;}
.view_relative .item_list .item_box {margin-top: 30px;}
.view_relative .item_list .info {border:0; padding-bottom: 0}
.view_relative .item_list .sub_name {display:none;}
.view_relative .item_list .item_name {font-weight:400; color:#666;}
.view_relative .item_list .upper_icon {display: none;}








/* ********************************************** *
 * 상품 상세 : 탭메뉴
 * ********************************************** */
.view_tab {margin-top:70px; padding-top: 35px; border-bottom:1px solid #ddd; border-top: 10px solid #f9f9f9; box-sizing: border-box;}
.view_tab.first {margin-top:80px; border-top: 0; padding-top: 0;}
.view_tab .layout_fix {text-align: center;}
.view_tab ul {overflow: hidden; display: inline-block; margin-bottom: -1px;}
.view_tab li {display: inline-block; float: left; list-style: none;}
.view_tab li+ li {margin-left: 45px;}
.view_tab .tab_icon { position:absolute; left:0; top:-10px; width:100%; text-align:center;}
.view_tab .tab {height: 65px; font-size: 20px; color: #888; font-weight: 300; letter-spacing: -0.5px; padding:13px 25px 25px; box-sizing: border-box;}
.view_tab .tab .num {font-family: 'Campton'; letter-spacing: -0.2px; font-weight: 300;}
.view_tab .tab:hover {color:#000;}
.view_tab .hit {vertical-align:top; padding-bottom:0px !important;}
.view_tab .hit .tab {position: relative; color:#000; font-weight: 500;}
.view_tab .hit .tab:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #000;}










/* ********************************************** *
 * 상품 상세 : 탭내용
 * ********************************************** */
.view_conts {margin-top:50px}
.view_conts .group_title {color:#333; font-weight:600; font-size:19px; letter-spacing:-1.5px; margin-bottom:15px;}
.view_conts .sub_tit {color:#333; font-weight:600; font-size:17px; letter-spacing:-1.5px;  margin-bottom:10px; position:relative; overflow:hidden;}
.view_detail {overflow:hidden;}

/* 상품정보제공고시 */
.view_notify {overflow:hidden;}
.view_notify table {width:100%; table-layout:fixed;}
.view_notify table th {text-align:left; padding:10px 20px; height:40px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5; font-weight:400; color:#666; letter-spacing:-0.5px; box-sizing:border-box;}
.view_notify table td {padding:10px 20px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#666; }
.view_detail+ .view_notify {margin-top:50px;}
.view_notify+ .view_notify {margin-top:30px;}

/* 배송/교환/반품 안내 */
.view_guide { margin-top:40px;}
.view_guide .sub_tit {border-bottom:1px solid #ddd; padding-bottom:10px;}
.view_guide .add {color:#999; letter-spacing:-0.5px; margin-top:5px; font-size:12px; font-weight:400; position:absolute; right:0; top:0;}
.view_guide .add strong {text-decoration:underline; color:#666;}
.view_guide .txt_box {padding:10px 15px 0; line-height:1.5;}



/* ********************************************** *
 * 서브 상단 (1차카테고리명, 태그)
 * ********************************************** */
.sub_top {margin-top: 60px;}
.sub_top li {list-style: none;}
.sub_top .inner {display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row;}

/* 1차 카테고리명 */
.sub_top .cate {display: flex; flex-direction: column; align-items: flex-start; margin-top: -4px;}
.sub_top .cate .tit_kr {font-size: 40px; color: #000; font-weight: 300; letter-spacing: -0.7px; line-height: 40px;}
.sub_top .cate .bar {width: 100%; height: 4px; background: #000; margin: 18px 0;}
.sub_top .cate .tit_en {font-family: 'Campton'; font-size: 60px; color: #000; font-weight: 600; line-height: 1; white-space: nowrap;}

/* 서브 위치 */
.sub_loc {text-align: right; margin-top: 35px;}
.sub_loc ul {display: inline-block; overflow: hidden; margin-right: -10px; margin-top: -5px;}
.sub_loc li {list-style: none; display: inline-block; float: left;}
.sub_loc li+ li {background: transparent url('../images/iamhome/loc_arrow.png') left 8px no-repeat; padding-left: 5px;}
.sub_loc li .btn {font-family: 'Campton', 'Noto'; font-size: 14px; color: #aaa; font-weight: 300; padding: 5px 10px; box-sizing: border-box; line-height: 17px; letter-spacing: -0.1px;}
.sub_top .sub_loc {margin-bottom: -22px; margin-top: 0;}

/* 인기태그 */
.sub_top .sub_tag {margin-top: 80px;}
.sub_top .sub_tag .tag_box {max-width: 750px; max-height: 40px; overflow: hidden; display: flex; justify-content: flex-end;}
.sub_top .sub_tag ul {overflow: hidden; display: flex; flex-flow: wrap; justify-content: flex-end;}
.sub_top .sub_tag li {display: inline-block; float: left; margin-left: 10px; margin-top: 3px;}
.sub_top .sub_tag .tag {font-size: 14px; color: #999; font-weight: 400; letter-spacing: -0.3px; background: #f5f5f5; height: 36px; line-height: 34px;}
.sub_top .sub_tag .tag {padding: 0 20px; box-sizing: border-box; border-radius: 20px; border: 1px solid #f5f5f5; white-space: nowrap;}
.sub_top .sub_tag .tag:hover {color: #b38877 !important; border-color: #b38877 !important; background: #fff;}
.sub_top .sub_tag .btn_box {display: none; margin-top: 3px; margin-left: 10px;}
.sub_top .sub_tag .btn:hover .on {display: block;}
.sub_top .sub_tag .btn:hover .off {display: none;}
.sub_top .sub_tag .btn .on {display: none;}
.sub_top .sub_tag .btn.close {display: none;}

.sub_top .if_more .btn_box {display: inline-block;}
.sub_top.if_open_tag .sub_tag .tag_box {max-width: 850px; max-height: 100% !important; flex-direction: column; flex-flow: wrap-reverse;}
.sub_top.if_open_tag .sub_tag ul {margin-top: 12px;}
.sub_top.if_open_tag .sub_tag li {margin-top: 10px;}
.sub_top.if_open_tag .sub_tag .tag {background: #fff; border-color: #e5e5e5;}
.sub_top.if_open_tag .sub_tag .btn.more {display: none;}
.sub_top.if_open_tag .sub_tag .btn.close {display: block;}


/* ********************************************** *
 * 상품 상세 : 상품리뷰
 * ********************************************** */
.rv_tit {display: flex; justify-content: space-between; align-items: center; flex-direction: row;}
.rv_tit .tit {font-size: 23px; color: #000; font-weight: 500; letter-spacing: -0.7px; margin-left: 3px;}
.rv_tit .tit .num {font-family: 'Campton'; font-size: 28px; font-weight: 300; letter-spacing: 0; margin-left: 15px;}

.rv_mark {position: relative; overflow: hidden; display: inline-block;}
.rv_mark img {float: left;}
.rv_mark .star {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: #fff;}

.rv_best_mark {position: absolute; top: -1px; right: 30px; text-align: center; width: 50px; height: 39px; z-index: 1; font-size: 0;}
.rv_best_mark img {width: 100%;}

/* 상품리뷰 통계 */
.rv_total {display: table; width: 100%; table-layout: fixed;}
.rv_total li {list-style: none;}

.rv_total .left {display: table-cell; vertical-align: middle; width: 50%; background: #f7f7f7; padding: 60px 0; box-sizing: border-box;}
.rv_total .left .box {width: 100%; display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; padding: 0 40px; box-sizing: border-box;}
.rv_total .left .box li {height: 130px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 0 20px;}
.rv_total .left .tit {font-size: 17px; color: #888; font-weight: 400; letter-spacing: -0.7px; line-height: 15px; white-space: nowrap;}
.rv_total .left .num {font-family: 'Campton'; font-size: 45px; color: #000; font-weight: 600; line-height: 25px; margin-top: 10px; white-space: nowrap;}
.rv_total .left .mark {position: relative; overflow: hidden; display: inline-block; margin-top: 3px;}
.rv_total .left .mark img {float: left;}
.rv_total .left .mark .star {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: #f7f7f7;}
.rv_total .left .review .ic {width: 40px; font-size: 0; margin-top: 5px;}
.rv_total .left .review .ic img {width: 100%;}
.rv_total .left .ratio {}
.rv_total .left .ratio .graph {overflow: hidden; min-width: 110px;}
.rv_total .left .ratio dl {display: inline-block; float: left;}
.rv_total .left .ratio dl+ dl {margin-left: 15px;}
.rv_total .left .ratio dd {font-family: 'Campton'; font-size: 14px; color: #999; font-weight: 300; letter-spacing: -0.5px; margin-top: 5px;}
.rv_total .left .ratio .bar {position: relative; width: 10px; height: 65px; overflow: hidden; font-size: 0; border-radius: 20px; box-sizing: border-box;}
.rv_total .left .ratio .bar img {}
.rv_total .left .ratio .bar_in {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;}

.rv_total .left .no_review {display: none; text-align: center}
.rv_total .left .no_review .tx {font-size: 17px; color: #888; font-weight: 400; letter-spacing: -0.9px; margin-top: 20px; word-break: keep-all;}
.rv_total .left.if_no_review .no_review {display: block;}
.rv_total .left.if_no_review .box {display: none;}

.rv_total .right {display: table-cell; vertical-align: middle; width: 50%; background: #f1f1f1; padding: 55px 0 60px; box-sizing: border-box;}
.rv_total .right .box {width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.rv_total .right .tit {font-size: 19px; color: #000; font-weight: 500; letter-spacing: -0.8px; word-break: keep-all;}
.rv_total .right .tit em {position: relative;}
.rv_total .right .tit em:before {content: ''; position: absolute; bottom: 3px; left: 0; width: 100%; height: 1px; background: #000;}
.rv_total .right .tx {font-size: 14px; color: #999; font-weight: 400; letter-spacing: -0.6px; word-break: keep-all; margin-top: 3px;}
.rv_total .right .btn_box {overflow: hidden; margin-top: 35px;}
.rv_total .right li {display: inline-block; float: left;}
.rv_total .right li+ li {margin-left: 10px;}
.rv_total .right .btn {font-size: 15px; color: #000; font-weight: 400; letter-spacing: -0.5px; padding: 0 58px; border: 1px solid #000; background: #fff; box-sizing: border-box;}
.rv_total .right .btn {height: 50px; line-height: 47px;}
.rv_total .right .btn.dark {background: #000; color: #fff;}

/* 베스트 리뷰 */
.rv_best {display: table; width: 100%; table-layout: fixed; margin-top: 45px; margin-bottom: 70px;}
.rv_best li {list-style: none;}

.rv_best .best_box {display: table-cell; vertical-align: top; width: 50%; padding-right: 30px;}
.rv_best .best_box .cont {position: relative; margin-top: 15px; border: 1px solid #e5e5e5; border-radius: 10px; box-sizing: border-box; padding: 0 30px; height: 170px; display: flex; align-items: center; justify-content: flex-start; width: 100%;}
.rv_best .best_box .rolling_box {flex: 1;}
.rv_best .best_box .review {display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; position: relative; width: 100%;}
.rv_best .rv_thumb {position: relative; background: #f5f5f5 url('../images/skin/none_photo.png') center center no-repeat; flex: none;}
.rv_best .rv_thumb {width: 17%; border-radius: 5px; box-sizing: border-box; overflow: hidden;}
.rv_best .rv_thumb .real_img {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.rv_best .rv_thumb .real_img {transform: scale3d(1, 1, 1); transition: transform 0.95s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.rv_best .review:hover .real_img {transform: scale3d(1.1, 1.1, 1.1);}
.rv_best .rv_thumb .fake_img {overflow: hidden;}
.rv_best .rv_thumb img {width: 100%; float: left;}
.rv_best .best_box .rv_info {padding-left: 30px; position: relative; box-sizing: border-box; flex: 1;}
.rv_best .best_box .rv_info .inline {overflow: hidden;}
.rv_best .best_box .rv_info .inline .rv_mark {display: inline-block; float: left;}
.rv_best .best_box .rv_info .name {display: inline-block; float: left; font-size: 15px; color: #333; font-weight: 400; line-height: 20px; margin-left: 14px; letter-spacing: 0.2px;}
.rv_best .best_box .rv_info .date {display: inline-block; float: left; font-family: 'Campton'; font-size: 14px; color: #999; font-weight: 300; line-height: 20px; margin-left: 12px; margin-top: 3px;}
.rv_best .best_box .rv_info .tag_box {margin-top: 10px;}
.rv_best .best_box .rv_info .tag+ .tag {margin-left: 20px;}
.rv_best .best_box .rv_info .tag {font-size: 14px; color: #999; font-weight: 400; letter-spacing: -0.3px; white-space: nowrap; line-height: 1;}
.rv_best .best_box .rv_info .tx {font-size: 14px; color: #666; font-weight: 400; letter-spacing: -0.4px; margin-top: 8px;}
.rv_best .best_box .rv_info .tx {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 21px; height: 42px;}
.rv_best .best_box .rolling_num {display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 9px;}
.rv_best .best_box .rolling_num .btn {padding: 5px 10px; box-sizing: border-box;}
.rv_best .best_box .num_box {position: relative; font-weight: 300; width: 100%; min-width: 50px; overflow: hidden; margin-top: 4px; display: flex; justify-content: center;}
.rv_best .best_box .num_box .center {font-size: 13px; color: #888; width: 8px; line-height: 1; margin: 0 4px 0 6px; box-sizing: border-box;}
.rv_best .best_box .num_box .num {font-family: 'Campton'; font-size: 16px; color: #888; white-space: nowrap; box-sizing: border-box;}
.rv_best .best_box .num_box .num.hit {color: #000;}

.rv_best .photo_box {display: table-cell; vertical-align: top; width: 50%; padding-left: 30px;}
.rv_best .photo_box .cont {height: 170px; display: flex; align-items: center; margin-top: 15px;}
.rv_best .photo_box ul {overflow: hidden; margin-left: -5px; flex: 1;}
.rv_best .photo_box li {display: inline-block; float: left; width: 20%;}
.rv_best .photo_box .rv_box {position: relative; margin-left: 5px;}
.rv_best .photo_box .rv_thumb {width: auto; height: auto; position: relative;}
.rv_best .photo_box .rv_thumb:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1;}
.rv_best .photo_box .rv_box:hover .real_img {transform: scale3d(1.1, 1.1, 1.1);}
.rv_best .photo_box .sns_ic {position: absolute; left: 10px; bottom: 10px; font-size: 0; z-index: 2;}
.rv_best .photo_box .sns_ic img {display: none;}
.rv_best .photo_box .if_insta .insta {display: block;}
.rv_best .photo_box .if_youtube .youtube {display: block;}
.rv_best .photo_box .more_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center; flex-direction: column; z-index: 3;}
.rv_best .photo_box .more_box .ic {font-size: 0; margin-top: 4px;}
.rv_best .photo_box .more_box .count {font-size: 17px; color: #fff; font-weight: 400; letter-spacing: -0.3px; margin-top: 10px; line-height: 1;}
.rv_best .photo_box .more_box .count em {font-family: 'Campton'; font-size: 20px; font-weight: 300; letter-spacing: 0; margin-right: 2px;}
.rv_best .photo_box .if_more li:nth-of-type(5n) .rv_thumb:before {background: rgba(0, 0, 0, 0.7); z-index: 3;}
.rv_best .photo_box .if_more li:nth-of-type(5n) .more_box {display: flex;}


/* ********************************************** *
 * 상품 상세 : 상품리뷰 - 포토, 영상 모아보기(클릭시 뜨는 창)
 * ********************************************** */
.review_pop {position: fixed; left: 0; top: 100%; width: 100%; height: 100%; z-index: 200; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.review_pop {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.review_pop li {list-style: none;}
.review_pop .bg_black {position: fixed; left: 0; top: 100%; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); z-index: 201;}
.review_pop .bg_black {transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out;}
.review_pop .tit_box {display: block; width: 1150px; z-index: 201; overflow: hidden;}
.review_pop .tit_box .tit_en {float: left; font-family: 'Campton'; font-size: 35px; color: #fff; font-weight: 600; line-height: 1;}
.review_pop .tit_box .tit_kr {float: left; font-size: 21px; color: #fff; font-weight: 300; letter-spacing: -1.5px; opacity: 0.5; filter: alpha(opacity=50); margin-left: 10px;}
.review_pop .tit_box .close_btn {float: right; padding: 10px; box-sizing: border-box; margin-right: -10px; margin-top: -8px;}
.review_pop .pop_box {position: relative; z-index: 201; width: 1150px; margin-top: 10px;}
.review_pop .table {display: table; width: 100%; table-layout: fixed; background: #fff;}
.review_pop .table .left {display: table-cell; vertical-align: top; width: 750px;}
.review_pop .table .right {display: table-cell; vertical-align: top;}
.review_pop .table.bottom {background: rgba(0, 0, 0, 0.85);}
.review_pop .table.bottom .left {padding: 20px 60px; vertical-align: middle; box-sizing: border-box; position: relative;}
.review_pop .table.bottom .right {padding: 20px; vertical-align: middle; box-sizing: border-box;}
.review_pop .box {position: relative;}

/* 리뷰 롤링박스 */
.review_pop .rolling_box {position: relative;}
.review_pop .rolling_box .img {height: 570px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.review_pop .rolling_box .img img {width: 100%;}
.review_pop .rolling_box .video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center; z-index: 10; background: #000; z-index: 10;}
.review_pop .rolling_icon {position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; z-index: 11;}
.review_pop .rolling_icon ul {display: inline-block; overflow: hidden; padding: 0 10px; box-sizing: border-box;}
.review_pop .rolling_icon li {display: inline-block; float: left;}
.review_pop .rolling_icon .btn {padding: 10px; box-sizing: border-box;}
.review_pop .rolling_icon .icon {width: 14px; height: 14px; background: transparent url('../images/iamhome/rolling_ic_on.png') center center no-repeat; opacity: 0.3; filter: alpha(opacity=30);}
.review_pop .rolling_icon .hit .icon {background-image: url('../images/iamhome/rolling_ic_on.png'); opacity: 1; filter: alpha(opacity=100);}
.review_pop .sns_insta {position: absolute; left: 30px; bottom: 30px; z-index: 3; display: none; align-items: center;}
.review_pop .sns_insta .id {font-family: 'Campton'; font-size: 18px; color: #fff; font-weight: 300; letter-spacing: -0.1px; line-height: 1; margin-left: 10px; margin-top: 2px;}
.review_pop .sns_youtube {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; display: none; align-items: center; justify-content: center;}

.review_pop .if_insta .rolling_icon {display: none;}
.review_pop .if_insta .rolling_box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1;}
.review_pop .if_insta .sns_insta {display: flex;}
.review_pop .if_youtube .rolling_icon {display: none;}
.review_pop .if_youtube .rolling_box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1;}
.review_pop .if_youtube .sns_youtube {display: flex;}
.review_pop.if_open_pop_youtube .rolling_box .video {display: flex;}

/* 리뷰 내용 */
.review_pop .rv_info {padding: 30px 30px 0 30px; box-sizing: border-box; max-height: 570px; overflow-y: auto;}
.review_pop .info_top {}
.review_pop .info_top .inline {margin-top: 15px;}
.review_pop .inline {overflow: hidden;}
.review_pop .info_top .name {display: inline-block; float: left; font-size: 15px; color: #333; font-weight: 400; margin-left: 3px; line-height: 20px; letter-spacing: 0.2px;}
.review_pop .info_top .date {display: inline-block; float: left; font-family: 'Campton'; font-size: 14px; color: #999; font-weight: 300; line-height: 20px; margin-left: 8px; margin-top: 3px;}
.review_pop .info_cont {border-top: 1px solid #eee; margin-top: 15px; padding-top: 5px; margin-bottom: 30px;}
.review_pop .info_cont .tag_box {margin-top: 10px;}
.review_pop .info_cont .tag+ .tag {margin-left: 10px;}
.review_pop .info_cont .tag {font-size: 15px; color: #999; font-weight: 400; letter-spacing: -0.3px; white-space: nowrap; line-height: 24px;}
.review_pop .info_cont .tx {font-size: 13px; color: #666; font-weight: 400; letter-spacing: -0.3px; margin-top: 8px; margin-left: 2px; line-height: 23px; word-break: keep-all;}
.review_pop .info_cont .answer {background: #f2f2f2; padding: 15px 20px; box-sizing: border-box; margin-top: 20px;}
.review_pop .answer .name {display: inline-block; float: left; font-size: 15px; color: #b38877; font-weight: 500; letter-spacing: -0.4px; line-height: 20px;}
.review_pop .answer .date {display: inline-block; float: left; font-family: 'Campton'; font-size: 14px; color: #999; font-weight: 300; line-height: 20px; margin-top: 3px; margin-left: 10px;}
.review_pop .answer .tt {font-size: 13px; color: #666; font-weight: 400; letter-spacing: -0.4px; line-height: 20px; word-break: keep-all; margin-top: 3px;}
.review_pop .rv_best_mark {top: 0; display: none;}

.review_pop .if_best .rv_best_mark {display: block;}

/* 리뷰 썸네일 롤링박스 */
.review_pop .thumb_rolling {}
.review_pop .thumb_rolling ul {overflow: hidden; margin-left: -10px;}
.review_pop .thumb_rolling li {display: inline-block; float: left; width: 12.5%;}
.review_pop .thumb_rolling .rv_box {position: relative; margin-left: 10px;}
.review_pop .thumb_rolling .rv_thumb {position: relative; border-radius: 5px; box-sizing: border-box; overflow: hidden;}
.review_pop .thumb_rolling .rv_thumb:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; border: 2px solid transparent; box-sizing: border-box;}
.review_pop .thumb_rolling .rv_thumb:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.review_pop .thumb_rolling .rv_box:hover .rv_thumb:before {background: rgba(0, 0, 0, 0);}
.review_pop .thumb_rolling .rv_box:hover .sns_ic {opacity: 0; filter: alpha(opacity=0);}
.review_pop .thumb_rolling .hit .rv_thumb:before {background: rgba(0, 0, 0, 0); border-color: #ddd;}
.review_pop .rv_thumb .real_img {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.review_pop .rv_thumb .fake_img {overflow: hidden;}
.review_pop .rv_thumb img {width: 100%; float: left;}
.review_pop .thumb_rolling .sns_ic {position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; z-index: 2; display: flex; align-items: center; justify-content: center;}
.review_pop .thumb_rolling .sns_ic {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; opacity: 1; filter: alpha(opacity=100);}
.review_pop .thumb_rolling .sns_ic img {display: none;}
.review_pop .thumb_rolling .if_insta .insta {display: block;}
.review_pop .thumb_rolling .if_youtube .youtube {display: block;}
.review_pop .rolling_btn {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.review_pop .rolling_btn .btn {position: absolute; top: 50%; margin-top: -35px; padding: 25px; box-sizing: border-box;}
.review_pop .rolling_btn .btn.prev {left: 0;}
.review_pop .rolling_btn .btn.next {right: 0;}

/* 리뷰 페이징 */
.review_pop .num_box {position: relative; display: flex; justify-content: center; align-items: center;}
.review_pop .num_box .num {position: absolute; top: 50%; margin-top: -10px; font-family: 'Campton'; font-size: 23px; color: #fff; font-weight: 300; white-space: nowrap; box-sizing: border-box; opacity: 0.5; filter: alpha(opacity=50); line-height: 1;}
.review_pop .num_box .num:first-of-type {right: 50%; padding-right: 10px;}
.review_pop .num_box .num:last-of-type {left: 50%; padding-left: 10px;}
.review_pop .num_box .num.hit {opacity: 1; filter: alpha(opacity=100);}
.review_pop .num_box .center {font-size: 17px; color: #fff; line-height: 1; box-sizing: border-box; opacity: 0.2; filter: alpha(opacity=20); margin-top: -3px;}

.if_open_review_pop .review_pop {top: 0;}
.if_open_review_pop .review_pop .bg_black {top: 0;}






/* ********************************************** *
 * 매거진 목록
 * ********************************************** */
.ma_story.if_sub {}
.ma_story.if_sub .cont {width: calc(100% + 90px); width: -webkit-calc(100% + 90px); width: -moz-calc(100% + 90px); margin: 0 -45px 0 -45px;}
.ma_story.if_sub .cont .ul {padding: 0 45px; position: relative; width: 33.3%;}
.ma_story.if_sub .cont .ul+ .ul:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 300%; background: #e5e5e5;}
.ma_story.if_sub .cont .li {position: relative;}
.ma_story.if_sub .cont .li+ .li {margin-top: 89px;}
.ma_story.if_sub .cont .li+ .li:before {content: ''; position: absolute; left: 0; top: -54px; width: 70px; height: 4px; background: #000;}
.ma_story.if_sub .story_box .tit {max-height: inherit; display: block; overflow: inherit;}
.ma_story.if_sub .story_box .tx {max-height: 100px; -webkit-line-clamp: 5;}




/* ********************************************** *
 * 매거진 뷰페이지
 * ********************************************** */
.story_view {margin-top: -30px;}
.story_view .c_item_list {border-top: 1px solid #e5e5e5; margin-top: 40px; padding-top: 35px; position: relative;}
.story_view .c_promotion {overflow: inherit;}
.story_view .c_promotion .title {text-align: center; color: #333; padding: 20px 130px; font-weight: 500; font-size: 23px;}
.story_view .c_promotion .title {letter-spacing: -1.2px; word-break: keep-all; line-height: 1.4; height: auto;}
.story_view .c_promotion .sns_share {position: absolute; top: 50%; right: 10px; margin-top: -18px;}
.story_view .editor {margin-top: 40px;}

.story_view .magazine_ft {border-top: 1px solid #eee; margin-top: 30px; box-sizing: border-box;}
.story_view .magazine_ft .c_btnbox.pro_btn {margin-top: 0; border: 0;}




/* ********************************************** *
 * 유튜브 목록
 * ********************************************** */
.ma_youtube.if_sub .li:nth-of-type(3n)~ .li {margin-top: 60px;}



/* ********************************************** *
 * 인스타그램 목록
 * ********************************************** */
.ma_insta.if_sub {}
.ma_insta.if_sub .ul {margin-left: -23px;}
.ma_insta.if_sub .li {width: 16.666%;}
.ma_insta.if_sub .li:nth-of-type(6n)~ .li {margin-top: 21px;}
.ma_insta.if_sub .box {margin-left: 23px;}



/* ********************************************** *
 * 상품리뷰 목록
 * ********************************************** */
.review_li {}
.review_li .ul {overflow: hidden; margin-left: -40px;}
.review_li .li {display: inline-block; float: left; width: 25%;}
.review_li .li:nth-of-type(4n)+ .li {clear: both;}
.review_li .li:nth-of-type(4n)~ .li {margin-top: 75px;}
.review_li .rv_box {margin-left: 40px;}
.review_li .rv_thumb {position: relative; width: 100%; border-radius: 20px;}
.review_li .rv_thumb {background: #f5f5f5 url('../images/skin/none_photo.png') center center no-repeat;}
.review_li .rv_thumb .real_img {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.review_li .rv_thumb .real_img {transform: scale3d(1, 1, 1); transition: transform 0.95s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.review_li .rv_thumb .fake_img {overflow: hidden;}
.review_li .rv_thumb img {width: 100%; float: left;}
.review_li .rv_thumb:hover .rv_thumb_box .real_img {transform: scale3d(1.1, 1.1, 1.1);}
.review_li .rv_thumb_box {position: relative; border-radius: 10px; overflow: hidden;}
.review_li .rv_thumb .rv_thumb_box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 1;}
.review_li .rv_thumb .rv_thumb_box:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.review_li .rv_thumb:hover .rv_thumb_box:before {background: rgba(0, 0, 0, 0);}
.review_li .rv_best_mark {display: none; right: 20px; top: 0;}
.review_li .if_best .rv_best_mark {display: block;}
.review_li .rv_sns {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center; flex-direction: column; z-index: 2;}
.review_li .rv_sns .sns_insta {display: none; flex-direction: column; align-items: center; justify-content: center;}
.review_li .rv_sns .sns_insta .ic {margin-top: 20px;}
.review_li .rv_sns .sns_insta .id {font-family: 'Campton'; font-size: 13px; color: #fff; font-weight: 300; margin-top: 7px; line-height: 1;}
.review_li .rv_sns .sns_youtube {display: none;}
.review_li .if_insta .rv_sns, .review_li .if_youtube .rv_sns {display: flex;}
.review_li .if_insta .rv_sns .sns_insta {display: flex;}
.review_li .if_youtube .rv_sns .sns_youtube {display: block;}

.review_li .rv_info {margin: 25px 0 0 0; box-sizing: border-box; position: relative;}
.review_li .inline {overflow: hidden;}
.review_li .inline .mark {display: inline-block; float: left;}
.review_li .rv_mark {position: relative; overflow: hidden; display: inline-block; float: left;}
.review_li .rv_mark img {float: left;}
.review_li .rv_mark .star {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.review_li .rv_info .grade {display: inline-block; float: left; font-family: 'Campton'; font-size: 20px; color: #000; font-weight: 600; margin-left: 8px; line-height: 24px; margin-top: -2px;}
.review_li .rv_info .grade em {font-family: 'Noto'; font-size: 18px;}
.review_li .name {display: inline-block; float: left; font-size: 14px; color: #888; font-weight: 300; line-height: 20px; margin-top: 15px; letter-spacing: 0.5px;}
.review_li .tit {font-size: 17px; color: #000; font-weight: 400; letter-spacing: -1.1px; line-height: 20px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; margin-top: 10px;}
.review_li .tx {font-size: 13px; color: #999; font-weight: 400; letter-spacing: -0.7px; margin-top: 10px;}
.review_li .tx {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 19px; max-height: 38px;}

.review_li .item_area {position: absolute; bottom: -60px; right: 5px; min-height: 86px; z-index: 10;}
.review_li .item_area .thumb {position: absolute; right: 5px; top: 5px; width: 70px; height: 70px; border-radius: 50%; border: 3px solid #fff; box-sizing: content-box;}
.review_li .item_area .thumb {background: #f5f5f5 url(../images/skin/none_photo.png) center center no-repeat; overflow: hidden;}
.review_li .item_area .real_img {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.review_li .item_area .fake_img {overflow: hidden;}
.review_li .item_area .thumb img {width: 100%; float: left;}
.review_li .item_area .info {padding: 8px 100px 8px 25px; height: 70px; box-sizing: content-box; box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.3); border-radius: 50px; background: #fff;}
.review_li .item_area .info {display: none; flex-direction: column; justify-content: center; }
.review_li .item_area .info .item_name {width: 150px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; color: #888; line-height: 1;}
.review_li .item_area .price {margin-top: 13px;}
.review_li .item_area .price .after .won {font-family: 'Campton'; color: #000; line-height: 15px;font-size: 16px; letter-spacing: -0.5px;}
.review_li .item_area:hover .info {display: flex;}


/* ********************************************** *
 * 상품리뷰 뷰페이지
 * ********************************************** */
.review_view {}
.review_view .rv_best_mark {display: none; top: 0; right: 0;}
.review_view .if_best .rv_best_mark {display: block;}
.review_view .rv_conts {display: table; width: 100%; table-layout: fixed; margin-top: 50px;}

.review_view .ct_photo {display: table-cell; vertical-align: top; width: 50%; box-sizing: border-box; position: relative; text-align: center; padding: 0 75px; box-sizing: border-box; overflow: hidden;}
.review_view .ct_photo:before {content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 200%; background: #eee;}
.review_view .rv_conts li {list-style: none;}
.review_view .rv_conts .thumb {overflow: hidden; width: 100%; background: #fafafa url('../images/skin/none_photo.png') center center no-repeat; box-sizing: border-box; position: relative;}
.review_view .rv_conts .thumb .real_img {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.review_view .rv_conts .thumb .fake_img {overflow: hidden;}
.review_view .rv_conts .thumb img {width: 100%; float: left;}
.review_view .rolling_thumb ul {margin-top: 18px; width: 100%; text-align: center; font-size: 0;}
.review_view .rolling_thumb li+ li {margin-left: 10px;}
.review_view .rolling_thumb li {display: inline-block; width: 15%; max-width: 80px; overflow: hidden; border-radius: 10px; position: relative;}
.review_view .rolling_thumb li .btn {position: relative;}
.review_view .rolling_thumb li .btn:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 1;}
.review_view .rolling_thumb li .btn:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.review_view .rolling_thumb li .btn:hover:before {background: rgba(0, 0, 0, 0);}
.review_view .rolling_thumb li.hit:after {content: ''; position: absolute; left: 0; top:0; width: 100%; height: 100%; border: 2px solid #000; border-radius: 10px; box-sizing: border-box;}
.review_view .rolling_thumb li.hit .btn:before {background: rgba(0, 0, 0, 0);}
.review_view .rolling_thumb img {float: left; width: 100%;}

.review_view .ct_info {display: table-cell; vertical-align: top; padding-left: 75px; box-sizing: border-box;}
.review_view .ct_info .inline {overflow: hidden; margin-top: 35px;}
.review_view .ct_info .rv_mark {float: left;}
.review_view .ct_info .grade {display: inline-block; float: left; font-family: 'Campton'; font-size: 20px; color: #000; font-weight: 600; margin-left: 8px;}
.review_view .ct_info .tag_box {margin-top: 30px;}
.review_view .ct_info .tag_box .tag+ .tag {margin-left: 10px;}
.review_view .ct_info .tag_box .tag {font-size: 15px; color: #999; font-weight: 400; letter-spacing: -0.4px;}
.review_view .ct_info .tx {font-size: 15px; color: #666; font-weight: 400; letter-spacing: -0.8px; margin-top: 10px; line-height: 25px; word-break: keep-all;}
.review_view .ct_info .answer {background: #f2f2f2; padding: 15px 20px; box-sizing: border-box; margin-top: 20px; border: 0; }
.review_view .answer .inline {margin-top: 0}
.review_view .answer .name {display: inline-block; float: left; font-size: 15px; color: #b38877; font-weight: 500; letter-spacing: -0.4px; line-height: 20px;}
.review_view .answer .date {display: inline-block; float: left; font-family: 'Campton'; font-size: 14px; color: #999; font-weight: 300; line-height: 20px; margin-top: 3px; margin-left: 10px;}
.review_view .answer .tt {font-size: 13px; color: #666; font-weight: 400; letter-spacing: -0.4px; line-height: 20px; word-break: keep-all; margin-top: 3px;}

.review_view .ct_info .item_area {display: flex; align-items: center; justify-content: flex-start; flex-direction: row; margin-top: 20px;}
.review_view .ct_info .thumb {overflow: hidden; width: 70px; height: 70px; border-radius: 50%; background: #fafafa url('../images/skin/none_photo.png') center center no-repeat; box-sizing: border-box; position: relative;}
.review_view .ct_info .real_img {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.review_view .ct_info .fake_img {overflow: hidden;}
.review_view .ct_info .thumb img {float: left; width: 100%;}
.review_view .ct_info .info {margin-left: 20px;}
.review_view .ct_info .item_name {font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.8px;}
.review_view .ct_info .btn {position: relative; font-size: 13px; color: #888; font-weight: 400; letter-spacing: -0.4px; margin-top: 5px;}
.review_view .ct_info .btn:before {content: ''; position: absolute; left: 0; bottom: 1px; width: 100%; height: 1px; background: #999;}
.review_view .ct_info .btn:hover {color: #000;}

.review_view .reply_box {margin-top: 75px;}






/* ********************************************** *
 * 매거진 뷰페이지 댓글 2021-01-12 KHY
 * ********************************************** */
.magazine_rv {background: #f8f8f8; padding: 35px 60px; box-sizing: border-box;}
.magazine_rv li {list-style: none;}
.magazine_rv .textarea {flex: 1;}
.magazine_rv .textarea textarea {width: 100%; background: #fff; border: 1px solid #ddd; box-sizing: border-box; padding: 15px;}
.magazine_rv .textarea textarea {overflow-y: auto; font-size: 14px; letter-spacing: -0.5px; height: 90px;}
.magazine_rv .textarea textarea::placeholder {color: #bbb;}
.magazine_rv .textarea textarea:focus {border-color: #999;}

/* 타이틀 */
.magazine_rv .title_box {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.magazine_rv .title_box .left {display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.magazine_rv .title_box .right {flex: none;}
.magazine_rv .title_box .rv_tit {font-size: 23px; color: #000; font-weight: 500; line-height: 1; white-space: nowrap; margin-top: -8px; letter-spacing: -0.5px;}
.magazine_rv .title_box .total {font-family: "Campton"; font-size: 27px; color: #b38877; font-weight: 300; letter-spacing: 0; line-height: 1; margin-left: 5px;}
.magazine_rv .title_box .help_tx {font-size: 14px; color: #bbb; letter-spacing: -0.5px;}

/* 등록 폼 */
.magazine_rv .rv_form {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch; margin-top: 5px;}
.magazine_rv .rv_form .btn_box {flex: none; display: inline-flex; flex-direction: row; justify-content: flex-end; align-content: stretch; align-items: stretch;}
.magazine_rv .rv_form .btn_box li {margin-left: 10px;}
.magazine_rv .rv_form .btn_box .btn_ok {width: 150px; height: 90px; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box;}
.magazine_rv .rv_form .btn_box .btn_ok {font-family: "Campton"; font-size: 25px; color: #fff; font-weight: 600; line-height: 1; padding-top: 5px; background: #b38877;}
.magazine_rv .rv_form .photo_box {width: 100px; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; position: relative;}
.magazine_rv .rv_form .photo_box .thumb {width: 100%; height: 90px; position: relative; overflow: hidden; background: #fff;}
.magazine_rv .rv_form .photo_box .thumb {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.magazine_rv .rv_form .photo_box .thumb:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #b38877; box-sizing: border-box;}
.magazine_rv .rv_form .photo_box .img_del {position: absolute; right: 0; top: 0; z-index: 3; width: 25px; height: 25px; background: rgba(0, 0, 0, 0.8);}
.magazine_rv .rv_form .photo_box .img_del {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.magazine_rv .rv_form .photo_box .img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.magazine_rv .rv_form .photo_box .img {background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.magazine_rv .rv_form .photo_box .img:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box;}
.magazine_rv .rv_form .photo_box .label {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.magazine_rv .rv_form .photo_box .input_photo {color: transparent; background: transparent; position: absolute; left: 0; top: 0; width: 100%; z-index: 1; visibility: hidden;}
.magazine_rv .rv_form .photo_box .tt {font-size: 14px; color: #b38877; letter-spacing: -0.5px; line-height: 1; margin-top: 5px;}

/* 댓글 목록 */
.magazine_rv .rv_list {margin-bottom: 60px;}
.magazine_rv .rv_list .mg_rv {margin-top: 35px;}
.magazine_rv .rv_list .mg_rv dt {}
.magazine_rv .rv_list .mg_rv dd {margin-top: 5px; overflow: hidden;}
.magazine_rv .rv_list .mg_rv.depth1 .dd {padding-left: 60px; box-sizing: border-box; position: relative;}
.magazine_rv .rv_list .mg_rv.depth1 .dd:before {content: ''; position: absolute; left: 29px; top: 5px; width: 2px; height: 100%; background: #eee;}
.magazine_rv .rv_list .title_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.magazine_rv .rv_list .title_box .ic {width: 60px; text-align: center;}
.magazine_rv .rv_list .title_box .id {font-size: 18px; color: #000; font-weight: 600; letter-spacing: -0.8px; line-height: 1;}
.magazine_rv .rv_list .title_box .date {font-family: 'Campton'; font-size: 15px; color: #aaa; font-weight: 300; line-height: 1; margin-left: 20px; margin-top: 5px;}
.magazine_rv .rv_list .title_box .del_btn {padding: 10px; margin-top: -10px; margin-bottom: -10px; box-sizing: border-box; font-size: 0; margin-left: 5px;}
.magazine_rv .rv_list .tx_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.magazine_rv .rv_list .tx_box .tt_box {flex: 1;}
.magazine_rv .rv_list .tx_box .tt {font-size: 15px; color: #888; letter-spacing: -0.4px; line-height: 1.6; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.magazine_rv .rv_list .tx_box .img_box {width: 90px; height: 90px; flex: none; position: relative; border-radius: 5px; box-sizing: border-box; overflow: hidden; margin-top: 5px;}
.magazine_rv .rv_list .tx_box .img_box {display: flex; flex-direction: row; justify-content: center; align-items: center; margin-left: 90px;}
.magazine_rv .rv_list .tx_box .img_box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15);}
.magazine_rv .rv_list .tx_box .img_box .img {width: 100%; height: 100%; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important;}
.magazine_rv .rv_list .tx_box .img_box .ic {position: absolute; right: 7px; bottom: 7px; z-index: 2; font-size: 0;}
.magazine_rv .rv_list .btn_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 10px;}
.magazine_rv .rv_list .btn_box li {}
.magazine_rv .rv_list .btn_box li+ li {margin-left: 10px;}
.magazine_rv .rv_list .btn_box .btn {background: #fff; height: 30px; border: 1px solid #ddd; box-sizing: border-box; padding: 0 15px;}
.magazine_rv .rv_list .btn_box .btn {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.magazine_rv .rv_list .btn_box .btn .tt {font-size: 14px; color: #666; letter-spacing: -0.4px; line-height: 1.1; margin-top: -1px;}
.magazine_rv .rv_list .btn_box .btn .num {font-family: 'Campton'; font-size: 14px; font-weight: 600; letter-spacing: -0.4px; color: #666; margin-left: 5px; margin-top: 2px;}
.magazine_rv .rv_list .btn_box .btn .ic {margin-right: 5px; margin-top: -4px;}
.magazine_rv .rv_list .btn_box .btn .ic.on {display: none;}
.magazine_rv .rv_list .btn_box .btn.like {border-color: #b38877;}
.magazine_rv .rv_list .btn_box .btn.like .tt {color: #b38877;}
.magazine_rv .rv_list .btn_box .btn.like .num {color: #b38877;}
.magazine_rv .rv_list .btn_box .btn.like.hit {background: #b38877;}
.magazine_rv .rv_list .btn_box .btn.like.hit .tt {color: #fff;}
.magazine_rv .rv_list .btn_box .btn.like.hit .num {color: #fff;}
.magazine_rv .rv_list .btn_box .btn.like.hit .ic.on {display: block;}
.magazine_rv .rv_list .btn_box .btn.like.hit .ic.off {display: none;}

/* 답글 */
.magazine_rv .rv_list .reply_box {}
.magazine_rv .rv_list .reply_box .reply_li {padding: 15px 40px 40px; box-sizing: border-box; background: #f0f0f0; margin-top: 15px;}
.magazine_rv .rv_list .reply_box dl {padding-top: 15px; padding-left: 20px; box-sizing: border-box; position: relative;}
.magazine_rv .rv_list .reply_box dl:before {content: ''; position: absolute; left: 0; top: 21px; width: 10px; height: 10px; border-left: 1px solid #666; border-bottom: 1px solid #666; box-sizing: border-box;}
.magazine_rv .rv_list .reply_box dl+ dl {margin-top: 20px; border-top: 1px solid #e5e5e5; box-sizing: border-box;}
.magazine_rv .rv_list .reply_box dt {}
.magazine_rv .rv_list .reply_box dd {padding-right: 20px; box-sizing: border-box;}
.magazine_rv .rv_list .reply_box .title_box .id {font-size: 17px; color: #333; font-weight: 500; margin-top: -3px;}
.magazine_rv .rv_list .reply_box .tx_box .tt {font-size: 14px;}
.magazine_rv .rv_list .reply_box .textarea {display: none; padding: 40px 40px; box-sizing: border-box; background: #f0f0f0; margin-top: 15px;}
.magazine_rv .rv_list .reply_box .textarea.if_btn textarea {padding-right: 110px;}
.magazine_rv .rv_list .reply_box .textarea.if_btn .btn_ok {display: flex;}
.magazine_rv .rv_list .reply_box .textarea .inner {position: relative;}
.magazine_rv .rv_list .reply_box .textarea .btn_ok {position: absolute; right: 20px; bottom: 20px; background: #fff; border: 1px solid #b38877;}
.magazine_rv .rv_list .reply_box .textarea .btn_ok {border-radius: 50px; box-sizing: border-box; height: 35px; padding: 0 25px; line-height: 1.1; font-weight: 500;}
.magazine_rv .rv_list .reply_box .textarea .btn_ok {font-size: 14px; color: #b38877; letter-spacing: -0.5px; display: none; flex-direction: row; justify-content: center; align-items: center;}

.magazine_rv .rv_list .mg_rv.if_open_magazine_reply .reply_li {margin-top: -40px;}
.magazine_rv .rv_list .mg_rv.if_open_magazine_reply .textarea {display: block;}

/* 이미지 크게보기 */
.magazine_rv .photo_view {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000;}
.magazine_rv .photo_view {display: none; flex-direction: row; justify-content: center; align-items: center;}
.magazine_rv .photo_view .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: -1;}
.magazine_rv .photo_view .img {position: relative; overflow: hidden; border-radius: 10px; box-sizing: border-box;}
.magazine_rv .photo_view .img img {max-width: 800px; max-height: 700px; }
.magazine_rv .photo_view .close_btn {position: absolute; right: 0; top: 0; font-size: 0; padding: 20px; box-sizing: border-box;}

.magazine_rv .rv_list .mg_rv.if_open_magazine_rv .photo_view {display: flex;}

/* 댓글 없을 때 */
.magazine_rv .rv_none {display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 60px 0;}
.magazine_rv .rv_none .tt {font-size: 17px; color: #aaa; font-weight: 300; letter-spacing: -0.4px; line-height: 1; margin-top: 20px;}