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

@charset "utf-8";


/* ●●●●●●●●●● 공통 */

.header {background:#fff; padding:10px 10px 10px 10px; overflow:hidden}

.header .btn_right {float:right; margin-top:3px}
.header .btn_right a {float:left; margin-left:6px; overflow:hidden}
.header .btn_right img {height:33px; float:left;}
.header .search_off {display:block}
.header .search_on {display:none}
.header .search_open .search_off {display:none}
.header .search_open .search_on {display:block}
/*.header .search_open +.search_form {display:block; }*/

.header .logo {float:left; overflow:hidden}
.header .logo img {height:35px; float:left;}

.header .search_form {overflow:hidden; clear:both; display:none; position:relative; }
.header .search_form .inner {position:relative; margin:15px 0 0 0}
.header .search_form .input_wrap {margin-right:40px; background:#fff; border:2px solid #3e414a; box-sizing:border-box; position:relative; }
.header .search_form .input_box {margin-right:40px;}
.header .search_form .input_design {line-height:40px; height:40px; padding:0 10px; font-size:15px; width:100%; box-sizing:border-box; text-indent:0}
.header .search_form .input_design:focus {color:#333;}
.header .search_form .btn_search {position:absolute; right:0; top:0; width:35px; height:40px; padding:5px; box-sizing:border-box; border:0; z-index:100; background:#fff url('../images/header_search_btn.png') center center no-repeat; background-size:28px;}
.header .search_form .btn_search img {width:100%}
.header .search_form .search_icon {width:25px; height:25px; background:transparent url('../images/header_search_ic.png') no-repeat;}
.header .search_form .btn_close {position:absolute; right:0; top:0; width:40px; height:42px;}
.header .search_form .btn_close img {width:25px; margin:8px 0 0 12px}
.header .search_form .keyword {margin:10px 40px 0 0; overflow:hidden; text-align:center;}
.header .search_form .keyword .lineup {overflow:hidden;}
.header .search_form .keyword a {font-size:12px; padding:0 4px; color:#666; border-right:1px solid rgba(0,0,0,0.1); margin:5px 0}
.header .search_form .keyword a:last-of-type {border:0}

/*
.header .search_form .keyword a {font-size:12px; padding:4px 5px; color:#666; float:left;}
.header .search_form .keyword a:last-of-type {border:0}
.header .search_form .keyword .bar {float:left; width:1px; height:12px; background:rgba(0,0,0,0.1); margin:5px 0}
.header .search_form .keyword .bar:last-of-type {display:none;}
*/

/* 슬라이드전체메뉴  */
.slide_sitemap {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:999}
.slide_sitemap .wrap_box {background:#fff; margin-right:45px; height:100%; box-shadow:5px 0 20px #000; overflow:auto;}
.slide_sitemap .mypage {background:#3e414a;}
.slide_sitemap .mypage .sitename {color:#fff; font-size:22px; font-weight:600; text-align:center; letter-spacing:0; font-family:'lato'; border-bottom:1px solid rgba(255,255,255,0.2); padding:15px 0}
.slide_sitemap .mypage .title {overflow:hidden; margin:10px}
.slide_sitemap .mypage .en {float:left; color:#fff; font-family:'lato'; font-weight:800; font-size:24px;}
.slide_sitemap .mypage .kr {float:right; color:#fff; font-size:16px; line-height:30px;}
.slide_sitemap .my_state {background:rgba(0,0,0,0.5); margin-top:10px; overflow:hidden;}
.slide_sitemap .my_state .none {text-align:center; color:rgba(255,255,255,0.5); padding:20px 0; font-size:12px;}
.slide_sitemap .my_state a {width:33.33%; float:left; border-left:1px solid rgba(255,255,255,0.07); padding:15px 0; color:rgba(255,255,255,0.5); box-sizing:border-box; text-align:center;}
.slide_sitemap .my_state a:first-child {border-left:0}
.slide_sitemap .my_state .num_box {display:block; color:#fff; font-family:'lato'; font-weight:300; font-size:25px; margin-top:5px;}
.slide_sitemap .my_btn {overflow:hidden; padding:15px 10px;}
.slide_sitemap .my_btn a {float:left; width:49%; box-sizing:border-box; text-align:center; padding:12px 0; color:#fff; font-size:14px; border:1px solid rgba(255,255,255,0.5); border-radius:60px; background:rgba(255,255,255,0.1)}
.slide_sitemap .my_btn a:last-child {float:right;}

.slide_sitemap .allmenu dt a {display:block; padding:14px 14px; border-bottom:1px solid rgba(0,0,0,0.15); background:transparent url('../images/more_arrow.png') 96% center no-repeat; background-size:10px}
.slide_sitemap .allmenu dt a {color:#333; font-size:16px; font-weight:600; font-family:"lato","NanumBarunGothic";}
.slide_sitemap .allmenu dd {background:rgba(0,0,0,0.08); overflow:hidden}
.slide_sitemap .allmenu dd a {line-height:40px; height:40px; font-size:12px; padding:0 10px 0 30px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.slide_sitemap .allmenu dd a {border-bottom:1px solid rgba(0,0,0,0.05); border-right:1px solid rgba(0,0,0,0.05); background:transparent url('../images/allmenu_d2.png') 15px center no-repeat; background-size:10px;}
.slide_sitemap .btn_close {position:absolute; right:0; top:0; width:45px; height:45px; box-sizing:border-box; padding:10px}
.slide_sitemap .btn_close img {width:100%;}




/* 네비 */
.nav {background:#3e414a; position:relative; text-align:center; height:50px;}
.nav .btn {line-height:20px; color:#fff; font-size:12px; float:left; border:1px solid #ccc; margin:9px 4px 5px 4px; letter-spacing:1px;}
.nav .btn_category {background:transparent url('../images/nav_icon.gif') 12px center no-repeat; background-size:18px; padding:6px 12px 4px 38px}
.nav .btn_faq {font-family:'lato'; padding:6px 12px 4px 12px}
.nav .btn_hide {font-family:'lato'; padding:6px 12px 4px 12px; display:none; }
.nav .wide_nav {display:none;}
.nav .bar {display:none}

.nav .open_nav +.nav_open {display:block;}
.nav .open_nav .btn_category {background:#fff url('../images/nav_icon_on.gif') 12px center no-repeat; background-size:18px; color:#3e414a}

.nav .nav_open {position:absolute; left:0; top:50px; width:100%; background:#3e414a; overflow:hidden; border-top:1px solid rgba(255,255,255,0.3);  z-index:300; display:none;}
.nav .nav_open >a {width:50%; background:#3e414a; float:left; text-align:left; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); padding:10px 20px; color:#fff; font-size:14px; letter-spacing:0}
.nav .nav_open >a:nth-of-type(2n) {border-right:0;}
.nav .nav_open >a:last-of-type {border-bottom:0;}
.nav .nav_open >a:last-of-type(2) {border-bottom:0;}
.nav .nav_open .close_box {clear:both; text-align:center; padding-top:3px; border-top:1px solid rgba(255,255,255,0.3);}
.nav .nav_open .close_box a {padding:10px}
.nav .nav_open .close_box img {width:20px;}

@media all and (min-width:500px) {

	.nav .nav_open >a {width:100%; border-right:0; /* background:transparent url('../images/double_right.gif') 130px center no-repeat; background-size:5px; */}
	.nav .btn_category {margin:0; text-align:left; color:#fff !important; width:140px; box-sizing:border-box; line-height:50px; height:50px; padding:0 12px 0 18px;}
	.nav .btn_category {background:rgba(0,0,0,0.5) url('../images/nav_icon_open.gif') 112px center no-repeat !important; background-size:14px !important; border-top:1px solid #3e414a !important;}
	.nav .open_nav .btn_category {background:rgba(0,0,0,0.5) url('../images/nav_icon_open2.gif') 112px center no-repeat !important; background-size:14px !important;} 
	/*
	.nav .btn_category {margin:9px 4px 5px 10px; text-align:left; color:#fff !important; width:129px; box-sizing:border-box; padding:6px 12px 4px 18px; border:1px solid #fff !important}
	.nav .btn_category {background:transparent url('../images/nav_icon_open.gif') 112px center no-repeat !important; background-size:14px !important; }
	.nav .open_nav .btn_category {text-align:left; background:#fff url('../images/nav_icon_open2.gif') 108px center no-repeat !important;  background-size:14px !important;  color:#3e414a !important; padding:6px 12px 4px 14px;}
	*/
	.nav .btn {border:0; margin-right:10px;}
	.nav_open .close_box {display:none;}
	.nav .lineup {display:block; }
	.nav .btn_hide {display:block; }
	.nav .nav_open {width:140px;}
	.nav .nav_open a:first-of-type {border-top:0;}
	.nav .bar {float:left; width:1px; height:12px; background:rgba(255,255,255,0.3); margin:19px 0 0 0}

	.main_bn_area {padding-left:140px; background:#3e414a;}
	.main_bn_area .single_box {padding:10px 0 0 10px;}
	.main_bn_area .double_box {padding:0 0 0 10px; }
	.main_bn_area .double_box .btn_left {left:10px !important;}
}




/* ●●●●●●●●●● 푸터 */
.footer {background:#252629;}
.footer .menu a {display:block; color:#fff; position:relative;}
.footer .menu dt {border-bottom:1px solid #252629;}
.footer .menu dt a {background:#3d3e41; font-family:'lato'; padding:10px; font-weight:600; letter-spacing:0; font-size:14px;}
.footer .menu .icon {background:transparent url('../images/csmenu_down.gif') left center no-repeat; background-size:15px; width:15px; height:10px; position:absolute; right:10px; top:50%; margin-top:-5px}
.footer .menu dd {background:#47484b; border-bottom:1px solid #252629; padding:5px 0; display:none;}
.footer .menu dd a {color:#ccc; padding:5px 10px; font-size:13px;}
.footer .menu .open_menu dd {display:block;}
.footer .menu .open_menu .icon {background:transparent url('../images/csmenu_up.gif') left center no-repeat; background-size:15px; width:15px; height:10px; position:absolute; right:10px; top:50%; margin-top:-5px}

.footer .info {background:#3d3e41; padding:15px 10px}
.footer .info dt a {font-family:'lato'; font-weight:600; color:#fff; font-size:24px; letter-spacing:0}
.footer .info dd {color:#939393; overflow:hidden}
.footer .info dd:first-of-type {font-family:'lato'; font-weight:600;}
.footer .info dd:nth-of-type(2n) {margin-top:10px;}
.footer .info dd:nth-of-type(3n) {margin-top:15px;}
.footer .info dd a {float:left; margin-right:5px;}
.footer .info img {width:40px;}

.footer .copyright {padding:20px 10px 30px 10px;}
.footer .copyright dt {color:#ccc; font-size:16px; margin-bottom:10px; font-weight:600}
.footer .copyright dd {font-size:12px;  padding:2px 0; color:#999}
.footer .copyright dd:last-child { font-family:'lato'; color:#999; margin-top:20px}





/* 맨위로버튼 */
.btn_gotop {position:fixed; right:10px; bottom:10px; width:40px; height:40px; background:rgba(76,77,77,0.8); text-align:center; border-radius:30px; box-shadow:0 1px 1px rgba(0,0,0,0.3); z-index:500}
.btn_gotop img {width:50%; margin-top:14px}




/* 개별:메인 */
.main_bn_area {overflow:hidden;}
.main_bn_area img {width:100%; float:left;}
.main_bn_area a {float:left; overflow:hidden; width:100%;}

.main_bn_area .single_box {position:relative; overflow:hidden; background:#fff; }
.main_bn_area .single_box .img_wrap {float:left; overflow:hidden; width:100%;}

.main_bn_area .rolling_icon {text-align:center; position:absolute; left:0; bottom:5px; width:100%; z-index:100}
.main_bn_area .rolling_icon a {float:left; background:rgba(75,75,75,0.5); width:10px; height:10px; border-radius:30px; margin:0 3px;}
.main_bn_area .rolling_icon .hit {background:#4b4b4b}

.main_bn_area .double_box {overflow:hidden; padding-top:6px; position:relative; background:#fff; }
.main_bn_area .double_box li {float:left; width:50%; box-sizing:border-box; padding:0 3px 0 0; overflow:hidden}
.main_bn_area .double_box li:last-of-type {padding:0 0 0 3px}

.main_bn_area .double_box .img_wrap {position:relative; width:100%; float:left;}
.main_bn_area .double_box .rolling_btn {position:absolute; top:50%;; width:11px; margin-top:-17px; z-index:100; padding:5px;}
.main_bn_area .double_box .btn_left {left:0;}
.main_bn_area .double_box .btn_right {right:0;}
.main_bn_area .double_box .name {background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; width:100%; color:#fff; height:24px; line-height:26px; font-size:12px; text-align:center; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}



/* 신규상품 */
.main_item_new {background:#ededf1; margin-top:30px; clear:both; overflow:hidden}
.main_item_new .tab_title {overflow:hidden; padding:0 30px; background:#fff url(../images/tab_bg.gif) left bottom repeat-x; background-size:1px; }
.main_item_new .tab_title a {font-size:16px; color:#999; width:50%; padding:10px 0; text-align:center; float:left; border:1px solid #b0b0bb; background:#fff; box-sizing:border-box;}
.main_item_new .tab_title a:last-of-type {border-left:0}
.main_item_new .tab_title .hit {background:#ededf1; color:#333; font-weight:600; border-bottom:1px solid #ededf1}

.main_item_new .item_list {overflow:hidden; padding:15px;}
.main_item_new img {width:100%; float:left;}

.main_item_new .item_list li {float:left; width:33.33%; box-sizing:border-box; list-style:none; padding-bottom:5px; overflow:hidden}
.main_item_new .item_list .item_box {margin:0 3px; box-sizing:border-box; background:#fff; overflow:hidden;}
.main_item_new .item_list .item_box a {padding:4px; overflow:hidden; float:left; display:block;}

@media all and (min-width:500px) {
	.main_item_new .item_list li {width:25%;}
}



/* 베스트상품 */
.main_item_best {background:#fff; overflow:hidden;}
.main_item_best img {width:100%; float:left;}
.main_item_best .tab_title {overflow:hidden; padding:30px 30px 0 30px; background:#ededf1 url(../images/tab_bg.gif) left bottom repeat-x; background-size:1px; }
.main_item_best .tab_title a {font-size:16px; color:#999; width:50%; padding:10px 0; text-align:center; float:left; border:1px solid #b0b0bb; background:#ededf1; box-sizing:border-box; margin-bottom:}
.main_item_best .tab_title a:last-of-type {border-left:0}
.main_item_best .tab_title .hit {background:#fff; color:#333; font-weight:600; border-bottom:1px solid #fff}

.main_item_best ul {overflow:hidden; padding:20px 15px 0 15px;}
.main_item_best li {list-style:none; box-sizing:border-box; margin-bottom:20px;}

.main_item_best .best_box {border:1px solid #dbdbe4;}
.main_item_best .best_box dt {background:#dbdbe4; text-align:center; font-family:'lato'; font-size:16px; font-weight:600; color:#333; padding:5px 0}
.main_item_best .best_box dd {border-bottom:1px solid #dbdbe4;  padding:5px; overflow:hidden}
.main_item_best .best_box dd:last-of-type {border-bottom:0;}

.main_item_best .item_one {position:relative; height:75px; display:block; float:left; width:100%;}
.main_item_best .item_one .thumb {overflow:hidden; width:75px; height:75px; background:#f8f8f8 url('../images/no_conts.png') center center no-repeat; background-size:40px; position:absolute; left:0; top:0;}
.main_item_best .item_one .thumb img {float:left; width:100%}
.main_item_best .item_one .item_name {overflow:hidden; font-size:13px; color:#333; margin:10px 0 0 95px; line-height:18px; font-family:"lato","NanumBarunGothic"; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.main_item_best .item_one .price {overflow:hidden; line-height:100%; font-family: "lato"; font-weight:500; font-size:18px; color:#0d27a9; position:absolute; left:95px; bottom:10px;}
.main_item_best .item_one .price  em {font-family: "NanumBarunGothic"; font-weight:normal; font-size:16px; float:left; margin:0 3px 0 0}

@media all and (min-width:500px) {
	.main_item_best li {width:50%; float:left; padding:0 7px 0 0}
	.main_item_best li:nth-of-type(2n) {padding:0 0 0 7px}
}



/* 액세서리 */
.main_acc {background:#ededf1; margin-top:20px; padding:25px 15px;}
.main_acc .title {text-align:center; margin-bottom:20px;}
.main_acc .title .txt { background:transparent url('../images/find_acc.png') left top no-repeat; background-size:20px; padding:0 0 0 25px; color:#3d3e41; font-size:18px; font-weight:600}

.main_acc .ctg_box {border-bottom:1px solid #cdcdd0; overflow:hidden; position:relative;}
.main_acc .ctg_box ul {overflow:hidden; border:1px solid #cdcdd0; margin-bottom:-2px;}
.main_acc .ctg_box li {float:left; width:33.33%; list-style:none; border-bottom:1px solid #cdcdd0;}
.main_acc .ctg_box a {height:40px; line-height:40px; text-align:center; box-sizing:border-box; display:block; overflow:hidden}
.main_acc .ctg_box a {color:#3d3e41; font-weight:500; font-size:13px; font-family: "lato",  "NanumBarunGothic"; }

.main_acc .design_line {background:#cdcdd0; position:absolute; left:33.33%; top:0; width:1px; height:100%;}
.main_acc .design_line:nth-of-type(2) {left:66.66%;}

@media all and (min-width:500px) {
	.main_acc .ctg_box li {width:25%;} 
	.main_acc .design_line {left:25%}
	.main_acc .design_line:nth-of-type(2) {left:50%;}
	.main_acc .design_line:nth-of-type(3) {left:75%;}
}




/* 메인공지사항 */
.main_notice {overflow:hidden; position:relative;}
.main_notice a {padding:10px ; float:left; width:100%; box-sizing:border-box; }
.main_notice .icon {position:absolute; right:10px; top:50%; width:10px; margin-top:-8px;}
.main_notice .icon img {width:100%;}
.main_notice .tit {border:1px solid #cdcdd0; color:#676767; padding:5px 10px; position:absolute; left:10px; top:10px; font-size:13px;}
.main_notice .posting {color:#676767; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; height:25px; line-height:30px; margin:0 20px 0 50px; font-size:13px;}








/* ●●●●●●●●●● 개별:서브 */

/* 페이지위치 */
.page_location {overflow:hidden; padding:8px 10px; border-bottom:1px solid #ebebf1; position:relative;}
.page_location span {float:left;}
.page_location img {width:6px; margin-top:1px}
.page_location .icon {margin:0 5px;}
.page_location .txt {font-family:"lato","NanumBarunGothic"; color:#999; font-size:13px;}
.page_location .txt:first-of-type {color:#333}
.page_location .full_name {overflow:hidden; clear:both; color:#999; padding-top:5px; display:none;}

.page_location .btn_menu {position:absolute; right:5px; top:4px; font-family:'lato'; font-size:13px; color:#999; border:1px solid rgba(0,0,0,0.1); padding:3px 6px 5px 6px; border-radius:4px}
.page_location .btn_open {background-color:rgba(0,0,0,0.2); color:#fff}


/* 리스트제어 */
.page_list_ctrl {background:#f9f9f9; padding:5px 10px 20px 10px; border-bottom:1px solid #ebebf1; overflow:hidden}
.page_list_ctrl dt {color:#333; font-weight:600; font-size:20px; margin-top:10px;}
.page_list_ctrl dd {overflow:hidden; margin-top:10px;}
.page_list_ctrl dd:last-of-type {margin-top:3px}
.page_list_ctrl .select {width:49%; float:left;}
.page_list_ctrl .select:nth-of-type(2) {float:right}
.page_list_ctrl .select:only-of-type {width:100%;}
.page_list_ctrl .txt {color:#333; font-family:"lato","NanumBarunGothic"; font-size:16px;}
.page_list_ctrl .sum {color:#999; font-family:"lato","NanumBarunGothic";}
.page_list_ctrl .sum b {text-decoration:underline; font-size:14px;}



/* 상품리스트 */
.sub_item_best {background:#fff; overflow:hidden; padding:20px 10px 40px 10px}
.sub_item_best img {width:100%; float:left;}

.sub_item_best ul {overflow:hidden;}
.sub_item_best li {list-style:none; box-sizing:border-box; padding:5px 0; border-bottom:1px dashed rgba(0,0,0,0.1); overflow:hidden}

.sub_item_best .item_one {position:relative; height:80px; display:block; float:left; width:100%;}
.sub_item_best .item_one .thumb {overflow:hidden; width:80px; height:80px; background:#f8f8f8 url('../images/no_conts.png') center center no-repeat; background-size:40px; position:absolute; left:0; top:0;}
.sub_item_best .item_one .thumb img {float:left; width:100%}
.sub_item_best .item_one .item_name {overflow:hidden; font-size:13px; color:#333; margin:10px 0 0 95px; line-height:18px; font-family:"lato","NanumBarunGothic"; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.sub_item_best .item_one .price {overflow:hidden; line-height:100%; font-family: "lato"; font-weight:500; font-size:18px; color:#e00303; position:absolute; left:95px; bottom:10px;}
.sub_item_best .item_one .price em {font-family: "NanumBarunGothic"; font-weight:normal; font-size:16px; float:left; margin:0 3px 0 0}

.sub_item_best .btn_more {overflow:hidden; padding-top:20px; }
.sub_item_best .btn_more a {display:block; background:#e2e3eb; padding:15px 0; font-family:"lato"; color:#333; font-size:18px; font-weight:600; text-align:center;}

@media all and (min-width:500px) {
	.sub_item_best li {padding:10px 5px 10px 0; width:50%; float:left;}
	.sub_item_best li:nth-of-type(2n) {float:right; padding:10px 0 10px 5px;}

}



/* ●●●●●●●●●●● 상세보기 */
.product_view_title {background:#f9f9f9; padding:5px 10px 20px 10px; border-bottom:1px solid #ebebf1; overflow:hidden; padding:15px 10px;}
.product_view_title dt {color:#333; font-size:20px;}
.product_view_title dd {font-family: "lato"; color:#999; font-size:16px;}

/* 제품사진 */
.product_view_photo {border-bottom:1px solid #e8e8e8; text-align:center; box-sizing:border-box}
.product_view_photo img {width:100%; max-width:400px;}
.product_view_photo .photo {padding:10px 0 5px 0;}
.product_view_photo .paging .box {background:#9d9da9; border-radius:60px; overflow:hidden; margin-bottom:10px;}
.product_view_photo .paging .icon {float:left; width:8px; padding:8px 12px 5px 12px}
.product_view_photo .paging .num {float:left; color:#666; font-family: "lato";  font-size:15px; height:16px; line-height:16px; padding:8px 10px 0 10px;}
.product_view_photo .paging .num b {color:#fff;}


/* 가격정보 */
.product_view_price {padding:30px 10px; text-align:center; box-sizing:border-box}
.product_view_price .price {overflow:hidden; margin-bottom:5px;}
.product_view_price .price b {font-family: "lato"; color:#333; font-size:30px; font-weight:500; float:left;}
.product_view_price .price em {color:#333; font-family: "NanumBarunGothic"; font-size:27px; float:left; margin:2px 2px 0 0}
.product_view_price .price3 {color:#333; font-family: "NanumBarunGothic"; font-size:27px; float:left; margin:2px 2px 0 0}
.product_view_price .guide {color:#999; margin-bottom:10px;}
.product_view_price .select select {color:#999}
.product_view_price .option {overflow:hidden}
.product_view_price .option li {list-style:none; margin-bottom:5px;}
.product_view_price .option li:last-of-type {margin-bottom:0}
.product_view_price .btn_cart {margin-top:15px;}
.product_view_price .btn_cart a {color:#fff; font-weight:600; font-size:20px; padding:15px 30px 12px 30px; background:#333; border-radius:4px;}
.product_view_price .mark_box {display:block; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; margin-top:15px; padding:12px 0 8px 0;}
.product_view_price .mark_box .lineup {overflow:hidden}
.product_view_price .mark {float:left; background:transparent url('../images/mark_under.png') left top no-repeat; background-size:120px; height:25px; width:120px; overflow:hidden}
.product_view_price .star {float:left; background:transparent url('../images/mark_upper.png') left top no-repeat; background-size:120px; height:25px; width:100%;}
.product_view_price .txt {float:left; line-height:27px; height:25px; font-size:14px; margin-left:5px}
.product_view_price .discount {float:left; line-height:35px; margin-left:8px; color:#ff5032; font-size:15px; letter-spacing:-1px; background:transparent url('../images/view_dis.png') left center no-repeat; background-size:15px; padding-left:20px;}
.product_view_price .discount .en {color:#ff5032; font-weight:600; font-size:15px; font-family: "lato"; margin:0 2px; letter-spacing:0;}

/* 기본정보 */
.product_view_default {overflow:hidden; padding:10px 15px; box-sizing:border-box}
.product_view_default dl {position:relative; padding-left:45px; min-height:35px; margin-bottom:15px;}
.product_view_default .icon {position:absolute; left:0; top:0; width:35px;}
.product_view_default img {width:100%;}
.product_view_default dt {color:#6a6a6a; font-size:14px;}
.product_view_default dd {color:#999; margin-top:3px; overflow:hidden}
.product_view_default .btn_view {float:left; color:#999; background:#fff; border:1px solid #dcdada; padding:7px 8px 5px 8px; letter-spacing:-1px; margin-right:5px}
.product_view_default .btn_view:last-of-type {margin:0}

/* 상품설명 */
.product_view_detail {border-top:1px solid #e8e8e8; padding:30px 15px; box-sizing:border-box}
.product_view_detail .title {color:#333; font-size:18px; margin-bottom:15px}
.product_view_detail * {letter-spacing:0; font-family:'lato',"NanumBarunGothic"}
.product_view_detail dl {position:relative;}
.product_view_detail dd {color:#999; }
.product_view_detail dt {color:#333; margin-top:15px;}
.product_view_detail .btn_more {text-align:center; margin-top:20px}
.product_view_detail .btn_more a {color:#999; border:1px solid #dcdada; padding:7px 10px 5px 10px; letter-spacing:-1px; font-size:14px;}
.product_view_detail .close {height:270px; overflow:hidden}
.product_view_detail .close .upper {display:block;}
.product_view_detail .upper {display:none; background:-webkit-gradient(linear, 0% 100%, 0% 0%, to(rgba(255,255,255,0.1)), from(rgba(255,255,255,1))); position:absolute; left:0; bottom:0; width:100%; height:80px;}

/* 상세정보 */
.product_view_info {border-top:1px solid #e8e8e8; padding:30px 15px; box-sizing:border-box}
.product_view_info .title {color:#333; font-size:18px; margin-bottom:15px}
.product_view_info * {letter-spacing:0; font-family:'lato',"NanumBarunGothic"}
.product_view_info dd {color:#999; padding-left:10px;}
.product_view_info dt {color:#333; margin-top:15px; overflow:hidden}
.product_view_info .bullet {background:#333; border-radius:30px; width:4px; height:4px; float:left; margin:4px 5px 0 0}


/* 반응형 묶음 */
@media all and (min-width:500px) {
	.product_view_photo {width:50%; float:left; border-bottom:0; margin-bottom:20px;}
	.product_view_price {width:50%; float:right; margin-top:10px;}
	.product_view_price .guide {font-size:11px;}
	.product_view_default {clear:both; padding-top:30px; background:rgba(0,0,0,0.05);}

	.product_view_wrap {overflow:hidden; clear:both;}
	.product_view_detail {width:50%; float:left;}
	.product_view_detail .close {height:320px;}
	.product_view_info {width:50%; float:right; }
}


/* 관련상품 */
.product_view_relative {overflow:hidden; padding:30px 15px; border-top:1px solid #e8e8e8;}
.product_view_relative .title {color:#333; font-size:18px; margin-bottom:15px}
.product_view_relative li {list-style:none; box-sizing:border-box; margin-bottom:5px;}

.product_view_relative .item {background:#fff; overflow:hidden; min-height:100px; position:relative}
.product_view_relative .item .thumb {position:absolute; left:0; top:0; overflow:hidden; width:100px; height:100px; background:#f8f8f8 url('../images/no_conts.png') center center no-repeat; background-size:40px;}
.product_view_relative .item .thumb img {float:left; width:100%}
.product_view_relative .item .info {margin-left:110px; overflow:hidden;}
.product_view_relative .item .item_name {letter-spacing:0px; font-size:12px; color:#333; line-height:16px; overflow:hidden; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.product_view_relative .item .price {overflow:hidden; margin-top:10px;}
.product_view_relative .item .price b {font-family: "lato"; color:#ea002c; font-size:15px; font-weight:500}
.product_view_relative .item .price em {color:#ea002c; font-family:"NanumBarunGothic"; font-size:15px; float:left; margin:0 2px 0 0}

.product_view_relative .item_wrap {text-align:center}
.product_view_relative .item_box {position:relative; margin:18px 18px 0 18px; overflow:hidden; float:left; width:170px; text-align:center}
.product_view_relative .item_box .thumb {overflow:hidden; width:150px; height:150px; background:#f8f8f8 url('../images/no_conts.png') center center no-repeat;}
.product_view_relative .item_box .thumb img {float:left; overflow:hidden; width:100%}
.product_view_relative .item_box .item_name {margin-top:10px; text-align:center; width:165px; letter-spacing:0px; font-size:15px; color:#333; line-height:18px; overflow:hidden}
.product_view_relative .item_box .price {width:100%; position:absolute; bottom:0; left:0; text-align:center; letter-spacing:0px; font-size:14px; color:#ea002c; line-height:16px; margin-bottom:20px; overflow:hidden}

@media all and (min-width:500px) {
	.product_view_relative li {width:50%; float:left; padding:0 7px 0 0;}
	.product_view_relative li:nth-of-type(2n) {padding:0 0 0 7px;}
}

/* 추천상품 */
.product_view_recomm {overflow:hidden; padding:30px 15px; border-top:1px solid #e8e8e8;}
.product_view_recomm .title {color:#333; font-size:18px; margin-bottom:15px}
.product_view_recomm li {list-style:none; box-sizing:border-box; margin-bottom:5px; width:33.33%; float:left; padding:5px}

.product_view_recomm .item {background:#fff; overflow:hidden; position:relative; min-height:150px;}
.product_view_recomm .item .thumb {overflow:hidden; width:100%; background:#f8f8f8 url('../images/no_conts.png') center center no-repeat; background-size:40px;}
.product_view_recomm .item .thumb img {float:left; width:100%}
.product_view_recomm .item .info {text-align:center; overflow:hidden;}
.product_view_recomm .item .item_name {letter-spacing:0px; font-size:12px; color:#333; line-height:16px; overflow:hidden; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.product_view_recomm .item .price {overflow:hidden; margin-top:10px;}
.product_view_recomm .item .price b {font-family: "lato"; color:#ea002c; font-size:15px; font-weight:500}
.product_view_recomm .item .price em {color:#ea002c; font-family:"NanumBarunGothic"; font-size:15px; float:left; margin:0 2px 0 0}

.product_view_recomm .item_wrap {text-align:center}
.product_view_recomm .item_box {position:relative; margin:18px 18px 0 18px; overflow:hidden; float:left; width:170px; text-align:center}
.product_view_recomm .item_box .thumb {overflow:hidden; width:150px; height:150px; background:#f8f8f8 url('../images/no_conts.png') center center no-repeat;}
.product_view_recomm .item_box .thumb img {float:left; overflow:hidden; width:100%}
.product_view_recomm .item_box .item_name {margin-top:10px; text-align:center; width:165px; letter-spacing:0px; font-size:15px; color:#333; line-height:18px; overflow:hidden}
.product_view_recomm .item_box .price {width:100%; position:absolute; bottom:0; left:0; text-align:center; letter-spacing:0px; font-size:14px; color:#ea002c; line-height:16px; margin-bottom:20px; overflow:hidden}
@media all and (min-width:500px) {
	.product_view_recomm li {width:20%; padding:5px;}
}


/* 내부게시판 */
.product_view_board {overflow:hidden; padding:30px 15px; border-top:1px solid #e8e8e8;}




/* 주문배송 */
.product_view_guide {border-top:1px solid #e8e8e8; padding:30px 15px; box-sizing:border-box}
.product_view_guide .title {color:#333; font-size:18px; margin-bottom:15px}
.product_view_guide * {letter-spacing:0; font-family:'lato',"NanumBarunGothic"}
.product_view_guide dl {position:relative;}
.product_view_guide dt {color:#333; margin:15px 0 5px 0; font-size:13px}
.product_view_guide dd {color:#999; position:relative; padding-left:10px;  margin-bottom:5px;}
.product_view_guide b {font-weight:normal; color:#333}
.product_view_guide .bullet {background:#333; border-radius:30px; width:4px; height:4px; position:absolute; left:0; top:4px;}



/* witholleh추가 */
.product_view_olleh {border-top:1px solid #e8e8e8; padding:30px 15px 20px 15px; box-sizing:border-box}
.product_view_olleh .title {color:#333; font-size:18px; margin-bottom:15px}
.product_view_olleh * {letter-spacing:0; font-family:'lato',"NanumBarunGothic"}
.product_view_olleh ul {position:relative;}
.product_view_olleh li {list-style:none; color:#999; position:relative; padding-left:10px; margin-bottom:5px;}
.product_view_olleh li:last-of-type {color:#333}
.product_view_olleh .logo {text-align:center; display:block; margin:20px 0 10px 0}
.product_view_olleh .logo img {height:30px;}
.product_view_olleh b {font-weight:normal; color:#f65108}
.product_view_olleh .bullet {background:#333; border-radius:30px; width:4px; height:4px; position:absolute; left:0; top:5px;}

.product_view_olleh .btn_wrap {margin:0 0 20px 0; overflow:hidden}
.product_view_olleh .btn_wrap:last-of-type .btn_box {width:50%; float:left; padding:0 0 0 0;}
.product_view_olleh .btn_wrap:last-of-type .btn_box:last-of-type {padding:0 0 0 5px;}
.product_view_olleh .btn_box {display:block; margin-bottom:5px; box-sizing:border-box; }
.product_view_olleh .btn_go {box-sizing:border-box; display:block; color:#999; border:1px solid #dcdada; padding:13px 0 12px 40px; letter-spacing:-1px; font-size:14px; background:#fff url('../images/olleh_ic1.png') 15px center no-repeat; background-size:16px;}
.product_view_olleh .btn_go b {font-weight:normal; color:#333}
.product_view_olleh .btn_view {box-sizing:border-box; display:block; color:#999; border:1px solid #dcdada; padding:13px 0 12px 35px; letter-spacing:-1px; font-size:14px; background:#fff url('../images/olleh_ic2.png') 12px center no-repeat; background-size:14px;}

.product_view_olleh .add_txt1 {clear:both; padding:0 0 10px 0; font-size:14px; color:#f65108; padding-left:25px; line-height:18px; letter-spacing:-1.1px;}
.product_view_olleh .add_txt1 img {width:18px; margin-right:5px; position:absolute; left:0; top:2px;}
.product_view_olleh .add_txt2 {clear:both; padding:5px 0 0 0; font-size:14px; color:#999; line-height:18px;}
.product_view_olleh .add_txt2 img {float:left; width:18px; margin-right:5px}
.product_view_olleh .add_box {margin-bottom:25px; border:1px solid rgba(0,0,0,0.05);border-left:0; border-right:0; padding-bottom:20px; background:rgba(0,0,0,0.05); padding:15px;}
.product_view_olleh .add_box dt {font-size:14px; font-weight:500; color:#333; margin-bottom:3px;}
.product_view_olleh .add_box dd {color:#999; margin-bottom:10px;}
.product_view_olleh .add_box dd:last-of-type {margin:0}


@media all and (min-width:500px) {
	.product_view_olleh .btn_box {width:33.33%; float:left; padding:0 5px 0 0}
}

.product_view_pop {position:absolute; width:100%; height:100%; z-index:999; background:rgba(0,0,0,0.7)}
.product_view_pop .bullet {background:#333; border-radius:30px; width:4px; height:4px; position:absolute; left:0; top:4px;}

.product_view_pop .full_text {box-sizing:border-box; padding:10px; margin-bottom:20px}
.product_view_pop .full_text dd { position:relative; padding-left:10px; margin-bottom:5px; line-height:17px; box-sizing:border-box; overflow:hidden}
.product_view_pop .full_text img {width:80px; float:left;}
.product_view_pop .full_text dt {margin-top:20px; overflow:hidden}
.product_view_pop .inbtn {display:block; border:1px solid rgba(0,0,0,0.1); text-align:center; padding:10px 0; font-size:13px; margin-top:20px; box-sizing:border-box; }


/* 회사소개 */
.page_company {overflow:hidden; padding:20px;}
.page_company img {float:left; width:100%;}
.page_company .visual {overflow:hidden}
.page_company .visual li {list-style:none;}
.page_company .greeting {padding:30px 0; line-height:18px; font-size:13px; background:transparent url('../images/company_bg.gif') left bottom repeat-x; background-size:8px;}
.page_company .info {margin:30px 0;}
.page_company .info dt {color:#333; font-size:15px; margin-bottom:15px}
.page_company .info dd {position:relative; border-bottom:1px solid #e8e8e8}
.page_company .info dd:last-of-type {border:0}
.page_company .info dd a {display:block; padding:0 0 0 10px; height:30px; line-height:32px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.page_company .bullet {background:#333; border-radius:30px; width:4px; height:4px; position:absolute; left:0; top:12px;}
@media all and (min-width:500px) {
	.page_company .visual li {float:left; width:33.33%}
}



.subpage_menu {overflow:hidden; background:rgba(0,0,0,0.05); padding:15px 15px 25px 15px;}
.subpage_menu li {list-style:none; width:50%; float:left; box-sizing:border-box; padding:0 5px}
.subpage_menu a {display:block; padding:10px; border-bottom:1px solid rgba(0,0,0,0.1); }
.subpage_menu .hit a {color:#ff0000}





/* 2017-05-10 통합검색 추가 ARA */
.new_search_ctg {overflow:hidden; padding:20px 6px 15px 6px; background:#eee;}

.new_search_ctg .search_tt {text-align:center; /* border-bottom:1px solid #333; */ position:relative;}
.new_search_ctg .search_tt .tt {font-size:18px; color:#888; padding-bottom:20px; background:transparent url('../images/comb_search_tt.png') left 1px no-repeat; padding-left:25px; background-size:18px; margin-left:-15px;}
.new_search_ctg .search_tt .result {position:absolute; right:0; top:10px; font-size:12px; color:#999;}
.new_search_ctg .search_tt strong {color:#000; font-weight:400;}
.new_search_ctg .search_tt em {color:#ff0000; font-weight:400;}

.new_search_ctg .ctg_box {display:table; width:100%; table-layout:fixed;}
.new_search_ctg .ctg_box ul {display:table-row;}
.new_search_ctg .ctg_box li {display:table-cell; padding:0 4px;}
.new_search_ctg .ctg_box select {font-size:12px;}

.new_search_ctg .open_ctg3 {overflow:hidden; margin:0 4px 0 4px;}
.new_search_ctg .ctg3_inner {display:table; width:100%; table-layout:fixed; background:#fff; border:1px solid #ddd; box-sizing:border-box; margin-top:10px;}
.new_search_ctg .ctg3_inner ul {display:table-row;}
.new_search_ctg .ctg3_inner ul+ ul {border-top:1px solid #ddd;}
.new_search_ctg .ctg3_inner li {display:table-cell; vertical-align:middle; text-align:center; border-left:1px solid #ddd;}
.new_search_ctg .ctg3_inner li:first-of-type {border-left:0;}
.new_search_ctg .ctg3_inner .ctg3 {display:block; padding:6px 10px; font-size:11px; color:#888;}
.new_search_ctg .ctg3_inner .ctg3 em {color:#999; font-size:10px;}
.new_search_ctg .ctg3_inner .hit .ctg3 {color:#000;}
.new_search_ctg .ctg3_inner .hit .ctg3 em {color:#000;}
.new_search_ctg .ctg3_inner+ .ctg3_inner {margin-top:10px;}

.new_search_ctg .if_price {margin-top:5px;}
.new_search_ctg .if_price .ctg3_inner {margin-top:0px;}
.new_search_ctg .if_price .ctg3 {font-size:11px; padding:8px 5px;}
.new_search_ctg .if_price {padding-left:45px; position:relative; overflow:hidden;}
.new_search_ctg .if_price .btn_all {position:absolute; left:0; top:0; background:#fff; text-align:center; width:46px; color:#333; border:1px solid #ddd; height:100%; box-sizing:border-box;}
.new_search_ctg .if_price .btn_all em {display:block; color:#888; font-size:10px;}
.new_search_ctg .if_price .btn_all .tx {position:absolute; left:0; top:50%; width:100%; margin-top:-15px;}
.new_search_ctg .if_price .btn_all.hit .tx {color:#000;}

.new_search_ctg .search_form {height:35px; overflow:hidden; position:relative; background:#fff; box-sizing:border-box;}
.new_search_ctg .search_form input {border:1px solid #ccc; line-height:35px; height:35px; padding:0 10px; color:#333; padding-right:55px; }
.new_search_ctg .search_form input {width:100%; box-sizing:border-box; font-size:12px;}
.new_search_ctg .search_form input:focus {border:none; color:#333; border:1px solid #333;}
.new_search_ctg .search_form .btn_search {height:30px; position:absolute; right:1px; top:0; background:transparent; box-sizing:border-box;}
.new_search_ctg .search_form .search_icon {width:40px; height:35px; background:transparent url('../images/comb_search_tt.png') center center no-repeat; background-size:18px;}
.new_search_ctg .search_form .btn_reset {position:absolute; right:32px; top:0; height:35px;}
.new_search_ctg .search_form .btn_reset .icon {height:35px; width:30px; background:transparent url('../images/comb_search_re.png') center center no-repeat; background-size:16px;}

.new_search_ctg .listup {position:relative; padding-right:120px; margin:10px 4px 0 4px; }
.new_search_ctg .listup .select {position:absolute; right:0; top:0; width:115px; height:35px;}
.new_search_ctg .listup .select select {font-size:11px; height:35px; line-height:35px;}