@charset "utf-8";

/*
	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.
	본 소스는 모두 (주)상상너머의 지적 재산이며, 이에 대해 무단도용 및 수정 재배포/재편집등을 절대 금하며 적발 시 법적 대응을 할 것임을 경고합니다.

*/

/*  맞춤제작 미니샵 ========================================= */

/* 상품목록 표기 */
.ct_Mini_list {margin-bottom:10px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row;}
.ct_Mini_list .mini_logo {width:18px; height:18px; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box; border-radius:100px; line-height:1; overflow:hidden; margin-right:5px; flex:none;}
.ct_Mini_list .mini_logo.type_word {font-size:10px; font-weight:600; border:1px solid #ccc; background:#ccc; color:#fff;}
.ct_Mini_list .mini_logo.type_img {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.ct_Mini_list .mini_logo img {width:100%; height:100%; object-fit:cover;}
.ct_Mini_list .mini_name {font-weight:500; color:#333; font-size:13px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box;}

/* 상품상세 표기 */
.ct_Mini_view {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch;}
.ct_Mini_view .mini_logo {width:45px; height:45px; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box; border-radius:100px; line-height:1; overflow:hidden; margin-right:8px; flex:none;}
.ct_Mini_view .mini_logo.type_word {font-size:15px; font-weight:600; border:1px solid #ccc; background:#ccc; color:#fff;}
.ct_Mini_view .mini_logo.type_img {font-size:0px;}
.ct_Mini_view .mini_logo img {width:100%; height:100%; object-fit:cover; display:block;}

.ct_Mini_view .mini_info {display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.ct_Mini_view .mini_info dt {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.ct_Mini_view .mini_info dd {margin-top:5px; color:#888; font-size:12px;}
.ct_Mini_view .mini_info .shop_name {font-size:15px; font-weight:700; color:#000; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ct_Mini_view .mini_info .btn_ctrl {flex:none; margin-left:3px; width:20px; height:20px; background-repeat:no-repeat; background-position:center center; background-size:20px;}
.ct_Mini_view .mini_info .btn_ctrl.type_bookmark {background-image:url('../images/minishop/btn_bookmark.svg');}
.ct_Mini_view .mini_info .btn_ctrl.type_bookmark.hit {background-image:url('../images/minishop/btn_bookmark_on.svg');}
.ct_Mini_view .mini_info .btn_ctrl.type_link {background-image:url('../images/minishop/btn_link.svg');}
.ct_Mini_view .mini_info .explain {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ct_Mini_view .mini_info .copy_url {font-size:11px; letter-spacing:0px;}

.p_Vtop .ct_Mini_view {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eee;}


/* 미니샵 슬라이드 분류추가 */
.ct_Mini_tab {margin-bottom:15px;}
.ct_Mini_tab ul {display:flex; justify-content:center; align-items:center; flex-direction:row}
.ct_Mini_tab li {flex:1}
.ct_Mini_tab .btn_tab {display:flex; justify-content:center; align-items:center; flex-direction:column; height:40px; font-size:15px; font-weight:500; color:#999; border-bottom:1px solid #ddd;}
.ct_Mini_tab  li.hit .btn_tab {border-color:#000; color:#000;}


/* 미니샵 목록 */
.p_Mini_list {}
.p_Mini_list .field {overflow:hidden; text-align:center; margin-bottom:30px;}
.p_Mini_list .field .swipe_box {display:inline-block; max-width:100%;}
.p_Mini_list .field .swipe_box ul {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px; flex-wrap:wrap;}
.p_Mini_list .field .swipe_box li {}
.p_Mini_list .field .btn_field {display:flex; flex-direction:row; justify-content:center; align-items:center; min-width:130px; height:40px; padding:0 10px; font-size:13px; font-weight:600; box-sizing:border-box; border:1px solid #e5e5e5; background:#fff; color:#333; line-height:1; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.p_Mini_list .field li.hit .btn_field {border:1px solid #000 !important; background:#000; color:#fff !important;}

.p_Mini_list .list_ctrl {margin-bottom:20px;}
.p_Mini_list .list_ctrl .layout_fix {display:flex; flex-direction:row; justify-content:flex-end; align-items:flex-end; flex-wrap:wrap;}
.p_Mini_list .list_ctrl .total {flex:1; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; margin-right:auto; font-size:15px;}
.p_Mini_list .list_ctrl .total .field_name {font-weight:800; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.p_Mini_list .list_ctrl .total .count {flex:none; margin-left:5px; font-size:0.9em;}
.p_Mini_list .list_ctrl .open_ctrl {flex:none; display:none; font-size:0;}
.p_Mini_list .list_ctrl .open_ctrl .btn_open {visibility:visible; width:25px; height:25px; background:url('../images/minishop/btn_search.svg') no-repeat center center; background-size:16px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.p_Mini_list .list_ctrl .search_form {overflow:hidden; width:230px; height:40px;}
.p_Mini_list .list_ctrl .search_form form {position:relative; height:40px;}
.p_Mini_list .list_ctrl .search_form .input_search {width:100%; height:100%; padding-right:55px; border-bottom:2px solid #000; box-sizing:border-box; font-size:13px; color:#000;}
.p_Mini_list .list_ctrl .search_form .upper {position:absolute; right:0; top:0; height:100%; display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.p_Mini_list .list_ctrl .search_form .btn_reset {width:20px; height:100%; background:url('../images/minishop/btn_reset.svg') no-repeat center center; background-size:16px;}
.p_Mini_list .list_ctrl .search_form .btn_search {width:30px; height:100%; background:url('../images/minishop/btn_search.svg') no-repeat center center; background-size:18px;}
.p_Mini_list .list_ctrl .search_form .btn_close {padding-right:10px; height:100%; display:none; flex-direction:row; justify-content:center; align-items:center; font-size:12px; line-height:1;}

.p_Mini_list .mini_list {}
.p_Mini_list .mini_list ul {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:60px 40px;}
.p_Mini_list .one_mini {position:relative;}
.p_Mini_list .one_mini .photo {overflow:hidden; position:relative; font-size:0;}
.p_Mini_list .one_mini .photo img {width:100%; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_Mini_list .one_mini .photo .no_img {background:#f5f5f5 url('../images/minishop/none_thumb.svg') no-repeat center center; background-size:31px;}
.p_Mini_list .one_mini .info {margin-top:15px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; font-size:15px;}
.p_Mini_list .one_mini .info .logo {width:40px; height:40px; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box; border-radius:100%; line-height:1; overflow:hidden; margin-right:10px; flex:none;}
.p_Mini_list .one_mini .info .logo.type_word {font-size:0.9em; font-weight:800; border:1px solid #ccc; background:#ccc; color:#fff;}
.p_Mini_list .one_mini .info .logo.type_img {font-size:0px;}
.p_Mini_list .one_mini .info .logo.type_img img {width:100%; height:100%; object-fit:cover;}
.p_Mini_list .one_mini .info dl {padding-right:5px;}
.p_Mini_list .one_mini .info dt {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Mini_list .one_mini .info dd {margin-top:5px; font-size:0.8em; color:#888; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_Mini_list .one_mini .info .shop_name {font-weight:700; color:#000; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.p_Mini_list .one_mini .info .btn_bookmark {flex:none; margin-left:5px; width:20px; height:20px; background:url('../images/minishop/btn_bookmark.svg') no-repeat center center; background-size:20px;}
.p_Mini_list .one_mini .info .btn_bookmark.hit {background-image:url('../images/minishop/btn_bookmark_on.svg');}

/* 미니샵 상세 */
.p_Mini_view {}
.p_Mini_view .visual {display:flex; flex-direction:row; justify-content:stretch; align-items:stretch; position:relative;}
.p_Mini_view .visual dl {position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:35px; text-align:center; padding:0 15px;}
.p_Mini_view .visual dt {font-weight:700; line-height:1.2;}
.p_Mini_view .visual dd {display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; margin-top:10px;}
.p_Mini_view .visual dd.explain {font-size:0.4em; line-height:1.6;}
.p_Mini_view .visual dd.ctrl_btn:before {content:""; display:inline-block; width:1px; height:30px; background:#fff; margin-bottom:15px;}
.p_Mini_view .visual .btn_bookmark {width:30px; height:30px; background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.p_Mini_view .visual .count {margin-top:5px; font-size:10px; white-space:nowrap}
.p_Mini_view .visual .photo {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_Mini_view .visual .photo img {width:100%; height:100%; object-fit:cover}
.p_Mini_view .visual .upper_content {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Mini_view .visual .upper_content:before {content:""; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60);}
.p_Mini_view .visual.type_bg {min-height:300px;}
.p_Mini_view .visual.type_bg dl {color:#fff;}
.p_Mini_view .visual.type_bg .btn_bookmark {background-image:url('../images/minishop/view_bookmark_white.svg');}
.p_Mini_view .visual.type_bg .btn_bookmark.hit {background-image:url('../images/minishop/view_bookmark_white_on.svg');}
.p_Mini_view .visual.type_img dl {padding-top:50px; padding-bottom:50px; color:#000;}
.p_Mini_view .visual.type_img .explain {color:#333;}
.p_Mini_view .visual.type_img .btn_bookmark {background-image:url('../images/minishop/view_bookmark.svg');}
.p_Mini_view .visual.type_img .btn_bookmark.hit {background-image:url('../images/minishop/view_bookmark_on.svg');}

.p_Mini_view .navi {position:relative; background:#fff; font-size:15px;}
.p_Mini_view .navi:before {content:''; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:1px; background:rgba(0,0,0,0.07);}
.p_Mini_view .navi ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; gap:30px;}
.p_Mini_view .navi li {position:relative;}
.p_Mini_view .navi .menu {position:relative; display:flex; flex-direction:row; justify-content:center; align-items:center; height:60px;}
.p_Mini_view .navi .menu:before {content:""; display:none; position:absolute; left:0; bottom:0; z-index:2; width:100%; height:2px; background:#000;}
.p_Mini_view .navi .menu strong {color:rgba(0,0,0,0.5); font-weight:700; line-height:1; white-space:nowrap}
.p_Mini_view .navi .inner {position:relative; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_Mini_view .navi .arrow {margin-left:5px; width:10px; height:10px; background:url('../images/minishop/view_arrow.svg') no-repeat center center; background-size:10px 6px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50); transform:rotate(0); -webkit-transform:rotate(0);}
.p_Mini_view .navi .dot {position:absolute; right:-6px; top:-3px; width:4px; height:4px; background:#f00; border-radius:100%;}
.p_Mini_view .navi li.hit .menu:before {display:block;}
.p_Mini_view .navi li.hit .menu strong {color:#000; text-decoration:none !important;}
.p_Mini_view .navi li.hit .arrow {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}

.p_Mini_view .open_next {position:absolute; top:50px; left:-20px; z-index:30; min-width:100px; padding:15px 0; background:#fff; border:1px solid #eee; border-radius:10px; box-sizing:border-box; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; box-shadow:5px 5px 20px rgba(0,0,0,0.1); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden; transform:translateY(10px);}
.p_Mini_view .open_next .next_menu {display:block; padding:8px 20px; font-size:0.87em; color:#333; font-weight:700; white-space:nowrap; opacity:0.3; filter:alpha(opacity=30); -ms-filter:alpha(opacity=30);}
.p_Mini_view .open_next .next_menu.hit {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); text-decoration:none !important;}
.p_Mini_view .navi li.this_all.if_open .open_next {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible; transform:translate(0);}
.p_Mini_view .navi li.this_all.if_open .arrow {transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.p_Mini_view .page_title {text-align:center; color:#000; font-size:30px; font-weight:600; padding:50px 0;}


/* 미니샵 소개/게시판 */
.p_Mini_about {overflow:hidden;}
.p_Mini_board {overflow:hidden;}


/* 미니샵 메인노출설정 */
.p_Mini_main {overflow:hidden;}
.p_Mini_main+ .p_Mini_main {margin-top:40px; border-top:1px solid #e5e5e5; padding-top:40px;}
.p_Mini_main .ct_Mini_list {display:none}
.p_Mini_main .one_minishop {margin-top:30px;}
.p_Mini_main .one_minishop .layout_fix {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:15px}
.p_Mini_main .one_minishop+.one_minishop {padding-top:40px;}
.p_Mini_main .default_info {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:10px; flex:1; max-width:500px}
.p_Mini_main .default_info .logo {width:54px; aspect-ratio:1/1; box-sizing:border-box; border-radius:100px; overflow:hidden; flex:none; background:#eee; position:relative; overflow:hidden;}
.p_Mini_main .default_info .logo img {width:100%; height:100%; object-fit:cover;}
.p_Mini_main .default_info .info {flex:1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:5px}
.p_Mini_main .default_info .info .shop_name {font-size:18px; font-weight:700; color:#000; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.p_Mini_main .default_info .info .description {font-size:13px; color:#888; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.p_Mini_main .item_list {margin-top:15px;}
.p_Mini_main .btn_bookmark {fleX:none;  transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; opacity:0.3; display:flex; justify-content:center; align-items:center; flex-direction:column; color:#000; margin-left:auto; _5}
.p_Mini_main .btn_bookmark:before {content:""; width:30px; height:30px; background:url('../images/minishop/btn_bookmark.svg') no-repeat center center; background-size:30px;}
.p_Mini_main .btn_bookmark.hit {opacity:1;}
.p_Mini_main .btn_bookmark.hit:before {background-image:url('../images/minishop/btn_bookmark_on.svg');}



/* Max ~ 900px (Mouse Over) ========================================= */
@media screen and (min-width:900px) {

	.ct_Mini_list .shop_name:hover {text-decoration:underline;}
	.ct_Mini_view .mini_info .mini_name:hover {text-decoration:underline;}
	.p_Mini_list .field .btn_field:hover {border-color:#ddd; background:#ddd;}
	.p_Mini_list .one_mini .info .shop_name:hover {text-decoration:underline;}
	.p_Mini_list .one_mini .photo:hover img {transform:scale(1.05); -webkit-transform:scale(1.05);}
	.p_Mini_view .menu_list .menu:hover strong {text-decoration:underline;}
	.p_Mini_view .open_next .next_menu:hover {text-decoration:underline;}
}

/* 1300px 이하 ========================================= */
@media screen and (max-width:1300px) {

}

/* 1100px 이하 ========================================= */
@media screen and (max-width:1100px) {

	.p_Mini_list .mini_list ul {gap:40px 20px}
}

/* 900px 이하 ========================================= */
@media screen and (max-width:900px) {

	.p_Mini_list {margin-top:15px;}
	.p_Mini_list .field .swipe_box ul {flex-wrap:nowrap; width:max-content;}
	.p_Mini_list .field .btn_field {min-width:auto;}
	.p_Mini_list .list_ctrl {margin-bottom:0px;}
	.p_Mini_list .list_ctrl .layout_fix {align-items:center;}
	.p_Mini_list .list_ctrl .open_ctrl {display:block; margin-left:5px;}
	.p_Mini_list .list_ctrl .search_form {width:100%; height:0; margin-top:10px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
	.p_Mini_list .list_ctrl .search_form form {height:50px;}
	.p_Mini_list .list_ctrl .search_form .input_search {border:1px solid #000; background:#fff; padding:10px 95px 10px 15px;}
	.p_Mini_list .list_ctrl .search_form .btn_search {width:40px;}
	.p_Mini_list .list_ctrl .search_form .btn_close {display:flex;}
	.p_Mini_list .list_ctrl.if_open .open_ctrl .btn_open {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20);}
	.p_Mini_list .list_ctrl.if_open .search_form {height:50px; margin-bottom:15px;}
	.p_Mini_list .mini_list ul {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:40px 10px}
	.p_Mini_list .one_mini .info {font-size:14px; margin-top:10px;}
	.p_Mini_list .one_mini .info .logo {width:30px; height:30px; position:absolute; left:0; top:0; margin:8px; box-shadow:0px 0px 0px 2px rgba(255,255,255,1.0);}
	.p_Mini_view .visual dl {font-size:30px;}
	.p_Mini_view .visual dd.ctrl_btn:before {display:none;}
	.p_Mini_view .visual .btn_bookmark {width:25px; height:25px;}
	.p_Mini_view .visual.type_img .layout_fix {padding-left:0px !important; padding-right:0px !important;}
	.p_Mini_view .visual.type_img dl {padding-top:30px; padding-bottom:30px;}
	.p_Mini_view .navi {font-size:14px;}
	.p_Mini_view .navi .layout_fix {padding:0px !important;}
	.p_Mini_view .navi ul {gap:0;}
	.p_Mini_view .navi li {flex:1; position:static}
	.p_Mini_view .navi .menu {padding:0 15px;}
	.p_Mini_view .open_next {left:0px; width:100%; border-radius:0px; top:100%; border:0; box-shadow:0 10px 10px rgba(0,0,0,0.1); text-align:center;}
	.p_Mini_view .page_title {font-size:23px; padding:40px 0;}
}