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

@charset "utf-8";



/* ◆◆◆◆◆ 헤더 (공통) */
.header {background:#3a7d25; overflow:hidden; padding-bottom:12px;}
.header .top {overflow:hidden; padding:20px; padding-bottom:0px;}
.header .top .left_box {float:left;}
.header .top .right_box {float:right;}
.header .top .btn {float:left; height:40px; text-align:center; position:relative;}
.header .top .btn.ic_slide .shape {width:20px; background:#fff; height:2px; position:relative;}
.header .top .btn.ic_slide .shape:before {content:""; background:inherit; width:inherit; height:inherit; position:absolute; left:0; top:6px;}
.header .top .btn.ic_slide .shape:after {content:""; background:inherit; width:inherit; height:inherit; position:absolute; left:0; top:12px;}
.header .top .btn.ic_cart {margin-right:10px;}
.header .top .btn.ic_cart .shape {width:25px; height:33px; background:transparent url('../images/header_ic_cart.png') center center no-repeat; background-size:22px;}
.header .top .btn.ic_my .shape {width:25px; height:33px; background:transparent url('../images/header_ic_my.png') center center no-repeat; background-size:22px;}
.header .top .cart_num {width:15px; height:15px; border-radius:100px; background:#fff; text-align:center; line-height:15px; font-family:"Heebo"; font-weight:600; color:#3a7d25;}
.header .top .cart_num {position:absolute; right:-5px; top:0;}
.header .top .logo {float:left; overflow:hidden; margin-left:10px;}
.header .top .logo img {height:40px; }

.header .search {background:#fff; margin:0 10px; border-radius:100px; overflow:hidden; position:relative; margin-top:6px;}
.header .search .select {position:absolute; left:0; top:0; width:85px; height:100%;}
.header .search .select .shape {background:#fff; border-left:0; box-shadow:1px 0 0 rgba(0,0,0,0.1); border-radius:0px;}
.header .search .select .shape:before {display:none;}
.header .search .select .shape:after {content:""; position:absolute; right:10px; top:50%; margin-top:-2px; width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #3c4042;}
.header .search .select .shape:after {transform:none; -webkit-transform:none; background:none;}
.header .search .select select {border:0; color:#585858; padding-right:0px; padding-left:12px;}
.header .search .input_search {overflow:hidden; box-sizing:border-box; height:40px; box-sizing:border-box; width:100%; padding:2px 40px 0 100px; font-size:15px;}
.header .search .input_search:focus {color:#3a7d25;}
.header .search .btn_search {position:absolute; right:0; top:0; z-index:2}
.header .search .btn_search .btn {width:40px; height:40px; background:transparent url('../images/header_btn_search.png') center center no-repeat; background-size:18px; }






/* ◆◆◆◆◆ 이벤트메뉴 */
.main_event_ctg {background:#fff; height:35px; box-shadow:0 0 1px rgba(0,0,0,0.1); text-align:center;}
.main_event_ctg li {list-style:none; float:left;}
.main_event_ctg .btn {display:block; line-height:36px; height:35px; color:#333; padding:0 5px; margin:0 3px; position:relative; font-size:13px; letter-spacing:-0.5px;}
.main_event_ctg .hit .btn {color:#259d00; font-weight:600; }
.main_event_ctg .hit .btn:before {content:""; width:100%; height:3px; background:#259d00; position:absolute; left:0; bottom:-1px; z-index:5}







/* ◆◆◆◆◆ 푸터 (공통) */
.footer {background:#f9f9f9;}
.footer .bottom_menu {background:#fff; border-top:2px solid #858590; border-bottom:1px solid #b2b2b2; text-align:center; overflow:hidden;}
.footer .bottom_menu ul {display:inline-block;}
.footer .bottom_menu li {list-style:none; float:left;}
.footer .bottom_menu .btn {display:block; padding:0 10px; color:#999; line-height:40px; height:35px;}

.footer .member_menu {text-align:center; overflow:hidden; padding:10px 0;}
.footer .member_menu ul {display:inline-block;}
.footer .member_menu li {list-style:none; float:left; margin:0 2px;}
.footer .member_menu .btn {display:block; color:#93939f; line-height:30px; height:30px; background:#fff; border:1px solid #93939f; border-radius:100px; width:70px; box-sizing:border-box; font-size:11px;}
.footer .member_menu .btn_comm {background:#f7636c; border:1px solid #f7636c; color:#fff;}

.footer .copyright {text-align:center; overflow:hidden; padding:10px;}
.footer .copyright dt {color:#000; font-size:16px; margin-bottom:5px; font-weight:300;}
.footer .copyright dd {font-weight:300; color:#898989; line-height:1.4;}
.footer .copyright dl+ dl {margin-top:15px;}






/* ●●●●● 슬라이드 */
.slide_wrap {position:absolute; left:0; top:0; width:100% !important; height:100% ; background:rgba(0,0,0,0.7); z-index:999; overflow:hidden; box-sizing:border-box; padding-right:80px;}
.slide_wrap .slide_inner {background:#edeef3; max-width:320px; height:100%; box-shadow:0 20px 20px rgba(0,0,0,1); }

.slide_wrap .btn_close {position:absolute; right:5px; top:5px; padding:5px; width:40px; text-align:center;}
.slide_wrap .btn_close .shape {display:inline-block; background:#fff; width:2px; height:34px; position:relative; border-radius:100px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.slide_wrap .btn_close .shape:after {content:""; background:inherit; width:34px; height:2px; position:absolute; top:16px; left:-17px; border-radius:inherit;}

.slide_wrap .mine { overflow:hidden; padding:20px 10px 17px; box-shadow:inset -1px -1px 1px rgba(0,0,0,0.1); }
.slide_wrap .mine .left_box { float:left;  }
.slide_wrap .mine .title { font-size:16px; color:#898989; float:left; margin-right:8px; }
.slide_wrap .mine .title strong { color:#000; font-weight:400; }
.slide_wrap .mine .login { float:left; background:#b9bbc2; }
.slide_wrap .mine .login .btn { display:block; color:#fff; line-height:19px; height:18px; font-size:12px; padding:0 8px; }

.slide_wrap .mine .level { float:right; height:25px; line-height:27px; padding:0 17px; margin-top:-5px; }
.slide_wrap .mine .if_level1 { color:#7f7f7f; background:#fff; border:1px solid #909090; border-radius:20px; }

.slide_wrap .member { overflow:hidden; background:#fff; }
.slide_wrap .btn_wrap { overflow:hidden; padding:10px; }
.slide_wrap .btn_wrap ul { margin-left:-10px; }
.slide_wrap .btn_wrap li { float:left; width:50%; list-style:none; text-align:center; box-sizing:border-box; }
.slide_wrap .btn_wrap .btn { background:#62a535; color:#fff; display:block; margin-left:10px; height:30px; line-height:30px; font-size:13px; }

.slide_wrap .info_box { overflow:hidden; padding:0 10px 15px 10px; }
.slide_wrap .info_box .box { float:left; width:50%; }
.slide_wrap .info_box .box ul { padding:0 10px 0 4px; }
.slide_wrap .info_box .box+ .box ul { padding-left:9px; }
.slide_wrap .info_box .box li { list-style:none; overflow:hidden; padding-top:5px; }
.slide_wrap .info_box .opt { float:left; color:#373737; line-height:13px;}
.slide_wrap .info_box .value { float:right; color:#8b8b8b; margin-top:-2px; }
.slide_wrap .info_box .value strong { color:#62a535; font-family:"Heebo"; font-size:14px; margin-right:2px; line-height:15px; float:left; }
.slide_wrap .info_box .value em { margin-top:1px; float:left; }

.slide_wrap .category { overflow:hidden; background:#edeef3; padding:15px 10px; box-shadow:inset -1px 1px 1px rgba(0,0,0,0.1);  }
.slide_wrap .category .title { font-size:15px; color:#000; background:transparent url('../images/deco_ctg.png') left 3px no-repeat; background-size:10px; padding-left:15px; }
.slide_wrap .category .ctg_box { box-shadow:0 0 1px rgba(0,0,0,0.5); margin-top:5px; }
.slide_wrap .ctg_box .menu_box { text-align:center; background:#dddee3; }
.slide_wrap .ctg_box .menu_box .menu_tit { text-align:left; border-top:1px solid #b7b9c0; }
.slide_wrap .ctg_box .menu_box:first-child .menu_tit { border-top:0; }
.slide_wrap .ctg_box .menu_box .menu { border-top:1px solid #ccc; }
.slide_wrap .ctg_box .menu_box .menu { display:none; }
.slide_wrap .ctg_box .menu_box .btn_all { display:none; }
.slide_wrap .ctg_box .menu_box.if_open_depth2 .menu { display:block; }
.slide_wrap .ctg_box .depth1 {display:block; background:#fff; font-weight:300; color:#000; font-size:15px; height:40px; box-sizing:border-box; padding:12px 15px 0; position:relative;}
.slide_wrap .ctg_box .depth1:before {content:""; position:absolute; right:15px; top:0; border:1px solid #c4c5c6; width:9px; height:9px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.slide_wrap .ctg_box .depth1:before { border-top:0; border-left:0; top:13px;}
.slide_wrap .ctg_box .menu_box:first-child dt { border-top:0; }
.slide_wrap .ctg_box .menu_box .btn_all { font-size:12px; color:#a2a2a2; background:#fff; border-bottom:1px solid #a1a2a6; height:25px; line-height:26px; padding:0 20px; border-radius:5px; margin:10px 0; }
.slide_wrap .ctg_box .menu_box .btn_all { box-sizing:border-box; }
.slide_wrap .ctg_box .menu_box .btn_all strong { color:#000; font-weight:400;}
.slide_wrap .ctg_box .if_open_depth2 dl { border-bottom:1px solid rgba(0,0,0,0.1); }
.slide_wrap .ctg_box .if_open_depth2 dt { border-bottom:1px solid rgba(0,0,0,0.1); }
.slide_wrap .ctg_box .if_open_depth2 dd {display:block !important;}
.slide_wrap .ctg_box .if_open_depth2 .depth1:before {border:1px solid #3c4042; border-bottom:0; border-right:0; top:20px; }
.slide_wrap .ctg_box .if_open_depth2 .btn_all { display:inline-block; }

.slide_wrap .ctg_box.if_cs { margin-top:12px; box-shadow:none; }
.slide_wrap .ctg_box.if_cs dl { margin-bottom:1px; }
.slide_wrap .ctg_box.if_cs dt { border-bottom:0; }
.slide_wrap .ctg_box.if_cs .depth1 { color:#000; }
.slide_wrap .ctg_box.if_cs .if_cscenter { background:#cbccd1 url('../images/deco_cs.png') 15px center no-repeat; background-size:11px; padding-left:31px; }
.slide_wrap .ctg_box.if_cs .if_cscenter:before { border:1px solid #a0a2a6; border-top:0; border-left:0; }
.slide_wrap .ctg_box.if_cs .if_mypage { background:#cbccd1 url('../images/deco_mypage.png') 15px center no-repeat; background-size:11px; padding-left:31px; }
.slide_wrap .ctg_box.if_cs .if_mypage:before { border:1px solid #a0a2a6; border-top:0; border-left:0; }
.slide_wrap .ctg_box.if_cs .if_open_depth2 dd {display:block !important;}
.slide_wrap .ctg_box.if_cs .if_open_depth2 .depth1:before {border:1px solid #3c4042; border-bottom:0; border-right:0; top:20px; }

.slide_wrap .ctg_box .menu { display:table; table-layout:fixed; text-align:left; border-bottom:1px solid #c0c1c5; }
.slide_wrap .ctg_box .menu ul { display:table-row; border-bottom:1px solid #b7b9c0; }
.slide_wrap .ctg_box .menu ul:last-child { border-bottom:0; }
.slide_wrap .ctg_box .menu li { display:table-cell; width:1%; vertical-align:middle; }
.slide_wrap .ctg_box .menu li { color:rgba(99,99,99,0.7); height:30px; }
.slide_wrap .ctg_box .menu li:first-child { border-right:1px solid #b7b9c0; }
.slide_wrap .ctg_box .depth2 { display:block; position:relative; padding:8px 10px 5px 27px; height:100%; line-height:14px;}
.slide_wrap .ctg_box .depth2:before {content:""; position:absolute; left:15px; top:8px; border:1px solid #b1b2b6; width:5px; height:5px; border-top:0; border-right:0; }

.slide_wrap .myitem { overflow:hidden; margin:0 10px; border:1px solid rgba(149,149,149,0.5); background:#fff; }
.slide_wrap .myitem .tabmenu {overflow:hidden; position:relative; }
.slide_wrap .myitem .tabmenu:before { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:rgba(149,149,149,0.5); }
.slide_wrap .myitem .tabmenu li {float:left; width:50%; text-align:center; list-style:none;}
.slide_wrap .myitem .tabmenu .tab { color:#939393; font-size:12px; line-height:38px; height:37px; display:block; border-bottom:1px solid rgba(149,149,149,0.5); }
.slide_wrap .myitem .tabmenu .hit .tab { color:#000; border-bottom:0; }
.slide_wrap .myitem .myitem_list {overflow:hidden; padding:10px 6px;  }
.slide_wrap .myitem .myitem_list ul {overflow:hidden;}
.slide_wrap .myitem .myitem_list li {float:left; width:33.33333%; box-sizing:border-box; padding:0 4px; list-style:none;}
.slide_wrap .myitem .item_box {margin:0; position:relative; text-align:left}
.slide_wrap .myitem .item_box .name { display:block; font-size:11px; line-height:13px; margin-top:3px; }
.slide_wrap .myitem .item_box .name {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; height:auto;}
.slide_wrap .myitem .item_box .item_price {margin-top:2px}
.slide_wrap .myitem .item_box .item_price .after { color:#dd0000; font-family:"Heebo"; font-weight:600; letter-spacing:0px; }
.slide_wrap .myitem .item_box .thumb {overflow:hidden; position:relative; background:rgba(0,0,0,0.1) url('../images/input_photo_none.png') center center no-repeat; background-size:35px; margin:0px;}
.slide_wrap .myitem .item_box .thumb .thumb_fake {overflow:hidden;}
.slide_wrap .myitem .item_box .thumb .thumb_fake img {width:100%; float:left;}
.slide_wrap .myitem .item_box .thumb .thumb_real {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
.slide_wrap .myitem .item_box .thumb .thumb_real img {width:100%; float:left;}


.slide_wrap .myitem .paginate {text-align:center; overflow:hidden; padding-bottom:8px; }
.slide_wrap .myitem .paginate .lineup {background:#ededed; border-radius:100px;  height:24px; }
.slide_wrap .myitem .paginate .paging {float:left; font-size:12px; font-weight:300; color:#999; line-height:26px; padding:0 10px; border-top:0; border-bottom:0}
.slide_wrap .myitem .paginate .paging strong {font-weight:300; color:#000;}
.slide_wrap .myitem .paginate .prevnext {float:left; position:relative;}
.slide_wrap .myitem .paginate .prevnext a {display:block; width:30px; height:24px; position:relative;}
.slide_wrap .myitem .paginate .icon {border:1px solid #666; width:9px; height:9px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position:absolute; top:50%; margin-top:-5px}
.slide_wrap .myitem .paginate .prev .icon {border-top:0; border-right:0; left:13px; }
.slide_wrap .myitem .paginate .next .icon {border-bottom:0; border-left:0; right:13px; }

.slide_wrap .bottom_btn { overflow:hidden; margin:15px 20px; }
.slide_wrap .bottom_btn li { float:left; width:33.33333%; list-style:none; text-align:center; position:relative; }
.slide_wrap .bottom_btn .icon { width:38px; height:38px; border-radius:100px; box-sizing:border-box; padding-top:8px; }
.slide_wrap .bottom_btn .blog .icon { background:#29b311; }
.slide_wrap .bottom_btn .kstory .icon { background:#fcbf00; }
.slide_wrap .bottom_btn .comm .icon { background:#5f6166; }
.slide_wrap .bottom_btn .icon img { width:17px; }
.slide_wrap .bottom_btn .tit { display:block; font-size:12px; margin-top:5px; }
.slide_wrap .bottom_btn .blog .tit { color:#29b311; }
.slide_wrap .bottom_btn .kstory .tit { color:#bb8e00; }
.slide_wrap .bottom_btn .comm .tit { color:#5f6166; }











/* ♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥ 아이템박스(공통) */
.item_box {position:relative; overflow:hidden; text-align:center; box-sizing:border-box; text-align:center;}
.item_box .upper_icon {position:absolute; left:0; top:0; z-index:6; overflow:hidden;}
.item_box .upper_icon img {float:left; height:15px; width:auto !important;}

.item_box .thumb {overflow:hidden; background:#f1f1f1 url('../images/item_thumb_none.png') center center no-repeat; background-size:30px; position:relative; margin:5px auto; max-width:100px; }
.item_box .thumb img {width:100%; float:left;}
.item_box .thumb .fake_img {overflow:hidden;}
.item_box .thumb .real_img {position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; overflow:hidden;}

.item_box .info {margin-top:8px;}
.item_box .info .name {color:#000; font-size:13px; overflow:hidden; line-height:17px; height:35px;}
.item_box .info .name { text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.item_box .info .name_add {color:#FF6600; line-height:14px; margin-top:5px; font-size:12px;}
.item_box .info .name_add {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; display:none; }

.item_box .from {margin-top:3px; overflow:hidden;}
.item_box .from .lineup {display:block;}
.item_box .from .by {color:#a0a0a0; /* max-width:65px; display:inline-block !important; */}
.item_box .from .by {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.item_box .from .public {color:#a0a0a0; margin-left:8px; padding-left:8px; position:relative; display:inline-block !important;}
.item_box .from .public {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important;  display:none !important;}
.item_box .from .public:before {content:""; width:1px; height:11px; background:#d2d2d2; position:absolute; left:0; top:1px; }
.item_box .from .date_issue {display:none; color:#a0a0a0; position:relative; margin-left:8px; padding-left:8px;}
.item_box .from .date_issue:before {content:""; width:1px; height:11px; background:#d2d2d2; position:absolute; left:0; top:1px; }

.item_box .price {margin-top:1px;}
.item_box .price .after {float:left;}
.item_box .price .after strong {color:#d90000; font-family:"Heebo"; font-size:14px; float:left; font-weight:600;}
.item_box .price .after em {color:#000; float:left; margin:2px 0 0 1px; font-size:13px;}
.item_box .price .before {float:left; position:relative; overflow:hidden; padding:0 10px 0 3px; margin:0px 10px 0 0; display:none;}
.item_box .price .before strong {color:#a0a0a0; font-family:"Heebo"; font-size:14px; font-weight:300; float:left; }
.item_box .price .before em {color:#000; float:left; margin:4px 0 0 1px; display:none;}
.item_box .price .before:before {content:""; border:1px solid rgba(0,0,0,0.3); width:8px; height:8px; position:absolute; right:2px; top:50%; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.item_box .price .before:before {border-left:0; border-bottom:0; margin-top:-4px;}
.item_box .price .before:after {content:""; background:rgba(0,0,0,0.3); width:100%; height:1px; position:absolute; right:0; top:50%;}

.item_box .benefit {margin-top:0; overflow:hidden; height:20px;}
.item_box .benefit span { font-family:"Heebo"; color:#13a11b; font-size:13px;}
.item_box .benefit .discount {float:left;font-size:13px;background:transparent url('../images/item_box_discount.png') right 4px no-repeat; background-size:8px; padding-right:10px; margin-right:3px;}
.item_box .benefit .discount strong {font-weight:400;}
.item_box .benefit .point {float:left; background:transparent url('../images/item_box_point.png') right 3px no-repeat; background-size:12px; padding-right:15px; margin-left:3px;}
.item_box .benefit .point strong {font-weight:400;}

.item_box .deliver {display:none; position:absolute; right:46px; bottom:10px; color:#888;}
.item_box .deliver.if_free {color:#ea0000;}

.item_box .mark {width:73px; height:14px; overflow:hidden; background:transparent url('../images/mark_star.png') left bottom no-repeat; background-size:73px; display:none; z-index:5}
.item_box .mark {position:absolute; left:10px; bottom:12px;}
.item_box .mark .star {width:100%; height:100%; position:absolute; left:0; top:0; background:transparent url('../images/mark_star.png') left top no-repeat; background-size:73px; }

.item_box .btn_wish {display:none; position:absolute; right:8px; bottom:-1px; z-index:20; overflow:hidden; height:34px;}
.item_box .btn_wish .btn {position:relative; overflow:hidden; padding:2px; box-sizing:border-box;}
.item_box .btn_wish .shape {width:26px; height:26px; background:#ccc url('../images/list_btn_wish.png') center 7px no-repeat; background-size:55% 50%; border-radius:100px; }
.item_box .btn_wish.if_wish_hit .shape {background-color:#129b2a;}

.item_box .soldout {position:absolute; left:0; top:0; background:rgba(0,0,0,0.7); width:100%; height:100%; text-align:center; z-index:5}
.item_box .soldout .soldout_txt {background:transparent url('../images/soldout_ic.png') center top no-repeat; background-size:30px; padding-top:39px; color:#fff; letter-spacing:-1px; font-size:11px;}
.item_box .soldout .soldout_txt {position:absolute; left:0; top:50%; width:100%; margin-top:-30px;}
.item_box .soldout strong {color:#3dff00; font-size:15px; display:block; margin-bottom:3px;}






/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 아이템리스트 (아이템 전체사이트 전체공통) */
.product_list {background:#fff; overflow:hidden; box-shadow:0 0 2px rgba(0,0,0,0.2); position:relative;}
.product_list ul {overflow:hidden; margin-top:-1px;}
.product_list li {list-style:none; box-sizing:border-box; float:left; width:33.3333%; padding:4px; position:relative;}
.product_list li:before {content:""; width:500%; height:1px; background:#ddd; position:absolute; left:0; bottom:-1px;}
.product_list li:nth-of-type(3n)+ li {clear:both}

.product_list .design_border {background:#ddd; position:absolute; top:0; width:1px; height:100%; }
.product_list .design_border.border1 {left:33.3333%; }
.product_list .design_border.border2 {left:66.6666%; }
.product_list .design_border.border3 {display:none;}

.product_list.if_col2 li {width:50%; padding:8px 12px; }
.product_list.if_col2 li:nth-of-type(3n)+ li {clear:none}
.product_list.if_col2 li:nth-of-type(2n)+ li {clear:both}
.product_list.if_col2 .design_border.border1 {left:50%}
.product_list.if_col2 .design_border.border2 {display:none;}
.product_list.if_col2 .design_border.border3 {display:none;}

/* wide */
@media screen and (min-width:550px) {
/* 	.product_list li {width:25% !important;}
	.product_list li:nth-of-type(2n)+ li {clear:none !important}
	.product_list li:nth-of-type(3n)+ li {clear:none !important}
	.product_list li:nth-of-type(4n)+ li {clear:both !important}
	.product_list .design_border.border1 {left:25% !important; display:block !important;}
	.product_list .design_border.border2 {left:50% !important; display:block !important;}
	.product_list .design_border.border3 {left:75% !important; display:block !important;} */
}


/* 리스트형 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.product_list.if_type_list {background:none; box-shadow:none !important}
.product_list.if_type_list li {float:none !important; width:100% !important; padding:10px; padding-bottom:0px; overflow:hidden; margin-top:10px; background:#fff; box-shadow:0 0 1px rgba(0,0,0,0.2);}
.product_list.if_type_list li:before {display:none;}
.product_list.if_type_list li:last-of-type:before {display:none !important;}
.product_list.if_type_list li:first-of-type {margin-top:0px;}
.product_list.if_type_list .design_border {display:none !important;}
.product_list.if_type_list .item_box {min-height:136px; padding-left:110px; text-align:left; overflow:visible; margin-bottom:45px; position:static}
.product_list.if_type_list .thumb {position:absolute; left:10px; top:10px; width:100px; margin:0px;}
.product_list.if_type_list .upper_icon {position:relative; }
.product_list.if_type_list .info {margin-top:3px;}
.product_list.if_type_list .name {font-size:14px; line-height:19px; height:auto;}
.product_list.if_type_list .name_add {display: -webkit-box;}
.product_list.if_type_list .by {float:left;}
.product_list.if_type_list .public {display:inline-block !important; float:left;}
.product_list.if_type_list .before {display:inline-block;}
.product_list.if_type_list .item_box:after { content:""; width:100%; height:1px; background:rgba(0,0,0,0.03); position:absolute; left:0; bottom:0; height:35px; box-shadow:inset 0 0 1px rgba(0,0,0,0.3);}
.product_list.if_type_list .price {margin-top:3px;}
.product_list.if_type_list .mark {display:block;}
.product_list.if_type_list .btn_wish {display:block;}
.product_list.if_type_list .deliver {display:block;}






/* 타이틀 공통 */
.main_group_title {position:relative; height:27px; padding:5px 0 0; }
.main_group_title .txt {color:#000; font-size:15px; font-weight:600; }


/* ● 메인롤링 */
.main_rolling {overflow:hidden; background:#fff; box-shadow:1px 1px 1px rgba(0,0,0,0.1); clear:both; }
.main_rolling .rolling_box {overflow:hidden; }
.main_rolling .rolling_box a {float:left; display:block; width:100%;}
.main_rolling .rolling_box img {float:left; width:100%;}

.main_rolling .rolling_icon { position:relative; text-align:center; margin:3px 0 6px; }
.main_rolling .rolling_icon ul {display:inline-block; overflow:hidden;}
.main_rolling .rolling_icon li {display:inline-block; float:left; margin:0 2px}
.main_rolling .rolling_icon .icon { width:5px; height:5px; box-sizing:border-box; background:#9a9ca1; border-radius:100px; }
.main_rolling .rolling_icon .active {background:#363944;}


/* ● 메인 중간 배너 */
.main_mid_bn { overflow:hidden; padding:10px 0 0 0; position:relative;}
.main_mid_bn:before {content:""; width:8px; height:100%; background:#ededed; position:absolute; left:0; top:0; z-index:5}
.main_mid_bn:after {content:""; width:8px; height:100%; background:#ededed; position:absolute; right:0; top:0; z-index:5}
.main_mid_bn .rolling_bn ul { overflow:hidden;}
.main_mid_bn .rolling_bn li { float:left; width:50%; list-style:none; box-sizing:border-box; padding:0 2px;}
.main_mid_bn .rolling_bn a,
.main_mid_bn .rolling_bn img { float:left; width:100%; }


.main_mid_bn .rolling_icon { position:relative; text-align:center; margin-top:5px; }
.main_mid_bn .rolling_icon ul {display:inline-block; overflow:hidden;}
.main_mid_bn .rolling_icon li {display:inline-block; float:left; margin:0 2px; width:auto; padding:0; }
.main_mid_bn .rolling_icon .icon { width:6px; height:6px; box-sizing:border-box; background:#9a9ca1; border-radius:100px; }
.main_mid_bn .rolling_icon .active {background:#363944;}


/* ● 메인 full 배너 */
.main_full_bn {overflow:hidden; margin:2px 0 10px 0; }
.main_full_bn a {float:left; display:block; width:100%;}
.main_full_bn img {width:100%; float:left;}


/* ● 자격증별, 출발사별 교재모음 */
.main_license { overflow:hidden; background:#fff; padding:15px 10px 20px; box-shadow:1px 1px 1px rgba(0,0,0,0.1),1px -1px 1px rgba(0,0,0,0.1); margin-top:15px; }
.main_license .license { overflow:hidden; }
.main_license .license ul { overflow:hidden; border:1px solid #38a200; position:relative;}
.main_license .license ul:before { content:""; position:absolute; left:33.3333%; top:0; width:1px; height:100%; background:rgba(0,0,0,0.1); }
.main_license .license ul:after { content:""; position:absolute; left:66.6666%; top:0; width:1px; height:100%; background:rgba(0,0,0,0.1); }
.main_license .license li { float:left; width:33.33333%; list-style:none; border-bottom:1px solid rgba(0,0,0,0.1); box-sizing:border-box; height:30px; }
.main_license .license .btn { display:block; font-size:12px; color:#777; padding:0 10px; height:30px; line-height:32px; }
.main_license .license li:last-child { border-bottom:0; }
.main_license .license li:nth-last-child(2) { border-bottom:0; }
.main_license .license li:nth-last-child(3) { border-bottom:0; }

.main_license .public { overflow:hidden; margin-top:15px; }
.main_license .public .pu_list { overflow:hidden; position:relative; border:1px solid #9a9a9a;}
.main_license .public .pu_list .design_border {background:rgba(0,0,0,0.1); position:absolute; top:0; width:1px; height:100%; z-index:2; }
.main_license .public .pu_list .design_border.border1 {left:25%; }
.main_license .public .pu_list .design_border.border2 {left:50%; }
.main_license .public .pu_list .design_border.border3 {left:75%; }
.main_license .public ul { overflow:hidden; border-bottom:0; }
.main_license .public li { float:left; width:25%; list-style:none; position:relative; text-align:center;  box-sizing:border-box; }
.main_license .public li:before {content:""; width:500%; height:1px; background:#ddd; position:absolute; left:0; bottom:-1px;}
.main_license .public .logo { padding:5px; }
.main_license .public .logo img { width:100%; }
.main_license .public .name { background:#f1f1f1; font-size:11px; color:#555; display:block; padding:0 5px; height:18px; line-height:20px; }
.main_license .public .name { overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}


/* 자격증별 작은화면 */
@media screen and (max-width:360px) {

	.main_license .license ul:before { left:50%; }
	.main_license .license ul:after { display:none; }
	.main_license .license li { width:50%; }
	.main_license .license li:nth-last-child(3) { border-bottom:1px solid rgba(0,0,0,0.1); }

}


/* ● 기대평, 이용후기 모음 */
.main_event {padding:15px 8px; overflow:hidden; background:#fff; margin-top:15px; box-shadow:1px 1px 1px rgba(0,0,0,0.1),1px -1px 1px rgba(0,0,0,0.1); }
.main_event .main_group_title {height:25px; line-height:25px; margin-bottom:5px;}

.main_event .event_box { position:relative; overflow:hidden; }
.main_event .event_box .prevnext {position:absolute; right:0; top:3px;}
.main_event .event_box .prevnext a {border:1px solid #d3d3d3; width:25px; height:25px; }
.main_event .event_box .prevnext .icon { /*background:transparent url('../images/main_evbn_pvnx.gif') left top no-repeat;*/ margin-top:8px;}
.main_event .event_box .prevnext .icon { width:8px; height:8px; border:1px solid #000; border-top:0; border-right:0;  transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.main_event .event_box .prevnext.prev {margin-right:25px;}
.main_event .event_box .prevnext.prev .icon { margin-left:10px; }
.main_event .event_box .prevnext.next .icon { border:1px solid #000; border-bottom:0; border-left:0; margin-left:6px; }
.main_event .event_box .prevnext.next a { border-left:0; }

.main_event .event_list {overflow:hidden;}
.main_event .event_list ul {}
.main_event .event_list li { float:left; width:50%; list-style:none; box-sizing:border-box; margin-bottom:4px; padding-right:2px;}
.main_event .event_list li:nth-of-type(2n) {padding-right:0px; padding-left:2px;}
.main_event .event_list .bn_box,
.main_event .event_list .bn_box a,
.main_event .event_list .bn_box .img,
.main_event .event_list .bn_box .img img { width:100%; float:left;}

.main_event .postscript_box { overflow:hidden; margin-top:10px;}
.main_event .postscript_list { overflow:hidden; border:1px solid #d1d1d1;}
.main_event .postscript_list ul {margin-top:-1px;}
.main_event .postscript_list li {list-style:none; overflow:hidden; border-top:1px solid #e5e5e5;}
.main_event .postscript_list .posting {overflow:hidden; position:relative; padding:10px 10px 0; box-sizing:border-box; height:95px;}
.main_event .postscript_list .posting .thumb {width:56px; height:77px; overflow:hidden; position:absolute; left:10px; top:10px; background:#f1f1f1 url('../images/item_thumb_none.png') center center no-repeat; background-size:25px;}
.main_event .postscript_list .posting .thumb img {width:100%; float:left;}
.main_event .postscript_list .posting .conts {margin:5px 0 0 65px;}
.main_event .postscript_list .posting .item_name {color:#000; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; letter-spacing:-0.5px; margin-bottom:3px;}
.main_event .postscript_list .posting .conts dt {color:#417eb5; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; margin-top:8px; font-size:11px;}
.main_event .postscript_list .posting .conts dd {color:#999; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; padding-top:3px; font-size:11px;}
.main_event .postscript_list .mark {width:73px; height:14px; overflow:hidden; background:transparent url('../images/mark_star.png') left bottom no-repeat; position:relative; background-size:73px; }
.main_event .postscript_list .mark .star {width:100%; height:100%; position:absolute; left:0; top:0; background:transparent url('../images/mark_star.png') left top no-repeat; background-size:73px; }
.main_event .postscript_box .btm_btn { overflow:hidden; text-align:center; border:1px solid #ddd; margin-top:8px; }
.main_event .postscript_box .btn_more { display:block; color:#646464; letter-spacing:-0.5px; font-size:12px; padding:10px 0; }



/* ● 메인 고객센터 */
.main_cs { overflow:hidden; background:#fff; box-shadow:1px 1px 1px rgba(0,0,0,0.1),1px -1px 1px rgba(0,0,0,0.1); margin-top:15px; position:relative; }
.main_cs .cs_top { overflow:hidden; position:relative; border-bottom:1px solid #dadada; }
.main_cs .cs_top:before { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#dadada; }

.main_cs .cs_top li { float:left; width:50%; list-style:none; box-sizing:border-box; padding:10px; }
.main_cs .tel_box { }
.main_cs .tel_box dt {font-family:"Heebo"; color:#3a7d25; font-size:28px; font-weight:300; letter-spacing:-0.5px;}
.main_cs .tel_box dd {line-height:15px; padding-left:5px; font-size:11px; color:#606060; }
.main_cs .tel_box dd em {color:#3c3c3c; font-family:"Heebo"; }
.main_cs .tel_box dd strong {width:35px; display:inline-block; color:#b4b4b4; font-family:inherit; font-weight:400; }

.main_cs .bank_box { }
.main_cs .bank_box ul { overflow:hidden; margin-top:5px; }
.main_cs .bank_box li {list-style:none; overflow:hidden; float:none; width:100%; padding:0; line-height:15px; }
.main_cs .bank_box .bank_name { width:40px; display:inline-block; color:#b4b4b4; font-weight:400; font-size:11px;  }
.main_cs .bank_box .bank_num { color:#3c3c3c; font-family:"Heebo"; font-size:11px; }
.main_cs .bank_box .bank_own {color:#606060; margin-top:8px; font-size:11px; word-wrap:break-word; word-break:keep-all; }

.main_cs .cs_btm { overflow:hidden; position:relative; }
.main_cs .cs_btm:before { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#dadada; }
.main_cs .cs_btm li { float:left; width:50%; list-style:none; box-sizing:border-box; padding:0; }
.main_cs .sns_group { overflow:hidden; padding:15px 0; text-align:center; }
.main_cs .sns_group ul { display:inline-block;  }
.main_cs .sns_group li { text-align:center; position:relative; float:left; width:50%; box-sizing:border-box; padding:0 5px; }
.main_cs .sns_group .icon { width:40px; height:40px; border-radius:100px; box-sizing:border-box; padding-top:9px; }
.main_cs .sns_group .icon img { width:17px; }
.main_cs .sns_group .name { font-size:11px; margin-top:8px; display:block; min-width:60px; }
.main_cs .sns_group .blog .icon { background:#29b311;}
.main_cs .sns_group .kstory .icon { background:#fcbf00; }
.main_cs .sns_group .blog .name { color:#29b311; }
.main_cs .sns_group .kstory .name { color:#bb8e00; }

.main_cs .stroe_group { overflow:hidden; position:relative; }
.main_cs .stroe_group:before { content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#dadada; }
.main_cs .stroe_group li { float:none; width:100%; overflow:hidden; padding:10px 0 8px 20px; position:relative; }
.main_cs .stroe_group .img { margin-right:50px; max-width:130px; }
.main_cs .stroe_group .down { position:absolute; right:15px; top:50%; margin-top:-8px; width:16px; }
.main_cs .stroe_group .img img { width:100%; }
.main_cs .stroe_group .down img { width:100%; }


/* ● 메인 커뮤니티 */
.main_comm { overflow:hidden; background:transparent url('../images/bg_comm.jpg') center center no-repeat; background-size:100% 100%; margin-top:15px; padding:20px 15px 25px 15px}
.main_comm .main_group_title { text-align:center; font-size:23px; color:#fff; font-weight:300; letter-spacing:-0.5px; margin-top:0; overflow:hidden;}
.main_comm .board_list {overflow:hidden; margin-top:12px; }
.main_comm .board_list li {list-style:none; overflow:hidden; position:relative; height:25px;}
.main_comm .board_list .posting {overflow:hidden; height:25px; display:inline-block; max-width:100%; padding-right:10px; box-sizing:border-box;}
.main_comm .board_list .posting .title {color:#fff; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; font-size:13px;}
.main_comm .board_list .posting .title {line-height:24px; height:25px; text-shadow:1px 1px 0 rgba(0,0,0,0.3); }
.main_comm .board_list .posting .new {width:15px; height:15px; display:inline-block; background:transparent url('../images/board_new.png') left top no-repeat; float:right; margin:4px 0 0 2px;}
.main_comm .board_list .posting .new { background-size:13px;}
.main_comm .board_list strong { color:rgba(255,255,255,0.6);; font-weight:400; margin-right:5px;}

.main_comm .btn_go { text-align:center; overflow:hidden; border:1px solid rgba(255,255,255,0.3); margin-top:15px;}
.main_comm .btn_go .btn {display:block; padding:10px 0; font-size:13px; color:rgba(255,255,255,0.8);;}


/* ● 메인 뉴스 */
.main_news {position:relative; margin-top:20px; border-top:1px solid rgba(0,0,0,0.2); background:#fff; }
.main_news .txt {position:absolute; left:0; top:0; font-size:13px; color:#469a13; line-height:42px; width:60px; text-align:center; padding-left:10px; }
.main_news .posting {height:40px; line-height:42px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; margin:0 25px 0 73px; color:#666; font-size:13px;}
.main_news:before {content:""; width:10px; height:10px; border:1px solid #ccc; position:absolute; right:12px; top:50%; border-bottom:0; border-left:0; }
.main_news:before {transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top:-5px}













/* ◆◆◆◆◆ 메인단락타이틀 */
.main_title {position:relative; overflow:hidden;}
.main_title .txt {font-size:18px; letter-spacing:-1px; color:#000; float:left; line-height:24px; height:24px;}
.main_title .txt  strong {font-weight:400; color:#ff005a;}
.main_title .btn_more {position:absolute; right:0; top:0; overflow:hidden; width:25px; height:24px;}
.main_title .btn_more .shape {width:10px; height:10px; border:1px solid #333; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left:0; border-bottom:0; position:absolute; left:50%; top:50%;}
.main_title .btn_more .shape {margin-top:-6px; margin-left:-7px;}





/* ◆◆◆◆◆ 메인 판매량 베스트 */
.main_best {margin:0 8px; margin-top:12px;}
.main_best .best_wrap {overflow:hidden; position:relative; background:#fff; box-shadow:0 0 2px rgba(0,0,0,0.2); margin-top:6px;}
.main_best .best_wrap li {list-style:none; position:relative;}
.main_best .first_one {position:absolute; left:0; top:0; width:130px; height:100%; z-index:5; overflow:hidden;}
.main_best .first_one .background {position:absolute; left:-5%; top:-5%; width:110%; height:110%;}
.main_best .first_one .background {filter: blur(1px); -webkit-filter: blur(1px); background-size:100% 100%; background-color:#000; background-position:center center; background-repeat: no-repeat}
.main_best .first_one .upper_bg {background:rgba(0,0,0,0.75); position:absolute; left:0; top:0; width:100%; height:100%; z-index:2}
.main_best .first_one .number {text-align:center; color:#fff; background:#ff6000; font-family:"Heebo"; font-size:18px; width:30px; height:30px; border-radius:100px; line-height:30px; font-style:italic}
.main_best .first_one .number {position:absolute; left:10px; top:10px; z-index:5; }
.main_best .first_one .item_box {position:absolute; left:0; top:0; width:100%; height:100%; z-index:4; box-sizing:border-box; padding:12px;}
.main_best .first_one .item_box .thumb {margin:5px 15px 10px 15px;}
.main_best .first_one .item_box .upper_icon {display:none;}
.main_best .first_one .item_box .name {color:#fff;}
.main_best .first_one .item_box .benefit {display:none;}
.main_best .first_one .item_box .price {margin-top:0px;}
.main_best .first_one .item_box .price strong {color:#ff9000;}
.main_best .first_one .item_box .price em {color:#fff;}

.main_best .next_rank {overflow:hidden; margin-left:130px;}
.main_best .next_rank li {overflow:hidden;}
.main_best .next_rank li+li {border-top:1px solid rgba(0,0,0,0.1);;}
.main_best .best_box {overflow:hidden; position:relative; padding:9px 8px 7px 8px}
.main_best .best_box .rank {position:absolute; left:10px; top:50%; font-family:"Heebo"; font-style:italic; font-weight:200; color:#000; font-size:24px; margin-top:-13px; padding-right:5px;}
.main_best .best_box .info {margin-left:28px;}
.main_best .best_box .info .name {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color:#444; margin-bottom:2px; font-size:13px; letter-spacing:-0.5px;}
.main_best .best_box .price {overflow:hidden; height:20px; display:inline-block; max-width:100%; float:left; box-sizing:border-box;}
.main_best .best_box .price .after {display:inline-block; /* background:transparent url('../images/board_new.gif') left top no-repeat; */ float:left;}
.main_best .best_box .price .after strong {color:#d90000; font-family:"Heebo"; font-size:14px; float:left; }
.main_best .best_box .price .after em {color:#666; float:left; margin:3px 0 0 1px;}
.main_best .best_box .price .by {color:#999; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; margin-top:3px; box-sizing:border-box; padding-left:16px;}
.main_best .best_box .price .by {position:relative;}
.main_best .best_box .price .by:before {content:""; width:1px; height:11px; background:#d2d2d2; position:absolute; left:8px; top:2px;}






/* ◆◆◆◆◆ 메인 카테고리별 인기 교재 */
.main_brand {margin:0 8px; margin-top:25px;}
.main_brand li {list-style:none;}
.main_brand .brand_divi {border-bottom:1px solid #585e64; position:absolute; right:-1px; top:-39px; z-index:3}
.main_brand .brand_divi li {float:left; height:38px; background:#b6b6c5;}
.main_brand .brand_divi .tab { font-size:13px; color:#5e5e5e; line-height:37px; display:block; padding:0 18px; border:1px solid #585e64; margin-left:-1px;}
.main_brand .brand_divi .hit .tab {background:#f7f7f8; color:#000; border-bottom:0; height:38px; }
.main_brand .brand_divi li:first-of-type .tab {margin-left:0px;}

.main_brand .brand_item {border:1px solid #585e64; box-sizing:border-box; position:relative; margin-top:8px; background:#fff;}
.main_brand .brand_inner {overflow:hidden;}

.main_brand .brand_tab {background:#f7f7f8; position:relative; overflow:hidden; height:40px; border-bottom:1px solid #b2b2b2; padding:0 5px; text-align:center;}
.main_brand .brand_tab ul {display:inline-block;}
.main_brand .brand_tab li {float:left; padding:8px 0px;}
.main_brand .brand_tab .tab {display:block; overflow:hidden; height:25px; line-height:25px; color:#7c7c7c; padding:0 10px; box-sizing:border-box; border:1px solid #f7f7f8;}
.main_brand .brand_tab .brand_logo {float:left; margin:8px 2px 0 0;}
.main_brand .brand_tab .hit .tab {background:#fff; border-radius:100px; border:1px solid #585e64; color:#333;}

.main_brand .brand_list {box-sizing:border-box; overflow:hidden;}
.main_brand .brand_list ul {overflow:hidden; padding:12px 6px;}
.main_brand .brand_list li {width:33.3333333%; float:left; box-sizing:border-box; padding:0 5px;}

/* wide */
@media screen and (min-width:550px) {
	.main_brand .brand_list li {width:25%;}
}

.main_brand .brand_rolling {overflow:hidden; text-align:center; border-top:1px solid #b2b2b2; position:relative; padding:0 40px; margin-top:10px;}
.main_brand .brand_rolling .btn_more { height:40px; line-height:40px;  color:#757783; text-align:center; display:block;}
.main_brand .brand_rolling .btn_more strong {color:#000; font-weight:400; text-decoration:underline;}
.main_brand .brand_rolling .icon+ .btn_more {margin-left:10px;}
.main_brand .brand_rolling .prevnext {position:absolute; top:0;}
.main_brand .brand_rolling .prevnext a {width:40px; height:40px; position:relative;}
.main_brand .brand_rolling .prevnext .icon {border-bottom: 6px solid transparent; border-top: 6px solid transparent; }
.main_brand .brand_rolling .prevnext .icon {position:absolute; left:50%; top:50%; width:0; height:0; margin-top:-6px; margin-left:-3px;}
.main_brand .brand_rolling .prevnext.prev {border-right:1px solid rgba(0,0,0,0.15);; left:0}
.main_brand .brand_rolling .prevnext.prev .icon {border-right: 7px solid #9d9fa0; }
.main_brand .brand_rolling .prevnext.next {border-left:1px solid rgba(0,0,0,0.15); right:0}
.main_brand .brand_rolling .prevnext.next .icon {border-left: 7px solid #9d9fa0; }







/* ◆◆◆◆◆ 메인 카테고리별 인기교재 */
.main_ctg {margin-top:15px; background:#fff; box-shadow:0 0 2px rgba(0,0,0,0.2); overflow:hidden;}
.main_ctg .main_title {text-align:center; overflow:hidden; margin-top:18px;}
.main_ctg .main_title .txt {float:none}
.main_ctg .main_title strong {color:#26a100;}

.main_ctg .ctg_tab {margin-top:6px; background:#fff; height:35px; text-align:center;}
.main_ctg .ctg_tab ul {display:inline-block;}
.main_ctg .ctg_tab .inner_box {overflow:hidden; padding:0 5px; height:35px; }
.main_ctg .ctg_tab .inner_box li {text-align:center; float:left; list-style:none;}
.main_ctg .ctg_tab .inner_box .tab {display:block; height:35px; line-height:37px; padding:0 8px; margin:0 3px; letter-spacing:-0.5px; position:relative; color:#828282;}
.main_ctg .ctg_tab .inner_box .tab:before {content:""; width:1px; height:11px; background:#ddd; position:absolute; left:-3px; top:50%; margin-top:-5px;}
.main_ctg .ctg_tab .inner_box li:first-child .tab:before {display:none;}
.main_ctg .ctg_tab .inner_box .hit .tab {color:#000;}
.main_ctg .ctg_tab .inner_box .hit .tab:after {content:""; width:100%; height:1px; background:#000; position:absolute; left:0; bottom:0;}

.main_ctg .ctg_item {background:#d6dbdf; overflow:hidden; padding:15px 6px; position:relative;}
.main_ctg .rolling_box {overflow:hidden;}
.main_ctg .rolling_box li {float:left; width:33.33333%; position:relative; overflow:hidden; padding:0 2px; box-sizing:border-box;}

/* wide */
@media screen and (min-width:550px) {
	.main_ctg .rolling_box li {width:25%;}
}

.main_ctg .item_box {background:#fff; padding:8px;}
.main_ctg .item_box .upper_icon {left:0; top:0}

.main_ctg .rolling_btn {background:#fff; border-radius:100px; margin:12px auto 0 auto; width:100px; text-align:center; overflow:hidden; position:relative;}
.main_ctg .rolling_btn .pagi {display:block; margin:0 30px; line-height:30px; font-family:"Heebo"; font-weight:300; color:#9d9d9d; font-size:14px;}
.main_ctg .rolling_btn .pagi strong {font-weight:300; color:#000;}
.main_ctg .rolling_btn .prevnext {position:absolute; top:0;}
.main_ctg .rolling_btn .prevnext a {display:block; width:30px; height:30px; text-align:center; position:relative;}
.main_ctg .rolling_btn .prevnext .icon {border:1px solid #8a8c8e; transform: rotate(45deg); -webkit-transform: rotate(45deg); width:10px; height:10px; position:absolute; left:50%; top:50%; margin-top:-5px; border-radius:1px;}
.main_ctg .rolling_btn .prevnext .icon {box-sizing:border-box;  background:#fff;}
.main_ctg .rolling_btn .prevnext.prev {left:0}
.main_ctg .rolling_btn .prevnext.prev .icon {border-top:0; border-right:0;}
.main_ctg .rolling_btn .prevnext.next {right:0}
.main_ctg .rolling_btn .prevnext.next .icon {border-left:0; border-bottom:0; margin-left:-7px;}






/* ◆◆◆◆◆ 메인 아이템 */
.main_item {margin:0 8px; margin-top:5px;}
.main_item .product_list {margin-top:8px;}
.main_item .main_title strong {color:#26a100;}






/* 서브전체영역 */
.container {overflow:hidden; padding-bottom:40px;}
.container .cm_paginate {margin-bottom:0px; margin-top:20px;}
.container .main_ctg {background:#d6dbdf;}







/* ◆◆◆◆◆ 서브 로케이션 */
.sub_location { position:relative; }

.sub_location .txt {text-align:center; color:#000; font-size:17px; height:40px; line-height:42px; background:#fff; letter-spacing:-0.5px; border-bottom:1px solid #249700;  }
.sub_location .btn_back {position:absolute; left:0; top:0; height:40px; width:40px; text-align:center;}
.sub_location .btn_back .shape {width:11px; height:11px; border:1px solid #9d9fa0; position:relative; border-right:0; border-top:0; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top:14px}
.sub_location .btn_back .shape:before {content:""; width:21px; height:1px; background:#9d9fa0; position:absolute; left:-3px; top:3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.sub_location .btn_menu {position:absolute; right:0; top:0; text-align:center; width:40px; height:40px; border-left:1px solid #dfdfdf; background:#f7f7f7; box-sizing:border-box; }
.sub_location .btn_menu .shape { height:13px; width:13px; position:relative; margin-top:10px; border:1px solid #9d9fa0; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top:0; border-left:0; }

.sub_location .depth2_box {display:none; background:#71767d; overflow:hidden;}
.sub_location .depth2_box li {list-style:none; border-bottom:1px solid #64686e; float:left; width:50%; border-right:1px solid #64686e; box-sizing:border-box; height:30px; }
.sub_location .depth2_box li:nth-last-of-type(2) {border-bottom:0;}
.sub_location .depth2_box li:nth-of-type(2n) {border-right:0; border-bottom:1px solid #64686e;}
.sub_location .depth2_box li:last-of-type {border-bottom:0}
.sub_location .depth2_box .menu {display:block; line-height:30px; padding:0 15px; font-size:12px; color:#fff;}
.sub_location .depth2_box .hit .menu { background:#535861;}

.sub_location.if_open_depth2 .txt { border-bottom:0; }
.sub_location.if_open_depth2 .btn_menu { background:#71767d; }
.sub_location.if_open_depth2 .depth2_box {display:block;}
.sub_location.if_open_depth2 .btn_menu .shape {margin-top:16px; border:1px solid #fff; border-bottom:0; border-right:0; }

.sub_location .depth_last { overflow:hidden; border-bottom:1px solid #c6c5c5; }
.sub_location .depth_last li { float:left; width:50%; list-style:none; position:relative; }
.sub_location .depth_last li:last-child:before { content:""; position:absolute; left:-5px; top:0; width:11px; height:35px; background:transparent url('../images/line_depth_last.gif') left top no-repeat; background-size:100%; z-index:2;}
.sub_location .depth_last .select { border:0 !important;  border-radius:0 !important;}
.sub_location .depth_last .select select {  border:0 !important; border-radius:0 !important; font-size:13px; color:#888; letter-spacing:-0.5px; padding-left:15px; }
.sub_location .depth_last .select .shape {background:#fff; border:0; box-shadow:none; border-radius:0px; }
.sub_location .depth_last .select .shape:before {display:none;}
.sub_location .depth_last .select .shape:after {content:""; position:absolute; right:10px; top:50%; margin-top:-2px; width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #3c4042;}
.sub_location .depth_last .select .shape:after {transform:none; -webkit-transform:none; background:none;}
.sub_location .depth_last li:only-child { width:100%; }
.sub_location .depth_last li:only-child:before {display:none;}






/* ◆◆◆◆◆ 서브 리스트 탑 */
.sub_list_top { margin:0 8px; overflow:hidden; margin-top:10px;}
.sub_list_top .select { float:left; width:95px; height:30px; border-radius:0 !important; margin:0px;}
.sub_list_top .select select { font-size:12px; letter-spacing:-0.5px; color:#888; line-height:30px; border:1px solid #c7c7c7; border-radius:0 !important; }
.sub_list_top .select .shape { border-left:0; background:#fff; text-align:center;}
.sub_list_top .select .shape:before { border:none; background:transparent url('../images/ar_list_top.png') center center no-repeat; background-size:18px; width:30px; height:16px; }
.sub_list_top .select .shape:before { transform: rotate(0); -webkit-transform: rotate(0); margin:-8px 0 0 -20px; background-color:none;}
.sub_list_top .select .shape:after {display:none;}
.sub_list_top .list_arrange { float:right; overflow:hidden; }
.sub_list_top .btn_type { float:left; background:#fff; height:30px; padding:6px 8px; box-sizing:border-box; border:1px solid #c7c7c7; border-right:0; position:relative; }
.sub_list_top .btn_type+ .btn_type { border-left:0; border-right:1px solid #c7c7c7; }
.sub_list_top .btn_type ul { overflow:hidden; }
.sub_list_top .btn_type li { list-style:none; float:left; width:6px; height:6px; background:#c7c7c7; margin:1px; }

.sub_list_top .type_list ul { float:left; }
.sub_list_top .type_list li { float:none; margin:2px 1px; }
.sub_list_top .type_list li:first-child { margin-top:1px; }
.sub_list_top .type_list ul+ ul li { width:6px; height:2px; margin:0 1px 2px; }

.sub_list_top .type_hit { background:#656670; border:1px solid #656670;}
.sub_list_top .type_hit li { background:#fff; }
.sub_list_top .btn_type+ .type_hit { border-right:1px solid #656670; }






/* ◆◆◆◆◆ 카테고리별 상하단html */
.sub_for_admin { background:#fff; margin:10px 8px; box-shadow:0 0 2px rgba(0,0,0,0.2); overflow:hidden;}
.sub_for_admin img {max-width:100%}





/* ◆◆◆◆◆ 카테고리배너 */
.sub_ctg_banner { overflow:hidden; }
.sub_ctg_banner a,
.sub_ctg_banner img { float:left; width:100%; }






/* ◆◆◆◆◆ 카테고리별 해시태그 */
.sub_hashtag { overflow:hidden; margin-top:10px; position:relative;}
.sub_hashtag .tag_box  { overflow:hidden; background:#61636d;}
.sub_hashtag .tag_box .title {background:#494a52; text-align:center; padding:12px 8px;}
.sub_hashtag .tag_box .title .txt { font-size:17px; color:#fff; letter-spacing:-0.5px; text-align:center; }
.sub_hashtag .tag_box ul { overflow:hidden; padding:10px 8px 15px 8px;}
.sub_hashtag .tag_box li { float:left; list-style:none; padding:2px; }
.sub_hashtag .tag_box .tag { display:block; color:#fff; padding:0 6px; line-height:24px; height:23px; border:1px solid rgba(255,255,255,0.1);;}
.sub_hashtag .tag_box .tag em { color:#9799a3; }






/* ◆◆◆◆◆ 서브 아이템 리스트 */
.sub_item {margin-top:10px;}
.sub_item .product_list {box-shadow:0 0 1px rgba(0,0,0,0.4);}







/* ◆◆◆◆◆ 상품상세 : 배너 */
.view_banner {overflow:hidden; margin-top:15px;}
.view_banner a {display:block; float:left; width:100%}
.view_banner img {float:left; width:100%}









 /* ●●●●● 상세 */

.view_name { overflow:hidden; background:#fff; margin:10px 8px; box-shadow:0 0 2px rgba(0,0,0,0.2); padding:10px; }
.view_name .name_box { overflow:hidden; }
.view_name .name_box .item_icon { overflow:hidden; margin:-1px 0 5px 0; }
.view_name .name_box .item_icon img { float:left; margin-left:1px; height:15px; }
.view_name .name_box .name { font-size:18px; color:#000; padding:0 0 5px 1px; word-wrap:break-word; word-break:break-all; letter-spacing:-1px;}

.view_name .add_txt { background:#fff; padding:10px; border-radius:5px; margin-bottom:10px; border:1px solid #c1c1c1; }
.view_name .add_txt { color:#2a7fce; line-height:13px; letter-spacing:-0.4px; font-size:11px; }

.view_name .by { overflow:hidden; border-top:1px solid #dadbdd; }
.view_name .by ul { margin-left:-10px; overflow:hidden; }
.view_name .by li { float:left; list-style:none; color:#777; line-height:14px; position:relative; padding:2px 10px 0; height:30px; line-height:31px; overflow:hidden; }
.view_name .by li:before { content:""; position:absolute; left:0; top:12px; width:1px; height:10px; background:#d1d1d1; }
.view_name .by li:first-child:before { display:none; }
.view_name .by .link { display:block; font-size:inherit; line-height:inherit; overflow:hidden; height:30px;}
.view_name .by .txt { float:left; }
.view_name .by .shape { float:left; width:10px; height:10px; background:transparent url('../images/ic_plus.png') left top no-repeat; background-size:100%; margin:10px 0 0 4px; }
.view_name .by .by_txt {  font-size:11px; color:#adadad; letter-spacing:-0.5px; }



.view_first_wrap { overflow:hidden; margin:0 8px; background:#fff; box-shadow:0 0 2px rgba(0,0,0,0.2); }
.view_first { display:table; width:100%; }
.view_first .wraaping { display:table-row; }
.view_first .thumb_box,
.view_first .info { display:table-cell; box-sizing:border-box; padding:10px; vertical-align:top; }

.view_first .thumb_box { width:110px; }
.view_first .thumb_box .item_thumb { position:relative; }
.view_first .thumb_box .item_thumb .upper_icon { position:absolute; left:0; top:0; }
.view_first .thumb_box .item_thumb .upper_icon img { height:15px; }
.view_first .thumb_box .img_box { overflow:hidden; background:#ddd url('../images/item_thumb_none.png') center center no-repeat; }
.view_first .thumb_box .img_box img { float:left; width:100%; }


.view_first .rolling_btn {background:#fff; border-radius:100px; margin:12px auto 0 auto; width:90px; text-align:center; overflow:hidden; position:relative; border:1px solid #dbdbdb; box-sizing:border-box; }
.view_first .rolling_btn .pagi {display:block; margin:0 30px; line-height:25px; font-family:"Heebo"; font-weight:300; color:#9d9d9d; font-size:14px;}
.view_first .rolling_btn .pagi strong {font-weight:300; color:#000;}
.view_first .rolling_btn .prevnext {position:absolute; top:0;}
.view_first .rolling_btn .prevnext a {display:block; width:30px; height:25px; text-align:center; position:relative;}
.view_first .rolling_btn .prevnext .icon {border:1px solid #8a8c8e; transform: rotate(45deg); -webkit-transform: rotate(45deg); width:10px; height:10px; position:absolute; left:50%; top:50%; margin-top:-5px; border-radius:1px;}
.view_first .rolling_btn .prevnext .icon {box-sizing:border-box;  background:#fff;}
.view_first .rolling_btn .prevnext.prev {left:0}
.view_first .rolling_btn .prevnext.prev .icon {border-top:0; border-right:0;}
.view_first .rolling_btn .prevnext.next {right:0}
.view_first .rolling_btn .prevnext.next .icon {border-left:0; border-bottom:0; margin-left:-7px;}

.view_first .info { }
.view_first .info ul { margin-top:-5px; }
.view_first .info li {position:relative; list-style:none; min-height:21px; clear:both; padding:3px 0px; }
.view_first .info .opt { position:absolute; left:0; top:4px; overflow:hidden; color:#6a6a6a; letter-spacing:-0.5px; line-height:21px; }
.view_first .info .value {margin-left:55px; position:relative; padding-left:5px; line-height:21px; min-height:20px;}
.view_first .info .value:before { content:""; position:absolute; left:0; top:4px; width:1px; height:11px; background:#cecece; }
.view_first .info .sub_txt { clear:both; line-height:15px; }

.view_first .info .txt {float:left; color:#6a6a6a; }
.view_first .info .txt strong {color:#6a6a6a; font-family:"Heebo"; font-size:14px; float:left; }
.view_first .info .txt em { float:left; margin:0 0 0 1px; color:#666; }
.view_first .info .save strong {color:#000; }
.view_first .info .txt u {color:#000;}
.view_first .info .btn_link { margin-left:8px; border:1px solid #b3b3b3; height:20px; padding:0 20px 0 10px; box-sizing:border-box; position:relative; letter-spacing:-0.5px; border-radius:100px;}
.view_first .info .btn_link:before { content:""; position:absolute; right:8px; top:6px; width:4px; height:7px; background:transparent url('../images/bullet_link.gif') left top no-repeat;}

.view_first .info .price {float:left; overflow:hidden; margin-right:5px;}
.view_first .info .price strong {float:left;  font-size:17px; color:#e70000; letter-spacing:0; font-family:"Heebo"; font-weight:400;}
.view_first .info .price em {float:left; font-size:13px; color:#000; margin:1px 0 0 1px;}

.view_first .info .benefit {border:1px solid #3a7d25; border-radius:10px; font-size:13px; color:#3a7d25; font-family:"Heebo"; height:17px; box-sizing:border-box; line-height:15px; float:left; margin:0 0 4px; }
.view_first .info .benefit {padding:0 20px 0 8px; position:relative; background:#fff;}
.view_first .info .benefit:before { content:""; position:absolute; right:8px; top:2px; width:8px; height:9px; margin-top:2px;}
.view_first .info .benefit.discount:before {background:transparent url('../images/view_discount.gif') right top no-repeat; margin-top:1px; background-size:7px;}
.view_first .info .benefit.point { margin-left:5px; }
.view_first .info .benefit.point:before {background:transparent url('../images/img_p.gif') right top no-repeat; top:1px; background-size:7px;}
.view_first .info .txt .fc_deliver {color:#3a7d25 !important; font-weight:600; display:inline-block; }

.view_card_area { overflow:hidden; clear:both; border-top:1px solid #c9c9c9; margin:0 8px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.2); position:relative; }
.view_card_area .title { display:block; height:40px; line-height:40px; background:transparent url('../images/icon_card.png') 10px 12px no-repeat; background-size:17px; padding:0 50px 0 32px; position:relative; }
.view_card_area .title { overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; font-size:13px; }
.view_card_area .title:before { content:""; position:absolute; right:15px; top:12px; width:9px; height:9px; border:1px solid #3c4042; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.view_card_area .title:before { border-top:0; border-left:0; }

.view_card_area .guide_card {overflow:hidden; border:1px solid #666; position:relative; width:100%; background:#fff; box-sizing:border-box; display:none; }
.view_card_area .guide_card dt { height:40px; color:#333; font-size:13px; line-height:41px; background:#e5e6e8; padding:0 40px 0 10px; box-sizing:border-box; }
.view_card_area .guide_card dt { overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box ;}
.view_card_area .guide_card dd {padding:10px; line-height:1.4;}
.view_card_area .guide_card .btn_close {position:absolute; right:10px; top:10px; width:17px; height:17px; overflow:hidden; border:1px solid #909395; border-radius:2px; text-align:center; box-sizing:border-box; }
.view_card_area .guide_card .btn_close { padding-top:1px; }
.view_card_area .guide_card .btn_close .shape {display:inline-block; background:#9d9fa0; width:1px; height:13px; position:relative; border-radius:100px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.view_card_area .guide_card .btn_close .shape:after {content: ""; background:inherit; width:13px; height:1px; position:absolute; top:6px; left:-6px; border-radius:inherit;}

.view_card_area.if_open_guide .title:before { border:1px solid #3c4042; border-bottom:0; border-right:0; top:17px }
.view_card_area.if_open_guide .guide_card { display:block; }

.view_card_area.if_coupon .title {background:transparent url('../images/icon_coupon.png') 10px 12px no-repeat; background-size:17px;}






/* ◆◆◆◆◆ 상품상세 : 탭+내용 */
.view_group { overflow:hidden; background:#fff; margin:0 8px; box-shadow:0 0 2px rgba(0,0,0,0.2); margin-top:20px;}

.view_tab {overflow:hidden;}
.view_tab .inner_box {display:table; width:100%; table-layout:fixed; text-align:center; background:rgba(0,0,0,0.15);;}
.view_tab .inner_box ul {display:table-row;}
.view_tab .inner_box li {display:table-cell; border-left:1px solid rgba(0,0,0,0.05); position:relative;}
.view_tab .inner_box li:first-of-type {border-left:0;}
.view_tab .inner_box .tab {height:35px; line-height:35px; letter-spacing:-1px; color:#666; display:block; font-size:13px;}
.view_tab .inner_box .hit {background:#fff;}
.view_tab .inner_box .hit .tab {color:#000;}
.view_tab .inner_box .hit:before {content:""; width:100%; height:2px; background:#218c00; position:absolute; left:0; top:0;}

.view_innnertab {overflow:hidden; padding:0 10px; box-sizing:border-box; margin-top:5px;}
.view_innnertab .inner_box {display:table; width:100%; table-layout:fixed; text-align:center; background:#fff; box-sizing:border-box;}
.view_innnertab .inner_box ul {display:table-row;}
.view_innnertab .inner_box li {display:table-cell; border:1px solid #898989; box-sizing:border-box;}
.view_innnertab .inner_box .tab {height:30px; line-height:32px; letter-spacing:-1px; color:#777; display:block;}
.view_innnertab .inner_box .hit {background:#898989;}
.view_innnertab .inner_box .hit .tab {color:#fff;}

.view_tabconts {overflow:hidden; }
.view_tabconts.if_board {padding:15px 10px 10px 10px;}

.view_tabconts .guide_table {overflow:hidden; margin:10px; border:1px solid #ccc; border-bottom:0;}
.view_tabconts .guide_table .like_table {display:table; width:100%;  box-sizing:border-box;;}
.view_tabconts .guide_table dl {display:table-row; background:#f9f9f9; border-bottom:1px solid #ddd;}
.view_tabconts .guide_table dt {display:table-cell; vertical-align:middle; width:55px; padding:5px 5px; color:#333; text-align:center; word-wrap:break-word; word-break:keep-all; line-height:1.4;}
.view_tabconts .guide_table dd {display:table-cell; vertical-align:top; background:#fff; padding:8px; line-height:1.4; border-left:1px solid #ddd; word-wrap:break-word; word-break:keep-all;}
.view_tabconts .guide_table strong { color:#ff6600; font-weight:400; font-weight:400;}
.view_tabconts .guide_table .txt {overflow:hidden; position:relative;}
.view_tabconts .guide_table .second_tt {display:block; color:#333; font-weight:600; margin-bottom:5px; position:relative; padding-left:15px;}
.view_tabconts .guide_table .second_tt:before {content:""; width:4px; height:4px; background:#fff; border:2px solid #333; position:absolute; left:0; top:5px; border-radius:100px;}
.view_tabconts .guide_table .txt+ .txt {margin-top:15px; padding-top:15px; border-top:1px solid #ddd;}
.view_tabconts .guide_table .fc_pos { color:#0077e6; text-decoration:underline;}
.view_tabconts .guide_table .fc_impos { color:#ec0000; text-decoration:underline;}

.view_bookinfo {overflow:hidden; padding:5px 5px 0 5px; margin-top:1px; position:relative;}
.view_bookinfo ul {overflow:hidden;}
.view_bookinfo li {list-style:none; float:left; color:#999; position:relative; padding:1px 0;}
.view_bookinfo li+ li {margin-left:20px;}
.view_bookinfo li:before {content:""; width:1px; height:11px; background:#d1d1d1; position:absolute; left:-10px; top:50%; margin-top:-5px;}
.view_bookinfo strong {font-weight:400; color:#333;}
.view_bookinfo .btn_guide {position:absolute; right:-19px; top:0; background:#c4c5c6; width:15px; height:15px; border-radius:100px; text-align:center;}
.view_bookinfo .btn_guide .shape {font-family:"Heebo"; color:#fff; font-weight:600; font-size:13px; line-height:15px;}
.view_bookinfo .brand_go {overflow:hidden; margin-top:2px; padding-top:2px; text-align:center;}
.view_bookinfo .brand_go .btn_go {color:#999; border:1px solid #919599; border-radius:100px; padding:0 20px; height:30px; line-height:31px;}
.view_bookinfo .open_guide {overflow:hidden; border:1px solid #666; margin-top:10px; position:relative;}
.view_bookinfo .open_guide dt {padding:10px; color:#333; border-bottom:1px solid #eee; font-size:13px;}
.view_bookinfo .open_guide dd {padding:10px; line-height:1.4;}
.view_bookinfo .open_guide .btn_close {position:absolute; right:5px; top:6px; padding:5px 12px; overflow:hidden;}
.view_bookinfo .open_guide .btn_close .shape {display:inline-block; background:#9d9fa0; width:1px; height:13px; position:relative; border-radius:100px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.view_bookinfo .open_guide .btn_close .shape:after {content: ""; background:inherit; width:13px; height:1px; position:absolute; top:6px; left:-6px; border-radius:inherit;}
.view_bookinfo ul.type_addinfo {margin-top:5px; display:flex; justify-content: center; align-items: flex-start; flex-direction:column; gap:5px; border-top:1px dashed #e5e5e5; padding-top:5px;}
.view_bookinfo ul.type_addinfo li {margin-left:0px !important;}
.view_bookinfo ul.type_addinfo li:before {display:none;}


.view_detail {padding:10px; overflow:hidden;}
.view_detail img {max-width:100%}

.view_group+ .main_ctg {margin-top:25px;}







/* ◇◇◇◇◇ 수량카운터 (디자인공통) */
.counter_design {overflow:hidden; background:#fff; border:1px solid #ccc; border-radius:3px; position:relative; display:block; padding:0 41px;}
.counter_design .btn {position:absolute; top:0; text-align:center; width:40px; height:33px;}
.counter_design .input_design {font-size:15px; float:none; width:100%; text-align:center; height:33px; font-weight:600; color:#ff0000; font-family:"Heebo"; box-sizing:border-box;}
.counter_design .shape {width:14px; height:2px; background:#000; position:absolute; left:50%; top:50%; margin:-1px 0 0 -7px; box-sizing:border-box;}
.counter_design .shape:after {content:''; height:14px; width:2px; background:inherit; position:absolute; left:6px; top:-6px;}
.counter_design .btn_minus {left:0; border-right:1px solid #ddd }
.counter_design .btn_plus {right:0; border-left:1px solid #ddd}
.counter_design .btn_minus .shape:after {display:none;}

/* ◆◆◆ 옵션 혹은 수량선택 */
.view_option {background:#fff; box-shadow:0 0 2px rgba(0,0,0,0.2); margin:0 8px; margin-top:10px;}
.view_option .option_counter {padding:10px;}
.view_option .if_have_option {padding:10px; overflow:hidden;}
.view_option .select+ .select {margin-top:5px}
.view_option .if_have_option .select { height:35px; margin-bottom:0px;}

.view_option .option_result {background:#fff; overflow:hidden;}
.view_option .option_result li {position:relative; overflow:hidden; box-sizing:border-box; border-top:1px solid #eee; padding:10px;}
.view_option .option_result .icon {position:absolute; left:0; top:0; background:#bbb url('../images/cm_images/check_icon.png') center center no-repeat; background-size:8px; color:#fff; width:16px; height:16px; border-radius:30px;}
.view_option .option_result .option_ess .icon {background-color:#ff6600;}
.view_option .option_result .name {font-size:12px; line-height:16px; overflow:hidden; padding:0 0 8px 22px; position:relative;}
.view_option .option_result .price {position:absolute; right:10px; bottom:15px; color:#000; font-size:15px; }
.view_option .option_result .price strong {font-family:"Heebo"; float:left;}
.view_option .option_result .price em {float:left; font-size:15px; margin-top:2px;}
.view_option .option_result .btn_delete {width:23px; height:23px; border:1px solid #ccc; border-radius:50%;  position:absolute; right:10px; top:5px; padding:5px; box-sizing:border-box;}
.view_option .option_result .btn_delete .shape {width:11px; height:1px; background:#333; position:relative; top:-4px; left:1px; -webkit-transform: rotate(45deg); margin-left:-1px}
.view_option .option_result .btn_delete .shape:after {content:''; height:11px; width:1px; background:inherit; position:absolute; left:5px; top:-5px;}

.view_option .option_result .counter_design {border-radius:20px; width:30px; height:23px; margin-left:16px; display:inline-block;}
.view_option .option_result .counter_design .input_design {width:30px; height:23px; font-size:14px;}
.view_option .option_result .counter_design .btn {height:23px;}
.view_option .option_result .counter_design .shape {height:1px; width:11px; margin-left:-5px}
.view_option .option_result .counter_design .shape:after {width:1px; height:11px; top:-5px; left:5px}

.view_option .option_result .point {color:#177fff; float:left; font-size:13px; margin:4px 0 0 3px;}







/* ◆◆◆ 상품상세 : 최종가격 */
.view_sum_price {overflow:hidden; text-align:right; padding:10px; border-top:2px solid #333; margin:0 8px;}
.view_sum_price .wrapping { float:right; }
.view_sum_price .txt { font-size:15px; color:#000; float:left; margin:9px 7px 0 0; }
.view_sum_price .price .unit {float:left; font-size:15px; margin:9px 0 0 3px; color:#000; }
.view_sum_price .price .after {float:left; font-size:25px; color:#e60000; font-family:"Heebo"; letter-spacing:-1px; line-height:1; }









/* ◆◆◆◆◆ 상품상세 : 주문 전 가이드 */
.view_order_guide { overflow:hidden; margin:0 8px; margin-top:15px;}
.view_order_guide dl {background:#fff; border:2px solid #41434e; border-top:0;  }
.view_order_guide dt { background:#41434e; height:45px; line-height:47px; font-size:15px; color:#fff; padding:0 15px;}
.view_order_guide dd { color:#888; letter-spacing:-0.5px; line-height:16px; padding:15px;}
.view_order_guide strong { color:#ff0000; text-decoration:underline; font-weight:400}
.view_order_guide em { color:#218b00; text-decoration:underline; }






/* ◆◆◆◆◆ 상품상세 : 주문장바구니버튼 */
.view_btn {padding-right:60px; position:relative; text-align:center; margin:0 8px; margin-top:10px;}
.view_btn .inner_box {position:relative; overflow:hidden;}
.view_btn ul {overflow:hidden;}
.view_btn li {float:left; width:50%; list-style:none;}
.view_btn .btn {font-size:16px; color:#fff; line-height:52px; height:50px; display:block;}
.view_btn .btn_cart {background:#3a7d25; margin-right:5px}
.view_btn .btn_cart .txt { background:transparent url('../images/view_btn_cart.png') left 15px no-repeat; background-size:20px; padding-left:23px; }
.view_btn .btn_order {background:#e72853; }
.view_btn .btn_order .txt { background:transparent url('../images/view_btn_order.png') left 15px no-repeat; background-size:23px; padding-left:23px; }
.view_btn .btn_wish {box-shadow:inset 0 0 1px rgba(0,0,0,0.7); position:absolute; right:0; top:0; width:55px; box-sizing:border-box; color:#747579; text-align:center; }
.view_btn .btn_wish {background:#fff url('../images/icon_btn_heart.png') center center no-repeat; background-size:25px;}
.view_btn .btn_wish.if_wish_hit {background:#fff url('../images/icon_btn_heart_hit.png') center center no-repeat; background-size:25px;}
.view_btn .btn_soldout { background:#4d4f5b; position:absolute; left:0; top:0; width:100%; z-index:2}
.view_btn .btn_soldout .txt { background:transparent url('../images/view_btn_soldout.png') left 16px no-repeat; background-size:16px; padding-left:21px; font-size:14px;}
.view_btn .btn_soldout em { color:#a6a7ad; }


.view_btn2 {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
}


/* ◆◆◆◆◆ 상품상세 : sns/별점 */
.view_sns {padding:0 10px; margin-top:15px; overflow:hidden; position:relative;}
.view_sns .sns_box {float:left;}
.view_sns .sns_box li {list-style:none; float:left; margin-right:5px;}
.view_sns .sns_box .btn {display:block; background-color:#fff !important; width:35px; height:35px; border-radius:100px; box-sizing:border-box;}
.view_sns .sns_box .ic_fb {background:transparent url('../images/view_sns_fb.png') center center no-repeat; border:1px solid #004a9a; background-size:10px;}
.view_sns .sns_box .ic_tw {background:transparent url('../images/view_sns_tw.png') center center no-repeat; border:1px solid #43c8f5; background-size:10px;}
.view_sns .sns_box .ic_ks {background:transparent url('../images/view_sns_ks.png') center 9px no-repeat; border:1px solid #fbc100; background-size:9px;}
.view_sns .sns_box .ic_kt {background:transparent url('../images/view_sns_kt.png') center center no-repeat; border:1px solid #563332; background-size:20px;}
.view_sns .mark_box {float:right; margin-top:7px;}
.view_sns .mark_box .mark {width:90px; height:17px; overflow:hidden; background:transparent url('../images/mark_star.png') left bottom no-repeat; background-size:90px; display:inline-block; position:relative; float:left;}
.view_sns .mark_box .mark .star {width:100%; height:100%; position:absolute; left:0; top:0; background:transparent url('../images/mark_star.png') left top no-repeat; background-size:90px;}
.view_sns .mark_box .number {float:left; line-height:19px; color:#ea0035; font-family:"Heebo"; font-size:17px; margin-left:7px;}




/* ◆◆◆◆◆ 상품상세 : 게시판통계  */
.view_boardsum {padding:0 8px; margin-top:10px;}
.view_boardsum .inner_box {background:#fff; box-shadow:0 0 2px rgba(0,0,0,0.2); display:table; width:100%; table-layout:fixed;}
.view_boardsum .inner_box ul {display:table-row;}
.view_boardsum .inner_box li {display:table-cell; box-sizing:border-box;}
.view_boardsum .inner_box .btn_go {display:block; overflow:hidden; padding:10px 12px; position:relative;}
.view_boardsum .inner_box .txt {color:#7b7b7b; float:left;  line-height:22px; height:20px;}
.view_boardsum .inner_box .num {font-family:"Heebo"; color:#000; float:left; height:20px; line-height:20px; margin-left:5px; letter-spacing:0px;}
.view_boardsum .inner_box .shape {border:1px solid rgba(0,0,0,0.2); width:10px; height:10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left:0; border-top:0; position:absolute; right:15px; top:50%; margin-top:-9px;}
.view_boardsum .inner_box li+ li {border-left:1px solid #eee;}


























/* ◆◆◆ 사은품 선택 추가 */
.yb_gift_item {overflow:hidden; border:2px solid #28a400; background:#fff; position:relative; margin:15px 8px 0 8px;}
.yb_gift_item ul {margin-left:-10px; padding:10px; overflow:hidden;}
.yb_gift_item li {width:33.3333%; float:left; margin-bottom:15px; list-style:none;}
.yb_gift_item .gift_title {background:#28a400;  padding:0 10px;}
.yb_gift_item .gift_title .txt {background:transparent url('../images/gift_title.png') left 9px no-repeat; background-size:14px; padding-left:20px; color:#fff; font-size:14px; line-height:35px;}
.yb_gift_item .gift_guide {background:#eee; padding:10px; line-height:15px; color:#777; font-size:11px;}

/* 사은품 상품박스 */
.yb_gift_item .gift_box {position:relative; margin-left:10px; }
.yb_gift_item .gift_box .thumb {overflow:hidden; display:block; background:#fff url('../images/item_thumb_none.png') center center no-repeat; background-size:30px; position:relative; border:1px solid #ccc; padding:5px;}
.yb_gift_item .gift_box .thumb img {width:100%; height:auto; float:left;}
.yb_gift_item .gift_box .thumb .fake_img {overflow:hidden;}
.yb_gift_item .gift_box .thumb .real_img {position:absolute; left:0; top:0; width:100%; height:100%;}
.yb_gift_item .gift_box .name {color:#444; overflow:hidden; line-height:13px; height:37px; margin-top:35px;}
.yb_gift_item .gift_box .name { text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-break:break-all !important;}

.yb_gift_item .label_design {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; z-index:10; box-sizing:border-box;}
.yb_gift_item .label_design input {position:absolute; left:4px; bottom:42px; z-index:1; border-radius:100px;}
.yb_gift_item .label_design span {color:#888; display:block; width:100%; height:26px; line-height:28px; position:absolute; left:0; bottom:39px; box-sizing:border-box; padding-left:31px;}
.yb_gift_item .label_design span {background:#eee;}

.yb_gift_item .label_design input:disabled+ span {color:#aaa;}
.yb_gift_item .label_design input:checked {background-color:rgba(0,0,0,0.3);;}
.yb_gift_item .label_design input:checked+ span {color:#fff !important; background:#f32e4a !important;}
.yb_gift_item .label_design+ .label_design {margin-left:5px; }


/* wide */
@media screen and (min-width:500px) {
	.yb_gift_item li {width:25%;}
}







/* ◆◆◆◆◆ 쿠폰다운로드 */
.coupon_wrap {overflow:hidden}
.coupon_wrap .coupon_visual {overflow:hidden; background:#c1e5e3;}
.coupon_wrap .coupon_visual img {float:left; width:100%;}
.coupon_wrap .cm_user_guide {background-color:#f7f7f7;}

.coupon_wrap .layout_fix {padding:10px; overflow:hidden;}

.coupon_wrap .coupon_list {overflow:hidden; position:relative; border:1px solid #d9d9d9;}
.coupon_wrap .coupon_list .table_box {display:table; width:100%; table-layout:fixed; margin-top:-1px;}
.coupon_wrap .coupon_list .table_box ul {display:table-row;}
.coupon_wrap .coupon_list .table_box li {display:table-cell; position:relative;}
.coupon_wrap .coupon_list .table_box li:before {content:""; height:1px; width:2000px; position:absolute; left:0; top:0; border-top:1px dashed #d9d9d9;}
.coupon_wrap .coupon_list .table_box li:nth-of-type(2n):before {display:none;}

.coupon_wrap .coupon_list .design_border {height:500%; width:1px; position:absolute; top:0; border-left:1px dashed #d9d9d9; z-index:2}
.coupon_wrap .coupon_list .design_border.border1 {left:50%; }
.coupon_wrap .coupon_list .design_border.border2 {left:66.6666%; display:none;}

.coupon_wrap .coupon_box {margin:10px; padding-bottom:45px;}
.coupon_wrap .coupon_box .ic_device {text-align:center; background:#333; color:#fff; line-height:1.1; width:35px; height:35px; padding-top:8px; box-sizing:border-box; font-size:10px;}
.coupon_wrap .coupon_box .ic_device {position:absolute; right:0; top:0;}
.coupon_wrap .coupon_box .ic_device.if_m {background:#208500;}
.coupon_wrap .coupon_box .ic_device.if_pc {background:#517e9b;}
.coupon_wrap .coupon_box .thumb {overflow:hidden; max-width:180px; margin:0 auto}
.coupon_wrap .coupon_box .thumb img {float:left; width:100%;}
.coupon_wrap .coupon_box .name {color:#000; font-size:14px; margin-top:15px;}
.coupon_wrap .coupon_box .info {margin-top:8px; padding:0 3px;}
.coupon_wrap .coupon_box .info .value {overflow:hidden; position:relative; padding:1px 0px; color:#444; padding-left:5px; font-size:11px;}
.coupon_wrap .coupon_box .info .value:before {content:""; width:2px; height:2px; background:#333; position:absolute; left:0; top:7px;}
.coupon_wrap .coupon_box .info .value strong {color:#999; font-weight:400;}
.coupon_wrap .coupon_box .coupon_down {text-align:center; position:absolute; left:0; bottom:15px; width:100%;}
.coupon_wrap .coupon_box .coupon_down .btn_down {background:#838589; width:110px; border-radius:100px;}
.coupon_wrap .coupon_box .coupon_down .txt {color:#fff; background:transparent url('../images/coupon_dw.png') right 8px no-repeat; background-size:10px; height:30px; line-height:32px; padding-right:16px; letter-spacing:-0.5px;}
.coupon_wrap .coupon_box .coupon_down .btn_down:hover {background:#218a00;}

.coupon_wrap .cm_no_conts .no_icon {background-image:url('../images/coupon_list_none.png'); background-size:80px;}








.view_tabconts .hide_btn {margin-top:10px; position:relative;}
.view_tabconts .hide_btn .btn { padding:8px 35px 7px 15px; font-size:13px; cursor:pointer; border:1px solid #ccc; color:#777; position:relative; letter-spacing:-1px; }
.view_tabconts .hide_btn .btn:before {content:""; width:12px; height:2px; background:#333; position:absolute; right:15px; top:15px;}
.view_tabconts .hide_btn .btn:after {content:""; width:2px; height:12px; background:#333; position:absolute; right:20px; top:10px;}
.view_tabconts .hide_btn.if_close .btn:after {display:none;}

.view_tabconts .hide_btn:before {content:""; width:100%; height:67px; background:transparent url('../images/view_hide_w.png') left top repeat; position:absolute; left:0; bottom:35px; z-index:1}
.view_tabconts .hide_btn.if_close:before {display:none;}





.company_box {background:#fff; padding:0px;}
.company_box img {max-width:100%}